@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap); *,*::before,*::after {
    box-sizing: border-box
}

:root {
    font-family: var(--font-family);
    font-display: swap;
    font-feature-settings: "pkna";
    line-height: var(--line-height--root);
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: .625rem
}

:root _:-ms-lang(x)::-ms-backdrop,:root:not([data-was-applied-css-vars=true]) {
    opacity: 0
}

body {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: inherit;
    margin: 0;
    color: var(--txt-color--default);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    word-break: break-all;
    -webkit-print-color-adjust: exact;
    font-size: 1.4rem;
    min-width: 320px;
    max-width: 100%;
    width: 100%;
    height: 100%;
    word-break: break-word
}

header,footer {
    font-size: 1.4rem;
}


body[data-active-fixed=true] {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

:where(header,footer) :is(ul,ol) {
    padding: 0;
    list-style: none
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,dl,dd {
    margin: 0
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

img {
    max-width: 100%;
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    aspect-ratio: attr(width)/attr(height);
    display: block
}

article>*+* {
    margin-top: 1em
}

form {
    margin: 0
}

input,button,textarea,select {
    font: inherit
}

select {
    background-color: #fff;
    border: 1px solid var(--border-color--input-gray);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select::-ms-expand {
    display: none
}

input[type=text],input[type=tel],textarea {
    background-color: var(--bg-color--section-k-gray);
    border: 1px solid var(--border-color--input-gray)
}

input[type=text]::-moz-placeholder, input[type=tel]::-moz-placeholder, textarea::-moz-placeholder {
    color: var(--txt-color--placeholder)
}

input[type=text]::placeholder,input[type=tel]::placeholder,textarea::placeholder {
    color: var(--txt-color--placeholder)
}

button {
    background-color: rgba(0,0,0,0);
    border: none;
    cursor: pointer;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: inherit;
    text-align: left
}

h1,h2,h3,h4,h5 {
    margin: 0;
    padding: 0
}

p {
    margin: 0
}

@media print,screen and (min-width: 641px) {
    br.hide-on-pc {
        display:none
    }
}

@media only screen and (max-width: 768px) {
    br.hide-on-sp {
        display:none
    }
}

dd,dt,li,p,pre,td,th {
    word-break: break-strict;
    -ms-word-break: break-strict;
    -ms-line-break: strict;
    line-break: strict
}

dd {
    margin: 0
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

:where(header,footer) :is(td,th) {
    padding: 0;
    text-align: left
}

:where(header,footer) :is(li,ol,ul) {
    margin: 0;
    padding: 0;
    list-style: none
}

figure {
    margin: 0
}

abbr[title] {
    border-bottom: none;
    cursor: default;
    text-decoration: none
}

mark {
    background-color: rgba(0,0,0,0);
    color: inherit
}

em {
    font-style: normal;
    font-weight: 400;
    color: var(--txt-color--red)
}

html:not([data-device-type=mobile]) a[href*="tel:"] {
    pointer-events: none;
    text-decoration: none
}

i.icn-arrow--down-white {
    color: var(--base-color)
}

i[aria-hidden=true]>svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    fill: currentColor
}

@media(prefers-reduced-motion: reduce) {
    *:not(.no-transition) {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}

[data-hide-if-mailpresence=true][aria-hidden=true] {
    display: none
}

[data-is-fax=true] a {
    pointer-events: none;
    color: inherit;
    text-decoration: none
}

@media print {
    [data-browser-name=ie] [data-hide-print=true] {
        opacity: 0;
        visibility: hidden;
        height: 0px;
        padding: 0;
        margin: 0
    }

    [data-hide-print=true] {
        display: none
    }
}

@media print,screen and (min-width: 769px) {
    [data-pc-hide=true] {
        display:none !important
    }
}

@media only screen and (max-width: 768px) {
    [data-sp-hide=true] {
        display:none !important
    }
}

[data-border-dashed=true] {
    border-bottom: dashed 2px var(--primary-color)
}

.dragscroll {
    cursor: default
}

.dragscroll.el-table__inner {
    background: none !important
}

symbol * {
    transition: fill .3s
}

:root {
    --z-init: 0;
    --z-layer: 1;
    --z-layer2: 2;
    --z-layer3: 3;
    --z-layer4: 4;
    --z-layer5: 5;
    --z-popup: 6;
    --z-el-follow: 7;
    --z-page-to-top: 8;
    --z-page-list: 9;
    --z-suggest: 10;
    --z-site-header--underlay: 11;
    --z-site-header--tool: 12;
    --z-site-header: 13;
    --z-modal: 14;
    --font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    --font-family-arial: Arial, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    --font-family--sans: "Noto Sans JP", sans-serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    --line-height--root: 1.5;
    --contents-width: 1600px;
    --contents-width--min: 1200px;
    --contents-width--full: calc(100% + (var(--padding-contents-wrapper--lr) * 2));
    --contents-width-include-padding: calc(var(--contents-width) + var(--padding-contents-wrapper--lr) * 2);
    --padding-contents-wrapper--lr: 5rem;
    --padding-contents-wrapper--sp: 5vmin;
    --base-color: #fff;
    --base-color--gray: #f5f5f5;
    --base-color--blue: #e5eaf3;
    --main-color: #00358e;
    --main-color-grad: linear-gradient(#00358e 0%, #6b489a 100%);
    --att-color: #d60000;
    --txt-color: #222;
    --border-color: #ddd;
    --accent-color: #fbe522;
    --bg-color--gray: #eee;
    --sticky-height: 0;
    --header-height: 0;
    --fill-color: var(--main-color);
    --fill-color-base: var(--base-color)
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight {
    height: auto
}

.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper,.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: rgba(0,0,0,0)
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.wysiwyg {
    position: relative;
    max-width: initial;
    margin: 0 calc(-1*var(--padding-contents-wrapper--lr)) 4rem 0
}

@media only screen and (max-width: 768px) {
    .wysiwyg {
        margin:0 calc(-1*var(--padding-contents-wrapper--sp)) 4rem 0
    }
}

.wysiwyg+.el-paragraph {
    margin-top: -3rem
}

.wysiwyg .wysiwyg__inner {
    overflow-y: auto
}

.wysiwyg .wysiwyg__inner::-webkit-scrollbar {
    position: absolute;
    bottom: -5rem;
    height: 5px
}

.wysiwyg .wysiwyg__inner::-webkit-scrollbar-track {
    background-color: #fff
}

.wysiwyg .wysiwyg__inner::-webkit-scrollbar-thumb {
    border-radius: 3rem;
    background-color: #666
}

.wysiwyg table {
    position: relative;
    width: 100%;
    max-width: var(--contents-width);
    border: 0;
    cursor: default !important;
    border-right: solid 1px var(--border-color)
}

.wysiwyg tr {
    width: auto;
    border: 0
}

.wysiwyg tr:first-child td {
    position: relative;
    border-top: 0
}

.wysiwyg tr:first-child td::before {
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: calc(100% - 1px);
    border-top: solid 1px var(--border-color);
    content: ""
}

.wysiwyg tr:last-child td {
    position: relative;
    border-bottom: 0
}

.wysiwyg tr:last-child td::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 1px);
    border-bottom: solid 1px var(--border-color);
    content: ""
}

.wysiwyg tr th {
    position: sticky;
    left: 0;
    z-index: 2;
    width: var(--th-width) !important;
    min-width: 20rem;
    max-width: 36rem;
    padding: 2rem 1.2rem;
    border-bottom: solid 2px var(--base-color);
    background-color: var(--border-color);
    font-weight: 700;
    font-size: 1.8rem;
    white-space: nowrap;
    vertical-align: baseline
}

@media only screen and (max-width: 768px) {
    .wysiwyg tr th {
        width:var(--th-sp-width);
        min-width: 6.2rem;
        font-size: 1.4rem;
        white-space: normal
    }
}

.wysiwyg tr th::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--border-color);
    mix-blend-mode: darken;
    content: ""
}

.wysiwyg tr th::after {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    width: 100%;
    height: calc(100% + 2px);
    background-color: var(--base-color);
    z-index: -1
}

.wysiwyg tr th:not(:last-child):not([rowspan])::before {
    border-right: solid 2px var(--base-color)
}

.wysiwyg tr th[rowspan]::before {
    border-right: solid 2px var(--base-color)
}

.wysiwyg tr th:last-of-type::before {
    border-right: 0 !important
}

.wysiwyg tr td {
    width: auto !important;
    padding: 2rem 1.2rem;
    border: solid 1px var(--border-color);
    font-weight: 500;
    font-size: 1.8rem;
    min-width: 20rem
}

.wysiwyg tr td>*:first-child {
    margin-top: 0 !important
}

.wysiwyg tr td>*:last-child {
    margin-bottom: 0 !important
}

@media only screen and (max-width: 768px) {
    .wysiwyg tr td {
        width:21.5rem;
        min-width: 21.5rem
    }
}

@media print,screen and (min-width: 1701px) {
    .wysiwyg tr td:last-child {
        border-right:0
    }
}

.wysiwyg[data-content-fit=true] {
    width: -moz-fit-content;
    width: fit-content
}

.wysiwyg th,.wysiwyg td {
    cursor: auto
}

.wysiwyg th::before,.wysiwyg th::after,.wysiwyg td::before,.wysiwyg td::after {
    pointer-events: none
}

.el-feature {
    max-width: var(--contents-width);
    margin: 7rem auto 0
}

@media only screen and (max-width: 768px) {
    .el-feature {
        margin-top:2rem;
        margin-right: calc(-1*var(--padding-contents-wrapper--sp));
        margin-left: calc(-1*var(--padding-contents-wrapper--sp));
        margin-bottom: 0;
        overflow: hidden
    }
}

.el-feature__inner {
    display: flex;
    justify-content: space-between
}

.el-feature__inner>div {
    width: calc(50% - 2rem)
}

@media only screen and (max-width: 768px) {
    .el-feature__inner {
        display:block
    }

    .el-feature__inner>div {
        width: 100%
    }
}

.el-feature__left {
    position: relative
}

@media only screen and (max-width: 768px) {
    .el-feature__left {
        display:flex;
        align-items: center;
        height: min(91.1458333333vw + 5vmin,700px);
        margin-bottom: 6.4rem
    }

    .el-feature__left::before {
        position: absolute;
        right: 0;
        bottom: -4.4rem;
        left: 0;
        transform: rotate(90deg);
        width: 3.4rem;
        height: 3.4rem;
        margin: 0 auto;
        background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2278%22%20viewBox%3D%220%200%2060%2078%22%3E%20%3Cpolygon%20points%3D%220%200%200%2078%2060%2039%200%200%22%20fill%3D%22%2300358e%22%20filter%3D%22url%28%23drop-shadow-2%29%22%20stroke-width%3D%220%22%2F%3E%3C%2Fsvg%3E");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        content: ""
    }
}

.el-feature__img {
    position: relative;
    max-width: 510px;
    margin: 0 auto
}

@media only screen and (max-width: 1060px)and (min-width: 768px) {
    .el-feature__img {
        max-width:400px
    }
}

@media only screen and (max-width: 640px)and (min-width: 571px) {
    .el-feature__img {
        max-width:400px
    }
}

@media only screen and (max-width: 570px) {
    .el-feature__img {
        padding:0 var(--padding-contents-wrapper--sp)
    }

    .el-feature__img>img {
        max-width: calc(100% - var(--padding-contents-wrapper--sp)*2);
        margin: 0 auto;
        pointer-events: none
    }
}

.el-feature__img .el-feature__circle {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

@media print,screen and (min-width: 571px) {
    .el-feature__img .el-feature__circle {
        transform:rotate(-22deg)
    }
}

.el-feature__img .circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    pointer-events: none
}

.el-feature__img .circle:hover img.hovered {
    visibility: visible;
    opacity: 1
}

.el-feature__img .circle[data-is-active=true] img.hovered {
    visibility: visible;
    opacity: 1
}

@media only screen and (max-width: 570px) {
    .el-feature__img .circle.circle_01 img {
        top:-10%;
        left: 22%
    }

    .el-feature__img .circle.circle_02 img {
        top: -10%;
        right: 22%
    }

    .el-feature__img .circle.circle_03 img {
        top: 15%;
        right: 3%
    }

    .el-feature__img .circle.circle_04 img {
        right: 3%;
        bottom: 15%
    }

    .el-feature__img .circle.circle_05 img {
        right: 22%;
        bottom: -10%
    }

    .el-feature__img .circle.circle_06 img {
        bottom: -10%;
        left: 22%
    }

    .el-feature__img .circle.circle_07 img {
        bottom: 15%;
        left: 3%
    }

    .el-feature__img .circle.circle_08 img {
        top: 15%;
        left: 3%
    }
}

.el-feature__img .circle img {
    position: absolute;
    z-index: 1
}

.el-feature__img .circle img.visible {
    pointer-events: all
}

@media print,screen and (min-width: 769px) {
    .el-feature__img .circle img {
        width:min(13.6vw, 170px)
    }
}

@media only screen and (max-width: 768px)and (min-width: 571px) {
    .el-feature__img .circle img {
        width:min(22.1354166667vw, 170px)
    }
}

@media only screen and (max-width: 570px) {
    .el-feature__img .circle img {
        width:clamp(100px,29.8245614035vw - 5vmin,170px)
    }
}

.el-feature__img .circle img.hovered {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: opacity .3s,visibility .3s
}

@media print,screen and (min-width: 571px) {
    .el-feature__img .circle:nth-child(1) {
        transform:rotate(45deg)
    }

    .el-feature__img .circle:nth-child(1) img {
        transform: rotate(-23deg)
    }

    .el-feature__img .circle:nth-child(2) {
        transform: rotate(90deg)
    }

    .el-feature__img .circle:nth-child(2) img {
        transform: rotate(-68deg)
    }

    .el-feature__img .circle:nth-child(3) {
        transform: rotate(135deg)
    }

    .el-feature__img .circle:nth-child(3) img {
        transform: rotate(-113deg)
    }

    .el-feature__img .circle:nth-child(4) {
        transform: rotate(180deg)
    }

    .el-feature__img .circle:nth-child(4) img {
        transform: rotate(-158deg)
    }

    .el-feature__img .circle:nth-child(5) {
        transform: rotate(225deg)
    }

    .el-feature__img .circle:nth-child(5) img {
        transform: rotate(-203deg)
    }

    .el-feature__img .circle:nth-child(6) {
        transform: rotate(270deg)
    }

    .el-feature__img .circle:nth-child(6) img {
        transform: rotate(-248deg)
    }

    .el-feature__img .circle:nth-child(7) {
        transform: rotate(315deg)
    }

    .el-feature__img .circle:nth-child(7) img {
        transform: rotate(-293deg)
    }

    .el-feature__img .circle:nth-child(8) {
        transform: rotate(360deg)
    }

    .el-feature__img .circle:nth-child(8) img {
        transform: rotate(-338deg)
    }
}

.el-feature__right {
    margin-left: 2rem
}

@media only screen and (max-width: 768px) {
    .el-feature__right {
        margin-left:0;
        padding: 0 var(--padding-contents-wrapper--sp)
    }
}

.el-feature__head {
    margin-right: auto;
    margin-bottom: 4rem;
    padding-left: 2rem;
    border-left: solid 4px var(--main-color)
}

.el-feature__head h3 {
    margin-bottom: .8rem;
    color: var(--main-color);
    font-weight: 700;
    font-size: 4rem
}

@media only screen and (max-width: 768px) {
    .el-feature__head h3 {
        font-size:2rem
    }
}

.el-feature__head p {
    color: var(--main-color);
    font-weight: 700;
    font-size: 2rem
}

@media only screen and (max-width: 768px) {
    .el-feature__head p {
        font-size:1.4rem
    }
}

.el-feature__content {
    display: block;
    margin-bottom: 4rem
}

.el-feature__content--item {
    display: none
}

.el-feature__content--item::before {
    min-width: clamp(4.2rem, 4.8235294118vw, 8.2rem);
    min-height: clamp(2rem, 3.5294117647vw, 6rem);
    margin-right: min(5.2941176471vw, 9rem);
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2278%22%20viewBox%3D%220%200%2060%2078%22%3E%20%3Cpolygon%20points%3D%220%200%200%2078%2060%2039%200%200%22%20fill%3D%22%2300358e%22%20filter%3D%22url%28%23drop-shadow-2%29%22%20stroke-width%3D%220%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
}

@media only screen and (max-width: 768px) {
    .el-feature__content--item::before {
        content:none
    }
}

.el-feature__content--item[data-is-active=true] {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 768px) {
    .el-feature__content--item[data-is-active=true] {
        display:block
    }
}

.el-feature__content--item img {
    margin-right: auto
}

@media print,screen and (min-width: 769px) {
    .el-feature__content--item img {
        max-width:40rem;
        width: calc(100% - clamp(4.2rem, 4.8235294118vw, 8.2rem) - 3rem)
    }
}

@media only screen and (max-width: 768px) {
    .el-feature__content--item img {
        margin:0 auto
    }
}

.el-heading-accretech-lv2 {
    max-width: var(--contents-width);
    margin: 0 auto 2.4rem
}

@media only screen and (max-width: 768px) {
    .el-heading-accretech-lv2 {
        margin-bottom:1.2rem;
        margin-top: 2rem
    }
}

.el-heading-accretech-lv2__inner {
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.el-heading-accretech-lv2__upper {
    font-size: 2rem;
    font-weight: 700;
    color: var(--main-color);
    margin-bottom: .8rem;
    margin-right: auto;
    display: block;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (max-width: 768px) {
    .el-heading-accretech-lv2__upper {
        font-size:1.4rem;
        margin: 0 auto
    }
}

.el-heading-accretech-lv2 h2 {
    font-size: 6.6rem;
    font-weight: 700;
    color: var(--main-color);
    line-height: 99px
}

@media only screen and (max-width: 768px) {
    .el-heading-accretech-lv2 h2 {
        font-size:2.4rem;
        line-height: 36px
    }
}

.el-heading-accretech-lv2+.el-heading-accretech-lv3 {
    margin-top: -0.8rem
}

.el-heading-accretech-lv3 {
    max-width: var(--contents-width);
    margin: 0 auto 1.6rem
}

@media only screen and (max-width: 768px) {
    .el-heading-accretech-lv3 {
        margin-bottom:1.4rem
    }
}

.el-heading-accretech-lv3__inner {
    text-align: center
}

.el-heading-accretech-lv3 h3 {
    color: var(--main-color);
    font-weight: 700;
    font-size: 4rem;
    line-height: 60px
}

@media only screen and (max-width: 768px) {
    .el-heading-accretech-lv3 h3 {
        font-size:2rem;
        line-height: 30px
    }
}

.el-hero {
    margin: 0 calc(-1*var(--padding-contents-wrapper--lr))
}

@media only screen and (max-width: 768px) {
    .el-hero {
        margin:0 calc(-1*var(--padding-contents-wrapper--sp))
    }
}

.el-hero__inner {
    display: flex;
    justify-content: center
}

.el-history-accretech {
    display: flex;
    max-width: var(--contents-width);
    margin: 6rem auto 0;
    padding-bottom: 7.5rem
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech {
        display:block;
        padding-bottom: 1px
    }
}

.el-history-accretech__container {
    width: calc(45.625% - 6.7rem);
    margin-right: 6.7rem
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__container {
        width:100%
    }
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__logo {
        max-width:18rem
    }
}

@media print,screen and (min-width: 1081px) {
    .el-history-accretech__overflow {
        margin-top:4.5rem;
        overflow: inherit !important
    }
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__overflow {
        position:relative;
        margin: 0 calc(-1*var(--padding-contents-wrapper--lr));
        padding: 2rem var(--padding-contents-wrapper--lr)
    }
}

@media only screen and (max-width: 768px) {
    .el-history-accretech__overflow {
        margin:0 calc(-1*var(--padding-contents-wrapper--sp));
        padding: 2rem var(--padding-contents-wrapper--sp)
    }
}

.el-history-accretech__overflow::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 7.6rem;
    height: 7.6rem;
    border: solid 2px var(--main-color);
    border-radius: 7.6rem;
    color: var(--main-color);
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    content: attr(data-year)
}

@media print,screen and (min-width: 1081px) {
    .el-history-accretech__overflow::before {
        top:calc(var(--current-position) + 45px);
        left: 11rem;
        transform: translateY(-50%);
        font-size: 2.2rem;
        font-family: var(--font-family--sans)
    }
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__overflow::before {
        top:.5rem;
        left: var(--current-position-left);
        transform: translateX(-50%);
        width: 6rem;
        height: 6rem;
        font-size: 1.6rem
    }
}

.el-history-accretech__slider {
    display: flex;
    position: relative;
    min-height: 40rem;
    margin-top: 3rem
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__slider {
        display:block;
        min-height: auto;
        margin-top: 2rem
    }
}

.el-history-accretech__slider>p {
    display: block;
    min-width: 12rem;
    margin-right: 10rem;
    color: var(--main-color);
    font-weight: 800;
    font-size: 1.5rem
}

@media print,screen and (min-width: 1081px) {
    .el-history-accretech__slider>p.sp {
        display:none !important
    }
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__slider>p.pc {
        display:none !important
    }
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__slider>p {
        width:100%;
        min-width: auto;
        margin-right: 0;
        margin-left: 0;
        font-size: 1.8rem
    }
}

.el-history-accretech__range {
    display: block;
    transform: rotate(90deg);
    height: 1.1rem;
    background-color: var(--main-color);
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    transform-origin: 0 50%;
    appearance: none
}

@media print,screen and (min-width: 1081px) {
    .el-history-accretech__range {
        position:relative;
        top: -2rem;
        min-width: 35.5rem
    }
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__range {
        transform:none;
        width: 100%;
        margin-top: 6rem
    }
}

.el-history-accretech__range::-moz-range-thumb {
    display: block;
    width: 4rem;
    height: 4rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22icon_range-slider%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2228%22%20viewBox%3D%220%200%2040%2028%22%3E%20%3Cpath%20d%3D%22m25.232733.120694H5.926266C2.65328.120694%2C0%2C2.773974%2C0%2C6.04696v15.906081c0%2C3.272985%2C2.65328%2C5.926266%2C5.926266%2C5.926266h19.306465c1.613689%2C0%2C3.1576-.658043%2C4.275133-1.822138l9.711054-10.115683c1.041439-1.084832%2C1.041439-2.798137%2C0-3.88297L29.507866%2C1.942832c-1.117533-1.164096-2.661444-1.822138-4.275133-1.822138Z%22%20fill%3D%22%23fff%22%20stroke-width%3D%220%22%2F%3E%20%3Ccircle%20cx%3D%2213.879306%22%20cy%3D%2214%22%20r%3D%224.441378%22%20fill%3D%22%2300358e%22%20stroke-width%3D%220%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.16));
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: rgba(0,0,0,0)
}

@media print,screen and (min-width: 1081px) {
    .el-history-accretech__range::-moz-range-thumb {
        transform:translateY(-0.6rem) rotate(-90deg)
    }
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__range::-moz-range-thumb {
        transform:translateY(0.8rem) rotate(90deg)
    }
}

.el-history-accretech__range::-webkit-slider-thumb {
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22icon_range-slider%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2228%22%20viewBox%3D%220%200%2040%2028%22%3E%20%3Cpath%20d%3D%22m25.232733.120694H5.926266C2.65328.120694%2C0%2C2.773974%2C0%2C6.04696v15.906081c0%2C3.272985%2C2.65328%2C5.926266%2C5.926266%2C5.926266h19.306465c1.613689%2C0%2C3.1576-.658043%2C4.275133-1.822138l9.711054-10.115683c1.041439-1.084832%2C1.041439-2.798137%2C0-3.88297L29.507866%2C1.942832c-1.117533-1.164096-2.661444-1.822138-4.275133-1.822138Z%22%20fill%3D%22%23fff%22%20stroke-width%3D%220%22%2F%3E%20%3Ccircle%20cx%3D%2213.879306%22%20cy%3D%2214%22%20r%3D%224.441378%22%20fill%3D%22%2300358e%22%20stroke-width%3D%220%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    width: 4rem;
    height: 4rem;
    display: block;
    cursor: pointer;
    filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.16));
    background-color: rgba(0,0,0,0);
    outline: none;
    border: 0;
    -webkit-appearance: none;
    appearance: none
}

@media print,screen and (min-width: 1081px) {
    .el-history-accretech__range::-webkit-slider-thumb {
        transform:translateY(-0.6rem) rotate(-90deg)
    }
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__range::-webkit-slider-thumb {
        -webkit-clip-path:path("m25.232733.120694H5.926266C2.65328.120694,0,2.773974,0,6.04696v15.906081c0,3.272985,2.65328,5.926266,5.926266,5.926266h19.306465c1.613689,0,3.1576-.658043,4.275133-1.822138l9.711054-10.115683c1.041439-1.084832,1.041439-2.798137,0-3.88297L29.507866,1.942832c-1.117533-1.164096-2.661444-1.822138-4.275133-1.822138Z");
        clip-path: path("m25.232733.120694H5.926266C2.65328.120694,0,2.773974,0,6.04696v15.906081c0,3.272985,2.65328,5.926266,5.926266,5.926266h19.306465c1.613689,0,3.1576-.658043,4.275133-1.822138l9.711054-10.115683c1.041439-1.084832,1.041439-2.798137,0-3.88297L29.507866,1.942832c-1.117533-1.164096-2.661444-1.822138-4.275133-1.822138Z");
        transform: translateY(0.8rem) rotate(90deg);
        width: 4rem;
        height: 3rem
    }
}

.el-history-accretech__data {
    position: absolute;
    top: 5.2rem;
    left: 250px
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__data {
        display:flex;
        justify-content: space-between;
        align-items: baseline;
        position: relative;
        top: inherit;
        left: inherit;
        width: 100%;
        margin-top: 3rem;
        padding-right: 1.5rem;
        padding-left: 1.9rem
    }

    .el-history-accretech__data::after {
        position: absolute;
        top: 0;
        left: 100%;
        width: calc(var(--padding-contents-wrapper--sp) + 20px);
        height: 1px;
        content: ""
    }
}

.el-history-accretech__pillar {
    position: relative;
    width: 1.6rem;
    height: 2px;
    background-color: var(--main-color)
}

.el-history-accretech__pillar:nth-child(5n+1),.el-history-accretech__pillar:first-child {
    height: 4px
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__pillar:nth-child(5n+1),.el-history-accretech__pillar:first-child {
        width:.4rem;
        min-width: .4rem;
        height: 2rem
    }
}

.el-history-accretech__pillar:not(:last-child) {
    margin-bottom: .8rem
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__pillar:not(:last-child) {
        margin-bottom:0
    }
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__pillar {
        width:.2rem;
        min-width: .2rem;
        height: 1.6rem
    }

    .el-history-accretech__pillar:first-child .step {
        left: -20px
    }

    .el-history-accretech__pillar:last-child .step {
        left: -40px
    }
}

.el-history-accretech__pillar .step {
    position: absolute;
    top: -24px;
    right: -80px;
    color: var(--main-color);
    font-weight: 700;
    font-size: 2.4rem
}

@media print,screen and (min-width: 1081px) {
    .el-history-accretech__pillar .step {
        font-family:var(--font-family--sans)
    }
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__pillar .step {
        display:flex;
        align-items: baseline;
        top: 100%;
        right: inherit;
        right: inherit;
        font-size: 1.6rem;
        white-space: nowrap
    }
}

.el-history-accretech__pillar .step span {
    color: var(--main-color);
    font-weight: 700;
    font-size: 1.6rem
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__pillar .step span {
        font-size:1.2rem
    }
}

.el-history-accretech__body {
    width: 54.375%
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__body {
        width:100%;
        margin-bottom: 8rem
    }
}

.el-history-accretech__body--item {
    display: none
}

.el-history-accretech__body--item .el-catch-text p {
    color: var(--main-color)
}

.el-history-accretech__arrow {
    position: absolute;
    top: 50%;
    right: 0
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__arrow {
        display:flex;
        justify-content: center;
        position: relative;
        z-index: 2;
        transform: rotate(90deg);
        margin: 0 auto 2.5rem
    }
}

.el-history-accretech__arrow svg,.el-history-accretech__arrow i {
    display: block;
    width: 4rem;
    height: 6rem
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__arrow svg,.el-history-accretech__arrow i {
        width:2.4rem;
        height: 3.4rem
    }
}

.el-history-accretech__head {
    margin-bottom: 4rem;
    padding-left: 2rem;
    border-left: solid 4px var(--main-color)
}

.el-history-accretech__head p {
    color: var(--main-color);
    font-weight: 700;
    font-size: 2rem
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__head p {
        font-size:1.4rem
    }
}

.el-history-accretech__img {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 0 0;
    padding: 3rem;
    background-color: var(--base-color)
}

@media only screen and (max-width: 1080px) {
    .el-history-accretech__img {
        padding:1.2rem
    }
}

.el-history-accretech__img img {
    max-height: 24rem
}

.el-history-accretech__caption {
    margin-top: .8rem
}

.el-history-accretech__caption span {
    color: var(--main-color);
    font-weight: 500;
    font-size: 1.4rem
}

.el-accordion {
    max-width: var(--contents-width);
    margin: 0 auto 8rem
}

.el-accordion>*:first-child {
    margin-top: 0 !important
}

.el-accordion>*:last-child {
    margin-bottom: 0 !important
}

@media only screen and (max-width: 768px) {
    .el-accordion {
        margin-bottom:4rem
    }
}

.el-accordion[data-connect=true] {
    box-shadow: 4px 4px 4px rgba(0,0,0,.16)
}

.el-accordion[data-connect=true] .el-accordion__item {
    margin-bottom: 0;
    box-shadow: none;
    padding: 2rem 2rem 0
}

.el-accordion[data-connect=true] .el-accordion__item:not(:last-child) {
    border-bottom: solid 1px var(--border-color)
}

.el-accordion[data-connect=true] .el-accordion__holder {
    padding: 0 0 2rem
}

.el-accordion[data-connect=true] .el-accordion__holder--status {
    position: absolute;
    top: calc(50% - 2rem)
}

.el-accordion[data-connect=true] .el-accordion__container {
    position: relative
}

.el-accordion[data-connect=true] .el-accordion__inner {
    border-top: solid 1px var(--border-color);
    padding: 2rem 0
}

.el-accordion__item {
    background-color: #fff;
    margin: 0 auto 2rem;
    box-shadow: 4px 4px 4px rgba(0,0,0,.16)
}

@media only screen and (max-width: 768px) {
    .el-accordion__item {
        margin-bottom:1.6rem
    }
}

.el-accordion__item[data-is-active] .el-accordion__holder--status>i.status-close {
    display: none
}

.el-accordion__item[data-is-active] .el-accordion__container {
    display: block
}

.el-accordion__item:not([data-is-active]) .el-accordion__holder--status>i.status-open {
    display: none
}

.el-accordion__holder {
    border: solid 1px var(--primary-color);
    border-radius: .4rem;
    overflow: hidden;
    padding: 2rem;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer
}

@media only screen and (max-width: 768px) {
    .el-accordion__holder {
        padding:1.8rem
    }
}

.el-accordion__holder--icn {
    width: 4rem;
    height: 4rem;
    margin-right: 2rem;
    align-self: flex-start
}

@media only screen and (max-width: 768px) {
    .el-accordion__holder--icn {
        margin-right:1.2rem;
        width: 2.8rem;
        height: 2.8rem
    }
}

.el-accordion__holder--icn>i {
    width: inherit;
    height: inherit;
    display: block;
    font-family: var(--font-family--sans)
}

.el-accordion__holder--status {
    width: 2rem;
    height: 2rem;
    margin-left: .8rem;
    align-self: center
}

.el-accordion__holder--status>i {
    width: inherit;
    height: inherit;
    color: var(--main-color);
    fill: var(--main-color)
}

.el-accordion__holder--status>i svg {
    fill: inherit
}

.el-accordion__heading {
    width: calc(100% - 5.9rem);
    padding-right: 2.6rem
}

@media only screen and (max-width: 768px) {
    .el-accordion__heading {
        width:calc(100% - 2.8rem);
        padding-right: 0
    }
}

.el-accordion__heading span {
    font-size: 2rem;
    font-weight: 700
}

@media only screen and (max-width: 768px) {
    .el-accordion__heading span {
        font-size:1.6rem
    }
}

.el-accordion__container {
    display: none
}

.el-accordion__inner {
    padding: 0 2rem 2rem;
    display: flex;
    align-items: baseline
}

@media only screen and (max-width: 768px) {
    .el-accordion__inner {
        padding:0 1.8rem 1.8rem
    }
}

.el-accordion__inner--icn {
    width: 4rem;
    height: 4rem;
    margin-right: 2rem
}

@media only screen and (max-width: 768px) {
    .el-accordion__inner--icn {
        margin-right:1.2rem;
        width: 2.8rem;
        height: 2.8rem
    }
}

.el-accordion__inner--icn>i {
    width: inherit;
    height: inherit;
    display: block
}

.el-accordion__inner--blocks {
    width: calc(100% - 6.9rem)
}

.el-accordion__inner--blocks>*:first-child {
    margin-top: 0 !important
}

.el-accordion__inner--blocks>*:last-child {
    margin-bottom: 0 !important
}

@media only screen and (max-width: 768px) {
    .el-accordion__inner--blocks {
        width:calc(100% - 5.6rem)
    }
}

.el-anchor-list {
    max-width: var(--contents-width);
    margin: 0 auto 1.6rem;
    width: 100%
}

.el-anchor-list[data-vertical=true] .el-anchor-list__list {
    display: block
}

.el-anchor-list[data-vertical=true] .el-anchor-list__item {
    width: -moz-fit-content;
    width: fit-content
}

.el-anchor-list[data-vertical=true] .el-anchor-list__item:not(:last-child) {
    margin-bottom: 2rem
}

.el-anchor-list[data-align=center] .el-anchor-list__list {
    justify-content: center
}

@media print,screen and (min-width: 769px) {
    .el-anchor-list[data-column*=d1] .el-anchor-list__item {
        width:calc((99.9% - (4rem * (1 - 1))) / 1)
    }

    .el-anchor-list[data-column*=d1] .el-anchor-list__item:nth-child(n+2) {
        margin-top: 2rem
    }

    .el-anchor-list[data-column*=d1] .el-anchor-list__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-anchor-list[data-column*=d2] .el-anchor-list__item {
        width: calc((99.9% - (4rem * (2 - 1))) / 2)
    }

    .el-anchor-list[data-column*=d2] .el-anchor-list__item:nth-child(n+3) {
        margin-top: 2rem
    }

    .el-anchor-list[data-column*=d2] .el-anchor-list__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-anchor-list[data-column*=d3] .el-anchor-list__item {
        width: calc((99.9% - (4rem * (3 - 1))) / 3)
    }

    .el-anchor-list[data-column*=d3] .el-anchor-list__item:nth-child(n+4) {
        margin-top: 2rem
    }

    .el-anchor-list[data-column*=d3] .el-anchor-list__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-anchor-list[data-column*=d4] .el-anchor-list__item {
        width: calc((99.9% - (4rem * (4 - 1))) / 4)
    }

    .el-anchor-list[data-column*=d4] .el-anchor-list__item:nth-child(n+5) {
        margin-top: 2rem
    }

    .el-anchor-list[data-column*=d4] .el-anchor-list__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-anchor-list[data-column*=d5] .el-anchor-list__item {
        width: calc((99.9% - (4rem * (5 - 1))) / 5)
    }

    .el-anchor-list[data-column*=d5] .el-anchor-list__item:nth-child(n+6) {
        margin-top: 2rem
    }

    .el-anchor-list[data-column*=d5] .el-anchor-list__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-anchor-list[data-column*=d6] .el-anchor-list__item {
        width: calc((99.9% - (4rem * (6 - 1))) / 6)
    }

    .el-anchor-list[data-column*=d6] .el-anchor-list__item:nth-child(n+7) {
        margin-top: 2rem
    }

    .el-anchor-list[data-column*=d6] .el-anchor-list__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 4rem
    }
}

@media only screen and (max-width: 768px)and (min-width: 569px) {
    .el-anchor-list[data-column*=t1] .el-anchor-list__item {
        width:calc((99.9% - (4rem * (1 - 1))) / 1)
    }

    .el-anchor-list[data-column*=t1] .el-anchor-list__item:nth-child(n+2) {
        margin-top: 2rem
    }

    .el-anchor-list[data-column*=t1] .el-anchor-list__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-anchor-list[data-column*=t2] .el-anchor-list__item {
        width: calc((99.9% - (4rem * (2 - 1))) / 2)
    }

    .el-anchor-list[data-column*=t2] .el-anchor-list__item:nth-child(n+3) {
        margin-top: 2rem
    }

    .el-anchor-list[data-column*=t2] .el-anchor-list__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-anchor-list[data-column*=t3] .el-anchor-list__item {
        width: calc((99.9% - (4rem * (3 - 1))) / 3)
    }

    .el-anchor-list[data-column*=t3] .el-anchor-list__item:nth-child(n+4) {
        margin-top: 2rem
    }

    .el-anchor-list[data-column*=t3] .el-anchor-list__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-anchor-list[data-column*=t4] .el-anchor-list__item {
        width: calc((99.9% - (4rem * (4 - 1))) / 4)
    }

    .el-anchor-list[data-column*=t4] .el-anchor-list__item:nth-child(n+5) {
        margin-top: 2rem
    }

    .el-anchor-list[data-column*=t4] .el-anchor-list__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-anchor-list[data-column*=t5] .el-anchor-list__item {
        width: calc((99.9% - (4rem * (5 - 1))) / 5)
    }

    .el-anchor-list[data-column*=t5] .el-anchor-list__item:nth-child(n+6) {
        margin-top: 2rem
    }

    .el-anchor-list[data-column*=t5] .el-anchor-list__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-anchor-list[data-column*=t6] .el-anchor-list__item {
        width: calc((99.9% - (4rem * (6 - 1))) / 6)
    }

    .el-anchor-list[data-column*=t6] .el-anchor-list__item:nth-child(n+7) {
        margin-top: 2rem
    }

    .el-anchor-list[data-column*=t6] .el-anchor-list__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 4rem
    }
}

@media only screen and (max-width: 568px) {
    .el-anchor-list[data-column*=m1] .el-anchor-list__item {
        width:calc((99.9% - (4rem * (1 - 1))) / 1)
    }

    .el-anchor-list[data-column*=m1] .el-anchor-list__item:nth-child(n+2) {
        margin-top: 1.2rem
    }

    .el-anchor-list[data-column*=m1] .el-anchor-list__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-anchor-list[data-column*=m2] .el-anchor-list__item {
        width: calc((99.9% - (4rem * (2 - 1))) / 2)
    }

    .el-anchor-list[data-column*=m2] .el-anchor-list__item:nth-child(n+3) {
        margin-top: 1.2rem
    }

    .el-anchor-list[data-column*=m2] .el-anchor-list__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-anchor-list[data-column*=m3] .el-anchor-list__item {
        width: calc((99.9% - (4rem * (3 - 1))) / 3)
    }

    .el-anchor-list[data-column*=m3] .el-anchor-list__item:nth-child(n+4) {
        margin-top: 1.2rem
    }

    .el-anchor-list[data-column*=m3] .el-anchor-list__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-anchor-list[data-column*=m4] .el-anchor-list__item {
        width: calc((99.9% - (4rem * (4 - 1))) / 4)
    }

    .el-anchor-list[data-column*=m4] .el-anchor-list__item:nth-child(n+5) {
        margin-top: 1.2rem
    }

    .el-anchor-list[data-column*=m4] .el-anchor-list__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-anchor-list[data-column*=m5] .el-anchor-list__item {
        width: calc((99.9% - (4rem * (5 - 1))) / 5)
    }

    .el-anchor-list[data-column*=m5] .el-anchor-list__item:nth-child(n+6) {
        margin-top: 1.2rem
    }

    .el-anchor-list[data-column*=m5] .el-anchor-list__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-anchor-list[data-column*=m6] .el-anchor-list__item {
        width: calc((99.9% - (4rem * (6 - 1))) / 6)
    }

    .el-anchor-list[data-column*=m6] .el-anchor-list__item:nth-child(n+7) {
        margin-top: 1.2rem
    }

    .el-anchor-list[data-column*=m6] .el-anchor-list__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 4rem
    }
}

@media print,screen and (min-width: 769px) {
    .el-color-box .el-anchor-list:not([data-column*=d]) {
        margin-top:-2rem !important
    }
}

@media only screen and (max-width: 768px) {
    .el-anchor-list:not([data-column*=d]) {
        margin-top:2rem
    }
}

@media print,screen and (min-width: 769px) {
    .el-anchor-list:not([data-column*=d]) .el-anchor-list__item {
        margin-right:3.2rem;
        margin-top: 2rem
    }

    .el-page-title .el-anchor-list:not([data-column*=d]) .el-anchor-list__item {
        margin-top: 0
    }
}

.el-anchor-list[data-color=white] .el-anchor-list__item span,.el-anchor-list[data-color=white] .el-anchor-list__item i {
    color: var(--base-color)
}

.el-anchor-list__list {
    display: flex;
    flex-wrap: wrap
}

.el-anchor-list__item {
    display: flex;
    align-items: flex-start;
    text-decoration: none
}

.el-anchor-list__item span {
    font-size: 2.2rem;
    color: var(--txt-color);
    font-weight: 700;
    display: block;
    line-height: 2.4rem
}

@media only screen and (max-width: 768px) {
    .el-anchor-list__item span {
        font-size:1.4rem
    }
}

.el-anchor-list__item i {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    margin-right: .8rem;
    color: var(--main-color)
}

@media only screen and (max-width: 768px) {
    .el-anchor-list__item i {
        width:2rem;
        height: 2rem;
        position: relative;
        top: .3rem
    }
}

.el-anchor-list__item i svg {
    width: inherit;
    height: inherit
}

.el-bg-full {
    position: relative;
    max-width: var(--contents-width)
}

@media print,screen and (min-width: 769px) {
    .el-bg-full {
        margin:5rem auto 6rem;
        padding: 5rem 0
    }
}

@media only screen and (max-width: 768px) {
    .el-bg-full {
        margin:5rem auto 4rem;
        padding: 3.2rem 0
    }
}

.el-bg-full[data-color="1"] {
    -webkit-clip-path: inset(0 -100vmax);
    clip-path: inset(0 -100vmax);
    box-shadow: 0 0 0 100vmax var(--main-color);
    background-color: var(--main-color)
}

.el-bg-full[data-color="1"] .el-bg-full__inner {
    color: var(--base-color)
}

.el-bg-full[data-color="2"] {
    -webkit-clip-path: inset(0 -100vmax);
    clip-path: inset(0 -100vmax);
    box-shadow: 0 0 0 100vmax var(--base-color--gray);
    background-color: var(--base-color--gray)
}

.el-bg-full[data-color="3"] {
    -webkit-clip-path: inset(0 -100vmax);
    clip-path: inset(0 -100vmax);
    box-shadow: 0 0 0 100vmax var(--base-color--blue);
    background-color: var(--base-color--blue)
}

.el-bg-full__inner {
    max-width: var(--contents-width);
    margin: 0 auto
}

.el-bg-full+.el-contact {
    margin-top: -6rem
}

@media only screen and (max-width: 768px) {
    .el-bg-full+.el-contact {
        margin-top:-4rem
    }
}

:not([data-type=accretech]) .el-bg-full .el-bg-full__inner>*:last-child {
    margin-bottom: 0 !important
}

[data-type=accretech] .el-bg-full {
    padding-bottom: 0;
    position: static
}

[data-type=accretech] .el-bg-full__inner {
    height: 100%
}

[data-type=accretech] .el-bg-full__inner>.el-pic {
    margin-right: calc(-1*var(--padding-contents-wrapper--lr));
    margin-left: calc(-1*var(--padding-contents-wrapper--lr))
}

@media only screen and (max-width: 768px) {
    [data-type=accretech] .el-bg-full__inner>.el-pic {
        margin-right:calc(-1*var(--padding-contents-wrapper--sp));
        margin-left: calc(-1*var(--padding-contents-wrapper--sp))
    }
}

.el-bg-image {
    margin: 0 calc(-1*var(--padding-contents-wrapper--lr)) 6rem;
    padding: 14rem var(--padding-contents-wrapper--lr);
    background-image: var(--bg-image);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

@media only screen and (max-width: 768px) {
    .el-bg-image {
        padding:4.5rem var(--padding-contents-wrapper--sp);
        background-image: var(--bg-sp-image)
    }

    .el-bg-image[style*="--bg-sp-image: url()"] {
        background-image: var(--bg-image)
    }
}

.el-section .el-bg-image {
    margin: 8rem calc(50% - 50vw) 6rem;
    width: 100vw
}

@media only screen and (max-width: 768px) {
    .el-section .el-bg-image {
        margin:4rem calc(50% - 50vw) 4rem
    }
}

.el-bg-image[data-contents-fit=true] {
    width: 100%;
    max-width: var(--contents-width);
    margin: 0 auto 6rem
}

@media only screen and (max-width: 768px) {
    .el-bg-image[data-contents-fit=true] {
        max-width:inherit;
        width: auto;
        margin: 0 calc(-1*var(--padding-contents-wrapper--sp)) 6rem
    }
}

.el-bg-image[data-contents-fit=true] .el-bg-image__inner {
    max-width: var(--contents-width--min);
    margin: 0 auto
}

.el-bg-image[data-contents-fit=true]+.el-heading-lv2 {
    margin-top: 6rem
}

@media only screen and (max-width: 768px) {
    .el-bg-image[data-contents-fit=true]+.el-heading-lv2 {
        margin-top:8rem
    }
}

.el-bg-image__inner {
    color: var(--base-color);
    max-width: var(--contents-width);
    margin: 0 auto
}

.el-bg-image__inner>*:first-child {
    margin-top: 0 !important
}

.el-bg-image__inner>*:last-child {
    margin-bottom: 0 !important
}

.el-breadcrumb {
    margin: -0.8rem auto 0;
    padding: 2rem 0;
    position: relative
}

.el-breadcrumb:first-child::before {
    content: "";
    position: absolute;
    top: .8rem;
    left: 0;
    height: 1px;
    width: 100%;
    box-shadow: 0 0 0 100vmax var(--border-color);
    -webkit-clip-path: inset(0 -100vmax);
    clip-path: inset(0 -100vmax);
    background-color: var(--border-color)
}

@media only screen and (max-width: 786px) {
    .el-breadcrumb:first-child {
        display:none
    }
}

.el-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    max-width: var(--contents-width);
    margin: 0 auto
}

.el-breadcrumb__item {
    text-decoration: none;
    display: flex;
    align-items: center;
    color: var(--txt-color);
    margin-top: .8rem
}

.el-breadcrumb__item:not(:last-child) {
    margin-right: 2rem
}

.el-breadcrumb__item:not(:first-child)::before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.089%22%20height%3D%2214.752%22%20viewBox%3D%220%200%209.089%2014.752%22%3E%20%3Cpath%20d%3D%22M3749.02-1568.41l8%2C7-8%2C7%22%20transform%3D%22translate%28-3748.691%201568.786%29%22%20fill%3D%22none%22%20stroke%3D%22%23222%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
    background-size: cover;
    width: .8rem;
    height: 1.4rem;
    margin-right: 2rem;
    min-width: .8rem;
    min-height: 1.4rem
}

.el-breadcrumb__item span {
    font-size: 1.4rem;
    font-weight: 500
}

.el-btn-list {
    max-width: var(--contents-width);
    margin: 0 auto;
    padding: 1.6rem
}

.el-btn-list[data-size=min] .el-btn-list__item {
    width: min(32rem,100%);
    margin: 0 auto
}

.el-btn-list__item {
    background-color: var(--base-color);
    border: solid 1px var(--main-color);
    padding: .8rem 1.2rem;
    transition: background-color .3s,border-color .3s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    border-radius: .4rem
}

.el-btn-list__item:not(:last-child) {
    margin-bottom: 1.6rem
}

.el-btn-list__item:hover {
    background-color: var(--main-color)
}

.el-btn-list__item:hover .el-btn-list__text span {
    color: var(--base-color)
}

.el-btn-list__item:hover .el-btn-list__icon {
    background-color: var(--base-color)
}

.el-btn-list__item:hover .el-btn-list__icon i {
    color: var(--main-color)
}

.el-btn-list__item[data-color=blue] {
    background-color: var(--main-color)
}

.el-btn-list__item[data-color=blue] .el-btn-list__text span {
    color: var(--base-color)
}

.el-btn-list__item[data-color=blue] .el-btn-list__icon {
    background-color: var(--base-color)
}

.el-btn-list__item[data-color=blue] .el-btn-list__icon i {
    color: var(--main-color)
}

.el-btn-list__item[data-color=blue]:hover {
    background-color: var(--base-color)
}

.el-btn-list__item[data-color=blue]:hover .el-btn-list__text span {
    color: var(--main-color)
}

.el-btn-list__item[data-color=blue]:hover .el-btn-list__icon {
    background-color: var(--main-color)
}

.el-btn-list__item[data-color=blue]:hover .el-btn-list__icon i {
    color: var(--base-color)
}

.el-btn-list__icon {
    width: 2.4rem;
    height: 2.4rem;
    background-color: var(--main-color);
    border-radius: 100%;
    display: grid;
    place-items: center;
    transition: background-color .3s
}

.el-btn-list__icon i {
    width: 2rem;
    height: 2rem;
    display: block;
    color: var(--base-color);
    transition: color .3s;
    position: relative;
    left: .1rem
}

.el-btn-list__icon i svg {
    width: inherit;
    height: inherit
}

.el-btn-list__text {
    margin-right: 2rem
}

.el-btn-list__text span {
    transition: color .3s;
    color: var(--main-color);
    font-size: 2rem;
    font-weight: 700
}

.el-btn {
    max-width: var(--contents-width)
}

@media only screen and (min-width: 769px) {
    .el-btn {
        margin:2.8rem auto 3.2rem
    }
}

@media only screen and (max-width: 768px) {
    .el-btn {
        margin:2rem auto 2rem
    }
}

.el-btn[data-layout=horizontal] .el-btn__inner {
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width: 768px) {
    .el-btn[data-layout=horizontal] .el-btn__inner {
        align-items:flex-start
    }
}

.el-btn[data-layout=horizontal][data-align=center] .el-btn__inner {
    justify-content: center
}

@media only screen and (max-width: 768px) {
    .el-btn[data-layout=horizontal][data-align=center] .el-btn__inner {
        align-items:center
    }
}

.el-btn[data-layout=horizontal][data-align=right] .el-btn__inner {
    justify-content: flex-end
}

@media only screen and (max-width: 768px) {
    .el-btn[data-layout=horizontal][data-align=right] .el-btn__inner {
        align-items:flex-end
    }
}

.el-btn[data-layout=horizontal]:not([data-column]) .el-btn__inner {
    margin-top: -3.2rem
}

@media only screen and (max-width: 768px) {
    .el-btn[data-layout=horizontal]:not([data-column]) .el-btn__inner {
        flex-direction:column
    }
}

.el-btn[data-layout=horizontal]:not([data-column]) .el-btn-item {
    margin-top: 3.2rem
}

@media print,screen and (min-width: 769px) {
    .el-btn[data-layout=horizontal]:not([data-column]) .el-btn-item {
        margin-right:3.2rem
    }
}

@media print,screen and (min-width: 1160px) {
    .el-btn[data-layout=horizontal][data-column*=d1] .el-btn-item {
        width:calc((99.9% - (3.2rem * (1 - 1))) / 1)
    }

    .el-btn[data-layout=horizontal][data-column*=d1] .el-btn-item:nth-child(n+2) {
        margin-top: 3.2rem
    }

    .el-btn[data-layout=horizontal][data-column*=d1] .el-btn-item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=d1] .el-btn-item {
        width: calc((99.9% - (2rem * (1 - 1))) / 1)
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=d1] .el-btn-item:nth-child(n+2) {
        margin-top: 2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=d1] .el-btn-item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-btn[data-layout=horizontal][data-column*=d2] .el-btn-item {
        width: calc((99.9% - (3.2rem * (2 - 1))) / 2)
    }

    .el-btn[data-layout=horizontal][data-column*=d2] .el-btn-item:nth-child(n+3) {
        margin-top: 3.2rem
    }

    .el-btn[data-layout=horizontal][data-column*=d2] .el-btn-item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=d2] .el-btn-item {
        width: calc((99.9% - (2rem * (2 - 1))) / 2)
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=d2] .el-btn-item:nth-child(n+3) {
        margin-top: 2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=d2] .el-btn-item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-btn[data-layout=horizontal][data-column*=d3] .el-btn-item {
        width: calc((99.9% - (3.2rem * (3 - 1))) / 3)
    }

    .el-btn[data-layout=horizontal][data-column*=d3] .el-btn-item:nth-child(n+4) {
        margin-top: 3.2rem
    }

    .el-btn[data-layout=horizontal][data-column*=d3] .el-btn-item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=d3] .el-btn-item {
        width: calc((99.9% - (2rem * (3 - 1))) / 3)
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=d3] .el-btn-item:nth-child(n+4) {
        margin-top: 2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=d3] .el-btn-item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-btn[data-layout=horizontal][data-column*=d4] .el-btn-item {
        width: calc((99.9% - (3.2rem * (4 - 1))) / 4)
    }

    .el-btn[data-layout=horizontal][data-column*=d4] .el-btn-item:nth-child(n+5) {
        margin-top: 3.2rem
    }

    .el-btn[data-layout=horizontal][data-column*=d4] .el-btn-item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=d4] .el-btn-item {
        width: calc((99.9% - (2rem * (4 - 1))) / 4)
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=d4] .el-btn-item:nth-child(n+5) {
        margin-top: 2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=d4] .el-btn-item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-btn[data-layout=horizontal][data-column*=d5] .el-btn-item {
        width: calc((99.9% - (3.2rem * (5 - 1))) / 5)
    }

    .el-btn[data-layout=horizontal][data-column*=d5] .el-btn-item:nth-child(n+6) {
        margin-top: 3.2rem
    }

    .el-btn[data-layout=horizontal][data-column*=d5] .el-btn-item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=d5] .el-btn-item {
        width: calc((99.9% - (2rem * (5 - 1))) / 5)
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=d5] .el-btn-item:nth-child(n+6) {
        margin-top: 2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=d5] .el-btn-item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-btn[data-layout=horizontal][data-column*=d6] .el-btn-item {
        width: calc((99.9% - (3.2rem * (6 - 1))) / 6)
    }

    .el-btn[data-layout=horizontal][data-column*=d6] .el-btn-item:nth-child(n+7) {
        margin-top: 3.2rem
    }

    .el-btn[data-layout=horizontal][data-column*=d6] .el-btn-item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=d6] .el-btn-item {
        width: calc((99.9% - (2rem * (6 - 1))) / 6)
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=d6] .el-btn-item:nth-child(n+7) {
        margin-top: 2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=d6] .el-btn-item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 2rem
    }
}

@media only screen and (max-width: 1159px)and (min-width: 769px) {
    .el-btn[data-layout=horizontal][data-column*=t1] .el-btn-item {
        width:calc((99.9% - (3.2rem * (1 - 1))) / 1)
    }

    .el-btn[data-layout=horizontal][data-column*=t1] .el-btn-item:nth-child(n+2) {
        margin-top: 3.2rem
    }

    .el-btn[data-layout=horizontal][data-column*=t1] .el-btn-item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=t1] .el-btn-item {
        width: calc((99.9% - (2rem * (1 - 1))) / 1)
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=t1] .el-btn-item:nth-child(n+2) {
        margin-top: 2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=t1] .el-btn-item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-btn[data-layout=horizontal][data-column*=t2] .el-btn-item {
        width: calc((99.9% - (3.2rem * (2 - 1))) / 2)
    }

    .el-btn[data-layout=horizontal][data-column*=t2] .el-btn-item:nth-child(n+3) {
        margin-top: 3.2rem
    }

    .el-btn[data-layout=horizontal][data-column*=t2] .el-btn-item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=t2] .el-btn-item {
        width: calc((99.9% - (2rem * (2 - 1))) / 2)
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=t2] .el-btn-item:nth-child(n+3) {
        margin-top: 2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=t2] .el-btn-item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-btn[data-layout=horizontal][data-column*=t3] .el-btn-item {
        width: calc((99.9% - (3.2rem * (3 - 1))) / 3)
    }

    .el-btn[data-layout=horizontal][data-column*=t3] .el-btn-item:nth-child(n+4) {
        margin-top: 3.2rem
    }

    .el-btn[data-layout=horizontal][data-column*=t3] .el-btn-item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=t3] .el-btn-item {
        width: calc((99.9% - (2rem * (3 - 1))) / 3)
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=t3] .el-btn-item:nth-child(n+4) {
        margin-top: 2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=t3] .el-btn-item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-btn[data-layout=horizontal][data-column*=t4] .el-btn-item {
        width: calc((99.9% - (3.2rem * (4 - 1))) / 4)
    }

    .el-btn[data-layout=horizontal][data-column*=t4] .el-btn-item:nth-child(n+5) {
        margin-top: 3.2rem
    }

    .el-btn[data-layout=horizontal][data-column*=t4] .el-btn-item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=t4] .el-btn-item {
        width: calc((99.9% - (2rem * (4 - 1))) / 4)
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=t4] .el-btn-item:nth-child(n+5) {
        margin-top: 2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=t4] .el-btn-item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-btn[data-layout=horizontal][data-column*=t5] .el-btn-item {
        width: calc((99.9% - (3.2rem * (5 - 1))) / 5)
    }

    .el-btn[data-layout=horizontal][data-column*=t5] .el-btn-item:nth-child(n+6) {
        margin-top: 3.2rem
    }

    .el-btn[data-layout=horizontal][data-column*=t5] .el-btn-item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=t5] .el-btn-item {
        width: calc((99.9% - (2rem * (5 - 1))) / 5)
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=t5] .el-btn-item:nth-child(n+6) {
        margin-top: 2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=t5] .el-btn-item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-btn[data-layout=horizontal][data-column*=t6] .el-btn-item {
        width: calc((99.9% - (3.2rem * (6 - 1))) / 6)
    }

    .el-btn[data-layout=horizontal][data-column*=t6] .el-btn-item:nth-child(n+7) {
        margin-top: 3.2rem
    }

    .el-btn[data-layout=horizontal][data-column*=t6] .el-btn-item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=t6] .el-btn-item {
        width: calc((99.9% - (2rem * (6 - 1))) / 6)
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=t6] .el-btn-item:nth-child(n+7) {
        margin-top: 2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=t6] .el-btn-item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 2rem
    }
}

@media only screen and (max-width: 768px) {
    .el-btn[data-layout=horizontal][data-column*=m1] .el-btn-item {
        width:calc((99.9% - (3.2rem * (1 - 1))) / 1)
    }

    .el-btn[data-layout=horizontal][data-column*=m1] .el-btn-item:nth-child(n+2) {
        margin-top: 3.2rem
    }

    .el-btn[data-layout=horizontal][data-column*=m1] .el-btn-item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=m1] .el-btn-item {
        width: calc((99.9% - (2rem * (1 - 1))) / 1)
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=m1] .el-btn-item:nth-child(n+2) {
        margin-top: 2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=m1] .el-btn-item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-page-title .el-btn[data-layout=horizontal][data-column*=m1] .el-btn-item {
        width: calc((99.9% - (2rem * (1 - 1))) / 1)
    }

    .el-page-title .el-btn[data-layout=horizontal][data-column*=m1] .el-btn-item:nth-child(n+2) {
        margin-top: 2rem
    }

    .el-page-title .el-btn[data-layout=horizontal][data-column*=m1] .el-btn-item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-btn[data-layout=horizontal][data-column*=m2] .el-btn-item {
        width: calc((99.9% - (3.2rem * (2 - 1))) / 2)
    }

    .el-btn[data-layout=horizontal][data-column*=m2] .el-btn-item:nth-child(n+3) {
        margin-top: 3.2rem
    }

    .el-btn[data-layout=horizontal][data-column*=m2] .el-btn-item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=m2] .el-btn-item {
        width: calc((99.9% - (2rem * (2 - 1))) / 2)
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=m2] .el-btn-item:nth-child(n+3) {
        margin-top: 2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=m2] .el-btn-item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-page-title .el-btn[data-layout=horizontal][data-column*=m2] .el-btn-item {
        width: calc((99.9% - (2rem * (2 - 1))) / 2)
    }

    .el-page-title .el-btn[data-layout=horizontal][data-column*=m2] .el-btn-item:nth-child(n+3) {
        margin-top: 2rem
    }

    .el-page-title .el-btn[data-layout=horizontal][data-column*=m2] .el-btn-item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-btn[data-layout=horizontal][data-column*=m3] .el-btn-item {
        width: calc((99.9% - (3.2rem * (3 - 1))) / 3)
    }

    .el-btn[data-layout=horizontal][data-column*=m3] .el-btn-item:nth-child(n+4) {
        margin-top: 3.2rem
    }

    .el-btn[data-layout=horizontal][data-column*=m3] .el-btn-item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=m3] .el-btn-item {
        width: calc((99.9% - (2rem * (3 - 1))) / 3)
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=m3] .el-btn-item:nth-child(n+4) {
        margin-top: 2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=m3] .el-btn-item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-page-title .el-btn[data-layout=horizontal][data-column*=m3] .el-btn-item {
        width: calc((99.9% - (2rem * (3 - 1))) / 3)
    }

    .el-page-title .el-btn[data-layout=horizontal][data-column*=m3] .el-btn-item:nth-child(n+4) {
        margin-top: 2rem
    }

    .el-page-title .el-btn[data-layout=horizontal][data-column*=m3] .el-btn-item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-btn[data-layout=horizontal][data-column*=m4] .el-btn-item {
        width: calc((99.9% - (3.2rem * (4 - 1))) / 4)
    }

    .el-btn[data-layout=horizontal][data-column*=m4] .el-btn-item:nth-child(n+5) {
        margin-top: 3.2rem
    }

    .el-btn[data-layout=horizontal][data-column*=m4] .el-btn-item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=m4] .el-btn-item {
        width: calc((99.9% - (2rem * (4 - 1))) / 4)
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=m4] .el-btn-item:nth-child(n+5) {
        margin-top: 2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=m4] .el-btn-item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-page-title .el-btn[data-layout=horizontal][data-column*=m4] .el-btn-item {
        width: calc((99.9% - (2rem * (4 - 1))) / 4)
    }

    .el-page-title .el-btn[data-layout=horizontal][data-column*=m4] .el-btn-item:nth-child(n+5) {
        margin-top: 2rem
    }

    .el-page-title .el-btn[data-layout=horizontal][data-column*=m4] .el-btn-item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-btn[data-layout=horizontal][data-column*=m5] .el-btn-item {
        width: calc((99.9% - (3.2rem * (5 - 1))) / 5)
    }

    .el-btn[data-layout=horizontal][data-column*=m5] .el-btn-item:nth-child(n+6) {
        margin-top: 3.2rem
    }

    .el-btn[data-layout=horizontal][data-column*=m5] .el-btn-item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=m5] .el-btn-item {
        width: calc((99.9% - (2rem * (5 - 1))) / 5)
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=m5] .el-btn-item:nth-child(n+6) {
        margin-top: 2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=m5] .el-btn-item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-page-title .el-btn[data-layout=horizontal][data-column*=m5] .el-btn-item {
        width: calc((99.9% - (2rem * (5 - 1))) / 5)
    }

    .el-page-title .el-btn[data-layout=horizontal][data-column*=m5] .el-btn-item:nth-child(n+6) {
        margin-top: 2rem
    }

    .el-page-title .el-btn[data-layout=horizontal][data-column*=m5] .el-btn-item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-btn[data-layout=horizontal][data-column*=m6] .el-btn-item {
        width: calc((99.9% - (3.2rem * (6 - 1))) / 6)
    }

    .el-btn[data-layout=horizontal][data-column*=m6] .el-btn-item:nth-child(n+7) {
        margin-top: 3.2rem
    }

    .el-btn[data-layout=horizontal][data-column*=m6] .el-btn-item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=m6] .el-btn-item {
        width: calc((99.9% - (2rem * (6 - 1))) / 6)
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=m6] .el-btn-item:nth-child(n+7) {
        margin-top: 2rem
    }

    .el-pic-block .el-btn[data-layout=horizontal][data-column*=m6] .el-btn-item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-page-title .el-btn[data-layout=horizontal][data-column*=m6] .el-btn-item {
        width: calc((99.9% - (2rem * (6 - 1))) / 6)
    }

    .el-page-title .el-btn[data-layout=horizontal][data-column*=m6] .el-btn-item:nth-child(n+7) {
        margin-top: 2rem
    }

    .el-page-title .el-btn[data-layout=horizontal][data-column*=m6] .el-btn-item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 2rem
    }
}

.el-btn[data-layout=vertical] .el-btn__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.el-btn[data-layout=vertical]:not([data-align]) .el-btn-item,.el-btn[data-layout=vertical][data-align=left] .el-btn-item {
    margin-left: 0
}

@media print,screen and (min-width: 769px) {
    .el-btn[data-layout=vertical] .el-btn-item {
        min-width:min(100%,37rem)
    }
}

.el-btn[data-layout=vertical] .el-btn-item:not(:last-child) {
    margin-bottom: 1.6rem
}

.el-btn[data-layout=vertical][data-align=center] .el-btn__inner {
    align-items: center
}

.el-btn[data-layout=vertical][data-align=right] .el-btn__inner {
    align-items: flex-end
}

.el-btn[data-layout=vertical][data-align=right] .el-btn-item {
    margin-right: 0
}

.el-btn[data-text-align=left] .el-btn-item__text {
    width: initial;
    margin: 0 auto 0 0
}

.el-btn-item {
    display: inline-flex;
    text-decoration: none;
    position: relative;
    box-shadow: 4px 4px 4px rgba(0,0,0,.16);
    border: 2px solid;
    transition: background-color .3s,color .3s,box-shadow .3s;
    border-radius: .4rem
}

@media print,screen and (min-width: 769px) {
    .el-btn-item {
        padding:2rem 4rem;
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 768px) {
    .el-btn-item {
        width:100%;
        padding: 1.4rem;
        font-size: 1.4rem
    }
}

.el-btn-item:hover {
    box-shadow: 0 .3rem .9rem rgba(0,0,0,.2);
    --fill-color: var(--base-color);
    --fill-color-base: var(--main-color)
}

.el-btn-item[data-color=blue] {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
    --fill-color: var(--base-color);
    --fill-color-base: var(--main-color)
}

.el-btn-item[data-color=blue]:hover {
    background-color: var(--base-color);
    color: var(--main-color);
    --fill-color: var(--main-color);
    --fill-color-base: var(--base-color)
}

.el-btn-item[data-color=white] {
    background-color: #fff;
    border-color: var(--main-color);
    border-width: 2px;
    color: var(--txt-color);
    transition: background-color .3s,color .3s
}

.el-btn-item[data-color=white] span {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.el-btn-item[data-color=white] i {
    color: var(--main-color);
    transition: color .3s
}

.el-btn-item[data-color=white]:hover {
    background-color: var(--main-color);
    color: #fff
}

.el-btn-item[data-color=white]:hover i {
    color: var(--base-color)
}

.el-btn-item[data-disabled=true] {
    pointer-events: none;
    background-color: #ddd;
    color: var(--base-color);
    box-shadow: none;
    border: none;
    --fill-color: var(--base-color);
    --fill-color-base: #ddd
}

.el-btn-item[data-disabled=true] i {
    color: var(--base-color)
}

.el-btn-item__text {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.25
}

.el-btn-item__icn-after {
    pointer-events: none;
    right: 2rem;
    margin: 0;
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    order: 5
}

.el-contact .el-btn-item__icn-after {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0
}

.el-btn-item__icn-after~.el-btn-item__text {
    padding-right: 2rem
}

.el-card-block {
    max-width: var(--contents-width);
    margin: 0 auto 12rem
}

@media only screen and (max-width: 768px) {
    .el-card-block {
        margin-bottom:6rem
    }
}

.el-card-block[data-reverse=true] .el-card-block__wrapper {
    justify-content: flex-start
}

@media print,screen and (min-width: 769px) {
    .el-card-block[data-reverse=true] .el-card-block__pic-container {
        max-width:45%;
        position: absolute;
        top: 50%;
        right: 0;
        left: inherit;
        transform: translateY(-50%)
    }
}

.el-card-block[data-layout=horizontal] .el-card-block__wrapper {
    align-items: flex-start;
    justify-content: center;
    min-height: initial;
    color: var(--txt-color);
    box-shadow: 4px 4px 4px rgba(0,0,0,.16);
    transition: box-shadow .3s;
    padding: 3.6rem
}

@media only screen and (max-width: 768px) {
    .el-card-block[data-layout=horizontal] .el-card-block__wrapper {
        padding:1.6rem
    }
}

.el-card-block[data-layout=horizontal] .el-card-block__wrapper[href] {
    cursor: pointer
}

.el-card-block[data-layout=horizontal] .el-card-block__wrapper[href]:hover {
    box-shadow: 4px 4px 4px rgba(0,53,142,.16)
}

.el-card-block[data-layout=horizontal] .el-card-block__wrapper[href]:hover div[class*=el-heading-lv] h1,.el-card-block[data-layout=horizontal] .el-card-block__wrapper[href]:hover div[class*=el-heading-lv] h2,.el-card-block[data-layout=horizontal] .el-card-block__wrapper[href]:hover div[class*=el-heading-lv] h3,.el-card-block[data-layout=horizontal] .el-card-block__wrapper[href]:hover div[class*=el-heading-lv] h4,.el-card-block[data-layout=horizontal] .el-card-block__wrapper[href]:hover div[class*=el-heading-lv] h5,.el-card-block[data-layout=horizontal] .el-card-block__wrapper[href]:hover div[class*=el-heading-lv] h6 {
    color: var(--main-color)
}

.el-card-block[data-layout=horizontal] .el-card-block__pic-container {
    position: static;
    transform: none;
    margin-right: 4rem;
    max-width: 31.4102564103%
}

@media only screen and (max-width: 768px) {
    .el-card-block[data-layout=horizontal] .el-card-block__pic-container {
        margin:0 auto 2rem;
        max-width: 100%
    }
}

.el-card-block[data-layout=horizontal] .el-card-block__txt-container {
    box-shadow: none;
    padding: 0;
    margin: 0;
    max-width: 100%
}

@media print,screen and (min-width: 769px) {
    .el-card-block[data-layout=horizontal][data-reverse=true] .el-card-block__pic-container {
        order:2;
        margin-right: 0
    }

    .el-card-block[data-layout=horizontal][data-reverse=true] .el-card-block__txt-container {
        order: 1;
        margin-right: 4rem
    }
}

.el-card-block__wrapper {
    display: flex;
    position: relative;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
    color: var(--txt-color)
}

@media print,screen and (min-width: 769px) {
    .el-card-block__wrapper {
        min-height:48rem
    }
}

@media only screen and (max-width: 768px) {
    .el-card-block__wrapper {
        flex-direction:column
    }
}

@media print,screen and (min-width: 769px) {
    .el-card-block__pic-container {
        max-width:45%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }
}

.el-card-block__txt-container {
    background-color: var(--base-color);
    transition: box-shadow .3s;
    text-decoration: none;
    color: var(--txt-color);
    box-shadow: 4px 4px 4px rgba(0,0,0,.16)
}

@media print,screen and (min-width: 769px) {
    .el-card-block__txt-container {
        width:57.5%;
        padding: 3.6rem;
        position: relative;
        z-index: var(--z-init)
    }
}

@media only screen and (max-width: 768px) {
    .el-card-block__txt-container {
        max-width:calc(100% - 3.2rem);
        width: 100%;
        margin: -2rem auto 0;
        padding: 2.4rem 1.6rem
    }
}

.el-card-block__txt-container[href] {
    cursor: pointer
}

.el-card-block__txt-container[href]:hover {
    box-shadow: 4px 4px 4px rgba(0,53,142,.16)
}

.el-card-block__txt-container[href]:hover div[class*=el-heading-lv] h1,.el-card-block__txt-container[href]:hover div[class*=el-heading-lv] h2,.el-card-block__txt-container[href]:hover div[class*=el-heading-lv] h3,.el-card-block__txt-container[href]:hover div[class*=el-heading-lv] h4,.el-card-block__txt-container[href]:hover div[class*=el-heading-lv] h5,.el-card-block__txt-container[href]:hover div[class*=el-heading-lv] h6 {
    color: var(--main-color)
}

.el-card-block__txt-container--inner>*:first-child {
    margin-top: 0 !important
}

.el-card-block__txt-container--inner>*:last-child {
    margin-bottom: 0 !important
}

.el-card-block .el-heading-lv3 {
    margin-bottom: 2rem
}

.el-card-event {
    max-width: var(--contents-width);
    margin: 0 auto 9rem
}

.el-card-event__list {
    display: flex;
    flex-direction: column
}

.el-card-event__item {
    display: flex;
    align-items: flex-start;
    padding: 2.8rem 4.8rem;
    box-shadow: 4px 4px 4px rgba(0,0,0,.16);
    background-color: var(--base-color);
    text-decoration: none;
    color: var(--txt-color);
    position: relative;
    transition: box-shadow .3s;
    cursor: pointer
}

@media only screen and (max-width: 768px) {
    .el-card-event__item {
        flex-direction:column;
        padding: 1.6rem
    }
}

.el-card-event__item:not(:last-child) {
    margin-bottom: 2rem
}

.el-card-event__item:hover {
    box-shadow: 4px 4px 4px rgba(0,53,142,.16)
}

.el-card-event__item:hover .el-card-event__txt-container .el-card-event__heading span {
    color: var(--main-color)
}

.el-card-event__item::before {
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Cpath%20d%3D%22M0%2C0H24a0%2C0%2C0%2C0%2C1%2C0%2C0V21a3%2C3%2C0%2C0%2C1-3%2C3H0a0%2C0%2C0%2C0%2C1%2C0%2C0V0A0%2C0%2C0%2C0%2C1%2C0%2C0Z%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%3E%20%3Cg%20transform%3D%22translate%284.8%204.8%29%22%3E%20%3Cg%20transform%3D%22translate%284.495%201.769%29%22%3E%20%3Cpath%20d%3D%22M39.937%2C38.233%2C38.727%2C36.9l4.533-4.115-4.5-4.082%2C1.209-1.332%2C5.966%2C5.414Z%22%20transform%3D%22translate%28-38.727%20-27.371%29%22%20fill%3D%22%2300358e%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20width%3D%2214.4%22%20height%3D%2214.4%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: cover;
    background-position: center;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: solid 1px var(--main-color);
    border-left: solid 1px var(--main-color)
}

@media only screen and (max-width: 768px) {
    .el-card-event__item::before {
        width:1.4rem;
        height: 1.4rem
    }
}

.el-card-event__item:hover {
    box-shadow: 4px 4px 4px rgba(0,53,142,.16)
}

.el-card-event__item:hover .el-card-event__txt-container .el-card-event__heading span {
    color: var(--main-color)
}

.el-card-event__pic-container {
    max-width: 18rem;
    margin-right: 2.8rem
}

@media only screen and (max-width: 768px) {
    .el-card-event__pic-container {
        max-width:100%;
        margin-right: 0;
        margin-bottom: 1.6rem;
        display: flex
    }

    .el-card-event__pic-container>div,.el-card-event__pic-container picture {
        width: calc(50% - .8rem)
    }

    .el-card-event__pic-container picture {
        margin-right: 1.6rem
    }
}

.el-card-event__txt-container {
    display: flex;
    flex-direction: column
}

@media only screen and (max-width: 768px) {
    .el-card-event__txt-container {
        width:100%
    }
}

.el-card-event__upper {
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width: 768px) {
    .el-card-event__upper {
        flex-direction:column
    }
}

.el-card-event__under {
    display: flex
}

@media only screen and (max-width: 960px) {
    .el-card-event__under {
        flex-direction:column
    }
}

.el-card-event__date {
    margin-bottom: 2rem;
    margin-right: 2.8rem
}

@media only screen and (max-width: 768px) {
    .el-card-event__date {
        width:100%
    }
}

.el-card-event__date span {
    font-size: 1.4rem;
    font-weight: 500
}

.el-card-event .el-card-event__heading--sp,.el-card-event .el-card-event__heading {
    margin-right: 2.8rem
}

@media only screen and (max-width: 768px) {
    .el-card-event .el-card-event__heading--sp,.el-card-event .el-card-event__heading {
        margin-right:0;
        margin-bottom: 1.6rem;
        width: 100%;
        order: 1
    }
}

.el-card-event .el-card-event__heading--sp span,.el-card-event .el-card-event__heading span {
    font-weight: 700;
    font-size: 2rem;
    color: var(--txt-color);
    transition: color .3s
}

.el-card-event__label--list {
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width: 768px) {
    .el-card-event__label--list {
        order:2
    }
}

.el-card-event__label--item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .8rem;
    padding: .4rem .8rem;
    margin-bottom: 2rem
}

@media only screen and (max-width: 768px) {
    .el-card-event__label--item {
        margin-bottom:1.6rem
    }
}

.el-card-event__label--item span {
    color: var(--base-color);
    font-weight: 500
}

.el-card-event__label--item[data-color="1"] {
    background-color: var(--base-color);
    border: solid 1px var(--border-color)
}

.el-card-event__label--item[data-color="1"] span {
    font-weight: 500;
    color: var(--txt-color)
}

.el-card-event__label--item[data-color="2"] {
    background-color: var(--accent-color)
}

.el-card-event__label--item[data-color="2"] span {
    font-weight: 700;
    color: var(--txt-color)
}

.el-card-event__label--item[data-color="3"] {
    background-color: #6dc23c
}

.el-card-event__label--item[data-color="4"] {
    background-color: #8263c9
}

.el-card-event__label--item[data-color="5"] {
    background-color: #2dbdca
}

.el-card-event__label--item[data-color="6"] {
    background-color: #000
}

.el-card-event__label--item[data-color="7"] {
    background-color: var(--base-color--blue)
}

.el-card-event__label--item[data-color="7"] span {
    color: var(--txt-color)
}

.el-card-event__label--item[data-color="8"] {
    background-color: var(--base-color);
    border: solid 1px var(--main-color)
}

.el-card-event__label--item[data-color="8"] span {
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--main-color)
}

.el-card-event__label--item[data-color="9"] {
    background-color: var(--main-color);
    border-radius: .4rem
}

.el-card-event__label--item[data-color="9"] span {
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--base-color)
}

.el-card-event__text {
    flex: 1
}

@media only screen and (max-width: 768px) {
    .el-card-event__text {
        order:3
    }
}

.el-card-event__text span {
    font-size: 1.6rem;
    font-weight: 500
}

.el-card-group {
    max-width: var(--contents-width);
    margin: 0 auto 4rem
}

.el-card-group__wrapper {
    display: flex;
    flex-wrap: wrap;
    color: var(--txt-color);
    text-decoration: none;
    padding: 4rem;
    box-shadow: 4px 4px 4px rgba(0,0,0,.16);
    transition: box-shadow .3s
}

@media only screen and (max-width: 768px) {
    .el-card-group__wrapper {
        flex-direction:column;
        padding: 0
    }
}

a.el-card-group__wrapper {
    position: relative
}

a.el-card-group__wrapper:hover {
    box-shadow: 4px 4px 4px rgba(0,53,142,.16)
}

a.el-card-group__wrapper:hover .el-card-group__txt-container div[class*=el-heading-lv] h1,a.el-card-group__wrapper:hover .el-card-group__txt-container div[class*=el-heading-lv] h2,a.el-card-group__wrapper:hover .el-card-group__txt-container div[class*=el-heading-lv] h3,a.el-card-group__wrapper:hover .el-card-group__txt-container div[class*=el-heading-lv] h4,a.el-card-group__wrapper:hover .el-card-group__txt-container div[class*=el-heading-lv] h5,a.el-card-group__wrapper:hover .el-card-group__txt-container div[class*=el-heading-lv] h6 {
    color: var(--main-color)
}

a.el-card-group__wrapper::before {
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Cpath%20d%3D%22M0%2C0H24a0%2C0%2C0%2C0%2C1%2C0%2C0V21a3%2C3%2C0%2C0%2C1-3%2C3H0a0%2C0%2C0%2C0%2C1%2C0%2C0V0A0%2C0%2C0%2C0%2C1%2C0%2C0Z%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%3E%20%3Cg%20transform%3D%22translate%284.8%204.8%29%22%3E%20%3Cg%20transform%3D%22translate%284.495%201.769%29%22%3E%20%3Cpath%20d%3D%22M39.937%2C38.233%2C38.727%2C36.9l4.533-4.115-4.5-4.082%2C1.209-1.332%2C5.966%2C5.414Z%22%20transform%3D%22translate%28-38.727%20-27.371%29%22%20fill%3D%22%2300358e%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20width%3D%2214.4%22%20height%3D%2214.4%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: cover;
    background-position: center;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: solid 1px var(--main-color);
    border-left: solid 1px var(--main-color)
}

@media only screen and (max-width: 768px) {
    a.el-card-group__wrapper::before {
        width:1.4rem;
        height: 1.4rem
    }
}

.el-card-group__pic-container {
    margin-right: 4rem;
    max-width: 22.5%
}

@media only screen and (max-width: 768px) {
    .el-card-group__pic-container {
        max-width:100%;
        margin-right: 0
    }
}

.el-card-group__txt-container {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width: 768px) {
    .el-card-group__txt-container {
        padding:1.6rem
    }
}

.el-card-group__txt-container>div[class^=el-] {
    width: 100%
}

.el-card-group__txt-container>*:first-child {
    margin-top: 0 !important
}

.el-card-group__txt-container>*:last-child {
    margin-bottom: 0 !important
}

.el-card-group__heading {
    margin-bottom: 2rem
}

.el-card-group__heading span {
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--main-color)
}

.el-card-group__text {
    margin-bottom: 2.4rem
}

.el-card-group__text span {
    font-size: 1.6rem;
    font-weight: 500
}

.el-card-group__label--txt {
    margin-bottom: 1.2rem
}

.el-card-group__label--txt span {
    font-size: 1.6rem
}

.el-card-group__label--list {
    display: flex;
    flex-wrap: wrap
}

.el-card-group__label--item {
    padding: .4rem .8rem;
    font-size: 1.4rem;
    font-weight: 500;
    margin-right: 1.2rem;
    margin-bottom: 1.2rem
}

.el-card-group__label--item span {
    color: var(--base-color)
}

.el-card-group__label--item[data-color="1"] {
    background-color: var(--base-color);
    border: solid 1px var(--border-color)
}

.el-card-group__label--item[data-color="1"] span {
    font-weight: 500;
    color: var(--txt-color)
}

.el-card-group__label--item[data-color="2"] {
    background-color: var(--accent-color)
}

.el-card-group__label--item[data-color="2"] span {
    font-weight: 700;
    color: var(--txt-color)
}

.el-card-group__label--item[data-color="3"] {
    background-color: #6dc23c
}

.el-card-group__label--item[data-color="4"] {
    background-color: #8263c9
}

.el-card-group__label--item[data-color="5"] {
    background-color: #2dbdca
}

.el-card-group__label--item[data-color="6"] {
    background-color: #000
}

.el-card-group__label--item[data-color="7"] {
    background-color: var(--base-color--blue)
}

.el-card-group__label--item[data-color="7"] span {
    color: var(--txt-color)
}

.el-card-group__label--item[data-color="8"] {
    background-color: var(--base-color);
    border: solid 1px var(--main-color)
}

.el-card-group__label--item[data-color="8"] span {
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--main-color)
}

.el-card-group__label--item[data-color="9"] {
    background-color: var(--main-color);
    border-radius: .4rem
}

.el-card-group__label--item[data-color="9"] span {
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--base-color)
}

.el-card-group__link {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: auto
}

.el-card-group__link span {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--main-color)
}

.el-card-group__link i {
    width: 2.4rem;
    height: 2.4rem;
    color: var(--main-color);
    margin-left: 1.2rem
}

.el-card-group__link i svg {
    width: inherit;
    height: inherit
}

.el-card-list {
    max-width: var(--contents-width);
    margin: 0 auto 6rem;
    background-color: var(--base-color);
    box-shadow: 4px 4px 4px rgba(0,0,0,.16);
    padding: 2rem;
    text-decoration: none;
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
    height: 100%;
    color: var(--txt-color);
    transition: box-shadow .3s
}

@media only screen and (max-width: 768px) {
    .el-card-list {
        margin-bottom:4rem;
        padding: 1.6rem
    }
}

a.el-card-list {
    position: relative
}

a.el-card-list:hover {
    box-shadow: 4px 4px 4px rgba(0,53,142,.16)
}

a.el-card-list:hover .el-card-list__heading span {
    color: var(--main-color)
}

a.el-card-list::before {
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Cpath%20d%3D%22M0%2C0H24a0%2C0%2C0%2C0%2C1%2C0%2C0V21a3%2C3%2C0%2C0%2C1-3%2C3H0a0%2C0%2C0%2C0%2C1%2C0%2C0V0A0%2C0%2C0%2C0%2C1%2C0%2C0Z%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%3E%20%3Cg%20transform%3D%22translate%284.8%204.8%29%22%3E%20%3Cg%20transform%3D%22translate%284.495%201.769%29%22%3E%20%3Cpath%20d%3D%22M39.937%2C38.233%2C38.727%2C36.9l4.533-4.115-4.5-4.082%2C1.209-1.332%2C5.966%2C5.414Z%22%20transform%3D%22translate%28-38.727%20-27.371%29%22%20fill%3D%22%2300358e%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20width%3D%2214.4%22%20height%3D%2214.4%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: cover;
    background-position: center;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: solid 1px var(--main-color);
    border-left: solid 1px var(--main-color)
}

@media only screen and (max-width: 768px) {
    a.el-card-list::before {
        width:1.4rem;
        height: 1.4rem
    }
}

.el-card-list__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.el-card-list__heading {
    display: flex;
    align-items: flex-start
}

.el-card-list__heading span {
    font-size: 2.2rem;
    font-weight: 700;
    transition: color .3s
}

@media only screen and (max-width: 768px) {
    .el-card-list__heading span {
        font-size:1.8rem
    }
}

.el-card-list__heading i {
    width: 3rem;
    height: 3rem;
    display: block;
    margin-right: .8rem;
    color: var(--main-color)
}

.el-card-list__heading picture {
    position: relative;
    top: .4rem
}

.el-card-list__heading img {
    max-width: 8rem;
    margin-right: .8rem
}

.el-card-list__text {
    margin-top: 1.6rem
}

.el-card-list__text span {
    font-size: 1.6rem;
    font-weight: 500
}

.el-card-list__icn {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    position: absolute;
    right: 2rem;
    top: calc(50% - 1.2rem)
}

[data-del-icn=true] .el-card-list__icn {
    top: 2.4rem
}

.el-card-prod {
    max-width: var(--contents-width);
    margin: 0 auto;
    background-color: var(--base-color);
    display: flex;
    box-shadow: 4px 4px 4px rgba(0,0,0,.16);
    padding: 2rem;
    text-decoration: none;
    position: relative;
    transition: box-shadow .3s
}

@media only screen and (max-width: 768px) {
    .el-card-prod {
        padding:1.6rem
    }
}

a.el-card-prod {
    position: relative
}

a.el-card-prod:hover {
    box-shadow: 4px 4px 4px rgba(0,53,142,.16)
}

a.el-card-prod:hover .el-card-prod__txt-container .el-card-prod__heading span {
    color: var(--main-color)
}

a.el-card-prod::before {
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Cpath%20d%3D%22M0%2C0H24a0%2C0%2C0%2C0%2C1%2C0%2C0V21a3%2C3%2C0%2C0%2C1-3%2C3H0a0%2C0%2C0%2C0%2C1%2C0%2C0V0A0%2C0%2C0%2C0%2C1%2C0%2C0Z%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%3E%20%3Cg%20transform%3D%22translate%284.8%204.8%29%22%3E%20%3Cg%20transform%3D%22translate%284.495%201.769%29%22%3E%20%3Cpath%20d%3D%22M39.937%2C38.233%2C38.727%2C36.9l4.533-4.115-4.5-4.082%2C1.209-1.332%2C5.966%2C5.414Z%22%20transform%3D%22translate%28-38.727%20-27.371%29%22%20fill%3D%22%2300358e%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20width%3D%2214.4%22%20height%3D%2214.4%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: cover;
    background-position: center;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: solid 1px var(--main-color);
    border-left: solid 1px var(--main-color)
}

@media only screen and (max-width: 768px) {
    a.el-card-prod::before {
        width:1.4rem;
        height: 1.4rem
    }
}

.el-card-prod+.el-heading-lv4 {
    margin-top: 4rem
}

.el-card-prod__pic-container {
    max-width: 36.4864864865%;
    margin-right: 2rem
}

.el-card-prod__txt-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.el-card-prod__heading span {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--txt-color);
    transition: color .3s
}

@media only screen and (max-width: 768px) {
    .el-card-prod__heading span {
        font-size:1.8rem
    }
}

.el-card-prod__icn {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    position: absolute;
    right: 2rem;
    color: var(--main-color)
}

.el-card-slider {
    max-width: var(--contents-width);
    margin: -4rem auto 4rem;
    position: relative
}

@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-card-slider[data-item-length="1"] .swiper-slide:first-child,.el-card-slider[data-item-length="2"] .swiper-slide:first-child {
        margin-right:3rem
    }
}

@media only screen and (max-width: 768px) {
    .el-card-slider {
        margin:-4rem calc(-1*var(--padding-contents-wrapper--sp)) 4rem
    }

    .el-card-slider[data-item-length="1"] {
        margin: -4rem auto 4rem
    }
}

@media print,screen and (min-width: 1080px) {
    .el-card-slider[data-slide="1"] .swiper-slide {
        width:calc(100% - 0rem)
    }

    .el-card-slider[data-slide="1"] .swiper-slide:not(:nth-child(1n)) {
        margin-right: 4rem
    }
}

@media only screen and (max-width: 1079px)and (min-width: 768px) {
    .el-card-slider[data-slide="1"] .swiper-slide {
        width:calc(50% - 0rem)
    }
}

@media print,screen and (min-width: 1080px) {
    .el-card-slider[data-slide="2"] .swiper-slide {
        width:calc(50% - 2rem)
    }

    .el-card-slider[data-slide="2"] .swiper-slide:not(:nth-child(2n)) {
        margin-right: 4rem
    }
}

@media only screen and (max-width: 1079px)and (min-width: 768px) {
    .el-card-slider[data-slide="2"] .swiper-slide {
        width:calc(50% - 2rem)
    }
}

@media print,screen and (min-width: 1080px) {
    .el-card-slider[data-slide="3"] .swiper-slide {
        width:calc(33.3333333333% - 2.6666666667rem)
    }

    .el-card-slider[data-slide="3"] .swiper-slide:not(:nth-child(3n)) {
        margin-right: 4rem
    }
}

@media only screen and (max-width: 1079px)and (min-width: 768px) {
    .el-card-slider[data-slide="3"] .swiper-slide {
        width:calc(50% - 2.6666666667rem)
    }
}

@media print,screen and (min-width: 1080px) {
    .el-card-slider[data-slide="4"] .swiper-slide {
        width:calc(25% - 3rem)
    }

    .el-card-slider[data-slide="4"] .swiper-slide:not(:nth-child(4n)) {
        margin-right: 4rem
    }
}

@media only screen and (max-width: 1079px)and (min-width: 768px) {
    .el-card-slider[data-slide="4"] .swiper-slide {
        width:calc(50% - 3rem)
    }
}

@media print,screen and (min-width: 1080px) {
    .el-card-slider[data-slide="5"] .swiper-slide {
        width:calc(20% - 3.2rem)
    }

    .el-card-slider[data-slide="5"] .swiper-slide:not(:nth-child(5n)) {
        margin-right: 4rem
    }
}

@media only screen and (max-width: 1079px)and (min-width: 768px) {
    .el-card-slider[data-slide="5"] .swiper-slide {
        width:calc(50% - 3.2rem)
    }
}

@media print,screen and (min-width: 1080px) {
    .el-card-slider[data-slide="6"] .swiper-slide {
        width:calc(16.6666666667% - 3.3333333333rem)
    }

    .el-card-slider[data-slide="6"] .swiper-slide:not(:nth-child(6n)) {
        margin-right: 4rem
    }
}

@media only screen and (max-width: 1079px)and (min-width: 768px) {
    .el-card-slider[data-slide="6"] .swiper-slide {
        width:calc(50% - 3.3333333333rem)
    }
}

@media print,screen and (min-width: 1080px) {
    .el-card-slider[data-only-sp-slide=true] {
        margin:-4rem auto 4rem;
        padding: 0
    }

    .el-card-slider[data-only-sp-slide=true] .el-card-slider__wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .el-card-slider[data-only-sp-slide=true] .el-card-slider__container {
        padding-bottom: 1rem
    }

    .el-card-slider[data-only-sp-slide=true] .el-card-slider__options {
        display: none
    }
}

@media only screen and (max-width: 1079px) {
    .el-card-slider[data-only-sp-slide=true] .el-card-slider__container {
        padding-bottom:4rem
    }
}

.el-card-slider .swiper-slide {
    margin: 4rem 0 0;
    height: auto
}

.el-card-slider__container {
    overflow: hidden;
    padding: 0 1rem 4rem 0
}

.el-card-slider__container:not(.swiper-initialized) .el-card-slider__options {
    display: none
}

.el-card-slider__options {
    display: flex;
    justify-content: center;
    z-index: 1
}

@media print,screen and (min-width: 769px) {
    .el-card-slider__options {
        position:absolute;
        right: 0;
        left: 0;
        bottom: 0
    }
}

@media only screen and (max-width: 768px) {
    .el-card-slider__options {
        position:absolute;
        right: 0;
        left: 0;
        bottom: 0;
        width: var(--slide-width);
        margin: 0 auto
    }
}

.el-card-slider__pagination {
    display: flex;
    align-items: center;
    margin-right: 1.4rem
}

@media print,screen and (min-width: 769px) {
    .el-card-slider__pagination {
        width:min(100%,33rem) !important
    }
}

.el-card-slider__pagination .swiper-pagination-bullet {
    background-color: #ddd;
    height: .2rem;
    border-radius: 0;
    opacity: 1;
    position: relative;
    z-index: var(--z-layer2);
    flex-basis: 100%
}

.el-card-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: .4rem;
    background-color: var(--main-color)
}

.el-card-slider__button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%
}

.el-card-slider__button--prev {
    margin-right: 1.4rem
}

.el-card-slider__button i {
    width: 2.4rem;
    height: 2.4rem;
    display: block
}

.el-card-slider+.el-color-box {
    margin-top: 8rem
}

@media only screen and (max-width: 768px) {
    .el-card-slider+.el-color-box {
        margin-top:6rem
    }
}

.el-card-toggle {
    max-width: var(--contents-width);
    margin: 0 auto;
    background-color: var(--base-color);
    position: relative;
    display: block;
    text-decoration: none;
    color: var(--txt-color);
    box-shadow: 4px 4px 4px rgba(0,0,0,.16);
    transition: box-shadow .3s
}

.el-card-toggle+.el-heading-lv4 {
    margin-top: 4rem
}

.el-card .el-card-toggle {
    box-shadow: none
}

.el-card .el-card-toggle:hover {
    box-shadow: none
}

.el-card-toggle[data-is-active=true] .el-card-toggle__wrapper::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cdefs%3E%20%3CclipPath%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20transform%3D%22translate%2812%2012%29%22%3E%20%3Cg%20transform%3D%22translate%28-12%20-12%29%22%3E%20%3Cg%20transform%3D%22translate%284.8%204.8%29%22%3E%20%3Crect%20width%3D%2212.6%22%20height%3D%221.8%22%20transform%3D%22translate%280.9%206.3%29%22%20fill%3D%22%2300358e%22%2F%3E%20%3Crect%20width%3D%2214.4%22%20height%3D%2214.4%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}

.el-card-toggle__wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 2rem;
    position: relative;
    cursor: pointer
}

@media only screen and (max-width: 768px) {
    .el-card-toggle__wrapper {
        padding:1.6rem
    }
}

.el-card-toggle__wrapper::before {
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cdefs%3E%20%3CclipPath%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20transform%3D%22translate%2812%2012%29%22%3E%20%3Cg%20transform%3D%22translate%28-12%20-12%29%22%3E%20%3Cg%20transform%3D%22translate%284.8%204.8%29%22%3E%20%3Cpath%20d%3D%22M30.95%2C36.349h-1.8v-5.4h-5.4v-1.8h5.4v-5.4h1.8v5.4h5.4v1.8h-5.4Z%22%20transform%3D%22translate%28-22.85%20-22.85%29%22%20fill%3D%22%2300358e%22%2F%3E%20%3Crect%20width%3D%2214.4%22%20height%3D%2214.4%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: cover;
    background-position: center;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: solid 1px var(--main-color);
    border-left: solid 1px var(--main-color)
}

.el-card-toggle__pic-container {
    max-width: 21.6216216216%;
    margin-right: 2rem
}

.el-card-toggle__txt-container {
    padding-right: 5.2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.el-card-toggle__heading span {
    font-size: 2.2rem;
    font-weight: 700;
    transition: color .3s
}

.el-webinar-filter .el-card-toggle__heading span {
    font-weight: 500
}

.el-card-toggle__icn {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    position: absolute;
    right: 2rem;
    color: var(--main-color)
}

.el-card-toggle__container {
    width: 100%;
    padding: 1.2rem 2rem 2rem;
    position: relative;
    display: none
}

@media only screen and (max-width: 768px) {
    .el-card-toggle__container {
        padding:.8rem 1.6rem 1.6rem
    }
}

.el-card-toggle__container::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--border-color);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto
}

.el-card-toggle__container--inner>*:first-child {
    margin-top: 0 !important
}

.el-card-toggle__container--inner>*:last-child {
    margin-bottom: 0 !important
}

.el-card-toggle:not([data-is-active=true]) i.icn-line {
    display: none
}

.el-card-toggle[data-is-active=true] i.icn-close {
    display: none
}

.el-card-toggle[data-is-active=true] .el-card-toggle__container {
    display: block
}

.el-card {
    max-width: var(--contents-width);
    margin: 0 auto 8rem
}

@media only screen and (max-width: 768px) {
    .el-card {
        margin-bottom:4rem
    }
}

@media only screen and (max-width: 768px) {
    .el-card[data-horizontal-sp=true]>a,.el-card[data-horizontal-sp=true]>div {
        display:flex
    }
}

@media only screen and (max-width: 768px) {
    .el-card[data-horizontal-sp=true] .el-card__pic-container {
        margin:0 1.6rem 0 0
    }
}

.el-card[data-type=webinar] .el-card__txt-container {
    padding: 0;
    padding-top: 2.5rem
}

@media only screen and (max-width: 768px) {
    .el-card[data-type=webinar] .el-card__txt-container {
        padding-top:1.6rem
    }
}

.el-card[data-type=webinar] .el-card__txt-container__inner>[class*=el-heading],.el-card[data-type=webinar] .el-card__txt-container__inner>.el-label,.el-card[data-type=webinar] .el-card__txt-container__inner>.el-text-list {
    padding: 0 2.5rem
}

@media only screen and (max-width: 768px) {
    .el-card[data-type=webinar] .el-card__txt-container__inner>[class*=el-heading],.el-card[data-type=webinar] .el-card__txt-container__inner>.el-label,.el-card[data-type=webinar] .el-card__txt-container__inner>.el-text-list {
        padding:0 1.6rem
    }
}

.el-card[data-text-limit=true] .el-card__txt-container {
    position: relative
}

.el-card[data-text-limit=true] .el-card__txt-container .el-paragraph {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.el-card[data-change-aspect=true] .el-card__pic-container::before {
    padding-top: 50%
}

.el-card[data-change-aspect=true] .el-card__pic-container img {
    -o-object-fit: cover;
    object-fit: cover
}

.el-card[data-aspect-fit=true] .el-card__pic-container::before {
    content: none
}

.el-card[data-aspect-fit=true] .el-card__pic-container picture {
    position: static
}

.el-card__inner {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    box-shadow: 4px 4px 4px rgba(0,0,0,.16);
    color: var(--txt-color);
    background-color: var(--base-color);
    height: 100%;
    transition: box-shadow .3s
}

a.el-card__inner {
    position: relative
}

a.el-card__inner:hover {
    box-shadow: 4px 4px 4px rgba(0,53,142,.16)
}

a.el-card__inner:hover .el-card__txt-container div[class*=el-heading-lv] h1,a.el-card__inner:hover .el-card__txt-container div[class*=el-heading-lv] h2,a.el-card__inner:hover .el-card__txt-container div[class*=el-heading-lv] h3,a.el-card__inner:hover .el-card__txt-container div[class*=el-heading-lv] h4,a.el-card__inner:hover .el-card__txt-container div[class*=el-heading-lv] h5,a.el-card__inner:hover .el-card__txt-container div[class*=el-heading-lv] h6 {
    color: var(--main-color)
}

a.el-card__inner::before {
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Cpath%20d%3D%22M0%2C0H24a0%2C0%2C0%2C0%2C1%2C0%2C0V21a3%2C3%2C0%2C0%2C1-3%2C3H0a0%2C0%2C0%2C0%2C1%2C0%2C0V0A0%2C0%2C0%2C0%2C1%2C0%2C0Z%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%3E%20%3Cg%20transform%3D%22translate%284.8%204.8%29%22%3E%20%3Cg%20transform%3D%22translate%284.495%201.769%29%22%3E%20%3Cpath%20d%3D%22M39.937%2C38.233%2C38.727%2C36.9l4.533-4.115-4.5-4.082%2C1.209-1.332%2C5.966%2C5.414Z%22%20transform%3D%22translate%28-38.727%20-27.371%29%22%20fill%3D%22%2300358e%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20width%3D%2214.4%22%20height%3D%2214.4%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: cover;
    background-position: center;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: solid 1px var(--main-color);
    border-left: solid 1px var(--main-color)
}

@media only screen and (max-width: 768px) {
    a.el-card__inner::before {
        width:1.4rem;
        height: 1.4rem
    }
}

.el-card__pic-container {
    position: relative
}

.el-card__pic-container::before {
    content: "";
    padding-top: 66.8%;
    display: block
}

.el-card__pic-container picture {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.el-card__pic-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.el-card__txt-container {
    flex: 1;
    padding: 2.5rem
}

@media only screen and (max-width: 768px) {
    .el-card__txt-container {
        padding:1.6rem
    }
}

.el-card__txt-container__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%
}

.el-card__txt-container__inner>*:first-child {
    margin-top: 0 !important
}

.el-card__txt-container__inner>*:last-child {
    margin-bottom: 0 !important
}

.el-card__txt-container__inner>* {
    width: 100%
}

.el-catch-text-ex {
    max-width: var(--contents-width);
    margin: 0 auto 10rem
}

@media only screen and (max-width: 768px) {
    .el-catch-text-ex {
        margin:0 auto 5rem
    }
}

.el-catch-text-ex__wrapper {
    text-align: center
}

.el-catch-text-ex__text {
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1
}

.el-catch-text-ex__catch {
    line-height: 1;
    display: block;
    margin-top: 2rem;
    font-size: 1.8rem;
    font-weight: 500
}

.el-catch-text {
    max-width: var(--contents-width);
    margin: 5rem auto 2rem;
    display: flex;
    align-items: center
}

.el-table .el-catch-text {
    margin: 0 auto 2rem
}

.el-pic-block .el-catch-text {
    margin: 0 auto 2rem
}

.el-color-box .el-catch-text {
    margin: 0 auto 2rem
}

@media only screen and (max-width: 768px) {
    .el-catch-text {
        margin-bottom:1.2rem;
        display: block
    }
}

.el-catch-text[data-align=left] {
    text-align: left
}

.el-catch-text[data-align=center] {
    text-align: center
}

.el-catch-text[data-align=right] {
    text-align: right
}

.el-catch-text__tags {
    margin-right: 1.2rem;
    background-color: var(--base-color--blue);
    padding: .6rem .8rem;
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (max-width: 768px) {
    .el-catch-text__tags {
        margin-bottom:1.2rem
    }
}

.el-catch-text__tags span {
    color: var(--main-color);
    font-size: 1.6rem;
    font-weight: 700;
    white-space: nowrap
}

.el-catch-text__tags i {
    width: 2rem;
    height: 2rem;
    display: block;
    margin-right: .4rem
}

.el-catch-text p {
    font-size: 2rem;
    line-height: 30px;
    font-weight: 700;
    display: block;
    width: 100%
}

@media only screen and (max-width: 768px) {
    .el-catch-text p {
        font-size:1.8rem
    }
}

.el-catch-text+.el-heading-lv2 {
    margin-top: 12rem
}

@media only screen and (max-width: 768px) {
    .el-catch-text+.el-heading-lv2 {
        margin-top:4rem
    }
}

.el-color-box {
    max-width: var(--contents-width);
    margin: 4rem auto .8rem;
    padding: 2.4rem 3.4rem
}

@media only screen and (max-width: 768px) {
    .el-color-box {
        margin-bottom:2rem;
        padding: 1.6rem
    }
}

.el-site-header .el-color-box {
    padding: 2rem
}

.el-divide-layout .el-color-box {
    height: 100%;
    padding: 3rem
}

.el-color-box[data-shadow=true] {
    box-shadow: 4px 4px 4px rgba(0,0,0,.16)
}

@media only screen and (max-width: 768px) {
    .el-color-box[data-sp-fit=true] {
        margin-right:calc(-1*var(--padding-contents-wrapper--sp));
        margin-left: calc(-1*var(--padding-contents-wrapper--sp))
    }
}

.el-color-box[data-large-padding=true] {
    padding-top: 5rem;
    padding-bottom: 5rem
}

@media only screen and (max-width: 768px) {
    .el-color-box[data-large-padding=true] {
        padding-top:4rem;
        padding-bottom: 4rem
    }
}

.el-color-box[data-color="1"] {
    background-color: var(--base-color)
}

.el-color-box[data-color="1"][data-with-border=true] {
    border: solid 2px #c7c7c7
}

.el-color-box[data-color="1"][data-width-border-top=true] {
    border: none;
    border-top: solid 4px #c7c7c7
}

.el-color-box[data-color="2"] {
    background-color: var(--base-color--blue)
}

.el-color-box[data-color="2"][data-with-border=true] {
    border: solid 2px var(--main-color)
}

.el-color-box[data-color="2"][data-width-border-top=true] {
    border: none;
    border-top: solid 4px var(--main-color)
}

.el-color-box[data-color="3"] {
    background-color: var(--base-color--gray)
}

.el-color-box[data-color="3"][data-with-border=true] {
    border: solid 2px var(--border-color)
}

.el-color-box[data-color="3"][data-width-border-top=true] {
    border: none;
    border-top: solid 4px var(--border-color)
}

.el-color-box[data-color="4"] {
    background-color: var(--main-color);
    color: var(--base-color)
}

.el-color-box[data-color="4"][data-with-border=true] {
    border: solid 2px var(--main-color)
}

.el-color-box[data-color="4"][data-width-border-top=true] {
    border: none;
    border-top: solid 4px var(--main-color)
}

.el-color-box[data-color="5"] {
    background-color: var(--base-color)
}

.el-color-box[data-color="5"][data-with-border=true] {
    border: solid 2px var(--main-color)
}

.el-color-box[data-color="5"][data-width-border-top=true] {
    border: none;
    border-top: solid 4px var(--main-color)
}

.el-color-box[data-color="6"] {
    background-color: var(--bg-color--gray)
}

.el-color-box[data-color="6"][data-with-border=true] {
    border: solid 2px #fff
}

.el-color-box[data-color="6"][data-width-border-top=true] {
    border: none;
    border-top: solid 4px #fff
}

.el-color-box__inner>*:first-child {
    margin-top: 0 !important
}

.el-color-box__inner>*:last-child {
    margin-bottom: 0 !important
}

.el-site-header .el-color-box__inner {
    max-width: 1280px;
    margin: 0 auto
}

.el-color-box+.el-divide-layout {
    margin-top: 6rem
}

.el-contact {
    display: flex;
    align-items: center;
    position: relative;
    max-width: var(--contents-width);
    margin: 8rem auto 12rem;
    padding: 2.8rem 0
}

.el-contact::before {
    position: absolute;
    right: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    margin: 0 calc(50% - 50vw);
    background: linear-gradient(90deg, #00358e 0%, #001a47 100%);
    content: ""
}

@media print,screen and (max-width: 960px)and (min-width: 769px) {
    .el-contact {
        padding:4rem 0
    }
}

@media only screen and (max-width: 768px) {
    .el-contact {
        margin:6rem auto;
        padding: 4rem 0
    }
}

.el-contact[data-large-content=true] {
    min-height: 25rem;
    padding-top: 8.5rem;
    padding-bottom: 8.5rem
}

@media only screen and (max-width: 768px) {
    .el-contact[data-large-content=true] {
        padding-top:3.5rem;
        padding-bottom: 3.5rem
    }
}

.el-contact[data-vertical=true] .el-contact__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.el-contact[data-vertical=true] .el-contact__wrapper>div {
    width: 100%
}

.el-contact[data-vertical=true] .el-contact__heading {
    text-align: center
}

.el-contact[data-vertical=true] .el-contact__btn-container {
    max-width: 96rem;
    margin: 0 auto
}

.el-contact[data-content-fit=true] {
    max-width: var(--contents-width);
    margin: 0 auto 12rem
}

@media only screen and (max-width: 768px) {
    .el-contact[data-content-fit=true] {
        margin:0 auto 6rem
    }
}

@media print,screen and (min-width: 769px) {
    .el-contact:not([data-vertical=true]) .el-contact__btn-container {
        align-self:flex-end
    }
}

.el-contact__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    max-width: var(--contents-width);
    margin: 0 auto
}

@media print,screen and (min-width: 769px) {
    .el-contact__wrapper>div {
        width:calc(50% - 1.5rem)
    }

    .el-contact__wrapper>div:first-child {
        margin-right: 3rem
    }
}

@media only screen and (max-width: 768px) {
    .el-contact__wrapper>div {
        width:100%
    }
}

.el-contact__heading {
    margin-bottom: 3.2rem
}

@media only screen and (max-width: 960px) {
    .el-contact__heading {
        margin-bottom:2.8rem
    }
}

.el-contact__heading span {
    color: var(--base-color);
    font-weight: 700;
    font-size: 4.4rem
}

@media only screen and (max-width: 960px) {
    .el-contact__heading span {
        font-size:2.2rem
    }
}

.el-contact__text {
    margin-bottom: 2rem
}

.el-contact__text span {
    color: var(--base-color);
    font-weight: 500;
    font-size: 2rem
}

@media only screen and (max-width: 960px) {
    .el-contact__text span {
        font-size:1.6rem
    }
}

.el-contact__btn>*:first-child {
    margin-top: 0 !important
}

.el-contact__btn>*:last-child {
    margin-bottom: 0 !important
}

.el-contact__btn--list {
    display: flex;
    flex-wrap: wrap
}

.el-contact__btn--heading {
    width: 100%;
    margin-bottom: 1.9rem;
    text-align: center
}

.el-contact__btn--heading span {
    color: var(--base-color);
    font-weight: 500;
    font-size: 2rem
}

@media only screen and (max-width: 768px) {
    .el-contact__btn--heading span {
        font-weight:700;
        font-size: 1.6rem
    }
}

@media print,screen and (min-width: 961px) {
    .el-contact__btn--item {
        width:calc(50% - 1.6rem)
    }

    .el-contact__btn--item:not(:first-child) {
        margin-left: 3.2rem
    }
}

@media only screen and (max-width: 960px) {
    .el-contact__btn--item {
        width:100%
    }

    .el-contact__btn--item:not(:last-child) {
        margin-bottom: 2rem
    }
}

.el-contact__btn--link {
    display: inline-flex;
    position: relative;
    width: 100%;
    border: 1px solid;
    border-color: var(--main-color);
    border-radius: .4rem;
    box-shadow: 4px 4px 4px rgba(0,0,0,.16);
    background-color: var(--base-color);
    color: var(--txt-color);
    text-decoration: none;
    transition: background-color .3s,color .3s,box-shadow .3s
}

@media print,screen and (min-width: 961px) {
    .el-contact__btn--link {
        padding:2rem 4rem;
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 960px) {
    .el-contact__btn--link {
        padding:1.4rem;
        font-size: 1.4rem
    }
}

.el-contact__btn--link span {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 0;
    font-weight: 700;
    font-size: 2rem;
    text-align: center
}

.el-contact__btn--link:hover {
    border-color: var(--base-color);
    box-shadow: 0 .3rem .9rem rgba(0,0,0,.2);
    background-color: var(--main-color);
    color: #fff
}

.el-contents-wrapper {
    display: block;
    padding: 0 var(--padding-contents-wrapper--lr) 0
}

@media only screen and (max-width: 768px) {
    .el-contents-wrapper {
        padding:0 var(--padding-contents-wrapper--sp)
    }
}

.el-contents-wrapper>*:last-child.el-pic .el-pic__caption {
    margin-bottom: 0
}

.el-contents-wrapper>.el-section:last-of-type[data-color]+.el-bg-full {
    margin-top: -12rem;
    padding-bottom: 0
}

.el-detail-list {
    max-width: var(--contents-width);
    margin: 0 auto 1.6rem
}

.el-detail-list__item {
    display: flex;
    align-items: center
}

@media only screen and (max-width: 768px) {
    .el-detail-list__item {
        width:auto
    }
}

@media only screen and (max-width: 768px) {
    .el-detail-list__item:not(:first-child) {
        margin-top:1.6rem
    }

    .el-color-box .el-detail-list__item:not(:first-child) {
        margin-top: 1rem
    }
}

.el-color-box .el-detail-list__item:not(:first-child) .el-detail-list__heading,.el-color-box .el-detail-list__item:not(:first-child) .el-detail-list__text {
    padding-top: 1rem
}

@media only screen and (max-width: 768px) {
    .el-color-box .el-detail-list__item:not(:first-child) .el-detail-list__heading,.el-color-box .el-detail-list__item:not(:first-child) .el-detail-list__text {
        padding-top:0
    }
}

@media only screen and (max-width: 768px) {
    .el-detail-list__item:not(:first-child) .el-detail-list__heading,.el-detail-list__item:not(:first-child) .el-detail-list__text {
        padding-top:0;
        margin-top: 0
    }
}

.el-detail-list__item[data-size=large] .el-detail-list__heading__inner {
    font-size: 1.8rem
}

@media only screen and (max-width: 768px) {
    .el-detail-list__item[data-size=large] .el-detail-list__heading__inner {
        font-size:1.6rem
    }
}

.el-detail-list__item[data-color=blue] .el-detail-list__heading__inner {
    color: var(--main-color)
}

.el-detail-list__heading {
    white-space: nowrap;
    flex-shrink: 0;
    padding-right: 1.6rem;
    min-width: 16rem;
    position: relative;
    font-weight: 500;
    align-self: flex-start
}

@media only screen and (max-width: 768px) {
    .el-detail-list__heading {
        white-space:normal;
        padding-right: 0;
        margin-bottom: 1.2rem;
        line-height: 24px
    }
}

.el-detail-list__heading__inner {
    font-size: 1.6rem
}

@media only screen and (max-width: 768px) {
    .el-detail-list__heading__inner {
        font-size:1.4rem
    }
}

.el-detail-list__text {
    flex-grow: 1;
    font-size: 1.8rem
}

.el-detail-list__text>*:first-child {
    margin-top: 0 !important
}

.el-detail-list__text>*:last-child {
    margin-bottom: 0 !important
}

.el-detail-list[data-prefix=true] .el-detail-list__heading {
    min-width: inherit;
    min-width: 4.4rem
}

@media only screen and (max-width: 768px) {
    .el-detail-list[data-prefix=true] .el-detail-list__heading {
        margin-bottom:0;
        min-width: 3.6rem;
        margin-right: .8rem
    }
}

@media only screen and (max-width: 768px) {
    .el-detail-list[data-prefix=true] .el-detail-list__item {
        display:flex
    }
}

.el-detail-list[data-with-colon=true] .el-detail-list__heading {
    position: relative;
    margin-right: 2.3rem
}

.el-detail-list[data-with-colon=true] .el-detail-list__heading__inner::after {
    position: absolute;
    content: ":";
    right: .5rem
}

.el-detail-list[data-heading-bold=true] .el-detail-list__heading {
    font-weight: 700
}

.el-detail-list[data-with-border=true] .el-detail-list__item {
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 1.6rem
}

.el-detail-list[data-with-border=true] .el-detail-list__item:not(:first-child) .el-detail-list__heading,.el-detail-list[data-with-border=true] .el-detail-list__item:not(:first-child) .el-detail-list__text {
    padding-top: 1.6rem
}

@media only screen and (max-width: 768px) {
    .el-detail-list[data-with-border=true] .el-detail-list__item:not(:first-child) .el-detail-list__heading,.el-detail-list[data-with-border=true] .el-detail-list__item:not(:first-child) .el-detail-list__text {
        padding-top:0
    }
}

.el-detail-list[data-with-border=true][data-heading-decoration=true] .el-detail-list__item:not(:first-child) .el-detail-list__heading,.el-detail-list[data-with-border=true][data-heading-decoration=true] .el-detail-list__item:not(:first-child) .el-detail-list__text {
    padding-top: 1.2rem
}

.el-detail-list[data-with-border=true][data-heading-decoration=true] .el-detail-list__item .el-detail-list__heading {
    padding-top: 1.2rem
}

.el-detail-list[data-with-border=true][data-set-border-top=true] .el-detail-list__item {
    border-bottom: 1px solid var(--border-color)
}

.el-detail-list[data-with-border=true][data-set-border-top=true] .el-detail-list__item:first-child {
    border-top: 1px solid var(--border-color)
}

.el-detail-list[data-with-border=true][data-set-border-top=true] .el-detail-list__heading {
    min-width: 20rem
}

@media only screen and (max-width: 768px) {
    .el-detail-list[data-with-border=true][data-set-border-top=true] .el-detail-list__heading {
        min-width:initial
    }
}

.el-detail-list[data-heading-decoration=true] .el-detail-list__item {
    margin-bottom: 1.2rem
}

.el-detail-list[data-heading-decoration=true] .el-detail-list__heading {
    text-align: center;
    background-color: var(--bg-color--gray);
    padding: 1.2rem;
    margin-right: 4rem;
    min-width: 20rem;
    line-height: normal
}

@media only screen and (max-width: 768px) {
    .el-detail-list[data-heading-decoration=true] .el-detail-list__heading {
        padding:.8rem;
        margin-right: 2rem
    }

    .el-detail-list[data-heading-decoration=true] .el-detail-list__heading__inner {
        font-size: 1.4rem
    }
}

.el-detail-list[data-heading-decoration=true] .el-detail-list__text {
    padding-top: 0
}

@media only screen and (max-width: 768px) {
    .el-detail-list[data-heading-decoration=true][data-vertical-on-sp=true] .el-detail-list__heading {
        padding:.8rem !important
    }
}

@media only screen and (max-width: 768px) {
    .el-detail-list[data-vertical-on-sp=true] .el-detail-list__item {
        display:block;
        width: auto
    }

    .el-detail-list[data-vertical-on-sp=true] .el-detail-list__item:not(:first-child) {
        margin-top: 1.6rem
    }

    .el-detail-list[data-vertical-on-sp=true] .el-detail-list__item:not(:first-child) .el-detail-list__heading,.el-detail-list[data-vertical-on-sp=true] .el-detail-list__item:not(:first-child) .el-detail-list__text {
        padding-top: 0;
        margin-top: 0
    }

    .el-detail-list[data-vertical-on-sp=true] .el-detail-list__heading {
        display: block;
        width: auto;
        white-space: normal;
        padding-right: 0;
        margin-bottom: .8rem;
        width: 100%
    }

    .el-detail-list[data-vertical-on-sp=true] .el-detail-list__text {
        display: block;
        width: auto
    }

    .el-detail-list[data-vertical-on-sp=true][data-with-border=true] .el-detail-list__heading,.el-detail-list[data-vertical-on-sp=true][data-with-border=true] .el-detail-list__text {
        border-bottom: none;
        padding-bottom: 0
    }

    .el-detail-list[data-vertical-on-sp=true][data-with-border=true] .el-detail-list__item {
        border-bottom: 1px solid var(--border-color);
        padding-bottom: 1.6rem
    }

    .el-detail-list[data-vertical-on-sp=true][data-with-border=true] .el-detail-list__item:not(:first-child) .el-detail-list__heading,.el-detail-list[data-vertical-on-sp=true][data-with-border=true] .el-detail-list__item:not(:first-child) .el-detail-list__text {
        padding-top: 0
    }

    .el-detail-list[data-vertical-on-sp=true][data-with-colon=true] .el-detail-list__heading__inner {
        position: relative;
        padding-right: 1rem
    }

    .el-detail-list[data-vertical-on-sp=true][data-with-colon=true] .el-detail-list__heading__inner::after {
        right: 0
    }

    .el-detail-list[data-vertical-on-sp=true][data-heading-decoration=true] .el-detail-list__heading {
        margin-bottom: 1rem
    }
}

.el-detail-list:not([data-heading-decoration=true]) .el-detail-list__heading__inner {
    position: relative;
    top: .1rem
}

@media only screen and (max-width: 768px) {
    .el-detail-list:not([data-heading-decoration=true]) .el-detail-list__heading__inner {
        top:.2rem
    }
}

.el-detail-list+.el-heading-lv5 {
    margin-top: 5rem
}

@media only screen and (max-width: 768px) {
    .el-detail-list+.el-heading-lv5 {
        margin-top:3rem
    }
}

.el-divide-layout {
    max-width: var(--contents-width);
    margin: 0 auto 3.2rem;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width: 768px) {
    .el-divide-layout {
        margin-bottom:4rem
    }
}

.el-divide-layout[data-align=center] .el-divide-layout__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.el-divide-layout[data-align=center] .el-divide-layout__item>* {
    width: 100%
}

.el-divide-layout[data-place-align=center] {
    justify-content: center
}

.el-color-box .el-divide-layout {
    margin-bottom: 2.5rem
}

@media print,screen and (min-width: 1080px) {
    .el-divide-layout[data-column*=d1]>.el-divide-layout__item {
        width:calc((99.9% - (3.2rem * (1 - 1))) / 1)
    }

    .el-divide-layout[data-column*=d1]>.el-divide-layout__item:nth-child(n+2) {
        margin-top: 3.2rem
    }

    .el-divide-layout[data-column*=d1]>.el-divide-layout__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-divide-layout[data-column*=d2]>.el-divide-layout__item {
        width: calc((99.9% - (3.2rem * (2 - 1))) / 2)
    }

    .el-divide-layout[data-column*=d2]>.el-divide-layout__item:nth-child(n+3) {
        margin-top: 3.2rem
    }

    .el-divide-layout[data-column*=d2]>.el-divide-layout__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-divide-layout[data-column*=d3]>.el-divide-layout__item {
        width: calc((99.9% - (3.2rem * (3 - 1))) / 3)
    }

    .el-divide-layout[data-column*=d3]>.el-divide-layout__item:nth-child(n+4) {
        margin-top: 3.2rem
    }

    .el-divide-layout[data-column*=d3]>.el-divide-layout__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-divide-layout[data-column*=d4]>.el-divide-layout__item {
        width: calc((99.9% - (3.2rem * (4 - 1))) / 4)
    }

    .el-divide-layout[data-column*=d4]>.el-divide-layout__item:nth-child(n+5) {
        margin-top: 3.2rem
    }

    .el-divide-layout[data-column*=d4]>.el-divide-layout__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-divide-layout[data-column*=d5]>.el-divide-layout__item {
        width: calc((99.9% - (3.2rem * (5 - 1))) / 5)
    }

    .el-divide-layout[data-column*=d5]>.el-divide-layout__item:nth-child(n+6) {
        margin-top: 3.2rem
    }

    .el-divide-layout[data-column*=d5]>.el-divide-layout__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-divide-layout[data-column*=d6]>.el-divide-layout__item {
        width: calc((99.9% - (3.2rem * (6 - 1))) / 6)
    }

    .el-divide-layout[data-column*=d6]>.el-divide-layout__item:nth-child(n+7) {
        margin-top: 3.2rem
    }

    .el-divide-layout[data-column*=d6]>.el-divide-layout__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 3.2rem
    }
}

@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-divide-layout[data-column*=t1]>.el-divide-layout__item {
        width:calc((99.9% - (3.2rem * (1 - 1))) / 1)
    }

    .el-divide-layout[data-column*=t1]>.el-divide-layout__item:nth-child(n+2) {
        margin-top: 3.2rem
    }

    .el-divide-layout[data-column*=t1]>.el-divide-layout__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-divide-layout[data-column*=t2]>.el-divide-layout__item {
        width: calc((99.9% - (3.2rem * (2 - 1))) / 2)
    }

    .el-divide-layout[data-column*=t2]>.el-divide-layout__item:nth-child(n+3) {
        margin-top: 3.2rem
    }

    .el-divide-layout[data-column*=t2]>.el-divide-layout__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-divide-layout[data-column*=t3]>.el-divide-layout__item {
        width: calc((99.9% - (3.2rem * (3 - 1))) / 3)
    }

    .el-divide-layout[data-column*=t3]>.el-divide-layout__item:nth-child(n+4) {
        margin-top: 3.2rem
    }

    .el-divide-layout[data-column*=t3]>.el-divide-layout__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-divide-layout[data-column*=t4]>.el-divide-layout__item {
        width: calc((99.9% - (3.2rem * (4 - 1))) / 4)
    }

    .el-divide-layout[data-column*=t4]>.el-divide-layout__item:nth-child(n+5) {
        margin-top: 3.2rem
    }

    .el-divide-layout[data-column*=t4]>.el-divide-layout__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-divide-layout[data-column*=t5]>.el-divide-layout__item {
        width: calc((99.9% - (3.2rem * (5 - 1))) / 5)
    }

    .el-divide-layout[data-column*=t5]>.el-divide-layout__item:nth-child(n+6) {
        margin-top: 3.2rem
    }

    .el-divide-layout[data-column*=t5]>.el-divide-layout__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 3.2rem
    }

    .el-divide-layout[data-column*=t6]>.el-divide-layout__item {
        width: calc((99.9% - (3.2rem * (6 - 1))) / 6)
    }

    .el-divide-layout[data-column*=t6]>.el-divide-layout__item:nth-child(n+7) {
        margin-top: 3.2rem
    }

    .el-divide-layout[data-column*=t6]>.el-divide-layout__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 3.2rem
    }
}

@media only screen and (max-width: 768px) {
    .el-divide-layout[data-column*=m1]>.el-divide-layout__item {
        width:calc((99.9% - (2rem * (1 - 1))) / 1)
    }

    .el-divide-layout[data-column*=m1]>.el-divide-layout__item:nth-child(n+2) {
        margin-top: 2rem
    }

    .el-divide-layout[data-column*=m1]>.el-divide-layout__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout[data-column*=m2]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (2 - 1))) / 2)
    }

    .el-divide-layout[data-column*=m2]>.el-divide-layout__item:nth-child(n+3) {
        margin-top: 2rem
    }

    .el-divide-layout[data-column*=m2]>.el-divide-layout__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout[data-column*=m3]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (3 - 1))) / 3)
    }

    .el-divide-layout[data-column*=m3]>.el-divide-layout__item:nth-child(n+4) {
        margin-top: 2rem
    }

    .el-divide-layout[data-column*=m3]>.el-divide-layout__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout[data-column*=m4]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (4 - 1))) / 4)
    }

    .el-divide-layout[data-column*=m4]>.el-divide-layout__item:nth-child(n+5) {
        margin-top: 2rem
    }

    .el-divide-layout[data-column*=m4]>.el-divide-layout__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout[data-column*=m5]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (5 - 1))) / 5)
    }

    .el-divide-layout[data-column*=m5]>.el-divide-layout__item:nth-child(n+6) {
        margin-top: 2rem
    }

    .el-divide-layout[data-column*=m5]>.el-divide-layout__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout[data-column*=m6]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (6 - 1))) / 6)
    }

    .el-divide-layout[data-column*=m6]>.el-divide-layout__item:nth-child(n+7) {
        margin-top: 2rem
    }

    .el-divide-layout[data-column*=m6]>.el-divide-layout__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 2rem
    }
}

@media print,screen and (min-width: 1080px) {
    .el-site-header .el-divide-layout[data-column*=d1]>.el-divide-layout__item {
        width:calc((99.9% - (4rem * (1 - 1))) / 1)
    }

    .el-site-header .el-divide-layout[data-column*=d1]>.el-divide-layout__item:nth-child(n+2) {
        margin-top: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=d1]>.el-divide-layout__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=d2]>.el-divide-layout__item {
        width: calc((99.9% - (4rem * (2 - 1))) / 2)
    }

    .el-site-header .el-divide-layout[data-column*=d2]>.el-divide-layout__item:nth-child(n+3) {
        margin-top: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=d2]>.el-divide-layout__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=d3]>.el-divide-layout__item {
        width: calc((99.9% - (4rem * (3 - 1))) / 3)
    }

    .el-site-header .el-divide-layout[data-column*=d3]>.el-divide-layout__item:nth-child(n+4) {
        margin-top: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=d3]>.el-divide-layout__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=d4]>.el-divide-layout__item {
        width: calc((99.9% - (4rem * (4 - 1))) / 4)
    }

    .el-site-header .el-divide-layout[data-column*=d4]>.el-divide-layout__item:nth-child(n+5) {
        margin-top: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=d4]>.el-divide-layout__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=d5]>.el-divide-layout__item {
        width: calc((99.9% - (4rem * (5 - 1))) / 5)
    }

    .el-site-header .el-divide-layout[data-column*=d5]>.el-divide-layout__item:nth-child(n+6) {
        margin-top: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=d5]>.el-divide-layout__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=d6]>.el-divide-layout__item {
        width: calc((99.9% - (4rem * (6 - 1))) / 6)
    }

    .el-site-header .el-divide-layout[data-column*=d6]>.el-divide-layout__item:nth-child(n+7) {
        margin-top: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=d6]>.el-divide-layout__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 4rem
    }
}

@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-site-header .el-divide-layout[data-column*=t1]>.el-divide-layout__item {
        width:calc((99.9% - (4rem * (1 - 1))) / 1)
    }

    .el-site-header .el-divide-layout[data-column*=t1]>.el-divide-layout__item:nth-child(n+2) {
        margin-top: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=t1]>.el-divide-layout__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=t2]>.el-divide-layout__item {
        width: calc((99.9% - (4rem * (2 - 1))) / 2)
    }

    .el-site-header .el-divide-layout[data-column*=t2]>.el-divide-layout__item:nth-child(n+3) {
        margin-top: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=t2]>.el-divide-layout__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=t3]>.el-divide-layout__item {
        width: calc((99.9% - (4rem * (3 - 1))) / 3)
    }

    .el-site-header .el-divide-layout[data-column*=t3]>.el-divide-layout__item:nth-child(n+4) {
        margin-top: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=t3]>.el-divide-layout__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=t4]>.el-divide-layout__item {
        width: calc((99.9% - (4rem * (4 - 1))) / 4)
    }

    .el-site-header .el-divide-layout[data-column*=t4]>.el-divide-layout__item:nth-child(n+5) {
        margin-top: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=t4]>.el-divide-layout__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=t5]>.el-divide-layout__item {
        width: calc((99.9% - (4rem * (5 - 1))) / 5)
    }

    .el-site-header .el-divide-layout[data-column*=t5]>.el-divide-layout__item:nth-child(n+6) {
        margin-top: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=t5]>.el-divide-layout__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=t6]>.el-divide-layout__item {
        width: calc((99.9% - (4rem * (6 - 1))) / 6)
    }

    .el-site-header .el-divide-layout[data-column*=t6]>.el-divide-layout__item:nth-child(n+7) {
        margin-top: 4rem
    }

    .el-site-header .el-divide-layout[data-column*=t6]>.el-divide-layout__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 4rem
    }
}

@media only screen and (max-width: 768px) {
    .el-site-header .el-divide-layout[data-column*=m1]>.el-divide-layout__item {
        width:calc((99.9% - (2rem * (1 - 1))) / 1)
    }

    .el-site-header .el-divide-layout[data-column*=m1]>.el-divide-layout__item:nth-child(n+2) {
        margin-top: 2rem
    }

    .el-site-header .el-divide-layout[data-column*=m1]>.el-divide-layout__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-site-header .el-divide-layout[data-column*=m2]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (2 - 1))) / 2)
    }

    .el-site-header .el-divide-layout[data-column*=m2]>.el-divide-layout__item:nth-child(n+3) {
        margin-top: 2rem
    }

    .el-site-header .el-divide-layout[data-column*=m2]>.el-divide-layout__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-site-header .el-divide-layout[data-column*=m3]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (3 - 1))) / 3)
    }

    .el-site-header .el-divide-layout[data-column*=m3]>.el-divide-layout__item:nth-child(n+4) {
        margin-top: 2rem
    }

    .el-site-header .el-divide-layout[data-column*=m3]>.el-divide-layout__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-site-header .el-divide-layout[data-column*=m4]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (4 - 1))) / 4)
    }

    .el-site-header .el-divide-layout[data-column*=m4]>.el-divide-layout__item:nth-child(n+5) {
        margin-top: 2rem
    }

    .el-site-header .el-divide-layout[data-column*=m4]>.el-divide-layout__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-site-header .el-divide-layout[data-column*=m5]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (5 - 1))) / 5)
    }

    .el-site-header .el-divide-layout[data-column*=m5]>.el-divide-layout__item:nth-child(n+6) {
        margin-top: 2rem
    }

    .el-site-header .el-divide-layout[data-column*=m5]>.el-divide-layout__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-site-header .el-divide-layout[data-column*=m6]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (6 - 1))) / 6)
    }

    .el-site-header .el-divide-layout[data-column*=m6]>.el-divide-layout__item:nth-child(n+7) {
        margin-top: 2rem
    }

    .el-site-header .el-divide-layout[data-column*=m6]>.el-divide-layout__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 2rem
    }
}

@media print,screen and (min-width: 1080px) {
    .el-divide-layout .el-divide-layout[data-column*=d1]>.el-divide-layout__item {
        width:calc((99.9% - (2rem * (1 - 1))) / 1)
    }

    .el-divide-layout .el-divide-layout[data-column*=d1]>.el-divide-layout__item:nth-child(n+2) {
        margin-top: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=d1]>.el-divide-layout__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=d2]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (2 - 1))) / 2)
    }

    .el-divide-layout .el-divide-layout[data-column*=d2]>.el-divide-layout__item:nth-child(n+3) {
        margin-top: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=d2]>.el-divide-layout__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=d3]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (3 - 1))) / 3)
    }

    .el-divide-layout .el-divide-layout[data-column*=d3]>.el-divide-layout__item:nth-child(n+4) {
        margin-top: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=d3]>.el-divide-layout__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=d4]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (4 - 1))) / 4)
    }

    .el-divide-layout .el-divide-layout[data-column*=d4]>.el-divide-layout__item:nth-child(n+5) {
        margin-top: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=d4]>.el-divide-layout__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=d5]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (5 - 1))) / 5)
    }

    .el-divide-layout .el-divide-layout[data-column*=d5]>.el-divide-layout__item:nth-child(n+6) {
        margin-top: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=d5]>.el-divide-layout__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=d6]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (6 - 1))) / 6)
    }

    .el-divide-layout .el-divide-layout[data-column*=d6]>.el-divide-layout__item:nth-child(n+7) {
        margin-top: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=d6]>.el-divide-layout__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 2rem
    }
}

@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-divide-layout .el-divide-layout[data-column*=t1]>.el-divide-layout__item {
        width:calc((99.9% - (2rem * (1 - 1))) / 1)
    }

    .el-divide-layout .el-divide-layout[data-column*=t1]>.el-divide-layout__item:nth-child(n+2) {
        margin-top: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=t1]>.el-divide-layout__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=t2]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (2 - 1))) / 2)
    }

    .el-divide-layout .el-divide-layout[data-column*=t2]>.el-divide-layout__item:nth-child(n+3) {
        margin-top: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=t2]>.el-divide-layout__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=t3]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (3 - 1))) / 3)
    }

    .el-divide-layout .el-divide-layout[data-column*=t3]>.el-divide-layout__item:nth-child(n+4) {
        margin-top: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=t3]>.el-divide-layout__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=t4]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (4 - 1))) / 4)
    }

    .el-divide-layout .el-divide-layout[data-column*=t4]>.el-divide-layout__item:nth-child(n+5) {
        margin-top: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=t4]>.el-divide-layout__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=t5]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (5 - 1))) / 5)
    }

    .el-divide-layout .el-divide-layout[data-column*=t5]>.el-divide-layout__item:nth-child(n+6) {
        margin-top: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=t5]>.el-divide-layout__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=t6]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (6 - 1))) / 6)
    }

    .el-divide-layout .el-divide-layout[data-column*=t6]>.el-divide-layout__item:nth-child(n+7) {
        margin-top: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=t6]>.el-divide-layout__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 2rem
    }
}

@media only screen and (max-width: 768px) {
    .el-divide-layout .el-divide-layout[data-column*=m1]>.el-divide-layout__item {
        width:calc((99.9% - (2rem * (1 - 1))) / 1)
    }

    .el-divide-layout .el-divide-layout[data-column*=m1]>.el-divide-layout__item:nth-child(n+2) {
        margin-top: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=m1]>.el-divide-layout__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=m2]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (2 - 1))) / 2)
    }

    .el-divide-layout .el-divide-layout[data-column*=m2]>.el-divide-layout__item:nth-child(n+3) {
        margin-top: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=m2]>.el-divide-layout__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=m3]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (3 - 1))) / 3)
    }

    .el-divide-layout .el-divide-layout[data-column*=m3]>.el-divide-layout__item:nth-child(n+4) {
        margin-top: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=m3]>.el-divide-layout__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=m4]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (4 - 1))) / 4)
    }

    .el-divide-layout .el-divide-layout[data-column*=m4]>.el-divide-layout__item:nth-child(n+5) {
        margin-top: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=m4]>.el-divide-layout__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=m5]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (5 - 1))) / 5)
    }

    .el-divide-layout .el-divide-layout[data-column*=m5]>.el-divide-layout__item:nth-child(n+6) {
        margin-top: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=m5]>.el-divide-layout__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=m6]>.el-divide-layout__item {
        width: calc((99.9% - (2rem * (6 - 1))) / 6)
    }

    .el-divide-layout .el-divide-layout[data-column*=m6]>.el-divide-layout__item:nth-child(n+7) {
        margin-top: 2rem
    }

    .el-divide-layout .el-divide-layout[data-column*=m6]>.el-divide-layout__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 2rem
    }
}

.el-divide-layout__item>*:first-child {
    margin-top: 0 !important
}

.el-divide-layout__item>*:last-child {
    margin-bottom: 0 !important
}

.el-engineer-news {
    background-color: var(--base-color);
    box-shadow: 1px 4px 4px 0px rgba(0,0,0,.16);
    border-radius: .4rem;
    border-top: solid 2px var(--main-color)
}

.el-engineer-news__link a {
    display: flex;
    text-decoration: none;
    align-items: center;
    color: var(--main-color);
    font-size: 1.6rem;
    font-weight: 700
}

@media only screen and (max-width: 768px) {
    .el-engineer-news__link a {
        font-size:1.4rem
    }
}

.el-engineer-news__link a i {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    margin-left: 1.2rem
}

@media only screen and (max-width: 768px) {
    .el-engineer-news__link a i {
        width:2rem;
        height: 2rem
    }
}

.el-engineer-news__link a i svg {
    width: inherit;
    height: inherit
}

.el-engineer-news__heading {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 1.4rem 4rem
}

.el-engineer-news__heading h2 {
    font-size: 2.8rem;
    line-height: 42px;
    font-weight: 700
}

@media only screen and (max-width: 768px) {
    .el-engineer-news__heading h2 {
        font-size:2rem;
        line-height: 36px
    }
}

.el-engineer-news__container {
    margin: 0 auto;
    padding: 4rem
}

.el-engineer-news__container--inner {
    max-width: 1320px;
    margin-inline:auto}

.el-engineer-news__container--inner>*:first-child {
    margin-top: 0 !important
}

.el-engineer-news__container--inner>*:last-child {
    margin-bottom: 0 !important
}

.el-event-tab {
    max-width: var(--contents-width);
    margin: 0 auto 8rem;
    display: flex;
    align-items: flex-start;
    position: relative
}

@media only screen and (max-width: 1079px) {
    .el-event-tab {
        margin-bottom:4rem;
        display: block
    }
}

@media print,screen and (min-width: 1080px) {
    .el-event-tab__link {
        margin-top:2.8rem;
        margin-bottom: 2rem
    }
}

@media only screen and (max-width: 1079px) {
    .el-event-tab__link {
        margin-top:2rem;
        border-top: solid 2px var(--border-color)
    }
}

.el-event-tab__link.sp-only {
    display: none
}

@media only screen and (max-width: 1079px) {
    .el-event-tab__link.sp-only {
        display:block
    }
}

@media only screen and (max-width: 1079px) {
    .el-event-tab__link.pc-only {
        display:none
    }
}

.el-event-tab__link .el-text-list {
    margin: 2rem auto
}

.el-event-tab__head {
    margin-right: 4.1666666667vw
}

@media only screen and (max-width: 1079px) {
    .el-event-tab__head--list {
        display:flex;
        flex-wrap: wrap;
        margin-right: 0;
        margin-bottom: 2rem
    }
}

.el-event-tab__head--item {
    width: 100%;
    text-decoration: none;
    color: var(--main-color);
    font-weight: 700;
    font-size: 2rem;
    padding: .8rem 1.2rem;
    background-color: var(--base-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .4rem;
    border: solid 2px var(--border-color);
    cursor: pointer
}

.el-event-tab__head--item[data-current=true] {
    background-color: var(--main-color);
    color: var(--base-color);
    border-color: var(--main-color);
    pointer-events: none
}

.el-event-tab__head--item[data-current=true] i {
    color: var(--main-color);
    background-color: var(--base-color)
}

.el-event-tab__head--item:not([data-current=true]) {
    transition: background-color .3s,color .3s,border-color .3s
}

.el-event-tab__head--item:not([data-current=true]):hover {
    background-color: var(--main-color);
    color: var(--base-color);
    border-color: var(--main-color)
}

.el-event-tab__head--item:not([data-current=true]):hover i {
    color: var(--main-color);
    background-color: var(--base-color)
}

@media print,screen and (min-width: 1080px) {
    .el-event-tab__head--item {
        min-width:20rem
    }

    .el-event-tab__head--item:not(:last-child) {
        margin-bottom: 1.6rem
    }
}

@media only screen and (max-width: 1079px) {
    .el-event-tab__head--item {
        display:flex;
        width: calc(50% - .6rem);
        margin-bottom: 1.2rem;
        border-radius: .4rem
    }

    .el-event-tab__head--item:nth-child(odd) {
        margin-right: 1.2rem
    }
}

@media only screen and (max-width: 768px) {
    .el-event-tab__head--item {
        font-size:1.4rem;
        border-radius: .4rem
    }
}

.el-event-tab__head--item i {
    width: 2.4rem;
    height: 2.4rem;
    color: var(--base-color);
    background-color: var(--main-color);
    border-radius: 50%;
    transition: color .3s,background-color .3s
}

@media only screen and (max-width: 768px) {
    .el-event-tab__head--item i {
        width:2rem;
        height: 2rem
    }
}

.el-event-tab__head--item i svg {
    position: relative;
    left: .1rem
}

.el-event-tab__body {
    width: 100%;
    display: grid;
    grid-template-columns: min(27.8666666667vw, 418px) 1fr;
    grid-template-rows: repeat(2, 1fr);
    gap: 3.2rem
}

@media only screen and (max-width: 1079px) {
    .el-event-tab__body {
        grid-template-columns:1fr;
        grid-template-rows: auto
    }
}

@media only screen and (max-width: 768px) {
    .el-event-tab__body {
        gap:1.1rem
    }
}

.el-event-tab__body>div:first-child {
    grid-area: 1/1/3/2
}

.el-event-tab__body>div:last-child {
    grid-area: 1/2/3/3
}

@media only screen and (max-width: 1079px) {
    .el-event-tab__body>div:first-child {
        grid-area:1/1/2/2
    }

    .el-event-tab__body>div:last-child {
        grid-area: 2/1/3/2
    }
}

.el-event-tab__body--child {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 3.2rem
}

@media only screen and (max-width: 768px) {
    .el-event-tab__body--child {
        gap:1.1rem
    }
}

.el-event-tab__body--item>*:first-child {
    margin-top: 0 !important
}

.el-event-tab__body--item>*:last-child {
    margin-bottom: 0 !important
}

.el-event-tab__body--item:first-child {
    grid-area: 1/1/2/2
}

.el-event-tab__body--item:nth-child(2) {
    grid-area: 1/2/2/3
}

.el-event-tab__body--item:nth-child(3) {
    grid-area: 2/1/3/2
}

.el-event-tab__body--item:nth-child(4) {
    grid-area: 2/2/3/3
}

.el-event-tab__body .el-card {
    height: 100%
}

.el-event-tab__body .el-news__item:first-child {
    padding-top: 0
}

@media only screen and (max-width: 768px) {
    .el-event-tab__body .el-label__item span {
        font-size:1.2rem
    }
}

.el-event-tab__date p {
    font-size: 1.6rem;
    font-weight: 500
}

@media only screen and (max-width: 768px) {
    .el-event-tab__date p {
        font-size:1.2rem
    }
}

@media only screen and (max-width: 768px) {
    [data-main-view=true] .el-event-tab__date p {
        font-size:1.4rem
    }
}

.el-event .el-color-box {
    position: relative
}

@media only screen and (max-width: 768px) {
    .el-event .el-color-box {
        padding-bottom:0;
        margin-bottom: 2rem
    }
}

@media print,screen and (min-width: 769px) {
    .el-event__form {
        display:block !important
    }

    .el-event__form>*:first-child {
        margin-top: 0 !important
    }

    .el-event__form>*:last-child {
        margin-bottom: 0 !important
    }
}

@media only screen and (max-width: 768px) {
    .el-event__form {
        display:none
    }
}

.el-event__form .el-detail-list:last-child {
    margin-bottom: 2.4rem
}

@media only screen and (max-width: 768px) {
    .el-event__form .el-detail-list:last-child {
        margin-bottom:0
    }
}

@media only screen and (max-width: 768px) {
    .el-event__form .el-detail-list__heading {
        width:100%
    }
}

@media only screen and (max-width: 768px) {
    .el-event__form .el-detail-list__item {
        border:0 !important;
        margin-bottom: 0 !important
    }
}

.el-event__form--category__child {
    display: flex;
    position: relative
}

@media only screen and (max-width: 768px) {
    .el-event__form--category__child {
        display:block
    }
}

.el-event__form--category__child>*:first-child {
    margin-top: 0 !important
}

.el-event__form--category__child>*:last-child {
    margin-bottom: 0 !important
}

.el-event__form--category__child:not(:last-child) {
    margin-bottom: 2rem;
    padding-bottom: 2rem
}

.el-event__form--category__child:not(:last-child)::before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: repeating-conic-gradient(#fff 0, #fff 25%, #c7c7c7);
    background-size: 7px;
    background-position: center center
}

.el-event__form--category__child>[class*=el-form] {
    flex: 1
}

@media print,screen and (min-width: 769px) {
    .el-event__form--category__heading {
        margin-right:10rem
    }
}

@media only screen and (max-width: 768px) {
    .el-event__form--category__heading {
        margin-bottom:1.5rem
    }
}

.el-event__form--category__heading span {
    font-size: 1.8rem;
    font-weight: 700
}

.el-event__form .el-form-select[data-is-active=true] .el-form-select__options--list {
    height: 100%;
    overflow-y: scroll
}

.el-event__form .el-form-select__select {
    min-width: 26rem
}

@media only screen and (max-width: 768px) {
    .el-event__form .el-form-select__select {
        min-width:calc(50% - .6rem)
    }
}

.el-event__form .el-form-select__options--item {
    padding: 1rem .2rem
}

@media only screen and (max-width: 768px) {
    .el-event__form .el-form-select__options--item {
        padding:.5rem .2rem
    }
}

.el-event__form .el-form-select__options--item span {
    font-weight: 700;
    font-size: 2rem
}

@media only screen and (max-width: 768px) {
    .el-event__form .el-form-select__options--item span {
        font-size:1.6rem
    }
}

@media only screen and (max-width: 768px) {
    .el-event__form .el-text-list {
        margin-bottom:0;
        padding-bottom: 2rem
    }
}

.el-event__accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

@media only screen and (max-width: 768px) {
    .el-event__accordion {
        padding-bottom:1.5rem
    }
}

.el-event__accordion[data-is-active] i.icn-close {
    display: none
}

.el-event__accordion--heading span {
    font-weight: 700;
    font-size: 1.6rem
}

.el-event__accordion--icn i {
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem;
    height: 2rem;
    display: block;
    color: var(--main-color)
}

.el-event .el-heading-lv6 {
    margin-bottom: 0
}

.el-filter__list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -1.2rem
}

.el-filter__item {
    margin-top: 1.2rem;
    margin-right: 1.2rem;
    padding: .7rem 2rem;
    border: solid 2px var(--border-color);
    background-color: var(--base-color);
    cursor: pointer
}

.el-filter__item[data-filtering=true] {
    border: solid 2px var(--main-color);
    background-color: var(--base-color--blue)
}

.el-filter__item[data-filtering=true] span {
    color: var(--main-color)
}

.el-filter__item span {
    font-weight: 700;
    font-size: 1.6rem
}

.el-filter__category {
    margin-bottom: 12rem
}

@media only screen and (max-width: 768px) {
    .el-filter__category {
        margin-bottom:8rem
    }
}

.el-filter-render__list+.el-catch-text {
    display: none
}

.el-filter .el-catch-text {
    margin-top: 8rem
}

@media print,screen and (min-width: 768px) {
    .el-filter .el-detail-list__heading {
        position:relative;
        top: 2rem
    }

    .el-filter .el-detail-list__heading__inner {
        position: static !important
    }
}

.el-flex-block {
    width: 100%
}

@media print,screen and (min-width: 769px) {
    .el-flex-block[data-item="1"] .el-flex-block__item:nth-child(n+2) {
        margin-top:4rem
    }

    .el-flex-block[data-item="1"] .el-flex-block__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-flex-block[data-item="2"] .el-flex-block__item:nth-child(n+3) {
        margin-top: 4rem
    }

    .el-flex-block[data-item="2"] .el-flex-block__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-flex-block[data-item="3"] .el-flex-block__item:nth-child(n+4) {
        margin-top: 4rem
    }

    .el-flex-block[data-item="3"] .el-flex-block__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-flex-block[data-item="4"] .el-flex-block__item:nth-child(n+5) {
        margin-top: 4rem
    }

    .el-flex-block[data-item="4"] .el-flex-block__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-flex-block[data-item="5"] .el-flex-block__item:nth-child(n+6) {
        margin-top: 4rem
    }

    .el-flex-block[data-item="5"] .el-flex-block__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 4rem
    }

    .el-flex-block[data-item="6"] .el-flex-block__item:nth-child(n+7) {
        margin-top: 4rem
    }

    .el-flex-block[data-item="6"] .el-flex-block__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 4rem
    }
}

@media print,screen and (min-width: 769px) {
    .el-site-header .el-flex-block[data-item="1"] .el-flex-block__item:nth-child(n+2) {
        margin-top:6rem
    }

    .el-site-header .el-flex-block[data-item="1"] .el-flex-block__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 6rem
    }

    .el-site-header .el-flex-block[data-item="2"] .el-flex-block__item:nth-child(n+3) {
        margin-top: 6rem
    }

    .el-site-header .el-flex-block[data-item="2"] .el-flex-block__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 6rem
    }

    .el-site-header .el-flex-block[data-item="3"] .el-flex-block__item:nth-child(n+4) {
        margin-top: 6rem
    }

    .el-site-header .el-flex-block[data-item="3"] .el-flex-block__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 6rem
    }

    .el-site-header .el-flex-block[data-item="4"] .el-flex-block__item:nth-child(n+5) {
        margin-top: 6rem
    }

    .el-site-header .el-flex-block[data-item="4"] .el-flex-block__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 6rem
    }

    .el-site-header .el-flex-block[data-item="5"] .el-flex-block__item:nth-child(n+6) {
        margin-top: 6rem
    }

    .el-site-header .el-flex-block[data-item="5"] .el-flex-block__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 6rem
    }

    .el-site-header .el-flex-block[data-item="6"] .el-flex-block__item:nth-child(n+7) {
        margin-top: 6rem
    }

    .el-site-header .el-flex-block[data-item="6"] .el-flex-block__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 6rem
    }
}

.el-flex-block[data-item="1"] .el-flex-block__wrapper {
    display: block
}

.el-flex-block__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.el-flex-block__item {
    display: block
}

.el-flex-block__item>*:first-child {
    margin-top: 0 !important
}

.el-flex-block__item>*:last-child {
    margin-bottom: 0 !important
}

.el-site-header .el-flex-block__item:not(:last-child) {
    flex-grow: 1
}

@media only screen and (max-width: 768px) {
    .el-flex-block__item {
        margin-bottom:6rem
    }
}

.el-site-header .el-flex-block[data-cram=true] .el-flex-block__item:not(:last-child) {
    flex-grow: 0
}

.el-flow-list {
    max-width: var(--contents-width);
    margin: 0 auto 10rem
}

@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-flow-list {
        margin-top:-3.2rem
    }
}

.el-flow-list__list {
    display: flex;
    flex-wrap: wrap
}

.el-flow-list__item {
    position: relative;
    box-shadow: 4px 4px 4px rgba(0,0,0,.16)
}

.el-flow-list__item::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Cpath%20d%3D%22M0%2C0H24a0%2C0%2C0%2C0%2C1%2C0%2C0V21a3%2C3%2C0%2C0%2C1-3%2C3H0a0%2C0%2C0%2C0%2C1%2C0%2C0V0A0%2C0%2C0%2C0%2C1%2C0%2C0Z%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%3E%20%3Cg%20transform%3D%22translate%284.8%204.8%29%22%3E%20%3Cg%20transform%3D%22translate%284.495%201.769%29%22%3E%20%3Cpath%20d%3D%22M39.937%2C38.233%2C38.727%2C36.9l4.533-4.115-4.5-4.082%2C1.209-1.332%2C5.966%2C5.414Z%22%20transform%3D%22translate%28-38.727%20-27.371%29%22%20fill%3D%22%2300358e%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20width%3D%2214.4%22%20height%3D%2214.4%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: cover;
    background-position: center;
    position: absolute
}

@media print,screen and (min-width: 1080px) {
    .el-flow-list__item {
        width:calc(25% - 2.4rem);
        padding: 2.8rem
    }

    .el-flow-list__item:not(:first-child) {
        margin-left: 3.2rem
    }

    .el-flow-list__item:not(:first-child)::before {
        content: "";
        width: 2.4rem;
        height: 2.4rem;
        top: calc(50% - 1.4rem);
        left: -2.4rem
    }
}

@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-flow-list__item {
        width:calc(50% - 1.6rem);
        padding: 2.8rem;
        margin-top: 3.2rem
    }

    .el-flow-list__item:nth-child(even) {
        margin-left: 3.2rem
    }

    .el-flow-list__item:nth-child(even)::before {
        content: "";
        width: 2.4rem;
        height: 2.4rem;
        top: calc(50% - 1.4rem);
        left: -2.4rem
    }
}

@media only screen and (max-width: 768px) {
    .el-flow-list__item {
        width:100%;
        padding: 1.4rem
    }

    .el-flow-list__item:not(:last-child) {
        margin-bottom: 2.4rem
    }

    .el-flow-list__item:not(:last-child)::before {
        content: "";
        width: 2.4rem;
        height: 2.4rem;
        bottom: -2.4rem;
        right: 0;
        left: 0;
        margin: 0 auto;
        transform: rotate(90deg)
    }
}

.el-flow-list__number {
    width: 6rem;
    height: 6rem;
    border-radius: 100%;
    background-color: var(--main-color);
    display: grid;
    place-items: center;
    margin: 0 auto 2rem
}

.el-flow-list__number span {
    font-size: 2.2rem;
    font-weight: 500;
    color: var(--base-color)
}

.el-flow-list__image {
    margin-bottom: 2.8rem
}

.el-flow-list__image img {
    margin: 0 auto
}

.el-flow-list__text {
    text-align: center
}

.el-flow-list__text span {
    font-size: 1.6rem;
    font-weight: 500
}

.el-form-step {
    max-width: var(--contents-width);
    margin: 0 auto 4rem
}

@media only screen and (max-width: 768px) {
    .el-form-step[data-sp-vertical=true] .el-form-step__list {
        display:flex;
        flex-direction: column
    }

    .el-form-step[data-sp-vertical=true] .el-form-step__item {
        border-radius: 1rem;
        border-right: 0 !important;
        border-bottom: solid 3px var(--base-color);
        display: flex;
        flex-direction: initial;
        justify-content: center
    }

    .el-form-step[data-sp-vertical=true] .el-form-step__item:not(:first-child):not(:last-child)::before {
        width: 100%;
        top: -50%;
        left: 0
    }

    .el-form-step[data-sp-vertical=true] .el-form-step__item:not(:first-child):not(:last-child)[data-current=true]::after {
        left: 0;
        top: -50%
    }

    .el-form-step[data-sp-vertical=true] .el-form-step__item:last-child::before {
        top: -50%;
        left: 0
    }

    .el-form-step[data-sp-vertical=true] .el-form-step__heading {
        margin-right: 2rem
    }

    .el-form-step[data-sp-vertical=true] .el-form-step__heading span {
        font-size: 2rem
    }

    .el-form-step[data-sp-vertical=true] .el-form-step__text {
        flex: 1;
        margin: 0;
        text-align: left
    }

    .el-form-step[data-sp-vertical=true] .el-form-step__text span {
        font-size: 1.4rem
    }
}

.el-form-step__list {
    display: flex;
    overflow: hidden
}

.el-form-step__item {
    background-color: var(--base-color--blue);
    padding: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    flex: 1;
    min-height: 10rem
}

[data-type=engineer] .el-form-step__item {
    display: grid;
    place-items: center
}

@media only screen and (max-width: 768px) {
    [data-type=engineer] .el-form-step__item {
        min-height:7rem
    }
}

@media only screen and (max-width: 768px) {
    .el-form-step__item {
        padding:.9rem 1.2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap
    }
}

.el-form-step__item[data-current=true] {
    background-color: var(--main-color)
}

.el-form-step__item[data-current=true] span {
    color: var(--base-color)
}

.el-form-step__item:first-child {
    border-right: solid 3px var(--base-color);
    border-radius: 2.5rem
}

.el-form-step__item:first-child[data-current=true] {
    border-right: solid 3px var(--base-color)
}

.el-form-step__item:first-child[data-current=true]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: var(--main-color);
    border-radius: 2.5rem
}

@media only screen and (max-width: 768px) {
    .el-form-step__item:first-child[data-current=true] {
        border-radius:1rem;
        border-right: solid 3px var(--base-color)
    }

    .el-form-step__item:first-child[data-current=true]::before {
        border-radius: 1rem
    }
}

.el-form-step__item:last-child::before {
    content: "";
    background-color: var(--base-color--blue) !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -50%;
    z-index: -1;
    top: 0
}

.el-form-step__item:last-child[data-current=true]::before {
    content: "";
    background-color: var(--main-color) !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -50%;
    z-index: -1;
    top: 0
}

.el-form-step__item:not(:first-child):not(:last-child) {
    border-right: solid 3px var(--base-color);
    border-radius: 2.5rem
}

@media only screen and (max-width: 768px) {
    .el-form-step__item:not(:first-child):not(:last-child) {
        border-radius:1rem
    }
}

.el-form-step__item:not(:first-child):not(:last-child)::before {
    content: "";
    background-color: var(--base-color--blue) !important;
    width: 200%;
    height: 100%;
    position: absolute;
    left: -50%;
    z-index: -1;
    top: 0
}

.el-form-step__item:not(:first-child):not(:last-child)[data-current=true] {
    border-right: solid 3px var(--base-color)
}

.el-form-step__item:not(:first-child):not(:last-child)[data-current=true]::before {
    content: "";
    background-color: var(--base-color--blue) !important;
    width: 100%;
    height: 100%;
    position: absolute;
    right: -50%;
    z-index: -1;
    top: 0
}

.el-form-step__item:not(:first-child):not(:last-child)[data-current=true]::after {
    content: "";
    background-color: var(--main-color) !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -50%;
    top: 0;
    z-index: -1
}

@media only screen and (max-width: 768px) {
    .el-form-step__item:not(:first-child):not(:last-child)[data-current=true] {
        border-right:solid 3px var(--base-color)
    }

    .el-form-step__item:not(:first-child):not(:last-child)[data-current=true]::before {
        border-radius: 1rem
    }
}

.el-form-step__item:not(:first-child) {
    border-radius: 0 2.5rem 2.5rem 0
}

@media only screen and (max-width: 768px) {
    .el-form-step__item:not(:first-child) {
        border-radius:0 1rem 1rem 0
    }
}

.el-form-step__heading {
    margin-right: 2.8rem;
    position: relative;
    z-index: 3
}

@media only screen and (max-width: 768px) {
    .el-form-step__heading {
        margin-right:0;
        margin-bottom: .5rem
    }
}

[data-type=engineer] .el-form-step__heading {
    margin-right: 0
}

.el-form-step__heading span {
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--txt-color)
}

@media only screen and (max-width: 1280px)and (min-width: 1080px) {
    .el-form-step__heading span {
        font-size:2rem
    }
}

@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-form-step__heading span {
        font-size:1.8rem
    }
}

@media only screen and (max-width: 768px) {
    .el-form-step__heading span {
        font-size:1.6rem
    }
}

.el-form-step__text {
    text-align: center;
    position: relative;
    z-index: 3
}

@media only screen and (max-width: 768px) {
    .el-form-step__text {
        margin:auto
    }
}

.el-form-step__text span {
    font-size: 2rem;
    font-weight: 500;
    color: var(--txt-color)
}

@media only screen and (max-width: 1280px)and (min-width: 1080px) {
    .el-form-step__text span {
        font-size:1.4rem
    }
}

@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-form-step__text span {
        font-size:1.2rem
    }
}

@media only screen and (max-width: 768px) {
    .el-form-step__text span {
        font-size:1.4rem
    }
}

.el-form-checkbox {
    max-width: var(--contents-width);
    margin: 0 auto 2rem;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline
}

.el-form-checkbox+.el-form-checkbox {
    margin-top: -1.2rem
}

.el-form-checkbox[data-align=center] .el-form-checkbox__list {
    justify-content: center
}

@media print,screen and (min-width: 1080px) {
    .el-form-checkbox[data-column*=d1] .el-form-checkbox__item {
        width:calc((99.9% - (2rem * (1 - 1))) / 1)
    }

    .el-form-checkbox[data-column*=d1] .el-form-checkbox__item:nth-child(n+2) {
        margin-top: 1rem
    }

    .el-form-checkbox[data-column*=d1] .el-form-checkbox__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-checkbox[data-column*=d2] .el-form-checkbox__item {
        width: calc((99.9% - (2rem * (2 - 1))) / 2)
    }

    .el-form-checkbox[data-column*=d2] .el-form-checkbox__item:nth-child(n+3) {
        margin-top: 1rem
    }

    .el-form-checkbox[data-column*=d2] .el-form-checkbox__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-checkbox[data-column*=d3] .el-form-checkbox__item {
        width: calc((99.9% - (2rem * (3 - 1))) / 3)
    }

    .el-form-checkbox[data-column*=d3] .el-form-checkbox__item:nth-child(n+4) {
        margin-top: 1rem
    }

    .el-form-checkbox[data-column*=d3] .el-form-checkbox__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-checkbox[data-column*=d4] .el-form-checkbox__item {
        width: calc((99.9% - (2rem * (4 - 1))) / 4)
    }

    .el-form-checkbox[data-column*=d4] .el-form-checkbox__item:nth-child(n+5) {
        margin-top: 1rem
    }

    .el-form-checkbox[data-column*=d4] .el-form-checkbox__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-checkbox[data-column*=d5] .el-form-checkbox__item {
        width: calc((99.9% - (2rem * (5 - 1))) / 5)
    }

    .el-form-checkbox[data-column*=d5] .el-form-checkbox__item:nth-child(n+6) {
        margin-top: 1rem
    }

    .el-form-checkbox[data-column*=d5] .el-form-checkbox__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-checkbox[data-column*=d6] .el-form-checkbox__item {
        width: calc((99.9% - (2rem * (6 - 1))) / 6)
    }

    .el-form-checkbox[data-column*=d6] .el-form-checkbox__item:nth-child(n+7) {
        margin-top: 1rem
    }

    .el-form-checkbox[data-column*=d6] .el-form-checkbox__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 2rem
    }
}

@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-form-checkbox[data-column*=t1] .el-form-checkbox__item {
        width:calc((99.9% - (2rem * (1 - 1))) / 1)
    }

    .el-form-checkbox[data-column*=t1] .el-form-checkbox__item:nth-child(n+2) {
        margin-top: 1rem
    }

    .el-form-checkbox[data-column*=t1] .el-form-checkbox__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-checkbox[data-column*=t2] .el-form-checkbox__item {
        width: calc((99.9% - (2rem * (2 - 1))) / 2)
    }

    .el-form-checkbox[data-column*=t2] .el-form-checkbox__item:nth-child(n+3) {
        margin-top: 1rem
    }

    .el-form-checkbox[data-column*=t2] .el-form-checkbox__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-checkbox[data-column*=t3] .el-form-checkbox__item {
        width: calc((99.9% - (2rem * (3 - 1))) / 3)
    }

    .el-form-checkbox[data-column*=t3] .el-form-checkbox__item:nth-child(n+4) {
        margin-top: 1rem
    }

    .el-form-checkbox[data-column*=t3] .el-form-checkbox__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-checkbox[data-column*=t4] .el-form-checkbox__item {
        width: calc((99.9% - (2rem * (4 - 1))) / 4)
    }

    .el-form-checkbox[data-column*=t4] .el-form-checkbox__item:nth-child(n+5) {
        margin-top: 1rem
    }

    .el-form-checkbox[data-column*=t4] .el-form-checkbox__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-checkbox[data-column*=t5] .el-form-checkbox__item {
        width: calc((99.9% - (2rem * (5 - 1))) / 5)
    }

    .el-form-checkbox[data-column*=t5] .el-form-checkbox__item:nth-child(n+6) {
        margin-top: 1rem
    }

    .el-form-checkbox[data-column*=t5] .el-form-checkbox__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-checkbox[data-column*=t6] .el-form-checkbox__item {
        width: calc((99.9% - (2rem * (6 - 1))) / 6)
    }

    .el-form-checkbox[data-column*=t6] .el-form-checkbox__item:nth-child(n+7) {
        margin-top: 1rem
    }

    .el-form-checkbox[data-column*=t6] .el-form-checkbox__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 2rem
    }
}

@media only screen and (max-width: 768px) {
    .el-form-checkbox[data-column*=m1] .el-form-checkbox__item {
        width:calc((99.9% - (2rem * (1 - 1))) / 1)
    }

    .el-form-checkbox[data-column*=m1] .el-form-checkbox__item:nth-child(n+2) {
        margin-top: 1rem
    }

    .el-form-checkbox[data-column*=m1] .el-form-checkbox__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-checkbox[data-column*=m2] .el-form-checkbox__item {
        width: calc((99.9% - (2rem * (2 - 1))) / 2)
    }

    .el-form-checkbox[data-column*=m2] .el-form-checkbox__item:nth-child(n+3) {
        margin-top: 1rem
    }

    .el-form-checkbox[data-column*=m2] .el-form-checkbox__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-checkbox[data-column*=m3] .el-form-checkbox__item {
        width: calc((99.9% - (2rem * (3 - 1))) / 3)
    }

    .el-form-checkbox[data-column*=m3] .el-form-checkbox__item:nth-child(n+4) {
        margin-top: 1rem
    }

    .el-form-checkbox[data-column*=m3] .el-form-checkbox__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-checkbox[data-column*=m4] .el-form-checkbox__item {
        width: calc((99.9% - (2rem * (4 - 1))) / 4)
    }

    .el-form-checkbox[data-column*=m4] .el-form-checkbox__item:nth-child(n+5) {
        margin-top: 1rem
    }

    .el-form-checkbox[data-column*=m4] .el-form-checkbox__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-checkbox[data-column*=m5] .el-form-checkbox__item {
        width: calc((99.9% - (2rem * (5 - 1))) / 5)
    }

    .el-form-checkbox[data-column*=m5] .el-form-checkbox__item:nth-child(n+6) {
        margin-top: 1rem
    }

    .el-form-checkbox[data-column*=m5] .el-form-checkbox__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-checkbox[data-column*=m6] .el-form-checkbox__item {
        width: calc((99.9% - (2rem * (6 - 1))) / 6)
    }

    .el-form-checkbox[data-column*=m6] .el-form-checkbox__item:nth-child(n+7) {
        margin-top: 1rem
    }

    .el-form-checkbox[data-column*=m6] .el-form-checkbox__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 2rem
    }
}

.el-form-checkbox__required {
    display: flex;
    margin-right: 2.4rem
}

@media only screen and (max-width: 768px) {
    .el-form-checkbox__required {
        margin-right:0;
        margin-bottom: 1.2rem
    }
}

.el-form-checkbox__required span {
    background-color: var(--base-color);
    border: solid 1px var(--att-color);
    padding: .5rem .8rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--att-color);
    border-radius: .4rem;
    line-height: 1.15;
    white-space: nowrap
}

.el-form-checkbox__error {
    display: none;
    margin-bottom: 2rem
}

@media only screen and (max-width: 768px) {
    .el-form-checkbox__error {
        margin-bottom:1.6rem
    }
}

.el-form-checkbox__error span {
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--att-color)
}

@media only screen and (max-width: 768px) {
    .el-form-checkbox__error span {
        font-size:1.4rem
    }
}

.el-form-checkbox__message {
    margin-bottom: 2rem
}

@media only screen and (max-width: 768px) {
    .el-form-checkbox__message {
        margin-bottom:1.2rem
    }
}

.el-form-checkbox__message span {
    font-size: 1.8rem;
    font-weight: 500
}

@media only screen and (max-width: 768px) {
    .el-form-checkbox__message span {
        font-size:1.4rem
    }
}

.el-form-checkbox__holder {
    line-height: 1
}

@media only screen and (max-width: 768px) {
    .el-form-checkbox__holder {
        width:100%
    }
}

.el-form-checkbox__list {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    width: 100%
}

.el-form-checkbox__item {
    display: flex;
    align-items: center
}

.el-form-checkbox__item>input[type=text] {
    flex: 1;
    background-color: var(--base-color--gray);
    border: solid 1px var(--border-color);
    border-radius: .4rem;
    font-size: 1.5rem;
    padding: .3rem 1rem;
    margin-left: 1rem
}

.el-form-checkbox__item>input[type=text]:disabled {
    pointer-events: none
}

.el-form-checkbox__item>input[type=checkbox] {
    display: none
}

.el-form-checkbox__item>input[type=checkbox]+label {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.6rem;
    font-weight: 500;
    padding-left: 3.6rem;
    position: relative;
    display: block;
    cursor: pointer
}

@media only screen and (max-width: 768px) {
    .el-form-checkbox__item>input[type=checkbox]+label {
        font-size:1.4rem;
        padding-left: 2.8rem
    }
}

.el-form-checkbox__item>input[type=checkbox]+label::before {
    content: "";
    width: 2.3rem;
    height: 2.3rem;
    border: solid 1px #000;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0
}

@media only screen and (max-width: 768px) {
    .el-form-checkbox__item>input[type=checkbox]+label::before {
        width:2rem;
        height: 2rem
    }
}

.el-form-checkbox__item>input[type=checkbox]:checked+label::before {
    background-color: var(--main-color)
}

.el-form-checkbox__item>input[type=checkbox]:checked+label::after {
    content: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2211.412%22%20viewBox%3D%220%200%2016%2011.412%22%3E%20%3Cpath%20d%3D%22M13.765%2C73.413%2C6.824%2C80.354%2C2.235%2C75.766%2C0%2C78l4.588%2C4.588%2C2.235%2C2.235%2C2.235-2.235L16%2C75.648Z%22%20transform%3D%22translate%280%20-73.413%29%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    position: absolute;
    top: 0;
    left: 0;
    width: 2.3rem;
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width: 768px) {
    .el-form-checkbox__item>input[type=checkbox]:checked+label::after {
        width:2rem
    }
}

.el-form-checkbox__item--check {
    display: block;
    width: 2.3rem;
    height: 2.3rem;
    border: solid 1px #000;
    background-color: #fff;
    margin-right: 1rem
}

@media only screen and (max-width: 768px) {
    .el-form-checkbox__item--check {
        width:2rem;
        height: 2rem
    }
}

.el-form-checkbox__item--check input {
    display: none
}

.el-form-checkbox__item--check input:checked {
    display: block
}

.el-form-checkbox__item--check input:checked::before {
    content: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2211.412%22%20viewBox%3D%220%200%2016%2011.412%22%3E%20%3Cpath%20d%3D%22M13.765%2C73.413%2C6.824%2C80.354%2C2.235%2C75.766%2C0%2C78l4.588%2C4.588%2C2.235%2C2.235%2C2.235-2.235L16%2C75.648Z%22%20transform%3D%22translate%280%20-73.413%29%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    width: 2.3rem;
    height: 2.3rem;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width: 768px) {
    .el-form-checkbox__item--check input:checked::before {
        width:2rem;
        height: 2rem
    }
}

.el-form-checkbox__item--check+span {
    font-size: 1.6rem;
    font-weight: 500;
    white-space: nowrap
}

.el-form-checkbox__item__label {
    position: relative;
    display: flex;
    cursor: pointer
}

[data-after-submit][data-required=true] .el-form-checkbox .el-form-checkbox__error {
    display: block
}

[data-after-submit]:not([data-required=true]) .el-form-checkbox .el-form-checkbox__error {
    display: none
}

.el-form-group {
    max-width: var(--contents-width);
    margin: 0 auto
}

.el-form-group[data-type="1"] {
    padding: 4rem
}

@media print,screen and (min-width: 769px) {
    .el-form-group[data-type="1"] {
        border:solid 1px var(--border-color)
    }

    .el-form-group[data-type="1"]+.el-form-group {
        border-top: 0
    }
}

@media only screen and (max-width: 768px) {
    .el-form-group[data-type="1"] {
        padding:0 0 2rem;
        border-bottom: solid 1px var(--border-color)
    }

    .el-form-group[data-type="1"]+.el-form-group {
        padding-top: 2rem
    }
}

.el-form-group[data-type="2"] {
    margin-bottom: 2rem
}

.el-form-group:not([data-required-flag=true]) .el-form-group__required {
    opacity: 0;
    visibility: hidden
}

@media only screen and (max-width: 768px) {
    .el-form-group:not([data-required-flag=true]) .el-form-group__required {
        display:none
    }
}

.el-form-group:last-of-type {
    margin-bottom: 4rem
}

.el-form-group__wrapper {
    max-width: var(--contents-width--min);
    margin: 0 auto;
    display: flex;
    align-items: flex-start
}

@media only screen and (max-width: 768px) {
    .el-form-group__wrapper {
        flex-direction:column
    }
}

.el-form-group__info {
    flex: 1;
    display: flex;
    align-items: baseline;
    margin-right: 6.7rem
}

@media only screen and (max-width: 768px) {
    .el-form-group__info {
        margin-bottom:1.2rem;
        margin-right: 0;
        flex-wrap: wrap
    }
}

.el-form-group__info+.el-form-group__area {
    max-width: 68.3333333333%
}

@media only screen and (max-width: 768px) {
    .el-form-group__info+.el-form-group__area {
        max-width:100%
    }
}

.el-form-group__area {
    width: 100%
}

@media only screen and (max-width: 768px) {
    .el-form-group__area {
        max-width:100%
    }
}

.el-form-group__area>*:first-child {
    margin-top: 0 !important
}

.el-form-group__area>*:last-child {
    margin-bottom: 0 !important
}

.el-form-group__required {
    margin-right: 2.4rem;
    display: flex
}

@media only screen and (max-width: 768px) {
    .el-form-group__required {
        margin-right:0;
        margin-bottom: 1.2rem
    }
}

.el-form-group__required span {
    background-color: var(--base-color);
    border: solid 1px var(--att-color);
    padding: .5rem .8rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--att-color);
    border-radius: .4rem;
    line-height: 1.15;
    white-space: nowrap
}

@media only screen and (max-width: 768px) {
    .el-form-group__title {
        width:100%
    }
}

.el-form-group__title span {
    font-size: 1.8rem;
    font-weight: 700
}

.el-form-radio {
    max-width: var(--contents-width);
    margin: 0 auto 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline
}

@media print,screen and (min-width: 1080px) {
    .el-form-radio[data-column*=d1] .el-form-radio__item {
        width:calc((99.9% - (2rem * (1 - 1))) / 1)
    }

    .el-form-radio[data-column*=d1] .el-form-radio__item:nth-child(n+2) {
        margin-top: 1rem
    }

    .el-form-radio[data-column*=d1] .el-form-radio__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-radio[data-column*=d2] .el-form-radio__item {
        width: calc((99.9% - (2rem * (2 - 1))) / 2)
    }

    .el-form-radio[data-column*=d2] .el-form-radio__item:nth-child(n+3) {
        margin-top: 1rem
    }

    .el-form-radio[data-column*=d2] .el-form-radio__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-radio[data-column*=d3] .el-form-radio__item {
        width: calc((99.9% - (2rem * (3 - 1))) / 3)
    }

    .el-form-radio[data-column*=d3] .el-form-radio__item:nth-child(n+4) {
        margin-top: 1rem
    }

    .el-form-radio[data-column*=d3] .el-form-radio__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-radio[data-column*=d4] .el-form-radio__item {
        width: calc((99.9% - (2rem * (4 - 1))) / 4)
    }

    .el-form-radio[data-column*=d4] .el-form-radio__item:nth-child(n+5) {
        margin-top: 1rem
    }

    .el-form-radio[data-column*=d4] .el-form-radio__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-radio[data-column*=d5] .el-form-radio__item {
        width: calc((99.9% - (2rem * (5 - 1))) / 5)
    }

    .el-form-radio[data-column*=d5] .el-form-radio__item:nth-child(n+6) {
        margin-top: 1rem
    }

    .el-form-radio[data-column*=d5] .el-form-radio__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-radio[data-column*=d6] .el-form-radio__item {
        width: calc((99.9% - (2rem * (6 - 1))) / 6)
    }

    .el-form-radio[data-column*=d6] .el-form-radio__item:nth-child(n+7) {
        margin-top: 1rem
    }

    .el-form-radio[data-column*=d6] .el-form-radio__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 2rem
    }
}

@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-form-radio[data-column*=t1] .el-form-radio__item {
        width:calc((99.9% - (2rem * (1 - 1))) / 1)
    }

    .el-form-radio[data-column*=t1] .el-form-radio__item:nth-child(n+2) {
        margin-top: 1rem
    }

    .el-form-radio[data-column*=t1] .el-form-radio__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-radio[data-column*=t2] .el-form-radio__item {
        width: calc((99.9% - (2rem * (2 - 1))) / 2)
    }

    .el-form-radio[data-column*=t2] .el-form-radio__item:nth-child(n+3) {
        margin-top: 1rem
    }

    .el-form-radio[data-column*=t2] .el-form-radio__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-radio[data-column*=t3] .el-form-radio__item {
        width: calc((99.9% - (2rem * (3 - 1))) / 3)
    }

    .el-form-radio[data-column*=t3] .el-form-radio__item:nth-child(n+4) {
        margin-top: 1rem
    }

    .el-form-radio[data-column*=t3] .el-form-radio__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-radio[data-column*=t4] .el-form-radio__item {
        width: calc((99.9% - (2rem * (4 - 1))) / 4)
    }

    .el-form-radio[data-column*=t4] .el-form-radio__item:nth-child(n+5) {
        margin-top: 1rem
    }

    .el-form-radio[data-column*=t4] .el-form-radio__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-radio[data-column*=t5] .el-form-radio__item {
        width: calc((99.9% - (2rem * (5 - 1))) / 5)
    }

    .el-form-radio[data-column*=t5] .el-form-radio__item:nth-child(n+6) {
        margin-top: 1rem
    }

    .el-form-radio[data-column*=t5] .el-form-radio__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-radio[data-column*=t6] .el-form-radio__item {
        width: calc((99.9% - (2rem * (6 - 1))) / 6)
    }

    .el-form-radio[data-column*=t6] .el-form-radio__item:nth-child(n+7) {
        margin-top: 1rem
    }

    .el-form-radio[data-column*=t6] .el-form-radio__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 2rem
    }
}

@media only screen and (max-width: 768px) {
    .el-form-radio[data-column*=m1] .el-form-radio__item {
        width:calc((99.9% - (2rem * (1 - 1))) / 1)
    }

    .el-form-radio[data-column*=m1] .el-form-radio__item:nth-child(n+2) {
        margin-top: 1rem
    }

    .el-form-radio[data-column*=m1] .el-form-radio__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-radio[data-column*=m2] .el-form-radio__item {
        width: calc((99.9% - (2rem * (2 - 1))) / 2)
    }

    .el-form-radio[data-column*=m2] .el-form-radio__item:nth-child(n+3) {
        margin-top: 1rem
    }

    .el-form-radio[data-column*=m2] .el-form-radio__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-radio[data-column*=m3] .el-form-radio__item {
        width: calc((99.9% - (2rem * (3 - 1))) / 3)
    }

    .el-form-radio[data-column*=m3] .el-form-radio__item:nth-child(n+4) {
        margin-top: 1rem
    }

    .el-form-radio[data-column*=m3] .el-form-radio__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-radio[data-column*=m4] .el-form-radio__item {
        width: calc((99.9% - (2rem * (4 - 1))) / 4)
    }

    .el-form-radio[data-column*=m4] .el-form-radio__item:nth-child(n+5) {
        margin-top: 1rem
    }

    .el-form-radio[data-column*=m4] .el-form-radio__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-radio[data-column*=m5] .el-form-radio__item {
        width: calc((99.9% - (2rem * (5 - 1))) / 5)
    }

    .el-form-radio[data-column*=m5] .el-form-radio__item:nth-child(n+6) {
        margin-top: 1rem
    }

    .el-form-radio[data-column*=m5] .el-form-radio__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 2rem
    }

    .el-form-radio[data-column*=m6] .el-form-radio__item {
        width: calc((99.9% - (2rem * (6 - 1))) / 6)
    }

    .el-form-radio[data-column*=m6] .el-form-radio__item:nth-child(n+7) {
        margin-top: 1rem
    }

    .el-form-radio[data-column*=m6] .el-form-radio__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 2rem
    }
}

.el-form-radio:not([data-column]) {
    margin-top: -1rem !important
}

.el-form-radio:not([data-column]) .el-form-radio__item {
    margin-right: 3.2rem;
    margin-top: 1rem
}

.el-form-radio__error {
    display: none;
    margin-bottom: 2rem
}

@media only screen and (max-width: 768px) {
    .el-form-radio__error {
        margin-bottom:1.6rem
    }
}

.el-form-radio__error span {
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--att-color)
}

@media only screen and (max-width: 768px) {
    .el-form-radio__error span {
        font-size:1.4rem
    }
}

.el-form-radio__message {
    margin-bottom: 2rem
}

@media only screen and (max-width: 768px) {
    .el-form-radio__message {
        margin-bottom:1.2rem
    }
}

.el-form-radio__message span {
    font-size: 1.8rem;
    font-weight: 500
}

@media only screen and (max-width: 768px) {
    .el-form-radio__message span {
        font-size:1.4rem
    }
}

.el-form-radio__holder {
    line-height: 1
}

@media only screen and (max-width: 768px) {
    .el-form-radio__holder {
        width:100%
    }
}

.el-form-radio__required {
    display: flex;
    margin-right: 2.4rem
}

@media only screen and (max-width: 768px) {
    .el-form-radio__required {
        margin-right:0;
        margin-bottom: 1.2rem
    }
}

.el-form-radio__required span {
    background-color: var(--base-color);
    border: solid 1px var(--att-color);
    padding: .5rem .8rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--att-color);
    border-radius: .4rem;
    line-height: 1.15;
    white-space: nowrap
}

@media only screen and (max-width: 768px) {
    .el-form-radio__required span {
        line-height:1;
        font-size: 1.6rem;
        padding: .8rem 1.2rem
    }
}

@media only screen and (max-width: 768px) {
    .el-form-radio__required+.el-form-radio__holder {
        margin-bottom:2rem
    }
}

.el-form-radio__list {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.el-form-radio__item {
    display: flex;
    align-items: baseline
}

.el-form-radio label {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.6rem;
    font-weight: 500;
    cursor: pointer;
    padding-left: 3.2rem;
    position: relative
}

.el-form-radio label::before {
    content: "";
    width: 2rem;
    height: 2rem;
    border: solid 1px #000;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%
}

.el-form-radio input {
    display: none
}

.el-form-radio input:checked+label::after {
    content: "";
    position: absolute;
    left: .5rem;
    top: .5rem;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background-color: var(--main-color)
}

[data-after-submit][data-required=true] .el-form-radio .el-form-radio__error {
    display: block
}

[data-after-submit]:not([data-required=true]) .el-form-radio .el-form-radio__error {
    display: none
}

.el-form-select {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    position: relative;
    padding-bottom: 6.2rem
}

@media only screen and (max-width: 768px) {
    .el-form-select {
        padding-bottom:5.6rem
    }
}

.el-form-select__error {
    display: none;
    margin-bottom: 2rem
}

@media only screen and (max-width: 768px) {
    .el-form-select__error {
        margin-bottom:1.6rem
    }
}

.el-form-select__error span {
    color: var(--att-color);
    font-weight: 500;
    font-size: 1.8rem
}

@media only screen and (max-width: 768px) {
    .el-form-select__error span {
        font-size:1.4rem
    }
}

.el-form-select__message {
    margin-bottom: 2rem
}

@media only screen and (max-width: 768px) {
    .el-form-select__message {
        margin-bottom:1.2rem
    }
}

.el-form-select__message span {
    font-weight: 500;
    font-size: 1.8rem
}

@media only screen and (max-width: 768px) {
    .el-form-select__message span {
        font-size:1.4rem
    }
}

.el-form-select__select {
    position: absolute;
    top: calc(100% - 6.2rem);
    z-index: 1;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 34rem;
    overflow: hidden;
    border: solid 1px var(--main-color);
    border-radius: .4rem;
    background-color: var(--base-color);
    font-weight: 700;
    font-size: 2rem
}

@media only screen and (max-width: 768px) {
    .el-form-select__select {
        top:calc(100% - 5.6rem);
        width: 100%;
        min-width: auto;
        max-width: 34rem
    }
}

.el-form-select__holder {
    line-height: 1
}

@media only screen and (max-width: 768px) {
    .el-form-select__holder {
        width:100%
    }
}

.el-form-select__required {
    display: flex;
    margin-right: 2.4rem
}

@media only screen and (max-width: 768px) {
    .el-form-select__required {
        margin-right:0;
        margin-bottom: 1.2rem
    }
}

.el-form-select__required span {
    padding: .5rem .8rem;
    border: solid 1px var(--att-color);
    border-radius: .4rem;
    background-color: var(--base-color);
    color: var(--att-color);
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.15;
    white-space: nowrap
}

@media only screen and (max-width: 768px) {
    .el-form-select__required span {
        padding:.8rem 1.2rem;
        font-size: 1.6rem;
        line-height: 1
    }
}

@media only screen and (max-width: 768px) {
    .el-form-select__required+.el-form-select__holder {
        margin-bottom:2rem
    }
}

.el-form-select[data-is-active=true] .el-form-select__options {
    grid-template-rows: 1fr
}

.el-form-select[data-is-active=true] .el-form-select__options--list {
    height: 100%;
    padding-bottom: 1rem;
    overflow: auto
}

.el-form-select[data-is-active=true] .el-form-select__default i.icn-close {
    display: none
}

.el-form-select[data-is-active=true] .el-form-select__default i.icn-line {
    display: block
}

.el-form-select__options {
    display: grid;
    position: relative;
    width: 100%;
    min-height: 0;
    overflow: hidden;
    transition: grid-template-rows .3s;
    grid-template-rows: 0fr
}

.el-form-select__options--list {
    height: 0;
    max-height: 14rem;
    margin: 0 1.6rem;
    overflow: hidden;
    transition: padding-bottom .3s,height .3s,overflow .3s;
    scrollbar-width: thin;
    scrollbar-color: #ddd var(--base-color)
}

.el-form-select__options--list::before {
    position: absolute;
    top: 0;
    width: calc(100% - 4rem);
    height: 1px;
    background-color: var(--border-color);
    content: ""
}

.el-form-select__options--list::-webkit-scrollbar {
    width: 5px;
    border-radius: .4rem
}

.el-form-select__options--list::-webkit-scrollbar-track {
    background-color: var(--base-color)
}

.el-form-select__options--list::-webkit-scrollbar-thumb {
    border-radius: .4rem;
    background-color: #ddd
}

.el-form-select__options--item>input {
    display: none
}

.el-form-select__options--item>label {
    display: block;
    width: 100%;
    padding: .4rem .2rem;
    cursor: pointer;
    transition: background-color .3s
}

.el-form-select__options--item>label:hover {
    background-color: var(--base-color--gray)
}

.el-form-select__options--item span {
    font-weight: 500;
    font-size: 1.6rem
}

@media only screen and (max-width: 768px) {
    .el-form-select__options--item span {
        font-size:1.4rem
    }
}

.el-form-select__default {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 2rem 1.6rem;
    cursor: pointer
}

@media only screen and (max-width: 768px) {
    .el-form-select__default {
        padding:1.7rem 2rem
    }
}

.el-form-select__default span {
    line-height: 1
}

@media only screen and (max-width: 768px) {
    .el-form-select__default span {
        font-size:1.6rem
    }
}

.el-form-select__default i {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    margin-left: 1rem;
    color: var(--main-color)
}

.el-form-select__default i.icn-close {
    display: block
}

.el-form-select__default i.icn-line {
    display: none
}

.el-form-select__default i svg {
    width: inherit;
    height: inherit
}

[data-after-submit][data-required=true] .el-form-select .el-form-select__error {
    display: block
}

[data-after-submit]:not([data-required=true]) .el-form-select .el-form-select__error {
    display: none
}

.el-form-text-box {
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline
}

.el-form-text-box {
    margin-top: 2rem
}

.el-form-text-box[data-has-value] .el-form-text-box__error {
    display: none !important
}

.el-form-text-box__error {
    margin-bottom: 2rem
}

@media only screen and (max-width: 768px) {
    .el-form-text-box__error {
        margin-bottom:1.6rem
    }
}

.el-form-text-box__error span {
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--att-color)
}

@media only screen and (max-width: 768px) {
    .el-form-text-box__error span {
        font-size:1.4rem
    }
}

.el-form-text-box__message {
    margin-bottom: 2rem
}

@media only screen and (max-width: 768px) {
    .el-form-text-box__message {
        margin-bottom:1.2rem
    }
}

.el-form-text-box__message span {
    font-size: 1.8rem;
    font-weight: 500
}

@media only screen and (max-width: 768px) {
    .el-form-text-box__message span {
        font-size:1.4rem
    }
}

.el-form-text-box__holder {
    line-height: 1;
    width: 100%
}

.el-form-text-box__required {
    display: flex;
    margin-right: 2.4rem
}

@media only screen and (max-width: 768px) {
    .el-form-text-box__required {
        margin-right:0;
        margin-bottom: 1.2rem
    }
}

.el-form-text-box__required span {
    background-color: var(--base-color);
    border: solid 1px var(--att-color);
    padding: .5rem .8rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--att-color);
    border-radius: .4rem;
    line-height: 1.15;
    white-space: nowrap
}

@media only screen and (max-width: 768px) {
    .el-form-text-box__required span {
        line-height:1;
        font-size: 1.6rem;
        padding: .8rem 1.2rem
    }
}

@media only screen and (max-width: 768px) {
    .el-form-text-box__required+.el-form-text-box__holder {
        margin-bottom:2rem
    }
}

.el-form-text-box input {
    width: 100%;
    background-color: var(--base-color--gray);
    border: solid 1px var(--border-color);
    border-radius: .4rem;
    outline: none;
    min-height: 5.2rem;
    font-size: 2rem;
    padding: 0 1rem;
    display: flex
}

.el-form-text-box__box {
    display: flex;
    width: 100%
}

.el-form-text-box__box::after {
    content: attr(data-unit);
    align-self: flex-end;
    font-size: 1.8rem;
    margin-left: 1rem;
    font-weight: 500
}

:not([data-required=true]) .el-form-text-box .el-form-text-box__error {
    display: none
}

[data-after-submit][data-required=true] .el-form-text-box .el-form-text-box__error {
    display: block
}

[data-after-submit]:not([data-required=true]) .el-form-text-box .el-form-text-box__error {
    display: none
}

[data-required=true] .el-form-text-box[data-error-check] input:-moz-placeholder-shown {
    border-color: var(--att-color)
}

[data-required=true] .el-form-text-box[data-error-check] input:placeholder-shown {
    border-color: var(--att-color)
}

.el-form-textarea {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline
}

.el-form-textarea__error {
    display: none;
    margin-bottom: 2rem
}

@media only screen and (max-width: 768px) {
    .el-form-textarea__error {
        margin-bottom:1.6rem
    }
}

.el-form-textarea__error span {
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--att-color)
}

@media only screen and (max-width: 768px) {
    .el-form-textarea__error span {
        font-size:1.4rem
    }
}

.el-form-textarea__message {
    margin-bottom: 2rem
}

@media only screen and (max-width: 768px) {
    .el-form-textarea__message {
        margin-bottom:1.2rem
    }
}

.el-form-textarea__message span {
    font-size: 1.8rem;
    font-weight: 500
}

@media only screen and (max-width: 768px) {
    .el-form-textarea__message span {
        font-size:1.4rem
    }
}

.el-form-textarea__required {
    display: flex;
    margin-right: 2.4rem
}

@media only screen and (max-width: 768px) {
    .el-form-textarea__required {
        margin-right:0;
        margin-bottom: 1.2rem
    }
}

.el-form-textarea__required span {
    background-color: var(--base-color);
    border: solid 1px var(--att-color);
    padding: .5rem .8rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--att-color);
    border-radius: .4rem;
    line-height: 1.15;
    white-space: nowrap
}

@media only screen and (max-width: 768px) {
    .el-form-textarea__required span {
        line-height:1;
        font-size: 1.6rem;
        padding: .8rem 1.2rem
    }
}

.el-form-textarea__holder {
    line-height: 1
}

@media only screen and (max-width: 768px) {
    .el-form-textarea__holder {
        width:100%
    }
}

.el-form-textarea textarea {
    border: solid 1px var(--border-color);
    background-color: var(--base-color--gray);
    border-radius: .4rem;
    outline: none;
    max-width: 100%;
    width: 100%;
    min-height: 16rem;
    font-size: 2rem;
    padding: 1rem;
    display: flex
}

[data-after-submit][data-required=true] .el-form-textarea .el-form-textarea__error {
    display: block
}

[data-after-submit]:not([data-required=true]) .el-form-textarea .el-form-textarea__error {
    display: none
}

[data-required=true] .el-form-textarea textarea:-moz-placeholder-shown {
    border-color: var(--att-color)
}

[data-required=true] .el-form-textarea textarea:placeholder-shown {
    border-color: var(--att-color)
}

.el-group .el-color-box {
    position: relative
}

@media only screen and (max-width: 768px) {
    .el-group .el-color-box {
        padding-bottom:0;
        margin-bottom: 2rem
    }
}

@media print,screen and (min-width: 769px) {
    .el-group__form {
        display:block !important
    }

    .el-group__form>*:first-child {
        margin-top: 0 !important
    }

    .el-group__form>*:last-child {
        margin-bottom: 0 !important
    }
}

@media only screen and (max-width: 768px) {
    .el-group__form {
        display:none
    }
}

.el-group__form .el-detail-list:last-child {
    margin-bottom: 2.4rem
}

@media only screen and (max-width: 768px) {
    .el-group__form .el-detail-list:last-child {
        margin-bottom:0
    }
}

@media only screen and (max-width: 768px) {
    .el-group__form .el-detail-list__heading {
        width:100%
    }
}

@media only screen and (max-width: 768px) {
    .el-group__form .el-detail-list__item {
        border:0 !important;
        margin-bottom: 0 !important
    }
}

.el-group__form--category__child {
    display: flex;
    position: relative
}

@media only screen and (max-width: 768px) {
    .el-group__form--category__child {
        display:block
    }
}

.el-group__form--category__child>*:first-child {
    margin-top: 0 !important
}

.el-group__form--category__child>*:last-child {
    margin-bottom: 0 !important
}

.el-group__form--category__child:not(:last-child) {
    margin-bottom: 2rem;
    padding-bottom: 2rem
}

.el-group__form--category__child:not(:last-child)::before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: repeating-conic-gradient(#fff 0, #fff 25%, #c7c7c7);
    background-size: 7px;
    background-position: center center
}

.el-group__form--category__child>[class*=el-form] {
    flex: 1
}

@media print,screen and (min-width: 769px) {
    .el-group__form--category__heading {
        margin-right:5rem;
        min-width: 6rem
    }
}

@media only screen and (max-width: 768px) {
    .el-group__form--category__heading {
        margin-bottom:1.5rem
    }
}

.el-group__form--category__heading span {
    font-size: 1.8rem;
    font-weight: 700
}

.el-group__form .el-form-select[data-is-active=true] .el-form-select__options--list {
    height: 100%;
    overflow: inherit
}

.el-group__form .el-form-select__select {
    min-width: 26rem
}

@media only screen and (max-width: 768px) {
    .el-group__form .el-form-select__select {
        min-width:calc(50% - .6rem)
    }
}

.el-group__form .el-form-select__options--item {
    padding: 1rem .2rem
}

@media only screen and (max-width: 768px) {
    .el-group__form .el-form-select__options--item {
        padding:.5rem .2rem
    }
}

.el-group__form .el-form-select__options--item span {
    font-weight: 700;
    font-size: 2rem
}

@media only screen and (max-width: 768px) {
    .el-group__form .el-form-select__options--item span {
        font-size:1.6rem
    }
}

@media only screen and (max-width: 768px) {
    .el-group__form .el-text-list {
        margin-bottom:0;
        padding-bottom: 2rem
    }
}

.el-group__accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

@media only screen and (max-width: 768px) {
    .el-group__accordion {
        padding-bottom:1.5rem
    }
}

.el-group__accordion[data-is-active] i.icn-close {
    display: none
}

.el-group__accordion--heading span {
    font-weight: 700;
    font-size: 1.6rem
}

.el-group__accordion--icn i {
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem;
    height: 2rem;
    display: block;
    color: var(--main-color)
}

@media print,screen and (min-width: 769px) {
    .el-group__render--child {
        margin-bottom:8rem
    }
}

@media only screen and (max-width: 768px) {
    .el-group__render--child {
        margin-bottom:4rem;
        width: 100%
    }
}

.el-group .el-heading-lv6 {
    margin-bottom: 0
}

.el-heading-lv1 {
    margin: 0 calc(-1*var(--padding-contents-wrapper--lr)) 6rem;
    padding: 2rem 0
}

@media only screen and (max-width: 768px) {
    .el-heading-lv1 {
        margin:0 calc(-1*var(--padding-contents-wrapper--sp)) 3.2rem;
        padding: 1.2rem 0
    }
}

.el-product .el-heading-lv1 {
    margin-right: auto;
    margin-left: auto
}

.el-heading-lv1[data-decoration=true] {
    position: relative;
    max-width: var(--contents-width);
    margin-top: 4rem;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 3rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv1[data-decoration=true] {
        margin-top:2rem;
        padding-bottom: 1.6rem
    }
}

.el-heading-lv1[data-decoration=true]::before {
    -webkit-clip-path: inset(0 -100vmax 0 0);
    clip-path: inset(0 -100vmax 0 0);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    box-shadow: 0 0 0 100vmax var(--main-color);
    background-color: var(--main-color);
    content: ""
}

.el-heading-lv1[data-black=true] {
    background-color: #222
}

.el-heading-lv1[data-black=true] .el-heading-lv1__upper,.el-heading-lv1[data-black=true] .el-heading-lv1__caption,.el-heading-lv1[data-black=true] h1 {
    color: #fff
}

.el-heading-lv1__inner {
    max-width: var(--contents-width);
    margin: 0 auto
}

.el-heading-lv1__upper {
    margin-bottom: .4rem
}

.el-heading-lv1__upper span {
    font-weight: 500;
    font-size: 1.6rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv1__upper span {
        font-size:1.4rem
    }
}

.el-heading-lv1__caption {
    margin-top: .4rem
}

.el-heading-lv1__caption span {
    font-weight: 500;
    font-size: 1.6rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv1__caption span {
        font-size:1.4rem
    }
}

.el-heading-lv1 h1 {
    font-weight: 500;
    font-size: 4.4rem;
    line-height: 6rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv1 h1 {
        font-size:2.4rem;
        line-height: 36px
    }
}

[lang=en] .el-heading-lv1 h1 {
    font-size: 3.3rem;
    line-height: 4.5rem
}

@media only screen and (max-width: 768px) {
    [lang=en] .el-heading-lv1 h1 {
        font-size:1.8rem;
        line-height: 27px
    }
}

.el-product .el-heading-lv1 h1 {
    font-weight: 700;
    font-size: 5.8rem;
    line-height: 8.7rem
}

@media only screen and (max-width: 768px) {
    .el-product .el-heading-lv1 h1 {
        font-size:3.4rem;
        line-height: 36px
    }
}

.el-heading-lv2-ex {
    max-width: var(--contents-width);
    margin: 14rem auto 5.4rem;
    display: flex;
    justify-content: space-between;
    position: relative
}

@media only screen and (max-width: 768px) {
    .el-heading-lv2-ex {
        margin-top:8rem;
        margin-bottom: 3.2rem
    }
}

.el-heading-lv2-ex[data-decoration=true] {
    padding-top: 2.4rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv2-ex[data-decoration=true] {
        padding-top:1.2rem
    }
}

.el-heading-lv2-ex[data-decoration=true]::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #222
}

.el-heading-lv2-ex[data-decoration=true]::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(-1*(100vw - 100%)/2);
    width: calc((100vw - 100%)/2);
    height: 1px;
    background-color: #222
}

.el-heading-lv2-ex[data-align=center] .el-heading-lv2-ex__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    text-align: center
}

.el-heading-lv2-ex__link a {
    display: flex;
    text-decoration: none;
    align-items: center;
    color: var(--main-color);
    font-size: 1.6rem;
    font-weight: 700
}

@media only screen and (max-width: 768px) {
    .el-heading-lv2-ex__link a {
        font-size:1.4rem
    }
}

.el-heading-lv2-ex__link a i {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    margin-left: 1.2rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv2-ex__link a i {
        width:2rem;
        height: 2rem
    }
}

.el-heading-lv2-ex__link a i svg {
    width: inherit;
    height: inherit
}

.el-heading-lv2-ex__caption {
    margin-top: 1.2rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv2-ex__caption {
        margin-top:.8rem
    }
}

.el-heading-lv2-ex__caption span {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1
}

@media only screen and (max-width: 768px) {
    .el-heading-lv2-ex__caption span {
        font-size:1.6rem
    }
}

.el-heading-lv2-ex h2 {
    font-size: 6.4rem;
    line-height: 54px;
    color: var(--main-color);
    font-family: Arial,sans-serif
}

@media only screen and (max-width: 768px) {
    .el-heading-lv2-ex h2 {
        font-size:4rem;
        line-height: 36px
    }
}

.el-heading-lv2 {
    display: flex;
    justify-content: space-between;
    position: relative;
    max-width: var(--contents-width);
    margin: 12rem auto 5.4rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv2 {
        margin-top:8rem;
        margin-bottom: 2.8rem
    }
}

.el-heading-lv2[data-align=center] {
    justify-content: center;
    text-align: center
}

.el-heading-lv2[data-align=center] .el-heading-lv2__caption {
    transform: translateX(-1.2rem);
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.el-heading-lv2[data-align=center] .el-heading-lv2__link {
    position: absolute;
    right: 0
}

.el-heading-lv2[data-decoration=true] {
    position: relative;
    padding-bottom: 1.6rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv2[data-decoration=true] {
        display:block
    }
}

.el-heading-lv2[data-decoration=true]::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgb(0, 53, 142), rgba(255, 255, 255, 0));
    content: ""
}

@media only screen and (max-width: 768px) {
    .el-heading-lv2[data-decoration=true] .el-heading-lv2__link {
        display:flex;
        justify-content: flex-end
    }
}

.el-heading-lv2[data-caption-decoration=true] .el-heading-lv2__caption {
    position: relative;
    padding-left: 1.6rem
}

.el-heading-lv2[data-caption-decoration=true] .el-heading-lv2__caption::before {
    position: absolute;
    top: 12.5%;
    left: 0;
    width: 4px;
    height: 75%;
    background-color: var(--main-color);
    content: ""
}

.el-heading-lv2[data-color=blue] h2 {
    color: var(--main-color)
}

.el-heading-lv2__link {
    align-self: flex-end
}

@media only screen and (max-width: 768px) {
    .el-heading-lv2__link {
        margin-top:.8rem
    }
}

.el-heading-lv2__link a {
    display: flex;
    align-items: center;
    color: var(--main-color);
    font-weight: 700;
    font-size: 1.6rem;
    text-decoration: none
}

@media only screen and (max-width: 768px) {
    .el-heading-lv2__link a {
        font-size:1.4rem
    }
}

.el-heading-lv2__link a i {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    margin-left: 1.2rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv2__link a i {
        width:2rem;
        height: 2rem
    }
}

.el-heading-lv2__link a i svg {
    width: inherit;
    height: inherit
}

.el-heading-lv2__caption span {
    font-weight: 700;
    font-size: 1.8rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv2__caption span {
        font-size:1.2rem
    }
}

.el-heading-lv2 h2 {
    font-weight: 500;
    font-size: 4rem;
    line-height: 66px
}

@media only screen and (max-width: 768px) {
    .el-heading-lv2 h2 {
        font-size:2.2rem;
        line-height: 33px
    }
}

[lang=en] .el-heading-lv2 h2 {
    font-size: 3rem;
    line-height: 49.5px
}

@media only screen and (max-width: 768px) {
    [lang=en] .el-heading-lv2 h2 {
        font-size:1.65rem;
        line-height: 24.75px
    }
}

.el-heading-lv2+.el-heading-lv3 {
    margin-top: 0
}

.el-heading-lv3-ex h3,.el-heading-lv3-ex span {
    color: var(--base-color)
}

.el-heading-lv3-ex__caption {
    margin-top: .8rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv3-ex__caption {
        margin-top:.4rem
    }
}

.el-heading-lv3-ex__caption span {
    font-weight: bold;
    line-height: 25.5px;
    font-size: 1.7rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv3-ex__caption span {
        font-size:1.4rem;
        line-height: 21px
    }
}

.el-heading-lv3-ex h3 {
    font-family: var(--font-family-arial);
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: .04em;
    line-height: 24px
}

@media only screen and (max-width: 768px) {
    .el-heading-lv3-ex h3 {
        font-size:2rem;
        letter-spacing: .02em;
        line-height: 30px
    }
}

.el-heading-lv3 {
    max-width: var(--contents-width);
    margin: 8rem auto 2.4rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv3 {
        margin-top:4rem;
        margin-bottom: 2rem
    }
}

.el-heading-lv3[data-color=blue] h3 {
    color: var(--main-color)
}

.el-heading-lv3[data-color=white] h3 {
    color: var(--base-color)
}

.el-card .el-heading-lv3 .el-heading-lv3__upper {
    position: relative;
    padding-left: 1.6rem
}

.el-card .el-heading-lv3 .el-heading-lv3__upper::before {
    position: absolute;
    top: 12.5%;
    left: 0;
    width: 4px;
    height: 75%;
    background-color: var(--accent-color);
    content: ""
}

.el-card .el-heading-lv3 .el-heading-lv3__upper span {
    color: var(--txt-color);
    font-weight: 700
}

a.el-heading-lv3__inner {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--txt-color);
    text-decoration: none;
    cursor: pointer
}

a.el-heading-lv3__inner:hover h3 {
    color: var(--main-color)
}

.el-heading-lv3__caption {
    margin-top: .8rem
}

.el-heading-lv3__caption span {
    font-size: 1.6rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv3__caption span {
        font-size:1.2rem
    }
}

.el-heading-lv3__upper {
    margin-bottom: .8rem
}

.el-heading-lv3__upper span {
    font-size: 1.6rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv3__upper span {
        font-size:1.2rem
    }
}

.el-heading-lv3 h3 {
    display: flex;
    align-items: center;
    color: #444;
    font-weight: 500;
    font-size: 3rem;
    line-height: 4.5rem;
    transition: color .3s
}

@media only screen and (max-width: 768px) {
    .el-heading-lv3 h3 {
        font-size:2rem;
        line-height: 3rem
    }
}

[lang=en] .el-heading-lv3 h3 {
    font-size: 2.25rem;
    line-height: 3.375rem
}

@media only screen and (max-width: 768px) {
    [lang=en] .el-heading-lv3 h3 {
        font-size:1.5rem;
        line-height: 2.25rem
    }
}

.el-color-box[data-color="4"] .el-heading-lv3 h3,.el-bg-image .el-heading-lv3 h3 {
    color: var(--base-color)
}

.el-heading-lv3 h3 i {
    display: block;
    align-self: flex-start;
    position: relative;
    top: .8rem;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1.2rem;
    color: var(--main-color)
}

@media only screen and (max-width: 768px) {
    .el-heading-lv3 h3 i {
        top:.3rem;
        width: 2rem;
        height: 2rem
    }
}

.el-heading-lv3 h3 i svg {
    width: inherit;
    height: inherit
}

.el-heading-lv3[data-align=center] .el-heading-lv3__inner {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    text-align: center
}

.el-heading-lv3[data-align=right] .el-heading-lv3__inner {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto
}

.el-heading-lv3+.el-pic-block {
    margin-top: 3.2rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv3+.el-pic-block {
        margin-top:2rem
    }
}

.el-heading-lv4 {
    max-width: var(--contents-width);
    margin: 3.2rem auto 2.4rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv4 {
        margin-top:2rem
    }
}

.el-heading-lv4[data-color=blue] h4,.el-heading-lv4[data-color=blue] i {
    color: var(--main-color)
}

.el-heading-lv4__inner {
    display: block;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--txt-color);
    text-decoration: none
}

a.el-heading-lv4__inner {
    cursor: pointer
}

a.el-heading-lv4__inner:hover h4 {
    color: var(--main-color)
}

.el-heading-lv4__inner h4 {
    display: flex;
    align-items: center;
    transition: color .3s
}

.el-heading-lv4__inner i {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1.2rem;
    color: var(--main-color)
}

@media only screen and (max-width: 768px) {
    .el-heading-lv4__inner i {
        width:2rem;
        height: 2rem
    }
}

.el-heading-lv4__inner i svg {
    width: inherit;
    height: inherit
}

.el-card .el-heading-lv4__inner {
    display: block
}

.el-card .el-heading-lv4__inner i {
    position: absolute;
    top: .5rem;
    right: 0
}

.el-heading-lv4 h4 {
    font-size: 2.6rem;
    line-height: 3.6rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv4 h4 {
        font-size:1.8rem;
        line-height: 3rem
    }
}

[lang=en] .el-heading-lv4 h4 {
    font-size: 1.95rem;
    line-height: 2.7rem
}

@media only screen and (max-width: 768px) {
    [lang=en] .el-heading-lv4 h4 {
        font-size:1.35rem;
        line-height: 2.25rem
    }
}

.el-heading-lv4[data-align=center] .el-heading-lv4__inner {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.el-heading-lv4[data-align=right] .el-heading-lv4__inner {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto
}

.el-heading-lv5 {
    max-width: var(--contents-width);
    margin: 0 auto 1.2rem
}

.el-pic-block:not([data-vertical=true]) .el-heading-lv5 {
    margin-bottom: 4rem
}

.el-pic-block:not([data-vertical=true]) .el-heading-lv5[data-decoration=true] {
    margin-bottom: 2.4rem
}

@media only screen and (max-width: 768px) {
    .el-pic-block:not([data-vertical=true]) .el-heading-lv5[data-decoration=true] {
        margin-bottom:2rem
    }
}

.el-heading-lv5[data-decoration=true] {
    margin-bottom: 2.4rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv5[data-decoration=true] {
        margin-bottom:2rem
    }
}

.el-heading-lv5[data-decoration=true] h5 {
    display: flex;
    align-items: center;
    font-size: 2rem
}

@media only screen and (max-width: 768px) {
    .el-heading-lv5[data-decoration=true] h5 {
        font-size:1.6rem
    }
}

.el-heading-lv5[data-decoration=true] h5::before {
    align-self: baseline;
    position: relative;
    top: 1.3rem;
    width: 6rem;
    height: 1px;
    margin-right: 1.2rem;
    background-color: var(--txt-color);
    content: ""
}

@media only screen and (max-width: 768px) {
    .el-heading-lv5[data-decoration=true] h5::before {
        top:1rem;
        width: 3.2rem
    }
}

.el-heading-lv5__inner {
    display: flex;
    align-items: center
}

a.el-heading-lv5__inner {
    text-decoration: none;
    cursor: pointer
}

a.el-heading-lv5__inner:hover h5 {
    color: var(--main-color)
}

.el-heading-lv5 h5 {
    display: flex;
    align-items: center;
    width: 100%;
    color: var(--txt-color);
    font-size: 2.2rem;
    line-height: 3rem;
    transition: color .3s
}

@media only screen and (max-width: 768px) {
    .el-heading-lv5 h5 {
        font-size:1.6rem;
        line-height: 2.7rem
    }
}

[lang=en] .el-heading-lv5 h5 {
    font-size: 1.65rem;
    line-height: 2.25rem
}

@media only screen and (max-width: 768px) {
    [lang=en] .el-heading-lv5 h5 {
        font-size:1.2rem;
        line-height: 2.025rem
    }
}

.el-heading-lv5 h5 i {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1.2rem;
    color: var(--main-color)
}

@media only screen and (max-width: 768px) {
    .el-heading-lv5 h5 i {
        width:2rem;
        height: 2rem
    }
}

.el-heading-lv5 h5 i svg {
    width: inherit;
    height: inherit
}

.el-heading-lv5[data-align=left] {
    text-align: left
}

.el-heading-lv5[data-align=center] {
    text-align: center
}

.el-heading-lv5[data-align=right] {
    text-align: right
}

.el-heading-lv5+.el-label {
    margin-top: 0
}

.el-heading-lv6 {
    max-width: var(--contents-width);
    margin: 0 auto 1.2rem
}

.el-card .el-heading-lv6 {
    margin-bottom: .5rem
}

.el-heading-lv6[data-color=blue] h6 {
    color: var(--main-color)
}

.el-heading-lv6 h6 {
    font-size: 2rem;
    line-height: 27px;
    width: 100%;
    transition: color .3s
}

@media only screen and (max-width: 768px) {
    .el-heading-lv6 h6 {
        font-size:1.6rem;
        line-height: 24px
    }
}

.el-heading-lv6[data-align=left] {
    text-align: left
}

.el-heading-lv6[data-align=center] {
    text-align: center
}

.el-heading-lv6[data-align=right] {
    text-align: right
}

.el-history__container {
    padding-top: 6rem;
    max-width: 1480px;
    margin: 0 auto
}

@media only screen and (max-width: 768px) {
    .el-history__container {
        padding-top:2rem
    }
}

.el-history__input__current {
    position: relative;
    margin: 0 auto;
    width: calc(100% - 3.9rem)
}

@media only screen and (max-width: 768px) {
    .el-history__input__current {
        width:calc(100% - 2rem)
    }
}

.el-history__input__current span {
    position: absolute;
    top: -65px;
    transform: translateX(-50%);
    padding: .7rem 2.4rem;
    line-height: 1;
    border-radius: .4rem;
    background-color: var(--main-color);
    color: #fff;
    font-size: 2.4rem;
    font-weight: 500;
    white-space: nowrap;
    min-width: 4rem;
    display: flex;
    justify-content: center
}

@media only screen and (max-width: 768px) {
    .el-history__input__current span {
        padding:.5rem 1em;
        font-size: 1.2rem;
        top: -35px
    }
}

.el-history__input__current span[data-min-max-current=true] {
    display: none
}

.el-history__input__current span::before {
    content: "";
    width: 1rem;
    border-top: solid 2.5rem var(--main-color);
    border-bottom: solid 1rem rgba(0,0,0,0);
    border-left: solid 1rem rgba(0,0,0,0);
    border-right: solid 1rem rgba(0,0,0,0);
    position: absolute;
    right: 0;
    left: 0;
    top: calc(100% - 1rem);
    margin: 0 auto;
    z-index: -1
}

@media only screen and (max-width: 768px) {
    .el-history__input__current span::before {
        border-top:solid 1.5rem var(--main-color)
    }
}

.el-history__range {
    width: 100%;
    background-color: var(--border-color);
    display: block;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    height: 12px;
    border-radius: 5px;
    margin: 0 auto
}

@media only screen and (max-width: 768px) {
    .el-history__range {
        height:4px
    }
}

.el-history__range::-webkit-slider-thumb {
    background-color: var(--base-color);
    box-shadow: 4px 4px 4px rgba(0,0,0,.16);
    -webkit-appearance: none;
    appearance: none;
    width: 3.9rem;
    height: 3.9rem;
    border-radius: 3.9rem;
    cursor: pointer
}

@media only screen and (max-width: 768px) {
    .el-history__range::-webkit-slider-thumb {
        width:2rem;
        height: 2rem;
        border-radius: 2rem
    }
}

.el-history__range::-moz-range-thumb {
    background-color: var(--base-color);
    box-shadow: 4px 4px 4px rgba(0,0,0,.16);
    -moz-appearance: none;
    appearance: none;
    width: 3.9rem;
    height: 3.9rem;
    border-radius: 3.9rem;
    cursor: pointer
}

@media only screen and (max-width: 768px) {
    .el-history__range::-moz-range-thumb {
        width:2rem;
        height: 2rem;
        border-radius: 2rem
    }
}

.el-history .el-history__data::after,.el-history .el-history__data::before {
    color: var(--main-color);
    font-weight: 500;
    font-size: 2.8rem;
    position: absolute;
    top: 3rem
}

@media only screen and (max-width: 768px) {
    .el-history .el-history__data::after,.el-history .el-history__data::before {
        font-size:1.4rem;
        top: 2rem
    }
}

.el-history__data {
    width: calc(100% - 3.9rem);
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 768px) {
    .el-history__data {
        width:calc(100% - 2rem)
    }
}

.el-history__data::before {
    content: attr(data-first-range);
    left: -3.5rem
}

@media only screen and (max-width: 768px) {
    .el-history__data::before {
        left:-1.5rem
    }
}

.el-history__data::after {
    content: attr(data-last-range);
    right: -3.5rem
}

@media only screen and (max-width: 768px) {
    .el-history__data::after {
        right:-1.5rem
    }
}

.el-history__pillar {
    width: calc(100%/var(--range-step));
    margin-top: 1.5rem;
    position: relative
}

@media only screen and (max-width: 768px) {
    .el-history__pillar {
        margin-top:1rem
    }
}

.el-history__pillar::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    height: 1.2rem;
    width: 1px;
    background-color: var(--main-color)
}

@media only screen and (max-width: 768px) {
    .el-history__pillar::before {
        height:.5rem
    }
}

.el-history__pillar:first-child::before {
    height: 2rem
}

@media only screen and (max-width: 768px) {
    .el-history__pillar:first-child::before {
        height:1rem
    }
}

.el-history__pillar:last-child::after {
    content: "";
    position: absolute;
    right: 0;
    height: 2rem;
    width: 1px;
    background-color: var(--main-color)
}

@media only screen and (max-width: 768px) {
    .el-history__pillar:last-child::after {
        height:1rem
    }
}

.el-history__body {
    margin-top: 8rem
}

@media only screen and (max-width: 768px) {
    .el-history__body {
        margin-top:4rem
    }
}

.el-history__body--item {
    display: none
}

.el-hr {
    margin: 0 auto;
    max-width: var(--contents-width);
    height: 1px;
    background-color: var(--border-color)
}

.el-hr[data-color=blue] {
    background-color: var(--main-color)
}

.el-hr[data-dot=true] {
    background-color: rgba(0,0,0,0);
    position: relative;
    margin-bottom: 1.6rem
}

.el-hr[data-dot=true]::before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: repeating-conic-gradient(#fff 0, #fff 25%, #c7c7c7);
    background-size: 7px;
    background-position: center center
}

.el-hr+.el-divide-layout {
    margin-top: 1.6rem
}

.el-hr+.el-text-list:not([data-dot=true]) {
    margin-top: .8rem
}

.el-site-header .el-hr {
    margin-bottom: 1rem
}

.el-table .el-hr {
    margin-left: -2rem;
    margin-right: -2rem;
    margin-bottom: 2rem
}

.el-iframe {
    max-width: 960px;
    overflow: hidden;
    position: relative
}

.el-iframe::before {
    content: "";
    width: 100%;
    display: block;
    padding-top: 56.25%
}

.el-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width: 768px) {
    .el-information {
        margin:0 calc(-1*var(--padding-contents-wrapper--sp))
    }
}

.el-information[data-type=engineer] .el-information__list {
    grid-template-columns: min(40%, 640px) repeat(6, min(10%, 160px))
}

@media only screen and (max-width: 768px) {
    .el-information[data-type=engineer] .el-information__list {
        grid-template-columns:repeat(2, 1fr);
        grid-template-rows: repeat(2, 2fr) repeat(6, 1fr)
    }
}

.el-information[data-type=engineer] .el-information__item {
    overflow: hidden;
    position: relative
}

.el-information[data-type=engineer] .el-information__item:nth-child(1) {
    grid-area: 1/1/3/2
}

.el-information[data-type=engineer] .el-information__item:nth-child(2) {
    grid-area: 1/2/2/5
}

.el-information[data-type=engineer] .el-information__item:nth-child(3) {
    grid-area: 1/5/2/8
}

.el-information[data-type=engineer] .el-information__item:nth-child(4) {
    grid-area: 2/2/3/4
}

.el-information[data-type=engineer] .el-information__item:nth-child(5) {
    grid-area: 2/4/3/6
}

.el-information[data-type=engineer] .el-information__item:nth-child(6) {
    grid-area: 2/6/3/8
}

@media only screen and (max-width: 768px) {
    .el-information[data-type=engineer] .el-information__item:nth-child(1) {
        grid-area:1/1/3/3
    }

    .el-information[data-type=engineer] .el-information__item:nth-child(2) {
        grid-area: 3/1/6/2
    }

    .el-information[data-type=engineer] .el-information__item:nth-child(3) {
        grid-area: 6/1/9/2
    }

    .el-information[data-type=engineer] .el-information__item:nth-child(4) {
        grid-area: 3/2/5/3
    }

    .el-information[data-type=engineer] .el-information__item:nth-child(5) {
        grid-area: 5/2/7/3
    }

    .el-information[data-type=engineer] .el-information__item:nth-child(6) {
        grid-area: 7/2/9/3
    }
}

.el-information[data-type=engineer] .el-information__item:hover .el-information__pic-container {
    opacity: .8
}

.el-information[data-type=en] .el-information__list {
    grid-template-columns: min(40%, 640px) repeat(6, min(10%, 160px))
}

@media only screen and (max-width: 768px) {
    .el-information[data-type=en] .el-information__list {
        grid-template-columns:repeat(2, 1fr);
        grid-template-rows: repeat(1, 1fr) repeat(2, 1fr)
    }
}

.el-information[data-type=en] .el-information__item {
    overflow: hidden;
    position: relative
}

.el-information[data-type=en] .el-information__item:nth-child(1) {
    grid-area: 1/1/3/2
}

.el-information[data-type=en] .el-information__item:nth-child(2) {
    grid-area: 1/2/2/5
}

.el-information[data-type=en] .el-information__item:nth-child(3) {
    grid-area: 1/5/2/8
}

.el-information[data-type=en] .el-information__item:nth-child(4) {
    grid-area: 2/2/3/5
}

.el-information[data-type=en] .el-information__item:nth-child(5) {
    grid-area: 2/5/3/8
}

@media only screen and (max-width: 768px) {
    .el-information[data-type=en] .el-information__item:nth-child(1) {
        grid-area:1/1/2/3
    }

    .el-information[data-type=en] .el-information__item:nth-child(2) {
        grid-area: 2/1/3/2
    }

    .el-information[data-type=en] .el-information__item:nth-child(3) {
        grid-area: 3/1/4/2
    }

    .el-information[data-type=en] .el-information__item:nth-child(4) {
        grid-area: 2/2/3/3
    }

    .el-information[data-type=en] .el-information__item:nth-child(5) {
        grid-area: 3/2/5/3
    }
}

.el-information[data-type=en] .el-information__item:hover .el-information__pic-container {
    opacity: .8
}

.el-information__list {
    display: grid;
    grid-template-columns: min(49.9375%, 799px) repeat(2, min(24.875%, 398px));
    grid-template-rows: repeat(2, 1fr);
    gap: 2px
}

@media only screen and (max-width: 768px) {
    .el-information__list {
        grid-template-columns:repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr)
    }
}

.el-information__item {
    overflow: hidden;
    position: relative
}

.el-information__item:nth-child(1) {
    grid-area: 1/1/3/2
}

.el-information__item:nth-child(2) {
    grid-area: 1/2/2/4
}

.el-information__item:nth-child(3) {
    grid-area: 2/2/3/3
}

.el-information__item:nth-child(4) {
    grid-area: 2/3/3/4
}

@media only screen and (max-width: 768px) {
    .el-information__item:nth-child(1) {
        grid-area:1/1/3/3
    }

    .el-information__item:nth-child(2) {
        grid-area: 3/1/5/2
    }

    .el-information__item:nth-child(3) {
        grid-area: 3/2/4/3
    }

    .el-information__item:nth-child(4) {
        grid-area: 4/2/5/3
    }
}

.el-information__item:hover .el-information__pic-container {
    opacity: .8
}

.el-information__pic-container {
    position: relative;
    transition: opacity .3s;
    height: 100%
}

.el-information__pic-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.el-information__pic-container::before {
    content: "";
    width: 100%;
    height: 10rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    z-index: var(--z-layer)
}

.el-information__txt-container {
    position: absolute;
    bottom: 2.8rem;
    left: 2.8rem;
    z-index: var(--z-layer2)
}

@media only screen and (max-width: 1024px) {
    .el-information__txt-container {
        bottom:.8rem;
        left: .8rem
    }

    .el-information__txt-container .el-heading-lv3-ex h3 {
        font-size: 2.4rem
    }
}

.el-information__txt-container span {
    color: var(--base-color)
}

.el-label {
    max-width: var(--contents-width);
    margin: 0 auto 1.2rem
}

.el-label__list {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem
}

.el-label__title {
    margin-bottom: .4rem
}

.el-label__title span {
    font-size: 1.6rem;
    font-weight: 500
}

.el-label__item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .4rem .8rem;
    position: relative
}

.el-label__item--text {
    color: var(--base-color);
    font-weight: 500;
    z-index: 1;
    line-height: 1
}

.el-label__item[data-anime=true] {
    --transition: 0.25s;
    --spark: 1.8s;
    --speed: 1.2s;
    --cut: 0.1em;
    --active: 0;
    display: grid;
    padding: .6rem 1rem
}

.el-label__item[data-anime=true] .el-label__item--spark {
    position: absolute;
    inset: 0;
    rotate: 0deg;
    overflow: hidden;
    -webkit-mask: linear-gradient(white, transparent 50%);
    animation: flip calc(var(--spark)*2) infinite steps(2, end)
}

.el-label__item[data-anime=true] .el-label__item--spark::before {
    content: "";
    position: absolute;
    width: 200%;
    aspect-ratio: 1;
    inset: 0 auto auto 50%;
    z-index: -1;
    translate: -50% -15%;
    transform: rotate(-90deg);
    opacity: 1;
    background: conic-gradient(from 0deg, transparent 0 340deg, white 360deg);
    transition: opacity var(--transition);
    animation: rotate var(--spark) linear infinite both
}

.el-label__item[data-anime=true] .el-label__item--spark::after {
    content: "";
    position: absolute;
    inset: var(--cut)
}

.el-label__item[data-anime=true] .el-label__item--backdrop {
    inset: var(--cut);
    background: #fff;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: .1rem;
    position: absolute;
    left: 1px;
    top: 1px
}

.el-label__item[data-anime=true] .el-label--text {
    font-family: var(--font-family-arial)
}

@keyframes flip {
    to {
        rotate: 360deg
    }
}

@keyframes rotate {
    to {
        transform: rotate(90deg)
    }
}

.el-label__item[data-color="1"] {
    background-color: #fff;
    border: solid 1px var(--border-color)
}

.el-label__item[data-color="1"] .el-label__item--text {
    font-weight: 500;
    color: var(--txt-color)
}

.el-label__item[data-color="1"][data-anime=true] {
    border: 0 !important;
    background-color: #fff;
    border-radius: .2rem
}

.el-label__item[data-color="1"][data-anime=true] .el-label__item--text {
    color: var(--txt-color);
    font-weight: 700;
    font-family: var(--font-family-arial)
}

.el-label__item[data-color="2"] {
    background-color: var(--accent-color)
}

.el-label__item[data-color="2"] .el-label__item--text {
    font-weight: 700;
    color: var(--txt-color)
}

.el-label__item[data-color="2"][data-anime=true] {
    border: 0 !important;
    background-color: var(--accent-color);
    border-radius: .2rem
}

.el-label__item[data-color="2"][data-anime=true] .el-label__item--text {
    color: var(--txt-color);
    font-weight: 700;
    font-family: var(--font-family-arial)
}

.el-label__item[data-color="3"] {
    background-color: #6dc23c
}

.el-label__item[data-color="3"][data-anime=true] {
    border: 0 !important;
    background-color: #6dc23c;
    border-radius: .2rem
}

.el-label__item[data-color="3"][data-anime=true] .el-label__item--text {
    color: var(--txt-color);
    font-weight: 700;
    font-family: var(--font-family-arial)
}

.el-label__item[data-color="4"] {
    background-color: #8263c9
}

.el-label__item[data-color="4"][data-anime=true] {
    border: 0 !important;
    background-color: #8263c9;
    border-radius: .2rem
}

.el-label__item[data-color="4"][data-anime=true] .el-label__item--text {
    color: var(--txt-color);
    font-weight: 700;
    font-family: var(--font-family-arial)
}

.el-label__item[data-color="5"] {
    background-color: #2dbdca
}

.el-label__item[data-color="5"][data-anime=true] {
    border: 0 !important;
    background-color: #2dbdca;
    border-radius: .2rem
}

.el-label__item[data-color="5"][data-anime=true] .el-label__item--text {
    color: var(--txt-color);
    font-weight: 700;
    font-family: var(--font-family-arial)
}

.el-label__item[data-color="6"] {
    background-color: #000
}

.el-label__item[data-color="6"][data-anime=true] {
    border: 0 !important;
    background-color: #000;
    border-radius: .2rem
}

.el-label__item[data-color="6"][data-anime=true] .el-label__item--text {
    color: var(--txt-color);
    font-weight: 700;
    font-family: var(--font-family-arial)
}

.el-label__item[data-color="7"] {
    background-color: var(--base-color--blue)
}

.el-label__item[data-color="7"] .el-label__item--text {
    color: var(--txt-color)
}

.el-label__item[data-color="7"][data-anime=true] {
    border: 0 !important;
    background-color: var(--base-color--blue);
    border-radius: .2rem
}

.el-label__item[data-color="7"][data-anime=true] .el-label__item--text {
    color: var(--txt-color);
    font-weight: 700;
    font-family: var(--font-family-arial)
}

.el-label__item[data-color="8"] {
    background-color: var(--base-color);
    border: solid 2px var(--main-color)
}

.el-label__item[data-color="8"] .el-label__item--text {
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--main-color)
}

.el-label__item[data-color="8"][data-anime=true] {
    border: 0 !important;
    background-color: var(--main-color) !important
}

.el-label__item[data-color="8"][data-anime=true] .el-label__item--text {
    color: var(--main-color) !important
}

.el-label__item[data-color="8"][data-anime=true] {
    border: 0 !important;
    background-color: var(--base-color);
    border-radius: .2rem
}

.el-label__item[data-color="8"][data-anime=true] .el-label__item--text {
    color: var(--txt-color);
    font-weight: 700;
    font-family: var(--font-family-arial)
}

.el-label__item[data-color="9"] {
    background-color: var(--main-color);
    border-radius: .4rem
}

.el-label__item[data-color="9"] span {
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--base-color)
}

.el-label__item[data-color="9"][data-anime=true] {
    border: 0 !important;
    background-color: var(--main-color);
    border-radius: .2rem
}

.el-label__item[data-color="9"][data-anime=true] .el-label__item--text {
    color: var(--txt-color);
    font-weight: 700;
    font-family: var(--font-family-arial)
}

.el-loading {
    margin: 2%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 4px
}

.el-loading__inner {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: solid 4px;
    border-color: #000 rgba(0,0,0,.063) rgba(0,0,0,.063);
    position: relative;
    animation-name: spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.el-location-map {
    max-width: 1200px;
    margin: 0 auto
}

.el-location-map__image {
    position: relative;
    margin-bottom: 6rem
}

@media only screen and (max-width: 768px) {
    .el-location-map__image {
        margin:0 calc(-1*var(--padding-contents-wrapper--sp)) 3.2rem
    }
}

.el-location-map__image img {
    margin: 0 auto
}

.el-location-map__clickable {
    position: absolute;
    inset: 0
}

@media only screen and (max-width: 768px) {
    .el-location-map__clickable {
        margin:0 var(--padding-contents-wrapper--sp)
    }
}

.el-location-map__clickable a.map_lick {
    position: absolute;
    z-index: 2;
    width: 60px;
    height: 60px
}

@media only screen and (max-width: 768px) {
    .el-location-map__clickable a.map_lick {
        width:4.8rem;
        height: 4.8rem
    }
}

.el-location-map__clickable a.map_lick[data-is-active=true] img.hovered {
    visibility: visible;
    opacity: 1
}

.el-location-map__clickable a.map_lick img {
    position: absolute;
    inset: 0
}

.el-location-map__clickable a.map_lick img.hovered {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s,visibility .3s
}

.el-location-map__clickable a.map_lick:hover img.hovered {
    visibility: visible;
    opacity: 1
}

.el-location-map__clickable a.loc_map_01 {
    top: calc(7% - 30px);
    left: 5%
}

@media only screen and (max-width: 768px) {
    .el-location-map__clickable a.loc_map_01 {
        top:calc(7% - 2.4rem);
        left: 0
    }
}

.el-location-map__clickable a.loc_map_02 {
    top: calc(29% - 30px);
    left: 5%
}

@media only screen and (max-width: 768px) {
    .el-location-map__clickable a.loc_map_02 {
        top:calc(40% - 2.4rem);
        left: 0
    }
}

.el-location-map__clickable a.loc_map_03 {
    top: calc(51% - 30px);
    left: 5%
}

@media only screen and (max-width: 768px) {
    .el-location-map__clickable a.loc_map_03 {
        top:calc(75% - 2.4rem);
        left: 0
    }
}

.el-location-map__clickable a.loc_map_04 {
    top: calc(9% - 30px);
    right: 5%
}

@media only screen and (max-width: 768px) {
    .el-location-map__clickable a.loc_map_04 {
        top:calc(7% - 2.4rem);
        right: 0
    }
}

.el-location-map__clickable a.loc_map_05 {
    top: calc(29% - 30px);
    right: 5%
}

@media only screen and (max-width: 768px) {
    .el-location-map__clickable a.loc_map_05 {
        top:calc(40% - 2.4rem);
        right: 0
    }
}

.el-location-map__clickable a.loc_map_06 {
    top: calc(51% - 30px);
    right: 5%
}

@media only screen and (max-width: 768px) {
    .el-location-map__clickable a.loc_map_06 {
        top:calc(73.5% - 2.4rem);
        right: 0
    }
}

.el-location-map__clickable[data-type=red] a.loc_map_01 {
    top: calc(10% - 30px);
    left: 8%
}

@media only screen and (max-width: 768px) {
    .el-location-map__clickable[data-type=red] a.loc_map_01 {
        top:calc(15% - 2.4rem);
        left: 0
    }
}

.el-location-map__clickable[data-type=red] a.loc_map_02 {
    top: calc(32.5% - 30px);
    left: 8%
}

@media only screen and (max-width: 768px) {
    .el-location-map__clickable[data-type=red] a.loc_map_02 {
        top:calc(38% - 2.4rem);
        left: 0
    }
}

.el-location-map__clickable[data-type=red] a.loc_map_03 {
    top: calc(55% - 30px);
    left: 8%
}

@media only screen and (max-width: 768px) {
    .el-location-map__clickable[data-type=red] a.loc_map_03 {
        top:calc(62% - 2.4rem);
        left: 0
    }
}

.el-location-map__clickable[data-type=red] a.loc_map_04 {
    top: calc(77% - 30px);
    left: 8%
}

@media only screen and (max-width: 768px) {
    .el-location-map__clickable[data-type=red] a.loc_map_04 {
        top:auto;
        bottom: calc(15% - 2.4rem);
        left: 0
    }
}

.el-location-map__clickable[data-type=red] a.loc_map_05 {
    top: calc(11% - 30px);
    right: 10%
}

@media only screen and (max-width: 768px) {
    .el-location-map__clickable[data-type=red] a.loc_map_05 {
        top:calc(15% - 2.4rem);
        right: 0
    }
}

.el-location-map__clickable[data-type=red] a.loc_map_06 {
    top: calc(32.5% - 30px);
    right: 10%
}

@media only screen and (max-width: 768px) {
    .el-location-map__clickable[data-type=red] a.loc_map_06 {
        top:calc(38% - 2.4rem);
        right: 0
    }
}

.el-location-map__clickable[data-type=red] a.loc_map_07 {
    top: calc(55% - 30px);
    right: 10%
}

@media only screen and (max-width: 768px) {
    .el-location-map__clickable[data-type=red] a.loc_map_07 {
        top:calc(62% - 2.4rem);
        right: 0
    }
}

.el-location-map__content--item {
    display: none;
    align-items: flex-start;
    position: relative;
    padding: 4rem 8rem;
    border: solid 2px var(--main-color);
    border-radius: .6rem
}

@media only screen and (max-width: 768px) {
    .el-location-map__content--item {
        flex-wrap:wrap;
        padding: 1.6rem
    }
}

.el-location-map__content--item[data-is-active=true] {
    display: flex
}

.el-location-map__content--close {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 2.4rem;
    right: 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
    margin-left: auto;
    cursor: pointer
}

@media only screen and (max-width: 768px) {
    .el-location-map__content--close {
        justify-content:flex-end;
        position: static;
        width: 100%;
        margin-bottom: 1rem
    }
}

.el-location-map__content--close::before {
    width: 2.4rem;
    height: 2.4rem;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224.042%22%20height%3D%2224.042%22%20viewBox%3D%220%200%2024.042%2024.042%22%3E%20%3Cg%20transform%3D%22translate%28-1135.958%20-783.958%29%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%222%22%20transform%3D%22translate%281135.958%20806.586%29%20rotate%28-45%29%22%20fill%3D%22%2300358e%22%2F%3E%20%3Crect%20width%3D%2232%22%20height%3D%222%22%20transform%3D%22translate%281137.372%20783.958%29%20rotate%2845%29%22%20fill%3D%22%2300358e%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: cover
}

@media only screen and (max-width: 768px) {
    .el-location-map__content--close::before {
        width:2rem;
        height: 2rem
    }
}

.el-location-map__content--number {
    position: relative;
    bottom: 1rem;
    margin-right: 1.2rem
}

.el-location-map__content--number span {
    color: #ccc;
    font-weight: 700;
    font-size: 3.6rem
}

.el-location-map__content--pic {
    max-width: 50%;
    margin-left: 4rem
}

.el-location-map__content--pic>*:first-child {
    margin-top: 0 !important
}

.el-location-map__content--pic>*:last-child {
    margin-bottom: 0 !important
}

@media only screen and (max-width: 768px) {
    .el-location-map__content--pic {
        width:100%;
        max-width: 100%;
        margin-top: 2rem;
        margin-left: 0
    }
}

.el-location-map__content--inner {
    flex: 1
}

.el-location-map__content--inner>*:first-child {
    margin-top: 0 !important
}

.el-location-map__content--inner>*:last-child {
    margin-bottom: 0 !important
}

.el-map {
    max-width: 1480px;
    margin: 0 auto 5rem;
    position: relative
}

@media only screen and (max-width: 768px) {
    .el-map {
        margin-bottom:2rem
    }
}

.el-map__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .8rem
}

@media print,screen and (min-width: 769px) {
    .el-map__list {
        display:none
    }
}

.el-map__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: calc(50% - .6rem);
    margin-bottom: 1.2rem
}

.el-map__item:nth-child(odd) {
    margin-right: 1.2rem
}

.el-map__item--text {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--main-color);
    margin-right: .8rem;
    line-height: 1
}

.el-map__item--num {
    line-height: 1;
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--main-color)
}

.el-map__item i {
    width: 2.1rem;
    height: 3rem;
    display: block;
    margin-right: .8rem
}

.el-map__item i svg {
    width: inherit;
    height: inherit
}

.el-map__inner {
    display: flex;
    justify-content: center
}

@media only screen and (max-width: 768px) {
    .el-map__inner {
        margin-bottom:2.4rem
    }
}

.el-map__btn {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media print,screen and (min-width: 769px) {
    .el-map__btn {
        position:absolute;
        bottom: 0;
        left: 0
    }
}

.el-map__btn--item {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

@media print,screen and (min-width: 768px) {
    .el-map__btn--item {
        width:calc(50% - 4rem);
        border-top: solid 3px var(--main-color);
        border-bottom: solid 3px var(--main-color);
        padding: 2rem
    }

    .el-map__btn--item:nth-child(odd) {
        margin-right: 8rem
    }
}

@media only screen and (max-width: 768px) {
    .el-map__btn--item {
        width:100%;
        border-top: solid 2px var(--main-color);
        border-bottom: solid 2px var(--main-color);
        padding: 1.7rem
    }

    .el-map__btn--item:not(:last-child) {
        margin-bottom: 1.2rem
    }
}

.el-map__btn--text {
    margin-right: .8rem
}

@media print,screen and (min-width: 768px) {
    .el-map__btn--text {
        font-size:3.2rem
    }
}

@media only screen and (max-width: 768px) {
    .el-map__btn--text {
        font-size:1.6rem
    }
}

.el-map__btn--num {
    margin-right: .6rem
}

@media print,screen and (min-width: 768px) {
    .el-map__btn--num {
        font-size:4.8rem
    }
}

@media only screen and (max-width: 768px) {
    .el-map__btn--num {
        font-size:2.8rem
    }
}

@media print,screen and (min-width: 768px) {
    .el-map__btn--caption {
        font-size:4.8rem
    }
}

@media only screen and (max-width: 768px) {
    .el-map__btn--caption {
        font-size:2rem
    }
}

.el-map__btn span {
    color: var(--main-color);
    font-weight: 700;
    line-height: 1
}

.el-news-list .el-color-box {
    position: relative
}

@media only screen and (max-width: 768px) {
    .el-news-list .el-color-box {
        padding-bottom:0;
        margin-bottom: 2rem
    }
}

@media print,screen and (min-width: 769px) {
    .el-news-list__form {
        display:block !important
    }
}

@media only screen and (max-width: 768px) {
    .el-news-list__form {
        display:none
    }
}

@media print,screen and (min-width: 769px) {
    .el-news-list__form--inner>*:first-child {
        margin-top:0 !important
    }

    .el-news-list__form--inner>*:last-child {
        margin-bottom: 0 !important
    }
}

.el-news-list__form .el-detail-list:last-child {
    margin-bottom: 2.4rem
}

@media only screen and (max-width: 768px) {
    .el-news-list__form .el-detail-list:last-child {
        margin-bottom:0
    }
}

@media only screen and (max-width: 768px) {
    .el-news-list__form .el-detail-list__heading {
        width:100%
    }
}

@media only screen and (max-width: 768px) {
    .el-news-list__form .el-detail-list__item {
        border:0 !important;
        margin-bottom: 0 !important
    }
}

.el-news-list__form--category__child {
    display: flex;
    position: relative
}

@media only screen and (max-width: 768px) {
    .el-news-list__form--category__child {
        display:block
    }
}

.el-news-list__form--category__child>*:first-child {
    margin-top: 0 !important
}

.el-news-list__form--category__child>*:last-child {
    margin-bottom: 0 !important
}

.el-news-list__form--category__child:not(:last-child) {
    margin-bottom: 2rem;
    padding-bottom: 2rem
}

.el-news-list__form--category__child:not(:last-child)::before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: repeating-conic-gradient(#fff 0, #fff 25%, #c7c7c7);
    background-size: 7px;
    background-position: center center
}

.el-news-list__form--category__child>[class*=el-form] {
    flex: 1
}

@media print,screen and (min-width: 769px) {
    .el-news-list__form--category__heading {
        margin-right:10rem
    }
}

@media only screen and (max-width: 768px) {
    .el-news-list__form--category__heading {
        margin-bottom:1.5rem
    }
}

.el-news-list__form--category__heading span {
    font-size: 1.8rem;
    font-weight: 700
}

.el-news-list__accordion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

@media only screen and (max-width: 768px) {
    .el-news-list__accordion {
        padding-bottom:1.5rem
    }
}

.el-news-list__accordion[data-is-active] i.icn-close {
    display: none
}

.el-news-list__accordion--heading span {
    font-weight: 700;
    font-size: 1.6rem
}

.el-news-list__accordion--icn i {
    position: absolute;
    right: 0;
    top: 0;
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    color: var(--main-color)
}

.el-news-list .el-heading-lv6 {
    margin-bottom: 0
}

.el-news-tab {
    display: flex;
    align-items: flex-start;
    position: relative;
    max-width: var(--contents-width);
    margin: 0 auto 8rem
}

@media only screen and (max-width: 1079px) {
    .el-news-tab {
        display:block;
        margin-bottom: 4rem
    }
}

.el-news-tab__head {
    margin-right: 4.1666666667vw
}

@media only screen and (max-width: 1079px) {
    .el-news-tab__head--list {
        display:flex;
        flex-wrap: wrap;
        margin-right: 0;
        margin-bottom: 2rem
    }
}

.el-news-tab__head--item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: .8rem 1.2rem;
    border: solid 2px var(--border-color);
    border-radius: .4rem;
    background-color: var(--base-color);
    color: var(--main-color);
    font-weight: 700;
    font-size: 2rem;
    text-decoration: none;
    cursor: pointer
}

.el-news-tab__head--item[data-current=true] {
    border-color: var(--main-color);
    background-color: var(--main-color);
    color: var(--base-color);
    pointer-events: none
}

.el-news-tab__head--item[data-current=true] i {
    background-color: var(--base-color);
    color: var(--main-color)
}

.el-news-tab__head--item:not([data-current=true]) {
    transition: background-color .3s,color .3s,border-color .3s
}

.el-news-tab__head--item:not([data-current=true]):hover {
    border-color: var(--main-color);
    background-color: var(--main-color);
    color: var(--base-color)
}

.el-news-tab__head--item:not([data-current=true]):hover i {
    background-color: var(--base-color);
    color: var(--main-color)
}

@media print,screen and (min-width: 1080px) {
    .el-news-tab__head--item {
        min-width:20rem
    }

    .el-news-tab__head--item:not(:last-child) {
        margin-bottom: 1.6rem
    }
}

@media only screen and (max-width: 1079px) {
    .el-news-tab__head--item {
        display:flex;
        width: calc(50% - .6rem);
        margin-bottom: 1.2rem;
        border-radius: .4rem
    }

    .el-news-tab__head--item:nth-child(odd) {
        margin-right: 1.2rem
    }
}

@media only screen and (max-width: 768px) {
    .el-news-tab__head--item {
        border-radius:.4rem;
        font-size: 1.4rem
    }
}

.el-news-tab__head--item i {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background-color: var(--main-color);
    color: var(--base-color);
    transition: color .3s,background-color .3s
}

@media only screen and (max-width: 768px) {
    .el-news-tab__head--item i {
        width:2rem;
        height: 2rem
    }
}

.el-news-tab__head--item i svg {
    position: relative;
    left: .1rem
}

.el-news-tab__body {
    width: 100%
}

.el-news-tab__body--child {
    display: flex;
    flex-wrap: wrap
}

.el-news-tab__body--child>div {
    width: calc(50% - 1.6rem)
}

.el-news-tab__body--child>div:nth-child(odd) {
    margin-right: 3.2rem
}

.el-news-tab__body--child>div:nth-child(n+3) {
    margin-top: 2.1rem
}

@media only screen and (max-width: 768px) {
    .el-news-tab__body--child>div {
        width:calc(50% - .55rem)
    }

    .el-news-tab__body--child>div:nth-child(odd) {
        margin-right: 1.1rem
    }

    .el-news-tab__body--child>div:nth-child(n+3) {
        margin-top: 1.1rem
    }
}

.el-news-tab__body--item>*:first-child {
    margin-top: 0 !important
}

.el-news-tab__body--item>*:last-child {
    margin-bottom: 0 !important
}

.el-news-tab__body .el-news__item:first-child {
    padding-top: 0
}

@media print,screen and (min-width: 1080px) {
    .el-news-tab__body .el-news__item {
        align-items:inherit !important
    }
}

@media only screen and (max-width: 1079px) {
    .el-news-tab__body .el-news__item {
        gap:.8rem
    }
}

@media print,screen and (min-width: 1080px) {
    .el-news-tab__body .el-news__heading {
        position:relative;
        top: .5rem
    }
}

@media print,screen and (min-width: 1080px) {
    .el-news-tab__body .el-news__label--list {
        align-self:baseline
    }
}

@media print,screen and (min-width: 1080px) {
    .el-news-tab__body .el-news__text--container {
        flex:1;
        align-self: center
    }
}

@media only screen and (max-width: 768px) {
    .el-news-tab__body .el-label__item span {
        font-size:1.2rem
    }
}

.el-news {
    max-width: var(--contents-width);
    margin: 0 auto 3.6rem;
    overflow: hidden
}

.el-news__item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 2rem 0;
    text-decoration: none;
    color: var(--txt-color);
    font-weight: 500;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    transition: opacity .3s
}

.el-news__item::before {
    content: "";
    height: 1px;
    box-shadow: 0 0 0 100vmax var(--border-color);
    -webkit-clip-path: inset(0 -100vmax);
    clip-path: inset(0 -100vmax);
    position: absolute;
    bottom: 0;
    left: 0
}

.el-news__item:first-child {
    padding-top: 0
}

.el-news__item:hover {
    opacity: .6
}

.el-news__heading {
    margin-right: 1.6rem
}

.el-news__heading span {
    font-size: 1.4rem;
    font-weight: 500
}

.el-news__label--list {
    display: flex;
    align-items: center
}

.el-news__label--item {
    padding: .4rem 1.2rem;
    margin-right: 1.2rem;
    color: var(--base-color);
    min-width: 12rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem
}

@media only screen and (max-width: 768px) {
    .el-news__label--item {
        min-width:12.6rem;
        padding: .2rem 2.067rem
    }
}

.el-news__label--item span {
    white-space: nowrap
}

.el-news__label--item[data-color="1"] {
    background-color: var(--base-color);
    border: solid 1px var(--border-color)
}

.el-news__label--item[data-color="1"] span {
    font-weight: 500;
    color: var(--txt-color)
}

.el-news__label--item[data-color="2"] {
    background-color: var(--accent-color)
}

.el-news__label--item[data-color="2"] span {
    font-weight: 700;
    color: var(--txt-color)
}

.el-news__label--item[data-color="3"] {
    background-color: #6dc23c
}

.el-news__label--item[data-color="4"] {
    background-color: #8263c9
}

.el-news__label--item[data-color="5"] {
    background-color: #2dbdca
}

.el-news__label--item[data-color="6"] {
    background-color: #000
}

.el-news__label--item[data-color="7"] {
    background-color: var(--base-color--blue)
}

.el-news__label--item[data-color="7"] span {
    color: var(--txt-color)
}

.el-news__label--item[data-color="8"] {
    background-color: var(--base-color);
    border: solid 1px var(--main-color)
}

.el-news__label--item[data-color="8"] span {
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--main-color)
}

.el-news__label--item[data-color="9"] {
    background-color: var(--main-color);
    border-radius: .4rem
}

.el-news__label--item[data-color="9"] span {
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--base-color)
}

@media only screen and (max-width: 768px) {
    .el-news__text--container {
        width:100%;
        margin-top: .6rem
    }
}

.el-news__text--container i {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
    vertical-align: bottom;
    margin-left: .5rem;
    color: var(--main-color);
    position: relative;
    top: -0.2rem
}

.el-news__text {
    font-size: 1.6rem
}

.el-news__text--desc {
    font-size: 1.4rem;
    margin-left: 1rem
}

.el-news .el-label {
    margin-left: 1.4rem;
    margin-bottom: 0
}

@media only screen and (max-width: 768px) {
    .el-news .el-label {
        margin-left:0;
        margin-top: 0
    }
}

.el-numbers-ts__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3.2rem;
    box-shadow: 4px 4px 4px rgba(0,0,0,.16);
    background-color: var(--base-color)
}

.el-numbers-ts__item>*:first-child {
    margin-top: 0 !important
}

.el-numbers-ts__item>*:last-child {
    margin-bottom: 0 !important
}

@media only screen and (max-width: 1024px) {
    .el-numbers-ts__item {
        padding:2.4rem 1.6rem;
        margin-bottom: 2rem
    }

    .el-numbers-ts__item:last-child {
        margin-bottom: 0
    }
}

.el-numbers-ts__title {
    text-align: center
}

.el-numbers-ts__title span {
    color: var(--main-color);
    font-weight: 700;
    font-size: clamp(2rem,1.7647058824vw,3rem)
}

.el-numbers-ts__lineList {
    margin-bottom: 2rem
}

@media only screen and (max-width: 1024px) {
    .el-numbers-ts__lineList {
        margin-bottom:1.4rem;
        margin-top: 2.4rem
    }
}

.el-numbers-ts__lineItem {
    display: flex;
    align-items: center;
    padding: 2rem 0;
    border-bottom: solid var(--border-color) 1px
}

@media only screen and (max-width: 1024px) {
    .el-numbers-ts__lineItem {
        padding:1.4rem 0
    }
}

.el-numbers-ts__lineItem:empty {
    padding: 0
}

.el-numbers-ts__lineItem>div {
    flex: 1
}

@media only screen and (max-width: 1024px) {
    .el-numbers-ts__lineItem.triple {
        flex-wrap:wrap
    }

    .el-numbers-ts__lineItem.triple>div {
        flex: auto
    }

    .el-numbers-ts__lineItem.triple>div:nth-child(1) {
        order: 2
    }

    .el-numbers-ts__lineItem.triple>div:nth-child(2) {
        order: 1;
        width: 100%;
        margin-bottom: 1rem
    }

    .el-numbers-ts__lineItem.triple>div:nth-child(3) {
        order: 3
    }
}

.el-numbers-ts__content {
    display: flex;
    align-items: center;
    margin-top: 3rem
}

@media only screen and (max-width: 1024px) {
    .el-numbers-ts__content {
        margin-top:2.4rem;
        margin-bottom: 2.4rem
    }
}

.el-numbers-ts__content>div {
    width: calc(50% - .6rem);
    margin: 0
}

.el-numbers-ts__content>div:first-child {
    margin-right: 1.2rem
}

.el-numbers-ts__vertical {
    display: flex;
    flex: 1;
    margin-top: 3rem
}

.el-numbers-ts__vertical>*:first-child {
    margin-top: 0 !important
}

@media print,screen and (min-width: 1025px) {
    .el-numbers-ts__vertical {
        flex-direction:column
    }
}

@media only screen and (max-width: 1024px) {
    .el-numbers-ts__vertical {
        margin-top:2.4rem;
        margin-bottom: 2.4rem
    }

    .el-numbers-ts__vertical>div {
        width: calc(50% - .6rem);
        margin: 0
    }

    .el-numbers-ts__vertical>div:first-child {
        margin-right: 1.2rem
    }
}

.el-numbers-ts__image {
    display: grid;
    margin-top: 3rem;
    place-items: center
}

.el-numbers-ts__text {
    text-align: center
}

.el-numbers-ts__text span {
    font-weight: 500;
    font-size: clamp(1.8rem,1.6470588235vw,2.8rem)
}

.el-numbers-ts__catch {
    text-align: center
}

.el-numbers-ts__catch span {
    font-weight: 700;
    font-size: clamp(2rem,1.6470588235vw,2.8rem)
}

.el-numbers-ts__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: auto
}

.el-numbers-ts__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(4, auto);
    gap: 3.2rem
}

@media only screen and (max-width: 1024px) {
    .el-numbers-ts__grid {
        display:block
    }
}

.el-numbers-ts__grid .el-numbers-ts__item:nth-child(1) {
    grid-area: 1/1/2/4
}

.el-numbers-ts__grid .el-numbers-ts__item:nth-child(2) {
    grid-area: 1/4/2/7
}

.el-numbers-ts__grid .el-numbers-ts__item:nth-child(3) {
    grid-area: 2/1/3/4
}

.el-numbers-ts__grid .el-numbers-ts__item:nth-child(4) {
    grid-area: 2/4/3/7
}

.el-numbers-ts__grid .el-numbers-ts__item:nth-child(5) {
    grid-area: 3/1/4/3
}

.el-numbers-ts__grid .el-numbers-ts__item:nth-child(6) {
    grid-area: 3/3/4/5
}

.el-numbers-ts__grid .el-numbers-ts__item:nth-child(7) {
    grid-area: 3/5/4/7
}

@media print,screen and (min-width: 1025px) {
    .el-numbers-ts__grid .el-numbers-ts__item:nth-child(7) .el-numbers-ts__heading {
        margin-bottom:5rem
    }
}

.el-numbers-ts__grid .el-numbers-ts__item:nth-child(8) {
    grid-area: 4/1/5/3
}

.el-numbers-ts__grid .el-numbers-ts__item:nth-child(9) {
    grid-area: 4/3/5/5
}

.el-numbers-ts__grid .el-numbers-ts__item:nth-child(10) {
    grid-area: 4/5/5/7
}

.el-numbers-ts .container {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: auto
}

@media only screen and (max-width: 1024px) {
    .el-numbers-ts .container {
        grid-template-columns:1fr auto
    }
}

.el-numbers-ts .container.multi {
    display: flex
}

.el-numbers-ts .container.multi span.unit,.el-numbers-ts .container.multi span.unit_before {
    font-size: clamp(1.6rem,1.4117647059vw,2.4rem)
}

.el-numbers-ts .container.multi span.lv2 {
    font-size: clamp(4.5rem,5.8823529412vw,10rem);
    line-height: clamp(4.5rem,5.8823529412vw,10rem)
}

.el-numbers-ts span {
    display: block;
    line-height: 1
}

.el-numbers-ts span.attr {
    align-self: flex-start;
    position: relative;
    top: 3rem;
    margin-right: clamp(1.4rem,1.7058823529vw,2.9rem);
    color: var(--txt-color);
    font-weight: 700;
    font-size: clamp(1.4rem,1.6470588235vw,2.8rem)
}

.el-numbers-ts span.unit,.el-numbers-ts span.unit_before {
    display: flex;
    align-items: center;
    position: relative;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: auto;
    color: var(--main-color);
    font-weight: 500;
    font-size: clamp(1.8rem,1.4117647059vw,2.4rem)
}

.el-numbers-ts span.unit {
    grid-area: 1/3/2/4
}

.el-numbers-ts span.unit_before {
    grid-area: 1/1/2/2;
    bottom: 1.5rem
}

@media only screen and (max-width: 1024px) {
    .el-numbers-ts span.unit_before {
        bottom:.5rem
    }
}

.el-numbers-ts span.supplement {
    color: var(--txt-color);
    font-weight: 500;
    font-size: clamp(1.4rem,1.0588235294vw,1.8rem);
    line-height: 3.6rem;
    text-align: center;
    grid-area: 2/1/3/4
}

@media only screen and (max-width: 1024px) {
    .el-numbers-ts span.supplement {
        line-height:2.4rem
    }
}

.el-numbers-ts span.lv3,.el-numbers-ts span.lv2 {
    display: flex;
    justify-content: center;
    color: var(--main-color);
    font-weight: 700;
    grid-area: 1/2/2/3
}

@media only screen and (max-width: 1024px) {
    .el-numbers-ts span.lv3,.el-numbers-ts span.lv2 {
        line-height:6rem
    }
}

.el-numbers-ts span.lv3 {
    font-size: clamp(5rem,4.7058823529vw,8rem);
    line-height: clamp(5rem,4.7058823529vw,8rem)
}

.el-numbers-ts span.lv3+.unit {
    bottom: 2rem
}

@media only screen and (max-width: 1024px) {
    .el-numbers-ts span.lv3+.unit {
        bottom:1rem
    }
}

.el-numbers-ts span.lv2 {
    font-size: clamp(5rem,5.8823529412vw,10rem);
    line-height: clamp(5rem,5.8823529412vw,10rem)
}

.el-numbers-ts span.lv2+.unit {
    bottom: 1.5rem
}

@media only screen and (max-width: 1024px) {
    .el-numbers-ts span.lv2+.unit {
        bottom:.5rem
    }
}

.el-numbers-ts span.lv2~.supplement {
    margin-top: 1.2rem
}

.el-numbers-ts .el-paragraph {
    width: 100%
}

@media print,screen and (min-width: 769px) {
    .el-numbers__wrapper {
        display:grid;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: auto;
        gap: min(2.5vw, 3.2rem)
    }
}

@media only screen and (max-width: 768px) {
    .el-numbers__wrapper {
        display:grid;
        gap: 2rem;
        grid-template-rows: auto;
        grid-template-columns: repeat(1, 1fr)
    }
}

.el-numbers__item {
    box-shadow: 4px 4px 4px rgba(0,0,0,.16);
    background-color: var(--base-color)
}

@media print,screen and (min-width: 769px) {
    .el-numbers__item {
        padding:3.2rem 2.8rem
    }

    .el-numbers__item:first-child {
        grid-area: 1/1/2/3
    }

    .el-numbers__item:nth-child(2) {
        grid-area: 1/3/2/7
    }

    .el-numbers__item:nth-child(3) {
        grid-area: 2/1/3/3
    }

    .el-numbers__item:nth-child(4) {
        grid-area: 2/3/3/5
    }

    .el-numbers__item:nth-child(5) {
        grid-area: 2/5/3/7
    }

    .el-numbers__item:nth-child(6) {
        grid-area: 3/1/4/4
    }

    .el-numbers__item:last-child {
        grid-area: 3/4/4/7
    }
}

@media only screen and (max-width: 768px) {
    .el-numbers__item {
        padding:3.2rem 1.6rem
    }
}

.el-numbers__item[data-type=horizontal] .el-numbers__container {
    display: flex
}

@media only screen and (max-width: 768px) {
    .el-numbers__item[data-type=horizontal] .el-numbers__container {
        display:grid;
        place-items: center
    }
}

.el-numbers__item[data-type=horizontal] .el-numbers__container>div {
    flex: 1
}

@media print,screen and (min-width: 769px) {
    .el-numbers__item[data-type=horizontal] .el-numbers__image {
        margin:0
    }
}

.el-numbers__item[data-type=horizontal] .el-numbers__number {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1
}

.el-numbers__item[data-type=horizontal] .el-numbers__text {
    margin: 1.4rem auto 0
}

.el-numbers__heading {
    margin-bottom: 2.8rem;
    text-align: center
}

@media only screen and (max-width: 768px) {
    .el-numbers__heading {
        margin-bottom:2rem
    }
}

.el-numbers__heading span {
    color: var(--main-color);
    font-weight: 700;
    font-size: clamp(2rem, 2.34375vw, 3rem)
}

.el-numbers__image {
    display: grid;
    margin: 0 auto min(2.1875vw, 2.8rem);
    place-items: center
}

@media only screen and (max-width: 768px) {
    .el-numbers__image {
        width:20rem;
        margin-bottom: 2.4rem
    }
}

.el-numbers__image img {
    display: block;
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.el-numbers__number {
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.el-numbers__number--main {
    color: var(--main-color);
    font-weight: 700;
    font-size: min(6.25vw, 10rem);
    white-space: nowrap
}

@media only screen and (max-width: 768px) {
    .el-numbers__number--main {
        font-size:4rem
    }
}

.el-numbers__unit {
    font-weight: 500;
    font-size: min(1.875vw, 2.4rem)
}

@media only screen and (max-width: 768px) {
    .el-numbers__unit {
        font-size:2.2rem
    }
}

.el-numbers__text {
    display: block;
    margin: auto;
    font-weight: 500;
    font-size: min(1.40625vw, 1.8rem);
    text-align: center
}

@media only screen and (max-width: 768px) {
    .el-numbers__text {
        font-size:1.4rem
    }
}

.el-numbers__detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.el-numbers__detail--item {
    display: flex;
    width: 100%;
    border-bottom: solid 1px var(--border-color)
}

.el-numbers__detail--item:first-child {
    padding-bottom: min(1.5625vw, 2rem)
}

@media only screen and (max-width: 768px) {
    .el-numbers__detail--item:first-child {
        padding-bottom:1.6rem
    }
}

.el-numbers__detail--item:first-child .el-numbers__detail--text {
    justify-content: center !important;
    align-items: center !important
}

.el-numbers__detail--item:not(:first-child) {
    padding: min(1.5625vw, 2rem) 0
}

@media only screen and (max-width: 768px) {
    .el-numbers__detail--item:not(:first-child) {
        padding:1.6rem 0
    }
}

.el-numbers__detail--item>div {
    display: grid;
    flex: 1;
    align-items: center
}

@media only screen and (max-width: 768px) {
    .el-numbers__detail--item>div {
        padding:.8rem
    }
}

.el-numbers__detail--item>div:first-child {
    justify-content: flex-end
}

.el-numbers__detail--item>div:nth-child(2) {
    justify-content: center
}

.el-numbers__detail--item>div:last-child {
    justify-content: flex-start
}

.el-numbers__detail--item .el-numbers__number--main {
    font-size: min(6.25vw, 8rem)
}

@media only screen and (max-width: 768px) {
    .el-numbers__detail--item .el-numbers__number--main {
        font-size:3.2rem
    }
}

.el-numbers__detail--text span {
    font-weight: 500;
    font-size: min(2.03125vw, 2.6rem)
}

@media only screen and (max-width: 768px) {
    .el-numbers__detail--text span {
        font-size:1.8rem
    }
}

.el-numbers__date span {
    font-weight: bold;
    font-size: min(2.1875vw, 2.8rem)
}

@media only screen and (max-width: 768px) {
    .el-numbers__date span {
        font-size:1.8rem;
        text-align: center
    }
}

@media only screen and (max-width: 768px) {
    .el-overview {
        margin:0 calc(-1*var(--padding-contents-wrapper--sp))
    }
}

.el-overview__list {
    display: flex;
    flex-wrap: wrap
}

.el-overview__item {
    width: 33.3333333333%;
    position: relative;
    border: solid 1px var(--base-color)
}

@media only screen and (max-width: 768px) {
    .el-overview__item {
        width:100%
    }
}

.el-overview__item:hover::before {
    background-color: rgba(238,238,238,.4)
}

.el-overview__item:hover span {
    color: var(--txt-color)
}

.el-overview__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(34,34,34,.4);
    transition: background-color .3s
}

.el-overview__pic-container img {
    width: 100%
}

.el-overview__txt-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center
}

.el-overview__txt-container span {
    color: var(--base-color);
    font-size: 2.8rem;
    font-weight: 700;
    transition: color .3s
}

@media only screen and (max-width: 768px) {
    .el-overview__txt-container span {
        font-size:2rem
    }
}

.el-page-list {
    margin: 0 calc(-1*var(--padding-contents-wrapper--lr));
    padding: 0 var(--padding-contents-wrapper--lr);
    background-color: var(--main-color);
    position: sticky;
    top: var(--header-height);
    z-index: var(--z-page-list)
}

@media only screen and (max-width: 768px) {
    .el-page-list {
        margin:0 calc(-1*var(--padding-contents-wrapper--sp));
        padding: 1.6rem var(--padding-contents-wrapper--sp)
    }
}

@media print,screen and (min-width: 769px) {
    .el-page-list[data-open=true] .el-page-list__title i {
        display:none !important
    }
}

.el-page-list[data-open=true] .el-page-list__title i.icn-close {
    display: none
}

.el-page-list[data-open=true] .el-page-list__title i.icn-line {
    display: block
}

.el-page-list__wrapper {
    max-width: var(--contents-width);
    margin: 0 auto;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 768px) {
    .el-page-list__wrapper {
        display:block
    }
}

.el-page-list__title {
    padding: 1rem 3.2rem 1rem 0;
    position: relative;
    margin-right: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1
}

@media print,screen and (min-width: 769px) {
    .el-page-list__title {
        pointer-events:none
    }
}

@media only screen and (max-width: 768px) {
    .el-page-list__title {
        padding:0
    }
}

.el-page-list__title::before {
    content: "";
    width: 3px;
    height: 60%;
    display: block;
    background-color: var(--base-color);
    position: absolute;
    right: 0;
    top: 20%
}

@media only screen and (max-width: 768px) {
    .el-page-list__title::before {
        content:none
    }
}

.el-page-list__title span {
    font-weight: 700;
    font-size: 2rem;
    color: var(--base-color);
    white-space: nowrap
}

@media only screen and (max-width: 768px) {
    .el-page-list__title span {
        font-size:1.8rem;
        white-space: normal
    }
}

.el-page-list__title i {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    display: block;
    margin-left: 1.2rem;
    color: var(--base-color)
}

.el-page-list__title i.icn-line {
    display: none
}

@media print,screen and (min-width: 769px) {
    .el-page-list__title i {
        display:none
    }
}

.el-page-list__container {
    flex: 1
}

@media print,screen and (min-width: 769px) {
    .el-page-list__container {
        overflow-x:auto;
        margin-right: 2rem;
        display: flex;
        align-items: center
    }

    .el-page-list__container::-webkit-scrollbar {
        display: none
    }
}

@media only screen and (max-width: 768px) {
    .el-page-list__container {
        display:none
    }
}

.el-page-list__list {
    position: relative
}

@media print,screen and (min-width: 769px) {
    .el-page-list__list {
        width:1100px;
        display: flex;
        justify-content: flex-start
    }
}

@media only screen and (max-width: 768px) {
    .el-page-list__list {
        margin-top:1.6rem
    }

    .el-page-list__list::before {
        content: "";
        width: 100%;
        height: 2px;
        background-color: var(--base-color);
        position: absolute;
        top: 0;
        left: 0
    }
}

.el-page-list__item {
    padding: 1.5rem 1.6rem;
    color: var(--base-color);
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 700;
    display: block;
    position: relative;
    white-space: nowrap
}

@media only screen and (max-width: 768px) {
    .el-page-list__item {
        padding:1rem 0;
        display: flex;
        align-items: center
    }

    .el-page-list__item:last-child {
        padding-bottom: 0
    }

    .el-page-list__item:first-child {
        padding-top: 1.6rem
    }

    .el-page-list__item::before {
        content: "";
        width: 2rem;
        height: 2rem;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M38.817%2C36.926l-1.344-1.48%2C5.037-4.572-5-4.535%2C1.344-1.48%2C6.628%2C6.016Z%22%20transform%3D%22translate%28-28.48%20-18.892%29%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
        background-size: cover;
        background-position: center;
        margin-right: 1rem
    }
}

@media print,screen and (min-width: 769px) {
    .el-page-list__item[data-current=true]::before {
        content:"";
        height: 3px;
        width: calc(100% - 2px);
        position: absolute;
        bottom: 0;
        left: 1px;
        background-color: var(--base-color)
    }
}

@media print,screen and (min-width: 769px) {
    .el-page-list__item:not([data-current=true])::before {
        content:"";
        height: 3px;
        width: calc(100% - 2px);
        position: absolute;
        bottom: 0;
        left: 1px;
        background-color: var(--base-color);
        transition: transform .3s;
        transform: scale(0, 1);
        transform-origin: left top;
        transition-delay: .1s
    }

    .el-page-list__item:not([data-current=true]):hover::before {
        transform: scale(1, 1)
    }
}

@media print,screen and (min-width: 769px) {
    .el-page-list__item:not(:last-child)::after {
        content:"";
        width: 1px;
        height: 40%;
        display: block;
        background-color: var(--base-color);
        position: absolute;
        right: 0;
        top: 30%
    }
}

.el-page-list__link--list {
    display: flex;
    margin-left: auto
}

@media only screen and (max-width: 768px) {
    .el-page-list__link--list {
        display:flex;
        flex-direction: column
    }
}

.el-page-list__link--item {
    color: var(--base-color);
    text-decoration: none;
    font-weight: 700;
    font-size: 1.6rem;
    padding: 1.5rem;
    position: relative;
    white-space: nowrap
}

@media only screen and (max-width: 768px) {
    .el-page-list__link--item {
        padding:1rem 0;
        display: flex;
        align-items: center
    }

    .el-page-list__link--item:last-child {
        padding-bottom: 0
    }

    .el-page-list__link--item:first-child {
        padding-top: 1.6rem
    }
}

@media print,screen and (min-width: 769px) {
    .el-page-list__link--item:not(:last-child)::before {
        content:"";
        width: 1px;
        height: 40%;
        display: block;
        background-color: var(--base-color);
        position: absolute;
        right: 0;
        top: 30%
    }
}

@media only screen and (max-width: 768px) {
    .el-page-list__link--item::before {
        content:"";
        width: 2rem;
        height: 2rem;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M38.817%2C36.926l-1.344-1.48%2C5.037-4.572-5-4.535%2C1.344-1.48%2C6.628%2C6.016Z%22%20transform%3D%22translate%28-28.48%20-18.892%29%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
        background-size: cover;
        background-position: center;
        margin-right: 1rem
    }
}

.el-page-title {
    position: relative;
    margin: 0 calc(-1*var(--padding-contents-wrapper--lr)) 6rem;
    text-decoration: none;
    display: block
}

@media print,screen and (min-width: 769px) {
    .el-page-title {
        height:clamp(250px,27.0833333333vw,520px)
    }
}

@media only screen and (max-width: 768px) {
    .el-page-title {
        display:flex;
        flex-direction: column;
        margin: 0 calc(-1*var(--padding-contents-wrapper--sp)) 4rem
    }
}

@media print,screen and (min-width: 769px) {
    .el-page-title[data-type=career] {
        height:min(36.4583333333vw, 700px)
    }
}

@media only screen and (max-width: 768px) {
    .el-page-title[data-type=career] .el-page-title__pic-container {
        margin-bottom:0
    }
}

@media only screen and (max-width: 768px) {
    .el-page-title[data-type=career] .el-page-title__txt-container {
        position:absolute;
        top: 21.3333333333vw;
        right: 0;
        left: 0
    }
}

.el-page-title[data-type=career] .el-page-title__heading {
    margin-bottom: 1.6rem
}

@media only screen and (max-width: 768px) {
    .el-page-title[data-type=career] .el-page-title__heading {
        margin-bottom:1.2rem
    }
}

.el-page-title[data-type=career] .el-page-title__heading span {
    line-height: 1
}

@media only screen and (max-width: 768px) {
    .el-page-title[data-type=career][data-color=white] .el-page-title__heading span,.el-page-title[data-type=career][data-color=white] .el-page-title__catch--text span {
        color:var(--base-color)
    }

    .el-page-title[data-type=career][data-color=white] .el-paragraph p {
        color: var(--base-color)
    }
}

@media print,screen and (min-width: 769px) {
    .el-page-title[data-color=white] .el-page-title__heading span,.el-page-title[data-color=white] .el-page-title__catch--text span {
        color:var(--base-color);
        text-shadow: 0px 3px 24px #000
    }

    .el-page-title[data-color=white] .el-paragraph p {
        color: var(--base-color)
    }
}

@media print,screen and (min-width: 769px) {
    .el-page-title[data-color=white] .el-anchor-list__item span,.el-page-title[data-color=white] .el-anchor-list__item i {
        color:var(--base-color)
    }
}

.el-page-title[data-align=center] .el-page-title__txt-container {
    align-items: center
}

.el-page-title[data-align=center] .el-page-title__txt-container__inner {
    align-items: center;
    max-width: 1000px;
    text-align: center
}

.el-page-title__pic-container {
    position: absolute;
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 768px) {
    .el-page-title__pic-container {
        position:static;
        margin-bottom: 3.2rem
    }
}

.el-page-title__pic-container img,.el-page-title__pic-container video {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media print,screen and (min-width: 769px) {
    .el-page-title__txt-container {
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        max-width: calc(var(--contents-width) + var(--padding-contents-wrapper--lr)*2);
        height: 100%;
        margin: 0 auto;
        padding: 0 var(--padding-contents-wrapper--lr)
    }
}

@media only screen and (max-width: 768px) {
    .el-page-title__txt-container {
        padding:0 var(--padding-contents-wrapper--sp)
    }
}

.el-page-title__txt-container__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%
}

.el-page-title__txt-container__inner>*:first-child {
    margin-top: 0 !important
}

.el-page-title__txt-container__inner>*:last-child {
    margin-bottom: 0 !important
}

@media only screen and (max-width: 768px) {
    .el-page-title__txt-container__inner {
        max-width:100%
    }
}

.el-page-title__txt-container br.with-margin {
    display: block;
    margin-bottom: 2.8rem;
    content: ""
}

@media only screen and (max-width: 768px) {
    .el-page-title__catch {
        width:100%
    }
}

@media screen and (min-width: 769px) {
    .el-page-title__catch img {
        max-height:27.0833333333vw
    }
}

@media only screen and (max-width: 768px) {
    .el-page-title__catch img {
        width:100%
    }
}

@media only screen and (max-width: 768px) {
    .el-page-title__heading {
        margin-bottom:3.2rem
    }
}

.el-page-title__heading span {
    font-weight: 700;
    font-size: clamp(2.4rem, 2.5vw, 4.8rem);
    line-height: clamp(36px, 5vw, 96px)
}

.el-page-title__catch--text {
    margin-bottom: clamp(2.4rem, 2.0833333333vw, 40px)
}

.el-page-title__catch--text span {
    font-weight: 500;
    font-size: clamp(1.6rem, 1.0416666667vw, 2rem);
    line-height: clamp(24px, 2.0833333333vw, 40px)
}

.el-page-title__heading span,.el-page-title__catch--text span {
    text-shadow: 0px 3px 24px #fff
}

.el-page-title+.el-catch-text {
    margin: 0 auto 10rem
}

@media only screen and (max-width: 768px) {
    .el-page-title+.el-catch-text {
        margin-bottom:4rem
    }
}

.el-page-title .el-btn {
    width: 100%
}

.el-page-title .el-paragraph {
    width: 100%
}

.el-page-title .el-label {
    margin-bottom: clamp(.8rem, 0.625vw, 1.2rem)
}

.el-page-title .el-label__item {
    border-radius: .4rem
}

.el-page-title .el-label__item--text {
    font-size: clamp(1.2rem, 1.0416666667vw, 2rem)
}

.el-page-title div[class*=el-heading] {
    margin: 0 auto
}

.el-page-title .el-heading-lv3 h3 {
    color: #222;
    font-size: clamp(2rem, 1.6666666667vw, 3.2rem);
    line-height: clamp(3rem, 2.34375vw, 4.5rem)
}

.el-page-title .el-paragraph p {
    font-size: clamp(1.4rem, 0.9375vw, 1.8rem);
    line-height: clamp(2.4rem, 1.875vw, 3.6rem)
}

@media print,screen and (min-width: 769px) {
    .el-page-title .el-anchor-list__item span {
        font-size:clamp(1.4rem, 1.1458333333vw, 2.2rem)
    }
}

.el-page-title .el-anchor-list__item i {
    width: clamp(2rem, 1.25vw, 2.4rem);
    height: clamp(2rem, 1.25vw, 2.4rem)
}

.el-page-top {
    position: relative;
    width: 100%;
    z-index: var(--z-page-to-top)
}

.el-page-top[data-is-fixed=true] .el-page-top__btn {
    position: fixed;
    bottom: 0;
    right: 0
}

.el-page-top[data-is-hidden=true] .el-page-top__btn {
    opacity: 0;
    visibility: hidden
}

.el-page-top__btn {
    position: absolute;
    right: 0;
    bottom: 100%;
    padding: 2.4rem;
    background-color: var(--main-color);
    cursor: pointer;
    transition-property: opacity,visibility;
    transition-duration: .2s;
    border: solid 1px var(--base-color);
    border-bottom: 0
}

@media only screen and (max-width: 768px) {
    .el-page-top__btn {
        padding:0;
        width: 4.8rem;
        height: 4.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        position: static
    }
}

.el-page-top__btn i {
    height: 2.4rem;
    width: 2.4rem;
    display: block;
    color: var(--base-color)
}

.el-page-top__btn i.icn-chevron--right {
    transform: rotate(-90deg)
}

.el-page-wrapper {
    position: relative;
    display: grid;
    grid-auto-rows: auto 1fr auto auto;
    grid-auto-columns: 100%;
/*    min-height: calc(100vh + var(--header-height)); */
    overflow: clip
}

.el-pagination__inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

@media only screen and (max-width: 768px) {
    .el-pagination__inner {
        gap:.5rem
    }
}

@media only screen and (max-width: 768px) {
    .el-pagination__list {
        width:100%;
        justify-content: center
    }

    .el-pagination__list li:last-child .el-pagination__item {
        margin-right: 0
    }
}

.el-pagination__prev,.el-pagination__next {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem .5rem;
    border: solid 2px var(--border-color);
    color: var(--txt-color);
    font-size: 1.4rem;
    font-weight: 700
}

@media only screen and (max-width: 768px) {
    .el-pagination__prev,.el-pagination__next {
        width:min(50% - .25rem,150px);
        margin-top: .5rem
    }
}

@media only screen and (max-width: 768px) {
    .el-pagination__next {
        order:3;
        margin-right: auto
    }
}

.el-pagination__next[aria-hidden=true] {
    display: none
}

.el-pagination__prev {
    margin-right: .5rem
}

@media only screen and (max-width: 768px) {
    .el-pagination__prev {
        order:2;
        margin-left: auto;
        margin-right: 0
    }
}

.el-pagination__prev[aria-hidden=true] {
    display: none
}

.el-pagination__item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem .5rem;
    border: solid 2px var(--border-color);
    color: var(--txt-color);
    font-size: 1.4rem;
    font-weight: 700;
    width: 4.5rem;
    height: 100%;
    text-decoration: none;
    margin-right: .5rem;
    cursor: pointer
}

@media only screen and (max-width: 768px) {
    .el-pagination__item {
        width:4.2rem;
        height: 4.5rem
    }
}

.el-pagination__item[aria-current=page] {
    border-color: var(--main-color);
    background-color: var(--base-color--blue);
    color: var(--main-color);
    pointer-events: none
}

.el-pagination__clamp {
    font-size: 1.4rem;
    font-weight: 700;
    margin-right: .5rem;
    white-space: nowrap
}

.el-pagination ol {
    align-items: center;
    display: flex
}

.el-paragraph {
    max-width: var(--contents-width);
    margin: 0 auto 1.6rem
}

.el-detail-list .el-paragraph p {
    font-size: 1.8rem;
    line-height: 1.5
}

.el-paragraph[data-type=small] {
    margin-bottom: .8rem
}

.el-paragraph[data-type=small] p {
    font-size: 1.4rem;
    line-height: 21px
}

.el-paragraph[data-type=body] p {
    font-size: 1.6rem;
    line-height: 1.5
}

.el-paragraph[data-color=blue] p {
    color: var(--main-color)
}

.el-paragraph[data-color=red] p {
    color: var(--att-color)
}

.el-paragraph p {
    font-size: 1.8rem;
    line-height: 36px;
    font-weight: 500
}

@media only screen and (max-width: 768px) {
    .el-paragraph p {
        font-size:1.4rem;
        line-height: 24px
    }
}

.el-paragraph[data-align=left] {
    text-align: left
}

.el-paragraph[data-align=center] {
    text-align: center
}

.el-paragraph[data-align=right] {
    text-align: right
}

.el-paragraph+.el-heading-lv3 {
    margin-top: 8rem
}

@media only screen and (max-width: 768px) {
    .el-paragraph+.el-heading-lv3 {
        margin-top:4rem
    }
}

div[class*=el-card] .el-paragraph+.el-heading-lv3 {
    margin-top: 0
}

.el-paragraph+.el-heading-lv5 {
    margin-top: 6rem
}

@media only screen and (max-width: 768px) {
    .el-paragraph+.el-heading-lv5 {
        margin-top:4rem
    }
}

div[class*=el-card] .el-paragraph+.el-heading-lv5,.el-color-box .el-paragraph+.el-heading-lv5 {
    margin-top: 0
}

.el-paragraph+.el-card {
    margin-top: 4rem
}

.el-paragraph+.el-color-box {
    margin-top: 4rem
}

.el-paragraph+.el-pic-block {
    margin-top: 6rem
}

@media only screen and (max-width: 768px) {
    .el-paragraph+.el-pic-block {
        margin-top:4rem
    }
}

.el-paragraph+.el-pic {
    margin-top: 4rem
}

@media only screen and (max-width: 768px) {
    .el-paragraph+.el-pic {
        margin-top:2.8rem
    }
}

.el-card .el-paragraph p {
    font-size: 1.6rem;
    line-height: 1.5
}

.el-bg-full .el-paragraph {
    margin-bottom: 3.2rem
}

.el-pic-block {
    max-width: var(--contents-width);
    margin: 5.4rem auto 8rem
}

@media only screen and (max-width: 768px) {
    .el-pic-block {
        margin-top:2.5rem;
        margin-bottom: 4rem
    }
}

.el-divide-layout .el-pic-block {
    margin-bottom: 2.8rem
}

.el-site-header .el-pic-block {
    margin-bottom: 3.2rem
}

.el-pic-block__inner {
    display: flex
}

@media only screen and (max-width: 768px) {
    .el-pic-block__inner {
        display:block
    }
}

@media print,screen and (min-width: 769px) {
    .el-pic-block[data-reverse=true] .el-pic-block__pic-container {
        order:2;
        margin-right: 0;
        margin-left: 4rem
    }

    .el-pic-block[data-reverse=true] .el-pic-block__text-container {
        order: 1
    }
}

@media only screen and (max-width: 768px) {
    .el-pic-block[data-sp-reverse=true] .el-pic-block__inner {
        display:flex;
        flex-direction: column
    }
}

@media only screen and (max-width: 768px) {
    .el-pic-block[data-sp-reverse=true] .el-pic-block__pic-container {
        order:2;
        margin-bottom: 0
    }

    .el-pic-block[data-sp-reverse=true] .el-pic-block__text-container {
        order: 1;
        margin-bottom: 2rem
    }
}

.el-pic-block[data-vertical=true] {
    max-width: 960px
}

.el-pic-block[data-vertical=true] .el-pic-block__inner {
    display: block
}

@media print,screen and (min-width: 769px) {
    .el-pic-block[data-vertical=true] .el-pic-block__pic-container {
        margin-bottom:4rem;
        max-width: 100%;
        display: grid;
        place-items: center;
        margin-left: 0;
        margin-right: 0
    }

    .el-site-header .el-pic-block[data-vertical=true] .el-pic-block__pic-container {
        margin-bottom: 1.2rem
    }
}

.el-divide-layout .el-pic-block[data-vertical=true] .el-pic-block__pic-container {
    margin-bottom: 2rem
}

.el-pic-block[data-decoration=true] {
    position: relative;
    padding-top: 10rem
}

@media only screen and (max-width: 768px) {
    .el-pic-block[data-decoration=true] {
        padding-top:4rem
    }
}

.el-pic-block[data-decoration=true][data-reverse=true]::before {
    left: initial;
    right: 6rem
}

.el-pic-block[data-decoration=true]::before {
    content: "";
    width: 83.75%;
    padding-top: 44rem;
    display: block;
    position: absolute;
    left: 6rem;
    top: 0rem;
    background-color: var(--base-color--blue);
    z-index: var(--z-init)
}

.el-pic-block[data-radius=true] .el-pic-block__pic-container picture {
    position: relative
}

.el-pic-block[data-radius=true] .el-pic-block__pic-container picture::before {
    content: "";
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    position: absolute;
    left: -2px;
    top: -2px;
    background-color: var(--main-color);
    border-radius: 100%;
    z-index: -1
}

.el-pic-block[data-radius=true] .el-pic-block__pic-container picture img {
    border-radius: 100%;
    aspect-ratio: 1
}

.el-pic-block__pic-container {
    flex: 0 0 auto;
    position: relative;
    z-index: var(--z-layer)
}

@media print,screen and (min-width: 769px) {
    .el-pic-block__pic-container {
        max-width:48.75%;
        margin-right: 4rem
    }

    [data-radio="3by7"] .el-pic-block__pic-container {
        flex: auto;
        max-width: 75%
    }
}

@media only screen and (max-width: 768px) {
    .el-pic-block__pic-container {
        margin:0 auto 2rem;
        display: grid;
        place-items: center
    }
}

.el-pic-block__text-container {
    position: relative;
    z-index: var(--z-layer);
    flex: 1
}

.el-pic-block__text-container>*:first-child {
    margin-top: 0 !important
}

.el-pic-block__text-container>*:last-child {
    margin-bottom: 0 !important
}

@media print,screen and (min-width: 769px) {
    [data-radio="3by7"] .el-pic-block__text-container {
        min-width:min(40%,37rem)
    }
}

.el-pic-block__caption {
    margin-top: 1.2rem;
    text-align: left;
    width: 100%
}

.el-pic-block__caption span {
    font-size: 1.4rem;
    font-weight: 500
}

@media print,screen and (min-width: 1160px) {
    .el-pic-block .el-btn[data-column*=d] {
        width:min(100%,820px)
    }
}

.el-pic {
    max-width: var(--contents-width);
    margin: 0 auto 3.2rem
}

@media only screen and (max-width: 768px) {
    .el-pic {
        margin-bottom:2rem
    }
}

.el-pic__inner {
    display: block;
    text-decoration: none;
    color: var(--txt-color);
    max-width: 100%
}

.el-pic[data-align=center] {
    text-align: center
}

.el-pic[data-align=right] {
    text-align: right
}

.el-pic__caption {
    font-size: 1.4rem;
    margin-top: .8rem;
    font-weight: 500
}

.el-divide-layout .el-pic {
    margin-bottom: .8rem
}

.el-process__holder {
    position: relative;
    margin: 0 calc(-1*var(--padding-contents-wrapper--lr)) 5rem
}

@media only screen and (max-width: 768px) {
    .el-process__holder {
        margin:0 calc(-1*var(--padding-contents-wrapper--sp)) 5rem
    }
}

.el-process__holder::before,.el-process__holder::after {
    position: absolute;
    bottom: -5px;
    width: var(--padding-contents-wrapper--lr);
    height: 10px;
    background-color: var(--base-color);
    content: ""
}

@media only screen and (max-width: 768px) {
    .el-process__holder::before,.el-process__holder::after {
        width:var(--padding-contents-wrapper--sp)
    }
}

.el-process__holder::before {
    left: 0
}

.el-process__holder::after {
    right: 0
}

.el-process__holder h2,.el-process__holder span,.el-process__holder p {
    color: var(--main-color);
    font-weight: 700
}

.el-process__holder--scroll {
    padding: 0 var(--padding-contents-wrapper--lr);
    overflow-x: auto;
    cursor: default
}

@media only screen and (max-width: 768px) {
    .el-process__holder--scroll {
        overflow-y:hidden;
        padding: 0 var(--padding-contents-wrapper--sp)
    }
}

.el-process__holder--scroll::-webkit-scrollbar {
    height: 5px;
    border-radius: .4rem
}

.el-process__holder--scroll::-webkit-scrollbar-track {
    background-color: var(--border-color)
}

.el-process__holder--scroll::-webkit-scrollbar-thumb {
    border-radius: .4rem;
    background-color: #0f0f0f
}

.el-process__holder--container {
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (max-width: 768px) {
    .el-process__holder--container {
        display:flex
    }
}

@media only screen and (max-width: 768px) {
    .el-process__holder--container>div:nth-child(2) .el-process__holder--parent,.el-process__holder--container>div:nth-child(4) .el-process__holder--parent {
        height:100%
    }
}

@media only screen and (max-width: 768px) {
    .el-process__holder--container>div:nth-child(2) .el-process__holder--child,.el-process__holder--container>div:nth-child(4) .el-process__holder--child {
        display:flex;
        flex-direction: column;
        height: 100%
    }
}

.el-process__holder--item {
    margin-bottom: 2rem;
    padding-left: 2rem;
    border-left: solid 2px var(--main-color)
}

@media only screen and (max-width: 768px) {
    .el-process__holder--item {
        margin-bottom:2rem
    }

    .el-process__holder--item:not(:last-child) {
        margin-right: 5rem
    }
}

.el-process__holder--item:first-child .el-process__holder--child:first-child .el-process__holder--card::before {
    content: none
}

.el-process__holder--heading {
    display: flex;
    align-items: flex-end;
    margin-bottom: 3rem
}

.el-process__holder--heading h2 {
    margin-right: 1rem;
    font-weight: 700;
    font-size: 4rem;
    line-height: 1.15
}

.el-process__holder--parent {
    display: flex;
    position: relative
}

.el-process__holder--child:not(:last-child) {
    margin-right: 3rem
}

.el-process__holder--child:not(:first-child) {
    padding-left: 2rem;
    border-left: solid 2px var(--main-color)
}

.el-process__holder--child__heading {
    display: grid;
    margin-bottom: 1rem;
    grid-template-columns: auto 1fr;
    grid-template-rows: repeat(2, auto)
}

.el-process__holder--child__heading .number {
    margin-right: 2rem;
    font-size: 5rem;
    line-height: 1.15;
    vertical-align: top;
    grid-area: 1/1/3/2
}

.el-process__holder--child__heading .head {
    font-size: 2rem;
    grid-area: 1/2/2/3
}

.el-process__holder--child__heading .text-list {
    grid-area: 2/2/3/3
}

.el-process__holder--child__heading .text-list--item {
    display: flex;
    align-items: baseline
}

.el-process__holder--child__heading .text-list--item::before {
    position: relative;
    top: -0.3rem;
    min-width: .5rem;
    min-height: .5rem;
    margin-right: .8rem;
    border-radius: 50%;
    background-color: var(--main-color);
    content: ""
}

.el-process__holder--child__heading .text-list--item p {
    font-size: 1.4rem
}

.el-process__holder--card {
    display: flex;
    align-items: baseline;
    gap: 3rem
}

@media only screen and (max-width: 768px) {
    .el-process__holder--card {
        margin-top:auto
    }
}

.el-process__holder--card__item {
    display: flex;
    align-items: center
}

.el-process__holder--card__item:not(:last-child) {
    margin-right: 1rem
}

.el-process__holder--card__item:not(:last-child)::after {
    position: absolute;
    bottom: 107px;
    transform: translateX(160px);
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%227.794px%22%20height%3D%229px%22%20viewBox%3D%220%200%207.794%209%22%20enable-background%3D%22new%200%200%207.794%209%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23113961%22%20points%3D%220%2C0%200%2C9%207.794%2C4.5%20%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-size: cover;
    content: ""
}

.el-process__holder--card__item--img {
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 15rem
}

@media only screen and (max-width: 768px) {
    .el-process__holder--card__item--img {
        width:15rem
    }
}

.el-process__holder--card__item--img:hover img.hovered {
    visibility: visible;
    opacity: .6
}

.el-process__holder--card__item--img img {
    margin: 0 auto .8rem;
    margin-bottom: .8rem
}

.el-process__holder--card__item--img img.hovered {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    inset: 0;
    transition: opacity .3s,visibility .3s
}

.el-process__holder--card__item--img span.text {
    font-size: 1.6rem
}

.el-process__holder--card__item--img span.text>span {
    font-size: 1.2rem
}

.el-process__contents--item {
    display: none;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 4rem;
    border: solid 2px var(--border-color);
    border-radius: .4rem
}

@media only screen and (max-width: 768px) {
    .el-process__contents--item {
        padding:1.6rem
    }
}

.el-process__contents--item[data-is-active=true] {
    display: block
}

.el-process__contents--close {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 2.4rem;
    right: 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
    margin-left: auto;
    cursor: pointer
}

@media only screen and (max-width: 768px) {
    .el-process__contents--close {
        justify-content:flex-end;
        position: static;
        width: 100%;
        margin-bottom: 1rem
    }
}

.el-process__contents--close::before {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224.042%22%20height%3D%2224.042%22%20viewBox%3D%220%200%2024.042%2024.042%22%3E%20%3Cg%20transform%3D%22translate%28-1135.958%20-783.958%29%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%222%22%20transform%3D%22translate%281135.958%20806.586%29%20rotate%28-45%29%22%20fill%3D%22%2300358e%22%2F%3E%20%3Crect%20width%3D%2232%22%20height%3D%222%22%20transform%3D%22translate%281137.372%20783.958%29%20rotate%2845%29%22%20fill%3D%22%230%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: cover;
    content: ""
}

@media only screen and (max-width: 768px) {
    .el-process__contents--close::before {
        width:2rem;
        height: 2rem
    }
}

.el-process__contents--inner>*:first-child {
    margin-top: 0 !important
}

.el-process__contents--inner>*:last-child {
    margin-bottom: 0 !important
}

.el-product-link {
    background-color: var(--base-color--gray)
}

@media print,screen and (min-width: 769px) {
    .el-product-link {
        padding:2.8rem 2.8rem .8rem;
        margin-bottom: 8rem
    }
}

@media only screen and (max-width: 768px) {
    .el-product-link {
        padding:2rem 1.6rem;
        margin-bottom: 6rem
    }
}

.el-product-link__list {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative
}

@media print,screen and (min-width: 769px) {
    .el-product-link__list::before {
        content:"";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: .8rem;
        background-color: var(--base-color--gray);
        z-index: var(--z-layer2)
    }
}

.el-product-link__item {
    display: flex;
    text-decoration: none;
    margin-bottom: 2rem;
    position: relative
}

.el-product-link__item::before {
    position: absolute;
    bottom: -2rem;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--base-color);
    box-shadow: 0 0 0 100vmax var(--base-color);
    -webkit-clip-path: inset(0 -100vmax);
    clip-path: inset(0 -100vmax)
}

.el-product-link__item:hover .el-product-link__text {
    color: var(--main-color)
}

@media print,screen and (min-width: 1080px) {
    .el-product-link__item {
        width:calc(25% - 3.15rem)
    }

    .el-product-link__item:not(:nth-child(4n)) {
        margin-right: 4.2rem
    }

    .el-product-link__item:nth-child(n+5) {
        margin-top: 2rem
    }

    .el-product-link__item:nth-child(4n)::before {
        content: ""
    }
}

@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-product-link__item {
        width:calc(50% - 2.1rem)
    }

    .el-product-link__item:not(:nth-child(2n)) {
        margin-right: 4.2rem
    }

    .el-product-link__item:nth-child(n+3) {
        margin-top: 2rem
    }

    .el-product-link__item:nth-child(2n)::before {
        content: ""
    }
}

@media only screen and (max-width: 768px) {
    .el-product-link__item {
        width:100%;
        margin-bottom: 0
    }

    .el-product-link__item:not(:last-child) {
        margin-bottom: 1.6rem
    }
}

.el-product-link__icon {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: .8rem;
    margin-top: .3rem;
    align-self: flex-start
}

@media only screen and (max-width: 768px) {
    .el-product-link__icon {
        width:2rem;
        height: 2rem
    }
}

.el-product-link__icon i,.el-product-link__icon svg {
    width: inherit;
    height: inherit;
    color: var(--main-color);
    display: block
}

.el-product-link__text {
    font-weight: 700;
    color: var(--txt-color);
    transition: color .3s
}

@media print,screen and (min-width: 769px) {
    .el-product-link__text {
        font-size:2.2rem
    }
}

@media only screen and (max-width: 768px) {
    .el-product-link__text {
        font-size:1.6rem
    }
}

.el-product-list {
    max-width: var(--contents-width);
    margin: 4rem auto 8rem
}

@media only screen and (max-width: 768px) {
    .el-product-list {
        margin-bottom:4rem
    }
}

.el-product-list__wrapper {
    display: flex
}

@media only screen and (max-width: 1559px) {
    .el-product-list__wrapper {
        display:block
    }
}

@media print,screen and (min-width: 1559px) {
    .el-product-list__pic-container {
        width:23.5%;
        margin-right: 3.2rem
    }
}

@media only screen and (max-width: 1558px)and (min-width: 769px) {
    .el-product-list__pic-container {
        width:376px
    }
}

.el-product-list__pic-container--inner {
    margin-bottom: 2rem
}

.el-product-list__body {
    width: 100%
}

@media print,screen and (min-width: 1559px) {
    .el-product-list__body {
        width:76.5%
    }
}

.el-product {
    max-width: var(--contents-width);
    margin: 6rem auto 4rem
}

@media only screen and (max-width: 768px) {
    .el-product {
        margin:4rem auto
    }
}

@media print,screen and (min-width: 769px) {
    .el-product__wrapper {
        display:grid;
        grid-template-columns: min(26.25%, 420px) 1fr;
        grid-template-rows: auto 1fr;
        grid-column-gap: 6rem;
        grid-row-gap: 0px
    }
}

@media only screen and (max-width: 768px) {
    .el-product__wrapper {
        display:flex;
        flex-direction: column
    }
}

@media print,screen and (min-width: 769px) {
    .el-product__pic--container {
        grid-area:1/1/3/2
    }
}

@media only screen and (max-width: 768px) {
    .el-product__pic--container {
        order:2;
        max-width: calc(100% - var(--padding-contents-wrapper--sp)*2);
        margin: 0 auto 3rem
    }
}

@media print,screen and (min-width: 769px) {
    .el-product__head--container {
        grid-area:1/2/2/3
    }
}

@media only screen and (max-width: 768px) {
    .el-product__head--container {
        order:1
    }
}

@media print,screen and (min-width: 769px) {
    .el-product__foot--container {
        grid-area:2/2/3/3
    }
}

@media only screen and (max-width: 768px) {
    .el-product__foot--container {
        order:3
    }
}

.el-product__tag--list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -0.8rem
}

@media only screen and (max-width: 768px) {
    .el-product__tag--list {
        margin-top:0;
        display: block
    }
}

.el-product__tag--item {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    color: var(--txt-color);
    font-weight: 700;
    text-decoration: none;
    padding-right: 2rem;
    position: relative
}

@media print,screen and (min-width: 769px) {
    .el-product__tag--item {
        margin-top:.8rem
    }

    .el-product__tag--item:not(:last-child) {
        border-right: solid 1px var(--border-color);
        margin-right: 2rem
    }
}

@media only screen and (max-width: 768px) {
    .el-product__tag--item {
        margin-top:0;
        margin-bottom: 1.6rem
    }
}

.el-product__tag--item i {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    margin-right: .8rem
}

@media only screen and (max-width: 768px) {
    .el-product__tag--item i {
        width:2rem;
        height: 2rem
    }
}

.el-product .el-heading-lv1 {
    margin-bottom: 4rem;
    padding: 0
}

@media only screen and (max-width: 768px) {
    .el-product .el-heading-lv1 {
        margin-bottom:2.4rem
    }
}

.el-read-more {
    max-width: var(--contents-width);
    margin: 0 auto 12rem
}

@media only screen and (max-width: 768px) {
    .el-read-more {
        margin-top:8rem
    }
}

.el-read-more__inner>*:first-child {
    margin-top: 0 !important
}

.el-read-more__inner>*:last-child {
    margin-bottom: 0 !important
}

.el-read-more__toggle {
    display: none
}

.el-read-more__toggle>*:first-child {
    margin-top: 0 !important
}

.el-read-more__toggle>*:last-child {
    margin-bottom: 0 !important
}

.el-scroll-box {
    max-width: 1480px;
    margin: 0 auto 3.8rem;
    background-color: var(--base-color--gray);
    overflow: hidden
}

.el-scroll-box__inner {
    padding: 2.8rem 4.8rem;
    max-height: 28rem;
    height: 100%;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #ddd var(--base-color)
}

@media only screen and (max-width: 768px) {
    .el-scroll-box__inner {
        padding:1.4rem 2.4rem
    }
}

.el-scroll-box__inner::-webkit-scrollbar {
    width: 5px;
    border-radius: .4rem
}

.el-scroll-box__inner::-webkit-scrollbar-track {
    background-color: var(--base-color)
}

.el-scroll-box__inner::-webkit-scrollbar-thumb {
    background-color: #ddd
}

.el-scroll-box__inner>*:first-child {
    margin-top: 0 !important
}

.el-scroll-box__inner>*:last-child {
    margin-bottom: 0 !important
}

.el-section {
    max-width: var(--contents-width);
    margin: 0 auto 12rem;
    position: relative
}

@media only screen and (max-width: 768px) {
    .el-section {
        margin-bottom:8rem
    }
}

.el-section:last-of-type:not([data-color]) {
    margin-bottom: 8rem
}

@media only screen and (max-width: 768px) {
    .el-section:last-of-type:not([data-color]) {
        margin-bottom:5rem
    }
}

.engineer .el-section {
    margin-bottom: 16rem
}

@media only screen and (max-width: 768px) {
    .engineer .el-section {
        margin-bottom:8rem
    }
}

.el-section[data-decoration=true] {
    max-width: initial;
    margin: 0 calc(-1*var(--padding-contents-wrapper--lr)) 8rem;
    padding: 0 var(--padding-contents-wrapper--lr) 8rem;
    overflow: hidden
}

@media only screen and (max-width: 768px) {
    .el-section[data-decoration=true] {
        margin:0 calc(-1*var(--padding-contents-wrapper--sp)) 4rem;
        padding: 0 var(--padding-contents-wrapper--sp) 4rem
    }
}

.el-section[data-decoration=true] .el-section__inner {
    max-width: var(--contents-width);
    margin: 0 auto
}

.el-section[data-decoration=true]::before {
    content: "";
    width: 100%;
    height: 30rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media only screen and (max-width: 768px) {
    .el-section[data-decoration=true]::before {
        height:25rem
    }
}

.el-section[data-min-content=true] {
    max-width: 1200px;
    margin: 0 auto 10rem
}

@media only screen and (max-width: 768px) {
    .el-section[data-min-content=true] {
        margin-bottom:5rem
    }
}

.el-section[data-min-content=true]:not([data-color]) {
    margin-bottom: 18rem
}

@media only screen and (max-width: 768px) {
    .el-section[data-min-content=true]:not([data-color]) {
        margin-bottom:9rem
    }
}

.el-section[data-min-content=true]:not([data-color])[data-min-margin=true] {
    margin: 0 auto 10rem
}

@media only screen and (max-width: 768px) {
    .el-section[data-min-content=true]:not([data-color])[data-min-margin=true] {
        margin-bottom:5rem
    }
}

.el-section[data-min-margin=true] {
    margin: 0 auto 8rem
}

@media only screen and (max-width: 768px) {
    .el-section[data-min-margin=true] {
        margin-bottom:4rem
    }
}

.el-section[data-background=true] {
    max-width: inherit;
    margin: 0 calc(-1*var(--padding-contents-wrapper--lr));
    padding: 17rem var(--padding-contents-wrapper--lr);
    width: 100vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0 !important
}

.el-section[data-background=true] .el-section__inner {
    max-width: var(--contents-width);
    margin: 0 auto
}

.el-section[data-background=true][data-min-content=true] .el-section__inner {
    max-width: 1200px
}

.el-section__inner>div:first-child.el-catch-text {
    margin-bottom: 4rem
}

@media only screen and (max-width: 768px) {
    .el-section__inner>div:first-child.el-catch-text {
        margin-bottom:4rem
    }
}

.el-section__inner>div:first-child.el-paragraph[data-align=right] {
    margin-bottom: 5rem
}

.el-section__inner>div:first-child.el-paragraph[data-align=right] p {
    color: #656d73
}

.el-section:not([data-type=accretech]) .el-section__inner>*:first-child {
    margin-top: 0 !important
}

.el-section:not([data-type=accretech]) .el-section__inner>*:last-child {
    margin-bottom: 0 !important
}

.el-section[data-type=accretech] {
    max-width: inherit;
    margin: 0 calc(-1*var(--padding-contents-wrapper--lr)) 0
}

@media only screen and (max-width: 768px) {
    .el-section[data-type=accretech] {
        margin:0 calc(-1*var(--padding-contents-wrapper--sp)) 0
    }

    .el-section[data-type=accretech]#scroll-section-03 {
        min-height: min(100vh - var(--header-height),650px)
    }

    .el-section[data-type=accretech]>.el-pic {
        margin-bottom: 0
    }
}

.el-section[data-type=accretech] .el-section__inner {
    padding: 0 var(--padding-contents-wrapper--lr);
    margin: 0 auto;
    height: 100%
}

@media only screen and (max-width: 768px) {
    .el-section[data-type=accretech] .el-section__inner {
        padding:0 var(--padding-contents-wrapper--sp)
    }
}

.el-section[data-type=accretech] .el-section__inner>*:last-child {
    margin-bottom: 0 !important
}

.el-section[data-type=accretech] .el-section__inner>.el-bg-full {
    height: 100%;
    margin-top: 0
}

@media only screen and (max-width: 768px) {
    .el-section[data-type=accretech]:nth-child(4) .el-bg-full__inner {
        padding-bottom:7rem
    }
}

@media only screen and (max-width: 768px) {
    .el-section[data-type=accretech]:last-child {
        min-height:auto
    }
}

.el-side-nav {
    max-width: var(--contents-width);
    margin: 0 auto 6rem
}

.el-side-nav__wrapper {
    display: flex
}

@media only screen and (max-width: 1159px) {
    .el-side-nav__wrapper {
        display:flex;
        flex-direction: column
    }
}

.el-side-nav__left {
    width: calc(100% - 50rem - 4rem)
}

@media only screen and (max-width: 1159px) {
    .el-side-nav__left {
        width:100%
    }
}

.el-side-nav__right {
    width: 50rem;
    margin-left: 4rem;
    position: relative
}

@media only screen and (max-width: 1159px) {
    .el-side-nav__right {
        width:100%;
        margin-left: auto
    }
}

.el-side-nav__right::before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: var(--border-color);
    position: absolute;
    top: 0;
    left: -2rem
}

@media only screen and (max-width: 1159px) {
    .el-side-nav__right::before {
        content:none
    }
}

.el-side-nav__container {
    background-color: var(--base-color);
    padding: 0 2rem 2rem
}

.el-side-nav__container>*:first-child {
    margin-top: 0 !important
}

.el-side-nav__container>*:last-child {
    margin-bottom: 0 !important
}

@media only screen and (max-width: 1159px) {
    .el-side-nav__container {
        padding:0
    }
}

.el-site-footer__wrapper {
    background-color: #eee
}

.el-site-footer__main-container--pc {
    padding: 8rem var(--padding-contents-wrapper--lr);
    max-width: var(--contents-width);
    margin: 0 auto
}

@media only screen and (max-width: 768px) {
    .el-site-footer__main-container--pc {
        display:none
    }
}

.el-site-footer__main-container--sp {
    padding: 0 var(--padding-contents-wrapper--sp)
}

@media print,screen and (min-width: 769px) {
    .el-site-footer__main-container--sp {
        display:none
    }
}

.el-site-footer__main-container__nav--heading {
    margin-bottom: 2rem;
    display: block;
    text-decoration: none;
    color: var(--txt-color)
}

.el-site-footer__main-container__nav--heading:not(:first-child) {
    margin-top: 2.5rem
}

.el-site-footer__main-container__nav--heading[data-decorate=true] {
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content
}

.el-site-footer__main-container__nav--heading[data-decorate=true]::before {
    content: "";
    height: 1px;
    width: 1rem;
    background-color: var(--txt-color);
    margin-right: .8rem;
    opacity: 1;
    transition: opacity .4s .1s
}

.el-site-footer__main-container__nav--heading span {
    font-size: 1.6rem;
    font-weight: 700
}

.el-site-footer__main-container__nav--list {
    display: flex;
    flex-wrap: wrap
}

.el-site-footer__main-container__nav--item {
    width: 25%
}

.el-site-footer__main-container__nav--item:nth-child(n+5) {
    margin-top: 4rem
}

.el-site-footer__main-container__nav--item__gap:not(:first-child) {
    margin-top: 4rem
}

.el-site-footer__main-container__nav--item__child {
    padding-left: .65rem
}

.el-site-footer__main-container__nav--item__child--item {
    overflow: hidden
}

.el-site-footer__main-container__nav--item__child--item:not(:last-child) {
    margin-bottom: 1.5rem
}

.el-site-footer__main-container__nav--item__child--item[data-decorate=true] a {
    transform: translate(0)
}

.el-site-footer__main-container__nav--item__child--item[data-decorate=true] a::before {
    content: "";
    height: 1px;
    width: 1rem;
    background-color: var(--txt-color);
    margin-right: .8rem;
    opacity: 1;
    transition: opacity .4s .1s
}

.el-site-footer__main-container__nav--item__child--item a {
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    transition: transform .4s;
    transform: translate(-1.8rem);
    color: var(--txt-color)
}

.el-site-footer__main-container__nav--item__child--item a i {
    margin-right: .8rem
}

.el-site-footer__main-container__nav--item__child--item a[data-icon=true] {
    transform: translate(0)
}

.el-site-footer__main-container__nav--item__child--item a[data-icon=true]::before {
    content: none
}

.el-site-footer__main-container__nav--item__child--item a[data-icon=true] i {
    width: 10rem;
    height: 2.4rem;
    display: block
}

.el-site-footer__main-container__nav--item__child--item a[data-icon=true] i svg {
    width: inherit;
    height: inherit
}

.el-site-footer__main-container__nav--item__child--item a:hover {
    transform: translate(0)
}

.el-site-footer__main-container__nav--item__child--item a:hover::before {
    opacity: 1
}

.el-site-footer__main-container__nav--item__child--item a::before {
    content: "";
    height: 1px;
    width: 1rem;
    background-color: var(--txt-color);
    margin-right: .8rem;
    opacity: 0;
    transition: opacity .4s .1s
}

.el-site-footer__main-container__nav--item__child--item__link {
    margin-bottom: 1.5rem
}

.el-site-footer__main-container__nav--item__child--item__link>a {
    text-decoration: none;
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content
}

.el-site-footer__main-container__nav--item__child--item__link span {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--txt-color)
}

.el-site-footer__main-container__nav--item__child--item__link i {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    margin-right: .8rem;
    color: var(--main-color)
}

.el-site-footer__main-container__nav--item__child--item__link i.child--item__link--after {
    margin-right: 0;
    margin-left: .8rem
}

.el-site-footer__main-container__nav--item__child--item__link i svg {
    width: inherit;
    height: inherit
}

.el-site-footer__main-container__nav--sp__accordion--heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 2rem 0;
    border-bottom: solid 1px var(--border-color)
}

.el-site-footer__main-container__nav--sp__accordion--heading span {
    font-size: 1.8rem;
    font-weight: 700
}

.el-site-footer__main-container__nav--sp__accordion--heading i {
    width: 2.4rem;
    height: 2.4rem;
    min-height: 2.4rem;
    min-width: 2.4rem;
    margin-left: .8rem;
    position: relative;
    top: .3rem;
    display: block;
    color: var(--main-color)
}

.opened .el-site-footer__main-container__nav--sp__accordion--heading i.icn-close {
    display: none
}

.el-site-footer__main-container__nav--sp__accordion--heading i.icn-line {
    display: none;
    margin-right: .3rem
}

.opened .el-site-footer__main-container__nav--sp__accordion--heading i.icn-line {
    display: block
}

.el-site-footer__main-container__nav--sp__accordion--heading i svg {
    width: inherit;
    height: inherit
}

.el-site-footer__main-container__nav--sp__accordion--inner {
    display: none
}

.el-site-footer__main-container__nav--sp__accordion--item a {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.5rem;
    background-color: #fff;
    font-size: 1.6rem;
    border-bottom: solid 1px var(--border-color);
    text-decoration: none;
    font-weight: 500;
    color: var(--txt-color)
}

.el-site-footer__main-container__nav--sp__accordion--item a i {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    fill: var(--main-color);
    min-height: 2.4rem;
    min-width: 2.4rem;
    margin-left: .8rem;
    position: relative
}

.el-site-footer__main-container__nav--sp__accordion--item a i svg {
    width: inherit;
    height: inherit;
    fill: inherit
}

.el-site-footer__main-container__nav--sp__item {
    padding: 2.8rem 0
}

.el-site-footer__main-container__nav--sp__item a {
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    color: var(--txt-color);
    font-weight: 500
}

.el-site-footer__main-container__nav--sp__item i {
    width: 10rem;
    height: 2.4rem;
    display: block;
    margin-right: 1.2rem
}

.el-site-footer__main-container__nav--sp__listItem {
    border-bottom: solid 1px var(--border-color)
}

.el-site-footer__main-container__nav--sp__listItem a {
    padding: 1.7rem 0 1.7rem 1.6rem;
    display: flex;
    align-items: flex-start;
    text-decoration: none;
    justify-content: space-between;
    color: var(--txt-color);
    font-weight: 500;
    font-size: 1.6rem;
    width: 100%;
    position: relative
}

.el-site-footer__main-container__nav--sp__listItem i {
    width: 2.4rem;
    height: 2.4rem;
    min-height: 2.4rem;
    min-width: 2.4rem;
    position: relative;
    top: .1rem;
    margin-left: .8rem;
    display: block;
    margin-right: 1.2rem;
    color: var(--main-color)
}

.el-site-footer__sub-container {
    background: linear-gradient(90deg, #00358e 0%, #001b47 100%)
}

.el-site-footer__sub-container__inner {
    max-width: var(--contents-width);
    margin: 0 auto;
    padding: 1.2rem var(--padding-contents-wrapper--lr);
    display: flex;
    justify-content: flex-end
}

@media only screen and (max-width: 1040px) {
    .el-site-footer__sub-container__inner {
        display:flex;
        flex-direction: column;
        align-items: center;
        padding: 4rem var(--padding-contents-wrapper--sp)
    }
}

.el-site-footer__sub-container__list {
    display: flex;
    align-items: center;
    margin-right: 4rem
}

@media only screen and (max-width: 1040px) {
    .el-site-footer__sub-container__list {
        flex-wrap:wrap;
        justify-content: center;
        margin-bottom: 4rem;
        margin-right: 0
    }

    .el-site-footer__sub-container__list>div:last-child {
        width: 100%;
        text-align: center
    }
}

@media only screen and (max-width: 1040px) {
    .el-site-footer__sub-container__item {
        margin-bottom:1.2rem
    }
}

.el-site-footer__sub-container__item:not(:last-child) {
    margin-right: 3.4rem
}

@media only screen and (max-width: 1040px) {
    .el-site-footer__sub-container__item:not(:last-child) {
        margin-right:0
    }
}

@media only screen and (max-width: 1040px) {
    .el-site-footer__sub-container__item:first-child {
        margin-right:2rem
    }
}

.el-site-footer__sub-container__item a {
    text-decoration: none;
    font-size: 1.4rem;
    color: var(--base-color)
}

.el-site-footer__sub-container__copyright span {
    font-size: 1.2rem;
    color: var(--base-color)
}

.el-site-header {
    z-index: var(--z-site-header);
    width: 100%;
    position: sticky;
    top: 0
}

.el-site-header.scrolled~.el-contents-wrapper .el-page-list {
    box-shadow: 0 .3rem .6rem rgba(0,0,0,.16)
}

.el-site-header.scrolled.shadow .el-site-header__wrapper {
    box-shadow: 0 .3rem .6rem rgba(0,0,0,.16)
}

.el-site-header__shadow {
    background-color: #fff;
    height: 100%;
    width: 100%
}

.el-site-header__wrapper {
    width: auto;
    padding: 0 var(--padding-contents-wrapper--lr);
    z-index: 11;
    background-color: #fff
}

@media only screen and (max-width: 1180px) {
    body:not(.engineer) .el-site-header__wrapper {
        padding:0 var(--padding-contents-wrapper--sp);
        position: relative
    }
}

@media only screen and (max-width: 1024px) {
    .engineer .el-site-header__wrapper {
        padding:0 var(--padding-contents-wrapper--sp);
        position: relative
    }
}

@media print,screen and (min-width: 1181px) {
    body:not(.engineer) .el-site-header__logo {
        max-width:38rem
    }

    [lang=en] body:not(.engineer) .el-site-header__logo {
        max-width: 48rem
    }
}

@media only screen and (max-width: 1180px) {
    body:not(.engineer) .el-site-header__logo {
        max-width:21rem
    }
}

.engineer .el-site-header__logo {
    max-width: 58.5rem
}

@media only screen and (max-width: 1320px)and (min-width: 1024px) {
    .engineer .el-site-header__logo {
        max-width:33rem
    }
}

@media only screen and (max-width: 1023px) {
    .engineer .el-site-header__logo {
        max-width:21rem
    }
}

.el-site-header__logo a {
    display: block;
    width: -moz-fit-content;
    width: fit-content
}

.el-site-header__container--pc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.2rem 0;
    max-width: 1600px;
    margin: 0 auto
}

@media only screen and (max-width: 1180px) {
    body:not(.engineer) .el-site-header__container--pc {
        display:none
    }
}

@media only screen and (max-width: 1024px) {
    .engineer .el-site-header__container--pc {
        display:none
    }
}

.el-site-header__container--sp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.1rem 0
}

@media print,screen and (min-width: 1181px) {
    body:not(.engineer) .el-site-header__container--sp {
        display:none
    }
}

@media only screen and (min-width: 1025px) {
    .engineer .el-site-header__container--sp {
        display:none
    }
}

.el-site-header__nav {
    display: block
}

.el-site-header__nav--upper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: .5rem
}

.el-site-header__nav--upper__item {
    padding: .8rem 1.2rem;
    position: relative
}

.el-site-header__nav--upper__item--btn {
    display: flex;
    align-items: center;
    background-color: var(--main-color);
    border-radius: .4rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--base-color);
    padding: .9rem 2.5rem;
    text-decoration: none;
    transition: background-color .3s,border .3s;
    border: solid 1px var(--main-color)
}

@media only screen and (max-width: 1600px) {
    .el-site-header__nav--upper__item--btn {
        font-size:1.4rem;
        padding: .8rem 2rem;
        margin-left: 1.6rem
    }
}

.el-site-header__nav--upper__item--btn:hover {
    background-color: var(--base-color);
    color: var(--main-color)
}

.el-site-header__nav--upper__item--btn:hover i {
    color: var(--main-color)
}

.el-site-header__nav--upper__item--btn i {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    margin-right: .8rem
}

@media only screen and (max-width: 1600px) {
    .el-site-header__nav--upper__item--btn i {
        width:2rem;
        height: 2rem
    }
}

.el-site-header__nav--upper__item .el-site-header__nav--upper__item--box {
    display: flex;
    text-decoration: none;
    font-weight: 500;
    font-size: 1.6rem;
    color: var(--txt-color);
    cursor: pointer
}

@media only screen and (max-width: 1600px) {
    .el-site-header__nav--upper__item .el-site-header__nav--upper__item--box {
        font-size:1.4rem
    }
}

.el-site-header__nav--upper__item .el-site-header__nav--upper__item--box i {
    color: var(--main-color)
}

.el-site-header__nav--upper__item .el-site-header__nav--upper__item--box span {
    position: relative;
    top: .2rem
}

.el-site-header__nav--upper__item:not(:last-child) {
    margin-right: .8rem
}

.el-site-header__nav--upper__item:nth-child(1) .el-site-header__nav--upper__item--tooltip__inner {
    transform: translateX(-25%)
}

.el-site-header__nav--upper__item:nth-child(1) .el-site-header__nav--upper__item--tooltip__inner::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 50%;
    border: 5px solid rgba(0,0,0,0);
    border-bottom: 8px solid var(--main-color)
}

.el-site-header__nav--upper__item:nth-child(2) .el-site-header__nav--upper__item--tooltip__inner {
    transform: translateX(13%);
    left: inherit;
    right: 50vw
}

.el-site-header__nav--upper__item:nth-child(2) .el-site-header__nav--upper__item--tooltip__inner::before {
    content: "";
    position: absolute;
    top: -15px;
    right: 50px;
    border: 5px solid rgba(0,0,0,0);
    border-bottom: 8px solid var(--main-color)
}

.el-site-header__nav--upper__item:nth-child(3) .el-site-header__nav--upper__item--tooltip__inner {
    transform: translateX(38%);
    left: inherit;
    right: 50vw
}

.el-site-header__nav--upper__item:nth-child(3) .el-site-header__nav--upper__item--tooltip__inner::before {
    content: "";
    position: absolute;
    top: -15px;
    right: 50px;
    border: 5px solid rgba(0,0,0,0);
    border-bottom: 8px solid var(--main-color)
}

.el-site-header__nav--upper__item--tooltip {
    position: absolute;
    top: 100%;
    z-index: var(--z-site-header--tool);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s,visibility .2s
}

.el-site-header__nav--upper__item--tooltip[data-is-active=true] {
    opacity: 1;
    visibility: visible
}

.el-site-header__nav--upper__item--tooltip__inner {
    margin: 0 calc(50% - 50vw);
    padding: 2rem;
    background-color: #fff;
    position: absolute;
    left: 50vw;
    box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
    border-top: solid 3px var(--main-color);
    width: -moz-fit-content;
    width: fit-content
}

.el-site-header__nav--upper__item--group--list {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 30rem
}

.el-site-header__nav--upper__item--group--item:not(:last-child) {
    margin-bottom: 1rem
}

.el-site-header__nav--upper__item--group--item>a {
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--main-color)
}

.el-site-header__nav--upper__item--group--item>a:hover {
    text-decoration: underline;
    text-decoration-color: var(--main-color)
}

.el-site-header__nav--upper__item--global__heading {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 1.4rem
}

.el-site-header__nav--upper__item--global__inner:first-child {
    margin-bottom: 2rem
}

.el-site-header__nav--upper__item--global__item {
    margin-bottom: 1rem
}

.el-site-header__nav--upper__item--global__item a {
    display: flex;
    font-size: 1.7rem;
    text-decoration: none;
    font-weight: 700;
    color: var(--main-color)
}

.el-site-header__nav--upper__item--global__item a i {
    width: 2rem;
    height: 2rem;
    color: var(--main-color)
}

.el-site-header__nav--upper__item--global__column {
    display: flex
}

.el-site-header__nav--upper__item--global__column--item:not(:last-child) {
    margin-right: 8rem
}

.el-site-header__nav--upper__item--global__column--item .el-site-header__nav--upper__item--global__heading {
    margin-bottom: 1rem
}

.el-site-header__nav--upper__item--global__column--item .el-site-header__nav--upper__item--global__heading span {
    font-size: 1.7rem
}

.el-site-header__nav--upper__item--global__column--item .el-site-header__nav--upper__item--global__list {
    display: flex
}

.el-site-header__nav--upper__item--global__column--item .el-site-header__nav--upper__item--global__list--column:not(:last-child) {
    margin-right: 5rem
}

.el-site-header__nav--upper__item--search__item {
    display: flex;
    position: relative
}

.el-site-header__nav--upper__item--search__item input {
    box-shadow: 0 .3rem .6rem rgba(0,0,0,.16) inset;
    padding: 1.2rem;
    background-color: var(--base-color--gray);
    font-weight: 500;
    border: 0;
    outline: none
}

.el-site-header__nav--upper__item--search__item button {
    background-color: var(--main-color);
    color: #fff;
    font-weight: 500;
    font-size: 1.4rem;
    padding: 1.2rem 2.2rem
}

.el-site-header__nav--upper__item i {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    margin-right: .8rem;
    color: var(--main-color)
}

@media only screen and (max-width: 1600px) {
    .el-site-header__nav--upper__item i {
        width:2rem;
        height: 2rem
    }
}

.el-site-header__nav--upper__item i.el-site-header__nav--upper__item--icn--after {
    margin-left: .8rem;
    margin-right: 0;
    color: var(--main-color)
}

.el-site-header__nav--upper__item i svg {
    width: inherit;
    height: inherit;
    color: inherit
}

.el-site-header__nav--row {
    display: flex
}

.el-site-header__nav--row__item:not([data-current=true])>.el-site-header__nav--row__heading::before,.el-site-header__nav--row__item[data-current=true]>.el-site-header__nav--row__heading::before {
    content: "";
    position: absolute;
    bottom: -1.3rem;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--main-color)
}

.el-site-header__nav--row__item[data-current=true]>.el-site-header__nav--row__heading {
    font-weight: 700
}

.el-site-header__nav--row__item:not([data-current=true])>.el-site-header__nav--row__heading::before {
    transition: transform .3s;
    transition-delay: .1s;
    transform: scale(0, 1);
    transform-origin: left top
}

.el-site-header__nav--row__item:not([data-current=true])>.el-site-header__nav--row__heading:hover::before {
    transform: scale(1, 1)
}

.el-site-header__nav--row__item[data-active]>.el-site-header__nav--row__heading {
    font-weight: 700
}

.el-site-header__nav--row__item:not(:last-child) {
    margin-right: .8rem
}

.el-site-header__nav--row__item>.el-site-header__nav--row__heading {
    text-decoration: none;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--txt-color);
    letter-spacing: .08em;
    padding: .8rem 1.2rem 0;
    position: relative;
    display: block;
    cursor: pointer
}

@media only screen and (max-width: 1600px) {
    .el-site-header__nav--row__item>.el-site-header__nav--row__heading {
        padding:.8rem .5rem 0;
        font-size: 1.4rem
    }
}

.el-site-header__nav--row__item--btn {
    display: none;
    background-color: var(--main-color);
    border-radius: .4rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--base-color);
    padding: .9rem 2.5rem;
    text-decoration: none;
    margin-left: 3.2rem;
    transition: background-color .3s,border .3s;
    border: solid 1px var(--main-color)
}

@media only screen and (max-width: 1600px) {
    .el-site-header__nav--row__item--btn {
        font-size:1.4rem;
        padding: .8rem 2rem;
        margin-left: 1.6rem
    }
}

.el-site-header__nav--row__item--btn:hover {
    background-color: var(--base-color);
    color: var(--main-color)
}

.el-site-header__nav--row__item--btn:hover i {
    color: var(--main-color)
}

.el-site-header__nav--row__item--btn i {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    margin-right: .8rem
}

@media only screen and (max-width: 1600px) {
    .el-site-header__nav--row__item--btn i {
        width:2rem;
        height: 2rem
    }
}

.el-site-header__nav--row__contents {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: var(--z-layer2);
    background-color: var(--base-color);
    width: 100%;
    padding: 3.2rem var(--padding-contents-wrapper--lr);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s,visibility .2s;
    border-top: solid 1px var(--border-color)
}

.el-site-header__nav--row__contents[data-active] {
    opacity: 1;
    visibility: visible
}

.el-site-header__nav--row__contents--underlay {
    background-color: #000;
    opacity: .8;
    z-index: 1;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    height: 100vh
}

.el-site-header__nav--row__contents--inner {
    max-width: var(--contents-width);
    margin: 0 auto;
    position: relative
}

.el-site-header__nav--row__contents--inner>.el-flex-block .el-flex-block__wrapper {
    flex-wrap: nowrap
}

.el-site-header__nav--row__contents--box {
    padding: 2rem
}

.el-site-header__nav--row__contents--close {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 2rem;
    top: 0;
    right: 0
}

.el-site-header__nav--row__contents--close__button {
    display: flex;
    justify-content: flex-end
}

.el-site-header__nav--row__contents--close span {
    color: var(--main-color);
    font-size: 1.6rem;
    font-weight: 500;
    white-space: nowrap
}

.el-site-header__nav--row__contents--close i {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    margin-right: .8rem
}

.el-site-header__nav--sp__list {
    display: flex;
    align-items: center
}

.el-site-header__nav--sp__item.sp-search--btn {
    display: grid;
    place-items: center;
    width: 5.5rem;
    height: 5rem;
    padding: .5rem
}

.el-site-header__nav--sp__item.sp-search--btn span {
    font-size: 1.2rem;
    font-weight: 500
}

.el-site-header__nav--sp__item.side-menu {
    display: grid;
    place-items: center;
    width: 5rem;
    height: 5rem;
    padding: .5rem
}

.el-site-header__nav--sp__item.side-menu span {
    font-size: 1.2rem;
    font-weight: 500
}

.el-site-header__nav--sp__item.open i.icn-menu {
    display: none
}

.el-site-header__nav--sp__item.open i.icn-menu-close {
    display: block
}

.el-site-header__nav--sp__item i {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    fill: var(--main-color)
}

.el-site-header__nav--sp__item i.icn-menu-close {
    display: none
}

.el-site-header__nav--sp__item i svg {
    width: inherit;
    height: inherit;
    fill: inherit
}

.el-site-header__flex {
    display: flex;
    flex-wrap: wrap
}

.el-site-header__flex[data-cram=true] .el-site-header__flex--item {
    flex-grow: 0
}

.el-site-header__flex--item {
    flex-grow: 1;
    min-width: 16.6666666667%
}

.el-site-header__sp--search {
    padding: 2.1rem 1.6rem;
    display: none;
    transition: opacity .2s;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: var(--z-site-header--tool);
    background-color: #fff
}

[data-search=true] .el-site-header__sp--search {
    display: block;
    animation: appear .2s ease
}

@media print,screen and (min-width: 1521px) {
    .el-site-header__sp--search {
        display:none
    }
}

.el-site-header__sp--search__heading {
    display: flex;
    align-items: center;
    margin-bottom: .9rem
}

.el-site-header__sp--search__heading span {
    font-size: 2rem;
    font-weight: 700;
    margin-left: .8rem
}

.el-site-header__sp--search__form {
    padding: 0 1.6rem
}

.el-site-header__sp--search__box {
    display: flex;
    justify-content: flex-start;
    box-shadow: 0 .3rem .6rem rgba(0,0,0,.16) inset;
    background-color: var(--base-color--gray);
    border-radius: .4rem;
    position: relative;
    align-items: center;
    padding: 0 1.2rem
}

.el-site-header__sp--search__box input {
    padding: 1.4rem 0;
    outline: none;
    font-weight: 500;
    width: 100%;
    border: 0;
    background: rgba(0,0,0,0);
    flex: 1
}

.el-site-header__sp--search__box::before {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_211989%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20211989%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate%280%200.138%29%22%20fill%3D%22%23ccc%22%20stroke%3D%22%23ccc%22%20stroke-width%3D%221%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_163520%22%20data-name%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20163520%22%20transform%3D%22translate%280%20-0.138%29%22%20clip-path%3D%22url%28%23clip-path%29%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_167683%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20167683%22%20transform%3D%22translate%282.556%202.305%29%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_14324%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2014324%22%20fill%3D%22none%22%20stroke%3D%22%23ccc%22%20stroke-width%3D%223%22%3E%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%226%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_211988%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20211988%22%20width%3D%223%22%20height%3D%2211%22%20rx%3D%221.5%22%20transform%3D%22translate%289.404%2012.525%29%20rotate%28-45%29%22%20fill%3D%22%23ccc%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: cover;
    display: inline-block;
    margin-right: .8rem
}

.el-site-header__sp--search i {
    width: 2.4rem;
    height: 2.4rem;
    display: block
}

.el-site-header__sp--menu__container {
    position: absolute;
    right: 0;
    top: 100%;
    min-width: 30rem;
    width: -moz-max-content;
    width: max-content;
    background-color: var(--base-color--gray);
    z-index: var(--z-site-header--tool);
    display: none;
    transition: opacity .2s;
    overflow: auto;
    height: calc(100vh - 7.1rem);
    height: calc(100dvh - 7.1rem);
    max-width: 30rem
}

[data-menu=true] .el-site-header__sp--menu__container {
    display: block;
    animation: appear .2s ease
}

.el-site-header__sp--menu__container__list {
    padding: 0 1.6rem
}

.el-site-header__sp--menu__container__listItem {
    border-bottom: solid 1px var(--border-color)
}

.el-site-header__sp--menu__container__listItem a {
    padding: 1.7rem 0;
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: space-between;
    color: var(--txt-color);
    font-weight: 500;
    font-size: 1.6rem
}

.el-site-header__sp--menu__container__listItem a>span {
    display: block;
    margin-right: auto
}

.el-site-header__sp--menu__container__listItem i {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    color: var(--main-color)
}

.el-site-header__sp--menu__container__listItem i:first-child {
    margin-right: .8rem
}

.el-site-header__accordion.opened>.el-site-header__accordion--heading i.icn-close {
    display: none
}

.el-site-header__accordion.opened>.el-site-header__accordion--heading i.icn-line {
    display: block
}

.el-site-header__accordion--heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.6rem;
    color: var(--main-color)
}

.el-site-header__accordion--heading span {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--txt-color)
}

.el-site-header__accordion--heading i {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    display: block;
    margin-left: .8rem;
    position: relative;
    top: .3rem
}

.el-site-header__accordion--heading i.icn-line {
    display: none
}

.el-site-header__accordion--inner {
    padding: 0 1.6rem;
    display: none
}

.el-site-header__accordion--inner .el-site-header__accordion {
    margin-bottom: .4rem
}

.el-site-header__accordion--inner .el-site-header__accordion--heading {
    background-color: #fff;
    padding: 1.6rem 1.2rem
}

.el-site-header__accordion--inner .el-site-header__accordion--inner {
    background-color: #fff;
    padding: 0 1.2rem
}

.el-site-header__accordion--inner .el-site-header__accordion--inner .el-site-header__accordion--item>a {
    padding: 1.6rem 0
}

.el-site-header__accordion--inner .el-site-header__accordion--inner .el-site-header__accordion--item:first-child {
    border-top: solid 1px var(--border-color)
}

.el-site-header__accordion--item {
    background-color: #fff
}

.el-site-header__accordion--item:not(:last-child) {
    border-bottom: solid 1px var(--border-color)
}

.el-site-header__accordion--item a {
    font-size: 1.6rem;
    font-weight: 500;
    text-decoration: none;
    padding: 1.6rem 1.2rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    color: var(--txt-color)
}

.el-site-header__accordion--item a span {
    margin-right: 1rem
}

.el-site-header__accordion--item a i {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    margin-left: .8rem;
    display: block;
    color: var(--main-color);
    position: relative;
    top: .3rem
}

.el-site-header__accordion--link a {
    font-size: 1.4rem;
    padding: 1.4rem 0;
    display: block;
    text-decoration: none;
    font-weight: 500;
    color: var(--txt-color)
}

.el-site-header__accordion--category__heading {
    background-color: #ddd;
    margin: 0 -1.2rem;
    padding: .8rem 1.2rem
}

.el-site-header__accordion--category__heading span {
    font-size: 1.6rem;
    font-weight: 700
}

.el-site-header__accordion--category__inner .el-site-header__accordion--item:first-child {
    border-top: none !important
}

.el-site-header__accordion--category__inner .el-site-header__accordion--item>a {
    padding-left: 1.2rem !important
}

.el-site-header__underlay {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.7);
    z-index: var(--z-site-header--underlay);
    transition-property: opacity,visibility;
    transition-duration: .2s;
    opacity: 0;
    visibility: hidden
}

[data-menu] .el-site-header__underlay,[data-search] .el-site-header__underlay {
    opacity: 1;
    visibility: visible
}

.el-site-header__heading {
    margin-bottom: 2rem;
    color: var(--txt-color);
    text-decoration: none;
    min-height: 2.7rem;
    display: block;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

.el-site-header__heading[data-size=small] {
    margin-bottom: 1.5rem
}

.el-site-header__heading[data-size=small] span {
    font-size: 1.6rem
}

.el-site-header__heading:not(:last-child)[data-size=small] {
    margin-bottom: 1.5rem !important;
    display: block
}

.el-site-header__heading[data-mb-false=true] {
    margin-bottom: 0
}

.el-site-header__heading span {
    font-weight: 500;
    font-size: 1.8rem
}

@keyframes appear {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.el-site-search-suggest {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: var(--z-suggest);
    background-color: var(--base-color);
    box-shadow: 0px 3px 6px rgba(0,0,0,.16)
}

.el-site-search-suggest__inner {
    border: solid 2px var(--border-color);
    border-top: 0
}

.el-site-search-suggest__item {
    cursor: pointer;
    padding: 1.6rem
}

@media only screen and (max-width: 768px) {
    .el-site-search-suggest__item {
        padding:1.4rem
    }
}

.el-site-search-suggest__item#current-mouse-focus {
    background-color: var(--border-color);
    outline: none
}

.el-site-search-suggest__item#current-mouse-focus:is(:hover,:focus) {
    background-color: var(--border-color);
    outline: none
}

.el-site-search-suggest__item span {
    font-size: 1.6rem;
    font-weight: 500
}

@media only screen and (max-width: 768px) {
    .el-site-search-suggest__item span {
        font-size:1.4rem
    }
}

@media print,screen and (min-width: 769px) {
    .el-site-search__form--inner>*:first-child {
        margin-top:0 !important
    }

    .el-site-search__form--inner>*:last-child {
        margin-bottom: 0 !important
    }
}

.el-site-search__form .el-detail-list:last-child {
    margin-bottom: 2.4rem
}

@media only screen and (max-width: 768px) {
    .el-site-search__form .el-detail-list:last-child {
        margin-bottom:0
    }
}

@media only screen and (max-width: 768px) {
    .el-site-search__form .el-detail-list__heading {
        width:100%
    }
}

@media only screen and (max-width: 768px) {
    .el-site-search__form .el-detail-list__item {
        margin-bottom:0 !important;
        border: 0 !important
    }
}

.el-site-search__form .el-divide-layout {
    margin-bottom: 1.5rem
}

.el-site-search__form .el-divide-layout__item {
    display: flex;
    align-items: center
}

.el-site-search__form .el-divide-layout__item>* {
    flex: 1
}

.el-site-search__form .el-hr {
    margin-bottom: 1.5rem
}

.el-site-search__relation {
    margin-bottom: 6rem
}

@media only screen and (max-width: 768px) {
    .el-site-search__relation {
        margin-bottom:0
    }
}

.el-site-search__relation .el-color-box {
    position: relative
}

@media only screen and (max-width: 768px) {
    .el-site-search__relation .el-color-box {
        margin-bottom:2rem
    }
}

.el-site-search__head p {
    font-weight: 700;
    font-size: 2rem
}

@media only screen and (max-width: 768px) {
    .el-site-search__head p {
        font-size:1.6rem
    }
}

.el-site-search__head p span {
    font-size: 3rem
}

@media only screen and (max-width: 768px) {
    .el-site-search__head p span {
        font-size:2rem
    }
}

.el-site-search__controller {
    margin-bottom: 4rem
}

@media only screen and (max-width: 768px) {
    .el-site-search__controller {
        margin-bottom:2rem
    }
}

.el-site-search__controller--list {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 3.2rem
}

@media only screen and (max-width: 768px) {
    .el-site-search__controller--list {
        width:min(100%,32rem);
        gap: 1.2rem
    }
}

.el-site-search__controller--item {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    position: relative
}

@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-site-search__controller--item {
        justify-content:flex-start
    }
}

@media only screen and (max-width: 768px) {
    .el-site-search__controller--item {
        display:block
    }
}

.el-site-search__controller--item .el-form-select {
    min-width: 16rem;
    padding-bottom: 5rem
}

@media only screen and (max-width: 768px) {
    .el-site-search__controller--item .el-form-select {
        min-width:calc(50% - .6rem)
    }
}

.el-site-search__controller--item .el-form-select[data-is-active=true] .el-form-select__options--list {
    height: 100%;
    overflow: inherit
}

.el-site-search__controller--item .el-form-select__default {
    padding: 1.2rem
}

.el-site-search__controller--item .el-form-select__default span {
    font-size: 1.4rem
}

.el-site-search__controller--item .el-form-select__select {
    top: calc(100% - 5rem);
    min-width: inherit
}

@media only screen and (max-width: 768px) {
    .el-site-search__controller--item .el-form-select__select {
        min-width:calc(50% - .6rem)
    }
}

.el-site-search__controller--item .el-form-select__options--list {
    margin: 0 1.2rem
}

.el-site-search__controller--item .el-form-select__options--item label {
    padding: .4rem .2rem
}

.el-site-search__controller--item .el-form-select__options--item span {
    font-weight: 700;
    font-size: 1.4rem
}

.el-site-search__controller--title {
    display: block;
    margin-right: 1.6rem;
    font-weight: 500;
    font-size: 1.6rem
}

@media only screen and (max-width: 768px) {
    .el-site-search__controller--title {
        margin-right:0;
        margin-bottom: 1.2rem
    }
}

.el-site-search__controller .el-divide-layout {
    margin-bottom: 2rem
}

.el-site-search__controller .el-divide-layout__item:nth-child(2) {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto
}

@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-site-search__controller .el-divide-layout__item:nth-child(2) {
        margin-left:0
    }
}

@media only screen and (max-width: 768px) {
    .el-site-search__controller .el-divide-layout__item:nth-child(2) {
        width:100%
    }
}

.el-site-search__input {
    display: flex;
    position: relative;
    width: 100%;
    border-radius: .4rem
}

.el-site-search__input--clear {
    display: none;
    position: absolute;
    top: calc(50% - 1.25rem);
    right: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--base-color);
    cursor: pointer
}

.el-site-search__input--clear::before {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.328%22%20height%3D%2216.328%22%20viewBox%3D%220%200%2016.328%2016.328%22%3E%20%3Crect%20width%3D%2221.876%22%20height%3D%221.215%22%20transform%3D%22translate%280%2015.469%29%20rotate%28-45%29%22%20fill%3D%22%2300358e%22%2F%3E%20%3Crect%20width%3D%2221.876%22%20height%3D%221.215%22%20transform%3D%22translate%280.859%200%29%20rotate%2845%29%22%20fill%3D%22%2300358e%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    content: ""
}

.el-site-search__input label {
    flex: 1;
    position: relative
}

.el-site-search__input input {
    width: 100%;
    min-height: 4rem;
    padding: 0 1rem;
    border: solid 1px var(--border-color);
    border-radius: .4rem 0 0 .4rem;
    background-color: var(--base-color--gray);
    font-size: 1.5rem;
    outline: none
}

.el-site-search__input input:valid+.el-site-search__input--clear {
    display: flex;
    justify-content: center;
    align-items: center
}

.el-site-search__input input::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.el-site-search__input button {
    display: flex;
    align-items: center;
    padding: .5rem 2rem;
    border-radius: 0 .4rem .4rem 0;
    background-color: var(--main-color);
    color: var(--base-color);
    font-weight: 500;
    font-size: 1.6rem
}

.el-site-search__input button i {
    width: 2rem;
    height: 2rem;
    margin-right: .8rem;
    color: var(--base-color)
}

.el-site-search__render {
    margin-bottom: 8rem
}

@media only screen and (max-width: 768px) {
    .el-site-search__render {
        margin-bottom:3rem
    }
}

.el-site-search__render--item {
    display: flex;
    padding: 4rem 0;
    border-bottom: solid 1px var(--border-color)
}

@media only screen and (max-width: 768px) {
    .el-site-search__render--item {
        padding:2rem 0
    }
}

.el-site-search__render--item:first-child {
    padding-top: 0
}

.el-site-search__render--item span.SS_highlight {
    background-color: var(--accent-color)
}

.el-site-search__render--item .el-paragraph {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.el-site-search__render--pic {
    width: 17rem;
    min-width: 17rem;
    margin-right: 3.2rem
}

@media only screen and (max-width: 768px) {
    .el-site-search__render--pic {
        display:none
    }
}

.el-site-search__render--container>*:first-child {
    margin-top: 0 !important
}

.el-site-search__render--container>*:last-child {
    margin-bottom: 0 !important
}

.el-site-search .el-heading-lv6 {
    margin-bottom: 0
}

.el-site-search .el-bg-full {
    -webkit-clip-path: none;
    clip-path: none;
    width: 100vw;
    max-width: inherit;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 5rem var(--padding-contents-wrapper--lr);
    box-shadow: none
}

@media only screen and (max-width: 768px) {
    .el-site-search .el-bg-full {
        padding:3.2rem var(--padding-contents-wrapper--sp)
    }
}

.el-spec-block {
    height: 100%
}

.el-spec-block__wrapper {
    display: grid;
    place-items: center;
    height: inherit
}

.el-spec-block__heading {
    margin-bottom: 2rem;
    text-align: center
}

.el-spec-block__heading span {
    font-size: 2.8rem;
    font-weight: 700
}

@media only screen and (max-width: 768px) {
    .el-spec-block__heading span {
        font-size:1.8rem
    }
}

.el-spec-block__image {
    margin-bottom: 1rem
}

.el-spec-block__value {
    display: flex;
    align-items: flex-end;
    justify-content: center
}

@media only screen and (max-width: 768px) {
    .el-spec-block__value {
        align-items:center
    }
}

.el-spec-block__text {
    font-size: 6.4rem;
    font-weight: 700;
    color: var(--main-color);
    line-height: 1
}

@media only screen and (max-width: 768px) {
    .el-spec-block__text {
        font-size:3.2rem
    }
}

.el-spec-block__unit {
    font-size: 2.2rem;
    font-weight: 500;
    margin-left: .8rem;
    color: var(--main-color)
}

@media only screen and (max-width: 768px) {
    .el-spec-block__unit {
        font-size:1.8rem;
        margin-left: .4rem
    }
}

.el-tab-esg {
    max-width: var(--contents-width);
    margin: 0 auto
}

.el-tab-esg__head {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 6rem;
    padding-bottom: 2px;
    gap: 1.2rem
}

@media only screen and (max-width: 768px) {
    .el-tab-esg__head {
        margin-bottom:4rem
    }
}

.el-tab-esg__head--item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    padding: .8rem 1.2rem;
    border: solid 1px var(--border-color);
    border-radius: .4rem;
    font-weight: 500;
    text-decoration: none;
    transition: background-color .3s,border .3s
}

@media only screen and (max-width: 768px) {
    .el-tab-esg__head--item {
        width:calc(50% - .6rem)
    }
}

.el-tab-esg__head--item:not([data-current=true]) {
    cursor: pointer
}

.el-tab-esg__head--item:hover {
    border: solid 1px var(--main-color);
    background-color: var(--main-color)
}

.el-tab-esg__head--item:hover .el-tab-esg__head--item__text {
    color: var(--base-color)
}

.el-tab-esg__head--item:hover .el-tab-esg__head--item__icon {
    background-color: var(--base-color)
}

.el-tab-esg__head--item:hover i {
    color: var(--main-color)
}

.el-tab-esg__head--item[data-current=true] {
    background-color: var(--main-color);
    cursor: default;
    pointer-events: none
}

.el-tab-esg__head--item[data-current=true] .el-tab-esg__head--item__text {
    color: var(--base-color)
}

.el-tab-esg__head--item[data-current=true] .el-tab-esg__head--item__icon {
    background-color: var(--base-color)
}

.el-tab-esg__head--item[data-current=true] i {
    color: var(--main-color)
}

.el-tab-esg__head--item .el-tab-esg__head--item__text {
    color: var(--main-color);
    font-weight: 700;
    font-size: 2.4rem;
    transition: color .3s
}

@media only screen and (max-width: 768px) {
    .el-tab-esg__head--item .el-tab-esg__head--item__text {
        font-size:1.4rem
    }
}

.el-tab-esg__head--item__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: .6rem;
    width: 2.4rem;
    min-width: 2.4rem;
    height: 2.4rem;
    margin-left: 2rem;
    border-radius: 50%;
    background-color: var(--main-color);
    transition: background-color .3s
}

@media only screen and (max-width: 768px) {
    .el-tab-esg__head--item__icon {
        top:0;
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        margin-left: .4rem
    }
}

.el-tab-esg__head--item i {
    position: relative;
    left: .1rem;
    color: var(--base-color);
    transition: color .3s
}

.el-tab-esg__body--item {
    display: none
}

.el-tab-scroll {
    max-width: var(--contents-width);
    margin: 0 auto 8rem;
    display: flex;
    align-items: flex-start;
    position: relative
}

@media only screen and (max-width: 1079px) {
    .el-tab-scroll {
        margin-bottom:4rem;
        display: block
    }
}

@media print,screen and (min-width: 1080px) {
    .el-tab-scroll__head {
        margin-right:4.1666666667vw;
        position: sticky;
        top: calc(var(--sticky-height) + 1.5rem)
    }
}

@media only screen and (max-width: 1079px) {
    .el-tab-scroll__head--inner {
        display:flex;
        flex-wrap: wrap;
        margin-right: 0;
        margin-bottom: 2rem
    }
}

.el-tab-scroll__head--item {
    width: 100%;
    text-decoration: none;
    color: var(--main-color);
    font-weight: 700;
    font-size: 2rem;
    padding: .8rem 1.2rem;
    background-color: var(--base-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .4rem;
    border: solid 2px var(--border-color);
    cursor: pointer
}

.el-tab-scroll__head--item[data-current=true] {
    background-color: var(--main-color);
    color: var(--base-color);
    border-color: var(--main-color);
    pointer-events: none
}

.el-tab-scroll__head--item[data-current=true] i {
    color: var(--main-color);
    background-color: var(--base-color)
}

.el-tab-scroll__head--item:not([data-current=true]) {
    transition: background-color .3s,color .3s,border-color .3s
}

.el-tab-scroll__head--item:not([data-current=true]):hover {
    background-color: var(--main-color);
    color: var(--base-color);
    border-color: var(--main-color)
}

.el-tab-scroll__head--item:not([data-current=true]):hover i {
    color: var(--main-color);
    background-color: var(--base-color)
}

@media print,screen and (min-width: 1080px) {
    .el-tab-scroll__head--item {
        min-width:20rem
    }

    .el-tab-scroll__head--item:not(:last-child) {
        margin-bottom: 1.6rem
    }
}

@media only screen and (max-width: 1079px) {
    .el-tab-scroll__head--item {
        display:flex;
        width: calc(50% - .6rem);
        margin-bottom: 1.2rem;
        border-radius: .4rem
    }

    .el-tab-scroll__head--item:nth-child(odd) {
        margin-right: 1.2rem
    }
}

@media only screen and (max-width: 768px) {
    .el-tab-scroll__head--item {
        font-size:1.4rem;
        border-radius: .4rem
    }
}

.el-tab-scroll__head--item i {
    min-width: 2.4rem;
    min-height: 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
    color: var(--base-color);
    background-color: var(--main-color);
    border-radius: 50%;
    transition: color .3s,background-color .3s;
    margin-left: .8rem
}

@media only screen and (max-width: 768px) {
    .el-tab-scroll__head--item i {
        width:2rem;
        height: 2rem;
        min-width: 2rem;
        min-height: 2rem
    }
}

.el-tab-scroll__head--item i svg {
    position: relative;
    left: .1rem
}

.el-tab-scroll__body {
    width: 100%
}

.el-tab-scroll__body--item {
    margin-bottom: 6rem
}

.el-tab-scroll__body--item .el-news__item:first-child {
    padding-top: 0
}

.el-tab-scroll__body--item>*:first-child {
    margin-top: 0 !important
}

.el-tab-scroll__body--item>*:last-child {
    margin-bottom: 0 !important
}

.el-tab {
    max-width: var(--contents-width);
    margin: 0 auto 12rem
}

.el-tab[data-type="2"] .el-tab__inner {
    border: solid 2px var(--main-color);
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 2rem
}

@media only screen and (max-width: 768px) {
    .el-tab[data-type="2"] .el-tab__inner {
        width:100%;
        max-width: 34rem
    }
}

.el-tab[data-type="2"] .el-tab__inner--foot {
    border: solid 2px var(--main-color);
    width: -moz-max-content;
    width: max-content;
    margin-top: 2rem
}

@media only screen and (max-width: 768px) {
    .el-tab[data-type="2"] .el-tab__inner--foot {
        width:100%;
        max-width: 34rem
    }
}

.el-tab[data-type="2"] .el-tab__head {
    border: none;
    margin-bottom: 0;
    display: none
}

.el-tab[data-type="2"] .el-tab__head--item {
    border: none;
    margin-right: 0;
    font-size: 1.6rem;
    font-weight: 700;
    justify-content: flex-start
}

.el-tab[data-type="2"] .el-tab__head--item[data-current=true] {
    display: none
}

.el-tab[data-type="2"] .el-tab__foot {
    border: none;
    margin-top: 0;
    display: none
}

.el-tab[data-type="2"] .el-tab__foot--item {
    border: none;
    margin-right: 0;
    font-size: 1.6rem;
    font-weight: 700;
    justify-content: flex-start
}

.el-tab[data-type="2"] .el-tab__foot--item[data-current=true] {
    display: none
}

@media only screen and (max-width: 768px) {
    .el-tab[data-type="3"] .el-tab__inner {
        border:solid 2px var(--main-color);
        margin-bottom: 2rem;
        width: 100%;
        max-width: 34rem
    }
}

@media only screen and (max-width: 768px) {
    .el-tab[data-type="3"] .el-tab__inner--foot {
        border:solid 2px var(--main-color);
        margin-top: 2rem;
        width: 100%;
        max-width: 34rem
    }
}

.el-tab[data-type="3"] .el-tab__current,.el-tab[data-type="3"] .el-tab__current--foot {
    display: none
}

@media only screen and (max-width: 768px) {
    .el-tab[data-type="3"] .el-tab__current,.el-tab[data-type="3"] .el-tab__current--foot {
        display:block
    }
}

@media only screen and (max-width: 768px) {
    .el-tab[data-type="3"] .el-tab__head {
        border:none;
        margin-bottom: 0;
        display: none
    }

    .el-tab[data-type="3"] .el-tab__head--item {
        border: none;
        margin-right: 0;
        font-size: 1.6rem;
        font-weight: 700;
        justify-content: flex-start
    }

    .el-tab[data-type="3"] .el-tab__head--item[data-current=true] {
        display: none
    }
}

@media only screen and (max-width: 768px) {
    .el-tab[data-type="3"] .el-tab__foot {
        border:none;
        margin-top: 0;
        display: none
    }

    .el-tab[data-type="3"] .el-tab__foot--item {
        border: none;
        margin-right: 0;
        font-size: 1.6rem;
        font-weight: 700;
        justify-content: flex-start
    }

    .el-tab[data-type="3"] .el-tab__foot--item[data-current=true] {
        display: none
    }
}

.el-tab__inner[data-is-active=true] .el-tab__current i,.el-tab__inner[data-is-active=true] .el-tab__current--foot i {
    transform: rotate(180deg)
}

.el-tab__inner--foot[data-is-active=true] .el-tab__current--foot i {
    transform: rotate(180deg)
}

.el-tab .el-tab__current,.el-tab .el-tab__current--foot {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    padding: 1.9rem 1.2rem;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 34rem;
    cursor: pointer
}

@media only screen and (max-width: 768px) {
    .el-tab .el-tab__current,.el-tab .el-tab__current--foot {
        width:100%;
        min-width: 100%
    }
}

.el-tab .el-tab__current span,.el-tab .el-tab__current--foot span {
    font-size: 1.6rem;
    font-weight: 700
}

.el-tab .el-tab__current i,.el-tab .el-tab__current--foot i {
    position: absolute;
    right: 1.2rem;
    top: calc(50% - 1.2rem);
    width: 2.4rem;
    height: 2.4rem;
    display: block
}

.el-tab__head {
    display: flex;
    border-bottom: solid 2px var(--main-color);
    margin-bottom: 6rem
}

.el-tab__head--item {
    flex: 1;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.6rem;
    background-color: var(--base-color--gray);
    cursor: pointer;
    font-size: 2rem;
    font-weight: 500;
    color: var(--txt-color)
}

.el-tab__head--item[data-current=true] {
    position: relative;
    background-color: var(--base-color);
    pointer-events: none;
    font-weight: 700;
    border-left: solid 2px var(--main-color);
    border-top: solid 2px var(--main-color);
    border-right: solid 2px var(--main-color)
}

.el-tab__head--item[data-current=true]::before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--base-color);
    position: absolute;
    bottom: -2px
}

.el-tab__head--item:not(:last-child) {
    margin-right: 2rem
}

.el-tab__foot {
    display: flex;
    border-top: solid 2px var(--main-color);
    margin-top: 6rem
}

.el-tab__foot--item {
    flex: 1;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.6rem;
    background-color: var(--base-color--gray);
    cursor: pointer;
    font-size: 2rem;
    font-weight: 500;
    color: var(--txt-color)
}

.el-tab__foot--item[data-current=true] {
    position: relative;
    background-color: var(--base-color);
    pointer-events: none;
    font-weight: 700;
    border-left: solid 2px var(--main-color);
    border-bottom: solid 2px var(--main-color);
    border-right: solid 2px var(--main-color)
}

.el-tab__foot--item[data-current=true]::before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--base-color);
    position: absolute;
    top: -2px
}

.el-tab__foot--item:not(:last-child) {
    margin-right: 2rem
}

.el-tab__body--item {
    display: none
}

.el-table {
    position: relative;
    max-width: var(--contents-width);
    margin: 0 auto 4rem;
    --min-sp-width: 10rem
}

@media only screen and (max-width: 768px) {
    .el-table {
        margin-bottom:4rem
    }
}

.el-table+.el-paragraph {
    margin-top: -3rem
}

.el-table[data-scroll-on-sp=true] tr {
    width: auto
}

.el-table[data-scroll-on-sp=true] tr td {
    min-width: 20rem
}

@media only screen and (max-width: 768px) {
    .el-table[data-scroll-on-sp=true] tr td {
        width:21.5rem;
        min-width: 21.5rem
    }
}

@media print,screen and (min-width: 1701px) {
    .el-table[data-scroll-on-sp=true] tr td:last-child {
        border-right:0
    }
}

.el-table[data-scroll-on-sp=true] tr th {
    position: sticky;
    left: 0;
    z-index: 2;
    width: 0;
    min-width: var(--th-width)
}

@media only screen and (max-width: 768px) {
    .el-table[data-scroll-on-sp=true] tr th {
        width:var(--th-sp-width);
        min-width: var(--th-sp-width);
        white-space: normal
    }
}

.el-table[data-scroll-on-sp=true] tr th::before {
    background-color: var(--border-color);
    content: "";
    mix-blend-mode: darken
}

.el-table[data-scroll-on-sp=true] tr th::after {
    position: absolute;
    top: 0;
    left: -1px;
    z-index: -1;
    width: 100%;
    height: calc(100% + 1px);
    background-color: var(--base-color);
    content: ""
}

.el-table[data-vertical-on-sp=true] table:not(.vertical) tr th::before {
    content: none
}

@media print,screen and (min-width: 769px) {
    .el-table[data-vertical-on-sp=true] table:not(.vertical) th {
        border-right:1px solid var(--base-color) !important
    }
}

@media only screen and (max-width: 768px) {
    .el-table[data-vertical-on-sp=true] table:not(.vertical) tr {
        display:flex;
        flex-direction: column
    }

    .el-table[data-vertical-on-sp=true] table:not(.vertical) tr:not(:last-child) th,.el-table[data-vertical-on-sp=true] table:not(.vertical) tr:not(:last-child) td {
        border-bottom: none
    }

    .el-table[data-vertical-on-sp=true] table:not(.vertical) tr td,.el-table[data-vertical-on-sp=true] table:not(.vertical) tr th {
        width: 100%
    }

    .el-table[data-vertical-on-sp=true] table:not(.vertical) tr th {
        border-right: 0
    }

    .el-table[data-vertical-on-sp=true] table:not(.vertical) tr th:last-of-type {
        border-bottom: 0
    }

    .el-table[data-vertical-on-sp=true] table:not(.vertical) tr td:last-of-type {
        border-bottom: solid 1px var(--border-color)
    }

    .el-table[data-vertical-on-sp=true] table:not(.vertical) tr td::before {
        content: none !important
    }
}

.el-table[data-vertical-on-sp=true] table.vertical tbody {
    display: flex;
    flex-wrap: wrap;
    border: solid 1px var(--border-color);
    border-right: 0
}

@media only screen and (max-width: 768px) {
    .el-table[data-vertical-on-sp=true] table.vertical tbody {
        display:block
    }
}

.el-table[data-vertical-on-sp=true] table.vertical tr {
    display: flex;
    flex: 1;
    flex-direction: column
}

@media print,screen and (min-width: 769px) {
    .el-table[data-vertical-on-sp=true] table.vertical tr:not(:last-child) {
        border-right:solid 1px var(--border-color)
    }

    .el-table[data-vertical-on-sp=true] table.vertical tr:not(:last-child) th {
        border-right: solid 1px var(--base-color)
    }
}

.el-table[data-vertical-on-sp=true] table.vertical tr>*:not(:last-child) {
    border-bottom: solid 1px var(--border-color)
}

.el-table[data-vertical-on-sp=true] table.vertical tr td,.el-table[data-vertical-on-sp=true] table.vertical tr th {
    width: 100%;
    max-width: 100%;
    border: 0;
    cursor: default
}

.el-table[data-vertical-on-sp=true] table.vertical tr td::before,.el-table[data-vertical-on-sp=true] table.vertical tr th::before {
    content: none !important
}

.el-table[data-scroll=true] tbody tr th {
    border-bottom: solid 1px var(--base-color)
}

.el-table[data-scroll=true] tbody tr th:not(:last-child) {
    border-right: solid 1px var(--base-color)
}

.el-table[data-scroll=true] tbody tr th::before {
    content: none
}

.el-table[data-scroll=true] tbody tr th:last-child {
    border-right: 0
}

.el-table[data-scroll=true] tbody tr td:last-child {
    border-right: 0
}

@media only screen and (max-width: 768px) {
    .el-table[data-scroll=true] tbody tr th,.el-table[data-scroll=true] tbody tr td {
        min-width:var(--min-sp-width)
    }
}

.el-table[data-max-content=true] {
    margin-right: auto;
    margin-left: 0;
    border-right: solid 1px var(--border-color)
}

.el-table[data-max-content=true] table {
    border-right: 0
}

.el-table[data-max-content=true] table.vertical th {
    white-space: nowrap
}

.el-table[data-max-content=true] table.vertical th+td {
    border-left: 1px
}

.el-table[data-content-fit=true] {
    margin-right: auto;
    margin-left: 0
}

.el-table[data-content-fit=true] table {
    border-right: 0
}

@media print,screen and (min-width: 769px) {
    .el-table[data-content-fit=true] table {
        width:-moz-fit-content !important;
        width: fit-content !important
    }
}

.el-table[data-content-fit=true] table.vertical th {
    white-space: nowrap
}

.el-table[data-content-fit=true] table.vertical th+td {
    border-left: 1px
}

.el-table[data-content-fit=true][data-scroll=true],.el-table[data-content-fit=true][data-scroll-on-sp=true] {
    margin-right: 0 !important;
    margin-left: 0 !important;
    max-width: calc(var(--contents-width) + 1px) !important
}

.el-table[data-scroll=true],.el-table[data-scroll-on-sp=true] {
    max-width: initial;
    margin: 0 calc(-1*var(--padding-contents-wrapper--lr)) 6rem 0
}

@media only screen and (max-width: 768px) {
    .el-table[data-scroll=true],.el-table[data-scroll-on-sp=true] {
        margin:0 calc(-1*var(--padding-contents-wrapper--sp)) 4rem 0
    }

    .el-table[data-scroll=true] .scroll-hint-icon-wrap,.el-table[data-scroll-on-sp=true] .scroll-hint-icon-wrap {
        display: block
    }
}

.el-table[data-scroll=true] .el-table__inner,.el-table[data-scroll-on-sp=true] .el-table__inner {
    padding: 0 0 1px;
    overflow-y: auto
}

.el-table[data-scroll=true] .el-table__inner::-webkit-scrollbar,.el-table[data-scroll-on-sp=true] .el-table__inner::-webkit-scrollbar {
    position: absolute;
    bottom: -5rem;
    height: 5px
}

.el-table[data-scroll=true] .el-table__inner::-webkit-scrollbar-track,.el-table[data-scroll-on-sp=true] .el-table__inner::-webkit-scrollbar-track {
    background-color: #fff
}

.el-table[data-scroll=true] .el-table__inner::-webkit-scrollbar-thumb,.el-table[data-scroll-on-sp=true] .el-table__inner::-webkit-scrollbar-thumb {
    border-radius: 3rem;
    background-color: #666
}

.el-table[data-scroll=true] table,.el-table[data-scroll-on-sp=true] table {
    position: relative;
    width: 100%;
    max-width: var(--contents-width);
    cursor: default !important
}

.el-table .scroll-hint-icon-wrap {
    display: none
}

.el-table table {
    width: 100%;
    border-right: solid 1px var(--border-color)
}

.el-table table thead th:not(:last-child) {
    border-right: solid 1px var(--base-color)
}

.el-table table tr:first-child td {
    position: relative;
    border-top: 0
}

.el-table table tr:first-child td::before {
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: calc(100% - 1px);
    border-top: solid 1px var(--border-color);
    content: ""
}

.el-table table tr:last-child td {
    position: relative;
    border-bottom: 0
}

.el-table table tr:last-child td::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom: solid 1px var(--border-color);
    content: ""
}

.el-table table tr:last-child th {
    border-bottom: 0
}

.el-table table tr th {
    position: relative;
    width: var(--th-width);
    min-width: 20rem;
    max-width: 36rem;
    padding: 2rem 1.2rem;
    border-bottom: solid 1px var(--base-color);
    background-color: var(--border-color);
    color: var(--txt-color);
    font-weight: 700;
    font-size: 1.8rem;
    vertical-align: baseline
}

@media only screen and (max-width: 768px) {
    .el-table table tr th {
        width:var(--th-sp-width);
        min-width: 6.2rem;
        white-space: normal
    }
}

.el-table table tr th::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.el-table table tr th:not(:last-child):not([rowspan])::before {
    border-right: solid 1px var(--base-color)
}

.el-table table tr th[rowspan]::before {
    border-right: solid 1px var(--base-color)
}

.el-table table tr th:last-of-type::before {
    border-right: 0 !important
}

@media only screen and (max-width: 768px) {
    .el-table table tr th {
        max-width:100%;
        font-size: 1.4rem
    }
}

.el-table table tr td {
    padding: 2rem 1.2rem;
    border: solid 1px var(--border-color);
    color: var(--txt-color);
    font-weight: 500;
    font-size: 1.8rem;
    border-right: 0
}

.el-table table tr td>*:first-child {
    margin-top: 0 !important
}

.el-table table tr td>*:last-child {
    margin-bottom: 0 !important
}

.el-table table tr td[data-min-padding=true],.el-table table tr th[data-min-padding=true] {
    padding: 1.2rem
}

.el-table table tr th,.el-table table tr td {
    cursor: auto
}

.el-table table tr th::before,.el-table table tr th::after,.el-table table tr td::before,.el-table table tr td::after {
    pointer-events: none
}

.wysiwyg {
    position: relative;
    max-width: initial;
    margin: 0 calc(-1*var(--padding-contents-wrapper--lr)) 4rem 0
}

@media only screen and (max-width: 768px) {
    .wysiwyg {
        margin:0 calc(-1*var(--padding-contents-wrapper--sp)) 4rem 0
    }
}

.wysiwyg+.el-paragraph {
    margin-top: -3rem
}

.wysiwyg .wysiwyg__inner {
    overflow-y: auto
}

.wysiwyg .wysiwyg__inner::-webkit-scrollbar {
    position: absolute;
    bottom: -5rem;
    height: 5px
}

.wysiwyg .wysiwyg__inner::-webkit-scrollbar-track {
    background-color: #fff
}

.wysiwyg .wysiwyg__inner::-webkit-scrollbar-thumb {
    border-radius: 3rem;
    background-color: #666
}

.wysiwyg table {
    position: relative;
    width: 100%;
    max-width: var(--contents-width);
    border: 0;
    cursor: default !important;
    border-right: solid 1px var(--border-color)
}

.wysiwyg tr {
    width: auto;
    border: 0
}

.wysiwyg tr:first-child td {
    position: relative;
    border-top: 0
}

.wysiwyg tr:first-child td::before {
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: calc(100% - 1px);
    border-top: solid 1px var(--border-color);
    content: ""
}

.wysiwyg tr:last-child td {
    position: relative;
    border-bottom: 0
}

.wysiwyg tr:last-child td::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 1px);
    border-bottom: solid 1px var(--border-color);
    content: ""
}

.wysiwyg tr th {
    position: sticky;
    left: 0;
    z-index: 2;
    width: var(--th-width) !important;
    min-width: 20rem;
    max-width: 36rem;
    padding: 2rem 1.2rem;
    border-bottom: solid 2px var(--base-color);
    background-color: var(--border-color);
    font-weight: 700;
    font-size: 1.8rem;
    white-space: nowrap;
    vertical-align: baseline
}

@media only screen and (max-width: 768px) {
    .wysiwyg tr th {
        width:var(--th-sp-width);
        min-width: 6.2rem;
        font-size: 1.4rem;
        white-space: normal
    }
}

.wysiwyg tr th::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--border-color);
    mix-blend-mode: darken;
    content: ""
}

.wysiwyg tr th::after {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    width: 100%;
    height: calc(100% + 2px);
    background-color: var(--base-color);
    z-index: -1
}

.wysiwyg tr th:not(:last-child):not([rowspan])::before {
    border-right: solid 2px var(--base-color)
}

.wysiwyg tr th[rowspan]::before {
    border-right: solid 2px var(--base-color)
}

.wysiwyg tr th:last-of-type::before {
    border-right: 0 !important
}

.wysiwyg tr td {
    width: auto !important;
    padding: 2rem 1.2rem;
    border: solid 1px var(--border-color);
    font-weight: 500;
    font-size: 1.8rem;
    min-width: 20rem
}

.wysiwyg tr td>*:first-child {
    margin-top: 0 !important
}

.wysiwyg tr td>*:last-child {
    margin-bottom: 0 !important
}

@media only screen and (max-width: 768px) {
    .wysiwyg tr td {
        width:21.5rem;
        min-width: 21.5rem
    }
}

@media print,screen and (min-width: 1701px) {
    .wysiwyg tr td:last-child {
        border-right:0
    }
}

.wysiwyg[data-content-fit=true] {
    width: -moz-fit-content;
    width: fit-content
}

.wysiwyg th,.wysiwyg td {
    cursor: auto
}

.wysiwyg th::before,.wysiwyg th::after,.wysiwyg td::before,.wysiwyg td::after {
    pointer-events: none
}

.el-text-list-prefix {
    max-width: var(--contents-width);
    width: 100%;
    margin: 0 auto 1.6rem;
    display: table
}

.el-text-list-prefix[data-heading-bold=true] .el-text-list-prefix__item__symbol {
    font-weight: 700
}

.el-text-list-prefix__item {
    display: table-row;
    font-size: 1.4rem
}

.el-text-list-prefix__item:not(:last-child) .el-text-list-prefix__item__symbol,.el-text-list-prefix__item:not(:last-child) .el-text-list-prefix__item__text-container {
    padding-bottom: .8rem
}

.el-text-list-prefix__item__symbol {
    flex-shrink: 0;
    padding-right: .8rem;
    display: table-cell;
    width: 1%;
    white-space: nowrap
}

.el-text-list-prefix__item__text-container {
    width: 99%;
    display: table-cell
}

.el-text-list-prefix__item__text-container>*:first-child {
    margin-top: 0 !important
}

.el-text-list-prefix__item__text-container>*:last-child {
    margin-bottom: 0 !important
}

.el-text-list {
    max-width: var(--contents-width);
    margin: 0 auto 2rem;
    display: flex
}

.el-text-list[data-layout=horizontal] {
    display: flex;
    flex-wrap: wrap
}

.el-text-list[data-layout=horizontal][data-align=center] {
    justify-content: center
}

.el-text-list[data-layout=horizontal][data-align=right] {
    justify-content: flex-end
}

.el-text-list[data-layout=horizontal]:not([data-column]) .el-text-list__item:not(:last-child) {
    margin-right: 1rem
}

@media print,screen and (min-width: 769px) {
    .el-text-list[data-layout=horizontal][data-column*=d1]>.el-text-list__item {
        width:calc((99.9% - (1.6rem * (1 - 1))) / 1)
    }

    .el-text-list[data-layout=horizontal][data-column*=d1]>.el-text-list__item:nth-child(n+2) {
        margin-top: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=d1]>.el-text-list__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=d2]>.el-text-list__item {
        width: calc((99.9% - (1.6rem * (2 - 1))) / 2)
    }

    .el-text-list[data-layout=horizontal][data-column*=d2]>.el-text-list__item:nth-child(n+3) {
        margin-top: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=d2]>.el-text-list__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=d3]>.el-text-list__item {
        width: calc((99.9% - (1.6rem * (3 - 1))) / 3)
    }

    .el-text-list[data-layout=horizontal][data-column*=d3]>.el-text-list__item:nth-child(n+4) {
        margin-top: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=d3]>.el-text-list__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=d4]>.el-text-list__item {
        width: calc((99.9% - (1.6rem * (4 - 1))) / 4)
    }

    .el-text-list[data-layout=horizontal][data-column*=d4]>.el-text-list__item:nth-child(n+5) {
        margin-top: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=d4]>.el-text-list__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=d5]>.el-text-list__item {
        width: calc((99.9% - (1.6rem * (5 - 1))) / 5)
    }

    .el-text-list[data-layout=horizontal][data-column*=d5]>.el-text-list__item:nth-child(n+6) {
        margin-top: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=d5]>.el-text-list__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=d6]>.el-text-list__item {
        width: calc((99.9% - (1.6rem * (6 - 1))) / 6)
    }

    .el-text-list[data-layout=horizontal][data-column*=d6]>.el-text-list__item:nth-child(n+7) {
        margin-top: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=d6]>.el-text-list__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 1.6rem
    }
}

@media only screen and (max-width: 768px)and (min-width: 569px) {
    .el-text-list[data-layout=horizontal][data-column*=t1]>.el-text-list__item {
        width:calc((99.9% - (1.6rem * (1 - 1))) / 1)
    }

    .el-text-list[data-layout=horizontal][data-column*=t1]>.el-text-list__item:nth-child(n+2) {
        margin-top: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=t1]>.el-text-list__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=t2]>.el-text-list__item {
        width: calc((99.9% - (1.6rem * (2 - 1))) / 2)
    }

    .el-text-list[data-layout=horizontal][data-column*=t2]>.el-text-list__item:nth-child(n+3) {
        margin-top: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=t2]>.el-text-list__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=t3]>.el-text-list__item {
        width: calc((99.9% - (1.6rem * (3 - 1))) / 3)
    }

    .el-text-list[data-layout=horizontal][data-column*=t3]>.el-text-list__item:nth-child(n+4) {
        margin-top: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=t3]>.el-text-list__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=t4]>.el-text-list__item {
        width: calc((99.9% - (1.6rem * (4 - 1))) / 4)
    }

    .el-text-list[data-layout=horizontal][data-column*=t4]>.el-text-list__item:nth-child(n+5) {
        margin-top: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=t4]>.el-text-list__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=t5]>.el-text-list__item {
        width: calc((99.9% - (1.6rem * (5 - 1))) / 5)
    }

    .el-text-list[data-layout=horizontal][data-column*=t5]>.el-text-list__item:nth-child(n+6) {
        margin-top: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=t5]>.el-text-list__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=t6]>.el-text-list__item {
        width: calc((99.9% - (1.6rem * (6 - 1))) / 6)
    }

    .el-text-list[data-layout=horizontal][data-column*=t6]>.el-text-list__item:nth-child(n+7) {
        margin-top: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=t6]>.el-text-list__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 1.6rem
    }
}

@media only screen and (max-width: 568px) {
    .el-text-list[data-layout=horizontal][data-column*=m1]>.el-text-list__item {
        width:calc((99.9% - (1.6rem * (1 - 1))) / 1)
    }

    .el-text-list[data-layout=horizontal][data-column*=m1]>.el-text-list__item:nth-child(n+2) {
        margin-top: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=m1]>.el-text-list__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=m2]>.el-text-list__item {
        width: calc((99.9% - (1.6rem * (2 - 1))) / 2)
    }

    .el-text-list[data-layout=horizontal][data-column*=m2]>.el-text-list__item:nth-child(n+3) {
        margin-top: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=m2]>.el-text-list__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=m3]>.el-text-list__item {
        width: calc((99.9% - (1.6rem * (3 - 1))) / 3)
    }

    .el-text-list[data-layout=horizontal][data-column*=m3]>.el-text-list__item:nth-child(n+4) {
        margin-top: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=m3]>.el-text-list__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=m4]>.el-text-list__item {
        width: calc((99.9% - (1.6rem * (4 - 1))) / 4)
    }

    .el-text-list[data-layout=horizontal][data-column*=m4]>.el-text-list__item:nth-child(n+5) {
        margin-top: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=m4]>.el-text-list__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=m5]>.el-text-list__item {
        width: calc((99.9% - (1.6rem * (5 - 1))) / 5)
    }

    .el-text-list[data-layout=horizontal][data-column*=m5]>.el-text-list__item:nth-child(n+6) {
        margin-top: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=m5]>.el-text-list__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=m6]>.el-text-list__item {
        width: calc((99.9% - (1.6rem * (6 - 1))) / 6)
    }

    .el-text-list[data-layout=horizontal][data-column*=m6]>.el-text-list__item:nth-child(n+7) {
        margin-top: 1.6rem
    }

    .el-text-list[data-layout=horizontal][data-column*=m6]>.el-text-list__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: 1.6rem
    }
}

.el-text-list[data-layout=vertical] {
    flex-direction: column;
    align-items: flex-start
}

.el-text-list[data-layout=vertical][data-align=center] {
    align-items: center
}

.el-text-list[data-layout=vertical][data-align=right] {
    align-items: flex-end
}

.el-text-list[data-layout=vertical] .el-text-list__item:not(:last-child) {
    margin-bottom: 1.6rem
}

.el-text-list[data-content-fit=true] .el-text-list__item {
    width: 100%;
    justify-content: space-between
}

.el-text-list[data-small=true] .el-text-list__item {
    font-size: 1.4rem
}

.el-text-list[data-small=true] i {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    display: block;
    margin-right: .4rem
}

.el-text-list[data-large=true] .el-text-list__item {
    font-size: 2rem
}

@media only screen and (max-width: 768px) {
    .el-text-list[data-large=true] .el-text-list__item {
        font-size:1.8rem
    }
}

.el-text-list[data-large=true] .el-text-list__item i {
    width: 2.4rem;
    height: 2.4rem;
    display: block
}

.el-text-list[data-dot=true] .el-text-list__item {
    padding: .8rem;
    position: relative
}

.el-text-list[data-dot=true] .el-text-list__item::before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: repeating-conic-gradient(#fff 0, #fff 25%, #c7c7c7);
    background-size: 7px;
    background-position: center center
}

.el-text-list[data-dot=true] .el-text-list__item:not(:last-child) {
    margin-bottom: 0
}

.el-text-list[data-dot=true][data-layout=horizontal][data-column] .el-text-list__item {
    margin-top: 0
}

.el-text-list[data-dot=true][data-layout=vertical] .el-text-list__item {
    width: 100%
}

.el-text-list__item {
    display: inline-flex;
    align-items: baseline;
    max-width: 100%;
    text-decoration: none;
    font-size: 1.8rem;
    color: inherit;
    font-weight: 500;
    position: relative
}

@media only screen and (max-width: 768px) {
    .el-text-list__item {
        font-size:1.6rem
    }
}

.el-text-list__item[data-color=blue] {
    color: var(--main-color);
    font-weight: 700
}

.el-text-list__item[data-decoration=true] {
    font-weight: 700;
    color: var(--main-color)
}

.el-text-list__item[data-decoration=true] .el-text-list__item__text {
    background: linear-gradient(transparent 70%, var(--accent-color) 70%)
}

@media print,screen and (min-width: 769px) {
    .el-text-list__item[href*="tel:"] {
        color:var(--txt-color);
        font-weight: 500
    }

    .el-text-list__item[href*="tel:"] .el-text-list--icon {
        margin-right: .4rem
    }
}

a.el-text-list__item,button.el-text-list__item {
    text-decoration: none
}

a.el-text-list__item .el-text-list__item__text-container,button.el-text-list__item .el-text-list__item__text-container {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: .8rem
}

a.el-text-list__item .el-text-list__item__text-container>span,button.el-text-list__item .el-text-list__item__text-container>span {
    transition: transform .3s
}

.el-card a.el-text-list__item .el-text-list__item__text-container,.el-card button.el-text-list__item .el-text-list__item__text-container {
    padding: 0
}

.el-card a.el-text-list__item .el-text-list__item__text-container>span,.el-card button.el-text-list__item .el-text-list__item__text-container>span {
    transform: none
}

.el-card a.el-text-list__item .el-text-list__item__text-container::before,.el-card button.el-text-list__item .el-text-list__item__text-container::before {
    content: none
}

a.el-text-list__item .el-text-list__item__text-container:hover>span,button.el-text-list__item .el-text-list__item__text-container:hover>span {
    transform: translate(1rem)
}

a.el-text-list__item .el-text-list__item__text-container:hover::before,button.el-text-list__item .el-text-list__item__text-container:hover::before {
    opacity: 1;
    width: 1rem
}

a.el-text-list__item .el-text-list__item__text-container::before,button.el-text-list__item .el-text-list__item__text-container::before {
    content: "";
    height: 1px;
    width: 0rem;
    background-color: var(--txt-color);
    margin-right: .8rem;
    opacity: 0;
    transition: opacity .4s .1s,width .3s;
    align-self: flex-start;
    position: absolute;
    left: 0;
    top: 1rem
}

a.el-text-list__item .el-text-list--icon,button.el-text-list__item .el-text-list--icon {
    align-self: baseline
}

a.el-text-list__item .el-text-list--icon+.el-text-list__item__text-container,button.el-text-list__item .el-text-list--icon+.el-text-list__item__text-container {
    padding-left: 0
}

a.el-text-list__item .el-text-list--icon+.el-text-list__item__text-container>span,button.el-text-list__item .el-text-list--icon+.el-text-list__item__text-container>span {
    transform: none
}

a.el-text-list__item .el-text-list--icon+.el-text-list__item__text-container::before,button.el-text-list__item .el-text-list--icon+.el-text-list__item__text-container::before {
    content: none
}

a.el-text-list__item .el-text-list__item__symbol,button.el-text-list__item .el-text-list__item__symbol {
    display: none
}

a.el-text-list__item:hover .el-text-list--icon+.el-text-list__item__text-container,button.el-text-list__item:hover .el-text-list--icon+.el-text-list__item__text-container {
    text-decoration: underline;
    text-decoration-color: var(--main-color);
    text-underline-offset: .5rem
}

.el-color-box[data-color="4"] a.el-text-list__item:hover .el-text-list--icon+.el-text-list__item__text-container,.el-color-box[data-color="4"] button.el-text-list__item:hover .el-text-list--icon+.el-text-list__item__text-container {
    color: var(--base-color)
}

.el-text-list__item__symbol {
    display: block;
    flex-shrink: 0;
    margin-right: 1.2rem;
    border-radius: 50%;
    background-color: var(--txt-color);
    width: .6rem;
    height: .6rem;
    position: relative;
    top: 1rem;
    align-self: flex-start
}

@media only screen and (max-width: 768px) {
    .el-text-list__item__symbol {
        top:.8rem
    }
}

.el-text-list__item__symbol+.el-text-list__item__text-container {
    padding-left: 0
}

.el-text-list__item .el-text-list--icon {
    width: 2.4rem;
    height: 2.4rem;
    min-width: 2.4rem;
    min-height: 2.4rem;
    display: block;
    color: var(--main-color);
    margin-right: .8rem
}

@media only screen and (max-width: 768px) {
    .el-text-list__item .el-text-list--icon {
        width:2rem;
        height: 2rem;
        min-width: 2rem;
        min-height: 2rem
    }
}

.el-text-list__item .el-text-list--icon svg {
    width: inherit;
    height: inherit
}

.el-text-list__item .el-text-list--icon+.el-text-list__text-container {
    padding-left: 0
}

.el-text-list__item__icn-after {
    display: inline-block;
    margin-left: .8rem;
    width: 2.4rem;
    height: 2.4rem;
    min-width: 2.4rem;
    min-height: 2.4rem;
    position: relative;
    top: .1rem;
    vertical-align: text-bottom
}

@media only screen and (max-width: 768px) {
    .el-text-list__item__icn-after {
        width:2rem;
        height: 2rem;
        min-width: 2rem;
        min-height: 2rem
    }
}

.el-text-list__item__icn-after svg {
    width: inherit;
    height: inherit
}

.el-color-box[data-color="4"] .el-text-list .el-text-list--icon {
    color: var(--base-color)
}

.el-toppage-slider {
    position: relative;
    margin: 0 calc(-1*var(--padding-contents-wrapper--lr)) 12rem
}

@media print,screen and (min-width: 769px) {
    .el-toppage-slider {
        height:min(36.4583333333vw, 700px);
        margin-bottom: 8rem
    }
}

@media only screen and (max-width: 768px) {
    .el-toppage-slider {
        margin:0 calc(-1*var(--padding-contents-wrapper--sp)) 4rem
    }
}

@media only screen and (max-width: 1279px)and (min-width: 769px) {
    .el-toppage-slider[data-has-linkElem=true] {
        margin-bottom:14rem
    }

    .el-toppage-slider[data-has-linkElem=true].swiper-is-no-slide {
        margin-bottom: 7rem
    }
}

@media only screen and (max-width: 768px) {
    .el-toppage-slider[data-has-linkElem=true] {
        margin-bottom:10rem
    }

    .el-toppage-slider[data-has-linkElem=true].swiper-is-no-slide {
        margin-bottom: 5rem
    }
}

@media print,screen and (min-width: 769px) {
    .el-toppage-slider[data-layout=product] {
        height:min(27.0833333333vw, 520px);
        margin-bottom: 10rem
    }
}

@media only screen and (max-width: 1279px)and (min-width: 769px) {
    .el-toppage-slider[data-layout=product] {
        margin-bottom:12rem
    }
}

@media only screen and (max-width: 768px) {
    .el-toppage-slider[data-layout=product] .el-toppage-slider__item {
        display:flex;
        flex-direction: column;
        padding-top: 100vw
    }
}

@media only screen and (max-width: 768px) {
    .el-toppage-slider[data-layout=product] .el-toppage-slider__media {
        margin-bottom:0
    }
}

@media only screen and (max-width: 768px) {
    .el-toppage-slider[data-layout=product] .el-toppage-slider__controller {
        bottom:auto;
        left: var(--padding-contents-wrapper--sp)
    }
}

.el-toppage-slider[data-layout=product] .el-toppage-slider__controller.videoController {
    position: absolute;
    bottom: 6.5rem
}

@media only screen and (max-width: 1279px)and (min-width: 769px) {
    .el-toppage-slider[data-layout=product][data-has-linkelem=true] .el-toppage-slider__controller.videoController {
        bottom:140px
    }
}

@media only screen and (max-width: 768px) {
    .el-toppage-slider[data-layout=product][data-has-linkelem=true] .el-toppage-slider__controller.videoController {
        bottom:100px
    }
}

@media print,screen and (min-width: 769px) {
    .el-toppage-slider[data-shadow=true] .el-toppage-slider__item--inner {
        width:min(100%,800px);
        padding: var(--padding-contents-wrapper--lr);
        box-shadow: 4px 4px 4px rgba(0,0,0,.16);
        background-color: var(--base-color)
    }
}

.el-toppage-slider[data-type=engineer] .el-toppage-slider__catch {
    display: flex;
    justify-content: center;
    align-items: center
}

.el-toppage-slider[data-align=left] .el-toppage-slider__catch {
    align-items: flex-start
}

.el-toppage-slider__container {
    display: none;
    width: 100%;
    max-width: 1920px;
    overflow: hidden
}

@media print,screen and (min-width: 769px) {
    .el-toppage-slider__container {
        position:absolute;
        inset: 0;
        height: 100%;
        margin: 0 auto
    }
}

.el-toppage-slider__container.swiper-initialized {
    display: block
}

.el-toppage-slider__item {
    position: relative
}

@media only screen and (max-width: 768px) {
    .el-toppage-slider__item {
        padding-top:clamp(375px,149.3333333333vw,560px)
    }
}

.el-toppage-slider__block {
    width: 100%;
    margin-top: 2rem
}

.el-toppage-slider__block>*:first-child {
    margin-top: 0 !important
}

.el-toppage-slider__block>*:last-child {
    margin-bottom: 0 !important
}

.el-toppage-slider__media {
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 768px) {
    .el-toppage-slider__media {
        position:absolute;
        top: 0;
        height: 100%
    }
}

.el-toppage-slider__media img,.el-toppage-slider__media video {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.el-toppage-slider__catch {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: var(--contents-width);
    margin: 0 auto;
    padding: 0 1.2rem
}

[data-align=left] .el-toppage-slider__catch {
    align-items: flex-start
}

body:not(.engineer) .el-toppage-slider__catch picture {
    width: 100%;
    display: flex;
    justify-content: center
}

@media screen and (min-width: 769px) {
    .el-toppage-slider__catch img {
        max-height:27.0833333333vw
    }
}

.el-toppage-slider__heading span {
    font-weight: 700;
    font-size: clamp(2.5rem, 2.5vw, 4.8rem);
    line-height: clamp(40px, 5vw, 96px);
    text-shadow: 0 3px 24px #fff
}

[data-color=white] .el-toppage-slider__heading span {
    color: var(--base-color);
    text-shadow: 0 3px 24px #000
}

@media only screen and (max-width: 768px) {
    .el-toppage-slider__heading span {
        font-size:2.8rem;
        line-height: 36px
    }
}

.el-toppage-slider__catch--text {
    margin-bottom: min(2.0833333333vw, 40px)
}

.el-toppage-slider__catch--text span {
    font-weight: 500;
    font-size: clamp(1.2rem, 1.0416666667vw, 2rem);
    line-height: clamp(20px, 2.0833333333vw, 40px);
    text-shadow: 0 3px 24px #fff
}

[data-color=white] .el-toppage-slider__catch--text span {
    color: var(--base-color);
    text-shadow: 0 3px 24px #000
}

@media only screen and (max-width: 768px) {
    .el-toppage-slider__catch--text {
        margin-bottom:2.4rem
    }

    .el-toppage-slider__catch--text span {
        font-size: 1.6rem;
        line-height: 24px
    }
}

.el-toppage-slider__options {
    display: flex;
    justify-content: center;
    z-index: 1
}

@media print,screen and (min-width: 769px) {
    .el-toppage-slider__options {
        position:absolute;
        right: 0;
        bottom: -3.5rem;
        left: 0
    }
}

@media only screen and (max-width: 768px) {
    .el-toppage-slider__options {
        max-width:calc(100% - var(--padding-contents-wrapper--sp)*2);
        margin: 2rem auto 0
    }
}

@media only screen and (max-width: 1279px)and (min-width: 769px) {
    [data-has-linkElem=true] .el-toppage-slider__options {
        bottom:-8.5rem
    }
}

@media only screen and (max-width: 768px) {
    [data-has-linkElem=true] .el-toppage-slider__options {
        position:absolute;
        right: 0;
        left: 0;
        margin-top: 4rem
    }
}

.el-toppage-slider__button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%
}

.el-toppage-slider__button--prev {
    margin-right: 1.4rem
}

.el-toppage-slider__button i {
    display: block;
    width: 2.4rem;
    height: 2.4rem
}

.el-toppage-slider__pagination {
    display: flex;
    align-items: center;
    width: min(100%,26rem) !important;
    margin-right: 1.4rem
}

.el-toppage-slider__pagination .swiper-pagination-bullet {
    flex-basis: 100%;
    opacity: 1;
    position: relative;
    z-index: var(--z-layer2);
    height: .5rem;
    border: solid 1px var(--base-color);
    border-radius: 0;
    background-color: #ddd
}

.el-toppage-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: .7rem;
    border: solid 1px var(--base-color);
    background-color: var(--main-color)
}

.el-toppage-slider__controller {
    margin-left: .8rem
}

.el-toppage-slider__controller.videoController {
    display: flex;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 30px;
    bottom: 70px;
    left: 0;
    margin: 0 auto
}

@media only screen and (max-width: 1279px)and (min-width: 769px) {
    [data-has-linkElem=true] .el-toppage-slider__controller.videoController {
        bottom:140px
    }
}

@media only screen and (max-width: 768px) {
    [data-has-linkElem=true] .el-toppage-slider__controller.videoController {
        bottom:100px
    }
}

[data-slide-video=true] .el-toppage-slider__controller.videoController {
    visibility: visible;
    opacity: 1
}

[data-video-pause=true] .el-toppage-slider__controller.videoController i.icn-video-control {
    display: none
}

[data-video-pause=true] .el-toppage-slider__controller.videoController i.icn-play-video-slide {
    display: block
}

[data-slide-stop=true] .el-toppage-slider__controller:not(.videoController) i.icn-video-control {
    display: none
}

[data-slide-stop=true] .el-toppage-slider__controller:not(.videoController) i.icn-play-video-slide {
    display: block
}

.el-toppage-slider__controller i {
    position: relative;
    z-index: var(--z-layer3);
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer
}

.el-toppage-slider__controller i.icn-play-video-slide {
    display: none
}

.el-toppage-slider__controller i.icn-video-control {
    display: block
}

.el-toppage-slider__link {
    position: absolute;
    right: var(--padding-contents-wrapper--lr);
    z-index: var(--z-layer2);
    min-width: min(35vw, 35rem)
}

@media print,screen and (min-width: 769px) {
    .el-toppage-slider__link {
        bottom:-4rem
    }
}

@media only screen and (max-width: 768px) {
    .el-toppage-slider__link {
        right:var(--padding-contents-wrapper--sp);
        bottom: -2.5rem;
        min-width: 23rem;
        max-width: calc(100% - var(--padding-contents-wrapper--sp)*2)
    }
}

.el-toppage-slider__link--inner {
    overflow: hidden;
    background-color: var(--base-color);
    color: var(--txt-color);
    text-decoration: none
}

@media only screen and (max-width: 768px) {
    .el-toppage-slider__link--inner {
        margin:0 auto
    }
}

.el-toppage-slider+.el-catch-text {
    margin: 0 auto 10rem
}

@media only screen and (max-width: 768px) {
    .el-toppage-slider+.el-catch-text {
        margin-bottom:4rem
    }
}

.el-user-voice {
    display: flex;
    align-items: center
}

.el-user-voice__pic {
    margin-right: 2.4rem
}

@media only screen and (max-width: 768px) {
    .el-user-voice__pic {
        min-width:6.5rem;
        width: 15%;
        align-self: flex-end
    }

    .el-user-voice__pic img {
        width: 100%
    }
}

.el-user-voice__txt {
    background-color: var(--bg-color--gray);
    padding: 2.3rem 2rem;
    border-radius: .4rem;
    height: -moz-max-content;
    height: max-content;
    position: relative;
    display: flex;
    flex-grow: 1
}

@media only screen and (max-width: 768px) {
    .el-user-voice__txt {
        padding:2rem 1.6rem;
        align-self: flex-start
    }
}

.el-user-voice__txt::before {
    content: "";
    width: 1rem;
    height: 1rem;
    border-top: solid 3rem var(--bg-color--gray);
    border-left: solid 1rem rgba(0,0,0,0);
    border-right: solid 1rem rgba(0,0,0,0);
    transform: rotate(65deg);
    position: absolute;
    top: calc(50% - 1rem);
    left: -1rem
}

.el-user-voice__txt p {
    color: var(--txt-color);
    font-weight: 700;
    font-size: 1.6rem
}

.el-video {
    max-width: 960px;
    width: 100%;
    position: relative;
    border: solid 1px var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center
}

@media print,screen and (min-width: 769px) {
    .el-video {
        margin:0 auto 6rem
    }
}

@media only screen and (max-width: 768px) {
    .el-video {
        margin:0 auto 4rem
    }
}

.el-pic-block .el-video {
    margin-bottom: 0
}

.el-video::before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.el-video[data-min-size=true] {
    max-width: 768px
}

.el-video img,.el-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
    cursor: pointer
}

.el-video__trigger {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
    transition: color .2s
}

.el-video__trigger:hover {
    color: rgba(255,255,255,.6)
}

.el-video__play-icn {
    position: absolute;
    z-index: var(--z-layer);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 25%;
    height: 25%
}

.el-webinar-filter__list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem
}

@media only screen and (max-width: 768px) {
    .el-webinar-filter__list {
        gap:.8rem
    }
}

.el-webinar-filter__list:not(:first-child) {
    margin-top: 0
}

.el-webinar-filter__hide {
    display: none
}

.el-webinar-filter__item {
    border: solid 2px var(--border-color);
    background-color: var(--base-color);
    padding: .5rem 1.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

@media only screen and (max-width: 768px) {
    .el-webinar-filter__item {
        padding:.5rem 1.6rem
    }
}

.el-webinar-filter__item[data-filtering=true] {
    border: solid 2px var(--main-color);
    background-color: var(--base-color--blue)
}

.el-webinar-filter__item[data-filtering=true] span {
    color: var(--main-color)
}

.el-webinar-filter__item span {
    font-size: 1.6rem;
    font-weight: 700;
    position: relative;
    top: .2rem
}

@media only screen and (max-width: 768px) {
    .el-webinar-filter__item span {
        font-size:1.2rem;
        position: static
    }
}

.el-webinar-filter__category {
    margin-bottom: 6rem
}

@media print,screen and (min-width: 768px) {
    .el-webinar-filter .el-detail-list__heading {
        position:relative;
        top: 1rem
    }
}

.el-yt-player {
    max-width: 960px;
    width: 100%;
    position: relative;
    border: solid 1px var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center
}

@media print,screen and (min-width: 769px) {
    .el-yt-player {
        margin:0 auto 6rem
    }
}

@media only screen and (max-width: 768px) {
    .el-yt-player {
        margin:0 auto 4rem
    }
}

.el-pic-block .el-yt-player {
    margin-bottom: 0
}

.el-yt-player::before {
    content: "";
    display: block
}

.el-yt-player[data-min-size=true] {
    max-width: 768px
}

.el-yt-player[data-aspect-ratio=vista]::before {
    padding-top: 56.25%
}

.el-yt-player[data-aspect-ratio=smartphone]::before {
    padding-top: 177.7777777778%
}

.el-yt-player img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.el-yt-player iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.el-yt-player__trigger {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
    transition: color .2s
}

.el-yt-player__trigger:hover {
    color: rgba(255,255,255,.6)
}

.el-yt-player__play-icn {
    position: absolute;
    z-index: var(--z-layer);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 25%;
    height: 25%
}

@keyframes scroll-hint-appear {
    0% {
        transform: translateX(40px);
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    50%, 100% {
        transform: translateX(-40px);
        opacity: 0;
    }
}

.scroll-hint.is-right-scrollable {
    background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
    background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
    background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 60px);
    box-sizing: border-box;
    width: 120px;
    height: 80px;
    border-radius: 5px;
    transition: opacity .3s;
    opacity: 0;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    pointer-events: none;
}

.scroll-hint-text {
    font-size: 10px;
    color: #FFF;
    margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
    opacity: .8;
}

.scroll-hint-icon:before {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #FFF;
    vertical-align: middle;
    text-align: center;
    content: "";
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
    content: "";
    width: 34px;
    height: 14px;
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -20px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
    opacity: 0;
    transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
    opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
    animation: scroll-hint-appear 1.2s linear;
    animation-iteration-count: 2;
}

.scroll-hint-icon-white {
    background-color: #FFF;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.scroll-hint-icon-white:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
    color: #000;
}