@charset "UTF-8";

.-mb-30 {
    margin-bottom: 30px
}

.btn-more-arrow {
    font-size: 12px
}

*,
*:before,
*:after {
    box-sizing: border-box
}

* {
    margin: 0;
    padding: 0
}

html {
    font-size: 16px;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

body {
    font-family: inherit;
    line-height: inherit
}

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

a {
    color: inherit;
    text-decoration: inherit
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
    border: none;
    cursor: pointer
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle
}

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

ul,
ol {
    list-style: none
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

@keyframes scroll-left {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

@keyframes scroll-right {
    0% {
        transform: translate(-50%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes bounce-in {
    0% {
        transform: translateY(20px);
        opacity: 0
    }

    50% {
        transform: translateY(-5px);
        opacity: 1
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes float {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-8px)
    }
}

body {
    margin: 0;
    background: #fdfaf1;
    color: #000;
    font-family: Noto Sans JP, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic, Meiryo, sans-serif;
    line-height: 1.6;
    padding-top: 78px
}

@media (max-width: 900px) {
    body {
        min-width: 320px
    }
}

.-colored {
    color: #ff3c00
}

.site-header {
    top: 0;
    position: fixed;
    height: 102px;
    width: 100%;
    z-index: 2
}

@media (max-width: 768px) {
    .site-header {
        height: 78px;
    }
}

.site-header.is-scroll {
    height: 78px;
    border-bottom: 1px solid #E9E1C4;
    background-color: #fbf8f1a6;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.site-header.is-scroll .site-header__logo a {
    height: 48px;
    position: relative;
}

.site-header.is-scroll .site-header__cont {
    padding: 15px 20px
}

.site-header__cont {
    display: flex;
    align-items: center;
    padding: 15px 20px
}

.site-header__logo a {
    display: block;
    height: 72px
}

@media (max-width: 768px) {
    .site-header__logo a {
        height: 48px
    }
}

.site-header__logo__img {
    height: 72px;
    width: auto
}

@media (max-width: 768px) {
    .site-header__logo__img {
        height: 64px
    }
}

.site-header__logo__img.-default {
    display: block
}

/* .site-header__logo__img.-horizontal {
    display: none;
    height: 40px
} */

/* @media (max-width: 768px) {
    .site-header__logo__img.-default {
        display: none
    }

    .site-header__logo__img.-horizontal {
        display: block;
        height: 40px
    }
} */

.site-header__logo img {
    height: 72px;
    width: auto
}

@media (max-width: 768px) {
    .site-header__logo img {
        /* height: 64px; */
        height: 48px;
    }
}

.site-header.is-scroll .site-header__logo__img.-default {
    /* display: none */
    height: 48px;
}
/* 
.site-header.is-scroll .site-header__logo__img.-horizontal {
    display: block
} */

.site-header .site-nav {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 20px
}

.site-header .site-nav .site-nav__list {
    padding: 0;
    margin: 0;
    display: flex;
    list-style: none;
    gap: 20px
}

@media (max-width: 1100px) {
    .site-header .site-nav .site-nav__list .site-nav__list__item {
        display: none
    }

    .site-header .site-nav .site-nav__list .site-nav__list__item.-contact {
        display: block
    }
}

.site-header .site-nav .site-nav__list .site-nav__list__item .site-nav__list__text {
    text-decoration: none;
    color: #ff3c00;
    font-size: 15px;
    gap: 8px;
    display: flex;
    align-items: center;
    font-feature-settings: "palt"
}

@media (max-width: 768px) {
    .site-header .site-nav .site-nav__list {
        display: none
    }
}

/* @media (max-width: 374px) {
    .site-header .site-nav {
        margin-left: 20px;
    }
} */

.site-header .site-menu-btn {
    margin-top: 2px;
    margin-bottom: 2px;
    line-height: 24px;
    padding: 6px 24px;
    font-size: 13px;
    background-color: #ff3c00;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    border-radius: 18px;
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1);
    display: none
}

@media (max-width: 1100px) {
    .site-header .site-menu-btn {
        display: flex;
        align-items: center
    }
}

.site-header .site-menu-btn:hover {
    opacity: .7
}

@media (max-width: 480px) {
    .site-header .site-menu-btn {
        padding: 6px 12px;
        width: 40px;
        height: 40px
    }

    .site-header .site-menu-btn .site-menu-btn__text {
        display: none
    }
}

.site-header .site-menu-btn svg {
    fill: #fff;
    margin-left: 8px
}

@media (max-width: 480px) {
    .site-header .site-menu-btn svg {
        margin-left: 0
    }
}

.site-main {
    width: 100%;
    overflow: hidden
}

.site-main .hero {
    padding-left: 20px;
    padding-right: 20px;
    min-height: calc(100svh - 76px);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: hidden
}

@media (max-width: 800px) {
    .site-main .hero {
        justify-content: center;
        min-height: auto
    }
}

.site-main .hero__cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 80px
}

.site-main .hero__logo {
    width: 90%;
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
}

.site-main .hero__img {
    width: 100%;
    max-width: 660px;
    position: relative
}

.site-main .hero__img-fig {
    display: block;
    aspect-ratio: 864/880;
    max-width: 230px;
    width: 34.8484848485%;
    margin: 0 auto;
    padding-top: 7%
}

.site-main .hero__img-fig img {
    width: 100%;
    height: auto
}

.site-main .hero__img-balloon-1,
.site-main .hero__img-balloon-2,
.site-main .hero__img-balloon-3,
.site-main .hero__img-balloon-4 {
    display: block;
    position: absolute
}

.site-main .hero__img-balloon-1 img,
.site-main .hero__img-balloon-2 img,
.site-main .hero__img-balloon-3 img,
.site-main .hero__img-balloon-4 img {
    width: 100%;
    height: auto
}

.site-main .hero__img-balloon-1 {
    aspect-ratio: 182/189;
    width: 13.7878787879%;
    max-width: 87px;
    top: 50%;
    left: 0%;
    animation: bounce-in .8s ease-out .2s both, float 3s ease-in-out 1s infinite
}

.site-main .hero__img-balloon-2 {
    aspect-ratio: 255/278;
    width: 19.3939393939%;
    max-width: 123px;
    top: 13%;
    left: 10%;
    animation: bounce-in .8s ease-out .4s both, float 3.2s ease-in-out 1.2s infinite
}

.site-main .hero__img-balloon-3 {
    aspect-ratio: 262/330;
    width: 19.8484848485%;
    max-width: 126px;
    top: 5%;
    right: 12%;
    animation: bounce-in .8s ease-out .6s both, float 2.8s ease-in-out 1.4s infinite
}

.site-main .hero__img-balloon-4 {
    aspect-ratio: 210/275;
    width: 15.9090909091%;
    max-width: 100px;
    right: 0%;
    top: 40%;
    animation: bounce-in .8s ease-out .8s both, float 3.5s ease-in-out 1.6s infinite
}

.site-main .hero__catch {
    width: 80%;
    max-width: 660px;
    font-size: clamp(15px, 4vw, 31px);
    font-feature-settings: "palt";
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.4;
    font-weight: 700;
    padding-top: 1em
}

.site-main .hero__deco-typo-row {
    z-index: -1
}

.site-main .hero__deco-typo__col {
    width: 50%;
    position: absolute;
    overflow: hidden
}

.site-main .hero__deco-typo__col.-top {
    top: 32%;
    left: clamp(-15%, -10vw, -10%);
    mask: linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%);
    -webkit-mask: linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%)
}

.site-main .hero__deco-typo__col.-btm {
    top: 42%;
    left: clamp(50%, 63vw, 63%);
    mask: linear-gradient(to left, transparent 0%, black 20%, black 80%, transparent 100%);
    -webkit-mask: linear-gradient(to left, transparent 0%, black 20%, black 80%, transparent 100%)
}

.site-main .hero__deco-typo {
    color: #e3d8b5;
    font-size: clamp(24px, 8vw, 64px);
    display: flex;
    white-space: nowrap
}

.site-main .hero__deco-typo__text {
    display: inline-block;
    margin-right: clamp(1em, 3vw, 2em)
}

.site-main .hero__deco-typo.-top {
    animation: scroll-right 8s linear infinite
}

.site-main .hero__deco-typo.-btm {
    animation: scroll-left 8s linear infinite
}

.site-main .hero__button {
    display: grid;
    place-content: center;
    place-items: center
}

.site-main .hero__button__icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #000;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.site-main .hero__button__text {
    font-size: 10px;
    line-height: 10px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 4px
}

.site-main .hero__button .bi {
    position: relative;
    top: 1px
}

@media (max-width: 900px) {
    .site-main .hero__button__icon {
        width: 32px;
        height: 32px
    }

    .site-main .hero__button__text {
        font-size: 8px
    }

    .site-main .hero__deco-typo {
        font-size: clamp(18px, 6vw, 48px)
    }

    .site-main .hero__deco-typo__text {
        margin-right: clamp(.5em, 2vw, 1.5em)
    }

    .site-main .hero__deco-typo__col.-top {
        top: 32%;
        left: clamp(-20%, -15vw, -15%);
        mask: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
        -webkit-mask: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%)
    }

    .site-main .hero__deco-typo__col.-btm {
        top: 42%;
        left: clamp(45%, 60vw, 60%);
        mask: linear-gradient(to left, transparent 0%, black 15%, black 85%, transparent 100%);
        -webkit-mask: linear-gradient(to left, transparent 0%, black 15%, black 85%, transparent 100%)
    }
}

@media (max-width: 480px) {
    .site-main .hero__deco-typo {
        font-size: clamp(14px, 5vw, 32px)
    }

    .site-main .hero__deco-typo__text {
        margin-right: clamp(.3em, 1.5vw, 1em)
    }

    .site-main .hero__deco-typo__col.-top {
        top: 32%;
        left: clamp(-25%, -20vw, -20%);
        mask: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
        -webkit-mask: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%)
    }

    .site-main .hero__deco-typo__col.-btm {
        top: 42%;
        left: clamp(40%, 55vw, 55%);
        mask: linear-gradient(to left, transparent 0%, black 10%, black 90%, transparent 100%);
        -webkit-mask: linear-gradient(to left, transparent 0%, black 10%, black 90%, transparent 100%)
    }
}

.site-main .home-summary {
    padding: 80px 20px 160px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative
}

.site-main .home-summary__bg {
    position: absolute;
    top: 23%;
    left: 0;
    width: 100%;
    height: 53%;
    background: linear-gradient(to bottom, #f0e9d31a, #f0e9d3 2%, #f0e9d3, #f0e9d3 98%, #f0e9d31a);
    z-index: -1
}

.site-main .home-summary:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background-color: #f0e9d3;
    -webkit-mask: url(../images/bg-harftone-top.svg) repeat-x top center;
    mask: url(../images/bg-harftone-top.svg) repeat-x top center;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%
}

.site-main .home-summary:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background-color: #f0e9d3;
    -webkit-mask: url(../images/bg-harftone-btm.svg) repeat-x bottom center;
    mask: url(../images/bg-harftone-btm.svg) repeat-x bottom center;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%;
    z-index: -1
}

.site-main .home-summary__cont {
    display: flex;
    flex-direction: column;
    justify-self: unset;
    align-items: center;
    position: relative;
    max-width: 640px;
    padding: 60px;
    background-color: #fff;
    box-shadow: 4px 4px #ff3c00;
    border: 2px solid #000;
    background-image: linear-gradient(to right, rgba(227, 216, 181, .3) 1px, transparent 1px), linear-gradient(to bottom, rgba(227, 216, 181, .3) 1px, transparent 1px);
    background-size: 20px 20px
}

.site-main .home-summary__tit {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px
}

.site-main .home-summary__tit__hd {
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    font-size: clamp(10px, 2vw, 14px);
    line-height: 1;
    padding: 4px 16px;
    display: inline-flex;
    text-transform: uppercase;
    color: #ff3c00;
    font-weight: 700;
    width: -moz-fit-content;
    width: fit-content
}

.site-main .home-summary__tit__text {
    padding: 4px 16px;
    border: 2px solid #000;
    width: -moz-fit-content;
    width: fit-content;
    font-size: clamp(23px, 5vw, 40px);
    font-weight: 700;
    font-feature-settings: "palt"
}

.site-main .home-summary__text {
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    line-height: 2.25;
    letter-spacing: .01em;
    text-align: justify
}

@media (max-width: 768px) {
    .site-main .home-summary__text {
        line-height: 2
    }
}

@media (max-width: 480px) {
    .site-main .home-summary__text {
        line-height: 1.8
    }
}

@media (max-width: 480px) {
    .site-main .home-summary__text {
        line-height: 2
    }
}

.site-main .home-summary__deco {
    position: absolute;
    display: block
}

.site-main .home-summary__deco img {
    width: 100%;
    height: auto
}

.site-main .home-summary__deco.-top {
    aspect-ratio: 330/454;
    width: 26%;
    max-width: 165px;
    top: -4vw;
    left: -18%
}

.site-main .home-summary__deco.-btm {
    aspect-ratio: 360/470;
    width: 26%;
    max-width: 180px;
    bottom: -4vw;
    right: -12%
}

@media (max-width: 900px) {
    .site-main .home-summary {
        padding-top: 80px
    }

    .site-main .home-summary__cont {
        padding-top: 90px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .site-main .home-summary__tit {
        margin-bottom: 20px
    }

    .site-main .home-summary__deco.-top {
        top: -19vw;
        left: -4%
    }

    .site-main .home-summary__deco.-btm {
        bottom: -21vw;
        right: -3%
    }
}

@media (max-width: 480px) {
    .site-main .home-summary {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .site-main .home-summary__cont {
        padding: 60px 20px 30px
    }
}

.site-main .home-feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 20px;
    counter-reset: feature-counter
}

.site-main .home-feature__cont {
    width: 100%;
    max-width: 1100px
}

.site-main .home-feature__item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    min-height: 400px;
    justify-content: space-between;
    counter-increment: feature-counter
}

.site-main .home-feature__item:nth-child(2n) {
    flex-direction: row-reverse
}

.site-main .home-feature__item:nth-child(2) .home-feature__item__hd:after {
    right: clamp(24px, 3vw, 48px);
    bottom: clamp(-90px, -7vw, -80px);
    left: auto;
    top: auto
}

.site-main .home-feature__item__hd {
    width: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.site-main .home-feature__item__hd:after {
    content: counter(feature-counter, decimal-leading-zero);
    position: absolute;
    top: clamp(-90px, -7vw, -80px);
    left: clamp(24px, 3vw, 48px);
    font-size: clamp(96px, 11vw, 140px);
    color: #ff3c00;
    z-index: 10;
    line-height: .9;
    letter-spacing: -.025em
}

@media (max-width: 480px) {
    .site-main .home-feature__item__hd:after {
        top: clamp(-72px, -10vw, -56px);
        left: clamp(12px, 4vw, 24px);
        font-size: clamp(64px, 18vw, 96px)
    }
}

.site-main .home-feature__item__hd:before {
    content: "";
    width: 75%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: block;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 368px
}

.site-main .home-feature__item__body {
    width: 50%
}

.site-main .home-feature__item__img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%
}

.site-main .home-feature__item__img img {
    width: 100%;
    height: auto;
    position: relative;
    -o-object-fit: fill;
    object-fit: fill
}

.site-main .home-feature__item__img.-fig-1 {
    aspect-ratio: 1129/800;
    width: 75%
}

.site-main .home-feature__item__img.-fig-2 {
    aspect-ratio: 715/620
}

.site-main .home-feature__item__img.-fig-3 {
    aspect-ratio: 775/620
}

.site-main .home-feature__item__sbt {
    color: #ff3c00;
    font-size: clamp(1.25rem, 3vw, 2rem);
    line-height: 1.25;
    font-weight: 700;
    font-feature-settings: "palt";
    letter-spacing: .025em;
    padding-bottom: .5em;
    position: relative
}

.site-main .home-feature__item__sbt:before {
    content: "CAPTER__";
    font-size: clamp(.7rem, 1vw, .75rem);
    display: block;
    margin-bottom: .5em;
    position: relative
}

.site-main .home-feature__item__link {
    list-style: none;
    padding: 24px 0 12px;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000
}

.site-main .home-feature__item__link:after {
    display: block;
    content: "";
    position: absolute;
    top: -17px;
    left: 48%;
    width: 24px;
    height: 24px;
    border-bottom: 1px solid #000;
    background-color: #fdfaf1;
    transform: rotate(45deg);
    transform-origin: top left
}

.site-main .home-feature__item__link-item {
    display: flex;
    align-items: flex-start;
    padding-bottom: .75em;
    padding-top: .75em
}

.site-main .home-feature__item__link-item:before {
    content: "";
    width: clamp(.875rem, 2vw, 1.125rem);
    height: clamp(.875rem, 2vw, 1.125rem);
    background-image: url("data:image/svg+xml,%3csvg%20width='64'%20height='64'%20viewBox='0%200%2064%2064'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_197_630)'%3e%3cpath%20d='M60%2027C60%2027.7957%2059.6839%2028.5588%2059.1213%2029.1214C58.5587%2029.684%2057.7956%2030%2057%2030L32%2030C31.4696%2030%2030.9609%2030.2108%2030.5858%2030.5858C30.2107%2030.9609%2030%2031.4696%2030%2032C30%2032.5305%2030.2107%2033.0392%2030.5858%2033.4143C30.9609%2033.7893%2031.4696%2034%2032%2034L42.132%2034L42.148%2034.344C42.196%2035.612%2042.18%2036.892%2042.04%2037.608C41.932%2038.144%2041.656%2038.784%2041.312%2039.4C41.144%2039.708%2040.724%2040%2040.056%2040L32%2040C31.4696%2040%2030.9609%2040.2108%2030.5858%2040.5858C30.2107%2040.9609%2030%2041.4696%2030%2042C30%2042.5305%2030.2107%2043.0392%2030.5858%2043.4143C30.9609%2043.7893%2031.4696%2044%2032%2044L38.26%2044L38.3%2044.424C38.396%2045.688%2038.34%2046.76%2038.14%2047.256C37.956%2047.728%2037.312%2048.456%2036.42%2049.2C36.036%2049.524%2035.66%2049.8%2035.384%2050L30%2050C29.4696%2050%2028.9609%2050.2107%2028.5858%2050.5858C28.2107%2050.9609%2028%2051.4696%2028%2052C28%2052.5305%2028.2107%2053.0392%2028.5858%2053.4143C28.9609%2053.7893%2029.4696%2054%2030%2054L34%2054V55.368C34%2055.9271%2033.8828%2056.4799%2033.656%2056.9908C33.4293%2057.5018%2033.0979%2057.9595%2032.6833%2058.3346C32.2687%2058.7096%2031.7801%2058.9935%2031.2491%2059.1681C30.718%2059.3426%2030.1562%2059.4039%2029.6%2059.348L18.74%2058.264C17.3444%2058.1241%2015.9938%2057.692%2014.776%2056.996L5.008%2051.416C4.70189%2051.2412%204.44744%2050.9885%204.27042%2050.6837C4.09341%2050.3788%204.00011%2050.0326%204%2049.68V24.472C4.00001%2024.1009%204.10328%2023.7371%204.29825%2023.4214C4.49322%2023.1056%204.77221%2022.8503%205.104%2022.684L14.964%2017.756L31.704%207.70804C32.1368%207.44989%2032.649%207.35866%2033.1443%207.45151C33.6397%207.54435%2034.084%207.81487%2034.394%208.21225C34.7039%208.60962%2034.8581%209.1065%2034.8275%209.60953C34.797%2010.1126%2034.5838%2010.5871%2034.228%2010.944L24.588%2020.584C24.3078%2020.8635%2024.1168%2021.2198%2024.0392%2021.6079C23.9617%2021.996%2024.0009%2022.3983%2024.1521%2022.764C24.3033%2023.1298%2024.5595%2023.4424%2024.8885%2023.6625C25.2174%2023.8825%2025.6043%2024%2026%2024L57%2024C57.7956%2024%2058.5587%2024.3161%2059.1213%2024.8787C59.6839%2025.4413%2060%2026.2044%2060%2027ZM46.136%2034L57%2034C58.8565%2034%2060.637%2033.2625%2061.9497%2031.9498C63.2625%2030.637%2064%2028.8566%2064%2027C64%2025.1435%2063.2625%2023.3631%2061.9497%2022.0503C60.637%2020.7375%2058.8565%2020%2057%2020L30.828%2020L37.056%2013.772C38.0981%2012.7242%2038.722%2011.332%2038.8105%209.85684C38.8991%208.38166%2038.4463%206.92487%2037.537%205.75984C36.6278%204.59482%2035.3247%203.80165%2033.8721%203.5292C32.4196%203.25674%2030.9176%203.52373%2029.648%204.28004L13.036%2014.244L3.316%2019.104C2.31928%2019.6026%201.4811%2020.3688%200.895412%2021.317C0.309722%2022.2651%20-0.000333588%2023.3576%200%2024.472V49.68C0.000341124%2050.7376%200.280217%2051.7763%200.811268%2052.6909C1.34232%2053.6055%202.10567%2054.3635%203.024%2054.888L12.788%2060.468C14.4948%2061.4436%2016.3878%2062.0487%2018.344%2062.244L29.204%2063.328C30.3161%2063.4392%2031.4392%2063.3162%2032.5009%2062.9668C33.5626%2062.6174%2034.5392%2062.0494%2035.3679%2061.2994C36.1967%2060.5495%2036.859%2059.6342%2037.3124%2058.6126C37.7657%2057.591%2038%2056.4857%2038%2055.368V53.044C38.3388%2052.7945%2038.6696%2052.5344%2038.992%2052.264C39.908%2051.5%2041.264%2050.224%2041.856%2048.744C42.44%2047.288%2042.384%2045.36%2042.288%2044.112L42.24%2043.584C43.3301%2043.1582%2044.238%2042.3662%2044.808%2041.344C45.3405%2040.4247%2045.729%2039.4291%2045.96%2038.392C46.208%2037.152%2046.192%2035.436%2046.144%2034.192L46.136%2034Z'%20fill='%23FF3C00'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_197_630'%3e%3crect%20width='64'%20height='64'%20fill='white'%20transform='translate(64)%20rotate(90)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: .75em;
    flex-shrink: 0;
    margin-top: .1em;
    display: block
}

.site-main .home-feature__item__link-text {
    font-size: clamp(.875rem, 2vw, 1rem);
    line-height: 1.5;
    flex: 1;
    font-feature-settings: "palt";
    font-weight: 500;
    transition: color .25s cubic-bezier(.4, 0, .2, 1)
}

.site-main .home-feature__item__link-text:hover {
    color: #ff3c00
}

.site-main .home-feature__item__btn-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 16px
}

@media (max-width: 768px) {
    .site-main .home-feature {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .site-main .home-feature__cont {
        display: flex;
        flex-direction: column;
        gap: 40px
    }

    .site-main .home-feature__item {
        flex-direction: column;
        align-items: center;
        min-height: unset
    }

    .site-main .home-feature__item__hd {
        min-width: 320px;
        min-height: 240px
    }

    .site-main .home-feature__item__hd:after {
        top: 0;
        left: 0
    }

    .site-main .home-feature__item__body {
        width: 100%;
        max-width: 480px
    }

    .site-main .home-feature__item:nth-child(2n) {
        flex-direction: column
    }

    .site-main .home-feature__item:nth-child(2) .home-feature__item__hd:after {
        right: auto;
        bottom: auto;
        left: 0;
        top: 0
    }

    .site-main .home-feature__item__body {
        margin-top: 24px
    }
}

@media screen and (max-width: 480px) {
    .site-main .home-feature__item__body {
        width: 100%;
        padding: 0 20px
    }
}

.site-main .home-column {
    padding: 80px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.site-main .home-column__bg {
    position: absolute;
    top: 23%;
    left: 0;
    width: 100%;
    height: 53%;
    background: linear-gradient(to bottom, #f0e9d31a, #f0e9d3 2%, #f0e9d3, #f0e9d3 98%, #f0e9d31a);
    z-index: -1
}

.site-main .home-column:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background-color: #f0e9d3;
    -webkit-mask: url(../images/bg-harftone-top.svg) repeat-x top center;
    mask: url(../images/bg-harftone-top.svg) repeat-x top center;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%
}

.site-main .home-column:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background-color: #f0e9d3;
    -webkit-mask: url(../images/bg-harftone-btm.svg) repeat-x bottom center;
    mask: url(../images/bg-harftone-btm.svg) repeat-x bottom center;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%;
    z-index: -1
}

.site-main .home-column__cont {
    width: 100%;
    max-width: 1100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    background-image: linear-gradient(to right, rgba(227, 216, 181, .25) 1px, transparent 1px), linear-gradient(to bottom, rgba(227, 216, 181, .25) 1px, transparent 1px);
    background-size: 20px 20px;
    border: 2px solid #000;
    box-shadow: 4px 4px #ff3c00;
    padding: 80px;
    background-color: #fff
}

.site-main .home-column__tit {
    align-items: center;
    margin-bottom: 24px;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding-top: 24px;
    padding-bottom: 24px;
    position: absolute;
    right: 5%;
    top: 10%
}

.site-main .home-column__tit .home-column__head {
    font-size: clamp(.7rem, 1vw, .75rem);
    color: #ff3c00;
    letter-spacing: .1em;
    writing-mode: vertical-rl;
    font-weight: 700
}

.site-main .home-column__tit .home-column__text {
    font-size: clamp(1.5rem, 3vw, 2rem);
    line-height: 1em;
    white-space: nowrap;
    writing-mode: vertical-rl;
    font-weight: 700;
    letter-spacing: .025em
}

@media (max-width: 768px) {
    .site-main .home-column__tit .home-column__text {
        padding-bottom: 4px
    }
}

.site-main .home-column__tit .home-column__lead {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: clamp(.75rem, 1.2vw, .9rem);
    line-height: 1.2;
    justify-self: end;
    font-weight: 700;
    padding-right: 8px;
    letter-spacing: .025em
}

@media (max-width: 768px) {
    .site-main .home-column__tit .home-column__lead {
        padding-right: 0;
        padding-bottom: 4px
    }
}

.site-main .home-column__tit:before,
.site-main .home-column__tit:after {
    content: "";
    height: 1px;
    background-color: #000;
    display: block;
    width: 100%;
    position: absolute
}

.site-main .home-column__tit:before {
    left: 0;
    top: 4px
}

.site-main .home-column__tit:after {
    left: 0;
    bottom: 4px
}

.site-main .home-column__list-cont {
    max-width: 480px;
    width: 100%
}

.site-main .home-column__list-tit {
    font-size: clamp(12px, 2vw, 14px);
    display: flex;
    justify-content: center;
    align-items: center
}

.site-main .home-column__list-tit__text {
    font-weight: 700
}

.site-main .home-column__list-tit__text__deco {
    width: 100%;
    height: 1px;
    position: relative;
    background-color: #000
}

.site-main .home-column__list-tit__text__deco:after {
    content: "";
    width: 24px;
    height: 1px;
    background-color: #000;
    display: block;
    transform: rotate(45deg)
}

.site-main .home-column__list-tit__text__deco.-left {
    margin-right: 24px
}

.site-main .home-column__list-tit__text__deco.-left:after {
    position: absolute;
    right: -12px
}

.site-main .home-column__list-tit__text__deco.-right {
    margin-left: 24px
}

.site-main .home-column__list-tit__text__deco.-right:after {
    position: absolute;
    left: -12px
}

.site-main .home-column__list {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: homeColumnIndex;
    border-bottom: 1px solid #000
}

.site-main .home-column__list-item {
    position: relative;
    counter-increment: homeColumnIndex;
    display: flex;
    align-items: center;
    -moz-column-gap: 6px;
    column-gap: 6px;
    font-weight: 700;
    color: #ff3c00;
    justify-content: space-between
}

.site-main .home-column__list-item:not(:last-child) {
    border-bottom: 1px dashed rgba(0, 0, 0, .5)
}

.site-main .home-column__list-item .home-column__link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0 16px 56px;
    text-decoration: none;
    cursor: pointer;
    position: relative
}

.site-main .home-column__list-item .home-column__link:before {
    content: counter(homeColumnIndex, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: 16px;
    text-align: right;
    color: #ff3c00;
    font-weight: 700;
    font-size: clamp(.8rem, 1.6vw, 1rem);
    letter-spacing: .05em;
    font-feature-settings: "palt"
}

.site-main .home-column__list-item .home-column__link:after {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_203_740)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1%208C1%209.85652%201.7375%2011.637%203.05025%2012.9497C4.36301%2014.2625%206.14348%2015%208%2015C9.85652%2015%2011.637%2014.2625%2012.9497%2012.9497C14.2625%2011.637%2015%209.85652%2015%208C15%206.14348%2014.2625%204.36301%2012.9497%203.05025C11.637%201.7375%209.85652%201%208%201C6.14348%201%204.36301%201.7375%203.05025%203.05025C1.7375%204.36301%201%206.14348%201%208ZM16%208C16%2010.1217%2015.1571%2012.1566%2013.6569%2013.6569C12.1566%2015.1571%2010.1217%2016%208%2016C5.87827%2016%203.84344%2015.1571%202.34315%2013.6569C0.842855%2012.1566%200%2010.1217%200%208C0%205.87827%200.842855%203.84344%202.34315%202.34315C3.84344%200.842855%205.87827%200%208%200C10.1217%200%2012.1566%200.842855%2013.6569%202.34315C15.1571%203.84344%2016%205.87827%2016%208ZM4.5%207.5C4.36739%207.5%204.24021%207.55268%204.14645%207.64645C4.05268%207.74021%204%207.86739%204%208C4%208.13261%204.05268%208.25979%204.14645%208.35355C4.24021%208.44732%204.36739%208.5%204.5%208.5H10.293L8.146%2010.646C8.09951%2010.6925%208.06264%2010.7477%208.03748%2010.8084C8.01232%2010.8692%207.99937%2010.9343%207.99937%2011C7.99937%2011.0657%208.01232%2011.1308%208.03748%2011.1916C8.06264%2011.2523%208.09951%2011.3075%208.146%2011.354C8.19249%2011.4005%208.24768%2011.4374%208.30842%2011.4625C8.36916%2011.4877%208.43426%2011.5006%208.5%2011.5006C8.56574%2011.5006%208.63084%2011.4877%208.69158%2011.4625C8.75232%2011.4374%208.80751%2011.4005%208.854%2011.354L11.854%208.354C11.9006%208.30755%2011.9375%208.25238%2011.9627%208.19163C11.9879%208.13089%2012.0009%208.06577%2012.0009%208C12.0009%207.93423%2011.9879%207.86911%2011.9627%207.80837C11.9375%207.74762%2011.9006%207.69245%2011.854%207.646L8.854%204.646C8.80751%204.59951%208.75232%204.56264%208.69158%204.53748C8.63084%204.51232%208.56574%204.49937%208.5%204.49937C8.43426%204.49937%208.36916%204.51232%208.30842%204.53748C8.24768%204.56264%208.19249%204.59951%208.146%204.646C8.09951%204.69249%208.06264%204.74768%208.03748%204.80842C8.01232%204.86916%207.99937%204.93426%207.99937%205C7.99937%205.06574%208.01232%205.13084%208.03748%205.19158C8.06264%205.25232%208.09951%205.30751%208.146%205.354L10.293%207.5H4.5Z'%20fill='%23FF3C00'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_203_740'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: contain;
    display: block
}

.site-main .home-column__link-text {
    color: #ff3c00;
    font-weight: 700;
    font-size: clamp(1rem, 2.2vw, 1.25rem);
    line-height: 1.4;
    display: block
}

.site-main .home-column__link-lead {
    font-size: clamp(.8rem, 1.6vw, .85rem);
    color: #333;
    display: block;
    font-weight: 700
}

.site-main .home-column__img {
    position: absolute;
    top: 24%;
    left: -4%;
    width: 23%
}

@media (max-width: 768px) {
    .site-main .home-column__img {
        display: none
    }
}

.site-main .home-column__img-fig {
    display: block;
    width: 100%;
    aspect-ratio: 616/970
}

.site-main .home-column__img-fig img {
    -o-object-fit: fill;
    object-fit: fill
}

@media (max-width: 900px) {
    .site-main .home-column__cont {
        gap: 40px;
        padding: 40px 20px
    }

    .site-main .home-column__img {
        position: static;
        transform: none;
        width: 60%;
        max-width: 240px;
        margin: 0 auto
    }

    .site-main .home-column .home-column__tit .home-column__head {
        writing-mode: unset;
        padding-top: .1em
    }

    .site-main .home-column .home-column__tit .home-column__text {
        writing-mode: unset
    }

    .site-main .home-column .home-column__tit .home-column__lead {
        writing-mode: unset;
        padding-left: 0;
        padding-top: .25em
    }

    .site-main .home-column__tit {
        position: relative;
        flex-direction: column;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 10px;
        right: 0;
        top: 0;
        margin-bottom: 10px
    }
}

@media (max-width: 768px) {
    .site-main .home-column {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media screen and (max-width: 480px) {
    .site-main .home-column .home-column__link {
        padding-left: 30px
    }
}

.site-main .home-news {
    padding: 80px 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 768px) {
    .site-main .home-news {
        padding: 40px 20px
    }
}

.site-main .home-news__cont {
    display: flex;
    flex-wrap: wrap;
    max-width: 1100px;
    width: 100%;
}

.site-main .home-news__btn-cont {
    display: none
}

.site-main .home-news__head {
    width: 30%
}

.site-main .home-news__desc {
    width: 70%
}

.site-main .home-news__tit {
    display: flex;
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content;
    align-self: flex-start;
    margin-bottom: 30px
}

.site-main .home-news__tit .home-news__hd {
    border-top: 1px solid #FF3C00;
    border-left: 1px solid #FF3C00;
    border-right: 1px solid #FF3C00;
    font-size: clamp(10px, 2vw, 13px);
    line-height: 1;
    padding: 4px 24px;
    display: inline-flex;
    text-transform: uppercase;
    color: #ff3c00;
    font-weight: 700;
    width: -moz-fit-content;
    width: fit-content
}

.site-main .home-news__tit .home-news__text {
    padding: 4px 24px;
    border: 1px solid #FF3C00;
    width: -moz-fit-content;
    width: fit-content;
    font-size: clamp(20px, 4.5vw, 36px);
    line-height: 1.5;
    font-weight: 700;
    color: #ff3c00
}

.site-main .home-news__tit .home-news__lead {
    margin-top: 8px;
    font-size: clamp(12px, 2.2vw, 14px);
    color: #ff3c00;
    font-weight: 700;
    text-align: right
}

.site-main .home-news__desc {
    word-wrap: break-word;
    word-break: break-all;
    overflow-wrap: break-word
}

@media (max-width: 768px) {
    .site-main .home-news__list {
        border-top: 1px solid #E9E1C4;
        border-bottom: 1px solid #E9E1C4;
    }
}

.site-main .home-news__list-item:not(:last-child) {
    border-bottom: 1px dashed #beb7a1;
}

.site-main .home-news__list-link {
    display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px;
    padding: 16px 0;
}

.site-main .home-news__list-link .tit {
    transition: color .2s cubic-bezier(.4, 0, .2, 1);
}

.site-main .home-news__list-link:hover .tit,
.site-main .home-news__list-link:focus .tit,
.site-main .home-news__list-link:active .tit{
    color: #ff3c00;
}

.site-main .home-news__list-link .date {
    display: block;
    flex: 0 0 auto;
    white-space: nowrap;
    min-width: 120px;
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    line-height: 1.3;
    opacity: 0.75;
}

.site-main .home-news__list-link .tit {
    word-wrap: break-word;
    word-break: break-all;
    overflow-wrap: break-word;
    flex: 1 1 auto;
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    line-height: 1.3;
    text-align: justify;
}

@media (max-width: 768px) {
    .site-main .home-news__cont {
        flex-direction: column
    }

    .site-main .home-news__btn-cont {
        display: flex;
        justify-content: center;
        padding-top: 16px
    }

    .site-main .home-news__head,
    .site-main .home-news__desc {
        width: 100%
    }

    .site-main .home-news__head {
        display: flex;
        margin-bottom: 16px;
        justify-content: center
    }

    .site-main .home-news__head .btn-view-all {
        display: none
    }

    .site-main .home-news__tit {
        align-self: center;
        margin-bottom: 0
    }

    .site-main .home-news__list-link {
        align-items: flex-start;
        flex-direction: column
    }

    .site-main .home-news__list-link .date {
        min-width: 88px;
        font-size: .875rem
    }

    .site-main .home-news__list-link .tit {
        font-size: .875rem
    }
}

.site-main .home-opinion {
    padding: 80px 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 768px) {
    .site-main .home-opinion {
        padding: 40px 20px
    }
}

.site-main .home-opinion__cont {
    width: 100%;
    max-width: 1100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    background-image: linear-gradient(to right, rgba(227, 216, 181, .25) 1px, transparent 1px), linear-gradient(to bottom, rgba(227, 216, 181, .25) 1px, transparent 1px);
    background-size: 20px 20px;
    border: 2px solid #000;
    box-shadow: 4px 4px #ff3c00;
    padding: 80px;
    background-color: #fff
}

.site-main .home-opinion__cont:before {
    content: "KOUCHA POLYPHENOL LAB";
    font-size: clamp(10px, 2vw, 14px);
    line-height: 1;
    display: inline-flex;
    text-transform: uppercase;
    color: #ff3c00;
    position: absolute;
    font-weight: 700;
    top: 32px;
    left: 32px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    clip-path: inset(100% 0 0 0);
    transition: clip-path 1.2s ease
}

.site-main .home-opinion__cont.is-visible:before {
    clip-path: inset(0% 0 0 0)
}

.site-main .home-opinion__cont:after {
    content: "KOUCHA POLYPHENOL LAB";
    font-size: clamp(10px, 2vw, 14px);
    line-height: 1;
    display: inline-flex;
    text-transform: uppercase;
    color: #ff3c00;
    position: absolute;
    font-weight: 700;
    bottom: 32px;
    right: 32px;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    clip-path: inset(100% 0 0 0);
    transition: clip-path 1.2s ease
}

.site-main .home-opinion__cont.is-visible:after {
    clip-path: inset(0% 0 0 0)
}

.site-main .home-opinion__tit {
    display: flex;
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content;
    align-self: flex-start;
    margin-bottom: 60px
}

.site-main .home-opinion__tit .home-opinion__hd {
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    font-size: clamp(10px, 2vw, 14px);
    line-height: 1;
    padding: 4px 16px;
    display: inline-flex;
    text-transform: uppercase;
    color: #ff3c00;
    font-weight: 700;
    width: -moz-fit-content;
    width: fit-content
}

.site-main .home-opinion__tit .home-opinion__text {
    padding: 4px 16px;
    border: 2px solid #000;
    width: -moz-fit-content;
    width: fit-content;
    font-size: clamp(24px, 5vw, 40px);
    font-weight: 700
}

.site-main .home-opinion__tit .home-opinion__lead {
    margin-top: 8px;
    font-size: clamp(12px, 2.2vw, 14px);
    font-weight: 700;
    text-align: right
}

.site-main .home-opinion__desc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.site-main .home-opinion__list {
    max-width: 660px;
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    -moz-column-gap: 32px;
    column-gap: 32px;
    align-items: start;
    margin-bottom: 40px
}

.site-main .home-opinion__list-item {
    padding: 12px 0
}

.site-main .home-opinion__list-item:nth-child(odd) {
    grid-column: 1/2
}

.site-main .home-opinion__list-item:nth-child(2n) {
    grid-column: 3/4
}

.site-main .home-opinion__list:before {
    content: "";
    grid-column: 2/3;
    grid-row: 1/-1;
    width: 1px;
    height: 100%;
    background-image: linear-gradient(#ff3c00 33%, #0000 0%);
    background-size: 2px 8px;
    background-repeat: repeat-y;
    justify-self: center
}

.site-main .home-opinion__list-link {
    display: grid;
    grid-template-columns: 96px 1fr auto;
    align-items: stretch;
    min-height: 96px;
    text-decoration: none;
    color: inherit
}

.site-main .home-opinion__list-media {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    background: #eee
}

.site-main .home-opinion__list-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 16px;
    align-items: flex-start;
    height: 100%
}

.site-main .home-opinion__list-pos {
    font-size: .8125rem;
    line-height: 1.25;
    color: #ff3c00;
    position: relative;
    padding-left: 16px;
    font-weight: 700;
    padding-bottom: 4px
}

.site-main .home-opinion__list-pos:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ff3c00;
    position: absolute;
    left: 4px;
    top: .5em;
    opacity: .8
}

.site-main .home-opinion__list-name {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25;
    color: #000;
    padding-bottom: .5em
}

.site-main .home-opinion__list-link-text {
    font-size: .75rem;
    line-height: 16px;
    color: #ff3c00;
    display: flex;
    align-items: center;
    -moz-column-gap: 6px;
    column-gap: 6px;
    font-weight: 700;
    margin-left: auto
}

.site-main .home-opinion__list-link-text:after {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_203_740)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1%208C1%209.85652%201.7375%2011.637%203.05025%2012.9497C4.36301%2014.2625%206.14348%2015%208%2015C9.85652%2015%2011.637%2014.2625%2012.9497%2012.9497C14.2625%2011.637%2015%209.85652%2015%208C15%206.14348%2014.2625%204.36301%2012.9497%203.05025C11.637%201.7375%209.85652%201%208%201C6.14348%201%204.36301%201.7375%203.05025%203.05025C1.7375%204.36301%201%206.14348%201%208ZM16%208C16%2010.1217%2015.1571%2012.1566%2013.6569%2013.6569C12.1566%2015.1571%2010.1217%2016%208%2016C5.87827%2016%203.84344%2015.1571%202.34315%2013.6569C0.842855%2012.1566%200%2010.1217%200%208C0%205.87827%200.842855%203.84344%202.34315%202.34315C3.84344%200.842855%205.87827%200%208%200C10.1217%200%2012.1566%200.842855%2013.6569%202.34315C15.1571%203.84344%2016%205.87827%2016%208ZM4.5%207.5C4.36739%207.5%204.24021%207.55268%204.14645%207.64645C4.05268%207.74021%204%207.86739%204%208C4%208.13261%204.05268%208.25979%204.14645%208.35355C4.24021%208.44732%204.36739%208.5%204.5%208.5H10.293L8.146%2010.646C8.09951%2010.6925%208.06264%2010.7477%208.03748%2010.8084C8.01232%2010.8692%207.99937%2010.9343%207.99937%2011C7.99937%2011.0657%208.01232%2011.1308%208.03748%2011.1916C8.06264%2011.2523%208.09951%2011.3075%208.146%2011.354C8.19249%2011.4005%208.24768%2011.4374%208.30842%2011.4625C8.36916%2011.4877%208.43426%2011.5006%208.5%2011.5006C8.56574%2011.5006%208.63084%2011.4877%208.69158%2011.4625C8.75232%2011.4374%208.80751%2011.4005%208.854%2011.354L11.854%208.354C11.9006%208.30755%2011.9375%208.25238%2011.9627%208.19163C11.9879%208.13089%2012.0009%208.06577%2012.0009%208C12.0009%207.93423%2011.9879%207.86911%2011.9627%207.80837C11.9375%207.74762%2011.9006%207.69245%2011.854%207.646L8.854%204.646C8.80751%204.59951%208.75232%204.56264%208.69158%204.53748C8.63084%204.51232%208.56574%204.49937%208.5%204.49937C8.43426%204.49937%208.36916%204.51232%208.30842%204.53748C8.24768%204.56264%208.19249%204.59951%208.146%204.646C8.09951%204.69249%208.06264%204.74768%208.03748%204.80842C8.01232%204.86916%207.99937%204.93426%207.99937%205C7.99937%205.06574%208.01232%205.13084%208.03748%205.19158C8.06264%205.25232%208.09951%205.30751%208.146%205.354L10.293%207.5H4.5Z'%20fill='%23FF3C00'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_203_740'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

@media (max-width: 768px) {
    .site-main .home-opinion__cont {
        padding: 60px 30px
    }

    .site-main .home-opinion__list-item {
        width: 100%
    }
}

@media (max-width: 768px) {
    .site-main .home-opinion__list {
        display: flex;
        flex-direction: column;
        gap: 16px;
        position: relative
    }

    .site-main .home-opinion__list:before {
        display: none
    }

    .site-main .home-opinion__list-item {
        padding: 12px 0
    }

    .site-main .home-opinion__list-link {
        grid-template-columns: 72px 1fr auto;
        min-height: 72px
    }

    .site-main .home-opinion__list-media {
        width: 72px;
        height: 72px
    }

    .site-main .home-opinion__cont:before {
        top: 10px;
        left: 10px;
        font-weight: 500
    }

    .site-main .home-opinion__cont:after {
        bottom: 10px;
        right: 10px;
        font-weight: 500
    }
}

.btn-more-arrow {
    display: flex;
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: color .25s cubic-bezier(.4, 0, .2, 1)
}

.btn-more-arrow:hover,
.btn-more-arrow:focus,
.btn-more-arrow:active {
    color: #ff3c00
}

.btn-more-arrow .icon-arrow-right {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ff3c00;
    border-radius: 50%;
    padding: 4px;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1)
}

.btn-more-arrow svg {
    width: 16px;
    height: 16px;
    fill: #fff
}

.btn-view-all {
    display: inline-flex;
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    color: #ff3c00;
    border: 1px solid #FF3C00;
    border-radius: 18px;
    padding: 6px 24px;
    transition: all .25s cubic-bezier(.4, 0, .2, 1);
}

.btn-view-all svg {
    width: 16px;
    height: 16px;
    fill: #ff3c00
}

.btn-view-all:hover {
    background-color: #ff3c00;
    color: #fff
}

.btn-view-all:hover svg {
    fill: #fff
}

.site-footer {
    padding: 60px 20px 20px
}

@media (max-width: 768px) {
    .site-footer {
        padding: 30px 20px
    }
}

.site-footer__container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px
}

.site-footer-logo {
    width: 100%;
    max-width: 320px;
    margin: 0 auto 60px;
    text-align: center;
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1)
}

.site-footer-logo:hover,
.site-footer-logo:focus,
.site-footer-logo:active {
    opacity: .7
}

@media (max-width: 768px) {
    .site-footer-logo {
        margin: 0 auto 30px;
        max-width: 240px
    }
}

.site-footer-logo img {
    width: 100%;
    height: auto
}

.site-footer-nav {
    width: 100%
}

.site-footer-nav__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px 24px;
    list-style: none;
    margin: 0;
    border-top: 1px solid #FF3C00;
    border-bottom: 1px solid #FF3C00;
    padding: 30px 0
}

.site-footer-nav__list-item {
    flex: 0 0 auto
}

.site-footer-nav__list-link {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    align-items: center;
    text-decoration: none;
    color: #ff3c00;
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1)
}

.site-footer-nav__list-link:focus,
.site-footer-nav__list-link:hover,
.site-footer-nav__list-link:active {
    opacity: .7
}

.site-footer-nav__list-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-block;
    background-color: #ff3c00;
    -webkit-mask: center/contain no-repeat var(--menu-icon);
    mask: center/contain no-repeat var(--menu-icon)
}

.site-footer-nav__list-icon.-ic-eyedropper {
    --menu-icon: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21.7002%201.04969C21.5181%200.867303%2021.3018%200.722614%2021.0636%200.623896C20.8255%200.525177%2020.5703%200.474365%2020.3125%200.474365C20.0547%200.474365%2019.7995%200.525177%2019.5614%200.623896C19.3232%200.722614%2019.1069%200.867303%2018.9247%201.04969L13.8125%206.16356L12.7627%205.11219C12.6102%204.95962%2012.4033%204.87391%2012.1875%204.87391C11.9717%204.87391%2011.7648%204.95962%2011.6122%205.11219C11.4597%205.26475%2011.374%205.47168%2011.374%205.68744C11.374%205.9032%2011.4597%206.11012%2011.6122%206.26269L13.4761%208.12494L1.86224%2019.7372C1.78684%2019.8128%201.72708%2019.9025%201.68637%2020.0012C1.64566%2020.0999%201.6248%2020.2057%201.62499%2020.3124V23.2261L0.237244%2024.6122C0.084894%2024.7648%20-0.000609934%2024.9716%20-0.00045756%2025.1872C-0.000305187%2025.4028%200.085491%2025.6095%200.238057%2025.7619C0.390623%2025.9142%200.597461%2025.9997%200.813069%2025.9996C1.02868%2025.9994%201.23539%2025.9136%201.38774%2025.7611L2.77387%2024.3749H5.68749C5.79426%2024.3751%205.90003%2024.3543%205.99873%2024.3136C6.09744%2024.2729%206.18715%2024.2131%206.26274%2024.1377L17.875%2012.5238L19.7372%2014.3877C19.8898%2014.5403%2020.0967%2014.626%2020.3125%2014.626C20.5283%2014.626%2020.7352%2014.5403%2020.8877%2014.3877C21.0403%2014.2351%2021.126%2014.0282%2021.126%2013.8124C21.126%2013.5967%2021.0403%2013.3898%2020.8877%2013.2372L19.8364%2012.1874L24.9502%207.07519C25.1326%206.89303%2025.2773%206.6767%2025.376%206.43858C25.4748%206.20046%2025.5256%205.94521%2025.5256%205.68744C25.5256%205.42966%2025.4748%205.17442%2025.376%204.9363C25.2773%204.69818%2025.1326%204.48185%2024.9502%204.29969L21.7002%201.04969ZM3.24999%2020.6488L14.625%209.27381L16.7261%2011.3749L5.35112%2022.7499H3.24999V20.6488Z'%20fill='%23FF3C00'/%3e%3c/svg%3e")
}

.site-footer-nav__list-icon.-ic-hexagon {
    --menu-icon: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.75%207.43758V18.5623L13%2024.375L3.25%2018.5623V7.43758L13%201.62496L22.75%207.43758ZM13.8125%200.217709C13.5655%200.0750852%2013.2852%200%2013%200C12.7148%200%2012.4345%200.0750852%2012.1875%200.217709L2.4375%206.03033C2.19047%206.17295%201.98534%206.37808%201.84272%206.62511C1.7001%206.87213%201.62501%207.15234%201.625%207.43758V18.5623C1.62501%2018.8476%201.7001%2019.1278%201.84272%2019.3748C1.98534%2019.6218%202.19047%2019.827%202.4375%2019.9696L12.1875%2025.7822C12.4345%2025.9248%2012.7148%2025.9999%2013%2025.9999C13.2852%2025.9999%2013.5655%2025.9248%2013.8125%2025.7822L23.5625%2019.9696C23.8095%2019.827%2024.0147%2019.6218%2024.1573%2019.3748C24.2999%2019.1278%2024.375%2018.8476%2024.375%2018.5623V7.43758C24.375%207.15234%2024.2999%206.87213%2024.1573%206.62511C24.0147%206.37808%2023.8095%206.17295%2023.5625%206.03033L13.8125%200.217709Z'%20fill='%23FF3C00'/%3e%3c/svg%3e")
}

.site-footer-nav__list-icon.-ic-flask {
    --menu-icon: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_205_419)'%3e%3cpath%20d='M7.31249%200C7.09701%200%206.89034%200.0856024%206.73797%200.237976C6.5856%200.390349%206.49999%200.597012%206.49999%200.8125C6.49999%201.02799%206.5856%201.23465%206.73797%201.38702C6.89034%201.5394%207.09701%201.625%207.31249%201.625H8.12499V10.335L0.817369%2022.2901C0.591217%2022.6597%200.467642%2023.0828%200.459368%2023.5159C0.451094%2023.9491%200.558419%2024.3767%200.770294%2024.7545C0.982168%2025.1324%201.29094%2025.447%201.6648%2025.666C2.03867%2025.8849%202.46413%2026.0002%202.89737%2026H23.1026C23.5356%2026%2023.9608%2025.8846%2024.3344%2025.6658C24.7081%2025.447%2025.0167%2025.1326%2025.2285%2024.7549C25.4403%2024.3773%2025.5477%2023.95%2025.5396%2023.5171C25.5316%2023.0842%2025.4084%2022.6612%2025.1826%2022.2918L17.875%2010.3334V1.625H18.6875C18.903%201.625%2019.1096%201.5394%2019.262%201.38702C19.4144%201.23465%2019.5%201.02799%2019.5%200.8125C19.5%200.597012%2019.4144%200.390349%2019.262%200.237976C19.1096%200.0856024%2018.903%200%2018.6875%200L7.31249%200ZM16.25%203.25H14.625C14.4095%203.25%2014.2028%203.3356%2014.0505%203.48798C13.8981%203.64035%2013.8125%203.84701%2013.8125%204.0625C13.8125%204.27799%2013.8981%204.48465%2014.0505%204.63702C14.2028%204.7894%2014.4095%204.875%2014.625%204.875H16.25V6.5H14.625C14.4095%206.5%2014.2028%206.5856%2014.0505%206.73798C13.8981%206.89035%2013.8125%207.09701%2013.8125%207.3125C13.8125%207.52799%2013.8981%207.73465%2014.0505%207.88702C14.2028%208.0394%2014.4095%208.125%2014.625%208.125H16.25V9.75H14.625C14.4095%209.75%2014.2028%209.8356%2014.0505%209.98798C13.8981%2010.1403%2013.8125%2010.347%2013.8125%2010.5625C13.8125%2010.778%2013.8981%2010.9847%2014.0505%2011.137C14.2028%2011.2894%2014.4095%2011.375%2014.625%2011.375H16.6075L17.5987%2013H16.25C16.0345%2013%2015.8278%2013.0856%2015.6755%2013.238C15.5231%2013.3903%2015.4375%2013.597%2015.4375%2013.8125C15.4375%2014.028%2015.5231%2014.2347%2015.6755%2014.387C15.8278%2014.5394%2016.0345%2014.625%2016.25%2014.625H18.5932L19.5861%2016.25H17.875C17.6595%2016.25%2017.4528%2016.3356%2017.3005%2016.488C17.1481%2016.6403%2017.0625%2016.847%2017.0625%2017.0625C17.0625%2017.278%2017.1481%2017.4847%2017.3005%2017.637C17.4528%2017.7894%2017.6595%2017.875%2017.875%2017.875H20.579L21.5719%2019.5H19.5C19.2845%2019.5%2019.0778%2019.5856%2018.9255%2019.738C18.7731%2019.8903%2018.6875%2020.097%2018.6875%2020.3125C18.6875%2020.528%2018.7731%2020.7347%2018.9255%2020.887C19.0778%2021.0394%2019.2845%2021.125%2019.5%2021.125H22.5647L23.7965%2023.14C23.8715%2023.2632%2023.9123%2023.4041%2023.9149%2023.5483C23.9174%2023.6925%2023.8815%2023.8348%2023.8108%2023.9605C23.7402%2024.0862%2023.6374%2024.1909%2023.5129%2024.2637C23.3884%2024.3366%2023.2468%2024.375%2023.1026%2024.375H2.89737C2.75315%2024.375%202.61155%2024.3366%202.48708%2024.2637C2.36262%2024.1909%202.25979%2024.0862%202.18915%2023.9605C2.11851%2023.8348%202.08261%2023.6925%202.08513%2023.5483C2.08765%2023.4041%202.1285%2023.2632%202.20349%2023.14L9.62974%2010.985C9.70786%2010.8579%209.74946%2010.7117%209.74999%2010.5625V1.625H16.25V3.25Z'%20fill='%23FF3C00'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_205_419'%3e%3crect%20width='26'%20height='26'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
}

.site-footer-nav__list-icon.-ic-people {
    --menu-icon: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M24.375%2022.75C24.375%2022.75%2026%2022.75%2026%2021.125C26%2019.5%2024.375%2014.625%2017.875%2014.625C11.375%2014.625%209.75%2019.5%209.75%2021.125C9.75%2022.75%2011.375%2022.75%2011.375%2022.75H24.375ZM11.4107%2021.125L11.375%2021.1185C11.3766%2020.6895%2011.6464%2019.4448%2012.61%2018.3235C13.507%2017.2721%2015.0832%2016.25%2017.875%2016.25C20.6651%2016.25%2022.2414%2017.2737%2023.14%2018.3235C24.1036%2019.4448%2024.3717%2020.6911%2024.375%2021.1185L24.362%2021.1218L24.3392%2021.125H11.4107ZM17.875%2011.375C18.737%2011.375%2019.5636%2011.0326%2020.1731%2010.4231C20.7826%209.8136%2021.125%208.98695%2021.125%208.125C21.125%207.26305%2020.7826%206.4364%2020.1731%205.8269C19.5636%205.21741%2018.737%204.875%2017.875%204.875C17.013%204.875%2016.1864%205.21741%2015.5769%205.8269C14.9674%206.4364%2014.625%207.26305%2014.625%208.125C14.625%208.98695%2014.9674%209.8136%2015.5769%2010.4231C16.1864%2011.0326%2017.013%2011.375%2017.875%2011.375ZM22.75%208.125C22.75%208.76519%2022.6239%209.39912%2022.3789%209.99058C22.1339%2010.582%2021.7748%2011.1195%2021.3221%2011.5721C20.8695%2012.0248%2020.332%2012.3839%2019.7406%2012.6289C19.1491%2012.8739%2018.5152%2013%2017.875%2013C17.2348%2013%2016.6009%2012.8739%2016.0094%2012.6289C15.418%2012.3839%2014.8805%2012.0248%2014.4279%2011.5721C13.9752%2011.1195%2013.6161%2010.582%2013.3711%209.99058C13.1261%209.39912%2013%208.76519%2013%208.125C13%206.83207%2013.5136%205.59209%2014.4279%204.67785C15.3421%203.76361%2016.5821%203.25%2017.875%203.25C19.1679%203.25%2020.4079%203.76361%2021.3221%204.67785C22.2364%205.59209%2022.75%206.83207%2022.75%208.125ZM11.271%2015.08C10.6206%2014.8767%209.9507%2014.7422%209.27225%2014.6786C8.89098%2014.6414%208.50808%2014.6235%208.125%2014.625C1.625%2014.625%200%2019.5%200%2021.125C0%2022.2083%200.541667%2022.75%201.625%2022.75H8.476C8.23521%2022.2427%208.11508%2021.6865%208.125%2021.125C8.125%2019.4838%208.73763%2017.8067%209.89625%2016.406C10.2911%2015.9282%2010.751%2015.4814%2011.271%2015.08ZM7.995%2016.25C7.03385%2017.6954%206.51437%2019.3893%206.5%2021.125H1.625C1.625%2020.7025%201.8915%2019.4513%202.86%2018.3235C3.74563%2017.29%205.2845%2016.2825%207.995%2016.2516V16.25ZM2.4375%208.9375C2.4375%207.64457%202.95111%206.40459%203.86535%205.49035C4.77959%204.57611%206.01957%204.0625%207.3125%204.0625C8.60543%204.0625%209.84541%204.57611%2010.7596%205.49035C11.6739%206.40459%2012.1875%207.64457%2012.1875%208.9375C12.1875%2010.2304%2011.6739%2011.4704%2010.7596%2012.3846C9.84541%2013.2989%208.60543%2013.8125%207.3125%2013.8125C6.01957%2013.8125%204.77959%2013.2989%203.86535%2012.3846C2.95111%2011.4704%202.4375%2010.2304%202.4375%208.9375ZM7.3125%205.6875C6.45055%205.6875%205.6239%206.02991%205.0144%206.6394C4.40491%207.2489%204.0625%208.07555%204.0625%208.9375C4.0625%209.79945%204.40491%2010.6261%205.0144%2011.2356C5.6239%2011.8451%206.45055%2012.1875%207.3125%2012.1875C8.17445%2012.1875%209.0011%2011.8451%209.6106%2011.2356C10.2201%2010.6261%2010.5625%209.79945%2010.5625%208.9375C10.5625%208.07555%2010.2201%207.2489%209.6106%206.6394C9.0011%206.02991%208.17445%205.6875%207.3125%205.6875Z'%20fill='%23FF3C00'/%3e%3c/svg%3e")
}

.site-footer-nav__list-icon.-ic-info-square {
    --menu-icon: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_205_407)'%3e%3cpath%20d='M22.75%201.625C23.181%201.625%2023.5943%201.7962%2023.899%202.10095C24.2038%202.4057%2024.375%202.81902%2024.375%203.25V22.75C24.375%2023.181%2024.2038%2023.5943%2023.899%2023.899C23.5943%2024.2038%2023.181%2024.375%2022.75%2024.375H3.25C2.81902%2024.375%202.4057%2024.2038%202.10095%2023.899C1.7962%2023.5943%201.625%2023.181%201.625%2022.75V3.25C1.625%202.81902%201.7962%202.4057%202.10095%202.10095C2.4057%201.7962%202.81902%201.625%203.25%201.625H22.75ZM3.25%200C2.38805%200%201.5614%200.34241%200.951903%200.951903C0.34241%201.5614%200%202.38805%200%203.25L0%2022.75C0%2023.612%200.34241%2024.4386%200.951903%2025.0481C1.5614%2025.6576%202.38805%2026%203.25%2026H22.75C23.612%2026%2024.4386%2025.6576%2025.0481%2025.0481C25.6576%2024.4386%2026%2023.612%2026%2022.75V3.25C26%202.38805%2025.6576%201.5614%2025.0481%200.951903C24.4386%200.34241%2023.612%200%2022.75%200L3.25%200Z'%20fill='%23FF3C00'/%3e%3cpath%20d='M14.5113%2010.7055L10.79%2011.1719L10.6568%2011.7894L11.388%2011.9242C11.8658%2012.038%2011.96%2012.2103%2011.856%2012.6864L10.6568%2018.3219C10.3415%2019.7795%2010.8274%2020.4652%2011.9698%2020.4652C12.8554%2020.4652%2013.884%2020.0558%2014.3504%2019.4935L14.4934%2018.8175C14.1684%2019.1035%2013.6939%2019.2173%2013.3786%2019.2173C12.9318%2019.2173%2012.7693%2018.9036%2012.8846%2018.3511L14.5113%2010.7055ZM14.625%207.3125C14.625%207.74348%2014.4538%208.1568%2014.1491%208.46155C13.8443%208.76629%2013.431%208.9375%2013%208.9375C12.569%208.9375%2012.1557%208.76629%2011.851%208.46155C11.5462%208.1568%2011.375%207.74348%2011.375%207.3125C11.375%206.88152%2011.5462%206.4682%2011.851%206.16345C12.1557%205.8587%2012.569%205.6875%2013%205.6875C13.431%205.6875%2013.8443%205.8587%2014.1491%206.16345C14.4538%206.4682%2014.625%206.88152%2014.625%207.3125Z'%20fill='%23FF3C00'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_205_407'%3e%3crect%20width='26'%20height='26'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
}

.site-footer-nav__list-icon.-ic-column {
    --menu-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-book-half'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M8.5%202.687c.654-.689%201.782-.886%203.112-.752%201.234.124%202.503.523%203.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492zM8%201.783C7.015.936%205.587.81%204.287.94c-1.514.153-3.042.672-3.994%201.105A.5.5%200%200%200%200%202.5v11a.5.5%200%200%200%20.707.455c.882-.4%202.303-.881%203.68-1.02%201.409-.142%202.59.087%203.223.877a.5.5%200%200%200%20.78%200c.633-.79%201.814-1.019%203.222-.877%201.378.139%202.8.62%203.681%201.02A.5.5%200%200%200%2016%2013.5v-11a.5.5%200%200%200-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809%208.985.936%208%201.783'/%3e%3c/svg%3e")
}

.site-footer-nav__list-text-container {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.site-footer-nav__list-en {
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .25px
}

.site-footer-nav__list-text {
    font-size: .75rem;
    line-height: 1.25;
    font-feature-settings: "palt"
}

@media screen and (max-width: 1160px) {
    .site-footer-nav__list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px 40px
    }
}

@media screen and (max-width: 768px) {
    .site-footer-nav__list {
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width: 480px) {
    .site-footer-nav__list {
        grid-template-columns: 1fr
    }
}

.site-footer-contact {
    text-align: center;
    border-bottom: 1px solid #FF3C00;
    padding: 30px 0
}

@media (max-width: 768px) {
    .site-footer-contact {
        padding: 20px 0
    }
}

.site-footer-contact__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 24px;
    border: 1px solid #FF3C00;
    border-radius: 24px;
    background-color: transparent;
    color: #ff3c00;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1)
}

.site-footer-contact__btn:hover {
    background-color: #ff3c00;
    color: #fff
}

.site-footer-contact__btn svg {
    width: 16px;
    height: 16px;
    fill: currentColor
}

.site-footer-bottom {
    display: flex;
    justify-content: center;
    gap: 24px;
    align-items: center;
    padding-top: 20px
}

.site-footer-bottom__privacy {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #ff3c00;
    text-decoration: none;
    font-size: 12px;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1)
}

.site-footer-bottom__privacy:hover {
    opacity: .7
}

.site-footer-bottom__privacy svg {
    width: 12px;
    height: 12px;
    fill: currentColor
}

.site-footer-bottom__copyright {
    color: #ff3c00;
    font-size: 12px;
    margin: 0
}

@media (max-width: 768px) {
    .site-footer-bottom {
        flex-direction: column;
        gap: 8px
    }
}

.site-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100svh;
    z-index: 100;
    background-color: #fdfaf199;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: none;
    justify-content: flex-end;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1), visibility 0s linear .25s;
    pointer-events: none;
    will-change: opacity
}

.site-menu.is-active {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1)
}

.site-menu__logo {
    width: 100%;
    max-width: 240px;
    margin: 0 auto 40px
}

.site-menu__cont {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #ff3c00;
    height: 100svh;
    width: 100%;
    max-width: 640px;
    box-shadow: -20px 0 25px -5px #0000001a, -10px 0 10px -5px #0000000a;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1), visibility 0s linear .25s;
    pointer-events: none;
    will-change: opacity
}

.site-menu__cont.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1)
}

.site-menu__cont__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
    height: 100%;
    padding: 60px 40px 20px
}

.site-menu-nav {
    width: 100%
}

.site-menu-nav__list {
    list-style: none;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, .5);
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    padding: 30px 0;
    display: flex;
    flex-direction: column
}

.site-menu-nav__list-item {
    flex: 0 0 auto
}

.site-menu-nav__list-link {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    align-items: center;
    text-decoration: none;
    color: #fff;
    padding-top: 12px;
    padding-bottom: 12px
}

.site-menu-nav__list-link:hover {
    opacity: .7
}

.site-menu-nav__list-icon {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask: center/contain no-repeat var(--menu-icon);
    mask: center/contain no-repeat var(--menu-icon);
    background-color: #fff
}

.site-menu-nav__list-icon.-ic-eyedropper {
    --menu-icon: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21.7002%201.04969C21.5181%200.867303%2021.3018%200.722614%2021.0636%200.623896C20.8255%200.525177%2020.5703%200.474365%2020.3125%200.474365C20.0547%200.474365%2019.7995%200.525177%2019.5614%200.623896C19.3232%200.722614%2019.1069%200.867303%2018.9247%201.04969L13.8125%206.16356L12.7627%205.11219C12.6102%204.95962%2012.4033%204.87391%2012.1875%204.87391C11.9717%204.87391%2011.7648%204.95962%2011.6122%205.11219C11.4597%205.26475%2011.374%205.47168%2011.374%205.68744C11.374%205.9032%2011.4597%206.11012%2011.6122%206.26269L13.4761%208.12494L1.86224%2019.7372C1.78684%2019.8128%201.72708%2019.9025%201.68637%2020.0012C1.64566%2020.0999%201.6248%2020.2057%201.62499%2020.3124V23.2261L0.237244%2024.6122C0.084894%2024.7648%20-0.000609934%2024.9716%20-0.00045756%2025.1872C-0.000305187%2025.4028%200.085491%2025.6095%200.238057%2025.7619C0.390623%2025.9142%200.597461%2025.9997%200.813069%2025.9996C1.02868%2025.9994%201.23539%2025.9136%201.38774%2025.7611L2.77387%2024.3749H5.68749C5.79426%2024.3751%205.90003%2024.3543%205.99873%2024.3136C6.09744%2024.2729%206.18715%2024.2131%206.26274%2024.1377L17.875%2012.5238L19.7372%2014.3877C19.8898%2014.5403%2020.0967%2014.626%2020.3125%2014.626C20.5283%2014.626%2020.7352%2014.5403%2020.8877%2014.3877C21.0403%2014.2351%2021.126%2014.0282%2021.126%2013.8124C21.126%2013.5967%2021.0403%2013.3898%2020.8877%2013.2372L19.8364%2012.1874L24.9502%207.07519C25.1326%206.89303%2025.2773%206.6767%2025.376%206.43858C25.4748%206.20046%2025.5256%205.94521%2025.5256%205.68744C25.5256%205.42966%2025.4748%205.17442%2025.376%204.9363C25.2773%204.69818%2025.1326%204.48185%2024.9502%204.29969L21.7002%201.04969ZM3.24999%2020.6488L14.625%209.27381L16.7261%2011.3749L5.35112%2022.7499H3.24999V20.6488Z'%20fill='%23FF3C00'/%3e%3c/svg%3e")
}

.site-menu-nav__list-icon.-ic-hexagon {
    --menu-icon: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.75%207.43758V18.5623L13%2024.375L3.25%2018.5623V7.43758L13%201.62496L22.75%207.43758ZM13.8125%200.217709C13.5655%200.0750852%2013.2852%200%2013%200C12.7148%200%2012.4345%200.0750852%2012.1875%200.217709L2.4375%206.03033C2.19047%206.17295%201.98534%206.37808%201.84272%206.62511C1.7001%206.87213%201.62501%207.15234%201.625%207.43758V18.5623C1.62501%2018.8476%201.7001%2019.1278%201.84272%2019.3748C1.98534%2019.6218%202.19047%2019.827%202.4375%2019.9696L12.1875%2025.7822C12.4345%2025.9248%2012.7148%2025.9999%2013%2025.9999C13.2852%2025.9999%2013.5655%2025.9248%2013.8125%2025.7822L23.5625%2019.9696C23.8095%2019.827%2024.0147%2019.6218%2024.1573%2019.3748C24.2999%2019.1278%2024.375%2018.8476%2024.375%2018.5623V7.43758C24.375%207.15234%2024.2999%206.87213%2024.1573%206.62511C24.0147%206.37808%2023.8095%206.17295%2023.5625%206.03033L13.8125%200.217709Z'%20fill='%23FF3C00'/%3e%3c/svg%3e")
}

.site-menu-nav__list-icon.-ic-flask {
    --menu-icon: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_205_419)'%3e%3cpath%20d='M7.31249%200C7.09701%200%206.89034%200.0856024%206.73797%200.237976C6.5856%200.390349%206.49999%200.597012%206.49999%200.8125C6.49999%201.02799%206.5856%201.23465%206.73797%201.38702C6.89034%201.5394%207.09701%201.625%207.31249%201.625H8.12499V10.335L0.817369%2022.2901C0.591217%2022.6597%200.467642%2023.0828%200.459368%2023.5159C0.451094%2023.9491%200.558419%2024.3767%200.770294%2024.7545C0.982168%2025.1324%201.29094%2025.447%201.6648%2025.666C2.03867%2025.8849%202.46413%2026.0002%202.89737%2026H23.1026C23.5356%2026%2023.9608%2025.8846%2024.3344%2025.6658C24.7081%2025.447%2025.0167%2025.1326%2025.2285%2024.7549C25.4403%2024.3773%2025.5477%2023.95%2025.5396%2023.5171C25.5316%2023.0842%2025.4084%2022.6612%2025.1826%2022.2918L17.875%2010.3334V1.625H18.6875C18.903%201.625%2019.1096%201.5394%2019.262%201.38702C19.4144%201.23465%2019.5%201.02799%2019.5%200.8125C19.5%200.597012%2019.4144%200.390349%2019.262%200.237976C19.1096%200.0856024%2018.903%200%2018.6875%200L7.31249%200ZM16.25%203.25H14.625C14.4095%203.25%2014.2028%203.3356%2014.0505%203.48798C13.8981%203.64035%2013.8125%203.84701%2013.8125%204.0625C13.8125%204.27799%2013.8981%204.48465%2014.0505%204.63702C14.2028%204.7894%2014.4095%204.875%2014.625%204.875H16.25V6.5H14.625C14.4095%206.5%2014.2028%206.5856%2014.0505%206.73798C13.8981%206.89035%2013.8125%207.09701%2013.8125%207.3125C13.8125%207.52799%2013.8981%207.73465%2014.0505%207.88702C14.2028%208.0394%2014.4095%208.125%2014.625%208.125H16.25V9.75H14.625C14.4095%209.75%2014.2028%209.8356%2014.0505%209.98798C13.8981%2010.1403%2013.8125%2010.347%2013.8125%2010.5625C13.8125%2010.778%2013.8981%2010.9847%2014.0505%2011.137C14.2028%2011.2894%2014.4095%2011.375%2014.625%2011.375H16.6075L17.5987%2013H16.25C16.0345%2013%2015.8278%2013.0856%2015.6755%2013.238C15.5231%2013.3903%2015.4375%2013.597%2015.4375%2013.8125C15.4375%2014.028%2015.5231%2014.2347%2015.6755%2014.387C15.8278%2014.5394%2016.0345%2014.625%2016.25%2014.625H18.5932L19.5861%2016.25H17.875C17.6595%2016.25%2017.4528%2016.3356%2017.3005%2016.488C17.1481%2016.6403%2017.0625%2016.847%2017.0625%2017.0625C17.0625%2017.278%2017.1481%2017.4847%2017.3005%2017.637C17.4528%2017.7894%2017.6595%2017.875%2017.875%2017.875H20.579L21.5719%2019.5H19.5C19.2845%2019.5%2019.0778%2019.5856%2018.9255%2019.738C18.7731%2019.8903%2018.6875%2020.097%2018.6875%2020.3125C18.6875%2020.528%2018.7731%2020.7347%2018.9255%2020.887C19.0778%2021.0394%2019.2845%2021.125%2019.5%2021.125H22.5647L23.7965%2023.14C23.8715%2023.2632%2023.9123%2023.4041%2023.9149%2023.5483C23.9174%2023.6925%2023.8815%2023.8348%2023.8108%2023.9605C23.7402%2024.0862%2023.6374%2024.1909%2023.5129%2024.2637C23.3884%2024.3366%2023.2468%2024.375%2023.1026%2024.375H2.89737C2.75315%2024.375%202.61155%2024.3366%202.48708%2024.2637C2.36262%2024.1909%202.25979%2024.0862%202.18915%2023.9605C2.11851%2023.8348%202.08261%2023.6925%202.08513%2023.5483C2.08765%2023.4041%202.1285%2023.2632%202.20349%2023.14L9.62974%2010.985C9.70786%2010.8579%209.74946%2010.7117%209.74999%2010.5625V1.625H16.25V3.25Z'%20fill='%23FF3C00'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_205_419'%3e%3crect%20width='26'%20height='26'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
}

.site-menu-nav__list-icon.-ic-people {
    --menu-icon: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M24.375%2022.75C24.375%2022.75%2026%2022.75%2026%2021.125C26%2019.5%2024.375%2014.625%2017.875%2014.625C11.375%2014.625%209.75%2019.5%209.75%2021.125C9.75%2022.75%2011.375%2022.75%2011.375%2022.75H24.375ZM11.4107%2021.125L11.375%2021.1185C11.3766%2020.6895%2011.6464%2019.4448%2012.61%2018.3235C13.507%2017.2721%2015.0832%2016.25%2017.875%2016.25C20.6651%2016.25%2022.2414%2017.2737%2023.14%2018.3235C24.1036%2019.4448%2024.3717%2020.6911%2024.375%2021.1185L24.362%2021.1218L24.3392%2021.125H11.4107ZM17.875%2011.375C18.737%2011.375%2019.5636%2011.0326%2020.1731%2010.4231C20.7826%209.8136%2021.125%208.98695%2021.125%208.125C21.125%207.26305%2020.7826%206.4364%2020.1731%205.8269C19.5636%205.21741%2018.737%204.875%2017.875%204.875C17.013%204.875%2016.1864%205.21741%2015.5769%205.8269C14.9674%206.4364%2014.625%207.26305%2014.625%208.125C14.625%208.98695%2014.9674%209.8136%2015.5769%2010.4231C16.1864%2011.0326%2017.013%2011.375%2017.875%2011.375ZM22.75%208.125C22.75%208.76519%2022.6239%209.39912%2022.3789%209.99058C22.1339%2010.582%2021.7748%2011.1195%2021.3221%2011.5721C20.8695%2012.0248%2020.332%2012.3839%2019.7406%2012.6289C19.1491%2012.8739%2018.5152%2013%2017.875%2013C17.2348%2013%2016.6009%2012.8739%2016.0094%2012.6289C15.418%2012.3839%2014.8805%2012.0248%2014.4279%2011.5721C13.9752%2011.1195%2013.6161%2010.582%2013.3711%209.99058C13.1261%209.39912%2013%208.76519%2013%208.125C13%206.83207%2013.5136%205.59209%2014.4279%204.67785C15.3421%203.76361%2016.5821%203.25%2017.875%203.25C19.1679%203.25%2020.4079%203.76361%2021.3221%204.67785C22.2364%205.59209%2022.75%206.83207%2022.75%208.125ZM11.271%2015.08C10.6206%2014.8767%209.9507%2014.7422%209.27225%2014.6786C8.89098%2014.6414%208.50808%2014.6235%208.125%2014.625C1.625%2014.625%200%2019.5%200%2021.125C0%2022.2083%200.541667%2022.75%201.625%2022.75H8.476C8.23521%2022.2427%208.11508%2021.6865%208.125%2021.125C8.125%2019.4838%208.73763%2017.8067%209.89625%2016.406C10.2911%2015.9282%2010.751%2015.4814%2011.271%2015.08ZM7.995%2016.25C7.03385%2017.6954%206.51437%2019.3893%206.5%2021.125H1.625C1.625%2020.7025%201.8915%2019.4513%202.86%2018.3235C3.74563%2017.29%205.2845%2016.2825%207.995%2016.2516V16.25ZM2.4375%208.9375C2.4375%207.64457%202.95111%206.40459%203.86535%205.49035C4.77959%204.57611%206.01957%204.0625%207.3125%204.0625C8.60543%204.0625%209.84541%204.57611%2010.7596%205.49035C11.6739%206.40459%2012.1875%207.64457%2012.1875%208.9375C12.1875%2010.2304%2011.6739%2011.4704%2010.7596%2012.3846C9.84541%2013.2989%208.60543%2013.8125%207.3125%2013.8125C6.01957%2013.8125%204.77959%2013.2989%203.86535%2012.3846C2.95111%2011.4704%202.4375%2010.2304%202.4375%208.9375ZM7.3125%205.6875C6.45055%205.6875%205.6239%206.02991%205.0144%206.6394C4.40491%207.2489%204.0625%208.07555%204.0625%208.9375C4.0625%209.79945%204.40491%2010.6261%205.0144%2011.2356C5.6239%2011.8451%206.45055%2012.1875%207.3125%2012.1875C8.17445%2012.1875%209.0011%2011.8451%209.6106%2011.2356C10.2201%2010.6261%2010.5625%209.79945%2010.5625%208.9375C10.5625%208.07555%2010.2201%207.2489%209.6106%206.6394C9.0011%206.02991%208.17445%205.6875%207.3125%205.6875Z'%20fill='%23FF3C00'/%3e%3c/svg%3e")
}

.site-menu-nav__list-icon.-ic-info-square {
    --menu-icon: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_205_407)'%3e%3cpath%20d='M22.75%201.625C23.181%201.625%2023.5943%201.7962%2023.899%202.10095C24.2038%202.4057%2024.375%202.81902%2024.375%203.25V22.75C24.375%2023.181%2024.2038%2023.5943%2023.899%2023.899C23.5943%2024.2038%2023.181%2024.375%2022.75%2024.375H3.25C2.81902%2024.375%202.4057%2024.2038%202.10095%2023.899C1.7962%2023.5943%201.625%2023.181%201.625%2022.75V3.25C1.625%202.81902%201.7962%202.4057%202.10095%202.10095C2.4057%201.7962%202.81902%201.625%203.25%201.625H22.75ZM3.25%200C2.38805%200%201.5614%200.34241%200.951903%200.951903C0.34241%201.5614%200%202.38805%200%203.25L0%2022.75C0%2023.612%200.34241%2024.4386%200.951903%2025.0481C1.5614%2025.6576%202.38805%2026%203.25%2026H22.75C23.612%2026%2024.4386%2025.6576%2025.0481%2025.0481C25.6576%2024.4386%2026%2023.612%2026%2022.75V3.25C26%202.38805%2025.6576%201.5614%2025.0481%200.951903C24.4386%200.34241%2023.612%200%2022.75%200L3.25%200Z'%20fill='%23FF3C00'/%3e%3cpath%20d='M14.5113%2010.7055L10.79%2011.1719L10.6568%2011.7894L11.388%2011.9242C11.8658%2012.038%2011.96%2012.2103%2011.856%2012.6864L10.6568%2018.3219C10.3415%2019.7795%2010.8274%2020.4652%2011.9698%2020.4652C12.8554%2020.4652%2013.884%2020.0558%2014.3504%2019.4935L14.4934%2018.8175C14.1684%2019.1035%2013.6939%2019.2173%2013.3786%2019.2173C12.9318%2019.2173%2012.7693%2018.9036%2012.8846%2018.3511L14.5113%2010.7055ZM14.625%207.3125C14.625%207.74348%2014.4538%208.1568%2014.1491%208.46155C13.8443%208.76629%2013.431%208.9375%2013%208.9375C12.569%208.9375%2012.1557%208.76629%2011.851%208.46155C11.5462%208.1568%2011.375%207.74348%2011.375%207.3125C11.375%206.88152%2011.5462%206.4682%2011.851%206.16345C12.1557%205.8587%2012.569%205.6875%2013%205.6875C13.431%205.6875%2013.8443%205.8587%2014.1491%206.16345C14.4538%206.4682%2014.625%206.88152%2014.625%207.3125Z'%20fill='%23FF3C00'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_205_407'%3e%3crect%20width='26'%20height='26'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
}

.site-menu-nav__list-icon.-ic-column {
    --menu-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-book-half'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M8.5%202.687c.654-.689%201.782-.886%203.112-.752%201.234.124%202.503.523%203.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492zM8%201.783C7.015.936%205.587.81%204.287.94c-1.514.153-3.042.672-3.994%201.105A.5.5%200%200%200%200%202.5v11a.5.5%200%200%200%20.707.455c.882-.4%202.303-.881%203.68-1.02%201.409-.142%202.59.087%203.223.877a.5.5%200%200%200%20.78%200c.633-.79%201.814-1.019%203.222-.877%201.378.139%202.8.62%203.681%201.02A.5.5%200%200%200%2016%2013.5v-11a.5.5%200%200%200-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809%208.985.936%208%201.783'/%3e%3c/svg%3e")
}

.site-menu-nav__list-text-container {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.site-menu-nav__list-en {
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .5px
}

.site-menu-nav__list-text {
    font-size: .75rem;
    line-height: 1.25
}

.site-menu__close {
    position: absolute;
    top: 20px;
    right: 20px
}

.site-menu-contact {
    margin-top: auto;
    text-align: center;
    border-bottom: 1px solid #FF3C00;
    padding: 30px 0
}

.site-menu-contact__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 24px;
    border: 1px solid #fff;
    border-radius: 24px;
    background-color: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1)
}

.site-menu-contact__btn:hover {
    background-color: #fff;
    color: #ff3c00
}

.site-menu-contact__btn svg {
    width: 16px;
    height: 16px;
    fill: currentColor
}

.site-menu-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.site-menu-bottom__privacy {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1);
    padding-bottom: .5em
}

.site-menu-bottom__privacy:hover {
    opacity: .7
}

.site-menu-bottom__privacy svg {
    width: 12px;
    height: 12px;
    fill: currentColor
}

.site-menu-bottom__copyright {
    color: #fff;
    font-size: 12px;
    margin: 0
}

body.home .site-header__logo {
    display: none
}

body.home .site-header.is-scroll .site-header__logo {
    display: block
}

body.home .site-nav {
    display: none
}

body.home .site-header.is-scroll .site-nav {
    display: flex
}

.page-header {
    margin-top: 24px;
    border-top: 1px solid #E9E1C4;
    border-bottom: 1px solid #E9E1C4;
    background-image: linear-gradient(to right, rgba(227, 216, 181, .3) 1px, transparent 1px), linear-gradient(to bottom, rgba(227, 216, 181, .3) 1px, transparent 1px);
    background-size: 20px 20px;
    padding-left: 20px;
    padding-right: 20px
}

.page-header__cont {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    min-height: 365px;
    padding-top: 40px;
    padding-bottom: 40px
}

.page-header__tit {
    display: flex;
    flex-direction: column
}

.page-header__tit__hd {
    font-size: clamp(48px, 8vw, 86px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    color: #ff3c00;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: baseline;
    margin-bottom: 4px
}

.page-header__tit__hd small {
    font-size: clamp(12px, 1.5vw, 16px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .025em;
    color: #ff3c00;
    text-transform: uppercase
}

.page-header__tit__text {
    font-size: clamp(28px, 4.5vw, 48px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .025em;
    font-feature-settings: "palt"
}

.page-header__img {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.page-header__img.-fig-2 {
    max-width: 320px
}

@media (max-width: 480px) {
    .page-header__img.-fig-2 {
        max-width: 240px
    }
}

.page-header__img:before {
    content: "";
    width: 75%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: block;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 368px;
    z-index: -1
}

@media (max-width: 768px) {
    .page-header {
        margin-top: 0
    }

    .page-header__cont {
        padding-top: 20px;
        padding-bottom: 40px;
        flex-direction: column;
        align-items: center;
        gap: 40px
    }
}

.page-section {
    max-width: 1100px;
    margin: 0 auto;
    padding: 60px 20px
}

.page-section__head {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    z-index: 1
}

.page-section__head__col {
    display: flex;
    flex-direction: column
}

.page-section__head__col:first-child {
    margin-bottom: 40px
}

.page-section__head__col.-center {
    align-items: center
}

.page-section__head__img {
    width: 100%;
    max-width: 300px;
    position: relative
}

.page-section__head__img img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 16px
}

.page-section__head__tit {
    font-size: clamp(18px, 2.8vw, 24px);
    font-weight: 700;
    color: #ff3c00;
    line-height: 1.4;
    text-align: center
}

.page-section__head__tit.-std-1 {
    font-size: clamp(18px, 2.8vw, 20px);
    font-feature-settings: "palt";
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 20px;
    padding: 16px;
    border: 2px solid #000000;
    border-radius: 15px;
    background-color: #fff;
    text-align: left;
    max-width: 480px
}

.page-section__head__tit.-std-1:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    border-style: solid;
    border-width: 16px 10px 0 10px;
    border-color: #000000 transparent transparent;
    translate: -50% 100%
}

.page-section__head__tit.-std-1:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    border-style: solid;
    border-width: 13px 8px 0 8px;
    border-color: #fff transparent transparent;
    translate: -50% 100%
}

.page-section__head__tit.-std-2 {
    font-size: clamp(24px, 5vw, 40px);
    line-height: 1.2;
    margin-top: 60px;
    margin-bottom: 60px !important;
    border-bottom: 2px solid #FF3C00;
    padding-top: 0;
    font-feature-settings: "palt";
    padding-bottom: .5em;
    text-align: center
}

.page-section__head__tit.-std-2 .-smalled {
    font-size: clamp(14px, 3vw, 28px);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: .1em;
    display: flex;
    display: inline-flex;
    align-items: center
}

.page-section__head__tit.-std-2:before {
    content: ""
}

.page-section__head__summary-tit {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: flex;
    display: inline-flex;
    align-items: center
}

.page-section__head__summary-tit:before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background-color: #ff3c00;
    display: block;
    position: relative;
    margin-right: 4px;
    opacity: .5
}

.page-section__head__summary-desc {
    font-size: clamp(14px, 2vw, 16px);
    line-height: 1.8;
    color: #ff3c00;
    text-align: justify;
    font-weight: 700
}

.page-section__head__summary-desc.-std-1 {
    color: #000;
    font-weight: 500;
    line-height: 2
}

.page-section__tit {
    font-size: clamp(24px, 5vw, 40px);
    font-weight: 700;
    color: #ff3c00;
    line-height: 1.3;
    margin-bottom: 8px;
    font-feature-settings: "palt"
}

.page-section__tit:before {
    content: "--- CONTENT ---";
    font-size: clamp(.7rem, 1vw, .75rem);
    display: block;
    margin-bottom: .5em;
    position: relative;
    color: #ff3c00
}

.page-section__lead {
    font-size: clamp(.8125rem, 2vw, 1rem);
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0;
    letter-spacing: .025em
}

.page-section__cont {
    background-image: linear-gradient(to right, rgba(227, 216, 181, .25) 1px, transparent 1px), linear-gradient(to bottom, rgba(227, 216, 181, .25) 1px, transparent 1px);
    background-size: 20px 20px;
    border: 2px solid #000;
    box-shadow: 4px 4px #ff3c00;
    padding: 40px 80px 80px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

.page-section__cont:before {
    transform: rotate(315deg);
    content: "";
    width: 200px;
    height: 200px;
    background-color: #fdfaf1;
    position: absolute;
    left: -141px;
    top: -141px;
    border-bottom: 1px solid #000
}

.page-section__cont:after {
    transform: rotate(45deg);
    content: "";
    width: 200px;
    height: 200px;
    background-color: #fdfaf1;
    position: absolute;
    right: -141px;
    bottom: -141px;
    border-left: 1px solid #000
}

.page-section__cont.-counter-style {
    counter-reset: item-counter
}

.page-section__cont__deco {
    font-size: clamp(12px, 1.5vw, 14px);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .025em;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-left: 24px;
    padding-right: 24px;
    font-feature-settings: "palt"
}

.page-section__cont__deco:before {
    content: "";
    width: 8px;
    height: 100%;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

.page-section__cont__deco:after {
    content: "";
    width: 8px;
    height: 100%;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.page-section__cont .page-section__head {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    text-align: left;
    margin-bottom: 80px;
    margin-top: 60px;
    position: relative;
    z-index: 1
}

.page-section__cont .page-section__head:before {
    content: "";
    left: 50%;
    top: 0;
    transform: translate(-50%);
    height: 100%;
    position: relative;
    width: 1px;
    background-image: repeating-linear-gradient(to bottom, #000 0, #000 3px, transparent 3px, transparent 6px);
    background-size: 1px auto;
    background-repeat: repeat-y;
    mask-image: linear-gradient(to bottom, transparent, black 1px, black calc(100% - 1px), transparent);
    -webkit-mask-image: linear-gradient(to bottom, transparent, black 1px, black calc(100% - 1px), transparent);
    opacity: .8;
    position: absolute !important
}

@media (max-width: 768px) {
    .page-section__cont .page-section__head {
        grid-template-columns: 1fr;
        gap: 40px;
        margin-bottom: 60px
    }

    .page-section__cont .page-section__head:before {
        left: 0;
        top: 105%;
        transform: translateY(-105%);
        width: 100%;
        height: 1px;
        background-image: repeating-linear-gradient(to right, #000 0, #000 3px, transparent 3px, transparent 6px);
        background-size: auto 2px;
        background-repeat: repeat-x;
        mask-image: linear-gradient(to right, transparent, black 1px, black calc(100% - 1px), transparent);
        -webkit-mask-image: linear-gradient(to right, transparent, black 1px, black calc(100% - 1px), transparent);
        opacity: .8
    }
}

.page-section__cont .page-section__head__col {
    justify-content: center
}

.page-section__cont .page-section__head__col.-std-1 {
    flex-direction: column-reverse
}

.page-section__cont .page-section__head__col.-std-1 .page-section__head__img {
    margin-top: 24px
}

.page-section__cont .page-section__head__col.-std-1 .page-section__head__img img,
.page-section__cont .page-section__head__col:first-child {
    margin-bottom: 0
}

.page-section__cont .page-section__head__img {
    max-width: 210px;
    margin: 0
}

@media (max-width: 768px) {
    .page-section__cont .page-section__head__img {
        max-width: 180px
    }
}

@media (max-width: 480px) {
    .page-section__cont .page-section__head__img {
        max-width: 140px
    }
}

.page-section__cont .page-section__head__tit {
    text-align: left;
    margin-bottom: 0
}

@media (max-width: 768px) {
    .page-section__cont {
        padding: 40px 40px 60px
    }

    .page-section__cont:before {
        width: 100px;
        height: 100px;
        left: -71px;
        top: -71px
    }

    .page-section__cont:after {
        width: 100px;
        height: 100px;
        right: -71px;
        bottom: -71px
    }
}

@media (max-width: 480px) {
    .page-section__cont {
        padding: 40px 20px 60px
    }
}

.page-section__divider {
    margin: 30px 0;
    width: 100%;
    max-width: 640px;
    border: none;
    position: relative;
    height: 1px;
    background-image: repeating-linear-gradient(to right, #000 0, #000 4px, transparent 4px, transparent 7px);
    background-size: auto 1px;
    background-repeat: repeat-x;
    mask-image: linear-gradient(to right, transparent, black 1px, black calc(100% - 1px), transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 1px, black calc(100% - 1px), transparent);
    opacity: .5
}

@media (max-width: 480px) {
    .page-section__divider {
        margin: 15px 0
    }
}

.page-section__item {
    max-width: 640px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px
}

@media (max-width: 480px) {
    .page-section__item {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.page-section__item__tit {
    font-size: clamp(16px, 2.5vw, 24px);
    font-weight: 700;
    line-height: 1.4;
    padding-left: 18px;
    border-left: 4px solid #000;
    margin-bottom: 16px;
    font-feature-settings: "palt"
}

@media (max-width: 480px) {
    .page-section__item__tit {
        padding-left: 10px
    }
}

.page-section__item__tit__hd {
    font-size: clamp(10px, 1.5vw, 13px);
    font-weight: 700;
    line-height: 1.4;
    color: #ff3c00;
    display: flex;
    align-items: center;
    counter-increment: item-counter
}

.page-section__item__tit__hd:before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #ff3c00;
    margin-right: 4px;
    --hexagon-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-hexagon-fill'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M8.5.134a1%201%200%200%200-1%200l-6%203.577a1%201%200%200%200-.5.866v6.846a1%201%200%200%200%20.5.866l6%203.577a1%201%200%200%200%201%200l6-3.577a1%201%200%200%200%20.5-.866V4.577a1%201%200%200%200-.5-.866z'/%3e%3c/svg%3e");
    -webkit-mask: center/contain no-repeat var(--hexagon-icon);
    mask: center/contain no-repeat var(--hexagon-icon)
}

@media (max-width: 768px) {
    .page-section__item__tit__hd:before {
        width: 12px;
        height: 12px
    }
}

.page-section__item__tit__hd:after {
    content: "__" counter(item-counter, decimal-leading-zero);
    font-size: clamp(10px, 1.5vw, 13px);
    font-weight: 700;
    line-height: 1.4;
    color: #ff3c00;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-section__item__desc {
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    line-height: 2.25;
    letter-spacing: .01em;
    text-align: justify
}

@media (max-width: 768px) {
    .page-section__item__desc {
        line-height: 2
    }
}

@media (max-width: 480px) {
    .page-section__item__desc {
        line-height: 1.8
    }
}

.page-section__table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
    font-size: clamp(14px, 1.5vw, 15px);
    font-feature-settings: "palt";
    line-height: 1.5;
    letter-spacing: .075em
}

@media (max-width: 768px) {
    .page-section__table {
        font-size: .875rem
    }
}

.page-section__table.-u-1 {
    margin-bottom: 0
}

.page-section__table.-u-1 th:nth-child(1) {
    width: 24%
}

.page-section__table.-u-1 th:nth-child(2) {
    width: 26%
}

.page-section__table.-u-1 th:nth-child(3) {
    width: 50%
}

@media (max-width: 768px) {
    .page-section__table.-u-1 {
        margin-bottom: 0
    }

    .page-section__table.-u-1 th:nth-child(1),
    .page-section__table.-u-1 th:nth-child(2),
    .page-section__table.-u-1 th:nth-child(3) {
        width: 100%
    }
}

.page-section__table.-u-1 thead tr th:first-child,
.page-section__table.-u-1 tbody tr td:first-child {
    padding-left: 24px
}

.page-section__table.-u-1 thead tr th:last-child,
.page-section__table.-u-1 tbody tr td:last-child {
    padding-right: 24px
}

@media (max-width: 768px) {

    .page-section__table.-u-1 thead tr th:first-child,
    .page-section__table.-u-1 tbody tr td:first-child,
    .page-section__table.-u-1 thead tr th:last-child,
    .page-section__table.-u-1 tbody tr td:last-child {
        padding-left: 1em;
        padding-right: 1em
    }
}

.page-section__table th,
.page-section__table td {
    border-bottom: 1px solid #fff;
    background-color: #fff1e6;
    padding: 12px 8px;
    text-align: left
}

.page-section__table thead th {
    background-color: #ff832b;
    color: #fff
}

@media (max-width: 768px) {
    .page-section__table thead {
        display: none
    }

    .page-section__table tr {
        display: block;
        margin-bottom: 1em
    }

    .page-section__table td {
        display: flex;
        flex-direction: column;
        padding: .5em 1em
    }

    .page-section__table td:before {
        content: attr(data-label);
        color: #ff3c00;
        font-size: .625rem
    }
}

.page-section__item__note {
    font-size: .75rem;
    padding-top: 16px;
    display: block;
    padding-left: 1.25em;
    text-indent: -1.25em
}

.page-section__item__note:before {
    content: "※";
    display: inline;
    padding-right: .25em
}

@media (max-width: 768px) {
    .page-section__item__note {
        padding-top: 0;
        font-size: .625rem
    }
}

.page-nav {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .page-nav {
        margin-bottom: 20px;
    }
}

.page-nav__cont {
    background-image: linear-gradient(to right, rgba(227, 216, 181, .25) 1px, transparent 1px), linear-gradient(to bottom, rgba(227, 216, 181, .25) 1px, transparent 1px);
    background-size: 20px 20px;
    border: 2px solid #000;
    box-shadow: 4px 4px #ff3c00;
    padding: 40px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 4px
}

.page-nav__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    counter-reset: pageNavIndex;
    position: relative;
    align-items: center
}

.page-nav__list:before {
    content: "";
    left: 50%;
    top: 0;
    transform: translate(-50%);
    height: 100%;
    position: relative;
    width: 1px;
    background-image: repeating-linear-gradient(to bottom, #000 0, #000 3px, transparent 3px, transparent 6px);
    background-size: 1px auto;
    background-repeat: repeat-y;
    mask-image: linear-gradient(to bottom, transparent, black 1px, black calc(100% - 1px), transparent);
    -webkit-mask-image: linear-gradient(to bottom, transparent, black 1px, black calc(100% - 1px), transparent);
    opacity: .8;
    position: absolute !important
}

@media (max-width: 640px) {
    .page-nav__list:before {
        display: none
    }
}

@media (max-width: 640px) {
    .page-nav__list {
        grid-template-columns: 1fr;
        gap: 20px
    }
}

@media (max-width: 480px) {
    .page-nav__cont {
        padding: 40px 20px
    }

    .page-nav__list {
        grid-template-columns: 1fr;
        gap: 20px
    }
}

.page-nav__list-item .page-nav__text {
    transition: color .25s cubic-bezier(.4, 0, .2, 1)
}

.page-nav__list-item:hover .page-nav__text,
.page-nav__list-item:active .page-nav__text {
    color: #ff3c00
}

.page-nav__list-link {
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-auto-rows: auto;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 6px;
    align-items: center;
    text-decoration: none
}

@media (max-width: 768px) {
    .page-nav__list-link {
        grid-template-columns: 64px 1fr;
        -moz-column-gap: 12px;
        column-gap: 12px
    }
}

.page-nav__icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 2px solid #000;
    grid-column: 1;
    grid-row: 1/span 2;
    justify-self: center;
    align-self: center;
    box-shadow: 2px 2px #ff3c0080
}

@media (max-width: 768px) {
    .page-nav__icon {
        width: 56px;
        height: 56px
    }
}

.page-nav__icon.-ic-timer {
    background-image: url("data:image/svg+xml,%3csvg%20width='42'%20height='45'%20viewBox='0%200%2042%2045'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_210_484)'%3e%3cellipse%20cx='20.741'%20cy='24.3898'%20rx='16.1271'%20ry='14.1793'%20transform='rotate(-26.3084%2020.741%2024.3898)'%20fill='%23FF3C00'/%3e%3cpath%20d='M21.6738%2013.3875C21.6738%2013.0394%2021.5355%2012.7055%2021.2894%2012.4594C21.0433%2012.2132%2020.7094%2012.075%2020.3613%2012.075C20.0132%2012.075%2019.6794%2012.2132%2019.4333%2012.4594C19.1871%2012.7055%2019.0488%2013.0394%2019.0488%2013.3875V21H11.1738C10.8257%2021%2010.4919%2021.1382%2010.2458%2021.3844C9.99961%2021.6305%209.86133%2021.9644%209.86133%2022.3125C9.86133%2022.6605%209.99961%2022.9944%2010.2458%2023.2405C10.4919%2023.4867%2010.8257%2023.625%2011.1738%2023.625H20.3613C20.7094%2023.625%2021.0433%2023.4867%2021.2894%2023.2405C21.5355%2022.9944%2021.6738%2022.6605%2021.6738%2022.3125V13.3875Z'%20fill='black'/%3e%3cpath%20d='M16.4236%201.3125C16.4236%200.964403%2016.5619%200.630564%2016.8081%200.384422C17.0542%200.138281%2017.3881%200%2017.7361%200H22.9861C23.3342%200%2023.6681%200.138281%2023.9142%200.384422C24.1604%200.630564%2024.2986%200.964403%2024.2986%201.3125C24.2986%201.6606%2024.1604%201.99444%2023.9142%202.24058C23.6681%202.48672%2023.3342%202.625%2022.9861%202.625V4.12125C26.5561%204.63575%2029.7954%206.16875%2032.3941%208.42625L32.4256%208.39213L33.3549%207.46287L32.4256%206.53625C32.1792%206.29015%2032.0406%205.95622%2032.0404%205.60793C32.0401%205.25964%2032.1782%204.92551%2032.4243%204.67906C32.6704%204.43261%2033.0044%204.29402%2033.3527%204.29377C33.7009%204.29352%2034.0351%204.43165%2034.2815%204.67775L37.9933%208.39213C38.1186%208.5132%2038.2186%208.65803%2038.2874%208.81816C38.3562%208.97829%2038.3924%209.15051%2038.3939%209.32479C38.3954%209.49906%2038.3622%209.67189%2038.2962%209.83319C38.2302%209.99449%2038.1328%2010.141%2038.0095%2010.2643C37.8863%2010.3875%2037.7398%2010.485%2037.5785%2010.551C37.4172%2010.6169%2037.2443%2010.6502%2037.0701%2010.6486C36.8958%2010.6471%2036.7236%2010.6109%2036.5634%2010.5421C36.4033%2010.4733%2036.2585%2010.3734%2036.1374%2010.248L35.2108%209.31875L34.2815%2010.248L34.2474%2010.2795C36.9201%2013.3648%2038.4894%2017.2522%2038.7076%2021.3284C38.9259%2025.4045%2037.7806%2029.4373%2035.4526%2032.7903C33.1246%2036.1433%2029.7463%2038.6257%2025.851%2039.8458C21.9556%2041.0658%2017.7648%2040.9541%2013.94%2039.5281C10.1152%2038.1022%206.8741%2035.4432%204.72811%2031.9709C2.58212%2028.4985%201.65345%2024.4105%202.08863%2020.3518C2.52382%2016.293%204.29808%2012.4948%207.13145%209.55633C9.96482%206.61787%2013.696%204.70652%2017.7361%204.12388V2.625C17.3881%202.625%2017.0542%202.48672%2016.8081%202.24058C16.5619%201.99444%2016.4236%201.6606%2016.4236%201.3125ZM20.3611%206.5625C18.2928%206.56267%2016.2448%206.97023%2014.334%207.7619C12.4232%208.55357%2010.687%209.71385%209.2246%2011.1765C6.27115%2014.1304%204.61211%2018.1367%204.61246%2022.3138C4.61281%2026.491%206.27251%2030.4969%209.22646%2033.4504C12.1804%2036.4038%2016.1866%2038.0628%2020.3638%2038.0625C24.5409%2038.0622%2028.5469%2036.4024%2031.5003%2033.4485C34.4538%2030.4946%2036.1128%2026.4883%2036.1125%2022.3112C36.1121%2018.134%2034.4524%2014.1281%2031.4985%2011.1746C28.5445%208.22119%2024.5383%206.56215%2020.3611%206.5625Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_210_484'%3e%3crect%20width='41.4819'%20height='44.248'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: 38px;
    background-repeat: no-repeat;
    background-position: center
}

@media (max-width: 768px) {
    .page-nav__icon.-ic-timer {
        background-size: 32px
    }
}

.page-nav__icon.-ic-flask {
    background-image: url("data:image/svg+xml,%3csvg%20width='33'%20height='34'%20viewBox='0%200%2033%2034'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.29883%2017.0676C15.6854%2011.9013%2014.4935%2019.989%2025.2725%2019.4993C25.5511%2019.4866%2025.8239%2019.4696%2026.0908%2019.4514L31.4355%2028.1975C31.6332%2028.521%2031.7554%2028.861%2031.8193%2029.2024L31.8447%2029.3284L31.8604%2029.4934C31.8683%2029.5639%2031.8737%2029.6354%2031.875%2029.7073L31.8691%2029.887C31.8678%2029.9494%2031.8637%2030.0126%2031.8584%2030.0764C31.8504%2030.1469%2031.8398%2030.2178%2031.8252%2030.2883L31.793%2030.4465C31.777%2030.5116%2031.7586%2030.5755%2031.7373%2030.6379L31.6807%2030.8098C31.5941%2031.0369%2031.4805%2031.2528%2031.3418%2031.4524C31.1304%2031.7616%2030.8625%2032.0279%2030.5527%2032.2385C30.4995%2032.2758%2030.4455%2032.3123%2030.3896%2032.3469C30.3298%2032.3815%2030.2658%2032.414%2030.1992%2032.4446L30.0537%2032.5149L29.874%2032.5803C29.8076%2032.6069%2029.7394%2032.6301%2029.6689%2032.6487C29.6157%2032.662%2029.562%2032.6726%2029.5088%2032.6819C29.4382%2032.6979%2029.3662%2032.7119%2029.293%2032.7239L29.2812%2032.7278L28.8779%2032.7542H4.05469L3.62793%2032.7239C3.13767%2032.6519%202.67229%2032.4597%202.27441%2032.1643C1.87666%2031.869%201.5584%2031.4798%201.34766%2031.0315C1.13692%2030.5831%201.03997%2030.0897%201.06641%2029.595C1.0929%2029.1002%201.24157%2028.6189%201.49902%2028.1956L8.29883%2017.0676Z'%20fill='%23FF3C00'/%3e%3cpath%20d='M9.00037%200C8.71738%200%208.44598%200.111942%208.24588%200.311199C8.04578%200.510456%207.93336%200.780707%207.93336%201.0625C7.93336%201.34429%208.04578%201.61454%208.24588%201.8138C8.44598%202.01306%208.71738%202.125%209.00037%202.125H10.0674V13.515L0.470724%2029.1486C0.173733%2029.6319%200.01145%2030.1852%200.000583981%2030.7516C-0.010282%2031.3181%200.130662%2031.8772%200.408903%2032.3713C0.687145%2032.8655%201.09263%2033.2769%201.58361%2033.5632C2.07458%2033.8494%202.63331%2034.0002%203.20226%2034H29.7365C30.3052%2034%2030.8635%2033.8491%2031.3542%2033.563C31.8449%2033.2768%2032.2501%2032.8657%2032.5283%2032.3719C32.8065%2031.878%2032.9475%2031.3193%2032.9369%2030.7532C32.9264%2030.187%2032.7645%2029.6339%2032.4681%2029.1508L22.8714%2013.5129V2.125H23.9384C24.2214%202.125%2024.4928%202.01306%2024.6929%201.8138C24.893%201.61454%2025.0054%201.34429%2025.0054%201.0625C25.0054%200.780707%2024.893%200.510456%2024.6929%200.311199C24.4928%200.111942%2024.2214%200%2023.9384%200L9.00037%200ZM20.7374%204.25H18.6034C18.3204%204.25%2018.049%204.36194%2017.8489%204.5612C17.6488%204.76046%2017.5364%205.03071%2017.5364%205.3125C17.5364%205.59429%2017.6488%205.86454%2017.8489%206.0638C18.049%206.26306%2018.3204%206.375%2018.6034%206.375H20.7374V8.5H18.6034C18.3204%208.5%2018.049%208.61194%2017.8489%208.8112C17.6488%209.01046%2017.5364%209.28071%2017.5364%209.5625C17.5364%209.84429%2017.6488%2010.1145%2017.8489%2010.3138C18.049%2010.5131%2018.3204%2010.625%2018.6034%2010.625H20.7374V12.75H18.6034C18.3204%2012.75%2018.049%2012.8619%2017.8489%2013.0612C17.6488%2013.2605%2017.5364%2013.5307%2017.5364%2013.8125C17.5364%2014.0943%2017.6488%2014.3645%2017.8489%2014.5638C18.049%2014.7631%2018.3204%2014.875%2018.6034%2014.875H21.2069L22.5087%2017H20.7374C20.4544%2017%2020.183%2017.1119%2019.9829%2017.3112C19.7828%2017.5105%2019.6704%2017.7807%2019.6704%2018.0625C19.6704%2018.3443%2019.7828%2018.6145%2019.9829%2018.8138C20.183%2019.0131%2020.4544%2019.125%2020.7374%2019.125H23.8147L25.1185%2021.25H22.8714C22.5884%2021.25%2022.317%2021.3619%2022.1169%2021.5612C21.9168%2021.7605%2021.8044%2022.0307%2021.8044%2022.3125C21.8044%2022.5943%2021.9168%2022.8645%2022.1169%2023.0638C22.317%2023.2631%2022.5884%2023.375%2022.8714%2023.375H26.4224L27.7263%2025.5H25.0054C24.7225%2025.5%2024.4511%2025.6119%2024.251%2025.8112C24.0509%2026.0105%2023.9384%2026.2807%2023.9384%2026.5625C23.9384%2026.8443%2024.0509%2027.1145%2024.251%2027.3138C24.4511%2027.5131%2024.7225%2027.625%2025.0054%2027.625H29.0302L30.6478%2030.26C30.7463%2030.4211%2030.7999%2030.6054%2030.8032%2030.7939C30.8065%2030.9825%2030.7594%2031.1685%2030.6666%2031.3329C30.5738%2031.4974%2030.4388%2031.6342%2030.2754%2031.7295C30.1119%2031.8247%2029.9259%2031.875%2029.7365%2031.875H3.20226C3.01287%2031.875%202.8269%2031.8247%202.66346%2031.7295C2.50001%2031.6342%202.36496%2031.4974%202.2722%2031.3329C2.17943%2031.1685%202.13228%2030.9825%202.13559%2030.7939C2.1389%2030.6054%202.19255%2030.4211%202.29104%2030.26L12.0435%2014.365C12.146%2014.1988%2012.2007%2014.0076%2012.2014%2013.8125V2.125H20.7374V4.25Z'%20fill='black'/%3e%3c/svg%3e");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center
}

@media (max-width: 768px) {
    .page-nav__icon.-ic-flask {
        background-size: 28px
    }
}

.page-nav__text {
    grid-column: 2;
    grid-row: 1;
    font-weight: 700;
    color: #ff3c00;
    display: flex;
    flex-direction: column;
    -moz-column-gap: 6px;
    column-gap: 6px;
    color: #000;
    line-height: 1.4
}

.page-nav__text small {
    font-size: .75rem;
    letter-spacing: .025em;
    font-weight: 700;
    line-height: 1.4;
    color: #ff3c00;
    text-transform: uppercase
}

.page-nav__link-text {
    grid-column: 2;
    grid-row: 2;
    font-size: .75rem;
    letter-spacing: .025em;
    display: flex;
    align-items: center;
    -moz-column-gap: 6px;
    column-gap: 6px;
    font-weight: 700;
    margin-left: auto;
    color: #ff3c00
}

.page-nav__link-text:after {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_203_740)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1%208C1%209.85652%201.7375%2011.637%203.05025%2012.9497C4.36301%2014.2625%206.14348%2015%208%2015C9.85652%2015%2011.637%2014.2625%2012.9497%2012.9497C14.2625%2011.637%2015%209.85652%2015%208C15%206.14348%2014.2625%204.36301%2012.9497%203.05025C11.637%201.7375%209.85652%201%208%201C6.14348%201%204.36301%201.7375%203.05025%203.05025C1.7375%204.36301%201%206.14348%201%208ZM16%208C16%2010.1217%2015.1571%2012.1566%2013.6569%2013.6569C12.1566%2015.1571%2010.1217%2016%208%2016C5.87827%2016%203.84344%2015.1571%202.34315%2013.6569C0.842855%2012.1566%200%2010.1217%200%208C0%205.87827%200.842855%203.84344%202.34315%202.34315C3.84344%200.842855%205.87827%200%208%200C10.1217%200%2012.1566%200.842855%2013.6569%202.34315C15.1571%203.84344%2016%205.87827%2016%208ZM4.5%207.5C4.36739%207.5%204.24021%207.55268%204.14645%207.64645C4.05268%207.74021%204%207.86739%204%208C4%208.13261%204.05268%208.25979%204.14645%208.35355C4.24021%208.44732%204.36739%208.5%204.5%208.5H10.293L8.146%2010.646C8.09951%2010.6925%208.06264%2010.7477%208.03748%2010.8084C8.01232%2010.8692%207.99937%2010.9343%207.99937%2011C7.99937%2011.0657%208.01232%2011.1308%208.03748%2011.1916C8.06264%2011.2523%208.09951%2011.3075%208.146%2011.354C8.19249%2011.4005%208.24768%2011.4374%208.30842%2011.4625C8.36916%2011.4877%208.43426%2011.5006%208.5%2011.5006C8.56574%2011.5006%208.63084%2011.4877%208.69158%2011.4625C8.75232%2011.4374%208.80751%2011.4005%208.854%2011.354L11.854%208.354C11.9006%208.30755%2011.9375%208.25238%2011.9627%208.19163C11.9879%208.13089%2012.0009%208.06577%2012.0009%208C12.0009%207.93423%2011.9879%207.86911%2011.9627%207.80837C11.9375%207.74762%2011.9006%207.69245%2011.854%207.646L8.854%204.646C8.80751%204.59951%208.75232%204.56264%208.69158%204.53748C8.63084%204.51232%208.56574%204.49937%208.5%204.49937C8.43426%204.49937%208.36916%204.51232%208.30842%204.53748C8.24768%204.56264%208.19249%204.59951%208.146%204.646C8.09951%204.69249%208.06264%204.74768%208.03748%204.80842C8.01232%204.86916%207.99937%204.93426%207.99937%205C7.99937%205.06574%208.01232%205.13084%208.03748%205.19158C8.06264%205.25232%208.09951%205.30751%208.146%205.354L10.293%207.5H4.5Z'%20fill='%23FF3C00'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_203_740'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.page-section-column {
    max-width: 1100px;
    margin: 0 auto;
    padding: 60px 20px
}

@media (max-width: 768px) {
    .page-section-column {
        padding: 30px 20px
    }
}

.page-section-column__cont {
    background-size: 20px 20px;
    border: 2px solid #000;
    box-shadow: 4px 4px #ff3c00;
    padding: 80px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    counter-reset: pageSectionColumnIndex;
    position: relative
}

@media (max-width: 768px) {
    .page-section-column__cont {
        padding: 40px
    }
}

@media (max-width: 480px) {
    .page-section-column__cont {
        padding: 40px 20px
    }
}

.page-section-column__tit {
    position: relative;
    margin-bottom: 40px
}

.page-section-column__tit__hd {
    font-size: clamp(12px, 1.5vw, 14px);
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: .5em;
    letter-spacing: .025em;
    color: #000;
    display: block;
    text-align: center
}

.page-section-column__tit__text {
    border-top: 4px solid #000;
    border-bottom: 4px solid #000;
    padding-top: 8px;
    padding-bottom: 12px;
    font-size: clamp(40px, 5vw, 64px);
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
    position: relative;
    display: block;
    text-align: center
}

.page-section-column__tit__text:before {
    position: absolute;
    top: 4px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #000;
    display: block
}

.page-section-column__tit__text:after {
    position: absolute;
    bottom: 4px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #000;
    display: block
}

.page-section-column__tit__lead {
    font-size: clamp(12px, 1.5vw, 14px);
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0;
    letter-spacing: .025em;
    color: #000;
    display: block;
    text-align: center
}

.page-section-column__item {
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%
}

@media (max-width: 768px) {
    .page-section-column__item {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.page-section-column__item__tit {
    font-size: clamp(1.25rem, 2.5vw, 2.25rem);
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    color: #ff3c00;
    font-feature-settings: "palt";
    letter-spacing: .05em
}

.page-section-column__item__tit small {
    font-size: clamp(1rem, 2.5vw, 1.5rem);
    font-weight: 500;
    line-height: 1.4;
    display: block;
    text-align: center
}

.page-section-column__item__tit__hd {
    font-size: 10px;
    letter-spacing: .05em;
    font-weight: 900;
    line-height: 1;
    display: block;
    text-align: center;
    color: #000;
    position: relative;
    right: -.098em;
    margin-bottom: 16px
}

.page-section-column__item__tit:before {
    content: counter(pageSectionColumnIndex, decimal-leading-zero);
    font-size: 48px;
    line-height: 1;
    font-weight: 400;
    counter-increment: pageSectionColumnIndex;
    color: #000;
    letter-spacing: -.05em
}

.page-section-column__item__desc {
    max-width: 640px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px
}

.page-section-column__item__desc__text {
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    line-height: 2.25;
    letter-spacing: .01em;
    text-align: justify
}

@media (max-width: 768px) {
    .page-section-column__item__desc__text {
        line-height: 2
    }
}

@media (max-width: 480px) {
    .page-section-column__item__desc__text {
        line-height: 1.8
    }
}

.page-section-column__item__desc__text {
    margin-bottom: 1.5em
}

.page-section-column__item__desc__text sup {
    font-size: .75rem
}

.page-section-column__item__desc__note li {
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .025em;
    padding-left: 1.25em;
    text-indent: -1.25em
}

.page-section-column__item__desc__note li:before {
    content: "※";
    display: inline;
    padding-right: .25em
}

.page-section-column__divider {
    margin: 30px 0;
    width: 100%;
    max-width: 640px;
    border: none;
    position: relative;
    height: 1px;
    background-image: repeating-linear-gradient(to right, #000 0, #000 4px, transparent 4px, transparent 7px);
    background-size: auto 1px;
    background-repeat: repeat-x;
    mask-image: linear-gradient(to right, transparent, black 1px, black calc(100% - 1px), transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 1px, black calc(100% - 1px), transparent);
    opacity: .5
}

@media (max-width: 768px) {
    .page-section-column__divider {
        margin: 15px 0
    }
}

.page-section-column__item__fig__note {
    font-size: clamp(10px, 1vw, .75rem);
    font-weight: 500;
    line-height: 1.25;
    text-align: right;
    opacity: .875;
    display: block;
    padding-top: 1em;
    width: 100%;
    white-space: nowrap
}

.page-section-column__item__fig {
    width: 100%;
    padding: 56px 40px;
    background-color: #fff1ef;
    border-radius: 32px
}

@media (max-width: 480px) {
    .page-section-column__item__fig {
        padding: 28px 20px
    }
}

.page-section-column__item__fig__cont {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px
}

@media (max-width: 640px) {
    .page-section-column__item__fig__cont {
        grid-template-columns: 1fr
    }
}

.page-section-column__item__fig__tit {
    font-size: clamp(1rem, 2.25vw, 2rem);
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    color: #ff3c00;
    margin-bottom: 48px
}

.page-section-column__item__fig__tit small {
    font-size: clamp(.875rem, 1vw, 1rem);
    font-weight: 700;
    line-height: 1.4;
    display: block;
    text-align: center;
    padding-top: .5em
}

@media (max-width: 480px) {
    .page-section-column__item__fig__tit {
        margin-bottom: 20px
    }
}

.page-section-column__item__fig__col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.page-section-column__item__fig__col .fig-tit {
    font-size: clamp(.875rem, 1vw, 1rem);
    font-weight: 700;
    line-height: 1.4;
    color: #ff3c00;
    margin-bottom: 16px;
    text-align: center
}

.page-section-column__item__fig__img {
    max-width: 260px;
    height: auto
}

.page-section-column__item__fig-caption {
    max-width: 640px;
    margin: 0 auto 60px;
    padding-top: 30px
}

@media screen and (max-width: 768px) {
    .page-section-column__item__fig-caption {
        margin-bottom: 30px
    }
}

.page-section-column__item__fig-caption__text {
    font-size: .8125rem;
    line-height: 1.4
}

.page-section-column__item__fig-caption__text.-asta {
    padding-left: 1.25em;
    text-indent: -1.25em
}

.page-section-column__item__fig-caption__text.-asta:before {
    content: "※";
    display: inline;
    padding-right: .25em
}

.page-section-column__item__fig-caption__text+.page-section-column__item__fig-caption__text {
    margin-top: 1em
}

.page-section-column__cont__deco {
    position: absolute;
    display: block
}

.page-section-column__cont__deco.-fig {
    aspect-ratio: 400/510;
    width: 26%;
    max-width: 165px;
    top: -2vw;
    left: 20%
}

@media (max-width: 980px) {
    .page-section-column__cont__deco.-fig {
        top: -2vw;
        left: 10%
    }
}

@media (max-width: 768px) {
    .page-section-column__cont__deco.-fig {
        top: -2vw;
        left: 6%
    }
}

@media (max-width: 480px) {
    .page-section-column__cont__deco.-fig {
        top: -2vw;
        left: -2%
    }
}

.page-section-column__cont__deco.-balloon {
    aspect-ratio: 732/552;
    width: 26%;
    max-width: 180px;
    top: 2vw;
    left: 65%
}

@media (max-width: 768px) {
    .page-section-column__cont__deco.-balloon {
        top: 3vw;
        left: 70%
    }
}

@media (max-width: 480px) {
    .page-section-column__cont__deco.-balloon {
        top: 4vw;
        left: 78%
    }
}

.page-header-opinion {
    margin-top: 24px;
    border-top: 1px solid #E9E1C4;
    background-image: linear-gradient(to right, rgba(227, 216, 181, .3) 1px, transparent 1px), linear-gradient(to bottom, rgba(227, 216, 181, .3) 1px, transparent 1px);
    background-size: 20px 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}
@media (max-width: 768px) {
    .page-header-opinion {
        margin-top: 0;
    }
}

.page-header-opinion__cont {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    min-height: 182px;
    padding-top: 40px;
    padding-bottom: 40px
}

.page-section-opinion {
    border-bottom: 1px solid #E9E1C4;
    border-top: 1px solid #E9E1C4;
    background-image: linear-gradient(to right, rgba(227, 216, 181, .2) 1px, transparent 1px), linear-gradient(to bottom, rgba(227, 216, 181, .2) 1px, transparent 1px);
    background-size: 20px 20px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff
}

.page-section-opinion__cont {
    z-index: 1;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px
}

.page-section-opinion__cont:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #e9e1c4;
    transform-origin: top left
}

.page-section-opinion__cont:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #e9e1c4;
    transform-origin: top right
}

.page-section-opinion__item {
    padding-top: 60px;
    padding-bottom: 60px;
    max-width: 980px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 32px
}

.page-section-opinion__item-prof {
    align-self: flex-start;
    max-width: 240px;
    position: relative
}

.page-section-opinion__item-prof:after {
    content: "研究者";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 16px;
    background-color: #fff;
    font-size: clamp(12px, 2vw, 13px);
    line-height: 1.4;
    border-radius: 20px;
    border: 1px solid #000;
    position: absolute;
    top: 190px;
    right: 0
}

.page-section-opinion__item-prof-img {
    width: 240px;
    max-width: 38vw;
    margin-bottom: 24px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
    display: block
}

.page-section-opinion__item-prof-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.page-section-opinion__cont {
    counter-reset: opinionIndex
}

.page-section-opinion__item-desc {
    flex: 1 1 auto;
    max-width: 640px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 40px;
    position: relative
}

.page-section-opinion__item-desc:before {
    border-top: 1px solid #000;
    display: inline-flex;
    height: 40px;
    line-height: 40px;
    align-items: center;
    justify-content: center;
    counter-increment: opinionIndex;
    content: "contents ." counter(opinionIndex, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: -40px;
    font-size: clamp(10px, 1.4vw, 13px);
    font-weight: 400;
    letter-spacing: .025em;
    color: #000;
    text-transform: uppercase
}

.page-section-opinion__item-desc-tit {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 700;
    line-height: 1.4;
    font-feature-settings: "palt";
    color: #ff3c00;
    margin-bottom: 16px
}

.page-section-opinion__item-desc-text {
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    line-height: 2.25;
    letter-spacing: .01em;
    text-align: justify
}

@media (max-width: 768px) {
    .page-section-opinion__item-desc-text {
        line-height: 2
    }
}

@media (max-width: 480px) {
    .page-section-opinion__item-desc-text {
        line-height: 1.8
    }
}

@media (max-width: 768px) {
    .page-section-opinion__item {
        flex-direction: column;
        gap: 24px
    }

    .page-section-opinion__item-prof {
        display: grid;
        width: 100%;
        max-width: 100%;
        grid-template-columns: auto 1fr;
        -moz-column-gap: 16px;
        column-gap: 16px;
        align-items: start
    }

    .page-section-opinion__item-prof-img {
        margin-bottom: 0;
        width: 110px;
        max-width: 40vw
    }

    .page-section-opinion__item-prof-desc {
        grid-column: 2;
        grid-row: 1;
        padding-top: 30px
    }

    .page-section-opinion__item-desc {
        padding-left: 0;
        padding-top: 24px;
        padding-bottom: 24px;
        margin-top: 30px;
        margin-bottom: 0
    }

    .page-section-opinion__item-desc:before {
        line-height: 30px;
        height: 30px;
        top: -30px
    }

    .page-section-opinion__item-prof:after {
        top: 0
    }
}

.page-section-opinion__item-hr {
    width: 200vw;
    max-width: 200vw;
    margin-left: calc(50% - 50vw);
    margin-right: 0;
    height: 1px;
    border: 0;
    background-color: #e9e1c4
}

.page-section-opinion__item-prof-name {
    font-size: clamp(24px, 3vw, 32px);
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: 12px
}

.page-section-opinion__item-prof-name small {
    font-size: clamp(12px, 2vw, 14px);
    line-height: 1.4;
    font-weight: 700;
    padding-left: .5em
}

.page-section-opinion__item-prof-pos {
    list-style: none;
    padding-left: 1em;
    margin-bottom: 32px
}

@media (max-width: 768px) {
    .page-section-opinion__item-prof-pos {
        margin-bottom: 16px
    }
}

.page-section-opinion__item-prof-pos li:before {
    content: "・ ";
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    color: #ff3c00
}

.page-section-opinion__item-prof-pos li {
    font-size: clamp(12px, 2vw, 14px);
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 4px
}

.page-section-opinion__item-prof-tit {
    font-size: clamp(12px, 2vw, 14px);
    line-height: 1.4;
    font-weight: 700;
    color: #ff3c00;
    margin-bottom: 0
}

.page-section-opinion__item-prof-text {
    font-size: clamp(12px, 2vw, 14px);
    line-height: 2;
    text-align: justify;
    font-feature-settings: "palt";
    letter-spacing: .025em
}

.page-header-opinion__tit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.page-header-opinion__tit__hd {
    color: #ff3c00;
    font-size: clamp(12px, 1.5vw, 18px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .025em;
    text-transform: uppercase
}

.page-header-opinion__tit__text {
    font-size: clamp(32px, 5vw, 64px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .025em
}

.page-header-opinion__tit__lead {
    font-size: clamp(12px, 1.5vw, 18px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .025em;
    padding-top: 8px
}

.sf-figure-box {
    padding-top: 32px;
    padding-bottom: 32px;
    border-top: 1px solid rgba(0, 0, 0, .873);
    border-bottom: 1px solid rgba(0, 0, 0, .873);
    margin-top: 60px
}

.sf-figure-box .row {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 1rem
}

@media (max-width: 768px) {
    .sf-figure-box .row {
        flex-direction: column;
        align-items: center;
        gap: 3rem
    }
}

.sf-figure-box .col {
    flex: 1 1 0;
    text-align: center
}

.sf-figure-box .col .fig-tit {
    font-size: .875rem;
    font-weight: 700
}

.sf-figure-box .col .sf-figure-box__img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.sf-figure-box .col .sf-figure-box__img.-sf-ellagic-acid img {
    width: 56%
}

@media screen and (max-width: 768px) {
    .sf-figure-box .col .sf-figure-box__img.-sf-ellagic-acid img {
        width: 180px
    }
}

.polyphenol-feature {
    margin-bottom: 60px;
    padding-top: 60px;
    padding-bottom: 60px;
    counter-reset: polyphenolCounter;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media (max-width: 768px) {
    .polyphenol-feature {
        margin-bottom: 30px;
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.polyphenol-feature .polyphenol-feature__tit {
    font-size: clamp(1.5rem, 2.25vw, 2rem);
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 48px;
    position: relative;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    padding: 8px 24px 16px
}

.polyphenol-feature .polyphenol-feature__tit:after {
    content: "";
    display: block;
    width: 8px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.polyphenol-feature .polyphenol-feature__tit:before {
    content: "";
    display: block;
    width: 8px;
    height: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    position: absolute;
    left: 0;
    top: 0
}

.polyphenol-feature .polyphenol-feature__tit strong {
    color: #ff3c00
}

.polyphenol-feature .polyphenol-feature__tit .-colored {
    color: #000;
    border-bottom: 3px solid rgba(255, 60, 0, .82)
}

.polyphenol-feature .row {
    display: flex;
    gap: 2rem
}

@media (max-width: 768px) {
    .polyphenol-feature .row {
        flex-direction: column;
        gap: 1.5rem
    }
}

.polyphenol-feature .col {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #fff1ef;
    border-radius: 24px;
    overflow: hidden
}

.polyphenol-feature .col dl {
    margin: 0;
    counter-increment: polyphenolCounter
}

.polyphenol-feature .col dt {
    font-weight: 600;
    background-color: #ffd9d4;
    padding: 16px;
    color: #ff3c00;
    text-align: center;
    line-height: 1.4;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center
}

.polyphenol-feature .col dt:before {
    content: "特徴 " counter(polyphenolCounter, decimal-leading-zero);
    color: #ff3c00;
    font-size: clamp(10px, 1.5vw, 12px);
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    display: block
}

.polyphenol-feature .col dd {
    padding: 32px;
    margin: 0;
    line-height: 1.8
}

@media (max-width: 480px) {
    .polyphenol-feature .col dd {
        padding: 10px 20px
    }
}

.polyphenol-feature .col .note {
    display: block;
    font-size: .875rem;
    color: #666;
    margin-top: .5em;
    padding-left: 1.25em;
    text-indent: -1.25em;
    line-height: 1.4
}

.polyphenol-feature .col .note:before {
    content: "※";
    display: inline;
    padding-right: .25em
}

.polyphenol-types {
    width: 100%;
    flex-direction: column;
    display: flex;
    justify-self: center;
    align-items: center
}

.polyphenol-types .polyphenol-types__tit {
    font-size: clamp(1.5rem, 2.25vw, 2rem);
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 48px;
    position: relative;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    padding: 8px 24px 16px;
    margin-left: auto;
    margin-right: auto
}

.polyphenol-types .polyphenol-types__tit:after {
    content: "";
    display: block;
    width: 8px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.polyphenol-types .polyphenol-types__tit:before {
    content: "";
    display: block;
    width: 8px;
    height: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    position: absolute;
    left: 0;
    top: 0
}

.polyphenol-types .polyphenol-types__tit strong {
    color: #ff3c00
}

.polyphenol-types .polyphenol-types__tit .-colored {
    color: #000;
    border-bottom: 3px solid rgba(255, 60, 0, .82)
}

.polyphenol-types .row {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem 2rem;
    font-size: .875rem;
    padding: 56px 40px;
    background-color: #fff1ef;
    border-radius: 32px
}

@media (max-width: 768px) {
    .polyphenol-types .row {
        grid-template-columns: 1fr;
        padding: 28px 20px
    }
}

.polyphenol-types dl {
    display: grid;
    grid-template-columns: 8rem 1fr;
    align-items: start;
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

@media (max-width: 480px) {
    .polyphenol-types dl {
        grid-template-columns: 1fr;
        row-gap: 0
    }
}

.polyphenol-types dl dt {
    font-weight: 600;
    color: #ff3c00
}

.polyphenol-types dl dd {
    margin: 0;
    line-height: 1.6
}

.references-list {
    max-width: 640px;
    margin: 0 auto;
    counter-reset: references-item-counter
}

.references-list__item__deco {
    font-size: clamp(12px, 2vw, 13px);
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 4px;
    color: #ff3c00;
    text-transform: uppercase;
    letter-spacing: .025em;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.references-list__item__deco:before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background-color: #ff3c00;
    margin-right: 4px;
    --book-fill-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-book-fill'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M8%201.783C7.015.936%205.587.81%204.287.94c-1.514.153-3.042.672-3.994%201.105A.5.5%200%200%200%200%202.5v11a.5.5%200%200%200%20.707.455c.882-.4%202.303-.881%203.68-1.02%201.409-.142%202.59.087%203.223.877a.5.5%200%200%200%20.78%200c.633-.79%201.814-1.019%203.222-.877%201.378.139%202.8.62%203.681%201.02A.5.5%200%200%200%2016%2013.5v-11a.5.5%200%200%200-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809%208.985.936%208%201.783'/%3e%3c/svg%3e");
    -webkit-mask: center/contain no-repeat var(--book-fill-icon);
    mask: center/contain no-repeat var(--book-fill-icon)
}

.references-list__item__deco:after {
    content: "." counter(references-item-counter, decimal-leading-zero);
    font-size: clamp(10px, 1.5vw, 13px);
    font-weight: 700;
    line-height: 1.4;
    color: #ff3c00;
    display: flex;
    align-items: center;
    justify-content: center
}

.references-list__item {
    border-top: 1px solid rgba(255, 60, 0, .8901960784);
    margin-bottom: 60px;
    border-radius: 2px;
    padding-top: 16px
}

.references-list__item:last-child {
    margin-bottom: 0
}

.references-list__item__tit {
    font-size: clamp(16px, 2.5vw, 24px);
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 16px;
    color: #ff3c00
}

.references-list__item__desc__text {
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    line-height: 2.25;
    letter-spacing: .01em;
    text-align: justify
}

@media (max-width: 768px) {
    .references-list__item__desc__text {
        line-height: 2
    }
}

@media (max-width: 480px) {
    .references-list__item__desc__text {
        line-height: 1.8
    }
}

.references-list__item .cite {
    margin-top: 24px;
    padding-top: 16px;
    font-size: clamp(12px, 2vw, 13px);
    line-height: 1.4;
    border-top: 1px solid rgba(0, 0, 0, .2);
    color: #666
}

.feat-refarence {
    margin-bottom: 120px
}

.feat-refarence .row {
    display: flex;
    align-items: stretch;
    gap: 60px
}

@media (max-width: 768px) {
    .feat-refarence .row {
        flex-direction: column;
        gap: 1.5rem
    }
}

.feat-refarence .col {
    flex: 1 1 0;
    display: flex
}

.feat-refarence .col.-col-img {
    padding: 40px;
    background-color: #fff1ef;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 24px
}

@media (max-width: 480px) {
    .feat-refarence .col.-col-img {
        padding: 20px
    }
}

.feat-refarence .col__tit {
    font-size: clamp(12px, 2vw, 13px);
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 16px;
    color: #ff3c00
}

.feat-refarence .col__desc {
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    line-height: 2.25;
    letter-spacing: .01em;
    text-align: justify
}

@media (max-width: 768px) {
    .feat-refarence .col__desc {
        line-height: 2
    }
}

@media (max-width: 480px) {
    .feat-refarence .col__desc {
        line-height: 1.8
    }
}

.feat-refarence .col__img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 300px
}

.feat-refarence .col__img img {
    max-width: 100%;
    height: auto;
    display: block
}

.pick-up-box {
    padding: 40px;
    background-color: #fff1ef;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    margin-bottom: 120px;
    margin-top: 120px;
    width: 100%;
    display: flex
}

@media (max-width: 768px) {
    .pick-up-box {
        margin-bottom: 60px;
        margin-top: 60px;
        padding: 30px
    }
}

.pick-up-box__tit {
    font-size: clamp(16px, 2.5vw, 24px);
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 16px;
    color: #ff3c00
}

.pick-up-box__desc {
    max-width: 640px;
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    line-height: 2.25;
    letter-spacing: .01em;
    text-align: justify
}

@media (max-width: 768px) {
    .pick-up-box__desc {
        line-height: 2
    }
}

@media (max-width: 480px) {
    .pick-up-box__desc {
        line-height: 1.8
    }
}

.major-polyphenols {
    margin-bottom: 60px;
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media (max-width: 480px) {
    .major-polyphenols {
        margin-bottom: 30px;
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.major-polyphenols .tit {
    text-align: center;
    margin-bottom: 48px
}

.major-polyphenols .tit__text {
    font-size: clamp(1.5rem, 2.25vw, 2rem);
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    padding: 8px 24px 16px;
    margin-left: auto;
    margin-right: auto;
    font-feature-settings: "palt";
    position: relative;
    margin-bottom: 16px
}

.major-polyphenols .tit__text .-underline {
    color: #000;
    border-bottom: 3px solid rgba(255, 60, 0, .82)
}

.major-polyphenols .tit__text:before {
    content: "";
    display: block;
    width: 8px;
    height: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    position: absolute;
    left: 0;
    top: 0
}

.major-polyphenols .tit__text:after {
    content: "";
    display: block;
    width: 8px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.major-polyphenols .tit__lead {
    font-size: clamp(14px, 2vw, 18px);
    line-height: 1.8;
    font-weight: 500;
    font-feature-settings: "palt";
    text-align: center;
    letter-spacing: .025em
}

.major-polyphenols .row {
    display: flex;
    gap: 2rem;
    width: 100%;
    max-width: 1000px
}

@media (max-width: 768px) {
    .major-polyphenols .row {
        flex-direction: column;
        gap: 1.5rem
    }
}

.major-polyphenols .col {
    flex: 1;
    background-color: #fff;
    border: 1px solid #000;
    position: relative
}

.major-polyphenols .col:before {
    position: absolute;
    content: "";
    right: -1px;
    bottom: -1px;
    border-style: solid;
    border-width: 25px 25px 0 0;
    border-color: #000000 #fff #fff
}

.major-polyphenols .col__tit {
    font-size: clamp(16px, 2vw, 18px);
    line-height: 1.4;
    margin-bottom: 16px;
    color: #ff3c00;
    display: flex;
    position: relative;
    display: inline-block;
    padding: .5em 2em;
    background: #ff3c00;
    color: #fff;
    font-weight: 700;
    top: 20px;
    left: -15px
}

.major-polyphenols .col__tit:before {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 12px transparent;
    border-right: solid 15px rgb(207, 48, 0)
}

.major-polyphenols .col__desc {
    font-size: clamp(14px, 2vw, 18px);
    line-height: 1.8;
    text-align: justify;
    font-feature-settings: "palt";
    padding: 16px 24px 24px
}

.major-polyphenols-compo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%
}

.major-polyphenols-compo__tit {
    font-size: clamp(24px, 5vw, 40px);
    line-height: 1.2;
    margin-bottom: 60px !important;
    border-bottom: 2px solid #FF3C00;
    padding-top: 0;
    padding-bottom: .5em;
    font-weight: 700;
    color: #ff3c00;
    text-align: center;
    font-feature-settings: "palt";
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.major-polyphenols-compo__tit__deco {
    font-size: clamp(12px, 1.5vw, 14px);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .025em;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 16px;
    padding-right: 14px;
    margin-bottom: 16px;
    position: relative
}

.major-polyphenols-compo__tit__deco:after {
    content: "";
    width: 2px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ff3c00;
    transform: rotate(25deg)
}

.major-polyphenols-compo__tit__deco:before {
    content: "";
    width: 2px;
    height: 100%;
    display: block;
    background-color: #ff3c00;
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(320deg)
}

@media (max-width: 480px) {
    .major-polyphenols-compo__tit__deco {
        margin-bottom: 8px
    }
}

.major-polyphenols-compo .row {
    display: flex;
    gap: 3rem;
    width: 100%;
    max-width: 640px;
    align-items: center
}

@media (max-width: 768px) {
    .major-polyphenols-compo .row {
        flex-direction: column;
        gap: 2rem
    }
}

.major-polyphenols-compo .col {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.major-polyphenols-compo .col:not(.-img) .caption {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.major-polyphenols-compo .col:not(.-img) .caption__tit {
    font-size: clamp(16px, 2vw, 24px);
    color: #ff3c00;
    font-weight: 700
}

.major-polyphenols-compo .col:not(.-img) .caption__desc.-note {
    text-align: justify;
    padding: 8px 16px;
    font-size: clamp(12px, 1.5vw, 14px);
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, .5)
}

.major-polyphenols-compo .col.-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.major-polyphenols-compo .col.-img .col__img {
    width: 100%;
    max-width: 240px;
    overflow: hidden
}

.major-polyphenols-compo .col.-img .col__img img {
    width: 100%;
    height: auto;
    display: block
}

.major-polyphenols-compo .col.-img .caption {
    width: 100%;
    max-width: 400px;
    text-align: center
}

.major-polyphenols-compo .col.-img .caption__tit {
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 12px;
    color: #ff3c00
}

.major-polyphenols-compo .col.-img .caption__desc {
    font-size: clamp(12px, 1.5vw, 14px);
    line-height: 1.6;
    color: #333;
    font-weight: 500;
    margin-bottom: 16px;
    text-align: left
}

.major-polyphenols-compo .col.-img .caption__desc p {
    margin: 0 0 8px
}

.major-polyphenols-compo .col.-img .caption__desc strong {
    color: #ff3c00;
    font-weight: 700
}

.major-polyphenols-compo .col.-img .caption__desc sub {
    font-size: .8em;
    vertical-align: sub
}

.major-polyphenols-compo__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    max-width: 640px;
    width: 100%;
    margin-bottom: 60px
}

@media (max-width: 620px) {
    .major-polyphenols-compo__list {
        justify-items: center
    }
}

@media (max-width: 620px) {
    .major-polyphenols-compo__list {
        grid-template-columns: 1fr
    }
}

.major-polyphenols-compo__list__item {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff1ef;
    padding: 24px 16px;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    aspect-ratio: 1/1;
    position: relative;
    width: 100%;
    height: 100%
}

@media (max-width: 620px) {
    .major-polyphenols-compo__list__item {
        max-width: 240px
    }
}

.major-polyphenols-compo__list__item .heading {
    font-size: clamp(14px, 2vw, 16px);
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: .25em;
    display: flex;
    align-items: center;
    justify-content: center
}

.major-polyphenols-compo__list__item .-number-container {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: .15em;
    padding-bottom: 20px
}

.major-polyphenols-compo__list__item .-number {
    font-size: clamp(32px, 4vw, 72px);
    font-weight: 700;
    line-height: 1;
    color: #ff3c00
}

.major-polyphenols-compo__list__item .-operator {
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 700;
    line-height: 1;
    position: relative;
    top: -.25em
}

.major-polyphenols-compo__list__item .-operator.-tilde {
    top: 0;
    margin-bottom: .8em
}

.major-polyphenols-compo__list__tit {
    font-size: clamp(16px, 2vw, 24px);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .25em;
    color: #ff3c00
}

.major-polyphenols-compo__list__tit:before {
    content: "- Polyphenols -";
    display: flex;
    justify-content: center;
    width: 1em;
    color: #ff3c00;
    font-size: clamp(10px, 1.5vw, 11px);
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    padding-bottom: 2px
}

@media (max-width: 600px) {
    .major-polyphenols-compo__list__tit:before {
        padding-bottom: 4px
    }
}

.major-polyphenols-compo__list__desc {
    font-size: clamp(14px, 2vw, 16px);
    line-height: 1.4;
    font-weight: 500
}

.feat-molecule {
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%
}

.feat-molecule__tit {
    font-size: clamp(1.5rem, 2.25vw, 2rem);
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 48px;
    padding-top: 8px;
    padding-bottom: 16px;
    position: relative;
    border-bottom: 2px solid #000;
    font-feature-settings: "palt"
}

.feat-molecule__tit:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    background-color: #fff;
    rotate: 135deg;
    translate: -50%
}

.feat-molecule__tit:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    border: 2px solid;
    border-color: #000 #000 transparent transparent;
    background-color: #fff;
    rotate: 135deg;
    translate: -50%
}

.feat-molecule__desc {
    max-width: 640px;
    margin-bottom: 60px
}

.feat-molecule__desc__text {
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    line-height: 2.25;
    letter-spacing: .01em;
    text-align: justify
}

@media (max-width: 768px) {
    .feat-molecule__desc__text {
        line-height: 2
    }
}

@media (max-width: 480px) {
    .feat-molecule__desc__text {
        line-height: 1.8
    }
}

.feat-molecule__img-row-container {
    width: 100%;
    background-color: #fff1ef;
    padding: 40px;
    border-radius: 24px;
    margin-bottom: 60px
}

.feat-molecule__img-row-container .tit {
    font-size: clamp(16px, 2.5vw, 24px);
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 16px;
    color: #ff3c00;
    text-align: center;
    padding-bottom: 40px
}

.feat-molecule__img-row-container .row {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 1rem
}

@media (max-width: 768px) {
    .feat-molecule__img-row-container .row {
        flex-direction: column;
        gap: 1.5rem
    }
}

.feat-molecule__img-row-container .col {
    flex: 1 1 0;
    text-align: center;
    gap: 40px
}

@media (max-width: 768px) {
    .feat-molecule__img-row-container .col {
        gap: 20px
    }
}

.feat-molecule__img-row-container .col__tit {
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 700;
    line-height: 1.2;
    color: #ff3c00
}

.feat-molecule__img-row-container .col__img {
    width: 100%;
    max-width: 240px
}

.feat-molecule__img-row-container .col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.feat-molecule__img-row-container .col:nth-child(2) {
    justify-content: center
}

@media (max-width: 768px) {
    .feat-molecule__img-row-container .col:nth-child(2) {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 16px;
        margin-bottom: 20px;
        margin-top: 20px
    }
}

.feat-molecule__img-row-container .col .deco-tit {
    font-size: clamp(12px, 1.5vw, 14px);
    font-weight: 700;
    line-height: 1.4;
    background-color: #fcd2cb;
    border-radius: 20px;
    color: #ff3c00;
    padding: 8px 16px;
    width: 100%;
    width: -moz-fit-content;
    width: fit-content
}

.feat-molecule__img-row-container .col .deco-text {
    font-size: clamp(12px, 1.5vw, 14px);
    font-weight: 700;
    line-height: 1.4
}

.feat-molecule__img-row-container .col .caption__desc {
    font-size: clamp(12px, 1.5vw, 14px);
    line-height: 1.4;
    font-feature-settings: "palt";
    text-align: left
}

.feat-molecule__img-row-container .col .deco-arrow {
    width: 70%;
    height: 2px;
    background-color: #ff3c00;
    display: flex;
    align-items: center;
    position: relative
}

@media (max-width: 768px) {
    .feat-molecule__img-row-container .col .deco-arrow {
        height: 64px;
        width: 1px
    }
}

.feat-molecule__img-row-container .col .deco-arrow:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #fff1ef;
    border-left: 2px solid #FF3C00;
    border-top: 2px solid #FF3C00;
    transform: rotate(135deg);
    position: absolute;
    right: 0;
    top: -3px
}

@media (max-width: 768px) {
    .feat-molecule__img-row-container .col .deco-arrow:after {
        transform: rotate(225deg);
        top: auto;
        bottom: -3px;
        left: -3px
    }
}

.feat-molecule__img-row-container .col .deco-arrow:before {
    display: block;
    content: "";
    width: 100%;
    width: 6px;
    height: 6px;
    background-color: #ff3c00;
    border-radius: 50%
}

@media (max-width: 768px) {
    .feat-molecule__img-row-container .col .deco-arrow:before {
        position: absolute;
        right: -3px;
        top: 0
    }
}

.feat-molecule-cont-item {
    max-width: 640px
}

.feat-molecule-cont-item:not(:last-child) {
    margin-bottom: 60px
}

.feat-molecule-cont-item .feat-molecule-cont-item__desc+.row {
    margin-top: 40px
}

@media (max-width: 768px) {
    .feat-molecule-cont-item .feat-molecule-cont-item__desc+.row {
        margin-top: 20px
    }
}

.feat-molecule-cont-item .row {
    gap: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media (max-width: 768px) {
    .feat-molecule-cont-item .row {
        gap: 20px
    }
}

.feat-molecule-cont-item .row .col {
    width: 100%
}

.feat-molecule-cont-item .row .col .col__tit {
    font-size: clamp(14px, 2vw, 16px);
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
    background-color: #ff3c00;
    border-radius: 2px;
    padding: 8px 16px;
    margin-bottom: 24px
}

@media (max-width: 768px) {
    .feat-molecule-cont-item .row .col .col__tit {
        width: calc(100% - 20px);
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 16px
    }
}

@media (max-width: 768px) {
    .feat-molecule-cont-item .row.-process-image {
        margin-left: -20px;
        margin-right: -20px
    }
}

.feat-molecule-cont-item__tit {
    font-size: clamp(16px, 2.5vw, 24px);
    font-weight: 700;
    line-height: 1.4;
    color: #ff3c00;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column
}

.feat-molecule-cont-item__tit .-tit-head {
    font-size: clamp(12px, 1.5vw, 14px);
    font-weight: 700;
    line-height: 1.4;
    color: #ff3c00;
    display: inline;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 4px
}

.feat-molecule-cont-item__tit .-tit-head:after {
    content: "";
    display: block;
    width: 2px;
    height: 18px;
    background-color: #ff3c00;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(35deg)
}

.feat-molecule-cont-item__tit .-tit-head:before {
    content: "";
    display: block;
    width: 2px;
    height: 18px;
    background-color: #ff3c00;
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(325deg)
}

.feat-molecule-cont-item__desc {
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    line-height: 2.25;
    letter-spacing: .01em;
    text-align: justify
}

@media (max-width: 768px) {
    .feat-molecule-cont-item__desc {
        line-height: 2
    }
}

@media (max-width: 480px) {
    .feat-molecule-cont-item__desc {
        line-height: 1.8
    }
}

.fermentation-change {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%
}

.fermentation-change .secction-tit {
    font-size: clamp(1.5rem, 2.25vw, 2rem);
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    padding: 8px 24px 16px;
    margin: 60px auto 40px;
    font-feature-settings: "palt";
    position: relative;
    letter-spacing: .05em
}

@media (max-width: 768px) {
    .fermentation-change .secction-tit {
        padding-bottom: 8px
    }
}

.fermentation-change .secction-tit .-underline {
    color: #000;
    border-bottom: 3px solid rgba(255, 60, 0, .82)
}

.fermentation-change .secction-tit:before {
    content: "";
    display: block;
    width: 8px;
    height: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    position: absolute;
    left: 0;
    top: 0
}

.fermentation-change .secction-tit:after {
    content: "";
    display: block;
    width: 8px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.fermentation-change .page-section__head__tit {
    font-size: clamp(1.25rem, 2.5vw, 2.25rem);
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    color: #ff3c00;
    font-feature-settings: "palt";
    letter-spacing: .05em;
    margin-bottom: 1em
}

.fermentation-change .secction-desc {
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    line-height: 2.25;
    letter-spacing: .01em;
    text-align: justify
}

@media (max-width: 768px) {
    .fermentation-change .secction-desc {
        line-height: 2
    }
}

@media (max-width: 480px) {
    .fermentation-change .secction-desc {
        line-height: 1.8
    }
}

.fermentation-change .secction-desc {
    max-width: 640px;
    margin-bottom: 60px
}

.fermentation-fig-1 {
    display: flex;
    flex-direction: column;
    background-color: #fff1ef;
    padding: 60px;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px
}

.fermentation-fig-1 .deco-diagram-vartical {
    width: 80px;
    height: 1px;
    background-color: #ff3c00;
    transform: rotate(90deg);
    top: 0;
    position: relative
}

@media (max-width: 768px) {
    .fermentation-fig-1 .deco-diagram-vartical {
        display: none
    }
}

.fermentation-fig-1 .deco-diagram-vartical:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #ff3c00;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    right: -2px
}

.fermentation-fig-1 .deco-diagram {
    width: 72%;
    height: 40px;
    border-radius: 24px 24px 0 0;
    border-top: 1px solid #FF3C00;
    border-right: 1px solid #FF3C00;
    border-left: 1px solid #FF3C00;
    position: relative
}

@media (max-width: 768px) {
    .fermentation-fig-1 .deco-diagram {
        display: none
    }
}

.fermentation-fig-1 .deco-diagram:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #ff3c00;
    border-radius: 50%;
    position: absolute;
    bottom: -4px;
    right: -4px
}

.fermentation-fig-1 .deco-diagram:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #ff3c00;
    border-radius: 50%;
    position: absolute;
    bottom: -4px;
    left: -4px
}

.fermentation-fig-1__tit {
    font-size: clamp(1rem, 2.25vw, 2rem);
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    color: #ff3c00;
    font-feature-settings: "palt";
    margin-bottom: 40px
}

.fermentation-fig-1 .col {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 20px
}

@media (max-width: 768px) {
    .fermentation-fig-1 .col {
        padding-top: 0
    }

    .fermentation-fig-1 .col:not(:last-child):after {
        content: "";
        display: block;
        width: 1px;
        height: 64px;
        background-color: #ff3c00;
        margin-top: 16px
    }
}

.fermentation-fig-1 .col.-top-col {
    max-width: 216px;
    padding-bottom: 60px;
    padding-top: 0
}

@media (max-width: 768px) {
    .fermentation-fig-1 .col.-top-col {
        padding-bottom: 16px
    }
}

.fermentation-fig-1 .col.-top-col .col__tit {
    margin-bottom: 24px
}

.fermentation-fig-1 .col__tit {
    font-size: clamp(15px, 2vw, 18px);
    font-weight: 700;
    border: 1px solid #FF3C00;
    border-radius: 24px;
    padding: 4px 16px;
    color: #ff3c00
}

.fermentation-fig-1 .col__tit-sub {
    font-size: clamp(14px, 1.8vw, 18px);
    font-weight: 600;
    margin-bottom: 1em;
    color: #ff3c00;
    padding-top: 4px
}

.fermentation-fig-1 .col__img {
    width: 100%;
    max-width: 300px;
    margin-bottom: 1rem
}

.fermentation-fig-1 .col__img img {
    width: 100%;
    height: auto;
    border-radius: 8px
}

.fermentation-fig-1 .col__desc {
    font-size: clamp(14px, 2vw, 15px);
    line-height: 1.6;
    max-width: 300px;
    text-align: justify
}

.fermentation-fig-1 .row {
    display: flex;
    gap: 4rem;
    justify-content: center;
    flex-wrap: wrap
}

.fermentation-fig-1 .row .col {
    flex: 1;
    max-width: 300px
}

@media (max-width: 768px) {
    .fermentation-fig-1__tit {
        font-size: 1.25rem
    }

    .fermentation-fig-1 .col__tit {
        font-size: 1.1rem
    }

    .fermentation-fig-1 .col__tit-sub {
        font-size: 1rem
    }

    .fermentation-fig-1 .col__img {
        max-width: 250px
    }

    .fermentation-fig-1 .col__desc {
        font-size: .85rem;
        max-width: 250px
    }

    .fermentation-fig-1 .row {
        flex-direction: column;
        gap: 1.5rem;
        align-items: center
    }

    .fermentation-fig-1 .row .col {
        min-width: auto;
        max-width: 250px
    }
}

@media (max-width: 480px) {
    .fermentation-fig-1 {
        gap: 1rem
    }

    .fermentation-fig-1__tit {
        font-size: 1.1rem
    }

    .fermentation-fig-1 .col__tit {
        font-size: 1rem
    }

    .fermentation-fig-1 .col__tit-sub {
        font-size: .95rem
    }

    .fermentation-fig-1 .col__img {
        max-width: 200px
    }

    .fermentation-fig-1 .col__desc {
        font-size: .8rem;
        max-width: 200px
    }

    .fermentation-fig-1 .row {
        gap: 1rem
    }

    .fermentation-fig-1 .row .col {
        max-width: 200px
    }
}

.tea-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 60px
}

.tea-table th,
.tea-table td {
    border-bottom: 1px solid #fff;
    padding: .75rem;
    vertical-align: top
}

.tea-table thead th {
    background: #ff832b;
    text-align: center;
    color: #fff
}

.tea-table td {
    background: #fff1e6
}

.tea-table tbody th {
    background: #fff1e6;
    color: #ff3c00;
    width: 15%
}

@media (max-width: 640px) {
    .tea-table tbody th {
        background: #ffc79a;
        width: 100%;
        text-align: left
    }

    .tea-table thead {
        display: none
    }

    .tea-table,
    .tea-table tbody,
    .tea-table tr {
        display: block;
        width: 100%
    }

    .tea-table tr {
        border-radius: .5rem;
        margin: .75rem 0;
        overflow: hidden
    }

    .tea-table .row-h {
        display: block;
        background: #ffc79a;
        font-weight: 700;
        border-bottom: 1px solid #fff
    }

    .tea-table td {
        display: block;
        padding-top: .5rem;
        position: relative
    }

    .tea-table td:before {
        content: attr(data-col);
        display: block;
        font-size: .85rem;
        font-weight: 700;
        margin-bottom: .25rem;
        color: #ff3c00
    }

    .tea-table td[data-col=紅茶ポリフェノール]:before {
        color: #ff3c00
    }
}

.sr-only {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap
}

.fermentation-cont-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.fermentation-cont-1__tit {
    font-size: clamp(1.25rem, 2.5vw, 2.25rem);
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    color: #ff3c00;
    font-feature-settings: "palt";
    letter-spacing: .05em;
    margin-bottom: 1em
}

.fermentation-cont-1__desc {
    max-width: 640px
}

.fermentation-cont-1__desc__text {
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    line-height: 2.25;
    letter-spacing: .01em;
    text-align: justify
}

@media (max-width: 768px) {
    .fermentation-cont-1__desc__text {
        line-height: 2
    }
}

@media (max-width: 480px) {
    .fermentation-cont-1__desc__text {
        line-height: 1.8
    }
}

.fermentation-cont-1__desc__text-note {
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .025em;
    padding-left: 1.25em;
    text-indent: -1.25em;
    padding-top: 1em
}

.fermentation-cont-1__desc__text-note:before {
    content: "※";
    display: inline;
    padding-right: .25em
}

@media (max-width: 980px) {
    .fermentation-change-fig-1 {
        margin-left: -40px;
        margin-right: -40px
    }
}

@media (max-width: 768px) {
    .fermentation-change-fig-1 {
        margin-left: 0;
        margin-right: 0
    }
}

.fermentation-change-fig-1 .row {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 0
}

@media (max-width: 768px) {
    .fermentation-change-fig-1 .row {
        flex-direction: column;
        gap: 0
    }
}

.fermentation-change-fig-1 .col {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 30px 40px 30px 30px;
    position: relative;
    min-height: 100%
}

.fermentation-change-fig-1 .col:nth-child(1) {
    background-color: #fff1ef
}

.fermentation-change-fig-1 .col:nth-child(2) {
    background-color: #fbd5cf;
    position: relative
}

.fermentation-change-fig-1 .col:nth-child(2):before {
    content: "";
    position: absolute;
    left: -30px;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 100%;
    background-color: #fbd5cf;
    display: block
}

.fermentation-change-fig-1 .col:nth-child(3) {
    background-color: #ffcbc2;
    padding-right: 30px
}

.fermentation-change-fig-1 .col {
    --tip: 30px;
    clip-path: polygon(0 0, calc(100% - var(--tip)) 0, 100% 50%, calc(100% - var(--tip)) 100%, 0 100%)
}

.fermentation-change-fig-1 .col:last-child {
    clip-path: none
}

@media (max-width: 768px) {
    .fermentation-change-fig-1 .col {
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), 50% 100%, 0 calc(100% - 20px));
        max-width: 300px
    }

    .fermentation-change-fig-1 .col:last-child {
        clip-path: none
    }

    .fermentation-change-fig-1 .col:nth-child(2):before {
        display: none
    }
}

.fermentation-change-fig-1 .col .col-head {
    flex: 1
}

.fermentation-change-fig-1 .col .col-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 280px;
    padding-top: 6px;
    border-top: 1px solid rgba(0, 0, 0, .5)
}

@media (max-width: 768px) {
    .fermentation-change-fig-1 .col .col-body {
        min-height: auto;
        padding-bottom: 10px
    }
}

.fermentation-change-fig-1 .col .tit {
    flex: 0 0 auto
}

.fermentation-change-fig-1 .col .tit__label {
    font-size: clamp(12px, 1.5vw, 13px);
    font-weight: 500;
    border: 1px solid #000;
    display: inline-block;
    padding: 0 .875em;
    border-radius: 16px;
    margin-bottom: 4px
}

.fermentation-change-fig-1 .col .tit__text {
    font-size: 1.25rem;
    font-weight: 700
}

.fermentation-change-fig-1 .col .tit__text small {
    font-size: .875rem;
    font-weight: 400
}

.fermentation-change-fig-1 .col .tit__lead {
    font-size: 1rem;
    margin-bottom: 0;
    color: #ff3c00;
    font-weight: 700;
    padding-top: .75em
}

.fermentation-change-fig-1 .col .desc {
    flex: 0 0 auto;
    padding-bottom: 30px
}

.fermentation-change-fig-1 .col .desc .desc__text {
    font-size: clamp(14px, 1.5vw, 15px);
    font-weight: 400;
    line-height: 1.5
}

.fermentation-change-fig-1 .col .desc .desc__text .desc__text-note {
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .025em;
    padding-left: 1.25em;
    text-indent: -1.25em;
    display: block;
    margin-top: .5em
}

.fermentation-change-fig-1 .col .desc .desc__text .desc__text-note:before {
    content: "※";
    display: inline;
    padding-right: .25em
}

.fermentation-change-fig-1 .col .fig-formula {
    flex: 1;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.fermentation-change-fig-1 .col .fig-formula__count {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.fermentation-change-fig-1 .col .fig-formula__count-tit {
    font-size: clamp(12px, 1.5vw, 14px);
    font-weight: 700;
    line-height: 1.4;
    color: #ff3c00;
    margin-bottom: 4px
}

.fermentation-change-fig-1 .col .fig-formula__count-text {
    font-size: clamp(12px, 1.5vw, 14px);
    font-weight: 400;
    line-height: 1.4
}

@media (max-width: 768px) {
    .fermentation-change-fig-1 .col .fig-formula__tit {
        margin-bottom: 20px
    }
}

.fermentation-change-fig-1 .col .fig-formula__tit-text {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    color: #ff3c00
}

.fermentation-change-fig-1 .col .fig-formula__desc {
    font-size: clamp(12px, 1.5vw, 14px);
    font-weight: 700;
    line-height: 1.4
}

.fermentation-change-fig-1 .col .fig-formula__img {
    max-width: 170px
}












.page-header-news {
    margin-top: 36px;
    border-top: 1px solid #E9E1C4;
    background-image: linear-gradient(to right, rgba(227, 216, 181, .3) 1px, transparent 1px), linear-gradient(to bottom, rgba(227, 216, 181, .3) 1px, transparent 1px);
    background-size: 20px 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 768px) {
    .page-header-news {
        margin-top: 0;
    }
}



.page-header-news__tit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.page-header-news__tit__hd {
    color: #ff3c00;
    font-size: clamp(12px, 1.5vw, 18px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .025em;
    text-transform: uppercase
}

.page-header-news__tit__text {
    font-size: clamp(32px, 5vw, 64px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .025em
}

.page-header-news__tit__lead {
    font-size: clamp(12px, 1.5vw, 18px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .025em;
    padding-top: 8px
}


.page-header-news__cont {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    min-height: 182px;
    padding-top: 40px;
    padding-bottom: 40px
}

.page-section-news {
    border-bottom: 1px solid #E9E1C4;
    border-top: 1px solid #E9E1C4;
    /* background-image: linear-gradient(to right, rgba(227, 216, 181, .2) 1px, transparent 1px), linear-gradient(to bottom, rgba(227, 216, 181, .2) 1px, transparent 1px); */
    background-size: 20px 20px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
    min-height: 50vh;
}



/* お知らせ一覧 */
.news-items {
    max-width: 640px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

.news-item {
    display: flex;
    align-items: center;
}

.news-item:not(:last-child) {
    border-bottom: 1px dashed #E9E1C4;
}

.news-link {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 0;
    width: 100%;
}

@media (max-width: 768px) {
    .news-link {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
}

.news-link .news-title {
    transition: color .2s cubic-bezier(.4, 0, .2, 1);
}

.news-link:hover .news-title,
.news-link:focus .news-title,
.news-link:active .news-title{
    color: #ff3c00;
}

.news-date {
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    line-height: 1.3;
    display: block;
    opacity: 0.75;
}

.news-title {
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    line-height: 1.3;
    font-feature-settings: "palt";
    word-break: break-all;
    overflow-wrap: break-word;
}

@media (max-width: 768px) { 
    .news-date {
        font-size: .875rem;
    }
    .news-title {
        font-size: .875rem;
    }
}


/* お知らせ詳細 */
.news-single {
    max-width: 1100px;
    margin: 0 auto;
    padding: 80px 20px;
}

@media (max-width: 768px) {
    .news-single {
        padding: 40px 20px;
    }
}

.news-single__head {
    padding-bottom: 60px;
    max-width: 640px;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .news-single__head {
        padding-bottom: 40px;
    }
}

.news-single__title {
    font-size: clamp(24px, 5vw, 40px);
    font-weight: 700;
    line-height: 1.3;
    font-feature-settings: "palt";
    word-break: break-all;
    overflow-wrap: break-word;
    margin-bottom: 8px;
}

.news-single__date {
    font-size: clamp(.7rem, 1vw, .75rem);
    display: block;
}

.news-single__head__meta {
    display: flex;
    align-items: center;
    gap: 8px;
}

.news-single__head__meta__text {
    font-size: clamp(.7rem, 1vw, .75rem);
    display: block;
    font-weight: bold;
}

.news-single__head__meta__text a{
    color: #ff3c00;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
    opacity: 0.9;
    text-decoration: underline;
}

.news-single__head__meta__text a:hover,
.news-single__head__meta__text a:focus,
.news-single__head__meta__text a:active {
    opacity: 1;
}

.news-single__content {
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    line-height: 2;
    letter-spacing: .01em;
    text-align: justify;
    max-width: 640px;
    margin: 0 auto;
    word-break: break-all;
    overflow-wrap: break-word;
    padding-bottom: 40px;
    border-bottom: 1px solid #E9E1C4;
}

.news-single__content p:not(:last-child){
    margin-bottom: 2em;
}

.news-single__content a{
    color: #ff3c00;
    text-decoration: underline;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
    opacity: 0.9;
}

.news-single__content a:hover,
.news-single__content a:focus,
.news-single__content a:active {
    opacity: 1;
}

.news-single__nav {
    max-width: 640px;
    margin: 0 auto;
    padding-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 24px;
    border: 1px solid #FF3C00;
    border-radius: 24px;
    background-color: transparent;
    color: #ff3c00;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1);
}

.btn-back:hover,
.btn-back:focus,
.btn-back:active {
    background-color: #FF3C00;
    color: #fff;
}

.pagination {
    max-width: 640px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-top: 1px solid #E9E1C4;
    border-bottom: 1px solid #E9E1C4;
    margin-bottom: 20px;
}

.pagination a {
    color: #ff3c00;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
    opacity: 0.9;
}

.page-numbers {
    padding: 8px;
    opacity: 0.9;
}

.pagination .current {
    color: #ff3c00;
    font-weight: bold;
    padding: 8px;
}

.pagination a:hover,
.pagination a:focus,
.pagination a:active {
    opacity: 1;
}

.news-btn-cont {
    max-width: 640px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 40px;
}