@charset "utf-8";

/*=================================

sp_style

=================================*/
@media screen and (max-width: 768px) {

/*--- font-size ---*/
.font-xs { font-size:calc(0.8rem + ((1vw - 0.48rem) * 0.6944)); }
.font-s { font-size:calc(0.9rem + ((1vw - 0.48rem) * 0.6944)); }
.font-m { font-size:calc(1.0rem + ((1vw - 0.48rem) * 0.6944)); }
.font-l { font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944)); }
.font-xl { font-size:calc(1.4rem + ((1vw - 0.48rem) * 0.6944)); }

.font-8 { font-size:calc(0.8rem + ((1vw - 0.48rem) * 0.6944)); }
.font-9 { font-size:calc(0.9rem + ((1vw - 0.48rem) * 0.6944)); }
.font-10 { font-size:calc(1.0rem + ((1vw - 0.48rem) * 0.6944)); }
.font-11 { font-size:calc(1.1rem + ((1vw - 0.48rem) * 0.6944)); }
.font-12 { font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944)); }
.font-13 { font-size:calc(1.3rem + ((1vw - 0.48rem) * 0.6944)); }
.font-14 { font-size:calc(1.4rem + ((1vw - 0.48rem) * 0.6944)); }
.font-15 { font-size:calc(1.5rem + ((1vw - 0.48rem) * 0.6944)); }
.font-16 { font-size:calc(1.6rem + ((1vw - 0.48rem) * 0.6944)); }
.font-17 { font-size:calc(1.7rem + ((1vw - 0.48rem) * 0.6944)); }
.font-18 { font-size:calc(1.8rem + ((1vw - 0.48rem) * 0.6944)); }
.font-19 { font-size:calc(1.9rem + ((1vw - 0.48rem) * 0.6944)); }
.font-20 { font-size:calc(2.0rem + ((1vw - 0.48rem) * 0.6944)); }
.font-21 { font-size:calc(2.1rem + ((1vw - 0.48rem) * 0.6944)); }
.font-22 { font-size:calc(2.2rem + ((1vw - 0.48rem) * 0.6944)); }
.font-23 { font-size:calc(2.3rem + ((1vw - 0.48rem) * 0.6944)); }
.font-24 { font-size:calc(2.4rem + ((1vw - 0.48rem) * 0.6944)); }
.font-26 { font-size:calc(2.6rem + ((1vw - 0.48rem) * 0.6944)); }
.font-28 { font-size:calc(2.8rem + ((1vw - 0.48rem) * 0.6944)); }
.font-30 { font-size:calc(3.0rem + ((1vw - 0.48rem) * 0.6944)); }
.font-32 { font-size:calc(3.2rem + ((1vw - 0.48rem) * 0.6944)); }
.font-34 { font-size:calc(3.4rem + ((1vw - 0.48rem) * 0.6944)); }

}