@charset "utf-8";
@font-face {
    font-family: "MyriadPro"; 
    src: url("../fonts/MyriadPro-Bold.otf") format("opentype"); 
    font-display: swap; 

}

.alc {
    text-align: center !important;
}
.all {
    text-align: left !important;
}
.alr {
    text-align: right !important;
}
.floatL {
    float: left;
}
.floatR {
    float: right;
}
.clr {
    zoom: 1;
}
.clr:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
}
.clearboth {
    clear: both !important;
}
.pc {
    display: block;
}
.sp {
    display: none;
}
/* font */
.fs-12{
    font-size: .12rem;
}
.fs-14{
    font-size: .14rem;
}
.fs-16{
    font-size: .16rem;
}
.fs-18{
    font-size: .18rem;
}
.fs-20{
    font-size: .2rem;
}
.fs-22{
    font-size: .22rem;
}
.fs-24{
    font-size: .24rem;
}
.fs-28{
    font-size: .28rem;
}
.fs-36{
    font-size: .36rem;
}
.fs-40{
    font-size: .40rem;
}
.fs-48{
    font-size: .48rem;
}
.fs-60{
    font-size: .60rem;
}
.fs-75{
    font-size: .75rem;
}
.fs-85{
    font-size: .85rem;
}
/* font family */
.f-min{
    font-family: "Zen Old Mincho",'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -.02em;
}
.f-gothic{
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Myriad Pro, Myriad, Arial, sans-serif;
}
.f-en{
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Myriad Pro, Myriad, Arial, sans-serif;
    letter-spacing: .01rem;
}
.f-en.myriad-pro, .c-sub__head-ttl--en.myriad-pro, .myriad-pro{
    font-family: "MyriadPro","Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Myriad, Arial, sans-serif;
    font-weight: bold;
}
.f-en-head{
    letter-spacing: .03rem;
}
/* font weight*/
.fw-3{
    font-weight: 300;
}
.fw-4{
    font-weight: 400;
}
.fw-5{
    font-weight: 500;
}
.fw-6{
    font-weight: 600;
}
.fw-7{
    font-weight: 700;
}
/* line hight */
.lh-14{
    line-height: 1.4;
}
.lh-16{
    line-height: 1.6;
}
.lh-18{
    line-height: 1.8;
}
.lh-2{
    line-height: 2;
}
.lh-23{
    line-height: 2.3;
}
.lh-25{
    line-height: 2.5;
}
/* color */
.green{
    color: #86ba00;
}
.white{
    color: #fff;
}
@media only screen and (max-width: 1024px) {
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    .fs-12{
        font-size: calc((.12rem * 100 / 50) * 1);
    }
    .fs-14{
        font-size: calc((.14rem * 100 / 50) * 0.9);
    }
    .fs-16{
        font-size: calc((.16rem * 100 / 50) * 0.9);
    }
    .fs-18{
        font-size: calc((.18rem * 100 / 50) * 0.9);
    }
    .fs-20{
        font-size: calc((.2rem * 100 / 50) * 0.9);
    }
    .fs-22{
        font-size: calc((.22rem * 100 / 50) * 0.9);
    }
    .fs-24{
        font-size: calc((.24rem * 100 / 50) * 0.8);
    }
    .fs-28{
        font-size: calc((.28rem * 100 / 50) * 0.7);
    }
    .fs-36{
        font-size: calc((.36rem * 100 / 50) * 0.6);
    }
    .fs-40{
        font-size: calc((.4rem * 100 / 50) * 0.6);
    }
    .fs-48{
        font-size: calc((.48rem * 100 / 50) * 0.6);
    }
    .fs-60{
        font-size: calc((.60rem * 100 / 50) * 0.6);
    }
    .fs-75{
        font-size: calc((.75rem * 100 / 50) * 0.6);
    }
    .fs-85{
        font-size: calc((.85rem * 100 / 50) * 0.6);
    }
    .f-min{
        font-weight: 700;
    }
    .lh-2{
        line-height: 1.8;
    }
    .lh-23{
        line-height: 2.1;
    }
    .lh-25{
        line-height: 2.1;
    }
}