@charset "UTF-8";
/* *,::after,::before { */
/*     margin:0; */
/*     padding:0; */
/*     box-sizing:border-box */
/* } */
#new2025 {
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-left:auto;
    margin-right:auto;
    background-color:#fff;
    justify-content:center;
    box-sizing:border-box
}
@media (max-width:767px) {
    #new2025 {
        gap:40px;
        //padding:20px 20px
    }
}
@media (min-width:768px) and (max-width:1099px) {
    #new2025 {
        gap:60px;
        //padding:30px 30px
    }
}
@media (min-width:1100px) {
    #new2025 {
        gap:100px;
        //padding:30px 40px;
        max-width:900px
    }
}
#new2025 * {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height:1.6
}
#new2025 img {
    display:block;
    max-width:100%;
    height:auto
}
@media (max-width:767px) {
    #new2025 img {
        width:100vw
    }
}
#new2025 a {
    color:#2093bd;
    text-decoration:underline
}
#new2025 a:hover {
    text-decoration:none
}
#new2025 .pageTitle {
    font-weight:700;
    color:#000
}
@media (max-width:767px) {
    #new2025 .pageTitle {
        font-size:22px
    }
}
@media (min-width:768px) and (max-width:1099px) {
    #new2025 .pageTitle {
        font-size:32px
    }
}
@media (min-width:1100px) {
    #new2025 .pageTitle {
        font-size:42px
    }
}
@media (max-width:767px) {
    #new2025 .pageTitle span {
        font-size:14px
    }
}
@media (min-width:768px) and (max-width:1099px) {
    #new2025 .pageTitle span {
        font-size:20px
    }
}
@media (min-width:1100px) {
    #new2025 .pageTitle span {
        font-size:24px
    }
}
#new2025 section {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    align-self:stretch
}
@media (max-width:767px) {
    #new2025 section {
        gap:16px
    }
}
@media (min-width:768px) and (max-width:1099px) {
    #new2025 section {
        gap:20px
    }
}
@media (min-width:1100px) {
    #new2025 section {
        gap:40px
    }
}
#new2025 .sectionTitle {
    color:#005a7b;
    font-weight:700
}
@media (max-width:767px) {
    #new2025 .sectionTitle {
        font-size:20px
    }
}
@media (min-width:768px) and (max-width:1099px) {
    #new2025 .sectionTitle {
        font-size:26px
    }
}
@media (min-width:1100px) {
    #new2025 .sectionTitle {
        font-size:32px
    }
}
#new2025 .sectionText {
    font-size:16px;
    font-weight:400;
    line-height:180%
}
#new2025 .sectionCard2Wrap,#new2025 .sectionCard3Wrap {
    display:flex;
    align-items:flex-start;
    align-content:flex-start;
    flex-wrap:wrap;
    width:100%
}
#new2025 .sectionCard2Wrap .cards,#new2025 .sectionCard3Wrap .cards {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    align-self:stretch
}
#new2025 .sectionCard2Wrap .cardLabel,#new2025 .sectionCard3Wrap .cardLabel {
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:10px
}
#new2025 .sectionCard2Wrap .cardLabelName,#new2025 .sectionCard3Wrap .cardLabelName {
    display:flex;
    padding:4px 8px;
    justify-content:center;
    align-items:center;
    gap:10px;
    background:#2093bd;
    color:#fff;
    font-size:12px;
    font-style:normal;
    font-weight:400;
    line-height:180%
}
#new2025 .sectionCard2Wrap .cardLabelIcon img,#new2025 .sectionCard3Wrap .cardLabelIcon img {
    height:28px;
    width:auto
}
@media (max-width:767px) {
    #new2025 .sectionCard2Wrap .cardLabelIcon img,#new2025 .sectionCard3Wrap .cardLabelIcon img {
        width:auto
    }
}
#new2025 .sectionCard2Wrap .cardClient,#new2025 .sectionCard3Wrap .cardClient {
    font-size:12px
}
@media (min-width:1100px) {
    #new2025 .sectionCard2Wrap .cardClient,#new2025 .sectionCard3Wrap .cardClient {
        font-size:14px
    }
}
#new2025 .sectionCard2Wrap .cardTitle,#new2025 .sectionCard3Wrap .cardTitle {
    color:#005a7b;
    font-size:16px;
    font-weight:700;
    margin-bottom:0
}
#new2025 .sectionCard2Wrap .cardNote,#new2025 .sectionCard3Wrap .cardNote {
    font-size:12px;
    margin:8px 0 0
}
@media (min-width:1100px) {
    #new2025 .sectionCard2Wrap .cardNote,#new2025 .sectionCard3Wrap .cardNote {
        font-size:14px
    }
}
#new2025 .sectionCard2Wrap .cardVideo,#new2025 .sectionCard3Wrap .cardVideo {
    position:relative;
    width:100%;
    padding-top:56.25%;
    max-width:100%
}
@media (max-width:767px) {
    #new2025 .sectionCard2Wrap .cardVideo,#new2025 .sectionCard3Wrap .cardVideo {
        width:calc(100vw - 40px)
    }
}
@media (min-width:768px) and (max-width:1099px) {
    #new2025 .sectionCard2Wrap .cardVideo,#new2025 .sectionCard3Wrap .cardVideo {
        width:calc(48vw - 40px)
    }
}
@media (min-width:1100px) {
    #new2025 .sectionCard2Wrap .cardVideo,#new2025 .sectionCard3Wrap .cardVideo {
        width:470px
    }
}
#new2025 .sectionCard2Wrap .cardVideo iframe,#new2025 .sectionCard3Wrap .cardVideo iframe {
    border:none;
    position:absolute;
    top:0;
    left:0;
    max-width:100%;
    height:100%
}
@media (max-width:767px) {
    #new2025 .sectionCard2Wrap._solution .cards,#new2025 .sectionCard3Wrap._solution .cards {
        flex-direction:row
    }
}
@media (max-width:767px) {
    #new2025 .sectionCard2Wrap._solution .cards .cardImg,#new2025 .sectionCard3Wrap._solution .cards .cardImg {
        width:80px;
        height:80px;
        overflow:hidden;
        position:relative
    }
}
@media (max-width:767px) {
    #new2025 .sectionCard2Wrap._solution .cards .cardImg img,#new2025 .sectionCard3Wrap._solution .cards .cardImg img {
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center
    }
}
@media (max-width:767px) {
    #new2025 .sectionCard2Wrap._solution .cards .cardContents,#new2025 .sectionCard3Wrap._solution .cards .cardContents {
        width:calc(100% - 90px)
    }
}
@media (max-width:767px) {
    #new2025 .sectionCard2Wrap {
        flex-direction:column;
        gap:30px
    }
}
@media (min-width:768px) and (max-width:1099px) {
    #new2025 .sectionCard2Wrap {
        gap:4%
    }
}
@media (min-width:1100px) {
    #new2025 .sectionCard2Wrap {
        gap:4%
    }
}
@media (max-width:767px) {
    #new2025 .sectionCard2Wrap .cards {
        width:100%
    }
}
@media (min-width:768px) and (max-width:1099px) {
    #new2025 .sectionCard2Wrap .cards {
        width:48%
    }
}
@media (min-width:1100px) {
    #new2025 .sectionCard2Wrap .cards {
        width:48%;
        max-width:470px
    }
}
@media (min-width:768px) and (max-width:1099px) {
    #new2025 .sectionCard2Wrap .cards:nth-child(n+3) {
        margin-top:20px
    }
}
@media (min-width:1100px) {
    #new2025 .sectionCard2Wrap .cards:nth-child(n+3) {
        margin-top:20px
    }
}
#new2025 .sectionCard2Wrap .cardText {
    font-style:normal;
    font-weight:400;
    line-height:180%;
    font-size:14px;
    margin-bottom:0
}
@media (min-width:1100px) {
    #new2025 .sectionCard2Wrap .cardText {
        font-size:16px
    }
}
@media (max-width:767px) {
    #new2025 .sectionCard3Wrap {
        gap:30px
    }
}
@media (min-width:768px) and (max-width:1099px) {
    #new2025 .sectionCard3Wrap {
        gap:2%
    }
}
@media (min-width:1100px) {
    #new2025 .sectionCard3Wrap {
        gap:2%
    }
}
#new2025 .sectionCard3Wrap .cardImg {
    overflow:hidden
}
#new2025 .sectionCard3Wrap .cardImg img {
    height:auto;
    transition:transform .4s ease
}
#new2025 .sectionCard3Wrap .cardImg:hover img {
    transform:scale(1.1)
}
@media (max-width:767px) {
    #new2025 .sectionCard3Wrap .cards {
        width:100%
    }
}
@media (min-width:768px) and (max-width:1099px) {
    #new2025 .sectionCard3Wrap .cards {
        width:32%
    }
}
@media (min-width:1100px) {
    #new2025 .sectionCard3Wrap .cards {
        width:32%;
        max-width:300px
    }
}
@media (min-width:768px) and (max-width:1099px) {
    #new2025 .sectionCard3Wrap .cards:nth-child(n+4) {
        margin-top:20px
    }
}
@media (min-width:1100px) {
    #new2025 .sectionCard3Wrap .cards:nth-child(n+4) {
        margin-top:20px
    }
}
#new2025 .sectionCard3Wrap .cardText {
    color:#000;
    font-size:14px;
    font-style:normal;
    font-weight:400;
    line-height:180%;
    margin-bottom:0
}
@media (min-width:1100px) {
    #new2025 .sectionCard3Wrap .cardText {
        font-size:16px
    }
}
#new2025 #js-solutionImg {
    position:relative
}
#new2025 #js-solutionImg .hoverWrap {
    position:absolute;
    width:50px;
    height:50px
}
#new2025 #js-solutionImg .hoverWrap.no1 {
    display:none
}
@media (min-width:1100px) {
    #new2025 #js-solutionImg .hoverWrap.no1 {
        display:block;
        top:350px;
        left:120px
    }
}
#new2025 #js-solutionImg .hoverWrap.no2 {
    display:none
}
@media (min-width:1100px) {
    #new2025 #js-solutionImg .hoverWrap.no2 {
        display:block;
        top:246px;
        left:430px
    }
}
#new2025 #js-solutionImg .hoverWrap.no3 {
    display:none
}
@media (min-width:1100px) {
    #new2025 #js-solutionImg .hoverWrap.no3 {
        display:block;
        top:545px;
        left:330px
    }
}
#new2025 #js-solutionImg .hoverWrap.no4 {
    display:none
}
@media (min-width:1100px) {
    #new2025 #js-solutionImg .hoverWrap.no4 {
        display:block;
        top:925px;
        left:440px
    }
}
#new2025 #js-solutionImg .hoverWrap.-show .hoverveNo {
    z-index:20
}
#new2025 #js-solutionImg .hoverWrap.-show .hoverWindow {
    z-index:10;
    background:#fff;
    display:block;
    bottom:70px;
    opacity:1;
    transition:transform .5s ease;
    transform:translateY(0)
}
#new2025 #js-solutionImg .hoverWrap:not(.-show) .hoverWindow {
    pointer-events:none
}
#new2025 #js-solutionImg .hoverWrap a {
    padding-top:8px
}
#new2025 #js-solutionImg .hoverWrap a:hover {
    text-decoration:none
}
#new2025 #js-solutionImg .hoverWindow {
    padding:10px 10px 20px;
    opacity:0;
    position:absolute;
    bottom:40px;
    left:-75px;
    width:200px;
    transform:translateY(20%)
}
#new2025 #js-solutionImg .hoverWindow img {
    margin:0 auto 10px;
    border:1px solid #eee
}
#new2025 #js-solutionImg .hoverveNo {
    color:#fff;
    line-height:1;
    cursor:pointer;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#23aac7;
    position:absolute
}
@media (max-width:767px) {
    #new2025 #js-solutionImg .hoverveNo {
        width:20px;
        height:20px;
        font-size:16px
    }
}
@media (min-width:1100px) {
    #new2025 #js-solutionImg .hoverveNo {
        width:50px;
        height:50px;
        font-size:28px
    }
}
.c-clientWrap {
    margin-top:50px;
margin: 50px auto 0;
    width:900px
}
.c-clientWrap .c-client__list {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-column-gap:20px;
    grid-row-gap:20px
}
.c-clientWrap .c-client__item {
    border:1px #eee solid;
}
.c-clientWrap .c-client__item img {
margin: 0 auto;
}
.c-topClient {
    position:relative;
    overflow:hidden;
    margin-top:10px
}
.c-topClient .slider {
    display:flex
}
.c-topClient .c-client__list {
    display:flex;
    margin-left:20px;
    animation:scroll 35s linear infinite
}
.c-topClient .c-client__item img {
    width:auto;
    height:60px
}
@media (max-width:767px) {
    .c-topClient .c-client__item img {
        width:auto;
        height:48px
    }
}
@keyframes scroll {
    0% {
        transform:translateX(0)
    }
    100% {
        transform:translateX(-100%)
    }
}
@media only screen and (max-width:991px) {
    .slider_parent ul li {
        margin-left:5px;
        margin-right:5px
    }
    .slider_parent ul li img {
        height:50px;
        width:auto
    }
    .text_scroll {
        animation:scroll 60s linear infinite
    }
}
