html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent
}
body{
    line-height:1
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
nav ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
a{
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent
}
ins{
    background-color:#ff9;
    color:#000;
    text-decoration:none
}
mark{
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold
}
del{
    text-decoration:line-through
}
abbr[title],dfn[title]{
    border-bottom:1px dotted;
    cursor:help
}
table{
    border-collapse:collapse;
    border-spacing:0
}
hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0
}
input,select{
    vertical-align:middle
}
*,*::before,*::after{
    box-sizing:border-box
}
a,area,button,[role="button"],input:not([type="range"]),label,select,summary,textarea{
    -ms-touch-action:manipulation;
    touch-action:manipulation
}
html{
    font-size:1.8vw
}
@media screen and (min-width: 1000px){
    html{
        font-size:18px
    }
}
@media screen and (max-width: 768px){
    html{
        font-size:3.86vw
    }
}
body{
    font-family:"Noto Sans JP",sans-serif;
    font-weight:400;
    font-style:normal
}
body a{
    color:inherit;
    text-decoration:none
}
body img{
    width:100%;
    height:auto;
    vertical-align:bottom
}
body em{
    font-style:normal
}
body li{
    list-style:none
}
body h1,body h2,body h3,body h4,body h5,body h6{
    font-weight:inherit
}
.wrap{
    background:#fff;
    width:100%;
    color:#000
}
body a{
    transition:all .2s ease-in-out;
    cursor:pointer
}
body a:hover{
    opacity:.7
}
@media screen and (max-width: 768px){
    body a:hover{
        opacity:1
    }
}
.wrap img{
    width:100%;
    height:auto
}
@media screen and (max-width: 768px){
    .wrap{
        padding-top:calc(3vw + 3rem)
    }
}
.header{
    background:#fff;
    width:100%;
    color:#000;
    position:fixed;
    top:0;
    z-index:1000
}
.header__inner{
    padding:.5rem 2rem;
    display:flex;
    flex-flow:row;
    align-items:center;
    justify-content:space-between
}
.header__heading{
    width:6.22rem
}
.header__button a{
    transition:all .2s ease-in-out;
    cursor:pointer;
    background-color:#d14f2b;
    width:fit-content;
    padding:.5em 2em .5em 1em;
    border-radius:10em;
    color:white;
    font-size:1.33rem;
    font-weight:700;
    display:block;
    position:relative
}
.header__button a:hover{
    opacity:.7
}
@media screen and (max-width: 768px){
    .header__button a:hover{
        opacity:1
    }
}
.header__button a::after{
    content:'';
    width:.5em;
    height:.5em;
    border-right:3px solid white;
    border-bottom:3px solid white;
    display:block;
    position:absolute;
    top:calc(50% - .25em);
    right:1em;
    transform:rotate(-45deg)
}
.header__button a .small{
    font-size:.67em;
    font-weight:400
}
@media screen and (max-width: 768px){
    .header__button a{
        padding:1em 3em 1em 2em;
        font-size:1rem
    }
    .header__button a::after{
        width:.6em;
        height:.6em;
        border-right-width:2px;
        border-bottom-width:2px;
        top:calc(50% - .4em);
        right:1.5em
    }
}
@media screen and (max-width: 768px){
    .header__inner{
        padding:1vw
    }
    .header__heading{
        width:calc(8vw + 13.29vw);
        padding:4vw
    }
}
.visual{
    background-color:#536174;
    background-image:url("https://success.glginsights.com/rs/561-YYM-489/images/jpm_visual.jpg");
    background-position:center top;
    background-repeat:no-repeat;
    background-size:cover;
    color:white
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
    .visual{
        background-image:url("https://success.glginsights.com/rs/561-YYM-489/images/jpm_visual@2x.jpg")
    }
}
.visual__inner{
    width:85.71vw;
    margin:0 auto;
    padding:6em 0 0;
    font-size:1.29vw
}
.visual__heading{
    line-height:1.6;
    font-size:2.11em;
    font-weight:700
}
.visual__heading br:nth-child(1),.visual__heading br:nth-child(3){
    display:none
}
.visual__text{
    max-width:35em;
    padding:1em 0;
    line-height:2
}
.visual__text .emphasis{
    border-bottom:1px solid white
}
.visual__button a{
    transition:all .2s ease-in-out;
    cursor:pointer;
    transition:all .2s ease-in-out;
    cursor:pointer;
    background-color:#d14f2b;
    width:fit-content;
    padding:.5em 2em .5em 1em;
    border-radius:10em;
    color:white;
    font-size:1.33rem;
    font-weight:700;
    display:block;
    position:relative;
    padding:.8em 2.5em .8em 1.5em;
    font-size:1.56rem;
    font-size:1.56em
}
.visual__button a:hover{
    opacity:.7
}
@media screen and (max-width: 768px){
    .visual__button a:hover{
        opacity:1
    }
}
.visual__button a:hover{
    opacity:.7
}
@media screen and (max-width: 768px){
    .visual__button a:hover{
        opacity:1
    }
}
.visual__button a::after{
    content:'';
    width:.5em;
    height:.5em;
    border-right:3px solid white;
    border-bottom:3px solid white;
    display:block;
    position:absolute;
    top:calc(50% - .25em);
    right:1em;
    transform:rotate(-45deg)
}
.visual__button a .small{
    font-size:.67em;
    font-weight:400
}
@media screen and (max-width: 768px){
    .visual__button a{
        padding:1em 3em 1em 2em;
        font-size:1rem
    }
    .visual__button a::after{
        width:.6em;
        height:.6em;
        border-right-width:2px;
        border-bottom-width:2px;
        top:calc(50% - .4em);
        right:1.5em
    }
}
.visual__button a::after{
    right:1.5em
}
@media screen and (max-width: 768px){
    .visual__button a{
        margin:0 auto;
        padding:1em 2.5em 1em 1.5em;
        font-size:1.33rem
    }
}
.visual__anniversary{
    width:fit-content;
    margin:0 0 0 auto;
    padding:3em 0;
    text-align:right
}
.visual__anniversary .head{
    width:6.11em;
    padding:0 0 .2rem
}
.visual__anniversary .body{
    line-height:1.8em;
    font:1.11em;
    font-weight:700
}
@media screen and (max-width: 768px){
    .visual{
        background-image:url("https://success.glginsights.com/rs/561-YYM-489/images/jpm_visual-sp.jpg")
    }
    .visual__inner{
        padding:10vw 0 25vw;
        position:relative
    }
    .visual__heading{
        font-size:1.56rem
    }
    .visual__heading br{
        display:block !important
    }
    .visual__text{
        max-width:none;
        padding:10vw 0 5vw;
        font-size:.88rem
    }
    .visual__button{
        margin:0 auto;
        position:absolute;
        bottom:5vw;
        right:0;
        left:0
    }
    .visual__anniversary{
        padding:0
    }
    .visual__anniversary .head{
        padding:0 0 .5rem
    }
    .visual__anniversary .body{
        font:1.11rem
    }
}
.contents{
    background:transparent;
    color:#000
}
.contents .video,.contents .map{
    width:100%;
    max-width:1000px;
    height:0;
    margin:0 auto;
    padding-top:56.25%;
    position:relative;
    overflow:hidden
}
.contents .video iframe,.contents .map iframe{
    width:100% !important;
    height:100% !important;
    position:absolute;
    top:0;
    left:0
}
.cv{
    background-color:#101328;
    color:white
}
.cv__inner{
    width:90vw;
    max-width:1000px;
    margin:0 auto;
    padding:2rem 0 3rem;
    text-align:center
}
.cv__heading{
    line-height:1.8em;
    font-size:1.11rem
}
.cv__text{
    padding:0 0 1rem;
    line-height:1.8em;
    font-size:1.33rem;
    font-weight:700
}
.cv__text br{
    display:none
}
.cv__button a{
    transition:all .2s ease-in-out;
    cursor:pointer;
    transition:all .2s ease-in-out;
    cursor:pointer;
    background-color:#d14f2b;
    width:fit-content;
    padding:.5em 2em .5em 1em;
    border-radius:10em;
    color:white;
    font-size:1.33rem;
    font-weight:700;
    display:block;
    position:relative;
    padding:.8em 2.5em .8em 1.5em;
    font-size:1.56rem;
    margin:0 auto
}
.cv__button a:hover{
    opacity:.7
}
@media screen and (max-width: 768px){
    .cv__button a:hover{
        opacity:1
    }
}
.cv__button a:hover{
    opacity:.7
}
@media screen and (max-width: 768px){
    .cv__button a:hover{
        opacity:1
    }
}
.cv__button a::after{
    content:'';
    width:.5em;
    height:.5em;
    border-right:3px solid white;
    border-bottom:3px solid white;
    display:block;
    position:absolute;
    top:calc(50% - .25em);
    right:1em;
    transform:rotate(-45deg)
}
.cv__button a .small{
    font-size:.67em;
    font-weight:400
}
@media screen and (max-width: 768px){
    .cv__button a{
        padding:1em 3em 1em 2em;
        font-size:1rem
    }
    .cv__button a::after{
        width:.6em;
        height:.6em;
        border-right-width:2px;
        border-bottom-width:2px;
        top:calc(50% - .4em);
        right:1.5em
    }
}
.cv__button a::after{
    right:1.5em
}
@media screen and (max-width: 768px){
    .cv__button a{
        margin:0 auto;
        padding:1em 2.5em 1em 1.5em;
        font-size:1.33rem
    }
}
@media screen and (max-width: 768px){
    .cv__inner{
        padding:5vw 0
    }
    .cv__heading{
        padding:0 0 .1rem;
        font-size:1rem
    }
    .cv__text{
        padding:0 0 1rem;
        font-size:1.2rem
    }
    .cv__text br{
        display:block
    }
}
.merit,.client,.about,.reason,.voice,.step,.faq{
    padding:3rem 0
}
@media screen and (max-width: 768px){
    .merit,.client,.about,.reason,.voice,.step,.faq{
        padding:8vw 0
    }
}
.merit__inner,.client__inner,.about__inner,.reason__inner,.voice__inner,.step__inner,.faq__inner{
    width:90vw;
    max-width:1000px;
    margin:0 auto
}
.merit__heading,.client__heading,.about__heading,.reason__heading,.voice__heading,.step__heading,.faq__heading{
    padding:0 0 2rem;
    line-height:1.8em;
    font-size:2.11rem;
    font-weight:700;
    text-align:center
}
@media screen and (max-width: 768px){
    .merit__heading,.client__heading,.about__heading,.reason__heading,.voice__heading,.step__heading,.faq__heading{
        padding:0 0 5vw;
        font-size:1.5rem
    }
}
.merit__text,.client__text,.about__text,.reason__text,.voice__text,.step__text,.faq__text{
    line-height:1.8em
}
.merit__image,.client__image,.about__image,.reason__image,.voice__image,.step__image,.faq__image{
    text-align:center
}
.merit__image img.circle,.client__image img.circle,.about__image img.circle,.reason__image img.circle,.voice__image img.circle,.step__image img.circle,.faq__image img.circle{
    border-radius:100%;
    overflow:hidden
}
.slide{
    overflow:hidden
}
.slide__inner{
    display:flex;
    position:relative
}
.slide__list{
    width:calc((2rem * 7) + (6.5rem + 9.44rem + 12.56rem + 7.94rem + 10.11rem + 11.17rem + 12.56rem));
    display:flex;
    align-items:center;
    animation:slide_item 20s linear infinite
}
.slide__list-item{
    padding:1rem;
    width:10rem
}
.slide__list-item01{
    width:6.5rem
}
.slide__list-item02{
    width:9.44rem
}
.slide__list-item03{
    width:12.56rem
}
.slide__list-item04{
    width:7.94rem
}
.slide__list-item05{
    width:10.11rem
}
.slide__list-item06{
    width:11.17rem
}
.slide__list-item07{
    width:12.56rem
}
@media screen and (max-width: 768px){
    .slide{
        padding:3vw 0
    }
    .slide__list-item{
        padding:3vw
    }
}
@keyframes slide_item{
    0%{
        transform:translateX(0)
    }
    100%{
        transform:translateX(-100%)
    }
}
.merit{
    background-color:#101328;
    color:white
}
.merit__heading{
    color:inherit
}
.merit__box{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap:1rem
}
.merit__box-item{
    background:white;
    border-radius:.5rem;
    padding:1rem;
    color:#000;
    position:relative
}
.merit__box-item::after{
    content:'';
    background:linear-gradient(to right top, transparent 50%, #d6b135 50%);
    width:2.5rem;
    height:2.5rem;
    border-radius:0 .4rem 0 0;
    display:block;
    position:absolute;
    top:.4rem;
    right:.4rem
}
.merit__box-item .number,.merit__box-item .heading{
    position:relative;
    z-index:2
}
.merit__box-item .number{
    padding:1rem 0 0;
    color:#d6b135;
    font-size:.88rem;
    font-weight:700;
    text-align:center
}
.merit__box-item .heading{
    margin:0 0 .5em;
    padding:0 0 .5em;
    border-bottom:1px solid #cbcbcb;
    line-height:1.8em;
    font-size:1.33rem;
    font-weight:700;
    text-align:center
}
.merit__box-item .text{
    line-height:1.8em;
    font-size:.88rem
}
.merit__box-item .small{
    padding:.5rem 0 0;
    line-height:1.8em;
    font-size:.77em;
    display:block
}
@media screen and (max-width: 768px){
    .merit__box{
        grid-template-columns:1fr;
        grid-gap:5vw
    }
    .merit__box-item{
        padding:5vw
    }
    .merit__box-item .heading{
        font-size:1.4rem
    }
    .merit__box-item .text{
        font-size:1rem
    }
}
.client{
    background-color:#f3f4f6
}
.client__list{
    width:fit-content;
    margin:0 auto
}
.client__list-item{
    margin:0 0 1rem;
    padding:0 0 0 .6em;
    border-left:0.4em solid #d6b135;
    line-height:1.8em;
    font-weight:700
}
.client__list-item:last-child{
    margin:0
}
.about{
    overflow:hidden
}
.about__heading{
    padding:0
}
.about__text{
    width:fit-content;
    margin:0 auto;
    padding:1rem 0 2rem;
    line-height:1.8em;
    font-size:1.33rem;
    font-weight:700;
    text-align:center
}
.about__text .marker{
    background:linear-gradient(transparent 0, transparent 70%, #f7f0d9 70%, #f7f0d9 100%)
}
.about__box{
    padding:0 0 0 50%;
    position:relative
}
.about__box::after{
    content:'';
    background-image:url("https://success.glginsights.com/rs/561-YYM-489/images/jpm_about_image.jpg");
    background-position:right top;
    background-repeat:no-repeat;
    background-size:cover;
    width:65%;
    height:100%;
    display:block;
    position:absolute;
    top:0;
    right:55%
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
    .about__box::after{
        background-image:url("https://success.glginsights.com/rs/561-YYM-489/images/jpm_about_image@2x.jpg")
    }
}
.about__box-item{
    padding:0 0 2rem
}
.about__box-item .number{
    font-weight:700;
    position:relative
}
.about__box-item .number::after{
    content:'';
    background:#000;
    width:calc(100% - 2rem);
    height:1px;
    display:block;
    position:absolute;
    top:50%;
    right:0
}
.about__box-item .heading{
    padding:.8rem 0;
    line-height:1.4;
    color:#d14f2b;
    font-size:1.33rem;
    font-weight:700
}
.about__box-item .text{
    line-height:1.8em
}
.about__box-item:last-child{
    padding:0
}
@media screen and (max-width: 768px){
    .about{
        padding-bottom:0
    }
    .about__text{
        padding:5vw 0 8vw;
        font-size:.88rem;
        font-weight:400
    }
    .about__box{
        padding:0;
        position:relative
    }
    .about__box::after{
        background-image:url("https://success.glginsights.com/rs/561-YYM-489/images/jpm_about_image-sp.jpg");
        background-position:right top;
        background-repeat:no-repeat;
        background-size:cover;
        width:100vw;
        height:56.88vw;
        margin:auto;
        position:relative;
        top:auto;
        right:5vw
    }
    .about__box-item{
        padding:0 0 5vw
    }
    .about__box-item .heading{
        font-size:1.4rem
    }
    .about__box-item:last-child{
        padding:0 0 8vw
    }
}
.reason__box{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap:2rem
}
.reason__box-item{
    position:relative
}
.reason__box-item .image{
    width:4.22rem;
    text-align:right;
    position:absolute;
    top:0;
    right:1rem
}
.reason__box-item .number,.reason__box-item .heading{
    position:relative;
    z-index:2
}
.reason__box-item .number{
    padding:1rem 0 0;
    color:#d6b135;
    font-weight:700
}
.reason__box-item .heading{
    margin:0 0 .5em;
    padding:0 0 .5em;
    border-bottom:1px solid #cbcbcb;
    line-height:1.4;
    font-size:1.33rem;
    font-weight:700
}
.reason__box-item .text{
    line-height:1.8em;
    font-size:.88rem
}
.reason__box-item .small{
    padding:.5rem 0 0;
    line-height:1.8em;
    font-size:.77em;
    display:block
}
@media screen and (max-width: 768px){
    .reason__box{
        grid-template-columns:1fr;
        grid-gap:vw
    }
    .reason__box-item .image{
        right:0
    }
    .reason__box-item .number{
        padding:0 0 2vw
    }
    .reason__box-item .heading{
        font-size:1.4rem
    }
    .reason__box-item .text{
        font-size:1rem
    }
}
.voice{
    background-color:#f3f4f6
}
.voice__box{
    filter:drop-shadow(4px 4px 8px rgba(0,0,0,0.1));
    background-color:white;
    margin:0 0 2rem;
    padding:2rem;
    border-radius:.5rem;
    display:grid;
    grid-template-columns:calc(100% - 28% - 2rem) 28%;
    grid-gap:0 2rem
}
@media screen and (max-width: 768px){
    .voice__box{
        filter:drop-shadow(2px 2px 4px rgba(0,0,0,0.1))
    }
}
.voice__box .list{
    grid-column:1 / 3;
    padding:0 0 1.5rem
}
.voice__box .list .head{
    line-height:1.8em;
    font-size:1.11rem;
    font-weight:700
}
.voice__box .list .body{
    padding:.3rem 0 0;
    line-height:1.6;
    font-size:.88rem
}
.voice__box .heading{
    grid-column:1 / 2;
    line-height:1.8em;
    color:#d14f2b;
    font-size:1.33rem;
    font-weight:700
}
.voice__box .text{
    grid-column:1 / 2;
    padding:.3rem 0 0;
    line-height:1.8em
}
.voice__box .image{
    grid-column:2 / 3;
    grid-row:2 / 4
}
.voice__box:last-child{
    margin:0
}
@media screen and (max-width: 768px){
    .voice__box{
        margin:0 0 5vw;
        padding:5vw;
        grid-template-columns:1fr;
        grid-gap:0
    }
    .voice__box .list{
        grid-column:auto;
        grid-row:1 / 2;
        padding:0
    }
    .voice__box .list .head{
        font-size:1rem
    }
    .voice__box .list .body{
        line-height:1.8em
    }
    .voice__box .heading{
        grid-column:auto;
        grid-row:3 / 4;
        font-size:1.2rem
    }
    .voice__box .text{
        grid-column:auto;
        grid-row:4 / 5
    }
    .voice__box .image{
        grid-column:auto;
        grid-row:2 / 3;
        padding:3vw 0
    }
    .voice__box:last-child{
        margin:0
    }
}
.step{
    overflow:hidden
}
.step__inner{
    max-width:800px
}
.step__box{
    width:calc(100% - 2.5rem);
    margin:0 0 0 auto
}
.step__box-item{
    background-color:#f3f4f6;
    margin:0 0 1rem;
    padding:1rem 1rem 1rem 4rem;
    border:1px solid #536174;
    position:relative
}
.step__box-item .number{
    background:#536174;
    width:5rem;
    height:5rem;
    padding:.8rem 0 0;
    border-radius:10em;
    line-height:1.2;
    color:white;
    font-weight:700;
    text-align:center;
    display:block;
    position:absolute;
    top:50%;
    left:-2.5rem;
    transform:translateY(-50%)
}
.step__box-item .number .large{
    font-size:1.33em
}
.step__box-item .number .large::before{
    content:'\A';
    white-space:pre
}
.step__box-item .heading{
    line-height:1.6;
    font-size:1.56rem;
    font-weight:700
}
.step__box-item .text{
    padding:.5rem 0 0;
    line-height:1.8em
}
.step__box-item:last-child{
    margin:0
}
@media screen and (max-width: 768px){
    .step__box{
        width:100%;
        margin:0
    }
    .step__box-item{
        margin:0 0 5vw;
        padding:5vw 5vw 5vw 4rem
    }
    .step__box-item .number{
        left:-2rem
    }
    .step__box-item .heading{
        font-size:1.2rem
    }
    .step__box-item:last-child{
        margin:0
    }
}
.faq{
    background-color:#f3f4f6
}
.faq__list{
    max-width:800px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr
}
.faq__list-item{
    margin:0 0 1rem;
    padding:0 0 1rem;
    border-bottom:1px solid #536174
}
.faq__list-item:last-child{
    margin:0;
    padding:0;
    border-bottom:none
}
.faq__list-item .head,.faq__list-item .body{
    line-height:1.8em;
    display:flex;
    align-items:flex-start;
    position:relative
}
.faq__list-item .head{
    padding:0 0 .5rem;
    border-radius:.5rem;
    color:#536174;
    font-size:1.11rem;
    font-weight:700
}
.faq__list-item .body{
    font-size:1rem
}
.faq__list-item .icon{
    padding:0 1rem 0 0;
    font-size:1.33rem;
    font-weight:700;
    display:block
}
.faq__list-item .icon-q{
    color:#536174
}
.faq__list-item .icon-a{
    color:#101328
}
.faq__list-item a{
    color:#d14f2b;
    border-bottom:1px solid #d14f2b
}
.footer{
    background:#fff;
    color:#000
}
.company{
    width:90vw;
    max-width:1000px;
    margin:0 auto;
    padding:3rem 0
}
.company__heading{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.company__heading .logo{
    width:13%;
    max-width:6.88rem
}
.company__heading .main{
    width:calc(100% - 13% - 2rem);
    padding:.5rem 0 .5rem 1rem;
    border-left:3px solid #000;
    line-height:1.8em;
    font-size:1.33rem;
    font-weight:700
}
.company__list{
    padding:3rem 0 0;
    line-height:1.8em;
    font-weight:700;
    display:flex
}
.company__list-item{
    display:flex;
    flex-flow:wrap
}
.company__list-item .head{
    width:5rem
}
.company__list-item .head span{
    border-bottom:1px dashed #000;
    text-align:center;
    display:block
}
.company__list-item .body{
    width:calc(100% - 5rem);
    padding:0 0 0 1rem;
    font-size:.88rem
}
@media screen and (max-width: 768px){
    .company{
        padding:8vw 0
    }
    .company__heading .logo{
        width:14vw;
        max-width:none
    }
    .company__heading .main{
        width:74vw;
        padding:1vw 0 1vw 2vw;
        font-size:.9rem
    }
    .company__list{
        padding:8vw 0 0;
        flex-flow:wrap
    }
    .company__list-item{
        width:100%
    }
    .company__list-item .head{
        width:5rem
    }
    .company__list-item .body{
        width:calc(100% - 5rem);
        padding:0 0 0 4vw;
        line-height:1.8em;
        font-size:.88rem
    }
}
.copyright{
    background:#101328;
    padding:.5rem 0;
    color:white
}
.copyright__text{
    width:90vw;
    max-width:1000px;
    margin:0 auto;
    line-height:1.8em;
    font-size:.88rem;
    font-weight:500;
    text-align:center
}
@media screen and (max-width: 768px){
    .copyright__text{
        width:100%;
        font-size:.7rem
    }
}
.floating{
    width:100%
}
.floating .pagetop{
    position:fixed;
    bottom:1rem;
    right:1rem
}
.floating .pagetop a{
    transition:all .2s ease-in-out;
    background:#d6b135;
    padding:1rem;
    border-radius:10px;
    color:white;
    font-size:.88rem;
    display:inline-block;
    z-index:200;
    position:relative;
    opacity:.7
}
.floating .pagetop a::before{
    content:'';
    width:2rem;
    height:2rem;
    margin:.5rem auto 0;
    border-top:solid .3rem white;
    border-left:solid .3rem white;
    display:block;
    transform:rotate(45deg)
}
.floating .pagetop a:hover{
    opacity:1
}