@charset "utf-8";

.section__inner{
    width: min(calc(1100 / var(--vw-min) * 100vw),1100px);
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
@media screen and (max-width:768px){
    .section__inner{
        width: 100%;
    }
}

.sectionTtl{
    text-align: left;
    position: relative;
    margin-bottom: min(calc(80 / var(--vw-min) * 100vw),80px);
}
.sectionTtl__txt{
    display: block;
    width: 100%;
    height: min(calc(54 / var(--vw-min) * 100vw),54px);
    position: relative;
    z-index: 1;
    background: no-repeat bottom left / contain;
}
@media screen and (max-width:768px){
    .sectionTtl{
        padding-left: calc(20 / var(--vw-min) * 100vw);
        margin-bottom: calc(40 / var(--vw-min) * 100vw);
    }
    .sectionTtl__txt{
        height: calc(60 / var(--vw-min) * 100vw);
    }
}

.news__ttl .sectionTtl__txt{
    background-image: url(../img/common/ttl/ttl_news.png);
}
@media screen and (max-width:768px){
    .news__ttl .sectionTtl__txt{
        background-image: url(../img/common/ttl/ttl_news_sp.png);
    }
}

.sectionTtl__marker{
    position: absolute;
    left: max(calc(-22 / var(--vw-min) * 100vw),-22px);
    bottom: max(calc(-24 / var(--vw-min) * 100vw),-24px);
    width: 100%;
    height: min(calc(54 / var(--vw-min) * 100vw),54px);
    z-index:0;
    background: no-repeat bottom left / contain;
}
@media screen and (max-width:768px){
    .sectionTtl__marker{
        height: calc(31 / var(--vw-min) * 100vw);
        top: calc(16 / var(--vw-min) * 100vw);
        bottom: unset;
        left:calc(12 / var(--vw-min) * 100vw);
        width: calc(165 / var(--vw-min) * 100vw);
    }
}
.news__ttl .sectionTtl__marker{
    background-image: url(../img/common/ttl/ttl_news_marker.png);
}
.sectionTtl__deco{
    position: absolute;
    left: max(calc(-60 / var(--vw-min) * 100vw),-60px);
    top: max(calc(-56 / var(--vw-min) * 100vw),-56px);
    width: min(calc(207 / var(--vw-min) * 100vw),207px);
    height: min(calc(113 / var(--vw-min) * 100vw),113px);
    background: var(--color-sub);
    -webkit-mask: url(../img/common/deco/deco_hanko.svg) no-repeat center center / contain;
    mask: url(../img/common/deco/deco_hanko.svg) no-repeat center center / contain;
    z-index: 0;
}
@media screen and (max-width:768px){
    .sectionTtl__deco{
        height: calc(71 / var(--vw-min) * 100vw);
        width: calc(131 / var(--vw-min) * 100vw);
        top: calc(-48/ var(--vw-min) * 100vw);
        left: calc(-12 / var(--vw-min) * 100vw);
    }
}
.sectionContent{
    position: relative;
    z-index: 1;
}

/*-----------------------------------------------
 * DECO
-------------------------------------------------*/
.deco__triangleWrap{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    max-width: min(calc(1366 / var(--vw-min) * 100vw),1366px);
    height: 100%;
    pointer-events: none;
    z-index: 1;
}
.deco__triangle{
    position: absolute;
    width: min(calc(120 / var(--vw-min) * 100vw),120px);
    height: min(calc(207 / var(--vw-min) * 100vw),207px);
    z-index: 0;
}
@media screen and (max-width:768px){
    .deco__triangleWrap{
        max-width: 100%;
    }
    .deco__triangle{
        width: calc(74 / var(--vw-min) * 100vw);
        height: calc(144 / var(--vw-min) * 100vw);
    }
}

.deco__triangle ._tr1{
    display: block;
    width: min(calc(85 / var(--vw-min) * 100vw),85px);
    height: min(calc(101 / var(--vw-min) * 100vw),101px);
    mask: url(../img/common/deco/deco_triangle1.svg) no-repeat center center / contain;
    background-color: var(--color-sub);
}
.deco__triangle ._tr2{
    display: block;
    width: min(calc(44 / var(--vw-min) * 100vw),44px);
    height: min(calc(52 / var(--vw-min) * 100vw),52px);
    mask: url(../img/common/deco/deco_triangle2.svg) no-repeat center center / contain;
    background-color: var(--color-main);
    position: absolute;
    right: 0;
    top: min(calc(100 / var(--vw-min) * 100vw),100px);
}
.deco__triangle ._tr3{
    display: block;
    width: min(calc(40 / var(--vw-min) * 100vw),40px);
    height: min(calc(48 / var(--vw-min) * 100vw),48px);
    mask: url(../img/common/deco/deco_triangle3.svg) no-repeat center center / contain;
    background-color: var(--color-sub);
    position: absolute;
    right: min(calc(24 / var(--vw-min) * 100vw),24px);
    bottom: 0;
}
@media screen and (max-width:768px){
    .deco__triangle ._tr1{
        width: calc(54 / var(--vw-min) * 100vw);
        height: calc(85 / var(--vw-min) * 100vw);
    }
    .deco__triangle ._tr2{
        width: calc(26 / var(--vw-min) * 100vw);
        height: calc(44 / var(--vw-min) * 100vw);
        right: 0;
        top: calc(74 / var(--vw-min) * 100vw);
    }
    .deco__triangle ._tr3{
        width: calc(24 / var(--vw-min) * 100vw);
        height: calc(40 / var(--vw-min) * 100vw);
        right: calc(8 / var(--vw-min) * 100vw);
        bottom: calc(-8 / var(--vw-min) * 100vw);
    }
}

.deco__triangle._news{
    top: unset;
    bottom: min(calc(-24 / var(--vw-min) * 100vw),-24px);
    left: min(calc(48 / var(--vw-min) * 100vw),48px);
    z-index: 1;
}
@media screen and (max-width:768px){
    .deco__triangle._news{
        bottom: calc(-12 / var(--vw-min) * 100vw);
        left: calc(12 / var(--vw-min) * 100vw);
    }
}

._tr1._news{
    background-color: var(--color-main);
}
._tr2._news{
    background-color: var(--color-sub);
}
._tr3._news{
    background-color: var(--color-main);
}

.deco__triangle._introduction{
    top: min(calc(89 / var(--vw-min) * 100vw),89px);
    right: min(calc(60 / var(--vw-min) * 100vw),60px);
    z-index: 1;
}
._tr1._introduction{
    background-color: var(--color-sub);
}
._tr2._introduction{
    background-color: var(--color-main);
}
._tr3._introduction{
    background-color: var(--color-sub);
}
@media screen and (max-width:768px){
    .deco__triangle._introduction{
        display: none;
    }
}
.deco__triangle._staffcast{
    top: min(calc(89 / var(--vw-min) * 100vw),89px);
    right: min(calc(60 / var(--vw-min) * 100vw),60px);
    z-index: 1;
}
._tr1._staffcast{
    background-color: var(--color-main);
}
._tr2._staffcast{
    background-color: var(--color-sub);
}
._tr3._staffcast{
    background-color: var(--color-main);
}
@media screen and (max-width:768px){
    .deco__triangle._staffcast{
        display: none;
    }
}

.deco__triangle._staffcast2{
    bottom: min(calc(100 / var(--vw-min) * 100vw),100px);
    left: 0;
    z-index: 1;
}
._tr1._staffcast2{
    background-color: var(--color-sub);
}
._tr2._staffcast2{
    background-color: var(--color-main);
}
._tr3._staffcast2{
    background-color: var(--color-sub);
}
/*-----------------------------------------------
 * FV
-------------------------------------------------*/
.fv{
    padding: 0;
}
.fv__img{
    width: 100%;
}
.fv__img img{
    width: 100%;
    height: auto;
}
@media screen and (max-width:768px){
    .fv{
        padding: 0;
    }
}

/*-----------------------------------------------
 * PHOTO
-------------------------------------------------*/
.photoArea__inner{
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.photoArea{
    overflow: hidden;
    position: relative;
} 
.photoArea__bg2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 0;
    background: url(../img/common/deco/pt_brown.svg) repeat left top / min(calc(100 / var(--vw-min) * 100vw),100px) min(calc(100 / var(--vw-min) * 100vw),100px);
}
.photoArea__bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 1;
    mask: linear-gradient(180deg, rgba(255, 28, 154, 0.00) 0%, rgba(255, 28, 154, 0.30) 100%);
}
.photoArea__bg::before{
    content: '';
    position: absolute;
    top:0;
    left:0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: var(--photo-color);
    transition: background 0.35s var(--easing-outquart);
}

/*------- color --------*/
.photoArea[data-active="sora"]{
    --photo-color: var(--color-sora);
}
.photoArea[data-active="robocosan"]{
    --photo-color: var(--color-robocosan);
}
.photoArea[data-active="aki"]{
    --photo-color: var(--color-aki);
}
.photoArea[data-active="fubuki"]{
    --photo-color: var(--color-fubuki);
}
.photoArea[data-active="matsuri"]{
    --photo-color: var(--color-matsuri);
}
.photoArea[data-active="ayame"]{
    --photo-color: var(--color-ayame);
}
.photoArea[data-active="choco"]{
    --photo-color: var(--color-choco);
}
.photoArea[data-active="subaru"]{
    --photo-color: var(--color-subaru);
}
.photoArea[data-active="azki"]{
    --photo-color: var(--color-azki);
}
.photoArea[data-active="mio"]{
    --photo-color: var(--color-mio);
}
.photoArea[data-active="miko"]{
    --photo-color: var(--color-miko);
}
.photoArea[data-active="okayu"]{
    --photo-color: var(--color-okayu);
}
.photoArea[data-active="korone"]{
    --photo-color: var(--color-korone);
}
.photoArea[data-active="suisei"]{
    --photo-color: var(--color-suisei);
}
.photoArea[data-active="pekora"]{
    --photo-color: var(--color-pekora);
}
.photoArea[data-active="flare"]{
    --photo-color: var(--color-flare);
}
.photoArea[data-active="noel"]{
    --photo-color: var(--color-noel);
}
.photoArea[data-active="marine"]{
    --photo-color: var(--color-marine);
}
.photoArea[data-active="watame"]{
    --photo-color: var(--color-watame);
}
.photoArea[data-active="towa"]{
    --photo-color: var(--color-towa);
}
.photoArea[data-active="luna"]{
    --photo-color: var(--color-luna);
}
.photoArea[data-active="lamy"]{
    --photo-color: var(--color-lamy);
}
.photoArea[data-active="nene"]{
    --photo-color: var(--color-nene);
}
.photoArea[data-active="botan"]{
    --photo-color: var(--color-botan);
}
.photoArea[data-active="polka"]{
    --photo-color: var(--color-polka);
}
.photoArea[data-active="darknesss"]{
    --photo-color: var(--color-darknesss);
}
.photoArea[data-active="lui"]{
    --photo-color: var(--color-lui);
}
.photoArea[data-active="koyori"]{
    --photo-color: var(--color-koyori);
}
.photoArea[data-active="iroha"]{
    --photo-color: var(--color-iroha);
}


.photoArea__name{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: min(calc(120 / var(--vw-min) * 100vw),120px);
    line-height: 0.64em;
    overflow: hidden;
    z-index: 2;
    pointer-events: none;
}
.photoArea__nameTrack{
    display: flex;
    width: max-content;
    animation: photoAreaNameFlow 50s linear infinite;
    will-change: transform;
}
.photoArea__nameGroup{
    display: flex;
    flex-shrink: 0;
}
.photoArea__nameText{
    font-family: var(--font-en);
    font-size: min(calc(150 / var(--vw-min) * 100vw),150px);
    font-style: normal;
    font-weight: 400;
    line-height: min(calc(150 / var(--vw-min) * 100vw),150px);
    letter-spacing: min(calc(9 / var(--vw-min) * 100vw),9px);
    white-space: nowrap;
    opacity: 0.8;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-right: 0.35em;
}
@keyframes photoAreaNameFlow{
    from{ transform: translate3d(-50%, 0, 0); }
    to{ transform: translate3d(0, 0, 0); }
}
@media (prefers-reduced-motion: reduce){
    .photoArea__nameTrack{
        animation: none;
    }
}
@media screen and (max-width:768px){
    .photoArea__name{
        display: none;
    }
}




.photoLists .swiper-wrapper{
    transition-timing-function: linear !important;
}
.photoLists.is-slideMode .swiper-wrapper{
    transition-timing-function: var(--easing-outquart) !important;
}
.photoLists.swiper{
    width: 100%;
    overflow: hidden;
    z-index: 1;
    padding-top: min(calc(100 / var(--vw-min) * 100vw),100px);
    padding-bottom: min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
    .photoLists.swiper{
        padding-top: calc(100 / var(--vw-min) * 100vw);
        padding-bottom: calc(100 / var(--vw-min) * 100vw);
    }
}
.photoItem.swiper-slide{
    position: relative;
    width: min(calc(360 / var(--vw-min) * 100vw),360px);
    height: auto;
    pointer-events: none;
    padding-bottom: min(calc(42 / var(--vw-min) * 100vw),42px);
}
/* hanko glass */
.photoItem::after{
    content: "";
    position: absolute;
    z-index: 1;
    width: min(calc(110 / var(--vw-min) * 100vw),110px);
    height: min(calc(110 / var(--vw-min) * 100vw),110px);
    border-radius: 110px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(min(calc(8 / var(--vw-min) * 100vw),8px));
    -webkit-backdrop-filter: blur(min(calc(8 / var(--vw-min) * 100vw),8px));
    right: max(calc(-5 / var(--vw-min) * 100vw),-5px);
    bottom: max(calc(-12 / var(--vw-min) * 100vw),-12px);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
@media screen and (max-width:768px){
    .photoItem::after{
        width: calc(91 / var(--vw-min) * 100vw);
        height: calc(91 / var(--vw-min) * 100vw);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: rgba(255, 255, 255, 0.85);
    }
    .photoItem.is-center .photoItem__inner{
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}
.photoItem.is-center::after{
    animation: photoItemHankoGlassIn 0.5s 0.2s var(--easing-outquart) both;
}
.photoItem.is-leaving::after{
    animation: photoItemHankoGlassOut 0.35s var(--easing-outquart) both;
}
@keyframes photoItemHankoGlassIn{
    0%{
        opacity: 0;
        visibility: visible;
    }
    100%{
        opacity: 1;
        visibility: visible;
    }
}
@keyframes photoItemHankoGlassOut{
    0%{
        opacity: 1;
        visibility: visible;
    }
    100%{
        opacity: 0;
        visibility: hidden;
    }
}
@media (prefers-reduced-motion: reduce){
    .photoItem.is-center::after{
        animation: none;
        opacity: 1;
        visibility: visible;
    }
    .photoItem.is-leaving::after{
        animation: none;
        opacity: 0;
        visibility: hidden;
    }
}
.photoItem__inner{
    width: min(calc(350 / var(--vw-min) * 100vw),350px);
    height: min(calc(604 / var(--vw-min) * 100vw),604px);
    position: relative;
    border-radius: min(calc(26 / var(--vw-min) * 100vw),26px);
    border: 0 solid var(--photo-color);
    padding: min(calc(10 / var(--vw-min) * 100vw),10px);
    transition:
        border-width 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease,
        backdrop-filter 0.3s ease;
    background: transparent;
}
@media screen and (max-width:768px){
    .photoItem.swiper-slide{
        width: calc(280 / var(--vw-min) * 100vw);
    }
    .photoItem__inner{
        width: 100%;
        height: calc(483 / var(--vw-min) * 100vw);
    }
    .photoItem::after{
        top: calc(440 / var(--vw-min) * 100vw);
        right: calc(-16 / var(--vw-min) * 100vw);
    }
    .photoItem__deco{
        height: calc(483 / var(--vw-min) * 100vw);
    }
}
.photoItem.is-center {
    pointer-events: auto;
}
.photoItem.is-center .photoItem__inner{
    border-width: min(calc(2 / var(--vw-min) * 100vw),2px);
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0 0 min(calc(50 / var(--vw-min) * 100vw),50px) 0 rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(min(calc(1.5 / var(--vw-min) * 100vw),1.5px));
    animation: photoItemCenterPop 0.55s var(--easing-outquart) both;
}
.photoItem.is-leaving .photoItem__inner{
    animation: photoItemCenterPop 0.55s var(--easing-outquart) both;
    transition:
        border-width 0.12s ease,
        background 0.12s ease,
        box-shadow 0.12s ease,
        backdrop-filter 0.12s ease;
}
@keyframes photoItemCenterPop{
    0%{ transform: scale(1); }
    30%{ transform: scale(0.94); }
    65%{ transform: scale(1.035); }
    100%{ transform: scale(1); }
}
.photoItem__info{
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.35s var(--easing-outquart),
        visibility 0.35s;
    padding: 0 min(calc(18 / var(--vw-min) * 100vw),18px);
}
.photoItem.is-center .photoItem__info{
    opacity: 1;
    visibility: visible;
    transition-delay: 0.12s;
}
.photoItem__deco{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: min(calc(604 / var(--vw-min) * 100vw),604px);
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.5);
    transform-origin: center center;
    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        visibility 0.2s;
}

@media screen and (max-width:768px){
    .photoItem__deco{
        height: calc(483 / var(--vw-min) * 100vw);
    }
}
.photoItem.is-center .photoItem__deco{
    animation: photoItemDecoIn 0.5s 0.2s var(--easing-outquart) both;
}
.photoItem.is-leaving .photoItem__deco{
    animation: photoItemDecoOut 0.4s var(--easing-outquart) both;
}
@keyframes photoItemDecoIn{
    0%{
        opacity: 0;
        visibility: visible;
        transform: scale(0.45);
    }
    55%{
        opacity: 1;
        transform: scale(1.08);
    }
    100%{
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }
}
@keyframes photoItemDecoOut{
    0%{
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }
    100%{
        opacity: 0;
        visibility: hidden;
        transform: scale(0.45);
    }
}
@media (prefers-reduced-motion: reduce){
    .photoItem.is-center .photoItem__inner,
    .photoItem.is-center .photoItem__deco,
    .photoItem.is-leaving .photoItem__inner,
    .photoItem.is-leaving .photoItem__deco{
        animation: none;
    }
    .photoItem.is-center .photoItem__deco{
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }
    .photoItem.is-leaving .photoItem__deco{
        opacity: 0;
        visibility: hidden;
        transform: scale(0.45);
    }
    .photoItem.is-center .photoItem__info{
        transition-delay: 0s;
    }
}
/*------- color --------*/
.photoItem[data-name="sora"]{
    --photo-color: var(--color-sora);
}
.photoItem[data-name="robocosan"]{
    --photo-color: var(--color-robocosan);
}
.photoItem[data-name="aki"]{
    --photo-color: var(--color-aki);
}
.photoItem[data-name="fubuki"]{
    --photo-color: var(--color-fubuki);
}
.photoItem[data-name="matsuri"]{
    --photo-color: var(--color-matsuri);
}
.photoItem[data-name="ayame"]{
    --photo-color: var(--color-ayame);
}
.photoItem[data-name="choco"]{
    --photo-color: var(--color-choco);
}
.photoItem[data-name="subaru"]{
    --photo-color: var(--color-subaru);
}
.photoItem[data-name="azki"]{
    --photo-color: var(--color-azki);
}
.photoItem[data-name="mio"]{
    --photo-color: var(--color-mio);
}
.photoItem[data-name="miko"]{
    --photo-color: var(--color-miko);
}
.photoItem[data-name="okayu"]{
    --photo-color: var(--color-okayu);
}
.photoItem[data-name="korone"]{
    --photo-color: var(--color-korone);
}
.photoItem[data-name="suisei"]{
    --photo-color: var(--color-suisei);
}
.photoItem[data-name="pekora"]{
    --photo-color: var(--color-pekora);
}
.photoItem[data-name="flare"]{
    --photo-color: var(--color-flare);
}
.photoItem[data-name="noel"]{
    --photo-color: var(--color-noel);
}
.photoItem[data-name="marine"]{
    --photo-color: var(--color-marine);
}
.photoItem[data-name="watame"]{
    --photo-color: var(--color-watame);
}
.photoItem[data-name="towa"]{
    --photo-color: var(--color-towa);
}
.photoItem[data-name="luna"]{
    --photo-color: var(--color-luna);
}
.photoItem[data-name="lamy"]{
    --photo-color: var(--color-lamy);
}
.photoItem[data-name="nene"]{
    --photo-color: var(--color-nene);
}
.photoItem[data-name="botan"]{
    --photo-color: var(--color-botan);
}
.photoItem[data-name="polka"]{
    --photo-color: var(--color-polka);
}
.photoItem[data-name="darknesss"]{
    --photo-color: var(--color-darknesss);
}
.photoItem[data-name="lui"]{
    --photo-color: var(--color-lui);
}
.photoItem[data-name="koyori"]{
    --photo-color: var(--color-koyori);
}
.photoItem[data-name="iroha"]{
    --photo-color: var(--color-iroha);
}

.photoItem__img{
    width: 100%;
    height: min(calc(466 / var(--vw-min) * 100vw),466px);
    object-fit: cover;
    border-radius: min(calc(20 / var(--vw-min) * 100vw),20px);
    overflow: hidden;
    aspect-ratio: 165/233;
    margin-bottom: min(calc(15 / var(--vw-min) * 100vw),15px);
    pointer-events: auto;
    cursor: pointer;
}
.photoItem__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform 0.55s var(--easing-outquart);
}
@media screen and (hover: hover){
    .photoItem__img:hover img{
        transform: scale(1.08);
    }
}
@media (prefers-reduced-motion: reduce){
    .photoItem__img img{
        transition: none;
    }
    .photoItem__img:hover img{
        transform: none;
    }
}
@media screen and (max-width:768px){
    .photoItem__img{
        height: calc(373 / var(--vw-min) * 100vw);
        margin-bottom: calc(15 / var(--vw-min) * 100vw);
    }
}
.photoItem__nameBlock{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.photoItem__name{
    color: var(--color-black);
    font-family: var(--font-noto);
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    font-weight: 700;
    letter-spacing: 0.07em;
    line-height: min(calc(18 / var(--vw-min) * 100vw),18px);
    display: flex;
    flex-direction: column;
    margin-bottom: min(calc(20 / var(--vw-min) * 100vw),20px);
}
.photoItem__name__jp{
    color: var(--color-black);
}
.photoItem__name__en{
    color: var(--photo-color);
    font-size: min(calc(13 / var(--vw-min) * 100vw),13px);
    font-weight: 600;
    line-height: min(calc(16 / var(--vw-min) * 100vw),16px);
    margin-top: min(calc(7 / var(--vw-min) * 100vw),7px);
}
@media screen and (max-width:768px){
    .photoItem__name{
       font-size: calc(14 / var(--vw-min) * 100vw);
       line-height: calc(14.4 / var(--vw-min) * 100vw);
       margin-bottom: calc(10 / var(--vw-min) * 100vw);
    }
    .photoItem__name__en{
        font-size: calc(12 / var(--vw-min) * 100vw);
        line-height: calc(12.8 / var(--vw-min) * 100vw);
        margin-top: calc(8 / var(--vw-min) * 100vw);
    }
}
.photoItem__icon{
    display: flex;
    gap: min(calc(10 / var(--vw-min) * 100vw),10px);
}
.photoItem__icon span{
    display: block;
    width: min(calc(24 / var(--vw-min) * 100vw),24px);
    height: min(calc(20 / var(--vw-min) * 100vw),20px);
    background: var(--photo-color);
    transition: background 0.3s ease;
    cursor: pointer;
}
.photoItem__icon .ic_heart{
    position: relative;
    background: transparent;
}
.photoItem__icon .ic_heart::before,
.photoItem__icon .ic_heart::after{
    content: "";
    position: absolute;
    inset: 0;
    display: block;
}
.photoItem__icon .ic_heart::before{
    background: var(--photo-color);
    -webkit-mask: url(../img/common/deco/ic_heart_fill.svg) no-repeat center center / contain;
    mask: url(../img/common/deco/ic_heart_fill.svg) no-repeat center center / contain;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.photoItem__icon .ic_heart::after{
    background: var(--photo-color);
    -webkit-mask: url(../img/common/deco/ic_heart.svg) no-repeat center center / contain;
    mask: url(../img/common/deco/ic_heart.svg) no-repeat center center / contain;
}
.photoItem__icon .ic_heart.--is-on::before{
    opacity: 1;
}
.photoItem__icon .ic_fukidashi{
    -webkit-mask: url(../img/common/deco/ic_fukidashi.svg) no-repeat center center / contain;
    mask: url(../img/common/deco/ic_fukidashi.svg) no-repeat center center / contain;
}
.photoItem__icon .ic_share{
    -webkit-mask: url(../img/common/deco/ic_share.svg) no-repeat center center / contain;
    mask: url(../img/common/deco/ic_share.svg) no-repeat center center / contain;
}
.photoItem__icon .ic_fukidashi.--is-pop,
.photoItem__icon .ic_share.--is-pop,
.photoItem__icon .ic_heart.--is-pop{
    animation: photoIconPop 0.4s var(--easing-outquart);
}
@keyframes photoIconPop{
    0%, 100%{ transform: scale(1); }
    40%{ transform: scale(1.28); }
}
@media (prefers-reduced-motion: reduce){
    .photoItem__icon .ic_fukidashi.--is-pop,
    .photoItem__icon .ic_share.--is-pop,
    .photoItem__icon .ic_heart.--is-pop{
        animation: none;
    }
}
@media screen and (max-width:768px){
    .photoItem__icon{
        gap: calc(16     / var(--vw-min) * 100vw);
    }
    .photoItem__icon span{
        width: calc(24 / var(--vw-min) * 100vw);
        height: calc(19 / var(--vw-min) * 100vw);
    }
}

.photoItem__deco span{
    position: absolute;
    display: block;
}
.deco__notice{
    width: min(calc(44 / var(--vw-min) * 100vw),44px);
    height: min(calc(42 / var(--vw-min) * 100vw),42px);
    -webkit-mask: url(../img/common/deco/deco_notice.svg) no-repeat center center / contain;
    mask: url(../img/common/deco/deco_notice.svg) no-repeat center center / contain;
    left: max(calc(-24 / var(--vw-min) * 100vw),-24px);
    top: max(calc(-24 / var(--vw-min) * 100vw),-24px);
}
@media screen and (max-width:768px){
    .deco__notice{
        width: calc(30 / var(--vw-min) * 100vw);
        height: calc(28 / var(--vw-min) * 100vw);
        left: calc(-17 / var(--vw-min) * 100vw);
        top: calc(-20 / var(--vw-min) * 100vw);
    }
}

.photoItem__deco .deco__kiraWrap{
    position: absolute;
    width: min(calc(52 / var(--vw-min) * 100vw),52px);
    height: min(calc(57 / var(--vw-min) * 100vw),57px);
    background-color: transparent!important;
}
@media screen and (max-width:768px){
    .photoItem__deco .deco__kiraWrap{
        width: calc(36 / var(--vw-min) * 100vw);
        height: calc(48 / var(--vw-min) * 100vw);
    }
}
.photoItem__deco .deco__kiraWrap._rt{
    right: max(calc(-24 / var(--vw-min) * 100vw),-24px);
    top: max(calc(-24 / var(--vw-min) * 100vw),-24px);
}
.photoItem__deco .deco__kiraWrap._lb{
    left: max(calc(-24 / var(--vw-min) * 100vw),-24px);
    bottom: max(calc(-24 / var(--vw-min) * 100vw),-24px);
}
@media screen and (max-width:768px){
    .photoItem__deco .deco__kiraWrap._rt{
        right: calc(-18 / var(--vw-min) * 100vw);
        top: calc(-22 / var(--vw-min) * 100vw);
    }
    .photoItem__deco .deco__kiraWrap._lb{
        left: calc(-22 / var(--vw-min) * 100vw);
        bottom: calc(-18 / var(--vw-min) * 100vw);
    }
}


.deco__kira{
    mask:url(../img/common/deco/deco_kira.svg) no-repeat center center / contain;
    -webkit-mask:url(../img/common/deco/deco_kira.svg) no-repeat center center / contain;
    position: absolute;
}
.deco__kira._kira1,
.deco__kira._kira3{
    width: min(calc(34 / var(--vw-min) * 100vw),34px);
    height: min(calc(46  / var(--vw-min) * 100vw),46px);
    background: transparent !important;
    mask: none;
    -webkit-mask: none;
}
@media screen and (max-width:768px){
    .deco__kira._kira1,
    .deco__kira._kira3{
        width: calc(25 / var(--vw-min) * 100vw);
        height: calc(32 / var(--vw-min) * 100vw);
    }
}
.deco__kira._kira1::before,
.deco__kira._kira3::before{
    content: "";
    position: absolute;
    inset: 0;
    background-color: #FFF;
    mask: url(../img/common/deco/deco_kira.svg) no-repeat center center / contain;
    -webkit-mask: url(../img/common/deco/deco_kira.svg) no-repeat center center / contain;
}
.deco__kira._kira1::after,
.deco__kira._kira3::after{
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--photo-color);
    mask: url(../img/common/deco/deco_kira_line.svg) no-repeat center center / contain;
    -webkit-mask: url(../img/common/deco/deco_kira_line.svg) no-repeat center center / contain;
}
.deco__kira._kira1{
    left: 0;
    bottom: 0;
}
.deco__kira._kira2{
    width: min(calc(23 / var(--vw-min) * 100vw),23px);
    height: min(calc(31 / var(--vw-min) * 100vw),31px);
    background-color: var(--photo-color);
    right: 0;
    top: 0;
}
.deco__kira._kira3{
    right: 0;
    top: 0;
}
.deco__kira._kira4{
    width: min(calc(23 / var(--vw-min) * 100vw),23px);
    height: min(calc(31 / var(--vw-min) * 100vw),31px);
    background-color: var(--photo-color);
    left: 0;
    bottom: 0;
}

@media screen and (max-width:768px){
    .deco__kira._kira2{
        width: calc(20 / var(--vw-min) * 100vw);
        height: calc(28 / var(--vw-min) * 100vw);
    }
    .deco__kira._kira4{
        width: calc(15 / var(--vw-min) * 100vw);
        height: calc(20 / var(--vw-min) * 100vw);
    }
}

.photoItem__deco .deco__hanko{
    width: min(calc(206 / var(--vw-min) * 100vw),206px);
    height: min(calc(113 / var(--vw-min) * 100vw),113px);
    -webkit-mask: url(../img/common/deco/deco_hanko.svg) no-repeat center center / contain;
    mask: url(../img/common/deco/deco_hanko.svg) no-repeat center center / contain;
    right: max(calc(-100 / var(--vw-min) * 100vw),-100px);
    bottom: max(calc(-60 / var(--vw-min) * 100vw),-60px);
    z-index: 2;
}
@media screen and (max-width:768px){
    .photoItem__deco .deco__hanko{
        right: calc(-90 / var(--vw-min) * 100vw);
        bottom: calc(-50 / var(--vw-min) * 100vw);
        width: calc(165 / var(--vw-min) * 100vw);
        height: calc(95 / var(--vw-min) * 100vw);
    }
}
.photoItem__deco span{
    background: var(--photo-color);
}

.photoListsStatus{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: min(calc(24 / var(--vw-min) * 100vw), 24px);
    padding-top: min(calc(27 / var(--vw-min) * 100vw), 27px);
    margin: auto;
    width: 100%;
    overflow: hidden;
    z-index: 3;
    justify-content: center;
}
.photoListsStatus__progress{
    position: relative;
    width: min(calc(250 / var(--vw-min) * 100vw),250px);
    height: min(calc(40 / var(--vw-min) * 100vw),40px);
    cursor: pointer;
    touch-action: none;
}
.photoListsStatus__progress::before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: min(calc(6 / var(--vw-min) * 100vw),6px);
    background: #FFF;
    transform: translateY(-50%);
    border-radius: min(calc(6 / var(--vw-min) * 100vw),6px);
}
.photoListsStatus__bar{
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 100%;
    height: min(calc(6 / var(--vw-min) * 100vw),6px);
    background: var(--color-main);
    border-radius: min(calc(6 / var(--vw-min) * 100vw),6px);
    transform: translateY(-50%) scaleX(0);
    transform-origin: left center;
    pointer-events: none;
}
.photoListsStatus__thumb{
    position: absolute;
    top: 50%;
    left: 0;
    width: min(calc(48 / var(--vw-min) * 100vw),48px);
    height: min(calc(45 / var(--vw-min) * 100vw),45px);
    background: url(../img/common/deco/ic_hikouki.png) no-repeat center center / contain;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.photoListsStatus__progress.is-dragging .photoListsStatus__thumb{
    transform: translate(-50%, -50%) scale(1.12);
}
.photoListsStatus__count{
    display: flex;
    align-items: baseline;
    gap: min(calc(8 / var(--vw-min) * 100vw),8px);
    color: var(--color-main);
    font-family: var(--font-en);
    font-weight: 500;
    letter-spacing: min(calc(0.96 / var(--vw-min) * 100vw),0.96px);
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    line-height: 1;
}
.photoListsStatus__slash{
    font-size: min(calc(12 / var(--vw-min) * 100vw),12px);
}




/*-----------------------------------------------
 * NEWS
-------------------------------------------------*/
.newsArea{
    position: relative;
    padding-bottom: min(calc(96 / var(--vw-min) * 100vw),96px);
    margin-top: min(calc(100 / var(--vw-min) * 100vw),100px);
}
.newsArea__bg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: min(calc(275 / var(--vw-min) * 100vw),275px);
    z-index: 0;
    background: rgba(255, 110, 157, 0.30);
}
@media screen and (max-width:768px){
    .newsArea__bg{
        height: calc(210 / var(--vw-min) * 100vw);
    }
}
.deco__hikouki{
    position: absolute;
    pointer-events: none;
    left: 0;
    top: max(calc(-300 / var(--vw-min) * 100vw),-300px);
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.deco__hikouki span{
    position: absolute;
    top: 0;
    right: 0;
    width: min(calc(280 / var(--vw-min) * 100vw),280px);
    height: min(calc(398 / var(--vw-min) * 100vw),398px);
    background: url(../img/common/deco/deco_hikouki.png) no-repeat center center / contain;
}
@media screen and (max-width:768px){
    .deco__hikouki{
        top: calc(-100 / var(--vw-min) * 100vw);
    }
    .deco__hikouki span{
        right: calc(0 / var(--vw-min) * 100vw);
        width: calc(137 / var(--vw-min) * 100vw);
        height: calc(197 / var(--vw-min) * 100vw);
    }
}
/*news lists*/
.newsLists{
    display: flex;
    gap: min(calc(30 / var(--vw-min) * 100vw),30px);
    margin-top: min(calc(60 / var(--vw-min) * 100vw),60px);
    margin-bottom: min(calc(36 / var(--vw-min) * 100vw),36px);
}
.newsItem{
    width: min(calc(346 / var(--vw-min) * 100vw),346px);
    min-height: min(calc(166 / var(--vw-min) * 100vw), 166px);
}
@media screen and (max-width:768px){
    .newsLists{
        flex-direction: column;
        gap: calc(10 / var(--vw-min) * 100vw);
        padding: 0 calc(20 / var(--vw-min) * 100vw);
        margin-top: 0;
        margin-bottom: calc(24 / var(--vw-min) * 100vw);
    }
    .newsItem{
        width: 100%;
        height:calc(116 / var(--vw-min) * 100vw);
        min-height: unset;
    }
}
.newsItem__link{
    text-decoration: none;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: min(calc(20 / var(--vw-min) * 100vw),20px);
    border: 2px solid rgba(49, 216, 212, 0.60);
    box-shadow: 6px 6px 0 0 rgba(49, 216, 212, 0.60);
    padding: min(calc(60 / var(--vw-min) * 100vw),60px) min(calc(22 / var(--vw-min) * 100vw),22px) min(calc(26 / var(--vw-min) * 100vw),26px) min(calc(22 / var(--vw-min) * 100vw),22px);
    transition: transform 0.4s var(--easing-outquart);
}
@media screen and (max-width:768px){
    .newsItem__link{
        padding: calc(44 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
    }
}
@media screen and (hover: hover){
    .newsItem__link:hover{
        transform: translateY(max(calc(-8 / var(--vw-min) * 100vw),-8px));
    }
}
.newsItem__ttl{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    font-weight: 700;
    line-height: min(calc(26 / var(--vw-min) * 100vw),26px);
    letter-spacing: min(calc(-0.48 / var(--vw-min) * 100vw),-0.48px);
}
.newsItem__date{
    position: absolute;
    height: min(calc(30 / var(--vw-min) * 100vw),30px);
    left: max(calc(-9 / var(--vw-min) * 100vw),-9px);
    top: min(calc(23 / var(--vw-min) * 100vw),23px);
    color: #FFF;
    font-family: var(--font-en);
    font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
    font-weight: 500;
    line-height: min(calc(24 / var(--vw-min) * 100vw),24px);
    letter-spacing: min(calc(1.2 / var(--vw-min) * 100vw),1.2px);
    background: var(--color-main);
    padding: min(calc(4 / var(--vw-min) * 100vw),4px) min(calc(17 / var(--vw-min) * 100vw),17px);
}
.newsItem__date::after{
    content: '';
    position: absolute;
    right: max(calc(-8 / var(--vw-min) * 100vw),-8px);
    top: 0;
    width: min(calc(8 / var(--vw-min) * 100vw),8px);
    height: min(calc(30 / var(--vw-min) * 100vw),30px);
    background: url(../img/common/deco/news_date_r.svg) no-repeat center left / auto 100%;
}
.newsItem__date::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: max(calc(-5.5 / var(--vw-min) * 100vw),-5.5px);
    width: min(calc(8 / var(--vw-min) * 100vw),8px);
    height: min(calc(5.5 / var(--vw-min) * 100vw),5.5px);
    background: url(../img/common/deco/news_date_l.svg) no-repeat center left / auto 100%;
}

@media screen and (max-width:768px){
    .newsItem__ttl{
        font-size: calc(14 / var(--vw-min) * 100vw);
        line-height: calc(24 / var(--vw-min) * 100vw);
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }
    .newsItem__date{
        font-size: calc(16 / var(--vw-min) * 100vw);
        height: calc(25 / var(--vw-min) * 100vw);
        left: calc(-7 / var(--vw-min) * 100vw);
        top: calc(14 / var(--vw-min) * 100vw);
		line-height: calc(20 / var(--vw-min) * 100vw);
    }
	.newsItem__date::after{
		width: calc(7 / var(--vw-min) * 100vw);
		height: calc(25 / var(--vw-min) * 100vw);
		right: calc(-7 / var(--vw-min) * 100vw);
	}
}
.newsLists__more{
    display: flex;
    justify-content: flex-end;
}
.moreLink{
    width: min(calc(230 / var(--vw-min) * 100vw),230px);
    height: min(calc(60 / var(--vw-min) * 100vw),60px);
    background: var(--color-sub);
    border-radius: min(calc(60 / var(--vw-min) * 100vw),60px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    position: relative;
    overflow: hidden;
    background-color: var(--color-sub);
    background-image: url(../img/common/deco/btn_green_ptn.png);
    background-repeat: repeat;
    background-position: center;
    background-size: min(calc(48 / var(--vw-min) * 100vw),48px) auto;
    transition: scale 0.4s var(--easing-outquart);
}
.moreLink__txt{
    font-size: min(calc(22 / var(--vw-min) * 100vw),22px);
    font-weight: 900;
    line-height: 1;
    letter-spacing:min(calc(1.32 / var(--vw-min) * 100vw),1.32px);
}
.moreLink__arrow{   
    position: absolute;
    top: 50%;
    right: min(calc(20 / var(--vw-min) * 100vw),20px);
    transform: translateY(-50%);
    width: min(calc(15 / var(--vw-min) * 100vw),15px);
    height: min(calc(12 / var(--vw-min) * 100vw),12px);
    background: url(../img/common/icon/ic_arrow.svg) no-repeat center center / contain;
    transition: transform 0.4s var(--easing-outquart);
}
@media screen and (max-width:768px){
    .moreLink{
        width: calc(180 / var(--vw-min) * 100vw);
        height: calc(50 / var(--vw-min) * 100vw);
        padding: 0 calc(40 / var(--vw-min) * 100vw);
    }
    .moreLink__txt{
        font-size: calc(20 / var(--vw-min) * 100vw);
        letter-spacing: calc(1.2 / var(--vw-min) * 100vw);
    }
    .moreLink__arrow{
        width: calc(16 / var(--vw-min) * 100vw);
        height: calc(13 / var(--vw-min) * 100vw);
    }
}
@media screen and (hover: hover){
    .moreLink:hover{
        scale: 1.06;
    }
    .moreLink:hover .moreLink__arrow{
        transform: translate(4px, -50%);
    }
}
@media screen and (max-width:768px){
    .newsLists__more{
        padding-right: calc(20 / var(--vw-min) * 100vw);
    }

}
/*-----------------------------------------------
 * INTRODUCTION
-------------------------------------------------*/
.introductionArea{
    padding-top: min(calc(160 / var(--vw-min) * 100vw),160px);
    position: relative;
    padding-bottom: min(calc(96 / var(--vw-min) * 100vw),96px);
}
@media screen and (max-width:768px){
    .introductionArea{
        padding-top: calc(111 / var(--vw-min) * 100vw);
        padding-bottom: calc(146 / var(--vw-min) * 100vw);
    }
}
.introductionArea__bg{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: min(calc(765 / var(--vw-min) * 100vw),765px);   
    z-index: 0;
    background: url(../img/common/deco/pt_brown.svg) repeat center center / min(calc(100 / var(--vw-min) * 100vw),100px) min(calc(100 / var(--vw-min) * 100vw),100px);
}
.introductionArea__bg::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: min(calc(260 / var(--vw-min) * 100vw),260px);
    mask: url(../img/common/deco/bg_grd.svg) repeat-x bottom left / auto 100%;
    background: #31D8D4;
}
.introductionArea__bg::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: min(calc(260 / var(--vw-min) * 100vw),260px);
    background: linear-gradient(180deg, rgba(49, 216, 212, 0.00) 0%, rgba(49, 216, 212, 0.30) 100%);
}

@media screen and (max-width:768px){
    .introductionArea__bg{
        height: calc(490 / var(--vw-min) * 100vw);
    }
    .introductionArea__bg::before{
        height: calc(191 / var(--vw-min) * 100vw);
    }
    .introductionArea__bg::after{
        height: calc(290 / var(--vw-min) * 100vw);
    }    
}

.introduction__ttl .sectionTtl__txt{
    background-image: url(../img/common/ttl/ttl_intro.png);
}
@media screen and (max-width:768px){
    .introduction__ttl .sectionTtl__txt{
        background-image: url(../img/common/ttl/ttl_intro_sp.png);
    }
}
.introduction__ttl .sectionTtl__marker{
    background-image: url(../img/common/ttl/ttl_intro_marker.png);
}
@media screen and (max-width:768px){
    .introduction__ttl .sectionTtl__marker{
        width: calc(349 / var(--vw-min) * 100vw);
    }
}

.introductionTxtBlockWrap{
    width: min(calc(926 / var(--vw-min) * 100vw),926px);
    margin: 0 auto;
}
.introductionTxtBlock{
    width: min(calc(926 / var(--vw-min) * 100vw),926px);
    border-radius: min(calc(8 / var(--vw-min) * 100vw),8px);
    border: min(calc(2 / var(--vw-min) * 100vw),2px) solid rgba(255, 110, 157, 0.80);
    background: #FFF;
    padding: min(calc(80 / var(--vw-min) * 100vw),80px);
    text-align: center;
    position: relative;
    z-index: 2;
}
.introductionTxtBlock__bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: min(calc(8 / var(--vw-min) * 100vw),8px);
    background: rgba(255, 110, 157, 0.60);
    transform: rotate(-4deg);
    z-index:1;
}
@media screen and (max-width:768px){
    .introductionTxtBlockWrap{
        width: calc(335 / var(--vw-min) * 100vw);
    }
    .introductionTxtBlock__bg{
        width: calc(335 / var(--vw-min) * 100vw);
    }
    .introductionTxtBlock{
        width: 100%;
        padding: calc(40 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw);
    }

}
.introductionTxtBlock__ttl{
    color: var(--color-main);
    font-size: min(calc(40 / var(--vw-min) * 100vw),40px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: min(calc(2.4 / var(--vw-min) * 100vw),2.4px);
    margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
    text-align: center;
    text-shadow: min(calc(3 / var(--vw-min) * 100vw),3px) min(calc(3 / var(--vw-min) * 100vw),3px) 0 rgba(49, 216, 212, 0.60);
    white-space: nowrap;
}
.introductionTxtBlock__txt{
    color: var(--color-black);
    font-size: min(calc(22 / var(--vw-min) * 100vw),22px);
    font-weight: 700;
    line-height: min(calc(53 / var(--vw-min) * 100vw),53px);
}
@media screen and (max-width:768px){
    .introductionTxtBlock__ttl{
        font-size: calc(20 / var(--vw-min) * 100vw);
    }
}
@media screen and (max-width:768px){
    .introductionTxtBlock__txt{
        font-size: calc(13 / var(--vw-min) * 100vw);
        line-height: calc(28 / var(--vw-min) * 100vw);
    }
}
.intro_clip{
    position: absolute;
    top: max(calc(-38 / var(--vw-min) * 100vw),-38px);
    left: min(calc(69 / var(--vw-min) * 100vw),69px);
    width: min(calc(126 / var(--vw-min) * 100vw),126px);
    height: min(calc(114 / var(--vw-min) * 100vw),114px);
    background: url(../img/common/deco/intro_deco_clip.svg) no-repeat left top / contain;
    pointer-events: none;
}
@media screen and (max-width:768px){
    .intro_clip{
        width: calc(60 / var(--vw-min) * 100vw);
        height: calc(54 / var(--vw-min) * 100vw);
        left: calc(25 / var(--vw-min) * 100vw);
        top: calc(-19 / var(--vw-min) * 100vw);
    }
}
.intro_seal{
    position: absolute;
    bottom: min(calc(36 / var(--vw-min) * 100vw),36px);
    right: max(calc(-63 / var(--vw-min) * 100vw),-63px);
    width: min(calc(204 / var(--vw-min) * 100vw),204px);
    height: min(calc(104 / var(--vw-min) * 100vw),104px);
    background: url(../img/common/deco/intro_deco_seal.png) no-repeat left bottom / contain;
    pointer-events: none;
}
@media screen and (max-width:768px){
    .intro_seal{
        width: calc(130 / var(--vw-min) * 100vw);
        height: calc(80 / var(--vw-min) * 100vw);
        right: calc( -16 / var(--vw-min) * 100vw);
        bottom: calc(-30 / var(--vw-min) * 100vw);
    }
}


.deco__ashi{
    position: absolute;
    bottom: 0;
    left: 0;
    width: min(calc(250 / var(--vw-min) * 100vw),250px);
    height: min(calc(575 / var(--vw-min) * 100vw),575px);
    z-index: 0;
    background: url(../img/common/deco/deco_ashi.png) no-repeat center center / contain;
}
@media screen and (max-width:768px){
    .deco__ashi{
        width: 100%;
        height: calc(345 / var(--vw-min) * 100vw);
        left: unset;
        right: 0;
        background: url(../img/common/deco/deco_ashi_sp.png) no-repeat right bottom / contain;
    }
}
._ashi{
    display: block;
    position: absolute;
    width: min(calc(50 / var(--vw-min) * 100vw),50px);
    height: min(calc(66 / var(--vw-min) * 100vw),66px);
    background: url(../img/common/deco/deco_ashi1.png) no-repeat left bottom / contain;
}

/*-----------------------------------------------
 * STAFFCAST
-------------------------------------------------*/
.staffcastArea{
    padding-top: min(calc(160 / var(--vw-min) * 100vw),160px);
    position: relative;
}
.staffcastArea__inner{
    padding-bottom: min(calc(180 / var(--vw-min) * 100vw),180px);
}
@media screen and (max-width:768px){
    .staffcastArea__inner{
        padding-bottom: calc(135 / var(--vw-min) * 100vw);
    }
}
.staffcast__ttl .sectionTtl__txt{
    background-image: url(../img/common/ttl/ttl_staffcast.png);
}
@media screen and (max-width:768px){
    .staffcast__ttl .sectionTtl__txt{
        background-image: url(../img/common/ttl/ttl_staffcast_sp.png);
    }
}
.staffcast__ttl .sectionTtl__marker{
    background-image: url(../img/common/ttl/ttl_staffcast_marker.png);
}
@media screen and (max-width:768px){
    .staffcast__ttl .sectionTtl__marker{
        width: calc(319 / var(--vw-min) * 100vw);
    }
}


@media screen and (max-width:768px){
    .staffcastArea .sectionContent{
        padding:0 calc(20 / var(--vw-min) * 100vw);
    }
}
.staffcastListsWrap:not(:last-child){
    margin-bottom: min(calc(106 / var(--vw-min) * 100vw),106px);
}

.staffcastLists__ttl{
    color: var(--color-main);
    font-family: var(--font-en);
    font-size: min(calc(28 / var(--vw-min) * 100vw),28px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: min(calc(1.12 / var(--vw-min) * 100vw),1.12px);
    margin-bottom: min(calc(24 / var(--vw-min) * 100vw),24px);
}

/* staffcastLists */
.staffcastLists{
    display: flex;
    flex-wrap: wrap;
    gap:min(calc(68 / var(--vw-min) * 100vw),68px) 0;
    align-items: flex-start;
}
.staffcastItem{
    width: calc(100% / 3);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: min(calc(30 / var(--vw-min) * 100vw),30px);
    align-items: flex-start;
}
@media screen and (max-width:768px){
    .staffcastLists{
        gap: calc(24 / var(--vw-min) * 100vw) 0;
    }
    .staffcastItem{
        width: calc(100% / 2);
    }
}
.staffcastItem__inner{
    display: flex;
    flex-direction: column;
    gap: min(calc(10 / var(--vw-min) * 100vw),10px);
    align-items: flex-start;
}

.staffcastItem__ttl{
    display: inline-block;
    color: #FFF;
    background: var(--color-sub);
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    font-weight: 900;
    line-height: 1;
    border-radius: min(calc(40 / var(--vw-min) * 100vw),40px);
    padding: min(calc(4 / var(--vw-min) * 100vw),4px) min(calc(16 / var(--vw-min) * 100vw),16px);
}
.staffcastItem__txt{
    color:var(--color-black);
    font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
    font-weight: 500;
    line-height: 1.2;
}
.staffcastItem__name{
    font-weight: 500;
    letter-spacing: 0;
}
@media screen and (max-width:768px){
    .f-mplus{
        font-family: "M PLUS Rounded 1c", sans-serif;
        font-weight: 500;
    }
}

.staffcastItem__nameRest{
    font-family: var(--font-main);
    font-weight: 500;
}
.staffcastItem__txt small{
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    font-weight: 500;
    line-height: 1;
}
._cast .staffcastItem__txt{
    text-align: center;
}

@media screen and (max-width:768px){
    .staffcastItem__ttl{
        font-size: calc(12 / var(--vw-min) * 100vw);
    }
    .staffcastItem__txt{
        font-size: calc(18 / var(--vw-min) * 100vw);
    }
    .staffcastItem__txt small{
        font-size: calc(12 / var(--vw-min) * 100vw);
    }
}
/* staffcastLists._cast */
.staffcastLists._cast{
    gap: min(calc(35 / var(--vw-min) * 100vw),35px);
}
@media screen and (max-width:768px){
    .staffcastLists._cast{
        gap: calc(20 / var(--vw-min) * 100vw) calc(7 / var(--vw-min) * 100vw);
        justify-content: center;
    }
}
.staffcastLists._cast .staffcastItem{
    width: calc((100% - min(calc(140 / var(--vw-min) * 100vw),140px)) / 5);
    justify-content: center;
    align-items: center;
}
@media screen and (max-width:768px){
    .staffcastLists._cast .staffcastItem{
        width: calc((100% - calc(21 / var(--vw-min) * 100vw)) / 3);
    }
}
.staffcastLists._cast .staffcastItem .staffcastItem__inner{
    align-items: center;
}
.staffcastLists._cast .staffcastItem .staffcastItem__txt{
    color:var(--color-black);
    text-align: center;
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    font-weight: 700;
    line-height: 1;
}
@media screen and (max-width:768px){
    .staffcastLists._cast .staffcastItem .staffcastItem__txt{
        font-size: calc(12 / var(--vw-min) * 100vw);
    }
}

/* staffcastLists > img */
.staffcastItem__img{
    width: min(calc(190 / var(--vw-min) * 100vw),190px);
    height: min(calc(192 / var(--vw-min) * 100vw),192px);
    border-radius: min(calc(8 / var(--vw-min) * 100vw),8px);
    overflow: hidden;
}
.staffcastItem__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width:768px){
    .staffcastItem__img{
        width: 100%;
        height: 100%;
    }
}