@charset "UTF-8";

@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 {
    --font-base: "Noto Sans JP", sans-serif !important;
	--swiper-theme-color: #007aff;
}

body {
    font-family: "Noto Sans JP" !important;
}

.l-main {
/*     font-family: "Noto Sans JP" !important; */
}

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

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

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

.swiper-pointer-events {
    touch-action: pan-y
}

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

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

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

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

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

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

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

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

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

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,#00000080,#0000)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-prev:after,.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,.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

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

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

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

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(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-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%
}

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

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

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

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

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

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

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

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

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -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-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

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

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

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-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: translate(-50%);
    white-space: nowrap
}

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

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

.swiper-pagination-progressbar {
    background: #00000040;
    position: absolute
}

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

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

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

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

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: #0000001a
}

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

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: #00000080;
    border-radius: 10px;
    left: 0;
    top: 0
}

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

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

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

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .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(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden
}

/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,:before,:after {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0;
    min-width: 0
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0
}

main {
    display: block
}

p,table,blockquote,address,pre,iframe,form,figure,dl {
    margin: 0
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

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

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border-top-width: 1px;
    margin: 0;
    clear: both;
    color: inherit
}

pre {
    font-family: monospace,monospace;
    font-size: inherit
}

address {
    font-style: inherit
}

a {
    background-color: transparent;
    text-decoration: none;
    color: inherit
}

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

b,strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

svg,img,embed,object,iframe {
    vertical-align: bottom
}

button,input,optgroup,select,textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: inherit;
    text-transform: inherit
}

button {
    outline: none
}

button,[type=button],[type=reset],[type=submit] {
    cursor: pointer
}

button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled {
    cursor: default
}

:-moz-focusring {
    outline: auto
}

select:disabled {
    opacity: inherit
}

option {
    padding: 0
}

fieldset {
    margin: 0;
    padding: 0;
    min-width: 0
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

[type=number] {
    -moz-appearance: textfield
}

label[for] {
    cursor: pointer
}

details {
    display: block
}

summary {
    display: list-item
}

[contenteditable]:focus {
    outline: auto
}

table {
    border-color: inherit;
    border-collapse: collapse
}

caption {
    text-align: left
}

td,th {
    vertical-align: top;
    padding: 0
}

th {
    text-align: left;
    font-weight: 700
}

:root {
    --font-base: "Zen Kaku Gothic New", sans-serif;
    --color-base: #333;
    --color-primary: #ed0000;
    --color-primary-light: #faf7f5;
    --color-primary-medium: #faeded;
    --color-primary-dark: #fae1e1;
    --color-primary-grad-thin: transparent radial-gradient(closest-side at 50% 50%, #ed000033 0%, #ed00001a 60%, #ed000000 100%);
    --color-primary-grad-dark: transparent radial-gradient(closest-side at 50% 50%, #ed0000cc 0%, #ed00004d 55%, #ed000000 100%);
    --color-accent: #ffc400;
    --color-accent-grad-thin: transparent radial-gradient(closest-side at 50% 50%, #ffc40040 0%, #ffc40014 70%, #ffc4000a 100%);
    --color-accent-grad-medium: transparent radial-gradient(closest-side at 50% 50%, #ffc40040 0%, #ffc40033 63%, #ffc40000 100%);
    --color-accent-grad-dark: transparent radial-gradient(closest-side at 50% 50%, #ffc400 0%, #ffc400 75%, #ffc40000 100%);
    --color-blue: #5798d9;
    --color-light-blue: #edf3fa;
    --color-blue-grad-dark: transparent radial-gradient(closest-side at 50% 50%, #5798d9e6 0%, #5798d94d 74%, #5798d900 100%);
    --color-light-gray: #f4f4f4;
    --header-height: 11.2rem;
    --radius-base: .4rem;
    --shadow-base: 0 0 .8rem rgb(0 0 0 / .1);
    --shadow-small: 0 0 .8rem rgb(0 0 0 / .05);
    --ease-base: .3s cubic-bezier(.33, 1, .68, 1);
    --ease-mv: .5s ease-in-out;
    --z-index-header: 1000;
    --z-index-fixed-cv: 900;
    --z-index-content: 800;
    --clip-triangle-top: polygon(50% 0, 100% 100%, 0 100%);
    --clip-triangle-bottom: polygon(0 0, 100% 0, 50% 100%);
    --clip-triangle-right: polygon(0 0, 100% 50%, 0 100%);
    --clip-triangle-left: polygon(0 50%, 100% 0, 100% 100%)
}

html {
    font-size: 10px;
    scroll-behavior: smooth
}

@media (max-width: 768px) {
    html {
        font-size:2.6666666667vw
    }
}

body {
    font-size: clamp(1.4rem,1.5vw,1.6rem);
    line-height: 1.8;
    font-weight: 500;
    color: var(--color-base);
    font-family: var(--font-base);
    -webkit-font-smoothing: antialiased
}

@media (max-width: 768px) {
    body {
        font-size:1.4rem;
        line-height: 1.8
    }

    body.menu-open {
        overflow: clip
    }
}

#app {
    position: relative
}

[data-fade-in],[data-scale-in] {
    opacity: 0;
    visibility: hidden
}

img {
    max-width: 100%;
    height: auto
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer
}

@media (min-width: 769px) {
    a[href^="tel:"] {
        pointer-events:none
    }
}

.l-header {
    position: fixed;
    top: 0;
    left: 50%;
    translate: -50% 0;
    z-index: var(--z-index-header);
    width: 100%;
    max-width: 124rem;
    padding-top: 1.6rem;
    height: var(--header-height)
}

@media (max-width: 768px) {
    .l-header {
        --header-height: 6.4rem;
        --shadow-base: 0 0 1rem rgb(77 0 0 / .1);
        max-width: 100%;
        padding: .8rem .8rem 0
    }
}

.l-header__inner {
    display: flex;
    justify-content: center;
    column-gap: min(.8vw,1rem);
    height: 100%
}

@media (max-width: 768px) {
    .l-header__inner {
        width:100%;
        column-gap: .8rem
    }
}

.l-header__content {
    display: flex;
    align-items: center;
    column-gap: min(2.6vw,3.2rem);
    padding-inline:min(3.2vw,4rem) min(3.9vw,4.8rem);background-color: #fff;
    border-radius: var(--radius-base);
    box-shadow: var(--shadow-base)
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
    .l-header__content {
        padding-inline:.8rem
    }
}

@media (max-width: 768px) {
    .l-header__content {
        column-gap:0;
        padding-inline:.8rem}
}

.l-header__nav {
    height: 100%
}

.menu-open .l-header__nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -10;
    width: 100%;
    height: 100dvh;
    background-color: var(--color-primary-light)
}

.l-header__logo {
    width: min(17.7vw,22rem)
}

@media (max-width: 768px) {
    .l-header__logo {
        width:15.1rem
    }
}

.l-header__logo img {
    width: 100%
}

.l-header__button {
    display: grid;
    place-content: center;
    place-items: center;
    width: 100%;
    max-width: min(10.3vw,12.8rem);
    color: #fff;
    border: .1rem solid transparent;
    border-radius: var(--radius-base);
    box-shadow: 0 0 1rem #0000000d;
    transition: all var(--ease-base)
}

@media (max-width: 768px) {
    .l-header__button {
        max-width:5.6rem;
        box-shadow: var(--shadow-base)
    }
}

@media (any-hover: hover) {
    .l-header__button:hover {
        background-color:#fff;
        border-color: currentColor
    }
}

.l-header__button--contact {
    background-color: var(--color-primary)
}

@media (any-hover: hover) {
    .l-header__button--contact:hover {
        color:var(--color-primary)
    }
}

.l-header__button--mypage {
    background-color: var(--color-blue)
}

@media (any-hover: hover) {
    .l-header__button--mypage:hover {
        color:var(--color-blue)
    }
}

.l-header__button-label {
    margin-top: .2rem;
    font-size: clamp(1.2rem,1.3vw,1.6rem);
    line-height: 1.625;
    font-weight: 700
}

.l-header__trigger {
    width: 5.6rem;
    aspect-ratio: 1;
    background-color: #fff;
    border-radius: var(--radius-base);
    box-shadow: var(--shadow-base);
    cursor: pointer
}

.l-header__trigger-icon {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
}

.l-header__trigger-icon span {
    position: absolute;
    top: 50%;
    left: calc(50% - 1rem);
    width: 2rem;
    height: .2rem;
    background: var(--color-primary);
    transition: all .5s;
    transform-origin: right
}

.l-header__trigger-icon span:first-of-type {
    translate: .2rem .8rem
}

.l-header__trigger-icon span:last-of-type {
    translate: -.2rem -.8rem
}

:where(.menu-open) .l-header__trigger-icon span:first-of-type {
    width: 2.4rem;
    translate: -.6rem .9rem;
    rotate: 45deg
}

:where(.menu-open) .l-header__trigger-icon span:nth-of-type(2) {
    opacity: 0
}

:where(.menu-open) .l-header__trigger-icon span:last-of-type {
    width: 2.4rem;
    translate: -.6rem -.8rem;
    rotate: -45deg
}

.l-inner {
    width: 100%;
    max-width: 112rem;
    margin-inline:auto;padding-inline:2rem}

@media (max-width: 768px) {
    .l-inner {
        padding-inline:2.4rem
    }
}

@media (min-width: 769px) {
    .l-inner--narrow {
        max-width:min(100%,94rem)
    }
}

.l-main {
    position: relative
}

.l-footer {
    overflow: hidden
}

.l-footer__wrapper {
    position: relative;
    padding-block:calc(min(23.4vw,37.4rem) + min(11vw,17.6rem)) 7.2rem}

@media (max-width: 768px) {
    .l-footer__wrapper {
        padding-block:45.6rem 4.8rem
    }
}

.l-footer__wrapper:before {
    position: absolute;
    top: min(7.4vw,11.8rem);
    left: 50%;
    translate: -50% 0;
    z-index: -10;
    width: 137.5vw;
    height: clamp(130rem,99.7vw,159.5rem);
    background: var(--color-accent-grad-medium);
    content: ""
}

@media (max-width: 768px) {
    .l-footer__wrapper:before {
        top:24rem;
        width: 160rem;
        height: 165.5rem
    }
}

.l-footer__body {
    display: flex;
    column-gap: 25.1rem
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
    .l-footer__body {
        justify-content:space-between;
        column-gap: 2rem
    }
}

@media (max-width: 768px) {
    .l-footer__body {
        flex-direction:column-reverse
    }
}

@media (max-width: 768px) {
    .l-footer__company {
        margin-top:5.6rem;
        padding-top: 6.4rem;
        border-top: .1rem solid #999
    }
}

.l-footer__company-logo {
    display: block;
    width: 100%;
    max-width: 28.5rem
}

@media (max-width: 768px) {
    .l-footer__company-logo {
        max-width:21.2rem;
        margin-inline:auto}
}

.l-footer__company-logo img {
    width: 100%
}

.l-footer__company-address {
    margin-top: 4.8rem;
    font-size: 1.4rem;
    line-height: 2.3
}

@media (max-width: 768px) {
    .l-footer__company-address {
        margin-top:2.4rem;
        line-height: 1.8;
        text-align: center
    }
}

.l-footer__company-list {
    margin-top: 4.8rem
}

@media (max-width: 768px) {
    .l-footer__company-list {
        margin-top:1.6rem;
        text-align: center
    }
}

.l-footer__company-item+.l-footer__company-item {
    margin-top: 1rem
}

@media (max-width: 768px) {
    .l-footer__company-item+.l-footer__company-item {
        margin-top:.8rem
    }
}

.l-footer__company-item a {
    line-height: 1.3
}

@media (max-width: 768px) {
    .l-footer__company-item a {
        line-height:1.3
    }
}

.l-footer__company-item a:has(.c-icon) {
    display: inline-flex;
    align-items: center;
    column-gap: .4rem
}

.l-footer__sitemap {
    display: grid;
    grid-auto-flow: column;
    gap: 1.6rem 8rem;
    height: fit-content;
    margin-top: 1.3rem
}

@media (max-width: 768px) {
    .l-footer__sitemap {
        gap:0 3rem;
        margin-top: 0
    }
}

.l-footer__sitemap-box:last-of-type {
    grid-row: 1/span 2
}

.l-footer__sitemap-box:last-of-type .l-footer__sitemap-item+.l-footer__sitemap-item {
    margin-top: 2rem
}

@media (max-width: 768px) {
    .l-footer__sitemap-box:last-of-type .l-footer__sitemap-item+.l-footer__sitemap-item {
        margin-top:1.6rem
    }
}

.l-footer__sitemap-box:not(:last-of-type) .l-footer__sitemap-list {
    margin: 2rem 0 0 1.2rem
}

@media (max-width: 768px) {
    .l-footer__sitemap-box:not(:last-of-type) .l-footer__sitemap-list {
        margin:1.6rem 0 0 .8rem
    }
}

.l-footer__sitemap-label {
    position: relative;
    padding-left: 1.2rem;
    line-height: 1.3
}

@media (max-width: 768px) {
    .l-footer__sitemap-label {
        padding-left:.8rem;
        line-height: 1.3
    }
}

.l-footer__sitemap-label:before {
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0 -50%;
    width: .4rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--color-primary);
    content: ""
}

.l-footer__sitemap-item+.l-footer__sitemap-item {
    margin-top: 1rem
}

.l-footer__sitemap-item a {
    line-height: 1.3
}

@media (max-width: 768px) {
    .l-footer__sitemap-item a {
        line-height:1.3
    }
}

.l-footer__copyright {
    margin-top: 8.8rem;
    font-size: 1.2rem;
    line-height: 1.3;
    color: #999;
    text-align: center
}

@media (max-width: 768px) {
    .l-footer__copyright {
        margin-top:3.2rem;
        font-size: 1rem;
        line-height: 1.3
    }
}

.l-footer :where(a) {
    transition: color var(--ease-base)
}

@media (any-hover: hover) {
    .l-footer :where(a):hover {
        color:var(--color-primary)
    }
}

.c-heading {
    width: fit-content
}

.c-heading__sub {
    position: relative;
    margin-bottom: .4rem;
    padding-left: 1rem;
    line-height: 1.3;
    letter-spacing: .04em;
    font-weight: 400;
    color: var(--color-primary)
}

@media (max-width: 768px) {
    .c-heading__sub {
        margin-bottom:-.1rem;
        line-height: 1.3
    }
}

.c-heading__sub:before {
    position: absolute;
    top: .6em;
    left: 0;
    width: .4rem;
    aspect-ratio: 1;
    background-color: var(--color-primary);
    border-radius: 50%;
    content: ""
}

.c-heading__main {
    color: var(--color-primary);
    font-size: clamp(2.2rem,4vw,4.0rem);
    font-weight: bold;
    line-height: 1.2954545455;
    letter-spacing: .04em
}

@media (max-width: 768px) {
    .c-heading__main {
        font-size: 22px;
        line-height: 1.3125
    }
}

.c-button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    max-width: 30.4rem;
    min-height: 7.2rem;
    padding: 1em 3.2rem;
    color: #fff;
    background-color: var(--color-primary);
    border: .1rem solid transparent;
    border-radius: var(--radius-base);
    transition: all var(--ease-base)
}

@media (max-width: 768px) {
    .c-button {
        max-width:26.4rem;
        min-height: 6.8rem;
        padding: 1em 1.6rem
    }
}

@media (any-hover: hover) {
    .c-button:hover {
        color:var(--color-primary);
        background-color: #fff;
        border-color: var(--color-primary)
    }

    .c-button:hover .c-icon {
        opacity: 1
    }

    .c-button:hover .c-arrow-hover:before {
        opacity: 0
    }

    .c-button:hover .c-arrow-hover:after {
        opacity: 1;
        scale: 1
    }
}

.c-button__label {
    position: relative;
    z-index: 100;
    max-width: 85%;
    line-height: 1.3;
    font-weight: 700;
    /* border-radius: 0 !important; */
}

@media (max-width: 768px) {
    .c-button__label {
        line-height:1.5
    }
}

.c-button .c-icon {
    right: 3.2rem;
    translate: 0 -50%;
    color: #fff
}

.p-support-service .c-button {
    border-radius: 0;
    min-height: auto;
    padding: 16px 3.2rem;
}
.p-support-service .c-button:before {
    content: "";
    position: absolute;
    right: 0;
    display: block;
    width: 16%;
    height: 1px;
    background-color: #fff;
}
.p-support-service .c-button:hover:before {
    background-color: var(--color-primary);
}   

@media (max-width: 768px) {
    .c-button .c-icon {
        right:1.6rem
    }
}

.c-button--fixed {
    max-width: 28.2rem;
    min-height: 7.7rem;
    padding: 1em .4rem
}

@media (max-width: 768px) {
    .c-button--fixed {
        max-width:22.1rem;
        min-height: 5.6rem
    }
}

.c-button--fixed .c-button__icon {
    position: absolute;
    top: -1.2rem;
    left: 0;
    translate: 0;
    width: 8.8rem
}

@media (max-width: 768px) {
    .c-button--fixed .c-button__icon {
        top:-.8rem;
        width: 6.4rem
    }
}

.c-button--fixed .c-button__icon img {
    width: 100%
}

.c-button--fixed .c-button__label {
    margin-left: 6.2rem;
    font-size: 2rem;
    line-height: 1.3
}

@media (max-width: 768px) {
    .c-button--fixed .c-button__label {
        font-size:1.8rem;
        line-height: 1.3;
        font-weight: 500
    }
}

.c-button--back .c-icon {
    left: 3.2rem
}

@media (max-width: 768px) {
    .c-button--back .c-icon {
        left:1.6rem
    }
}

.c-button--back .c-arrow-hover {
    left: -1.1rem
}

.c-button--blue {
    max-width: 33.6rem;
    min-height: 9.3rem;
    padding: 1em min(3.7vw,4rem);
    background-color: var(--color-light-blue)
}

@media (max-width: 768px) {
    .c-button--blue {
        max-width:28.8rem;
        min-height: 6.8rem;
        padding: 2.4rem
    }
}

@media (any-hover: hover) {
    .c-button--blue:hover {
        background-color:var(--color-light-blue);
        border-color: transparent
    }

    .c-button--blue:hover .c-button__label {
        color: var(--color-base)
    }
}

.c-button--blue .c-button__label {
    font-size: clamp(1.2rem,1.7vw,2rem);
    line-height: 1.3;
    font-weight: 500;
    color: var(--color-base)
}

@media (min-width: 769px) {
    .c-button--blue .c-button__label {
        max-width:95%
    }
}

@media (max-width: 768px) {
    .c-button--blue .c-button__label {
        font-size:1.4rem;
        line-height: 1.5;
        font-weight: 700
    }
}

.c-button--blue .c-icon {
    right: min(3.7vw,4rem)
}

@media (max-width: 768px) {
    .c-button--blue .c-icon {
        right:2.4rem;
        color: var(--color-blue)
    }
}

.c-button--large {
    max-width: 48rem;
    min-height: 9.3rem;
    padding: 1em 4rem
}

@media (max-width: 768px) {
    .c-button--large {
        max-width:32.7rem;
        min-height: 6.8rem;
        padding: 1em 2.4rem
    }
}

.c-button--large .c-button__label {
    font-size: 2rem;
    line-height: 1.3;
    font-weight: 500
}

@media (max-width: 768px) {
    .c-button--large .c-button__label {
        font-size:1.4rem;
        line-height: 1.5;
        font-weight: 700
    }
}

.c-button--large .c-icon {
    right: 4rem
}

@media (max-width: 768px) {
    .c-button--large .c-icon {
        right:2.4rem
    }
}

.c-button--icon {
    column-gap: .4rem
}

.c-button--icon .c-icon:not(.c-icon--arrow-hover) {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    translate: 0;
    color: currentColor
}

.c-button--contact {
    justify-content: start;
    padding: min(3.6vw,3.9rem);
    max-width: 100%;
    min-height: min(13.3vw,14.4rem);
    color: var(--color-base);
    background-color: #fff;
    border-color: #ccc
}

@media (any-hover: hover) {
    .c-button--contact:hover {
        color:var(--color-base);
        border-color: #ccc
    }
}

@media (max-width: 768px) {
    .c-button--contact {
        padding:2.3rem;
        min-height: 8.8rem
    }
}

.c-button--contact .c-button__label {
    font-size: clamp(1.6rem,1.9vw,2rem);
    line-height: 1.6;
    font-weight: 400
}

@media (max-width: 768px) {
    .c-button--contact .c-button__label {
        font-size:1.4rem;
        line-height: initial
    }
}

.c-button--contact .c-icon {
    right: 4rem
}

@media (max-width: 768px) {
    .c-button--contact .c-icon {
        right:1.6rem;
        color: var(--color-primary)
    }
}

.c-button--contact .c-arrow-hover {
    right: 0
}

.c-button--contact .c-arrow-hover:before {
    background-color: var(--color-primary)
}

.c-pagetop {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 7.2rem;
    aspect-ratio: 1;
    color: var(--color-accent);
    background-color: #fff;
    border: .1rem solid currentColor;
    border-radius: 50%;
    transition: all var(--ease-base)
}

@media (max-width: 768px) {
    .c-pagetop {
        width:5.6rem
    }
}

.c-pagetop:before {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: -10;
    width: 10.4rem;
    aspect-ratio: 1;
    background: var(--color-accent-grad-dark);
    border-radius: 50%;
    scale: 0;
    transition: scale var(--ease-base);
    content: ""
}

@media (any-hover: hover) {
    .c-pagetop:hover {
        color:#fff
    }

    .c-pagetop:hover:before {
        scale: 1
    }
}

.c-pagetop .c-icon {
    rotate: -90deg
}

.c-pagetop__label {
    margin-top: .1rem;
    line-height: 1.3;
    letter-spacing: .04em
}

.c-icon {
    --icon-base-width: var(--icon-width);
    width: calc(var(--icon-width) * .1rem);
    aspect-ratio: var(--icon-base-width)/var(--icon-height)
}

@media (min-width: 769px) {
    .c-icon {
        width:calc(var(--icon-lg-width, var(--icon-base-width)) * .1rem)
    }
}

@media (max-width: 768px) {
    .c-icon {
        width:calc(var(--icon-md-width, var(--icon-lg-width, var(--icon-base-width))) * .1rem)
    }
}

.c-icon--primary {
    color: var(--color-primary)
}

.c-icon--flip {
    scale: -1 1
}

.c-icon--arrow-hover {
    position: absolute;
    top: 50%;
    z-index: 10;
    opacity: 0;
    transition: opacity var(--ease-base),color var(--ease-base)
}

@media (max-width: 768px) {
    .c-icon--arrow-hover {
        opacity:1
    }
}

@media (min-width: 769px) {
    .c-arrow-hover {
        position:absolute;
        top: 50%;
        right: -1.1rem;
        translate: 0 -50%;
        width: 9.4rem;
        aspect-ratio: 1
    }

    .c-arrow-hover:before,.c-arrow-hover:after {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        transition: all var(--ease-base);
        content: ""
    }

    .c-arrow-hover:before {
        width: .8rem;
        aspect-ratio: 1;
        border-radius: 50%;
        background-color: #fff
    }

    .c-arrow-hover:after {
        width: 100%;
        height: 100%;
        background: var(--color-primary-grad-dark);
        opacity: 0;
        scale: 0
    }
}

.c-arrow-hover--primary:before {
    opacity: 0
}

@media (min-width: 769px) {
    .c-arrow-hover--blue {
        right:min(.4vw,.4rem);
        width: min(7.4vw,8rem)
    }

    .c-arrow-hover--blue:before {
        background-color: var(--color-blue)
    }

    .c-arrow-hover--blue:after {
        background: var(--color-blue-grad-dark)
    }
}

@media (min-width: 769px) {
    .c-arrow-hover--small {
        right:.4rem;
        width: 8rem
    }
}

.c-news {
    display: block;
    position: relative;
    padding-block:3.2rem}

@media (max-width: 768px) {
    .c-news {
        padding-block:2.4rem
    }
}

@media (any-hover: hover) {
    .c-news:hover .c-news__title {
        color:var(--color-primary)
    }

    .c-news:hover .c-icon {
        opacity: 1
    }

    .c-news:hover .c-arrow-hover:before {
        opacity: 0
    }

    .c-news:hover .c-arrow-hover:after {
        opacity: 1;
        scale: 1
    }
}

.c-news__body {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 1.6rem;
    width: calc(100% - 8rem)
}

@media (max-width: 768px) {
    .c-news__body {
        column-gap:.8rem;
        width: calc(100% - 2.4rem)
    }
}

.c-news__date {
    font-size: 1.4rem;
    line-height: initial;
    color: var(--color-primary)
}

@media (max-width: 768px) {
    .c-news__date {
        font-size:1.2rem
    }
}

.c-news__category {
    display: grid;
    place-items: center;
    width: fit-content;
    height: 2.5rem;
    padding-inline:.8rem;font-size: 1.4rem;
    line-height: 1.3;
    color: #fff;
    background-color: var(--color-primary);
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .c-news__category {
        font-size:1.2rem;
        line-height: initial
    }
}

.c-news__title {
    width: 100%;
    margin-top: .8rem;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
    transition: color var(--ease-base)
}

@media (max-width: 768px) {
    .c-news__title {
        font-size:1.6rem;
        line-height: 1.3
    }
}

.c-news__arrow {
    position: absolute;
    top: 50%;
    right: 0;
    translate: 0 -50%;
    width: 8rem;
    aspect-ratio: 1
}

@media (max-width: 768px) {
    .c-news__arrow {
        width:1.2rem
    }
}

.c-news__arrow .c-icon {
    left: 50%;
    translate: -50% -50%;
    color: #fff
}

@media (max-width: 768px) {
    .c-news__arrow .c-icon {
        color:var(--color-primary)
    }
}

.c-news__arrow .c-arrow-hover {
    right: 0;
    width: 100%
}

.c-news__arrow .c-arrow-hover:before {
    background-color: var(--color-primary)
}

@media (any-hover: hover) {
    .c-news--info:hover .c-icon {
        color:#fff
    }
}

.c-news--info .c-news__arrow :where(.c-icon) {
    opacity: 1;
    color: var(--color-primary)
}

.c-breadcrumb {
    white-space: nowrap;
    overflow-x: auto
}

@media (max-width: 768px) {
    .c-breadcrumb {
        margin-right:-2.4rem
    }
}

.c-breadcrumb * {
    line-height: inherit
}

.c-breadcrumb__item {
    display: inline;
    font-size: clamp(1.2rem,.9vw,1.4rem);
    font-weight: 400
}

@media (max-width: 768px) {
    .c-breadcrumb__item {
        font-size:1.2rem
    }
}

.c-breadcrumb__item+.c-breadcrumb__item:before {
    display: inline-block;
    width: .5rem;
    height: .9rem;
    margin-inline:.6rem;background-color: currentColor;
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjguODIzIiB2aWV3Qm94PSIwIDAgNSA4LjgyMyI+IDxwYXRoIGlkPSJjaGV2cm9uX3JpZ2h0XzI0ZHBfNUY2MzY4X0ZJTEwwX3dnaHQyMDBfR1JBRDBfb3BzejI0IiBkPSJNMzUxLjUxMy02ODcuOWwtMy44MjMtMy44MjMuNTg4LS41ODgsNC40MTIsNC40MTItNC40MTIsNC40MTItLjU4OC0uNTg4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM0Ny42OSA2OTIuMzEpIiBmaWxsPSIjOTk5Ii8+PC9zdmc+) no-repeat center/100%;
    content: "";
    vertical-align: baseline
}

@media (max-width: 768px) {
    .c-breadcrumb__item+.c-breadcrumb__item:before {
        width:.4rem;
        height: .8rem
    }
}

.c-breadcrumb__item:not(:last-child) {
    color: #999
}

.c-breadcrumb__item:last-child {
    color: var(--color-base)
}

.c-breadcrumb__item:last-child:before {
    background-color: #999
}

.c-breadcrumb__item:last-child a {
    pointer-events: none
}

.c-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.c-table tbody tr {
    border-block:.1rem solid #999;line-height: 1.3
}

@media (max-width: 768px) {
    .c-table tbody tr {
        line-height:1.3
    }
}

.c-table tbody tr th {
    width: 28rem;
    padding-block:3.2rem;padding-inline:.4rem;background-color: var(--color-light-blue);
    font-weight: 500;
    text-align: center;
    vertical-align: middle
}

@media (max-width: 768px) {
    .c-table tbody tr th {
        width:11.6rem;
        padding-block:1.6rem}
}

.c-table tbody tr td {
    padding-block:3.2rem;padding-inline:3.2rem 2.4rem;font-weight: 400;
    background-color: #fff;
    border-left: .1rem solid #999;
    vertical-align: middle
}

@media (max-width: 768px) {
    .c-table tbody tr td {
        padding-block:1.6rem;
        padding-inline:.8rem}
}

.c-table tbody tr td p+p {
    margin-top: .8rem
}

@media (max-width: 768px) {
    .c-table tbody tr td p+p {
        margin-top:.4rem
    }
}

.c-table tbody tr td p+.note {
    margin-top: .4rem
}

.c-table tbody tr td .note {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 1.4rem;
    line-height: initial;
    font-weight: 400
}

@media (max-width: 768px) {
    .c-table tbody tr td .note {
        font-size:1.2rem
    }
}

.c-table--price tbody tr th {
    padding-block:1.6rem}

@media (min-width: 769px) {
    .c-table--price tbody tr th {
        width:min(33.3vw,36rem)
    }
}

.c-table--price tbody tr td {
    padding-block:1.8rem;padding-inline:1.6rem;text-align: center
}

@media (max-width: 768px) {
    .c-table--price tbody tr td {
        padding-block:.8rem;
        padding-inline:.6rem}
}

.c-table--price tbody tr td:empty {
    position: relative
}

.c-table--price tbody tr td:empty:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: linear-gradient(to bottom right,transparent calc(50% - .1rem),#999 50%,transparent calc(50% + .1rem)) no-repeat center/100%;
    content: ""
}

@media (max-width: 768px) {
    .c-table--price tbody tr td:first-of-type {
        width:8.8rem
    }
}

@media (max-width: 768px) {
    .c-table--price tbody tr td:last-of-type {
        width:12.1rem
    }
}

.c-table--adjustment thead tr th {
    padding: 1.6rem;
    font-weight: 500;
    background-color: var(--color-light-blue);
    border-top: .1rem solid #999;
    text-align: center;
    vertical-align: middle
}

@media (max-width: 768px) {
    .c-table--adjustment thead tr th {
        padding:.8rem .9rem;
        font-size: 1.6rem;
        line-height: 1.3
    }
}

.c-table--adjustment thead tr th:last-of-type {
    border-left: .1rem solid #999
}

.c-table--adjustment tbody tr td {
    padding: 1.6rem;
    font-size: clamp(1.2rem,1.3vw,1.4rem);
    text-align: center
}

@media (max-width: 768px) {
    .c-table--adjustment tbody tr td {
        padding:.8rem;
        font-size: 1.4rem;
        text-align: left;
        vertical-align: top
    }
}

.c-table--adjustment tbody tr td:first-of-type {
    border-left: none
}

.c-link {
    display: inline;
    line-height: initial;
    color: var(--color-primary);
    text-decoration: underline
}

@media (any-hover: hover) {
    .c-link:hover {
        text-decoration:none
    }
}

.c-link--blank {
    position: relative;
    margin-right: .6rem
}

.c-link--blank:after {
    display: inline-block;
    position: relative;
    top: .125em;
    width: 1em;
    aspect-ratio: 1;
    margin-left: .6rem;
    background-color: currentColor;
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4gPGcgaWQ9Imljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMjAgLTczNTYpIj4gPHJlY3QgaWQ9IumVt+aWueW9ol8zMjc0IiBkYXRhLW5hbWU9IumVt+aWueW9oiAzMjc0IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyMCA3MzU2KSIgZmlsbD0ibm9uZSIvPiA8cGF0aCBpZD0ib3Blbl9pbl9uZXdfMjRkcF81RjYzNjhfRklMTDBfd2dodDMwMF9HUkFEMF9vcHN6MjQiIGQ9Ik0xNDEuNDg5LTgwNmExLjQzNywxLjQzNywwLDAsMS0xLjA1Ni0uNDMyLDEuNDM3LDEuNDM3LDAsMCwxLS40MzItMS4wNTZ2LTExLjAyM2ExLjQzNywxLjQzNywwLDAsMSwuNDMyLTEuMDU2LDEuNDM3LDEuNDM3LDAsMCwxLDEuMDU2LS40MzJoNS4xOTR2MS4yMzVoLTUuMTk0YS4yNDIuMjQyLDAsMCwwLS4xNzQuMDc5LjI0Mi4yNDIsMCwwLDAtLjA3OS4xNzR2MTEuMDIzYS4yNDIuMjQyLDAsMCwwLC4wNzkuMTc0LjI0Mi4yNDIsMCwwLDAsLjE3NC4wNzloMTEuMDIzYS4yNDIuMjQyLDAsMCwwLC4xNzQtLjA3OS4yNDIuMjQyLDAsMCwwLC4wNzktLjE3NHYtNS4xOTRIMTU0djUuMTk0YTEuNDM3LDEuNDM3LDAsMCwxLS40MzIsMS4wNTYsMS40MzcsMS40MzcsMCwwLDEtMS4wNTYuNDMyWm0zLjYzMy00LjI1NC0uODY4LS44NjgsNy42NDMtNy42NDNoLTMuMjVWLTgyMEgxNTR2NS4zNTNoLTEuMjM1di0zLjI1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODEgODE3NykiIGZpbGw9IiMzMzMiLz4gPC9nPjwvc3ZnPg==) no-repeat center/100%;
    content: ""
}

.c-link--ul-none {
    text-decoration: none
}

.c-page-heading {
    position: relative;
    width: fit-content;
    padding-left: min(1.8vw,2rem);
    font-size: clamp(2.2rem,2.8vw, 2.8rem);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: .04em
}

@media (max-width: 768px) {
    .c-page-heading {
        padding-left:1.6rem;
        font-size: 2rem;
        line-height: 1.3
    }
}

.c-page-heading:before {
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0 -50%;
    width: min(1.1vw,1.2rem);
    aspect-ratio: 1;
    background-color: var(--color-primary);
    border-radius: 50%;
    content: ""
}

@media (max-width: 768px) {
    .c-page-heading:before {
        width:.8rem
    }
}

.c-page-heading--line {
    max-width: 84%;
    padding-left: 0;
    font-size: clamp(2.6rem,3.1vw,3.4rem);
    line-height: initial;
    letter-spacing: .02em
}

@media (max-width: 768px) {
    .c-page-heading--line {
        font-size:2.2rem
    }
}

.c-page-heading--line:before {
    display: none
}

.c-page-heading--line:after {
    position: absolute;
    top: calc(50% + .1rem);
    right: max(-1.5vw,-1.6rem);
    translate: 100% -50%;
    width: calc(100vw - 100%);
    height: .1rem;
    background-color: var(--color-primary);
    content: ""
}

@media (max-width: 768px) {
    .c-page-heading--line:after {
        right:-.8rem
    }
}

.c-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .8rem
}

@media (max-width: 768px) {
    .c-pager {
        column-gap:.4rem
    }
}

.c-pager__item {
    display: grid;
    place-items: center;
    width: 5.6rem;
    aspect-ratio: 1;
    padding: 0 0 .6rem .2rem;
    font-size: 2.2rem;
    line-height: initial;
    letter-spacing: .08em;
    color: #999;
    background-color: #ededed;
    border-radius: 50%;
    transition: color var(--ease-base),background-color var(--ease-base)
}

@media (max-width: 768px) {
    .c-pager__item {
        width:4.2rem;
        padding: 0 0 .4rem;
        font-size: 1.8rem;
        letter-spacing: 0
    }
}

@media (any-hover: hover) {
    .c-pager__item:hover {
        color:#fff;
        background-color: var(--color-primary)
    }
}

.c-pager__item--arrow {
    padding: 0
}

.c-pager__item--current {
    color: #fff;
    background-color: var(--color-primary)
}

.c-column {
    display: block;
    padding-block:min(3.7vw,4rem)}

@media (max-width: 768px) {
    .c-column {
        padding-block:2.4rem
    }
}

@media (any-hover: hover) {
    .c-column:hover .c-column__body .title {
        color:var(--color-primary)
    }

    .c-column:hover .c-icon {
        color: #fff
    }

    .c-column:hover .c-arrow-hover:after {
        opacity: 1;
        scale: 1
    }
}

.c-column__article {
    display: flex;
    column-gap: min(2.2vw,2.4rem)
}

@media (max-width: 768px) {
    .c-column__article {
        column-gap:.8rem
    }
}

.c-column__thumbnail {
    width: 100%;
    max-width: min(20vw,21.6rem);
    height: fit-content;
    aspect-ratio: 216/144;
    border-radius: var(--radius-base);
    overflow: hidden
}

@media (max-width: 768px) {
    .c-column__thumbnail {
        max-width:10.4rem
    }
}

.c-column__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c-column__body {
    flex: 1
}

.c-column__body-head {
    position: relative
}

@media (max-width: 768px) {
    .c-column__body-head {
        min-height:6.9rem
    }
}

.c-column__body-head>.title {
    max-width: min(27.4vw,38.4rem);
    font-size: clamp(1.6rem,2vw,2.2rem);
    line-height: initial;
    transition: color var(--ease-base)
}

@media (max-width: 768px) {
    .c-column__body-head>.title {
        max-width:19.5rem;
        font-size: 1.8rem;
        line-height: 1.3;
        letter-spacing: .04em
    }
}

.c-column__body-head>.arrow {
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    right: 0;
    width: 8rem;
    aspect-ratio: 1
}

@media (max-width: 768px) {
    .c-column__body-head>.arrow {
        width:1.2rem
    }
}

.c-column__body-head>.arrow .c-icon--arrow-hover {
    left: 50%;
    translate: -50% -50%;
    opacity: 1
}

.c-column__body-head>.arrow .c-arrow-hover {
    right: 0;
    width: 100%
}

.c-column__meta {
    margin: min(1.5vw,1.6rem) 0 0 0
}

@media (max-width: 768px) {
    .c-column__meta {
        margin:.8rem 0 0 -11.2rem
    }
}

.c-column__meta-date {
    display: block;
    width: fit-content;
    font-size: clamp(1.2rem,.9vw,1.4rem);
    line-height: initial;
    font-weight: 400
}

@media (max-width: 768px) {
    .c-column__meta-date {
        font-size:1.2rem
    }
}

.c-column__meta-tag {
    display: flex;
    flex-wrap: wrap;
    gap: min(.8vw,.8rem);
    margin-top: min(2.2vw,2.4rem)
}

@media (max-width: 768px) {
    .c-column__meta-tag {
        gap:.4rem;
        margin-top: .4rem
    }
}

.c-column__meta-tag>.item {
    font-size: clamp(1.2rem,1.3vw,1.4rem);
    line-height: initial
}

@media (max-width: 768px) {
    .c-column__meta-tag>.item {
        font-size:1.2rem
    }
}

.c-column-tag {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem 1rem;
    margin-top: 1.6rem
}

@media (max-width: 768px) {
    .c-column-tag {
        gap:.4rem
    }
}

.c-column-tag__item-label {
    display: block;
    width: fit-content;
    padding: .3rem .8rem;
    font-size: clamp(1.2rem,1.3vw,1.4rem);
    line-height: initial;
    background-color: #fff;
    border-radius: var(--radius-base);
    transition: color var(--ease-base),background-color var(--ease-base)
}

@media (max-width: 768px) {
    .c-column-tag__item-label {
        padding:.4rem .8rem;
        font-size: 1.2rem
    }
}

@media (any-hover: hover) {
    .c-column-tag__item-label:hover {
        color:#fff;
        background-color: var(--color-primary)
    }
}

.c-column-tag__item.is-current .c-column-tag__item-label {
    color: #fff;
    background-color: var(--color-primary)
}

.c-column-pickup {
    margin-top: 1.6rem
}

.c-column-pickup__item {
    border-bottom: .1rem solid #999
}

.c-column-pickup__item:first-of-type {
    border-top: .1rem solid #999
}

.c-column-pickup__item-link {
    display: block;
    padding-block:1.6rem}

@media (any-hover: hover) {
    .c-column-pickup__item-link:hover .title {
        color:var(--color-primary)
    }
}

.c-column-pickup__item-link>.title {
    font-size: clamp(1.4rem,1.7vw,1.8rem);
    line-height: initial;
    transition: color var(--ease-base)
}

@media (max-width: 768px) {
    .c-column-pickup__item-link>.title {
        font-size:1.6rem;
        line-height: 1.3
    }
}

.c-column-pickup__item-link>.date {
    display: block;
    margin-top: .4rem;
    font-size: clamp(1.2rem,1.3vw,1.4rem);
    line-height: initial;
    font-weight: 400
}

@media (max-width: 768px) {
    .c-column-pickup__item-link>.date {
        font-size:1.2rem;
        line-height: 1.3
    }
}

.c-column-pickup__item-link>.list {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .8rem;
    margin-top: .8rem
}

.c-column-pickup__item-link>.list>.item {
    font-size: clamp(1.2rem,1.3vw,1.4rem);
    line-height: initial
}

@media (max-width: 768px) {
    .c-column-pickup__item-link>.list>.item {
        font-size:1.2rem
    }
}

.c-link-row {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    padding: 2.4rem 1.6rem;
    background-color: #fff;
    border: 1px solid #E1E1E1;
    /* border-radius: var(--radius-base); */
    /* box-shadow: var(--shadow-base) */
}

@media (max-width: 768px) {
    .c-link-row {
        padding:1.2rem
    }
}

@media (any-hover: hover) {
    .c-link-row:hover .c-link-row__label {
        color:var(--color-primary)
    }
}

.c-link-row__label {
    line-height: initial;
	font-weight: bold;
    transition: color var(--ease-base)
}

.c-input-text {
    width: 100%;
    height: 6.9rem;
    padding-inline:1.6rem;
	background-color: #fff;
    border: .1rem solid #ccc;
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .c-input-text {
        height:6.7rem;
        font-size: 1.6rem;
        line-height: 1.8
    }
}

.c-input-select {
    display: block;
    width: 100%;
    height: 6.9rem;
    padding-inline:1.6rem;background-color: #fff;
    border: .1rem solid #ccc;
    border-radius: var(--radius-base);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTEyIDE2TDUuOTM3ODIgMTBIMTguMDYyMkwxMiAxNloiIGZpbGw9IiMzMzMzMzMiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 2.4rem;
    background-position: right .8rem center
}

@media (max-width: 768px) {
    .c-input-select {
        height:6.7rem
    }
}

.c-input-textarea {
    width: 100%;
    height: 12rem;
    padding: 1.6rem;
    border: .1rem solid #ccc;
    border-radius: var(--radius-base);
    resize: none
}

@media (max-width: 768px) {
    .c-input-textarea {
        height:10.4rem;
        font-size: 1.6rem;
        line-height: 1.8
    }
}

.c-input-narrow {
    width: 28.8rem
}

@media (max-width: 768px) {
    .c-input-narrow {
        width:30.9rem
    }
}

.c-input-tiny {
    width: 12rem
}

@media (max-width: 768px) {
    .c-input-tiny {
        width:14rem
    }
}

.p-nav {
    height: 100%
}

@media (max-width: 768px) {
    .p-nav {
        position:absolute;
        top: var(--header-height);
        left: 0;
        width: 100%;
        height: calc(100dvh - var(--header-height));
        padding: 1.6rem 2.4rem 3.5rem;
        overflow: scroll;
        opacity: 0;
        pointer-events: none;
        transition: opacity var(--ease-base)
    }
}

.menu-open .p-nav {
    opacity: 1;
    pointer-events: auto
}

.p-nav__list {
    display: flex;
    align-items: center;
    column-gap: min(2vw,3.2rem);
    height: 100%
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
    .p-nav__list {
        column-gap:1.2rem
    }
}

@media (max-width: 768px) {
    .p-nav__list {
        display:block;
        width: 100%;
        height: auto
    }
}

.p-nav__list-item {
    position: relative;
    height: 100%
}

.p-nav__label {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    font-size: clamp(1.2rem,1.3vw,1.6rem);
    line-height: 1.3;
    cursor: pointer
}

@media (max-width: 768px) {
    .p-nav__label {
        padding:2.4rem 1.6rem 2.4rem .8rem;
        font-size: 1.4rem;
        line-height: 1.3;
        border-bottom: .1rem solid #ccc
    }
}

@media (any-hover: hover) {
    .p-nav__label:hover span:before {
        opacity:1;
        scale: 1
    }

    .p-nav__label:hover+.p-nav__menu {
        opacity: 1;
        pointer-events: auto
    }
}

@media (max-width: 768px) {
    .p-nav__label--menu {
        display:grid;
        grid-template-columns: 1fr auto
    }

    .p-nav__label--menu:before,.p-nav__label--menu:after {
        display: inline-block;
        grid-row: 1/2;
        grid-column: 2/3;
        width: 1.4rem;
        height: .2rem;
        background-color: var(--color-primary);
        content: ""
    }

    .p-nav__label--menu:after {
        rotate: 90deg;
        transition: rotate var(--ease-base)
    }

    .p-nav__label--menu.is-opened:after {
        rotate: 0deg
    }
}

.p-nav__label:has(.c-icon) {
    justify-content: space-between
}

.p-nav__label span {
    position: relative
}

@media (min-width: 769px) {
    .p-nav__label span:before {
        display:block;
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        width: min(7vw,8.8rem);
        aspect-ratio: 1;
        background: var(--color-primary-grad-thin);
        opacity: 0;
        scale: 0;
        transition: all var(--ease-base);
        content: ""
    }
}

@media (max-width: 768px) {
    .p-nav__label span:after {
        position:absolute;
        top: 50%;
        left: -.8rem;
        translate: 0 -50%;
        width: .4rem;
        aspect-ratio: 1;
        background-color: var(--color-primary);
        border-radius: 50%;
        content: ""
    }
}

.p-nav__menu {
    position: absolute;
    top: calc(var(--header-height) - 1.6rem);
    left: 50%;
    translate: -50% 0;
    width: 20rem;
    padding-top: .8rem;
    opacity: 0;
    pointer-events: none;
    transition: all var(--ease-base)
}

@media (max-width: 768px) {
    .p-nav__menu {
        position:relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        translate: 0;
        width: 100%;
        max-height: 0;
        padding-top: 0;
        opacity: 1;
        pointer-events: auto;
        overflow: hidden
    }

    .p-nav__menu:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: .1rem;
        background-color: #ccc;
        content: ""
    }

    .p-nav__menu.is-opened {
        max-height: var(--max-height)
    }
}

@media (any-hover: hover) {
    .p-nav__menu:hover {
        opacity:1;
        pointer-events: auto
    }
}

@media (min-width: 769px) {
    .p-nav__menu-list {
        padding:3.2rem;
        background-color: #fff;
        border-radius: var(--radius-base);
        box-shadow: var(--shadow-base)
    }
}

@media (max-width: 768px) {
    .p-nav__menu-list {
        padding:2.4rem 1.6rem
    }
}

.p-nav__menu-item+.p-nav__menu-item {
    margin-top: 1.4rem
}

@media (max-width: 768px) {
    .p-nav__menu-item+.p-nav__menu-item {
        margin-top:1.6rem
    }
}

.p-nav__menu-label {
    font-size: 1.4rem;
    line-height: 1.8;
    transition: color var(--ease-base)
}

@media (max-width: 768px) {
    .p-nav__menu-label {
        line-height:1.3
    }
}

@media (any-hover: hover) {
    .p-nav__menu-label:hover {
        color:var(--color-primary)
    }
}

.p-nav__foot {
    margin-top: 3.2rem
}

.p-nav__foot-cv {
    display: block;
    position: relative;
    overflow: hidden
}

.p-nav__foot-cv+.p-nav__foot-cv {
    margin-top: .8rem
}

.p-nav__foot-cv img {
    width: 100%
}

.p-nav__foot-cv>.label {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 100%;
    padding-inline:1em;letter-spacing: .04em;
    color: #fff;
    text-align: center
}

.p-nav__foot-cv>.label>.sub {
    font-size: 1.4rem;
    line-height: .7692307692
}

.p-nav__foot-cv>.label>.main {
    margin-top: .4rem;
    font-size: 1.8rem;
    line-height: 1.3
}

.p-nav__foot-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 3.2rem
}

.p-nav__foot-link {
    font-size: 1.2rem;
    line-height: 3.0666666667
}

.p-nav__foot-link:has(.c-icon) {
    display: flex;
    align-items: center;
    column-gap: .4rem
}

.p-nav__foot-icon {
    width: 10.4rem
}

.p-nav__foot-icon img {
    width: 100%
}

.p-tab__list {
    display: grid
}

.p-tab__item {
    display: grid;
    place-items: center;
    position: relative;
    height: min(4.2vw,4.5rem);
    font-size: clamp(1.6rem,1.9vw,2rem);
    line-height: 1.3;
    color: #999;
    background-color: #fff;
    border-radius: var(--radius-base);
    box-shadow: var(--shadow-small);
    transition: color var(--ease-base),background-color var(--ease-base);
    cursor: pointer
}

@media (max-width: 768px) {
    .p-tab__item {
        height:4rem;
        font-size: 1.6rem;
        line-height: 1.3
    }
}

.p-tab__item:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    translate: -50% 100%;
    width: min(1.1vw,1.2rem);
    height: min(.7vw,.8rem);
    background-color: transparent;
    clip-path: var(--clip-triangle-bottom);
    transition: background-color var(--ease-base);
    content: ""
}

@media (max-width: 768px) {
    .p-tab__item:after {
        display:none
    }
}

.p-tab__item[aria-selected=true] {
    color: #fff;
    background-color: var(--color-primary)
}

.p-tab__item[aria-selected=true]:after {
    background-color: var(--color-primary)
}

@media (any-hover: hover) {
    .p-tab__item:hover {
        color:#fff;
        background-color: var(--color-primary)
    }
}

.p-tab__panel {
    height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none
}

.p-tab__panel[aria-hidden=false] {
    height: auto;
    opacity: 1;
    pointer-events: auto
}

.p-tab--price .p-tab__list {
    grid-template-columns: repeat(9,1fr);
    gap: min(.7vw,.8rem);
    margin: 0 min(.7vw,.8rem) min(.7vw,.8rem) 0
}

@media (max-width: 768px) {
    .p-tab--price .p-tab__list {
        grid-template-columns:repeat(3,1fr);
        gap: .4rem;
        margin: 0 .4rem
    }
}

.p-tab--faq .p-tab__list {
    grid-template-columns: repeat(2,1fr);
    gap: .8rem
}

@media (max-width: 768px) {
    .p-tab--faq .p-tab__list {
        gap:.3rem
    }
}

.p-tab--faq .p-tab__item {
    height: 6.1rem;
    font-size: 2.6rem;
    line-height: 1.3;
    letter-spacing: .04em;
    color: #999;
    background-color: #ededed;
    box-shadow: none;
    transition: all var(--ease-base)
}

@media (max-width: 768px) {
    .p-tab--faq .p-tab__item {
        height:4.4rem;
        font-size: 1.6rem;
        line-height: 1.3
    }
}

.p-tab--faq .p-tab__item:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -10;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: transparent;
    transition: all var(--ease-base);
    content: ""
}

.p-tab--faq .p-tab__item:after {
    width: 1.6rem;
    height: 1.1rem;
    background-color: transparent
}

@media (max-width: 768px) {
    .p-tab--faq .p-tab__item:after {
        display:block;
        width: 1.2rem;
        height: .7rem
    }
}

.p-tab--faq .p-tab__item[aria-selected=true] {
    color: #fff;
    background-color: var(--color-primary)
}

.p-tab--faq .p-tab__item[aria-selected=true]:before {
    top: -.8rem;
    height: calc(100% + .8rem);
    background-color: var(--color-primary)
}

@media (max-width: 768px) {
    .p-tab--faq .p-tab__item[aria-selected=true]:before {
        top:-.4rem;
        height: calc(100% + .4rem)
    }
}

.p-tab--faq .p-tab__item[aria-selected=true]:after {
    background-color: var(--color-primary)
}

@media (any-hover: hover) {
    .p-tab--faq .p-tab__item:hover {
        color:#fff;
        background-color: var(--color-primary)
    }
}

.p-toggle__item[open] .p-toggle__head-inner:before {
    background-color: var(--color-primary-dark)
}

.p-toggle__item[open] .p-toggle__head-label {
    background-color: var(--color-primary-dark)
}

.p-toggle__item[open] .p-toggle__head-label:after {
    opacity: 0
}

.p-toggle__item+.p-toggle__item {
    margin-top: 1.6rem
}

.p-toggle__head {
    display: flex;
    align-items: center;
    column-gap: 1.6rem;
    cursor: pointer;
    margin-right: 1.6rem
}

@media (max-width: 768px) {
    .p-toggle__head {
        align-items:start;
        margin-right: 0
    }
}

.p-toggle__head::-webkit-details-marker {
    display: none
}

@media (any-hover: hover) {
    .p-toggle__head:hover .p-toggle__head-inner:before {
        background-color:var(--color-primary-dark)
    }

    .p-toggle__head:hover .p-toggle__head-label {
        background-color: var(--color-primary-dark)
    }
}

.p-toggle__head-icon {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: 7.2rem;
    aspect-ratio: 1;
    font-size: 2.8rem;
    line-height: 2.2857142857;
    letter-spacing: .04em;
    font-weight: 400;
    color: #fff;
    background-color: var(--color-primary);
    border-radius: 50%
}

@media (max-width: 768px) {
    .p-toggle__head-icon {
        width:4rem;
        font-size: 2rem;
        line-height: 1.1;
        letter-spacing: 0
    }
}

.p-toggle__head-inner {
    position: relative;
    width: 100%;
    transition: background-color var(--ease-base)
}

.p-toggle__head-inner:before {
    position: absolute;
    bottom: 0;
    left: .1rem;
    translate: -100% 0;
    width: 1.6rem;
    aspect-ratio: 1;
    background-color: var(--color-primary-light);
    clip-path: polygon(100% 0,0% 100%,100% 100%);
    transition: background-color var(--ease-base);
    content: ""
}

.p-toggle__head-label {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 1rem;
    width: 100%;
    padding: 3.2rem;
    font-size: 1.8rem;
    line-height: 1.3;
    background-color: var(--color-primary-light);
    border-radius: var(--radius-base) var(--radius-base) var(--radius-base) 0;
    transition: background-color var(--ease-base)
}

@media (max-width: 768px) {
    .p-toggle__head-label {
        padding:1.6rem;
        font-size: 1.6rem;
        line-height: 1.3
    }
}

.p-toggle__head-label:before,.p-toggle__head-label:after {
    display: inline-block;
    grid-row: 1/2;
    grid-column: 2/3;
    width: 1.6rem;
    height: .2rem;
    background-color: var(--color-primary);
    translate: 0 1rem;
    content: ""
}

@media (max-width: 768px) {
    .p-toggle__head-label:before,.p-toggle__head-label:after {
        width:1.4rem
    }
}

.p-toggle__head-label:after {
    rotate: 90deg;
    transition: opacity var(--ease-base)
}

.p-toggle__panel {
    position: relative;
    overflow: hidden
}

.p-toggle__panel-inner {
    position: relative;
    margin: 1.6rem 1.6rem 0 8.8rem;
    padding: 4rem;
    background-color: var(--color-light-blue);
    border-radius: var(--radius-base) var(--radius-base) 0 var(--radius-base)
}

@media (max-width: 768px) {
    .p-toggle__panel-inner {
        margin:1.6rem 1.6rem 0 0;
        padding: 1.6rem
    }
}

.p-toggle__panel-inner:after {
    position: absolute;
    bottom: 0;
    right: -1.5rem;
    width: 1.6rem;
    aspect-ratio: 1;
    background-color: var(--color-light-blue);
    clip-path: polygon(0 0,0% 100%,100% 100%);
    content: ""
}

.p-toggle__panel-detail {
    line-height: 2.3;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-toggle__panel-detail {
        line-height:1.8
    }
}

.p-fixed-cv {
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all var(--ease-base)
}

.p-fixed-cv.is-show,[data-page-id=home] .p-fixed-cv.is-show .c-button--fixed,[data-page-id=service_energy] .p-fixed-cv.is-show .c-button--fixed {
    opacity: 1;
    pointer-events: auto
}

.p-fixed-cv>* {
    position: fixed;
    bottom: 2.6rem;
    z-index: var(--z-index-fixed-cv)
}

@media (max-width: 768px) {
    .p-fixed-cv>* {
        bottom:1.3rem
    }
}

.p-fixed-cv .c-button--fixed {
    left: 50%;
    translate: -50% 0;
    opacity: 0;
    pointer-events: none
}

@media (max-width: 768px) {
    .p-fixed-cv .c-button--fixed {
        left:.8rem;
        translate: 0
    }
}

.p-fixed-cv .c-pagetop {
    right: 14.2rem
}

@media (max-width: 768px) {
    .p-fixed-cv .c-pagetop {
        right:8.2rem
    }
}

.p-cv {
    display: flex;
    column-gap: 1.6rem;
/*     position: absolute; */
    z-index: 100;
    width: 100%;
    margin-inline:auto;
	padding-inline:clamp(2rem,2.5vw,4rem);
    margin-bottom: 120px;
}

@media (max-width: 768px) {
    .p-cv {
        display:block;
        padding-inline: 2.4rem;
        margin-bottom: 80px;
	}
}

.p-cv__nav {
    display: block;
    position: relative;
    width: 100%;
    /* border-radius: 1rem; */
    overflow: hidden
}

@media (max-width: 768px) {
    .p-cv__nav+.p-cv__nav {
        margin-top: 20px;
    }
}

.p-cv__nav:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    margin: auto;
    background-color: #0006;
    /* border-radius: 1rem; */
    transition: background-color var(--ease-base);
    content: ""
}

@media (any-hover: hover) {
    .p-cv__nav:hover:before {
        background-color:#00000080
    }

    .p-cv__nav:hover .p-cv__nav-bg img {
        scale: 1.1
    }
}

.p-cv__nav-bg {
    height: min(23.4vw,37.4rem)
}

@media (max-width: 768px) {
    .p-cv__nav-bg {
        height:16.8rem
    }
}

.p-cv__nav-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: scale var(--ease-base)
}

.p-cv__nav-content {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: 20;
    width: 100%;
    padding-inline:1em;color: #fff;
    text-align: center
}

.p-cv__nav-heading {
    letter-spacing: .04em
}

.p-cv__nav-heading>.sub {
    font-size: clamp(1.2rem,1.5vw,1.6rem);
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-cv__nav-heading>.sub {
        font-size:1.4rem;
        line-height: 1.3
    }
}

.p-cv__nav-heading>.main {
    font-size: clamp(2.8rem,3.1vw,3.4rem);
    line-height: 1.3;
	font-weight: bold;
}

@media (max-width: 768px) {
    .p-cv__nav-heading>.main {
        font-size:2rem;
        line-height: 1.3
    }
}

.p-cv__nav-lead {
    font-size: clamp(1.2rem,1.5vw,1.6rem);
    margin-top: 16px;
    font-weight: 700
}

@media (max-width: 768px) {
    .p-cv__nav-lead {
        font-size:1.2rem;
        line-height: 1.3;
        font-weight: 500
    }
}

.p-cv__icon {
    position: absolute;
    bottom: max(-3.7vw,-4rem);
    left: min(7.4vw,8rem);
    z-index: 30
}

@media (min-width: 769px) {
    .p-cv__icon {
        width:min(10.7vw,11.6rem)
    }
}

@media (max-width: 768px) {
    .p-cv__icon {
        bottom:-5.6rem;
        left: 4rem;
        width: 7.4rem
    }
}

.p-cv__icon img {
    width: 100%
}

.p-page-mv {
    position: relative;
    padding-block:clamp(14rem,15.5vw,16.8rem) min(8.1vw,8.8rem);background-color: var(--color-primary-light)
}

@media (max-width: 768px) {
    .p-page-mv {
        padding-block:7.2rem 0
    }
}

.p-page-mv:before {
    position: absolute;
    bottom: -.1rem;
    left: 0;
    width: 100%;
    height: 6vw;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9Ijk2LjAwMiIgdmlld0JveD0iMCAwIDE2MDAgOTYuMDAyIj4gPHBhdGggaWQ9IuS4reODnuODiV80IiBkYXRhLW5hbWU9IuS4reODnuODiSA0IiBkPSJNODAwLDk2LDAsOTZWMEMxNi44MjgsNS42MzUsNDUuNzYsMTQuNTE0LDg4LjA0LDI0LjgsMTM3LjA0OCwzNi43MywxOTEuMzM3LDQ3LjQ2NywyNDkuNCw1Ni43MTRjNzMuODYzLDExLjc2NCwxNTMuNDg3LDIxLjAzNCwyMzYuNjU5LDI3LjU1NCw0Ny42MzYsMy43MzQsOTcuMTU3LDYuNjE0LDE0Ny4xODcsOC41NkM2ODcuMzQ5LDk0LjkzMyw3NDMuNDUzLDk2LDgwMCw5NmgwWm04MDAsMEg4MDAuMTljNTYuNDY1LDAsMTEyLjUwNS0xLjA2OSwxNjYuNTY1LTMuMTcyLDUwLjAyOS0xLjk0Niw5OS41NS00LjgyNiwxNDcuMTg3LTguNTYsODMuMTczLTYuNTE5LDE2Mi44LTE1Ljc5LDIzNi42NTktMjcuNTU0LDU4LjA2Mi05LjI0NywxMTIuMzUxLTE5Ljk4NCwxNjEuMzU5LTMxLjkxMUMxNTU0LjIyNywxNC41MTcsMTU4My4xNjYsNS42MzcsMTYwMCwwVjk2WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat center/100%;
    content: ""
}

@media (max-width: 768px) {
    .p-page-mv:before {
        height:4rem;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNzUiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAzNzUgNDAiPiA8cGF0aCBpZD0i5Lit44Oe44OJXzQiIGRhdGEtbmFtZT0i5Lit44Oe44OJIDQiIGQ9Ik0xODcuNSw0MEgwVjBBMTgxLjg3OSwxODEuODc5LDAsMCwwLDIwLjYzNCwxMC4zMzRhMzA0Ljg5MiwzMDQuODkyLDAsMCwwLDM3LjgxOSwxMy4zLDQxNC40NjgsNDE0LjQ2OCwwLDAsMCw1NS40NjcsMTEuNDhjMTEuMTY1LDEuNTU2LDIyLjc3MSwyLjc1NiwzNC41LDMuNTY3QzE2MS4xLDM5LjU1NSwxNzQuMjQ3LDQwLDE4Ny41LDQwaDBaTTM3NSw0MEgxODcuNTQ1YzEzLjIzNCwwLDI2LjM2OC0uNDQ1LDM5LjAzOS0xLjMyMiwxMS43MjUtLjgxMSwyMy4zMzItMi4wMTEsMzQuNS0zLjU2N2E0MTQuNDYxLDQxNC40NjEsMCwwLDAsNTUuNDY3LTExLjQ4LDMwNC45LDMwNC45LDAsMCwwLDM3LjgxOS0xMy4zQTE4MS45LDE4MS45LDAsMCwwLDM3NSwwVjQwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) no-repeat center/100%
    }
}

.p-page-mv__inner {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
    max-width: min(77.5vw,124rem);
    margin-inline:auto}

@media (max-width: 768px) {
    .p-page-mv__inner {
        display:block;
        max-width: 100%;
        padding-inline:2.4rem;translate: 0 3.2rem
    }
}

.p-page-mv__content {
    width: fit-content;
    max-width: min(61.9vw,99rem)
}

@media (max-width: 768px) {
    .p-page-mv__content {
        max-width:100%
    }
}

.p-page-mv__content:has(.c-breadcrumb) .p-page-mv__heading {
    padding-bottom: 4.8rem
}

@media (max-width: 768px) {
    .p-page-mv__content:has(.c-breadcrumb) .p-page-mv__heading {
        padding-bottom:3.2rem
    }
}

.p-page-mv__heading-main {
    font-size: clamp(2.2rem,3vw,4.8rem);
    line-height: initial;
    letter-spacing: .05em;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-page-mv__heading-main {
        font-size:3.4rem
    }
}

.p-page-mv__heading-sub {
    margin-top: .8rem;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .04em;
    font-weight: 400;
    color: var(--color-primary)
}

@media (max-width: 768px) {
    .p-page-mv__heading-sub {
        margin-top:.4rem;
        font-size: 1.2rem;
        line-height: 1.3;
        letter-spacing: 0;
        font-weight: 500
    }
}

.p-page-mv__image {
    width: min(13.4vw,21.3rem);
    height: fit-content;
    margin: min(.5vw,.8rem) 0 0 0
}

@media (max-width: 768px) {
    .p-page-mv__image {
        width:11.7rem;
        margin: .8rem 0 0 auto
    }
}

.p-page-mv__image img {
    width: 100%
}

.p-page-mv--image {
    padding-block:14.4rem 4.8rem}

@media (max-width: 768px) {
    .p-page-mv--image {
        padding-block:10.4rem 1.6rem
    }
}

@media (max-width: 768px) {
    .p-page-mv--image .p-page-mv__inner {
        translate:0
    }
}

.p-page-mv--image .p-page-mv__content {
    margin-top: min(6.4vw,10.2rem)
}

@media (max-width: 768px) {
    .p-page-mv--image .p-page-mv__content {
        margin-top:0
    }
}

.p-page-mv--image .p-page-mv__heading {
    padding-bottom: min(8.5vw,13.6rem)
}

@media (min-width: 769px) {
    .p-page-mv--image .p-page-mv__heading {
        white-space:nowrap
    }
}

@media (max-width: 768px) {
    .p-page-mv--image .p-page-mv__heading {
        padding-bottom:2.9rem
    }
}

.p-page-mv--image .p-page-mv__image {
    flex-shrink: 0;
    position: relative;
    width: clamp(40rem,52.5vw,84rem);
    margin: 0;
    translate: min(6.3vw,10rem) 0
}

@media (max-width: 768px) {
    .p-page-mv--image .p-page-mv__image {
        width:100%;
        margin-top: 2rem;
        translate: 0
    }
}

.p-page-mv--image .p-page-mv__image:after {
    position: absolute;
    bottom: max(-3vw,-4.8rem);
    right: min(1vw,1.6rem);
    z-index: 100;
    width: min(5.6vw,9rem);
    height: min(5.5vw,8.8rem);
    background: url(/fwp/wp-content/themes/nextone/assets/images/common/icon_1.svg) no-repeat center/100%;
    content: ""
}

@media (max-width: 768px) {
    .p-page-mv--image .p-page-mv__image:after {
        bottom:-3rem;
        right: .8rem;
        width: 6.5rem;
        height: 6.4rem
    }
}

.p-page-mv--image .p-page-mv__image img {
    border-radius: .8rem;
    overflow: hidden
}

.p-page-mv--about .p-page-mv__content {
    margin-top: min(4.9vw,7.8rem)
}

@media (max-width: 768px) {
    .p-page-mv--about .p-page-mv__content {
        margin-top:0
    }
}

.p-page-mv--about .p-page-mv__heading {
    padding-bottom: min(6.1vw,9.8rem)
}

@media (max-width: 768px) {
    .p-page-mv--about .p-page-mv__heading {
        padding-bottom:2.9rem
    }
}

.p-dialog__body {
    width: 100%;
    max-width: min(92.6vw,100rem);
    padding: min(5.2vw,5.6rem) min(7.4vw,8rem);
    background-color: #fff;
    border-radius: 1rem;
    animation: modalfade .3s forwards
}

@keyframes modalfade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media (max-width: 768px) {
    .p-dialog__body {
        max-width:32.7rem;
        padding: 3.2rem
    }
}

.p-dialog__body::backdrop {
    background-color: #333333b3;
    animation: modalfade .3s forwards
}

.p-dialog__body-title {
    padding-bottom: min(2.5vw,2.7rem);
    border-bottom: .1rem solid #eb7575
}

@media (max-width: 768px) {
    .p-dialog__body-title {
        padding-bottom:1.6rem
    }
}

.p-dialog__body-title>.mark {
    display: inline-flex;
    margin-right: min(1.5vw,1.6rem);
    font-size: clamp(2.8rem,3.1vw,3.4rem);
    line-height: 1.3;
    letter-spacing: .02em
}

@media (max-width: 768px) {
    .p-dialog__body-title>.mark {
        margin-right:.4rem;
        font-size: 2.2rem;
        line-height: 1.3
    }
}

.p-dialog__body-title>.label {
    display: inline-flex;
    font-size: clamp(1.6rem,1.9vw,2rem);
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-dialog__body-title>.label {
        font-size:1.6rem;
        line-height: 1.3
    }
}

.p-dialog__body-content {
    margin-top: min(2.2vw,2.4rem)
}

@media (max-width: 768px) {
    .p-dialog__body-content {
        margin-top:2.4rem
    }
}

.p-dialog__body-content * {
    line-height: 2.3;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-dialog__body-content * {
        line-height:2.3
    }
}

.p-dialog__body-content>.list {
    padding-inline-start:1.5em}

.p-dialog__body-content>.list>.item {
    list-style-type: disc
}

.p-dialog__body .c-button {
    max-width: 11.2rem;
    min-height: 4rem;
    margin: 2.4rem auto 0;
    padding: .8rem
}

@media (max-width: 768px) {
    .p-dialog__body .c-button {
        max-width:9.6rem;
        min-height: 3.6rem;
        margin: 1.6rem auto 0;
        line-height: 1.3
    }
}

.p-page {
    margin-block:9.6rem 10.4rem}

@media (max-width: 768px) {
    .p-page {
        margin-block:6.4rem 4.8rem
    }
}

[data-page-id=service_support] .p-page,[data-page-id=service_water] .p-page {
    margin-bottom: 0
}

.p-page--contact {
    position: relative;
    z-index: var(--z-index-content);
    margin-bottom: max(-20.6vw,-33rem)
}

@media (max-width: 768px) {
    .p-page--contact {
        margin-bottom:-40rem
    }
}

.p-terms__list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem
}

@media (max-width: 768px) {
    .p-terms__list {
        gap:.4rem
    }
}

.p-terms__item.is-current .p-terms__item-link {
    color: #fff;
    background-color: var(--color-primary)
}

.p-terms__item-link {
    display: grid;
    place-items: center;
    width: fit-content;
    min-height: 6.1rem;
    padding: 1.6rem 4rem;
    background-color: var(--color-light-gray);
    border-radius: var(--radius-base);
    font-size: 2rem;
    line-height: 1.3;
    color: #999;
    transition: color var(--ease-base),background-color var(--ease-base)
}

@media (max-width: 768px) {
    .p-terms__item-link {
        min-height:4rem;
        padding: .8rem 1.6rem;
        font-size: 1.6rem;
        line-height: 1.3
    }
}

@media (any-hover: hover) {
    .p-terms__item-link:hover {
        color:#fff;
        background-color: var(--color-primary)
    }
}

.p-column-sidebar {
    width: 100%;
    max-width: min(30.4vw,32.8rem);
    padding: min(3vw,3.2rem);
    background-color: var(--color-light-gray);
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-column-sidebar {
        max-width:100%;
        margin-top: 4rem;
        padding: 2.4rem
    }
}

.p-column-sidebar__foot {
    margin-top: min(2.2vw,2.4rem)
}

@media (max-width: 768px) {
    .p-column-sidebar__foot {
        margin-top:2.4rem
    }
}

.p-article__title {
    font-size: 3.4rem;
    line-height: 1.3;
    letter-spacing: .04em
}

@media (max-width: 768px) {
    .p-article__title {
        font-size:2.2rem;
        line-height: 1.3
    }
}

.p-article__tag {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .8rem;
    max-width: 54.2rem;
    margin-top: 2.4rem
}

@media (max-width: 768px) {
    .p-article__tag {
        gap:.2rem .4rem;
        max-width: 29.6rem;
        margin-top: 1.6rem
    }
}

.p-article__tag-item {
    font-size: 1.4rem;
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-article__tag-item {
        font-size:1.2rem;
        line-height: 1.3
    }
}

.p-article__body {
    margin-top: 4rem;
    padding-block:4.8rem 8.8rem;border-block:.1rem solid #999;counter-reset: count
}

@media (max-width: 768px) {
    .p-article__body {
        margin-top:2.4rem;
        padding-block:3.2rem 4.8rem}
}

.p-article__body>*+* {
    margin-top: 4rem
}

@media (max-width: 768px) {
    .p-article__body>*+* {
        margin-top:2.4rem
    }
}

.p-article__body :is(h2,h3) {
    letter-spacing: .04em;
    color: var(--color-primary)
}

.p-article__body h2 {
    font-size: 2.6rem;
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-article__body h2 {
        font-size:1.8rem;
        line-height: 1.3
    }
}

.p-article__body h3 {
    font-size: 2.2rem;
    line-height: 1.6363636364
}

@media (max-width: 768px) {
    .p-article__body h3 {
        font-size:1.6rem;
        line-height: 1.8
    }
}

.p-article__body p:not([class]) {
    line-height: 2.3;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-article__body p:not([class]) {
        line-height:1.8
    }
}

.p-article__body p:not([class]) strong {
    color: var(--color-primary)
}

.p-article__body a:not([class]) {
    color: var(--color-blue);
    text-decoration: underline
}

@media (any-hover: hover) {
    .p-article__body a:not([class]):hover {
        text-decoration:none
    }
}

.p-article__body ul {
    padding-inline-start:1.2em;list-style-type: disc
}

.p-article__body ul li {
    line-height: initial;
    font-weight: 400
}

.p-article__body ul li::marker {
    color: var(--color-primary)
}

.p-article__body ul li+li {
    margin-top: .4rem
}

.p-article__body ol {
    counter-reset: count
}

.p-article__body ol li {
    position: relative;
    padding-inline-start:1.4em;counter-increment: count
}

.p-article__body ol li:before {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--color-primary);
    content: counter(count) "."
}

.p-article__body ol li+li {
    margin-top: .4rem
}

.p-article__body .wp-block-image {
    width: fit-content;
    max-width: 100%;
    margin-top: 6.4rem;
    border-radius: 1rem;
    overflow: hidden
}

@media (max-width: 768px) {
    .p-article__body .wp-block-image {
        margin-top:4rem
    }
}

.p-article__body .wp-block-columns {
    display: flex;
    gap: 3.2rem;
    margin-top: 6.4rem
}

@media (max-width: 768px) {
    .p-article__body .wp-block-columns {
        flex-direction:column;
        gap: 1.6rem;
        margin-top: 4rem
    }
}

.p-article__body .wp-block-columns .wp-block-image {
    flex-shrink: 0;
    max-width: 100%;
    margin-top: 0
}

.p-service-nav {
    position: relative;
    width: 100%;
    max-width: min(96.6vw,135.2rem);
    margin: min(6.2vw,12.8rem) auto min(7.4vw,10.4rem);
    background-color: var(--color-primary-light);
}

@media (max-width: 768px) {
    .p-service-nav {
        max-width:35.9rem;
        margin: 40px auto 4.8rem
    }
}

.p-service-nav__title {
    /* position: absolute; */
    /* top: 0; */
    /* left: 50%; */
    /* translate: -50% -50%; */
    font-size: clamp(2.4rem,2.4vw,3.4rem);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: .02em;
    text-align: center;
    padding-top: 80px;
}

@media (max-width: 768px) {
    .p-service-nav__title {
        min-width:23.4rem;
        font-size: 2.2rem;
        line-height: 1.3;
    padding-top: 32px;
    }
}

/* .p-service-nav__title:before {
    position: absolute;
    top: min(-1vw,-1.6rem);
    left: min(-1.2vw,-1.9rem);
    width: min(2.6vw,3.7rem);
    height: min(1.9vw,2.7rem);
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNyIgaGVpZ2h0PSIyNy4xIiB2aWV3Qm94PSIwIDAgMzcgMjcuMSI+IDxnIGlkPSLjgrDjg6vjg7zjg5dfMTUzMCIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgMTUzMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYwMi4xMjEgLTg5MzUuNjc4KSI+IDxwYXRoIGlkPSLplbfmlrnlvaJfNDQ0Xy1f44Ki44Km44OI44Op44Kk44OzIiBkYXRhLW5hbWU9IumVt+aWueW9oiA0NDQgLSDjgqLjgqbjg4jjg6njgqTjg7MiIGQ9Ik0uMDExLDAsMiwuMDE3bC4wODgsMTEuODIyTC4xLDExLjgyNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYyNC43NjQgODk1Mi40ODkpIHJvdGF0ZSgxNTApIiBmaWxsPSIjZmZjNDAwIi8+IDxwYXRoIGlkPSLplbfmlrnlvaJfNDQ1Xy1f44Ki44Km44OI44Op44Kk44OzIiBkYXRhLW5hbWU9IumVt+aWueW9oiA0NDUgLSDjgqLjgqbjg4jjg6njgqTjg7MiIGQ9Ik0uMDEzLDAsMS45ODkuMDE5bC4xLDExLjg5TC4xMTIsMTEuODkyWiIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNjQzLCAwLjc2NiwgLTAuNzY2LCAtMC42NDMsIDYxMi41ODYsIDg5NjEuMTc5KSIgZmlsbD0iI2ZmYzQwMCIvPiA8cGF0aCBpZD0i6ZW35pa55b2iXzQ0Nl8tX+OCouOCpuODiOODqeOCpOODsyIgZGF0YS1uYW1lPSLplbfmlrnlvaIgNDQ2IC0g44Ki44Km44OI44Op44Kk44OzIiBkPSJNMCwwLDIsLjAwN2wuMDM1LDExLjc3N0wuMDM5LDExLjc3OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYzOS4xMjYgODk0Ny4yODIpIHJvdGF0ZSgxNzApIiBmaWxsPSIjZmZjNDAwIi8+IDwvZz48L3N2Zz4=) no-repeat center/100%;
    content: ""
} */

/* @media (max-width: 768px) {
    .p-service-nav__title:before {
        top:-1rem;
        left: -1rem;
        width: 2.4rem;
        height: 1.8rem
    }
} */

.p-service-nav__icon {
    position: absolute;
    top: max(-2.4vw,-3.4rem);
    right: min(2.8vw,4rem)
}

@media (max-width: 768px) {
    .p-service-nav__icon {
        top:-3rem;
        right: .8rem
    }
}

.p-service-nav__icon img {
    width: min(7.7vw,10.8rem);
    height: min(6.7vw,9.4rem)
}

@media (max-width: 768px) {
    .p-service-nav__icon img {
        width:5.6rem;
        height: 5.1rem
    }
}

.p-service-nav__list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: min(1.1vw,1.6rem);
    padding: min(4.0vw,11.1rem) min(9.7vw,13.6rem) min(5.7vw,8rem);
    /* background-color: var(--color-primary-light); */
    /* border-radius: 2rem */
}

@media (max-width: 768px) {
    .p-service-nav__list {
        grid-template-columns:1fr;
        gap: 6rem;
        padding: 5.3rem 1.6rem 3.2rem;
        border-radius: 1rem
    }
}

.p-service-nav__item {
    position: relative
}

.p-service-nav__item-balloon {
    position: relative;
    margin-top: -12px;
    z-index: 10;
}
/* .p-service-nav__item-balloon span { */
.p-service-nav__item-balloonInner {
    display: inline-block;
    position: absolute;
    /* position: relative; */
    top: -12px;
    right: 0;
    left: 0;
    margin: auto;
    width: fit-content;
    max-width: calc(100% - 32px);

    padding: 16px 32px;
    line-height: initial;
    text-align: center;
    background-color: #fff;
    border: 1px solid #E1E1E1;
}
.p-service-nav__item-balloonInner span {
    font-size: 20px;
    font-weight: bold;
    /* font-size: clamp(1.8rem, 1.9vw, 2.6rem); */
    /* font-size: clamp(1.2rem,1.4vw,2rem); */
}


@media (max-width: 768px) {
    .p-service-nav__item-balloonInner span {
        font-size: 16px;
    }
}

.p-service-nav__item-balloonInner:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -12px;
    right: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    border-color: #E1E1E1 transparent transparent transparent;
    z-index: 100;
}
.p-service-nav__item-balloonInner:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 9px 0 9px;
    border-color: #fff transparent transparent transparent;
    z-index: 100;
}
.p-service-nav__item-balloon:after {
    /* position: absolute;
    top: max(-1.7vw,-2.4rem);
    left: 50%;
    translate: -50% 0;
    z-index: -10;
    width: clamp(23rem,27.7vw,38.4rem);
    height: clamp(5.6rem,6.8vw,9.5rem);
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzODUuMDAyIiBoZWlnaHQ9Ijk0LjM5NiIgdmlld0JveD0iMCAwIDM4NS4wMDIgOTQuMzk2Ij4gPHBhdGggaWQ9IuODkeOCuV82NzgiIGRhdGEtbmFtZT0i44OR44K5IDY3OCIgZD0iTTcyNDQuNjg3LDkxMTAuNDc2Yy0uOC0xOS41NSw4LjM2Ni0zOC4xMjIsMzcuOC00MC43NzhzMTIyLjkzMiwyLjY4OCwxNjYuNTkxLDAsMTE1LjY2Mi0uOTQ4LDEzNi42ODgsMCw0MS45NzksMTMuNDY0LDQyLjg0MiwzNC40NDktMTguODQxLDMxLjc3LTQ4Ljk5MiwzMi40NTgtMTEwLjUzLjQ0MS0xMjEuODUyLDMuMjg3LTExLjg0NywxNy41NDItMjEuNjM1LDIxLjM3MWM0LjM0OS05Ljk3NS4wMTEtMTkuOTI1LTUuNjI1LTIxLjM3MXMtNDYuNTEzLTEuMTUzLTU2LjY1NCwwLTY3LC44Ny04Mi45MzQsMFM3MjQ1LjQ4NCw5MTMwLjAyNSw3MjQ0LjY4Nyw5MTEwLjQ3NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MjQ0LjEzNyAtOTA2Ny43NzEpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiNlMmUyZTIiIHN0cm9rZS13aWR0aD0iMSIvPjwvc3ZnPg==) no-repeat center/100%;
    content: "" */
}

@media (max-width: 768px) {
    .p-service-nav__item-balloon:after {
        /* top:-2rem;
        width: 32.7rem;
        height: 8.2rem */
    }
}

.p-service-nav__item-link {
    display: block;
    position: relative;
    margin-top: min(.6vw,.8rem)
}

@media (max-width: 768px) {
    .p-service-nav__item-link {
        margin-top:1.2rem
    }
}

@media (any-hover: hover) {
    .p-service-nav__item-link:hover>.image:before {
        background-color:#0000001a
    }

    .p-service-nav__item-link:hover>.image img {
        scale: 1.2
    }

    .p-service-nav__item-link:hover>.icon {
        scale: 1.3
    }
}

.p-service-nav__item-link>.image {
    border-radius: 2rem;
    overflow: hidden
}

@media (max-width: 768px) {
    .p-service-nav__item-link>.image {
        width:32.7rem;
        border-radius: 1rem
    }
}

.p-service-nav__item-link>.image:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    margin: auto;
    background-color: transparent;
    border-radius: 2rem;
    transition: background-color var(--ease-base);
    content: ""
}

.p-service-nav__item-link>.image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: scale var(--ease-base)
}

.p-service-nav__item-link>.icon {
    position: absolute;
    bottom: min(1.7vw,2.4rem);
    right: min(1.7vw,2.4rem);
    z-index: 100;
    width: min(4vw,5.6rem);
    aspect-ratio: 1;
    color: #fff;
    background-color: var(--color-primary);
    border-radius: 50%;
    transition: scale var(--ease-base)
}

@media (max-width: 768px) {
    .p-service-nav__item-link>.icon {
        bottom:-2rem;
        right: .8rem;
        width: 4.8rem
    }
}

.p-service-nav__item-link>.icon>.c-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: min(1.1vw,1.6rem)
}

@media (max-width: 768px) {
    .p-service-nav__item-link>.icon>.c-icon {
        width:1.2rem
    }
}

.p-service-nav__item-label {
    margin-top: min(1.1vw,1.6rem);
    font-size: clamp(1.8rem,1.9vw,2.6rem);
    font-weight: bold;
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-service-nav__item-label {
        margin-top: 16px;
        font-size: 2rem;
        line-height: 1.3
    }
}

.p-service-nav__item-detail {
    margin-top: min(.6vw,.8rem);
    font-size: clamp(1.4rem,1.1vw,1.6rem);
    line-height: 1.3;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-service-nav__item-detail {
        margin-top: 10px;
        font-size: 1.2rem;
        line-height: 1.8;
    }
}

.p-service-block {
    position: relative;
    overflow: hidden
}

[data-page-id=about] .p-service-block {
    margin-top: min(9.6vw,10.4rem)
}

@media (max-width: 768px) {
    [data-page-id=about] .p-service-block {
        margin-top:11.2rem
    }
}

.p-service-block__loop {
    position: absolute;
    top: 0;
    left: 0
}

.p-service-block__loop-item {
    display: flex;
    width: 100vw
}

.p-service-block__loop-item img {
    min-width: min(287.3vw,413.8rem);
    height: min(12.3vw,17.7rem)
}

@media (max-width: 768px) {
    .p-service-block__loop-item img {
        min-width:226.7rem;
        height: 9.7rem
    }
}

.p-service-block__loop-item img:first-child {
    animation: loop-text1 80s -40s linear infinite
}

.p-service-block__loop-item img:last-child {
    animation: loop-text2 80s linear infinite
}

@keyframes loop-text1 {
    0% {
        translate: 100% 0
    }

    to {
        translate: -100% 0
    }
}

@keyframes loop-text2 {
    0% {
        translate: 0
    }

    to {
        translate: -200% 0
    }
}

.p-service-block__wrapper {
    width: 1000%;
    max-width: min(100%,144rem);
    margin-inline:auto;padding: min(11.1vw,16rem) min(11.1vw,16rem) min(6.1vw,8.8rem);
    background-color: var(--color-primary-light);
    border-radius: 2rem
}

@media (max-width: 768px) {
    .p-service-block__wrapper {
        padding:5.6rem 1.6rem;
        max-width: 35.9rem;
        border-radius: 1rem
    }
}

[data-page-id=about] .p-service-block__wrapper {
    padding-top: min(8.3vw,12rem)
}

@media (max-width: 768px) {
    [data-page-id=about] .p-service-block__wrapper {
        padding-block:4.8rem
    }
}

[data-page-id=service] .p-service-block__wrapper {
    padding: 0;
    background-color: revert
}

@media (max-width: 768px) {
    [data-page-id=service] .p-service-block__wrapper {
        max-width:100%
    }
}

.p-service-block__inner {
    position: relative
}

@media (max-width: 768px) {
    .p-service-block__inner {
        padding-inline:0
    }
}

@media (max-width: 768px) {
    [data-page-id=service] .p-service-block__inner {
        padding-inline:2.4rem
    }
}

.p-service-block__head {
    position: absolute;
    top: max(-2.8vw,-4rem);
    left: min(1.4vw,2rem)
}

@media (max-width: 768px) {
    .p-service-block__head {
        position:relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

[data-page-id=about] .p-service-block__head {
    top: 0
}

@media (min-width: 769px) {
    [data-page-id=service] .p-service-block__head {
        position:relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.p-service-block__head-lead {
    margin-top: min(1.9vw,2.7rem);
    font-size: clamp(1rem,1.1vw,1.6rem);
    line-height: 2.3
}

@media (max-width: 768px) {
    .p-service-block__head-lead {
        margin-top:1.2rem;
        font-size: 1.4rem;
        line-height: 2.3
    }
}

[data-page-id=service] .p-service-block__head-lead {
    margin-block:0 .6rem}

@media screen and (max-width: 1440px) {
    [data-page-id=service] .p-service-block__head-lead {
        max-width:77.8%;
        margin-inline:auto}
}

@media (max-width: 768px) {
    [data-page-id=service] .p-service-block__head-lead {
        max-width:100%;
        margin-block:0}
}

.p-service-block__body {
    position: relative;
    padding-bottom: min(3.3vw,4.8rem)
}

@media (max-width: 768px) {
    .p-service-block__body {
        margin-top:2.4rem;
        padding-bottom: 1.2rem
    }
}

@media (max-width: 768px) {
    [data-page-id=service] .p-service-block__body {
        margin-top:3.2rem
    }
}

.p-service-block__body:before,.p-service-block__body:after {
    position: absolute;
    left: 50%;
    translate: -50% 0;
    content: ""
}

.p-service-block__body:before {
    bottom: min(2.3vw,3.3rem);
    width: min(51.6vw,74.4rem);
    height: min(52.1vw,75.1rem);
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NDQiIGhlaWdodD0iNzUxIiB2aWV3Qm94PSIwIDAgNzQ0IDc1MSI+IDxnIGlkPSLjgrDjg6vjg7zjg5dfMTU4OSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgMTU4OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQyOCAtMjMxNikiPiA8ZyBpZD0i5qWV5YaG5b2iXzc5IiBkYXRhLW5hbWU9IualleWGhuW9oiA3OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDI4IDIzMTYpIiBmaWxsPSJub25lIiBzdHJva2U9IiNlZDAwMDAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWRhc2hhcnJheT0iNCI+IDxjaXJjbGUgY3g9IjM3MiIgY3k9IjM3MiIgcj0iMzcyIiBzdHJva2U9Im5vbmUiLz4gPGNpcmNsZSBjeD0iMzcyIiBjeT0iMzcyIiByPSIzNzEuNSIgZmlsbD0ibm9uZSIvPiA8L2c+IDxwYXRoIGlkPSLlpJrop5LlvaJfMSIgZGF0YS1uYW1lPSLlpJrop5LlvaIgMSIgZD0iTTgsMGw4LDE4SDBaIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjg5OSwgMC40MzgsIC0wLjQzOCwgMC44OTksIDQ1NS44MzQsIDI1MjcuMzI1KSIgZmlsbD0iI2VkMDAwMCIvPiA8cGF0aCBpZD0i5aSa6KeS5b2iXzIiIGRhdGEtbmFtZT0i5aSa6KeS5b2iIDIiIGQ9Ik04LDBsOCwxOEgwWiIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuODk5LCAwLjQzOCwgLTAuNDM4LCAtMC44OTksIDExNDguODEsIDI1MzcuOTA4KSIgZmlsbD0iI2VkMDAwMCIvPiA8cGF0aCBpZD0i5aSa6KeS5b2iXzMiIGRhdGEtbmFtZT0i5aSa6KeS5b2iIDMiIGQ9Ik04LDBsOCwxOEgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzkxIDMwNjcpIHJvdGF0ZSgtOTApIiBmaWxsPSIjZWQwMDAwIi8+IDwvZz48L3N2Zz4=) no-repeat center/100%
}

@media (max-width: 768px) {
    .p-service-block__body:before {
        bottom:1rem;
        width: 29.9rem;
        height: 30.1rem;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTkuMzM3IiBoZWlnaHQ9IjMwMSIgdmlld0JveD0iMCAwIDI5OS4zMzcgMzAxIj4gPGcgaWQ9IuOCsOODq+ODvOODl18xNTkxIiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyAxNTkxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDAyLjI2NiAtMjI5MikiPiA8ZyBpZD0i5qWV5YaG5b2iXzc5IiBkYXRhLW5hbWU9IualleWGhuW9oiA3OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDA0IDIyOTIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNlZDAwMDAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWRhc2hhcnJheT0iNCI+IDxjaXJjbGUgY3g9IjE0Ny41IiBjeT0iMTQ3LjUiIHI9IjE0Ny41IiBzdHJva2U9Im5vbmUiLz4gPGNpcmNsZSBjeD0iMTQ3LjUiIGN5PSIxNDcuNSIgcj0iMTQ3IiBmaWxsPSJub25lIi8+IDwvZz4gPHBhdGggaWQ9IuWkmuinkuW9ol8xIiBkYXRhLW5hbWU9IuWkmuinkuW9oiAxIiBkPSJNNi41LDAsMTMsMTZIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwNy43MzggMjM4Nykgcm90YXRlKDIwKSIgZmlsbD0iI2VkMDAwMCIvPiA8cGF0aCBpZD0i5aSa6KeS5b2iXzIiIGRhdGEtbmFtZT0i5aSa6KeS5b2iIDIiIGQ9Ik02LjUsMCwxMywxNkgwWiIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuOTQ2LCAwLjMyNiwgLTAuMzI2LCAtMC45NDYsIDcwMS42MDMsIDI0MDQuMzUyKSIgZmlsbD0iI2VkMDAwMCIvPiA8cGF0aCBpZD0i5aSa6KeS5b2iXzMiIGRhdGEtbmFtZT0i5aSa6KeS5b2iIDMiIGQ9Ik02LjUsMCwxMywxNkgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQzIDI1OTMpIHJvdGF0ZSgtOTApIiBmaWxsPSIjZWQwMDAwIi8+IDwvZz48L3N2Zz4=) no-repeat center/100%
    }
}

.p-service-block__body:after {
    bottom: 0;
    width: min(57.2vw,82.4rem);
    aspect-ratio: 1;
    background: var(--color-accent-grad-thin);
    border-radius: 50%
}

@media (max-width: 768px) {
    .p-service-block__body:after {
        width:32.7rem
    }
}

.p-service-block__row {
    position: relative;
    z-index: 100
}

.p-service-block__row-top {
    display: flex;
    justify-content: center
}

.p-service-block__row-bottom {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: min(10.7vw,15.4rem)
}

@media (max-width: 768px) {
    .p-service-block__row-bottom {
        margin-top:9.6rem
    }
}

@media (min-width: 769px) {
    [data-page-id=service] .p-service-block__row-bottom {
        justify-content:center;
        column-gap: min(27.5vw,39.6rem)
    }
}

.p-service-block__link {
    position: relative;
    width: min(23.7vw,34.2rem);
    aspect-ratio: 342/343
}

@media (max-width: 768px) {
    .p-service-block__link {
        width:12.8rem;
        aspect-ratio: 1
    }
}

@media (any-hover: hover) {
    .p-service-block__link:hover .p-service-block__link-icon {
        scale:1.3
    }

    .p-service-block__link:hover .p-service-block__link-bg:before {
        background-color: #0000001a
    }

    .p-service-block__link:hover .p-service-block__link-bg img {
        scale: 1.2
    }
}

.p-service-block__link-icon {
    position: absolute;
    top: min(.5vw,.8rem);
    right: min(1.6vw,2.4rem);
    z-index: 100;
    width: min(3.9vw,5.6rem);
    aspect-ratio: 1;
    color: #fff;
    background-color: var(--color-primary);
    border-radius: 50%;
    transition: scale var(--ease-base)
}

@media (max-width: 768px) {
    .p-service-block__link-icon {
        top:0;
        right: 0;
        width: 4.8rem
    }
}

.p-service-block__link-icon>.c-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: min(1vw,1.6rem)
}

@media (max-width: 768px) {
    .p-service-block__link-icon>.c-icon {
        width:1.2rem
    }
}

.p-service-block__link-bg {
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

.p-service-block__link-bg:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    margin: auto;
    background-color: transparent;
    border-radius: 50%;
    transition: background-color var(--ease-base);
    content: ""
}

.p-service-block__link-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: scale var(--ease-base)
}

.p-service-block__link-heading {
    position: absolute;
    bottom: min(2.8vw,4rem);
    left: 50%;
    translate: -50% 0;
    z-index: 100;
    min-width: min(16.2vw,23.4rem);
    color: #fff;
    text-align: center
}

@media (max-width: 768px) {
    .p-service-block__link-heading {
        bottom:1.6rem;
        min-width: 9.8rem
    }
}

.p-service-block__link-heading>.main {
    font-size: clamp(1.3rem,1.8vw,2.6rem);
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-service-block__link-heading>.main {
        font-size:1.4rem;
        line-height: 1.3
    }
}

.p-service-block__link-heading>.sub {
    margin-top: min(.8vw,1.2rem);
    font-size: clamp(1.2rem,1.1vw,1.6rem);
    line-height: 1.3;
    font-weight: 700
}

.p-service-block__customer {
    position: absolute;
    bottom: min(18.7vw,27rem);
    left: 50%;
    translate: -50% 0;
    z-index: 100
}

@media (max-width: 768px) {
    .p-service-block__customer {
        bottom:11.6rem
    }
}

.p-service-block__customer-icon {
    width: min(13.9vw,20rem)
}

@media (max-width: 768px) {
    .p-service-block__customer-icon {
        width:8rem
    }
}

.p-service-block__customer-icon img {
    width: 100%
}

.p-service-block__customer-label {
    margin-top: max(-.5vw,-.8rem);
    font-size: clamp(1.6rem,1.4vw,2rem);
    line-height: 1.3;
    text-align: center
}

@media (max-width: 768px) {
    .p-service-block__customer-label {
        margin-top:0;
        font-size: 1.4rem;
        line-height: 1.3
    }
}

@media (max-width: 768px) {
    .p-service-head {
        margin-top:-1rem
    }
}

.p-service-head__inner {
    display: flex;
    align-items: center;
    column-gap: min(4vw,4.8rem);
    /* background-color: #faf7f5; */
}

@media (max-width: 768px) {
    .p-service-head__inner {
        flex-direction:column-reverse;
        row-gap: 1.6rem
    }
}

.p-service-head__image {
    flex-shrink: 0;
    width: 100%;
    max-width: min(45vw,54rem);
    overflow: hidden
}

@media (max-width: 768px) {
    .p-service-head__image {
        max-width:100%
    }
}

.p-service-head__image img,.p-service-head__content {
    width: 100%
}

.p-service-head__content-label {
    display: flex;
    align-items: center;
    column-gap: min(1.5vw,1.6rem);
    font-weight: bold;
}

@media (max-width: 768px) {
    .p-service-head__content-label {
        column-gap:.8rem
    }
}

.p-service-head__content-label>.icon {
    width: min(6.7vw,7.2rem)
}

@media (max-width: 768px) {
    .p-service-head__content-label>.icon {
        width:4rem
    }
}

.p-service-head__content-label>.icon img {
    width: 100%
}

.p-service-head__content-label p {
    font-size: clamp(1.8rem,2.8vw,3rem);
    line-height: 1.3;
    letter-spacing: .04em;
    white-space: nowrap;
	font-weight: bold;
}

@media (max-width: 768px) {
    .p-service-head__content-label p {
        font-size:2rem;
        line-height: 1.3
    }
}

.p-service-head__content-detail {
    margin-top: min(3vw,3.2rem);
    font-size: clamp(1.2rem,1.5vw,1.6rem);
    line-height: 1.8;
    font-weight: medium;
    /* font-weight: 400 */
}

@media (max-width: 768px) {
    .p-service-head__content-detail {
        margin-top:1.6rem;
        font-size: 1.4rem;
        line-height: 1.8
    }
}

.p-service-head__content-tag {
    display: flex;
    column-gap: 20px;
    margin-top: min(3.7vw,4rem)
}

@media (max-width: 768px) {
    .p-service-head__content-tag {
        justify-content:center;
        column-gap: .8rem;
        margin-top: 1.6rem
    }
}

.p-service-head__content-tag>.item {
    display: flex;
    align-items: center;
    /* font-family: "Noto Sans JP"; */
    /* column-gap: .4rem; */
    background-color: #fff;
    border: 2px solid var(--color-primary);
    /* border-radius: var(--radius-base) */
}

@media (max-width: 768px) {
    .p-service-head__content-tag>.item {
        flex-direction:column;
        justify-content: center
    }
}

.p-service-head__content-tag>.item * {
    font-size: 16px;
    line-height: initial;
	font-weight: bold;
}

@media (max-width: 768px) {
    .p-service-head__content-tag>.item * {
/*         font-size:1.6rem */
		font-size: 14px;
    }
}

.p-service-head__content-tag>.item .large {
    font-size: 28px;
}

@media (max-width: 768px) {
    .p-service-head__content-tag>.item .large {
/*         font-size:2.4rem */
		font-size: 20px;
    }
}

@media (min-width: 769px) {
    .p-service-head__content-tag>.item>.head {
        translate:0 .4rem
    }
}

@media (max-width: 768px) {
    .p-service-head__content-tag>.item>.foot {
        margin-top:-.7rem
    }
}

.p-service-head__content-tag .item:first-of-type {
    padding: min(.8vw,.9rem) min(1vw,1.1rem) min(1.2vw,1.3rem) min(2.1vw,2.3rem)
}

@media (max-width: 768px) {
    .p-service-head__content-tag .item:first-of-type {
        padding:.5rem 0 .5rem .6rem
    }
}

.p-service-head__content-tag .item:first-of-type .foot span:last-of-type {
    margin-left: max(-1.5vw,-1.6rem)
}

@media (max-width: 768px) {
    .p-service-head__content-tag .item:first-of-type .foot span:last-of-type {
        margin-left:-1.2rem
    }
}

.p-service-head__content-tag .item:last-of-type {
    padding: min(.8vw,.9rem) min(2.1vw,2.3rem) min(1.2vw,1.3rem)
}

@media (max-width: 768px) {
    .p-service-head__content-tag .item:last-of-type {
        padding:.5rem .8rem
    }
}

.p-service-head__content-tag .item:last-of-type .foot span+span {
    margin-left: -.2rem
}

.p-service-step {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: min(4.4vw,4.8rem);
    position: relative;
    z-index: 10
}

@media (min-width: 769px) {
    .p-agency__step .p-service-step {
        grid-template-columns:repeat(4,1fr);
        column-gap: 2.4rem
    }
}

.p-service-step:before {
    position: absolute;
    top: min(7.4vw,8rem);
    left: 50%;
    translate: calc(-50% - .2rem) 0;
    width: min(70vw,75.6rem);
    height: min(1.4vw,1.6rem);
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCA3NTYgMTYiPiA8ZyBpZD0i44Kw44Or44O844OXXzE4NDAiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDE4NDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MjAgLTQxOTcpIj4gPGxpbmUgaWQ9Iue3ml82MzEiIGRhdGEtbmFtZT0i57eaIDYzMSIgeDI9Ijc1NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDIwIDQyMDUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNlZDAwMDAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWRhc2hhcnJheT0iNCIvPiA8cGF0aCBpZD0i5aSa6KeS5b2iXzEiIGRhdGEtbmFtZT0i5aSa6KeS5b2iIDEiIGQ9Ik04LDBsOCwxOEgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjI2IDQxOTcpIHJvdGF0ZSg5MCkiIGZpbGw9IiNlZDAwMDAiLz4gPHBhdGggaWQ9IuWkmuinkuW9ol80NiIgZGF0YS1uYW1lPSLlpJrop5LlvaIgNDYiIGQ9Ik04LDBsOCwxOEgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwMiA0MTk3KSByb3RhdGUoOTApIiBmaWxsPSIjZWQwMDAwIi8+IDwvZz48L3N2Zz4=) no-repeat center/100%;
    content: ""
}

@media (min-width: 769px) {
    .p-agency__step .p-service-step:before {
        width:min(60.4vw,65.2rem);
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUyIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgNjUyIDE2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxsaW5lIHgxPSIwLjUiIHkxPSI3LjUiIHgyPSI2NTEuNSIgeTI9IjcuNDk5OTQiIHN0cm9rZT0iI0VEMDAwMCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWRhc2hhcnJheT0iNCA0Ii8+PHBhdGggZD0iTTU4IDhMNDIgMTZWMEw1OCA4WiIgZmlsbD0iI0VEMDAwMCIvPjxwYXRoIGQ9Ik0zMzQgOEwzMTggMTZWMEwzMzQgOFoiIGZpbGw9IiNFRDAwMDAiLz48cGF0aCBkPSJNNjEwIDhMNTk0IDE2VjBMNjEwIDhaIiBmaWxsPSIjRUQwMDAwIi8+PC9zdmc+) no-repeat center/100%
    }
}

@media (max-width: 768px) {
    .p-service-step {
        grid-template-columns:1fr;
        row-gap: 2.6rem
    }

    .p-service-step:before {
        top: 9rem;
        left: 4.3rem;
        translate: 0;
        width: 1rem
    }

    .p-energy-step .p-service-step:before {
        height: 22.6rem;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyMjYiIHZpZXdCb3g9IjAgMCAxMCAyMjYiPiA8ZyBpZD0i44Kw44Or44O844OXXzE2MDIiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDE2MDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NyAtMzYzMSkiPiA8bGluZSBpZD0i57eaXzYzMSIgZGF0YS1uYW1lPSLnt5ogNjMxIiB5Mj0iMjI2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MiAzNjMxKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWQwMDAwIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1kYXNoYXJyYXk9IjQiLz4gPHBhdGggaWQ9IuWkmuinkuW9ol8xIiBkYXRhLW5hbWU9IuWkmuinkuW9oiAxIiBkPSJNNSwwbDUsMTBIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc3IDM2NjQpIHJvdGF0ZSgxODApIiBmaWxsPSIjZWQwMDAwIi8+IDxwYXRoIGlkPSLlpJrop5LlvaJfNTEiIGRhdGEtbmFtZT0i5aSa6KeS5b2iIDUxIiBkPSJNNSwwbDUsMTBIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc3IDM4MjMpIHJvdGF0ZSgxODApIiBmaWxsPSIjZWQwMDAwIi8+IDwvZz48L3N2Zz4=) no-repeat center/100%
    }

    .p-support-trouble__step .p-service-step:before {
        height: 35.3rem;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIzNTMiIHZpZXdCb3g9IjAgMCAxMCAzNTMiPiA8ZyBpZD0i44Kw44Or44O844OXXzE4NDAiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDE4NDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NyAtNDUxNykiPiA8bGluZSBpZD0i57eaXzYzMSIgZGF0YS1uYW1lPSLnt5ogNjMxIiB5Mj0iMzUzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MiA0NTE3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWQwMDAwIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1kYXNoYXJyYXk9IjQiLz4gPHBhdGggaWQ9IuWkmuinkuW9ol8xIiBkYXRhLW5hbWU9IuWkmuinkuW9oiAxIiBkPSJNNSwwbDUsMTBIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc3IDQ2MDMpIHJvdGF0ZSgxODApIiBmaWxsPSIjZWQwMDAwIi8+IDxwYXRoIGlkPSLlpJrop5LlvaJfNTEiIGRhdGEtbmFtZT0i5aSa6KeS5b2iIDUxIiBkPSJNNSwwbDUsMTBIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc3IDQ4MDcpIHJvdGF0ZSgxODApIiBmaWxsPSIjZWQwMDAwIi8+IDwvZz48L3N2Zz4=) no-repeat center/100%
    }

    .p-support-service__step .p-service-step:before {
        height: 30.5rem;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIzMDUiIHZpZXdCb3g9IjAgMCAxMCAzMDUiPiA8ZyBpZD0i44Kw44Or44O844OXXzE4NDAiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDE4NDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NyAtNjUwOSkiPiA8bGluZSBpZD0i57eaXzYzMSIgZGF0YS1uYW1lPSLnt5ogNjMxIiB5Mj0iMzA1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MiA2NTA5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWQwMDAwIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1kYXNoYXJyYXk9IjQiLz4gPHBhdGggaWQ9IuWkmuinkuW9ol8xIiBkYXRhLW5hbWU9IuWkmuinkuW9oiAxIiBkPSJNNSwwbDUsMTBIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc3IDY1NDIpIHJvdGF0ZSgxODApIiBmaWxsPSIjZWQwMDAwIi8+IDxwYXRoIGlkPSLlpJrop5LlvaJfNTEiIGRhdGEtbmFtZT0i5aSa6KeS5b2iIDUxIiBkPSJNNSwwbDUsMTBIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc3IDY3MzgpIHJvdGF0ZSgxODApIiBmaWxsPSIjZWQwMDAwIi8+IDwvZz48L3N2Zz4=) no-repeat center/100%
    }

    .p-agency__step .p-service-step:before {
        top: 8.6rem;
        height: 59.8rem;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNTk4IiB2aWV3Qm94PSIwIDAgMTAgNTk4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01IDBWNTk4IiBzdHJva2U9IiNFRDAwMDAiIHN0cm9rZS1kYXNoYXJyYXk9IjQgNCIvPjxwYXRoIGQ9Ik01IDQ2TDAgMzZIMTBMNSA0NloiIGZpbGw9IiNFRDAwMDAiLz48cGF0aCBkPSJNNSAzMDRMMCAyOTRIMTBMNSAzMDRaIiBmaWxsPSIjRUQwMDAwIi8+PHBhdGggZD0iTTUgNTY2TDAgNTU2SDEwTDUgNTY2WiIgZmlsbD0iI0VEMDAwMCIvPjwvc3ZnPg==) no-repeat center/100%
    }
}

.p-service-step__item {
    position: relative
}

@media (max-width: 768px) {
    .p-service-step__item {
        display:flex;
        column-gap: 2.4rem
    }
}

.p-service-step__item-number {
    position: absolute;
    top: max(-5.1vw,-5.5rem);
    right: min(3.1vw,3.3rem);
    z-index: 100;
    font-size: clamp(4.4rem,6.1vw,6.0rem);
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    line-height: initial;
	letter-spacing: -1px;
    /* font-weight: 400; */
    color: var(--color-primary)
}

@media (min-width: 769px) {
    .p-agency__step .p-service-step__item-number {
        top:max(-3.3vw,-3.6rem);
        right: min(.9vw,1rem);
        font-size: clamp(4rem,5.2vw,5.6rem)
    }
}

@media (max-width: 768px) {
    .p-service-step__item-number {
        top:-1.9rem;
        right: initial;
        left: 7.2rem;
        font-size: 2.8rem
    }
}

.p-service-step__item-icon {
    position: relative;
    width: min(16.3vw,17.6rem);
    aspect-ratio: 1;
    margin-inline:auto;border-radius: var(--radius-base);
    overflow: hidden
}

@media (max-width: 768px) {
    .p-service-step__item-icon {
        flex-shrink:0;
        width: 9.6rem;
        height: fit-content
    }
}

.p-service-step__item-icon img {
    width: 100%
}

.p-service-step__item-content {
    margin-top: min(1.5vw,20px)
}

@media (max-width: 768px) {
    .p-service-step__item-content {
        margin-top:-.4rem
    }
}

.p-service-step__item-content>.label {
    font-size: clamp(18px,2.4vw,20px);
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .04em;
    text-align: center
}

@media (max-width: 768px) {
    .p-service-step__item-content>.label {
        font-size:1.8rem;
        line-height: 1.3;
        text-align: center;
    }
}

.p-service-step__item-content>.detail {
    margin-top: min(1.5vw,1.6rem);
    font-weight: 400
}

@media (max-width: 768px) {
    .p-service-step__item-content>.detail {
        margin-top: 16px;
    line-height: 1.8;
    }
}

.p-service-step__item-content>.note {
    margin-top: min(.7vw,.8rem);
    padding-left: 1em;
    text-indent: -1em;
    font-size: clamp(1.2rem,1.3vw,1.4rem);
    line-height: 1.5;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-service-step__item-content>.note {
        margin-top: 16px;
        font-size: 1.2rem;
        line-height: 1.3
    }
}

.p-service-tel {
    display: grid;
    grid-template-columns: 1fr minmax(20rem,auto);
    align-items: center;
    column-gap: 2em;
    padding: 3.2rem 4rem;
    background-color: var(--color-light-gray);
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-service-tel {
        grid-template-columns:1fr;
        row-gap: .8rem;
        padding: 1.6rem 1.6rem 2.4rem
    }
}

.p-service-tel__content-label {
    font-size: clamp(1.6rem,1.9vw,2rem);
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-service-tel__content-label {
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1.3
    }
}

.p-service-tel__content-main {
    margin-top: 16px;
    line-height: 1.3;
    font-weight: 400;   
}

@media (max-width: 768px) {
    .p-service-tel__content-main {
        font-size: 1.4;
        line-height:1.3
    }
}

.p-service-tel__content-sub {
    margin-top: 16px;
    font-size: clamp(1.2rem,1.3vw,1.4rem);
    line-height: 1.3;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-service-tel__content-sub {
        /* margin-top: .4rem; */
        font-size: 1.2rem;
        line-height: 1.3
    }
}

.p-service-tel__link {
    display: grid;
    place-content: center;
    width: 100%;
    /* min-height: min(6vw,6.5rem); */
    padding-inline: min(2.9vw,3.2rem);background-color: #fff;
    /* border-radius: var(--radius-base); */
    /* box-shadow: var(--shadow-small) */
    margin-top: 16px;
	padding: 16px 32px;
}

@media (max-width: 768px) {
    .p-service-tel__link {
        min-height: 4.5rem;
        margin-inline:auto;
        padding-inline: 2.4rem}
}

.p-service-tel__link-inner {
    display: flex;
    column-gap: .4rem
}

.p-service-tel__link-inner>.c-icon {
    flex-shrink: 0;
    color: var(--color-primary)
}

.p-service-tel__link-label {
    font-size: clamp(1.8rem,2.2vw,2.4rem);
    line-height: 1.3;
    letter-spacing: .04em;
    font-weight: 900;
}

@media (max-width: 768px) {
    .p-service-tel__link-label {
        font-size: 16px;
        line-height: 1.3;
    }
}

[data-page-id=service_water] .p-service-tel {
    padding: 3.2rem 3.6rem 4rem 4rem;
    background-color: #fff
}

@media (max-width: 768px) {
    [data-page-id=service_water] .p-service-tel {
        padding:1.6rem
    }
}

@media (max-width: 768px) {
    [data-page-id=service_water] .p-service-tel .p-service-tel__content {
        display:contents
    }
}

@media (max-width: 768px) {
    [data-page-id=service_water] .p-service-tel .p-service-tel__content-label {
        font-size:1.8rem;
        line-height: 1.3;
        text-align: center
    }
}

@media (max-width: 768px) {
    [data-page-id=service_water] .p-service-tel .p-service-tel__content-sub {
        margin-top:0;
        order: 1;
        text-align: center
    }
}

[data-page-id=service_water] .p-service-tel .p-service-tel__link {
    border: .1rem solid #ccc;
    box-shadow: none
}

.p-form__row+.p-form__row {
    margin-top: 4.8rem
}

.p-form__row-label {
    display: flex;
    column-gap: .8rem
}

.p-form__row-label>.tag {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    height: 2.4rem;
    padding-inline:.8rem;font-size: 1.4rem;
    line-height: 1.3;
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-form__row-label>.tag {
        font-size:1.2rem;
        line-height: 1.3
    }
}

.p-form__row-label>label {
    font-size: 1.8rem;
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-form__row-label>label {
        font-size:1.6rem;
        line-height: 1.3
    }
}

.p-form__row-label--required .tag {
    color: #fff;
    background-color: var(--color-primary)
}

.p-form__row-label--any .tag {
    color: var(--color-base);
    background-color: #e2e2e2
}

.p-form__row-input {
    margin-top: 2.5rem
}

.p-form__row-input--flex {
    display: flex;
    column-gap: 2.4rem
}

@media (max-width: 768px) {
    .p-form__row-input--flex {
        flex-direction:column;
        row-gap: .8rem
    }
}

.p-form__row-input--flex .bottom {
    display: flex;
    column-gap: 2.4rem
}

@media (max-width: 768px) {
    .p-form__row-input--flex .bottom {
        column-gap:1.1rem
    }
}

.p-form__row-input--flex .row {
    display: flex;
    align-items: center;
    column-gap: .8rem
}

@media (max-width: 768px) {
    .p-form__row-input--flex .row {
        column-gap:.4rem
    }
}

.p-form__row-input--flex .row label {
    font-weight: 400
}

.p-form__row-input.radio-hidden {
    position: absolute;
    top: 0;
    left: -200vw
}

.p-form__row-note {
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 400;
    padding-left: 1em;
    text-indent: -1em
}

@media (max-width: 768px) {
    .p-form__row-note {
        font-size:1.2rem;
        line-height: 1.3
    }
}

.p-form__row-address label {
    display: block;
    width: fit-content;
    line-height: 1.3;
    font-weight: 400
}

.p-form__row-attention {
    font-size: 1.8rem;
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-form__row-attention {
        font-size:1.6rem;
        line-height: 1.3
    }
}

.p-form__row-image {
    width: 100%;
    max-width: min(64.8vw,70rem);
    margin: 4rem auto 0
}

@media (max-width: 768px) {
    .p-form__row-image {
        max-width:100%;
        margin: 2.4rem auto 0
    }
}

.p-form__row-image img {
    width: 100%
}

.p-form__row-info {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 2.4rem;
    margin-top: 2.4rem
}

@media (max-width: 768px) {
    .p-form__row-info {
        grid-template-columns:1fr;
        row-gap: 2.4rem
    }
}

.p-form__row-info>.item {
    padding: min(2.5vw,4rem);
    background-color: var(--color-primary-medium);
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-form__row-info>.item {
        padding:3.2rem
    }
}

.p-form__row-info>.item>.label {
    font-size: clamp(1.6rem,2vw,2.2rem);
    line-height: 1.3;
    text-align: center
}

@media (max-width: 768px) {
    .p-form__row-info>.item>.label {
        font-size:1.8rem;
        line-height: 1.3
    }
}

.p-form__row-info>.item>.detail {
    margin-top: min(1.5vw,1.6rem)
}

@media (max-width: 768px) {
    .p-form__row-info>.item>.detail {
        margin-top:.8rem
    }
}

.p-form__agree {
    width: fit-content;
    margin: 5.6rem auto 0;
    padding: 5.6rem 9.6rem;
    background-color: var(--color-primary-light);
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-form__agree {
        width:100%;
        margin: 4rem auto 0;
        padding: 4rem 2.4rem
    }
}

.p-form__agree-label {
    font-size: 2.6rem;
    line-height: 1.3;
    letter-spacing: .04em;
    text-align: center
}

@media (max-width: 768px) {
    .p-form__agree-label {
        font-size:1.8rem;
        line-height: 1.3
    }
}

.p-form__agree-detail {
    margin-top: 3.2rem;
    font-weight: 400;
    text-align: center
}

@media (max-width: 768px) {
    .p-form__agree-detail {
        margin-top:2.4rem
    }
}

.p-form__agree .p-form__row-input {
    width: fit-content;
    margin-inline:auto}

.p-form__submit {
    position: relative;
    width: 100%;
    max-width: 30.4rem;
    height: 7.2rem;
    margin: 5.6rem auto 0;
    text-align: center
}

@media (max-width: 768px) {
    .p-form__submit {
        max-width:26.4rem;
        min-height: 6.8rem;
        margin-top: 3.2rem
    }
}

.p-form__submit .c-icon {
    opacity: 0;
    right: 3.2rem;
    translate: 0 -50%;
    color: #fff
}

@media (max-width: 768px) {
    .p-form__submit .c-icon {
        opacity:1;
        right: 1.6rem
    }
}

@media (any-hover: hover) {
    .p-form__submit:hover .c-button {
        color:var(--color-primary);
        background-color: #fff;
        border-color: var(--color-primary)
    }

    .p-form__submit:hover .c-icon {
        opacity: 1
    }

    .p-form__submit:hover .c-arrow-hover:before {
        opacity: 0
    }

    .p-form__submit:hover .c-arrow-hover:after {
        opacity: 1;
        scale: 1
    }
}

.wpcf7-not-valid-tip {
    margin-top: 1.6rem;
    padding: 1.7rem 1.6rem;
    font-size: 1.4rem!important;
    line-height: 1.3;
    font-weight: 500!important;
    color: var(--color-primary)!important;
    background-color: #ffe5e5!important
}

.wpcf7-form-control-wrap>.wpcf7-not-valid-tip {
    display: none;
    margin-top: 1.6rem;
    padding: 1.7rem 1.6rem;
    font-size: 1.4rem!important;
    line-height: 1.3;
    color: var(--color-primary)!important;
    background-color: #ffe5e5!important
}

.wpcf7-form-control-wrap.is-show>.wpcf7-not-valid-tip {
    display: block
}

.wpcf7-form-control-wrap .wpcf7-checkbox,.wpcf7-form-control-wrap .wpcf7-acceptance {
    display: flex;
    flex-direction: column;
    row-gap: .8rem
}

.wpcf7-form-control-wrap .wpcf7-checkbox>.wpcf7-list-item,.wpcf7-form-control-wrap .wpcf7-acceptance>.wpcf7-list-item {
    position: relative;
    width: fit-content;
    margin: 0!important;
    padding-left: 2.8rem;
    line-height: 1.5
}

@media (max-width: 768px) {
    .wpcf7-form-control-wrap .wpcf7-checkbox>.wpcf7-list-item,.wpcf7-form-control-wrap .wpcf7-acceptance>.wpcf7-list-item {
        padding-left:2.3rem;
        line-height: 1.3571428571
    }
}

.wpcf7-form-control-wrap .wpcf7-checkbox>.wpcf7-list-item label,.wpcf7-form-control-wrap .wpcf7-acceptance>.wpcf7-list-item label {
    font-weight: 400
}

.wpcf7-form-control-wrap .wpcf7-checkbox>.wpcf7-list-item label:before,.wpcf7-form-control-wrap .wpcf7-checkbox>.wpcf7-list-item label:after,.wpcf7-form-control-wrap .wpcf7-acceptance>.wpcf7-list-item label:before,.wpcf7-form-control-wrap .wpcf7-acceptance>.wpcf7-list-item label:after {
    position: absolute;
    content: ""
}

.wpcf7-form-control-wrap .wpcf7-checkbox>.wpcf7-list-item label:before,.wpcf7-form-control-wrap .wpcf7-acceptance>.wpcf7-list-item label:before {
    top: .3em;
    left: .4rem;
    width: 1.6rem;
    aspect-ratio: 1;
    background-color: #fff;
    border: .1rem solid #ccc;
    border-radius: .2rem
}

@media (max-width: 768px) {
    .wpcf7-form-control-wrap .wpcf7-checkbox>.wpcf7-list-item label:before,.wpcf7-form-control-wrap .wpcf7-acceptance>.wpcf7-list-item label:before {
        top:.2em;
        left: 0
    }
}

.wpcf7-form-control-wrap .wpcf7-checkbox>.wpcf7-list-item label:after,.wpcf7-form-control-wrap .wpcf7-acceptance>.wpcf7-list-item label:after {
    top: .55em;
    left: .7rem;
    width: 1rem;
    height: .8rem;
    background-color: #ccc;
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTEgOCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTQuNDk1OTcgNy45MDAxNUwwLjU4Nzg5MSA0LjQ0NTE5TDEuOTEyNDggMi45NDY3OEw0LjM0ODAyIDUuMDk5ODVMOC45MzcwMSAwLjA4NzE1ODJMMTAuNDEyMiAxLjQzNzYyTDQuNDk1OTcgNy45MDAxNVoiIGZpbGw9IiNDQ0NDQ0MiLz48L3N2Zz4=) no-repeat center/100%;
    transition: background-color var(--ease-base)
}

@media (max-width: 768px) {
    .wpcf7-form-control-wrap .wpcf7-checkbox>.wpcf7-list-item label:after,.wpcf7-form-control-wrap .wpcf7-acceptance>.wpcf7-list-item label:after {
        top:.5em;
        left: .3rem
    }
}

.wpcf7-form-control-wrap .wpcf7-checkbox>.wpcf7-list-item label:has(input:checked):after,.wpcf7-form-control-wrap .wpcf7-acceptance>.wpcf7-list-item label:has(input:checked):after {
    background-color: var(--color-primary)
}

.wpcf7-form-control-wrap .wpcf7-checkbox>.wpcf7-list-item label input[type=checkbox],.wpcf7-form-control-wrap .wpcf7-acceptance>.wpcf7-list-item label input[type=checkbox] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0
}

.wpcf7-form-control-wrap .wpcf7-radio {
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem
}

.wpcf7-form-control-wrap .wpcf7-radio>.wpcf7-list-item {
    width: fit-content;
    margin: 0!important;
    padding-left: 2.8rem;
    line-height: 1.5
}

@media (max-width: 768px) {
    .wpcf7-form-control-wrap .wpcf7-radio>.wpcf7-list-item {
        padding-left:2.3rem;
        line-height: 1.3571428571
    }
}

.wpcf7-form-control-wrap .wpcf7-radio>.wpcf7-list-item label {
    position: relative;
    font-weight: 400
}

.wpcf7-form-control-wrap .wpcf7-radio>.wpcf7-list-item label:before,.wpcf7-form-control-wrap .wpcf7-radio>.wpcf7-list-item label:after {
    position: absolute;
    content: ""
}

.wpcf7-form-control-wrap .wpcf7-radio>.wpcf7-list-item label:before {
    top: .3em;
    left: -2.4rem;
    width: 1.6rem;
    aspect-ratio: 1;
    background-color: #fff;
    border: .1rem solid #ccc;
    border-radius: 50%
}

@media (max-width: 768px) {
    .wpcf7-form-control-wrap .wpcf7-radio>.wpcf7-list-item label:before {
        left:-2.1rem
    }
}

.wpcf7-form-control-wrap .wpcf7-radio>.wpcf7-list-item label:after {
    top: .55em;
    left: -2rem;
    width: .8rem;
    aspect-ratio: 1;
    background-color: var(--color-primary);
    border-radius: 50%;
    opacity: 0;
    transition: opacity var(--ease-base)
}

@media (max-width: 768px) {
    .wpcf7-form-control-wrap .wpcf7-radio>.wpcf7-list-item label:after {
        top:.6em;
        left: -1.7rem
    }
}

.wpcf7-form-control-wrap .wpcf7-radio>.wpcf7-list-item label:has(input:checked):after {
    opacity: 1
}

.wpcf7-form-control-wrap .wpcf7-radio>.wpcf7-list-item label input[type=radio] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0
}

.wpcf7-form-control-wrap .wpcf7-radio>.wpcf7-list-item label+.radio-text {
    margin-top: .4rem;
    margin-left: -2.8rem;
    font-size: 1.4rem;
    line-height: 1.8;
    font-weight: 400
}

@media (max-width: 768px) {
    .wpcf7-form-control-wrap .wpcf7-radio>.wpcf7-list-item label+.radio-text {
        margin-left:-2.3rem;
        font-size: 1.2rem;
        line-height: 1.8
    }
}

.wpcf7-response-output {
    display: none
}

.wpcf7-spinner,#autozip {
    display: none!important
}

.p-confirm__row {
    padding-bottom: 4rem;
    border-bottom: .1rem solid #ccc
}

@media (max-width: 768px) {
    .p-confirm__row {
        padding-bottom:3.3rem
    }
}

.p-confirm__row+.p-confirm__row {
    margin-top: 3.2rem
}

.p-confirm__row--detail {
    margin-top: 5.6rem;
    padding-bottom: 0;
    border-bottom: none
}

@media (max-width: 768px) {
    .p-confirm__row--detail {
        margin-top:3.2rem
    }
}

.p-confirm__row-label {
    font-size: 1.8rem;
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-confirm__row-label {
        font-size:1.6rem;
        line-height: 1.3
    }
}

.p-confirm__row-input {
    margin-top: 1.6rem;
    line-height: 1.3;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-confirm__row-input {
        margin-top:.8rem;
        font-size: 1.4rem;
        line-height: 1.3
    }
}

.p-confirm__foot {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 4rem;
    margin-top: 8.8rem;
    padding-top: 8.8rem;
    border-top: .1rem solid #ccc
}

@media (max-width: 768px) {
    .p-confirm__foot {
        flex-direction:column;
        row-gap: 2.4rem;
        margin-top: 4rem;
        padding-top: 4rem
    }
}

.p-confirm__foot-button {
    position: relative;
    width: 100%;
    max-width: 30.4rem;
    height: 7.2rem;
    text-align: center
}

@media (max-width: 768px) {
    .p-confirm__foot-button {
        max-width:26.4rem;
        min-height: 6.8rem
    }
}

.p-confirm__foot-button .c-icon {
    opacity: 0;
    right: 3.2rem;
    translate: 0 -50%;
    color: #fff
}

@media (max-width: 768px) {
    .p-confirm__foot-button .c-icon {
        opacity:1;
        right: 1.6rem
    }
}

@media (any-hover: hover) {
    .p-confirm__foot-button:hover .c-button {
        color:var(--color-primary);
        background-color: #fff;
        border-color: var(--color-primary)
    }

    .p-confirm__foot-button:hover .c-icon {
        opacity: 1
    }

    .p-confirm__foot-button:hover .c-arrow-hover:before {
        opacity: 0
    }

    .p-confirm__foot-button:hover .c-arrow-hover:after {
        opacity: 1;
        scale: 1
    }
}

.p-top-mv {
    position: relative;
    height: clamp(66rem,60vw,96rem);
    background-color: var(--color-primary-light)
}

@media (max-width: 768px) {
    .p-top-mv {
        height:88.8rem
    }
}

.p-top-mv__inner {
    display: flex;
    column-gap: min(5vw,8.1rem);
    width: 100%;
    max-width: min(88.5vw,141.7rem);
    margin-inline:auto;translate: min(.7vw,1.1rem) 0
}

@media (max-width: 768px) {
    .p-top-mv__inner {
        display:block;
        max-width: 100%;
        translate: 0
    }
}

.p-top-mv__body {
    width: 100%;
    max-width: min(38.5vw,61.6rem);
    margin-top: calc(var(--header-height) + min(2.1vw,3.4rem))
}

@media (max-width: 768px) {
    .p-top-mv__body {
        max-width:32rem;
        margin: 4.8rem auto 0
    }
}

.p-top-mv__catch {
    position: relative
}

.p-top-mv__heading {
    position: absolute;
    top: min(12.2vw,19.5rem);
    left: 50%;
    translate: -50% 0;
    z-index: 100;
    letter-spacing: .05em;
    font-weight: 400;
    text-align: center
}

@media (max-width: 768px) {
    .p-top-mv__heading {
        top:8.2rem;
        min-width: 18.8rem
    }
}

.p-top-mv__heading-sub {
    display: block;
    font-size: clamp(2.2rem,3vw,4.8rem);
    line-height: 1.625
}

@media (max-width: 768px) {
    .p-top-mv__heading-sub {
        font-size:3rem;
        line-height: 1.4
    }
}

.p-top-mv__heading-main {
    display: block;
    margin-top: min(.9vw,1.5rem);
    font-size: clamp(3rem,4.2vw,6.6rem);
    line-height: 1;
    color: var(--color-primary)
}

@media (max-width: 768px) {
    .p-top-mv__heading-main {
        margin-top:1rem;
        font-size: 4.4rem
    }
}

.p-top-mv__icon {
    position: absolute;
    z-index: 100
}

.p-top-mv__icon img {
    width: 100%
}

.p-top-mv__icon--1 {
    top: min(2vw,3.2rem);
    left: min(2.1vw,3.3rem);
    width: min(7.5vw,12rem)
}

@media (max-width: 768px) {
    .p-top-mv__icon--1 {
        top:4rem;
        left: -.4rem;
        width: 6.4rem
    }
}

.p-top-mv__icon--2 {
    top: min(16.2vw,25.9rem);
    right: max(-2vw,-3.1rem);
    width: min(6.5vw,10.4rem)
}

@media (max-width: 768px) {
    .p-top-mv__icon--2 {
        top:13rem;
        right: -1.1rem;
        width: 6.4rem
    }
}

.p-top-mv__icon--3 {
    bottom: min(6.4vw,10.1rem);
    left: max(-3vw,-4.7rem);
    width: min(8.5vw,13.6rem)
}

@media (max-width: 768px) {
    .p-top-mv__icon--3 {
        bottom:6.9rem;
        left: -1.2rem;
        width: 7.2rem
    }
}

.p-top-mv__circle {
    width: 100%;
    aspect-ratio: 1;
    background: var(--color-accent-grad-thin);
    border-radius: 50%
}

.p-top-mv__list {
    display: grid;
    grid-template-columns: min(13vw,15.6rem) min(16vw,19.2rem) min(13vw,15.6rem);
    justify-content: center;
    gap: min(.5vw,.8rem);
    position: relative;
    z-index: 100;
    margin-top: max(-3.2vw,-5rem)
}

@media (max-width: 768px) {
    .p-top-mv__list {
        grid-template-columns:12rem 12rem;
        gap: .8rem;
        margin-top: -5.6rem
    }
}

.p-top-mv__item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: clamp(7.8rem,6vw,9.6rem);
    padding-block:.5em;line-height: initial;
    border-radius: var(--radius-base);
    border: .1rem solid var(--color-primary)
}

@media (max-width: 768px) {
    .p-top-mv__item {
        height:7.2rem
    }
}

.p-top-mv__item:first-of-type p:last-of-type {
    margin-top: max(-.4vw,-.7rem)
}

@media (max-width: 768px) {
    .p-top-mv__item:first-of-type p:last-of-type {
        margin-top:0
    }
}

@media (max-width: 768px) {
    .p-top-mv__item:nth-of-type(2) {
        grid-row-start:2;
        grid-column: 1/span 2;
        justify-self: center;
        width: 14.4rem
    }
}

.p-top-mv__item:nth-of-type(2) p:last-of-type {
    margin-top: max(-.2vw,-.4rem)
}

@media (max-width: 768px) {
    .p-top-mv__item:nth-of-type(2) p:last-of-type {
        margin-top:-.3rem
    }
}

.p-top-mv__item:last-of-type p:last-of-type {
    margin-top: max(-.5vw,-.8rem)
}

@media (max-width: 768px) {
    .p-top-mv__item:last-of-type p:last-of-type {
        margin-top:-.9rem
    }
}

.p-top-mv__item-large {
    font-size: clamp(1.8rem,1.8vw,2.8rem)
}

@media (max-width: 768px) {
    .p-top-mv__item-large {
        font-size:2.2rem
    }
}

.p-top-mv__item-medium {
    font-size: clamp(1.6rem,1.4vw,2.2rem)
}

@media (max-width: 768px) {
    .p-top-mv__item-medium {
        font-size:1.8rem
    }
}

.p-top-mv__item-small {
    font-size: clamp(1.4rem,1.3vw,2rem)
}

@media (max-width: 768px) {
    .p-top-mv__item-small {
        font-size:1.6rem
    }
}

.p-top-mv__loop {
    overflow: hidden
}

@media (max-width: 768px) {
    .p-top-mv__loop {
        margin-top:1.6rem
    }
}

.p-top-mv__loop-item {
    display: flex;
    flex-direction: column;
    width: min(45vw,72rem);
    height: clamp(66rem,60vw,96rem);
    will-change: translate
}

@media (max-width: 768px) {
    .p-top-mv__loop-item {
        flex-direction:row;
        width: 100vw;
        height: 38.4rem
    }
}

@media (max-width: 768px) {
    .p-top-mv__loop-item picture {
        min-width:138.9rem
    }
}

.p-top-mv__loop-item picture img {
    width: 100%
}

@media (min-width: 769px) {
    .p-top-mv__loop-item picture img {
        animation:loop-mv 40s linear .5s infinite
    }
}

@media (max-width: 768px) {
    .p-top-mv__loop-item picture img {
        height:38.4rem
    }
}

@media (max-width: 768px) {
    .p-top-mv__loop-item picture:first-child img {
        animation:loop-mv1-sp 50s -25s linear infinite
    }
}

@media (max-width: 768px) {
    .p-top-mv__loop-item picture:last-child img {
        animation:loop-mv2-sp 50s linear infinite
    }
}

@keyframes loop-mv {
    0% {
        translate: 0
    }

    to {
        translate: 0 -100%
    }
}

@keyframes loop-mv1-sp {
    0% {
        translate: 100% 0
    }

    to {
        translate: -100% 0
    }
}

@keyframes loop-mv2-sp {
    0% {
        translate: 0
    }

    to {
        translate: -200% 0
    }
}

.p-top-mv__heading,.p-top-mv__loop {
    opacity: 0;
    transition: opacity var(--ease-mv);
    transition-delay: .3s
}

.is-loaded .p-top-mv__heading,.is-loaded .p-top-mv__loop {
    opacity: 1
}

.p-top-reason {
    position: relative;
    padding-top: 11.2rem
}

@media (max-width: 768px) {
    .p-top-reason {
        padding-top:5.2rem
    }
}

.p-top-reason:before {
    position: absolute;
    top: -5.9vw;
    left: 0;
    width: 100%;
    height: 6.1vw;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9Ijk2LjAwMiIgdmlld0JveD0iMCAwIDE2MDAgOTYuMDAyIj4gPHBhdGggaWQ9IuS4reODnuODiV80IiBkYXRhLW5hbWU9IuS4reODnuODiSA0IiBkPSJNODAwLDk2LDAsOTZWMEMxNi44MjgsNS42MzUsNDUuNzYsMTQuNTE0LDg4LjA0LDI0LjgsMTM3LjA0OCwzNi43MywxOTEuMzM3LDQ3LjQ2NywyNDkuNCw1Ni43MTRjNzMuODYzLDExLjc2NCwxNTMuNDg3LDIxLjAzNCwyMzYuNjU5LDI3LjU1NCw0Ny42MzYsMy43MzQsOTcuMTU3LDYuNjE0LDE0Ny4xODcsOC41NkM2ODcuMzQ5LDk0LjkzMyw3NDMuNDUzLDk2LDgwMCw5NmgwWm04MDAsMEg4MDAuMTljNTYuNDY1LDAsMTEyLjUwNS0xLjA2OSwxNjYuNTY1LTMuMTcyLDUwLjAyOS0xLjk0Niw5OS41NS00LjgyNiwxNDcuMTg3LTguNTYsODMuMTczLTYuNTE5LDE2Mi44LTE1Ljc5LDIzNi42NTktMjcuNTU0LDU4LjA2Mi05LjI0NywxMTIuMzUxLTE5Ljk4NCwxNjEuMzU5LTMxLjkxMUMxNTU0LjIyNywxNC41MTcsMTU4My4xNjYsNS42MzcsMTYwMCwwVjk2WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat center/100%;
    content: ""
}

@media (max-width: 768px) {
    .p-top-reason:before {
        top:-2.4rem;
        height: 108.8rem;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNzUiIGhlaWdodD0iMTA4OC4wMDEiIHZpZXdCb3g9IjAgMCAzNzUgMTA4OC4wMDEiPiA8cGF0aCBpZD0i5Lit44Oe44OJXzMiIGRhdGEtbmFtZT0i5Lit44Oe44OJIDMiIGQ9Ik0zNzUsMTA4OEgwVjBDNi44MTYsMi40MzUsMjYuMTUyLDguNjkxLDU4LjQ1MywxNC4xNzljMTcuMzExLDIuOTQxLDM1Ljk3Myw1LjI1OSw1NS40NjcsNi44ODhDMTM3LjIsMjMuMDE0LDE2MS45NTMsMjQsMTg3LjUsMjRzNTAuMy0uOTg3LDczLjU4LTIuOTMzYzE5LjQ5NC0xLjYzLDM4LjE1Ni0zLjk0Nyw1NS40NjctNi44ODhDMzQ4LjgzNyw4LjY5MywzNjguMTgyLDIuNDM2LDM3NSwwVjEwODhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat center/100%
    }
}

.p-top-reason__wrapper {
    position: relative;
    padding-bottom: 11.2rem;
    overflow: hidden
}

@media (max-width: 768px) {
    .p-top-reason__wrapper {
        padding-bottom:12.6rem
    }
}

.p-top-reason__heading {
    line-height: initial;
    font-weight: 400;
    text-align: center
}

.p-top-reason__heading-sub {
    display: block;
    font-size: 2rem
}

@media (max-width: 768px) {
    .p-top-reason__heading-sub {
        font-size:1.6rem
    }
}

.p-top-reason__heading-sub span {
    font-weight: 500;
    color: var(--color-primary)
}

.p-top-reason__heading-main {
    display: block;
    font-size: 5.2rem;
    letter-spacing: .04em
}

@media (max-width: 768px) {
    .p-top-reason__heading-main {
        margin-top:-.4rem;
        font-size: 3.6rem;
        letter-spacing: .05em
    }
}

.p-top-reason__head {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: .5rem;
    margin-top: 6.4rem
}

@media (max-width: 768px) {
    .p-top-reason__head {
        grid-template-columns:repeat(2,1fr);
        gap: .8rem;
        margin-top: 2.4rem;
        padding-inline:.8rem}
}

.p-top-reason__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    row-gap: min(1vw,1.1rem);
    aspect-ratio: 1;
    padding-block:min(2.4vw,2.6rem) min(2vw,2.2rem);background-color: var(--color-light-gray);
    border-radius: 50%;
    text-align: center
}

@media (max-width: 768px) {
    .p-top-reason__item {
        row-gap:.6rem;
        padding-block:2.4rem 2rem}
}

.p-top-reason__item-icon {
    width: min(5.9vw,6.4rem)
}

@media (max-width: 768px) {
    .p-top-reason__item-icon {
        width:5.6rem
    }
}

.p-top-reason__item-icon img {
    width: 100%
}

.p-top-reason__item-label {
    font-size: clamp(1.4rem,1.6vw,1.8rem);
    line-height: 1.35
}

@media (max-width: 768px) {
    .p-top-reason__item-label {
        font-size:1.6rem
    }
}

.p-top-reason__item-label span {
    font-size: clamp(1.6rem,2vw,2.2rem);
    color: var(--color-primary)
}

@media (max-width: 768px) {
    .p-top-reason__item-label span {
        font-size:1.8rem
    }
}

.p-top-reason__item-label>.large {
    font-size: clamp(1.8rem,2.9vw,3.2rem);
    line-height: 1
}

@media (max-width: 768px) {
    .p-top-reason__item-label>.large {
        font-size:2.6rem
    }
}

.p-top-reason__foot {
    position: relative
}

.p-top-reason__foot-lead {
    width: fit-content;
    margin: 6.5rem auto;
    font-size: 2.2rem;
    line-height: 3.2727272727;
    text-align: center
}

@media (max-width: 768px) {
    .p-top-reason__foot-lead {
        margin:11rem auto 2.6rem;
        font-size: 1.6rem;
        line-height: 2.3
    }
}

.p-top-reason__foot-icon {
    position: absolute
}

.p-top-reason__foot-icon img {
    width: 100%
}

.p-top-reason__foot-icon--1 {
    top: min(1.8vw,2.6rem);
    left: min(6.7vw,9.7rem);
    width: clamp(3.5rem,3vw,4.4rem)
}

@media (max-width: 768px) {
    .p-top-reason__foot-icon--1 {
        top:-10.8rem;
        left: 1.2rem;
        width: 3.2rem
    }
}

.p-top-reason__foot-icon--2 {
    top: min(3.2vw,4.6rem);
    right: max(-8vw,-11.6rem);
    width: clamp(15.4rem,13.3vw,19.2rem)
}

@media (max-width: 768px) {
    .p-top-reason__foot-icon--2 {
        right:-.8rem;
        top: -10.1rem;
        width: 12rem
    }
}

.p-top-reason__foot-icon--3 {
    bottom: min(.4vw,.6rem);
    left: max(-5.3vw,-7.6rem);
    width: clamp(12.2rem,10.5vw,15.2rem)
}

@media (max-width: 768px) {
    .p-top-reason__foot-icon--3 {
        bottom:-9.4rem;
        left: -.8rem;
        width: 9.6rem
    }
}

.p-top-reason__foot-icon--4 {
    bottom: max(-3.4vw,-5.4rem);
    right: min(11.6vw,16.8rem);
    width: clamp(3.5rem,3vw,4.4rem)
}

@media (max-width: 768px) {
    .p-top-reason__foot-icon--4 {
        bottom:-10.4rem;
        right: 0;
        width: 3.2rem
    }
}

.p-top-qa {
    margin-top: 11.2rem
}

@media (max-width: 768px) {
    .p-top-qa {
        margin-top:5.6rem
    }
}

.p-top-column {
    margin-top: 11.2rem
}

@media (max-width: 768px) {
    .p-top-column {
        margin-top:6.4rem
    }
}

.p-top-column__wrapper {
    position: relative
}

.p-top-column__wrapper:before {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -100;
    width: 92.3vw;
    height: 33.8vw;
    background-color: var(--color-light-gray);
    border-radius: 2rem 0 0 2rem;
    content: ""
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
    .p-top-column__wrapper:before {
        min-height:38rem
    }
}

@media (max-width: 768px) {
    .p-top-column__wrapper:before {
        width:36.7rem;
        height: 41.4rem;
        border-radius: 1rem 0 0 1rem
    }
}

.p-top-column__icon {
    position: absolute;
    top: -4vw;
    left: 10.8vw;
    width: 2.8vw
}

.p-top-column__icon img {
    width: 100%
}

.p-top-column__inner {
    padding-top: 8.8rem
}

@media (max-width: 768px) {
    .p-top-column__inner {
        padding-top:5.6rem
    }
}

.p-top-column__swiper {
    margin-top: -2.3vw;
    padding-block:5.3vw 3.5vw}

@media screen and (min-width: 769px) and (max-width: 1080px) {
    .p-top-column__swiper {
        margin-top:-3.6rem;
        padding-block:8.4rem 5.6rem}
}

@media (max-width: 768px) {
    .p-top-column__swiper {
        margin-top:-2.7rem;
        padding-block:5.4rem 3.2rem}
}

.p-top-column__swiper .swiper-wrapper {
    transition-timing-function: cubic-bezier(.645,.045,.355,1)
}

.p-top-column__swiper-pagination {
    top: 0!important;
    left: initial!important;
    right: min(16.3vw,26rem);
    width: fit-content!important;
    height: fit-content
}

@media (max-width: 768px) {
    .p-top-column__swiper-pagination {
        right:2.4rem
    }
}

.p-top-column__swiper-pagination .swiper-pagination-bullet {
    width: 2rem;
    font-size: 2rem;
    line-height: initial;
    letter-spacing: .04em;
    color: #999;
    background: none;
    opacity: 1;
    transition: all var(--ease-base)
}

@media (max-width: 768px) {
    .p-top-column__swiper-pagination .swiper-pagination-bullet {
        width:1.4rem;
        font-size: 1.6rem;
        letter-spacing: 0
    }
}

@media (any-hover: hover) {
    .p-top-column__swiper-pagination .swiper-pagination-bullet:hover {
        color:var(--color-primary);
        font-weight: 900
    }
}

.p-top-column__swiper-pagination .swiper-pagination-bullet:first-child {
    margin: 0!important
}

.p-top-column__swiper-pagination .swiper-pagination-bullet-active {
    color: var(--color-primary);
    font-weight: 900
}

.p-top-column__swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    position: relative;
    margin: 0 0 0 2.4rem!important
}

@media (max-width: 768px) {
    .p-top-column__swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
        margin:0 0 0 1.8rem!important
    }
}

.p-top-column__swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet:before {
    position: absolute;
    top: 0;
    left: -.4rem;
    translate: -100% 50%;
    width: 1.6rem;
    aspect-ratio: 1;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4gPGcgaWQ9IuOCsOODq+ODvOODl18yNTciIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDI1NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNzkgLTQ0NzYpIj4gPHJlY3QgaWQ9IumVt+aWueW9ol81MDciIGRhdGEtbmFtZT0i6ZW35pa55b2iIDUwNyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTc5IDQ0NzYpIiBmaWxsPSJub25lIi8+IDxyZWN0IGlkPSLplbfmlrnlvaJfNTA4IiBkYXRhLW5hbWU9IumVt+aWueW9oiA1MDgiIHdpZHRoPSIxIiBoZWlnaHQ9IjE2IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjk4NSwgMC4xNzQsIC0wLjE3NCwgMC45ODUsIDExODcuNzc4LCA0NDc2KSIgZmlsbD0iIzk5OSIvPiA8L2c+PC9zdmc+) no-repeat center/100%;
    content: ""
}

@media (max-width: 768px) {
    .p-top-column__swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet:before {
        left:-.2rem;
        width: 1.4rem
    }
}

.p-top-column__swiper-arrow {
    top: 48%;
    width: min(4vw,6.4rem);
    height: min(4vw,6.4rem);
    background-color: var(--color-primary);
    border-radius: 50%;
    transition: scale var(--ease-base)
}

@media (max-width: 768px) {
    .p-top-column__swiper-arrow {
        top:50%;
        width: 4.8rem;
        height: 4.8rem
    }
}

@media (any-hover: hover) {
    .p-top-column__swiper-arrow:hover {
        scale:1.25
    }
}

.p-top-column__swiper-arrow:after {
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    width: min(1vw,1.6rem);
    height: min(1vw,1.6rem);
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4gPHBhdGggaWQ9ImFycm93X2ZvcndhcmRfMjRkcF81RjYzNjhfRklMTDBfd2dodDMwMF9HUkFEMF9vcHN6MjQiIGQ9Ik0xOTIuOTM2LTc3MS4ySDE4MHYtMS42aDEyLjkzNWwtNi4wNzYtNi4wNzZMMTg4LTc4MGw4LDgtOCw4LTEuMTQxLTEuMTI0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE4MCA3ODApIiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat center/100%;
    content: ""
}

@media (max-width: 768px) {
    .p-top-column__swiper-arrow:after {
        width:1.2rem;
        height: 1.2rem
    }
}

.p-top-column__swiper-arrow--prev {
    left: min(10vw,16rem)
}

@media (max-width: 768px) {
    .p-top-column__swiper-arrow--prev {
        left:2.4rem
    }
}

.p-top-column__swiper-arrow--prev:after {
    rotate: 180deg
}

.p-top-column__swiper-arrow--next {
    right: min(10vw,16rem)
}

@media (max-width: 768px) {
    .p-top-column__swiper-arrow--next {
        right:2.4rem
    }
}

.p-top-column__card {
    height: revert
}

.p-top-column__card-link {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%
}

.p-top-column__card-link:after {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: -50;
    width: 167%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--color-primary-grad-dark);
    opacity: 0;
    scale: 0;
    transition: all var(--ease-base);
    content: ""
}

@media (any-hover: hover) {
    .p-top-column__card-link:hover:after {
        opacity:1;
        scale: 1
    }

    .p-top-column__card-link:hover .p-top-column__card-title {
        color: var(--color-primary)
    }
}

.p-top-column__card-thumbnail {
    position: relative;
    width: 88%;
    aspect-ratio: 300/200;
    margin-inline:auto;border-radius: var(--radius-base);
    overflow: hidden
}

@media (max-width: 768px) {
    .p-top-column__card-thumbnail {
        width:85.7%;
        aspect-ratio: 240/160
    }
}

.p-top-column__card-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.p-top-column__card-body {
    flex: 1;
    margin-top: -1.3vw;
    padding: 2.5vw;
    background-color: #fff;
    border-radius: var(--radius-base);
    box-shadow: var(--shadow-base)
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
    .p-top-column__card-body {
        margin-top:max(-1.3vw,-2rem);
        padding: min(2.5vw,4rem)
    }
}

@media (max-width: 768px) {
    .p-top-column__card-body {
        margin-top:-1.4rem;
        padding: 3.2rem;
        box-shadow: 0 .3rem .6rem #0000000d
    }
}

.p-top-column__card-title {
    font-size: 1.3vw;
    line-height: 1.3;
    font-weight: 400;
    transition: color var(--ease-base)
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
    .p-top-column__card-title {
        font-size:clamp(1.4rem,1.3vw,2rem)
    }
}

@media (max-width: 768px) {
    .p-top-column__card-title {
        font-size:1.6rem;
        line-height: 1.3
    }
}

.p-top-column__card-date {
    display: block;
    margin-top: 1.2rem;
    font-size: .9vw;
    line-height: 1.3;
    color: var(--color-primary)
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
    .p-top-column__card-date {
        font-size:clamp(1.2rem,.9vw,1.4rem)
    }
}

@media (max-width: 768px) {
    .p-top-column__card-date {
        font-size:1.2rem;
        line-height: 1.3
    }
}

.p-top-column__card p:not([class]) {
    margin-top: 1.2rem;
    font-size: 1vw;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
    .p-top-column__card p:not([class]) {
        font-size:clamp(1.2rem,1vw,1.6rem)
    }
}

@media (max-width: 768px) {
    .p-top-column__card p:not([class]) {
        font-size:1.4rem
    }
}

.p-top-news {
    margin-top: 11.2rem
}

@media (max-width: 768px) {
    .p-top-news {
        margin-top:6.4rem
    }
}

.p-top-news__inner {
    position: relative;
    width: 100%;
    max-width: 139.2rem;
    margin-inline:auto;padding-inline:2rem}

@media (max-width: 768px) {
    .p-top-news__inner {
        max-width:35.9rem;
        padding-inline:0}
}

.p-top-news__body {
    padding: min(8.1vw,8.8rem) min(12.5vw,13.5rem) min(8.9vw,9.6rem);
    background-color: var(--color-primary-light);
    border-radius: 2rem
}

@media (max-width: 768px) {
    .p-top-news__body {
        padding:5.6rem 1.6rem;
        border-radius: 1rem
    }
}

.p-top-news__body-icon {
    position: absolute;
    bottom: -3.7rem;
    right: 4.4rem;
    width: min(6.4vw,6.9rem)
}

@media (max-width: 768px) {
    .p-top-news__body-icon {
        bottom:-4rem;
        right: 1.6rem;
        width: 4rem
    }
}

.p-top-news__body-icon img {
    width: 100%
}

.p-top-news__block {
    display: flex;
    column-gap: min(9.9vw,10.7rem)
}

@media (max-width: 768px) {
    .p-top-news__block {
        display:block
    }
}

.p-top-news__block .c-heading {
    flex-shrink: 0
}

.p-top-news__content {
    margin-top: 2.4rem
}

.p-top-call {
    margin-block:8.8rem}

@media (max-width: 768px) {
    .p-top-call {
        margin-block:5.6rem 4.8rem
    }
}

.p-top-call__body {
    display: flex;
    align-items: center;
    column-gap: 2.8rem;
    width: 100%;
    max-width: 92rem;
    margin-inline:auto}

@media (max-width: 768px) {
    .p-top-call__body {
        display:block;
        max-width: 100%
    }
}

.p-top-call__content {
    flex-shrink: 0
}

.p-top-call__content-lead {
    line-height: 2.3
}

@media (max-width: 768px) {
    .p-top-call__content-lead {
        line-height:2.3
    }
}

.p-top-call__content-list {
    display: grid;
    grid-template-columns: repeat(2,auto);
    gap: .8rem;
    margin-top: 4rem
}

@media (max-width: 768px) {
    .p-top-call__content-list {
        margin-top:1.6rem
    }
}

.p-top-call__content-item {
    display: flex;
    align-items: center;
    column-gap: .8rem
}

.p-top-call__content-item>.icon {
    width: 3.2rem
}

.p-top-call__content-item>.icon img {
    width: 100%
}

.p-top-call__content-item>.label {
    font-size: 1.4rem;
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-top-call__figure {
        margin-top:2.4rem
    }
}

.p-top-call__figure img {
    width: 100%
}

.p-energy-voice {
    margin-top: min(8vw,8.6rem)
}

@media (max-width: 768px) {
    .p-energy-voice {
        margin-top:4rem
    }
}

.p-energy-voice__inner {
    position: relative
}

.p-energy-voice__heading {
    font-size: clamp(2rem,2.4vw,2.6rem);
    line-height: 2.3;
    text-align: center
}

@media (max-width: 768px) {
    .p-energy-voice__heading {
        font-size:2rem;
        line-height: 1.8
    }
}

.p-energy-voice__heading span {
    font-size: clamp(2.4rem,2.8vw,3rem);
    line-height: 1.9933333333;
    color: var(--color-primary)
}

@media (max-width: 768px) {
    .p-energy-voice__heading span {
        font-size:2.2rem;
        line-height: 1.6363636364
    }
}

.p-energy-voice__list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: min(3.7vw,4rem);
    margin-top: min(5vw,5.4rem);
    padding-inline:2rem}

@media (max-width: 768px) {
    .p-energy-voice__list {
        grid-template-columns:1fr;
        gap: 2.4rem;
        margin-top: 3.2rem;
        padding-inline:0}
}

.p-energy-voice__item {
    display: flex;
    flex-direction: column;
    row-gap: min(10.9vw,11.8rem)
}

@media (max-width: 768px) {
    .p-energy-voice__item {
        row-gap:6.4rem
    }
}

.p-energy-voice__item-head {
    display: grid;
    place-items: center;
    position: relative;
    width: min(21.5vw,23.2rem);
    aspect-ratio: 1;
    margin-inline:auto;background-color: var(--color-light-gray);
    border-radius: 50%
}

@media (max-width: 768px) {
    .p-energy-voice__item-head {
        width:17.6rem
    }
}

.p-energy-voice__item-head:after {
    position: absolute;
    bottom: max(-3.5vw,-3.8rem);
    left: 50%;
    translate: -50% 0;
    width: min(2.2vw,2.4rem);
    aspect-ratio: 1;
    clip-path: var(--clip-triangle-bottom);
    background-color: var(--color-primary);
    content: ""
}

@media (max-width: 768px) {
    .p-energy-voice__item-head:after {
        bottom:-2rem;
        width: 1.6rem
    }
}

.p-energy-voice__item-head>.label {
    font-size: clamp(1.4rem,1.7vw,1.8rem);
    line-height: 1.3;
    text-align: center
}

@media (max-width: 768px) {
    .p-energy-voice__item-head>.label {
        font-size:1.6rem;
        line-height: 1.3
    }
}

.p-energy-voice__item-head>.label span {
    font-size: clamp(1.6rem,2vw,2.2rem);
    line-height: 1.3;
    color: var(--color-blue)
}

@media (max-width: 768px) {
    .p-energy-voice__item-head>.label span {
        font-size:1.8rem;
        line-height: 1.3
    }
}

@media (min-width: 769px) {
    .p-energy-voice__item-head>.label.small {
        font-size:clamp(1.4rem,1.5vw,1.6rem);
        line-height: 1.3
    }

    .p-energy-voice__item-head>.label.small span {
        font-size: clamp(1.6rem,1.9vw,2rem);
        line-height: 1.3
    }
}

.p-energy-voice__item-foot {
    flex: 1;
    position: relative;
    padding: 0 min(3.7vw,4rem) min(3.7vw,4rem);
    background-color: var(--color-primary-medium);
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-energy-voice__item-foot {
        padding:0 3.2rem 3.2rem
    }
}

.p-energy-voice__item-foot:before {
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% -50%;
    z-index: -10;
    width: min(12.6vw,13.6rem);
    aspect-ratio: 1;
    background-color: var(--color-primary-medium);
    border-radius: 50%;
    content: ""
}

@media (max-width: 768px) {
    .p-energy-voice__item-foot:before {
        top:-4rem;
        translate: -50% 0;
        width: 11.2rem
    }
}

.p-energy-voice__item-foot>.icon {
    position: relative;
    translate: 0 -50%;
    width: min(5.9vw,6.4rem);
    aspect-ratio: 1;
    margin-inline:auto}

@media (max-width: 768px) {
    .p-energy-voice__item-foot>.icon {
        width:4.8rem
    }
}

.p-energy-voice__item-foot>.icon img {
    width: 100%
}

.p-energy-voice__item-foot>.label {
    margin-top: max(-.8vw,-.9rem);
    font-size: clamp(1.6rem,2vw,2.2rem);
    line-height: 1.3;
    text-align: center
}

@media (max-width: 768px) {
    .p-energy-voice__item-foot>.label {
        margin-top:-.9rem;
        font-size: 1.8rem;
        line-height: 1.3
    }
}

.p-energy-voice__item-foot>.label span {
    font-size: clamp(2.2rem,2.6vw,2.8rem);
    line-height: initial;
    color: var(--color-primary)
}

@media (max-width: 768px) {
    .p-energy-voice__item-foot>.label span {
        font-size:2.2rem
    }
}

.p-energy-voice__item-foot>.label .large {
    margin-inline:.4rem;font-size: clamp(2.8rem,3.1vw,3.4rem);
    line-height: 1.1764705882
}

@media (max-width: 768px) {
    .p-energy-voice__item-foot>.label .large {
        margin-inline:.2rem;
        font-size: 2.6rem;
        line-height: 1.3
    }
}

.p-energy-voice__item-foot>.detail {
    margin-top: min(2.2vw,2.4rem)
}

@media (max-width: 768px) {
    .p-energy-voice__item-foot>.detail {
        margin-top:.8rem
    }
}

.p-energy-voice__item-foot>.note {
    margin-top: .8rem;
    padding-left: 1em;
    text-indent: -1em;
    font-size: clamp(1.2rem,1.3vw,1.4rem);
    line-height: 1.3;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-energy-voice__item-foot>.note {
        margin-top:.4rem;
        font-size: 1.2rem;
        line-height: 1.3
    }
}

.p-energy-voice__item-foot>.note+.note {
    margin-top: .4rem
}

.p-energy-voice__icon {
    position: absolute;
    bottom: max(-3.5vw,-3.8rem);
    left: max(-3vw,-3.2rem)
}

@media (max-width: 768px) {
    .p-energy-voice__icon {
        bottom:-3.8rem;
        left: 2.4rem
    }
}

.p-energy-voice__icon img {
    width: min(9.6vw,10.4rem);
    height: min(8.6vw,9.3rem)
}

@media (max-width: 768px) {
    .p-energy-voice__icon img {
        width:6.3rem;
        height: 5.6rem
    }
}

.p-energy-anchor {
    translate: 0 -50%
}

@media (max-width: 768px) {
    .p-energy-anchor {
        translate:0 -4.8rem
    }
}

.p-energy-anchor__list {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: min(2.2vw,2.4rem)
}

@media (max-width: 768px) {
    .p-energy-anchor__list {
        grid-template-columns:repeat(2,1fr);
        gap: 2rem .7rem
    }
}

.p-energy-anchor__item-label {
    display: block;
    position: relative;
    width: 100%;
    padding: min(1.5vw,1.6rem) min(2.2vw,2.4rem) min(2.6vw,2.8rem);
    text-align: center;
    background-color: #fff;
    border-radius: var(--radius-base);
    box-shadow: var(--shadow-base);
    transition: color var(--ease-base)
}

@media (max-width: 768px) {
    .p-energy-anchor__item-label {
        padding:1.6rem 2.4rem 2.8rem
    }
}

@media (any-hover: hover) {
    .p-energy-anchor__item-label:hover {
        color:var(--color-primary)
    }

    .p-energy-anchor__item-label:hover .p-energy-anchor__item-icon {
        scale: 1.33
    }
}

.p-energy-anchor__item-label>.main {
    font-size: clamp(1.6rem,1.9vw,2rem);
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-energy-anchor__item-label>.main {
        font-size:1.6rem;
        line-height: 1.3
    }
}

.p-energy-anchor__item-label>.sub {
    margin-top: min(.4vw,.4rem);
    font-size: clamp(1rem,1.3vw,1.4rem);
    line-height: 1.3;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-energy-anchor__item-label>.sub {
        margin-top:.4rem;
        font-size: 1.2rem;
        line-height: 1.3
    }
}

.p-energy-anchor__item-icon {
    display: grid;
    place-items: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    translate: -50% 50%;
    z-index: 100;
    width: min(2.2vw,2.4rem);
    aspect-ratio: 1;
    color: #fff;
    background-color: var(--color-primary);
    border-radius: 50%;
    transition: scale var(--ease-base)
}

@media (max-width: 768px) {
    .p-energy-anchor__item-icon {
        width:2.4rem
    }
}

.p-energy-anchor__item-icon>.c-icon {
    width: min(.7vw,.8rem)
}

@media (max-width: 768px) {
    .p-energy-anchor__item-icon>.c-icon {
        width:.8rem
    }
}

.p-energy-price {
    margin-top: min(15.5vw,16.8rem);
    padding-bottom: min(10.4vw,11.2rem);
    background-color: var(--color-light-gray)
}

@media (max-width: 768px) {
    .p-energy-price {
        margin-top:12rem;
        padding-bottom: 6.4rem
    }
}

.p-energy-price__head {
    position: relative;
    padding-top: min(3.7vw,4rem)
}

@media (max-width: 768px) {
    .p-energy-price__head {
        padding-top:2rem
    }
}

.p-energy-price__head-icon {
    position: absolute;
    top: min(2.5vw,2.7rem);
    left: min(24vw,25.9rem);
    width: min(3.8vw,4.1rem);
    height: min(8.9vw,9.6rem)
}

@media (max-width: 768px) {
    .p-energy-price__head-icon {
        top:2rem;
        left: 18rem;
        width: 2.4rem;
        height: 5.6rem
    }
}

.p-energy-price__head-lead {
    margin-top: min(4.4vw,4.8rem);
    font-weight: 400
}

@media (max-width: 768px) {
    .p-energy-price__head-lead {
        margin-top:1.6rem
    }
}

.p-energy-price__body {
    margin-top: min(5.9vw,6.4rem)
}

@media (max-width: 768px) {
    .p-energy-price__body {
        margin-top:2.4rem
    }
}

.p-energy-price__body-block .p-toggle__head {
    margin-right: 0
}

.p-energy-price__body-block .p-toggle__head-inner:before {
    display: none
}

.p-energy-price__body-block .p-toggle__head-label {
    padding: 2.4rem 2.8rem 2.4rem 2.4rem;
    background-color: #fff;
    border-radius: var(--radius-base);
    box-shadow: var(--shadow-small)
}

@media (max-width: 768px) {
    .p-energy-price__body-block .p-toggle__head-label {
        padding:1.6rem 2rem 1.6rem 1.6rem
    }
}

@media (max-width: 768px) {
    .p-energy-price__body-block .p-toggle__head-label:before,.p-energy-price__body-block .p-toggle__head-label:after {
        width:1.6rem
    }
}

.p-energy-price__repeat {
    padding-top: min(4.4vw,4.8rem)
}

@media (max-width: 768px) {
    .p-energy-price__repeat {
        padding-top:4rem
    }
}

.p-energy-price__repeat-note {
    margin-top: min(1.5vw,1.6rem);
    font-size: clamp(1.2rem,1.3vw,1.4rem);
    line-height: 1.3;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-energy-price__repeat-note {
        margin-top:.8rem;
        font-size: 1.2rem;
        line-height: 1.3
    }
}

.p-energy-step {
    padding-top: min(9.6vw,10.4rem)
}

@media (max-width: 768px) {
    .p-energy-step {
        padding-top:5.3rem
    }
}

.p-energy-step__foot {
    margin-top: min(6.1vw,6.6rem)
}

@media (max-width: 768px) {
    .p-energy-step__foot {
        margin-top:3.2rem
    }
}

.p-energy-step__foot-text {
    margin-top: min(2.2vw,2.4rem);
    font-weight: 400
}

@media (max-width: 768px) {
    .p-energy-step__foot-text {
        margin-top:1.6rem
    }
}

.p-energy-mypage {
    margin-top: min(10.4vw,11.2rem)
}

@media (max-width: 768px) {
    .p-energy-mypage {
        margin-top:6.4rem
    }
}

.p-energy-mypage__wrapper {
    padding-block:min(9.6vw,10.4rem) min(10.5vw,11.4rem);background-color: var(--color-light-gray)
}

@media (max-width: 768px) {
    .p-energy-mypage__wrapper {
        padding-block:5.6rem 6.4rem
    }
}

.p-energy-mypage__head {
    display: flex;
    column-gap: min(7vw,7.6rem);
    height: fit-content
}

@media (max-width: 768px) {
    .p-energy-mypage__head {
        display:block;
        height: initial
    }
}

.p-energy-mypage__head-content>.lead {
    margin-top: min(3vw,3.2rem);
    line-height: 2.3;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-energy-mypage__head-content>.lead {
        margin-top:1.6rem;
        line-height: 1.8
    }
}

.p-energy-mypage__head-image {
    flex-shrink: 0;
    position: relative;
    height: fit-content;
    margin-top: min(.7vw,.8rem)
}

@media (max-width: 768px) {
    .p-energy-mypage__head-image {
        margin-top:1.6rem
    }
}

.p-energy-mypage__head-image>.image {
    width: 100%;
    max-width: min(50vw,54rem);
    border-radius: var(--radius-base);
    overflow: hidden
}

@media (max-width: 768px) {
    .p-energy-mypage__head-image>.image {
        max-width:100%
    }
}

.p-energy-mypage__head-image>.image img {
    width: 100%
}

.p-energy-mypage__head-image>.icon {
    position: absolute;
    bottom: max(-3.7vw,-4rem);
    right: 0;
    translate: 50% 0;
    width: min(3vw,3.2rem);
    height: min(8.9vw,9.6rem)
}

@media (max-width: 768px) {
    .p-energy-mypage__head-image>.icon {
        bottom:-3.2rem;
        width: 2.4rem;
        height: 7.2rem
    }
}

.p-energy-mypage__head-image>.icon img {
    width: 100%
}

.p-energy-mypage__body {
    margin-top: min(7.2vw,7.8rem)
}

@media (max-width: 768px) {
    .p-energy-mypage__body {
        margin-top:4rem
    }
}

.p-energy-mypage__list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: min(5.3vw,5.7rem) min(4.4vw,4.8rem)
}

@media (max-width: 768px) {
    .p-energy-mypage__list {
        grid-template-columns:1fr;
        gap: 3.2rem
    }
}

.p-energy-mypage__item-lead {
    position: relative;
    width: fit-content;
    margin-inline:auto;padding: min(.7vw,.8rem) min(1.3vw,1.6rem);
    font-size: clamp(1.2rem,1.7vw,1.8rem);
    line-height: 1.3;
    background-color: #fff;
    border-radius: var(--radius-base);
    border: .1rem solid #E2E2E2
}

@media (max-width: 768px) {
    .p-energy-mypage__item-lead {
        padding:.8rem 1.6rem;
        font-size: 1.6rem;
        line-height: 1.3
    }
}

.p-energy-mypage__item-lead:before,.p-energy-mypage__item-lead:after {
    position: absolute;
    left: 50%;
    translate: -50% 100%;
    aspect-ratio: 1;
    background-color: #fff;
    border: .1rem solid #E2E2E2;
    border-radius: 50%;
    content: ""
}

.p-energy-mypage__item-lead:before {
    bottom: min(.6vw,.7rem);
    width: min(1.3vw,1.4rem);
    clip-path: inset(50% 0 0 0)
}

@media (max-width: 768px) {
    .p-energy-mypage__item-lead:before {
        bottom:.7rem;
        width: 1.4rem
    }
}

.p-energy-mypage__item-lead:after {
    bottom: max(-1.2vw,-1.3rem);
    width: min(.7vw,.8rem)
}

@media (max-width: 768px) {
    .p-energy-mypage__item-lead:after {
        bottom:-1.1rem;
        width: .8rem
    }
}

.p-energy-mypage__item-image {
    margin-top: min(3.4vw,3.7rem);
    border: .1rem solid #707070
}

@media (max-width: 768px) {
    .p-energy-mypage__item-image {
        margin-top:2.3rem
    }
}

.p-energy-mypage__item-image img {
    width: 100%
}

.p-energy-mypage__item-content {
    margin-top: min(2.2vw,2.4rem);
    text-align: center
}

@media (max-width: 768px) {
    .p-energy-mypage__item-content {
        margin-top:.8rem
    }
}

.p-energy-mypage__item-content>.label {
    font-size: clamp(2rem,2.2vw,2.4rem);
    line-height: 1.3;
    letter-spacing: .02em
}

@media (max-width: 768px) {
    .p-energy-mypage__item-content>.label {
        font-size:2rem;
        line-height: 1.3
    }
}

.p-energy-mypage__item-content>.detail {
    margin-top: min(1.5vw,1.6rem);
    font-size: clamp(1.1rem,1.5vw,1.6rem);
    line-height: 1.3;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-energy-mypage__item-content>.detail {
        margin-top:.4rem;
        font-size: 1.4rem;
        line-height: 1.3
    }
}

.p-energy-trivia {
    padding-top: min(9.6vw,10.4rem)
}

@media (max-width: 768px) {
    .p-energy-trivia {
        padding-top:5.6rem
    }
}

.p-energy-trivia__lead {
    margin-top: min(2.5vw,2.7rem);
    line-height: 2.3;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-energy-trivia__lead {
        margin-top:1.6rem;
        line-height: 1.8
    }
}

.p-energy-trivia__list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: min(3.7vw,4rem) min(3.3vw,3.6rem);
    margin-top: min(5vw,5.4rem)
}

@media (max-width: 768px) {
    .p-energy-trivia__list {
        grid-template-columns:1fr;
        gap: .8rem;
        width: 28.8rem;
        margin: 2.4rem auto 0
    }
}

.p-support .c-heading+p,
.p-support .c-page-heading+p {
    margin-top: 1.6rem;
    line-height: 2.3;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-support .c-heading+p,.p-support .c-page-heading+p {
        margin-top:2.4rem;
        line-height: initial
    }
}

.p-support-intro {
    margin-top: min(6.7vw,7.2rem);
    background-color: var(--color-primary-light);
}

@media (max-width: 768px) {
    .p-support-intro {
        margin-top:4.8rem;
        overflow-x: clip
    }
}

.p-support-intro__body {
    position: relative;
    padding: min(5.2vw,5.6rem) min(5vw,8rem) 0
}

@media (max-width: 768px) {
    .p-support-intro__body {
        padding:4rem 0 0
    }
}

/* .p-support-intro__body:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: clamp(49rem,62.3vw,67.9rem);
    background-color: var(--color-primary-light);
    border-radius: var(--radius-base);
    content: ""
} */

@media (max-width: 768px) {
    .p-support-intro__body:after {
        left:50%;
        translate: -50% 0;
        width: 35.9rem;
        height: 100.1rem
    }
}

.p-support-intro__lead {
    font-size: clamp(1.8rem,1.8vw,2.6rem);
    font-weight: bold;
    line-height: initial;
    text-align: center
}

@media (max-width: 768px) {
    .p-support-intro__lead {
        font-size:1.8rem;
        line-height: 1.3
    }
}

.p-support-intro__lead span {
    font-size: clamp(2rem,2.1vw,3rem);
    color: var(--color-primary);
	font-weight: bold;
}

@media (max-width: 768px) {
    .p-support-intro__lead span {
        font-size:2rem
    }
}

.p-support-intro__head {
    display: flex;
    column-gap: min(3vw,4.8rem);
    margin: min(5.3vw,5.7rem) min(3.7vw,6rem) 0
}

@media (max-width: 768px) {
    .p-support-intro__head {
        flex-direction:column;
        row-gap: 4.8rem;
        margin: 4rem 0 0
    }
}

.p-support-intro__head-row {
    position: relative
}

.p-support-intro__head-row>.tag {
    display: grid;
    place-content: center;
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% -50%;
    min-width: min(8.1vw,8.8rem);
    min-height: min(4.1vw,4.5rem);
    padding-inline:min(1.5vw,1.6rem);font-size: clamp(1.6rem,1.9vw,2rem);
    line-height: 1.3;
    font-weight: 700;
    color: #fff;
    background-color: var(--color-primary);
    /* border-radius: var(--radius-base); */
    /* box-shadow: var(--shadow-small) */
}

@media (max-width: 768px) {
    .p-support-intro__head-row>.tag {
        min-width:6.4rem;
        min-height: 3.2rem;
        padding-inline:1.2rem;font-size: 1.6rem;
        line-height: 1.3
    }
}

.p-support-intro__head-row>.image {
    overflow: hidden
}

.p-support-intro__head-row>.image img {
    width: 100%
}

.p-support-intro__head-row>.lead {
    margin-top: min(1.5vw,1.6rem);
    font-size: clamp(1.2rem,1.1vw,1.6rem);
    line-height: 1.3;
    font-weight: 400;
    text-align: center
}

@media (max-width: 768px) {
    .p-support-intro__head-row>.lead {
        margin-top:.8rem;
        font-size: 1.3rem;
        line-height: 1.3
    }
}

.p-support-intro__foot {
    display: flex;
    justify-content: center;
    column-gap: min(2.2vw,3.2rem);
    margin: min(3.7vw,4rem) min(1.8vw,2rem) 0 min(3.3vw,3.6rem)
}

@media (max-width: 768px) {
    .p-support-intro__foot {
        display:grid;
        grid-template-columns: 15.1rem 14.7rem;
        gap: 2.9rem;
        margin: 0;
    }
}

.p-support-intro__foot-row {
    position: relative
}

@media (max-width: 768px) {
    .p-support-intro__foot-row:first-of-type .lead:before,.p-support-intro__foot-row:first-of-type .lead:after {
        translate:0 100%
    }

    .p-support-intro__foot-row:first-of-type .lead:before {
        left: 2.4rem
    }

    .p-support-intro__foot-row:first-of-type .lead:after {
        left: 2.7rem
    }
}

.p-support-intro__foot-row:first-of-type .icon {
    width: min(3.8vw,4.1rem)
}

@media (max-width: 768px) {
    .p-support-intro__foot-row:first-of-type .icon {
        bottom:-2.9rem;
        left: 1.8rem;
        translate: 0 100%;
        width: 2.4rem
    }
}

.p-support-intro__foot-row:nth-of-type(2) {
    margin-top: min(2.4vw,2.6rem)
}

@media (max-width: 768px) {
    .p-support-intro__foot-row:nth-of-type(2) {
        margin-top:0
    }
}

@media (max-width: 768px) {
    .p-support-intro__foot-row:nth-of-type(2) .lead:before,.p-support-intro__foot-row:nth-of-type(2) .lead:after {
        left:revert;
        translate: 0 100%
    }

    .p-support-intro__foot-row:nth-of-type(2) .lead:before {
        right: 2.4rem
    }

    .p-support-intro__foot-row:nth-of-type(2) .lead:after {
        right: 2.7rem
    }
}

.p-support-intro__foot-row:nth-of-type(2) .icon {
    width: min(5.8vw,6.3rem)
}

@media (max-width: 768px) {
    .p-support-intro__foot-row:nth-of-type(2) .icon {
        bottom:-4.1rem;
        right: 1.2rem;
        translate: 0 100%;
        width: 3.7rem
    }
}

@media (max-width: 768px) {
    .p-support-intro__foot-row:last-of-type {
        grid-column:span 2;
        width: 16.6rem;
        margin-inline:auto}
}

.p-support-intro__foot-row:last-of-type .icon {
    width: min(6.6vw,7.2rem)
}

@media (max-width: 768px) {
    .p-support-intro__foot-row:last-of-type .icon {
        bottom:-2.9rem;
        left: 50%;
        translate: -50% 100%;
        width: 4.2rem
    }
}

.p-support-intro__foot-row>.lead {
    position: relative;
    padding: min(.7vw,.8rem) min(1.4vw,1.5rem);
    font-size: clamp(1.1rem,1.1vw,1.6rem);
    line-height: 1.3;
    font-weight: 400;
    background-color: #fff;
    text-align: center;
    border: .1rem solid #e2e2e2;
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-support-intro__foot-row>.lead {
        padding:.8rem 1.6rem;
        font-size: 1.4rem;
        line-height: 1.3
    }
}

.p-support-intro__foot-row>.lead:before,.p-support-intro__foot-row>.lead:after {
    position: absolute;
    left: 50%;
    translate: -50% 100%;
    aspect-ratio: 1;
    background-color: #fff;
    border: .1rem solid #e2e2e2;
    border-radius: 50%;
    content: ""
}

.p-support-intro__foot-row>.lead:before {
    bottom: min(.6vw,.7rem);
    width: min(1.3vw,1.4rem);
    clip-path: inset(50% 0 0 0)
}

@media (max-width: 768px) {
    .p-support-intro__foot-row>.lead:before {
        bottom:.7rem;
        width: 1.4rem
    }
}

.p-support-intro__foot-row>.lead:after {
    bottom: max(-1.2vw,-1.3rem);
    width: min(.7vw,.8rem)
}

@media (max-width: 768px) {
    .p-support-intro__foot-row>.lead:after {
        bottom:-1.1rem;
        width: .8rem
    }
}

@media (min-width: 769px) {
    .p-support-intro__foot-row>.icon {
        margin:min(3.5vw,3.8rem) auto 0
    }
}

@media (max-width: 768px) {
    .p-support-intro__foot-row>.icon {
        position:absolute
    }
}

.p-support-intro__foot-row>.icon img {
    width: 100%
}

.p-support-about {
    margin-top: 60px;
}

@media (max-width: 768px) {
    .p-support-about {
        margin-top: 40px;
    }
}

.p-support-about__block {
    margin-top: 35px;
}

@media (max-width: 768px) {
    .p-support-about__block {
        margin-top:3.2rem
    }
}

.p-support-about__head {
    padding: min(5.9vw,6.4rem) min(5.9vw,6.4rem) min(4.4vw,4.8rem);
    background-color: var(--color-light-blue);
    /* border-radius: var(--radius-base) */
}

@media (max-width: 768px) {
    .p-support-about__head {
        padding:2.4rem
    }
}

.p-support-about__head-list {
    display: flex;
    column-gap: min(1.5vw,1.6rem)
}

@media (max-width: 768px) {
    .p-support-about__head-list {
        flex-direction:column;
        row-gap: .8rem
    }
}

.p-support-about__head-item {
    display: grid;
    place-items: center;
    place-content: center;
    width: 100%;
    min-height: min(17.5vw,18.9rem);
    background-color: #fff;
    /* border-radius: var(--radius-base); */
    padding: 40px 0;
}

@media (max-width: 768px) {
    .p-support-about__head-item {
        min-height: fit-content;
        /* padding-block: 24px 1.6rem */
    }
}

.p-support-about__head-item>.label {
    font-size: clamp(2rem,2.8vw,3rem);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: .04em
}

@media (max-width: 768px) {
    .p-support-about__head-item>.label {
        font-size:2rem;
        line-height: initial
    }
}

.p-support-about__head-item>.detail {
    /* margin-top: min(.7vw,.8rem); */
    margin-top: 24px;
    line-height: 1.8;
    font-weight: 400;
    text-align: center
}

@media (max-width: 768px) {
    .p-support-about__head-item>.detail {
        /* margin-top:.2rem; */
/*         line-height: initial; */
        margin-top: 16px;
    }
}

.p-support-about__head-item>.sign {
    display: flex;
    align-items: center;
    margin-top: min(1.1vw,1.2rem)
}

@media (max-width: 768px) {
    .p-support-about__head-item>.sign {
        align-items:start;
        margin-top: .4rem;
        line-height: initial
    }
}

.p-support-about__head-item>.sign span {
    margin-left: .5rem;
    font-size: clamp(1.6rem,2vw,2.2rem);
    line-height: 1.3;
    color: var(--color-primary)
}

@media (max-width: 768px) {
    .p-support-about__head-item>.sign span {
        font-size:1.6rem;
        line-height: initial
    }
}

.p-support-about__head-note {
    display: flex;
    align-items: center;
    width: fit-content;
    margin: min(16px,20px) auto 0;
    padding: 16px 40px;
    background-color: #fff;
    border: 2px solid var(--color-primary);
    /* border-radius: var(--radius-base) */
}

@media (max-width: 768px) {
    .p-support-about__head-note {
        flex-wrap:wrap;
        justify-content: center;
        width: 100%;
        margin: 20px auto 0;
        padding: 16px 12px;
    }
}

.p-support-about__head-note span {
    font-size: clamp(1.4rem,1.7vw,1.8rem);
    line-height: initial;
	font-weight: bold;
}

@media (max-width: 768px) {
    .p-support-about__head-note span {
        font-size:1.4rem
    }
}

.p-support-about__head-note span.large {
    margin-inline:.2rem;font-size: clamp(2rem,2.6vw,2.8rem);
    color: var(--color-primary);
    translate: 0 max(-.3vw,-.3rem)
}

@media (max-width: 768px) {
    .p-support-about__head-note span.large {
        margin-top:-1.2rem;
        font-size: 2.4rem;
        translate: 0 .4rem
    }
}

.p-support-about__foot {
    position: relative;
    display: grid;
    place-content: center;
    place-items: center;
    width: fit-content;
    margin: min(5.9vw,6.4rem) auto 0;
    padding: min(2.7vw,2.9rem) min(6.7vw,7.2rem);
    background-color: var(--color-primary-dark);
    /* border-radius: var(--radius-base) */
}

@media (max-width: 768px) {
    .p-support-about__foot {
        margin:5.2rem auto 0;
        padding: 24px 2.3rem;
    }
}

.p-support-about__foot:before {
    position: absolute;
    top: max(-.7vw,-.8rem);
    left: 50%;
    translate: -50% -100%;
    width: min(4.4vw,4.8rem);
    aspect-ratio: 1;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij4gPGcgaWQ9Imljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzMgLTIyKSI+IDxyZWN0IGlkPSLplbfmlrnlvaJfNTc1IiBkYXRhLW5hbWU9IumVt+aWueW9oiA1NzUiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzMzIDIyKSIgZmlsbD0ibm9uZSIvPiA8cmVjdCBpZD0i6ZW35pa55b2iXzMzNTgiIGRhdGEtbmFtZT0i6ZW35pa55b2iIDMzNTgiIHdpZHRoPSIzMCIgaGVpZ2h0PSIyLjI1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNDEuNjI1IDQ0LjUpIiBmaWxsPSIjNjY2Ii8+IDxyZWN0IGlkPSLplbfmlrnlvaJfMzM1OSIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMzM1OSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjIuMjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1OC4xMjUgMzEpIHJvdGF0ZSg5MCkiIGZpbGw9IiM2NjYiLz4gPC9nPjwvc3ZnPg==) no-repeat center/100%;
    content: ""
}

@media (max-width: 768px) {
    .p-support-about__foot:before {
        top:-.8rem;
        width: 4rem
    }
}

.p-support-about__foot-label {
    font-size: clamp(2rem,2.8vw,3rem);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: .04em
}

@media (max-width: 768px) {
    .p-support-about__foot-label {
        font-size: 1.8rem;
        line-height: initial
    }
}

.p-support-about__foot-detail {
    margin-top: 16px;
    line-height: 1.3;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-support-about__foot-detail {
        margin-top: 16px;
        font-size: 1.2rem;
        line-height: initial
    }
}

.p-support-trouble {
    margin-top: 8.4rem;
    padding-block: 6.2rem 8.4rem;
    background-color: var(--color-light-gray)
}

@media (max-width: 768px) {
    .p-support-trouble {
        margin-top:5.6rem;
        padding-block: 5.6rem 40px;
        overflow-x: clip
    }
}

.p-support-trouble .c-heading__sign {
    color: #111;
    margin-left: -.8rem;
    font-size: clamp(1.4rem,1.5vw,1.6rem);
}


@media (max-width: 768px) {
    .p-support-trouble .c-heading__sign {
        font-size:1.4rem
    }
}

.p-support-trouble .c-heading__sign span {
    font-size: clamp(2rem,2vw,2.2rem);
    line-height: 1.3;
    color: var(--color-primary)
}

@media (max-width: 768px) {
    .p-support-trouble .c-heading__sign span {
        display:inline-block;
        margin-left: .2rem;
        font-size: 1.6rem;
        line-height: 1.3;
        translate: 0 .4rem
    }
}

.p-support-trouble__list {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 0 min(3vw,3.2rem);
    margin-top: 24px;
}

@media (max-width: 768px) {
    .p-support-trouble__list {
        grid-template-columns:repeat(2,1fr);
        gap: 1.6rem .7rem;
        /* margin-top: 24px; */
    }
}

.p-support-trouble__item-image {
    overflow: hidden
}

.p-support-trouble__item-image img {
    width: 100%
}

.p-support-trouble__item-content {
    margin-top: 1.6rem
}

@media (max-width: 768px) {
    .p-support-trouble__item-content {
        margin-top: 16px;
    }
}

.p-support-trouble__item-content>.label {
    font-size: clamp(1.8rem,2.2vw,2.4rem);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: .02em;
    text-align: center
}

@media (max-width: 768px) {
    .p-support-trouble__item-content>.label {
        font-size:1.6rem;
        line-height: 1.3;
        letter-spacing: 0
    }
}

.p-support-trouble__item-content>.list {
    width: fit-content;
    margin: .8rem auto 0
}

@media (max-width: 768px) {
    .p-support-trouble__item-content>.list {
        margin: 16px 0 0;
    }
}

.p-support-trouble__item-content>.list>.item {
    font-size: clamp(1.2rem,1.5vw,1.6rem);
    font-weight: 400
}

@media (max-width: 768px) {
    .p-support-trouble__item-content>.list>.item {
        padding-left: 1em;
        text-indent: -1em;
        font-size: 1.2rem;
        line-height: 1.8;
    }
}

.p-support-trouble__voice {
    margin-top: 4rem;
    padding: min(5.2vw,5.6rem) min(5.9vw,6.4rem) min(8.2vw,12.8rem);
    background-color: var(--color-primary-medium);
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-support-trouble__voice {
        position:relative;
        z-index: 10;
        margin-top: 2.4rem;
        padding: 3.2rem 0 4.2rem;
        background-color: revert;
        border-radius: revert
    }
}

@media (max-width: 768px) {
    .p-support-trouble__voice:before {
        position:absolute;
        top: 0;
        left: -1.6rem;
        z-index: -1;
        width: 35.9rem;
        height: 100%;
        background-color: var(--color-primary-medium);
        /* border-radius: var(--radius-base); */
        content: ""
    }
}

.p-support-trouble__voice-lead {
    font-size: clamp(1.8rem,2.6vw,2.8rem);
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: .04em;
    text-align: center
}
.p-support-trouble__voice-lead .u-text-primary {
	font-weight: bold;
}

@media (max-width: 768px) {
    .p-support-trouble__voice-lead {
        font-size:2.2rem;
        line-height: initial
    }
}

.p-support-trouble__voice-list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: min(3vw,3.2rem);
    margin-top: 3rem
}

@media (max-width: 768px) {
    .p-support-trouble__voice-list {
        grid-template-columns:1fr;
        row-gap: 5.8rem;
        margin-top: 2.4rem
    }
}

.p-support-trouble__voice-item {
    position: relative;
    padding: min(3vw,3.2rem) min(3.7vw,4rem);
    background-color: #fff;
    border-radius: var(--radius-base)
}
.p-support-trouble__voice-item:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
right: 8vw;
bottom: 0;
margin: auto;
border-style: solid;
border-width: 40px 16px 0 16px;
border-color: #fff transparent transparent transparent;
transform: rotateZ(-15deg)translateY(10px);

}

@media (max-width: 768px) {
    .p-support-trouble__voice-item {
        padding: 24px 2.4rem;
    }
    .p-support-trouble__voice-item:after {
        right: 20vw;
    }
}

.p-support-trouble__voice-item:first-of-type .icon {
    width: min(8.1vw,8.8rem)
}

@media (max-width: 768px) {
    .p-support-trouble__voice-item:first-of-type .icon {
        width:5.6rem
    }
}

.p-support-trouble__voice-item:last-of-type .icon {
    width: min(8.5vw,9.2rem)
}

@media (max-width: 768px) {
    .p-support-trouble__voice-item:last-of-type .icon {
        width:5.9rem
    }
}

/* .p-support-trouble__voice-item:before,.p-support-trouble__voice-item:after {
    position: absolute;
    right: min(10.4vw,11.2rem);
    translate: 0 100%;
    aspect-ratio: 1;
    background-color: #fff;
    border-radius: 50%;
    content: ""
} */

/* @media (max-width: 768px) {
    .p-support-trouble__voice-item:before,.p-support-trouble__voice-item:after {
        right:7.2rem
    }
} */

/* .p-support-trouble__voice-item:before {
    bottom: min(1.2vw,1.3rem);
    width: min(2.2vw,2.4rem);
    clip-path: inset(50% 0 0 0)
} */
/* 
@media (max-width: 768px) {
    .p-support-trouble__voice-item:before {
        bottom:.8rem;
        width: 1.6rem
    }
} */

.p-support-trouble__voice-item:after {
    bottom: max(-1.5vw,-1.6rem);
    width: min(1.1vw,1.2rem)
}

@media (max-width: 768px) {
    .p-support-trouble__voice-item:after {
        bottom:-1rem;
        width: .8rem
    }
}

.p-support-trouble__voice-item>.label {
    font-size: clamp(1.6rem,1.9vw,2rem);
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}

@media (max-width: 768px) {
    .p-support-trouble__voice-item>.label {
        font-size:1.6rem;
        line-height: 1.3
    }
}

.p-support-trouble__voice-item>.detail {
    margin-top: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.p-support-trouble__voice-item>.detail .u-text-primary {
    line-height: 1.5;
}

@media (max-width: 768px) {
    .p-support-trouble__voice-item>.detail {
/*         margin-top:.9rem; */
        line-height: 1.3
    }
}

.p-support-trouble__voice-item>.icon {
    position: absolute;
    bottom: min(2.6vw,2.8rem);
    right: 0;
    translate: 0 100%
}

@media (max-width: 768px) {
    .p-support-trouble__voice-item>.icon {
        bottom:2.2rem
    }
}

.p-support-trouble__voice-item>.icon img {
    width: 100%
}

.p-support-trouble__step {
    margin-top: 6.4rem
}
.p-support-trouble__step .c-page-heading+p {
    line-height: 1.5;
}


@media (max-width: 768px) {
    .p-support-trouble__step {
        margin-top:4.8rem
    }
}

.p-support-service {
    margin-top: 8.2rem;
}

@media (max-width: 768px) {
    .p-support-service {
        margin-top: 48px;
    }
}

.p-support-service__list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: min(2.2vw,2.4rem);
    margin-top: 3.8rem
}

@media (max-width: 768px) {
    .p-support-service__list {
        grid-template-columns:repeat(2,1fr);
        gap: .8rem .7rem;
        margin-top: 3.2rem
    }
}

.p-support-service__item {
    padding: min(2.2vw,2.4rem) min(2.3vw,3.2rem) min(3vw,3.2rem);
    background-color: var(--color-light-blue);
    /* border-radius: var(--radius-base) */
}

@media (max-width: 768px) {
    .p-support-service__item {
        padding:1.6rem
    }
}

.p-support-service__item-icon {
    width: min(5.2vw,5.6rem);
    margin-inline:auto}

@media (max-width: 768px) {
    .p-support-service__item-icon {
        width:5.6rem
    }
}

.p-support-service__item-icon img {
    width: 100%
}

.p-support-service__item-label {
    margin-top: .8rem;
    font-size: clamp(1.4rem,1.8vw,2rem);
    font-weight: bold;
    line-height: 1.3;
    text-align: center
}

@media (max-width: 768px) {
    .p-support-service__item-label {
        margin-top:.4rem;
        font-size: 1.6rem;
        line-height: initial
    }
}

.p-support-service__item-detail {
    margin-top: 16px;
    font-size: clamp(1.2rem,1.5vw,1.6rem);
    font-weight: 400;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .p-support-service__item-detail {
        font-size: 1.2rem;
        line-height: initial
    }
}

.p-support-service__category {
    margin-top: 2.4rem;
    padding: min(3vw,3.2rem) min(3.7vw,4rem);
    background-color: var(--color-light-blue);
    /* border-radius: var(--radius-base) */
}

@media (max-width: 768px) {
    .p-support-service__category {
        margin-top:1.6rem;
        padding: 1.6rem 1.2rem
    }
}

.p-support-service__category-list {
    display: grid;
    grid-template-columns: repeat(6,auto);
    gap: .8rem min(3vw,4.2rem);
    list-style-type: disc;
    padding-inline-start:1em}

@media (max-width: 768px) {
    .p-support-service__category-list {
        grid-template-columns:repeat(2,1fr);
        gap: .4rem 2rem;
        padding-inline-start:1.25em}
}

.p-support-service__category-item {
    font-size: clamp(1.2rem,1.5vw,1.6rem);
    line-height: initial
}

@media (max-width: 768px) {
    .p-support-service__category-item {
        font-size: 1.2rem
    }
}

.p-support-service__category-item::marker {
    color: var(--color-blue)
}

.p-support-service__step {
    margin-top: 60px;
}
.p-support-service__step .c-page-heading+p {
    line-height: 1.5;
}

@media (max-width: 768px) {
    .p-support-service__step {
        margin-top: 40px;
    }
}

.p-support-apply {
    margin-top: 11.2rem;
    padding-block: 5.2rem 8rem;
    background-color: var(--color-light-gray)
}

@media (max-width: 768px) {
    .p-support-apply {
        margin-top: 40px;
        padding-block: 30px 56px;
    }
}

.p-support-apply__link {
    width: 25.2rem;
    margin-top: 4.8rem
}

@media (max-width: 768px) {
    .p-support-apply__link {
        width:16rem;
        margin-top: 3.2rem
    }
}

.p-support-apply__foot {
    display: flex;
    column-gap: min(1.5vw,1.6rem);
    margin-top: 4.8rem
}

@media (max-width: 768px) {
    .p-support-apply__foot {
        flex-direction:column;
        row-gap: .8rem;
        margin-top: 3.2rem
    }
}

.p-support-apply__button {
    position: relative;
    display: grid;
    place-content: center;
    width: 100%;
/*     min-height: min(16.8vw,18.4rem); */
    background-color: #fff;
/*     border-radius: min(1.9vw,2rem); */
    transition: all var(--ease-base);
	padding: 30px 0;
}

@media (max-width: 768px) {
    .p-support-apply__button {
/*         min-height:12.7rem; */
/*         border-radius: 1rem */
    }
}

.p-support-apply__button--tel {
    border: 2px solid var(--color-blue);
}

.p-support-apply__button--tel .p-support-apply__button-sub .c-icon {
    color: var(--color-blue)
}

.p-support-apply__button--tel .p-support-apply__button-sub span {
    font-size: clamp(1.8rem,2.2vw,2.4rem);
    letter-spacing: .04em
}
.p-support-apply .p-support-apply__button {
    border-radius: 0;
}

@media (max-width: 768px) {
    .p-support-apply__button--tel .p-support-apply__button-sub span {
        font-size:2rem
    }
}

@media (min-width: 769px) {
    .p-support-apply__button--tel .p-support-apply__button-icon {
        bottom:0;
        left: 0;
        translate: -50% 50%;
        width: min(7.6vw,8.2rem)
    }
}

@media (max-width: 768px) {
    .p-support-apply__button--tel .p-support-apply__button-icon {
        top: -4rem;
        right: 1.5rem;
        width: 6.3rem
    }
}

.p-support-apply__button--contact {
    border: 2px solid var(--color-primary)
}

.p-support-apply__button--contact .p-support-apply__button-sub .c-icon {
    color: var(--color-primary)
}

.p-support-apply__button--contact .p-support-apply__button-sub span {
    font-size: clamp(1.6rem,2.2vw,2rem)
}

@media (max-width: 768px) {
    .p-support-apply__button--contact .p-support-apply__button-sub span {
        font-size:1.8rem
    }
}

@media (min-width: 769px) {
    .p-support-apply__button--contact .p-support-apply__button-icon {
        top:max(-6.7vw,-7.2rem);
        right: min(3.7vw,4rem);
        width: min(2.9vw,3.1rem)
    }
}

@media (max-width: 768px) {
    .p-support-apply__button--contact .p-support-apply__button-icon {
        bottom:-3.2rem;
        left: 1.5rem;
        width: 2.4rem
    }
}

@media (any-hover: hover) {
    .p-support-apply__button:hover {
        border-color:transparent;
        background-color: var(--color-primary)
    }

    .p-support-apply__button:hover * {
        color: #fff
    }
}

.p-support-apply__button-inner {
    text-align: center
}

.p-support-apply__button-inner * {
    transition: color var(--ease-base)
}

.p-support-apply__button-main {
    font-size: clamp(2.2rem,2.4vw,2.6rem);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: .08em
}

@media (max-width: 768px) {
    .p-support-apply__button-main {
        font-size:2rem;
        line-height: initial
    }
}

.p-support-apply__button-sub {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .4rem;
    margin-top: 1.2rem;
    line-height: initial
}

@media (max-width: 768px) {
    .p-support-apply__button-sub {
        margin-top: 8px;
    }
}

.p-support-apply__button-note {
    margin-top: .6rem;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-support-apply__button-note {
        margin-top: 8px;
        font-size: 1.2rem;
        line-height: 1.3
    }
}

.p-support-apply__button-icon {
    position: absolute;
    z-index: 10
}

.p-support-apply__button-icon img {
    width: 100%
}

.p-water-compare {
    margin-top: 7.2rem
}

@media (max-width: 768px) {
    .p-water-compare {
        margin-top:4.8rem;
        overflow-x: clip
    }
}

.p-water-compare__heading {
    display: flex;
    position: relative;
    width: fit-content;
    margin-inline:auto;font-size: clamp(2.6rem,3.1vw,3.4rem);
    line-height: initial;
    letter-spacing: .02em
}

@media (max-width: 768px) {
    .p-water-compare__heading {
        flex-direction:column;
        row-gap: .8rem;
        font-size: 2.2rem
    }
}

.p-water-compare__heading:after {
    position: absolute;
    bottom: -.8rem;
    left: 0;
    width: 100%;
    height: .1rem;
    background: linear-gradient(to right,var(--color-blue) .4rem,transparent .4rem) repeat-x center/.8rem .1rem;
    content: ""
}

@media (max-width: 768px) {
    .p-water-compare__heading:after {
        display:none
    }
}

@media (max-width: 768px) {
    .p-water-compare__heading-top,.p-water-compare__heading-bottom {
        position:relative;
        width: fit-content;
        margin-inline:auto}

    .p-water-compare__heading-top:after,.p-water-compare__heading-bottom:after {
        position: absolute;
        bottom: -.4rem;
        left: 0;
        width: 100%;
        height: .1rem;
        background: linear-gradient(to right,var(--color-blue) .4rem,transparent .4rem) repeat-x center/.8rem .1rem;
        content: ""
    }
}

.p-water-compare__heading-top span:first-of-type {
    color: var(--color-primary)
}

.p-water-compare__heading-top span:last-of-type {
    color: var(--color-blue)
}

.p-water-compare__wrapper {
    position: relative;
    margin-top: min(11.5vw,12.4rem);
    padding: 0 6.4rem 4.1rem
}

@media (max-width: 768px) {
    .p-water-compare__wrapper {
        margin-top:7.2rem;
        padding: 0 0 2.4rem
    }
}

.p-water-compare__wrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(to right,var(--color-primary-light) 50%,var(--color-light-blue) 50%);
    border-radius: var(--radius-base);
    content: ""
}

@media (max-width: 768px) {
    .p-water-compare__wrapper:after {
        top:0;
        left: 50%;
        translate: -50% 0;
        width: 35.9rem
    }
}

.p-water-compare__head {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: min(58.7vw,63.4rem);
    margin-inline:auto;translate: max(-.6vw,-.7rem) 0
}

@media (max-width: 768px) {
    .p-water-compare__head {
        max-width:23.9rem;
        translate: -.7rem 0
    }
}

.p-water-compare__head-row {
    position: relative;
    translate: 0 max(-3vw,-3.2rem)
}

@media (max-width: 768px) {
    .p-water-compare__head-row {
        translate:0 -2rem
    }
}

.p-water-compare__head-row:after {
    position: absolute;
    top: max(-3vw,-3.2rem);
    left: 50%;
    translate: -50% 0;
    z-index: -1;
    width: min(12.6vw,13.6rem);
    aspect-ratio: 1;
    border-radius: 50%;
    content: ""
}

@media (max-width: 768px) {
    .p-water-compare__head-row:after {
        top:-2rem;
        width: 8rem
    }
}

.p-water-compare__head-row:first-of-type:after {
    background-color: var(--color-primary-light)
}

.p-water-compare__head-row:first-of-type>.label {
    color: var(--color-primary)
}

.p-water-compare__head-row:last-of-type:after {
    background-color: var(--color-light-blue)
}

.p-water-compare__head-row:last-of-type>.label {
    color: var(--color-blue)
}

.p-water-compare__head-row>.icon {
    width: min(5.9vw,6.4rem);
    margin-inline:auto}

@media (max-width: 768px) {
    .p-water-compare__head-row>.icon {
        width:4rem
    }
}

.p-water-compare__head-row>.icon img {
    width: 100%
}

.p-water-compare__head-row>.label {
    margin-top: 1.6rem;
    font-size: clamp(1.8rem,2.4vw,2.6rem);
    line-height: 1.3;
    letter-spacing: .04em
}

@media (max-width: 768px) {
    .p-water-compare__head-row>.label {
        margin-top:0;
        font-size: 1.8rem;
        line-height: 1.3
    }
}

.p-water-compare__body {
    margin-top: .5rem
}

@media (max-width: 768px) {
    .p-water-compare__body {
        margin-top:.4rem
    }
}

.p-water-compare__body-row {
    display: grid;
    grid-template-columns: repeat(3,auto);
    align-items: center;
    column-gap: min(3.7vw,4rem);
    padding: 3.8rem 4rem;
    background-color: #fff9;
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-water-compare__body-row {
        grid-template-columns:repeat(2,1fr);
        align-items: start;
        column-gap: 2.3rem;
        position: relative;
        padding: 2.2rem 1.6rem 2.2rem 2.4rem
    }
}

.p-water-compare__body-row+.p-water-compare__body-row {
    margin-top: 1.6rem
}

@media (max-width: 768px) {
    .p-water-compare__body-row+.p-water-compare__body-row {
        margin-top:3.2rem
    }
}

.p-water-compare__body-row>.detail {
    font-weight: 400
}

.p-water-compare__body-row>.detail:first-of-type span {
    font-weight: 500;
    color: var(--color-primary)
}

.p-water-compare__body-row>.detail:last-of-type span {
    font-weight: 500;
    color: var(--color-blue)
}

.p-water-compare__body-row>.tag {
    display: grid;
    place-content: center;
    width: 13.6rem;
    min-height: 4.5rem;
    padding-inline:.5em;font-size: clamp(1.6rem,1.9vw,2rem);
    line-height: 1.3;
    font-weight: 700;
    color: #fff;
    background-color: var(--color-accent);
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-water-compare__body-row>.tag {
        position:absolute;
        top: 0;
        left: 50%;
        translate: -50% -50%;
        width: 10rem;
        min-height: 3.2rem;
        font-size: 1.6rem;
        line-height: 1.3
    }
}

.p-water-anchor {
    translate: 0 -50%
}

.p-water-anchor__list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: min(3.6vw,3.9rem)
}

@media (max-width: 768px) {
    .p-water-anchor__list {
        column-gap:1.1rem
    }
}

.p-water-anchor__item--humming .p-water-anchor__item-tag {
    background-color: var(--color-blue)
}

.p-water-anchor__item-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.2rem 4rem 0;
    background-color: #fff;
    border-radius: var(--radius-base);
    box-shadow: var(--shadow-base)
}

@media (any-hover: hover) {
    .p-water-anchor__item-link:hover .p-water-anchor__item-lead {
        color:var(--color-primary)
    }

    .p-water-anchor__item-link:hover .p-water-anchor__item-icon {
        scale: 1.1
    }
}

@media (max-width: 768px) {
    .p-water-anchor__item-link {
        padding:.8rem 0 0
    }
}

.p-water-anchor__item-tag {
    display: grid;
    place-content: center;
    width: fit-content;
    min-height: 4rem;
    padding-inline:1.6rem;line-height: 1.3;
    font-weight: 700;
    color: #fff;
    background-color: var(--color-primary);
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-water-anchor__item-tag {
        min-height:2.8rem;
        padding-inline:.8rem}
}

.p-water-anchor__item-logo {
    width: 100%;
    max-width: 22.4rem;
    margin-top: 1.6rem
}

@media (max-width: 768px) {
    .p-water-anchor__item-logo {
        max-width:10.2rem;
        margin-top: .8rem
    }
}

.p-water-anchor__item-logo img {
    width: 100%
}

.p-water-anchor__item-image {
    width: 100%;
    max-width: 25.4rem;
    margin-top: .8rem
}

@media (max-width: 768px) {
    .p-water-anchor__item-image {
        max-width:10.2rem;
        margin-top: .7rem
    }
}

.p-water-anchor__item-image img {
    width: 100%
}

.p-water-anchor__item-lead {
    margin-top: 1.6rem;
    line-height: 1.3;
    text-align: center;
    transition: color var(--ease-base)
}

@media (max-width: 768px) {
    .p-water-anchor__item-lead {
        margin-top:.4rem;
        font-size: 1rem;
        line-height: 1.3
    }
}

.p-water-anchor__item-icon {
    display: grid;
    place-items: center;
    width: min(5.2vw,5.6rem);
    height: min(5.2vw,5.6rem);
    margin-top: -.8rem;
    color: #fff;
    background-color: var(--color-primary);
    border-radius: 50%;
    translate: 0 50%;
    transition: scale var(--ease-base)
}

@media (max-width: 768px) {
    .p-water-anchor__item-icon {
        width:2.4rem;
        height: 2.4rem;
        margin-top: -.2rem
    }
}

@media (min-width: 769px) {
    .p-water-anchor__item-icon>.c-icon {
        rotate:90deg
    }
}

@media (max-width: 768px) {
    .p-water-anchor__item-icon>.c-icon {
        height:inherit
    }
}

.p-water-feature {
    margin-top: min(31.1vw,33.6rem);
    padding-bottom: min(10.4vw,11.2rem);
    background-color: var(--color-light-gray)
}

@media (max-width: 768px) {
    .p-water-feature {
        margin-top:15.6rem;
        padding-bottom: 6.4rem
    }
}

.p-water-feature__repeat {
    margin-top: max(-15vw,-16.2rem)
}

@media (max-width: 768px) {
    .p-water-feature__repeat {
        margin-top:-7.6rem
    }
}

.p-water-feature__block {
    position: relative;
    padding-top: 8rem
}

@media (max-width: 768px) {
    .p-water-feature__block {
        padding-top:4rem
    }
}

.p-water-feature__block:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .1rem;
    background: linear-gradient(to right,var(--color-blue) .4rem,transparent .4rem) repeat-x center/.8rem .1rem;
    content: ""
}

.p-water-feature__block+.p-water-feature__block {
    margin-top: 8.8rem
}

@media (max-width: 768px) {
    .p-water-feature__block+.p-water-feature__block {
        margin-top:4.4rem
    }
}

.p-water-feature__block--humming .p-water-feature__row-foot>.tag {
    background-color: var(--color-blue)
}

.p-water-feature__block .c-table tbody tr th,.p-water-feature__block .c-table tbody tr td {
    padding-block:1.6rem}

.p-water-feature__row {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: min(4.4vw,4.8rem)
}

@media (max-width: 768px) {
    .p-water-feature__row {
        grid-template-columns:1fr;
        grid-template-areas: "label" "image" "detail" "prize" "foot"
    }
}

.p-water-feature__row-content {
    display: flex;
    flex-direction: column
}

@media (max-width: 768px) {
    .p-water-feature__row-content {
        display:contents
    }
}

.p-water-feature__row-label {
    display: flex;
    align-items: center;
    column-gap: min(1.5vw,1.6rem)
}

@media (max-width: 768px) {
    .p-water-feature__row-label {
        grid-area:label;
        flex-direction: column;
        row-gap: .8rem
    }
}

.p-water-feature__row-label h2 {
    font-size: clamp(1.6rem,1.9vw,2rem);
    line-height: 1.3;
    font-weight: 400;
    white-space: nowrap
}

@media (max-width: 768px) {
    .p-water-feature__row-label h2 {
        font-size:1.6rem;
        line-height: 1.3
    }
}

@media (max-width: 768px) {
    .p-water-feature__row-logo {
        width:100%;
        max-width: 23.7rem;
        margin-inline:auto}
}

@media (max-width: 768px) {
    .p-water-feature__row-logo img {
        width:100%
    }
}

.p-water-feature__row-detail {
    margin-top: min(2.8vw,3rem);
    line-height: 2.3
}

@media (max-width: 768px) {
    .p-water-feature__row-detail {
        grid-area:detail;
        margin-top: 1.6rem;
        line-height: 1.8;
        text-align: center
    }
}

.p-water-feature__row-prize {
    width: 100%;
    max-width: min(23.7vw,25.6rem);
    margin-top: min(2.8vw,3rem)
}

@media (max-width: 768px) {
    .p-water-feature__row-prize {
        grid-area:prize;
        max-width: 20.8rem;
        margin-top: 1.6rem;
        margin-inline:auto}
}

.p-water-feature__row-prize img {
    width: 100%
}

.p-water-feature__row-foot {
    display: flex;
    column-gap: min(1.5vw,1.6rem);
    margin-top: min(3vw,3.2rem)
}

@media (max-width: 768px) {
    .p-water-feature__row-foot {
        grid-area:foot;
        flex-direction: column;
        align-items: center;
        row-gap: .8rem;
        margin-top: 2.4rem
    }
}

.p-water-feature__row-foot>.tag {
    display: grid;
    place-content: center;
    width: fit-content;
    min-height: 4.5rem;
    padding-inline:min(1.5vw,1.6rem);font-size: clamp(1.2rem,1.4vw,2rem);
    line-height: 1.3;
    color: #fff;
    background-color: var(--color-primary);
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-water-feature__row-foot>.tag {
        min-height:4rem;
        padding-inline:1.6rem;font-size: 1.6rem;
        line-height: 1.3
    }
}

.p-water-feature__row-foot>.price {
    display: flex;
    align-items: center;
    width: fit-content;
    min-height: min(4.2vw,4.6rem);
    padding-inline:min(1.1vw,1.2rem) .5rem;border: .1rem solid var(--color-primary);
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-water-feature__row-foot>.price {
        min-height:4rem;
        padding-inline:.8rem 0}
}

.p-water-feature__row-foot>.price * {
    font-size: clamp(1.2rem,1.3vw,1.8rem);
    line-height: initial
}

@media (max-width: 768px) {
    .p-water-feature__row-foot>.price * {
        font-size:1.6rem
    }
}

.p-water-feature__row-foot>.price *+* {
    margin-left: .3rem
}

.p-water-feature__row-foot>.price>.large {
    font-size: clamp(1.6rem,1.7vw,2.4rem);
    color: var(--color-primary);
    translate: 0 -.2rem
}

@media (max-width: 768px) {
    .p-water-feature__row-foot>.price>.large {
        font-size:2rem
    }
}

.p-water-feature__row-foot>.price>.space {
    margin-left: max(-.7vw,-.8rem)
}

@media (max-width: 768px) {
    .p-water-feature__row-foot>.price>.space {
        margin-left:-.6rem
    }
}

.p-water-feature__row-image {
    flex-shrink: 0;
    width: 100%;
    max-width: min(50vw,54rem)
}

@media (max-width: 768px) {
    .p-water-feature__row-image {
        grid-area:image;
        max-width: 100%;
        margin-top: .8rem
    }
}

.p-water-feature__row-image img {
    width: 100%
}

.p-water-feature__cv {
    display: flex;
    column-gap: 1.6rem;
    margin-top: 4rem
}

@media (max-width: 768px) {
    .p-water-feature__cv {
        flex-direction:column;
        row-gap: .8rem;
        margin-top: 3.2rem
    }
}

.p-water-feature__cv-button {
    display: grid;
    place-content: center;
    width: 100%;
    min-height: min(13.3vw,14.4rem);
    background-color: #fff;
    border: .1rem solid currentColor;
    border-radius: var(--radius-base);
    transition: background-color var(--ease-base)
}

@media (any-hover: hover) {
    .p-water-feature__cv-button:hover * {
        color:#fff
    }
}

@media (max-width: 768px) {
    .p-water-feature__cv-button {
        min-height:9.8rem
    }
}

.p-water-feature__cv-button * {
    transition: color var(--ease-base)
}

.p-water-feature__cv-button--link {
    border-color: var(--color-blue)
}

.p-water-feature__cv-button--link .main .c-icon {
    color: var(--color-blue)
}

@media (any-hover: hover) {
    .p-water-feature__cv-button--link:hover {
        background-color:var(--color-blue)
    }
}

.p-water-feature__cv-button--contact {
    border-color: var(--color-primary)
}

.p-water-feature__cv-button--contact .main .c-icon {
    color: var(--color-primary)
}

@media (any-hover: hover) {
    .p-water-feature__cv-button--contact:hover {
        background-color:var(--color-primary)
    }
}

.p-water-feature__cv-button>.label>.main {
    display: flex;
    align-items: center;
    column-gap: .4rem
}

.p-water-feature__cv-button>.label>.main span {
    font-size: clamp(1.8rem,2vw,2.2rem);
    line-height: 1.3;
    letter-spacing: .04em
}

@media (max-width: 768px) {
    .p-water-feature__cv-button>.label>.main span {
        font-size:1.8rem;
        line-height: 1.3
    }
}

.p-water-feature__cv-button>.label>.sub {
    margin-top: .8rem;
    line-height: 1.3;
    text-align: center
}

@media (max-width: 768px) {
    .p-water-feature__cv-button>.label>.sub {
        margin-top:.4rem;
        line-height: 1.3
    }
}

.p-yakkan {
    margin-block:8.8rem 9.6rem}

@media (max-width: 768px) {
    .p-yakkan {
        margin-block:5.6rem 4rem
    }
}

.p-yakkan__inner {
    max-width: min(100%,113.6rem)
}

@media (max-width: 768px) {
    .p-yakkan__inner {
        max-width:100%;
        padding-inline:1.6rem}
}

.p-yakkan__block {
    padding-inline:.8rem;overflow: hidden
}

.p-yakkan__block+.p-yakkan__block {
    margin-top: 5.6rem
}

@media (max-width: 768px) {
    .p-yakkan__block+.p-yakkan__block {
        margin-top:3.2rem
    }
}

.p-yakkan__row {
    margin-top: 4rem
}

@media (max-width: 768px) {
    .p-yakkan__row {
        margin-top:2.4rem
    }
}

.p-yakkan__row+.p-yakkan__row {
    margin-top: 3.2rem
}

@media (max-width: 768px) {
    .p-yakkan__row+.p-yakkan__row {
        margin-top:1.6rem
    }
}

.p-yakkan__row-head {
    display: flex;
    align-items: center;
    column-gap: .8rem
}

@media (max-width: 768px) {
    .p-yakkan__row-head {
        display:block
    }
}

.p-yakkan__row-head>.sub {
    margin-top: .3rem;
    font-size: 1.8rem;
    line-height: initial
}

@media (max-width: 768px) {
    .p-yakkan__row-head>.sub {
        margin-top:.7rem;
        font-size: 1.4rem
    }
}

.p-yakkan__list {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 2.4rem;
    padding-block:.8rem}

@media (max-width: 768px) {
    .p-yakkan__list {
        grid-template-columns:repeat(2,1fr);
        gap: .8rem .7rem
    }
}

.p-yakkan__list--column1 {
    grid-template-columns: 52.8rem
}

@media (max-width: 768px) {
    .p-yakkan__list--column1 {
        grid-template-columns:1fr
    }
}

.p-yakkan__row-head+.p-yakkan__list {
    margin-top: 1.6rem
}

@media (max-width: 768px) {
    .p-yakkan__row-head+.p-yakkan__list {
        margin-top:.8rem
    }
}

.c-page-heading+.p-yakkan__list {
    margin-top: 1.6rem
}

.p-news-list__item {
    border-bottom: .1rem solid #999
}

.p-news-list__item:first-of-type {
    border-top: .1rem solid #999
}

.p-news-article__meta-head {
    display: flex;
    align-items: center;
    column-gap: 1.6rem;
    margin-bottom: 4rem
}

@media (max-width: 768px) {
    .p-news-article__meta-head {
        column-gap:.8rem;
        margin-bottom: 1.6rem
    }
}

.p-news-article__meta-head>.date {
    font-size: 1.4rem;
    line-height: initial;
    color: var(--color-primary)
}

@media (max-width: 768px) {
    .p-news-article__meta-head>.date {
        font-size:1.2rem
    }
}

.p-news-article__meta-head>.category {
    display: grid;
    place-items: center;
    width: fit-content;
    height: 2.5rem;
    padding-inline:.8rem;font-size: 1.4rem;
    line-height: 1.3;
    color: #fff;
    background-color: var(--color-primary);
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-news-article__meta-head>.category {
        font-size:1.2rem;
        line-height: initial
    }
}

.p-column__wrapper {
    display: flex;
    align-items: start;
    column-gap: 4.8rem
}

@media (max-width: 768px) {
    .p-column__wrapper {
        display:block
    }
}

.p-column__body {
    width: 100%;
    max-width: min(65.2vw,70.4rem)
}

@media (max-width: 768px) {
    .p-column__body {
        max-width:100%
    }
}

.p-column__item {
    border-bottom: .1rem solid #999
}

.p-column__item:first-of-type {
    border-top: .1rem solid #999
}

.p-column-article {
    flex: 1
}

.p-column-article__meta {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 4rem
}

@media (max-width: 768px) {
    .p-column-article__meta {
        margin-bottom:2.4rem
    }
}

.p-column-article__meta>.date {
    font-size: 1.4rem;
    line-height: initial;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-column-article__meta>.date {
        font-size:1.2rem
    }
}

.p-column-article__share {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: .8rem
}

.p-column-article__foot {
    margin-top: 6.4rem;
    padding: 4.8rem 7rem;
    background-color: var(--color-light-gray);
    border-radius: var(--radius-base)
}

.p-privacy__block+.p-privacy__block {
    margin-top: 12rem
}

@media (max-width: 768px) {
    .p-privacy__block+.p-privacy__block {
        margin-top:6rem
    }
}

.p-privacy__row {
    margin-top: 8rem;
    overflow: hidden
}

@media (max-width: 768px) {
    .p-privacy__row {
        margin-top:4.8rem
    }
}

.p-privacy__row ul {
    margin-top: 4rem;
    list-style-type: disc;
    padding-inline-start:1.3em}

@media (max-width: 768px) {
    .p-privacy__row ul {
        margin-top:2.4rem
    }
}

.p-privacy__row ul li::marker {
    color: var(--color-primary)
}

.p-privacy__row ol {
    margin-top: 2.4rem;
    padding-left: 2.4em;
    text-indent: -2.4em;
    counter-reset: count
}

@media (max-width: 768px) {
    .p-privacy__row ol {
        margin-top:1.6rem
    }
}

.p-privacy__row ol li {
    counter-increment: count
}

.p-privacy__row ol li:before {
    content: "（" counter(count) "）"
}

.p-privacy__row dl {
    margin-top: 1.8em
}

.p-privacy__row dl dt {
    font-weight: 500
}

.p-privacy__box {
    padding: 4.8rem 7rem;
    border: .1rem solid #999
}

@media (max-width: 768px) {
    .p-privacy__box {
        padding:3.2rem 2.4rem
    }
}

.p-privacy__sign {
    margin-top: 3rem;
    inline-size: fit-content;
    margin-left: auto
}

@media (max-width: 768px) {
    .p-privacy__sign {
        margin-top:2rem
    }
}

.p-404__inner {
    position: relative
}

.p-404__icon {
    position: absolute;
    bottom: -2rem;
    left: 4rem
}

.p-about-head__inner {
    position: relative
}

.p-about-head__content {
    text-align: center
}

.p-about-head__content-lead {
    margin-bottom: min(2vw,2.2rem);
    line-height: 2.3
}

@media (max-width: 768px) {
    .p-about-head__content-lead {
        margin-bottom:.8rem;
        line-height: 1.8
    }
}

@media (max-width: 768px) {
    .p-about-head__content .c-link {
        display:inline-block;
        line-height: 1.3
    }
}

.p-about-head__icon {
    position: absolute
}

.p-about-head__icon--1 {
    top: max(-4.8vw,-5.2rem);
    left: min(9.8vw,10.6rem);
    width: min(4vw,4.4rem);
    height: min(9.6vw,10.4rem)
}

@media (max-width: 768px) {
    .p-about-head__icon--1 {
        top:4.7rem;
        left: 3.2rem;
        width: 2.4rem;
        height: 5.6rem
    }
}

.p-about-head__icon--2 {
    bottom: 0;
    left: max(-.6vw,-.7rem);
    width: min(9.6vw,10.4rem);
    height: min(8.6vw,9.3rem)
}

@media (max-width: 768px) {
    .p-about-head__icon--2 {
        bottom:-7.3rem;
        left: 2.4rem;
        width: 6.3rem;
        height: 5.6rem
    }
}

.p-about-head__icon--3 {
    bottom: min(5.9vw,6.4rem);
    right: min(1.9vw,2rem);
    width: min(11.5vw,12.4rem);
    height: min(9.6vw,10.4rem)
}

@media (max-width: 768px) {
    .p-about-head__icon--3 {
        bottom:-8.3rem;
        right: 2.4rem;
        width: 8rem;
        height: 6.7rem
    }
}

.p-about-head__icon img {
    width: 100%
}

.p-about-feature {
    margin-top: min(9.6vw,10.4rem)
}

@media (max-width: 768px) {
    .p-about-feature {
        margin-top:5.6rem
    }
}

.p-about-feature__list {
    margin-top: min(4.6vw,5rem)
}

@media (max-width: 768px) {
    .p-about-feature__list {
        margin-top:2.4rem
    }
}

.p-about-feature__item {
    overflow: hidden
}

.p-about-feature__item+.p-about-feature__item {
    margin-top: min(5.4vw,5.8rem)
}

@media (max-width: 768px) {
    .p-about-feature__item+.p-about-feature__item {
        margin-top:2.4rem
    }
}

.p-about-feature__item:nth-of-type(odd) .p-about-feature__row {
    flex-direction: row-reverse
}

.p-about-feature__item-number {
    position: relative;
    width: fit-content;
    line-height: initial;
    color: var(--color-blue)
}

@media (max-width: 768px) {
    .p-about-feature__item-number {
        font-size:1.2rem
    }
}

.p-about-feature__item-number:after {
    position: absolute;
    top: calc(50% + .1rem);
    right: max(-.7vw,-.8rem);
    translate: 100% -50%;
    width: calc(100vw - 100%);
    height: .1rem;
    background: linear-gradient(to right,#ccc .4rem,transparent .4rem) repeat-x center/.8rem .1rem;
    content: ""
}

@media (max-width: 768px) {
    .p-about-feature__item-number:after {
        right:-.4rem
    }
}

.p-about-feature__row {
    display: flex;
    align-items: center;
    column-gap: min(4.4vw,4.8rem);
    margin-top: min(5.2vw,5.6rem)
}

@media (max-width: 768px) {
    .p-about-feature__row {
        display:block;
        margin-top: 2.4rem
    }
}

.p-about-feature__row-image {
    flex-shrink: 0;
    width: 100%;
    max-width: min(50vw,54rem);
    overflow: hidden
}

@media (max-width: 768px) {
    .p-about-feature__row-image {
        max-width:32.7rem
    }
}

.p-about-feature__row-image img {
    width: 100%
}

@media (max-width: 768px) {
    .p-about-feature__row-content {
        margin-top:2.4rem
    }
}

.p-about-feature__row-content>.label {
    display: flex;
    align-items: center;
    column-gap: min(1.5vw,1.6rem)
}

@media (max-width: 768px) {
    .p-about-feature__row-content>.label {
        column-gap:.8rem
    }
}

.p-about-feature__row-content>.label>.icon {
    width: min(5.9vw,6.4rem);
    aspect-ratio: 1
}

@media (max-width: 768px) {
    .p-about-feature__row-content>.label>.icon {
        width:4rem
    }
}

.p-about-feature__row-content>.label>.icon img {
    width: 100%
}

.p-about-feature__row-content>.label>.heading {
    font-size: clamp(1.8rem,2.1vw,3rem);
    line-height: 1.3;
    letter-spacing: .04em
}

@media (max-width: 768px) {
    .p-about-feature__row-content>.label>.heading {
        font-size:2rem;
        line-height: 1.3
    }
}

.p-about-feature__row-content>.detail {
    margin-top: min(1.5vw,1.6rem);
    line-height: 2.3;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-about-feature__row-content>.detail {
        margin-top:.8rem;
        line-height: 1.8
    }
}

.p-about-energy {
    margin-top: min(10.4vw,11.2rem);
    padding-block:min(9.6vw,10.4rem) min(10.4vw,11.2rem);background-color: var(--color-light-gray)
}

@media (max-width: 768px) {
    .p-about-energy {
        margin-top:6.4rem;
        padding-block:5.6rem 6.4rem}
}

.p-about-energy__flow {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: min(4.6vw,5rem);
    position: relative;
    z-index: 200;
    margin-top: min(5.2vw,5.6rem)
}

@media (max-width: 768px) {
    .p-about-energy__flow {
        grid-template-columns:1fr;
        gap: 2.8rem;
        margin: 2.4rem auto 0;
        width: 12.8rem
    }
}

.p-about-energy__flow-item {
    display: grid;
    place-items: center;
    position: relative;
    height: min(16.3vw,17.6rem);
    background-color: #fff;
    border: .1rem solid var(--color-blue);
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-about-energy__flow-item {
        height:12.8rem
    }
}

.p-about-energy__flow-item+.p-about-energy__flow-item:after {
    position: absolute;
    top: 50%;
    left: max(-3vw,-3.3rem);
    translate: 0 -50%;
    width: min(1.7vw,1.8rem);
    height: min(1.5vw,1.6rem);
    clip-path: var(--clip-triangle-right);
    background-color: var(--color-primary);
    content: ""
}

@media (max-width: 768px) {
    .p-about-energy__flow-item+.p-about-energy__flow-item:after {
        top:-2rem;
        left: 50%;
        translate: -50% 0;
        rotate: 90deg;
        width: 1rem;
        height: 1.2rem
    }
}

.p-about-energy__flow-item:first-of-type {
    border-color: var(--color-accent)
}

.p-about-energy__flow-item:first-of-type:after {
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0 -50%;
    z-index: -10;
    width: min(93.3vw,100.8rem);
    height: .1rem;
    background: linear-gradient(to right,var(--color-primary) .4rem,transparent .4rem) repeat-x center/.8rem .1rem;
    content: ""
}

@media (max-width: 768px) {
    .p-about-energy__flow-item:first-of-type:after {
        top:12.8rem;
        left: 50%;
        translate: -50% 0;
        width: .1rem;
        height: 41.7rem;
        background: linear-gradient(to bottom,var(--color-primary) .2rem,transparent .2rem) repeat-y center/.1rem .4rem
    }
}

.p-about-energy__flow-item:nth-of-type(2n) {
    border-radius: 50%
}

@media (max-width: 768px) {
    .p-about-energy__flow-item:nth-of-type(2n) {
        width:8.8rem;
        height: 8.8rem;
        margin-inline:auto}
}

@media (min-width: 769px) {
    .p-about-energy__flow-item:nth-of-type(2n) .row {
        translate:0 max(-1.8vw,-1.9rem)
    }
}

.p-about-energy__flow-item:last-of-type {
    border-color: var(--color-primary)
}

.p-about-energy__flow-item>.row {
    position: relative;
    z-index: 50;
    translate: 0 -.4rem;
    line-height: initial;
    text-align: center
}

.p-about-energy__flow-item>.row>.number {
    font-size: clamp(1.8rem,2vw,2.2rem)
}

@media (max-width: 768px) {
    .p-about-energy__flow-item>.row>.number {
        font-size:1.6rem
    }
}

.p-about-energy__flow-item>.row>.title {
    margin-top: .8rem;
    font-size: clamp(1.8rem,2vw,2.2rem)
}

@media (max-width: 768px) {
    .p-about-energy__flow-item>.row>.title {
        margin-top:0;
        font-size: 1.6rem
    }
}

.p-about-energy__flow-item>.row>.text {
    margin-top: min(.7vw,.8rem);
    font-weight: 400
}

@media (max-width: 768px) {
    .p-about-energy__flow-item>.row>.text {
        margin-top:.4rem
    }
}

.p-about-energy__company {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: min(4.4vw,4.8rem);
    margin-top: min(6.3vw,6.8rem)
}

@media (max-width: 768px) {
    .p-about-energy__company {
        grid-template-columns:1fr;
        gap: 3.4rem;
        margin-top: 5rem
    }
}

.p-about-energy__company-item {
    display: grid;
    place-content: center;
    place-items: center;
    position: relative;
    padding: min(3.3vw,3.6rem) min(3.7vw,4rem) min(3vw,3.2rem);
    background-color: #fff;
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-about-energy__company-item {
        padding:3.4rem 3.2rem 3.2rem
    }
}

.p-about-energy__company-item:first-of-type .tag {
    background-color: var(--color-accent)
}

.p-about-energy__company-item:nth-of-type(2) .tag {
    background-color: var(--color-blue)
}

.p-about-energy__company-item:last-of-type .tag {
    background-color: var(--color-primary)
}

.p-about-energy__company-item>.tag {
    display: grid;
    place-items: center;
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% -50%;
    width: min(10.4vw,11.2rem);
    height: min(3.7vw,4rem);
    line-height: 1.3;
    font-weight: 700;
    color: #fff
}

@media (max-width: 768px) {
    .p-about-energy__company-item>.tag {
        width:11.2rem;
        height: 3.6rem;
        line-height: 1.3
    }
}

.p-about-energy__company-item>.tag:after {
    position: absolute;
    bottom: .1rem;
    left: 50%;
    translate: -50% 100%;
    width: min(1.1vw,1.2rem);
    height: min(.7vw,.8rem);
    clip-path: var(--clip-triangle-bottom);
    background-color: inherit;
    content: ""
}

@media (max-width: 768px) {
    .p-about-energy__company-item>.tag:after {
        width:1.2rem;
        height: .8rem
    }
}

.p-about-energy__company-item>.icon {
    width: min(8.9vw,9.6rem);
    aspect-ratio: 1
}

@media (max-width: 768px) {
    .p-about-energy__company-item>.icon {
        width:6.4rem
    }
}

.p-about-energy__company-item>.icon img {
    width: 100%
}

.p-about-energy__company-item>.label {
    margin-top: min(.7vw,.8rem);
    font-size: clamp(1.8rem,2.4vw,2.6rem);
    line-height: 1.3;
    letter-spacing: .04em
}

@media (max-width: 768px) {
    .p-about-energy__company-item>.label {
        margin-top:.8rem;
        font-size: 1.8rem;
        line-height: 1.3
    }
}

.p-about-energy__company-item>.detail {
    margin-top: min(.5vw,.6rem);
    font-weight: 400
}

@media (max-width: 768px) {
    .p-about-energy__company-item>.detail {
        margin-top:.6rem;
        font-size: 1.6rem;
        line-height: 1.8
    }
}

.p-about-energy__company-item>.logo {
    margin-top: min(1.7vw,1.8rem);
    width: min(21.7vw,23.4rem)
}

@media (max-width: 768px) {
    .p-about-energy__company-item>.logo {
        margin-top:1.6rem;
        width: 23.4rem
    }
}

.p-about-energy__company-item>.logo img {
    width: 100%
}

.p-faq__body {
    margin-top: 9.6rem
}

@media (max-width: 768px) {
    .p-faq__body {
        margin-top:4rem
    }
}

.p-faq__body-row:first-of-type {
    margin-top: 7.6rem
}

@media (max-width: 768px) {
    .p-faq__body-row:first-of-type {
        margin-top:4.8rem
    }
}

.p-faq__body-row+.p-faq__body-row {
    margin-top: 8.8rem
}

@media (max-width: 768px) {
    .p-faq__body-row+.p-faq__body-row {
        margin-top:4rem
    }
}

.p-adjustment__head {
    display: flex;
    column-gap: min(6.7vw,7.2rem);
    margin-top: min(3vw,3.2rem)
}

@media (max-width: 768px) {
    .p-adjustment__head {
        display:block;
        margin-top: 2.4rem
    }
}

.p-adjustment__head-content {
    font-weight: 400
}

.p-adjustment__head-content>.note {
    margin-top: .8rem;
    padding-left: 2em;
    text-indent: -2em;
    font-size: 1.4rem;
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-adjustment__head-content>.note {
        font-size:1.2rem;
        line-height: 1.3
    }
}

.p-adjustment__head-image {
    flex-shrink: 0
}

@media (max-width: 768px) {
    .p-adjustment__head-image {
        margin-top:1.6rem
    }
}

.p-adjustment__head-image>.figure {
    width: 100%;
    max-width: min(50vw,54rem);
    border-radius: var(--radius-base);
    border: .1rem solid #e2e2e2
}

@media (max-width: 768px) {
    .p-adjustment__head-image>.figure {
        max-width:100%
    }
}

.p-adjustment__head-image>.figure img {
    width: 100%
}

.p-adjustment__head-image>.note {
    margin-top: .4rem;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 400;
    text-align: right
}

@media (max-width: 768px) {
    .p-adjustment__head-image>.note {
        margin-top:.8rem;
        font-size: 1.2rem;
        line-height: 1.3;
        text-align: left
    }
}

@media (max-width: 768px) {
    .p-adjustment__block {
        overflow:hidden
    }
}

.p-adjustment__block-heading {
    overflow: hidden
}

.p-adjustment__block+.p-adjustment__block {
    margin-top: 8rem
}

@media (max-width: 768px) {
    .p-adjustment__block+.p-adjustment__block {
        margin-top:5.6rem
    }
}

.p-adjustment__row {
    margin-top: 4.8rem
}

.p-adjustment__row-content {
    padding: 5.6rem 6.4rem 6.4rem;
    background-color: var(--color-light-gray);
    border-radius: 2rem
}

@media (max-width: 768px) {
    .p-adjustment__row-content {
        width:35.9rem;
        margin-inline:-1.6rem;padding: 4rem 1.6rem 4.8rem;
        border-radius: 1rem
    }
}

.p-adjustment__row-content+.p-adjustment__row-content {
    margin-top: 2.4rem
}

@media (max-width: 768px) {
    .p-adjustment__row-content+.p-adjustment__row-content {
        margin-top:.8rem
    }
}

.p-adjustment__row-content>.heading {
    font-size: 3rem;
    line-height: 1.3;
    letter-spacing: .04em
}

@media (max-width: 768px) {
    .p-adjustment__row-content>.heading {
        font-size:2rem;
        line-height: 1.3
    }
}

.p-adjustment__row-content>.heading sup {
    top: -.9em;
    left: .4rem;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 700;
    color: var(--color-primary)
}

@media (max-width: 768px) {
    .p-adjustment__row-content>.heading sup {
        top:-.7em;
        font-size: 1.2rem;
        line-height: 1.3
    }
}

.p-adjustment__row-content>.heading+p {
    margin-top: 1.6rem;
    font-weight: 400
}

.p-adjustment__row-content>.title {
    margin-top: 3.2rem;
    font-size: 2rem;
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-adjustment__row-content>.title {
        margin-top:2.4rem;
        font-size: 1.8rem;
        line-height: 1.3
    }
}

.p-adjustment__row-content>.title+* {
    margin-top: 1.6rem
}

@media (max-width: 768px) {
    .p-adjustment__row-content>.title+* {
        margin-top:.8rem
    }
}

.p-adjustment__row-content>.column2 {
    display: flex;
    gap: 1.6rem
}

@media (max-width: 768px) {
    .p-adjustment__row-content>.column2 {
        flex-direction:column;
        gap: .8rem
    }
}

.p-adjustment__row-content>.column2>.item>.label {
    font-size: clamp(1.4rem,1.6vw,1.8rem);
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-adjustment__row-content>.column2>.item>.label {
        font-size:1.6rem;
        line-height: 1.3
    }
}

.p-adjustment__row-content>.column2>.item>.label+* {
    margin-top: 1.6rem
}

@media (max-width: 768px) {
    .p-adjustment__row-content>.column2>.item>.label+* {
        margin-top:.8rem
    }
}

@media (min-width: 769px) {
    .p-adjustment__row-content>.column2>.item .c-table--adjustment tbody tr td {
        font-size:clamp(1.4rem,1.5vw,1.6rem)
    }
}

@media (min-width: 769px) {
    .p-adjustment__row-content--cost .c-table--adjustment {
        table-layout:auto
    }
}

@media (min-width: 769px) {
    .p-adjustment__row-content--cost .c-table--adjustment tbody tr td:first-of-type {
        width:min(48vw,51.9rem)
    }
}

@media (max-width: 768px) {
    .p-adjustment__row-content--area .c-table--adjustment tbody tr td {
        text-align:center
    }
}

.p-adjustment__row-link {
    display: flex;
    gap: 2.4rem;
    margin-top: 4rem
}

@media (max-width: 768px) {
    .p-adjustment__row-link {
        flex-direction:column;
        gap: .8rem;
        margin-top: 1.6rem;
        padding-bottom: .8rem
    }
}

.p-adjustment__row-link .c-link-row {
    min-width: 25.2rem
}

.p-adjustment-formula {
    display: grid;
    gap: min(2.8vw,4rem);
    text-align: center
}

@media (max-width: 768px) {
    .p-adjustment-formula {
        gap:3.2rem
    }
}

.p-adjustment-formula__item {
    display: grid;
    place-content: center;
    padding: min(1.4vw,1.5rem);
    background-color: #fff;
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-adjustment-formula__item {
        display:block;
        width: 100%;
        padding: 1.6rem
    }
}

.p-adjustment-formula__item-label {
    position: relative;
    font-size: clamp(1.1rem,1.3vw,1.8rem);
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-adjustment-formula__item-label {
        width:fit-content;
        margin-inline:auto;font-size: 1.6rem;
        line-height: 1.3
    }
}

.p-adjustment-formula__item-label span {
    font-size: clamp(1rem,1vw,1.4rem);
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-adjustment-formula__item-label span {
        font-size:1.2rem;
        line-height: 1.3
    }
}

.p-adjustment-formula__item-label sup {
    position: absolute;
    top: -.3em;
    font-size: clamp(1rem,1vw,1.4rem);
    line-height: 1.3;
    font-weight: 700;
    color: var(--color-primary)
}

@media (max-width: 768px) {
    .p-adjustment-formula__item-label sup {
        right:-1em;
        font-size: 1.2rem;
        line-height: 1.5166666667
    }
}

.p-adjustment-formula__item-inner {
    display: flex;
    align-items: center
}

@media (max-width: 768px) {
    .p-adjustment-formula__item-inner {
        flex-direction:column
    }
}

.p-adjustment-formula__item-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(.3vw,.4rem)
}

@media (max-width: 768px) {
    .p-adjustment-formula__item-row {
        flex-direction:row;
        align-items: stretch;
        gap: .8rem;
        width: 100%
    }
}

.p-adjustment-formula__item-row>.label {
    align-content: center;
    width: 100%;
    min-height: min(5.2vw,5.6rem);
    padding: min(.7vw,.8rem);
    font-size: clamp(1.1rem,1.1vw,1.6rem);
    line-height: 1.3;
    background-color: #fff;
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-adjustment-formula__item-row>.label {
        min-height:5.2rem;
        padding: .8rem;
        font-size: 1.4rem;
        line-height: 1.3
    }
}

.p-adjustment-formula__item-row>.label span {
    display: inline-block;
    font-size: clamp(1rem,1.3vw,1.4rem);
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-adjustment-formula__item-row>.label span {
        font-size:1.2rem;
        line-height: 1.3
    }
}

.p-adjustment-formula__item-row>.c-icon {
    color: #999;
    rotate: 45deg
}

.p-adjustment-formula__item:first-of-type {
    border: .1rem solid var(--color-primary)
}

.p-adjustment-formula__item:first-of-type * {
    color: var(--color-primary)
}

.p-adjustment-formula__item+.p-adjustment-formula__item {
    position: relative
}

.p-adjustment-formula__item+.p-adjustment-formula__item:before {
    position: absolute;
    top: 50%;
    left: max(-.4vw,-.4rem);
    translate: -100% -50%;
    width: min(2.2vw,3.2rem);
    aspect-ratio: 1;
    content: ""
}

@media (max-width: 768px) {
    .p-adjustment-formula__item+.p-adjustment-formula__item:before {
        top:-.4rem;
        left: 50%;
        translate: -50% -100%;
        width: 2.4rem
    }
}

.p-adjustment-formula__item--equal:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4gPGcgaWQ9Imljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzMgLTIyKSI+IDxyZWN0IGlkPSLplbfmlrnlvaJfNTQxIiBkYXRhLW5hbWU9IumVt+aWueW9oiA1NDEiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMzkgMzIpIiBmaWxsPSIjOTk5Ii8+IDxyZWN0IGlkPSLplbfmlrnlvaJfNTQyIiBkYXRhLW5hbWU9IumVt+aWueW9oiA1NDIiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMzkgNDIpIiBmaWxsPSIjOTk5Ii8+IDxyZWN0IGlkPSLplbfmlrnlvaJfNTc1IiBkYXRhLW5hbWU9IumVt+aWueW9oiA1NzUiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzMzIDIyKSIgZmlsbD0ibm9uZSIvPiA8L2c+PC9zdmc+) no-repeat center/100%
}

@media (max-width: 768px) {
    .p-adjustment-formula__item--equal:before {
        rotate:90deg
    }
}

.p-adjustment-formula__item--plus:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4gPGcgaWQ9Imljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzMgLTIyKSI+IDxyZWN0IGlkPSLplbfmlrnlvaJfNTc1IiBkYXRhLW5hbWU9IumVt+aWueW9oiA1NzUiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzMzIDIyKSIgZmlsbD0ibm9uZSIvPiA8cmVjdCBpZD0i6ZW35pa55b2iXzMzNTgiIGRhdGEtbmFtZT0i6ZW35pa55b2iIDMzNTgiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMzkgMzcpIiBmaWxsPSIjOTk5Ii8+IDxyZWN0IGlkPSLplbfmlrnlvaJfMzM1OSIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMzM1OSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1MCAyOCkgcm90YXRlKDkwKSIgZmlsbD0iIzk5OSIvPiA8L2c+PC9zdmc+) no-repeat center/100%
}

.p-adjustment-formula__item--minus:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4gPGcgaWQ9Imljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzMgLTIyKSI+IDxyZWN0IGlkPSLplbfmlrnlvaJfNTc1IiBkYXRhLW5hbWU9IumVt+aWueW9oiA1NzUiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzMzIDIyKSIgZmlsbD0ibm9uZSIvPiA8cmVjdCBpZD0i6ZW35pa55b2iXzMzNTgiIGRhdGEtbmFtZT0i6ZW35pa55b2iIDMzNTgiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMzkgMzcpIiBmaWxsPSIjOTk5Ii8+IDwvZz48L3N2Zz4=) no-repeat center/100%
}

.p-adjustment-formula__item--multiply:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4gPGcgaWQ9Imljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzMgLTIyKSI+IDxyZWN0IGlkPSLplbfmlrnlvaJfNTc1IiBkYXRhLW5hbWU9IumVt+aWueW9oiA1NzUiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzMzIDIyKSIgZmlsbD0ibm9uZSIvPiA8ZyBpZD0i44Kw44Or44O844OXXzE3MzUiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDE3MzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyOS4wOSAtMjM2LjY1KSByb3RhdGUoNDUpIj4gPHJlY3QgaWQ9IumVt+aWueW9ol8zMzU4IiBkYXRhLW5hbWU9IumVt+aWueW9oiAzMzU4IiB3aWR0aD0iMjIiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzM5IDM3LjkpIiBmaWxsPSIjOTk5Ii8+IDxyZWN0IGlkPSLplbfmlrnlvaJfMzM1OSIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMzM1OSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1MS4xIDI4KSByb3RhdGUoOTApIiBmaWxsPSIjOTk5Ii8+IDwvZz4gPC9nPjwvc3ZnPg==) no-repeat center/100%
}

.p-adjustment-formula__item .c-icon {
    width: min(3vw,3.2rem)
}

@media (max-width: 768px) {
    .p-adjustment-formula__item .c-icon {
        flex-shrink:0;
        width: 2.4rem
    }
}

@media (min-width: 769px) {
    .p-adjustment-formula--price {
        grid-template-columns:repeat(6,auto)
    }
}

.p-adjustment-formula--price .p-adjustment-formula__item:is(:nth-of-type(2),:nth-of-type(3),:nth-of-type(4)) {
    background-color: var(--color-light-gray)
}

.p-adjustment-formula--price .p-adjustment-formula__item:is(:nth-of-type(5),:last-of-type) .p-adjustment-formula__item-label {
    color: var(--color-primary)
}

.p-adjustment-formula--price .p-adjustment-formula__item:is(:nth-of-type(5),:last-of-type) .p-adjustment-formula__item-row>.label {
    color: #fff;
    background-color: var(--color-primary)
}

@media (min-width: 769px) {
    .p-adjustment-formula--price .p-adjustment-formula__item:is(:nth-of-type(5),:last-of-type) .p-adjustment-formula__item-row>.label {
        min-width:min(11.8vw,12.8rem)
    }
}

.p-adjustment-formula--price .p-adjustment-formula__item:is(:nth-of-type(5),:last-of-type) .p-adjustment-formula__item-row>.c-icon {
    color: var(--color-primary)
}

@media (max-width: 768px) {
    .p-adjustment-formula--price .p-adjustment-formula__item:nth-of-type(4) .p-adjustment-formula__item-row .label:first-of-type {
        min-width:14.2rem
    }
}

.p-adjustment-formula--price .p-adjustment-formula__item:nth-of-type(5) {
    background-color: var(--color-primary-dark)
}

.p-adjustment-formula--price .p-adjustment-formula__item:last-of-type {
    border: .1rem dashed var(--color-primary)
}

@media (min-width: 769px) {
    .p-adjustment-formula--power {
        grid-template-columns:repeat(4,1fr)
    }
}

.p-adjustment-formula--power .p-adjustment-formula__item {
    min-height: min(13.3vw,14.4rem)
}

@media (max-width: 768px) {
    .p-adjustment-formula--power .p-adjustment-formula__item {
        min-height:5.6rem
    }
}

.p-adjustment-formula--power .p-adjustment-formula__item:is(:nth-of-type(2),:nth-of-type(3),:last-of-type) {
    background-color: var(--color-light-gray)
}

@media (min-width: 769px) {
    .p-adjustment-formula--cost {
        grid-template-columns:1fr min(21.5vw,23.2rem) 1fr 1fr
    }
}

.p-adjustment-formula--cost .p-adjustment-formula__item {
    min-height: min(16.3vw,17.6rem)
}

@media (max-width: 768px) {
    .p-adjustment-formula--cost .p-adjustment-formula__item {
        min-height:5.6rem
    }
}

.p-adjustment-formula--cost .p-adjustment-formula__item:nth-of-type(2) {
    background-color: var(--color-primary-dark)
}

.p-adjustment-formula--cost .p-adjustment-formula__item:nth-of-type(2) .p-adjustment-formula__item-row {
    gap: .2rem
}

@media (max-width: 768px) {
    .p-adjustment-formula--cost .p-adjustment-formula__item:nth-of-type(2) .p-adjustment-formula__item-row {
        gap:1.5rem
    }
}

.p-adjustment-formula--cost .p-adjustment-formula__item:nth-of-type(2) .p-adjustment-formula__item-row>.label {
    min-height: revert;
    padding: 0;
    font-size: clamp(1.4rem,1.7vw,1.8rem);
    line-height: 1.3;
    background-color: revert
}

@media (max-width: 768px) {
    .p-adjustment-formula--cost .p-adjustment-formula__item:nth-of-type(2) .p-adjustment-formula__item-row>.label {
        font-size:1.6rem;
        line-height: 1.3
    }
}

.p-adjustment-formula--cost .p-adjustment-formula__item:nth-of-type(2) .p-adjustment-formula__item-row>.c-icon {
    color: #333;
    rotate: revert
}

@media (min-width: 769px) {
    .p-adjustment-formula--market {
        grid-template-columns:1fr min(33.3vw,36rem) 1fr 1fr
    }
}

.p-adjustment-formula--market .p-adjustment-formula__item {
    min-height: min(17.9vw,19.4rem)
}

@media (max-width: 768px) {
    .p-adjustment-formula--market .p-adjustment-formula__item {
        min-height:5.6rem
    }
}

.p-adjustment-formula--market .p-adjustment-formula__item:nth-of-type(2) {
    background-color: var(--color-primary-dark)
}

.p-adjustment-formula--market .p-adjustment-formula__item:nth-of-type(2) .p-adjustment-formula__item-inner .c-icon {
    color: #999
}

.p-adjustment-formula--market .p-adjustment-formula__item:nth-of-type(2) .p-adjustment-formula__item-row:last-of-type {
    justify-content: center;
    width: min(15.5vw,16.8rem);
    height: 100%;
    padding: min(1.1vw,1.2rem);
    background-color: #fff;
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-adjustment-formula--market .p-adjustment-formula__item:nth-of-type(2) .p-adjustment-formula__item-row:last-of-type {
        width:100%;
        padding: .8rem
    }
}

.p-adjustment-formula--market .p-adjustment-formula__item:nth-of-type(2) .p-adjustment-formula__item-row:last-of-type>.label {
    min-height: revert;
    padding: 0;
    background-color: revert;
    border-radius: revert
}

.p-adjustment-formula--market .p-adjustment-formula__item:nth-of-type(2) .p-adjustment-formula__item-row:last-of-type>.c-icon {
    rotate: 45deg
}

.p-adjustment-formula--market .p-adjustment-formula__item:is(:nth-of-type(3),:last-of-type) {
    background-color: var(--color-light-gray)
}

@media (max-width: 768px) {
    .p-adjustment-formula--market .p-adjustment-formula__item:last-of-type .p-adjustment-formula__item-label sup {
        translate:50% 0
    }
}

.p-contact__head {
    text-align: center
}

@media (max-width: 768px) {
    .p-contact__head {
        text-align:left
    }
}

.p-contact__head-main {
    font-size: 2.6rem;
    line-height: 1.3;
    letter-spacing: .04em
}

@media (max-width: 768px) {
    .p-contact__head-main {
        font-size:1.8rem;
        line-height: 1.3
    }
}

.p-contact__head-sub {
    margin-top: 2.4rem;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-contact__head-sub {
        margin-top:1.6rem
    }
}

.p-contact-select__row {
    overflow: hidden
}

.p-contact-select__row+.p-contact-select__row {
    margin-top: 8.8rem
}

@media (max-width: 768px) {
    .p-contact-select__row+.p-contact-select__row {
        margin-top:5.6rem
    }
}

.p-contact-select__row-link {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 3.2rem;
    margin-top: 5.6rem
}

@media (max-width: 768px) {
    .p-contact-select__row-link {
        grid-template-columns:1fr;
        gap: 1.6rem;
        margin-top: 3.2rem
    }
}

.c-page-heading+.p-contact-select__row-link {
    margin-top: 4rem
}

@media (max-width: 768px) {
    .c-page-heading+.p-contact-select__row-link {
        margin-top:2.4rem
    }
}

.p-contact-completion__head {
    text-align: center
}

.p-contact-completion__head-label {
    font-size: 2.6rem;
    line-height: 1.3;
    letter-spacing: .04em
}

@media (max-width: 768px) {
    .p-contact-completion__head-label {
        font-size:1.8rem;
        line-height: 1.3
    }
}

.p-contact-completion__head-detail {
    margin-top: 2.4rem;
    font-weight: 400
}

@media (max-width: 768px) {
    .p-contact-completion__head-detail {
        margin-top:1.6rem
    }
}

.p-contact-completion__info {
    width: 100%;
    max-width: 72rem;
    margin: 4rem auto 0;
    padding: 5.6rem 14.7rem;
    background-color: var(--color-primary-light);
    border-radius: var(--radius-base);
    text-align: center
}

@media (max-width: 768px) {
    .p-contact-completion__info {
        max-width:100%;
        margin: 2.4rem auto 0;
        padding: 3.2rem 2.4rem
    }
}

.p-contact-completion__info-label {
    font-size: 1.8rem;
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-contact-completion__info-label {
        font-size:1.6rem;
        line-height: 1.3
    }
}

.p-contact-completion__info-detail {
    margin-top: 2.4rem;
    line-height: 1.3
}

@media (max-width: 768px) {
    .p-contact-completion__info-detail {
        margin-top:1.6rem;
        line-height: 1.3
    }
}

.p-agency__reason-block+.p-agency__reason-block {
    margin-top: min(8.9vw,9.6rem)
}

@media (max-width: 768px) {
    .p-agency__reason-block+.p-agency__reason-block {
        margin-top:4.4rem
    }
}

.p-agency__reason-block:first-of-type .p-agency__reason-heading:before {
    background: linear-gradient(to right,var(--color-primary) .4rem,transparent .4rem) repeat-x center/.8rem .1rem
}

.p-agency__reason-block:first-of-type .p-agency__reason-heading .top:before,.p-agency__reason-block:first-of-type .p-agency__reason-heading .bottom:before {
    background: linear-gradient(to right,var(--color-primary) .4rem,transparent .4rem) repeat-x center/.8rem .1rem
}

.p-agency__reason-block:first-of-type .p-agency__reason-heading .top span {
    font-size: clamp(2.6rem,3.1vw,3.4rem);
    line-height: 1.3;
    color: var(--color-primary)
}

@media (max-width: 768px) {
    .p-agency__reason-block:first-of-type .p-agency__reason-heading .top span {
        font-size:2.2rem;
        line-height: 1.3
    }
}

.p-agency__reason-block:first-of-type .p-agency__reason-item {
    background-color: var(--color-primary-medium)
}

.p-agency__reason-block:first-of-type .p-agency__reason-item:before {
    background-color: var(--color-primary-medium)
}

@media (max-width: 768px) {
    .p-agency__reason-block:first-of-type .p-agency__reason-lead {
        background-color:var(--color-primary)
    }
}

.p-agency__reason-block:first-of-type .p-agency__reason-lead:after {
    background-color: var(--color-primary)
}

.p-agency__reason-block:last-of-type .p-agency__reason-heading:before {
    background: linear-gradient(to right,var(--color-blue) .4rem,transparent .4rem) repeat-x center/.8rem .1rem
}

.p-agency__reason-block:last-of-type .p-agency__reason-heading .top:before,.p-agency__reason-block:last-of-type .p-agency__reason-heading .bottom:before {
    background: linear-gradient(to right,var(--color-blue) .4rem,transparent .4rem) repeat-x center/.8rem .1rem
}

.p-agency__reason-block:last-of-type .p-agency__reason-heading .top {
    font-size: clamp(2.6rem,3.1vw,3.4rem);
    line-height: 1.3;
    color: var(--color-blue)
}

@media (max-width: 768px) {
    .p-agency__reason-block:last-of-type .p-agency__reason-heading .top {
        font-size:2.2rem;
        line-height: 1.3
    }
}

.p-agency__reason-block:last-of-type .p-agency__reason-heading .bottom span {
    font-size: clamp(2.6rem,3.1vw,3.4rem);
    line-height: 1.3;
    color: var(--color-blue)
}

@media (max-width: 768px) {
    .p-agency__reason-block:last-of-type .p-agency__reason-heading .bottom span {
        font-size:2.2rem;
        line-height: 1.3
    }
}

.p-agency__reason-block:last-of-type .p-agency__reason-item {
    background-color: var(--color-light-blue)
}

.p-agency__reason-block:last-of-type .p-agency__reason-item:before {
    background-color: var(--color-light-blue)
}

@media (max-width: 768px) {
    .p-agency__reason-block:last-of-type .p-agency__reason-lead {
        background-color:var(--color-blue)
    }
}

.p-agency__reason-block:last-of-type .p-agency__reason-lead:after {
    background-color: var(--color-blue)
}

.p-agency__reason-heading {
    position: relative;
    width: fit-content;
    margin-inline:auto;font-size: clamp(2rem,3.1vw,2.6rem);
    letter-spacing: .04em
}

@media (max-width: 768px) {
    .p-agency__reason-heading {
        display:flex;
        flex-direction: column;
        align-items: center;
        row-gap: .8rem;
        font-size: 1.8rem;
        line-height: initial;
        letter-spacing: .02em
    }
}

.p-agency__reason-heading:before {
    position: absolute;
    bottom: -.8rem;
    left: 0;
    width: 100%;
    height: .1rem;
    content: ""
}

@media (max-width: 768px) {
    .p-agency__reason-heading:before {
        display:none
    }
}

@media (max-width: 768px) {
    .p-agency__reason-heading>.top,.p-agency__reason-heading>.bottom {
        position:relative
    }

    .p-agency__reason-heading>.top:before,.p-agency__reason-heading>.bottom:before {
        position: absolute;
        bottom: -.4rem;
        left: 0;
        width: 100%;
        height: .1rem;
        content: ""
    }
}

.p-agency__reason-heading>.bottom {
    margin-left: -.3em
}

@media (max-width: 768px) {
    .p-agency__reason-heading>.bottom {
        margin-left:0
    }
}

.p-agency__reason-list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 2.4rem;
    margin: 10.8rem 3.6rem 0
}

@media (max-width: 768px) {
    .p-agency__reason-list {
        grid-template-columns:1fr;
        row-gap: 5.5rem;
        margin: 7.2rem 0 0
    }
}

.p-agency__reason-item {
    position: relative;
    padding: 0 min(2.5vw,4rem) 4rem;
    border-radius: var(--radius-base)
}

@media (max-width: 768px) {
    .p-agency__reason-item {
        padding:0 3.2rem 3.2rem
    }
}

.p-agency__reason-item:before {
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% -50%;
    z-index: -10;
    width: min(12.6vw,13.6rem);
    aspect-ratio: 1;
    border-radius: 50%;
    content: ""
}

@media (max-width: 768px) {
    .p-agency__reason-item:before {
        top:-4rem;
        translate: -50% 0;
        width: 11.2rem
    }
}

.p-agency__reason-item>.icon {
    position: relative;
    translate: 0 -50%;
    width: min(5.9vw,6.4rem);
    aspect-ratio: 1;
    margin-inline:auto}

@media (max-width: 768px) {
    .p-agency__reason-item>.icon {
        translate:0 -30%;
        width: 4.8rem
    }
}

.p-agency__reason-item>.icon img {
    width: 100%
}

.p-agency__reason-item>.label {
    font-size: clamp(1.6rem,2vw,2.2rem);
    line-height: 1.3;
    text-align: center
}

@media (max-width: 768px) {
    .p-agency__reason-item>.label {
        font-size:1.8rem;
        line-height: 1.3
    }
}

.p-agency__reason-item>.detail {
    margin-top: min(1.5vw,1.6rem)
}

@media (max-width: 768px) {
    .p-agency__reason-item>.detail {
        margin-top:.8rem
    }
}

.p-agency__reason-lead {
    position: relative;
    padding-block:min(3.7vw,4rem) min(4.4vw,4.8rem);font-size: clamp(2rem,2.8vw,3rem);
    line-height: 1.3;
    letter-spacing: .04em;
    color: #fff;
    text-align: center
}

@media (max-width: 768px) {
    .p-agency__reason-lead {
        width:100%;
        max-width: 27.2rem;
        margin: 2.4rem auto 0;
        padding: 2.4rem 1em;
        font-size: 2rem;
        line-height: 1.3;
        border-radius: var(--radius-base)
    }
}

.p-agency__reason-lead:after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: min(17.7vw,19.1rem);
    border-radius: var(--radius-base);
    content: ""
}

@media (max-width: 768px) {
    .p-agency__reason-lead:after {
        display:none
    }
}

.p-agency__step {
    margin-top: 11.2rem;
    padding-block:10.4rem 11.2rem;background-color: var(--color-light-gray)
}

@media (max-width: 768px) {
    .p-agency__step {
        margin-top:6.4rem;
        padding-block:5.6rem 6.4rem}
}

.p-agency__step-foot {
    margin-top: 4.8rem
}

@media (max-width: 768px) {
    .p-agency__step-foot {
        margin-top:2.4rem
    }
}

.p-agency__contact {
    margin-top: 10.4rem
}

@media (max-width: 768px) {
    .p-agency__contact {
        margin-top:5.6rem
    }
}

.p-application__main {
    padding-bottom: 11.2rem;
    background-color: #fff
}

@media (max-width: 768px) {
    .p-application__main {
        padding-bottom:5.6rem
    }
}

.p-application__detail {
    padding-block:10.4rem 11.2rem;background-color: var(--color-light-gray)
}

@media (max-width: 768px) {
    .p-application__detail {
        padding-block:5.6rem 4.8rem
    }
}

.p-application__detail .p-yakkan__row {
    overflow: hidden
}

.p-application__detail-foot {
    margin-top: 8rem;
    padding-top: 8.5rem;
    border-top: .1rem solid #999
}

@media (max-width: 768px) {
    .p-application__detail-foot {
        margin-top:4rem;
        padding-top: 4rem
    }
}

.p-application__detail-foot>.p-form__row-input {
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem;
    width: fit-content;
    margin-inline:auto}

.p-application__detail-foot .p-form__agree {
    background-color: #fff
}

.u-cursor-pointer {
    cursor: pointer
}

.u-d-none {
    display: none!important
}

.u-d-block {
    display: block
}

@media (min-width: 769px) {
    .u-d-lg-none {
        display:none!important
    }
}

@media (min-width: 769px) {
    .u-d-lg-block {
        display:block!important
    }
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
    .u-d-middle-none {
        display:none!important
    }
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
    .u-d-middle-block {
        display:block!important
    }
}

@media (max-width: 768px) {
    .u-d-md-none {
        display:none!important
    }
}

@media (max-width: 768px) {
    .u-d-md-block {
        display:block!important
    }
}

.u-d-inline {
    display: inline!important
}

.u-fw-regular {
    font-weight: 400!important
}

.u-fw-medium {
    font-weight: 500!important
}

.u-fw-bold {
    font-weight: 700!important
}

.u-fs-10 {
    font-size: 1rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-10 {
        font-size:1rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-10 {
        font-size:1rem!important
    }
}

.u-fs-11 {
    font-size: 1.1rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-11 {
        font-size:1.1rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-11 {
        font-size:1.1rem!important
    }
}

.u-fs-12 {
    font-size: 1.2rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-12 {
        font-size:1.2rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-12 {
        font-size:1.2rem!important
    }
}

.u-fs-13 {
    font-size: 1.3rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-13 {
        font-size:1.3rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-13 {
        font-size:1.3rem!important
    }
}

.u-fs-14 {
    font-size: 1.4rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-14 {
        font-size:1.4rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-14 {
        font-size:1.4rem!important
    }
}

.u-fs-15 {
    font-size: 1.5rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-15 {
        font-size:1.5rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-15 {
        font-size:1.5rem!important
    }
}

.u-fs-16 {
    font-size: 1.6rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-16 {
        font-size:1.6rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-16 {
        font-size:1.6rem!important
    }
}

.u-fs-17 {
    font-size: 1.7rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-17 {
        font-size:1.7rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-17 {
        font-size:1.7rem!important
    }
}

.u-fs-18 {
    font-size: 1.8rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-18 {
        font-size:1.8rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-18 {
        font-size:1.8rem!important
    }
}

.u-fs-19 {
    font-size: 1.9rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-19 {
        font-size:1.9rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-19 {
        font-size:1.9rem!important
    }
}

.u-fs-20 {
    font-size: 2rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-20 {
        font-size:2rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-20 {
        font-size:2rem!important
    }
}

.u-fs-21 {
    font-size: 2.1rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-21 {
        font-size:2.1rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-21 {
        font-size:2.1rem!important
    }
}

.u-fs-22 {
    font-size: 2.2rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-22 {
        font-size:2.2rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-22 {
        font-size:2.2rem!important
    }
}

.u-fs-23 {
    font-size: 2.3rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-23 {
        font-size:2.3rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-23 {
        font-size:2.3rem!important
    }
}

.u-fs-24 {
    font-size: 2.4rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-24 {
        font-size:2.4rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-24 {
        font-size:2.4rem!important
    }
}

.u-fs-25 {
    font-size: 2.5rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-25 {
        font-size:2.5rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-25 {
        font-size:2.5rem!important
    }
}

.u-fs-26 {
    font-size: 2.6rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-26 {
        font-size:2.6rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-26 {
        font-size:2.6rem!important
    }
}

.u-fs-27 {
    font-size: 2.7rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-27 {
        font-size:2.7rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-27 {
        font-size:2.7rem!important
    }
}

.u-fs-28 {
    font-size: 2.8rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-28 {
        font-size:2.8rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-28 {
        font-size:2.8rem!important
    }
}

.u-fs-29 {
    font-size: 2.9rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-29 {
        font-size:2.9rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-29 {
        font-size:2.9rem!important
    }
}

.u-fs-30 {
    font-size: 3rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-30 {
        font-size:3rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-30 {
        font-size:3rem!important
    }
}

.u-fs-31 {
    font-size: 3.1rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-31 {
        font-size:3.1rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-31 {
        font-size:3.1rem!important
    }
}

.u-fs-32 {
    font-size: 3.2rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-32 {
        font-size:3.2rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-32 {
        font-size:3.2rem!important
    }
}

.u-fs-33 {
    font-size: 3.3rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-33 {
        font-size:3.3rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-33 {
        font-size:3.3rem!important
    }
}

.u-fs-34 {
    font-size: 3.4rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-34 {
        font-size:3.4rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-34 {
        font-size:3.4rem!important
    }
}

.u-fs-35 {
    font-size: 3.5rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-35 {
        font-size:3.5rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-35 {
        font-size:3.5rem!important
    }
}

.u-fs-36 {
    font-size: 3.6rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-36 {
        font-size:3.6rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-36 {
        font-size:3.6rem!important
    }
}

.u-fs-37 {
    font-size: 3.7rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-37 {
        font-size:3.7rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-37 {
        font-size:3.7rem!important
    }
}

.u-fs-38 {
    font-size: 3.8rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-38 {
        font-size:3.8rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-38 {
        font-size:3.8rem!important
    }
}

.u-fs-39 {
    font-size: 3.9rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-39 {
        font-size:3.9rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-39 {
        font-size:3.9rem!important
    }
}

.u-fs-40 {
    font-size: 4rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-40 {
        font-size:4rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-40 {
        font-size:4rem!important
    }
}

.u-fs-41 {
    font-size: 4.1rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-41 {
        font-size:4.1rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-41 {
        font-size:4.1rem!important
    }
}

.u-fs-42 {
    font-size: 4.2rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-42 {
        font-size:4.2rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-42 {
        font-size:4.2rem!important
    }
}

.u-fs-43 {
    font-size: 4.3rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-43 {
        font-size:4.3rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-43 {
        font-size:4.3rem!important
    }
}

.u-fs-44 {
    font-size: 4.4rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-44 {
        font-size:4.4rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-44 {
        font-size:4.4rem!important
    }
}

.u-fs-45 {
    font-size: 4.5rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-45 {
        font-size:4.5rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-45 {
        font-size:4.5rem!important
    }
}

.u-fs-46 {
    font-size: 4.6rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-46 {
        font-size:4.6rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-46 {
        font-size:4.6rem!important
    }
}

.u-fs-47 {
    font-size: 4.7rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-47 {
        font-size:4.7rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-47 {
        font-size:4.7rem!important
    }
}

.u-fs-48 {
    font-size: 4.8rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-48 {
        font-size:4.8rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-48 {
        font-size:4.8rem!important
    }
}

.u-fs-49 {
    font-size: 4.9rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-49 {
        font-size:4.9rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-49 {
        font-size:4.9rem!important
    }
}

.u-fs-50 {
    font-size: 5rem!important
}

@media (min-width: 769px) {
    .u-fs-lg-50 {
        font-size:5rem!important
    }
}

@media (max-width: 768px) {
    .u-fs-md-50 {
        font-size:5rem!important
    }
}

.u-hover-fade {
    transition: opacity .3s ease-out
}

@media (hover: hover) {
    .u-hover-fade:hover {
        opacity:.5
    }
}

@media (hover: hover) {
    .u-hover-ul:hover {
        text-decoration:underline
    }
}

.u-lh-1 {
    line-height: 1!important
}

@media (max-width: 768px) {
    .u-lh-md-1 {
        line-height:1!important
    }
}

.u-lh-large {
    line-height: 2.2!important
}

@media (max-width: 768px) {
    .u-lh-md-large {
        line-height:2.2!important
    }
}

.u-lh-base {
    line-height: 2!important
}

@media (max-width: 768px) {
    .u-lh-md-base {
        line-height:2!important
    }
}

.u-lh-medium {
    line-height: 1.8!important
}

@media (max-width: 768px) {
    .u-lh-md-medium {
        line-height:1.8!important
    }
}

.u-lh-small {
    line-height: 1.3!important
}

@media (max-width: 768px) {
    .u-lh-md-small {
        line-height:1.3!important
    }
}

.u-mx-auto {
    margin-inline:auto!important}

@media (min-width: 769px) {
    .u-mx-lg-auto {
        margin-inline:auto!important
    }
}

@media (max-width: 768px) {
    .u-mx-md-auto {
        margin-inline:auto!important
    }
}

.u-mt-0 {
    margin-top: 0rem!important
}

.u-mt-1 {
    margin-top: .1rem!important
}

.u-mt-2 {
    margin-top: .2rem!important
}

.u-mt-3 {
    margin-top: .3rem!important
}

.u-mt-4 {
    margin-top: .4rem!important
}

.u-mt-5 {
    margin-top: .5rem!important
}

.u-mt-6 {
    margin-top: .6rem!important
}

.u-mt-7 {
    margin-top: .7rem!important
}

.u-mt-8 {
    margin-top: .8rem!important
}

.u-mt-9 {
    margin-top: .9rem!important
}

.u-mt-10 {
    margin-top: 1rem!important
}

.u-mt-11 {
    margin-top: 1.1rem!important
}

.u-mt-12 {
    margin-top: 1.2rem!important
}

.u-mt-13 {
    margin-top: 1.3rem!important
}

.u-mt-14 {
    margin-top: 1.4rem!important
}

.u-mt-15 {
    margin-top: 1.5rem!important
}

.u-mt-16 {
    margin-top: 1.6rem!important
}

.u-mt-17 {
    margin-top: 1.7rem!important
}

.u-mt-18 {
    margin-top: 1.8rem!important
}

.u-mt-19 {
    margin-top: 1.9rem!important
}

.u-mt-20 {
    margin-top: 2rem!important
}

.u-mt-21 {
    margin-top: 2.1rem!important
}

.u-mt-22 {
    margin-top: 2.2rem!important
}

.u-mt-23 {
    margin-top: 2.3rem!important
}

.u-mt-24 {
    margin-top: 2.4rem!important
}

.u-mt-25 {
    margin-top: 2.5rem!important
}

.u-mt-26 {
    margin-top: 2.6rem!important
}

.u-mt-27 {
    margin-top: 2.7rem!important
}

.u-mt-28 {
    margin-top: 2.8rem!important
}

.u-mt-29 {
    margin-top: 2.9rem!important
}

.u-mt-30 {
    margin-top: 3rem!important
}

.u-mt-31 {
    margin-top: 3.1rem!important
}

.u-mt-32 {
    margin-top: 3.2rem!important
}

.u-mt-33 {
    margin-top: 3.3rem!important
}

.u-mt-34 {
    margin-top: 3.4rem!important
}

.u-mt-35 {
    margin-top: 3.5rem!important
}

.u-mt-36 {
    margin-top: 3.6rem!important
}

.u-mt-37 {
    margin-top: 3.7rem!important
}

.u-mt-38 {
    margin-top: 3.8rem!important
}

.u-mt-39 {
    margin-top: 3.9rem!important
}

.u-mt-40 {
    margin-top: 4rem!important
}

.u-mt-41 {
    margin-top: 4.1rem!important
}

.u-mt-42 {
    margin-top: 4.2rem!important
}

.u-mt-43 {
    margin-top: 4.3rem!important
}

.u-mt-44 {
    margin-top: 4.4rem!important
}

.u-mt-45 {
    margin-top: 4.5rem!important
}

.u-mt-46 {
    margin-top: 4.6rem!important
}

.u-mt-47 {
    margin-top: 4.7rem!important
}

.u-mt-48 {
    margin-top: 4.8rem!important
}

.u-mt-49 {
    margin-top: 4.9rem!important
}

.u-mt-50 {
    margin-top: 5rem!important
}

.u-mt-51 {
    margin-top: 5.1rem!important
}

.u-mt-52 {
    margin-top: 5.2rem!important
}

.u-mt-53 {
    margin-top: 5.3rem!important
}

.u-mt-54 {
    margin-top: 5.4rem!important
}

.u-mt-55 {
    margin-top: 5.5rem!important
}

.u-mt-56 {
    margin-top: 5.6rem!important
}

.u-mt-57 {
    margin-top: 5.7rem!important
}

.u-mt-58 {
    margin-top: 5.8rem!important
}

.u-mt-59 {
    margin-top: 5.9rem!important
}

.u-mt-60 {
    margin-top: 6rem!important
}

.u-mt-61 {
    margin-top: 6.1rem!important
}

.u-mt-62 {
    margin-top: 6.2rem!important
}

.u-mt-63 {
    margin-top: 6.3rem!important
}

.u-mt-64 {
    margin-top: 6.4rem!important
}

.u-mt-65 {
    margin-top: 6.5rem!important
}

.u-mt-66 {
    margin-top: 6.6rem!important
}

.u-mt-67 {
    margin-top: 6.7rem!important
}

.u-mt-68 {
    margin-top: 6.8rem!important
}

.u-mt-69 {
    margin-top: 6.9rem!important
}

.u-mt-70 {
    margin-top: 7rem!important
}

.u-mt-71 {
    margin-top: 7.1rem!important
}

.u-mt-72 {
    margin-top: 7.2rem!important
}

.u-mt-73 {
    margin-top: 7.3rem!important
}

.u-mt-74 {
    margin-top: 7.4rem!important
}

.u-mt-75 {
    margin-top: 7.5rem!important
}

.u-mt-76 {
    margin-top: 7.6rem!important
}

.u-mt-77 {
    margin-top: 7.7rem!important
}

.u-mt-78 {
    margin-top: 7.8rem!important
}

.u-mt-79 {
    margin-top: 7.9rem!important
}

.u-mt-80 {
    margin-top: 8rem!important
}

.u-mt-81 {
    margin-top: 8.1rem!important
}

.u-mt-82 {
    margin-top: 8.2rem!important
}

.u-mt-83 {
    margin-top: 8.3rem!important
}

.u-mt-84 {
    margin-top: 8.4rem!important
}

.u-mt-85 {
    margin-top: 8.5rem!important
}

.u-mt-86 {
    margin-top: 8.6rem!important
}

.u-mt-87 {
    margin-top: 8.7rem!important
}

.u-mt-88 {
    margin-top: 8.8rem!important
}

.u-mt-89 {
    margin-top: 8.9rem!important
}

.u-mt-90 {
    margin-top: 9rem!important
}

.u-mt-91 {
    margin-top: 9.1rem!important
}

.u-mt-92 {
    margin-top: 9.2rem!important
}

.u-mt-93 {
    margin-top: 9.3rem!important
}

.u-mt-94 {
    margin-top: 9.4rem!important
}

.u-mt-95 {
    margin-top: 9.5rem!important
}

.u-mt-96 {
    margin-top: 9.6rem!important
}

.u-mt-97 {
    margin-top: 9.7rem!important
}

.u-mt-98 {
    margin-top: 9.8rem!important
}

.u-mt-99 {
    margin-top: 9.9rem!important
}

.u-mt-100 {
    margin-top: 10rem!important
}

@media (min-width: 769px) {
    .u-mt-lg-0 {
        margin-top:0rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-1 {
        margin-top:.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-2 {
        margin-top:.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-3 {
        margin-top:.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-4 {
        margin-top:.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-5 {
        margin-top:.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-6 {
        margin-top:.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-7 {
        margin-top:.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-8 {
        margin-top:.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-9 {
        margin-top:.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-10 {
        margin-top:1rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-11 {
        margin-top:1.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-12 {
        margin-top:1.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-13 {
        margin-top:1.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-14 {
        margin-top:1.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-15 {
        margin-top:1.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-16 {
        margin-top:1.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-17 {
        margin-top:1.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-18 {
        margin-top:1.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-19 {
        margin-top:1.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-20 {
        margin-top:2rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-21 {
        margin-top:2.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-22 {
        margin-top:2.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-23 {
        margin-top:2.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-24 {
        margin-top:2.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-25 {
        margin-top:2.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-26 {
        margin-top:2.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-27 {
        margin-top:2.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-28 {
        margin-top:2.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-29 {
        margin-top:2.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-30 {
        margin-top:3rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-31 {
        margin-top:3.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-32 {
        margin-top:3.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-33 {
        margin-top:3.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-34 {
        margin-top:3.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-35 {
        margin-top:3.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-36 {
        margin-top:3.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-37 {
        margin-top:3.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-38 {
        margin-top:3.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-39 {
        margin-top:3.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-40 {
        margin-top:4rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-41 {
        margin-top:4.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-42 {
        margin-top:4.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-43 {
        margin-top:4.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-44 {
        margin-top:4.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-45 {
        margin-top:4.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-46 {
        margin-top:4.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-47 {
        margin-top:4.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-48 {
        margin-top:4.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-49 {
        margin-top:4.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-50 {
        margin-top:5rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-51 {
        margin-top:5.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-52 {
        margin-top:5.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-53 {
        margin-top:5.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-54 {
        margin-top:5.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-55 {
        margin-top:5.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-56 {
        margin-top:5.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-57 {
        margin-top:5.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-58 {
        margin-top:5.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-59 {
        margin-top:5.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-60 {
        margin-top:6rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-61 {
        margin-top:6.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-62 {
        margin-top:6.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-63 {
        margin-top:6.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-64 {
        margin-top:6.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-65 {
        margin-top:6.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-66 {
        margin-top:6.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-67 {
        margin-top:6.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-68 {
        margin-top:6.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-69 {
        margin-top:6.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-70 {
        margin-top:7rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-71 {
        margin-top:7.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-72 {
        margin-top:7.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-73 {
        margin-top:7.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-74 {
        margin-top:7.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-75 {
        margin-top:7.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-76 {
        margin-top:7.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-77 {
        margin-top:7.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-78 {
        margin-top:7.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-79 {
        margin-top:7.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-80 {
        margin-top:8rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-81 {
        margin-top:8.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-82 {
        margin-top:8.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-83 {
        margin-top:8.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-84 {
        margin-top:8.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-85 {
        margin-top:8.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-86 {
        margin-top:8.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-87 {
        margin-top:8.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-88 {
        margin-top:8.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-89 {
        margin-top:8.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-90 {
        margin-top:9rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-91 {
        margin-top:9.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-92 {
        margin-top:9.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-93 {
        margin-top:9.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-94 {
        margin-top:9.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-95 {
        margin-top:9.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-96 {
        margin-top:9.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-97 {
        margin-top:9.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-98 {
        margin-top:9.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-99 {
        margin-top:9.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mt-lg-100 {
        margin-top:10rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-0 {
        margin-top:0rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-1 {
        margin-top:.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-2 {
        margin-top:.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-3 {
        margin-top:.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-4 {
        margin-top:.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-5 {
        margin-top:.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-6 {
        margin-top:.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-7 {
        margin-top:.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-8 {
        margin-top:.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-9 {
        margin-top:.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-10 {
        margin-top:1rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-11 {
        margin-top:1.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-12 {
        margin-top:1.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-13 {
        margin-top:1.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-14 {
        margin-top:1.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-15 {
        margin-top:1.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-16 {
        margin-top:1.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-17 {
        margin-top:1.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-18 {
        margin-top:1.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-19 {
        margin-top:1.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-20 {
        margin-top:2rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-21 {
        margin-top:2.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-22 {
        margin-top:2.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-23 {
        margin-top:2.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-24 {
        margin-top:2.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-25 {
        margin-top:2.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-26 {
        margin-top:2.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-27 {
        margin-top:2.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-28 {
        margin-top:2.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-29 {
        margin-top:2.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-30 {
        margin-top:3rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-31 {
        margin-top:3.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-32 {
        margin-top:3.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-33 {
        margin-top:3.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-34 {
        margin-top:3.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-35 {
        margin-top:3.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-36 {
        margin-top:3.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-37 {
        margin-top:3.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-38 {
        margin-top:3.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-39 {
        margin-top:3.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-40 {
        margin-top:4rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-41 {
        margin-top:4.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-42 {
        margin-top:4.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-43 {
        margin-top:4.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-44 {
        margin-top:4.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-45 {
        margin-top:4.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-46 {
        margin-top:4.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-47 {
        margin-top:4.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-48 {
        margin-top:4.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-49 {
        margin-top:4.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-50 {
        margin-top:5rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-51 {
        margin-top:5.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-52 {
        margin-top:5.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-53 {
        margin-top:5.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-54 {
        margin-top:5.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-55 {
        margin-top:5.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-56 {
        margin-top:5.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-57 {
        margin-top:5.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-58 {
        margin-top:5.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-59 {
        margin-top:5.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-60 {
        margin-top:6rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-61 {
        margin-top:6.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-62 {
        margin-top:6.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-63 {
        margin-top:6.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-64 {
        margin-top:6.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-65 {
        margin-top:6.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-66 {
        margin-top:6.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-67 {
        margin-top:6.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-68 {
        margin-top:6.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-69 {
        margin-top:6.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-70 {
        margin-top:7rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-71 {
        margin-top:7.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-72 {
        margin-top:7.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-73 {
        margin-top:7.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-74 {
        margin-top:7.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-75 {
        margin-top:7.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-76 {
        margin-top:7.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-77 {
        margin-top:7.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-78 {
        margin-top:7.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-79 {
        margin-top:7.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-80 {
        margin-top:8rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-81 {
        margin-top:8.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-82 {
        margin-top:8.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-83 {
        margin-top:8.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-84 {
        margin-top:8.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-85 {
        margin-top:8.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-86 {
        margin-top:8.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-87 {
        margin-top:8.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-88 {
        margin-top:8.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-89 {
        margin-top:8.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-90 {
        margin-top:9rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-91 {
        margin-top:9.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-92 {
        margin-top:9.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-93 {
        margin-top:9.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-94 {
        margin-top:9.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-95 {
        margin-top:9.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-96 {
        margin-top:9.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-97 {
        margin-top:9.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-98 {
        margin-top:9.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-99 {
        margin-top:9.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mt-md-100 {
        margin-top:10rem!important
    }
}

.u-mb-0 {
    margin-bottom: 0rem!important
}

.u-mb-1 {
    margin-bottom: .1rem!important
}

.u-mb-2 {
    margin-bottom: .2rem!important
}

.u-mb-3 {
    margin-bottom: .3rem!important
}

.u-mb-4 {
    margin-bottom: .4rem!important
}

.u-mb-5 {
    margin-bottom: .5rem!important
}

.u-mb-6 {
    margin-bottom: .6rem!important
}

.u-mb-7 {
    margin-bottom: .7rem!important
}

.u-mb-8 {
    margin-bottom: .8rem!important
}

.u-mb-9 {
    margin-bottom: .9rem!important
}

.u-mb-10 {
    margin-bottom: 1rem!important
}

.u-mb-11 {
    margin-bottom: 1.1rem!important
}

.u-mb-12 {
    margin-bottom: 1.2rem!important
}

.u-mb-13 {
    margin-bottom: 1.3rem!important
}

.u-mb-14 {
    margin-bottom: 1.4rem!important
}

.u-mb-15 {
    margin-bottom: 1.5rem!important
}

.u-mb-16 {
    margin-bottom: 1.6rem!important
}

.u-mb-17 {
    margin-bottom: 1.7rem!important
}

.u-mb-18 {
    margin-bottom: 1.8rem!important
}

.u-mb-19 {
    margin-bottom: 1.9rem!important
}

.u-mb-20 {
    margin-bottom: 2rem!important
}

.u-mb-21 {
    margin-bottom: 2.1rem!important
}

.u-mb-22 {
    margin-bottom: 2.2rem!important
}

.u-mb-23 {
    margin-bottom: 2.3rem!important
}

.u-mb-24 {
    margin-bottom: 2.4rem!important
}

.u-mb-25 {
    margin-bottom: 2.5rem!important
}

.u-mb-26 {
    margin-bottom: 2.6rem!important
}

.u-mb-27 {
    margin-bottom: 2.7rem!important
}

.u-mb-28 {
    margin-bottom: 2.8rem!important
}

.u-mb-29 {
    margin-bottom: 2.9rem!important
}

.u-mb-30 {
    margin-bottom: 3rem!important
}

.u-mb-31 {
    margin-bottom: 3.1rem!important
}

.u-mb-32 {
    margin-bottom: 3.2rem!important
}

.u-mb-33 {
    margin-bottom: 3.3rem!important
}

.u-mb-34 {
    margin-bottom: 3.4rem!important
}

.u-mb-35 {
    margin-bottom: 3.5rem!important
}

.u-mb-36 {
    margin-bottom: 3.6rem!important
}

.u-mb-37 {
    margin-bottom: 3.7rem!important
}

.u-mb-38 {
    margin-bottom: 3.8rem!important
}

.u-mb-39 {
    margin-bottom: 3.9rem!important
}

.u-mb-40 {
    margin-bottom: 4rem!important
}

.u-mb-41 {
    margin-bottom: 4.1rem!important
}

.u-mb-42 {
    margin-bottom: 4.2rem!important
}

.u-mb-43 {
    margin-bottom: 4.3rem!important
}

.u-mb-44 {
    margin-bottom: 4.4rem!important
}

.u-mb-45 {
    margin-bottom: 4.5rem!important
}

.u-mb-46 {
    margin-bottom: 4.6rem!important
}

.u-mb-47 {
    margin-bottom: 4.7rem!important
}

.u-mb-48 {
    margin-bottom: 4.8rem!important
}

.u-mb-49 {
    margin-bottom: 4.9rem!important
}

.u-mb-50 {
    margin-bottom: 5rem!important
}

.u-mb-51 {
    margin-bottom: 5.1rem!important
}

.u-mb-52 {
    margin-bottom: 5.2rem!important
}

.u-mb-53 {
    margin-bottom: 5.3rem!important
}

.u-mb-54 {
    margin-bottom: 5.4rem!important
}

.u-mb-55 {
    margin-bottom: 5.5rem!important
}

.u-mb-56 {
    margin-bottom: 5.6rem!important
}

.u-mb-57 {
    margin-bottom: 5.7rem!important
}

.u-mb-58 {
    margin-bottom: 5.8rem!important
}

.u-mb-59 {
    margin-bottom: 5.9rem!important
}

.u-mb-60 {
    margin-bottom: 6rem!important
}

.u-mb-61 {
    margin-bottom: 6.1rem!important
}

.u-mb-62 {
    margin-bottom: 6.2rem!important
}

.u-mb-63 {
    margin-bottom: 6.3rem!important
}

.u-mb-64 {
    margin-bottom: 6.4rem!important
}

.u-mb-65 {
    margin-bottom: 6.5rem!important
}

.u-mb-66 {
    margin-bottom: 6.6rem!important
}

.u-mb-67 {
    margin-bottom: 6.7rem!important
}

.u-mb-68 {
    margin-bottom: 6.8rem!important
}

.u-mb-69 {
    margin-bottom: 6.9rem!important
}

.u-mb-70 {
    margin-bottom: 7rem!important
}

.u-mb-71 {
    margin-bottom: 7.1rem!important
}

.u-mb-72 {
    margin-bottom: 7.2rem!important
}

.u-mb-73 {
    margin-bottom: 7.3rem!important
}

.u-mb-74 {
    margin-bottom: 7.4rem!important
}

.u-mb-75 {
    margin-bottom: 7.5rem!important
}

.u-mb-76 {
    margin-bottom: 7.6rem!important
}

.u-mb-77 {
    margin-bottom: 7.7rem!important
}

.u-mb-78 {
    margin-bottom: 7.8rem!important
}

.u-mb-79 {
    margin-bottom: 7.9rem!important
}

.u-mb-80 {
    margin-bottom: 8rem!important
}

.u-mb-81 {
    margin-bottom: 8.1rem!important
}

.u-mb-82 {
    margin-bottom: 8.2rem!important
}

.u-mb-83 {
    margin-bottom: 8.3rem!important
}

.u-mb-84 {
    margin-bottom: 8.4rem!important
}

.u-mb-85 {
    margin-bottom: 8.5rem!important
}

.u-mb-86 {
    margin-bottom: 8.6rem!important
}

.u-mb-87 {
    margin-bottom: 8.7rem!important
}

.u-mb-88 {
    margin-bottom: 8.8rem!important
}

.u-mb-89 {
    margin-bottom: 8.9rem!important
}

.u-mb-90 {
    margin-bottom: 9rem!important
}

.u-mb-91 {
    margin-bottom: 9.1rem!important
}

.u-mb-92 {
    margin-bottom: 9.2rem!important
}

.u-mb-93 {
    margin-bottom: 9.3rem!important
}

.u-mb-94 {
    margin-bottom: 9.4rem!important
}

.u-mb-95 {
    margin-bottom: 9.5rem!important
}

.u-mb-96 {
    margin-bottom: 9.6rem!important
}

.u-mb-97 {
    margin-bottom: 9.7rem!important
}

.u-mb-98 {
    margin-bottom: 9.8rem!important
}

.u-mb-99 {
    margin-bottom: 9.9rem!important
}

.u-mb-100 {
    margin-bottom: 10rem!important
}

@media (min-width: 769px) {
    .u-mb-lg-0 {
        margin-bottom:0rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-1 {
        margin-bottom:.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-2 {
        margin-bottom:.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-3 {
        margin-bottom:.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-4 {
        margin-bottom:.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-5 {
        margin-bottom:.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-6 {
        margin-bottom:.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-7 {
        margin-bottom:.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-8 {
        margin-bottom:.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-9 {
        margin-bottom:.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-10 {
        margin-bottom:1rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-11 {
        margin-bottom:1.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-12 {
        margin-bottom:1.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-13 {
        margin-bottom:1.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-14 {
        margin-bottom:1.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-15 {
        margin-bottom:1.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-16 {
        margin-bottom:1.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-17 {
        margin-bottom:1.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-18 {
        margin-bottom:1.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-19 {
        margin-bottom:1.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-20 {
        margin-bottom:2rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-21 {
        margin-bottom:2.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-22 {
        margin-bottom:2.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-23 {
        margin-bottom:2.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-24 {
        margin-bottom:2.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-25 {
        margin-bottom:2.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-26 {
        margin-bottom:2.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-27 {
        margin-bottom:2.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-28 {
        margin-bottom:2.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-29 {
        margin-bottom:2.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-30 {
        margin-bottom:3rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-31 {
        margin-bottom:3.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-32 {
        margin-bottom:3.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-33 {
        margin-bottom:3.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-34 {
        margin-bottom:3.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-35 {
        margin-bottom:3.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-36 {
        margin-bottom:3.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-37 {
        margin-bottom:3.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-38 {
        margin-bottom:3.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-39 {
        margin-bottom:3.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-40 {
        margin-bottom:4rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-41 {
        margin-bottom:4.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-42 {
        margin-bottom:4.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-43 {
        margin-bottom:4.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-44 {
        margin-bottom:4.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-45 {
        margin-bottom:4.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-46 {
        margin-bottom:4.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-47 {
        margin-bottom:4.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-48 {
        margin-bottom:4.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-49 {
        margin-bottom:4.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-50 {
        margin-bottom:5rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-51 {
        margin-bottom:5.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-52 {
        margin-bottom:5.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-53 {
        margin-bottom:5.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-54 {
        margin-bottom:5.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-55 {
        margin-bottom:5.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-56 {
        margin-bottom:5.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-57 {
        margin-bottom:5.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-58 {
        margin-bottom:5.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-59 {
        margin-bottom:5.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-60 {
        margin-bottom:6rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-61 {
        margin-bottom:6.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-62 {
        margin-bottom:6.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-63 {
        margin-bottom:6.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-64 {
        margin-bottom:6.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-65 {
        margin-bottom:6.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-66 {
        margin-bottom:6.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-67 {
        margin-bottom:6.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-68 {
        margin-bottom:6.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-69 {
        margin-bottom:6.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-70 {
        margin-bottom:7rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-71 {
        margin-bottom:7.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-72 {
        margin-bottom:7.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-73 {
        margin-bottom:7.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-74 {
        margin-bottom:7.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-75 {
        margin-bottom:7.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-76 {
        margin-bottom:7.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-77 {
        margin-bottom:7.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-78 {
        margin-bottom:7.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-79 {
        margin-bottom:7.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-80 {
        margin-bottom:8rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-81 {
        margin-bottom:8.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-82 {
        margin-bottom:8.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-83 {
        margin-bottom:8.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-84 {
        margin-bottom:8.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-85 {
        margin-bottom:8.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-86 {
        margin-bottom:8.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-87 {
        margin-bottom:8.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-88 {
        margin-bottom:8.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-89 {
        margin-bottom:8.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-90 {
        margin-bottom:9rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-91 {
        margin-bottom:9.1rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-92 {
        margin-bottom:9.2rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-93 {
        margin-bottom:9.3rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-94 {
        margin-bottom:9.4rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-95 {
        margin-bottom:9.5rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-96 {
        margin-bottom:9.6rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-97 {
        margin-bottom:9.7rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-98 {
        margin-bottom:9.8rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-99 {
        margin-bottom:9.9rem!important
    }
}

@media (min-width: 769px) {
    .u-mb-lg-100 {
        margin-bottom:10rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-0 {
        margin-bottom:0rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-1 {
        margin-bottom:.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-2 {
        margin-bottom:.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-3 {
        margin-bottom:.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-4 {
        margin-bottom:.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-5 {
        margin-bottom:.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-6 {
        margin-bottom:.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-7 {
        margin-bottom:.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-8 {
        margin-bottom:.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-9 {
        margin-bottom:.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-10 {
        margin-bottom:1rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-11 {
        margin-bottom:1.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-12 {
        margin-bottom:1.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-13 {
        margin-bottom:1.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-14 {
        margin-bottom:1.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-15 {
        margin-bottom:1.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-16 {
        margin-bottom:1.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-17 {
        margin-bottom:1.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-18 {
        margin-bottom:1.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-19 {
        margin-bottom:1.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-20 {
        margin-bottom:2rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-21 {
        margin-bottom:2.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-22 {
        margin-bottom:2.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-23 {
        margin-bottom:2.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-24 {
        margin-bottom:2.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-25 {
        margin-bottom:2.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-26 {
        margin-bottom:2.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-27 {
        margin-bottom:2.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-28 {
        margin-bottom:2.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-29 {
        margin-bottom:2.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-30 {
        margin-bottom:3rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-31 {
        margin-bottom:3.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-32 {
        margin-bottom:3.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-33 {
        margin-bottom:3.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-34 {
        margin-bottom:3.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-35 {
        margin-bottom:3.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-36 {
        margin-bottom:3.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-37 {
        margin-bottom:3.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-38 {
        margin-bottom:3.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-39 {
        margin-bottom:3.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-40 {
        margin-bottom:4rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-41 {
        margin-bottom:4.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-42 {
        margin-bottom:4.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-43 {
        margin-bottom:4.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-44 {
        margin-bottom:4.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-45 {
        margin-bottom:4.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-46 {
        margin-bottom:4.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-47 {
        margin-bottom:4.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-48 {
        margin-bottom:4.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-49 {
        margin-bottom:4.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-50 {
        margin-bottom:5rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-51 {
        margin-bottom:5.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-52 {
        margin-bottom:5.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-53 {
        margin-bottom:5.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-54 {
        margin-bottom:5.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-55 {
        margin-bottom:5.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-56 {
        margin-bottom:5.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-57 {
        margin-bottom:5.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-58 {
        margin-bottom:5.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-59 {
        margin-bottom:5.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-60 {
        margin-bottom:6rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-61 {
        margin-bottom:6.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-62 {
        margin-bottom:6.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-63 {
        margin-bottom:6.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-64 {
        margin-bottom:6.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-65 {
        margin-bottom:6.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-66 {
        margin-bottom:6.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-67 {
        margin-bottom:6.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-68 {
        margin-bottom:6.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-69 {
        margin-bottom:6.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-70 {
        margin-bottom:7rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-71 {
        margin-bottom:7.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-72 {
        margin-bottom:7.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-73 {
        margin-bottom:7.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-74 {
        margin-bottom:7.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-75 {
        margin-bottom:7.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-76 {
        margin-bottom:7.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-77 {
        margin-bottom:7.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-78 {
        margin-bottom:7.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-79 {
        margin-bottom:7.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-80 {
        margin-bottom:8rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-81 {
        margin-bottom:8.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-82 {
        margin-bottom:8.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-83 {
        margin-bottom:8.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-84 {
        margin-bottom:8.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-85 {
        margin-bottom:8.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-86 {
        margin-bottom:8.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-87 {
        margin-bottom:8.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-88 {
        margin-bottom:8.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-89 {
        margin-bottom:8.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-90 {
        margin-bottom:9rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-91 {
        margin-bottom:9.1rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-92 {
        margin-bottom:9.2rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-93 {
        margin-bottom:9.3rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-94 {
        margin-bottom:9.4rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-95 {
        margin-bottom:9.5rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-96 {
        margin-bottom:9.6rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-97 {
        margin-bottom:9.7rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-98 {
        margin-bottom:9.8rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-99 {
        margin-bottom:9.9rem!important
    }
}

@media (max-width: 768px) {
    .u-mb-md-100 {
        margin-bottom:10rem!important
    }
}

.u-ml-0 {
    margin-left: 0rem!important
}

.u-ml-1 {
    margin-left: .1rem!important
}

.u-ml-2 {
    margin-left: .2rem!important
}

.u-ml-3 {
    margin-left: .3rem!important
}

.u-ml-4 {
    margin-left: .4rem!important
}

.u-ml-5 {
    margin-left: .5rem!important
}

.u-ml-6 {
    margin-left: .6rem!important
}

.u-ml-7 {
    margin-left: .7rem!important
}

.u-ml-8 {
    margin-left: .8rem!important
}

.u-ml-9 {
    margin-left: .9rem!important
}

.u-ml-10 {
    margin-left: 1rem!important
}

.u-ml-11 {
    margin-left: 1.1rem!important
}

.u-ml-12 {
    margin-left: 1.2rem!important
}

.u-ml-13 {
    margin-left: 1.3rem!important
}

.u-ml-14 {
    margin-left: 1.4rem!important
}

.u-ml-15 {
    margin-left: 1.5rem!important
}

.u-ml-16 {
    margin-left: 1.6rem!important
}

.u-ml-17 {
    margin-left: 1.7rem!important
}

.u-ml-18 {
    margin-left: 1.8rem!important
}

.u-ml-19 {
    margin-left: 1.9rem!important
}

.u-ml-20 {
    margin-left: 2rem!important
}

.u-ml-21 {
    margin-left: 2.1rem!important
}

.u-ml-22 {
    margin-left: 2.2rem!important
}

.u-ml-23 {
    margin-left: 2.3rem!important
}

.u-ml-24 {
    margin-left: 2.4rem!important
}

.u-ml-25 {
    margin-left: 2.5rem!important
}

.u-ml-26 {
    margin-left: 2.6rem!important
}

.u-ml-27 {
    margin-left: 2.7rem!important
}

.u-ml-28 {
    margin-left: 2.8rem!important
}

.u-ml-29 {
    margin-left: 2.9rem!important
}

.u-ml-30 {
    margin-left: 3rem!important
}

.u-ml-31 {
    margin-left: 3.1rem!important
}

.u-ml-32 {
    margin-left: 3.2rem!important
}

.u-ml-33 {
    margin-left: 3.3rem!important
}

.u-ml-34 {
    margin-left: 3.4rem!important
}

.u-ml-35 {
    margin-left: 3.5rem!important
}

.u-ml-36 {
    margin-left: 3.6rem!important
}

.u-ml-37 {
    margin-left: 3.7rem!important
}

.u-ml-38 {
    margin-left: 3.8rem!important
}

.u-ml-39 {
    margin-left: 3.9rem!important
}

.u-ml-40 {
    margin-left: 4rem!important
}

.u-ml-41 {
    margin-left: 4.1rem!important
}

.u-ml-42 {
    margin-left: 4.2rem!important
}

.u-ml-43 {
    margin-left: 4.3rem!important
}

.u-ml-44 {
    margin-left: 4.4rem!important
}

.u-ml-45 {
    margin-left: 4.5rem!important
}

.u-ml-46 {
    margin-left: 4.6rem!important
}

.u-ml-47 {
    margin-left: 4.7rem!important
}

.u-ml-48 {
    margin-left: 4.8rem!important
}

.u-ml-49 {
    margin-left: 4.9rem!important
}

.u-ml-50 {
    margin-left: 5rem!important
}

.u-ml-51 {
    margin-left: 5.1rem!important
}

.u-ml-52 {
    margin-left: 5.2rem!important
}

.u-ml-53 {
    margin-left: 5.3rem!important
}

.u-ml-54 {
    margin-left: 5.4rem!important
}

.u-ml-55 {
    margin-left: 5.5rem!important
}

.u-ml-56 {
    margin-left: 5.6rem!important
}

.u-ml-57 {
    margin-left: 5.7rem!important
}

.u-ml-58 {
    margin-left: 5.8rem!important
}

.u-ml-59 {
    margin-left: 5.9rem!important
}

.u-ml-60 {
    margin-left: 6rem!important
}

.u-ml-61 {
    margin-left: 6.1rem!important
}

.u-ml-62 {
    margin-left: 6.2rem!important
}

.u-ml-63 {
    margin-left: 6.3rem!important
}

.u-ml-64 {
    margin-left: 6.4rem!important
}

.u-ml-65 {
    margin-left: 6.5rem!important
}

.u-ml-66 {
    margin-left: 6.6rem!important
}

.u-ml-67 {
    margin-left: 6.7rem!important
}

.u-ml-68 {
    margin-left: 6.8rem!important
}

.u-ml-69 {
    margin-left: 6.9rem!important
}

.u-ml-70 {
    margin-left: 7rem!important
}

.u-ml-71 {
    margin-left: 7.1rem!important
}

.u-ml-72 {
    margin-left: 7.2rem!important
}

.u-ml-73 {
    margin-left: 7.3rem!important
}

.u-ml-74 {
    margin-left: 7.4rem!important
}

.u-ml-75 {
    margin-left: 7.5rem!important
}

.u-ml-76 {
    margin-left: 7.6rem!important
}

.u-ml-77 {
    margin-left: 7.7rem!important
}

.u-ml-78 {
    margin-left: 7.8rem!important
}

.u-ml-79 {
    margin-left: 7.9rem!important
}

.u-ml-80 {
    margin-left: 8rem!important
}

.u-ml-81 {
    margin-left: 8.1rem!important
}

.u-ml-82 {
    margin-left: 8.2rem!important
}

.u-ml-83 {
    margin-left: 8.3rem!important
}

.u-ml-84 {
    margin-left: 8.4rem!important
}

.u-ml-85 {
    margin-left: 8.5rem!important
}

.u-ml-86 {
    margin-left: 8.6rem!important
}

.u-ml-87 {
    margin-left: 8.7rem!important
}

.u-ml-88 {
    margin-left: 8.8rem!important
}

.u-ml-89 {
    margin-left: 8.9rem!important
}

.u-ml-90 {
    margin-left: 9rem!important
}

.u-ml-91 {
    margin-left: 9.1rem!important
}

.u-ml-92 {
    margin-left: 9.2rem!important
}

.u-ml-93 {
    margin-left: 9.3rem!important
}

.u-ml-94 {
    margin-left: 9.4rem!important
}

.u-ml-95 {
    margin-left: 9.5rem!important
}

.u-ml-96 {
    margin-left: 9.6rem!important
}

.u-ml-97 {
    margin-left: 9.7rem!important
}

.u-ml-98 {
    margin-left: 9.8rem!important
}

.u-ml-99 {
    margin-left: 9.9rem!important
}

.u-ml-100 {
    margin-left: 10rem!important
}

@media (min-width: 769px) {
    .u-ml-lg-0 {
        margin-left:0rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-1 {
        margin-left:.1rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-2 {
        margin-left:.2rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-3 {
        margin-left:.3rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-4 {
        margin-left:.4rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-5 {
        margin-left:.5rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-6 {
        margin-left:.6rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-7 {
        margin-left:.7rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-8 {
        margin-left:.8rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-9 {
        margin-left:.9rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-10 {
        margin-left:1rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-11 {
        margin-left:1.1rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-12 {
        margin-left:1.2rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-13 {
        margin-left:1.3rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-14 {
        margin-left:1.4rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-15 {
        margin-left:1.5rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-16 {
        margin-left:1.6rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-17 {
        margin-left:1.7rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-18 {
        margin-left:1.8rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-19 {
        margin-left:1.9rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-20 {
        margin-left:2rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-21 {
        margin-left:2.1rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-22 {
        margin-left:2.2rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-23 {
        margin-left:2.3rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-24 {
        margin-left:2.4rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-25 {
        margin-left:2.5rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-26 {
        margin-left:2.6rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-27 {
        margin-left:2.7rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-28 {
        margin-left:2.8rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-29 {
        margin-left:2.9rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-30 {
        margin-left:3rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-31 {
        margin-left:3.1rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-32 {
        margin-left:3.2rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-33 {
        margin-left:3.3rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-34 {
        margin-left:3.4rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-35 {
        margin-left:3.5rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-36 {
        margin-left:3.6rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-37 {
        margin-left:3.7rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-38 {
        margin-left:3.8rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-39 {
        margin-left:3.9rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-40 {
        margin-left:4rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-41 {
        margin-left:4.1rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-42 {
        margin-left:4.2rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-43 {
        margin-left:4.3rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-44 {
        margin-left:4.4rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-45 {
        margin-left:4.5rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-46 {
        margin-left:4.6rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-47 {
        margin-left:4.7rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-48 {
        margin-left:4.8rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-49 {
        margin-left:4.9rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-50 {
        margin-left:5rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-51 {
        margin-left:5.1rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-52 {
        margin-left:5.2rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-53 {
        margin-left:5.3rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-54 {
        margin-left:5.4rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-55 {
        margin-left:5.5rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-56 {
        margin-left:5.6rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-57 {
        margin-left:5.7rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-58 {
        margin-left:5.8rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-59 {
        margin-left:5.9rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-60 {
        margin-left:6rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-61 {
        margin-left:6.1rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-62 {
        margin-left:6.2rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-63 {
        margin-left:6.3rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-64 {
        margin-left:6.4rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-65 {
        margin-left:6.5rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-66 {
        margin-left:6.6rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-67 {
        margin-left:6.7rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-68 {
        margin-left:6.8rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-69 {
        margin-left:6.9rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-70 {
        margin-left:7rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-71 {
        margin-left:7.1rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-72 {
        margin-left:7.2rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-73 {
        margin-left:7.3rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-74 {
        margin-left:7.4rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-75 {
        margin-left:7.5rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-76 {
        margin-left:7.6rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-77 {
        margin-left:7.7rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-78 {
        margin-left:7.8rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-79 {
        margin-left:7.9rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-80 {
        margin-left:8rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-81 {
        margin-left:8.1rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-82 {
        margin-left:8.2rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-83 {
        margin-left:8.3rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-84 {
        margin-left:8.4rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-85 {
        margin-left:8.5rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-86 {
        margin-left:8.6rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-87 {
        margin-left:8.7rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-88 {
        margin-left:8.8rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-89 {
        margin-left:8.9rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-90 {
        margin-left:9rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-91 {
        margin-left:9.1rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-92 {
        margin-left:9.2rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-93 {
        margin-left:9.3rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-94 {
        margin-left:9.4rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-95 {
        margin-left:9.5rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-96 {
        margin-left:9.6rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-97 {
        margin-left:9.7rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-98 {
        margin-left:9.8rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-99 {
        margin-left:9.9rem!important
    }
}

@media (min-width: 769px) {
    .u-ml-lg-100 {
        margin-left:10rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-0 {
        margin-left:0rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-1 {
        margin-left:.1rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-2 {
        margin-left:.2rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-3 {
        margin-left:.3rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-4 {
        margin-left:.4rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-5 {
        margin-left:.5rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-6 {
        margin-left:.6rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-7 {
        margin-left:.7rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-8 {
        margin-left:.8rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-9 {
        margin-left:.9rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-10 {
        margin-left:1rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-11 {
        margin-left:1.1rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-12 {
        margin-left:1.2rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-13 {
        margin-left:1.3rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-14 {
        margin-left:1.4rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-15 {
        margin-left:1.5rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-16 {
        margin-left:1.6rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-17 {
        margin-left:1.7rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-18 {
        margin-left:1.8rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-19 {
        margin-left:1.9rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-20 {
        margin-left:2rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-21 {
        margin-left:2.1rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-22 {
        margin-left:2.2rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-23 {
        margin-left:2.3rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-24 {
        margin-left:2.4rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-25 {
        margin-left:2.5rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-26 {
        margin-left:2.6rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-27 {
        margin-left:2.7rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-28 {
        margin-left:2.8rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-29 {
        margin-left:2.9rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-30 {
        margin-left:3rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-31 {
        margin-left:3.1rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-32 {
        margin-left:3.2rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-33 {
        margin-left:3.3rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-34 {
        margin-left:3.4rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-35 {
        margin-left:3.5rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-36 {
        margin-left:3.6rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-37 {
        margin-left:3.7rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-38 {
        margin-left:3.8rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-39 {
        margin-left:3.9rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-40 {
        margin-left:4rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-41 {
        margin-left:4.1rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-42 {
        margin-left:4.2rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-43 {
        margin-left:4.3rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-44 {
        margin-left:4.4rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-45 {
        margin-left:4.5rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-46 {
        margin-left:4.6rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-47 {
        margin-left:4.7rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-48 {
        margin-left:4.8rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-49 {
        margin-left:4.9rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-50 {
        margin-left:5rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-51 {
        margin-left:5.1rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-52 {
        margin-left:5.2rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-53 {
        margin-left:5.3rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-54 {
        margin-left:5.4rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-55 {
        margin-left:5.5rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-56 {
        margin-left:5.6rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-57 {
        margin-left:5.7rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-58 {
        margin-left:5.8rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-59 {
        margin-left:5.9rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-60 {
        margin-left:6rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-61 {
        margin-left:6.1rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-62 {
        margin-left:6.2rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-63 {
        margin-left:6.3rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-64 {
        margin-left:6.4rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-65 {
        margin-left:6.5rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-66 {
        margin-left:6.6rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-67 {
        margin-left:6.7rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-68 {
        margin-left:6.8rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-69 {
        margin-left:6.9rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-70 {
        margin-left:7rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-71 {
        margin-left:7.1rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-72 {
        margin-left:7.2rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-73 {
        margin-left:7.3rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-74 {
        margin-left:7.4rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-75 {
        margin-left:7.5rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-76 {
        margin-left:7.6rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-77 {
        margin-left:7.7rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-78 {
        margin-left:7.8rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-79 {
        margin-left:7.9rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-80 {
        margin-left:8rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-81 {
        margin-left:8.1rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-82 {
        margin-left:8.2rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-83 {
        margin-left:8.3rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-84 {
        margin-left:8.4rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-85 {
        margin-left:8.5rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-86 {
        margin-left:8.6rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-87 {
        margin-left:8.7rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-88 {
        margin-left:8.8rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-89 {
        margin-left:8.9rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-90 {
        margin-left:9rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-91 {
        margin-left:9.1rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-92 {
        margin-left:9.2rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-93 {
        margin-left:9.3rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-94 {
        margin-left:9.4rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-95 {
        margin-left:9.5rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-96 {
        margin-left:9.6rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-97 {
        margin-left:9.7rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-98 {
        margin-left:9.8rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-99 {
        margin-left:9.9rem!important
    }
}

@media (max-width: 768px) {
    .u-ml-md-100 {
        margin-left:10rem!important
    }
}

.u-text-primary {
    color: var(--color-primary);
    line-height: 2;
}

.u-text-center {
    text-align: center!important
}

.u-text-right {
    text-align: right!important
}

.u-text-left {
    text-align: left!important
}

@media (min-width: 769px) {
    .u-text-lg-center {
        text-align:center!important
    }
}

@media (max-width: 768px) {
    .u-text-md-center {
        text-align:center!important
    }
}

@media (min-width: 769px) {
    .u-text-lg-right {
        text-align:right!important
    }
}

@media (max-width: 768px) {
    .u-text-md-right {
        text-align:right!important
    }
}

@media (min-width: 769px) {
    .u-text-lg-left {
        text-align:left!important
    }
}

@media (max-width: 768px) {
    .u-text-md-left {
        text-align:left!important
    }
}