@charset "utf-8";
/* CSS Document */


/*** ----------------------------------------------------------------------------- 

common

-----------------------------------------------------------------------------  ***/

body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.l-header:not(.l-header--lp){
    display: none !important;
}
.logged-in.admin-bar .c-slidebar-button{
    display: none !important;
}
.c-slidebar-button{
    display: none !important;
}
.ft-cta{
    display: none !important;
}
.sub-footer,.fix-bnr,.fix-bnr01{
    display: none !important;
}
@media(max-width:768px){
    .l-header:not(.l-header--lp){
        display: none !important;
    }
    .l-header--lp{
        display: flex !important;
        margin-top: 0 !important;
    }
}

body{
    background: #232325;
    color: #fff;
    margin: 0;
}

.l-main{
    max-width: 100%;
}

.l-section-inner{
    width: 1240px;
    max-width: 100%;
    padding: 120px 20px;
    margin: 0 auto;
}

.p-section-ttl{
    text-align: center;
    margin: 0 auto 150px;
}
.p-section-ttl-main{
    display: inline-block;
    line-height: 1.4;
    font-size:3.125rem;
    margin: 0;
}
.p-section-ttl .js-anime-item{
    display:inline-block;
    line-height: 2.2;
    clip-path: inset(0 0 12% 0);
}
.p-section-ttl .js-anime-item__inner{
    display:inline-block;
    line-height: 1.4;
    letter-spacing: 0;
    transform: translate3d(0,100%,0);
    will-change: transform;
}
.l-section-inner.js-active .p-section-ttl .js-anime-item__inner{
    transform: translateZ(0);
    transition: transform 1.2s cubic-bezier(.19,1,.22,1);
    transition-delay: .3s;
}

.c-btn-box{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap:20px;
}
.c-btn-item{
    display: inline-block;
    min-width: 238px;
    text-align: center;
    position: relative;
}
.c-btn-item::after{
    content: '';
    display: block;
    width: 238px;
    height: 81px;
    background:url(../../imgs/rikcad13/btn-bg.svg)no-repeat center center / contain;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -40px;
    z-index:1;
}
.c-btn{
    display: inline-block;
    min-width: 220px;
    padding: 19px 22px 21px;
    background: #313131;
    box-shadow: inset 0px 4px 4px rgba(255, 255, 255, 0.25);
    border-radius: 100px;
    line-height: 1;
    text-decoration: none;
    position: relative;
    z-index: 2;
}
.c-btn-txt{
    display: inline-block;
    width: 100%;
    background: url(../../imgs/rikcad13/icon/tab--white.svg)no-repeat top 1px right /  11px;
    text-align: left;
    line-height: 1;
    letter-spacing: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: #fff;
}

.u-txt-white{
    color: #fff;
}
.u-txt-grad{
    background: linear-gradient(90deg, #CAF5FF 0%, #00C2F2 66.86%, #0086A7 100.04%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.u-sp{
    display: none;
}

.js-txt-slide{
    display:inline-block;
    line-height: 1.6;
    clip-path: inset(0 0 18% 0);
}
.js-txt-slide__inner{
    display:inline-block;
    transform: translate3d(0,100%,0);
    transition-delay: .3s;
    will-change: transform;
}
.js-active .js-txt-slide__inner{
    transform: translateZ(0);
    transition: transform 1.2s cubic-bezier(.19,1,.22,1);
}
@media(any-hover:hover){
    .c-btn:hover{
        background: #0083A4;
        box-shadow: inset 0px 4px 4px rgba(255, 255, 255, 0.25);
        opacity: 1;
    }
}
@media(max-width:768px){
    .l-section-inner{
        padding: 60px 20px;
    }
    .p-section-ttl-main{
        font-size: 2rem;
    }
    .c-btn{
        width: 255px;
        max-width: 100%;
        min-width:auto;
    }
    .c-btn-txt{
        background: url(../../imgs/rikcad13/icon/tab--white.svg)no-repeat top 1px right 7px /  14px;
        font-size: 0.9375rem;
    }
    .u-sp{
        display: block;
    }
    .u-pc{
        display: none;
    }
}


/*** ----------------------------------------------------------------------------- 

.l-header

-----------------------------------------------------------------------------  ***/
.l-header{
    display: flex;
    justify-content: space-between;
    background: none;
    padding: 0;
    box-shadow: none;
    position: fixed;
    top:0;
    left: 0;
    transition: .3s;
}
.l-header__inner{
    display: inline-block;
}
.is-scroll .l-header__nav{
    border-right:solid 1px #606060;
    border-bottom:solid 1px #606060;
}
.l-header__nav{
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding: 28px 24px;
    border-radius: 0 0 24px 0;
    background: #232325;
}
.l-header__logo{
    width: 148px;
    position: relative;
    margin-right:0;
    z-index: 2;
}
.is-scroll .l-header__logo{
    margin-right: 36px;
}
.l-header__list{
    display: flex;
    justify-content: flex-start;
    gap:32px;
    position: inherit;
    z-index: 1;
    transition: .3s;
}
.l-header__item{
    padding: 0;
    position: relative;
    z-index: 2;
}
.l-header__item--parent{
    position: inherit;
    z-index: 1;
}
.l-header__item.no-hover{
    pointer-events: none;
}
.l-header__item a{
    padding: 0;
    font-size: .875rem;
    font-weight: bold;
    color: #fff;
    position: relative;
}

.l-header__item--parent:hover:after{
    content: '';
    display: block;
    width: 100vw;
    height: 100vh;
    background: #232325;
    opacity: .5;
    position: fixed;
    top:0;
    left: 0;
    pointer-events: none;
    z-index: -1;
}
.l-header__item--parent > a{
    display: inline-block;
    padding-right: 16px;
}
.l-header__item--parent > a:after,
.l-header__item--parent:hover > a:after{
    content: '';
    display: block;
    width: 10px;
    height: 100%;
    background: url(../../imgs/rikcad13/icon/arrow-dwn--white.svg)no-repeat center center / contain;
    position: absolute;
    top:1px;
    left: auto;
    right: 0;
    opacity: 1;
}
.l-header__item.is-parent:hover{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #232325;
    opacity: .5;
    position: fixed;
    top:0;
    left: 0;
}
.l-header__item .l-header__submenu{
    display: inline-block;
    width: auto;
    padding: 114px 0 0 32px;
    background: none;
    top:0;
    bottom: auto;
    transition: .3s;
    transform: translateX(-50%);
}
.l-header__item:hover .l-header__submenu{
    transform: translateX(0);
}
.l-header__item .l-header__submenu-inner{
    padding: 40px 276px 40px 35px;
    border-radius: 12px;
    border:solid 1px #989898;
    background: #252A2F;
    overflow: hidden;
    position: relative;
}
.l-header__item .l-header__submenu-inner:after{
    content: '';
    display: block;
    width: 276px;
    height: 100%;
    background: url(../../imgs/rikcad13/nav-img01.jpg)no-repeat center center / cover;
    position: absolute;
    top:0;
    right: 0;
}
.l-header__submenu-ttl{
    display: block;
    padding-bottom: 21px;
    border-bottom: solid 1px #fff;
    line-height: 1;
    font-weight: bold;
    margin-right: 32px;
    margin-bottom: 22px;
}
.l-header__submenu-list{
    width: 330px;
    margin-right: 32px;
}
.l-header__submenu-list-item {
    margin-bottom: 18px;
}
.l-header__submenu-list-item:last-child {
    margin-bottom: 0;
}
.l-header__submenu-list-item a{
    display: block;
    width: 153px;
    max-width: 100%;
    padding-right: 15px;
    background: url(../../imgs/rikcad13/icon/arrow-left--white.svg)no-repeat center right / 11px;
    text-decoration: none;
    line-height: 1.2;
    font-weight: bold;
    color: #fff;
    position: relative;
    transition: .3s;
}
.l-header__button{
    display: flex;
    align-items: center;
    max-width: 165px;
    padding: 0;
    margin-right: 27px;
    transition: .3s;
}
.l-header__button-txt{
    display: inline-block;
    padding: 9px 17px 11px;
    background: linear-gradient(180deg, #00A6CF 0%, #006F8A 100%);
    border: 1px solid #00A6CF;
    border-radius: 100px;
    transition: .3s;
}
.l-header__button-txt:hover{
    opacity: 1;
}
.l-header__button-txt span{
    display: inline-block;
    padding: 5px 0 5px 31px;
    background: url(../../imgs/lp/mv-icon-contact.svg)no-repeat left center / contain;
    line-height: 1;
    font-size: 0.8125rem;
    font-weight: bold;
    color: #fff;
}

@keyframes header{
    0%{
        opacity: 0;
        transform: translateY(-100px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes headertop{
    0%{
        opacity: 0;
        transform: translateY(-100px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}

@media(any-hover: hover){
    .l-header__button-txt:hover{
        opacity: .8;
    }
}

@media(min-width:769px){
    .l-header.is-top{
        animation: headertop .5s;
        opacity: 0;
        transform: translateY(-100px);
        animation-fill-mode: forwards;
    }
    .l-header.is-scroll{
        animation: header .5s;
        opacity: 0;
        transform: translateY(-100px);
        animation-fill-mode: forwards;
    }
    .is-top .l-header__list{
        display: none;
    }
    .is-top .l-header__button{
        opacity: 0;
        pointer-events: none;
    }
}

@media(any-hover: hover){
    .l-header__submenu-list-item a:hover{
        background: url(../../imgs/rikcad13/icon/arrow-left--blue.svg)no-repeat center right / 11px;
        color: #0083A4;
        opacity: 1;
    }
}
@media(max-width:768px){
    .l-header__inner{
        display: block;
        width: 100%;
        background: #232325;
    }
    .l-header__nav,
    .is-scroll .l-header__nav{
        padding: 18px 24px;
        border: none;
    }
    .l-header__logo{
        width: 114px;
    }
    .l-header__sp-box{
        display: block;
        width: 100%;
        height:calc(100vh - 55px);
        padding: 24px;
        background-color: #232325;
        color: #fff;
        position: fixed;
        top:55px;
        left: 0;
        z-index: 999;
        transform: translateX(100%);
        transition: .3s;
    }
    .l-header__sp-box.active{
        transform: translate(0);
    }
    .l-header__sp-box .l-header__list{
        display: block;
        border-top: solid 1px #6B6B6B;
        position: relative;
        margin: 0 auto 60px;
    }
    .l-header__list.u-pc{
        display: none !important;
    }
    .l-header__item {
        padding: 24px 0;
        border-bottom: solid 1px #6B6B6B;
    }
    .l-header__item > a{
        display: block;
        padding:0;
        line-height: 1;
        font-size: 1rem;
    }
    .l-header__item--parent > a:after,
    .l-header__item--parent:hover > a:after{
        display: none;
    }
    .l-header__item--parent:hover:after{
        display: none;
    }
    .l-header__item .l-header__submenu{
        padding: 0;
        position: relative;
        margin-top: 16px;
        transform: none;
        visibility: inherit;
        animation: none;
        opacity: 1;
    }
    .l-header__item .l-header__submenu-inner{
        padding:0;
        border: none;
        border-radius: 0;
        background: none;
    }
    .l-header__item .l-header__submenu-inner:after{
        display: none;
    }
    .l-header__submenu-list{
        margin: 0;
    }
    .l-header__submenu-list-item{
        margin-bottom: 16px;
    }
    .l-header__submenu-list-item a{
        width: 100%;
        padding: 0 0 0 14px;
        background: none;
        font-size: .875rem;
        font-weight: 600;
        position: relative;
    }
    .l-header__submenu-list-item a:before{
        content: '';
        display:block;
        width: 8px;
        height: 1px;
        background: #fff;
        position: absolute;
        top:8px;
        left: 0;
    }
    .l-header__button.u-pc{
        display: none;
    }
    .l-header__button{
        width: 330px;
        max-width: 100%;
        margin: 0 auto;
    }
    .l-header__button-txt{
        width: 100%;
        padding: 20px;
        text-align: center;
    }
    .l-header__button-txt span{
        font-size: 1rem;
    }
    .l-header__menu-btn{
        display: block;
        margin-left: auto;
    }
    .l-header__menu-btn-item{
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        width: 16px;
        height: 14px;
        padding: 0;
        border: none;
        background: none;
        position: relative;
        transition: .3s;
    }
    .l-header__menu-btn-item span{
        display: block;
        width: 100%;
        height: 1.5px;
        background: #fff;
        transition: .3s;
    }
    .l-header__menu-btn-item.active span:nth-child(1){
        transform:rotate(45deg) translateY(5px) translateX(4px);
    }
    .l-header__menu-btn-item.active span:nth-child(2){
        transform: translateX(5px);
        opacity: 0;
    }
    .l-header__menu-btn-item.active span:nth-child(3){
        transform: rotate(-45deg)  translateY(-5px) translateX(3px);
    }

}


/*** ----------------------------------------------------------------------------- 

pg-top

-----------------------------------------------------------------------------  ***/

/* .pg-top-mv */
.pg-top-mv{
    position: relative;
}
.pg-top-mv__bg{
    position: relative;
    z-index: 1;
}
.pg-top-mv__bg-img{
    width: 100%;
    position: relative;
    z-index: 2;
}
.pg-top-mv__bg-img img{
    width: 100%;
}
.pg-top-mv__bg-img--color{
    position: absolute;
    top:0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transition: opacity .4s;
}
.pg-top-mv__bg-img--mono {
    opacity: 1;
}
.pg-top-mv__bg.is-color .pg-top-mv__bg-img--color {
    animation: mvon .5s;
    animation-fill-mode: forwards;
}
.pg-top-mv__bg.is-mono .pg-top-mv__bg-img--color {
    animation: mvoff .5s;
    animation-fill-mode: forwards;
}
.pg-top-mv__bg.is-color .pg-top-mv__bg-img--mono {
    animation: mvoff .5s;
    animation-fill-mode: forwards;
}
.pg-top-mv__bg.is-mono .pg-top-mv__bg-img--mono {
    animation: mvon .5s;
    animation-fill-mode: forwards;
}

@keyframes mvon{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes mvoff{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

.pg-top-mv__inner{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    z-index: 2;
}
.pg-top-mv__catch{
    display: block;
    width: 100%;
    text-align: center;
    letter-spacing: 0;
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
    margin: 0 auto 20px;
}
.pg-top-mv__catch-tag{
    display: inline-block;
    padding: 7px 16px 9px;
    box-sizing: border-box;
    border-radius: 100px;
    background: linear-gradient(45.35deg, #006F8A -0.61%, #00A6CF 100%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 2px 20px rgba(35,35,37,.8);
    line-height: 1;
    font-size: 1.375rem;
    font-weight: bold;
    color: #fff;
    margin-right: 6px;
}
.pg-top-mv__main{
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 0;
    font-size: 3rem;
    font-weight: bold;
    color: #fff;
    filter: drop-shadow(0 3px 6px rgba(35,35,37,.8));
    margin: 0 auto 30px;
    
}
.pg-top-mv__main-txt-small{
    font-size: 2rem;
}
.pg-top-mv__main-txt-grad{
    display: inline-block;
    background: linear-gradient(90deg, #19C8F4 0%, #00C2F2 67%, #0086A7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.pg-top-mv__btn{
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
}
.pg-top-mv__btn-txt{
    display: inline-block;
    line-height: 1;
    letter-spacing: 0;
    font-weight: bold;
    color: #fff;
    margin: 0 auto 10px;
}
.pg-top-mv__btn-main{
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    width: 332px;
    padding: 3px;
    border-radius: 100px;
    background: #EBEBEB;
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.24);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    z-index: 1;
    transition: .3s;
    opacity:0;
    pointer-events: none;
}
.pg-top-mv__btn-main.active{
    position: relative;
    z-index: 2;
    opacity: 1;
    pointer-events: inherit;
}
.pg-top-mv__btn-item{
    display: inline-block;
    width: 245px;
    padding: 16px 15px;
    background: linear-gradient(45.35deg, #006F8A -0.61%, #00A6CF 100%);
    box-shadow: inset 0px -1px 3px rgba(255, 255, 255, 0.8), inset 0px 2px 4px rgba(255, 255, 255, 0.25), inset 0px -3px 4px rgba(0, 0, 0, 0.12);
    border-radius: 38.5px;
    text-align: center;
    letter-spacing: 0;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    transition-delay: 1.3s;
    transition: .3s;
}
.pg-top-mv__btn-item--on{
    transform: translateX(100px);
}
.pg-top-mv__btn-item--off{
    background: #252A2F;
    box-shadow: inset 0px -1px 3px rgba(255, 255, 255, 0.8), inset 0px 2px 4px rgba(255, 255, 255, 0.25), inset 0px -3px 4px rgba(0, 0, 0, 0.12);
    border-radius: 38.5px;
    transform: translateX(-100px);
}
.pg-top-mv__btn-main.active .pg-top-mv__btn-item{
    transform: translateX(0);
}
.pg-top-mv__btn-item-txt{
    display: inline-block;
    padding:0 31px 0 21px;
    font-size: 1.125rem;
    font-weight: bold;
    color: #252A2F;
    text-decoration: none;
}
.pg-top-mv__btn-item-txt--rev{
    padding: 0 21px 0 31px;
}
.pg-top-mv__scroll{
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 3;
    opacity: 0;
    pointer-events: none;
    transition: .3s;
}
.pg-top-mv__scroll.active{
    opacity: 1;
    pointer-events: inherit;
}
.pg-top-mv__scroll-txt{
    display: inline-block;
    padding: 23px 65px 23px 29px;
    border-radius: 12px 12px 0 0;
    background: #232325;
    box-shadow: inset 0px 3px 5px rgba(255, 255, 255, 0.24);
    font-size: 1.25rem;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    position: relative;
}
.pg-top-mv__scroll-txt:after{
    content: '';
    display: block;
    width: 16px;
    height: 100%;
    background: url(../../imgs/rikcad13/icon/arrow-dwn--white.svg)no-repeat center center / contain;
    position: absolute;
    top:0;
    right: 29px;
}

@media(max-width:950px){
    .pg-top-mv{
        position: relative;
        margin-top: 56px;
    }
    .pg-top-mv:before{
        content: '';
        display: block;
        width: 372px;
        height: 334px;
        background: url(../../imgs/rikcad13/bg-obg01--sp.svg)no-repeat center left / contain;
        position: absolute;
         top: 25%;
        left: -30%;
        z-index: 1;
    }
    .pg-top-mv:after{
        content: '';
        display: block;
        width: 372px;
        height: 334px;
        background: url(../../imgs/rikcad13/bg-obg01--sp.svg)no-repeat center left / contain;
        position: absolute;
        right: -28%;
        bottom: 0;
        z-index: 1;
    }
    .pg-top-mv__inner{
        width: 535px;
        max-width: 100%;
        padding: 24px 23px 0;
        text-align: left;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }
    .pg-top-mv__bg img{
        width: 100%;
    }
    .pg-top-mv__bg-img-note{
        display: inline-block;
        line-height: 1;
        font-size: 10px;
        font-weight: bold;
        color: #fff;
        position: absolute;
        right: 31px;
        bottom: 9px;
        z-index: 3;
    }
    .pg-top-mv__catch{
        text-align: left;
        font-size: 1rem;
        margin: 0 auto 5px;
    }
    .pg-top-mv__catch-tag{
        padding: 6px 10px;
        font-size: .875rem;
        margin-right: 4px;
        margin-bottom: 6px;
    }
    .pg-top-mv__main{
        text-align: left;
        line-height: 1.4;
        font-size: 2rem;
        margin: 0 auto 16px;
    }
    .pg-top-mv__main-txt-small{
        font-size: 1.5rem;
    }
    .pg-top-mv__btn-txt{
        font-size: .75rem;
        margin: 0 auto 10px;
    }
    .pg-top-mv__btn-main{
        width: 332px;
        max-width: 100%;
    }
    .pg-top-mv__btn-item{
        width: 245px;
        padding: 14px 15px 16px;
        font-size: .875rem;
    }
    .pg-top-mv__scroll{
        display: none;
    }
}

@media(max-width:380px){
    .pg-top-mv__inner{
        padding-top: 24px;
    }
    .pg-top-mv__catch{
        font-size: 14px;
    }
    .pg-top-mv__catch-tag{
        font-size: 12px;
    }
    .pg-top-mv__main{
        font-size: 24px;
    }
    .pg-top-mv__main-txt-small{
        font-size: 18px;
    }
}


/* .pg-top-about */
.pg-top-about{
    position: relative;
}
.pg-top-about:before{
    content: '';
    display: block;
    width: 395px;
    height: 506px;
    background: url(../../imgs/rikcad13/bg-obg01.svg)no-repeat center left / contain;
    position: absolute;
    top:40%;
    left: 0;
    z-index: 1;
}
.pg-top-about .l-section-inner{
    width: 100%;
    padding-top: 123px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 35px;
    position: relative;
    z-index: 2;
}
.pg-top-about__catch{
    display: block;
    text-align: center;
    line-height: 1.7;
    letter-spacing: 0;
    font-size: 2rem;
    font-weight: bold;
    color: #B4B4B4;
    margin-bottom: 116px;
}
.pg-top-about__catch .u-txt-white{
    display: inline-block;
    color: #fff;
}
.pg-top-about__title{
    text-align: center;
    letter-spacing: 0;
    font-size: 2.8125rem;
    font-weight: bold;
    margin: 0 auto 35px;
}
.pg-top-about__title .u-txt-grad{
    letter-spacing: 1px;
    margin: 0 -20px;
}
.pg-top-about__title-small{
    display: inline-block;
    font-size: 1.5rem;
    margin-top: 11px;
}
.pg-top-about__title-small .js-txt-slide__inner{
    transition-delay: .6s;
}

.pg-top-about__slide-box {
  overflow: hidden;
  width: 100%;
}
.pg-top-about__slide {
  display: flex;
  gap: 0;
  width: max-content;
}

.pg-top-about__slide li {
  white-space: nowrap;
}
.pg-top-about__slide li a{
    display: inline-block;
    padding: 19px 16px 19px;
    background: #313131;
    box-shadow: inset 0px 5px 8px rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    margin: 0 18px 18px 0;
}
.pg-top-about__slide--01 {
  animation: slideRight 60s linear infinite;
}
.pg-top-about__slide--02 {
  animation: slideLeft 60s linear infinite;
}
.pg-top-about__slide-box:hover .pg-top-about__slide {
  animation-play-state: paused;
}
.pg-top-about__slide-box:hover .pg-top-about__slide li a{
    opacity: .45;
}
.pg-top-about__slide-box .pg-top-about__slide li a:hover {
    opacity:1 !important;
}

@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes slideRight {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
@media(min-width:769px){
    .pg-top-about .u-sp{
        display: none;
    }
}

@media(max-width:1100px){
    .pg-top-about__catch br.u-sp--tab{
        display: block;
    }
}
@media(max-width:950px){
    .pg-top-about__title .u-pc{
        display: none;
    }
    .pg-top-about__title .u-sp{
        display: block;
    }
}
@media(max-width:768px){
    .pg-top-about:before{
        content: '';
        display: block;
        width: 395px;
        height: 506px;
        background: url(../../imgs/rikcad13/bg-obg01.svg)no-repeat center left / contain;
        position: absolute;
        top:35%;
        left: -25%;
        z-index: 1;
    }
    .pg-top-about .l-section-inner{
        padding-top: 80px;
        padding-bottom: 70px;
    }
    .pg-top-about__catch{
        line-height: 1.8;
        font-size: 1.625rem;
        margin-bottom: 80px;
    }
    .pg-top-about__title{
        font-size: 1.5rem;
        margin: 0 auto 25px;
    }
    .pg-top-about__title .u-txt-grad{
        margin: 0;
    }
    .pg-top-about__title-small{
        display: inline-block;
        font-size: 1.125rem;
        margin-top: 18px;
    }
    .pg-top-about__title-small.u-pc{
        display: none;
    }
    .pg-top-about__slide li a{
        padding: 18px 16px;
        font-size: .875rem;
    }
}


/* .pg-top-function */
.pg-top-function{
    position: relative;
    z-index: 1;
}
.pg-top-function:before{
    content: '';
    display: block;
    width: 616px;
    height: 549px;
    background: url(../../imgs/rikcad13/bg-obg02.svg)no-repeat center center / contain;
    position: absolute;
    top:0;
    right: -10%;
    z-index: 1;
}
.pg-top-function#function-sub:before{
    width: 584px;
    height: 585px;
    background: url(../../imgs/rikcad13/bg-obg03.svg)no-repeat center center / contain;
    top:17%;
    left: 0;
    z-index: -1;
}
.pg-top-function#function-sub:after{
    content: '';
    display: block;
    width: 584px;
    height: 585px;
    background: url(../../imgs/rikcad13/bg-obg03.svg)no-repeat center center / contain;
    position: absolute;
    top: 26%;
    right: -15%;
    z-index: -1;
}
.pg-top-function .l-section-inner{
    padding-bottom: 30px;
    position: relative;
    z-index: 2;
}
.pg-top-function--sub .l-section-inner{
    padding-top: 130px;
}
.pg-top-function .p-section-ttl{
    margin-bottom: 18px;
}
.pg-top-function__contents{
    padding-top: 120px;
    position: relative;
}
.pg-top-function__contents--tab{
    padding-top: 100px;
}
.pg-top-function__contents#function02::before{
    content: '';
    display: block;
    width: 584px;
    height: 585px;
    background: url(../../imgs/rikcad13/bg-obg03.svg)no-repeat center center / contain;
    position: absolute;
    right: -20%;
    bottom: -5%;
    z-index: -1;
}
.pg-top-function__contents#function03::before{
    content: '';
    display: block;
    width: 584px;
    height: 585px;
    background: url(../../imgs/rikcad13/bg-obg03.svg)no-repeat center center / contain;
    position: absolute;
    top:25%;
    right: -2%;
    z-index: -1;
}
.pg-top-function__contents-ttl-main{
    line-height: 1.4;
    font-size: 3.4375rem;
    font-weight: bold;
    margin:0 0 30px;
}
.pg-top-function__contents-ttl-main-small{
    display: block;
    letter-spacing: 0;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 8px;
}
.pg-top-function__contents-ttl-note{
    display: block;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 10px;
}
.pg-top-function__contents-tag{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap:8px;
    margin: 0 auto 45px;
}
.pg-top-function__contents-tag--mb-none{
    margin-bottom: 12px;
}
.pg-top-function__contents-tag-item{
    display: inline-block;
    padding: 19px 16px 19px;
    background: #313131;
    box-shadow: inset 0px 5px 8px rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    line-height: 1;
    letter-spacing: 0;
    font-size: .875rem;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}
.pg-top-function__contents-tag-item span{
    display: inline-block;
    line-height: 1;
    font-weight: bold;
    color: #fff;
}
.pg-top-function__contents-note{
    display: block;
    line-height: 1.4;
    font-size: .75rem;
    font-weight: 600;
    color: #B4B4B4;
    margin-bottom: 45px;
}
.pg-top-function__contents-img{
    margin: 0 auto 45px;
}
.pg-top-function__contents-img img{
    border-radius: 16px;
}
.pg-top-function__contents-img video{
    width: 100% !important;
    height: auto;
}

.pg-top-function__contents .js-anime-item{
    display:inline-block;
    line-height: 1.4;
    clip-path: inset(0 0 12% 0);
}
.pg-top-function__contents-ttl-note .js-anime-item{
    line-height:2.2;
}
.pg-top-function__contents .js-anime-item__inner{
    display:inline-block;
    line-height: 1.4;
    letter-spacing: 0;
    transform: translate3d(0,100%,0);
    will-change: transform;
}
.pg-top-function__contents.js-active .js-anime-item__inner{
    transform: translateZ(0);
    transition: transform 1.2s cubic-bezier(.19,1,.22,1);
    transition-delay: .6s;
}
.pg-top-function__contents.js-active .js-anime-item--02 .js-anime-item__inner{
    transition-delay: .9s;
}
.pg-top-function__contents.js-active .pg-top-function__contents-ttl-main-small .js-anime-item__inner{
    transition-delay: .3s;
}
.pg-top-function__contents.js-active .pg-top-function__contents-ttl-note .js-anime-item__inner{
    line-height: 1.6;
    transition-delay: 1.2s;
}

.pg-top-function__tab-box{
    position: relative;
}
.pg-top-function__tab-box:after{
    content: '';
    display: block;
    width: 584px;
    height: 585px;
    background: url(../../imgs/rikcad13/bg-obg03.svg)no-repeat center center / contain;
    position: absolute;
    right: 5%;
    bottom: -90%;
    z-index: -1;
}
.pg-top-function__tab-btn{
    display: flex;
    justify-content: flex-start;
    gap:8px;
}
.pg-top-function__tab-btn-item{
    height: 60px;
    padding-bottom: 2px;
    border-radius: 16px 16px 0 0;
    background: #BCC9D7;
    transition: .3s;
}
.pg-top-function__tab-btn-item a{
    display: inline-block;
    width: 260px;
    padding: 21px 10px 15px;
    border-radius: 16px 16px 0 0;
    background: #BCC9D7;
    text-align: center;
    line-height: 1;
    color: #252A2F;
    font-weight: 700;
    text-decoration: none;
    transition: .3s;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: none;
    box-shadow: inset 0px 3px 4px rgba(255, 255, 255, 0.24);

}

.pg-top-function__tab-btn-item.active{
    border-radius: 16px 16px 0 0;
    background: #F1F5F9;
}
.pg-top-function__tab-btn-item.active a{
    border-radius: 16px 16px 0 0;
    background: #F1F5F9;
    color: #252A2F;
    pointer-events: none;
}
.pg-top-function__tab-content{
    display: none;
    padding: 80px 75px;
    border-radius: 0 16px 16px 16px;
    background:#F1F5F9;
    color: #252A2F;
    margin: 0 auto 45px;
}
.pg-top-function__tab-content{
    padding: 80px 40px;
}
.pg-top-function__tab-content--01 tr td:first-child{
    color: #828282;
}
.pg-top-function__tab-content.active{
    display: block;
}
.pg-top-function__table{
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    margin: 0 auto;
}
.pg-top-function__table tr th{
    padding: 15px 24px;
    background: #D8E0E8;
    text-align: left;
    font-weight: bold;
}
.pg-top-function__tab-content--01 .pg-top-function__table tr th{
    width: 25%;
    padding-left: 18px;
    padding-right: 18px;
}
.pg-top-function__table tr td{
    padding: 15px 24px;
    border-top: solid 1px #F1F5F9;
    background: #fff;
    font-weight: bold;
}
.pg-top-function__table tr td:nth-child(3){
    padding: 13px 24px;
    font-size: 1.125rem;
}
.pg-top-function__tab-content--02 .pg-top-function__table tr td:nth-child(3){
    border-top: solid 1px #fff;
    background:#F1F5F9;
    background: linear-gradient(106.05deg, #F2F5F7 4.69%, #D8E0E8 96.92%);
}
.pg-top-function__table tr td .pg-top-function__table-txt-small{
    font-size: 1.75rem;
}
.pg-top-function__table tr.u-border-none td{
    border-top: none;
}
.pg-top-function__table-th-small{
    font-size: .875rem;
}
.pg-top-function__table-price{
    font-size: 1rem;
}
.pg-top-function__table-number{
    font-size: 1.75rem;
}
.pg-top-function__table-note{
    line-height: 1.4;
    font-size: .75rem;
}
.pg-top-function__table-txt{
    display: inline-block;
    line-height: 1.4;
    font-size: .75rem;
    font-weight: 500;
    margin-top: 6px;
}
.pg-top-function__table-txt--midiam{
    font-size: 1rem;
}
.pg-top-function__tab-content-annot{
    margin-top: 30px;
}
.pg-top-function__tab-content-annot-ttl{
    display: block;
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: 5px;
}
.pg-top-function__tab-content-annot-list-item{
    display: block;
    padding-left: 15px;
    font-size: 0.8125rem;
    font-weight: 500;
    position: relative;
}
.pg-top-function__tab-content-annot-list-item::before{
    content: '※';
    position: absolute;
    top:0;
    left: 0;
}
.pg-top-function .scroll-hint-icon{
    width:calc(100% - 40px);
    height: 197px;
    padding-top: 47px;
    background: #0083A4;
    top:calc(50% - 155px);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.pg-top-function .scroll-hint-icon:before{
    width: 79px;
    height: 95px;
    background: url(../../imgs/rikcad13/icon/scroll-hint-hand.svg)no-repeat center center / contain;
}
.pg-top-function .scroll-hint-icon:after{
    width: 88px;
    height: 30px;
    background: url(../../imgs/rikcad13/icon/scroll-hint-arrow.svg)no-repeat center center / contain;
    top:24px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateX(-8px);
}
.pg-top-function .scroll-hint-text{
    font-size: 16px;
    font-weight: 600;
    margin-top: 14px;
}

@media(any-hover: hover){
    .pg-top-function__tab-btn-item:hover{
        opacity:1;
        background: #F1F5F9;
    }
    .pg-top-function__tab-btn-item:hover a{
        opacity: 1;
        background: #F1F5F9;
    }
}

@media(min-width:769px){
    .pg-top-function__contents#function01.js-active .js-anime-item__inner{
        transition-delay: 1.5s;
    }.pg-top-function__contents#function01.js-active .js-anime-item--02 .js-anime-item__inner{
        transition-delay: 1.8s;
    }
    .pg-top-function__contents#function01.js-active .pg-top-function__contents-ttl-main-small .js-anime-item__inner{
        transition-delay: .9s;
    }
    .pg-top-function__contents#function01.js-active .pg-top-function__contents-ttl-note .js-anime-item__inner{
        transition-delay: 2.1s;
    }
    .pg-top-function__tab-content--02 tr th{
        width: 27%;
    }
    .pg-top-function__tab-content--02 tr th:nth-child(1){
        width: 19%;
    }
}

@media(max-width:1000px){
    .pg-top-function__contents-ttl-main{
        font-size: 3rem;
    }
    .pg-top-function__contents-ttl-main-small{
        font-size: 1.2rem;
        font-weight: 500;
        margin-bottom: 8px;
    }
    .pg-top-function__contents-ttl-note{
        display: block;
        line-height: 1.6;
        font-weight: 600;
        margin-bottom: 10px;
    }
}
@media(max-width:900px){
    .pg-top-function__table{
        width: 100%;
        border-radius: 12px;
        margin: 0 auto;
    }
    .pg-top-function__table tr th{
        width: 25%;
        padding: 10px;
        text-align: center;
        font-size: .75rem;
    }
    .pg-top-function__table tr td{
        padding: 10px;
        text-align: center;
        font-size: .75rem;
    }
    .pg-top-function__table tr td:nth-child(3){
        padding: 10px;
        font-size: .75rem;
    }
    .pg-top-function__table tr td .pg-top-function__table-txt-small{
        font-size: .75rem;
    }
}
@media(max-width:768px){
    .pg-top-function:before{
        width: 372px;
        height: 334px;
        background: url(../../imgs/rikcad13/bg-obg01--sp.svg) no-repeat center center / contain;
        top: 14%;
        right: -21%;
    }
    .pg-top-function#function-sub:before{
        width: 372px;
        height: 334px;
        background: url(../../imgs/rikcad13/bg-obg01--sp.svg) no-repeat center center / contain;
        top: -7%;
        left: auto;
        right: -21%;
        z-index: -1;
    }
    .pg-top-function#function-sub:after{
        display: none;
    }
    .pg-top-function .l-section-inner{
        padding: 60px 23px;
    }
    .pg-top-function--sub .l-section-inner{
        padding-top: 95px;
        padding-bottom: 25px;
    }
    .pg-top-function__contents{
        padding-top: 124px;
    }
    .pg-top-function__contents--tab{
        padding-top: 108px;
    }
    .pg-top-function__contents#function02::before{
        width: 372px;
        height: 334px;
        background: url(../../imgs/rikcad13/bg-obg01--sp.svg) no-repeat center center / contain;
        left: -45%;
        right: auto;
        bottom: -36%;
    }
    .pg-top-function__contents#function03::before{
        display: none;
    }
    .pg-top-function__contents-ttl-main{
        font-size: 2rem;
        margin:0 0 12px;
    }
    .pg-top-function__contents-ttl-main-small{
        line-height: 1.4;
        font-size: 1rem;
        margin-bottom: 4px;
    }
    .pg-top-function__contents-ttl-note{
        margin-bottom: 18px;
    }
    .pg-top-function__contents-tag{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: wrap;
        gap:8px;
        margin: 0 auto 46px;
    }
    .pg-top-function__contents-tag--mb-none{
        margin-bottom: 12px;
    }
    .pg-top-function__contents-tag-item{
        padding: 12px 12px 14px;
    }
    .pg-top-function__contents-tag-item span{
        font-size: .75rem;
    }
    .pg-top-function__contents-note{
        font-size: .75rem;
        margin-bottom: 46px;
    }
    .pg-top-function__contents-img{
        margin: 0 auto 45px;
    }
    .pg-top-function__contents-img img{
        border-radius: 16px;
    }
    .pg-top-function__contents .js-anime-item{
        display:inline-block;
        clip-path: inset(0 0 7% 0);
        line-height: 2;
    }
    .pg-top-function__contents-ttl-note .js-anime-item{
        line-height: 2.2;
    }
    .pg-top-function__contents .js-anime-item__inner{
        display:inline-block;
        line-height: 1.4;
        transform: translate3d(0,100%,0);
        will-change: transform;
    }
    .pg-top-function__contents.js-active .js-anime-item__inner{
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.19,1,.22,1);
        transition-delay: .6s;
    }
    .pg-top-function__contents-ttl-main-small .js-anime-item__inner{
        line-height: 1.6;
        transition-delay: .3s;
    }
    .pg-top-function__contents-ttl-note .js-anime-item__inner{
        line-height: 1.6;
        transition-delay: .9s;
    }

    .pg-top-function__tab-box{
        position: relative;
    }
    .pg-top-function__tab-box:after{
        content: '';
        display: block;
        width: 584px;
        height: 585px;
        background: url(../../imgs/rikcad13/bg-obg03.svg)no-repeat center center / contain;
        position: absolute;
        right: 5%;
        bottom: -90%;
        z-index: -1;
    }
    .pg-top-function__tab-btn{
        display: flex;
        justify-content: flex-start;
        gap:8px;
    }
    .pg-top-function__tab-btn-item{
        width: calc(50% - 4px);
        height: auto;
        padding-bottom: 8px;
        border-radius: 12px 12px 0 0;
    }
    .pg-top-function__tab-btn-item a,
    .pg-top-function__tab-btn-item a:hover{
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        width: 100%;
        height: 52px;
        padding:14px 8px 8px;
        border-radius: 12px 12px 0 0;
        line-height: 1.4;
        font-size: 0.8125rem;
        opacity: 1;
    }
    .pg-top-function__tab-btn-item.active{
        border-radius: 12px 12px 0 0;
        background: #F1F5F9;
    }
    .pg-top-function__tab-btn-item.active a,
    .pg-top-function__tab-btn-item.active a:hover{
        border-radius: 12px 12px 0 0;
        background: #F1F5F9;
        color: #252A2F;
        pointer-events: none;
        opacity: 1;
    }
    .pg-top-function__tab-content{
        padding: 7px;
        border-radius: 0 0 12px 12px;
    }
    .pg-top-function__tab-content--01{
        width: 100%;
    }
    .pg-top-function__tab-content--01 .pg-top-function__table{
        width: 700px;
    }
    .pg-top-function__tab-content--01 .pg-top-function__table tr  th{
        width: calc((100% - 100px) / 3);
        text-align: center;
    }
    .pg-top-function__tab-content--01 .pg-top-function__table tr td{
        width: calc((100% - 114px) / 3);
        text-align: left;
        padding-left: 12px;
        padding-right: 12px;
    }
    .pg-top-function__tab-content--01 .pg-top-function__table tr th:first-child,
    .pg-top-function__tab-content--01 .pg-top-function__table tr td:first-child{
        width: 114px;
    }
    .pg-top-function__tab-content--02{
        border-radius: 0 0 12px 12px;
    }
    .pg-top-function__table-th-small{
        font-size: .75rem;
    }
    .pg-top-function__table-price{
        font-size: .75rem;
    }
    .pg-top-function__table-number{
        font-size: 1rem;
    }
    .pg-top-function__table-txt--midiam{
        line-height: 1.4;
        font-size: .75rem;
    }
    .pg-top-function__tab-content-annot{
        width: 700px;
        padding-bottom: 24px;
        margin-top: 12px;
    }
    .pg-top-function__tab-content-annot-list-item{
        font-size: .75rem;
    }
}
@media(max-width:380px){
    .pg-top-function__table tr th{
        padding: 10px 2px;
        font-size: .75rem;
    }
    .pg-top-function__table tr td{
        padding: 10px 2px;
        font-size: .75rem;
    }
}


/* .pg-top-contacts */
.pg-top-contacts{
    position: relative;
    z-index: 2;
}
.pg-top-contacts:before{
    content:'';
    display: block;
    width: 584px;
    height: 585px;
    background: url(../../imgs/rikcad13/bg-obg03.svg)no-repeat center center / contain;
    position: absolute;
    left: -14%;
    bottom: -20%;
    z-index: 1;
}
.pg-top-contacts .l-section-inner{
    padding-top: 130px;
    padding-bottom: 190px;
    position: relative;
    z-index: 2;
}
.pg-top-contacts__ttl {
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0;
    font-size: 2rem;
    font-weight: bold;
    margin: 0 auto 80px;
}
.pg-top-contacts__ttl img{
    width: 445px;
    max-width: 100%;
    margin: 0 auto 26px;
}
.pg-top-contacts .fl-box{
	max-width: 1200px;
	margin: 0 auto;
	padding: 45px 7%;
	box-sizing: border-box;
    background: rgba(0,0,0,0.24);
	border-radius: 32px;
	display: flex;
	align-items: center;
}
.pg-top-contacts .fl-box .box01{
	width: 48%;
	padding:0px 20px 25px 6px;
	box-sizing: border-box;
}
.pg-top-contacts .fl-box .box01 h2{
	margin: 0 0 25px;
	color: #fff;
	font-size: clamp(22px, 2.5vw, 32px);
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0;
}
.pg-top-contacts .fl-box .box01 h2 span{
	font-size: clamp(14px, 2.0vw, 18px);
}
.pg-top-contacts .fl-box .box01 .txt01{
	line-height: 1.8;
    letter-spacing: 0;
	font-size: 14px;
	font-weight: 300;
	color: #fff;
}
.pg-top-contacts .fl-box .box02{
	width: 52%;
}
.pg-top-contacts .fl-box .box02 ul li{
	margin: 0 0 10px;
}
.pg-top-contacts .fl-box .box02 ul li:last-child{
	margin: 0;
}
.pg-top-contacts .fl-box .box02 ul li a{
	background: #fff;
	display: block;
	text-decoration: none;
	border-radius: 8px;
	padding: 4px 55px 18px 75px;
	font-size: clamp(16px, 2.25vw, 24px);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0;
	color: #0083A4;
    
}
.pg-top-contacts .fl-box .box02 ul li.download a{
	background: url("../../imgs/lp/icon-download.svg") no-repeat left 20px center, url("../../imgs/lp/icon-arrow.svg") no-repeat right 25px center, #fff;
}
.pg-top-contacts .fl-box .box02 ul li.contact a{
	background: url("../../imgs/lp/icon-contact.svg") no-repeat left 20px center, url("../../imgs/lp/icon-arrow.svg") no-repeat right 25px center, #fff;
}
.pg-top-contacts .fl-box .box02 ul li.tel a{
	background: url("../../imgs/lp/icon-tel.svg") no-repeat left 20px center, url("../../imgs/lp/icon-arrow.svg") no-repeat right 25px center, #fff;
}
.pg-top-contacts .fl-box .box02 ul li a span{
	font-size: clamp(12px, 2.0vw, 14px);
	display: inline-block;
	line-height: 1.25;
}
@media (min-width:769px){
	.pg-top-contacts .fl-box .box02 ul li a:hover{
		opacity: 1.0;
	}
	.pg-top-contacts .fl-box .box02 ul li a.over{
		opacity: 0.5;
	}
	.pg-top-contacts .fl-box .box02 ul li a.over.active{
		opacity: 1.0;
	}
}
@media(max-width:1250px){
    .pg-top-contacts .fl-box{
        padding: 20px;
    }
}
@media(max-width:1100px){
    .pg-top-contacts .fl-box{
        width: 700px;
        max-width: 100%;
		padding: 35px 16px 16px;
		border-radius: 8px;
		display: block;
	}
	.pg-top-contacts .fl-box .box01{
		width: 100%;
		margin: 0 0 23px;
		padding: 0;
	}
	.pg-top-contacts .fl-box .box01 h2{
        line-height: 1.4;
		margin: 0 0 18px;
	}
	.pg-top-contacts .fl-box .box01 .txt01 br{
		display: none;
	}
	.pg-top-contacts .fl-box .box02{
		width: 100%;
	}
	.pg-top-contacts .fl-box .box02 ul li a{
		padding:10px 12px 15px 58px;
	}
	.pg-top-contacts .fl-box .box02 ul li.download a{
		background: url("../../imgs/lp/icon-download.svg") no-repeat left 15px center, #fff;
	}
	.pg-top-contacts .fl-box .box02 ul li.contact a{
		background: url("../../imgs/lp/icon-contact.svg") no-repeat left 15px center, #fff;
	}
	.pg-top-contacts .fl-box .box02 ul li.tel a{
		background: url("../../imgs/lp/icon-tel.svg") no-repeat left 15px center, #fff;
	}
}
@media(max-width:950px){
    .pg-top-contacts__ttl br.u-sp--tab{
        display: block;
    }
}
@media (max-width:768px){
	.pg-top-contacts{
		padding: 25px 0 0;
        margin: 0 auto;
	}
    .pg-top-contacts .l-section-inner{
        padding: 60px 8px 0;
    }
    .pg-top-contacts__ttl{
        line-height: 1.35;
        font-size: 1.5rem;
        margin: 0 auto 12px;
    }
    .pg-top-contacts__ttl img{
        width: 275px;
        margin-bottom: 29px;
    }
}

/* .pg-top-links */
.pg-top-links {
    position: relative;
    z-index: 2;
}
.pg-top-links .l-section-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1140px;
    padding-top: 60px;
    padding-bottom: 60px;
}
.pg-top-links__logo{
    width: 148px;
}
.pg-top-links__bnr{
    width: 324px;
    max-width: 100%;
}
.pg-top-links__bnr img{
    width: 100%;
}
.pg-top-links__bnr span{
    display: inline-block;
    padding-right: 23px;
    background: url(../../imgs/rikcad13/icon/arrow-left--white.svg)no-repeat center right / 13px;
    line-height: 1;
    font-size: .875rem;
    font-weight: 600;
    color: #fff;
    margin-top: 10px;
}
.pg-top-links__list{
    display: flex;
    gap:32px;
}
.pg-top-links__list-item a{
    display: inline-block;
    font-size: .875rem;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}
.pg-top-links__list-item--parent > a{
    display: none;
    padding-right: 16px;
    position: relative;
}
.pg-top-links__list-item--parent > a::after{
    content: '';
    display: block;
    width: 10px;
    height: 100%;
    background: url(../../imgs/rikcad13/icon/arrow-dwn--white.svg)no-repeat center right / contain;
    position: absolute;
    top:0;
    right: 0;
}
.pg-top-links__list-item-child{
    display: flex;
    justify-content: flex-start;
    gap:32px;
}

@media(max-width:1000px){
    .pg-top-links{
        background: #232325;
        position: relative;
        z-index: 2;
    }
    .pg-top-links .l-section-inner{
        display: block;
        padding: 120px 24px 110px;
    }
    .pg-top-links__logo{
        width: 199px;
        margin-bottom: 45px;
    }
    .pg-top-links__logo img{
        width: 100%;
    }
    .pg-top-links__bnr{
        display: block;
        margin: 0 auto 60px;
    }
    .pg-top-links__list{
        display: block;
        border-top: solid 1px #6B6B6B;
        letter-spacing: 0;
    }
    .pg-top-links__list-item {
        padding: 17px 0 24px;
        border-bottom: solid 1px #6B6B6B;
    }
    .pg-top-links__list-item a{
        display: block;
        letter-spacing: 2px;
        font-size: .875rem;
        font-weight: 600;
        color: #fff;
        text-decoration: none;
    }
    .pg-top-links__list-item--parent > a{
        display: block;
        letter-spacing: 0;
        font-size: 1rem;
    }
    .pg-top-links__list-item--parent > a::after{
        display: none;
    }
    .pg-top-links__list-item-child{
        display: block;
        padding: 0;
        letter-spacing: 0;
        position: relative;
        margin-top: 12px;
        transform: none;
        visibility: inherit;
        animation: none;
        opacity: 1;
    }
    .pg-top-links__list-item-child-item{
        display: block;
        width: 100%;
        margin-bottom: 16px;
    }
    .pg-top-links__list-item-child-item:last-child{
        margin-bottom: 0;
    }
    .pg-top-links__list-item-child-item a{
        width: 100%;
        padding: 0 0 0 14px;
        line-height: 1;
        letter-spacing: 0;
        font-size: .875rem;
        font-weight: 600;
        position: relative;
    }
    .pg-top-links__list-item-child-item a:before{
        content: '';
        display:block;
        width: 8px;
        height: 1px;
        background: #fff;
        position: absolute;
        top:8px;
        left: 0;
    }
}
@media(max-width:768px){
    .pg-top-links__bnr{
        width: 100%;
    }
}

/* .pg-top-bnr */
.pg-top-bnr .l-section-inner{
    padding-top: 0;
}
.pg-top-bnr__content{
	display: flex;
	width:1062px;
	max-width: 100%;
	border-radius: 24px;
	text-align: left;
	text-decoration: none;
	overflow: hidden;
    position: relative;
	margin: 0 auto;
}
.pg-top-bnr__batch{
    display: inline-block;
    padding:9px 18px 9px 54px;
    background:#0083A4;
    border-radius: 0 0 8px 0;
    line-height: 1;
    font-size:1.125rem;
    font-weight: 600;
    color: #fff;
    position: absolute;
}
.pg-top-bnr__inner{
	width: calc(100% - 416px);
	padding: 60px 54px 32px;
	background: url(../../imgs/rikcad13/bnr/bg.jpg)no-repeat center center / cover;
    color: #252A2F;
	transition: .3s;
}
.pg-top-bnr .img{
	width: 416px;
	background: url(../../imgs/rikcad13/bnr/img-pc.jpg)no-repeat center center / cover;
	position: relative;
	transition: .3s;
}
.pg-top-bnr .img:before{
	content: '';
	display: block;
	width: 38px;
	height: 38px;
	background: url(../../imgs/home/icon-arrow02-hov.svg)no-repeat center center / contain;
	position: absolute;
	right: 8px;
	bottom: 8px;
	transition: .3s;
}
.pg-top-bnr__txt{
    display: block;
    width: 100%;
    text-align: left;
    line-height: 1.2;
    letter-spacing: 0;
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0 auto 15px;
}
.pg-top-bnr__txt-blue{
    font-size: 2.5rem;
    color: #0083A4;
}
.pg-top-bnr__txt-mid{
    font-size: 2rem;
}
.pg-top-bnr__img{
    width: 376px;
    max-width: 100%;
}
@media(any-hover: hover){
    .pg-top-bnr__content:hover{
        opacity: 1;
    }
    .pg-top-bnr__content:after{
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: rgb(0, 131, 164, .24);
        position: absolute;
        top:0;
        left: 0;
        z-index: 2;
        opacity: 0;
        transition: .3s;
    }
    .pg-top-bnr__content:hover:after{
        opacity: 1;
    }
}
@media(max-width:1120px){
    .pg-top-bnr__inner{
        padding: 60px 20px 32px;
    }
    .pg-top-bnr__txt-blue{
        font-size: 2.2rem;
    }
    .pg-top-bnr__txt-mid{
        font-size: 1.7rem;
    }
}
@media(max-width:1000px){
    .pg-top-bnr .l-section-inner{
        padding-top: 80px;
    }
    .pg-top-bnr__content{
        display: block;
        border-radius: 16px;
    }
    .pg-top-bnr__batch{
        padding:10px 20px;
        font-size:1rem;
    }
    .pg-top-bnr__inner{
        width:100%;
        padding: 50px 17px 30px;
        background: url(../../imgs/rikcad13/bnr/bg.jpg)no-repeat center center / cover;
    }
    .pg-top-bnr .img{
        width: 100%;
        height: 190px;
        background: url(../../imgs/rikcad13/bnr/img-sp.jpg)no-repeat center center / cover;
    }
    .pg-top-bnr__txt{
        font-size: 1rem;
        margin: 0 auto 20px;
    }
    .pg-top-bnr__txt-blue{
        display: inline-block;
        line-height: 1;
        font-size: 1.75rem;
        margin-top: 10px;
    }
    .pg-top-bnr__txt-mid{
        font-size: 1.5rem;
    }
}