@charset "utf-8";

.inzone{font-family: 'Noto Sans JP',sans-serif;font-optical-sizing:auto;font-weight:400;color: #181818;padding: 0;width: 100%;max-width: 1920px;margin: auto;}

html {
overflow-x: hidden;
}

.s5-container {max-width: none;padding: 0;}

.inzone * {}

article#syurui,article#inzonetowa {
    background: #E7E7E7;
    padding: 0 0 12vh 0;
}

.inzone sup {/* vertical-align: top; *//* position: static; */vertical-align: baseline;}

.inzone h1,.inzone h2,.inzone h3,.inzone h4,.inzone h5,.inzone p,.inzone th,.inzone td,.inzone dt,.inzone dd,.inzone li {font-weight: 400;font-size: 18px;font-size: clamp(15px,1.7vw,22px);line-height: 1.7;letter-spacing: .1px;margin: 0;padding: 0;color: #181818;font-feature-settings: "palt";text-align: justify;}

.inzone h1,.inzone h2,.inzone h3,.inzone h4,.inzone h5,.inzone div,.inzone table,.inzone th,.inzone td,.inzone dl,.inzone dt,.inzone dd,.inzone ul,.inzone li,.inzone p,.inzone a,.inzone strong,.inzone span {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box
}

.inzone img {border: none;vertical-align: bottom;max-width: 100%;}

.inzone table {
border-collapse: collapse;
border-spacing: 0
}

.inzone ul {list-style: none;padding: 0;}

.inzone ul:after {
clear: both;
height: 0;
display: block;
visibility: hidden
}

* html ul {
display: inline-block
}

*:first-child+html ul {
display: inline-block
}

.inzone a:link {}

.inzone a:visited {
color: #000;
text-decoration: none
}

.inzone a:hover {
color: #000;
text-decoration: none;
opacity: .6
}

.inzone a:active {
color: #000;
text-decoration: none
}

.inzone a {
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out
}

@media (min-width: 769px) {
.nopc {
display:none!important
}
}

@media (max-width: 769px) {
.nosp {
display:none!important
}
}




[data-emergence=hidden] {opacity: 0;filter: blur(8px);transition:opacity 1s ease-in-out, filter 1s ease-in-out;}

[data-emergence=visible] {opacity: 1;filter: blur(0);transition:opacity 1s ease-in-out, filter 1s ease-in-out;}

.pagetop {
position: fixed;
bottom: 9vh;
right: 2.1vw;
display: flex;
width: 32px;
height: 24px;
align-content: center;
align-items: center;
z-index: 7;
opacity: 0;
pointer-events: none;
background: #ccc;
border-radius: 3px
}

body:not(.scroll) .pagetop:hover {
opacity: 0!important
}

body.scroll .pagetop:hover {
opacity: 0.6!important
}

.pagetop img {
width: 100%;
height: 100%
}

.pagetop>svg {
fill: #fff;
width: 30%;
margin: auto
}

body.scroll .pagetop {
opacity: 1;
pointer-events: auto
}

#top {}
#top>section>p{
    display: none;
}
#top>section>h1 img{
    width: 100%;
    max-width: 1280px;
    margin: auto;
    text-align: center;
    display: block;
}

#top>.desc {
    max-width: none;
    margin: auto;
    padding: 0;
}

@media (max-width: 769px) {

#top {
}

#top>section>h1 {font-size: 0;background: url(images/kv_sp.jpg) 50% 50%;background-size: cover;height: 77vw;margin-bottom: 0;}

#top>section>p {
    display: block;
    padding: 24px 32px;
    font-weight: 700;
    font-size: clamp(16px,1.9vw,20px);
    line-height: 1.7;
}
#top>section>h1 img{
    display: none;
}

}


sup {
font-size: 70%;
margin-top: -1%
}

.grade>li, strong.grade, h2.grade, p.soutyakulink a:hover {display: inline-block;background-image: linear-gradient(-90deg,#6e72fc 0%,#c94bff 100%);background-clip: text;-webkit-background-clip: text;color: transparent;font-weight: 700;padding: 0 3px 0 0;}
strong{font-weight: 700;}


.desc {max-width: 1000px;margin: 0 auto 4vh;padding: 0 2vh}

section.desc.midashi {padding: 5vh 32px 2.5vh;}

section.desc.midashi h1 {
    text-align: left;
    font-size: clamp(32px,6vw,72px);
    font-weight:700;
    top: 16vh;
    line-height: 1.1;
    margin: 0 0 2vh 0;
}

section.desc.midashi p {
    font-weight: 700;
}

@media (max-width: 769px) {

section.desc.midashi {}

section.desc.midashi h1 {}
section.desc.midashi p {}
}

.eng {font-size: clamp(14px,1.9vw,24px)!important;font-weight: 400!important;letter-spacing: -0.025em!important;margin: 0 0 1vh !important;}

.box ul>li {background: #fff;border-radius: 30px;overflow: hidden;box-shadow: 0 0 12px rgb(0 0 0 / 40%);margin: 0 auto;position: relative;}

.box ul>li .moji {padding: 24px 38px;margin: 0 0 auto 0;}

.box ul>li .tokutyo {
    padding: 0 40px 24px 40px;
    height: 368px;
}
.box ul>li .tokutyo>p {
    font-size: clamp(12px,1.4vw,18px);
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 2.5vh;
    letter-spacing: 1px;
}

.box.boxmokuji ul>li .moji {
    padding: 24px 24px 0px;
    margin: 0;
    box-sizing: content-box;
    min-height: auto;
}

.box ul>li .moji>h1,
.box ul>li .moji>h2 {font-size: clamp(24px,4vw,50px);font-weight: 700;line-height: 1.25;margin: 0 0 3.5vh 0;}

#syurui .box ul>li .moji>h1 strong {
    font-size: 134%;
}

#syurui .box.boxbig ul>li img,#seinou .box.boxbig ul>li img {
    background:#FAFAFA;
    /* padding: 32px 60px; */
    box-sizing: border-box;
    object-fit: contain;
}

@media (max-width: 769px) {

#syurui .box.boxbig ul>li img,#seinou .box.boxbig ul>li img {
    /* padding: 0; */
}
}


.box ul>li .moji>p {font-size: clamp(12px,1.4vw,18px);font-weight: 700;line-height: 1.5;margin: 0 0 2.5vh;letter-spacing: 1px}

.box ul>li .moji>p.kuro {
    background: #000;
    color: #fff;
    padding: 2px 24px 4px;
    /* max-width: 120px; */
    text-align: center;
    font-size: 90%;
    margin: 0 0 8px 0;
    display: inline-block;
    min-width: 110px;
    line-height: normal;
}

.box ul>li .moji>p.kuro.gurade {
    background: linear-gradient(180deg, #6e72fc 0%, #c94bff 100%);
}
.box ul>li .moji>p:last-child {
  margin-bottom: 0;
}

.boxbig>ul>li img {width: 50%;max-height: 600px;display: block;object-fit: cover;}

#towa .boxbig>ul>li img {width: 50%;max-height: 600px;display: block;object-fit: cover;transform: scale(1.55);transform-origin: 38% -6%;}
#towa .boxbig>ul>li:before {content:'';display: block;width: 50%;height: 100%;max-height: 600px;display: block;object-fit: cover;background: linear-gradient(149deg, #e6e6fa 0%, #cdc1ff 70%);position: absolute;right: 0;top: 0;}

.box ul>li .moji>h2 {font-size: clamp(23px,6.3vw,45px);margin: 0 0 2vh 0;}

.box ul>li.t .moji>h2 {margin-bottom: 4vh;text-align: center;text-wrap: nowrap;}

.box ul>li.t .moji>p {
    font-size: clamp(15px,1.9vw,24px);
    line-height: 1.6;
    margin: 0;
}

.box ul>li.t .moji {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.box ul>li.t .moji .icon img {
    width: 100%;
}

#soutyaku.box ul>li.t .moji>p:not(.icon) {
    margin-bottom: 4vh;
}

.box ul>li .moji>h2 small {
    font-size: clamp(10px,1.7vw,22px);
    display: block;
}

#syurui .box ul>li .moji>h2 small {
    /* margin: 5px 0 0px 55px; */
}

.box.boxmokuji ul>li .moji>h2 {
    font-size: clamp(28px,2.7vw,32px);
    line-height: 1.4;
    margin-bottom: 0.5vh;
}

.box.boxmokuji ul>li .moji>h2 small {
    font-size: 84%;
}


.box ul>li .moji>h2 sup {
vertical-align: super;
}

.box ul>li .moji>p>small {display: block;margin: 0vh 0;font-size: 80%;/* font-weight: 100; */}

.box {width: 100%;max-width: 1080px;margin: 0 auto;float: none;height: auto;padding: 0 0 24px 0;}

.box ul {display: flex;flex-wrap: nowrap;align-items: baseline;gap: 3vh;margin: 0 0 1.5vh 0;padding: 0;flex-direction: column;}

.boxbig>ul>li {display: flex;flex-direction: row;justify-content: space-evenly;align-content: flex-start;align-items: stretch;height: 600px;overflow: hidden;}

.boxbig>ul>li .moji {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto auto auto;
}

.boxbig {width: 100%;max-width: 1120px;margin: 0 auto;padding: 0;}

.boxmini ul {display: flex;flex-direction: row;align-items: stretch;gap: 3vh;align-content: stretch;justify-content: space-between;padding: 8px;flex-wrap: wrap;}

.boxmini {margin: 0 auto;max-width: 1136px;}

    .boxmini {
        margin-top: 8px;
        width: 100%;
        -webkit-overflow-scrolling: touch;
        overflow: hidden;
        overflow-x: scroll;
        scrollbar-base-color:transparent;
        scrollbar-track-color:transparent;
        scrollbar-face-color:transparent;
        scrollbar-shadow-color: transparent;
        scrollbar-darkshadow-color: transparent;
        scrollbar-highlight-color: transparent;
        scrollbar-3dlight-color: transparent;
        scrollbar-arrow-color: transparent;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out
    }
.boxmini::-webkit-scrollbar{
  display: none;
}

#seinou .boxmini {
    margin-bottom: 40px;
}

    .boxmini ul {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: 2.5vh;
        padding: 1vh;
        justify-content: flex-start;
        margin: 0 0 1vh
    }

    .boxmini ul li {
        width: 525px;
        height: 800px;
        max-height: 800px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
        align-content: center;
        justify-content: space-between;
    }

.boxmini.boxmokuji ul li {
width: 300px;
height: 400px;
}
@media (max-width: 769px) {
.boxmini.boxmokuji ul li {width:270px;}
}
    .boxmini ul li img {
        width: 100%;
        margin: auto 0 0 0
    }

.boxmini ul li>a {height: 100%;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: space-between;align-items: stretch;}

.boxmini ul li>a,.boxmini ul li>a * {
    cursor: pointer !important;
}

.boxmini ul li img {width: 100%;height: 100%;max-height: 452px;margin: auto 0 0 0;object-fit: cover;}

#syurui .boxmini ul li img {
    object-fit: contain;
    height: 230px;
    width: 120%;
    max-width: none;
    margin: auto -10%;
}

#syurui .boxmini ul li .icon {
    display: block;
    font-weight: 400;
    line-height: 1.7;
    margin: 0 0 4px 0;
}

#syurui .boxmini ul li .icon img {
    width: 40px;
    height: 40px;
    margin: 0 8px 0px 0;
}

.boxmini.boxmokuji ul li img {
    max-height: none;
    max-width: none;
    object-fit: cover;
    margin: auto 0;
    /* height: 230px; */
    max-height: 230px;
    width: auto;
    /* padding-bottom: 16px; */
    box-sizing: content-box;
}

.boxmini.boxmokuji ul li:first-child img {
    max-height: none;
    height: 270px;
    padding-bottom: 0;
    margin: 0;
    transform: scale(1.6);
    transform-origin: 51% 6%;
    object-fit: contain;
}

.boxmini.boxmokuji ul li:nth-child(2) img {
    /* max-height: 195px; */
}
.boxmini.boxmokuji ul li:nth-child(3) img {
    max-height: 211px;
}
.boxmini.boxmokuji ul li:nth-child(8) img {
    max-height: 205px;
    /* margin-top:-12px; */
}
.boxmini.boxmokuji ul li p.mini {
    margin: 0;
    font-weight: normal;
}

.boxmini.boxmokuji ul li .moji{/* padding-bottom: 0; */}

@media (max-width: 769px) {
.box ul>li .moji {padding: 24px 24px 0 24px;margin-bottom: 0;min-height: 270px;}

.box ul>li .tokutyo {
    padding: 0 24px;
    height: auto;
}

.boxbig>ul>li .moji {
    width: auto;
    padding: 24px;
    margin-bottom: 0;
}

.boxbig>ul {
padding: 0 1vh;
margin: 0 0 1vh 0
}

.boxbig>ul>li {display: flex;flex-direction: column;align-items: stretch;align-content: center;height: auto;}

.boxbig>ul>li img {width: 100%;max-height: 30vh;}

#inzonetowa .boxbig>ul>li img {
    object-fit: cover;
    max-height: 28vh;
}

.boxmini {
margin-top: 8px;
width: 100%;
-webkit-overflow-scrolling: touch;
overflow: hidden;
overflow-x: scroll;
scrollbar-base-color:#FFF;scrollbar-track-color:#FFF;scrollbar-face-color:#000;scrollbar-shadow-color:#FFF;scrollbar-darkshadow-color: #FFF;
scrollbar-highlight-color:#FFF;scrollbar-3dlight-color: #FFF;
scrollbar-arrow-color:#FFF;-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out
}

.boxmini ul {
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
gap: 2vh;
padding: 1vh;
justify-content: flex-start;
margin: 0 0 1vh
}

.boxmini ul li {width: 75vw;height: auto;/* display: flex; *//* flex-direction: column; *//* flex-wrap: nowrap; *//* justify-content: space-between; *//* align-items: stretch; *//* align-content: center; */}

.box ul li{
    /* transform: scale(.8); */
}

.boxmini ul li {
    display: flex;
    justify-content: flex-start;
}

.boxmini.boxmokuji ul li {
    height: auto;
}

.boxmini.boxmokuji ul li img {
}

.boxmini ul li img {width: 100%;margin: auto 0 0 0;max-height: 240px;}

#syurui .boxmini ul li img {
    height: 140px;
    margin-top: 4px;
    margin-bottom: -10px;
}

#syurui .boxmini ul li .icon img {
    width: 25px;
    height: 25px;
}

    
#towa .boxbig>ul>li img {width: 100%;height: 100%;max-height: 30vh;transform: scale(1.45);transform-origin: 47% -11%;object-fit: contain;}
#towa .boxbig>ul>li:before {width: 100%;max-height: 30vh;right: 0;top: auto;bottom: 0;}



}


#mokuji{
    /* margin: calc(56vw - 93px ) 0 0 0; */
    background: #E7E7E7;
    padding: 4vh 0;
}
@media (max-width: 769px) {
#mokuji{
    /* margin: calc(100svh - 50px) 0 0 0; */
}
}
#mokuji>h2 {
    width: 100%;
    max-width: 1180px;
    margin: auto;
    font-weight:700;
    padding: 0 32px;
}




.simplebar-track.simplebar-horizontal {
    width: 100%;
    max-width: 300px;
    margin: auto;
}

.simplebar-track.simplebar-horizontal:after {
    content: "";
    display: block;
    background: #777;
    width: 100%;
    height: 1px;
    margin: 5px 0 0 0;
}

.simplebar-scrollbar:before {opacity: 1 !important;background: #777 !important;border-radius: 0 !important;}

@media (max-width: 769px) {
.simplebar-track.simplebar-horizontal {
    width: 40%;
    max-width: none;
}
}
article#towa,article#seinou {
    background: #fff;
    padding: 0 0 6vh 0;
}

#seinou p.icon img {
    /* width: auto; */
    /* height: 80px; */
    /* margin: 24px 0 0 0; */
}

#seinou .moji strong {
    font-size: 190%;
}
.s5-returnToTop {
    margin: 0px;
}


#musen.box ul>li .moji>h2 img {
    width: 106px;
    position: absolute;
    height: 106px;
    top: 14%;
    right: 22%;
}

#musen.box ul>li>img {
    /* padding: 10px 120px; */
    object-fit: contain;
    display: block;
    box-sizing: border-box;
}
@media (max-width: 769px) {

#musen.box ul>li .moji>h2 img {
    width: 60px;
    position: initial;
    height: 60px;
    float: right;
    margin: 8px 0px 4px 16px;
}
    #seinou .moji strong {
    font-size: 178%;
}
}
.lr {
    width: 100%;
    position: relative;
    /* height: 100%; */
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

.lr div {
    cursor: pointer;
    position: absolute;
    top: -440px;
    /* left: 20px; */
    width: 50px;
    height: 50px;
    display: flex;
    background: #E2E2E5 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNjcgMGwyLjgzIDIuODI5LTkuMzM5IDkuMTc1IDkuMzM5IDkuMTY3LTIuODMgMi44MjktMTIuMTctMTEuOTk2eiIvPjwvc3ZnPg==)  no-repeat 44% 50%;
    border-radius: 50%;
    align-content: center;
    justify-content: center;
    z-index: 7;
    /* border: 1px solid rgb(255 255 255 / 50%); */
    /* box-shadow: 0 0 4px #ffffff; */
}

#mokuji .lr div, #syurui .lr div, #inzonetowa .lr div {
    background-color: #fff;
}

.lr .l {display: none;}

#mokuji .lr div {
    top: -270px;
}

.lr div:hover {opacity:.5}

.lr .r {
    /* right: 20px; */
    /* left: auto; */
    transform: rotate(180deg) translateX(-610px);
}

@media (max-width: 769px) {
.lr div {
    top: -30px !important;
}
.lr .r {right: 24px;transform: rotate(180deg) scale(.7);}

#seinou .lr div {
    top: -72px !important;
}
}
.box.boxmini2 li {
    width: 790px;
    height: auto;
    max-height: none;
}

.box.boxmini2 li:nth-child(5) img{
    max-height: 530px;
} 


.box.boxmini2 h2 {
    text-align: center;
}

.box.boxmini2 .moji>p>img {
    width: 75%;
    height: 218px;
    display: block;
    margin: auto auto -6px auto;
    object-fit: contain;
}

.box.boxmini2 .moji>p {
    margin: 0 0 1.5vh;
}

.box.boxmini2 .moji>p strong.grade {
    margin: 0 auto auto;
    padding: 0;
    text-align: center;
    width: 100%;
    font-size: 135%;
    line-height: 2;
}

.box.boxmini2 .moji>.icon {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: stretch;gap: 40px;margin: 0 0 1vh 0;}

.box.boxmini2 .moji>.bt {
    display: flex;
    text-align: center;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    gap: 16px;
    padding: 16px 0 24px 0;
    margin: auto 0 0 0;
}

.box.boxmini2 .moji>.bt a {
    padding: 8px 40px 14px;
    background-image: linear-gradient(-90deg,#6e72fc 0%,#c94bff 100%);
    border-radius: 100px;
    line-height: 1;
    min-width: 192px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    cursor: pointer !important;
}

.box.boxmini2 .moji>.bt a * {
    /* cursor: pointer !important; */
}
.box.boxmini2 .moji>.bt a span{
    font-size: clamp(10px,1.3vw,18px);
    color: #fff;
    font-weight: bold;
    display: inline-block;
    line-height: 1;
    cursor: pointer !important;
}
.box.boxmini2 .moji>.icon dd {
    display: flex;
    flex-direction: column;
}

.box.boxmini2 .moji>.icon dd span {
    font-size: clamp(10px,0.9vw,12px);
    line-height: normal;
    display: block;
    text-align: center;
    margin: auto 0;
    line-height: 1.2;
}

.box.boxmini2 .moji>.icon dd img {
    width: auto;
    height: 114px;
    display: block;
    margin: 0 auto;
    object-fit: contain;
    padding: 0 2px;
    box-sizing: border-box;
}

.box.boxmini2 .moji>.hosoku {
    font-size: 60%;
    text-align: center;
    font-weight: normal;
}
@media (max-width: 769px) {
    .box.boxmini2 li {
    width: 80vw;
}

.box.boxmini2 .moji>.icon {
    gap: 1px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

.box.boxmini2 .moji>p>img {
    height: 12vh;
    width: 100%;
}

.box.boxmini2 .moji>.bt a {
    min-width: auto;
}
.box.boxmini2 .moji>.icon dd img {
    /* width: 44px; */
    height: 70px;
    }
}
p.soutyakulink a {transition: margin-left 0s ease-in-out;opacity: 1;}
p.soutyakulink a span{transition: margin-left .7s ease-in-out;opacity: 1;}

p.soutyakulink a:hover{opacity:1}

p.soutyakulink a:hover span{margin-left:16px;}

html, body {
    /* scroll-behavior: smooth; */
}

.modalmenu {max-width: 1550px;width: 100%;margin: 0 auto;height: 41px;position: fixed;inset: 0;z-index: 9;}
.modalmenu>.gomenu {width: 132px;height: 132px;position: absolute;top: 20px;left: 20px;background: url(images/fix_mokuji.png) 50% 50% no-repeat;background-size: contain;z-index: 9;cursor: pointer;opacity: 0;pointer-events: none;-webkit-transition: 0.2s ease-out;transition: 0.2s ease-out;}

.modalmenu>.gomenu:hover {
}


.onmokuji .gomenu,
.onmokuji .goinzone {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.modalmenu>.gomenu:hover {
    opacity: .8 !important;
}

.goinzone {display: block;margin: -180px 0 0 auto;width: 180px;height: 180px;position: sticky;bottom: 12px;right: 12px;left: auto;top: auto;background: url(images/fix_check.png) 50% 50% no-repeat;background-size: contain;z-index: 9;cursor: pointer;opacity: 0;pointer-events: none;}

.goinzone:hover {
    opacity: .8 !important;
}
.modalmenu>nav {position: fixed;inset: 0;z-index: 9999;overflow: hidden;width: 0px;height: 0px;}

.modalmenu.menu>nav {width: auto;height: auto;}
.modalmenu>nav>ul {padding: 48px 32px;margin: 70px 32px;background: #fff;max-width: 400px;display: flex;flex-wrap: wrap;gap: 10px;border-radius: 25px;}
.modalmenu>nav>ul>.big {width: 100%;}
.modalmenu>nav>ul>.big>a {display: flex;justify-content: center;height: 100%;flex-direction: row;flex-wrap: nowrap;padding: 8px;align-items: center;}
.modalmenu>nav>ul>.big>a>.moji {margin: 0;padding: 0 16px;}
.modalmenu>nav>ul>.big>a>.moji>h2 {/* font-size: clamp(16px,1.3vw,18px); */font-weight: bold;line-height: 40px;}
.modalmenu>nav>ul>.big>a>.moji>p {font-size: clamp(10px,0.9vw,12px);font-weight: bold;}
.modalmenu>nav>ul>.big>a>img {width: 154px;height: 100%;padding: 0;margin: 0 0 0 auto;max-height: none;}
.modalmenu>nav>ul>li {box-shadow: 0 0 3px rgb(55 55 55 / 70%);width: calc(50% - 5px);height: auto;max-height: 131px;overflow: hidden;border-radius: 6px;box-sizing: border-box;display: flex;align-content: center;align-items: center;}

.modalmenu>nav>ul>li.t {
    box-shadow: none;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 12px 0 0 0;
}
.modalmenu>nav>ul>li>a {display: flex;align-items: stretch;flex-direction: column;padding: 10px 0 12px 0;box-sizing: border-box;height: 100%;width: 100%;justify-content: flex-start;gap: 12px 0px;}
.modalmenu>nav>ul>li>a>.moji {padding: 0 8px;margin: 0 0 auto 0;white-space: nowrap;}
.modalmenu>nav>ul>li>a>.moji>h2 {font-size: clamp(16px,1.3vw,18px);font-weight: bold;line-height: ;margin: 0;display: flex;align-content: center;align-items: center;justify-content: center;}

.modalmenu>nav>ul>li>a>.moji>h2 img {
    max-width: 34px;
    height: 24px;
    vertical-align: middle;
    object-fit: contain;
    margin: 0px 8px -2px 0;
}

.modalmenu>nav>ul>li.end>a>.moji>h2 img {
    max-width: 48px;
    height: 42px;
    margin: 0px 0 0 10px;
}
.modalmenu>nav>ul>li>a>.moji>.mini {font-size: 7.9px;margin: 0;}
.modalmenu>nav>ul>li>a>img {height: 44px;width: 100%;/* max-height: 56px; */box-sizing: border-box;object-fit: contain;padding: 0px 18px;display: block;margin: auto 0;}
.modalmenu>nav>.batu {position: absolute;inset: 0;z-index: -1;overflow: hidden;background: rgb(0 0 0 / 85%) url(images/batu.png) 52px 32px no-repeat;background-size: 48px;cursor: pointer;}

.modalmenu>nav .bt {  display:none;}


@media (max-width: 769px) {
.modalmenu {
}
.modalmenu>.gomenu {top: 12px;left: auto;right: 12px;width: 80px;height: 80px;}
.goinzone {display: none;/* width: 50px; */}
.modalmenu>nav {display: flex;align-content: center;justify-content: center;align-items: center;}
.modalmenu>nav>ul {padding:16px;margin:0;}
.modalmenu>nav>ul>.big {
}
.modalmenu>nav>ul>.big>a {
}
.modalmenu>nav>ul>.big>a>.moji {
}
.modalmenu>nav>ul>.big>a>.moji>h2 {
}
.modalmenu>nav>ul>.big>a>.moji>p {
}
.modalmenu>nav>ul>.big>a>.lazyload {
}
.modalmenu>nav>ul>li {
}
.modalmenu>nav>ul>li>a {
}
.modalmenu>nav>ul>li>a>.moji {
}
.modalmenu>nav>ul>li>a>.moji>h2 {
}
.modalmenu>nav>ul>li>a>.moji>.mini {
}
.modalmenu>nav>ul>li>a>.lazyload {
}
.modalmenu>nav>.batu {background-position: 18% 90%;}
.modalmenu>nav .bt {
    display: flex;
    width: 100%;
    box-shadow: none;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 16px 24px;
}
.modalmenu>nav .bt a{
    padding: 16px 24px 18px;
    background-image: linear-gradient(-90deg, #6e72fc 0%, #c94bff 100%);
    border-radius: 100px;
    line-height: 1;
    display: inline-flex;
    text-align: center;
    color: #fff;
    font-weight: bold;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
}
.modalmenu>nav .bt strong{
    font-size: 120%;
}
}

.simplebar-content-wrapper,.simplebar-content-wrapper * {
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    user-drag: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
}
.simplebar-content-wrapper::-webkit-scrollbar {
      display: none;
      -webkit-appearance: none;
}

.s5-returnToTop__inner1 {
    position: static !important;
    padding: 30px 0 90px;
}

.enquete{margin: 130px auto -20px;}
.enquete h1{
    text-align: center;
    font-size: clamp(20px,5vw,46px);
    margin: 0 0 1.4vh;
}
.enquete p{
    text-align: center;
    font-size: clamp(12px,3vw,20px);
    margin: 0 0 2.4vh;
}
.enquete .bt{
    padding: 0 32px;
}
.enquete a{
    color: #fff  !important;
    text-decoration: none;
    background: linear-gradient(-90deg,#6e72fc 0%,#c94bff 100%);
    color: #fff;
    padding: 8px 32px 12px;
    display: block;
    max-width: 900px;
    margin: auto;
}
.enquete a:hover{
    color: #fff;
}