.leales-33 .leales-element.leales-element-2cfa39a{margin-top:0px;margin-bottom:0px;}.leales-33 .leales-element.leales-element-2ce3742 > .leales-column-wrap > .leales-widget-wrap > .leales-widget:not(.leales-widget__width-auto):not(.leales-widget__width-initial):not(:last-child):not(.leales-absolute){margin-bottom:0px;}.leales-33 .leales-element.leales-element-818ea38{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.leales-33 .leales-element.leales-element-ecfc614 > .leales-column-wrap > .leales-widget-wrap > .leales-widget:not(.leales-widget__width-auto):not(.leales-widget__width-initial):not(:last-child):not(.leales-absolute){margin-bottom:0px;}.leales-33 .leales-element.leales-element-168b143{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.leales-33 .leales-element.leales-element-75a0c83 > .leales-column-wrap > .leales-widget-wrap > .leales-widget:not(.leales-widget__width-auto):not(.leales-widget__width-initial):not(:last-child):not(.leales-absolute){margin-bottom:0px;}.leales-33 .leales-element.leales-element-91c153d{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.leales-33 .leales-element.leales-element-bd442f5 > .leales-column-wrap > .leales-widget-wrap > .leales-widget:not(.leales-widget__width-auto):not(.leales-widget__width-initial):not(:last-child):not(.leales-absolute){margin-bottom:0px;}.leales-33 .leales-element.leales-element-1cb9430{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.leales-33 .leales-element.leales-element-e5b1361{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.leales-33 .leales-element.leales-element-123e604 > .leales-column-wrap > .leales-widget-wrap > .leales-widget:not(.leales-widget__width-auto):not(.leales-widget__width-initial):not(:last-child):not(.leales-absolute){margin-bottom:0px;}.leales-33 .leales-element.leales-element-f2be2b2 > .leales-container{max-width:1200px;}.leales-33 .leales-element.leales-element-f2be2b2{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.leales-33 .leales-element.leales-element-fa88fdc > .leales-column-wrap > .leales-widget-wrap > .leales-widget:not(.leales-widget__width-auto):not(.leales-widget__width-initial):not(:last-child):not(.leales-absolute){margin-bottom:0px;}.leales-33 .leales-element.leales-element-9079e81 > .leales-widget-container{margin:50px 0px 0px 0px;}.leales-33 .leales-element.leales-element-1fab373 > .leales-widget-container{margin:80px 0px 0px 0px;}.leales-33 .leales-element.leales-element-766c104{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.leales-33 .leales-element.leales-element-fe2c8ce:not(.leales-motion-effects-element-type-background), .leales-33 .leales-element.leales-element-fe2c8ce > .leales-motion-effects-container > .leales-motion-effects-layer{background-color:#E49FAE;}.leales-33 .leales-element.leales-element-fe2c8ce{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.leales-33 .leales-element.leales-element-fe2c8ce > .leales-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.leales-33 .leales-element.leales-element-32c3129 > .leales-widget-container{margin:20px 0px 0px 0px;}.leales-33 .leales-element.leales-element-4036a8c{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.leales-33 .leales-element.leales-element-40e329c > .leales-column-wrap > .leales-widget-wrap > .leales-widget:not(.leales-widget__width-auto):not(.leales-widget__width-initial):not(:last-child):not(.leales-absolute){margin-bottom:0px;}.leales-33 .leales-element.leales-element-4c3fa36{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.leales-33 .leales-element.leales-element-c7d951e > .leales-column-wrap > .leales-widget-wrap > .leales-widget:not(.leales-widget__width-auto):not(.leales-widget__width-initial):not(:last-child):not(.leales-absolute){margin-bottom:0px;}@media(max-width:1024px){.leales-33 .leales-element.leales-element-2cfa39a{margin-top:0px;margin-bottom:0px;}.leales-33 .leales-element.leales-element-9079e81 > .leales-widget-container{margin:30px 0px 0px 0px;}.leales-33 .leales-element.leales-element-32c3129 > .leales-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.leales-33 .leales-element.leales-element-2cfa39a{margin-top:0px;margin-bottom:0px;}.leales-33 .leales-element.leales-element-9079e81 > .leales-widget-container{margin:20px 0px 0px 0px;}.leales-33 .leales-element.leales-element-1fab373 > .leales-widget-container{margin:40px 0px 0px 0px;}.leales-33 .leales-element.leales-element-32c3129 > .leales-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .leales-element-2641568 */.mainview {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F8F8F8;
}

.mainview__imgarea {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    width: 108vw;
    margin: 0 calc(50% - 54vw);
}

.mainview__imgbox1, .mainview__imgbox2, .mainview__imgbox4, .mainview__imgbox5 {
    width: 16.25%;
}

.mainview__imgbox3 {
    width: 35%;
}

.mainview__imgbox img {
    border-radius: 30px;
}

video.mainmovie {
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    min-height: 76vh;
}

.mainview__imgbox {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mainview__catch {
    position: absolute;
    bottom: 30px;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center !important;
    mix-blend-mode: difference;
}

.mainview__catch img {
    display: block;
    width: 70%;
}


@media screen and (max-width:1023px) {
    .mainview__imgbox3 img {
        min-height: 70vh;
    }

    .mainview__imgarea {
        gap: 5px;
        width: 160vw;
        margin: 0 calc(50% - 80vw);
    }

    .mainview__imgbox {
        display: flex;
        gap: 5px;
    }

    .mainview__imgbox img {
        border-radius: 10px;
    }

    .mainview {
        height: 80vh;
    }
}

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

    .mainview__imgarea {
        gap: 5px;
        width: 180vw;
        margin: 0 calc(50% - 90vw);
    }

    video.mainmovie {
        min-height: 300px;
    }

    .mainview__catch img {
        width: 88%;
    }

    .mainview__catch {
        bottom: 60px;
    }

    .mainview {
        height: 94vh;
    }

    .mainview__imgbox1, .mainview__imgbox2, .mainview__imgbox4, .mainview__imgbox5 {
        display: none;
    }
}

/*TOPの全サークル*/

.object{
    aspect-ratio: 1/1;
    border-radius: 50%;
    position: absolute;
    z-index: -10;
}

.object.object--circle1 {
    width: 68%;
    max-width: 800px;
    border: 6vw solid #FFF;
    top: -22%;
    left: -12%;
}

.object.object--circle2 {
    width: 58%;
    max-width: 540px;
    border: 4vw solid #FFF;
    top: 80px;
    right: -10%;
}

.object.object--circle3 {
    width: 40%;
    max-width: 460px;
    border: 4.5vw solid #FFF;
    top: 40%;
    left: -8%;
}

.object.object--circle4 {
    width: 36%;
    max-width: 390px;
    border: 4vw solid #FFF;
    top: 54%;
    right: 20%;
}

.object.object--circle5 {
    width: 70%;
    max-width: 940px;
    border: 6vw solid #E49FAE;
    top: -410px;
    left: -27%;
}

.object.object--circle6 {
    width: 40%;
    max-width: 590px;
    border: 5vw solid #8EB5E0;
    top: -260px;
    right: -10%;
}

.object.object--circle7 {
    width: 60%;
    max-width: 800px;
    border: 5vw solid #7FC7C1;
    top: 200px;
    right: -23%;
}

.object.object--circle8 {
    width: 33%;
    max-width: 400px;
    border: 3.5vw solid #7BBCD3;
    top: -300px;
    left: -16%;
}

@media screen and (max-width: 767px) {
    .object.object--circle1 {
    top: -4%;
}

.object.object--circle2 {
    border: 6vw solid #FFF;
}

.object.object--circle3 {
    border: 4.5vw solid #FFF;
    top: 35%;
}

.object.object--circle4 {
    width: 32%;
    top: 45%;
}

.object.object--circle5 {
    width: 86%;
    top: -150px;
    left: -23%;
    border: 7vw solid #E49FAE;
}

.object.object--circle6 {
    width: 54%;
    border: 7vw solid #8EB5E0;
    top: -120px;
    right: -13%;
}

.object.object--circle7 {
    width: 70%;
    top: 340px;
    border: 7vw solid #7FC7C1;
}

.object.object--circle8 {
    width: 36%;
    border: 4vw solid #7BBCD3;
    top: -150px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .leales-element-78205fe *//*共通*/

.default-section {
    margin-top: 120px;
}

@media screen and (max-width:1023px) {
    .default-section {
        margin-top: 90px;
    }
}

@media screen and (max-width:767px) {
    .default-section {
        margin-top: 50px;
    }
}

.content-wrap {
    padding-right: 8%;
    padding-left: 8%;
}

@media screen and (min-width: 768px) {
    .br-sp {
        display: none;
    }
}


/*アバウトコンテンツ*/

.about-section {
    padding-top: 120px;
}

@media screen and (max-width:1023px) {
    .about-section {
        padding-top: 90px;
    }
}

@media screen and (max-width:767px) {
    .about-section {
        padding-top: 50px;
    }
}

.about-section__txtarea {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100vh;
    z-index: 5;
}

h2.about-section__ttl {
    text-align: center;
    font-size: clamp(1.25rem, 0.932rem + 1.59vw, 2.125rem);
    line-height: 1.5em;
}

p.about-section__txt {
    text-align: center;
    margin-top: 1em;
}

p.about-section__txt:first-of-type {
    margin-top: 1.5em;
}

@media screen and (max-width: 767px) {
    p.about-section__txt {
        font-size: 14px;
        letter-spacing: 1px;
    }

    p.about-section__txt {
        text-align: center;
        margin-top: 0.4em;
    }

    p.about-section__txt:first-of-type {
        margin-top: 1em;
    }
}

/*アバウト背景画像*/

.about-img__imgarea {
    display: flex;
    flex-direction: column;
    position: relative;
}

.about-img__bg {
    z-index: -3;
    position: absolute;
}


.about-img__imgarea.imgarea2, .about-img__imgarea.imgarea4, .about-img__imgarea.imgarea6 {
    align-items: end;
}

.about-img__img.about-img1 {
    width: 15%;
    margin-left: 5%;
}

.about-img__bg.about-bg1 {
    width: 30%;
    top: -30%;
    left: 14%;
}

.about-img__img.about-img2 {
    width: 16%;
    display: inline-block;
}

.about-img__bg.about-bg2 {
    width: 32%;
    top: 25%;
    right: -1%;
}

.about-img__img.about-img3 {
    width: 17%;
    margin-left: -3%;
}

.about-img__bg.about-bg3 {
    width: 25%;
    top: -53%;
}

.about-img__img.about-img4 {
    width: 22%;
    margin-right: -6%;
}

.about-img__bg.about-bg4 {
    width: 22%;
    right: 11%;
    top: -68%;
}

.about-img__img.about-img5 {
    width: 22%;
}

.about-img__bg.about-bg5 {
    width: 34%;
    top: -18%;
    left: 4%;
}

.about-img__img.about-img6 {
    width: 17%;
    margin-right: -4%;
}

.about-img__bg.about-bg6 {
    width: 18%;
    top: -85%;
    right: 2%;
}

.about-img__img.about-img7 {
    width: 20%;
    margin-left: 7%;
}

.about-img__bg.about-bg7 {
    width: 19%;
    left: 20%;
    bottom: -62%;
}

.about-img__imgarea.imgarea2 {
    margin-top: -12%;
}

.about-img__imgarea.imgarea3 {
    margin-top: 22%;
}

.about-img__imgarea.imgarea4 {
    margin-top: 20%;
}

.about-img__imgarea.imgarea5 {
    margin-top: 18%;
}

.about-img__imgarea.imgarea6 {
    margin-top: 3%;
}

.about-img__imgarea.imgarea7 {
    margin-top: 14%;
}

.about-section__ttl2 img {
    width: 98%;
    max-width: 1000px;
}

.about-section__ttl2 {
    text-align: center;
    padding-top: 230px;
}

@media screen and (max-width:1023px) {
    .about-section__ttl2 {
        padding-top: 110px;
    }
}

@media screen and (max-width:767px) {
    .about-section__ttl2 {
        padding-top: 40px;
        margin-top:100px;
    }

    .about-img__img.about-img1 {
        width: 30%;
        margin-left: -4%;
    }

    .about-img__bg.about-bg1 {
        top: 10%;
    }

    .about-img__imgarea.imgarea2 {
        margin-top: 0%;
    }

    .about-img__img.about-img2 {
        width: 34%;
        margin-right: -12%;
    }

    .about-img__imgarea.imgarea3 {
        margin-top: 18%;
    }

    .about-img__img.about-img3 {
        width: 40%;
    }

    .about-img__bg.about-bg3 {
        width: 34%;
        top: -6%;
        left: -5%;
    }

    .about-img__imgarea.imgarea4 {
        margin-top: 45%;
    }

    .about-img__img.about-img4 {
        width: 38%;
        margin-right: -6%;
    }

    .about-img__bg.about-bg4 {
        width: 33%;
        right: 11%;
        top: 4%;
    }

    .about-img__imgarea.imgarea5 {
        margin-top: 34%;
    }

    .about-img__img.about-img5 {
        width: 34%;
        margin-left: -5%;
    }

    .about-img__imgarea.imgarea6 {
        margin-top: 26%;
    }

    .about-img__img.about-img6 {
        width: 36%;
    }

    .about-img__bg.about-bg6 {
        width: 29%;
        top: -17%;
        right: -10%;
    }

    .about-img__imgarea.imgarea7 {
        margin-top: 22%;
    }

    .about-img__img.about-img7 {
        width: 34%;
        margin-left: 0%;
    }

    .about-img__bg.about-bg7 {
        width: 28%;
        bottom: -15%;
    }
}

/*about下全幅背景*/

.bg-section {
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-section__wrap {
    text-align: center;
    width: 50%;
    height: 50%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    overflow: hidden;
    z-index: 2;
}

.bg-section__wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 767px) {
    .bg-section__wrap {
        border-radius: 0px !important;
    }

    .bg-section {
        height: 300px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .leales-element-cf397b7 *//*共通*/

.default-section {
    margin-top: 120px;
}

@media screen and (max-width:1023px) {
    .default-section {
        margin-top: 90px;
    }
}

@media screen and (max-width:767px) {
    .default-section {
        margin-top: 50px;
    }
}

.content-wrap {
    padding-right: 8%;
    padding-left: 8%;
}

@media screen and (min-width: 768px) {
    .br-sp {
        display: none;
    }
}


/*アバウトコンテンツ*/

.about-section {
    padding-top: 120px;
}

@media screen and (max-width:1023px) {
    .about-section {
        padding-top: 90px;
    }
}

@media screen and (max-width:767px) {
    .about-section {
        padding-top: 50px;
    }
}

.about-section__txtarea {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100vh;
    z-index: 5;
}

h2.about-section__ttl {
    text-align: center;
    font-size: clamp(1.25rem, 0.932rem + 1.59vw, 2.125rem);
    line-height: 1.5em;
}

p.about-section__txt {
    text-align: center;
    margin-top: 1em;
}

p.about-section__txt:first-of-type {
    margin-top: 1.5em;
}

@media screen and (max-width: 767px) {
    p.about-section__txt {
        font-size: 14px;
        letter-spacing: 1px;
    }

    p.about-section__txt {
        text-align: center;
        margin-top: 0.4em;
    }

    p.about-section__txt:first-of-type {
        margin-top: 1em;
    }
}

/*アバウト背景画像*/

.about-img__imgarea {
    display: flex;
    flex-direction: column;
    position: relative;
}

.about-img__bg {
    z-index: -3;
    position: absolute;
}


.about-img__imgarea.imgarea2, .about-img__imgarea.imgarea4, .about-img__imgarea.imgarea6 {
    align-items: end;
}

.about-img__img.about-img1 {
    width: 15%;
    margin-left: 5%;
}

.about-img__bg.about-bg1 {
    width: 30%;
    top: -30%;
    left: 14%;
}

.about-img__img.about-img2 {
    width: 16%;
    display: inline-block;
}

.about-img__bg.about-bg2 {
    width: 32%;
    top: 25%;
    right: -1%;
}

.about-img__img.about-img3 {
    width: 17%;
    margin-left: -3%;
}

.about-img__bg.about-bg3 {
    width: 25%;
    top: -53%;
}

.about-img__img.about-img4 {
    width: 22%;
    margin-right: -6%;
}

.about-img__bg.about-bg4 {
    width: 22%;
    right: 11%;
    top: -68%;
}

.about-img__img.about-img5 {
    width: 22%;
}

.about-img__bg.about-bg5 {
    width: 34%;
    top: -18%;
    left: 4%;
}

.about-img__img.about-img6 {
    width: 17%;
    margin-right: -4%;
}

.about-img__bg.about-bg6 {
    width: 18%;
    top: -85%;
    right: 2%;
}

.about-img__img.about-img7 {
    width: 20%;
    margin-left: 7%;
}

.about-img__bg.about-bg7 {
    width: 19%;
    left: 20%;
    bottom: -62%;
}

.about-img__imgarea.imgarea2 {
    margin-top: -12%;
}

.about-img__imgarea.imgarea3 {
    margin-top: 22%;
}

.about-img__imgarea.imgarea4 {
    margin-top: 20%;
}

.about-img__imgarea.imgarea5 {
    margin-top: 18%;
}

.about-img__imgarea.imgarea6 {
    margin-top: 3%;
}

.about-img__imgarea.imgarea7 {
    margin-top: 14%;
}

.about-section__ttl2 img {
    width: 98%;
    max-width: 1000px;
}

.about-section__ttl2 {
    text-align: center;
    padding-top: 230px;
}

@media screen and (max-width:1023px) {
    .about-section__ttl2 {
        padding-top: 110px;
    }
}

@media screen and (max-width:767px) {
    .about-section__ttl2 {
        padding-top: 40px;
    }

    .about-img__img.about-img1 {
        width: 30%;
        margin-left: -4%;
    }

    .about-img__bg.about-bg1 {
        top: 10%;
    }

    .about-img__imgarea.imgarea2 {
        margin-top: 0%;
    }

    .about-img__img.about-img2 {
        width: 34%;
        margin-right: -12%;
    }

    .about-img__imgarea.imgarea3 {
        margin-top: 18%;
    }

    .about-img__img.about-img3 {
        width: 40%;
    }

    .about-img__bg.about-bg3 {
        width: 34%;
        top: -6%;
        left: -5%;
    }

    .about-img__imgarea.imgarea4 {
        margin-top: 45%;
    }

    .about-img__img.about-img4 {
        width: 38%;
        margin-right: -6%;
    }

    .about-img__bg.about-bg4 {
        width: 33%;
        right: 11%;
        top: 4%;
    }

    .about-img__imgarea.imgarea5 {
        margin-top: 34%;
    }

    .about-img__img.about-img5 {
        width: 34%;
        margin-left: -5%;
    }

    .about-img__imgarea.imgarea6 {
        margin-top: 26%;
    }

    .about-img__img.about-img6 {
        width: 36%;
    }

    .about-img__bg.about-bg6 {
        width: 29%;
        top: -17%;
        right: -10%;
    }

    .about-img__imgarea.imgarea7 {
        margin-top: 22%;
    }

    .about-img__img.about-img7 {
        width: 34%;
        margin-left: 0%;
    }

    .about-img__bg.about-bg7 {
        width: 28%;
        bottom: -15%;
    }
}

.about-trigger::before{
    content: "";
    height: 100%;
    width: 100vw;
    position: absolute;
    top: 0;
    left: calc(50% - 50vw);
    opacity: 0;
    transition: .7s;
    z-index: -1;
    background: rgb(255 255 255 / 30%);
}

.about-trigger.is-active::before{
    opacity: 1;
}

/*about下全幅背景*/

.bg-section {
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-section__wrap {
    text-align: center;
    width: 50%;
    height: 50%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    overflow: hidden;
    z-index: 2;
}

.bg-section__wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .leales-element-e495617 */.top-heading__wrap {
    display: flex;
    align-items: center;
}

.top-heading__ttl-wrap {
    width: calc(100% - 130px);
    letter-spacing: 0;
}

.top-heading__subttl p {
    font-size: 16px;
    font-weight: bold;
    font-family: "Poppins", Sans-serif;
}

.top-heading__ttl h2 {
    font-family: "Higure Gothic", Sans-serif;
    font-size: 50px;
    font-weight: 900;
    line-height: 1.3em;
}

.top-heading__img {
    width: 130px;
    padding-right: 10px;
    margin-bottom: -6px;
}

@media screen and (max-width: 767px) {
    .top-heading__img {
        width: 80px;
        padding-right: 10px;
        margin-bottom: -6px;
    }

    .top-heading__ttl-wrap {
        width: calc(100% - 80px);
    }

    .top-heading__subttl p {
        font-size: 12px;
    }

    .top-heading__ttl h2 {
        font-size: 30px;
        line-height: 1.2em;
    }

    .top-heading__img {
        width: 80px;
        padding-right: 4px;
        margin-bottom: -10px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .leales-element-2a4f12c */.work-section__wrap {
    display: flex;
    justify-content: space-between;
}

.work-card {
    width: 32%;
    border-radius: 30px;
    position: relative;
}

.work-card a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    flex-wrap: wrap;
}

.work-card.work-card--red {
    background: #DF9F86;
    margin-top: 160px;
}

.work-card.work-card--grn {
    background: #7FC7C1;
    margin-top: 80px;
    margin-bottom: 80px;
}

.work-card.work-card--yer {
    background: #EFB85F;
    margin-bottom: 160px;
}

.work-card__txtarea {
    text-align: center;
    margin-top: 28px;
    letter-spacing: 0;
    line-height: 2em;
    color: #fff;
}

.work-card__thumbarea img {
    position: relative;
    vertical-align: top;
}

.work-card__txtarea h3 {
    font-size: clamp(1.25rem, 1.068rem + 0.91vw, 1.75rem);
    font-family: "Higure Gothic", Sans-serif;
}

.work-card__txtarea p {
    font-family: "Poppins", Sans-serif;
    font-size: 12px;
}

/*マスク切り抜き*/

.work-card__thumbarea {
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    margin-top: -60px;
    transition: .3s;
}

.work-card__thumbarea.work-card__thumb--s {
    mask-image: url(https://recruit.degina.jp/enthalten/components/gehalt/uploads/2024/07/mask-1.svg);
    transform: rotate(5deg);
}

.work-card__thumbarea.work-card__thumb--t {
    mask-image: url(https://recruit.degina.jp/enthalten/components/gehalt/uploads/2024/07/mask-2.svg);
    transform: rotate(-6deg);
}

.work-card__thumbarea.work-card__thumb--a {
    mask-image: url(https://recruit.degina.jp/enthalten/components/gehalt/uploads/2024/07/mask-3.svg);
    transform: rotate(5deg);
}

/*カードサークル*/

.work-card__arrow {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 3;
}

.work-card__arrow-inner img {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: .3s;
    transform: scale(0);
    opacity: 0;
}

.work-card__arrow-inner::before {
    content: "";
    height: 100%;
    width: 100%;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    transition: .3s;
}

.work-card__arrow-inner::after {
    content: "";
    height: 4px;
    width: 4px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    transition: .3s;
}

.work-card--red .work-card__arrow-inner::after {
    background: #DF9F86;
}

.work-card--grn .work-card__arrow-inner::after {
    background: #7FC7C1;
}

.work-card--yer .work-card__arrow-inner::after {
    background: #EFB85F;
}

.work-card:hover .work-card__arrow-inner img {
    opacity: 1;
    transform: scale(0.8);
    z-index: 2;
}

.work-card:hover .work-card__arrow-inner::after {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
}

.work-card:hover .work-card__arrow-inner::before {
    border: 1px solid #FFF;
}

.work-card__arrow:before {
    content: "";
    height: 30px;
    width: 30px;
    background: no-repeat center/contain url(https://recruit.degina.jp/enthalten/components/gehalt/uploads/2024/07/but-il.svg);
    position: absolute;
    top: -24px;
    left: -24px;
    transform: scale(0) translate(100%, 100%);
    transition: .2s;
}

.work-card:hover .work-card__arrow:before {
    transform: scale(1) translate(0, 0);
}

.work-card:hover .work-card__thumbarea {
    transform: scale(1.05);
}

@media screen and (max-width:1023px) {
    .work-card a {
        padding: 24px;
    }

    .work-card__arrow {
        width: 32px;
        height: 32px;
        right: 12px;
        bottom: 12px;
    }

    .work-card__arrow:before {
        height: 24px;
        width: 24px;
        top: -18px;
        left: -18px;
    }
}

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

    .work-card a {
        padding: 28px;
    }

    .work-section__wrap {
        flex-wrap: wrap;
        justify-content: center;
    }

    .work-card {
        width: 90%;
    }

    .work-card.work-card--red {
        margin-top: 40px;
        margin-bottom: 48px;
    }

    .work-card.work-card--grn {
        margin-top: 0;
        margin-bottom: 48px;
    }

    .work-card__thumbarea {
        margin-top: -40px;
        width: 88%;
    }

    .work-card.work-card--yer {
        margin-bottom: 0;
    }

    .work-card__txtarea {
        text-align: center;
        margin-top: 20px;
    }

    .work-card__txtarea h3 {
        font-size: 24px;
    }

    .work-card__txtarea p {
        line-height: 1.8;
    }

    .work-card__arrow-inner img {
        width: 13px;
        height: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .leales-element-168b143 */.company-container::before,.work-container::before{
    content: "";
    height: 100%;
    width: 80%;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 1000px 0 0 1000px;
}

@media screen and (max-width: 767px) {
    .company-container::before,.work-container::before{
    border-radius: 80px 0 0 80px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .leales-element-5ade406 */.slider-section__wrap {
    display: flex;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    overflow: hidden;
}

.slider-section__list {
    display: flex;
    list-style: none;
    padding: 0;
    justify-content: center;
    align-items: center;
}

.slider-section__list--right {
    animation: infinity-scroll-right 50s infinite linear 0.5s both;
}

.slider-section__item {
    width: calc(100vw / 3);
    margin-right: 1.5%;
}

.slider-section__item-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 100%;
}

li.slider-section__item.slider-section__item-inner {
    width: calc(100vw/6);
}

.slider-section__item img {
    width: 100%;
    object-fit: cover;
    vertical-align: top;
}

img.slider-section__circle {
    aspect-ratio: 1/1;
    border-radius: 50%;
    object-fit: cover;
}

img.slider-section__icon {
    height: 46%;
    object-fit: contain;
}

@keyframes infinity-scroll-right {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-100%);
    }
}

.slider-section__item{
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
}

.slider-section__mask1{
    mask-image: url(https://recruit.degina.jp/enthalten/components/gehalt/uploads/2024/07/mask-4.svg);
}

.slider-section__mask2{
    mask-image: url(https://recruit.degina.jp/enthalten/components/gehalt/uploads/2024/07/mask-1.svg);
}

.slider-section__mask3{
    mask-image: url(https://recruit.degina.jp/enthalten/components/gehalt/uploads/2024/07/mask-2.svg);
}

.slider-section__mask4{
    mask-image: url(https://recruit.degina.jp/enthalten/components/gehalt/uploads/2024/07/mask-3.svg);
}

@media screen and (max-width:1023px) {
    .slider-section__item {
        width: calc(100vw / 3);
    }
}

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

    .slider-section__item {
        width: calc(100vw / 1.5);
    }

    li.slider-section__item.slider-section__item-inner {
        width: calc(100vw/3);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .leales-element-9079e81 */.swiper {
    overflow: visible !important;
}

.swiper-wrapper {
    /* wrapperのサイズを調整 */
    width: 100%;
    height: 560px;
}

.swiper-slide {
    /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
    color: #ffffff;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 300px;
    text-align: center;
}

.swiper-pagination-bullets {
    width: 100px;
}

.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    margin: 0 0 0 10px !important;
    background: #fff;
}

.swiper-pagination-bullet:first-child {
    margin: 0 !important;
}

/*デザインカスタマイズ*/

.member-slide__img img {
    width: 100%;
    height: 560px;
    object-fit: contain;
    transform: scale(.7);
    transition: .7s;
    position: relative;
}

.member-slide__img {
    z-index: 1;
    position: relative;
    transform:translate3d(0,0,0);
}

.member-slide__bg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: -1;
    width: 48%;
    display: flex;
    align-items: center;
    transition: .4s;
}

.member-slide:hover .member-slide__bg {
    transform: scale(1.2) rotate(-5deg);
}

.member-slide__item {
    position: absolute;
    left: 0;
    bottom: 10%;
    z-index: 3;
    text-align: left;
    letter-spacing: 0;
    color: #293D4E;
    transform:translateZ(1px);
}

.member-date__ttl {
    font-size: clamp(1.125rem, 0.903rem + 0.46vw, 1.25rem);
    font-weight: 900;
    line-height: 1.6;
    z-index: 2;
    position: relative;
    margin-bottom: 28px;
}

.member-date__ttl p {
    position: relative;
    display: inline-block;
}

.member-date__ttl p::before, .member-date__date p::before, .member-date__name p::before {
    content: "";
    width: calc(100% + 8px);
    height: 100%;
    background: #FFF;
    position: absolute;
    top: 0;
    left: -4px;
    z-index: -1;
}

.member-date__ttlwrap:last-of-type {
    margin-top: 5px;
}

.member-date__date {
    font-size: 12px;
    line-height: 1.8;
    position: relative;
}

.member-date__date p {
    position: relative;
    display: inline-block;
}

.member-date__name {
    font-size: 18px;
    line-height: 1.7;
    position: relative;
    margin-top: 12px;
}

.member-date__name p {
    position: relative;
    display: inline-block;
}

/*ナビボタン*/

.swiper-button-next, .swiper-button-prev {
    width: 42px !important;
    height: 42px !important;
    background: #293D4E;
    border-radius: 50%;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 10px !important;
    color: #fff;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .6 !important;
}

.swiper-button-next {
    right: -1%;
}

.swiper-button-prev {
    left: -1%;
}

/*アクティブ時の制御*/

.swiper-slide-active .member-slide__img img {
    transform: scale(1);
}

/*スライダーのレスポンシブ*/

@media screen and (max-width: 767px) {
    .member-slide__img img {
        height: 400px;
    }

    .swiper-wrapper {
        height: 400px;
    }

    .member-slide__bg {
        width: 48%;
    }

    .member-date__ttl {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .member-date__name {
        font-size: 16px;
        margin-top: 6px;
    }

    .member-slide__item {
        left: 12%;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 38px !important;
        height: 38px !important;
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 8px !important;
    }

    .swiper-button-next {
        right: -4%;
    }

    .swiper-button-prev {
        left: -4%;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .leales-element-e5b1361 */.member-container::before{
    content: "";
    height: 100%;
    width: 80%;
    max-width: 1300px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 1000px 1000px 0;
}

@media screen and (max-width: 767px) {
.member-container::before{
    border-radius: 0 80px 80px 0;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .leales-element-7b95b83 */.loopText_wrap {
    align-items: center;
    display: flex;
    height: 100px;
    line-height: 100px;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    white-space: nowrap;
    z-index: 1;
}

.loopText_wrap ul {
    animation: flowing 120s linear infinite;
    transform: translateX(100%);
    font-size: 120px;
    font-weight: bold;
    letter-spacing: 0;
    color: #293D4E;
    font-family: "Poppins", Sans-serif;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    flex-shrink: 0 !important;
}

.loopText_wrap ul li {
    display: inline-block;
    padding-right: 0.2em;
    flex-shrink: 0 !important;
}

.loopText_wrap img{
    width: 1em;
    margin-left: -0.1em;
}

@keyframes flowing {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}


@media screen and (max-width:767px) {
    .loopText_wrap {
        height: 50px;
        line-height:50px;
    }

    .loopText_wrap ul {
        font-size: 60px;
        animation: flowing 90s linear infinite;

    }
}/* End custom CSS */
/* Start custom CSS for html, class: .leales-element-17b916d */.top-heading__ttl-wrap--white{
    color: #FFF;
}/* End custom CSS */
/* Start custom CSS for html, class: .leales-element-32c3129 */.environment-section__wrap {
    display: flex;
    justify-content: space-between;
    height: 560px;
    width: 100%;
}

.environment-section__left-col {
    width: 49%;
}

.environment-section__right-col {
    width: 50%;
}

.environment-box {
    width: 100%;
    height: 100%;
    display: block;
}

.environment-box.environment-box--half {
    height: 275px;
}

.environment-box a {
    border-radius: 30px;
    display: block;
    width: 100%;
    height: 100%;
    padding: 40px;
    position: relative;
}

.environment-box a::before{
    content: "";
    height: 100%;
    width: 100%;
    border-radius: 30px;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    transition: .4s;
    background: #FFF;
    opacity: 1;
}

.environment-box.environment-num a {
    background: url(https://recruit.degina.jp/enthalten/components/gehalt/uploads/2024/07/top-environment-1.jpg) center center / cover no-repeat;
}

.environment-culture.environment-box a {
    background: url(https://recruit.degina.jp/enthalten/components/gehalt/uploads/2024/07/top-environment-2.jpg) center center / cover no-repeat;
}

.environment-welf.environment-box a {
    background: url(https://recruit.degina.jp/enthalten/components/gehalt/uploads/2024/07/top-environment-3.jpg) center center / cover no-repeat;
}

.environment-section__ttlarea {
    color: #293D4E;
    letter-spacing: 0;
    line-height: 1.5;
    z-index: 2;
    position: relative;
    transition: .3s;
}

.environment-section__right-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.environment-section__ttlarea p {
    font-size: 12px;
    font-weight: bold;
    font-family: "Poppins", Sans-serif;
}

.environment-section__ttlarea p {
    font-size: 12px;
    font-weight: bold;
}

.environment-section__ttlarea h3 {
    font-size: 32px;
    margin-top: 0.3em;
}

@media screen and (max-width:1023px) {
    .environment-section__wrap {
        flex-direction: column;
        height: auto;
    }

    .environment-section__left-col {
        width: 100%;
    }

    .environment-section__right-col {
        width: 100%;
    }

    .environment-box.environment-box--half {
        height: 250px;
    }

    .environment-box {
        height: 250px;
        margin-top: 10px;
    }
}


@media screen and (max-width: 767px) {
    .environment-box.environment-box--half {
        height: 160px;
    }

    .environment-box {
        height: 160px;
        margin-top: 10px;
    }

    .environment-box a {
        padding: 24px;
    }

    .environment-section__ttlarea h3 {
        font-size: 24px;
        margin-top: 0.2em;
    }

}

.environment-section__arrow{
    width: 44px;
    height: 44px;
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 3;
}

.environment-section__arrow:before {
    content: "";
    height: 30px;
    width: 30px;
    background: no-repeat center/contain url(https://recruit.degina.jp/enthalten/components/gehalt/uploads/2024/07/but-il.svg);
    position: absolute;
    top: -24px;
    left: -24px;
    transform: scale(0) translate(100%, 100%);
    transition: .2s;
}

.environment-section__arrow-inner img {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: .3s;
    transform: scale(0);
    opacity: 0;
}

.environment-section__arrow-inner::before {
    content: "";
    height: 100%;
    width: 100%;
    background: #293D4E;
    position: absolute;
    border-radius: 50%;
    transition: .3s;
}

.environment-section__arrow-inner::after {
    content: "";
    height: 4px;
    width: 4px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    transition: .3s;
    background: #FFF;
}

/*ホバー時のスタイル*/

.environment-num.environment-box a:hover::before ,.environment-welf.environment-box a:hover::before ,.environment-culture.environment-box a:hover::before{
    opacity: 0 ;
}

.environment-box:hover .environment-section__ttlarea {
    color: #FFF;
}

.environment-box:hover .environment-section__arrow:before {
    transform: scale(1) translate(0, 0);
}

.environment-box:hover .environment-section__arrow-inner::after {
    width: 100%;
    height: 100%;
}

.environment-box:hover .environment-section__arrow-inner img {
    opacity: 1;
    transform: scale(0.8);
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .environment-section__arrow {
        width: 32px;
        height: 32px;
        right: 12px;
        bottom: 12px;
    }

    .environment-section__arrow:before {
        height: 24px;
        width: 24px;
        top: -18px;
        left: -18px;
    }

    .environment-section__arrow-inner img {
        width: 13px;
        height: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .leales-element-8436635 */.company-section__wrap {
    display: flex;
}

.company-section__linkarea {
    width: 50%;
    padding-right: 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
}

.company-section__imgarea {
    width: 50%;
}

.company-section__img {
    display: block;
    width: 100%;
    height: 570px;
    border-radius: 30px;
    transition: .4s;
}

a.company-but {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: #293D4E;
    letter-spacing: 0;
    font-weight: bold;
    line-height: 1.5;
    padding: 28px 0;
    position: relative;
}

.company-but__wrap {
    border-top: 1px solid #DDD;
}

.company-but__wrap:last-child {
    border-bottom: 1px solid #DDD;
}

.company-but__img {
    display: none;
}

.company-but__img img {
    vertical-align: top;
    border-radius: 10px;
}

.company-but__content {
    width: 100%;
}

.company-but__arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    width: 0.8em;
    transform: translateX(-8px);
    transition: .3s;
}

.company-but__content {
    display: flex;
    align-items: center;
    z-index: 2;
}

.company-but__ttl {
    margin-right: 0.5em;
    font-size: 24px;
}

.company-but__subttl {
    font-size: 11px;
    font-family: "Poppins", Sans-serif;
}

@media screen and (max-width:1023px) {
    .company-but__img {
        display: block;
        width: 130px;
        padding-right: 16px;
    }

    .company-but__content {
        width: calc(100% - 130px);
    }

    .company-section__linkarea {
        width: 100%;
        padding-right: 0;
        gap: 28px;
    }

    .company-section__imgarea {
        width: 100%;
        display: none;
    }

    a.company-but {
        padding: 20px 0;
    }
}

@media screen and (max-width:767px) {
    .company-but__img {
        width: 82px;
        padding-right: 14px;
    }

    .company-but__content {
        width: calc(100% - 82px);
    }

    .company-section__linkarea {
        gap: 24px;
    }

    a.company-but {
        padding: 14px 0;
    }

    .company-but__content {
        flex-direction: column;
        align-items: flex-start;
    }

    .company-but__ttl {
        margin-right: 0;
        font-size: 20px;
    }
}

/*ボタンのホバー*/

a.company-but::before {
    content: "";
    height: 100%;
    width: 100%;
    background: #fbfbfd;
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s;
    z-index: 0;
    transform: scaleY(0);
    transform-origin: top center;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    opacity: 0.5;
}

a.company-but:hover::before {
    transform: scale(1);
    transform-origin: bottom center;
}

a.company-but:hover .company-but__arrow {
    transform: translateX(0);
}

/*ホバーで画像切替*/

.company-img-js{
    background: no-repeat center center/cover url(https://recruit.degina.jp/enthalten/components/gehalt/uploads/2024/07/top-company-1.jpg);
    transition: .5s;
}

.company-img-js.company-img1{
    background: no-repeat center center/cover url(https://recruit.degina.jp/enthalten/components/gehalt/uploads/2024/07/top-company-4.jpg);
}

.company-img-js.company-img2{
    background: no-repeat center center/cover url(https://recruit.degina.jp/enthalten/components/gehalt/uploads/2024/08/top-company-5.jpg);
}

.company-img-js.company-img3{
    background: no-repeat center center/cover url(https://recruit.degina.jp/enthalten/components/gehalt/uploads/2024/07/top-company-3.jpg);
}/* End custom CSS */