.grecaptcha-badge { visibility: hidden; }

.info__item .image__wrapper {
    position: relative;
    aspect-ratio: 328/220;
}

.content p {
    margin-top: calc(var(--spacing) * 16);

    /* .tracking-0.06 */
    --tw-tracking: var(--tracking-0\.06);
    letter-spacing: var(--tracking-0\.06);

    /* .text-16/2 */
    font-size: var(--text-16);
    line-height: var(--leading-2);

    /* :where(.space-y-10>:not(:last-child)) */
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
        calc(var(--spacing) * 10) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
        calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))
    );
}

.content p a {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-kanto-green-primary);
    text-underline-offset: 3px;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
}

.content h2,
h3,
h4,
h5,
h6 {
    --tw-tracking: var(--tracking-0\.06);
    letter-spacing: var(--tracking-0\.06);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
        calc(var(--spacing) * 10) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
        calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))
    );
    /* margin-top: calc(var(--spacing) * 16); */
}

.content h2 {
    color: var(--color-kanto-green-primary);
    /* margin-top: calc(var(--spacing) * 20); */
    font-size: var(--text-26);
}

.content h3 {
    margin-top: calc(var(--spacing) * 16);
    font-size: var(--text-22);
}
.content p.has-text-align-right {
    text-align: right;
}

.content p.has-text-align-center {
    text-align: center;
}

.content .wp-block-button {
    position: relative;
    max-width: initial;
    display: flex;
    min-height: calc(var(--spacing) * 14);
    width: 100%;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 3.40282e38px;
    --tw-gradient-position: to right;
    --tw-gradient-position: to right in oklch;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-kanto-green-50);
    --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
    --tw-gradient-to: var(--color-kanto-blue-green-50);
    --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
    padding-inline: calc(var(--spacing) * 5);
    column-gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 6);
}

.content .wp-block-button::before {
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    left: 20px;
    background-color: #fff;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    transition: background-color 0.4s cubic-bezier(0.28, 1, 0.6, 1),
        transform 0.4s cubic-bezier(0.32, 1.88, 0.68, 1);
}

.content .wp-block-button::after {
    content: url("data:image/svg+xml,%3Csvg id='arrow1' xmlns='http://www.w3.org/2000/svg' fill='%231a6600' width='9px' height='9px' viewBox='0 0 32 32'%3E%3Cpolygon points='15.62 0 12.99 2.63 24.5 14.14 .38 14.14 .38 17.86 24.5 17.86 12.99 29.37 15.62 32 31.62 16 15.62 0'/%3E%3C/svg%3E");
    width: 22px;
    height: 22px;
    position: absolute;
    left: 20px;
    background-color: none;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    transition: background-color 0.4s cubic-bezier(0.28, 1, 0.6, 1),
        transform 0.4s cubic-bezier(0.32, 1.88, 0.68, 1);
}

.content .wp-block-button:hover::before {
    background-color: #ddea3e;
    transform: scale(1.45);
}

.content .wp-block-buttons {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media (min-width: 40rem) {
    .content .wp-block-button {
        max-width: calc(var(--spacing) * 68);
    }
    .content .wp-block-buttons {
        display: flex;
        flex-direction: row;
        gap: 20px;
    }
}

.wp-block-button__link {
    --tw-tracking: var(--tracking-0\.04);
    letter-spacing: var(--tracking-0\.04);
    color: var(--color-white);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    font-size: var(--text-16);
    line-height: var(--leading-1\.27);
    background-color: transparent;
}
.content .has-small-font-size {
    font-size: var(--text-16);
    line-height: var(--leading-1\.27);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    font-size: var(--text-14);
    line-height: var(--leading-1\.75);
}

.content .wp-block-image:has(.alignleft) {
    float: initial;
    margin-right: initial;
    width: 100%;
}

@media (min-width: 40rem) {
    .content .wp-block-image:has(.alignleft) {
        float: left;
        margin-right: calc(var(--spacing) * 10);
        width: 50%;
    }
}

.wp-block-image img {
    border-radius: var(--radius-20);
    overflow: clip;
    max-width: 100%;
    width: 100%;
    height: auto;
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
        calc(var(--spacing) * 3) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
        calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))
    );
}

.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    margin: 0;
    width: initial;
}

.gap-x-25{
column-gap: 25px;
}

.wp-block-gallery{
    display: grid !important;
}


.content .image_section {
    margin-top: calc(var(--spacing) * 16);
}

.content .image_section img {
    margin-top: calc(var(--spacing) * 16);
}

.content .image_section .image_section__images br {
    display: none;
}

.content .image_section .image_section__images {
    display: grid;
    column-gap: calc(var(--spacing) * 10);
    row-gap: calc(var(--spacing) * 12);
    margin-top: calc(var(--spacing) * 16);
    margin-bottom: calc(var(--spacing) * 16);
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
        calc(var(--spacing) * 10) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
        calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))
    );
}

.wp-block-gallery {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 10) !important;
    row-gap: calc(var(--spacing) * 12) !important;
    margin-top: calc(var(--spacing) * 16);
    margin-bottom: calc(var(--spacing) * 16);
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
        calc(var(--spacing) * 10) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
        calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))
    );
}

.content .wp-block-gallery + p {
    margin-top: calc(var(--spacing) * 16);
}

@media (min-width: 40rem) {
    .content .image_section .image_section__images,
    .wp-block-gallery.columns-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 64rem) {
    .wp-block-gallery.columns-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .wp-block-gallery.columns-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.content .image_section .image_section__images img,
.content .wp-block-gallery .wp-block-image img {
    border-radius: var(--radius-20);
    overflow: clip;
    max-width: 100%;
    width: 100%;
    height: auto;
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
        calc(var(--spacing) * 3) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
        calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))
    );
}

.content .wp-block-gallery .wp-block-image figcaption {
    --tw-tracking: var(--tracking-0\.05);
    letter-spacing: var(--tracking-0\.05);
}

.is-cropped img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

.content .wp-block-columns {
    margin-block-start: calc(
        calc(var(--spacing) * 10) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
        calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))
    );
}

.content .wp-block-list {
    margin-block-start: calc(
        calc(var(--spacing) * 10) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
        calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))
    );
    display: flex;
    flex-direction: column;
    row-gap: calc(var(--spacing) * 1.5);
    --tw-tracking: var(--tracking-0\.06);
    letter-spacing: var(--tracking-0\.06);
}

.content .wp-block-list li::before {
    display: inline-flex;
    content: var(--tw-content);
    background-color: var(--color-kanto-green-primary);
    border-radius: 3.40282e38px;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    width: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 1);
    margin-right: calc(var(--spacing) * 1);
}

/* Youtube Embed */
.content .wp-block-embed.is-type-video {
    display: flex;
    align-items: center;
    justify-content: center;

    margin-block-start: calc(
        calc(var(--spacing) * 10) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
        calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))
    );
}

/* WP-PageNavi */
.wp-pagenavi {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: calc(var(--spacing) * 3.5);
}

.wp-pagenavi a[rel="next"],
.wp-pagenavi a[rel="prev"] {
    color: var(--color-kanto-green-10);
    --tw-tracking: var(--tracking-0\.06);
    letter-spacing: var(--tracking-0\.06);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    font-size: var(--text-18);
    column-gap: calc(var(--spacing) * 3);
    align-items: center;
    display: flex;
}

.wp-pagenavi a[rel="next"] {
    flex-direction: row-reverse;
    margin-left: calc(var(--spacing) * 4);
}

.wp-pagenavi a[rel="prev"] {
    flex-direction: row;
    margin-right: calc(var(--spacing) * 4);
}

.wp-pagenavi a[rel="prev"]::before,
.wp-pagenavi a[rel="next"]::before {
    display: flex;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.5 32"><g fill="%231a6600"><path d="M2.52,32c-.65,0-1.29-.25-1.78-.74-.99-.99-.99-2.59,0-3.57l11.67-11.68L.74,4.31C-.25,3.33-.25,1.73.74.74S3.32-.25,4.31.74l13.45,13.47c.47.47.74,1.12.74,1.79s-.27,1.31-.74,1.79l-13.45,13.47c-.49.49-1.14.74-1.78.74Z"/></g></svg>');
    background-repeat: no-repeat;
    content: var(--tw-content);
}

.wp-pagenavi a[rel="prev"]::before {
    rotate: 180deg;
    width: calc(var(--spacing) * 1.75);
    height: calc(var(--spacing) * 3);
}

.wp-pagenavi a[rel="next"]::before {
    rotate: 0;
    width: calc(var(--spacing) * 1.75);
    height: calc(var(--spacing) * 3);
}

.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .current,
.wp-pagenavi .extend,
.wp-pagenavi .page {
    color: var(--color-kanto-green-primary);
    --tw-tracking: var(--tracking-0\.02);
    letter-spacing: var(--tracking-0\.02);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    font-size: var(--text-16);
    line-height: var(--leading-1);
    border-color: var(--color-kanto-green-primary);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-radius: var(--radius-5);
    justify-content: center;
    align-items: center;
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    display: flex;
}

.wp-pagenavi .current {
    color: var(--color-white);
    background-color: var(--color-kanto-green-primary);
}

.wp-pagenavi .extend {
    font-family: var(--font-lato);
}

/* テーブル */
.content .wp-block-table {
    overflow-x: auto;
}

.content table {
    min-width: calc(var(--spacing) * 240);
    border-color: var(--color-kanto-border);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-collapse: collapse;
    width: 100%;
}

.content table th {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-kanto-border);
    -tw-gradient-position: to right;

    @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to right in oklab;
    }

    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in srgb, #2d9812 5%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(
            in oklab,
            var(--color-kanto-green-50) 5%,
            transparent
        );
    }

    --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
    --tw-gradient-to: color-mix(in srgb, #009090 5%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(
            in oklab,
            var(--color-kanto-blue-green-50) 5%,
            transparent
        );
    }

    --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
    );

    padding-inline: calc(var(--spacing) * 5);
    padding-top: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 2.5);
    font-size: var(--text-15);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}

.content table td {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-kanto-border);
    padding-inline: calc(var(--spacing) * 5);
    padding-top: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 3.5);
    text-align: left;
    font-size: var(--text-16);
    line-height: var(--leading-1\.66);
}
