@charset "UTF-8";

*, ::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;
    color: var(--text-default);
    line-height: 1.15
}

body {
    margin: 0;
    counter-reset: number 0;
    font-family: var(--s-font-family, "Noto Sans JP", sans-serif)
}

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

main {
    display: block
}

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

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

b, strong {
    font-weight: bolder
}

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

iframe {
    border-style: none
}

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

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

.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)
}

.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)
}

:root {
    /* font-size: 1rem;*/
    /* font-family: Arial,Helvetica,Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;*/
    --size-xs: 1rem;
    --size-sm: 2rem;
    --size-md: 3rem;
    --size-lg: 4rem;
    --size-xl: 5rem;
    --fsize-xs: 0.8rem;
    --fsize-sm: 0.9rem;
    --fsize-md: 1rem;
    --fsize-lg: 1.25rem;
    --fsize-xl: 1.875rem;
    --menu-height: 4rem;
    --p-image-def: inherit;
    --p-image-wh: none;
    --base-defColor: #ffffff;
    --base-defColor-dark1: #666;
    --base-defColor-dark2: #444;
    --base-defColor-dark3: #222;
    --base-defColor-light1: #E2E2E2;
    --base-defColor-light2: #ccc;
    --base-defColor-light3: #F4F9FD;
    --base-defColor-opp: #000000;
    --base-defColor-dark-opp: #ffffff;
    --base-defColor-light-opp: #000000;
    --base-baseColor: #74C3E5;
    --base-baseColor-dark1: #659cb5;
    --base-baseColor-dark2: #281197;
    --base-baseColor-dark3: #000000;
    --base-baseColor-light1: #FFFFFF;
    --base-baseColor-light2: #A60518;
    --base-baseColor-light3: #F7F7F7;
    --base-baseColor-opp: #FFFFFF;
    --base-baseColor-dark-opp: #ffffff;
    --base-baseColor-light-opp: #000000;
    --base-subColor: #000000;
    --base-subColor-dark1: #a3a3d3;
    --base-subColor-dark2: #7575bd;
    --base-subColor-dark3: #4d4da1;
    --base-subColor-light1: #dcdcee;
    --base-subColor-light2: #e8e8f4;
    --base-subColor-light3: #f3f3f9;
    --base-subColor-opp: #FFFFFF;
    --base-subColor-dark-opp: #ffffff;
    --base-subColor-light-opp: #000000;
    --base-primaryColor: #063354;
    --base-primaryColor-dark1: #d62323;
    --base-primaryColor-dark2: #9b1919;
    --base-primaryColor-dark3: #611010;
    --base-primaryColor-light1: #ed9292;
    --base-primaryColor-light2: #f7cdcd;
    --base-primaryColor-light3: #fef9f9;
    --base-primaryColor-opp: #ffffff;
    --base-primaryColor-dark-opp: #ffffff;
    --base-primaryColor-light-opp: #000000;
    --colorpallet-name: "SVLTD001";
    --txt-head-light: #fff;
    --txt-head-dark: #000000;
    --txt-head-primary: #3B3B3B;
    --txt-head-sub: #dec69d;
    --txt-body-light: #fff;
    --txt-body-dark: #000000;
    --txt-body-primary: #3B3B3B;
    --txt-body-sub: #dec69d;
    --baseColor: #fff;
    --base-txt-headColor: #000000;
    --base-txt-bodyColor: #000000;
    --gray-defColor: #97999b;
    --gray-darkColor: #97999b;
    --gray-dark-txt-headColor: #000000;
    --gray-dark-txt-bodyColor: #000000;
    --gray-lightColor: #d9d9d6;
    --gray-light-txt-headColor: #000000;
    --gray-light-txt-bodyColor: #000000;
    --mainColor: #fafafa;
    --main-txt-headColor: #000000;
    --main-txt-bodyColor: #000000;
    --main-lightColor: #f9f9f9;
    --main-light-txt-headColor: #000000;
    --main-light-txt-bodyColor: #000000;
    --main-middleColor: #efefef;
    --main-middle-txt-headColor: #000000;
    --main-middle-txt-bodyColor: #000000;
    --main-darkColor: #0c0c0c;
    --main-dark-txt-headColor: #fff;
    --main-dark-txt-bodyColor: #fff;
    --subColor: #efeadc;
    --sub-txt-headColor: #000000;
    --sub-txt-bodyColor: #000000;
    --sub-lightColor: #fbfaf8;
    --sub-light-txt-headColor: #000000;
    --sub-light-txt-bodyColor: #000000;
    --sub-middleColor: #f5f2ea;
    --sub-middle-txt-headColor: #000000;
    --sub-middle-txt-bodyColor: #000000;
    --sub-darkColor: #110e08;
    --sub-dark-txt-headColor: #fff;
    --sub-dark-txt-bodyColor: #fff;
    --primary-defColor: #3B3B3B;
    --primary-def-txt-headColor: #fff;
    --primary-def-txt-bodyColor: #fff;
    --secondary-defColor: ;
    --secondary-def-txt-headColor: #fff;
    --secondary-def-txt-bodyColor: #fff;
    --btn-defColor: #3B3B3B;
    --btn-def-txt-headColor: #fff;
    --btn-def-txt-bodyColor: #fff;
    --btn-def-lightColor: #f9f9f9;
    --btn-def-light-txt-headColor: #000000;
    --btn-def-light-txt-bodyColor: #000000;
    --btn-def-middleColor: #efefef;
    --btn-def-middle-txt-headColor: #000000;
    --btn-def-middle-txt-bodyColor: #000000;
    --btn-def-darkColor: #0c0c0c;
    --btn-def-dark-txt-headColor: #fff;
    --btn-def-dark-txt-bodyColor: #fff;
    --btn-primaryColor: #fff;
    --btn-primary-txt-headColor: #000000;
    --btn-primary-txt-bodyColor: #000000;
    --btn-primary-lightColor: #f9f9f9;
    --btn-primary-light-txt-headColor: #000000;
    --btn-primary-light-txt-bodyColor: #000000;
    --btn-primary-middleColor: #efefef;
    --btn-primary-middle-txt-headColor: #000000;
    --btn-primary-middle-txt-bodyColor: #000000;
    --btn-primary-darkColor: #0c0c0c;
    --btn-primary-dark-txt-headColor: #fff;
    --btn-primary-dark-txt-bodyColor: #fff;
    --bg-head-defColor: #d9d9d6;
    --bg-head-def-txt-headColor: #000000;
    --bg-head-def-txt-bodyColor: #000000;
    --bg-head-subColor: #efeadc;
    --bg-head-sub-txt-headColor: #000000;
    --bg-head-sub-txt-bodyColor: #000000;
    --bg-head-primaryColor: #53565a;
    --bg-head-primary-txt-headColor: #fff;
    --bg-head-primary-txt-bodyColor: #fff;
    --bg-head-alertColor: #c6858f;
    --bg-head-alert-txt-headColor: #000000;
    --bg-head-alert-txt-bodyColor: #000000;
    --border-defColor: #3B3B3B;
    --headerColor: #ffffff;
    --header-txt-headColor: #000000;
    --header-txt-bodyColor: #000000;
    --gmenuColor: #F39800;
    --gmenu-txt-headColor: #000000;
    --gmenu-txt-bodyColor: #FFFFFF;
    --footerColor: #97999b;
    --footer-txt-headColor: #000000;
    --footer-txt-bodyColor: #000000;
    --s-content-width: 1200px;
    --s-content-width-small: 980px;
    --hero--margin: 4.0rem;
    --marginB-hero: 4.0rem;
    --block--margin: 6.0rem;
    --block--padding: 4.0rem;
    --padding-container: var(--container-padding);
    --gap-container: 3.5rem;
    --gap-container-items: 1em;
    --gap-container-text: 0.5em;
    --gap-icon: .8em;
    --border-container: 1px solid var(--border-defColor);
    --border-container-items: 1px dotted var(--border-defColor);
    --col02-gap-container: var(--gap-container-horizontal-col02);
    --col03-gap-container: var(--gap-container-horizontal-col03);
    --col04-gap-container: var(--gap-container-horizontal-col04);
    --gap-section-vertical: 6.0rem;
    --gap-section-horizontal: 6.0rem;
    --gap-container-vertical: 3.0rem;
    --gap-container-horizontal: 2.0rem;
    --gap-container-horizontal-col02: 3.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-hero: 3.5rem;
    --s-font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    --ffamily-base: inherit;
    --fsize-base: 1.8rem;
    --fweight-base: 400;
    --flineheight-base: 1.5;
    --fletterspacing-base: 0.05em;
    --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;
    --fsize-head-sub: 0.6em;
    --fweight-head-sub: inherit;
    --flineheight-head-sub: inherit;
    --fletterspacing-head-sub: inherit;
    --fsize-1head: 5.5rem;
    --fweight-1head: 100;
    --flineheight-1head: 1.5;
    --fletterspacing-1head: 0.2em;
    --fcolor-1head: inherit;
    --faccent-1head: var(--primary-defColor);
    --fbg-1head: inherit;
    --fsize-2head: 3.3rem;
    --fweight-2head: 500;
    --flineheight-2head: 1.4;
    --fletterspacing-2head: 0.01em;
    --fcolor-2head: inherit;
    --faccent-2head: var(--primary-defColor);
    --fbg-2head: inherit;
    --gap-2head: 1em;
    --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;
    --fsize-4head: 2.4rem;
    --fweight-4head: 700;
    --flineheight-4head: 1.4;
    --fletterspacing-4head: 0.01em;
    --fcolor-4head: inherit;
    --faccent-4head: var(--primary-defColor);
    --fbg-4head: inherit;
    --fsize-5head: 2.0rem;
    --fweight-5head: 700;
    --flineheight-5head: 1.4;
    --fletterspacing-5head: 0.01em;
    --fcolor-5head: inherit;
    --faccent-5head: var(--primary-defColor);
    --fbg-5head: 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;
    --fsize-gmenu-main: 1.3rem;
    --fweight-gmenu-main: 400;
    --flineheight-gmenu-main: 1.4;
    --fletterspacing-gmenu-main: 0;
    --fsize-gmenu-sub: 1.2rem;
    --fweight-gmenu-sub: 400;
    --flineheight-gmenu-sub: 1.4;
    --fletterspacing-gmenu-sub: 0;
    --fsize-gmenu-btn: 1.2rem;
    --fweight-gmenu-btn: inherit;
    --flineheight-gmenu-btn: inherit;
    --fletterspacing-gmenu-btn: inherit;
    --s-width-gmenu-btn: 15rem;
    --block--paddingT: var(--block--margin);
    --block--paddingB: var(--block--margin);
    --block--gap: var(--block--padding);
    --s-align: center;
    --s-align-flex: center;
    --s-align-opp: center;
    --s-radius: 0;
    --s-radius-small: 0;
    --s-radius-middle: 0;
    --s-radius-large: 0;
    --s-margin: 2;
    --s-margin-small: 0;
    --s-margin-middle: 0;
    --s-margin-large: 1;
    --s-border: 0;
    --s-border-small: 0;
    --s-border-middle: 0;
    --s-border-large: 0;
    --s-shadow: 0;
    --s-shadow-small: 0;
    --s-shadow-middle: 0;
    --s-shadow-large: 0;
    --header-fsize: 1.6rem;
    --header-border: 1px solid #bbbcbc;
    --header-accent: var(--mainColor);
    --hero-height: 20rem;
    --hero-bg-color: var(--baseColor);
    --hero-txt-head-color: var(--base-txt-headColor);
    --hero-txt-body-color: var(--base-txt-bodyColor);
    --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;
    font-size: 62.5%;
    --font-def-sans-serif: "Noto Sans JP", sans-serif;
    --font-def-serif: 'Noto Serif JP', serif;
    --font-pri-sans-serif: "Noto Sans JP", sans-serif;
    --font-pri-serif: 'Noto Serif JP', serif;
    --s-btn-radius: 0;
    --s-box-radius: 0;
    --s-label-radius: 0;
    --s-gnavi-height-before: 4rem;
    --s-gnavi-height-after: 4rem;
    --base-txt-bodyColor: #3B3B3B;
    --primary-defColor: #F39800;
    /* --s-gnavi-height-before: 8rem;*/
    --s-gnavi-height-after: 8rem;
    --s-content-middle-width: 1050px;
    --s-font-family: Yu Gothic UI, sans-serif;
    --font-def-sans-serif: Yu Gothic UI, sans-serif;
    --font-def-serif: Yu Gothic UI, sans-serif;
    --font-pri-sans-serif: Yu Gothic UI, sans-serif;
    --font-pri-serif: Yu Gothic UI, sans-serif
}

.head__default.head240115 .l-hero-side {
    max-width: 300px;
    align-self: flex-end;
    gap: 1rem
}

.head__default.head240115 .l-hero-side a {
    transition: all .5s;
    transition: all 1s;
    transform: translateX(50vw)
}

.head__default.head240115 .l-hero-side a:hover {
    box-shadow: 0 3px 6px rgb(0 0 0 / 40%) !important
}

.head__default.head240115 .l-hero-side a:nth-child(1) {
    transition-duration: 0.5s
}

.head__default.head240115 .l-hero-side a:nth-child(2) {
    transition-duration: 1s
}

.head__default.head240115 .l-hero-side a:nth-child(3) {
    transition-duration: 1.5s
}

h1, h2, h3 {
    font-weight: 700;
    line-height: 1.33333;
    margin: 0
}

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

h2 {}

h3 {}

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

figure {
    margin: 0
}

em {
    font-style: normal;
    font-weight: normal;
    font-weight: var(--fweight-em);
    font-size: var(--fsize-em);
    line-height: var(--flineheight-em);
    letter-spacing: var(--fletterspacing-em);
    background: var(--fbg-em)
}

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

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

#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>i {
    font-size: 30px;
    display: contents
}

#page-top .fas.fa-chevron-up::before {
    --iconImage: url(/_assets_/icon/chevron-up-solid.svg);
    --iconSize: 30px;
    content: "";
    display: inline-block;
    background: var(--iconColor, #000);
    -webkit-mask-box-image: var(--iconImage);
    -webkit-mask-box-image-repeat: space;
    mask-image: var(--iconImage);
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: var(--iconSize, 1em);
    height: var(--iconSize, 1em)
}

html, body {
    background-color: var(--baseColor);
    color: var(--base-txt-bodyColor)
}

body, input, textarea {}

#app.base-gradient.s-radius-none::before {
    background: linear-gradient(180deg, var(--base-gradient-st) 0, var(--base-gradient-en) 100%)
}

.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;
    background-color: var(--baseColor);
    color: var(--base-txt-bodyColor)
}

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

.p-subtext {
    display: block;
    font-size: .5em;
    font-weight: 400
}

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

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

.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;
    opacity: .8
}

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

.s-main-bgcolor>.l-section-bg {
    background-color: var(--mainColor)
}

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

.l-section-wrapper.column>.l-section-container>.l-content-wrapper {
    display: flex;
    flex-direction: column
}

.l-section-wrapper.s-bgimagepos-left>.l-section-container>*>.p-bgimage {
    left: 0;
    width: calc(100% * (4 / 12))
}

.l-section-wrapper.s-bgimagepos-right>.l-section-container>*>.p-bgimage {
    left: auto;
    right: 0;
    width: calc(100% * (4 / 12))
}

.l-section-container {
    position: relative;
    z-index: 2;
    max-width: none;
    text-align: var(--s-align, left);
    padding-top: calc(5rem * var(--s-margin, 1));
    padding-bottom: calc(5rem * var(--s-margin, 1))
}

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

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

.l-section-wrapper.grid .l-content-wrapper>.box>.p-group-container {
    height: 100%;
    width: 100%
}

.l-section-wrapper .l-content-wrapper>.box.s-horizontal-contents>.p-group-container {
    flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: center
}

.l-section-wrapper .l-content-wrapper>.box.s-horizontal-contents>.p-group-container>.p-group-items {
    padding: var(--s-horizontal-box-gap)
}

.l-section-wrapper .l-content-wrapper>.box.s-vertical-contents>.p-group-container {}

.l-section-wrapper .l-content-wrapper>.box.s-vertical-contents>.p-group-container>.p-group-items {
    padding: var(--s-horizontal-box-gap)
}

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

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

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

.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.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.box>.p-group-container>.p-group-items+.p-group-footer {}

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

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

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

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

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

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

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

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

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

.p-container.row {
    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>* {
    flex-basis: calc((35rem - 100%) * 999);
    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
}

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

.l-header-wrapper {
    font-size: var(--fsize-message);
    line-height: var(--flineheight-message);
    font-weight: var(--fweight-message);
    letter-spacing: var(--fletterspacing-message)
}

.l-content-wrapper {
    position: relative;
    font-size: var(--fsize-base);
    line-height: var(--flineheight-base);
    font-weight: var(--fweight-base)
}

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

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

.l-footer-wrapper {
    font-size: var(--fsize-base);
    line-height: var(--flineheight-base);
    font-weight: var(--fweight-base)
}

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

.l-section-wrapper.bg-primary .l-section-bg {
    background-image: var(--bg-primary);
    background-size: 100% auto
}

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

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

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

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

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

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

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

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

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

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

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

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

.p-group.grid.grid-3>.p-group-container>.p-group-items>* {
    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))
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-text {}

.p-textarea {
    line-height: 1.75;
    font-size: var(--fsize-text)
}

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

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

.p-copyright-container {}

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

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

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

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

.p-image-wrapper {
    height: 100%
}

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

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

.s-concept-container.image-fit-cover>.p-container-header {
    align-items: stretch
}

.s-concept-container.image-fit-cover>.p-container-header .p-image {
    height: 100%
}

.s-concept-container.image-fit-cover>.p-container-header .p-image .p-figure {
    align-items: stretch;
    height: 100%
}

.s-concept-container.image-fit-cover>.p-container-header .p-image .p-figure img {
    height: 100%;
    object-fit: cover
}

.s-concept-container>.p-container-items {
    order: 2;
    width: calc(var(--s-content-width) * 7 / 12 - 1.5rem);
    text-align: left;
    padding: 3.5rem 0
}

.s-concept-container.wid-3-9>.p-container-header {
    width: calc(var(--s-content-width) * 3 / 12 - 1.5rem);
    width: 100%
}

.s-concept-container.wid-3-9>.p-container-items {
    width: calc(var(--s-content-width) * 9 / 12 - 1.5rem);
    width: 100%
}

.s-concept-container.wid-4-8>.p-container-header {
    width: calc(var(--s-content-width) * 4 / 12 - 1.5rem);
    width: 100%
}

.s-concept-container.wid-4-8>.p-container-items {
    width: calc(var(--s-content-width) * 8 / 12 - 1.5rem);
    width: 100%
}

.s-concept-container.wid-5-7>.p-container-header {
    width: calc(var(--s-content-width) * 5 / 12 - 1.5rem);
    width: 100%
}

.s-concept-container.wid-5-7>.p-container-items {
    width: calc(var(--s-content-width) * 7 / 12 - 1.5rem);
    width: 100%
}

.s-concept-container.wid-6-6>.p-container-header {
    width: calc(var(--s-content-width) * 6 / 12 - 1.5rem);
    width: 100%
}

.s-concept-container.wid-6-6>.p-container-items {
    width: calc(var(--s-content-width) * 6 / 12 - 1.5rem);
    width: 100%
}

.s-main-bgcolor .s-concept-container>.p-container-items, .s-main-light-bgcolor .s-concept-container>.p-container-items {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 3.5rem
}

.s-main-light-bgcolor .s-concept-container>.p-container-items>*+.p-buttons {
    margin-top: 2.7rem
}

.s-concept-container>.p-container-items>*+.p-buttons {
    justify-content: flex-start;
    margin-top: 1rem
}

.s-concept-container>.p-container-footer {
    width: calc(var(--s-content-width) * 12 / 12)
}

.s-concept-container.s-concept-header-left>.p-container-header {
    order: 3
}

.s-concept-container.s-concept-header-left>.p-container-footer {
    order: 1
}

.s-concept-container.s-concept-header-right>.p-container-header {
    order: 1
}

.s-concept-container.s-concept-header-right>.p-container-footer {
    order: 3
}

.s-concept-container.s-concept-header-left>.p-container-header, .s-concept-container.s-concept-header-right>.p-container-header {
    order: inherit
}

.s-definition-container.p-container>.p-container-items>.p-container, .s-definition-container .p-group-container>.p-group-items>.p-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem
}

.s-definition-container.p-container>.p-container-items>.p-container>.p-container-header, .s-definition-container .p-group-container>.p-group-items>.p-container>.p-container-header {
    width: calc(100% * 2 / 12 - 1.5rem);
    font-weight: 700
}

.s-definition-container.p-container>.p-container-items>.p-container>.p-container-items, .s-definition-container .p-group-container>.p-group-items>.p-container>.p-container-items {}

.s-definition-container.p-container>.p-container-items>.p-container+.p-container, .s-definition-container .p-group-container>.p-group-items>.p-container+.p-container {
    border-top: 1px solid var(--des-main-lightColor);
    padding-top: 1.5rem
}

.s-table-container>*>.p-container-header {
    flex: 0 0 auto;
    max-width: 100%
}

.s-table-container>*>.p-container-items {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%
}

.s-table-container>*>.p-container-footer {
    flex: 0 0 auto;
    max-width: 100%
}

.l-section-container>*>.p-container.s-vertical-contents>.p-container-items {
    padding: 0;
    text-align: left
}

#app.s-shadow-middle .l-section-container>*>.p-container.s-vertical-contents>.p-container-items, .s-main-bgcolor .l-section-container>*>.p-container.s-vertical-contents>.p-container-items {
    padding: 0
}

#app.s-shadow-middle .l-section-container>*>.p-container.s-vertical-contents>*:nth-last-child(1), .s-main-bgcolor .l-section-container>*>.p-container.s-vertical-contents>*:nth-last-child(1) {
    padding-right: var(--s-vertical-contents-gap)
}

#app.s-shadow-middle .l-section-container>*>.p-container.s-vertical-contents>*:nth-child(1), .s-main-bgcolor .l-section-container>*>.p-container.s-vertical-contents>*:nth-child(1) {
    padding-left: var(--s-vertical-contents-gap)
}

.l-section-wrapper.s-bgimagepos-left>.l-section-container>*>.p-bgimage+.p-container.s-vertical-contents, .l-section-wrapper.s-bgpos-left>.l-section-container>*>.p-bgimage+.p-container.s-vertical-contents {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: var(--s-vertical-contents-gap)
}

.l-section-wrapper.s-bgimagepos-right>.l-section-container>*>.p-bgimage+.p-container.s-vertical-contents, .l-section-wrapper.s-bgpos-right>.l-section-container>*>.p-bgimage+.p-container.s-vertical-contents {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: var(--s-vertical-contents-gap)
}

#app.s-shadow-middle .l-section-wrapper.s-bgimagepos-left>.l-section-container>*>.p-bgimage+.p-container.s-vertical-contents>*:nth-child(1), .s-main-bgcolor .l-section-wrapper.s-bgpos-left>.l-section-container>*>.p-bgimage+.p-container.s-vertical-contents>*:nth-child(1) {
    padding-left: 0
}

#app.s-shadow-middle .l-section-wrapper.s-bgimagepos-right>.l-section-container>*>.p-bgimage+.p-container.s-vertical-contents>*:nth-child(1), .s-main-bgcolor .l-section-wrapper.s-bgpos-right>.l-section-container>*>.p-bgimage+.p-container.s-vertical-contents>*:nth-child(1) {
    padding-right: 0
}

.p-blockquote {
    position: relative;
    width: 100%
}

.p-blockquote .p-blockquote-container {
    position: relative;
    z-index: 9;
    display: flex;
    flex-direction: column;
    gap: var(--gap-container-items);
    margin: 0
}

.seminar-instructor-box .p-container-items {
    position: relative;
    top: -2.5rem;
    left: 1.5rem
}

.seminar-instructor-box .p-headline-container {
    position: relative;
    padding: 0.5rem
}

.seminar-instructor-box .p-headline-container::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--des-main-defColor);
    border-radius: calc(var(--s-radius, 0) * 0.3rem);
    opacity: .9;
    z-index: 0
}

.seminar-instructor-box .p-headline-container .p-headline-items {
    position: relative;
    z-index: 1
}

.seminar-instructor-box .p-headline-container .p-headline-items>*, .seminar-instructor-box .p-headline-container .p-headline-items>*>* {
    color: var(--des-main-def-txt-headColor)
}

.seminar-instructor-box .p-headline-container .p-subtext {
    font-size: 0.75rem;
    line-height: 1.5;
    font-weight: 400
}

.seminar-instructor-box .p-headline-container .p-inlinetext {
    font-size: 1rem
}

.seminar-instructor-box .p-image {
    border-radius: calc(var(--s-radius, 0) * 0.3rem);
    overflow: hidden
}

#footer {
    background-color: var(--footerColor);
    color: var(--footer-txt-bodyColor);
    padding: 1rem 0 0;
    border-top: 1px solid #707070;
    background-color: #FFFFFF;
    color: var(--base-txt-bodyColor);
    position: relative
}

#footer>.l-footer-items {
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: flex-start;
    gap: var(--gap-container);
    width: var(--s-content-width);
    margin: auto;
    padding: 1rem 0;
    padding-top: 6rem;
    padding-bottom: 6rem;
    position: relative;
    z-index: 2
}

#footer>.l-footer-items .p-image {
    max-width: 10rem;
    max-width: 20rem
}

#footer .p-copyright-container {
    padding: 0.5rem 0;
    font-size: .7rem;
    line-height: 1.8;
    position: relative;
    z-index: 2;
    background: #727171;
    color: var(--txt-body-light);
    padding: 2rem 1rem;
    font-weight: 600;
    font-size: 1.4rem
}

#footer .p-copyright-container p {
    text-align: center;
    line-height: 1.2
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#expansionFloatBanner.layout02 .externalLinkIcon>span::before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .9;
    background-color: var(--baseColor);
    z-index: -1
}

.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;
    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 .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.s-bgcolor {
    padding: var(--padding-container)
}

.p-blockquote.s-main-bgcolor {
    background-color: var(--des-main-defColor)
}

.p-blockquote.s-main-light-bgcolor {
    background-color: var(--des-main-lightColor)
}

.p-blockquote.s-main-dark-bgcolor {
    background-color: var(--des-main-darkColor)
}

.p-blockquote.s-sub-bgcolor {
    background-color: var(--des-sub-defColor)
}

.p-blockquote.s-sub-light-bgcolor {
    background-color: var(--des-sub-lightColor)
}

.p-blockquote.s-sub-dark-bgcolor {
    background-color: var(--des-sub-darkColor)
}

.p-blockquote.s-primary-bgcolor {
    background-color: var(--des-primary-defColor)
}

.p-blockquote.s-primary-light-bgcolor {
    background-color: var(--des-primary-lightColor)
}

.p-blockquote.s-primary-dark-bgcolor {
    background-color: var(--des-primary-darkColor)
}

.p-buttons.p-btn-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--gap-container-items)
}

.p-btn {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: var(--fsize-btn-def);
    font-weight: var(--fweight-btn-def);
    line-height: var(--flineheight-btn-def);
    min-width: var(--s-width-btn-def);
    padding: 1em 4em;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    background: var(--btn-defColor);
    color: var(--btn-def-txt-bodyColor)
}

.p-btn::after {
    position: absolute;
    display: inline-flex;
    top: 0;
    bottom: 0;
    right: 1em;
    color: var(--btn-primaryColor);
    height: 100%;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    --iconImage: url(/_assets_/icon/chevron-right-solid.svg);
    --iconMargin: 1rem;
    --iconSize: 0.4em;
    content: "";
    display: flex;
    background: var(--iconColor, var(--btn-primaryColor));
    -webkit-mask-box-image: var(--iconImage);
    -webkit-mask-box-image-repeat: space;
    mask-image: var(--iconImage);
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: var(--iconSize, 1em);
    height: var(--iconSize, 1em);
    margin-left: var(--iconMargin)
}

.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-btn-def, .p-btn.s-btn-default {
    --btn-icon-bgcolor: var(--btn-defColor);
    --btn-icon-color: var(--btn-def-txt-bodyColor);
    /* background-color: var(--btn-icon-bgcolor);border-color: var(--btn-icon-bgcolor);color: var(--btn-icon-color);*/
    border-width: 1px;
    /* 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);*/
}

#app.btn-def-gradient .p-btn-def, #app.btn-def-gradient .p-btn.s-btn-default {
    --btn-icon-bgcolor: linear-gradient(-90deg, var(--btn-def-gradient-st) 0%, var(--btn-def-gradient-en) 100%);
    --btn-icon-color: var(--btn-def-txt-bodyColor)
}

.p-btn-primary, .p-btn.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: 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);*/
}

#app.btn-primary-gradient .p-btn-primary, #app.btn-primary-gradient .p-btn.s-btn-primary {
    background: var(--btn-primary-gradient)
}

.p-btn.s-btn-primary:hover {
    background-color: var(--btn-primary-lightColor);
    border-color: var(--btn-primary-lightColor);
    color: var(--btn-primary-light-txt-bodyColor);
    /* box-shadow: none;*/
}

.p-btn.s-btn-disabled {
    background-color: gray !important;
    border-color: gray !important;
    color: #FFF !important;
    cursor: auto !important
}

.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-btn.s-btn-001 {
    border-color: inherit;
    box-shadow: none
}

.p-btn.s-btn-001:hover {
    border-color: var(--btn-defColor);
    background-color: var(--btn-def-txt-bodyColor);
    color: var(--btn-defColor)
}

.p-btn.s-btn-002 {
    --btn-icon-bgcolor: var(--btn-def-txt-bodyColor);
    --btn-icon-color: var(--btn-defColor);
    color: var(--primary-def-txt-bodyColor);
    border-width: 1px;
    border-style: solid;
    font-weight: 600;
    font-size: 1.15em;
    justify-content: center
}

.p-btn.s-btn-002:hover {
    transform: scale(1);
    opacity: 0.7
}

.p-btn.s-btn-003 {
    --btn-icon-bgcolor: transparent;
    --btn-icon-color: var(--btn-def-txt-bodyColor)
}

.s-btns-large .p-btn.s-btn-003 {
    font-size: calc(var(--fsize-btn) * 1.3)
}

.p-btn.s-btn-dcs {
    border-color: inherit;
    box-shadow: none
}

.p-btn.s-btn-dcs:hover {
    border-style: solid;
    border-width: 1px;
    border-color: var(--btn-defColor);
    background-color: var(--btn-def-txt-bodyColor);
    color: var(--btn-defColor)
}

.p-btn.s-btn-dcs::after {
    line-height: 1;
    position: absolute;
    top: 0;
    right: 0;
    align-items: center;
    width: 1.2em;
    height: 100%;
    --iconImage: url(/_assets_/icon/chevron_right_24dp.svg);
    --iconSize: 2em;
    content: "";
    display: flex;
    background: var(--iconColor, inherit);
    -webkit-mask-box-image: var(--iconImage);
    -webkit-mask-box-image-repeat: space;
    mask-image: var(--iconImage);
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain;
    /* width: var(--iconSize,1em);height: var(--iconSize,1em);*/
}

.p-btn.s-btn-persol {
    background-color: transparent;
    color: var(--txt-body-dark);
    background-color: #FFF;
    border-color: var(--primary-defColor);
    border-width: 1px;
    border-style: solid;
    font-weight: 600;
    font-size: 1.15em;
    justify-content: center
}

.p-btn.s-btn-persol::after {
    line-height: 1;
    position: absolute;
    top: 0;
    right: 0;
    align-items: center;
    width: 1.2em;
    height: 100%;
    --iconImage: url(/_assets_/icon/arrow_right_24dp.svg);
    --iconMargin: 0.5rem;
    --iconSize: 2em;
    content: "";
    display: flex;
    background: var(--iconColor, var(--primary-defColor));
    -webkit-mask-box-image: var(--iconImage);
    -webkit-mask-box-image-repeat: space;
    mask-image: var(--iconImage);
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain;
    /* width: var(--iconSize,1em);height: var(--iconSize,1em);*/
    margin-left: var(--iconMargin)
}

.p-btn.s-btn-persol:hover {
    transform: scale(1);
    opacity: 0.7
}

.p-btn.s-btn-koyou {
    --btn-icon-bgcolor: var(--btn-def-txt-bodyColor);
    --btn-icon-color: var(--btn-defColor);
    color: var(--btn-def-txt-bodyColor);
    border-color: var(--btn-defColor);
    border-width: 1px;
    border-style: solid;
    font-weight: 600;
    font-size: 1.15em;
    justify-content: center;
    border-radius: 6em
}

.p-btn.s-btn-koyou:hover {
    transform: scale(1);
    opacity: 0.7
}

.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)
}

.p-container-horizontal.grid-2 .p-container-horizontal-wrapper {
    --s-grid-num: 2;
    --s-grid-num: 1
}

.p-container-horizontal.grid-3 .p-container-horizontal-wrapper {
    --s-grid-num: 3;
    --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;
    flex-direction: column
}

.p-container-horizontal .p-container-horizontal-wrapper>.p-container-container>* {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: var(--s-text-gap)
}

.p-container-horizontal .p-container-horizontal-wrapper>.p-container-container>.p-container-wrapper {
    align-items: center;
    text-align: left;
    padding: var(--container-padding)
}

.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-container>.p-container-items {
    padding: var(--s-horizontal-box-gap);
    text-align: left
}

.p-container-horizontal.s-main-bgcolor {
    background-color: var(--mainColor)
}

.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%
}

.p-container-horizontal .p-container-container>.p-container-images .p-image.size-cover img {
    height: 100%
}

.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-1-11 .p-container-container>.p-container-images {
    width: calc((100% - var(--gap-container)) * 1/12);
    width: 100%
}

.p-container-horizontal.size-1-11 .p-container-container>.p-container-wrapper {
    width: calc((100% - var(--gap-container)) * 11/12);
    width: 100%
}

.p-container-horizontal.size-2-10 .p-container-container>.p-container-images {
    width: calc((100% - var(--gap-container)) * 2/12);
    width: 100%
}

.p-container-horizontal.size-2-10 .p-container-container>.p-container-wrapper {
    width: calc((100% - var(--gap-container)) * 10/12);
    width: 100%
}

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

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

.p-container-horizontal.size-4-8 .p-container-container>.p-container-images {
    width: calc((100% - var(--gap-container)) * 4/12);
    width: 100%
}

.p-container-horizontal.size-4-8 .p-container-container>.p-container-wrapper {
    width: calc((100% - var(--gap-container)) * 8/12);
    width: 100%
}

.p-container-horizontal.size-5-7 .p-container-container>.p-container-images {
    width: calc((100% - var(--gap-container)) * 5/12);
    width: 100%
}

.p-container-horizontal.size-5-7 .p-container-container>.p-container-wrapper {
    width: calc((100% - var(--gap-container)) * 7/12);
    width: 100%
}

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

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

.p-container-horizontal.size-7-5 .p-container-container>.p-container-images {
    width: calc((100% - var(--gap-container)) * 7/12);
    width: 100%
}

.p-container-horizontal.size-7-5 .p-container-container>.p-container-wrapper {
    width: calc((100% - var(--gap-container)) * 5/12);
    width: 100%
}

.p-container-horizontal.size-8-4 .p-container-container>.p-container-images {
    width: calc((100% - var(--gap-container)) * 8/12);
    width: 100%
}

.p-container-horizontal.size-8-4 .p-container-container>.p-container-wrapper {
    width: calc((100% - var(--gap-container)) * 4/12);
    width: 100%
}

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

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

.p-container-horizontal.size-10-2 .p-container-container>.p-container-images {
    width: calc((100% - var(--gap-container)) * 10/12);
    width: 100%
}

.p-container-horizontal.size-10-2 .p-container-container>.p-container-wrapper {
    width: calc((100% - var(--gap-container)) * 2/12);
    width: 100%
}

.p-container-horizontal.size-11-1 .p-container-container>.p-container-images {
    width: calc((100% - var(--gap-container)) * 11/12);
    width: 100%
}

.p-container-horizontal.size-11-1 .p-container-container>.p-container-wrapper {
    width: calc((100% - var(--gap-container)) * 1/12);
    width: 100%
}

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

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

.p-container-horizontal.s-container-horizontal-005 .p-container-container>.p-container-wrapper {
    gap: var(--gap-container-items)
}

.p-container-horizontal.s-container-horizontal-005 .p-container-container>.p-container-wrapper .p-container-header {
    width: 100%
}

.p-container-horizontal.s-container-horizontal-005 .p-container-container>.p-container-wrapper .s-headline-h3.p-headline>.p-headline-container {
    justify-content: flex-start
}

.p-container-horizontal.s-container-horizontal-005 .p-container-horizontal-wrapper {
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
    --s-align: left;
    --s-align-flex: flex-start
}

.l-section-wrapper.s-main-bgcolor .p-container-horizontal.s-container-horizontal-005 .p-container-horizontal-wrapper {
    box-shadow: none;
    background-color: var(--baseColor)
}

.p-container-horizontal.s-container-horizontal-005 .p-container-horizontal-wrapper>a {
    transition: all .5s
}

.p-container-horizontal.s-container-horizontal-005 .p-container-horizontal-wrapper>a:hover {
    box-shadow: 0 3px 6px rgb(0 0 0 / 40%) !important
}

.p-container-horizontal.s-container-horizontal-005 .p-container-horizontal-wrapper>.p-container-container>.p-container-images .p-image {
    width: 100%
}

.p-container-horizontal.s-container-horizontal-005 .p-container-horizontal-wrapper>.p-container-container>.p-container-images .p-figure {
    align-items: stretch
}

.p-container-horizontal.s-container-horizontal-persol .p-container-container>.p-container-wrapper {
    gap: var(--gap-container-items)
}

.p-container-horizontal.s-container-horizontal-persol .p-container-container>.p-container-wrapper .p-container-header {
    width: 100%
}

.p-container-horizontal.s-container-horizontal-persol .p-container-container>.p-container-wrapper .s-headline-h3.p-headline>.p-headline-container {
    justify-content: flex-start
}

.l-section-wrapper.s-main-bgcolor .p-container-horizontal.s-container-horizontal-persol .p-container-horizontal-wrapper {
    box-shadow: none;
    background-color: var(--baseColor)
}

.p-container-horizontal.s-container-horizontal-persol .p-container-horizontal-wrapper>.p-container-container>.p-container-images .p-image {
    width: 100%
}

.p-container-horizontal.s-container-horizontal-persol .p-container-horizontal-wrapper>.p-container-container>.p-container-images .p-figure {
    align-items: stretch;
    overflow: hidden
}

.p-container-horizontal.s-container-horizontal-persol a .p-container-images .p-image.size-cover .p-figure>img {
    transition: all 0.3s
}

.p-container-horizontal.s-container-horizontal-persol a:hover .p-container-images .p-image.size-cover .p-figure>img {
    transform: scale(1.1)
}

.p-container-horizontal.s-container-horizontal-dcs .p-container-container>.p-container-wrapper {
    gap: var(--gap-container-items)
}

.p-container-horizontal.s-container-horizontal-dcs .p-container-container>.p-container-wrapper .p-container-header {
    width: 100%
}

.p-container-horizontal.s-container-horizontal-dcs .p-container-container>.p-container-wrapper .s-headline-h3.p-headline>.p-headline-container {
    justify-content: flex-start
}

.l-section-wrapper.s-main-bgcolor .p-container-horizontal.s-container-horizontal-dcs .p-container-horizontal-wrapper {
    box-shadow: none;
    background-color: var(--baseColor)
}

.p-container-horizontal.s-container-horizontal-dcs .p-container-horizontal-wrapper>.p-container-container>.p-container-images .p-image {
    width: 100%
}

.p-container-horizontal.s-container-horizontal-dcs .p-container-horizontal-wrapper>.p-container-container>.p-container-images .p-figure {
    align-items: stretch;
    overflow: hidden
}

.p-container-horizontal.s-container-horizontal-dcs a .p-container-images .p-image.size-cover .p-figure>img {
    transition: all 0.3s
}

.p-container-horizontal.s-container-horizontal-dcs a:hover .p-container-images .p-image.size-cover .p-figure>img {
    transform: scale(1.1)
}

.p-container-horizontal.s-container-horizontal-koyou .p-container-container {
    justify-content: center
}

.p-container-horizontal.s-container-horizontal-koyou .p-container-container>.p-container-wrapper {
    gap: var(--gap-container-items)
}

.p-container-horizontal.s-container-horizontal-koyou .p-container-container>.p-container-wrapper .p-container-header {
    width: 100%
}

.p-container-horizontal.s-container-horizontal-koyou .p-container-container>.p-container-wrapper .s-headline-h3.p-headline>.p-headline-container {
    justify-content: flex-start
}

.l-section-wrapper.s-main-bgcolor .p-container-horizontal.s-container-horizontal-koyou .p-container-horizontal-wrapper {
    box-shadow: none;
    background-color: var(--baseColor)
}

.p-container-horizontal.s-container-horizontal-koyou .p-container-horizontal-wrapper>.p-container-container>.p-container-images .p-image {
    width: 100%
}

.p-container-horizontal.s-container-horizontal-koyou .p-container-horizontal-wrapper>.p-container-container>.p-container-images .p-figure {
    align-items: stretch
}

.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;
    border-top: var(--border-container-items);
    border-bottom: var(--border-container-items)
}

.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: stretch;
    gap: var(--gap-container-items)
}

.p-container-list .p-container-list-wrapper>.p-container-container>* {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: var(--gap-container-text)
}

.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
}

.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%
}

.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-wrapper+.p-container-list-wrapper {
    border-top: var(--border-container-items)
}

.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-list.s-container-list-001 .p-container-list-wrapper>* {}

.p-container-list.s-container-list-005 .p-container-list-wrapper>.p-container-container>.p-container-items {
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column
}

.p-container-list.s-container-list-005 .p-container-list-items {
    border-top: var(--border-container);
    border-bottom: var(--border-container)
}

.p-container-list.s-container-list-persol .p-container-list-wrapper>.p-container-container>.p-container-items {
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column
}

.p-container-list.s-container-list-persol .p-container-list-items {
    border-top: var(--border-container);
    border-bottom: var(--border-container)
}

.p-container-list.s-container-list-dcs .p-container-list-wrapper>.p-container-container>.p-container-items {
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column
}

.p-container-list.s-container-list-dcs .p-container-list-items {
    border-top: var(--border-container);
    border-bottom: var(--border-container)
}

.p-container-list.s-container-list-koyou .p-container-list-wrapper>.p-container-container>.p-container-items {
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column
}

.p-container-list.s-container-list-koyou .p-container-list-items {
    border-top: var(--border-container);
    border-bottom: var(--border-container)
}

.p-container-vertical {
    --s-grid-num: 4;
    display: flex;
    flex-direction: column;
    gap: var(--gap-container-items)
}

.p-container-vertical.grid-1 {
    --s-grid-num: 1
}

.p-container-vertical.grid-2 {
    --s-grid-num: 2;
    --gap-container-horizontal: var(--gap-container-horizontal-col02)
}

.p-container-vertical.grid-3 {
    --s-grid-num: 3;
    --gap-container-horizontal: var(--gap-container-horizontal-col03)
}

.p-container-vertical.grid-4 {
    --s-grid-num: 4;
    --gap-container-horizontal: var(--gap-container-horizontal-col04)
}

.p-container-vertical.grid-5 {
    --s-grid-num: 5;
    --gap-container-horizontal: var(--gap-container-horizontal-col05)
}

.p-container-vertical.grid-6 {
    --s-grid-num: 6;
    --gap-container-horizontal: var(--gap-container-horizontal-col06)
}

.p-container-vertical.grid-7 {
    --s-grid-num: 7
}

.p-container-vertical.grid-8 {
    --s-grid-num: 8
}

.p-container-vertical.grid-9 {
    --s-grid-num: 9
}

.p-container-vertical.grid-10 {
    --s-grid-num: 10
}

.p-container-vertical+* {
    margin-top: var(--gap-container)
}

.p-container-vertical .p-container-vertical-items {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-container-horizontal)
}

.p-container-vertical .p-container-vertical-wrapper {
    flex: 0 0 calc((100% - (var(--gap-container-horizontal) * (var(--s-grid-num) - 1))) / var(--s-grid-num));
    width: calc(100% / var(--s-grid-num))
}

.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 .p-container-vertical-wrapper>* {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0;
    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-container-vertical .p-container-vertical-wrapper>.p-container-container>* {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    gap: var(--gap-container-text)
}

.p-container-vertical .p-container-vertical-wrapper>.p-container-container>.p-container-items {
    gap: var(--gap-container-text);
    padding: var(--gap-container-items)
}

.p-container-vertical.s-align-left .p-container-vertical-wrapper>.p-container-container>* {
    align-items: flex-start;
    text-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(--padding-container) var(--padding-container) 0
}

.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: 0 var(--gap-container-items) var(--gap-container-items)
}

.p-container-vertical.s-container-vertical-001 .p-container-vertical-wrapper>* {
    position: relative;
    overflow: hidden;
    border: 1px solid #e9e9e9;
    background-color: var(--baseColor);
    padding: 2rem
}

.p-container-vertical.s-container-vertical-001 .p-container-vertical-wrapper>.p-container-container>* {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem
}

.p-container-vertical.s-container-vertical-001 .p-container-vertical-wrapper>.p-container-container>.p-container-images .p-image {
    border-radius: calc(var(--s-radius, 0) * 0.3rem);
    overflow: hidden
}

.p-container-vertical.s-container-vertical-001 .p-container-vertical-wrapper>.p-container-container>.p-container-header .p-headline {
    border-bottom: 2px dotted var(--base-txt-bodyColor);
    padding-bottom: 1rem;
    margin-bottom: .5rem;
    width: 100%
}

.p-container-vertical.s-container-vertical-001 .p-container-vertical-wrapper>.p-container-container>.p-container-header .p-headline>.p-headline-container {
    text-align: left;
    align-items: flex-start
}

.p-container-vertical.s-container-vertical-001 .p-container-vertical-wrapper>.p-container-container>.p-container-header .p-headline>.p-headline-container .p-headline-items {
    font-size: 1rem;
    font-weight: 700
}

.p-container-vertical.s-container-vertical-001 .p-container-vertical-wrapper>.p-container-container>.p-container-header .p-headline+* {
    margin-top: 0
}

.p-container-vertical.s-container-vertical-001 .p-container-vertical-wrapper>.p-container-container>.p-container-items .p-text:not(.cx-datetime) {
    width: 100%
}

.p-container-vertical.s-container-vertical-002 .p-container-vertical-wrapper>* {
    --s-text-gap: 0.7rem;
    position: relative;
    overflow: hidden;
    border-radius: 0;
    gap: var(--s-text-gap)
}

.p-container-vertical.s-container-vertical-002 .p-container-vertical-wrapper>.p-container-container>* {
    flex-direction: row;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    gap: var(--s-text-gap)
}

.p-container-vertical.s-container-vertical-002 .p-container-vertical-wrapper>.p-container-container>.p-container-images .p-image {
    border-radius: calc(var(--s-radius, 0) * 0.3rem);
    overflow: hidden
}

.p-container-vertical.s-container-vertical-002 .p-container-vertical-wrapper>.p-container-container>.p-container-header .p-headline {
    order: 99
}

.p-container-vertical.s-container-vertical-002 .p-container-vertical-wrapper>.p-container-container>.p-container-header .p-headline>.p-headline-container {
    text-align: left;
    align-items: flex-start
}

.p-container-vertical.s-container-vertical-002 .p-container-vertical-wrapper>.p-container-container>.p-container-items .p-label {
    margin-top: 0;
    padding: 0.3rem 0.5rem;
    line-height: 1;
    font-size: .8rem
}

.p-container-vertical.s-container-vertical-002 .p-container-vertical-wrapper>.p-container-container>.p-container-items .cx-datetime {
    line-height: 1;
    font-size: .8rem
}

.p-container-vertical.s-container-vertical-002 .p-container-vertical-wrapper>.p-container-container>.p-container-items .p-text {
    width: 100%;
    order: 999
}

.p-container-vertical.s-container-vertical-002 .p-container-vertical-wrapper>.p-container-container>.p-container-header .p-headline>.p-headline-container .p-headline-items {
    font-size: 1rem;
    font-weight: 700
}

.p-container-vertical.s-container-vertical-002 .p-container-vertical-wrapper>.p-container-container>.p-container-footer {
    text-align: center;
    justify-content: center
}

.p-container-vertical.s-container-vertical-002:not(.s-shadow-none)>.p-container-container>.p-container-items {
    padding-left: var(--s-text-gap);
    padding-right: var(--s-text-gap)
}

.p-container-vertical.s-container-vertical-002:not(.s-shadow-none)>.p-container-container>*:nth-last-child(1) {
    padding-bottom: var(--s-text-gap)
}

.p-container-vertical.s-container-vertical-003 .p-container-vertical-wrapper>* {
    position: relative;
    overflow: hidden;
    border: 2px solid var(--des-main-defColor);
    border-bottom-width: 7px;
    padding: 1.5rem;
    background-color: var(--baseColor);
    gap: 1rem
}

.p-container-vertical.s-container-vertical-003 .p-container-vertical-wrapper>.p-container-container>* {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem
}

.p-container-vertical.s-container-vertical-003 .p-container-vertical-wrapper>.p-container-container>.p-container-images .p-image {
    border-radius: calc(var(--s-radius, 0) * 0.3rem);
    overflow: hidden
}

.p-container-vertical.s-container-vertical-003 .p-container-vertical-wrapper>.p-container-container>.p-container-header .p-headline {
    margin-bottom: 0.5rem
}

.p-container-vertical.s-container-vertical-003 .p-container-vertical-wrapper>.p-container-container>.p-container-header .p-headline:after {
    content: '';
    display: block;
    width: 2.25rem;
    height: 0.1875rem;
    background: var(--des-main-defColor);
    margin: 1rem auto 0
}

.p-container-vertical.s-container-vertical-003 .p-container-vertical-wrapper>.p-container-container>.p-container-items .p-label {
    margin-top: 0;
    padding: 0.3rem 0.5rem;
    line-height: 1;
    font-size: .8rem
}

.p-container-vertical.s-container-vertical-003 .p-container-vertical-wrapper>.p-container-container>.p-container-items .cx-datetime {
    line-height: 1;
    font-size: .8rem
}

.p-container-vertical.s-container-vertical-003 .p-container-vertical-wrapper>.p-container-container>.p-container-items .p-text {
    width: 100%;
    order: 999
}

.p-container-vertical.s-container-vertical-003 .p-container-vertical-wrapper>.p-container-container>.p-container-header .p-headline>.p-headline-container .p-headline-items {
    font-size: 1.4rem;
    font-weight: 700
}

.p-container-vertical.s-container-vertical-004 {
    --s-text-gap: 0.7rem;
    --fsize-3head: 1.2rem
}

.p-container-vertical.s-container-vertical-004 .p-container-vertical-wrapper>* {
    position: relative;
    overflow: unset;
    border-radius: 0;
    box-shadow: none;
    gap: var(--s-text-gap)
}

.p-container-vertical.s-container-vertical-004 .p-container-vertical-wrapper>.p-container-container>* {
    flex-direction: row;
    width: 100%;
    gap: var(--s-text-gap)
}

.p-container-vertical.s-container-vertical-004 .p-container-vertical-wrapper>.p-container-container>.p-container-header {
    order: 1
}

.p-container-vertical.s-container-vertical-004 .p-container-vertical-wrapper>.p-container-container>.p-container-images {
    order: 2
}

.p-container-vertical.s-container-vertical-004 .p-container-vertical-wrapper>.p-container-container>.p-container-items {
    order: 3;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap
}

.p-container-vertical.s-container-vertical-004 .p-container-vertical-wrapper>.p-container-container>.p-container-footer {
    order: 4;
    margin-top: 0.5rem;
    text-align: center;
    justify-content: center
}

.p-container-vertical.s-container-vertical-004 .p-container-vertical-wrapper>.p-container-container>.p-container-images .p-image {
    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.3rem);
    padding: 0.3rem;
    overflow: hidden
}

.p-container-vertical.s-container-vertical-004 .p-container-vertical-wrapper>.p-container-container>.p-container-images .p-image>.p-figure {
    overflow: hidden;
    border-radius: calc(var(--s-radius, 0) * 0.3rem)
}

.p-container-vertical.s-container-vertical-004 .p-container-vertical-wrapper>.p-container-container>.p-container-items .p-label {
    margin-top: 0;
    padding: 0.3rem 0.5rem;
    line-height: 1;
    font-size: .8rem
}

.p-container-vertical.s-container-vertical-004 .p-container-vertical-wrapper>.p-container-container>.p-container-items .cx-datetime {
    line-height: 1;
    font-size: .8rem
}

.p-container-vertical.s-container-vertical-004 .p-container-vertical-wrapper>.p-container-container>.p-container-items .p-text {
    width: 100%;
    order: 999
}

.p-container-vertical.s-container-vertical-004:not(.s-shadow-none)>.p-container-container>.p-container-items {
    margin-top: 0.5rem;
    padding-left: var(--s-text-gap);
    padding-right: var(--s-text-gap)
}

.p-container-vertical.s-container-vertical-004:not(.s-shadow-none)>.p-container-container>*:nth-last-child(1) {
    padding-bottom: var(--s-text-gap)
}

.p-container-vertical.s-container-vertical-005 {}

.p-container-vertical.s-container-vertical-005 .p-container-vertical-wrapper>* {
    align-items: flex-start;
    justify-content: flex-start;
    background-color: var(--baseColor);
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
    overflow: hidden;
    height: 100%
}

.l-section-wrapper.s-main-bgcolor .p-container-vertical.s-container-vertical-005 .p-container-vertical-wrapper>* {
    box-shadow: none;
    background-color: var(--baseColor)
}

.p-container-vertical.s-container-vertical-005 .p-container-vertical-wrapper>a {
    transition: all .5s
}

.p-container-vertical.s-container-vertical-005 .p-container-vertical-wrapper>a:hover {
    box-shadow: 0 3px 6px rgb(0 0 0 / 40%) !important
}

.p-container-vertical.s-container-vertical-005 .p-container-vertical-wrapper>.p-container-container>* {
    align-items: flex-start;
    box-sizing: border-box;
    order: 2
}

.p-container-vertical.s-container-vertical-005 .p-container-vertical-wrapper>.p-container-container>.p-container-images {
    overflow: hidden
}

.p-container-vertical.s-container-vertical-005 .p-container-vertical-wrapper>.p-container-container>.p-container-navi {
    flex-direction: row;
    justify-content: stretch;
    align-items: center;
    background-color: var(--bg-head-primaryColor);
    color: var(--bg-head-primary-txt-headColor);
    order: 1
}

.p-container-vertical.s-container-vertical-005 .p-container-vertical-wrapper>.p-container-container>.p-container-navi .p-label {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0
}

.p-container-vertical.s-container-vertical-005 .p-container-vertical-wrapper>a.p-container-container:hover .p-container-images>.p-image.cx-image-photo>.p-figure {
    transform: scale(1.3)
}

.p-container-vertical.s-container-vertical-005 .p-container-header>.p-headline {
    padding: var(--gap-container-items) var(--gap-container-items) var(--gap-container-text);
    border: 0
}

.p-container-vertical.s-container-vertical-005 .p-headline>.p-headline-container {
    text-align: left
}

.p-container-vertical.s-container-vertical-005 .p-container-header>.p-headline .p-headline-items>.p-textarea {
    margin-bottom: 0.7em
}

.p-container-vertical.cx-container.s-container-vertical-005 .p-container-vertical-wrapper>.p-container-container>.p-container-images {
    padding: var(--gap-container-items)
}

.p-container-vertical.cx-container-photo.s-container-vertical-005 .p-container-vertical-wrapper>.p-container-container>.p-container-images {
    overflow: hidden
}

.p-container-vertical.s-container-vertical-005 .p-container-items>*+* {
    margin-top: var(--gap-container-text);
    width: 100%
}

.p-container-vertical.s-container-vertical-005 .p-container-items .p-dl-horizontal-items {
    width: 100%
}

.p-container-vertical.s-container-vertical-005 .p-container-items .p-headline {
    padding: 0;
    border: 0
}

.p-container-vertical.s-container-vertical-005 .p-container-items>.p-image {}

.p-container-vertical.s-container-vertical-005 .p-container-items>.p-image.cx-image-icon {
    padding-top: var(--gap-container-items)
}

.p-container-vertical.s-container-vertical-005 .p-container-vertical-wrapper>a.p-container-container:hover .p-container-items>.p-image>.p-figure {
    transform: scale(1.00)
}

.p-container-vertical.s-container-vertical-005 .p-container-vertical-wrapper>a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 2rem 2rem;
    border-color: transparent transparent var(--primary-defColor) transparent
}

.p-container-vertical.s-container-vertical-persol {
    --gap-container: 4.2em
}

.p-container-vertical.s-container-vertical-persol .p-container-vertical-wrapper>* {
    align-items: flex-start;
    justify-content: flex-start;
    background-color: var(--baseColor);
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
    overflow: hidden;
    height: 100%
}

.l-section-wrapper.s-main-bgcolor .p-container-vertical.s-container-vertical-persol .p-container-vertical-wrapper>* {
    box-shadow: none;
    background-color: var(--baseColor)
}

.p-container-vertical.s-container-vertical-persol .p-container-vertical-wrapper>a {
    transition: all .5s
}

.p-container-vertical.s-container-vertical-persol .p-container-vertical-wrapper>a:hover {
    box-shadow: 0 3px 6px rgb(0 0 0 / 40%) !important
}

.p-container-vertical.s-container-vertical-persol .p-container-vertical-wrapper>.p-container-container>* {
    box-sizing: border-box;
    order: 2
}

.p-container-vertical.s-container-vertical-persol .p-container-vertical-wrapper>.p-container-container>.p-container-header {
    align-items: flex-start;
    text-align: left
}

.p-container-vertical.s-container-vertical-persol .p-container-vertical-wrapper>.p-container-container>.p-container-items {
    align-items: flex-start;
    text-align: left
}

.p-container-vertical.s-container-vertical-persol .p-container-vertical-wrapper>.p-container-container>.p-container-images {
    overflow: hidden;
    width: 100%;
    align-items: center
}

.p-container-vertical.s-container-vertical-persol .p-container-vertical-wrapper>.p-container-container>.p-container-navi {
    flex-direction: row;
    justify-content: stretch;
    align-items: center;
    background-color: var(--bg-head-primaryColor);
    color: var(--bg-head-primary-txt-headColor);
    order: 1
}

.p-container-vertical.s-container-vertical-persol .p-container-vertical-wrapper>.p-container-container>.p-container-navi .p-label {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0
}

.p-container-vertical.s-container-vertical-persol .p-container-vertical-wrapper>a.p-container-container:hover .p-container-images>.p-image.cx-image-photo>.p-figure {
    transform: scale(1.3)
}

.p-container-vertical.s-container-vertical-persol .p-container-header>.p-headline {
    padding: var(--gap-container-items) var(--gap-container-items) 0;
    border: 0;
    padding: 0.5em 2em
}

.p-container-vertical.s-container-vertical-persol .p-headline>.p-headline-container {
    text-align: left
}

.p-container-vertical.s-container-vertical-persol .p-container-header>.p-headline .p-headline-items>.p-textarea {
    margin-bottom: 0.7em;
    font-size: 0.7em
}

.p-container-vertical.cx-container.s-container-vertical-persol .p-container-vertical-wrapper>.p-container-container>.p-container-images {
    padding: var(--gap-container-items)
}

.p-container-vertical.cx-container-photo.s-container-vertical-persol .p-container-vertical-wrapper>.p-container-container>.p-container-images {
    overflow: hidden
}

.p-container-vertical.s-container-vertical-persol .p-container-items>*+* {
    margin-top: var(--gap-container-text)
}

.p-container-vertical.s-container-vertical-persol .p-container-items .p-headline {
    padding: 0;
    border: 0
}

.p-container-vertical.s-container-vertical-persol .p-container-items>.p-image {}

.p-container-vertical.s-container-vertical-persol .p-container-items>.p-image.cx-image-icon {
    padding-top: var(--gap-container-items)
}

.p-container-vertical.s-container-vertical-persol .p-container-vertical-wrapper>a.p-container-container:hover .p-container-items>.p-image>.p-figure {
    transform: scale(1.00)
}

.p-container-vertical.s-container-vertical-persol .p-container-vertical-wrapper>a::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 3.5rem 3.5rem;
    border-color: transparent transparent var(--primary-defColor) transparent
}

.p-container-vertical.s-container-vertical-persol .p-container-vertical-wrapper>a::after {
    line-height: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    --iconImage: url(/_assets_/icon/arrow_right_24dp.svg);
    --iconSize: 2.5rem;
    content: "";
    display: block;
    background: var(--iconColor, #FFF);
    -webkit-mask-box-image: var(--iconImage);
    -webkit-mask-box-image-repeat: space;
    mask-image: var(--iconImage);
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: var(--iconSize, 1em);
    height: var(--iconSize, 1em)
}

.p-container-vertical.s-container-vertical-persol a .p-container-images .p-image.size-cover .p-figure>img {
    transition: all 0.3s
}

.p-container-vertical.s-container-vertical-persol a:hover .p-container-images .p-image.size-cover .p-figure>img {
    transform: scale(1.1)
}

.p-container-vertical.s-container-vertical-persol .p-container-header>.p-headline .p-headline-items>.p-inlinetext {
    font-size: 0.85em
}

.p-container-vertical.s-container-vertical-persol .p-container-items {
    padding: 0 2em
}

.p-container-vertical.s-container-vertical-persol .p-ullist>ul {
    min-height: 0
}

.p-container-vertical.s-container-vertical-dcs {
    --gap-container: 4.2em
}

.p-container-vertical.s-container-vertical-dcs .p-container-vertical-wrapper>* {
    align-items: flex-start;
    justify-content: flex-start;
    background-color: var(--baseColor);
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
    overflow: hidden;
    height: 100%
}

.l-section-wrapper.s-main-bgcolor .p-container-vertical.s-container-vertical-dcs .p-container-vertical-wrapper>* {
    box-shadow: none;
    background-color: var(--baseColor)
}

.p-container-vertical.s-container-vertical-dcs .p-container-vertical-wrapper>a {
    transition: all .5s
}

.p-container-vertical.s-container-vertical-dcs .p-container-vertical-wrapper>a:hover {
    box-shadow: 0 3px 6px rgb(0 0 0 / 40%) !important
}

.p-container-vertical.s-container-vertical-dcs .p-container-vertical-wrapper>.p-container-container>* {
    box-sizing: border-box;
    order: 2
}

.p-container-vertical.s-container-vertical-dcs .p-container-vertical-wrapper>.p-container-container>.p-container-header {
    align-items: flex-start;
    text-align: left
}

.p-container-vertical.s-container-vertical-dcs .p-container-vertical-wrapper>.p-container-container>.p-container-items {
    align-items: flex-start;
    text-align: left
}

.p-container-vertical.s-container-vertical-dcs .p-container-vertical-wrapper>.p-container-container>.p-container-images {
    overflow: hidden;
    width: 100%;
    align-items: center
}

.p-container-vertical.s-container-vertical-dcs .p-container-vertical-wrapper>.p-container-container>.p-container-navi {
    flex-direction: row;
    justify-content: stretch;
    align-items: center;
    background-color: var(--bg-head-primaryColor);
    color: var(--bg-head-primary-txt-headColor);
    order: 1
}

.p-container-vertical.s-container-vertical-dcs .p-container-vertical-wrapper>.p-container-container>.p-container-navi .p-label {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0
}

.p-container-vertical.s-container-vertical-dcs .p-container-vertical-wrapper>a.p-container-container:hover .p-container-images>.p-image.cx-image-photo>.p-figure {
    transform: scale(1.3)
}

.p-container-vertical.s-container-vertical-dcs .p-container-header>.p-headline {
    padding: var(--gap-container-items) var(--gap-container-items) 0;
    border: 0;
    padding: 0.5em 2em
}

.p-container-vertical.s-container-vertical-dcs .p-headline>.p-headline-container {
    text-align: left
}

.p-container-vertical.s-container-vertical-dcs .p-container-header>.p-headline .p-headline-items>.p-textarea {
    margin-bottom: 0.7em;
    font-size: 0.7em
}

.p-container-vertical.cx-container.s-container-vertical-dcs .p-container-vertical-wrapper>.p-container-container>.p-container-images {
    padding: var(--gap-container-items)
}

.p-container-vertical.cx-container-photo.s-container-vertical-dcs .p-container-vertical-wrapper>.p-container-container>.p-container-images {
    overflow: hidden
}

.p-container-vertical.s-container-vertical-dcs .p-container-items>*+* {
    margin-top: var(--gap-container-text)
}

.p-container-vertical.s-container-vertical-dcs .p-container-items .p-headline {
    padding: 0;
    border: 0
}

.p-container-vertical.s-container-vertical-dcs .p-container-items>.p-image {}

.p-container-vertical.s-container-vertical-dcs .p-container-items>.p-image.cx-image-icon {
    padding-top: var(--gap-container-items)
}

.p-container-vertical.s-container-vertical-dcs .p-container-vertical-wrapper>a.p-container-container:hover .p-container-items>.p-image>.p-figure {
    transform: scale(1.00)
}

.p-container-vertical.s-container-vertical-dcs .p-container-vertical-wrapper>a::after {
    line-height: 1;
    position: absolute;
    right: var(--gap-container-items);
    bottom: var(--gap-container-items);
    justify-content: center;
    align-items: center;
    --iconImage: url(/_assets_/icon/arrow-circle-right-solid.svg);
    --iconSize: 2em;
    content: "";
    display: flex;
    background: var(--iconColor, var(--btn-defColor));
    -webkit-mask-box-image: var(--iconImage);
    -webkit-mask-box-image-repeat: space;
    mask-image: var(--iconImage);
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: var(--iconSize, 1em);
    height: var(--iconSize, 1em)
}

.p-container-vertical.s-container-vertical-dcs a .p-container-images .p-image.size-cover .p-figure>img {
    transition: all 0.3s
}

.p-container-vertical.s-container-vertical-dcs a:hover .p-container-images .p-image.size-cover .p-figure>img {
    transform: scale(1.1)
}

.p-container-vertical.s-container-vertical-dcs .p-container-header>.p-headline .p-headline-items>.p-inlinetext {
    font-size: 0.85em
}

.p-container-vertical.s-container-vertical-dcs .p-container-items {
    padding: 0 2em
}

.p-container-vertical.s-container-vertical-dcs .p-ullist>ul {
    min-height: 0
}

.p-container-vertical.s-container-vertical-koyou {
    --gap-container: 4.2em
}

.p-container-vertical.s-container-vertical-koyou .p-container-vertical-wrapper>* {
    align-items: flex-start;
    justify-content: flex-start;
    background-color: var(--baseColor);
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
    overflow: hidden;
    height: 100%
}

.l-section-wrapper.s-main-bgcolor .p-container-vertical.s-container-vertical-koyou .p-container-vertical-wrapper>* {
    box-shadow: none;
    background-color: var(--baseColor)
}

.p-container-vertical.s-container-vertical-koyou .p-container-vertical-wrapper>a {
    transition: all .5s
}

.p-container-vertical.s-container-vertical-koyou .p-container-vertical-wrapper>a:hover {
    box-shadow: 0 3px 6px rgb(0 0 0 / 40%) !important
}

.p-container-vertical.s-container-vertical-koyou .p-container-vertical-wrapper>.p-container-container>* {
    align-items: center;
    box-sizing: border-box;
    order: 2
}

.p-container-vertical.s-container-vertical-koyou .p-container-vertical-wrapper>.p-container-container>.p-container-images {
    overflow: hidden;
    width: 100%;
    align-items: center
}

.p-container-vertical.s-container-vertical-koyou .p-container-vertical-wrapper>.p-container-container>.p-container-navi {
    flex-direction: row;
    justify-content: stretch;
    align-items: center;
    background-color: var(--bg-head-primaryColor);
    color: var(--bg-head-primary-txt-headColor);
    order: 1
}

.p-container-vertical.s-container-vertical-koyou .p-container-vertical-wrapper>.p-container-container>.p-container-navi .p-label {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0
}

.p-container-vertical.s-container-vertical-koyou .p-container-vertical-wrapper>a.p-container-container:hover .p-container-images>.p-image.cx-image-photo>.p-figure {
    transform: scale(1.3)
}

.p-container-vertical.s-container-vertical-koyou .p-container-header>.p-headline {
    padding: var(--gap-container-items) var(--gap-container-items) var(--gap-container-text);
    border: 0;
    padding: 0.5em 2em
}

.p-container-vertical.s-container-vertical-koyou .p-headline>.p-headline-container {
    text-align: left
}

.p-container-vertical.s-container-vertical-koyou .p-container-header>.p-headline .p-headline-items>.p-textarea {
    margin-bottom: 0.7em;
    font-size: 0.7em
}

.p-container-vertical.cx-container.s-container-vertical-koyou .p-container-vertical-wrapper>.p-container-container>.p-container-images {
    padding: var(--gap-container-items)
}

.p-container-vertical.cx-container-photo.s-container-vertical-koyou .p-container-vertical-wrapper>.p-container-container>.p-container-images {
    overflow: hidden
}

.p-container-vertical.s-container-vertical-koyou .p-container-items>*+* {
    margin-top: var(--gap-container-text)
}

.p-container-vertical.s-container-vertical-koyou .p-container-items .p-headline {
    padding: 0;
    border: 0
}

.p-container-vertical.s-container-vertical-koyou .p-container-items>.p-image {}

.p-container-vertical.s-container-vertical-koyou .p-container-items>.p-image.cx-image-icon {
    padding-top: var(--gap-container-items)
}

.p-container-vertical.s-container-vertical-koyou .p-container-vertical-wrapper>a.p-container-container:hover .p-container-items>.p-image>.p-figure {
    transform: scale(1.00)
}

.p-container-vertical.s-container-vertical-koyou .p-container-vertical-wrapper>a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 2rem 2rem;
    border-color: transparent transparent var(--primary-defColor) transparent
}

.p-container-vertical.s-container-vertical-koyou .p-container-header>.p-headline .p-headline-items>.p-inlinetext {
    font-size: 0.85em
}

.p-container-vertical.s-container-vertical-koyou .p-container-items {
    padding: 0 2em
}

.p-container-vertical.s-container-vertical-koyou .p-ullist>ul {
    min-height: 0
}

.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)
}

.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.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-dl {
    display: flex;
    flex-direction: column;
    gap: var(--container-padding);
    justify-content: center;
    align-items: flex-start
}

.p-dl .p-dl-horizontal-items {
    border-top: var(--border-container);
    border-bottom: var(--border-container)
}

.p-dl .p-dl-container {
    display: flex;
    margin: 0;
    gap: var(--gap-container-text);
    justify-content: flex-start;
    align-items: flex-start;
    font-size: var(--fsize-base);
    font-weight: var(--fweight-base);
    line-height: var(--flineheight-base);
    width: 100%;
    padding: var(--gap-container-items)
}

.p-dl .p-dl-container+.p-dl-container {
    border-top: var(--border-container-items)
}

.p-dl .p-dl-container>.p-dl-header {
    flex: 0 0 auto
}

.p-dl .p-dl-container>.p-dl-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)
}

.p-dl.s-dl-001 {
    gap: 2px
}

.p-dl.s-dl-001 .p-dl-container {
    align-items: stretch
}

.p-dl.s-dl-001 .p-dl-container>.p-dl-header {
    background-color: var(--bg-head-defColor);
    color: var(--bg-head-def-txt-bodyColor);
    padding: 0.2em
}

.p-dl.s-dl-001 .p-dl-container>.p-dl-items {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.p-embed.image-fit-cover {
    width: 100%
}

.p-embed.image-fit-cover .p-embed-container iframe {
    width: 100%
}

.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: var(--gap-container-items);
    padding: 0
}

.p-headline>.p-headline-container>* {}

.p-headline>.p-headline-container>* strong {
    font-size: var(--fsize-head-em);
    font-weight: var(--fweight-head-em);
    line-height: var(--flineheight-head-em);
    color: var(--txt-head-primary);
    font-size: 1.8em;
    letter-spacing: 0
}

.p-headline>.p-headline-container>* small {
    font-size: 70%
}

.p-headline>.p-headline-container>*>.p-subtext {
    font-size: var(--fsize-head-sub);
    font-weight: var(--fweight-head-sub);
    line-height: var(--flineheight-head-sub);
    letter-spacing: var(--fletterspacing-head-sub)
}

.p-headline>.p-headline-container em {
    font-size: 100%;
    color: var(--txt-head-primary);
    /* font-size: var(--fsize-head-em);font-weight: var(--fweight-head-em);line-height: var(--flineheight-head-em);*/
}

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

.p-headline.s-headline-h1 .p-headline-items {
    font-size: var(--fsize-1head);
    font-weight: var(--fweight-1head);
    line-height: var(--flineheight-1head);
    letter-spacing: var(--fletterspacing-1head)
}

.p-headline.s-headline-h2 .p-headline-items {
    font-weight: var(--fweight-2head);
    font-size: var(--fsize-2head);
    line-height: var(--flineheight-2head);
    letter-spacing: var(--fletterspacing-2head)
}

.p-headline.s-headline-h3 .p-headline-items {
    font-size: var(--fsize-3head);
    font-weight: var(--fweight-3head);
    line-height: var(--flineheight-3head);
    letter-spacing: var(--fletterspacing-3head)
}

.p-headline.s-headline-h4 .p-headline-items {
    font-size: var(--fsize-4head);
    font-weight: var(--fweight-4head);
    line-height: var(--flineheight-4head);
    letter-spacing: var(--fletterspacing-4head)
}

.p-headline.s-headline-h5 .p-headline-items {
    font-size: var(--fsize-5head);
    font-weight: var(--fweight-5head);
    line-height: var(--flineheight-5head);
    letter-spacing: var(--fletterspacing-5head)
}

.p-headline.s-headline-h6 .p-headline-items {
    font-size: var(--fsize-6head);
    font-weight: var(--fweight-6head);
    line-height: var(--flineheight-6head);
    letter-spacing: var(--fletterspacing-6head)
}

.p-headline.s-headline-h3+* {}

.p-headline.s-headline-h4+* {
    margin-top: var(--s-margin-4head-bottom)
}

.p-headlineText.p-text {
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    line-height: 1.675;
    font-size: 1.4rem;
    line-height: 1.875
}

.p-headline>.p-headline-container .p-headline>.p-headline-container>*>.p-subtext {
    /* color: var(--des-main-light-txt-headColor);*/
}

.s-main-bgcolor .p-headline>.p-headline-container .s-main-bgcolor .p-headline>.p-headline-container>*>.p-subtext {
    /* color: var(--des-main-def-txt-headColor);*/
}

.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.s-headline-001 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-001>.p-headline-container>.p-headline-items {
    display: flex;
    flex-direction: column
}

.p-headline.s-headline-h2.s-headline-001>.p-headline-container>.p-headline-items>.cx-text-title-en {
    order: 1;
    font-size: 1.2em;
    text-transform: uppercase
}

.p-headline.s-headline-h2.s-headline-001>.p-headline-container>.p-headline-items>.cx-text-title {
    order: 2;
    margin-top: 0.5rem;
    font-size: 1rem
}

.p-headline.s-headline-002.s-headline-h1 .p-headline-items u {
    text-decoration: none;
    background: linear-gradient(transparent 70%, var(--des-sub-defColor) 70%, var(--des-sub-defColor) 90%, transparent 90%, transparent 100%)
}

.p-headline.s-headline-002.s-headline-h2 {
    position: relative
}

.p-headline.s-headline-002.s-headline-h2>.p-headline-container>.p-headline-items>.cx-text-title-en {
    display: none
}

.p-headline.s-headline-002.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-002.s-headline-h2>.p-headline-container>.p-headline-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: var(--s-align-flex, flex-start);
    text-align: var(--s-align, left)
}

.p-headline.s-headline-002.s-headline-h2>.p-headline-container>.p-headline-items::after {
    content: "";
    display: inline-block;
    height: 4px;
    width: 2em;
    background-color: var(--primary-defColor);
    margin-top: 0.3em
}

.p-headline.s-headline-002.s-headline-h3>.p-headline-container {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-headline.s-headline-002.s-headline-h3>.p-headline-container::before, .p-headline.s-headline-002.s-headline-h3>.p-headline-container::after {
    border-top: var(--border-container);
    content: "";
    width: 30%
}

.p-headline.s-headline-002.s-headline-h3>.p-headline-container::before {
    margin-right: 1em
}

.p-headline.s-headline-002.s-headline-h3>.p-headline-container::after {
    margin-left: 1em
}

#app.primary-def-gradient .p-headline.s-headline-002.s-headline-h2>.p-headline-container>.p-headline-items::after {
    background: linear-gradient(90deg, var(--btn-def-gradient-en) 0%, var(--btn-def-gradient-en) 50%, var(--btn-def-gradient-st) 50%, var(--btn-def-gradient-st) 100%)
}

#app.s-radius-large .p-headline.s-headline-002.s-headline-h2>.p-headline-container>.p-headline-items::after {
    border-radius: 10px
}

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

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

.p-headline.s-headline-002.s-headline-h3 {
    padding: 1rem 0
}

.p-headline.s-headline-002.s-headline-h4 {
    padding: 1rem 0;
    border-bottom: var(--border-container)
}

.p-headline.s-headline-002.s-headline-h4::after {
    content: "";
    display: inline-block;
    height: 4px;
    width: 1.5em;
    background-color: var(--primary-defColor);
    position: absolute;
    bottom: -2px;
    left: 0
}

.p-headline.s-headline-002.s-headline-h5 {
    width: 100%
}

.p-headline.s-headline-h2.s-headline-003 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-003>.p-headline-container>.p-headline-items>.cx-text-title-en {
    display: none
}

.s-align-center .p-headline.s-headline-h2.s-headline-003>.p-headline-container {
    margin-bottom: 3rem
}

.s-align-center .p-headline.s-headline-h2.s-headline-003>.p-headline-container::before {
    content: "";
    display: block;
    width: 1.1em;
    height: .16em;
    border-top: .16em solid var(--des-main-defColor);
    margin-bottom: 2rem;
    margin-left: -0.2em
}

.s-align-left .p-headline.s-headline-h2.s-headline-003>.p-headline-container {
    margin-bottom: 3rem
}

.s-align-left .p-headline.s-headline-h2.s-headline-003>.p-headline-container::before {
    content: "";
    display: block;
    width: 1.1em;
    height: .16em;
    border-top: .16em solid var(--des-main-defColor);
    margin-bottom: 2rem
}

.p-headline.s-headline-h2.s-headline-004 {
    position: relative;
    margin-top: var(--s-margin-4head-bottom);
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-004>.p-headline-container {
    margin-bottom: 4rem
}

.p-headline.s-headline-h2.s-headline-004>.p-headline-container>.p-headline-items {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.p-headline.s-headline-h2.s-headline-004>.p-headline-container>.p-headline-items>.cx-text-title {
    width: fit-content;
    font-size: .9rem;
    padding: .1rem calc(.5rem - .2em) .1rem calc(.5rem + .2em);
    margin-left: -0.2em;
    background-color: var(--txt-head-primary);
    color: var(--primary-def-txt-headColor);
    order: 1
}

.p-headline.s-headline-h2.s-headline-004>.p-headline-container>.p-headline-items>.cx-text-title-en {
    text-transform: uppercase;
    font-size: 1.2em;
    order: 2
}

.s-align-center .p-headline.s-headline-h2.s-headline-004>.p-headline-container>.p-headline-items {
    align-items: center
}

.p-headline.s-headline-h2.s-headline-005 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-005>.p-headline-container>.p-headline-items {
    display: flex;
    flex-direction: column
}

.s-align-center .p-headline.s-headline-h2.s-headline-005>.p-headline-container>.p-headline-items>* {
    position: relative
}

.s-align-center .p-headline.s-headline-h2.s-headline-005>.p-headline-container>.p-headline-items>*::before {
    content: "";
    position: absolute;
    border-top: 1px solid var(--txt-head-primary);
    width: 5rem;
    height: 1px;
    top: 0;
    bottom: 0;
    left: calc(-1 * 5rem - 3rem);
    margin: auto
}

.s-align-center .p-headline.s-headline-h2.s-headline-005>.p-headline-container>.p-headline-items>*::after {
    content: "";
    position: absolute;
    border-top: 1px solid var(--txt-head-primary);
    width: 5rem;
    height: 1px;
    top: 0;
    bottom: 0;
    right: calc(-1 * 5rem - 3rem);
    margin: auto
}

.s-align-center .p-headline.s-headline-h2.s-headline-005>.p-headline-container>.p-headline-items>.cx-text-title-en {
    font-size: 0.5em
}

.s-align-left .p-headline.s-headline-h2.s-headline-005>.p-headline-container>.p-headline-items>.cx-text-title-en {
    order: 1;
    position: relative;
    text-transform: uppercase;
    font-size: 0.5em;
    margin-bottom: .5rem;
    width: fit-content
}

.s-align-left .p-headline.s-headline-h2.s-headline-005>.p-headline-container>.p-headline-items>.cx-text-title-en::after {
    content: "";
    position: absolute;
    border-top: 1px solid var(--txt-head-primary);
    width: 25px;
    height: 1px;
    top: 0;
    bottom: 0;
    right: calc(-35px + .2em);
    margin: auto
}

.s-align-left .p-headline.s-headline-h2.s-headline-005>.p-headline-container>.p-headline-items>.cx-text-title {
    order: 2;
    font-size: 1.8rem
}

.p-headline.s-headline-h2.s-headline-006 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-006>.p-headline-container>.p-headline-items {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    margin-bottom: 3rem
}

.p-headline.s-headline-h2.s-headline-006>.p-headline-container>.p-headline-items>.cx-text-title-en {
    order: 1;
    position: relative;
    font-size: 0.5em;
    width: fit-content
}

.p-headline.s-headline-h2.s-headline-006>.p-headline-container>.p-headline-items>.cx-text-title {
    order: 2;
    font-size: 2rem
}

.s-align-center .p-headline.s-headline-h2.s-headline-006>.p-headline-container>.p-headline-items {
    align-items: center
}

.s-align-center .p-headline.s-headline-h2.s-headline-006>.p-headline-container>.p-headline-items>.cx-text-title-en {
    margin-left: -0.2em
}

.s-align-center .p-headline.s-headline-h2.s-headline-006>.p-headline-container>.p-headline-items>.cx-text-title-en::before {
    content: "";
    position: absolute;
    border-top: 3px solid var(--des-main-defColor);
    width: 6px;
    height: 2px;
    top: .2em;
    bottom: 0;
    left: -15px;
    margin: auto
}

.s-align-center .p-headline.s-headline-h2.s-headline-006>.p-headline-container>.p-headline-items>.cx-text-title-en::after {
    content: "";
    position: absolute;
    border-top: 3px solid var(--des-main-defColor);
    width: 6px;
    height: 2px;
    top: .2em;
    bottom: 0;
    right: calc(-15px + .2em);
    margin: auto
}

.s-align-left .p-headline.s-headline-h2.s-headline-006>.p-headline-container>.p-headline-items>.cx-text-title-en {
    padding-left: 15px
}

.s-align-left .p-headline.s-headline-h2.s-headline-006>.p-headline-container>.p-headline-items>.cx-text-title-en::before {
    content: "";
    position: absolute;
    border-top: 3px solid var(--des-main-defColor);
    width: 6px;
    height: 2px;
    top: .2em;
    bottom: 0;
    left: 0;
    margin: auto
}

.s-align-left .p-headline.s-headline-h2.s-headline-006>.p-headline-container>.p-headline-items>.cx-text-title-en::after {
    content: "";
    position: absolute;
    border-top: 3px solid var(--des-main-defColor);
    width: 6px;
    height: 2px;
    top: .2em;
    bottom: 0;
    right: calc(-15px + .2em);
    margin: auto
}

.p-headline.s-headline-h2.s-headline-007 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-007>.p-headline-container>.p-headline-items {
    display: flex;
    align-items: flex-end;
    gap: 1.3rem;
    border-left: 0.2rem solid var(--des-main-defColor);
    padding: 0.8rem 0 0.8rem 2.5rem
}

.p-headline.s-headline-h2.s-headline-007>.p-headline-container>.p-headline-items>.cx-text-title-en {
    order: 1;
    font-size: 0.8em
}

.p-headline.s-headline-h2.s-headline-007>.p-headline-container>.p-headline-items>.cx-text-title {
    order: 2;
    font-size: 0.9rem
}

.p-headline.s-headline-h2.s-headline-008 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-008>.p-headline-container {
    width: 650px;
    border-top: solid 2px var(--txt-head-primary);
    border-bottom: solid 2px var(--txt-head-primary);
    padding: 0.5em 0;
    width: 100%
}

.p-headline.s-headline-h2.s-headline-008>.p-headline-container>.p-headline-items>.cx-text-title {
    font-size: 1.5rem
}

.p-headline.s-headline-h2.s-headline-008>.p-headline-container>.p-headline-items>.cx-text-title-en {
    display: none
}

.s-align-center .p-headline.s-headline-h2.s-headline-008>.p-headline-container {
    margin: 0 auto 4rem
}

.s-align-left .p-headline.s-headline-h2.s-headline-008>.p-headline-container {
    margin: 0 0 4rem
}

.p-headline.s-headline-h2.s-headline-009 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-009>.p-headline-container {
    position: relative;
    border: 2px solid var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-009>.p-headline-container>.p-headline-items {
    position: relative
}

.p-headline.s-headline-h2.s-headline-009>.p-headline-container>.p-headline-items>.cx-text-title-en {
    display: none
}

.p-headline.s-headline-h2.s-headline-009>.p-headline-container>.p-headline-items>.cx-text-title {
    font-size: 1.7rem
}

.s-align-center .p-headline.s-headline-h2.s-headline-009>.p-headline-container {
    padding: 16px 10px 10px 16px
}

.s-align-center .p-headline.s-headline-h2.s-headline-009>.p-headline-container>.p-headline-items::after {
    content: "";
    position: absolute;
    top: -16px;
    left: 0;
    right: 0.2em;
    margin: auto;
    width: 5px;
    height: 13px;
    background-color: var(--txt-head-primary)
}

.s-align-left .p-headline.s-headline-h2.s-headline-009>.p-headline-container {
    padding: 13px 10px 16px 30px
}

.s-align-left .p-headline.s-headline-h2.s-headline-009>.p-headline-container>.p-headline-items::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30px;
    margin: auto;
    width: 13px;
    height: 5px;
    background-color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-010 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-010>.p-headline-container>.p-headline-items {
    display: flex;
    align-items: center;
    gap: .6rem
}

.p-headline.s-headline-h2.s-headline-010>.p-headline-container>.p-headline-items>.cx-text-title {
    font-size: 1.8rem
}

.p-headline.s-headline-h2.s-headline-010>.p-headline-container>.p-headline-items>.cx-text-title-en {
    position: relative;
    text-transform: uppercase;
    font-size: 0.5em;
    padding-left: 1rem
}

.p-headline.s-headline-h2.s-headline-010>.p-headline-container>.p-headline-items>.cx-text-title-en::before {
    content: "";
    position: absolute;
    border-left: 1px solid var(--des-main-defColor);
    width: 1px;
    height: 100%;
    top: .2em;
    bottom: 0;
    left: 0;
    margin: auto
}

.p-headline.s-headline-h2.s-headline-011 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-011>.p-headline-container>.p-headline-items {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem
}

.p-headline.s-headline-h2.s-headline-011>.p-headline-container>.p-headline-items>.cx-text-title-en {
    order: 1;
    font-size: 0.4em;
    color: var(--des-main-defColor);
    font-size: 0.5em
}

.p-headline.s-headline-h2.s-headline-011>.p-headline-container>.p-headline-items>.cx-text-title {
    order: 2;
    font-size: 2.6rem;
    font-size: 2.2rem
}

.s-align-center .p-headline.s-headline-h2.s-headline-011>.p-headline-container>.p-headline-items {
    gap: 1rem
}

.s-align-left .p-headline.s-headline-h2.s-headline-011>.p-headline-container>.p-headline-items {
    gap: .6rem
}

.p-headline.s-headline-h2.s-headline-012 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-012>.p-headline-container>.p-headline-items {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
    position: relative
}

.p-headline.s-headline-h2.s-headline-012>.p-headline-container>.p-headline-items>.cx-text-title {
    font-size: .9rem
}

.p-headline.s-headline-h2.s-headline-012>.p-headline-container>.p-headline-items>.cx-text-title-en {
    font-size: .9em;
    font-size: 1em
}

.s-align-center .p-headline.s-headline-h2.s-headline-012>.p-headline-container>.p-headline-items::after {
    content: "";
    margin: 2rem auto 0;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2rem;
    z-index: 1;
    width: 3rem;
    height: 0.25rem;
    background: linear-gradient(146deg, var(--des-main-defColor), var(--txt-head-primary))
}

.s-align-left .p-headline.s-headline-h2.s-headline-012>.p-headline-container>.p-headline-items::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2rem;
    z-index: 1;
    width: 3rem;
    height: 0.25rem;
    background: linear-gradient(146deg, var(--des-main-defColor), var(--txt-head-primary))
}

.p-headline.s-headline-h2.s-headline-013 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-013>.p-headline-container {
    border-bottom: 1px solid var(--txt-head-primary);
    padding-bottom: 2.5rem;
    margin-bottom: 4rem
}

.p-headline.s-headline-h2.s-headline-013>.p-headline-container>.p-headline-items>.cx-text-title {
    display: none
}

.p-headline.s-headline-h2.s-headline-013>.p-headline-container>.p-headline-items>.cx-text-title-en {
    font-size: 1em;
    text-transform: uppercase
}

.p-headline.s-headline-h2.s-headline-014 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-014>.p-headline-container {
    padding-bottom: 3rem;
    position: relative
}

.p-headline.s-headline-h2.s-headline-014>.p-headline-container>.p-headline-items>.cx-text-title {
    display: none
}

.p-headline.s-headline-h2.s-headline-014>.p-headline-container>.p-headline-items>.cx-text-title-en {
    font-size: 1.3em;
    text-transform: uppercase
}

.s-align-center .p-headline.s-headline-h2.s-headline-014>.p-headline-container {
    margin-bottom: 4rem
}

.s-align-center .p-headline.s-headline-h2.s-headline-014>.p-headline-container::after {
    content: "";
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 46px;
    height: 12px;
    background: var(--txt-head-primary);
    -webkit-mask-image: url(https://files.cmssv.awsv.jp/_build_/assets/sample/s_headline_014.svg);
    mask-image: url(https://files.cmssv.awsv.jp/_build_/assets/sample/s_headline_014.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center bottom;
    mask-position: center bottom
}

.s-align-left .p-headline.s-headline-h2.s-headline-014>.p-headline-container {
    margin-bottom: 5rem;
    margin-bottom: 4rem
}

.s-align-left .p-headline.s-headline-h2.s-headline-014>.p-headline-container::after {
    content: "";
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 46px;
    height: 12px;
    background: var(--txt-head-primary);
    -webkit-mask-image: url(https://files.cmssv.awsv.jp/_build_/assets/sample/s_headline_014.svg);
    mask-image: url(https://files.cmssv.awsv.jp/_build_/assets/sample/s_headline_014.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center bottom;
    mask-position: center bottom
}

.p-headline.s-headline-h2.s-headline-015 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-015>.p-headline-container {
    padding-bottom: 3.4rem;
    position: relative;
    margin-bottom: 4rem;
    padding-bottom: 2.4rem
}

.p-headline.s-headline-h2.s-headline-015>.p-headline-container>.p-headline-items {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    gap: 0.8rem
}

.p-headline.s-headline-h2.s-headline-015>.p-headline-container>.p-headline-items>.cx-text-title-en {
    order: 1;
    text-transform: uppercase;
    font-size: 0.45em
}

.p-headline.s-headline-h2.s-headline-015>.p-headline-container>.p-headline-items>.cx-text-title {
    order: 2;
    font-size: 2.4rem
}

.s-align-center .p-headline.s-headline-h2.s-headline-015>.p-headline-container::after {
    content: "";
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: -0.2em;
    right: 0;
    margin: auto;
    width: 46px;
    height: 12px;
    background: var(--txt-head-primary);
    -webkit-mask-image: url(https://files.cmssv.awsv.jp/_build_/assets/sample/s_headline_014.svg);
    mask-image: url(https://files.cmssv.awsv.jp/_build_/assets/sample/s_headline_014.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center bottom;
    mask-position: center bottom;
    height: 5px
}

.s-align-left .p-headline.s-headline-h2.s-headline-015>.p-headline-container::after {
    content: "";
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 46px;
    height: 12px;
    background: var(--txt-head-primary);
    -webkit-mask-image: url(https://files.cmssv.awsv.jp/_build_/assets/sample/s_headline_014.svg);
    mask-image: url(https://files.cmssv.awsv.jp/_build_/assets/sample/s_headline_014.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center bottom;
    mask-position: center bottom;
    height: 5px
}

.p-headline.s-headline-h2.s-headline-016 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-016>.p-headline-container {
    margin-bottom: 3.5rem
}

.p-headline.s-headline-h2.s-headline-016>.p-headline-container>.p-headline-items {
    display: flex;
    gap: .6rem;
    flex-direction: column
}

.p-headline.s-headline-h2.s-headline-016>.p-headline-container>.p-headline-items>.cx-text-title-en {
    order: 1;
    text-transform: uppercase;
    font-size: 1.7em
}

.p-headline.s-headline-h2.s-headline-016>.p-headline-container>.p-headline-items>.cx-text-title {
    color: var(--des-main-defColor);
    position: relative;
    font-size: 1.3rem;
    order: 2
}

.p-headline.s-headline-h2.s-headline-016>.p-headline-container>.p-headline-items>.cx-text-title::before {
    content: "/";
    color: var(--txt-head-primary);
    font-weight: normal;
    margin-right: 0.8rem
}

.p-headline.s-headline-h2.s-headline-017 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-017>.p-headline-container>.p-headline-items {
    display: flex;
    flex-direction: column
}

.p-headline.s-headline-h2.s-headline-017>.p-headline-container>.p-headline-items>.cx-text-title-en {
    order: 1;
    position: relative;
    font-size: .5em;
    font-style: italic;
    margin-bottom: 20px;
    padding-bottom: 10px
}

.p-headline.s-headline-h2.s-headline-017>.p-headline-container>.p-headline-items>.cx-text-title {
    font-size: 2rem;
    order: 2
}

.s-align-center .p-headline.s-headline-h2.s-headline-017>.p-headline-container>.p-headline-items>.cx-text-title-en::after {
    content: "";
    position: absolute;
    width: 35px;
    bottom: 0;
    margin-left: -0.2em;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--des-main-defColor);
    height: 3px
}

.s-align-left .p-headline.s-headline-h2.s-headline-017>.p-headline-container>.p-headline-items>.cx-text-title-en::after {
    content: "";
    position: absolute;
    width: 35px;
    bottom: 0;
    margin-left: 0;
    left: 0;
    background-color: var(--des-main-defColor);
    height: 3px
}

.p-headline.s-headline-h2.s-headline-018 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-018>.p-headline-container {
    margin-bottom: 3rem
}

.p-headline.s-headline-h2.s-headline-018>.p-headline-container>.p-headline-items>.cx-text-title-en {
    display: none
}

.p-headline.s-headline-h2.s-headline-018>.p-headline-container>.p-headline-items>.cx-text-title {
    position: relative;
    padding-top: 30px;
    font-size: 1.6rem;
    padding-top: 4vw
}

.s-align-left .p-headline.s-headline-h2.s-headline-018>.p-headline-container>.p-headline-items>.cx-text-title::before {
    content: "";
    display: block;
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--des-main-defColor)), color-stop(50%, var(--des-main-lightColor)));
    background: linear-gradient(90deg, var(--des-main-defColor) 50%, var(--des-main-lightColor) 50%);
    top: 0;
    left: 0
}

.s-align-center .p-headline.s-headline-h2.s-headline-018>.p-headline-container>.p-headline-items>.cx-text-title::before {
    content: "";
    display: block;
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--des-main-defColor)), color-stop(50%, var(--des-main-lightColor)));
    background: linear-gradient(90deg, var(--des-main-defColor) 50%, var(--des-main-lightColor) 50%);
    top: 0;
    left: 50%;
    margin-left: -0.1em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.p-headline.s-headline-h2.s-headline-018>.p-headline-container>.p-headline-items>.cx-text-title:before {
    width: 2.4rem;
    height: 3px
}

.p-headline.s-headline-h2.s-headline-018>.p-headline-container>.p-headline-items>.cx-text-title::before {
    width: 6.4vw;
    height: 0.53vw
}

.p-headline.s-headline-h2.s-headline-019 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-019>.p-headline-container>.p-headline-items {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    margin-bottom: 4.5rem;
    position: relative
}

.p-headline.s-headline-h2.s-headline-019>.p-headline-container>.p-headline-items>.cx-text-title-en {
    display: none
}

.p-headline.s-headline-h2.s-headline-019>.p-headline-container>.p-headline-items>.cx-text-title {
    font-size: 2.5rem
}

.s-align-center .p-headline.s-headline-h2.s-headline-019>.p-headline-container>.p-headline-items::after {
    content: "";
    margin: 2rem auto 0;
    display: block;
    position: absolute;
    left: -0.2em;
    right: 0;
    bottom: -2rem;
    z-index: 1;
    width: 6rem;
    height: 0.25rem;
    background: linear-gradient(146deg, var(--des-main-defColor), var(--txt-head-primary))
}

.s-align-left .p-headline.s-headline-h2.s-headline-019>.p-headline-container>.p-headline-items::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2rem;
    z-index: 1;
    width: 6rem;
    height: 0.25rem;
    background: linear-gradient(146deg, var(--des-main-defColor), var(--txt-head-primary))
}

.p-headline.s-headline-h2.s-headline-020 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-020>.p-headline-container>.p-headline-items {
    display: flex;
    gap: 1rem;
    padding-bottom: 2.5rem;
    margin-bottom: 4.5rem;
    position: relative;
    align-items: flex-end;
    line-height: 1
}

.p-headline.s-headline-h2.s-headline-020>.p-headline-container>.p-headline-items>.cx-text-title-en {
    order: 1;
    font-size: 1.4em;
    text-transform: uppercase
}

.p-headline.s-headline-h2.s-headline-020>.p-headline-container>.p-headline-items>.cx-text-title {
    order: 2;
    font-size: 1.1rem
}

.s-align-center .p-headline.s-headline-h2.s-headline-020>.p-headline-container>.p-headline-items::before {
    content: "";
    display: block;
    position: absolute;
    width: 7.5rem;
    height: 0.15rem;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, var(--des-main-defColor)), color-stop(35%, var(--des-main-lightColor)));
    background: linear-gradient(90deg, var(--des-main-defColor) 35%, var(--des-main-lightColor) 35%);
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.s-align-left .p-headline.s-headline-h2.s-headline-020>.p-headline-container>.p-headline-items::before {
    content: "";
    display: block;
    position: absolute;
    width: 7.5rem;
    height: 0.15rem;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, var(--des-main-defColor)), color-stop(35%, var(--des-main-lightColor)));
    background: linear-gradient(90deg, var(--des-main-defColor) 35%, var(--des-main-lightColor) 35%);
    bottom: 0;
    left: 0
}

.p-headline.s-headline-h2.s-headline-021 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-021>.p-headline-container>.p-headline-items {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding-bottom: 2.5rem;
    margin-bottom: 4.5rem;
    position: relative
}

.p-headline.s-headline-h2.s-headline-021>.p-headline-container>.p-headline-items>.cx-text-title-en {
    order: 1;
    font-size: 2em;
    text-transform: uppercase
}

.p-headline.s-headline-h2.s-headline-021>.p-headline-container>.p-headline-items>.cx-text-title {
    order: 2;
    font-size: 1.1rem
}

.s-align-center .p-headline.s-headline-h2.s-headline-021>.p-headline-container>.p-headline-items::before {
    content: "";
    display: block;
    position: absolute;
    width: 7.5rem;
    height: 0.15rem;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, var(--des-main-defColor)), color-stop(35%, rgb(255, 255, 255, 0)));
    background: linear-gradient(90deg, var(--des-main-defColor) 35%, rgb(255, 255, 255, 0) 35%);
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.s-align-center .p-headline.s-headline-h2.s-headline-021>.p-headline-container>.p-headline-items::after {
    content: "";
    display: block;
    position: absolute;
    width: 7.5rem;
    height: 0.15rem;
    background: var(--des-main-defColor);
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: .2
}

.s-align-left .p-headline.s-headline-h2.s-headline-021>.p-headline-container>.p-headline-items::before {
    content: "";
    display: block;
    position: absolute;
    width: 7.5rem;
    height: 0.15rem;
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, var(--des-main-defColor)), color-stop(35%, rgb(255, 255, 255, 0)));
    background: linear-gradient(90deg, var(--des-main-defColor) 35%, rgb(255, 255, 255, 0) 35%);
    bottom: 0;
    left: 0
}

.s-align-left .p-headline.s-headline-h2.s-headline-021>.p-headline-container>.p-headline-items::after {
    content: "";
    display: block;
    position: absolute;
    width: 7.5rem;
    height: 0.15rem;
    background: var(--des-main-defColor);
    bottom: 0;
    left: 0;
    opacity: .2
}

.p-headline.s-headline-h2.s-headline-022 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-022>.p-headline-container>.p-headline-items {
    display: flex;
    flex-direction: column;
    padding-bottom: 1.4rem;
    margin-bottom: 1rem;
    position: relative
}

.p-headline.s-headline-h2.s-headline-022>.p-headline-container>.p-headline-items>.cx-text-title {
    font-size: 2rem;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-022>.p-headline-container>.p-headline-items>.cx-text-title-en {
    font-size: 0.5em;
    color: var(--des-main-defColor);
    opacity: .3
}

.s-align-center .p-headline.s-headline-h2.s-headline-022>.p-headline-container>.p-headline-items::before {
    content: "";
    display: block;
    position: absolute;
    width: 60px;
    height: 1px;
    background: var(--des-main-defColor);
    bottom: 0;
    left: -0.2em;
    right: 0;
    margin: auto;
    opacity: .3
}

.s-align-left .p-headline.s-headline-h2.s-headline-022>.p-headline-container>.p-headline-items::before {
    content: "";
    display: block;
    position: absolute;
    width: 60px;
    height: 1px;
    background: var(--des-main-defColor);
    bottom: 0;
    left: 0;
    opacity: .3
}

.p-headline.s-headline-h2.s-headline-023 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-023>.p-headline-container>.p-headline-items {
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    position: relative;
    line-height: 1.4
}

.p-headline.s-headline-h2.s-headline-023>.p-headline-container>.p-headline-items>.cx-text-title-en {
    order: 1;
    font-size: 0.6em;
    color: var(--txt-head-primary);
    text-transform: uppercase
}

.p-headline.s-headline-h2.s-headline-023>.p-headline-container>.p-headline-items>.cx-text-title {
    order: 2;
    font-size: 2rem;
    color: var(--des-main-defColor)
}

.s-align-center .p-headline.s-headline-h2.s-headline-023>.p-headline-container>.p-headline-items::before {
    content: "";
    display: block;
    position: absolute;
    width: 60px;
    height: 1px;
    background: var(--des-main-defColor);
    bottom: 0;
    left: -0.2em;
    right: 0;
    margin: auto;
    opacity: .3
}

.s-align-left .p-headline.s-headline-h2.s-headline-023>.p-headline-container>.p-headline-items::before {
    content: "";
    display: block;
    position: absolute;
    width: 60px;
    height: 1px;
    background: var(--des-main-defColor);
    bottom: 0;
    left: 0;
    opacity: .3
}

.p-headline.s-headline-h2.s-headline-024 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-024>.p-headline-container>.p-headline-items {
    display: flex;
    flex-direction: column;
    padding-bottom: 2rem;
    margin-bottom: 1rem;
    position: relative;
    line-height: 1.4
}

.p-headline.s-headline-h2.s-headline-024>.p-headline-container>.p-headline-items>.cx-text-title {
    order: 1;
    font-size: 1rem;
    font-size: 1.1rem;
    margin-bottom: .2rem
}

.p-headline.s-headline-h2.s-headline-024>.p-headline-container>.p-headline-items>.cx-text-title-en {
    order: 2;
    font-size: 1.4em;
    text-transform: uppercase;
    font-size: 1.3em
}

.s-align-center .p-headline.s-headline-h2.s-headline-024>.p-headline-container>.p-headline-items::before {
    content: "";
    display: block;
    position: absolute;
    width: calc(16px * 3);
    height: 16px;
    background: -webkit-gradient(linear, left top, right top, color-stop(66.6%, var(--des-main-lightColor)), color-stop(66.6%, var(--des-main-defColor)));
    background: linear-gradient(90deg, var(--des-main-lightColor) 66.6%, var(--des-main-defColor) 66.6%);
    bottom: 0;
    left: -0.2em;
    right: 0;
    margin: auto;
    width: calc(12px * 3);
    height: 12px
}

.s-align-center .p-headline.s-headline-h2.s-headline-024>.p-headline-container>.p-headline-items::after {
    content: "";
    display: block;
    position: absolute;
    width: calc(16px * 3);
    height: 16px;
    background: -webkit-gradient(linear, left top, right top, color-stop(33.3%, rgb(255, 255, 255, 0)), color-stop(33.3%, var(--des-main-defColor)));
    background: linear-gradient(90deg, rgb(255, 255, 255, 0) 33.3%, var(--des-main-defColor) 33.3%);
    bottom: 0;
    left: -0.2em;
    right: 0;
    margin: auto;
    opacity: .5;
    width: calc(12px * 3);
    height: 12px
}

.s-align-left .p-headline.s-headline-h2.s-headline-024>.p-headline-container>.p-headline-items::before {
    content: "";
    display: block;
    position: absolute;
    width: calc(16px * 3);
    height: 16px;
    background: -webkit-gradient(linear, left top, right top, color-stop(66.6%, var(--des-main-lightColor)), color-stop(66.6%, var(--des-main-defColor)));
    background: linear-gradient(90deg, var(--des-main-lightColor) 66.6%, var(--des-main-defColor) 66.6%);
    bottom: 0;
    left: 0;
    width: calc(12px * 3);
    height: 12px
}

.s-align-left .p-headline.s-headline-h2.s-headline-024>.p-headline-container>.p-headline-items::after {
    content: "";
    display: block;
    position: absolute;
    width: calc(16px * 3);
    height: 16px;
    background: -webkit-gradient(linear, left top, right top, color-stop(33.3%, rgb(255, 255, 255, 0)), color-stop(33.3%, var(--des-main-defColor)));
    background: linear-gradient(90deg, rgb(255, 255, 255, 0) 33.3%, var(--des-main-defColor) 33.3%);
    bottom: 0;
    left: 0;
    opacity: .5;
    width: calc(12px * 3);
    height: 12px
}

.p-headline.s-headline-h2.s-headline-025 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-025>.p-headline-container>.p-headline-items {
    display: flex;
    flex-direction: column;
    padding-bottom: 2rem;
    margin-bottom: 1rem;
    line-height: 1.4
}

.p-headline.s-headline-h2.s-headline-025>.p-headline-container>.p-headline-items>.cx-text-title-en {
    display: none
}

.p-headline.s-headline-h2.s-headline-025>.p-headline-container>.p-headline-items>.cx-text-title {
    font-size: 2.8rem;
    padding-top: 1.4rem;
    display: inline-block;
    font-size: 2.2rem;
    padding-top: 2.2rem
}

.s-align-center .p-headline.s-headline-h2.s-headline-025>.p-headline-container>.p-headline-items::before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: calc(var(--s-margin-block-top));
    top: calc(-1 * (var(--s-margin-block-top)));
    left: 0;
    right: 0;
    margin: auto;
    background-color: var(--txt-head-primary)
}

.s-align-left .p-headline.s-headline-h2.s-headline-025>.p-headline-container>.p-headline-items::before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: calc(var(--s-margin-block-top));
    top: calc(-1 * (var(--s-margin-block-top)));
    left: 0;
    background-color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-026 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-026>.p-headline-container>.p-headline-items {
    position: relative;
    padding-left: 37px;
    display: flex;
    gap: .8rem;
    flex-direction: column;
    gap: 1.8rem
}

.p-headline.s-headline-h2.s-headline-026>.p-headline-container>.p-headline-items::before {
    content: "";
    position: absolute;
    top: 16px;
    left: 0;
    width: 4px;
    height: calc(100% - 16px);
    background-color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-026>.p-headline-container>.p-headline-items>.cx-text-title-en {
    order: 1;
    text-transform: uppercase;
    font-size: 1.5em;
    font-size: 1.7em
}

.p-headline.s-headline-h2.s-headline-026>.p-headline-container>.p-headline-items>.cx-text-title {
    order: 2;
    font-size: 1.4rem;
    display: inline-block;
    font-size: 1.3rem
}

.s-align-center .p-headline.s-headline-h2.s-headline-026>.p-headline-container>.p-headline-items {
    align-items: flex-start
}

.p-headline.s-headline-h2.s-headline-027 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-027>.p-headline-container>.p-headline-items {
    position: relative;
    padding-left: 3.3rem;
    display: flex;
    gap: .4rem;
    flex-direction: column;
    margin-bottom: 80px
}

.p-headline.s-headline-h2.s-headline-027>.p-headline-container>.p-headline-items::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--txt-head-primary);
    top: calc(0.3625rem + 0.25em);
    width: 1.75rem;
    height: 1.75rem;
    border-radius: calc(1.75rem / 2);
    top: calc(0.4625rem + 0.25em);
    width: 1.55rem;
    height: 1.55rem;
    border-radius: calc(1.55rem / 2)
}

.p-headline.s-headline-h2.s-headline-027>.p-headline-container>.p-headline-items>.cx-text-title-en {
    order: 1;
    text-transform: uppercase;
    font-size: 1em
}

.p-headline.s-headline-h2.s-headline-027>.p-headline-container>.p-headline-items>.cx-text-title {
    order: 2;
    font-size: 1.1rem;
    display: inline-block;
    opacity: .8;
    font-size: 1.2rem
}

.s-align-center .p-headline.s-headline-h2.s-headline-027>.p-headline-container>.p-headline-items {
    align-items: flex-start
}

.p-headline.s-headline-h2.s-headline-028 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-028>.p-headline-container>.p-headline-items {
    position: relative;
    padding-top: 3rem;
    padding-left: 4.2rem;
    display: flex;
    gap: 1.6rem;
    flex-direction: column;
    margin-bottom: 96px;
    margin-bottom: 40px
}

.p-headline.s-headline-h2.s-headline-028>.p-headline-container>.p-headline-items::before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: calc(var(--s-margin-block-top) + 100%);
    top: calc(-1 * (var(--s-margin-block-top)));
    left: 0;
    background-color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-028>.p-headline-container>.p-headline-items>.cx-text-title-en {
    order: 1;
    font-size: .6em;
    color: var(--des-main-defColor);
    font-size: .5em
}

.p-headline.s-headline-h2.s-headline-028>.p-headline-container>.p-headline-items>.cx-text-title {
    order: 2;
    font-size: 5.6rem;
    display: inline-block;
    font-size: 3.2rem
}

.s-align-center .p-headline.s-headline-h2.s-headline-028>.p-headline-container>.p-headline-items {
    padding-right: 4.2rem
}

.s-align-center .p-headline.s-headline-h2.s-headline-028>.p-headline-container>.p-headline-items::after {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: calc(var(--s-margin-block-top) + 100%);
    top: calc(-1 * (var(--s-margin-block-top)));
    right: 0;
    background-color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-029 {
    position: relative;
    color: var(--txt-head-primary)
}

.p-headline.s-headline-h2.s-headline-029>.p-headline-container>.p-headline-items {
    margin-bottom: 100px
}

.p-headline.s-headline-h2.s-headline-029>.p-headline-container>.p-headline-items>.cx-text-title-en {
    display: none
}

.p-headline.s-headline-h2.s-headline-029>.p-headline-container>.p-headline-items>.cx-text-title {
    background: linear-gradient(transparent 60%, var(--des-main-lightColor) 0, var(--des-main-lightColor) 60%);
    padding: 0 0 0 0.2em;
    font-size: 3rem
}

.p-headline.s-headline-persol.s-headline-h1 .p-headline-items u {
    text-decoration: none;
    background: linear-gradient(transparent 70%, var(--des-sub-defColor) 70%, var(--des-sub-defColor) 90%, transparent 90%, transparent 100%)
}

.p-headline.s-headline-persol.s-headline-h2 {
    position: relative
}

.p-headline.s-headline-persol.s-headline-h2>.p-headline-container>.p-headline-items>.cx-text-title-en {
    display: none
}

.p-headline.s-headline-persol.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-persol.s-headline-h2>.p-headline-container>.p-headline-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: var(--s-align-flex, flex-start);
    text-align: var(--s-align, left)
}

.p-headline.s-headline-persol.s-headline-h2>.p-headline-container>.p-headline-items::after {
    content: "";
    display: inline-block;
    height: 4px;
    width: 3em;
    background-color: var(--primary-defColor);
    margin-top: 0.3em
}

.p-headline.s-headline-persol.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-persol.s-headline-h3>.p-headline-container::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    background-color: var(--primary-defColor);
    width: 10%;
    height: 3px
}

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

#app.primary-def-gradient .p-headline.s-headline-persol.s-headline-h2>.p-headline-container>.p-headline-items::after {
    background: linear-gradient(90deg, var(--btn-def-gradient-en) 0%, var(--btn-def-gradient-en) 50%, var(--btn-def-gradient-st) 50%, var(--btn-def-gradient-st) 100%)
}

#app.s-radius-large .p-headline.s-headline-persol.s-headline-h2>.p-headline-container>.p-headline-items::after {
    border-radius: 10px
}

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

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

.p-headline.s-headline-persol.s-headline-h4 {
    padding: 0
}

.p-headline.s-headline-persol.s-headline-h5 {
    width: 100%
}

.p-headline.s-headline-dcs.s-headline-h1 .p-headline-items u {
    text-decoration: none;
    background: linear-gradient(transparent 70%, var(--des-sub-defColor) 70%, var(--des-sub-defColor) 90%, transparent 90%, transparent 100%)
}

.p-headline.s-headline-dcs.s-headline-h2 {
    position: relative
}

.p-headline.s-headline-dcs.s-headline-h2>.p-headline-container>.p-headline-items>.cx-text-title-en {
    display: none
}

.p-headline.s-headline-dcs.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-dcs.s-headline-h2>.p-headline-container>.p-headline-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: var(--s-align-flex, flex-start);
    text-align: var(--s-align, left)
}

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

.p-headline.s-headline-dcs.s-headline-h3>.p-headline-container::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    background-color: var(--primary-defColor);
    width: 100%;
    height: 1px
}

.p-headline.s-headline-dcs.s-headline-h3>.p-headline-container::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-color: var(--primary-defColor);
    width: 100%;
    height: 1px
}

#app.primary-def-gradient .p-headline.s-headline-dcs.s-headline-h2>.p-headline-container>.p-headline-items::after {
    background: linear-gradient(90deg, var(--btn-def-gradient-en) 0%, var(--btn-def-gradient-en) 50%, var(--btn-def-gradient-st) 50%, var(--btn-def-gradient-st) 100%)
}

#app.s-radius-large .p-headline.s-headline-dcs.s-headline-h2>.p-headline-container>.p-headline-items::after {
    border-radius: 10px
}

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

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

.p-headline.s-headline-dcs.s-headline-h4 {
    padding: 0
}

.p-headline.s-headline-dcs.s-headline-h5 {
    width: 100%
}

.p-headline.s-headline-koyou.s-headline-h1 .p-headline-items u {
    text-decoration: none;
    background: linear-gradient(transparent 70%, var(--des-sub-defColor) 70%, var(--des-sub-defColor) 90%, transparent 90%, transparent 100%)
}

.p-headline.s-headline-koyou.s-headline-h2 {
    position: relative
}

.p-headline.s-headline-koyou.s-headline-h2>.p-headline-container>.p-headline-items>.cx-text-title-en {
    display: none
}

.p-headline.s-headline-koyou.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-koyou.s-headline-h2>.p-headline-container>.p-headline-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: var(--s-align-flex, flex-start);
    text-align: var(--s-align, left)
}

.p-headline.s-headline-koyou.s-headline-h2>.p-headline-container>.p-headline-items::after {
    content: "";
    display: inline-block;
    height: 4px;
    width: 2em;
    background-color: var(--primary-defColor);
    margin-top: 0.3em
}

.p-headline.s-headline-koyou.s-headline-h3>.p-headline-container {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-headline.s-headline-koyou.s-headline-h3>.p-headline-container::before, .p-headline.s-headline-koyou.s-headline-h3>.p-headline-container::after {
    border-top: var(--border-container);
    content: "";
    width: 30%
}

.p-headline.s-headline-koyou.s-headline-h3>.p-headline-container::before {
    margin-right: 1em
}

.p-headline.s-headline-koyou.s-headline-h3>.p-headline-container::after {
    margin-left: 1em
}

#app.primary-def-gradient .p-headline.s-headline-koyou.s-headline-h2>.p-headline-container>.p-headline-items::after {
    background: linear-gradient(90deg, var(--btn-def-gradient-en) 0%, var(--btn-def-gradient-en) 50%, var(--btn-def-gradient-st) 50%, var(--btn-def-gradient-st) 100%)
}

#app.s-radius-large .p-headline.s-headline-koyou.s-headline-h2>.p-headline-container>.p-headline-items::after {
    border-radius: 10px
}

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

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

.p-headline.s-headline-koyou.s-headline-h3 {
    padding: 1rem 0
}

.p-headline.s-headline-koyou.s-headline-h4 {
    padding: 1rem 0;
    border-bottom: var(--border-container)
}

.p-headline.s-headline-koyou.s-headline-h4::after {
    content: "";
    display: inline-block;
    height: 4px;
    width: 1.5em;
    background-color: var(--primary-defColor);
    position: absolute;
    bottom: -2px;
    left: 0
}

.p-headline.s-headline-koyou.s-headline-h5 {
    width: 100%
}

.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-figure .image {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 100%
}

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

.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 {
    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%
}

.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
}

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-image.size-fix-width img {
    width: 100%
}

.p-label {
    display: inline-block;
    position: relative;
    color: var(--primary-def-txt-bodyColor);
    background-color: var(--primary-defColor);
    border-radius: calc(var(--s-radius, 0) * 2em);
    z-index: 101;
    box-sizing: border-box
}

.p-label>* {
    display: inline-block;
    padding: 0.1rem 1rem
}

.p-label>.p-text {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.p-label.size-fix-width {
    width: 100%
}

#app.des-main-def-gradient .p-label {
    background: var(--des-main-def-gradient)
}

.p-label.s-absolute-top-right {
    position: absolute;
    top: 0;
    left: 0
}

.p-label.s-label-002 {
    border: 0;
    background-color: transparent;
    color: var(--primary-defColor);
    border-color: var(--primary-defColor);
    border-width: 1px;
    border-style: solid
}

.p-label.s-label-003 {
    border: 0;
    background: var(--primary-defColor);
    color: var(--primary-def-txt-bodyColor);
    border-radius: 2px;
    padding: 0 1.5em;
    text-align: center;
    font-size: 0.8em
}

.p-label.s-label-004 {
    border: 0;
    background: var(--primary-defColor);
    color: var(--primary-def-txt-bodyColor);
    border-radius: 0;
    padding: 0.1em 1em;
    margin-right: 1.5em
}

.p-label.s-label-004.size-fix-width {
    width: calc(100% - 1.5em)
}

.p-label.s-label-004:after {
    position: absolute;
    content: '';
    right: calc(-1.5em - -1px);
    top: 0px;
    border: none;
    border-left: solid 1.5em var(--primary-defColor);
    border-bottom: solid calc(2em + 1px) transparent
}

.p-label.s-label-persol {
    border: 0;
    background-color: transparent;
    color: var(--secondary-defColor);
    border-color: var(--secondary-defColor);
    border-width: 1px;
    border-style: solid;
    font-size: 0.8em
}

.p-label.s-label-dcs {
    border: 0;
    background-color: transparent;
    color: var(--secondary-defColor);
    border-color: var(--secondary-defColor);
    border-width: 1px;
    border-style: solid;
    font-size: 0.8em
}

.p-label.s-label-koyou {
    border: 0;
    background-color: transparent;
    color: var(--secondary-defColor);
    border-color: var(--secondary-defColor);
    border-width: 1px;
    border-style: solid;
    font-size: 0.8em
}

.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-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:hover>span::after {
    transform: translateX(-100%)
}

.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.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.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-link.s-text-link-002 {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center
}

.p-link.s-text-link-002::before {
    display: block;
    margin-right: var(--gap-icon)
}

.p-ollist>ol>li>.p-text {
    display: flex;
    text-decoration: none
}

.p-ollist>ol>li:not(.s-ollist-li-link)>.p-text:before {
    content: counter(item);
    width: 0.8em;
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--primary-defColor);
    margin-right: 1em;
    margin-left: 0.2em;
    font-size: .8em;
    font-family: system-ui;
    line-height: 2.2
}

.p-text.cx-text-link {
    text-decoration: none
}

.p-text.cx-text-link.s-text-link-001 a {
    text-decoration: none;
    display: inline-block;
    vertical-align: text-top
}

.p-text.cx-text-link.s-text-link-001 a:hover {
    text-decoration: underline
}

.p-text.cx-text-link.s-text-link-001::before {
    display: inline-flex;
    vertical-align: middle;
    margin-right: 0.5em;
    color: inherit
}

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

.p-textarea-default.p-textarea, .p-textarea-white.p-textarea {
    line-height: 2.3
}

.p-textarea-default>.p-text-inner {
    color: var(--base-baseColor-dark1)
}

.p-textarea-white>.p-text-inner {
    color: var(--base-baseColor-opp)
}

.p-ullist>ul>li>.p-text {
    display: flex;
    text-decoration: none
}

.p-ullist>ul>li:not(.s-ullist-li-link)>.p-text:before {
    content: "●";
    width: 0.8em;
    height: 100%;
    display: flex;
    align-items: center;
    color: inherit;
    margin-right: 1em;
    margin-left: 0.2em;
    font-size: .8em;
    font-family: system-ui;
    line-height: 2.2
}

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

.l-header-container .l-header-logo-container .p-image {
    max-width: 30rem;
    height: 5.5rem;
    padding: 1em 0;
    margin-right: 1.5em;
    display: inline-block;
    box-sizing: border-box;
    max-width: 20rem;
    padding: 0.5em 0 1em;
    padding: 0.5em 0 0.7em
}

.l-header-container .l-header-logo-container .p-image>img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

header.is-scroll .l-header-container .l-header-logo-container .p-image {
    height: 5rem
}

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

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

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

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

.l-header-complogo-container>.p-company-logo>.p-image {
    height: 7rem
}

header.is-scroll .l-header-complogo-container>.p-company-logo>.p-image {
    height: 5.5rem
}

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

header.is-scroll .l-header-complogo-container>.p-company-logo>.p-image .p-figure {
    padding: .5rem 0
}

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

.l-header-spmenu .menu-content ul.l-gmenu-sp-container li a:hover>.p-text {
    display: inline-block;
    text-decoration: underline
}

.l-hero-wrapper {
    background-size: cover;
    position: relative;
    z-index: 3;
    overflow: hidden;
    flex-shrink: 0;
    width: 100%;
    transition-property: transform
}

.l-hero-container {
    display: block;
    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;
    height: 100%
}

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

.l-hero-wrapper .l-hero-bg {
    top: var(--header-height)
}

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

.l-hero-wrapper .l-hero-bg-image {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 1920px 964px;
    background-position: calc((100vw - 1920px) / 2) center
}

.l-hero-wrapper.s-hero-bg-image-size-cover .l-hero-bg-image {
    background-size: cover;
    background-position: center
}

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

.l-hero-main {
    display: flex;
    flex-direction: column;
    color: var(--main-text)
}

.l-hero-side {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.head__default.head240115 .l-hero-content {
    justify-content: space-between
}

.head__default.head240115 .p-headline.s-headline-h1 .p-headline-items {
    white-space: nowrap
}

.head__default.head240115.swiper-slide-active .l-hero-side a {
    transform: none
}

.head__default .l-hero-content {
    max-width: 1200px;
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: var(--s-align-flex, flex-start);
    /* padding: calc(var(--s-gnavi-height-before) + 5rem) 0 calc(5rem);*/
    /* justify-content: flex-start;*/
    padding: 7rem 0;
    position: relative;
    justify-content: left
}

.head__default .l-hero-main-container {
    color: var(--base-txt-bodyColor)
}

.head__default .l-hero-main-container>*+* {
    margin-top: 2.5rem
}

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

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

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

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

.head__default .head__middle-headline-bg-light strong::before {
    content: "";
    display: block;
    top: 0rem;
    left: 0;
    width: 100%;
    height: calc(100% + .2rem);
    background-color: var(--des-sub-defColor);
    position: absolute;
    z-index: -1;
    border-radius: calc(var(--s-radius, 0) * .3rem);
    overflow: hidden
}

.head__default .l-hero-clip.clip-type-left-radius {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%
}

.head__default .l-hero-clip.clip-type-left-solid {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%
}

.head__default .l-hero-clip.clip-type-center-radius {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.head__default .l-hero-clip.clip-type-center-solid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.l-hero-main-container .p-headline>.p-headline-container>*>.p-subtext>.p-text-inner {
    display: inline-block;
    font-size: 0.9rem;
    letter-spacing: 0.15rem;
    padding: 0 1rem;
    border-radius: calc(var(--s-radius, 0) * 0.1rem)
}

#footer .p-link {
    color: var(--base-txt-bodyColor);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 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;
    justify-content: flex-start
}

#footer .l-footer-left-wrapper .p-textarea {
    text-align: left
}

.block__cases_listInfo .l-content-wrapper>.p-group:not(:last-child) {
    margin-bottom: 3rem
}

.layout01.block__cases_listInfo .l-content-wrapper>.p-group {
    border-radius: .5rem;
    border: 1px solid #DFDFDF;
    overflow: hidden
}

.layout01.block__cases_listInfo .l-content-wrapper>.p-group>.p-group-container>.p-group-items>.p-headline {
    text-align: center;
    background-color: var(--base-subColor);
    color: var(--base-subColor-sub1);
    padding: .5rem
}

.layout01.block__cases_listInfo .l-content-wrapper>.p-group>.p-group-container>.p-group-items>.p-headline>.p-headline-container {
    font-size: 1.15rem;
    font-weight: 400
}

.layout01.block__cases_listInfo .l-content-wrapper>.p-group>.p-group-container>.p-group-items>.p-group>.p-group-container>.p-group-items {
    display: flex;
    align-items: center;
    padding: 1.5rem 1.5rem 1rem
}

.layout01.block__cases_listInfo .l-content-wrapper>.p-group>.p-group-container>.p-group-items>.p-group>.p-group-container>.p-group-items>.p-image {
    margin-right: 1.5rem
}

.layout01.block__cases_listInfo .l-content-wrapper>.p-group>.p-group-container>.p-group-items>.p-group>.p-group-container>.p-group-items>.p-group>.p-group-container>.p-group-items>.p-text:first-child {
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: .5rem;
    line-height: 1.8
}

.p-btn.p-btn-250527::after {
    --iconSize: 0.92em
}

.p-link.externalLinkIcon>span {
    display: inline-block;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

.p-link.externalLinkIcon>span::after {
    line-height: 1;
    height: 100%;
    vertical-align: baseline;
    transform: none;
    --iconImage: url(/_assets_/icon/up-right-from-square-solid.svg);
    --iconMargin: 0.5rem;
    --iconSize: .5em;
    content: "";
    display: inline-block;
    background: var(--iconColor, #fff);
    -webkit-mask-box-image: var(--iconImage);
    -webkit-mask-box-image-repeat: space;
    mask-image: var(--iconImage);
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: var(--iconSize, 1em);
    height: var(--iconSize, 1em);
    margin-left: var(--iconMargin)
}

.head__default .p-blockquote .p-blockquote-container .p-blockquote-items {
    align-items: flex-start;
    justify-content: left;
    flex-wrap: wrap;
    justify-content: center;
    width: fit-content
}

.head__default .main-01-dl.p-dl.s-dl-001>.p-dl-container>.p-dl-items>.p-inlinetext>strong {
    display: flex;
    align-items: center;
    font-weight: 200;
    letter-spacing: 0.2em;
    font-size: 3.4rem
}

.head__default .main-01-dl.p-dl.s-dl-001>.p-dl-container>.p-dl-items>.p-inlinetext>strong::before {
    content: "";
    display: inline-block;
    height: 1px;
    width: 4rem;
    margin-right: 2rem;
    background-color: #3B3B3B
}

.head__default .main-01-dl.p-dl.s-dl-001>.p-dl-container>.p-dl-items>.p-inlinetext>strong::after {
    content: "";
    display: inline-block;
    height: 1px;
    width: 4rem;
    margin-left: calc(2rem - 0.2em);
    background-color: #3B3B3B
}

.head__default .main-01-dl.p-dl.s-dl-001>.p-dl-container>.p-dl-items>.p-inlinetext>small {
    display: block;
    font-weight: 200;
    text-align: center;
    font-size: 1.4rem;
    letter-spacing: 0.2em
}

.head__default .main-01-label {
    width: 100%
}

.head__default .main-01-label>.p-dl-container {
    width: 100%;
    justify-content: center
}

.head__default .main-01-label>.p-dl-container>.p-dl-items {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-direction: row
}

.head__default .p-label.s-label-003 {
    background-color: transparent;
    color: #3B3B3B;
    padding: 0
}

.head__default .p-label.s-label-003>.p-text {
    display: flex;
    padding: 0;
    font-weight: 500;
    font-size: 2.3rem;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    min-width: 9rem;
    margin-bottom: 1rem
}

.head__default .p-label.s-label-003>.p-text::before {
    content: "";
    display: inline-block;
    height: 123.3px;
    width: 43.2px;
    background: url(https://files.cmssv.awsv.jp/_build_/template/pages/svltd/top_assets/main_rice_left.svg) no-repeat;
    background-size: contain
}

.head__default .p-label.s-label-003>.p-text::after {
    content: "";
    display: inline-block;
    height: 123.3px;
    width: 43.2px;
    background: url(https://files.cmssv.awsv.jp/_build_/template/pages/svltd/top_assets/main_rice_right.svg) no-repeat;
    background-size: contain
}

.head__default .p-label.s-label-003>.p-text>em {
    background: transparent
}

.head__default .p-label.s-label-003>.p-text>em>span {
    display: block;
    border-bottom: 2px solid var(--primary-defColor);
    margin-bottom: 0.3rem;
    line-height: 1.1
}

.head__default .p-label.s-label-003>.p-text>em>span>strong {
    font-size: 4.3rem;
    margin-right: 0.1rem;
    font-family: 'Roboto', sans-serif
}

.head__default .p-headline>.p-headline-container {
    text-align: left;
    justify-content: flex-start
}

.head__default .p-headline.s-headline-h1 .p-headline-items {
    color: var(--base-def-txt-bodyColor);
    justify-content: flex-start
}

.l-header-wrapper+.l-content-wrapper {
    margin-top: var(--block--padding)
}

.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;
    flex-direction: column
}

.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;
    padding: 0;
    margin-bottom: 2rem
}

.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
}

.l-section-container>.l-content-wrapper>.p-contatiner.grid>.p-contatiner-items>* {
    margin-bottom: 1rem;
    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%)
}

.subtext-bg-red .p-subtext {
    overflow: hidden
}

.subtext-bg-red .p-subtext>.p-text-inner.color-default {
    background-color: var(--base-baseColor-light2);
    color: var(--base-baseColor-opp);
    padding: 6px 10px;
    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: 50px 50px 0 0;
    border-color: var(--base-baseColor-light2) transparent transparent transparent;
    position: absolute;
    top: 0;
    right: -50px
}

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

.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
}

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

.p-container-vertical-footer>.p-buttons {
    padding-top: calc(var(--block--margin) / 2)
}

.p-container-list-footer>.p-buttons {
    padding-top: calc(var(--block--margin) / 2)
}

#column .p-container-vertical-items .p-container-vertical-wrapper {
    position: relative
}

#column .p-container-vertical-items .p-container-vertical-wrapper:nth-of-type(2n+1)::after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #000;
    display: inline-block;
    position: absolute;
    right: -1.5rem;
    top: 0
}

#column .p-container-container {
    padding-right: 180px;
    box-shadow: none;
    height: 23rem
}

#column .p-container-vertical.s-container-vertical-005 .p-container-vertical-wrapper>a {
    height: auto
}

#column .p-container-vertical.s-container-vertical-005 .p-container-vertical-wrapper>a::after {
    display: none
}

#column .p-container-header .p-headline>.p-headline-container {
    justify-content: left
}

#column .p-container-images {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 180px;
    align-items: center
}

#column .p-container-vertical .p-container-vertical-wrapper>.p-container-container .p-image {
    padding: 0
}

#column .p-container-vertical.s-container-vertical-005 .p-container-items>.p-label+.p-textarea {
    margin-top: 0;
    width: fit-content
}

#column .p-container-vertical .p-container-vertical-wrapper>.p-container-container>.p-container-items {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: left;
    text-align: left
}

#column .p-container-header .p-headline>.p-headline-container::after {
    content: "";
    display: inline-block;
    width: 0.7rem;
    height: 1rem;
    margin-left: 1.8rem;
    background: url(https://files.cmssv.awsv.jp/_build_/template/pages/svltd/top_assets/arrow_orange.svg) no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 0.3s
}

#column .p-container-header .p-headline>.p-headline-container:hover::after {
    transform: translateX(5px)
}

#column .p-btn::after {
    display: none
}

#column.column240110 .p-container-container {
    padding-right: 0;
    height: initial
}

#column.column240110 .p-container-vertical-items .p-container-vertical-wrapper::after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #000;
    display: inline-block;
    position: absolute;
    right: -1.5rem;
    top: 0
}

#column.column240110 .p-container-vertical-items .p-container-vertical-wrapper:last-of-type::after {
    display: none
}

#column.column240110 .p-container-vertical-items .p-container-vertical-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#service .p-container-vertical.s-container-vertical-005 .p-headline.s-headline-h5>.p-headline-container {
    text-align: center
}

#service .p-container-vertical.s-container-vertical-005 .p-container-header>.p-headline.s-headline-h4 {
    margin: 0 auto
}

#service .p-headline.s-headline-h4>.p-headline-container {
    text-align: center
}

#service .p-container-vertical.s-container-vertical-005 .p-container-items {
    padding: 15px 25px 25px
}

#service .p-container-items>.p-textarea {
    text-align: left
}

#cases .s-headline-h2.p-headline>.p-headline-container>* strong {
    color: var(--primary-defColor)
}

#cases .p-container-vertical.s-container-vertical-005 .p-container-items>.p-textarea {
    text-align: left
}

#cases .size-3-9.p-dl.s-dl-001 .p-dl-container>.p-dl-header {
    display: flex;
    justify-content: center;
    align-items: center
}

#seminar .p-container-horizontal.s-container-horizontal-005 .p-container-horizontal-wrapper {
    box-shadow: none;
    transition: all .2s;
    background: #fff
}

#seminar .p-container-horizontal.s-container-horizontal-005 .p-container-horizontal-wrapper:hover {
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%)
}

#seminar .p-container-horizontal.s-container-horizontal-005 .p-container-horizontal-wrapper>*::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 2rem 2rem;
    border-color: transparent transparent var(--primary-defColor) transparent
}

#seminar .p-container-horizontal.s-container-horizontal-005 .p-container-container>.p-container-wrapper {
    align-items: flex-start
}

#seminar .p-container-horizontal.size-4-8 .p-container-container>.p-container-wrapper {
    width: calc(100% * 8/12);
    width: 100%
}

#news .p-container-list .p-container-list-wrapper>.p-container-container>.p-container-header {
    flex: 0 0 auto;
    min-width: 22rem;
    justify-content: space-between;
    flex-direction: row;
    align-items: center
}

#news .p-label.s-label-003 {
    white-space: nowrap
}

#news .p-link {
    display: flex;
    align-items: center
}

#news .p-link>span::after {
    content: "";
    display: inline-block;
    width: 0.7rem;
    height: 1rem;
    margin-left: 1.8rem;
    background: url(https://files.cmssv.awsv.jp/_build_/template/pages/svltd/top_assets/arrow_orange.svg) no-repeat;
    background-position: center;
    background-size: contain
}

#news .p-link:hover>span::after {
    transform: translateX(0)
}

#news .p-link>span>span:hover {
    text-decoration: underline
}

#download .p-container-horizontal.s-container-horizontal-005 .p-container-horizontal-wrapper:hover {
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%)
}

#download .p-container-horizontal.s-container-horizontal-005 .p-container-container {
    position: relative
}

#download .p-container-horizontal.s-container-horizontal-005 .p-container-container::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 2rem 2rem;
    border-color: transparent transparent var(--primary-defColor) transparent
}

#download .p-container-horizontal.s-container-horizontal-005 .p-container-container>.p-container-wrapper {
    align-items: flex-start
}

#download .p-container-horizontal.size-4-8 .p-container-container>.p-container-wrapper {
    width: calc(100% * 8/12);
    width: 100%
}

#download.download240115 .p-container-container {
    padding-right: 0
}

#download.download240115 .p-container-vertical-items .p-container-vertical-wrapper:last-of-type::after {
    display: none
}

#download.download240115 .p-container-vertical-items .p-container-vertical-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#download.download240115 .p-container-vertical.s-container-vertical-005 .p-container-items>.p-textarea {
    text-align: left
}

#application .p-container-horizontal.s-container-horizontal-005 .p-container-horizontal-wrapper {
    box-shadow: none
}

#application .p-btn::after {
    content: ""
}

#application .p-container-images .p-image>figure>img {
    width: auto;
    max-height: 40rem
}

#application .p-buttons.cx-buttons-image .p-btn {
    width: 20rem
}

#access .p-container-vertical.s-container-vertical-005 .p-container-vertical-wrapper>.p-container-container>.p-container-footer {
    align-items: flex-end;
    padding: 0 0 15px
}

#access .p-container-vertical.s-container-vertical-005 .p-container-vertical-wrapper>.p-container-container>.p-container-items>.p-textarea {
    text-align: left
}

#access .p-link {
    display: flex;
    align-items: center;
    padding-right: 3rem;
    text-decoration: none
}

#access .p-link::after {
    content: "";
    display: inline-block;
    width: 0.7rem;
    height: 1rem;
    margin-left: 1.8rem;
    margin-right: -1rem;
    background: url(https://files.cmssv.awsv.jp/_build_/template/pages/svltd/top_assets/arrow_orange.svg) no-repeat;
    background-position: center;
    background-size: contain
}

#access .p-link>span:hover {
    text-decoration: underline
}

#footer .p-headline.s-headline-002.s-headline-h4::before {
    top: 0.8rem
}

#footer .p-headline.s-headline-002.s-headline-h4::after {
    display: none
}

#footer .l-footer-right-wrapper {
    margin-top: 6.3rem;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 2rem;
    align-items: flex-start;
    justify-content: flex-start
}

#footer .l-footer-right-wrapper .p-links.p-link-container {
    flex: 0 0 100%;
    --gap-container: 2rem !important;
    margin-bottom: 1rem;
    --s-grid-num: 2;
    --s-text-gap: 1rem;
    --gap-container: 1rem
}

#footer .l-footer-right-wrapper .p-btn.s-btn-radius-large {
    flex: 0 0 36%;
    min-width: 21rem;
    justify-content: center
}
#footer .l-footer-right-wrapper .p-btn.s-btn-radius-large::after {
    --iconSize: 0.9rem
}

#footer .l-footer-right-wrapper .p-links.p-link-container>.p-link>span {
    flex: 0 0 calc(100% - 2em);
    text-align: left;
    font-size: 1.4rem
}

#footer .l-footer-right-wrapper .p-links.p-link-container>.p-link>span>span:hover {
    text-decoration: underline
}

.l-hero-main .p-dl.s-dl-001 .p-dl-container>.p-dl-items {
    flex-direction: row
}

.l-hero-main .p-dl .p-dl-horizontal-items {
    border: 0
}

.swiper {
    width: 100%
}

.swiper-wrapper {
    height: auto;
    align-items: stretch
}

#footer::after {
    position: absolute;
    display: block;
    content: "";
    right: 0;
    bottom: 5.5rem;
    width: 75%;
    height: 100%;
    background: url(https://files.cmssv.awsv.jp/_build_/template/pages/svltd/top_assets/footer_bg.svg) no-repeat;
    background-position: right bottom;
    background-size: contain;
    z-index: 1
}

#footer>.l-footer-items>.l-footer-left-wrapper>.p-image {
    margin-bottom: 3rem
}

#footer .l-footer-left-wrapper .p-container+.p-container {
    margin-top: 1rem
}

#footer .l-footer-right-wrapper .p-links.p-link-container>.p-link {
    flex: 0 0 calc((100% - (var(--gap-container) * (var(--s-grid-num) - 1))) / var(--s-grid-num));
    width: calc(100% / var(--s-grid-num));
    justify-content: space-between;
    position: relative;
    margin-bottom: 1rem;
    text-decoration: none
}

#footer .l-footer-right-wrapper .p-links.p-link-container>.p-link::before {
    margin-top: 0;
    opacity: 0.5;
    --iconImage: url(/_assets_/icon/arrow_forward_ios_24dp.svg);
    --iconSize: 0.8em;
    content: "";
    display: inline-block;
    background: var(--iconColor, var(--base-txt-bodyColor));
    -webkit-mask-box-image: var(--iconImage);
    -webkit-mask-box-image-repeat: space;
    mask-image: var(--iconImage);
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: var(--iconSize, 1em);
    height: var(--iconSize, 1em)
}

#footer .l-footer-right-wrapper .p-container {
    width: 45%
}

#footer .l-footer-right-wrapper .p-container .p-links.p-link-container>.p-link {
    flex: auto
}

#footer .l-footer-right-wrapper .p-container .p-headline>.p-headline-container {
    justify-content: flex-start;
    margin-bottom: 1rem;
    --fsize-5head: 1.5rem
}

.swiper-button-next {
    background: #3b3b3b;
    color: #FFF;
    width: 9rem;
    padding-right: 2rem;
    height: 8rem;
    right: -4rem;
    top: calc(50% - 4rem);
    border-radius: 7rem;
    opacity: 0.3;
    transition: all 0.3s
}

.swiper-button-prev {
    background: #3b3b3b;
    color: #FFF;
    width: 9rem;
    padding-left: 2rem;
    height: 8rem;
    left: -4rem;
    top: calc(50% - 4rem);
    border-radius: 7rem;
    opacity: 0.3;
    transition: all 0.3s
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    opacity: .8
}

.cases-small.p-container-vertical.s-container-vertical-005 .p-container-items>.p-dl.s-dl-001 {
    min-height: 24rem;
    justify-content: stretch
}

.cases-small.p-container-vertical.s-container-vertical-005 .p-container-items .p-dl-horizontal-items {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly
}

.cases-small.p-container-vertical.s-container-vertical-005 .p-container-vertical-wrapper>.p-container-container>.p-container-items {
    height: 100%;
    justify-content: space-between
}

.p-banner {
    transition: all .2s
}

.p-banner:hover {
    transform: scale(1.05);
    opacity: 0.7
}

.head__default.head240115.swiper-slide-active .l-hero-side a.p-banner:hover {
    transform: scale(1.05);
    opacity: 1
}

.p-banner-hover-shadow {
    transition: all .3s
}

.p-banner-hover-shadow:hover {
    box-shadow: 0 3px 6px rgb(0 0 0 / 40%) !important
}

@media only screen and (max-width: 1200px) {
    :root {
        font-size: 0.875rem;
        font-size: 52.5%
    }

    header {
        position: sticky
    }

    #expansionFloatBanner {
        display: none
    }

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

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

    .head__default.head240115 .l-hero-side {
        max-width: initial;
        width: 100%;
        margin-top: 1rem;
        flex-direction: row
    }

    #footer>.l-footer-items {
        width: 90vw;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 850px) {
    :root {
        font-size: 0.75rem
    }
}

@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
    }
}

@media only screen and (max-width:678px) {
    #page-top {
        right: 0;
        bottom: 0;
        padding: 2vw 3vw
    }

    #page-top>i {
        font-size: 7vw
    }
}

@media only screen and (max-width: 1300px) {
    .s-container-fix {
        max-width: 90vw
    }
}

@media only screen and (max-width: 50rem) {
    .s-concept-container.s-concept-header-left>.p-container-header, .s-concept-container.s-concept-header-right>.p-container-header {
        order: inherit
    }
}

@media only screen and (min-width: 831px) {
    .p-headline.s-headline-h2.s-headline-018>.p-headline-container>.p-headline-items>.cx-text-title {
        padding-top: 30px;
        font-size: 1.6rem
    }

    .p-headline.s-headline-h2.s-headline-018>.p-headline-container>.p-headline-items>.cx-text-title:before {
        width: 2.4rem;
        height: 3px
    }
}

@media only screen and (min-width: 830px) {
    .l-hero-content {
        margin: 0 auto;
        max-width: 1200px;
        padding: 0;
        display: flex;
        justify-content: left;
        align-items: flex-start
    }
}

@media only screen and (max-width: 640px) {
    :root {
        font-size: 32.5%
    }
}

@media only screen and (max-width:1200px) {
    :root {
        --swiper-navigation-size: 22px;
        --s-gnavi-height-before: 7rem;
        --s-gnavi-height-after: 0
    }
}

@media only screen and (max-width: 540px) {
    #footer>.l-footer-items {
        flex-direction: column
    }

    #footer .l-footer-right-wrapper {
        margin-top: 0;
    }
}

@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-container>*>.p-container.box.s-border {
        padding: 3rem 1rem
    }

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

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

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

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

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

    .s-concept-container.wid-3-9>.p-container-header {
        width: 100%
    }

    .s-concept-container.wid-3-9>.p-container-items {
        width: 100%
    }

    .s-concept-container.wid-4-8>.p-container-header {
        width: 100%
    }

    .s-concept-container.wid-4-8>.p-container-items {
        width: 100%
    }

    .s-concept-container.wid-5-7>.p-container-header {
        width: 100%
    }

    .s-concept-container.wid-5-7>.p-container-items {
        width: 100%
    }

    .s-concept-container.wid-6-6>.p-container-header {
        width: 100%
    }

    .s-concept-container.wid-6-6>.p-container-items {
        width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .l-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
    }

    .block__cases_listInfo .l-content-wrapper>* {
        flex: 0 0 100%
    }

    .block__cases_listInfo .l-content-wrapper>.p-group:not(:last-child) {
        margin-bottom: 3rem
    }

    .p-btn::after {
        font-size: 0.8em
    }

    #page-top {
        bottom: 1rem
    }

    footer {
        margin-bottom: 0
    }

    .l-header-container .l-header-logo-container .p-title {
        font-size: calc(var(--fsize-base) * 0.65)
    }

    .l-header-container .l-header-logo-container .p-image {
        padding: 0.5em 0 0.7em
    }

    .l-gmenu-main-container li:nth-child(n + 4) {
        flex: 0 0 24.3%
    }

    header.is-scroll .l-gmenu-sub-container {
        margin-top: 0
    }

    body.is-hero-scroll .l-gmenu-main-container {
        font-size: calc(var(--fsize-base) * 0.7)
    }

    .swiper-button-prev {
        left: 5px;
        right: auto
    }

    .swiper-button-next {
        right: 5px;
        left: auto
    }

    .head__default .main-01-dl.p-dl.s-dl-001>.p-dl-container>.p-dl-items>.p-inlinetext>.p-text-inner>strong {
        font-size: 4.6vw
    }

    .head__default .p-headline.s-headline-h1 .p-headline-items {
        font-size: 5.2vw;
        line-height: 1.8
    }

    .head__default .p-label.s-label-003>.p-text {
        font-size: 4.3vw
    }

    .head__default .p-label.s-label-003>.p-text::before {
        height: 14.33vw;
        width: 5.32vw
    }

    .head__default .p-label.s-label-003>.p-text::after {
        height: 14.33vw;
        width: 5.32vw
    }

    .head__default .p-label.s-label-003>.p-text>.p-text-inner>span>strong {
        font-size: 6.3vw
    }

    .l-section-container {
        padding-top: calc(2.5rem * var(--s-margin, 1));
        padding-bottom: calc(2.5rem * var(--s-margin, 1))
    }

    .l-header-wrapper+.l-content-wrapper {
        margin-top: calc(2rem * var(--s-margin, 1))
    }

    .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;
        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
    }

    .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
    }

    .p-headline.s-headline-002.s-headline-h3>.p-headline-container::before, .p-headline.s-headline-002.s-headline-h3>.p-headline-container::after {
        width: 20%
    }

    .s-headline-h3.p-headline .p-headline-items {
        flex: 0 0 auto
    }

    .p-container-vertical.s-container-vertical-005 {
        /* --gap-container: 1.8em;*/
    }

    #column .p-container-vertical-items .p-container-vertical-wrapper:nth-of-type(2n+1)::after {
        content: "";
        height: 1px;
        width: 100%;
        right: initial;
        top: initial;
        left: 0;
        bottom: -2rem
    }

    #column .p-container-container {
        padding-right: 0;
        height: auto
    }

    #column .p-container-header {
        order: 1
    }

    #column .p-container-vertical.s-container-vertical-005 .p-container-header>.p-headline {
        padding: 0.5em 2em 0.5em 1em
    }

    #column .p-container-images {
        position: relative;
        right: initial;
        top: initial;
        bottom: initial;
        order: 3;
        display: flex;
        flex-direction: row;
        margin-bottom: 1rem;
        max-width: 45rem
    }

    #column .p-container-images .p-image.maxheight-14 {
        max-height: 32rem
    }

    #column .p-container-images .p-btn {
        padding: 1em 3em;
        white-space: nowrap
    }

    #column .p-container-items {
        order: 2
    }

    #column.column240110 .p-container-vertical.grid-3 {
        --s-grid-num: 1
    }

    #column.column240110 .p-container-vertical-items .p-container-vertical-wrapper::after {
        content: "";
        height: 1px;
        width: 100%;
        right: initial;
        top: initial;
        left: 0;
        bottom: -2rem
    }

    #cases .p-image.maxheight-28 {
        max-height: 32rem
    }

    #cases .p-container-vertical.s-container-vertical-005 .p-container-vertical-wrapper>.p-container-container>.p-container-items {
        padding-bottom: 1em
    }

    #seminar .p-container-horizontal.size-4-8 .p-container-container>.p-container-wrapper {
        width: 100%
    }

    #news .p-container-list .p-container-list-wrapper>.p-container-container {
        flex-wrap: wrap
    }

    #news .p-container-list .p-container-list-wrapper>.p-container-container>.p-container-header {
        flex: 0 0 100%;
        justify-content: left
    }

    #news .p-label.s-label-003 {
        padding: 0 1em
    }

    #news .p-link {
        flex: auto
    }

    #news .p-link span::after {
        height: 1.8rem;
        width: 1rem
    }

    #download .p-container-horizontal.size-4-8 .p-container-container>.p-container-wrapper {
        width: 100%
    }

    #download.download240115 .p-container-vertical.grid-3 {
        --s-grid-num: 1
    }

    #application .l-section-container {
        padding-bottom: calc(2.5rem * var(--s-margin, 1))
    }

    #application .p-container-images .p-image>figure>img {
        width: auto;
        max-height: 40rem
    }

    #application .p-buttons.cx-buttons-image .p-btn {
        width: 20rem
    }

    #access .p-container-vertical.s-container-vertical-005 .p-container-header>.p-headline {
        padding: 1.5em 2em 0.5em
    }

    iframe {
        height: 300px
    }

    #access .p-link {
        margin-top: 10px;
        padding-right: calc(2em + 1rem)
    }

    #access .p-link::after {
        height: 1.8rem;
        width: 1rem
    }
}
@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: auto
    }

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

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

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

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

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

    .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-vertical {
        --s-grid-num: 2
    }

    .p-container-vertical.grid-1 {
        --s-grid-num: 1
    }

    .p-container-vertical.grid-2 {
        --s-grid-num: 1
    }

    .p-container-vertical.grid-3 {
        --s-grid-num: 2
    }

    .p-container-vertical.grid-4 {
        --s-grid-num: 2
    }

    .p-container-vertical.grid-5 {
        --s-grid-num: 2
    }

    .p-container-vertical.grid-6 {
        --s-grid-num: 2
    }

    .p-container-vertical.grid-7 {
        --s-grid-num: 2
    }

    .p-container-vertical.grid-8 {
        --s-grid-num: 4
    }

    .p-container-vertical.grid-9 {
        --s-grid-num: 4
    }

    .p-container-vertical.grid-10 {
        --s-grid-num: 4
    }

    .p-container-vertical.s-container-vertical-005 {
        --gap-container: 4.2em
    }

    .p-container-vertical.s-container-vertical-005 .p-container-vertical-wrapper>.p-container-container>.p-container-images {
        width: 100%;
        align-items: center
    }

    .p-container-vertical.s-container-vertical-005 .p-container-header>.p-headline {
        padding: 0.5em 2em
    }

    .p-container-vertical.s-container-vertical-005 .p-container-header>.p-headline .p-headline-items>.p-textarea {
        font-size: 0.7em
    }

    .p-container-vertical.s-container-vertical-005 .p-container-header>.p-headline .p-headline-items>.p-inlinetext {
        font-size: 1em
    }

    .p-container-vertical.s-container-vertical-005 .p-container-items {
        padding: 0 2em
    }

    .p-container-vertical.s-container-vertical-005 .p-ullist>ul {
        min-height: 0
    }

    .p-container-vertical.s-container-vertical-persol {
        --gap-container: 4.2em
    }

    .p-container-vertical.s-container-vertical-persol .p-container-vertical-wrapper>.p-container-container>.p-container-images {
        width: 100%;
        align-items: center
    }

    .p-container-vertical.s-container-vertical-persol .p-container-header>.p-headline {
        padding: 0.5em 2em
    }

    .p-container-vertical.s-container-vertical-persol .p-container-header>.p-headline .p-headline-items>.p-textarea {
        font-size: 0.7em
    }

    .p-container-vertical.s-container-vertical-persol .p-container-header>.p-headline .p-headline-items>.p-inlinetext {
        font-size: 0.85em
    }

    .p-container-vertical.s-container-vertical-persol .p-container-items {
        padding: 0 2em
    }

    .p-container-vertical.s-container-vertical-persol .p-ullist>ul {
        min-height: 0
    }

    .p-container-vertical.s-container-vertical-dcs {
        --gap-container: 4.2em
    }

    .p-container-vertical.s-container-vertical-dcs .p-container-vertical-wrapper>.p-container-container>.p-container-images {
        width: 100%;
        align-items: center
    }

    .p-container-vertical.s-container-vertical-dcs .p-container-header>.p-headline {
        padding: 0.5em 2em
    }

    .p-container-vertical.s-container-vertical-dcs .p-container-header>.p-headline .p-headline-items>.p-textarea {
        font-size: 0.7em
    }

    .p-container-vertical.s-container-vertical-dcs .p-container-header>.p-headline .p-headline-items>.p-inlinetext {
        font-size: 0.85em
    }

    .p-container-vertical.s-container-vertical-dcs .p-container-items {
        padding: 0 2em
    }

    .p-container-vertical.s-container-vertical-dcs .p-ullist>ul {
        min-height: 0
    }

    .p-container-vertical.s-container-vertical-koyou {
        --gap-container: 4.2em
    }

    .p-container-vertical.s-container-vertical-koyou .p-container-vertical-wrapper>.p-container-container>.p-container-images {
        width: 100%;
        align-items: center
    }

    .p-container-vertical.s-container-vertical-koyou .p-container-header>.p-headline {
        padding: 0.5em 2em
    }

    .p-container-vertical.s-container-vertical-koyou .p-container-header>.p-headline .p-headline-items>.p-textarea {
        font-size: 0.7em
    }

    .p-container-vertical.s-container-vertical-koyou .p-container-header>.p-headline .p-headline-items>.p-inlinetext {
        font-size: 0.85em
    }

    .p-container-vertical.s-container-vertical-koyou .p-container-items {
        padding: 0 2em
    }

    .p-container-vertical.s-container-vertical-koyou .p-ullist>ul {
        min-height: 0
    }

    .p-headlineText.p-text {
        font-size: 1.4rem;
        line-height: 1.875
    }

    .p-headline.s-headline-h2.s-headline-008>.p-headline-container {
        width: 100%
    }

    .p-headline.s-headline-h2.s-headline-011>.p-headline-container>.p-headline-items>.cx-text-title-en {
        font-size: 0.5em
    }

    .p-headline.s-headline-h2.s-headline-011>.p-headline-container>.p-headline-items>.cx-text-title {
        order: 2;
        font-size: 2.2rem
    }

    .p-headline.s-headline-h2.s-headline-012>.p-headline-container>.p-headline-items>.cx-text-title-en {
        font-size: 1em
    }

    .s-align-left .p-headline.s-headline-h2.s-headline-014>.p-headline-container {
        margin-bottom: 4rem
    }

    .p-headline.s-headline-h2.s-headline-015>.p-headline-container {
        padding-bottom: 2.4rem
    }

    .p-headline.s-headline-h2.s-headline-015>.p-headline-container>.p-headline-items {
        gap: 0.8rem
    }

    .s-align-center .p-headline.s-headline-h2.s-headline-015>.p-headline-container::after {
        height: 5px
    }

    .s-align-left .p-headline.s-headline-h2.s-headline-015>.p-headline-container::after {
        height: 5px
    }

    .p-headline.s-headline-h2.s-headline-018>.p-headline-container>.p-headline-items>.cx-text-title {
        padding-top: 4vw
    }

    .p-headline.s-headline-h2.s-headline-018>.p-headline-container>.p-headline-items>.cx-text-title::before {
        width: 6.4vw;
        height: 0.53vw
    }

    .p-headline.s-headline-h2.s-headline-024>.p-headline-container>.p-headline-items>.cx-text-title {
        font-size: 1.1rem;
        margin-bottom: .2rem
    }

    .p-headline.s-headline-h2.s-headline-024>.p-headline-container>.p-headline-items>.cx-text-title-en {
        font-size: 1.3em
    }

    .s-align-center .p-headline.s-headline-h2.s-headline-024>.p-headline-container>.p-headline-items::before {
        width: calc(12px * 3);
        height: 12px
    }

    .s-align-center .p-headline.s-headline-h2.s-headline-024>.p-headline-container>.p-headline-items::after {
        width: calc(12px * 3);
        height: 12px
    }

    .s-align-left .p-headline.s-headline-h2.s-headline-024>.p-headline-container>.p-headline-items::before {
        width: calc(12px * 3);
        height: 12px
    }

    .s-align-left .p-headline.s-headline-h2.s-headline-024>.p-headline-container>.p-headline-items::after {
        width: calc(12px * 3);
        height: 12px
    }

    .p-headline.s-headline-h2.s-headline-025>.p-headline-container>.p-headline-items>.cx-text-title {
        font-size: 2.2rem;
        padding-top: 2.2rem
    }

    .p-headline.s-headline-h2.s-headline-026>.p-headline-container>.p-headline-items {
        gap: 1.8rem
    }

    .p-headline.s-headline-h2.s-headline-026>.p-headline-container>.p-headline-items>.cx-text-title-en {
        font-size: 1.7em
    }

    .p-headline.s-headline-h2.s-headline-026>.p-headline-container>.p-headline-items>.cx-text-title {
        font-size: 1.3rem
    }

    .p-headline.s-headline-h2.s-headline-027>.p-headline-container>.p-headline-items::before {
        top: calc(0.4625rem + 0.25em);
        width: 1.55rem;
        height: 1.55rem;
        border-radius: calc(1.55rem / 2)
    }

    .p-headline.s-headline-h2.s-headline-027>.p-headline-container>.p-headline-items>.cx-text-title {
        font-size: 1.2rem
    }

    .p-headline.s-headline-h2.s-headline-028>.p-headline-container>.p-headline-items {
        margin-bottom: 40px
    }

    .p-headline.s-headline-h2.s-headline-028>.p-headline-container>.p-headline-items>.cx-text-title-en {
        font-size: .5em
    }

    .p-headline.s-headline-h2.s-headline-028>.p-headline-container>.p-headline-items>.cx-text-title {
        font-size: 3.2rem
    }

    .p-headline.s-headline-h2.s-headline-029>.p-headline-container>.p-headline-items>.cx-text-title {
        font-size: 3rem
    }

    .p-headline.s-headline-h2.s-headline-029>.p-headline-container>.p-headline-items {
        margin-bottom: 100px
    }

    .p-label.s-label-003 {
        font-size: 0.9em
    }

    .l-hero-wrapper .l-hero-bg-image {
        background-size: cover;
        background-position: center
    }

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

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

    .l-hero-side {
        width: 100%;
        margin-top: 4rem
    }

    .head__default .l-hero-clip.clip-type-left-radius {}

    .head__default .l-hero-clip.clip-type-left-solid {}

    .head__default .l-hero-clip.clip-type-center-radius {}

    .head__default .l-hero-clip.clip-type-center-solid {}

    .head__default .l-hero-content {
        padding: calc(3rem) 0 calc(3rem)
    }

    .head__default .l-hero-main-container {
        width: 100%
    }

    .head__default .head__middle-headline-bg-light {
        max-width: none
    }

    .head__default .head__middle-textarea {
        max-width: none
    }

    :root {
        font-size: 42.5%;
        --s-content-middle-width: 90vw;
        --fsize-base: 2.4rem;
        --fsize-2head: 3.8rem;
        --fsize-3head: 3.2rem;
        --fsize-4head: 3rem;
        --fsize-5head: 2.8rem;
        --fsize-text: 2.4rem
    }

    #footer .p-headline.s-headline-002.s-headline-h4 {
        padding: 0 0 0 5rem !important
    }

    #footer .p-headline.s-headline-002.s-headline-h4::before {
        top: 1rem !important
    }

    #footer .l-footer-right-wrapper .p-links.p-link-container>.p-link>span {
        flex: 0 0 92% !important
    }

    #footer .l-footer-right-wrapper .p-btn.s-btn-radius-large {
        flex: 0 0 100%;
        max-width: 29rem
    }

    #footer .p-btn {
        padding: 1em 2em
    }

    #footer .p-btn.s-btn-002 {
        font-size: 2.25em
    }

    #footer .l-footer-left-wrapper, #footer .l-footer-right-wrapper {
        width: 100%
    }
    #footer .l-footer-right-wrapper .p-container .p-headline>.p-headline-container {
        --fsize-5head: 2.5rem;
    }
    #footer .l-footer-right-wrapper .p-container .p-links.p-link-container>.p-link {
        font-size: 2rem;
    }
    #footer .l-footer-right-wrapper .p-links.p-link-container>.p-link>span {
        font-size: 2rem;
    }
}
@media only screen and (max-width: 520px) {
    .p-container-horizontal .p-container-container {
        flex-direction: column
    }

    .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-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-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-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-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-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-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-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-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-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-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-wrapper {
        width: 100%
    }

    .p-container-vertical {
        --s-grid-num: 1
    }

    .p-container-vertical.grid-1 {
        --s-grid-num: 1
    }

    .p-container-vertical.grid-2 {
        --s-grid-num: 1
    }

    .p-container-vertical.grid-3 {
        --s-grid-num: 1
    }

    .p-container-vertical.grid-4 {
        --s-grid-num: 1
    }

    .p-container-vertical.grid-5 {
        --s-grid-num: 1
    }

    .p-container-vertical.grid-6 {
        --s-grid-num: 1
    }

    .p-container-vertical.grid-7 {
        --s-grid-num: 1
    }

    .p-container-vertical.grid-8 {
        --s-grid-num: 2
    }

    .p-container-vertical.grid-9 {
        --s-grid-num: 2
    }

    .p-container-vertical.grid-10 {
        --s-grid-num: 2
    }
}