html {
    /*font-size: clamp(0.4rem, calc(0.15vw + 0.4rem), 0.8rem);*/
    font-size:0.5vw;
}

body {
    font-family:"Noto Sans JP","Yu Gothic",YuGothic,"游ゴシック Medium","游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;color:#222;font-size:.81rem;font-weight:400;letter-spacing:1px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out
}

.notoserif {
    font-family:'Noto Serif JP',serif;-webkit-text-size-adjust:none;
}

.slider{
    width:100%;
    margin:0 auto;
    overflow-y: hidden;
}
.slider .slick-slide{ height:auto!important; }

.slider .slick-dots{
    width: 50px;
    right: 2em;
    bottom: initial;
    top: 50%;
    transform: translateY(-50%);
}

.slick-dots li{
	height:40px!important;
}

.slick-dots li button:before{
    content:'';
    background-color: transparent;
    background-image: url("./../img/pagenation-circle.png");
    background-repeat: no-repeat;
    background-size: contain;
}

a {
    text-decoration: none;
}

img.w110 {
    width: 110%;
}

img.w100 {
    width: 100%;
}

img.w90 {
    width: 90%;
}

img.w80 {
    width: 80%;
}

img.w70 {
    width: 70%;
}

img.w60 {
    width: 60%;
}

img.w50 {
    width: 50%;
}

img.w40 {
    width: 40%;
}

img.w35 {
    width: 35%;
}

img.w30 {
    width: 30%;
}

img.w25 {
    width: 25%;
}

img.w20 {
    width: 20%;
}

img.w15 {
    width: 15%;
}

img.w10 {
    width: 10%;
}

img.sns {
    width: 2%;
}

.f23{
    font-size:2.3rem;
}

.f21{
    font-size:2.1rem;
}

.f20{
    font-size:2.0rem;
}

.f16{
    font-size:1.6rem;
}

.f15{
    font-size:1.5rem;
}

.f14{
    font-size:1.4rem;
}

.f12{
    font-size:1.2rem;
}

.f10{
    font-size:1.0rem;
}


.f9{
    font-size:0.9rem;
}

.white {
    color: white;
}

.green {
    color:#009444;
}

.blue {
    color: #0075BD;
}

.bbeige{
    background-color: #FEFBE7;
}

.sm-only {
    display:none;
}

.pc-only {
    display: block;
}

@media screen and (max-width: 480px) {

    html{
        /*font-size: clamp(1.0rem, calc(0.35vw + 1.0rem), 2.0rem);*/
        font-size:2.5vw;
    }

    img.sns {
        width: 5%;
    }

    .sm-only {
        display:block;
    }
    
    .pc-only {
        display: none;
    }

}