:root {
    --arkb-list-icon_color: var(--ark-color--main, #000)
}

.is-style-ark-media-shadow img,
.is-style-ark-media-shadow video {
    box-shadow: var(--arkb-shadow)
}

.is-style-ark-media-border img,
.is-style-ark-media-border video {
    border: 1px solid var(--ark-color--border, #c8c8c880)
}

.is-style-ark-media-frame {
    background-color: #fff;
    box-shadow: var(--arkb-shadow);
    margin-left: auto;
    margin-right: auto;
    padding: 12px;
    width: -moz-fit-content;
    width: fit-content
}

.is-style-ark-media-frame figcaption {
    margin-bottom: -4px;
    margin-top: 8px
}

/* 
[class*=is-style-ark-list-] {
    padding: var(--arkb-list-padding, 0) !important
}

[class*=is-style-ark-list-].has-background {
    --arkb-list-padding: 1.25em
}

[class*=is-style-ark-list-]>li {
    list-style: none !important;
    padding-left: var(--arkb-li-padding--left, 0);
    position: relative
} */

[class*=is-style-ark-list-] ::marker {
    color: var(--arkb-list-icon_color) !important;
}

/* 
[class*=is-style-ark-list-icon] {
    --arkb-li-padding--left: 1.75em
} */

[class*=is-style-ark-list-icon]>li:before {
    background-color: var(--arkb-list-icon_color) !important;
    content: "\00a0";
    display: block;
    left: -1.25em !important;
    -webkit-mask: var(--arkb-list-icon_url, unset) no-repeat center center/contain;
    mask: var(--arkb-list-icon_url, unset) no-repeat center center/contain;
    position: absolute;
    top: 6px !important;
    width: 0.8em !important;
    height: 0.8em !important;
}

.is-style-ark-list-icon--dot li:before {
    -webkit-clip-path: circle(16% at 50%);
    clip-path: circle(16% at 50%);
    -webkit-mask: unset;
    mask: unset
}

.is-style-ark-list-icon--caret {
    --arkb-list-icon_url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M23.4,14.4L12.9,7C11.6,6,9.7,7,9.7,8.6v14.8c0,1.6,1.8,2.6,3.1,1.6l10.5-7.4C24.5,16.8,24.5,15.2,23.4,14.4z"/></svg>')
}

.is-style-ark-list-icon--check {
    --arkb-list-icon_color: #52cb4c;
    --arkb-list-icon_url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M11.2 20.56l-5.92-5.92c-0.16-0.16-0.4-0.16-0.56 0l-2.8 2.8c-0.16 0.16-0.16 0.4 0 0.56l9.040 9.040c0.16 0.16 0.4 0.16 0.56 0l18.64-18.64c0.16-0.16 0.16-0.4 0-0.56l-2.8-2.8c-0.16-0.16-0.4-0.16-0.56 0l-15.6 15.52z"></path></svg>')
}

.is-style-ark-list-icon--circle,
.is-style-ark-list-icon--good {
    --arkb-list-icon_color: #51b0e7;
    --arkb-list-icon_url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16 30.4c-7.92 0-14.4-6.48-14.4-14.4s6.48-14.4 14.4-14.4 14.4 6.48 14.4 14.4-6.48 14.4-14.4 14.4zM16 5.2c-6 0-10.8 4.8-10.8 10.8s4.8 10.8 10.8 10.8 10.8-4.8 10.8-10.8-4.8-10.8-10.8-10.8z"></path></svg>')
}

.is-style-ark-list-icon--triangle {
    --arkb-list-icon_color: #e9d525;
    --arkb-list-icon_url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.9,26.5L17.6,3.6c-0.3-0.6-1-0.9-1.6-0.9c-0.7,0-1.3,0.4-1.6,0.9L1.1,26.5c-0.3,0.6-0.3,1.3,0,1.9c0.3,0.6,1,0.9,1.6,0.9 h26.5c0.7,0,1.3-0.4,1.6-0.9C31.2,27.8,31.2,27.1,30.9,26.5z M26.9,26.1H5.1L16,7.3L26.9,26.1z"/></svg>')
}

.is-style-ark-list-icon--bad,
.is-style-ark-list-icon--x {
    --arkb-list-icon_color: #ee6767;
    --arkb-list-icon_url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M28.88 5.68l-2.48-2.48c-0.16-0.16-0.4-0.16-0.56 0l-9.84 9.76-9.76-9.84c-0.16-0.16-0.4-0.16-0.56 0l-2.56 2.56c-0.16 0.16-0.16 0.4 0 0.56l9.84 9.76-9.84 9.76c-0.16 0.16-0.16 0.4 0 0.56l2.48 2.48c0.16 0.16 0.4 0.16 0.56 0l9.84-9.76 9.76 9.76c0.16 0.16 0.4 0.16 0.56 0l2.48-2.48c0.16-0.16 0.16-0.4 0-0.56l-9.76-9.76 9.84-9.76c0.16-0.16 0.16-0.4 0-0.56z"></path></svg>')
}

.is-style-ark-list-icon--question {
    --arkb-list-icon_color: #5759e7;
    --arkb-list-icon_url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><circle cx="15.7" cy="27.8" r="2.8"/><path d="M20.6,16.2c1.3-0.8,2.3-1.8,3.2-3C24.6,12.1,25,10.6,25,9c0.1-2.1-0.8-4-2.4-5.4c-1.6-1.5-3.8-2.2-6.5-2.2 c-2.9,0-5.2,0.8-6.7,2.4C7.8,5.4,7.1,7.3,7,9.6l3.6,0c0.1-1.5,0.6-2.7,1.6-3.5c1-0.9,2.2-1.3,3.8-1.3c1.6,0,2.9,0.5,3.7,1.4 c0.9,0.7,1.3,1.9,1.3,3.2c0,1.1-0.3,2-0.8,2.8c-0.6,0.8-1.4,1.5-2.6,2.3c-1.4,0.8-2.5,1.8-3.2,2.8c-0.7,1-1,2.2-1,3.6v1.9h3.7v-1.4 c0-1.1,0.2-2,0.7-2.8C18.4,17.8,19.3,17.1,20.6,16.2z"/></svg>')
}

.is-style-ark-list-note {
    --arkb-li-padding--left: 1em;
    --arkb-list-icon_color: currentColor
}

.is-style-ark-list-note:not(.has-text-color) {
    opacity: .85
}

.is-style-ark-list-note>li:before {
    content: "※";
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(.8)
}

ol.is-style-ark-list-note {
    --arkb-li-padding--left: 1.75em;
    counter-reset: arkb-ct
}

ol.is-style-ark-list-note>li:before {
    content: "※" counter(arkb-ct);
    counter-increment: arkb-ct;
    letter-spacing: 4px
}

ol.is-style-ark-list-note[reversed]>li:before {
    counter-increment: arkb-ct -1
}

.is-style-ark-list-numbered {
    --arkb-the-lh: 1.8;
    --arkb-li-padding--left: calc(1em*var(--arkb-the-lh) + 0.2em);
    counter-reset: arkb-ct
}

.is-style-ark-list-numbered>li {
    line-height: var(--arkb-the-lh) !important;
    list-style: none !important;
    position: relative
}

.is-style-ark-list-numbered>li:before {
    background-color: var(--arkb-list-icon_color);
    border-radius: 50%;
    box-sizing: initial;
    color: #fff;
    content: counter(arkb-ct);
    counter-increment: arkb-ct;
    display: block;
    height: calc(1em*var(--arkb-the-lh));
    left: 0;
    line-height: inherit;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transform: scale(.8);
    transform-origin: 0 50%;
    width: calc(1em*var(--arkb-the-lh))
}

.is-style-ark-list-numbered[reversed]>li:before {
    counter-increment: arkb-ct -1
}

.arkb-boxLink {
    position: relative
}

.arkb-boxLink__title {
    display: block;
    font-weight: 700
}

.arkb-boxLink__inner {
    background-color: #fff;
    color: inherit;
    color: #000;
    display: flex;
    flex-direction: column;
    position: relative;
    text-decoration: none;
    transition: box-shadow .25s
}

.ark-block-boxLinks .arkb-boxLink__inner {
    height: 100%
}

.arkb-boxLink__figure {
    margin: 0;
    overflow: hidden;
    position: relative
}

.arkb-boxLink__img {
    display: block;
    width: 100%
}

[data-arkb-linkbox]:hover>.arkb-boxLink__inner,
a.arkb-boxLink__inner:hover {
    box-shadow: 0 4px 24px -8px #00000014, 0 16px 40px -16px #00000026
}

[data-arkb-linkbox]:hover>.arkb-boxLink__inner .arkb-boxLink__bg,
a.arkb-boxLink__inner:hover .arkb-boxLink__bg {
    opacity: .75
}

[data-arkb-linkbox]:hover>.arkb-boxLink__inner .arkb-boxLink__more__svg,
a.arkb-boxLink__inner:hover .arkb-boxLink__more__svg {
    transform: translateX(4px)
}

.arkb-boxLink__figure.is-fixed-ratio:before {
    content: "";
    display: block;
    height: 0;
    padding-top: var(--ark-thumb_ratio, 56.25%);
    width: 100%
}

.arkb-boxLink__figure.is-fixed-ratio .arkb-boxLink__img {
    left: 0;
    position: absolute;
    top: 0
}

.arkb-boxLink__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 1.25rem 1rem
}

.arkb-boxLink__content {
    font-size: .9em;
    margin-top: .5em
}

.arkb-boxLink__more {
    align-items: center;
    display: flex;
    font-size: .75rem;
    justify-content: flex-end;
    line-height: 1;
    margin: auto 0 0;
    padding-top: 1rem;
    text-align: right
}

.is-style-ark-card.wp-block-media-text {
    --ark-mediatext--gap: 0;
    --ark-mediatext--offsetX: 0;
    --ark-mediatext--offsetY: 0;
    background: #fff;
    box-shadow: var(--arkb-shadow);
    color: #333
}

.is-style-ark-card>.wp-block-media-text__media {
    height: 100%
}

.is-style-ark-card>.wp-block-media-text__media>img {
    font-family: "object-fit: cover;";
    height: 100%;
    object-fit: cover
}

.is-style-ark-card>.wp-block-media-text__content {
    padding: var(--ark-mediatext--space)
}

.is-style-ark-broken.wp-block-media-text {
    --ark-mediatext--gap: 0;
    --ark-mediatext--lap: -5rem
}

.is-style-ark-broken>.wp-block-media-text__content {
    z-index: 1
}

.is-style-ark-broken:not(.has-media-on-the-right) .wp-block-media-text__content {
    margin-left: var(--ark-mediatext--lap)
}

.is-style-ark-broken.has-media-on-the-right .wp-block-media-text__content {
    margin-right: var(--ark-mediatext--lap)
}

.arkb-small {
    font-size: .75em;
    opacity: .75
}

.arkb-marker {
    background: var(--arkb-marker-style);
    display: inline;
    font-weight: var(--arkb-marker-txt-weight, unset);
    padding: 1px
}

.arkb-fz-xs {
    font-size: .75em !important
}

.arkb-fz-s {
    font-size: .9em !important
}

.arkb-fz-l {
    font-size: 1.25em !important
}

.arkb-fz-xl {
    font-size: 1.5em !important
}

.arkb-fz-xxl {
    font-size: 2em !important
}

.arkb-inline-icon {
    display: inline-block;
    font-family: arial;
    letter-spacing: 0;
    min-width: 1em;
    position: relative
}

.arkb-inline-icon.-has-margin {
    margin-left: .1em;
    margin-right: .1em
}

.arkb-inline-icon:after {
    background: currentColor;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    -webkit-mask-image: var(--the-icon-svg);
    mask-image: var(--the-icon-svg);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    max-width: 1em;
    position: absolute;
    top: 0;
    width: 100%
}

.ark-keep-mt>:not(:first-child) {
    --ark-mt--inner: var(--ark-mt, 2rem)
}

.ark-keep-mt--s>:not(:first-child) {
    --ark-mt--inner: var(--ark-mt--s, 1rem)
}

[class*=ark-keep-mt]>:first-child {
    margin-top: 0
}

[data-arkb-linkbox] {
    cursor: pointer
}

[data-arkb-link] {
    color: inherit;
    text-decoration: none
}

[data-arkb-link][aria-hidden=true] {
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: -1
}

:root {
    --arkb-shadow: 0 0 4px 1px #0000000d, 0 1px 24px -8px #00000026;
    --arkb-shadow--s: 0 0 0 1px #00000003, 0 1px 6px 0 #0000001a
}

[class*=ark-block-] {
    box-sizing: border-box
}

@keyframes FloatHorizontal {
    0% {
        transform: translate3d(4px, 0, 0)
    }

    50% {
        transform: translate3d(-4px, 0, 0)
    }

    to {
        transform: translate3d(4px, 0, 0)
    }
}

.arkb-scrollHint {
    animation: FloatHorizontal 2s ease-in-out infinite alternate;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-align: right
}

.arkb-scrollHint__text {
    align-items: center;
    display: inline-flex;
    font-size: 12px;
    line-height: 1.5;
    opacity: .75;
    vertical-align: middle
}

.arkb-scrollHint__svg {
    font-size: 16px;
    margin-left: .25em
}

.c-filterLayer.arkb-absLayer {
    z-index: 1
}

.c-filterLayer.arkb-absLayer:before {
    content: none
}

.arkb-absLayer {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.arkb-obf-cover {
    object-fit: cover
}

.arkb-obf-contain,
.arkb-obf-cover {
    display: block;
    height: 100% !important;
    width: 100% !important
}

.arkb-obf-contain {
    object-fit: contain
}

.arkb-has-padding {
    padding: var(--arkb-padding, 0) !important
}

.c-rssSite {
    margin-right: .5rem
}

.c-rssSite__favi {
    display: block;
    height: 14px;
    margin-right: .25rem;
    width: 14px
}

svg:not([fill]) {
    fill: currentColor
}

[class*=ark-keep-mt]>* {
    margin-bottom: 0;
    margin-top: var(--ark-mt--inner, 2rem)
}

@media (max-width:600px) {
    .is-style-ark-card.wp-block-media-text {
        --ark-mediatext--space: 1.25rem
    }

    .is-style-ark-broken.is-stacked-on-mobile .wp-block-media-text__content {
        margin: var(--ark-mediatext--lap) 0 0
    }
}

@media (min-width:1000px) {
    .arkb-only-sp {
        display: none !important
    }
}

@media not all and (min-width:1000px) {
    .arkb-only-pc {
        display: none !important
    }
}