html{
    font-family: 'Escoredream';
    font-size: var(--basic-font-pc)
}

h1{
    font-size: var(--fs-h1);
    font-weight: var(--fw-bold);
}
h2{
    font-size: var(--fs-h2);
    font-weight: var(--fw-bold);
}

h3{
    font-size: var(--fs-h3);
    font-weight: var(--fw-bold);
}

h4{
    font-size: var(--fs-h4);
    font-weight: var(--fw-bold);
}

p{
    line-height: 140%;
}
.b2{
    font-size: var(--fs-bd2);
}
.de{
    font-size: var(--fs-det);
}

.common-frame{
    width: 1440px;
    margin: 0 auto;
}

.mo{display: none;}
.tab{display: none;}
.pc{display: block;}

.sns{
    display: flex;
    gap: 1rem;
}

main{
    margin-top: 100px;
}

@media (max-width:1440px){
    main{
        margin-top: 5rem;
    }
    html{
        font-size: var(--basic-font-tab);
    }
    .common-frame{
        width: auto;
        margin: 0 2rem;
    }
    .mo{display: none;}
    .tab{display: block;}
    .pc{display: none;}

}

@media (max-width:768px){
    .mo {display: block;}
    .tab{display: none;}
    .pc{display: none;}
    html{
        font-size: var(--basic-font-mo);
    }
     .common-frame{
        width: auto;
        margin: 0 1rem;
    }
}