@charset "UTF-8";
@media screen and (max-width: 767px) {

.sp_dis-i{ display: inline !important; }
.sp_dis-ib{ display: inline-block !important; }
.sp_dis-b{ display: block !important; }

.sp_f-s150 { font-size: 150% !important; }
.sp_f-s140 { font-size: 140% !important; }
.sp_f-s130 { font-size: 130% !important; }
.sp_f-s120 { font-size: 120% !important; }
.sp_f-s110 { font-size: 110% !important; }
.sp_f-s100 { font-size: 100% !important; }
.sp_f-s90 { font-size: 90% !important; }
.sp_f-s80 { font-size: 80% !important; }
.sp_f-s70 { font-size: 70% !important; }
.sp_f-s60 { font-size: 60% !important; }
.sp_f-s50 { font-size: 50% !important; }
.sp_f-s40 { font-size: 40% !important; }

.sp_f-w-l{ font-weight: lighter !important; }
.sp_f-w-n{ font-weight: normal !important; }
.sp_f-w-b{ font-weight: bold !important; }

.sp_t-l{ text-align: left !important;}
.sp_t-c{ text-align: center !important;}
.sp_t-r{ text-align: right !important;}

.sp_z-1{ z-index: 1 !important; }
.sp_z-2{ z-index: 2 !important; }
.sp_z-3{ z-index: 3 !important; }
.sp_z-4{ z-index: 4 !important; }
.sp_z-5{ z-index: 5 !important; }

.sp_order1{ order: 1 !important; }
.sp_order2{ order: 2 !important; }
.sp_order3{ order: 3 !important; }
.sp_order4{ order: 4 !important; }
.sp_order5{ order: 5 !important; }

.pc{ display: none !important; }
.pc_f{ display: none !important; }
.sp{ display: block !important; }
.sp_f{ display: flex !important; }

body { min-width: 320px; font-size: 4vw; }





}/*=====================================================================*/