/*====================================================
////id |  mv
====================================================*/
#mv {
    overflow: hidden;
}
.mv-inner {
    display: flex;
        align-items: center;
    height: 100vh;
    height: 100svh;
}
.mv-img_wrapper {
    display: flex;
        justify-content: flex-end;
    position: absolute;
        top: 0;
        right: 0;
    width: 100%;
    height: 100%;
}
.mv-img {
    background-repeat: repeat-y;
}
#mv .blob_wrapper {
    padding: 0;
}    
#mv .mv-blob:nth-child(1) {
    background: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 346 326'><path fill='%23f7f5ef' d='M312.11,164.26c14.95,12.75,30.92,27.29,33.52,46.76,4.06,30.37-25.65,53.85-53.06,67.55-43.27,21.61-89.63,36.37-137.43,43.75-26.56,4.09-53.98,5.85-80.08-.5-26.11-6.35-50.94-21.74-63.87-45.28C-2.4,251.81-1.37,221.79,2.66,193.87c6.08-42.01,18.1-82.95,35.7-121.58,8.72-19.1,19.05-37.96,34.41-52.29,44.54-41.55,93.78-11.88,123.45,30.06,32.21,45.53,73.48,78.05,115.89,114.21Z' /></svg>") no-repeat center;
}
#mv .mv-blob:nth-child(2) {
    background: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 119 127'><path fill='%23f7f5ef' d='M30.05,21.34c.08-8.62,6.39-15.7,12.72-19.3,9.88-5.62,22.1,1.32,30.63,8.83,13.45,11.85,24.98,25.72,34.18,41.11,5.1,8.55,9.52,17.72,10.97,27.57,1.45,9.85-.39,20.52-6.69,28.23-6.62,8.1-17.09,11.92-27.26,14.42-15.3,3.75-31.06,5.31-46.8,4.64-7.79-.33-15.71-1.26-22.78-4.54-20.49-9.52-17.14-30.55-6.84-46.57,11.18-17.39,23.64-18.87,21.88-54.39Z' /></svg>") no-repeat center;
}
#mv .mv-blob:nth-child(3) {
    background: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 96 88'><path fill='none' stroke='%238CC63F' stroke-width='3' stroke-dasharray='4 8' d='M9.39,21.16C17.9,9.37,32.27,2.4,46.79,1.62c5.95-.49,11.92.51,17.39,2.9,5.96,2.82,10.66,7.75,14.61,13.03,7.67,10.17,12.81,22.02,14.99,34.57,1.08,6.49,1.24,13.46-1.72,19.35-2.63,4.83-6.75,8.68-11.74,10.99-8.19,4.05-17.74,4.77-26.78,3.42-9.04-1.35-17.67-4.65-26.04-8.32-7.75-3.4-18.36-7.95-22.79-15.7-3.89-6.81-3.74-17.6-2.2-24.96,1.17-5.67,3.51-11.02,6.88-15.73Z' /></svg>") no-repeat center;
}
.mv-text .en {
    display: block;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.2;
}
.mv-text .en > span:nth-child(4) {
    color: var(--mainColor);
}
.mv-text .jp {
    animation-delay: .6s;
    display: block;
    font-weight: 400;
    line-height: 2;
    margin-top: 1em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    .mv-img {
        animation: loop-u 70s linear infinite;
        background-size: 47.5vw 136.6vw;
        margin-left: .8vw;
        width: 47.5vw;
    }
    .mv-img:nth-child(2) {
        display: none;
    }
    @keyframes loop-u {
        from { background-position: 0 0; }
        to   { background-position: 0 136.6vw;}
    }
    @keyframes loop-t {
        from { background-position: 0 0; }
        to   { background-position: 0 -80vw;}
    }
    .mv-blob:nth-child(1) {
        bottom: 58%;
        left: -8%;
        width: min(35vw, 340px);
        height: min(35vw, 340px);
    }
    .mv-blob:nth-child(2) {
        top: 65%;
        right: 60%;
        width: min(16vw, 150px);
        height: min(16vw, 150px);
    }
    .mv-blob:nth-child(3) {
        top: calc(65% + min(10vw, 100px));
        right: calc(60% - min(3vw, 30px));
        width: min(10.5vw, 80px);
        height: min(10.5vw, 80px);
    }
    .mv-inner {
        min-height: 400px;
    }
    .mv-text .en {
        font-size: min(12vw, 8rem);
    }
    .mv-text .jp {
        font-size: min(4vw, 2.2rem);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960px) {
    .mv-img {
        width: 27.5vw;
        background-size: 27.5vw 80vw;
        margin-left: .8vw;
    }
    .mv-img:nth-child(1) {
        animation: loop-u 70s linear infinite;
    }
    .mv-img:nth-child(2) {
        animation: loop-t 70s linear infinite;
    }
    @keyframes loop-u {
        from { background-position: 0 0; }
        to   { background-position: 0 80vw;}
    }
    @keyframes loop-t {
        from { background-position: 0 0; }
        to   { background-position: 0 -80vw;}
    }
    .mv-inner {
        min-height: 800px;
    }
    #mv .mv-blob:nth-child(1) {
        bottom: 53%;
        right: 92%;
        width: min(20vw, 340px);
        height: min(20vw, 340px);
    }
    #mv .mv-blob:nth-child(2) {
        bottom: 10%;
        right: 70%;
        width: min(8vw, 150px);
        height: min(8vw, 150px);
    }
    #mv .mv-blob:nth-child(3) {
        bottom: 10%;
        right: 68%;
        width: min(5vw, 80px);
        height: min(5vw, 80px);
    }
    .mv-text .en {
        font-size: min(8.3vw, 10rem);
    }
    .mv-text .jp {
        font-size: min(2.7vw, 3rem);
    }
}

@media (hover: hover) {}

/*====================================================
////id |  about
====================================================*/
#about {
    background: url('../img/top/top_about-bg.webp') no-repeat center / cover;
    position: relative;
    z-index: 20;
}
#about::before {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1920 290"><path fill="%23ffffff" d="M1920,290h-.5v-.5H.5v.5h-.5v-57.18c.15.33.33.65.5.98v1.31c2.29,4.18,5.22,7.97,8.68,11.25,6.48,6.44,14.97,12.3,25.21,17.44,13.6,6.81,30.14,12.21,49.14,16.03,11.85,2.34,23.82,4.05,35.85,5.12,13.87,1.27,28.88,1.92,44.61,1.92h.02c26.18-.12,52.33-1.61,78.36-4.45,30.72-3.23,64.23-8.29,99.59-15.03,15.15-2.89,30.54-6.24,45.74-9.96,14.5-3.55,29.31-7.55,44.03-11.89,27.18-8.02,54.66-17.36,84.01-28.53,24.49-9.33,50.81-20.16,80.45-33.11,26.47-11.57,53.23-23.79,79.1-35.6C829.39,77.92,988.74,5.16,1226.2.21c6.7-.14,13.51-.21,20.23-.21,20.08,0,40.55.63,60.85,1.88,19.57,1.2,39.5,3,59.24,5.35,18.99,2.26,38.31,5.1,57.44,8.42,18.35,3.19,37,6.92,55.45,11.08,34.49,7.79,69.53,17.38,104.15,28.51,31.25,10.05,62.83,21.57,93.88,34.24,51.69,21.12,102.04,45.36,150.79,72.59,41.2,23.02,72.36,43.3,91.26,56.24v-1.22c.17.11.34.23.5.34v72.55Z" /></svg>') no-repeat center bottom / contain;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        left: 0;
        bottom: -1px;
    width: 100%;
}
.about-blob-1 {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 337 360"><path fill="%23f3fbe7" d="M85.08,60.5c.24-24.44,18.09-44.5,36.02-54.7,27.99-15.92,62.58,3.75,86.73,25.04,38.1,33.6,70.75,72.92,96.78,116.54,14.45,24.24,26.97,50.24,31.06,78.16,4.1,27.92-1.11,58.16-18.95,80.02-18.74,22.95-48.4,33.79-77.19,40.86-43.33,10.63-87.96,15.07-132.54,13.16-22.05-.95-44.5-3.57-64.51-12.88-58.03-26.98-48.53-86.61-19.36-132.02,31.67-49.29,66.94-53.48,61.95-154.17Z" /></svg>') no-repeat top center / contain;
}
.about-blob-2 {
    background: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 115 124'><path fill='none' stroke='%238CC63F' stroke-width='5' stroke-dasharray='4 8' d='M94.89,30.02c7.18,8.83,14.5,18.06,16.86,29.56,3.99,19.37-8.31,42.5-27.24,53.74-18.94,11.24-42.75,10.63-58.84-.12C9.58,102.45,1.31,82.57,2.64,62.13,3.8,44.27,13.64,13.19,34,5.42c26.4-10.09,47.32,7.92,60.89,24.6Z' /></svg>") no-repeat center;
}
.about-main {
    display: grid;
        grid-gap: min(10vw, 40px) min(5vw, 60px);
}
.about-head .en {
    font-size: min(6.4vw, 3rem);
    margin-bottom: .5em;
}
.about-head .en > span:nth-child(7) {
    color: var(--mainColor);
}
.about-items {
    margin-top: min(10.5vw, 75px);
}
.about-item .img .coverImg {
    border-radius: 10px;
}
.about-item dl {
    background: #fff;
    border-radius: 10px;
    line-height: 1.7;
    margin: -70px auto 0;
    position: relative;
    width: 88.5%;
}
.about-item dt {
    margin-bottom: .8em;
    text-align: center;
    padding-bottom: .8em;
    position: relative;
}
.about-item dt::after {
    border-bottom: solid 2px var(--green);
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    width: 1.9em;
    height: 0;
}
.about-link {
    margin-top: min(11.5vw, 84px);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    #about::before {
        background-size: cover;
        transform: scaleX(.64);
        left: -28.125%;
        right: -28.125%;
        width: 156.25%;
        height: min(55vw, 250px);
    }
    .about-head {
        margin-bottom: 0;
    }
    .about-head .jp {
        margin-top: 0;
    }
    .about-blob-1 {
        right: -5vw;
        bottom: 40px;
        width: min(26vw, 350px);
        height: min(26vw, 350px);
    }
    .about-blob-2 {
        right: min(25vw, 200px);
        bottom: min(10vw, 100px);
        width: min(10vw, 120px);
        height: min(10vw, 120px);
    }
    .about-inner {
        padding-bottom: 0;
    }
    .about-items {
        display: grid;
            grid-gap: min(10vw, 40px);
    }
    .about-item .img .coverImg {
        padding-top: min(65.7%, 300px);
    }
    .about-item dl {
        padding: min(8.5vw, 32px);
        margin-top: calc(min(10vw, 40px) * -1);
    }
    .about-item dt {
        font-size: min(4.8vw, 1.8rem);
    }

}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960px) {
    #about::before {
        height: 16vw;
    }
    #about .blob_wrapper {
        top: auto;
        bottom: calc(min(10vw, 130px) * -1);
    }
    .about-blob-1 {
        right: -5vw;
        bottom: 40px;
        width: min(26vw, 350px);
        height: min(26vw, 350px);
    }
    .about-blob-2 {
        right: min(25vw, 200px);
        bottom: min(10vw, 100px);
        width: min(10vw, 120px);
        height: min(10vw, 120px);
    }
    .about-inner {
        padding-bottom: min(12vw, 220px);
    }
    .about-main {
        grid-template-columns: auto 1fr;
    }
    .about-head .jp {
        font-size: min(3.6vw, 4.0rem);
    }
    .about-text {
        margin: 0 0 0 auto;
        max-width: 510px;
    }
    .about-text.show {
        animation-delay: .3s;
    }
    .about-items {
        display: grid;
            grid-gap: min(2vw, 30px);
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            justify-content: center;
    }
    .about-item {
        display: grid;
            grid-gap: 0;
            grid-template-rows: subgrid;
            grid-row: span 2;
    }
    .about-item:nth-child(2).show {
        animation-delay: .3s;
    }
    .about-item:nth-child(3).show {
        animation-delay: .6s;
    }
    .about-item .img .coverImg {
        padding-top: 84%;
    }
    .about-item dl {
        padding: min(2.5vw, 40px) min(2vw, 28px);
    }
    .about-item dt {
        font-size: min(1.8vw, 2.2rem);
    }
    .about-item dd {
        font-size: min(1.6vw, 1.7rem);
    }
}

@media (hover: hover) {}

/*====================================================
////id |  work
====================================================*/
#work {
    overflow: hidden;
}
.work-inner {
    padding-top: min(15vw, 55px);
}
.work-head .en > span:nth-child(3) {
    color: var(--mainColor);
}
.work-slider {
    margin: auto;
    position: unset;
    width: min(85%, 720px);
}
.work-items .slick-list {
    overflow: visible;
}
.work-item .cate_item {
    background: var(--mainColor);
    border-radius: 3em;
    color: #fff;
    font-size: .8em;
    padding: .3em .8em .4em;
}
.work-link {
    margin-top: min(9vw, 70px);
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .work-head_wrapper {
        padding-bottom: 15px;
    }
    .work-items .slick-arrow {
        top: auto;
        bottom: calc(100% + min(12.5vw, 47px));
        width: 50px;
        height: 50px;
    }
    .work-items .slick-prev {
        left: auto;
        right: 55px;
    }
    .work-items .slick-next {
        right: 0;
    }
    .work-items .slick-arrow:before ,
    .work-items .slick-arrow:after {
        background: #fff url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 50 50"><path fill="%23494949" d="M50,25c0-.26-.01-.51-.02-.76C49.59,11.21,39.24.69,26.29.03c-.43-.02-.85-.03-1.29-.03s-.86.01-1.29.03C10.52.7.03,11.6,0,24.95c0,.02,0,.03,0,.05h0c0,13.81,11.19,25,25,25s24.63-10.84,24.98-24.34c0-.22.02-.44.02-.66h0ZM25,1c13.23,0,24,10.77,24,24s-10.77,24-24,24S1,38.23,1,25,11.77,1,25,1ZM34.43,26.06H13.75v-1.5h20.87l-2.09-2.09.6-.6,3.34,3.34-.73.73v.11h-.11l-2.5,2.5-.6-.6,1.9-1.9Z" /></svg>') no-repeat center / contain;
    }
    .work-item {
        padding: 0 6px;
    }
    .work-item .coverImg {
        border-radius: 10px;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .work-head_wrapper {
        padding-bottom: 15px;
    }
    .work-items .slick-arrow {
        top: auto;
        bottom: calc(100% + 64px);
        width: 80px;
        height: 80px;
    }
    .work-items .slick-prev {
        left: auto;
        right: 90px;
    }
    .work-items .slick-next {
        right: 0;
    }
    .work-items .slick-arrow:before ,
    .work-items .slick-arrow:after {
        background: #fff url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 80 80"><path fill="%23494949" d="M80,40c0-.62-.02-1.25-.05-1.86C79.01,17.59,62.57,1.09,42.06.05c-.68-.03-1.37-.05-2.06-.05s-1.38.02-2.06.05C16.83,1.12.04,18.56,0,39.93c0,.02,0,.04,0,.07h0c0,22.09,17.91,40,40,40s39.05-16.98,39.96-38.27c.02-.57.04-1.15.04-1.73h0ZM40,1c21.5,0,39,17.5,39,39s-17.5,39-39,39S1,61.5,1,40,18.5,1,40,1ZM55.55,41.25H22v-1.5h33.85l-3.8-3.8.95-.95,5.35,5.36-5.35,5.35-.95-.95,3.5-3.5Z" /></svg>') no-repeat center / contain;
    }
    .work-item {
        padding: 0 2px;
    }
    .work-item .coverImg {
        border-radius: 20px;
    }
}

@media (hover: hover) {}

/*====================================================
////id |  voice
====================================================*/
#voice {
    position: relative;
}
#voice::before {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1920 190"><path fill="%23ffffff" d="M0,.03h945.76C549.98,1.8,202.46,76.93,0,190V.03ZM945.76.03h28.49c-4.74-.02-9.49-.03-14.24-.03s-9.5.01-14.24.03ZM974.24.03c395.78,1.76,743.3,76.9,945.76,189.97V.03h-945.76Z" /></svg>') no-repeat top center / contain;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
    width: 100%;
    height: 10vw;
}
.voice-blob {
    background: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 225 205'><path fill='none' stroke='%238CC63F' stroke-width='5' stroke-dasharray='4 8' d='M21.17,48.68C41.3,20.91,75.29,4.5,109.65,2.67c14.03-.75,28.45.84,41.15,6.82,14.1,6.63,25.22,18.25,34.56,30.68,17.96,23.91,30.52,51.94,35.46,81.39,2.56,15.29,2.92,31.69-4.07,45.55-5.79,11.47-16.21,20.18-27.77,25.88-19.38,9.55-41.97,11.23-63.36,8.05-21.39-3.18-41.8-10.96-61.61-19.6-18.33-7.99-43.44-18.71-53.92-36.96C.89,128.44,1.26,103.04,4.89,85.71c2.77-13.34,8.32-25.95,16.28-37.03Z' /></svg>") no-repeat center;
}
.voice-head .en > span:nth-child(4) {
    color: var(--mainColor);
}
.voice-item-img .coverImg {
    border-radius: 10px;
    padding-top: 63.5%;
}
.voice-item-icon {
    background: var(--l_beige);
    border-radius: 100%;
    margin: auto;
    padding: 8px;
    position: relative;
}
.voice-item-icon .coverImg {
    border-radius: 100%;
    padding-top: 100%;
}


.voice-items:has(.slick-list) {
    overflow: hidden;
}
.voice-slider:has(.slick-list) {
    margin: auto;
    width: min(90%, 1200px);
}
.voice-slider .slick-list {
    overflow: visible;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    #voice .blob_wrapper {
        top: -50px;
    }
    .voice-blob {
        top: 30px;
        right: 94%;
        width: min(15vw, 220px);
        height: min(14vw, 200px);
    }
    .voice-inner {
        width: 100%;
    }
    .voice-item {
        padding: 0 min(2.5vw, 37px);
    }    
    .voice-item-icon {
        margin-top: -50px;
        width: 100px;
    }
    .voice-item dt {
        font-size: min(4.2vw, 1.142em);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    #voice .blob_wrapper {
        top: -50px;
    }
    .voice-blob {
        top: 30px;
        right: 94%;
        width: min(15vw, 220px);
        height: min(14vw, 200px);
    }
    .voice-items {
        margin: 0 calc(min(2vw, 37px) * -1);
    }
    .voice-item {
        padding: 0 min(2vw, 37px);
    }    
    .voice-item-icon {
        margin-top: -50px;
        width: 100px;
    }
}

@media (hover: hover) {}

/*====================================================
////id |  flow
====================================================*/
#voice + #flow::before {
    background: var(--l_beige);
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
    width: 100%;
    height: min(72vw, 355px);
}
#flow::after {
    background: url('../img/top/flow_bg.webp') no-repeat center / cover;
    border-radius: min(5vw, 50px);
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
        right: 0;
    width: min(90%, calc(100% - 120px));
    height: 100%;
}
.flow-inner {
    padding-left: 5vw;
    padding-right: 5vw;
}
.flow-head .en > span:nth-child(2) {
    color: var(--mainColor);
}
.flow-items {
    padding-bottom: 1px;
}
.flow-main {
    background: #fff;
    border: solid 2px var(--mainColor);
    border-radius: 100%;
    display: flex;
        align-items: center;
        justify-content: center;
    margin: auto;
    padding-top: min(100%, 250px);
    position: relative;
    width: min(100%, 250px);
}
.flow-title_wrapper {
    display: flex;
        align-items: center;
        justify-content: center;
    position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    width: 100%;
    height: 100%;
}
.flow-title_wrapper > div {
    width: 100%;
}
.flow-no {
    border-radius: 100%;
    display: flex;
        align-items: center;
        justify-content: center;
    position: absolute;
        top: .38em;
        left: 0;
    width: 2.3em;
    height: 2.3em;
}
.flow-img {
    margin: auto;
    width: 44%;
}
.flow-img .coverImg {
    padding-top: 80%;
}
.flow-title {
    display: flex;
        align-items: center;
        justify-content: center;
    font-weight: 700;
    line-height: 1.6;
    margin-top: .8em;
    text-align: center;
    width: 100%;
    height: 3em;
}
.flow-link {
    margin-top: min(9vw, 70px);
}

.flow-slider .slick-dots li:not(.slick-active) button::before {
    background: #fff;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    #flow::after {
        width: min(90%, 1200px);
    }
    .flow-head {
        padding-left: .7em;
    }
    .flow-item {
        padding: 0 2vw;
    }
    .flow-main,
    .flow-text {
        margin: auto;
        max-width: 260px;
    }
    .flow-no {
        font-size: 2.6rem;
    }
    .flow-title {
        font-size: min(4.8vw, 1.3em);
    }
}
@media screen and (max-width: 769px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960px) {
    .flow-inner {
        padding-bottom: min(9vw, 70px);
    }
    .flow-slider {
        display: grid;
            grid-gap: min(6vw, 50px) min(2.5vw, 37px);
            grid-template-columns: repeat(3, 1fr);
    }
    .flow-no {
        font-size: 2.6rem;
    }
    .flow-title {
        font-size: 2rem;
    }
}

@media print, screen and (min-width: 1300px) {
    .flow-wrapper {
        display: grid;
            grid-gap: min(3vw, 70px);
            grid-template-columns: auto 1fr;
    }
    .flow-head .jp {
        font-size: min(2.6vw, 4.0rem);
    }
    .flow-no {
        font-size: min(1.8vw, 2.6rem);
    }
    .flow-title {
        font-size: min(1.3vw, 2rem);
    }
}

@media print, screen and (min-width: 1500px) {
    .flow-inner {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (hover: hover) {}

/*====================================================
////id |  faq
====================================================*/
#faq {
    z-index: 10;
}
.faq-head .en > span:nth-child(1) {
    color: var(--mainColor);
}
.faq-blob-1 {
    background: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 232 309'><path fill='%23f7f5ef'  d='M111.89,11.32C95.16,2.28,75.64-2.6,57.86,1.42,29.84,7.77,12.14,34.53,5.09,62.03c-11.43,44.64-1.44,92.97,8.55,139.37,5.28,24.52,10.9,49.84,25.62,70.83,20.81,29.69,56.72,43.4,90.09,33.66,30.36-8.86,56.47-30.17,74.45-54.91,13.73-18.89,25.29-40.21,27.71-63.92,2.7-26.42-6.28-53.82-20.67-77.44-14.39-23.62-33.93-43.93-54.08-63.16-13.79-13.17-28.16-26.1-44.88-35.14Z' /></svg>") no-repeat center;
}
.faq-blob-2 {
    background: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 355 300'><path fill='none' stroke='%238CC63F' stroke-width='5' stroke-dasharray='4 8' d='M295.19,51.48c20.33,8.84,38.87,23.67,48.02,43.92,14.4,31.9,12.28,69.56-7.81,98.2-32.61,46.49-93.63,44.33-143.29,71.69-26.24,14.46-53.46,29.22-83.29,31.83-42.17,3.68-80.62-19.82-95.76-59.56C-.74,201.41-.06,159.42,9.6,122.49c7.38-28.2,18.56-56.25,38.5-77.45C70.33,21.42,101.88,8.21,133.87,3.2c31.99-5.01,53.76,18.4,85.89,22.39,22,2.73,55.1,17.05,75.43,25.89Z' /></svg>") no-repeat center;
}
.faq-blob-3 {
    background: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 289 305'><path fill='none' stroke='%238CC63F' stroke-width='5' stroke-dasharray='4 8' d='M74.21,52.92c.21-20.37,15.24-37.08,30.36-45.59,23.59-13.26,52.73,3.12,73.09,20.86,32.11,28,59.62,60.77,81.56,97.12,12.18,20.2,22.73,41.87,26.18,65.13,3.45,23.26-.94,48.47-15.98,66.68-15.79,19.13-40.78,28.15-65.05,34.05-36.52,8.86-74.13,12.56-111.69,10.97-18.58-.79-37.5-2.98-54.37-10.73-48.9-22.48-40.9-72.17-16.31-110.02,26.69-41.08,56.41-44.57,52.21-128.47Z' /></svg>") no-repeat center;
}
.faq-blob-4 {
    background: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 122 114'><path fill='%23f7f5ef'  d='M20.51,85.22c-8.29-.09-15.08-6.12-18.54-12.19-5.39-9.47,1.27-21.17,8.49-29.34,11.39-12.89,24.71-23.93,39.49-32.74C58.16,6.07,66.97,1.83,76.43.45s19.71.37,27.12,6.41c7.78,6.34,11.45,16.37,13.85,26.11,3.6,14.66,5.1,29.76,4.46,44.84-.32,7.46-1.21,15.05-4.37,21.82-9.14,19.63-29.35,16.41-44.74,6.55-16.7-10.72-18.12-22.65-52.24-20.96Z' /></svg>") no-repeat center;
}
.faq-link {
    margin-top: min(10.5vw, 55px);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .faq-inner {
        padding-bottom: 40px;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    #faq .blob_wrapper {
        top: calc(min(25vw, 180px) * -1);
        height: calc(100% + min(50vw, 440px));
    }
    #faq .blobs {
        width: 100%;
    }
    .faq-blob-1 {
        top: min(26vw, 220px);
        right: calc(100% - min(16vw, 260px));
        /* transform: scaleX(.8); */
        width: min(20vw, 310px);
        height: min(20vw, 310px);
    }
    .faq-blob-2 {
        top: 30px;
        left: 6vw;
        width: min(23vw, 300px);
        height: min(25vw, 340px);
    }
    .faq-blob-3 {
        right: calc(min(5vw, 50px) * -1);
        bottom: min(13vw, 160px);
        width: min(20vw, 290px);
        height: min(20vw, 290px);
    }
    .faq-blob-4 {
        right: min(12vw, 200px);
        bottom: 40px;
        width: min(8vw, 120px);
        height: min(8vw, 120px);
    }
    .faq-inner {
        padding-bottom: 0;
    }

}

@media (hover: hover) {}

/*====================================================
////id |  news
====================================================*/
#news {
    background: var(--l_green);
}
#news::before {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1930 310"><path fill="%23ffffff" d="M1930,11.11s-397,259.66-690.79,223.22c-293.8-36.44-235.82-72.86-524.16-134.44C442.37,70.98,424.97,90.06,0,310V0h1930v11.11Z" /></svg>') no-repeat top center / contain;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: -1px;
        left: 0;
    width: 100%;
    height: 500px;
}
.news-wrapper {
    display: grid;
        grid-gap: min(10vw, 40px) min(5vw, 50px);
}
.news-head .en > span:nth-child(4) {
    color: var(--green);
}
.news-link {
    margin-top: min(10vw, 56px);
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    #news::before {
        background-size: cover;
        transform: scaleX(.8);
        top: -40px;
        left: -12.5%;
        right: -12.5%;
        width: 125%;
        height: min(40vw, 200px);
    }
    .news-wrapper {
        grid-gap: 0;
    }

}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .news-inner {
        padding-top: min(18vw, 230px);
    }
    .news-wrapper {
        grid-template-columns: 30% 1fr;
    }
    .news-head {
        font-size: min(5vw, 4.0rem);
    }
    .news-items {
        padding-top: 1.5em;
    }
}

@media (hover: hover) {}