/*====================================================
////id |  introduce
====================================================*/
.bg_text {
    font-size: min(12vw, 12rem);
}
.introduce-bg_text {
    top: .4em;
    right: 1vw;
    text-align: right;
}
.introduce-head {
    font-weight: 400;
    padding-top: .5em;
}
.introduce-user-wrapper {
    display: flex;
        flex-wrap: wrap;
        gap: min(1vw, 24px);
        justify-content: center;
    margin: min(7vw, 50px) auto min(6vw, 35px);
}
.introduce-user {
    border-radius: 100%;
    display: flex;
        align-items: center;
        justify-content: center;
    font-weight: 500;
    position: relative;
    width: 8em;
    height: 8em;
}
.introduce-user.show:nth-child(2) { animation-delay: .2s; }
.introduce-user.show:nth-child(3) { animation-delay: .4s; }
.introduce-user.show:nth-child(4) { animation-delay: .6s; }
.introduce-user.show:nth-child(5) { animation-delay: .8s; }
.introduce-user.show:nth-child(6) { animation-delay: 1s; }
.introduce-user.show:nth-child(7) { animation-delay: 1.2s; }
.introduce-user::before ,
.introduce-user::after {
    border-radius: 100%;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
    width: 100%;
    height: 100%;
}
.introduce-user::before {
    border: solid 1px var(--d_gray);
    top: 0;
    left: 0;
    z-index: -1;
}
.introduce-user::after {
    background: var(--l_yellow);
    opacity: .5;
    top: 4px;
    left: 4px;
    z-index: -2;
}
.introduce-sub_head {
    display: inline-block;
    padding: 0 1em;
    position: relative;
}
.introduce-sub_head::before,
.introduce-sub_head::after {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 40"><path fill="%23000000" d="M4.2,0L0,3.2l30,36.8L4.2,0ZM.41,28.94l21.9,10.61L2.88,24.73.41,28.94Z" /></svg>') no-repeat center / contain;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        bottom: 0;
    width: 1.1em;
    height: 1.5em;
}
.introduce-sub_head::before {
    left: -.6em;
}
.introduce-sub_head::after {
    right: -.6em;
    transform: scale(-1, 1);
}

.intorduce-detail-wrapper {
    border: solid 2px var(--d_gray);
    margin-top: min(10vw, 50px);
}
.introduce-detail-inner {
    padding: min(6vw, 40px) min(3vw, 50px);
}
.introduce-detail-head {
    background: var(--d_gray);
    color: #fff;
    font-size: min(3.8vw, 2rem);
    padding: .5em;
}
.introduce-detail_flow-wrapper {
    display: grid;
        grid-gap: min(3vw, 24px);
        place-items: center;
}
.introduce-detail_flow {
    display: flex;
        flex-wrap: wrap;
        gap: min(1.2vw, 10px);
        justify-content: center;
}
.introduce-flow-item {
    border-radius: 5px;
    display: flex;
        align-items: center;
        justify-content: center;
    font-weight: 700;
    min-height: 5em;
}
.introduce-flow-before li {
    background: var(--w_gray);
    width: 6.25em;
}
.introduce-flow-after li {
    background: var(--l_orange);
    width: 7.6em;
}
.introduce-detail_flow-arrow {
    font-size: min(3.6vw, 2rem);
    font-weight: 700;
    line-height: 1.4;
    padding-top: .6em;
    width: 12em;
    height: 7em;
}
.introduce-detail_flow-arrow::before ,
.introduce-detail_flow-arrow::after {
    content: '';
    display: block;
    margin: auto;
    position: absolute;
    width: 100%;
    height: 100%;
}
.introduce-detail_flow-arrow::before {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 237 139"><path fill="%23000000" d="M118.84,138.93l117.6-47.6c.4-.16.63-.59.55-1.01-.08-.42-.46-.73-.89-.73h-33.13V.9c0-.5-.41-.9-.9-.9s-.9.4-.9.9v89.59c0,.5.41.9.9.9h29.39l-112.95,45.72L5.55,91.4h31.29c.5,0,.9-.4.9-.9V.9c0-.5-.41-.9-.9-.9s-.9.4-.9.9v88.68H.91c-.43,0-.81.31-.89.73-.08.42.15.85.55,1.01l117.59,47.6c.11.04.22.07.34.07s.23-.02.34-.07Z" /></svg>') no-repeat center / contain;
    top: 0;
    left: 0;
}
.introduce-detail_flow-arrow::after {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 240 140"><path fill="%23FFF6A2" d="M36.67,0v91.42H0l120,48.58,120-48.58h-34.73V0H36.67Z" /></svg>') no-repeat center / contain;
    top: 3px;
    left: 6px;
    z-index: -1;
}

.introduce-after-wrapper {
    font-size: 1.1em;
    position: relative;
}
.introduce-accent_text-wrapper.show {
    animation-delay: .5s;
}
.introduce-accent_text {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 160 25"><path fill="%23000000" d="M81.09,24.72c-1.49.5-1.71.41-2.21-.84-.69-1.62-1.75-3.06-3.1-4.19-1.99-1.58-4.18-2.89-6.51-3.9-.49-.33-.94-.71-1.34-1.14-.72.38-1.59.32-2.25-.15-.63-.25-1.28-.45-1.94-.61-.96-.3-1.92-.6-3.2-1.01-.72.27-1.53.16-2.15-.3-.21-.13-.45-.2-.69-.22-2.41-.21-4.81-.38-7.21-.76-1.05-.16-2.27-.77-3.4.02-.19.14-.57.02-.86,0-1.78-.26-3.59-.35-5.39-.25-1.44.2-2.9-.31-4.3.31-.39.2-.86.23-1.27.08-.82-.55-1.48-.21-2.2.11-.26.14-.55.21-.85.19-1.98-.41-3.9.54-5.9.21-.87,0-1.75.08-2.61.24-3.41.1-6.84.34-10.25.16-3.47-.18-6.91-.82-9.83-3C1.88,8.57.63,6.82.13,4.81c-.07-.42-.11-.85-.13-1.28.6-.31,1.34-.07,1.65.53.04.09.08.18.1.27,1.11,3.39,3.84,4.79,6.96,5.66,2.14.51,4.34.78,6.55.79,5.3.24,10.56-.36,15.84-.52,3.03-.09,6.05-.38,9.08-.55.93-.05,1.86-.05,2.79-.03,2.1.03,4.2.08,6.31.14,3.13.1,6.24.48,9.3,1.14,2.68.57,5.36,1.15,7.99,1.92,3.95,1.01,7.62,2.92,10.72,5.58.86.78,1.63,1.67,2.52,2.6.15-.09.41-.15.53-.32,1.07-1.63,2.78-2.43,4.39-3.34,2.84-1.54,5.93-2.57,9.13-3.03,4.92-.85,9.91-1.32,14.9-1.41,6.12-.08,12.24-.2,18.35-.34,4.75-.07,9.49-.49,14.17-1.27,2.81-.45,5.53-1.35,8.05-2.67,2.7-1.29,5.2-2.96,7.42-4.97.72-.6,1.2-1.44,1.34-2.36.04-.62.46-1.15,1.05-1.33.75.27.99.74.78,1.57-.48,1.93-1.87,3.14-3.26,4.38-2.18,1.94-4.86,3.09-7.36,4.48-3.08,1.73-6.5,2.77-10.02,3.06-1.6.13-3.18.53-4.78.68-1.45.14-2.92.12-4.38.15-3.86.08-7.72.13-11.59.24-4.35.12-8.7.19-13.04.45-3.16.19-6.31.64-9.46.98-.96.11-1.93.24-2.88.41-.47.11-.94.24-1.4.41-.59.23-1.2.41-1.82.54-1.15.19-2.26.61-3.25,1.23-.97.55-1.86,1.25-2.87,1.71-1.48.62-2.48,2.03-2.56,3.64-.02.24-.1.47-.16.7876" /></svg>') no-repeat bottom center / contain;
    font-size: min(2.4vw, 1.4rem);
    font-weight: 500;
    line-height: 1.4;
    padding: 0 1.2em 1.5em;
    position: absolute;
        left: calc(min(2vw, 5em) * -1);
        bottom: calc(100% + 1em);
    transform: rotate(-8deg);
}
.introduce-detail_img {
    position: relative;
}
.introduce-detail_img figure {
    margin: 1.5em auto 0;
    width: min(100%, 540px);
}
.introduce-detail_img .attentionMark {
    font-size: min(2vw, 1.2rem);
    position: absolute;
        bottom: 0;
        left: 65%;
    width: 35%;

}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .introduce-head {
        font-size: min(5vw, 3rem);
    }
    .introduce-user-wrapper {
        font-size: min(3.1vw, 1.7rem);
        grid-gap: min(1.3vw, 14px);
        max-width: 600px;
    }
    .introduce-user {
        width: 7em;
        height: 7em;
    }
    .introduce-sub_head {
        font-size: min(4.5vw, 2.4rem);
    }
    .introduce-text {
        font-size: min(3.7vw, 1.7rem);
    }
    .introduce-detail_flow-wrapper {
        font-size: min(3.0vw, 1.5rem);
    }
    .introduce-after-wrapper {
        margin: auto;
        max-width: 25em;
    }
    .introduce-detail_flow-arrow {
        font-size: min(3.6vw, 1.6rem);
    }
}

@media screen and (max-width: 600px) {
    .introduce-user-wrapper {
        margin-left: -4%;
        width: 108%;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .bg_text {
        font-size: min(8vw, 12rem);
    }
    .introduce-head {
        font-size: min(3vw, 3rem);
    }
    .introduce-user-wrapper {
        font-size: min(1.4vw, 1.8rem);
    }
    .introduce-sub_head {
        font-size: min(2.4vw, 2.8rem);
    }
    .introduce-text {
        font-size: min(4vw, 1.7rem);
    }
    .introduce-detail_flow-wrapper {
        font-size: min(1.8vw, 1.6rem);
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
    .introduce-user-wrapper {
        font-size: min(2vw, 1.8rem);
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }
    .introduce-sub_head {
        font-size: min(2.8vw, 2.8rem);
    }
}
@media print, screen and (min-width: 1200px) {
    .introduce-accent_text {
        left: -5em;
    }
}


@media (hover: hover) {}

/*====================================================
////id |  ex
====================================================*/
.ex-bg_text {
    top: .4em;
    left: 1vw;
}
.ex-item-wrapper {
    display: grid;
        grid-gap: min(7vw, 30px);
}
.ex-item-voice {
    display: grid;
        grid-gap: 0 15px;
        grid-template-columns: min(15vw, 100px) 1fr;
    margin-bottom: 1em;
}
.ex-item-voice .coverImg {
    padding-top: 100%;
}
.ex-item-voice .text {
    display: flex;
        align-items: center;
}
.ex-item-voice .text-inner {
    display: inline-block;
    padding: .6em 1.2em;
    position: relative;
}
.ex-item-voice .text-inner::before,
.ex-item-voice .text-inner::after {
    border: solid var(--gray);
    border-width: .35em 0 0 .35em;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
    width: 1em;
    height: 1em;
}
.ex-item-voice .text-inner::before {
    top: 0;
    left: 0;
}
.ex-item-voice .text-inner::after {
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
}
.ex-item-answer {
    display: grid;
        grid-gap: 15px;
        grid-template-columns: auto 1fr;
}
.ex-item-answer .text-inner {
    background: #FFFCDC;
    border-radius: min(1.5vw, 10px);
    padding: .8em 1.2em;
}
.ex-balloon {
    background: #fff;
    border: solid 1px var(--d_gray);
    border-radius: .7em;
    font-weight: 700;
    line-height: 1.4;
    padding: .6em 1.5em;
    position: relative;
    text-align: center;
}
.ex-balloon::before,
.ex-balloon::after {
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: '';
    display: block;
    margin: auto;
    position: absolute;
    width: 10px;
    height: 10px;
}
.ex-balloon::before {
    background: var(--d_gray);
    z-index: -1;
}
.ex-balloon::after {
    background: #fff;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .ex-item-answer {
        grid-template-columns: 1fr;
        place-items: center;
    }
    .ex-balloon::before,
    .ex-balloon::after {
        clip-path: polygon(0 0, 100% 0, 50% 100%);
    }
    .ex-balloon::before {
        top: 100%;
        left: 0;
        right: 0;
    }
    .ex-balloon::after {
        top: calc(100% - 2px);
        left: 0;
        right: 0;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .ex-item-voice {
        width: min(95%, 900px);
    }
    .ex-item-answer {
        padding-left: min(6vw, 110px);
    }
    .ex-balloon::before {
        left: 100%;
        top: 0;
        bottom: 0;
    }
    .ex-balloon::after {
        left: calc(100% - 2px);
        top: 0;
        bottom: 0;
    }
    
}

@media (hover: hover) {}

/*====================================================
////id |  main_service
====================================================*/
.main_service-item-wrapper {
    display: flex;
        flex-wrap: wrap;
        justify-content: center;
        grid-gap: 20px min(2.5vw, 37px);
}
.main_service-item {
    position: relative;
}
.main_service-item::before {
    background: var(--w_yellow);
    border: solid var(--d_gray);
    border-width: 0 2px 2px 0;
    box-sizing: border-box;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 9px;
        left: 9px;
    width: 100%;
    height: 100%;
}
.main_service-item dl {
    background: #fff;
    border: solid 2px var(--d_gray);
    display: grid;
        grid-template-rows: auto auto 1fr;
    padding: 1em min(2vw, 40px) 2em;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.main_service-item dt {
    display: flex;
        align-items: center;
        justify-content: center;
    font-weight: 700;
    line-height: 1.5;
    min-height: 3em;
    text-align: center;
}
.main_service-item .img {
    margin: .3em auto 1em;
    width: 80px;
}
.main_service-item .coverImg {
    border-radius: 100%;
    padding-top: 100%;
}
.main_service-item .text .attentionMark {
    margin-top: 1em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    .main_service-item-wrapper {
        margin: auto;
        max-width: 600px;
    }
    .main_service-item dl {
        padding: 1em min(4vw, 40px) 2em;
    }
    .main_service-item dt {
        font-size: min(5vw, 2.4rem);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960px) {
    .main_service-item {
        flex: 1;
        max-width: 35%;
    }
    .main_service-item.show:nth-child(2) { animation-delay: .3s; }
    .main_service-item.show:nth-child(3) { animation-delay: .6s; }
    .main_service-item dt {
        font-size: min(2.4vw, 2.4rem);
    }
}

@media (hover: hover) {}

/*====================================================
////id |  comparison
====================================================*/
.main_service-comparison {
    margin-top: min(13vw, 80px);
    overflow: hidden;
}
.comparison-table {
    display: grid;
    text-align: center;
}
.table-row {
    border-bottom: solid 1px var(--d_gray);
    display: grid;
        grid-template-columns: subgrid;
        grid-column: span 4;
}
.comparison-table-head .title,
.comparison-table-head .cell {
    background: var(--w_gray);
    display: grid;
        place-items: center;
    font-size: min(5vw, 2.2rem);
    font-weight: 700;
    min-height: 2.6em;
}
.comparison-table-head .cell-grub img {
    height: 1.7em;
}
.comparison-table-detail .title {
    background: #fff;
    display: grid;
        place-items: center;
    font-size: 1.125em;
    font-weight: 500;
    grid-row: span 2;
    padding: 10px;
}
.comparison-table-detail .cell {
    background: #fff;
    display: grid;
        grid-gap: .5em;
        grid-template-rows: subgrid;
        grid-row: span 2;
        place-items: center;
    font-size: min(3.4vw, 1.4rem);
    line-height: 1.3;
    padding: 10px;
}
.comparison-table .rank_icon {
    color: transparent;
    display: block;
    width: 2em;
    height: 2em;
}
.comparison-table .rank_icon.icon-0 {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><path fill="%23f28d55" d="M.04,14.18C.46,6.43,6.75.25,14.55.02,6.77.25.46,6.44.04,14.18ZM15.36.02c8.1.19,14.64,6.83,14.64,14.98s-6.73,15-15,15S.46,23.69.04,15.79c.41,7.91,6.94,14.21,14.96,14.21s15-6.72,15-15S23.48.21,15.36.02ZM.04,14.18c-.01.27-.04.54-.04.82s.03.53.04.79C.03,15.53,0,15.27,0,15s.03-.55.04-.82ZM15.36.02c-.12,0-.24-.02-.36-.02-.15,0-.3.02-.45.02.15,0,.3-.02.45-.02.12,0,.24.02.36.02ZM.04,15.79C.03,15.53,0,15.27,0,15s.03-.55.04-.82C.46,6.44,6.77.25,14.55.02c.15,0,.3-.02.45-.02.12,0,.24.02.36.02,8.1.19,14.64,6.83,14.64,14.98s-6.73,15-15,15S.46,23.69.04,15.79ZM2,15c0,7.17,5.83,13,13,13s13-5.83,13-13S22.17,2,15,2,2,7.83,2,15ZM14.49,5.03c-4.97.25-8.98,4.12-9.44,9.03.46-4.9,4.48-8.78,9.44-9.03ZM25,15c0,5.51-4.49,10-10,10-5.21,0-9.5-4.01-9.95-9.1.46,5.1,4.74,9.1,9.95,9.1,5.52,0,10-4.48,10-10s-4.26-9.76-9.59-9.98c5.32.22,9.59,4.6,9.59,9.98ZM15.41,5.02c-.14,0-.27-.02-.41-.02-.17,0-.34.02-.51.03.17,0,.34-.03.51-.03.14,0,.28.02.41.02ZM5.05,15.9c-.03-.3-.05-.6-.05-.9,0-.32.02-.63.05-.95-.03.31-.05.63-.05.95s.02.6.05.9ZM5,15c0-.32.02-.63.05-.95.46-4.9,4.48-8.78,9.44-9.03.17,0,.34-.03.51-.03.14,0,.28.02.41.02,5.32.22,9.59,4.6,9.59,9.98s-4.49,10-10,10c-5.21,0-9.5-4.01-9.95-9.1-.03-.3-.05-.6-.05-.9ZM7,15c0,4.41,3.59,8,8,8s8-3.59,8-8-3.59-8-8-8-8,3.59-8,8Z" /></svg>') no-repeat center / contain;
}
.comparison-table .rank_icon.icon-1 {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><path fill="%23f28d55" d="M15,0h0s-.03,0-.04,0C6.96.02.46,6.3.04,14.2c-.01.27-.04.53-.04.8s.03.54.04.81c.42,7.89,6.93,14.16,14.92,14.18.01,0,.03,0,.04,0h0c8.28,0,15-6.72,15-15S23.28,0,15,0ZM15,28c-7.17,0-13-5.83-13-13S7.83,2,15,2s13,5.83,13,13-5.83,13-13,13Z" /></svg>') no-repeat center / contain;
}
.comparison-table .rank_icon.icon-2 {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 27"><path fill="%23bb927b" d="M15,0L0,27h30L15,0ZM15,4.14l11.57,20.83H3.43L15,4.14Z" /></svg>') no-repeat center / contain;
}
.comparison-table .rank_icon.icon-3 {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 28 28"><path fill="%23888888" d="M15.38,14l12.62,12.62-1.38,1.38-12.62-12.62L1.38,28l-1.38-1.38,12.62-12.62L0,1.38,1.38,0l12.62,12.62L26.62,0l1.38,1.38-12.62,12.62Z" /></svg>') no-repeat center / contain;
    width: 1.8em;
    height: 1.8em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    .main_service-comparison-inner {
        position: relative;
        width: 100%;
    }
    .comparison-table-wrapper {
        overflow-x: scroll;
        padding-bottom: 10px;
    }
    .main_service-comparison-inner::after {
        background: #fff;
        content: '';
        display: block;
        margin: auto;
        position: absolute;
            top: 0;
            left: 0;
        width: 5vw;
        height: 100%;            
    }
    .comparison-table {
        padding: 0 5vw;
        width: min(170vw, 1000px);
    }
    .comparison-table .title {
        border-right: solid 1px var(--d_gray);
        font-size: min(4vw, 1.8rem);
        position: sticky;
            left: 5vw;
        z-index: 10;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .comparison-head {
        font-size: min(2.4vw, 2.4rem);
    }
    .comparison-table {
        margin: auto;
        max-width: 1000px;
    }
}

@media (hover: hover) {}

/*====================================================
////id |  ec
====================================================*/
.ec-text {
    font-size: min(4vw, 1.8rem);
}
.ec-item-wrapper {
    margin-top: min(10vw, 40px);
}
.ec-item .coverImg {
    padding-top: 100%;
}
.ec-item .text {
    font-weight: 700;
    line-height: 1.4;
}
.ec-arrow {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 36 27"><path fill="%23888888" d="M21.01,27c-1.19,0-2.15-.97-2.15-2.16v-4.57H1.03c-.57,0-1.03-.46-1.03-1.03s.46-1.03,1.03-1.03h19.88v6.63c0,.06.04.1.1.1.02,0,.04,0,.06-.02l12.84-11.43s.06-.09.03-.14c0-.01-.02-.02-.03-.03L21.07,2.07s-.11-.02-.14.03c-.01.02-.02.04-.02.06v6.62H1.03C.46,8.78,0,8.32,0,7.75s.46-1.03,1.03-1.03h17.82V2.16C18.85.97,19.82,0,21.01,0c.43,0,.85.13,1.21.37l12.84,11.26c.98.67,1.24,2.01.57,3-.15.22-.34.42-.57.57l-12.84,11.43c-.36.24-.78.37-1.21.37" /></svg>') no-repeat center / contain;
    width: 100%;
    height: 100%;
}
.ec-item:last-child .ec-arrow {
    display: none;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .ec-itemBox {
        display: flex;
            justify-content: center;
    }
    .ec-item {
        display: grid;
            align-items: center;
            grid-gap: 6px 1em;
            grid-template-columns: min(30vw, 160px) 1fr;
    }
    .ec-item .img {
        margin: auto;
        width: min(30vw, 160px);
    }
    .ec-item-wrapper {
        display: grid;
            grid-gap: 6px;
    }
    .ec-item,
    .ec-arrow-outer {
        transform: translateY(40px);
    }
    .ec-arrow {
        transform: rotate(90deg);
        width: min(30vw, 160px);
        height: min(3vw, 34px);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .ec-item-wrapper {
        display: flex;
            gap: 6px;
            justify-content: center;
    }
    .ec-item {
        display: grid;
            grid-template-columns: min(15vw, 200px) auto;
        transform: translateX(-20px);
    }
    .ec-item .img {
        width: min(15vw, 200px);
    }
    .ec-item .text {
        font-size: min(1.8vw, 1.8rem);
        grid-column: 1;
        grid-row: 2;
        margin-top: 1em;
        text-align: center;
    }
    .ec-arrow-outer {
        grid-column: 2;
        grid-row: 1 / 3;
        margin-left: 6px;
        transform: translateX(-20px);
        width: min(2vw, 34px);
        height: min(15vw, 200px);
    }
    .ec-item:nth-child(1) {}
    .ec-item:nth-child(1) .ec-arrow-outer { animation-delay: .2s;}
    .ec-item:nth-child(2) { animation-delay: .4s;}
    .ec-item:nth-child(2) .ec-arrow-outer { animation-delay: .6s;}
    .ec-item:nth-child(3) { animation-delay: .8s;}
    .ec-item:nth-child(3) .ec-arrow-outer { animation-delay: 1s;}
    .ec-item:nth-child(4) { animation-delay: 1.2s;}
    .ec-item:nth-child(4) .ec-arrow-outer { animation-delay: 1.4s;}
    .ec-item:nth-child(5) { animation-delay: 1.6s;}
    .ec-item:nth-child(5) .ec-arrow-outer { animation-delay: 1.8s;}
}
@media screen and (min-width:960px) {
    .ec-text {
        font-size: min(1.8vw, 1.8rem);
    }
}
@media (hover: hover) {}