@charset "utf-8";
/* All Devices
-------------------------------------------------------------------------------- */

/* mincho */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;500;700&display=swap');

body {
  font-size: 1.5rem;
}

/* basic
---------------------------------------- */
/* Google Material Symbols */
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 200,
  'GRAD' 0,
  'opsz' 48
}

html .material-symbols-outlined {
  vertical-align: text-bottom;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

a:hover,
input[type="file"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
  opacity: 0.65;
  cursor: pointer;
  transition: all 0.2s;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

iframe {
  width: 100%;
}

strong {
  font-weight: bold;
}

img[src$=".svg"] {
  vertical-align: baseline;
}

/* trimming
---------------------------------------- */
.thumb {
  overflow: hidden;
  position: relative;
}

.thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* flexbox
---------------------------------------- */
.flex-box,
.flexbox,
.flex {
  display: flex;
  flex-wrap: wrap;
}

.flex-box-between,
.flex-box-be,
.flexbox-between,
.flexbox-be,
.flex-between,
.flex-be {
  justify-content: space-between;
}

.flex-box-center,
.flex-box-c,
.flex-box-ce,
.flexbox-center,
.flexbox-c,
.flexbox-ce,
.flex-center,
.flex-c,
.flex-ce {
  justify-content: center;
}

.flex-box-left,
.flex-box-l,
.flexbox-left,
.flexbox-l,
.flex-left,
.flex-l {
  justify-content: flex-start;
}

.flex-box-right,
.flex-box-r,
.flexbox-right,
.flexbox-r,
.flex-right,
.flex-r {
  justify-content: flex-end;
}

.flex-box-bottom,
.flexbox-bottom,
.flex-bottom {
  flex-direction: row;
  align-items: flex-end;
}

.flex-v,
.flex-vertical,
.flex-vertical-center,
.flex-vc,
.flex-v-c,
.flex-v-t-c,
.flex-vt-c,
.flexbox-vertical-center,
.flexbox-vc,
.flexbox-v-c,
.flexbox-v-t-c,
.flexbox-vt-c,
.flex-box-vertical-center,
.flex-box-vc,
.flex-box-v-c,
.flex-box-v-t-c,
.flex-box-vt-c {
  align-items: center;
}

.vertical,
.v-t {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}

.horizontal,
.h-r,
.h-z {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
}

.vertical-center,
.v-c,
.v-t-c,
.vt-c {
  position: absolute;
  transform: translateY(-50%) translateX(-50%);
  top: 50%;
  left: 50%;
}

/* order
---------------------------------------- */
.order-1,
.order1,
.or-1 {
  order: 1;
}

.order-2,
.order2,
.or-2 {
  order: 2;
}

.order-3,
.order3,
.or-3 {
  order: 3;
}

.order-4,
.order4,
.or-4 {
  order: 4;
}

.order-5,
.order5,
.or-5 {
  order: 5;
}

.order-6,
.order6,
.or-6 {
  order: 6;
}

.order-7,
.order7,
.or-7 {
  order: 7;
}

.order-8,
.order8,
.or-8 {
  order: 8;
}

.order-9,
.order9,
.or-9 {
  order: 9;
}

.order-10,
.order10,
.or-10 {
  order: 10;
}

/* clearfix
---------------------------------------- */
.clearfix::after,
.clear::after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility :hidden;
}

.clearfix,
.clear {
  display: inline-block;
}

* html .clearfix,
* html .clear {/* hides from IE Mac */
  height: 1%;
}

.clearfix,
.clear {
  display: block;
}

/* float
---------------------------------------- */
.float-left,
.f-left,
.f-l {
  float: left;
}

.float-right,
.f-right,
.f-r {
  float: right;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.clear-none,
.cl-none,
.c-none,
.cl-n,
.c-n {
  clear: none;
}

.clear-both,
.cl-both,
.c-both,
.cl-b,
.c-b {
  clear: both;
}

/* position
---------------------------------------- */
.relative,
.pr,
.p-r {
  position: relative;
}

.absolute,
.pa,
.p-a {
  position: absolute;
}

/* width
---------------------------------------- */
.w-480,
.w480 {
  max-width: 480px;
}

.w-560,
.w560 {
  max-width: 560px;
}

.w-640,
.w640 {
  max-width: 640px;
}

.w-720,
.w720 {
  max-width: 720px;
}

.w-768,
.w768 {
  max-width: 768px;
}

.w-800,
.w800 {
  max-width: 800px;
}

.w-840,
.w840 {
  max-width: 840px;
}

.w-880,
.w880 {
  max-width: 880px;
}

.w-920,
.w920 {
  max-width: 920px;
}

.w-960,
.w960 {
  max-width: 960px;
}

.w-1000,
.w1000 {
  max-width: 1000px;
}

.w-1024,
.w1024 {
  max-width: 1024px;
}

.w-1040,
.w1040 {
  max-width: 1040px;
}

.w-1048,
.w1048 {
  max-width: 1048px;
}

.w-1080,
.w1080 {
  max-width: 1080px;
}

.w-1100,
.w1100 {
  max-width: 1100px;
}

.w-1120,
.w1120 {
  max-width: 1120px;
}

.w-1140,
.w1140 {
  max-width: 1140px;
}

.w-1160,
.w1160 {
  max-width: 1160px;
}

.w-1200,
.w1200 {
  max-width: 1200px;
}

.w-1240,
.w1240 {
  max-width: 1240px;
}

.w-1280,
.w1280 {
  max-width: 1280px;
}

.w-1320,
.w1320 {
  max-width: 1320px;
}

.w-1366,
.w1366 {
  max-width: 1366px;
}

.w-1400,
.w1400 {
  max-width: 1400px;
}

.w-1440,
.w1440 {
  max-width: 1440px;
}

.w-1480,
.w1480 {
  max-width: 1480px;
}

.w-1600,
.w1600 {
  max-width: 1600px;
}

/* column
---------------------------------------- */
.both-p1,
.b-p1,
.row-p1 > * {
  padding-left: 1%;
  padding-right: 1%;
}

.both-p2,
.b-p2,
.row-p2 > * {
  padding-left: 2%;
  padding-right: 2%;
}

.both-p3,
.b-p3,
.row-p3 > * {
  padding-left: 3%;
  padding-right: 3%;
}

.both-p4,
.b-p4,
.row-p4 > * {
  padding-left: 4%;
  padding-right: 4%;
}

.both-p5,
.b-p5,
.row-p5 > * {
  padding-left: 5%;
  padding-right: 5%;
}

.both-p6,
.b-p6,
.row-p6 > * {
  padding-left: 6%;
  padding-right: 6%;
}

.both-p7,
.b-p7,
.row-p7 > * {
  padding-left: 7%;
  padding-right: 7%;
}

.both-p8,
.b-p8,
.row-p8 > * {
  padding-left: 8%;
  padding-right: 8%;
}

.both-p9,
.b-p9,
.row-p9 > * {
  padding-left: 9%;
  padding-right: 9%;
}

.both-p10,
.b-p10,
.row-p10 > * {
  padding-left: 10%;
  padding-right: 10%;
}


.w-a,
.wa {
  width: auto;
}

.w-100,
.w100,
.row-w100 > * {
  width: 100%;
}

.w-90,
.w90,
.row-w90 > * {
  width: 90%;
}

.w-85,
.w85,
.row-w85 > * {
  width: 85%;
}

.w-80,
.w80,
.row-w80 > * {
  width: 80%;
}

.w-75,
.w75,
.row-w75 > * {
  width: 75%;
}

.w-70,
.w70,
.row-w70 > * {
  width: 70%;
}

.w-66,
.w66,
.row-w66 > * {
  width: 66.666%;
}

.w-65,
.w65,
.row-w65 > * {
  width: 65%;
}

.w-60,
.w60,
.row-w60 > * {
  width: 60%;
}

.w-55,
.w55,
.row-w55 > * {
  width: 55%;
}

.w-50,
.w50,
.row-w50 > * {
  width: 50%;
}

.w-49,
.w49,
.row-w49 > * {
  width: 49%;
}

.w-48,
.w48,
.row-w48 > * {
  width: 48%;
}

.w-47,
.w47,
.row-w47 > * {
  width: 47%;
}

.w-46,
.w46,
.row-w46 > * {
  width: 46%;
}

.w-45,
.w45,
.row-w45 > * {
  width: 45%;
}

.w-40,
.w40,
.row-w40 > * {
  width: 40%;
}

.w-35,
.w35,
.row-w35 > * {
  width: 35%;
}

.w-33,
.w33,
.row-w33 > * {
  width: 33.333%;
}

.w-32,
.w32,
.row-w32 > * {
  width: 32%;
}

.w-31,
.w31,
.row-w31 > * {
  width: 31%;
}

.w-30,
.w30,
.row-w30 > * {
  width: 30%;
}

.w-25,
.w25,
.row-w25 > * {
  width: 25%;
}

.w-20,
.w20,
.row-w20 > * {
  width: 20%;
}

.w-15,
.w15,
.row-w15 > * {
  width: 15%;
}

.w-10,
.w10,
.row-w10 > * {
  width: 10%;
}

.w-5,
.w5,
.row-w5 > * {
  width: 5%;
}


.row-1 > *,
.col-1 {
  width: 100%;
}

.row-1-m1 > *,
.col-1-m1 {
  width: calc(100% - 2%);
  margin-left: 1%;
  margin-right: 1%;
}

.row-1-m15 > *,
.col-1-m15 {
  width: calc(100% - 3%);
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.row-1-m2 > *,
.col-1-m2 {
  width: calc(100% - 4%);
  margin-left: 2%;
  margin-right: 2%;
}

.row-1-m25 > *,
.col-1-m25 {
  width: calc(100% - 5%);
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.row-1-m3 > *,
.col-1-m3 {
  width: calc(100% - 6%);
  margin-left: 3%;
  margin-right: 3%;
}

.row-2 > *,
.row-2-1 > *,
.col-2,
.col-2-1 {
  width: 50%;
}

.row-2-m1 > *,
.row-2-1-m1 > *,
.col-2-m1,
.col-2-1-m1 {
  width: calc(50% - 2%);
  margin-left: 1%;
  margin-right: 1%;
}

.row-2-m15 > *,
.row-2-1-m15 > *,
.col-2-m15,
.col-2-1-m15 {
  width: calc(50% - 3%);
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.row-2-m2 > *,
.row-2-1-m2 > *,
.col-2-m2,
.col-2-1-m2 {
  width: calc(50% - 4%);
  margin-left: 2%;
  margin-right: 2%;
}

.row-2-m25 > *,
.row-2-1-m25 > *,
.col-2-m25,
.col-2-1-m25 {
  width: calc(50% - 5%);
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.row-2-m3 > *,
.row-2-1-m3 > *,
.col-2-m3,
.col-2-1-m3 {
  width: calc(50% - 6%);
  margin-left: 3%;
  margin-right: 3%;
}

.row-3 > *,
.row-3-1 > *,
.col-3,
.col-3-1 {
  width: 33.333%;
}

.row-3-m1 > *,
.row-3-1-m1 > *,
.col-3-m1,
.col-3-1-m1 {
  width: calc(33.333% - 2%);
  margin-left: 1%;
  margin-right: 1%;
}

.row-3-m15 > *,
.row-3-1-m15 > *,
.col-3-m15,
.col-3-1-m15 {
  width: calc(33.333% - 3%);
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.row-3-m2 > *,
.row-3-1-m2 > *,
.col-3-m2,
.col-3-1-m2 {
  width: calc(33.333% - 4%);
  margin-left: 2%;
  margin-right: 2%;
}

.row-3-m25 > *,
.row-3-1-m25 > *,
.col-3-m25,
.col-3-1-m25 {
  width: calc(33.333% - 5%);
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.row-3-m3 > *,
.row-3-1-m3 > *,
.col-3-m3,
.col-3-1-m3 {
  width: calc(33.333% - 6%);
  margin-left: 3%;
  margin-right: 3%;
}

.row-3-2 > *,
.col-3-2 {
  width: 66.666%;
}

.row-3-2-m1 > *,
.col-3-2-m1 {
  width: calc(66.666% - 2%);
  margin-left: 1%;
  margin-right: 1%;
}

.row-3-2-m15 > *,
.col-3-2-m15 {
  width: calc(66.666% - 3%);
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.row-3-2-m2 > *,
.col-3-2-m2 {
  width: calc(66.666% - 4%);
  margin-left: 2%;
  margin-right: 2%;
}

.row-3-2-m25 > *,
.col-3-2-m25 {
  width: calc(66.666% - 5%);
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.row-3-2-m3 > *,
.col-3-2-m3 {
  width: calc(66.666% - 6%);
  margin-left: 3%;
  margin-right: 3%;
}

.row-4 > *,
.row-4-1 > *,
.col-4,
.col-4-1 {
  width: 25%;
}

.row-4-m1 > *,
.row-4-1-m1 > *,
.col-4-m1,
.col-4-1-m1 {
  width: calc(25% - 2%);
  margin-left: 1%;
  margin-right: 1%;
}

.row-4-m15 > *,
.row-4-1-m15 > *,
.col-4-m15,
.col-4-1-m15 {
  width: calc(25% - 3%);
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.row-4-m2 > *,
.row-4-1-m2 > *,
.col-4-m2,
.col-4-1-m2 {
  width: calc(25% - 4%);
  margin-left: 2%;
  margin-right: 2%;
}

.row-4-m25 > *,
.row-4-1-m25 > *,
.col-4-m25,
.col-4-1-m25 {
  width: calc(25% - 5%);
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.row-4-m3 > *,
.row-4-1-m3 > *,
.col-4-m3,
.col-4-1-m3 {
  width: calc(25% - 6%);
  margin-left: 3%;
  margin-right: 3%;
}

.row-4-3 > *,
.col-4-3 {
  width: 75%;
}

.row-4-3-m1 > *,
.col-4-3-m1 {
  width: calc(75% - 2%);
  margin-left: 1%;
  margin-right: 1%;
}

.row-4-3-m15 > *,
.col-4-3-m15 {
  width: calc(75% - 3%);
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.row-4-3-m2 > *,
.col-4-3-m2 {
  width: calc(75% - 4%);
  margin-left: 2%;
  margin-right: 2%;
}

.row-4-3-m25 > *,
.col-4-3-m25 {
  width: calc(75% - 5%);
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.row-4-3-m3 > *,
.col-4-3-m3 {
  width: calc(75% - 6%);
  margin-left: 3%;
  margin-right: 3%;
}

.row-5 > *,
.row-5-1 > *,
.col-5,
.col-5-1 {
  width: 20%;
}

.row-5-m1 > *,
.row-5-1-m1 > *,
.col-5-m1,
.col-5-1-m1 {
  width: calc(20% - 2%);
  margin-left: 1%;
  margin-right: 1%;
}

.row-5-m15 > *,
.row-5-1-m15 > *,
.col-5-m15,
.col-5-1-m15 {
  width: calc(20% - 3%);
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.row-5-m2 > *,
.row-5-1-m2 > *,
.col-5-m2,
.col-5-1-m2 {
  width: calc(20% - 4%);
  margin-left: 2%;
  margin-right: 2%;
}

.row-5-m25 > *,
.row-5-1-m25 > *,
.col-5-m25,
.col-5-1-m25 {
  width: calc(20% - 5%);
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.row-5-m3 > *,
.row-5-1-m3 > *,
.col-5-m3,
.col-5-1-m3 {
  width: calc(20% - 6%);
  margin-left: 3%;
  margin-right: 3%;
}

.row-5-2 > *,
.col-5-2 {
  width: 40%;
}

.row-5-2-m1 > *,
.col-5-2-m1 {
  width: calc(40% - 2%);
  margin-left: 1%;
  margin-right: 1%;
}

.row-5-2-m15 > *,
.col-5-2-m15 {
  width: calc(40% - 3%);
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.row-5-2-m2 > *,
.col-5-2-m2 {
  width: calc(40% - 4%);
  margin-left: 2%;
  margin-right: 2%;
}

.row-5-2-m25 > *,
.col-5-2-m25 {
  width: calc(40% - 5%);
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.row-5-2-m3 > *,
.col-5-2-m3 {
  width: calc(40% - 6%);
  margin-left: 3%;
  margin-right: 3%;
}

.row-5-3 > *,
.col-5-3 {
  width: 60%;
}

.row-5-3-m1 > *,
.col-5-3-m1 {
  width: calc(60% - 2%);
  margin-left: 1%;
  margin-right: 1%;
}

.row-5-3-m15 > *,
.col-5-3-m15 {
  width: calc(60% - 3%);
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.row-5-3-m2 > *,
.col-5-3-m2 {
  width: calc(60% - 4%);
  margin-left: 2%;
  margin-right: 2%;
}

.row-5-3-m25 > *,
.col-5-3-m25 {
  width: calc(60% - 5%);
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.row-5-3-m3 > *,
.col-5-3-m3 {
  width: calc(60% - 6%);
  margin-left: 3%;
  margin-right: 3%;
}

.row-5-4 > *,
.col-5-4 {
  width: 80%;
}

.row-5-4-m1 > *,
.col-5-4-m1 {
  width: calc(80% - 2%);
  margin-left: 1%;
  margin-right: 1%;
}

.row-5-4-m15 > *,
.col-5-4-m15 {
  width: calc(80% - 3%);
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.row-5-4-m2 > *,
.col-5-4-m2 {
  width: calc(80% - 4%);
  margin-left: 2%;
  margin-right: 2%;
}

.row-5-4-m25 > *,
.col-5-4-m25 {
  width: calc(80% - 5%);
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.row-5-4-m3 > *,
.col-5-4-m3 {
  width: calc(80% - 6%);
  margin-left: 3%;
  margin-right: 3%;
}

.row-6 > *,
.col-6,
.row-6-1 > *,
.col-6-1 {
  width: 16.666%;
}

.row-6-m1 > *,
.col-6-m1,
.row-6-1-m1 > *,
.col-6-1-m1 {
  width: calc(16.666% - 2%);
  margin-left: 1%;
  margin-right: 1%;
}

.row-6-m15 > *,
.col-6-m15,
.row-6-1-m15 > *,
.col-6-1-m15 {
  width: calc(16.666% - 3%);
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.row-6-m2 > *,
.col-6-m2,
.row-6-1-m2 > *,
.col-6-1-m2 {
  width: calc(16.666% - 4%);
  margin-left: 2%;
  margin-right: 2%;
}

.row-7 > *,
.col-7,
.row-7-1 > *,
.col-7-1 {
  width: 14.285%;
}

.row-7-m1 > *,
.col-7-m1,
.row-7-1-m1 > *,
.col-7-1-m1 {
  width: calc(14.285% - 2%);
  margin-left: 1%;
  margin-right: 1%;
}

.row-7-m15 > *,
.col-7-m15,
.row-7-1-m15 > *,
.col-7-1-m15 {
  width: calc(14.285% - 3%);
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.row-7-m2 > *,
.col-7-m2,
.row-7-1-m2 > *,
.col-7-1-m2 {
  width: calc(14.285% - 4%);
  margin-left: 2%;
  margin-right: 2%;
}

.row-8 > *,
.col-8 ,
.row-8-1 > *,
.col-8-1 {
  width: 12.5%;
}

.row-8-m1 > *,
.col-8-m1,
.row-8-1-m1 > *,
.col-8-1-m1 {
  width: calc(12.5% - 2%);
  margin-left: 1%;
  margin-right: 1%;
}

.row-8-m15 > *,
.col-8-m15,
.row-8-1-m15 > *,
.col-8-1-m15 {
  width: calc(12.5% - 3%);
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.row-8-m2 > *,
.col-8-m2,
.row-8-1-m2 > *,
.col-8-1-m2 {
  width: calc(12.5% - 4%);
  margin-left: 2%;
  margin-right: 2%;
}

.row-9 > *,
.col-9,
.row-9-1 > *,
.col-9-1 {
  width: 11.111%;
}

.row-9-m1 > *,
.col-9-m1,
.row-9-1-m1 > *,
.col-9-1-m1 {
  width: calc(11.111% - 2%);
  margin-left: 1%;
  margin-right: 1%;
}

.row-9-m15 > *,
.col-9-m15,
.row-9-1-m15 > *,
.col-9-1-m15 {
  width: calc(11.111% - 3%);
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.row-9-m2 > *,
.col-9-m2,
.row-9-1-m2 > *,
.col-9-1-m2 {
  width: calc(11.111% - 4%);
  margin-left: 2%;
  margin-right: 2%;
}

.row-10 > *,
.col-10,
.row-10-1 > *,
.col-10-1 {
  width: 10%;
}

.row-10-m1 > *,
.col-10-m1,
.row-10-1-m1 > *,
.col-10-1-m1 {
  width: calc(10% - 2%);
  margin-left: 1%;
  margin-right: 1%;
}

.row-10-m15 > *,
.col-10-m15,
.row-10-1-m15 > *,
.col-10-1-m15 {
  width: calc(10% - 3%);
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.row-10-m2 > *,
.col-10-m2,
.row-10-1-m2 > *,
.col-10-1-m2 {
  width: calc(10% - 4%);
  margin-left: 2%;
  margin-right: 2%;
}


.h10,
.h-10 {
  height: 10px;
}

.h12,
.h-12 {
  height: 12px;
}

.h14,
.h-14 {
  height: 14px;
}

.h16,
.h-16 {
  height: 16px;
}

.h18,
.h-18 {
  height: 18px;
}

.h20,
.h-20 {
  height: 20px;
}

.h24,
.h-24 {
  height: 24px;
}

.h28,
.h-28 {
  height: 28px;
}

.h30,
.h-30 {
  height: 30px;
}

.h32,
.h-32 {
  height: 32px;
}

.h36,
.h-36 {
  height: 32px;
}

.h40,
.h-40 {
  height: 40px;
}

.h50,
.h-50 {
  height: 50px;
}

.h60,
.h-60 {
  height: 60px;
}

.h70,
.h-70 {
  height: 70px;
}

.h80,
.h-80 {
  height: 80px;
}

.h90,
.h-90 {
  height: 90px;
}

.h100,
.h-100 {
  height: 100px;
}

.h100p,
.h100-p,
.h-100p,
.h-100-p {
  height: 100%;
}

/* padding & margin
---------------------------------------- */
.pt-0,
.pt0 {
  padding-top: 0px;
}

.pt-2,
.pt2 {
  padding-top: 2px;
}

.pt-4,
.pt4 {
  padding-top: 4px;
}

.pt-6,
.pt6 {
  padding-top: 6px;
}

.pt-8,
.pt8 {
  padding-top: 8px;
}

.pt-10,
.pt10 {
  padding-top: 10px;
}

.pt-12,
.pt12 {
  padding-top: 12px;
}

.pt-14,
.pt14 {
  padding-top: 14px;
}

.pt-16,
.pt16 {
  padding-top: 16px;
}

.pt-18,
.pt18 {
  padding-top: 18px;
}

.pt-20,
.pt20 {
  padding-top: 20px;
}

.pt-22,
.pt22 {
  padding-top: 22px;
}

.pt-24,
.pt24 {
  padding-top: 24px;
}

.pt-26,
.pt26 {
  padding-top: 26px;
}

.pt-28,
.pt28 {
  padding-top: 28px;
}

.pt-30,
.pt30 {
  padding-top: 30px;
}

.pt-32,
.pt32 {
  padding-top: 32px;
}

.pt-36,
.pt36 {
  padding-top: 36px;
}

.pt-40,
.pt40 {
  padding-top: 40px;
}

.pt-44,
.pt44 {
  padding-top: 44px;
}

.pt-46,
.pt46 {
  padding-top: 46px;
}

.pt-48,
.pt48 {
  padding-top: 48px;
}

.pt-50,
.pt50 {
  padding-top: 50px;
}

.pt-60,
.pt60 {
  padding-top: 60px;
}

.pt-70,
.pt70 {
  padding-top: 70px;
}

.pt-80,
.pt80 {
  padding-top: 80px;
}

.pt-90,
.pt90 {
  padding-top: 90px;
}

.pt-100,
.pt100 {
  padding-top: 100px;
}

.pt-110,
.pt110 {
  padding-top: 110px;
}

.pt-120,
.pt120 {
  padding-top: 120px;
}

.pt-140,
.pt140 {
  padding-top: 140px;
}

.pt-150,
.pt150 {
  padding-top: 150px;
}

.pt-160,
.pt160 {
  padding-top: 160px;
}

.pt-180,
.pt180 {
  padding-top: 180px;
}

.pt-200,
.pt200 {
  padding-top: 200px;
}

.pt-240,
.pt240 {
  padding-top: 240px;
}

.pt-250,
.pt250 {
  padding-top: 250px;
}

.pt-260,
.pt260 {
  padding-top: 260px;
}

.pt-280,
.pt280 {
  padding-top: 280px;
}

.pt-300,
.pt300 {
  padding-top: 300px;
}

.pt-320,
.pt320 {
  padding-top: 320px;
}

.pt-350,
.pt350 {
  padding-top: 350px;
}

.pt-360,
.pt360 {
  padding-top: 360px;
}

.pt-400,
.pt400 {
  padding-top: 400px;
}

.pb-0,
.pb0 {
  padding-bottom: 0px;
}

.pb-2,
.pb2 {
  padding-bottom: 2px;
}

.pb-4,
.pb4 {
  padding-bottom: 4px;
}

.pb-6,
.pb6 {
  padding-bottom: 6px;
}

.pb-8,
.pb8 {
  padding-bottom: 8px;
}

.pb-10,
.pb10 {
  padding-bottom: 10px;
}

.pb-12,
.pb12 {
  padding-bottom: 12px;
}

.pb-14,
.pb14 {
  padding-bottom: 14px;
}

.pb-16,
.pb16 {
  padding-bottom: 16px;
}

.pb-18,
.pb18 {
  padding-bottom: 18px;
}

.pb-20,
.pb20 {
  padding-bottom: 20px;
}

.pb-22,
.pb22 {
  padding-bottom: 22px;
}

.pb-24,
.pb24 {
  padding-bottom: 24px;
}

.pb-26,
.pb26 {
  padding-bottom: 26px;
}

.pb-28,
.pb28 {
  padding-bottom: 28px;
}

.pb-30,
.pb30 {
  padding-bottom: 30px;
}

.pb-32,
.pb32 {
  padding-bottom: 32px;
}

.pb-36,
.pb36 {
  padding-bottom: 36px;
}

.pb-40,
.pb40 {
  padding-bottom: 40px;
}

.pb-44,
.pb44 {
  padding-bottom: 44px;
}

.pb-46,
.pb46 {
  padding-bottom: 46px;
}

.pb-48,
.pb48 {
  padding-bottom: 48px;
}

.pb-50,
.pb50 {
  padding-bottom: 50px;
}

.pb-60,
.pb60 {
  padding-bottom: 60px;
}

.pb-70,
.pb70 {
  padding-bottom: 70px;
}

.pb-80,
.pb80 {
  padding-bottom: 80px;
}

.pb-90,
.pb90 {
  padding-bottom: 90px;
}

.pb-100,
.pb100 {
  padding-bottom: 100px;
}

.pb-110,
.pb110 {
  padding-bottom: 110px;
}

.pb-120,
.pb120 {
  padding-bottom: 120px;
}

.pb-140,
.pb140 {
  padding-bottom: 140px;
}

.pb-150,
.pb150 {
  padding-bottom: 150px;
}

.pb-160,
.pb160 {
  padding-bottom: 160px;
}

.pb-180,
.pb180 {
  padding-bottom: 180px;
}

.pb-200,
.pb200 {
  padding-bottom: 200px;
}

.pb-240,
.pb240 {
  padding-bottom: 240px;
}

.pb-250,
.pb250 {
  padding-bottom: 250px;
}

.pb-260,
.pb260 {
  padding-bottom: 260px;
}

.pb-280,
.pb280 {
  padding-bottom: 280px;
}

.pb-300,
.pb300 {
  padding-bottom: 300px;
}

.pb-320,
.pb320 {
  padding-bottom: 320px;
}

.pb-350,
.pb350 {
  padding-bottom: 350px;
}

.pb-360,
.pb360 {
  padding-bottom: 360px;
}

.pb-400,
.pb400 {
  padding-bottom: 400px;
}

.mt-0,
.mt0 {
  margin-top: 0px;
}

.mt-2,
.mt2 {
  margin-top: 2px;
}

.mt-4,
.mt4 {
  margin-top: 4px;
}

.mt-6,
.mt6 {
  margin-top: 6px;
}

.mt-8,
.mt8 {
  margin-top: 8px;
}

.mt-10,
.mt10 {
  margin-top: 10px;
}

.mt-12,
.mt12 {
  margin-top: 12px;
}

.mt-14,
.mt14 {
  margin-top: 14px;
}

.mt-16,
.mt16 {
  margin-top: 16px;
}

.mt-18,
.mt18 {
  margin-top: 18px;
}

.mt-20,
.mt20 {
  margin-top: 20px;
}

.mt-22,
.mt22 {
  margin-top: 22px;
}

.mt-24,
.mt24 {
  margin-top: 24px;
}

.mt-26,
.mt26 {
  margin-top: 26px;
}

.mt-28,
.mt28 {
  margin-top: 28px;
}

.mt-30,
.mt30 {
  margin-top: 30px;
}

.mt-32,
.mt32 {
  margin-top: 32px;
}

.mt-36,
.mt36 {
  margin-top: 36px;
}

.mt-40,
.mt40 {
  margin-top: 40px;
}

.mt-44,
.mt44 {
  margin-top: 44px;
}

.mt-46,
.mt46 {
  margin-top: 46px;
}

.mt-48,
.mt48 {
  margin-top: 48px;
}

.mt-50,
.mt50 {
  margin-top: 50px;
}

.mt-60,
.mt60 {
  margin-top: 60px;
}

.mt-70,
.mt70 {
  margin-top: 70px;
}

.mt-80,
.mt80 {
  margin-top: 80px;
}

.mt-90,
.mt90 {
  margin-top: 90px;
}

.mt-100,
.mt100 {
  margin-top: 100px;
}

.mt-110,
.mt110 {
  margin-top: 110px;
}

.mt-120,
.mt120 {
  margin-top: 120px;
}

.mt-140,
.mt140 {
  margin-top: 140px;
}

.mt-150,
.mt150 {
  margin-top: 150px;
}

.mt-160,
.mt160 {
  margin-top: 160px;
}

.mt-180,
.mt180 {
  margin-top: 180px;
}

.mt-200,
.mt200 {
  margin-top: 200px;
}

.mt-240,
.mt240 {
  margin-top: 240px;
}

.mt-250,
.mt250 {
  margin-top: 250px;
}

.mt-260,
.mt260 {
  margin-top: 260px;
}

.mt-280,
.mt280 {
  margin-top: 280px;
}

.mt-300,
.mt300 {
  margin-top: 300px;
}

.mt-320,
.mt320 {
  margin-top: 320px;
}

.mt-350,
.mt350 {
  margin-top: 350px;
}

.mt-360,
.mt360 {
  margin-top: 360px;
}

.mt-400,
.mt400 {
  margin-top: 400px;
}

.mb-0,
.mb0 {
  margin-bottom: 0px;
}

.mb-2,
.mb2 {
  margin-bottom: 2px;
}

.mb-4,
.mb4 {
  margin-bottom: 4px;
}

.mb-6,
.mb6 {
  margin-bottom: 6px;
}

.mb-8,
.mb8 {
  margin-bottom: 8px;
}

.mb-10,
.mb10 {
  margin-bottom: 10px;
}

.mb-12,
.mb12 {
  margin-bottom: 12px;
}

.mb-14,
.mb14 {
  margin-bottom: 14px;
}

.mb-16,
.mb16 {
  margin-bottom: 16px;
}

.mb-18,
.mb18 {
  margin-bottom: 18px;
}

.mb-20,
.mb20 {
  margin-bottom: 20px;
}

.mb-22,
.mb22 {
  margin-bottom: 22px;
}

.mb-24,
.mb24 {
  margin-bottom: 24px;
}

.mb-26,
.mb26 {
  margin-bottom: 26px;
}

.mb-28,
.mb28 {
  margin-bottom: 28px;
}

.mb-30,
.mb30 {
  margin-bottom: 30px;
}

.mb-32,
.mb32 {
  margin-bottom: 32px;
}

.mb-36,
.mb36 {
  margin-bottom: 36px;
}

.mb-40,
.mb40 {
  margin-bottom: 40px;
}

.mb-44,
.mb44 {
  margin-bottom: 44px;
}

.mb-46,
.mb46 {
  margin-bottom: 46px;
}

.mb-48,
.mb48 {
  margin-bottom: 48px;
}

.mb-50,
.mb50 {
  margin-bottom: 50px;
}

.mb-60,
.mb60 {
  margin-bottom: 60px;
}

.mb-70,
.mb70 {
  margin-bottom: 70px;
}

.mb-80,
.mb80 {
  margin-bottom: 80px;
}

.mb-90,
.mb90 {
  margin-bottom: 90px;
}

.mb-100,
.mb100 {
  margin-bottom: 100px;
}

.mb-110,
.mb110 {
  margin-bottom: 110px;
}

.mb-120,
.mb120 {
  margin-bottom: 120px;
}

.mb-140,
.mb140 {
  margin-bottom: 140px;
}

.mb-150,
.mb150 {
  margin-bottom: 150px;
}

.mb-160,
.mb160 {
  margin-bottom: 160px;
}

.mb-180,
.mb180 {
  margin-bottom: 180px;
}

.mb-200,
.mb200 {
  margin-bottom: 200px;
}

.mb-240,
.mb240 {
  margin-bottom: 240px;
}

.mb-250,
.mb250 {
  margin-bottom: 250px;
}

.mb-260,
.mb260 {
  margin-bottom: 260px;
}

.mb-280,
.mb280 {
  margin-bottom: 280px;
}

.mb-300,
.mb300 {
  margin-bottom: 300px;
}

.mb-320,
.mb320 {
  margin-bottom: 320px;
}

.mb-350,
.mb350 {
  margin-bottom: 350px;
}

.mb-360,
.mb360 {
  margin-bottom: 360px;
}

.mb-400,
.mb400 {
  margin-bottom: 400px;
}

.pl-0,
.pl0 {
  padding-left: 0;
}

.pl-2,
.pl2 {
  padding-left: 2px;
}

.pl-4,
.pl4 {
  padding-left: 4px;
}

.pl-6,
.pl6 {
  padding-left: 6px;
}

.pl-8,
.pl8 {
  padding-left: 8px;
}

.pl-10,
.pl10 {
  padding-left: 10px;
}

.pl-12,
.pl12 {
  padding-left: 12px;
}

.pl-14,
.pl14 {
  padding-left: 14px;
}

.pl-16,
.pl16 {
  padding-left: 16px;
}

.pl-18,
.pl18 {
  padding-left: 18px;
}

.pl-20,
.pl20 {
  padding-left: 20px;
}

.pl-22,
.pl22 {
  padding-left: 22px;
}

.pl-24,
.pl24 {
  padding-left: 24px;
}

.pl-26,
.pl26 {
  padding-left: 26px;
}

.pl-28,
.pl28 {
  padding-left: 28px;
}

.pl-30,
.pl30 {
  padding-left: 30px;
}

.pl-32,
.pl32 {
  padding-left: 32px;
}

.pl-36,
.pl36 {
  padding-left: 36px;
}

.pl-40,
.pl40 {
  padding-left: 40px;
}

.pl-44,
.pl44 {
  padding-left: 44px;
}

.pl-46,
.pl46 {
  padding-left: 46px;
}

.pl-48,
.pl48 {
  padding-left: 48px;
}

.pl-50,
.pl50 {
  padding-left: 50px;
}

.pl-60,
.pl60 {
  padding-left: 60px;
}

.pl-70,
.pl70 {
  padding-left: 70px;
}

.pl-80,
.pl80 {
  padding-left: 80px;
}

.pl-90,
.pl90 {
  padding-left: 90px;
}

.pl-100,
.pl100 {
  padding-left: 100px;
}

.pl-120,
.pl120 {
  padding-left: 120px;
}

.pl-140,
.pl140 {
  padding-left: 140px;
}

.pl-150,
.pl150 {
  padding-left: 150px;
}

.pl-160,
.pl160 {
  padding-left: 160px;
}

.pl-180,
.pl180 {
  padding-left: 180px;
}

.pl-200,
.pl200 {
  padding-left: 200px;
}

.pr-0,
.pr0 {
  padding-right: 0;
}

.pr-2,
.pr2 {
  padding-right: 2px;
}

.pr-4,
.pr4 {
  padding-right: 4px;
}

.pr-6,
.pr6 {
  padding-right: 6px;
}

.pr-8,
.pr8 {
  padding-right: 8px;
}

.pr-10,
.pr10 {
  padding-right: 10px;
}

.pr-12,
.pr12 {
  padding-right: 12px;
}

.pr-14,
.pr14 {
  padding-right: 14px;
}

.pr-16,
.pr16 {
  padding-right: 16px;
}

.pr-18,
.pr18 {
  padding-right: 18px;
}

.pr-20,
.pr20 {
  padding-right: 20px;
}

.pr-22,
.pr22 {
  padding-right: 22px;
}

.pr-24,
.pr24 {
  padding-right: 24px;
}

.pr-26,
.pr26 {
  padding-right: 26px;
}

.pr-28,
.pr28 {
  padding-right: 28px;
}

.pr-30,
.pr30 {
  padding-right: 30px;
}

.pr-32,
.pr32 {
  padding-right: 32px;
}

.pr-36,
.pr36 {
  padding-right: 36px;
}

.pr-40,
.pr40 {
  padding-right: 40px;
}

.pr-44,
.pr44 {
  padding-right: 44px;
}

.pr-46,
.pr46 {
  padding-right: 46px;
}

.pr-48,
.pr48 {
  padding-right: 48px;
}

.pr-50,
.pr50 {
  padding-right: 50px;
}

.pr-60,
.pr60 {
  padding-right: 60px;
}

.pr-70,
.pr70 {
  padding-right: 70px;
}

.pr-80,
.pr80 {
  padding-right: 80px;
}

.pr-90,
.pr90 {
  padding-right: 90px;
}

.pr-100,
.pr100 {
  padding-right: 100px;
}

.pr-120,
.pr120 {
  padding-right: 120px;
}

.pr-140,
.pr140 {
  padding-right: 140px;
}

.pr-150,
.pr150 {
  padding-right: 150px;
}

.pr-160,
.pr160 {
  padding-right: 160px;
}

.pr-180,
.pr180 {
  padding-right: 180px;
}

.pr-200,
.pr200 {
  padding-right: 200px;
}

.ml-a,
.mla {
  margin-left: auto;
}

.ml-0,
.ml0 {
  margin-left: 0;
}

.ml-2,
.ml2 {
  margin-left: 2px;
}

.ml-4,
.ml4 {
  margin-left: 4px;
}

.ml-6,
.ml6 {
  margin-left: 6px;
}

.ml-8,
.ml8 {
  margin-left: 8px;
}

.ml-10,
.ml10 {
  margin-left: 10px;
}

.ml-12,
.ml12 {
  margin-left: 12px;
}

.ml-14,
.ml14 {
  margin-left: 14px;
}

.ml-16,
.ml16 {
  margin-left: 16px;
}

.ml-18,
.ml18 {
  margin-left: 18px;
}

.ml-20,
.ml20 {
  margin-left: 20px;
}

.ml-22,
.ml22 {
  margin-left: 22px;
}

.ml-24,
.ml24 {
  margin-left: 24px;
}

.ml-26,
.ml26 {
  margin-left: 26px;
}

.ml-28,
.ml28 {
  margin-left: 28px;
}

.ml-30,
.ml30 {
  margin-left: 30px;
}

.ml-32,
.ml32 {
  margin-left: 32px;
}

.ml-36,
.ml36 {
  margin-left: 36px;
}

.ml-40,
.ml40 {
  margin-left: 40px;
}

.ml-44,
.ml44 {
  margin-left: 44px;
}

.ml-46,
.ml46 {
  margin-left: 46px;
}

.ml-48,
.ml48 {
  margin-left: 48px;
}

.ml-50,
.ml50 {
  margin-left: 50px;
}

.ml-60,
.ml60 {
  margin-left: 60px;
}

.ml-70,
.ml70 {
  margin-left: 70px;
}

.ml-80,
.ml80 {
  margin-left: 80px;
}

.ml-90,
.ml90 {
  margin-left: 90px;
}

.ml-100,
.ml100 {
  margin-left: 100px;
}

.ml-120,
.ml120 {
  margin-left: 120px;
}

.ml-140,
.ml140 {
  margin-left: 140px;
}

.ml-150,
.ml150 {
  margin-left: 150px;
}

.ml-160,
.ml160 {
  margin-left: 160px;
}

.ml-180,
.ml180 {
  margin-left: 180px;
}

.ml-200,
.ml200 {
  margin-left: 200px;
}

.mr-a,
.mra {
  margin-right: auto;
}

.mr-0,
.mr0 {
  margin-right: 0;
}

.mr-2,
.mr2 {
  margin-right: 2px;
}

.mr-4,
.mr4 {
  margin-right: 4px;
}

.mr-6,
.mr6 {
  margin-right: 6px;
}

.mr-8,
.mr8 {
  margin-right: 8px;
}

.mr-10,
.mr10 {
  margin-right: 10px;
}

.mr-12,
.mr12 {
  margin-right: 12px;
}

.mr-14,
.mr14 {
  margin-right: 14px;
}

.mr-16,
.mr16 {
  margin-right: 16px;
}

.mr-18,
.mr18 {
  margin-right: 18px;
}

.mr-20,
.mr20 {
  margin-right: 20px;
}

.mr-22,
.mr22 {
  margin-right: 22px;
}

.mr-24,
.mr24 {
  margin-right: 24px;
}

.mr-26,
.mr26 {
  margin-right: 26px;
}

.mr-28,
.mr28 {
  margin-right: 28px;
}

.mr-30,
.mr30 {
  margin-right: 30px;
}

.mr-32,
.mr32 {
  margin-right: 32px;
}

.mr-36,
.mr36 {
  margin-right: 36px;
}

.mr-40,
.mr40 {
  margin-right: 40px;
}

.mr-44,
.mr44 {
  margin-right: 44px;
}

.mr-46,
.mr46 {
  margin-right: 46px;
}

.mr-48,
.mr48 {
  margin-right: 48px;
}

.mr-50,
.mr50 {
  margin-right: 50px;
}

.mr-60,
.mr60 {
  margin-right: 60px;
}

.mr-70,
.mr70 {
  margin-right: 70px;
}

.mr-80,
.mr80 {
  margin-right: 80px;
}

.mr-90,
.mr90 {
  margin-right: 90px;
}

.mr-100,
.mr100 {
  margin-right: 100px;
}

.mr-120,
.mr120 {
  margin-right: 120px;
}

.mr-140,
.mr140 {
  margin-right: 140px;
}

.mr-150,
.mr150 {
  margin-right: 150px;
}

.mr-160,
.mr160 {
  margin-right: 160px;
}

.mr-180,
.mr180 {
  margin-right: 180px;
}

.mr-200,
.mr200 {
  margin-right: 200px;
}

.pl-2p,
.pl2p {
  padding-left: 2%;
}

.pl-4p,
.pl4p {
  padding-left: 4%;
}

.pl-6p,
.pl6p {
  padding-left: 6%;
}

.pl-8p,
.pl8p {
  padding-left: 8%;
}

.pl-10p,
.pl10p {
  padding-left: 10%;
}

.pr-2p,
.pr2p {
  padding-right: 2%;
}

.pr-4p,
.pr4p {
  padding-right: 4%;
}

.pr-6p,
.pr6p {
  padding-right: 6%;
}

.pr-8p,
.pr8p {
  padding-right: 8%;
}

.pr-10p,
.pr10p {
  padding-right: 10%;
}

.ml-2p,
.ml2p {
  margin-left: 2%;
}

.ml-4p,
.ml4p {
  margin-left: 4%;
}

.ml-6p,
.ml6p {
  margin-left: 6%;
}

.ml-8p,
.ml8p {
  margin-left: 8%;
}

.ml-10p,
.ml10p {
  margin-left: 10%;
}

.mr-2p,
.mr2p {
  margin-right: 2%;
}

.mr-4p,
.mr4p {
  margin-right: 4%;
}

.mr-6p,
.mr6p {
  margin-right: 6%;
}

.mr-8p,
.mr8p {
  margin-right: 8%;
}

.mr-10p,
.mr10p {
  margin-right: 10%;
}

.p-0,
.p0 {
  padding: 0%;
}

.p-2p,
.p2p {
  padding: 2%;
}

.p-4p,
.p4p {
  padding: 4%;
}

.p-6p,
.p6p {
  padding: 6%;
}

.p-8p,
.p8p {
  padding: 8%;
}

.p-10p,
.p10p {
  padding: 10%;
}

.p-12p,
.p12p {
  padding: 12%;
}

.p-14p,
.p14p {
  padding: 14%;
}

.p-16p,
.p16p {
  padding: 16%;
}

.p-18p,
.p18p {
  padding: 18%;
}

.p-20p,
.p20p {
  padding: 20%;
}

.p-24p,
.p24p {
  padding: 24%;
}

.p-28p,
.p28p {
  padding: 28%;
}

.p-30p,
.p30p {
  padding: 30%;
}

.m-0,
.m0 {
  margin: 0%;
}

.m-2p,
.m2p {
  margin: 2%;
}

.m-4p,
.m4p {
  margin: 4%;
}

.m-6p,
.m6p {
  margin: 6%;
}

.m-8p,
.m8p {
  margin: 8%;
}

.m-10p,
.m10p {
  margin: 10%;
}

.m-12p,
.m12p {
  margin: 12%;
}

.m-14p,
.m14p {
  margin: 14%;
}

.m-16p,
.m16p {
  margin: 16%;
}

.m-18p,
.m18p {
  margin: 18%;
}

.m-20p,
.m20p {
  margin: 20%;
}

.m-24p,
.m24p {
  margin: 24%;
}

.m-28p,
.m28p {
  margin: 28%;
}

.m-30p,
.m30p {
  margin: 30%;
}

.p-4,
.p4 {
  padding: 4px;
}

.p-6,
.p6 {
  padding: 6px;
}

.p-8,
.p8 {
  padding: 8px;
}

.p-10,
.p10 {
  padding: 10px;
}

.p-16,
.p16 {
  padding: 16px;
}

.p-20,
.p20 {
  padding: 20px;
}

.p-24,
.p24 {
  padding: 24px;
}

.p-30,
.p30 {
  padding: 30px;
}

.p-40,
.p40 {
  padding: 40px;
}

.m-width-0,
.m-w-0 {
  margin-left: 0;
  margin-right: 0;
}

/* display
---------------------------------------- */
html .display-b,
html .d-b {
  display: block;
}

html .display-ib,
html .d-i-b {
  display: inline-block;
}

html .display-i,
html .d-i {
  display: inline;
}

html .display-n,
html .d-n {
  display: none;
}

/* line height
---------------------------------------- */
.l-h-normal,
.l-h-n,
.lh-normal,
.lh-n,
.lhn {
  line-height: normal;
}

.l-h-0,
.lh-0,
.lh0 {
  line-height: 0;
}

.l-h-1,
.lh-1,
.lh1 {
  line-height: 1;
}

.l-h-11,
.lh-11,
.lh11 {
  line-height: 1.1;
}

.l-h-12,
.lh-12,
.lh12 {
  line-height: 1.2;
}

.l-h-13,
.lh-13,
.lh13 {
  line-height: 1.3;
}

.l-h-14,
.lh-14,
.lh14 {
  line-height: 1.4;
}

.l-h-15,
.lh-15,
.lh15 {
  line-height: 1.5;
}

.l-h-16,
.lh-16,
.lh16 {
  line-height: 1.6;
}

.l-h-17,
.lh-17,
.lh17 {
  line-height: 1.7;
}

.l-h-18,
.lh-18,
.lh18 {
  line-height: 1.8;
}

.l-h-19,
.lh-19,
.lh19 {
  line-height: 1.9;
}

.l-h-2,
.lh-2,
.lh2 {
  line-height: 2;
}

.l-h-21,
.lh-21,
.lh21 {
  line-height: 2.1;
}

.l-h-22,
.lh-22,
.lh22 {
  line-height: 2.2;
}

.l-h-24,
.lh-24,
.lh24 {
  line-height: 2.4;
}

/* letter spacing
---------------------------------------- */
.l-s-05,
.ls-05,
.ls05 {
  letter-spacing: 0.05rem;
}

.l-s-1,
.ls-1,
.ls1 {
  letter-spacing: 0.1rem;
}

.l-s-15,
.ls-15,
.ls15 {
  letter-spacing: 0.15rem;
}

.l-s-2,
.ls-2,
.ls2 {
  letter-spacing: 0.2rem;
}

.l-s-25,
.ls-25,
.ls25 {
  letter-spacing: 0.25rem;
}

.l-s-3,
.ls-3,
.ls3 {
  letter-spacing: 0.3rem;
}

/* font size
---------------------------------------- */
.font-7,
.f-7,
.f7 {
  font-size: 0.7rem;
}

.font-8,
.f-8,
.f8 {
  font-size: 0.8rem;
}

.font-9,
.f-9,
.f9 {
  font-size: 0.9rem;
}

.font-10,
.f-10,
.f10 {
  font-size: 1rem;
}

.font-11,
.f-11,
.f11 {
  font-size: 1.1rem;
}

.font-12,
.f-12,
.f12 {
  font-size: 1.2rem;
}

.font-13,
.f-13,
.f13 {
  font-size: 1.3rem;
}

.font-14,
.f-14,
.f14 {
  font-size: 1.4rem;
}

.font-15,
.f-15,
.f15 {
  font-size: 1.5rem;
}

.font-16,
.f-16,
.f16 {
  font-size: 1.6rem;
}

.font-17,
.f-17,
.f17 {
  font-size: 1.7rem;
}

.font-18,
.f-18,
.f18 {
  font-size: 1.8rem;
}

.font-19,
.f-19,
.f19 {
  font-size: 1.9rem;
}

.font-20,
.f-20,
.f20 {
  font-size: 2rem;
}

.font-21,
.f-21,
.f21 {
  font-size: 2.1rem;
}

.font-22,
.f-22,
.f22 {
  font-size: 2.2rem;
}

.font-23,
.f-23,
.f23 {
  font-size: 2.3rem;
}

.font-24,
.f-24,
.f24 {
  font-size: 2.4rem;
}

.font-25,
.f-25,
.f25 {
  font-size: 2.5rem;
}

.font-26,
.f-26,
.f26 {
  font-size: 2.6rem;
}

.font-27,
.f-27,
.f27 {
  font-size: 2.7rem;
}

.font-28,
.f-28,
.f28 {
  font-size: 2.8rem;
}

.font-29,
.f-29,
.f29 {
  font-size: 2.9rem;
}

.font-30,
.f-30,
.f30 {
  font-size: 3.0rem;
}

.font-32,
.f-32,
.f32 {
  font-size: 3.2rem;
}

.font-36,
.f-36,
.f36 {
  font-size: 3.6rem;
}

.font-40,
.f-40,
.f40 {
  font-size: 4rem;
}

.font-44,
.f-44,
.f44 {
  font-size: 4.4rem;
}

.font-46,
.f-46,
.f46 {
  font-size: 4.6rem;
}

.font-48,
.f-48,
.f48 {
  font-size: 4.8rem;
}

.font-50,
.f-50,
.f50 {
  font-size: 5rem;
}

.font-52,
.f-52,
.f52 {
  font-size: 5.2rem;
}

.font-54,
.f-54,
.f54 {
  font-size: 5.4rem;
}

.font-56,
.f-56,
.f56 {
  font-size: 5.6rem;
}

.font-58,
.f-58,
.f58 {
  font-size: 5.8rem;
}

.font-60,
.f-60,
.f60 {
  font-size: 6rem;
}

.font-64,
.f-64,
.f64 {
  font-size: 6.4rem;
}

.font-72,
.f-72,
.f72 {
  font-size: 7.2rem;
}

.font-76,
.f-76,
.f76 {
  font-size: 7.6rem;
}

.font-80,
.f-80,
.f80 {
  font-size: 8rem;
}

.font-84,
.f-84,
.f84 {
  font-size: 8.4rem;
}

.font-88,
.f-88,
.f88 {
  font-size: 8.8rem;
}

.font-90,
.f-90,
.f90 {
  font-size: 9.0rem;
}

.font-92,
.f-92,
.f92 {
  font-size: 9.2rem;
}

.font-94,
.f-94,
.f94 {
  font-size: 9.4rem;
}

.font-96,
.f-96,
.f96 {
  font-size: 9.6rem;
}

.font-100,
.f-100,
.f100 {
  font-size: 10rem;
}

.font-104,
.f-104,
.f104 {
  font-size: 10.4rem;
}

.font-108,
.f-108,
.f108 {
  font-size: 10.8rem;
}

.font-110,
.f-110,
.f110 {
  font-size: 11rem;
}

.font-112,
.f-112,
.f112 {
  font-size: 11.2rem;
}

.font-116,
.f-116,
.f116 {
  font-size: 11.6rem;
}

.font-120,
.f-120,
.f120 {
  font-size: 12rem;
}

/* font color
---------------------------------------- */
.fw,
.f-w,
.fc-w,
.cl-w,
.color-w {
  color: #fff;
}

.fbk,
.f-bk,
.fc-bk,
.cl-bk,
.color-bk {
  color: #000;
}

/* background color
---------------------------------------- */
.bgw,
.bg-w {
  background-color: #fff;
}

.bgbk,
.bg-bk {
  background-color: #000;
}

/* alpha
---------------------------------------- */
.alpha-100,
.al-100 {
  background-color: rgba(255,255,255,1);
}

.alpha-90,
.al-90 {
  background-color: rgba(255,255,255,0.9);
}

.alpha-80,
.al-80 {
  background-color: rgba(255,255,255,0.8);
}

.alpha,
.al,
.alpha-70,
.al-70 {
  background-color: rgba(255,255,255,0.7);
}

.alpha-60,
.al-60 {
  background-color: rgba(255,255,255,0.6);
}

.alpha-50,
.al-50 {
  background-color: rgba(255,255,255,0.5);
}

/* kadomaru
---------------------------------------- */
.kado-4,
.kadomaru-4,
.kado4,
.kadomaru4 {
  border-radius: 4px;
}

.kado-6,
.kadomaru-6,
.kado6,
.kadomaru6 {
  border-radius: 6px;
}

.kado-8,
.kadomaru-8,
.kado8,
.kadomaru8 {
  border-radius: 8px;
}

.kado-10,
.kadomaru-10,
.kado10,
.kadomaru10 {
  border-radius: 10px;
}

.kado-12,
.kadomaru-12,
.kado12,
.kadomaru12 {
  border-radius: 12px;
}

.kado-14,
.kadomaru-14,
.kado14,
.kadomaru14 {
  border-radius: 14px;
}

.circle,
.maru {
  border-radius: 50%;
}

/* box shadow
---------------------------------------- */
.box-shadow,
.bs,
.b-s,
.b-sha,
.b-shadow {
  box-shadow: 2px 2px 2px 0px #aaaaaa;
}

.box-shadow-2,
.bs-2,
.b-s-2,
.b-sha-2,
.b-shadow-2 {
  box-shadow: 12px 10px #ccc;
}

/* text shadow
---------------------------------------- */
.text-shadow,
.t-s,
.ts {
  text-shadow: 0px 1px 2px rgba(0,0,0,0.7);
}

.text-shadow-2,
.t-s-2,
.ts-2 {
  text-shadow: 3px 2px 1px rgba(0,0,0,0.9)
}

.text-shadow-3,
.t-s-3,
.ts-3 {
  text-shadow: 4px 3px 2px rgba(0,0,0,0.6)
}

.text-shadow-4,
.t-s-4,
.ts-4 {
  text-shadow: 6px 5px 3px rgba(0,0,0,0.6)
}

.text-shadow-none,
.text-shadow-n,
.t-s-none,
.t-s-n,
.ts-none,
.ts-n {
  text-shadow: 0px 0px 0px rgba(0,0,0,0);
}

/* images fit
---------------------------------------- */
.img-fit {
  width: 100%;
  height: auto;
  display: block;
}

/* img align
---------------------------------------- */
.centered,
.aligncenter,
.imgcenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright,
.imgright {
  padding: 4px;
  margin: 0 0 10px 10px;
  display: inline;
  float: right;
}

.alignleft,
.imgleft {
  padding: 4px;
  margin: 0 10px 10px 0;
  display: inline;
  float: left;
}

/* font style
---------------------------------------- */
.bold,
.strong {
  font-weight: bold;
}

.font-normal,
.f-normal,
.normal {
  font-weight: normal;
}

.text-center,
.t-center,
.t-c,
.tc {
  text-align: center;
}

.t-j,
.tj {
  text-align: justify;
}

.t-left,
.t-l,
.tl {
  text-align: left;
}

.t-right,
.t-r,
.tr {
  text-align: right;
}

.small,
.mini {
  font-size: 1.1rem;
}

.red {
  color: #ff2a00;
}

.lighter {
  font-weight: lighter;
}

.fw100,
.fw-100,
.f-w-100 {
  font-weight: 100;
}

.fw200,
.fw-200,
.f-w-200 {
  font-weight: 200;
}

.fw300,
.fw-300,
.f-w-300 {
  font-weight: 300;
}

.fw400,
.fw-400,
.f-w-400 {
  font-weight: 400;
}

.fw500,
.fw-500,
.f-w-500 {
  font-weight: 500;
}

.fw600,
.fw-600,
.f-w-600 {
  font-weight: 600;
}

.fw700,
.fw-700,
.f-w-700 {
  font-weight: 700;
}

.fw800,
.fw-800,
.f-w-800 {
  font-weight: 800;
}

.fw900,
.fw-900,
.f-w-900 {
  font-weight: 900;
}

.mincho {
  font-family: 'Noto Serif JP', serif;
}

.marugo {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}

.td-u,
.t-d-u {
  text-decoration: underline !important;
}

.td-n,
.t-d-n {
  text-decoration: none !important;
}

/* form
---------------------------------------- */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="reset"],
input[type="button"],
input[type="submit"],
input[type="hidden"],
textarea,
button {
  appearance: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  padding: 8px;
}

input[type="radio"] {
  height: 20px;
  width: 20px;
  vertical-align: sub;
}

input[type="checkbox"] {
  height: 18px;
  width: 18px;
  vertical-align: sub;
}