/*=========================================================

    setting

=========================================================*/
:root {
    --jp: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
    --en: 'DM Sans';

    --hd_h: 100px;
    --hd_h_sp: 60px;
    --main_w: 1200px;

    --code-background-color: #e2e6e9;
    --code-color: var(--dark-text-color);
    --code-tag-color: hsl(330deg, 40%, 50%);
    --code-property-color: hsl(185deg, 40%, 40%);
    --code-value-color: hsl(40deg, 20%, 50%);
    --code-comment-color: hsl(205deg, 14%, 68%);

    /* svg icon */
    --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(205, 206, 206)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");

    /* main wrapper margin */
    --main-margin: 1.5rem;
}

@media screen and (max-width:767px) {
    :root {
        --main-margin: 4vw;
        --hd_h: 60px;
    }
}

/*=========================================================

    base

=========================================================*/
html {
    font-size: clamp(14px, 1.5vw, 15px);
}

body:not(.wp-admin) {
    font-size: 1rem;
    font-family: var(--jp), sans-serif;
    /* text-spacing-trim: trim-start; */
}

body:not(.wp-admin, .wp-customizer) {
    background-color: var(--main_bg);
    color: var(--main_color);
    margin: 0;
}

body:not(.wp-admin) a {
    text-decoration: none;
    color: var(--main_color);
}

.en {
    font-weight: normal;
    font-family: var(--en), sans-serif;
    letter-spacing: 0 !important;
    font-size-adjust: 0.54;
    /* font-weight: 300; */
}

strong .en {
    font-weight: 600 !important;
}

h1 .en,
h2 .en,
h3 .en,
h4 .en,
h5 .en,
h6 .en {
    /* font-weight: 400; */
}

/* code */
pre,
code {
    font-size: 0.875rem;
    letter-spacing: 0 !important;
    background: var(--code-background-color);
    color: var(--code-color);
    line-height: 1.6;
    border-radius: 5px;
}

code {
    display: inline-block;
}

pre {
    display: block;
    margin-bottom: 1.5em;
}

pre>code {
    display: block;
    padding: 1.5em;
    -ms-overflow-style: scrollbar;
    overflow-x: auto;
}

code b {
    color: var(--code-tag-color);
}

code i {
    color: var(--code-property-color);
    font-style: normal;
}

code u {
    color: var(--code-value-color);
    text-decoration: none;
}

code em {
    color: var(--code-comment-color);
    font-style: normal;
}

sup {
    display: inline-block;
    font-size: .7em;
    /* vertical-align: top; */
    vertical-align: .4em;
    padding: 0 .1em;
}

sub {
    display: inline-block;
    font-size: .7em;
    vertical-align: bottom;
}

/* input */
input[type="text"],
input[type="email"],
input[type="tel"] {
    padding: .5em;
    font-size: 1em;
    border: 1px solid #cacaca;
}

form[role="search"] input[type="text"] {
    max-width: calc(100% - 5em);
}

input[type="text"]:focus {
    outline: 0;
    border: solid 1px var(--brand-color);
    box-shadow: 0 0 0 1px var(--brand-color);
}

input[type="submit"] {
    margin: 0 .5em;
    padding: .6em .75em;
    font-size: .9em;
    background-color: var(--brand-color);
    color: #fff;
    /* letter-spacing: .1em; */
    transition: all .2s ease;
}

@media (hover: hover) {
    input[type="submit"]:hover {
        background-color: var(--main_subcolor-bg);
    }
}

/* display */
@media (min-width: 768px) {

    .sp,
    .forSP,
    .forSPi {
        display: none !important;
    }

    .pc,
    .forPC {
        display: block !important;
    }

    br.pc,
    br.forPC {
        display: inline !important;
    }

    .forPCi {
        display: inline-block !important;
    }
}

@media print {

    .sp,
    .forSP,
    .forSPi {
        display: none !important;
    }
}

@media (max-width: 767.9px) {

    .pc,
    .forPC,
    br.pc,
    br.forPC,
    .forPCi {
        display: none !important;
    }

    br.sp,
    br.forSP {
        display: inline !important;
    }

    .sp,
    .forSP {
        display: block !important;
    }

    .forSPi {
        display: inline-block !important;
    }
}

.hide {
    display: none;
}

.iblock {
    display: inline-block;
}

.psfix {
    display: inline-block;
    transform: translateY(12%);
}

/* letter spacing */
.letter-space0 {
    letter-spacing: 0;
}

.letter-space01 {
    letter-spacing: 0.01em;
}

.letter-space02 {
    letter-spacing: 0.02em;
}

.letter-space05 {
    letter-spacing: 0.05em;
}

.letter-space1 {
    letter-spacing: 0.1em;
}

.letter-space2 {
    letter-spacing: 0.2em;
}

/* line-height */
.line-height14 {
    line-height: 1.4 !important;
}

.line-height15 {
    line-height: 1.5 !important;
}

.line-height16 {
    line-height: 1.6 !important;
}

.line-height17 {
    line-height: 1.7 !important;
}

.line-height18 {
    line-height: 1.8 !important;
}

.line-height19 {
    line-height: 1.9 !important;
}

.line-height20 {
    line-height: 2 !important;
}

.line-height22 {
    line-height: 2.2 !important;
}

.line-height24 {
    line-height: 2.4 !important;
}

/* margin */
.mtop--1 {
    margin-top: -1em !important;
}

.mtop-0 {
    margin-top: 0 !important;
}

.mtop-05 {
    margin-top: .5em !important;
}

.mtop-1 {
    margin-top: 1em !important;
}

.mtop-2 {
    margin-top: 2em !important;
}

.mtop-3 {
    margin-top: 3em !important;
}

.mtop-4 {
    margin-top: 4em !important;
}

.mtop-5 {
    margin-top: 5em !important;
}

.mtop-6 {
    margin-top: 6em !important;
}

.mbtm-0 {
    margin-bottom: 0em !important;
}

.mbtm-05 {
    margin-bottom: .5em !important;
}

.mbtm-1 {
    margin-bottom: 1em !important;
}

.mbtm-2 {
    margin-bottom: 2em !important;
}

.mbtm-3 {
    margin-bottom: 3em !important;
}

.mbtm-4 {
    margin-bottom: 4em !important;
}

.mbtm-5 {
    margin-bottom: 5em !important;
}

.mbtm-6 {
    margin-bottom: 6em !important;
}

.m0auto {
    margin: 0 auto;
}

.m1auto {
    margin: 1em auto;
}

.m2auto {
    margin: 2em auto;
}

.m3auto {
    margin: 3em auto;
}

.m4auto {
    margin: 4em auto;
}

.m5auto {
    margin: 5em auto;
}

/* padding */
.ptop-0 {
    padding-top: 0 !important;
}

.ptop-05 {
    padding-top: .5em !important;
}

.ptop-1 {
    padding-top: 1em !important;
}

.ptop-2 {
    padding-top: 2em !important;
}

.ptop-3 {
    padding-top: 3em !important;
}

.ptop-4 {
    padding-top: 4em !important;
}

.ptop-5 {
    padding-top: 5em !important;
}

.ptop-6 {
    padding-top: 6em !important;
}

.pbtm-0 {
    padding-bottom: 0em !important;
}

.pbtm-05 {
    padding-bottom: .5em !important;
}

.pbtm-1 {
    padding-bottom: 1em !important;
}

.pbtm-2 {
    padding-bottom: 2em !important;
}

.pbtm-3 {
    padding-bottom: 3em !important;
}

.pbtm-4 {
    padding-bottom: 4em !important;
}

.pbtm-5 {
    padding-bottom: 5em !important;
}

.pbtm-6 {
    padding-bottom: 6em !important;
}

.p0 {
    padding: 0;
}

.p1 {
    padding: 1em;
}

.p2 {
    padding: 2em;
}

.p3 {
    padding: 3em;
}

.p4 {
    padding: 4em;
}

.p1-0 {
    padding: 1em 0;
}

.p2-0 {
    padding: 2em 0;
}

.p3-0 {
    padding: 3em 0;
}

.p4-0 {
    padding: 4em 0;
}

.p0-1 {
    padding: 0 1em;
}

.p0-2 {
    padding: 0 2em;
}

.p0-3 {
    padding: 0 3em;
}

.p0-4 {
    padding: 0 4em;
}

/* border */
.border0 {
    border: none !important;
}

.border1 {
    border: 1px solid;
}

.border2 {
    border: 2px solid;
}

.border3 {
    border: 3px solid;
}

.bordergray {
    border-color: #ccc;
}

.underline {
    text-decoration: underline;
}

.dash {
    margin: 0 .2em;
    /* letter-spacing: -.2em; */
}

/* width */
.w800 {
    width: 100%;
    max-width: 800px;
}

.w900 {
    width: 100%;
    max-width: 900px;
}

.w980 {
    width: 100%;
    max-width: 980px;
}

.w1100 {
    width: 100%;
    max-width: 1100px;
}

.w1200 {
    width: 100%;
    max-width: 1200px;
}

.w1280 {
    width: 100%;
    max-width: 1280px;
}

.w1400 {
    width: 100%;
    max-width: 1400px;
}

.w20 {
    width: 20%;
}

.w25 {
    width: 25%;
}

.w30 {
    width: 30%;
}

.w35 {
    width: 35%;
}

.w40 {
    width: 40%;
}

.w45 {
    width: 45%;
}

.w50 {
    width: 50%;
}

.w55 {
    width: 55%;
}

.w60>figure,
.w60 {
    width: 60%;
}

.w65>figure,
.w65 {
    width: 65%;
}

.w70>figure,
.w70 {
    width: 70%;
}

.w75>figure,
.w75 {
    width: 75%;
}

.w80>figure,
.w80 {
    width: 80%;
}

.w90>figure,
.w90 {
    width: 90%;
}

.w100>figure,
.w100 {
    width: 100%;
}

@media screen and (max-width:767px) {
    .w40-sp {
        width: 40% !important;
    }

    .w45-sp {
        width: 45% !important;
    }

    .w50-sp {
        width: 50% !important;
    }

    .w55-sp {
        width: 55% !important;
    }

    .w60-sp>figure,
    .w60-sp {
        width: 60% !important;
    }

    .w65-sp>figure,
    .w65-sp {
        width: 65% !important;
    }

    .w70-sp>figure,
    .w70-sp {
        width: 70% !important;
    }

    .w75-sp>figure,
    .w75-sp {
        width: 75% !important;
    }

    .w80-sp>figure,
    .w80-sp {
        width: 80% !important;
    }

    .w90-sp>figure,
    .w90-sp {
        width: 90% !important;
    }

    .w100-sp>figure,
    .w100-sp {
        width: 100% !important;
    }
}

/* inner wrapper width */
.inner {
    width: 100%;
    max-width: var(--main_w);
    margin: 0 auto;
}

.inner1200 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.inner1100 {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.inner980 {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}

.inner860 {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
}

.inner800 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

/* no list style */
/* ol:not(.default-ol),
ul:not(.default-ul), */
.nostyle,
.nostyle li,
.noliststyle>ul,
.noliststyle li,
.noliststyle {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* text align */
.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.center,
.text-center {
    text-align: center;
}

.block-center {
    margin-left: auto;
    margin-right: auto;
}

.place-center,
.place-mid {
    display: grid;
    place-items: center;
}

.justify {
    display: block;
    text-align: justify;
}

.tsume {
    font-feature-settings: "palt";
}

/* table */
.td-p05 td {
    padding: .5em !important;
}

.td-p1 td {
    padding: 1em !important;
}

.td-p2 td {
    padding: 2em !important;
}

.border1 th,
.border1 td {
    border: 1px solid;
}

.border2 th,
.border2 td {
    border: 2px solid;
}

.bordergray th,
.bordergray td {
    border-color: #ccc;
}

/* flex */

.flex-around,
.flex-around>.wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.flex-between,
.flex-between>.wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex-start,
.flex-start>.wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.flex-end,
.flex-end>.wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.flex-center,
.flex-center>.wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.gap0,
.wp-block-group__inner-container .gap0 {
    gap: 0 !important;
}

.gap1,
.gap1 .wp-block-group__inner-container {
    gap: 1em !important;
}

.gap2,
.gap2 .wp-block-group__inner-container {
    gap: 2em !important;
}

.gap3,
.gap3 .wp-block-group__inner-container {
    gap: 3em !important;
}

/* .grid */
.grid>.wp-block-group__inner-container {
    --repeat-length: 5;
    display: grid;
    grid-template-columns: repeat(var(--repeat-length), 1fr);
    width: 100%;
}

.grid.grid3,
.grid.grid3>.wp-block-group__inner-container {
    --repeat-length: 3;
}

.grid.grid4,
.grid.grid4>.wp-block-group__inner-container {
    --repeat-length: 4;
}

.grid.grid5,
.grid.grid5>.wp-block-group__inner-container {
    --repeat-length: 5;
}

.sticky-content {
    position: sticky;
}

/* note style */

ul.note {
    margin: 0;
    padding: 0;
    /* font-size: min(.8em, 3vw); */
    font-size: .85rem;
    font-weight: 300;
    list-style-type: none !important;
    --note-line-hieght: 1.6;
    line-height: var(--note-line-hieght);
}

ul.note li {
    list-style-type: none !important;
    padding-left: 1.1em;
    position: relative;
}

/* ul.note li:not(:last-child) {
    margin-bottom: .3em;
} */

ul.note li::before {
    content: '※';
    display: inline-block;
    position: absolute;
    left: 0;
}

ul.numnote {
    counter-reset: numnote;
}

ul.numnote li {
    padding-left: 2em;
    /* position: absolute; */
}

ul.numnote li::before {
    content: "※" counter(numnote);
    counter-increment: numnote;
}

ul.numnote.countreset-2 {
    counter-reset: numnote 1;
}

ul.numnote.countreset-3 {
    counter-reset: numnote 2;
}

ul.numnote.countreset-4 {
    counter-reset: numnote 3;
}

ul.numnote.countreset-5 {
    counter-reset: numnote 4;
}

ul.numnote.countreset-6 {
    counter-reset: numnote 5;
}

ul.numlist {
    counter-reset: numlist;
}

ul.numlist li::before {
    content: counter(numlist) ".";
    counter-increment: numlist;
}

ul.numlist-circle {
    counter-reset: numlist-circle;
}

ul.numlist-circle li {
    padding-left: 1.8em;
}

ul.numlist-circle li::before {
    content: counter(numlist-circle);
    counter-increment: numlist-circle;
    width: 1.5em;
    height: 1.5em;
    padding-bottom: .1em;
    color: #333;
    background-color: #fff;
    border: solid 1px #333;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    top: calc(var(--note-line-hieght) * .5);
    transform: translateY(-50%) scale(0.9);
}

ul.numlist-circle-fill {
    counter-reset: numlist-circle;
}

ul.numlist-circle-fill li {
    padding-left: 1.8em;
}

ul.numlist-circle-fill li::before {
    content: counter(numlist-circle);
    counter-increment: numlist-circle;
    width: 1.5em;
    height: 1.5em;
    padding-bottom: .1em;
    color: #fff;
    background-color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    top: calc(var(--note-line-hieght) * .5);
    transform: translateY(-50%) scale(0.9);
}

ul.discnote li::before {
    content: '';
    width: 1em;
    height: 1em;
    top: calc(var(--note-line-hieght) * .45);
    transform: translateY(-50%) scale(0.6);
    border-radius: 100%;
    background-color: var(--main_subcolor);
}

/* thumbnail */
.thumb {
    width: 100%;
    /* padding-bottom: 56.5%; */
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}

.thumb.thumb1-1 {
    padding-bottom: 100%;
}

.thumb.thumb16-9 {
    padding-bottom: 56.5%;
}

.thumb.thumb2-1 {
    padding-bottom: 50%;
}

.thumb.thumb3-2 {
    padding-bottom: 66%;
}

.thumb.thumb4-3 {
    padding-bottom: 70%;
}

.thumb video,
.thumb img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width:767px) {

    .thumb video,
    .thumb img {
        object-fit: cover;
    }
}

/* object-fit */
.cover img,
img.cover {
    object-fit: cover !important;
}

.contain img,
img.contain {
    object-fit: contain !important;
}

.auto {
    padding: 0;
    overflow: auto;
}

.auto img,
img.auto {
    height: auto;
    position: static;
}

/* img width */
img.w100 {
    width: 100% !important;
    height: 100%;
}

img.w80 {
    width: 80% !important;
    height: 80% !important;
    top: 10% !important;
    left: 10% !important;
}

img.w70 {
    width: 70% !important;
    height: 70% !important;
    top: 15% !important;
    left: 15% !important;
}

img.w60 {
    width: 60% !important;
    height: 60% !important;
    top: 20% !important;
    left: 20% !important;
}

/* aspect-ratio */
.asp1-1 {
    aspect-ratio: 1/1;
}

.asp2-1 {
    aspect-ratio: 2/1;
}

.asp3-2 {
    aspect-ratio: 3/2;
}

.asp4-3 {
    aspect-ratio: 4/3;
}

.asp1-2 {
    aspect-ratio: 1/2;
}

.asp2-3 {
    aspect-ratio: 2/3;
}

.asp3-4 {
    aspect-ratio: 3/4;
}


/* color */
.brand-color {
    color: var(--brand-color);
}

.main_color {
    color: var(--main_color);
}

.main_subcolor {
    color: var(--main_subcolor);
}

/* btn arrow */
.arrow-next,
.arrow-prev {
    color: var(--text-color-l) !important;
    position: absolute;
    top: 50%;
    width: 1.25em;
    border-bottom: 1px solid;
}

.arrow-next {
    right: .75em;
}

.arrow-prev {
    left: .75em;
}

.arrow-next::before {
    content: '';
    width: 40%;
    border-bottom: 1px solid;
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(30deg);
    transform-origin: right bottom;
}

.arrow-prev::before {
    content: '';
    width: 40%;
    border-bottom: 1px solid;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-30deg);
    transform-origin: left bottom;
}

a.r-btn {
    border: 1px solid;
    padding: .75em 4em;
    text-box: trim-both cap alphabetic;
    font-size: min(.95em, 3.5vw);
    display: inline-block;
    width: fit-content;
    position: relative;
    border-radius: 3em;
    color: var(--main_color) !important;
    transition: all .2s ease;
}

a.r-btn::before {
    content: '';
    border-right: 2px solid;
    border-bottom: 1px solid;
    position: absolute;
    width: 1.25em;
    height: .3em;
    top: calc(50% - .15em);
    right: 1em;
    transform: translateY(-50%) skewX(60deg);
}

a.r-btn.out-link::before {
    content: unset;
}

a.r-btn.out-link::after {
    content: '';
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    right: 1em;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 19' fill='currentColor'><path d='M9.1,3.3c0-.3-.2-.5-.5-.5H1.9c-.8,0-1.5.7-1.5,1.5v10c0,.8.7,1.5,1.5,1.5h10c.8,0,1.5-.7,1.5-1.5h0v-6.6c0-.3-.2-.5-.5-.5s-.5.2-.5.5v6.6c0,.3-.2.5-.5.5H1.9c-.3,0-.5-.2-.5-.5V4.3c0-.3.2-.5.5-.5h6.6c.3,0,.5-.2.5-.5'/><path d='M15.6,1.1c0-.3-.2-.5-.5-.5h-5c-.3,0-.5.2-.5.5s.2.5.5.5h3.8l-7.3,7.3c-.2.2-.2.5,0,.7s.5.2.7,0h0l7.3-7.3v3.8c0,.3.2.5.5.5s.5-.2.5-.5c0,0,0-5,0-5Z'/>'</svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-bottom: unset;
    transform: translateY(-50%);
}

a.s-btn,
.btn-wrp a {
    border: 1px solid;
    padding: 1em 4em;
    text-box: trim-both cap alphabetic;
    font-size: min(.9em, 3.5vw);
    display: inline-block;
    position: relative;
    border-radius: 2px;
    color: var(--main_color) !important;
    transition: all .2s ease;
}

@media (hover: hover) {

    .more-btn-wrp .more-btn:hover i,
    .more-btn-wrp .more-btn:hover,
    .back-btn-wrp a:hover i,
    .back-btn-wrp a:hover,
    .btn-wrp a:hover i,
    .btn-wrp a:hover {
        color: var(--text-color-l) !important;
    }
}

.more-btn-wrp .more-btn,
.back-btn-wrp a {
    display: inline-block;
    position: relative;
    padding: .5em 3em;
    font-size: min(1em, 3.5vw);
}

.more-btn-wrp {
    margin: 3em auto;
    text-align: center;
}

.more-btn-wrp .more-btn {
    color: var(--gray);
    cursor: pointer;
}

.more-btn-wrp .more-btn .arrow-next {
    rotate: 90deg;
    top: 120%;
    right: calc(50% - .75em);
}

/* font size */
/* load style for wp editor */
.size8,
.sml {
    display: inline-block;
    font-size: .8rem !important;
    line-height: 1.6 !important;
}

.size7,
.sml7,
.sml2 {
    display: inline-block;
    font-size: .7rem !important;
    line-height: 1.5 !important;
}

.size9,
.sml9 {
    display: inline-block;
    font-size: .9rem !important;
    line-height: 1.6 !important;
}

.large {
    display: inline-block;
    font-size: 1.2em !important;
}

.large2 {
    display: inline-block;
    font-size: 1.5em !important;
}

.en-large {
    display: inline-block;
    font-size: 1.15em;
    letter-spacing: 0 !important;
    font-family: var(--en) sans-serif;
}

.inlineblock {
    display: inline-block;
}

.textlink {
    text-decoration: underline !important;
}

.maker {
    background: linear-gradient(transparent 60%, #f3ebad 60%);
}

.maker2 {
    background: linear-gradient(transparent 60%, #cbd6d8 60%);
}


/* fix admin page */
#post-body-content {
    float: unset !important;
}

/* lazy */
.lazy {
    opacity: 0;
    transition: opacity .5s;
}

.lazy.lazyloaded {
    opacity: 1;
}

/* icon */

.sns-wrp {
    margin: 2em auto;
    gap: 2.5em;
}

.sns-btn {
    color: var(--brand-color);
    display: block;
    padding: 0;
    text-decoration: none;
    width: 1.8em;
}

.sns-btn svg {
    width: 100%;
    height: auto;
}

.icon-svg {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.icon-instagram {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'><path d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334'/></svg>");
}

.icon-facebook {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'><path d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951'/></svg>");
}

.icon-youtube {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'><path d='M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z'/></svg>");
}

.icon-x {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'><path d='M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z'/></svg>");
}

.icon-line {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'><path d='M8 0c4.411 0 8 2.912 8 6.492 0 1.433-.555 2.723-1.715 3.994-1.678 1.932-5.431 4.285-6.285 4.645-.83.35-.734-.197-.696-.413l.003-.018.114-.685c.027-.204.055-.521-.026-.723-.09-.223-.444-.339-.704-.395C2.846 12.39 0 9.701 0 6.492 0 2.912 3.59 0 8 0M5.022 7.686H3.497V4.918a.156.156 0 0 0-.155-.156H2.78a.156.156 0 0 0-.156.156v3.486c0 .041.017.08.044.107v.001l.002.002.002.002a.15.15 0 0 0 .108.043h2.242c.086 0 .155-.07.155-.156v-.56a.156.156 0 0 0-.155-.157m.791-2.924a.156.156 0 0 0-.156.156v3.486c0 .086.07.155.156.155h.562c.086 0 .155-.07.155-.155V4.918a.156.156 0 0 0-.155-.156zm3.863 0a.156.156 0 0 0-.156.156v2.07L7.923 4.832l-.013-.015v-.001l-.01-.01-.003-.003-.011-.009h-.001L7.88 4.79l-.003-.002-.005-.003-.008-.005h-.002l-.003-.002-.01-.004-.004-.002-.01-.003h-.002l-.003-.001-.009-.002h-.006l-.003-.001h-.004l-.002-.001h-.574a.156.156 0 0 0-.156.155v3.486c0 .086.07.155.156.155h.56c.087 0 .157-.07.157-.155v-2.07l1.6 2.16a.2.2 0 0 0 .039.038l.001.001.01.006.004.002.008.004.007.003.005.002.01.003h.003a.2.2 0 0 0 .04.006h.56c.087 0 .157-.07.157-.155V4.918a.156.156 0 0 0-.156-.156zm3.815.717v-.56a.156.156 0 0 0-.155-.157h-2.242a.16.16 0 0 0-.108.044h-.001l-.001.002-.002.003a.16.16 0 0 0-.044.107v3.486c0 .041.017.08.044.107l.002.003.002.002a.16.16 0 0 0 .108.043h2.242c.086 0 .155-.07.155-.156v-.56a.156.156 0 0 0-.155-.157H11.81v-.589h1.525c.086 0 .155-.07.155-.156v-.56a.156.156 0 0 0-.155-.157H11.81v-.589h1.525c.086 0 .155-.07.155-.156Z'/></svg>");
}

.icon-threads {
    background-image: url("data:image/svg+xml,%3Csvg%20aria-label%3D%22Threads%22%20viewBox%3D%220%200%20192%20192%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M141.537%2088.9883C140.71%2088.5919%20139.87%2088.2104%20139.019%2087.8451C137.537%2060.5382%20122.616%2044.905%2097.5619%2044.745C97.4484%2044.7443%2097.3355%2044.7443%2097.222%2044.7443C82.2364%2044.7443%2069.7731%2051.1409%2062.102%2062.7807L75.881%2072.2328C81.6116%2063.5383%2090.6052%2061.6848%2097.2286%2061.6848C97.3051%2061.6848%2097.3819%2061.6848%2097.4576%2061.6855C105.707%2061.7381%20111.932%2064.1366%20115.961%2068.814C118.893%2072.2193%20120.854%2076.925%20121.825%2082.8638C114.511%2081.6207%20106.601%2081.2385%2098.145%2081.7233C74.3247%2083.0954%2059.0111%2096.9879%2060.0396%20116.292C60.5615%20126.084%2065.4397%20134.508%2073.775%20140.011C80.8224%20144.663%2089.899%20146.938%2099.3323%20146.423C111.79%20145.74%20121.563%20140.987%20128.381%20132.296C133.559%20125.696%20136.834%20117.143%20138.28%20106.366C144.217%20109.949%20148.617%20114.664%20151.047%20120.332C155.179%20129.967%20155.42%20145.8%20142.501%20158.708C131.182%20170.016%20117.576%20174.908%2097.0135%20175.059C74.2042%20174.89%2056.9538%20167.575%2045.7381%20153.317C35.2355%20139.966%2029.8077%20120.682%2029.6052%2096C29.8077%2071.3178%2035.2355%2052.0336%2045.7381%2038.6827C56.9538%2024.4249%2074.2039%2017.11%2097.0132%2016.9405C119.988%2017.1113%20137.539%2024.4614%20149.184%2038.788C154.894%2045.8136%20159.199%2054.6488%20162.037%2064.9503L178.184%2060.6422C174.744%2047.9622%20169.331%2037.0357%20161.965%2027.974C147.036%209.60668%20125.202%200.195148%2097.0695%200H96.9569C68.8816%200.19447%2047.2921%209.6418%2032.7883%2028.0793C19.8819%2044.4864%2013.2244%2067.3157%2013.0007%2095.9325L13%2096L13.0007%2096.0675C13.2244%20124.684%2019.8819%20147.514%2032.7883%20163.921C47.2921%20182.358%2068.8816%20191.806%2096.9569%20192H97.0695C122.03%20191.827%20139.624%20185.292%20154.118%20170.811C173.081%20151.866%20172.51%20128.119%20166.26%20113.541C161.776%20103.087%20153.227%2094.5962%20141.537%2088.9883ZM98.4405%20129.507C88.0005%20130.095%2077.1544%20125.409%2076.6196%20115.372C76.2232%20107.93%2081.9158%2099.626%2099.0812%2098.6368C101.047%2098.5234%20102.976%2098.468%20104.871%2098.468C111.106%2098.468%20116.939%2099.0737%20122.242%20100.233C120.264%20124.935%20108.662%20128.946%2098.4405%20129.507Z%22/%3E%3C/svg%3E");
}

.icon-homepage {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' d='M13.5 3a.5.5 0 0 1 .5.5V11H2V3.5a.5.5 0 0 1 .5-.5zm-11-1A1.5 1.5 0 0 0 1 3.5V12h14V3.5A1.5 1.5 0 0 0 13.5 2zM0 12.5h16a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5'/%3E%3C/svg%3E");
}

.icon-blank-link {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 19' fill='currentColor'><path d='M9.1,3.3c0-.3-.2-.5-.5-.5H1.9c-.8,0-1.5.7-1.5,1.5v10c0,.8.7,1.5,1.5,1.5h10c.8,0,1.5-.7,1.5-1.5h0v-6.6c0-.3-.2-.5-.5-.5s-.5.2-.5.5v6.6c0,.3-.2.5-.5.5H1.9c-.3,0-.5-.2-.5-.5V4.3c0-.3.2-.5.5-.5h6.6c.3,0,.5-.2.5-.5'/><path d='M15.6,1.1c0-.3-.2-.5-.5-.5h-5c-.3,0-.5.2-.5.5s.2.5.5.5h3.8l-7.3,7.3c-.2.2-.2.5,0,.7s.5.2.7,0h0l7.3-7.3v3.8c0,.3.2.5.5.5s.5-.2.5-.5c0,0,0-5,0-5Z'/>'</svg>");
}