/**************************+*******
初期設定部分
**************************+*******/

/* 変数設定 */
:root{
    /* 変数を出力する場合は var(変数名) */
    /*
    * --c1：最も使われる差し色。でテキストのホバー時や single.php の見出し下線もこの色になる。
    * --c2-5：自由枠
    * --cb：基本的なテキストや黒色部分の色
    * --cf：お問い合わせinput部分の枠の色
    * --cr：お問い合わせ必須や再入力部分の色
    */

    --c1: #143066;
    --c2: #F2A100;
    --c3: #F9F7EF;
    --c4: green;
    --c5: green;
    --c6: green;
    --c7: green;
    --c8: green;
    --cb: #333333;
    --cbk: #000000;
    --cr: #BE272D;
    --cw: #FFFFFF;
    /* --cf: #cccccc; */
    --fsper01: 0.975;
    /* --fsper02: 50; */
    --fsper02: 46;
    /* --fsper03: 20; */
    --fsper03: 16;
    --mgper01: 0.8;
    --mgper02: 0.6;
}

/**************************+*******
配色
**************************+*******/

/* color */

.c1/* ,.c1 a */{color: var(--c1);}
.c2/* ,.c2 a */{color: var(--c2);}
.c3/* ,.c3 a */{color: var(--c3);}
.c4/* ,.c4 a */{color: var(--c4);}
.c5/* ,.c5 a */{color: var(--c5);}
.c6/* ,.c6 a */{color: var(--c6);}
.c7/* ,.c7 a */{color: var(--c7);}
.cb/* ,.cb a */{color: var(--cb);}
.cbk/* ,.cbk a */{color: var(--cbk);}
.cr/* ,.cr a */{color: var(--cr);}
.cw/* ,.cw a */{color: var(--cw);}

/* bg */

.bgc1{background-color: var(--c1);}
.bgc2{background-color: var(--c2);}
.bgc3{background-color: var(--c3);}
.bgc4{background-color: var(--c4);}
.bgc5{background-color: var(--c5);}
.bgc6{background-color: var(--c6);}
.bgc7{background-color: var(--c7);}
.bgcb{background-color: var(--cb);}
.bgcbk{background-color: var(--cbk);}
.bgcr{background-color: var(--cr);}
.bgcw{background-color: var(--cw);}

/**************************+*******
テキスト関連
**************************+*******/

/* font-size */
.fs10 {
    font-size: calc(10rem * .1);
}

.fs11 {
    font-size: calc(11rem * .1);
}

.fs12 {
    font-size: calc(12rem * .1);
}

.fs13 {
    font-size: calc(13rem * .1);
}

.fs14 {
    font-size: calc(14rem * .1);
}

.fs15 {
    font-size: calc(15rem * .1);
}

.fs16 {
    font-size: calc(16rem * .1);
}
@media screen and (max-width: 800px) {
    .fs16 {
    font-size: calc(16rem * .1 * (var(--fsper01) - 16 / 10 / var(--fsper02)));
    }
}

.fs17 {
    font-size: calc(17rem * .1);
}
@media screen and (max-width: 800px) {
    .fs17 {
    font-size: calc(17rem * .1 * (var(--fsper01) - 17 / 10 / var(--fsper02)));
    }
}

.fs18 {
    font-size: calc(18rem * .1);
}
@media screen and (max-width: 800px) {
    .fs18 {
    font-size: calc(18rem * .1 * (var(--fsper01) - 18 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs18 {
    font-size: calc(18rem * .1 * (var(--fsper01) - 18 / 10 / var(--fsper03)));
    }
}

.fs19 {
    font-size: calc(19rem * .1);
}
@media screen and (max-width: 800px) {
    .fs19 {
    font-size: calc(19rem * .1 * (var(--fsper01) - 19 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs19 {
    font-size: calc(19rem * .1 * (var(--fsper01) - 19 / 10 / var(--fsper03)));
    }
}

.fs20 {
    font-size: calc(20rem * .1);
}
@media screen and (max-width: 800px) {
    .fs20 {
    font-size: calc(20rem * .1 * (var(--fsper01) - 20 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs20 {
    font-size: calc(20rem * .1 * (var(--fsper01) - 20 / 10 / var(--fsper03)));
    }
}

.fs21 {
    font-size: calc(21rem * .1);
}
@media screen and (max-width: 800px) {
    .fs21 {
    font-size: calc(21rem * .1 * (var(--fsper01) - 21 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs21 {
    font-size: calc(21rem * .1 * (var(--fsper01) - 21 / 10 / var(--fsper03)));
    }
}

.fs22 {
    font-size: calc(22rem * .1);
}
@media screen and (max-width: 800px) {
    .fs22 {
    font-size: calc(22rem * .1 * (var(--fsper01) - 22 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs22 {
    font-size: calc(22rem * .1 * (var(--fsper01) - 22 / 10 / var(--fsper03)));
    }
}

.fs23 {
    font-size: calc(23rem * .1);
}
@media screen and (max-width: 800px) {
    .fs23 {
    font-size: calc(23rem * .1 * (var(--fsper01) - 23 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs23 {
    font-size: calc(23rem * .1 * (var(--fsper01) - 23 / 10 / var(--fsper03)));
    }
}

.fs24 {
    font-size: calc(24rem * .1);
}
@media screen and (max-width: 800px) {
    .fs24 {
    font-size: calc(24rem * .1 * (var(--fsper01) - 24 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs24 {
    font-size: calc(24rem * .1 * (var(--fsper01) - 24 / 10 / var(--fsper03)));
    }
}

.fs25 {
    font-size: calc(25rem * .1);
}
@media screen and (max-width: 800px) {
    .fs25 {
    font-size: calc(25rem * .1 * (var(--fsper01) - 25 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs25 {
    font-size: calc(25rem * .1 * (var(--fsper01) - 25 / 10 / var(--fsper03)));
    }
}

.fs26 {
    font-size: calc(26rem * .1);
}
@media screen and (max-width: 800px) {
    .fs26 {
    font-size: calc(26rem * .1 * (var(--fsper01) - 26 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs26 {
    font-size: calc(26rem * .1 * (var(--fsper01) - 26 / 10 / var(--fsper03)));
    }
}

.fs27 {
    font-size: calc(27rem * .1);
}
@media screen and (max-width: 800px) {
    .fs27 {
    font-size: calc(27rem * .1 * (var(--fsper01) - 27 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs27 {
    font-size: calc(27rem * .1 * (var(--fsper01) - 27 / 10 / var(--fsper03)));
    }
}

.fs28 {
    font-size: calc(28rem * .1);
}
@media screen and (max-width: 800px) {
    .fs28 {
    font-size: calc(28rem * .1 * (var(--fsper01) - 28 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs28 {
    font-size: calc(28rem * .1 * (var(--fsper01) - 28 / 10 / var(--fsper03)));
    }
}

.fs29 {
    font-size: calc(29rem * .1);
}
@media screen and (max-width: 800px) {
    .fs29 {
    font-size: calc(29rem * .1 * (var(--fsper01) - 29 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs29 {
    font-size: calc(29rem * .1 * (var(--fsper01) - 29 / 10 / var(--fsper03)));
    }
}

.fs30 {
    font-size: calc(30rem * .1);
}
@media screen and (max-width: 800px) {
    .fs30 {
    font-size: calc(30rem * .1 * (var(--fsper01) - 30 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs30 {
    font-size: calc(30rem * .1 * (var(--fsper01) - 30 / 10 / var(--fsper03)));
    }
}

.fs31 {
    font-size: calc(31rem * .1);
}
@media screen and (max-width: 800px) {
    .fs31 {
    font-size: calc(31rem * .1 * (var(--fsper01) - 31 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs31 {
    font-size: calc(31rem * .1 * (var(--fsper01) - 31 / 10 / var(--fsper03)));
    }
}

.fs32 {
    font-size: calc(32rem * .1);
}
@media screen and (max-width: 800px) {
    .fs32 {
    font-size: calc(32rem * .1 * (var(--fsper01) - 32 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs32 {
    font-size: calc(32rem * .1 * (var(--fsper01) - 32 / 10 / var(--fsper03)));
    }
}

.fs33 {
    font-size: calc(33rem * .1);
}
@media screen and (max-width: 800px) {
    .fs33 {
    font-size: calc(33rem * .1 * (var(--fsper01) - 33 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs33 {
    font-size: calc(33rem * .1 * (var(--fsper01) - 33 / 10 / var(--fsper03)));
    }
}

.fs34 {
    font-size: calc(34rem * .1);
}
@media screen and (max-width: 800px) {
    .fs34 {
    font-size: calc(34rem * .1 * (var(--fsper01) - 34 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs34 {
    font-size: calc(34rem * .1 * (var(--fsper01) - 34 / 10 / var(--fsper03)));
    }
}

.fs35 {
    font-size: calc(35rem * .1);
}
@media screen and (max-width: 800px) {
    .fs35 {
    font-size: calc(35rem * .1 * (var(--fsper01) - 35 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs35 {
    font-size: calc(35rem * .1 * (var(--fsper01) - 35 / 10 / var(--fsper03)));
    }
}

.fs36 {
    font-size: calc(36rem * .1);
}
@media screen and (max-width: 800px) {
    .fs36 {
    font-size: calc(36rem * .1 * (var(--fsper01) - 36 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs36 {
    font-size: calc(36rem * .1 * (var(--fsper01) - 36 / 10 / var(--fsper03)));
    }
}

.fs37 {
    font-size: calc(37rem * .1);
}
@media screen and (max-width: 800px) {
    .fs37 {
    font-size: calc(37rem * .1 * (var(--fsper01) - 37 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs37 {
    font-size: calc(37rem * .1 * (var(--fsper01) - 37 / 10 / var(--fsper03)));
    }
}

.fs38 {
    font-size: calc(38rem * .1);
}
@media screen and (max-width: 800px) {
    .fs38 {
    font-size: calc(38rem * .1 * (var(--fsper01) - 38 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs38 {
    font-size: calc(38rem * .1 * (var(--fsper01) - 38 / 10 / var(--fsper03)));
    }
}

.fs39 {
    font-size: calc(39rem * .1);
}
@media screen and (max-width: 800px) {
    .fs39 {
    font-size: calc(39rem * .1 * (var(--fsper01) - 39 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs39 {
    font-size: calc(39rem * .1 * (var(--fsper01) - 39 / 10 / var(--fsper03)));
    }
}

.fs40 {
    font-size: calc(40rem * .1);
}
@media screen and (max-width: 800px) {
    .fs40 {
    font-size: calc(40rem * .1 * (var(--fsper01) - 40 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs40 {
    font-size: calc(40rem * .1 * (var(--fsper01) - 40 / 10 / var(--fsper03)));
    }
}

.fs41 {
    font-size: calc(41rem * .1);
}
@media screen and (max-width: 800px) {
    .fs41 {
    font-size: calc(41rem * .1 * (var(--fsper01) - 41 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs41 {
    font-size: calc(41rem * .1 * (var(--fsper01) - 41 / 10 / var(--fsper03)));
    }
}

.fs42 {
    font-size: calc(42rem * .1);
}
@media screen and (max-width: 800px) {
    .fs42 {
    font-size: calc(42rem * .1 * (var(--fsper01) - 42 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs42 {
    font-size: calc(42rem * .1 * (var(--fsper01) - 42 / 10 / var(--fsper03)));
    }
}

.fs43 {
    font-size: calc(43rem * .1);
}
@media screen and (max-width: 800px) {
    .fs43 {
    font-size: calc(43rem * .1 * (var(--fsper01) - 43 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs43 {
    font-size: calc(43rem * .1 * (var(--fsper01) - 43 / 10 / var(--fsper03)));
    }
}

.fs44 {
    font-size: calc(44rem * .1);
}
@media screen and (max-width: 800px) {
    .fs44 {
    font-size: calc(44rem * .1 * (var(--fsper01) - 44 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs44 {
    font-size: calc(44rem * .1 * (var(--fsper01) - 44 / 10 / var(--fsper03)));
    }
}

.fs45 {
    font-size: calc(45rem * .1);
}
@media screen and (max-width: 800px) {
    .fs45 {
    font-size: calc(45rem * .1 * (var(--fsper01) - 45 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs45 {
    font-size: calc(45rem * .1 * (var(--fsper01) - 45 / 10 / var(--fsper03)));
    }
}

.fs46 {
    font-size: calc(46rem * .1);
}
@media screen and (max-width: 800px) {
    .fs46 {
    font-size: calc(46rem * .1 * (var(--fsper01) - 46 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs46 {
    font-size: calc(46rem * .1 * (var(--fsper01) - 46 / 10 / var(--fsper03)));
    }
}

.fs47 {
    font-size: calc(47rem * .1);
}
@media screen and (max-width: 800px) {
    .fs47 {
    font-size: calc(47rem * .1 * (var(--fsper01) - 47 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs47 {
    font-size: calc(47rem * .1 * (var(--fsper01) - 47 / 10 / var(--fsper03)));
    }
}

.fs48 {
    font-size: calc(48rem * .1);
}
@media screen and (max-width: 800px) {
    .fs48 {
    font-size: calc(48rem * .1 * (var(--fsper01) - 48 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs48 {
    font-size: calc(48rem * .1 * (var(--fsper01) - 48 / 10 / var(--fsper03)));
    }
}

.fs49 {
    font-size: calc(49rem * .1);
}
@media screen and (max-width: 800px) {
    .fs49 {
    font-size: calc(49rem * .1 * (var(--fsper01) - 49 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs49 {
    font-size: calc(49rem * .1 * (var(--fsper01) - 49 / 10 / var(--fsper03)));
    }
}

.fs50 {
    font-size: calc(50rem * .1);
}
@media screen and (max-width: 800px) {
    .fs50 {
    font-size: calc(50rem * .1 * (var(--fsper01) - 50 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs50 {
    font-size: calc(50rem * .1 * (var(--fsper01) - 50 / 10 / var(--fsper03)));
    }
}

.fs51 {
    font-size: calc(51rem * .1);
}
@media screen and (max-width: 800px) {
    .fs51 {
    font-size: calc(51rem * .1 * (var(--fsper01) - 51 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs51 {
    font-size: calc(51rem * .1 * (var(--fsper01) - 51 / 10 / var(--fsper03)));
    }
}

.fs52 {
    font-size: calc(52rem * .1);
}
@media screen and (max-width: 800px) {
    .fs52 {
    font-size: calc(52rem * .1 * (var(--fsper01) - 52 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs52 {
    font-size: calc(52rem * .1 * (var(--fsper01) - 52 / 10 / var(--fsper03)));
    }
}

.fs53 {
    font-size: calc(53rem * .1);
}
@media screen and (max-width: 800px) {
    .fs53 {
    font-size: calc(53rem * .1 * (var(--fsper01) - 53 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs53 {
    font-size: calc(53rem * .1 * (var(--fsper01) - 53 / 10 / var(--fsper03)));
    }
}

.fs54 {
    font-size: calc(54rem * .1);
}
@media screen and (max-width: 800px) {
    .fs54 {
    font-size: calc(54rem * .1 * (var(--fsper01) - 54 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs54 {
    font-size: calc(54rem * .1 * (var(--fsper01) - 54 / 10 / var(--fsper03)));
    }
}

.fs55 {
    font-size: calc(55rem * .1);
}
@media screen and (max-width: 800px) {
    .fs55 {
    font-size: calc(55rem * .1 * (var(--fsper01) - 55 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs55 {
    font-size: calc(55rem * .1 * (var(--fsper01) - 55 / 10 / var(--fsper03)));
    }
}

.fs56 {
    font-size: calc(56rem * .1);
}
@media screen and (max-width: 800px) {
    .fs56 {
    font-size: calc(56rem * .1 * (var(--fsper01) - 56 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs56 {
    font-size: calc(56rem * .1 * (var(--fsper01) - 56 / 10 / var(--fsper03)));
    }
}

.fs57 {
    font-size: calc(57rem * .1);
}
@media screen and (max-width: 800px) {
    .fs57 {
    font-size: calc(57rem * .1 * (var(--fsper01) - 57 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs57 {
    font-size: calc(57rem * .1 * (var(--fsper01) - 57 / 10 / var(--fsper03)));
    }
}

.fs58 {
    font-size: calc(58rem * .1);
}
@media screen and (max-width: 800px) {
    .fs58 {
    font-size: calc(58rem * .1 * (var(--fsper01) - 58 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs58 {
    font-size: calc(58rem * .1 * (var(--fsper01) - 58 / 10 / var(--fsper03)));
    }
}

.fs59 {
    font-size: calc(59rem * .1);
}
@media screen and (max-width: 800px) {
    .fs59 {
    font-size: calc(59rem * .1 * (var(--fsper01) - 59 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs59 {
    font-size: calc(59rem * .1 * (var(--fsper01) - 59 / 10 / var(--fsper03)));
    }
}

.fs60 {
    font-size: calc(60rem * .1);
}
@media screen and (max-width: 800px) {
    .fs60 {
    font-size: calc(60rem * .1 * (var(--fsper01) - 60 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs60 {
    font-size: calc(60rem * .1 * (var(--fsper01) - 60 / 10 / var(--fsper03)));
    }
}

.fs61 {
    font-size: calc(61rem * .1);
}
@media screen and (max-width: 800px) {
    .fs61 {
    font-size: calc(61rem * .1 * (var(--fsper01) - 61 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs61 {
    font-size: calc(61rem * .1 * (var(--fsper01) - 61 / 10 / var(--fsper03)));
    }
}

.fs62 {
    font-size: calc(62rem * .1);
}
@media screen and (max-width: 800px) {
    .fs62 {
    font-size: calc(62rem * .1 * (var(--fsper01) - 62 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs62 {
    font-size: calc(62rem * .1 * (var(--fsper01) - 62 / 10 / var(--fsper03)));
    }
}

.fs63 {
    font-size: calc(63rem * .1);
}
@media screen and (max-width: 800px) {
    .fs63 {
    font-size: calc(63rem * .1 * (var(--fsper01) - 63 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs63 {
    font-size: calc(63rem * .1 * (var(--fsper01) - 63 / 10 / var(--fsper03)));
    }
}

.fs64 {
    font-size: calc(64rem * .1);
}
@media screen and (max-width: 800px) {
    .fs64 {
    font-size: calc(64rem * .1 * (var(--fsper01) - 64 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs64 {
    font-size: calc(64rem * .1 * (var(--fsper01) - 64 / 10 / var(--fsper03)));
    }
}

.fs65 {
    font-size: calc(65rem * .1);
}
@media screen and (max-width: 800px) {
    .fs65 {
    font-size: calc(65rem * .1 * (var(--fsper01) - 65 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs65 {
    font-size: calc(65rem * .1 * (var(--fsper01) - 65 / 10 / var(--fsper03)));
    }
}

.fs66 {
    font-size: calc(66rem * .1);
}
@media screen and (max-width: 800px) {
    .fs66 {
    font-size: calc(66rem * .1 * (var(--fsper01) - 66 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs66 {
    font-size: calc(66rem * .1 * (var(--fsper01) - 66 / 10 / var(--fsper03)));
    }
}

.fs67 {
    font-size: calc(67rem * .1);
}
@media screen and (max-width: 800px) {
    .fs67 {
    font-size: calc(67rem * .1 * (var(--fsper01) - 67 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs67 {
    font-size: calc(67rem * .1 * (var(--fsper01) - 67 / 10 / var(--fsper03)));
    }
}

.fs68 {
    font-size: calc(68rem * .1);
}
@media screen and (max-width: 800px) {
    .fs68 {
    font-size: calc(68rem * .1 * (var(--fsper01) - 68 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs68 {
    font-size: calc(68rem * .1 * (var(--fsper01) - 68 / 10 / var(--fsper03)));
    }
}

.fs69 {
    font-size: calc(69rem * .1);
}
@media screen and (max-width: 800px) {
    .fs69 {
    font-size: calc(69rem * .1 * (var(--fsper01) - 69 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs69 {
    font-size: calc(69rem * .1 * (var(--fsper01) - 69 / 10 / var(--fsper03)));
    }
}

.fs70 {
    font-size: calc(70rem * .1);
}
@media screen and (max-width: 800px) {
    .fs70 {
    font-size: calc(70rem * .1 * (var(--fsper01) - 70 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs70 {
    font-size: calc(70rem * .1 * (var(--fsper01) - 70 / 10 / var(--fsper03)));
    }
}

.fs71 {
    font-size: calc(71rem * .1);
}
@media screen and (max-width: 800px) {
    .fs71 {
    font-size: calc(71rem * .1 * (var(--fsper01) - 71 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs71 {
    font-size: calc(71rem * .1 * (var(--fsper01) - 71 / 10 / var(--fsper03)));
    }
}

.fs72 {
    font-size: calc(72rem * .1);
}
@media screen and (max-width: 800px) {
    .fs72 {
    font-size: calc(72rem * .1 * (var(--fsper01) - 72 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs72 {
    font-size: calc(72rem * .1 * (var(--fsper01) - 72 / 10 / var(--fsper03)));
    }
}

.fs73 {
    font-size: calc(73rem * .1);
}
@media screen and (max-width: 800px) {
    .fs73 {
    font-size: calc(73rem * .1 * (var(--fsper01) - 73 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs73 {
    font-size: calc(73rem * .1 * (var(--fsper01) - 73 / 10 / var(--fsper03)));
    }
}

.fs74 {
    font-size: calc(74rem * .1);
}
@media screen and (max-width: 800px) {
    .fs74 {
    font-size: calc(74rem * .1 * (var(--fsper01) - 74 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs74 {
    font-size: calc(74rem * .1 * (var(--fsper01) - 74 / 10 / var(--fsper03)));
    }
}

.fs75 {
    font-size: calc(75rem * .1);
}
@media screen and (max-width: 800px) {
    .fs75 {
    font-size: calc(75rem * .1 * (var(--fsper01) - 75 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs75 {
    font-size: calc(75rem * .1 * (var(--fsper01) - 75 / 10 / var(--fsper03)));
    }
}

.fs76 {
    font-size: calc(76rem * .1);
}
@media screen and (max-width: 800px) {
    .fs76 {
    font-size: calc(76rem * .1 * (var(--fsper01) - 76 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs76 {
    font-size: calc(76rem * .1 * (var(--fsper01) - 76 / 10 / var(--fsper03)));
    }
}

.fs77 {
    font-size: calc(77rem * .1);
}
@media screen and (max-width: 800px) {
    .fs77 {
    font-size: calc(77rem * .1 * (var(--fsper01) - 77 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs77 {
    font-size: calc(77rem * .1 * (var(--fsper01) - 77 / 10 / var(--fsper03)));
    }
}

.fs78 {
    font-size: calc(78rem * .1);
}
@media screen and (max-width: 800px) {
    .fs78 {
    font-size: calc(78rem * .1 * (var(--fsper01) - 78 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs78 {
    font-size: calc(78rem * .1 * (var(--fsper01) - 78 / 10 / var(--fsper03)));
    }
}

.fs79 {
    font-size: calc(79rem * .1);
}
@media screen and (max-width: 800px) {
    .fs79 {
    font-size: calc(79rem * .1 * (var(--fsper01) - 79 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs79 {
    font-size: calc(79rem * .1 * (var(--fsper01) - 79 / 10 / var(--fsper03)));
    }
}

.fs80 {
    font-size: calc(80rem * .1);
}
@media screen and (max-width: 800px) {
    .fs80 {
    font-size: calc(80rem * .1 * (var(--fsper01) - 80 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs80 {
    font-size: calc(80rem * .1 * (var(--fsper01) - 80 / 10 / var(--fsper03)));
    }
}

.fs81 {
    font-size: calc(81rem * .1);
}
@media screen and (max-width: 800px) {
    .fs81 {
    font-size: calc(81rem * .1 * (var(--fsper01) - 81 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs81 {
    font-size: calc(81rem * .1 * (var(--fsper01) - 81 / 10 / var(--fsper03)));
    }
}

.fs82 {
    font-size: calc(82rem * .1);
}
@media screen and (max-width: 800px) {
    .fs82 {
    font-size: calc(82rem * .1 * (var(--fsper01) - 82 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs82 {
    font-size: calc(82rem * .1 * (var(--fsper01) - 82 / 10 / var(--fsper03)));
    }
}

.fs83 {
    font-size: calc(83rem * .1);
}
@media screen and (max-width: 800px) {
    .fs83 {
    font-size: calc(83rem * .1 * (var(--fsper01) - 83 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs83 {
    font-size: calc(83rem * .1 * (var(--fsper01) - 83 / 10 / var(--fsper03)));
    }
}

.fs84 {
    font-size: calc(84rem * .1);
}
@media screen and (max-width: 800px) {
    .fs84 {
    font-size: calc(84rem * .1 * (var(--fsper01) - 84 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs84 {
    font-size: calc(84rem * .1 * (var(--fsper01) - 84 / 10 / var(--fsper03)));
    }
}

.fs85 {
    font-size: calc(85rem * .1);
}
@media screen and (max-width: 800px) {
    .fs85 {
    font-size: calc(85rem * .1 * (var(--fsper01) - 85 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs85 {
    font-size: calc(85rem * .1 * (var(--fsper01) - 85 / 10 / var(--fsper03)));
    }
}

.fs86 {
    font-size: calc(86rem * .1);
}
@media screen and (max-width: 800px) {
    .fs86 {
    font-size: calc(86rem * .1 * (var(--fsper01) - 86 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs86 {
    font-size: calc(86rem * .1 * (var(--fsper01) - 86 / 10 / var(--fsper03)));
    }
}

.fs87 {
    font-size: calc(87rem * .1);
}
@media screen and (max-width: 800px) {
    .fs87 {
    font-size: calc(87rem * .1 * (var(--fsper01) - 87 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs87 {
    font-size: calc(87rem * .1 * (var(--fsper01) - 87 / 10 / var(--fsper03)));
    }
}

.fs88 {
    font-size: calc(88rem * .1);
}
@media screen and (max-width: 800px) {
    .fs88 {
    font-size: calc(88rem * .1 * (var(--fsper01) - 88 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs88 {
    font-size: calc(88rem * .1 * (var(--fsper01) - 88 / 10 / var(--fsper03)));
    }
}

.fs89 {
    font-size: calc(89rem * .1);
}
@media screen and (max-width: 800px) {
    .fs89 {
    font-size: calc(89rem * .1 * (var(--fsper01) - 89 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs89 {
    font-size: calc(89rem * .1 * (var(--fsper01) - 89 / 10 / var(--fsper03)));
    }
}

.fs90 {
    font-size: calc(90rem * .1);
}
@media screen and (max-width: 800px) {
    .fs90 {
    font-size: calc(90rem * .1 * (var(--fsper01) - 90 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs90 {
    font-size: calc(90rem * .1 * (var(--fsper01) - 90 / 10 / var(--fsper03)));
    }
}

.fs91 {
    font-size: calc(91rem * .1);
}
@media screen and (max-width: 800px) {
    .fs91 {
    font-size: calc(91rem * .1 * (var(--fsper01) - 91 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs91 {
    font-size: calc(91rem * .1 * (var(--fsper01) - 91 / 10 / var(--fsper03)));
    }
}

.fs92 {
    font-size: calc(92rem * .1);
}
@media screen and (max-width: 800px) {
    .fs92 {
    font-size: calc(92rem * .1 * (var(--fsper01) - 92 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs92 {
    font-size: calc(92rem * .1 * (var(--fsper01) - 92 / 10 / var(--fsper03)));
    }
}

.fs93 {
    font-size: calc(93rem * .1);
}
@media screen and (max-width: 800px) {
    .fs93 {
    font-size: calc(93rem * .1 * (var(--fsper01) - 93 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs93 {
    font-size: calc(93rem * .1 * (var(--fsper01) - 93 / 10 / var(--fsper03)));
    }
}

.fs94 {
    font-size: calc(94rem * .1);
}
@media screen and (max-width: 800px) {
    .fs94 {
    font-size: calc(94rem * .1 * (var(--fsper01) - 94 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs94 {
    font-size: calc(94rem * .1 * (var(--fsper01) - 94 / 10 / var(--fsper03)));
    }
}

.fs95 {
    font-size: calc(95rem * .1);
}
@media screen and (max-width: 800px) {
    .fs95 {
    font-size: calc(95rem * .1 * (var(--fsper01) - 95 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs95 {
    font-size: calc(95rem * .1 * (var(--fsper01) - 95 / 10 / var(--fsper03)));
    }
}

.fs96 {
    font-size: calc(96rem * .1);
}
@media screen and (max-width: 800px) {
    .fs96 {
    font-size: calc(96rem * .1 * (var(--fsper01) - 96 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs96 {
    font-size: calc(96rem * .1 * (var(--fsper01) - 96 / 10 / var(--fsper03)));
    }
}

.fs97 {
    font-size: calc(97rem * .1);
}
@media screen and (max-width: 800px) {
    .fs97 {
    font-size: calc(97rem * .1 * (var(--fsper01) - 97 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs97 {
    font-size: calc(97rem * .1 * (var(--fsper01) - 97 / 10 / var(--fsper03)));
    }
}

.fs98 {
    font-size: calc(98rem * .1);
}
@media screen and (max-width: 800px) {
    .fs98 {
    font-size: calc(98rem * .1 * (var(--fsper01) - 98 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs98 {
    font-size: calc(98rem * .1 * (var(--fsper01) - 98 / 10 / var(--fsper03)));
    }
}

.fs99 {
    font-size: calc(99rem * .1);
}
@media screen and (max-width: 800px) {
    .fs99 {
    font-size: calc(99rem * .1 * (var(--fsper01) - 99 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs99 {
    font-size: calc(99rem * .1 * (var(--fsper01) - 99 / 10 / var(--fsper03)));
    }
}

.fs100 {
    font-size: calc(100rem * .1);
}
@media screen and (max-width: 800px) {
    .fs100 {
    font-size: calc(100rem * .1 * (var(--fsper01) - 100 / 10 / var(--fsper02)));
    }
}
@media screen and (max-width: 560px) {
    .fs100 {
    font-size: calc(100rem * .1 * (var(--fsper01) - 100 / 10 / var(--fsper03)));
    }
}

/* font-weight */

.fwth{font-weight: 100;}
.fwel{font-weight: 200;}
.fwl{font-weight: 300;}
.fwr{font-weight: 400;}
.fwm{font-weight: 500;}
.fwsb{font-weight: 600;}
.fwb{font-weight: 700;}
.fweb{font-weight: 800;}
.fwbk{font-weight: 900;}

/* letter_spacing */

.ls0{letter-spacing: 0;}
.ls50{letter-spacing: 0.05em;}
.ls100{letter-spacing: 0.1em;}
.ls150{letter-spacing: 0.15em;}
.ls200{letter-spacing: 0.2em;}
.ls250{letter-spacing: 0.25em;}
.ls300{letter-spacing: 0.3em;}

/* line_height */

.lh100{line-height: 1;}
.lh110{line-height: 1.1;}
.lh120{line-height: 1.2;}
.lh130{line-height: 1.3;}
.lh140{line-height: 1.4;}
.lh150{line-height: 1.5;}
.lh160{line-height: 1.6;}
.lh170{line-height: 1.7;}
.lh180{line-height: 1.8;}
.lh190{line-height: 1.9;}
.lh200{line-height: 2.0;}
.lh210{line-height: 2.1;}
.lh220{line-height: 2.2;}
.lh230{line-height: 2.3;}
.lh240{line-height: 2.4;}
.lh250{line-height: 2.5;}

/* text-align */

.tac{text-align: center;}
.tal{text-align: left;}
.tar{ text-align: right;}

/**************************+*******
画面サイズ関連
**************************+*******/

/* maxbox */

.cmn_maxbox_600 {width:100%; max-width: 600px; margin: 0 auto;}
.cmn_maxbox_700 {width:100%; max-width: 700px; margin: 0 auto;}
.cmn_maxbox_800 {width:100%; max-width: 800px; margin: 0 auto;}
.cmn_maxbox_900 {width:100%; max-width: 900px; margin: 0 auto;}
.cmn_maxbox {width:100%; max-width: 1000px; margin: 0 auto;}
.cmn_maxbox_1100 {width:100%; max-width: 1100px; margin: 0 auto;}
.cmn_maxbox_1200 {width:100%; max-width: 1200px; margin: 0 auto;}
.cmn_maxbox_1300 {width:100%; max-width: 1300px; margin: 0 auto;}
.cmn_maxbox_1400 {width:100%; max-width: 1400px; margin: 0 auto;}

@media (max-width: 1400px)  {
.cmn_maxbox_1400{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 1300px)  {
.cmn_maxbox_1300{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 1200px)  {
.cmn_maxbox_1200{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 1100px)  {
.cmn_maxbox_1100{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 1000px)  {
.cmn_maxbox{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 900px) {
.cmn_maxbox_900{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 800px) {
.cmn_maxbox_800{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 700px) {
.cmn_maxbox_700{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 600px) {
.cmn_maxbox_600{padding-left: 3%; padding-right: 3%;}
}


/* 画像 */

.fit img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fit1to1,
.fit2to1,
.fit3to2,
.fit16to9,
.fityt{
    width: 100%;
    position: relative;
}

.fit1to1::before,
.fit2to1::before,
.fit3to2::before,
.fit16to9::before,
.fityt:before{
    content: "";
    display: block;
}

.fit1to1::before{padding-top: 100%;}
.fit2to1::before{padding-top: 50%;}
.fit3to2::before{padding-top: 66.666667%;}
.fit16to9::before,.fityt::before{padding-top: 56.25%;}

.fit1to1 img,
.fit2to1 img,
.fit3to2 img,
.fit16to9 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.fityt iframe{
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
}

/* other */

.full{
    width: 100%;
    height: 100%;
}

/**************************+*******
余白関連
**************************+*******/
/* 余白 */
.ma {
margin-left: auto;
margin-right: auto;
}

.pt5 {
padding-top: 5px;
}

.pr5 {
padding-right: 5px;
}

.pb5 {
padding-bottom: 5px;
}

.pl5 {
padding-left: 5px;
}

.mt5 {
margin-top: 5px;
}

.mr5 {
margin-right: 5px;
}

.mb5 {
margin-bottom: 5px;
}

.ml5 {
margin-left: 5px;
}

@media screen and (max-width: 800px) {
.pt5 {
    padding-top: 4px;
}
.pr5 {
    padding-right: 4px;
}
.pb5 {
    padding-bottom: 4px;
}
.pl5 {
    padding-left: 4px;
}
.mt5 {
    margin-top: 4px;
}
.mr5 {
    margin-right: 4px;
}
.mb5 {
    margin-bottom: 4px;
}
.ml5 {
    margin-left: 4px;
}
}
@media screen and (max-width: 560px) {
.pt5 {
    padding-top: 3px;
}
.pr5 {
    padding-right: 3px;
}
.pb5 {
    padding-bottom: 3px;
}
.pl5 {
    padding-left: 3px;
}
.mt5 {
    margin-top: 3px;
}
.mr5 {
    margin-right: 3px;
}
.mb5 {
    margin-bottom: 3px;
}
.ml5 {
    margin-left: 3px;
}
}
.pt10 {
padding-top: 10px;
}

.pr10 {
padding-right: 10px;
}

.pb10 {
padding-bottom: 10px;
}

.pl10 {
padding-left: 10px;
}

.mt10 {
margin-top: 10px;
}

.mr10 {
margin-right: 10px;
}

.mb10 {
margin-bottom: 10px;
}

.ml10 {
margin-left: 10px;
}

@media screen and (max-width: 800px) {
.pt10 {
    padding-top: 8px;
}
.pr10 {
    padding-right: 8px;
}
.pb10 {
    padding-bottom: 8px;
}
.pl10 {
    padding-left: 8px;
}
.mt10 {
    margin-top: 8px;
}
.mr10 {
    margin-right: 8px;
}
.mb10 {
    margin-bottom: 8px;
}
.ml10 {
    margin-left: 8px;
}
}
@media screen and (max-width: 560px) {
.pt10 {
    padding-top: 6px;
}
.pr10 {
    padding-right: 6px;
}
.pb10 {
    padding-bottom: 6px;
}
.pl10 {
    padding-left: 6px;
}
.mt10 {
    margin-top: 6px;
}
.mr10 {
    margin-right: 6px;
}
.mb10 {
    margin-bottom: 6px;
}
.ml10 {
    margin-left: 6px;
}
}
.pt15 {
padding-top: 15px;
}

.pr15 {
padding-right: 15px;
}

.pb15 {
padding-bottom: 15px;
}

.pl15 {
padding-left: 15px;
}

.mt15 {
margin-top: 15px;
}

.mr15 {
margin-right: 15px;
}

.mb15 {
margin-bottom: 15px;
}

.ml15 {
margin-left: 15px;
}

@media screen and (max-width: 800px) {
.pt15 {
    padding-top: 12px;
}
.pr15 {
    padding-right: 12px;
}
.pb15 {
    padding-bottom: 12px;
}
.pl15 {
    padding-left: 12px;
}
.mt15 {
    margin-top: 12px;
}
.mr15 {
    margin-right: 12px;
}
.mb15 {
    margin-bottom: 12px;
}
.ml15 {
    margin-left: 12px;
}
}
@media screen and (max-width: 560px) {
.pt15 {
    padding-top: 9px;
}
.pr15 {
    padding-right: 9px;
}
.pb15 {
    padding-bottom: 9px;
}
.pl15 {
    padding-left: 9px;
}
.mt15 {
    margin-top: 9px;
}
.mr15 {
    margin-right: 9px;
}
.mb15 {
    margin-bottom: 9px;
}
.ml15 {
    margin-left: 9px;
}
}
.pt20 {
padding-top: 20px;
}

.pr20 {
padding-right: 20px;
}

.pb20 {
padding-bottom: 20px;
}

.pl20 {
padding-left: 20px;
}

.mt20 {
margin-top: 20px;
}

.mr20 {
margin-right: 20px;
}

.mb20 {
margin-bottom: 20px;
}

.ml20 {
margin-left: 20px;
}

@media screen and (max-width: 800px) {
.pt20 {
    padding-top: 16px;
}
.pr20 {
    padding-right: 16px;
}
.pb20 {
    padding-bottom: 16px;
}
.pl20 {
    padding-left: 16px;
}
.mt20 {
    margin-top: 16px;
}
.mr20 {
    margin-right: 16px;
}
.mb20 {
    margin-bottom: 16px;
}
.ml20 {
    margin-left: 16px;
}
}
@media screen and (max-width: 560px) {
.pt20 {
    padding-top: 12px;
}
.pr20 {
    padding-right: 12px;
}
.pb20 {
    padding-bottom: 12px;
}
.pl20 {
    padding-left: 12px;
}
.mt20 {
    margin-top: 12px;
}
.mr20 {
    margin-right: 12px;
}
.mb20 {
    margin-bottom: 12px;
}
.ml20 {
    margin-left: 12px;
}
}
.pt25 {
padding-top: 25px;
}

.pr25 {
padding-right: 25px;
}

.pb25 {
padding-bottom: 25px;
}

.pl25 {
padding-left: 25px;
}

.mt25 {
margin-top: 25px;
}

.mr25 {
margin-right: 25px;
}

.mb25 {
margin-bottom: 25px;
}

.ml25 {
margin-left: 25px;
}

@media screen and (max-width: 800px) {
.pt25 {
    padding-top: 20px;
}
.pr25 {
    padding-right: 20px;
}
.pb25 {
    padding-bottom: 20px;
}
.pl25 {
    padding-left: 20px;
}
.mt25 {
    margin-top: 20px;
}
.mr25 {
    margin-right: 20px;
}
.mb25 {
    margin-bottom: 20px;
}
.ml25 {
    margin-left: 20px;
}
}
@media screen and (max-width: 560px) {
.pt25 {
    padding-top: 15px;
}
.pr25 {
    padding-right: 15px;
}
.pb25 {
    padding-bottom: 15px;
}
.pl25 {
    padding-left: 15px;
}
.mt25 {
    margin-top: 15px;
}
.mr25 {
    margin-right: 15px;
}
.mb25 {
    margin-bottom: 15px;
}
.ml25 {
    margin-left: 15px;
}
}
.pt30 {
padding-top: 30px;
}

.pr30 {
padding-right: 30px;
}

.pb30 {
padding-bottom: 30px;
}

.pl30 {
padding-left: 30px;
}

.mt30 {
margin-top: 30px;
}

.mr30 {
margin-right: 30px;
}

.mb30 {
margin-bottom: 30px;
}

.ml30 {
margin-left: 30px;
}

@media screen and (max-width: 800px) {
.pt30 {
    padding-top: 24px;
}
.pr30 {
    padding-right: 24px;
}
.pb30 {
    padding-bottom: 24px;
}
.pl30 {
    padding-left: 24px;
}
.mt30 {
    margin-top: 24px;
}
.mr30 {
    margin-right: 24px;
}
.mb30 {
    margin-bottom: 24px;
}
.ml30 {
    margin-left: 24px;
}
}
@media screen and (max-width: 560px) {
.pt30 {
    padding-top: 18px;
}
.pr30 {
    padding-right: 18px;
}
.pb30 {
    padding-bottom: 18px;
}
.pl30 {
    padding-left: 18px;
}
.mt30 {
    margin-top: 18px;
}
.mr30 {
    margin-right: 18px;
}
.mb30 {
    margin-bottom: 18px;
}
.ml30 {
    margin-left: 18px;
}
}
.pt35 {
padding-top: 35px;
}

.pr35 {
padding-right: 35px;
}

.pb35 {
padding-bottom: 35px;
}

.pl35 {
padding-left: 35px;
}

.mt35 {
margin-top: 35px;
}

.mr35 {
margin-right: 35px;
}

.mb35 {
margin-bottom: 35px;
}

.ml35 {
margin-left: 35px;
}

@media screen and (max-width: 800px) {
.pt35 {
    padding-top: 28px;
}
.pr35 {
    padding-right: 28px;
}
.pb35 {
    padding-bottom: 28px;
}
.pl35 {
    padding-left: 28px;
}
.mt35 {
    margin-top: 28px;
}
.mr35 {
    margin-right: 28px;
}
.mb35 {
    margin-bottom: 28px;
}
.ml35 {
    margin-left: 28px;
}
}
@media screen and (max-width: 560px) {
.pt35 {
    padding-top: 21px;
}
.pr35 {
    padding-right: 21px;
}
.pb35 {
    padding-bottom: 21px;
}
.pl35 {
    padding-left: 21px;
}
.mt35 {
    margin-top: 21px;
}
.mr35 {
    margin-right: 21px;
}
.mb35 {
    margin-bottom: 21px;
}
.ml35 {
    margin-left: 21px;
}
}
.pt40 {
padding-top: 40px;
}

.pr40 {
padding-right: 40px;
}

.pb40 {
padding-bottom: 40px;
}

.pl40 {
padding-left: 40px;
}

.mt40 {
margin-top: 40px;
}

.mr40 {
margin-right: 40px;
}

.mb40 {
margin-bottom: 40px;
}

.ml40 {
margin-left: 40px;
}

@media screen and (max-width: 800px) {
.pt40 {
    padding-top: 32px;
}
.pr40 {
    padding-right: 32px;
}
.pb40 {
    padding-bottom: 32px;
}
.pl40 {
    padding-left: 32px;
}
.mt40 {
    margin-top: 32px;
}
.mr40 {
    margin-right: 32px;
}
.mb40 {
    margin-bottom: 32px;
}
.ml40 {
    margin-left: 32px;
}
}
@media screen and (max-width: 560px) {
.pt40 {
    padding-top: 24px;
}
.pr40 {
    padding-right: 24px;
}
.pb40 {
    padding-bottom: 24px;
}
.pl40 {
    padding-left: 24px;
}
.mt40 {
    margin-top: 24px;
}
.mr40 {
    margin-right: 24px;
}
.mb40 {
    margin-bottom: 24px;
}
.ml40 {
    margin-left: 24px;
}
}
.pt45 {
padding-top: 45px;
}

.pr45 {
padding-right: 45px;
}

.pb45 {
padding-bottom: 45px;
}

.pl45 {
padding-left: 45px;
}

.mt45 {
margin-top: 45px;
}

.mr45 {
margin-right: 45px;
}

.mb45 {
margin-bottom: 45px;
}

.ml45 {
margin-left: 45px;
}

@media screen and (max-width: 800px) {
.pt45 {
    padding-top: 36px;
}
.pr45 {
    padding-right: 36px;
}
.pb45 {
    padding-bottom: 36px;
}
.pl45 {
    padding-left: 36px;
}
.mt45 {
    margin-top: 36px;
}
.mr45 {
    margin-right: 36px;
}
.mb45 {
    margin-bottom: 36px;
}
.ml45 {
    margin-left: 36px;
}
}
@media screen and (max-width: 560px) {
.pt45 {
    padding-top: 27px;
}
.pr45 {
    padding-right: 27px;
}
.pb45 {
    padding-bottom: 27px;
}
.pl45 {
    padding-left: 27px;
}
.mt45 {
    margin-top: 27px;
}
.mr45 {
    margin-right: 27px;
}
.mb45 {
    margin-bottom: 27px;
}
.ml45 {
    margin-left: 27px;
}
}
.pt50 {
padding-top: 50px;
}

.pr50 {
padding-right: 50px;
}

.pb50 {
padding-bottom: 50px;
}

.pl50 {
padding-left: 50px;
}

.mt50 {
margin-top: 50px;
}

.mr50 {
margin-right: 50px;
}

.mb50 {
margin-bottom: 50px;
}

.ml50 {
margin-left: 50px;
}

@media screen and (max-width: 800px) {
.pt50 {
    padding-top: 40px;
}
.pr50 {
    padding-right: 40px;
}
.pb50 {
    padding-bottom: 40px;
}
.pl50 {
    padding-left: 40px;
}
.mt50 {
    margin-top: 40px;
}
.mr50 {
    margin-right: 40px;
}
.mb50 {
    margin-bottom: 40px;
}
.ml50 {
    margin-left: 40px;
}
}
@media screen and (max-width: 560px) {
.pt50 {
    padding-top: 30px;
}
.pr50 {
    padding-right: 30px;
}
.pb50 {
    padding-bottom: 30px;
}
.pl50 {
    padding-left: 30px;
}
.mt50 {
    margin-top: 30px;
}
.mr50 {
    margin-right: 30px;
}
.mb50 {
    margin-bottom: 30px;
}
.ml50 {
    margin-left: 30px;
}
}
.pt55 {
padding-top: 55px;
}

.pr55 {
padding-right: 55px;
}

.pb55 {
padding-bottom: 55px;
}

.pl55 {
padding-left: 55px;
}

.mt55 {
margin-top: 55px;
}

.mr55 {
margin-right: 55px;
}

.mb55 {
margin-bottom: 55px;
}

.ml55 {
margin-left: 55px;
}

@media screen and (max-width: 800px) {
.pt55 {
    padding-top: 44px;
}
.pr55 {
    padding-right: 44px;
}
.pb55 {
    padding-bottom: 44px;
}
.pl55 {
    padding-left: 44px;
}
.mt55 {
    margin-top: 44px;
}
.mr55 {
    margin-right: 44px;
}
.mb55 {
    margin-bottom: 44px;
}
.ml55 {
    margin-left: 44px;
}
}
@media screen and (max-width: 560px) {
.pt55 {
    padding-top: 33px;
}
.pr55 {
    padding-right: 33px;
}
.pb55 {
    padding-bottom: 33px;
}
.pl55 {
    padding-left: 33px;
}
.mt55 {
    margin-top: 33px;
}
.mr55 {
    margin-right: 33px;
}
.mb55 {
    margin-bottom: 33px;
}
.ml55 {
    margin-left: 33px;
}
}
.pt60 {
padding-top: 60px;
}

.pr60 {
padding-right: 60px;
}

.pb60 {
padding-bottom: 60px;
}

.pl60 {
padding-left: 60px;
}

.mt60 {
margin-top: 60px;
}

.mr60 {
margin-right: 60px;
}

.mb60 {
margin-bottom: 60px;
}

.ml60 {
margin-left: 60px;
}

@media screen and (max-width: 800px) {
.pt60 {
    padding-top: 48px;
}
.pr60 {
    padding-right: 48px;
}
.pb60 {
    padding-bottom: 48px;
}
.pl60 {
    padding-left: 48px;
}
.mt60 {
    margin-top: 48px;
}
.mr60 {
    margin-right: 48px;
}
.mb60 {
    margin-bottom: 48px;
}
.ml60 {
    margin-left: 48px;
}
}
@media screen and (max-width: 560px) {
.pt60 {
    padding-top: 36px;
}
.pr60 {
    padding-right: 36px;
}
.pb60 {
    padding-bottom: 36px;
}
.pl60 {
    padding-left: 36px;
}
.mt60 {
    margin-top: 36px;
}
.mr60 {
    margin-right: 36px;
}
.mb60 {
    margin-bottom: 36px;
}
.ml60 {
    margin-left: 36px;
}
}
.pt65 {
padding-top: 65px;
}

.pr65 {
padding-right: 65px;
}

.pb65 {
padding-bottom: 65px;
}

.pl65 {
padding-left: 65px;
}

.mt65 {
margin-top: 65px;
}

.mr65 {
margin-right: 65px;
}

.mb65 {
margin-bottom: 65px;
}

.ml65 {
margin-left: 65px;
}

@media screen and (max-width: 800px) {
.pt65 {
    padding-top: 52px;
}
.pr65 {
    padding-right: 52px;
}
.pb65 {
    padding-bottom: 52px;
}
.pl65 {
    padding-left: 52px;
}
.mt65 {
    margin-top: 52px;
}
.mr65 {
    margin-right: 52px;
}
.mb65 {
    margin-bottom: 52px;
}
.ml65 {
    margin-left: 52px;
}
}
@media screen and (max-width: 560px) {
.pt65 {
    padding-top: 39px;
}
.pr65 {
    padding-right: 39px;
}
.pb65 {
    padding-bottom: 39px;
}
.pl65 {
    padding-left: 39px;
}
.mt65 {
    margin-top: 39px;
}
.mr65 {
    margin-right: 39px;
}
.mb65 {
    margin-bottom: 39px;
}
.ml65 {
    margin-left: 39px;
}
}
.pt70 {
padding-top: 70px;
}

.pr70 {
padding-right: 70px;
}

.pb70 {
padding-bottom: 70px;
}

.pl70 {
padding-left: 70px;
}

.mt70 {
margin-top: 70px;
}

.mr70 {
margin-right: 70px;
}

.mb70 {
margin-bottom: 70px;
}

.ml70 {
margin-left: 70px;
}

@media screen and (max-width: 800px) {
.pt70 {
    padding-top: 56px;
}
.pr70 {
    padding-right: 56px;
}
.pb70 {
    padding-bottom: 56px;
}
.pl70 {
    padding-left: 56px;
}
.mt70 {
    margin-top: 56px;
}
.mr70 {
    margin-right: 56px;
}
.mb70 {
    margin-bottom: 56px;
}
.ml70 {
    margin-left: 56px;
}
}
@media screen and (max-width: 560px) {
.pt70 {
    padding-top: 42px;
}
.pr70 {
    padding-right: 42px;
}
.pb70 {
    padding-bottom: 42px;
}
.pl70 {
    padding-left: 42px;
}
.mt70 {
    margin-top: 42px;
}
.mr70 {
    margin-right: 42px;
}
.mb70 {
    margin-bottom: 42px;
}
.ml70 {
    margin-left: 42px;
}
}
.pt75 {
padding-top: 75px;
}

.pr75 {
padding-right: 75px;
}

.pb75 {
padding-bottom: 75px;
}

.pl75 {
padding-left: 75px;
}

.mt75 {
margin-top: 75px;
}

.mr75 {
margin-right: 75px;
}

.mb75 {
margin-bottom: 75px;
}

.ml75 {
margin-left: 75px;
}

@media screen and (max-width: 800px) {
.pt75 {
    padding-top: 60px;
}
.pr75 {
    padding-right: 60px;
}
.pb75 {
    padding-bottom: 60px;
}
.pl75 {
    padding-left: 60px;
}
.mt75 {
    margin-top: 60px;
}
.mr75 {
    margin-right: 60px;
}
.mb75 {
    margin-bottom: 60px;
}
.ml75 {
    margin-left: 60px;
}
}
@media screen and (max-width: 560px) {
.pt75 {
    padding-top: 45px;
}
.pr75 {
    padding-right: 45px;
}
.pb75 {
    padding-bottom: 45px;
}
.pl75 {
    padding-left: 45px;
}
.mt75 {
    margin-top: 45px;
}
.mr75 {
    margin-right: 45px;
}
.mb75 {
    margin-bottom: 45px;
}
.ml75 {
    margin-left: 45px;
}
}
.pt80 {
padding-top: 80px;
}

.pr80 {
padding-right: 80px;
}

.pb80 {
padding-bottom: 80px;
}

.pl80 {
padding-left: 80px;
}

.mt80 {
margin-top: 80px;
}

.mr80 {
margin-right: 80px;
}

.mb80 {
margin-bottom: 80px;
}

.ml80 {
margin-left: 80px;
}

@media screen and (max-width: 800px) {
.pt80 {
    padding-top: 64px;
}
.pr80 {
    padding-right: 64px;
}
.pb80 {
    padding-bottom: 64px;
}
.pl80 {
    padding-left: 64px;
}
.mt80 {
    margin-top: 64px;
}
.mr80 {
    margin-right: 64px;
}
.mb80 {
    margin-bottom: 64px;
}
.ml80 {
    margin-left: 64px;
}
}
@media screen and (max-width: 560px) {
.pt80 {
    padding-top: 48px;
}
.pr80 {
    padding-right: 48px;
}
.pb80 {
    padding-bottom: 48px;
}
.pl80 {
    padding-left: 48px;
}
.mt80 {
    margin-top: 48px;
}
.mr80 {
    margin-right: 48px;
}
.mb80 {
    margin-bottom: 48px;
}
.ml80 {
    margin-left: 48px;
}
}
.pt85 {
padding-top: 85px;
}

.pr85 {
padding-right: 85px;
}

.pb85 {
padding-bottom: 85px;
}

.pl85 {
padding-left: 85px;
}

.mt85 {
margin-top: 85px;
}

.mr85 {
margin-right: 85px;
}

.mb85 {
margin-bottom: 85px;
}

.ml85 {
margin-left: 85px;
}

@media screen and (max-width: 800px) {
.pt85 {
    padding-top: 68px;
}
.pr85 {
    padding-right: 68px;
}
.pb85 {
    padding-bottom: 68px;
}
.pl85 {
    padding-left: 68px;
}
.mt85 {
    margin-top: 68px;
}
.mr85 {
    margin-right: 68px;
}
.mb85 {
    margin-bottom: 68px;
}
.ml85 {
    margin-left: 68px;
}
}
@media screen and (max-width: 560px) {
.pt85 {
    padding-top: 51px;
}
.pr85 {
    padding-right: 51px;
}
.pb85 {
    padding-bottom: 51px;
}
.pl85 {
    padding-left: 51px;
}
.mt85 {
    margin-top: 51px;
}
.mr85 {
    margin-right: 51px;
}
.mb85 {
    margin-bottom: 51px;
}
.ml85 {
    margin-left: 51px;
}
}
.pt90 {
padding-top: 90px;
}

.pr90 {
padding-right: 90px;
}

.pb90 {
padding-bottom: 90px;
}

.pl90 {
padding-left: 90px;
}

.mt90 {
margin-top: 90px;
}

.mr90 {
margin-right: 90px;
}

.mb90 {
margin-bottom: 90px;
}

.ml90 {
margin-left: 90px;
}

@media screen and (max-width: 800px) {
.pt90 {
    padding-top: 72px;
}
.pr90 {
    padding-right: 72px;
}
.pb90 {
    padding-bottom: 72px;
}
.pl90 {
    padding-left: 72px;
}
.mt90 {
    margin-top: 72px;
}
.mr90 {
    margin-right: 72px;
}
.mb90 {
    margin-bottom: 72px;
}
.ml90 {
    margin-left: 72px;
}
}
@media screen and (max-width: 560px) {
.pt90 {
    padding-top: 54px;
}
.pr90 {
    padding-right: 54px;
}
.pb90 {
    padding-bottom: 54px;
}
.pl90 {
    padding-left: 54px;
}
.mt90 {
    margin-top: 54px;
}
.mr90 {
    margin-right: 54px;
}
.mb90 {
    margin-bottom: 54px;
}
.ml90 {
    margin-left: 54px;
}
}
.pt95 {
padding-top: 95px;
}

.pr95 {
padding-right: 95px;
}

.pb95 {
padding-bottom: 95px;
}

.pl95 {
padding-left: 95px;
}

.mt95 {
margin-top: 95px;
}

.mr95 {
margin-right: 95px;
}

.mb95 {
margin-bottom: 95px;
}

.ml95 {
margin-left: 95px;
}

@media screen and (max-width: 800px) {
.pt95 {
    padding-top: 76px;
}
.pr95 {
    padding-right: 76px;
}
.pb95 {
    padding-bottom: 76px;
}
.pl95 {
    padding-left: 76px;
}
.mt95 {
    margin-top: 76px;
}
.mr95 {
    margin-right: 76px;
}
.mb95 {
    margin-bottom: 76px;
}
.ml95 {
    margin-left: 76px;
}
}
@media screen and (max-width: 560px) {
.pt95 {
    padding-top: 57px;
}
.pr95 {
    padding-right: 57px;
}
.pb95 {
    padding-bottom: 57px;
}
.pl95 {
    padding-left: 57px;
}
.mt95 {
    margin-top: 57px;
}
.mr95 {
    margin-right: 57px;
}
.mb95 {
    margin-bottom: 57px;
}
.ml95 {
    margin-left: 57px;
}
}
.pt100 {
padding-top: 100px;
}

.pr100 {
padding-right: 100px;
}

.pb100 {
padding-bottom: 100px;
}

.pl100 {
padding-left: 100px;
}

.mt100 {
margin-top: 100px;
}

.mr100 {
margin-right: 100px;
}

.mb100 {
margin-bottom: 100px;
}

.ml100 {
margin-left: 100px;
}

@media screen and (max-width: 800px) {
.pt100 {
    padding-top: 80px;
}
.pr100 {
    padding-right: 80px;
}
.pb100 {
    padding-bottom: 80px;
}
.pl100 {
    padding-left: 80px;
}
.mt100 {
    margin-top: 80px;
}
.mr100 {
    margin-right: 80px;
}
.mb100 {
    margin-bottom: 80px;
}
.ml100 {
    margin-left: 80px;
}
}
@media screen and (max-width: 560px) {
.pt100 {
    padding-top: 60px;
}
.pr100 {
    padding-right: 60px;
}
.pb100 {
    padding-bottom: 60px;
}
.pl100 {
    padding-left: 60px;
}
.mt100 {
    margin-top: 60px;
}
.mr100 {
    margin-right: 60px;
}
.mb100 {
    margin-bottom: 60px;
}
.ml100 {
    margin-left: 60px;
}
}
.pt105 {
padding-top: 105px;
}

.pr105 {
padding-right: 105px;
}

.pb105 {
padding-bottom: 105px;
}

.pl105 {
padding-left: 105px;
}

.mt105 {
margin-top: 105px;
}

.mr105 {
margin-right: 105px;
}

.mb105 {
margin-bottom: 105px;
}

.ml105 {
margin-left: 105px;
}

@media screen and (max-width: 800px) {
.pt105 {
    padding-top: 84px;
}
.pr105 {
    padding-right: 84px;
}
.pb105 {
    padding-bottom: 84px;
}
.pl105 {
    padding-left: 84px;
}
.mt105 {
    margin-top: 84px;
}
.mr105 {
    margin-right: 84px;
}
.mb105 {
    margin-bottom: 84px;
}
.ml105 {
    margin-left: 84px;
}
}
@media screen and (max-width: 560px) {
.pt105 {
    padding-top: 63px;
}
.pr105 {
    padding-right: 63px;
}
.pb105 {
    padding-bottom: 63px;
}
.pl105 {
    padding-left: 63px;
}
.mt105 {
    margin-top: 63px;
}
.mr105 {
    margin-right: 63px;
}
.mb105 {
    margin-bottom: 63px;
}
.ml105 {
    margin-left: 63px;
}
}
.pt110 {
padding-top: 110px;
}

.pr110 {
padding-right: 110px;
}

.pb110 {
padding-bottom: 110px;
}

.pl110 {
padding-left: 110px;
}

.mt110 {
margin-top: 110px;
}

.mr110 {
margin-right: 110px;
}

.mb110 {
margin-bottom: 110px;
}

.ml110 {
margin-left: 110px;
}

@media screen and (max-width: 800px) {
.pt110 {
    padding-top: 88px;
}
.pr110 {
    padding-right: 88px;
}
.pb110 {
    padding-bottom: 88px;
}
.pl110 {
    padding-left: 88px;
}
.mt110 {
    margin-top: 88px;
}
.mr110 {
    margin-right: 88px;
}
.mb110 {
    margin-bottom: 88px;
}
.ml110 {
    margin-left: 88px;
}
}
@media screen and (max-width: 560px) {
.pt110 {
    padding-top: 66px;
}
.pr110 {
    padding-right: 66px;
}
.pb110 {
    padding-bottom: 66px;
}
.pl110 {
    padding-left: 66px;
}
.mt110 {
    margin-top: 66px;
}
.mr110 {
    margin-right: 66px;
}
.mb110 {
    margin-bottom: 66px;
}
.ml110 {
    margin-left: 66px;
}
}
.pt115 {
padding-top: 115px;
}

.pr115 {
padding-right: 115px;
}

.pb115 {
padding-bottom: 115px;
}

.pl115 {
padding-left: 115px;
}

.mt115 {
margin-top: 115px;
}

.mr115 {
margin-right: 115px;
}

.mb115 {
margin-bottom: 115px;
}

.ml115 {
margin-left: 115px;
}

@media screen and (max-width: 800px) {
.pt115 {
    padding-top: 92px;
}
.pr115 {
    padding-right: 92px;
}
.pb115 {
    padding-bottom: 92px;
}
.pl115 {
    padding-left: 92px;
}
.mt115 {
    margin-top: 92px;
}
.mr115 {
    margin-right: 92px;
}
.mb115 {
    margin-bottom: 92px;
}
.ml115 {
    margin-left: 92px;
}
}
@media screen and (max-width: 560px) {
.pt115 {
    padding-top: 69px;
}
.pr115 {
    padding-right: 69px;
}
.pb115 {
    padding-bottom: 69px;
}
.pl115 {
    padding-left: 69px;
}
.mt115 {
    margin-top: 69px;
}
.mr115 {
    margin-right: 69px;
}
.mb115 {
    margin-bottom: 69px;
}
.ml115 {
    margin-left: 69px;
}
}
.pt120 {
padding-top: 120px;
}

.pr120 {
padding-right: 120px;
}

.pb120 {
padding-bottom: 120px;
}

.pl120 {
padding-left: 120px;
}

.mt120 {
margin-top: 120px;
}

.mr120 {
margin-right: 120px;
}

.mb120 {
margin-bottom: 120px;
}

.ml120 {
margin-left: 120px;
}

@media screen and (max-width: 800px) {
.pt120 {
    padding-top: 96px;
}
.pr120 {
    padding-right: 96px;
}
.pb120 {
    padding-bottom: 96px;
}
.pl120 {
    padding-left: 96px;
}
.mt120 {
    margin-top: 96px;
}
.mr120 {
    margin-right: 96px;
}
.mb120 {
    margin-bottom: 96px;
}
.ml120 {
    margin-left: 96px;
}
}
@media screen and (max-width: 560px) {
.pt120 {
    padding-top: 72px;
}
.pr120 {
    padding-right: 72px;
}
.pb120 {
    padding-bottom: 72px;
}
.pl120 {
    padding-left: 72px;
}
.mt120 {
    margin-top: 72px;
}
.mr120 {
    margin-right: 72px;
}
.mb120 {
    margin-bottom: 72px;
}
.ml120 {
    margin-left: 72px;
}
}
.pt125 {
padding-top: 125px;
}

.pr125 {
padding-right: 125px;
}

.pb125 {
padding-bottom: 125px;
}

.pl125 {
padding-left: 125px;
}

.mt125 {
margin-top: 125px;
}

.mr125 {
margin-right: 125px;
}

.mb125 {
margin-bottom: 125px;
}

.ml125 {
margin-left: 125px;
}

@media screen and (max-width: 800px) {
.pt125 {
    padding-top: 100px;
}
.pr125 {
    padding-right: 100px;
}
.pb125 {
    padding-bottom: 100px;
}
.pl125 {
    padding-left: 100px;
}
.mt125 {
    margin-top: 100px;
}
.mr125 {
    margin-right: 100px;
}
.mb125 {
    margin-bottom: 100px;
}
.ml125 {
    margin-left: 100px;
}
}
@media screen and (max-width: 560px) {
.pt125 {
    padding-top: 75px;
}
.pr125 {
    padding-right: 75px;
}
.pb125 {
    padding-bottom: 75px;
}
.pl125 {
    padding-left: 75px;
}
.mt125 {
    margin-top: 75px;
}
.mr125 {
    margin-right: 75px;
}
.mb125 {
    margin-bottom: 75px;
}
.ml125 {
    margin-left: 75px;
}
}
.pt130 {
padding-top: 130px;
}

.pr130 {
padding-right: 130px;
}

.pb130 {
padding-bottom: 130px;
}

.pl130 {
padding-left: 130px;
}

.mt130 {
margin-top: 130px;
}

.mr130 {
margin-right: 130px;
}

.mb130 {
margin-bottom: 130px;
}

.ml130 {
margin-left: 130px;
}

@media screen and (max-width: 800px) {
.pt130 {
    padding-top: 104px;
}
.pr130 {
    padding-right: 104px;
}
.pb130 {
    padding-bottom: 104px;
}
.pl130 {
    padding-left: 104px;
}
.mt130 {
    margin-top: 104px;
}
.mr130 {
    margin-right: 104px;
}
.mb130 {
    margin-bottom: 104px;
}
.ml130 {
    margin-left: 104px;
}
}
@media screen and (max-width: 560px) {
.pt130 {
    padding-top: 78px;
}
.pr130 {
    padding-right: 78px;
}
.pb130 {
    padding-bottom: 78px;
}
.pl130 {
    padding-left: 78px;
}
.mt130 {
    margin-top: 78px;
}
.mr130 {
    margin-right: 78px;
}
.mb130 {
    margin-bottom: 78px;
}
.ml130 {
    margin-left: 78px;
}
}
.pt135 {
padding-top: 135px;
}

.pr135 {
padding-right: 135px;
}

.pb135 {
padding-bottom: 135px;
}

.pl135 {
padding-left: 135px;
}

.mt135 {
margin-top: 135px;
}

.mr135 {
margin-right: 135px;
}

.mb135 {
margin-bottom: 135px;
}

.ml135 {
margin-left: 135px;
}

@media screen and (max-width: 800px) {
.pt135 {
    padding-top: 108px;
}
.pr135 {
    padding-right: 108px;
}
.pb135 {
    padding-bottom: 108px;
}
.pl135 {
    padding-left: 108px;
}
.mt135 {
    margin-top: 108px;
}
.mr135 {
    margin-right: 108px;
}
.mb135 {
    margin-bottom: 108px;
}
.ml135 {
    margin-left: 108px;
}
}
@media screen and (max-width: 560px) {
.pt135 {
    padding-top: 81px;
}
.pr135 {
    padding-right: 81px;
}
.pb135 {
    padding-bottom: 81px;
}
.pl135 {
    padding-left: 81px;
}
.mt135 {
    margin-top: 81px;
}
.mr135 {
    margin-right: 81px;
}
.mb135 {
    margin-bottom: 81px;
}
.ml135 {
    margin-left: 81px;
}
}
.pt140 {
padding-top: 140px;
}

.pr140 {
padding-right: 140px;
}

.pb140 {
padding-bottom: 140px;
}

.pl140 {
padding-left: 140px;
}

.mt140 {
margin-top: 140px;
}

.mr140 {
margin-right: 140px;
}

.mb140 {
margin-bottom: 140px;
}

.ml140 {
margin-left: 140px;
}

@media screen and (max-width: 800px) {
.pt140 {
    padding-top: 112px;
}
.pr140 {
    padding-right: 112px;
}
.pb140 {
    padding-bottom: 112px;
}
.pl140 {
    padding-left: 112px;
}
.mt140 {
    margin-top: 112px;
}
.mr140 {
    margin-right: 112px;
}
.mb140 {
    margin-bottom: 112px;
}
.ml140 {
    margin-left: 112px;
}
}
@media screen and (max-width: 560px) {
.pt140 {
    padding-top: 84px;
}
.pr140 {
    padding-right: 84px;
}
.pb140 {
    padding-bottom: 84px;
}
.pl140 {
    padding-left: 84px;
}
.mt140 {
    margin-top: 84px;
}
.mr140 {
    margin-right: 84px;
}
.mb140 {
    margin-bottom: 84px;
}
.ml140 {
    margin-left: 84px;
}
}
.pt145 {
padding-top: 145px;
}

.pr145 {
padding-right: 145px;
}

.pb145 {
padding-bottom: 145px;
}

.pl145 {
padding-left: 145px;
}

.mt145 {
margin-top: 145px;
}

.mr145 {
margin-right: 145px;
}

.mb145 {
margin-bottom: 145px;
}

.ml145 {
margin-left: 145px;
}

@media screen and (max-width: 800px) {
.pt145 {
    padding-top: 116px;
}
.pr145 {
    padding-right: 116px;
}
.pb145 {
    padding-bottom: 116px;
}
.pl145 {
    padding-left: 116px;
}
.mt145 {
    margin-top: 116px;
}
.mr145 {
    margin-right: 116px;
}
.mb145 {
    margin-bottom: 116px;
}
.ml145 {
    margin-left: 116px;
}
}
@media screen and (max-width: 560px) {
.pt145 {
    padding-top: 87px;
}
.pr145 {
    padding-right: 87px;
}
.pb145 {
    padding-bottom: 87px;
}
.pl145 {
    padding-left: 87px;
}
.mt145 {
    margin-top: 87px;
}
.mr145 {
    margin-right: 87px;
}
.mb145 {
    margin-bottom: 87px;
}
.ml145 {
    margin-left: 87px;
}
}
.pt150 {
padding-top: 150px;
}

.pr150 {
padding-right: 150px;
}

.pb150 {
padding-bottom: 150px;
}

.pl150 {
padding-left: 150px;
}

.mt150 {
margin-top: 150px;
}

.mr150 {
margin-right: 150px;
}

.mb150 {
margin-bottom: 150px;
}

.ml150 {
margin-left: 150px;
}

@media screen and (max-width: 800px) {
.pt150 {
    padding-top: 120px;
}
.pr150 {
    padding-right: 120px;
}
.pb150 {
    padding-bottom: 120px;
}
.pl150 {
    padding-left: 120px;
}
.mt150 {
    margin-top: 120px;
}
.mr150 {
    margin-right: 120px;
}
.mb150 {
    margin-bottom: 120px;
}
.ml150 {
    margin-left: 120px;
}
}
@media screen and (max-width: 560px) {
.pt150 {
    padding-top: 90px;
}
.pr150 {
    padding-right: 90px;
}
.pb150 {
    padding-bottom: 90px;
}
.pl150 {
    padding-left: 90px;
}
.mt150 {
    margin-top: 90px;
}
.mr150 {
    margin-right: 90px;
}
.mb150 {
    margin-bottom: 90px;
}
.ml150 {
    margin-left: 90px;
}
}


/**************************+*******
スクロールアニメーション
**************************+*******/

/* scrollanime */

.scrollanime,
.scrollanime2,
.scrollanime3{
    opacity: 0;
}

.fadein{
animation: fadein 1s forwards;
}

@keyframes fadein{
    0%{opacity: 0;}
    100%{opacity: 1;transform: translate(0) scale(1);}
}

.toup{transform: translateY(30px);}
.todown{transform: translateY(-30px);}
.toright{transform: translate(-30px);}
.toleft{transform: translateX(30px);}
.expansion{transform: scale(.7);}
.shrink{transform: scale(1.2);}


/**************************+*******
その他
**************************+*******/

/* display */

.pcNone,.pcNone2,.pcNone3{display:none;}

@media (max-width: 1000px){
.spNone {display: none;}
.pcNone{display: block;}
}
@media (max-width: 800px) {
.spNone2 {display: none;}
.pcNone2{display: block;}
}
@media (max-width: 560px) {
.spNone3{display: none;}
.pcNone3{display: block;}
}

.db{display: block;}
.dib{display: inline-block;}

.dfc{
    display: flex;
    justify-content: center;
    align-items: center;
    /* flex-direction: column; */
}

/* ホバー */

.hov{
    transition: all .2s;
}

.hov:hover{
    opacity: .7;
}

/* border-radius */
.brad5 {
    border-radius: 5px;
}
@media screen and (max-width: 800px) {
    .brad5 {
    border-radius: 4px;
    }
}
@media screen and (max-width: 560px) {
    .brad5 {
    border-radius: 3px;
    }
}

.brad10 {
    border-radius: 10px;
}
@media screen and (max-width: 800px) {
    .brad10 {
    border-radius: 8px;
    }
}
@media screen and (max-width: 560px) {
    .brad10 {
    border-radius: 6px;
    }
}

.brad15 {
    border-radius: 15px;
}
@media screen and (max-width: 800px) {
    .brad15 {
    border-radius: 12px;
    }
}
@media screen and (max-width: 560px) {
    .brad15 {
    border-radius: 9px;
    }
}

.brad20 {
    border-radius: 20px;
}
@media screen and (max-width: 800px) {
    .brad20 {
    border-radius: 16px;
    }
}
@media screen and (max-width: 560px) {
    .brad20 {
    border-radius: 12px;
    }
}

.brad25 {
    border-radius: 25px;
}
@media screen and (max-width: 800px) {
    .brad25 {
    border-radius: 20px;
    }
}
@media screen and (max-width: 560px) {
    .brad25 {
    border-radius: 15px;
    }
}

.brad30 {
    border-radius: 30px;
}
@media screen and (max-width: 800px) {
    .brad30 {
    border-radius: 24px;
    }
}
@media screen and (max-width: 560px) {
    .brad30 {
    border-radius: 18px;
    }
}

.brad35 {
    border-radius: 35px;
}
@media screen and (max-width: 800px) {
    .brad35 {
    border-radius: 28px;
    }
}
@media screen and (max-width: 560px) {
    .brad35 {
    border-radius: 21px;
    }
}

.brad40 {
    border-radius: 40px;
}
@media screen and (max-width: 800px) {
    .brad40 {
    border-radius: 32px;
    }
}
@media screen and (max-width: 560px) {
    .brad40 {
    border-radius: 24px;
    }
}

.brad45 {
    border-radius: 45px;
}
@media screen and (max-width: 800px) {
    .brad45 {
    border-radius: 36px;
    }
}
@media screen and (max-width: 560px) {
    .brad45 {
    border-radius: 27px;
    }
}

.brad50 {
    border-radius: 50px;
}
@media screen and (max-width: 800px) {
    .brad50 {
    border-radius: 40px;
    }
}
@media screen and (max-width: 560px) {
    .brad50 {
    border-radius: 30px;
    }
}

.bradh {
    border-radius: 50%;
}

/* その他 */
.por{
    position: relative;
}

/* 印刷 */

@media print {

.scrollanime,
.scrollanime2,
.scrollanime3{
    opacity: 1 !important;
    transform: translate(0) !important;
}

.footer_gotop{
    display: none !important;
}

}