@charset "utf-8";


/*========================
 // utility
===========================*/

.border-red {
  border: #f00 thin solid;
}

/*========================
 // root
===========================*/
:root {
  --color-bg-gray: #ededed;
  --color-white: #fff;
  --color-dummy-gray: #c5c5c5;
  --color-button: #555;
  --color-text: #000;
  --color-primary: #3c3c41;
  --color-red: #ff0000;
  --color-dark-red: #c8373c;
}

/* CSS Document */

html {
  font-size: 10px;
  font-size: 62.5%;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Arial;
  line-height: 1.5;
}

/* reset
-------------------------------------------------------- */

a {
  text-decoration: none;
}

ul,
ol {
  list-style: none;
}

em {
  font-style: normal;
}

img {
  vertical-align: middle;
}

s {
  color: #999;
}

@media screen and (max-width: 768px) {
  img {
    max-width: 100%;
    vertical-align: middle;
  }

  /* mobile end */
}

/*===================================
	anchor
=====================================*/

a {
  color: #666;
  text-decoration: none;
}

a.line {
  text-decoration: underline;
}

a.opacity:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

a.bg_red {
  padding: 0 2em;
}

@media screen and (max-width: 768px) {
  a .arrow {
    padding: 0 0.3em;
  }
}

/*=================================
	// note display and break
================================*/


/*

read_more
*/

ul.read_more {
  display: none;
}

@media screen and (max-width: 768px) {
  .mobHidetxt {
    display: none;
  }

  ul.read_more {
    margin-top: 10px;
    display: block;
  }

  ul.read_more li {
    display: inline-block;
    padding: 1px 30px;
    color: #a17111;
    /* border: #a17111 thin solid; */
    background: #f1e5cf;


  }
}




/*=================================
	common classes
================================*/

.hidetxt {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1;
  font-size: 1rem;
  display: block;
}

ul.disc {
  padding-left: 2em;
}

ul.disc li {
  list-style: disc;
  list-style-position: outside;
}

ul.number li {
  list-style: decimal;
  list-style-position: outside;
}

.underline {
  text-decoration: underline;
}

.shadow {
  box-shadow: 0 3px 5px 0 #999;
}




/*=====================================
 // rounded
==================================*/

.rounded-0 {
  border-radius: 0;
}

.rounded-3 {
  border-radius: 3px;
}

.rounded-5 {
  border-radius: 5px;
}

.rounded-20 {
  border-radius: 20px;
}

.rounded-50 {
  border-radius: 50px;
}

.rounded-circle {
  border-radius: 50%;
}

.rounded-pill {
  border-radius: 50rem;
}



/*=====================================
 // border
==================================*/


.border-ddd {
  border-color: #ddd;
}

.border-aaa {
  border-color: #aaa;
}


.border-555 {
  border-color: #555;
}

.border-666 {
  border-color: #666;
}

.border-999 {
  border-color: #999;
}


/* border */

.border-solid {
  border-style: solid;
}

.border-dotted {
  border-style: dotted;
}

.border-w1 {
  border-width: 1px;
}

.border-w3 {
  border-width: 3px;
}


/* border bottom */
.bb-solid {
  border-bottom-style: solid;
}

.bb-dotted {
  border-bottom-style: dotted;
}

.bb-w1 {
  border-bottom-width: 1px;
}

.bb-w3 {
  border-bottom-width: 3px;
}


/*=====================================
 // list-style
==================================*/

.disc li {
  list-style: disc;
}


/*=====================================
 // display
==================================*/

@media screen and (min-width: 1001px) {
  .is-sp {
    display: none;
  }

  .is-pc {
    display: block;
  }
}

@media screen and (max-width: 1000px) {
  .is-sp {
    display: none;
  }

  .is-pc {
    display: block;
  }
}

@media screen and (max-width: 640px) {
  .is-sp {
    display: block;
  }

  .is-pc {
    display: none;
  }
}

/*=====================================
 // display and flex
==================================*/

.d-none {
  display: none;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-block {
  display: block;
}

.d-flex {
  display: flex;
}

.wrap {
  flex-wrap: wrap !important;
}

.nowrap {
  flex-wrap: nowrap !important;
}

.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.justify-start {
  justify-content: start;
}

.justify-start-i {
  justify-content: start !important;
}

.justify-center {
  justify-content: center;
}

.justify-center-i {
  justify-content: center !important;
}

.justify-end {
  justify-content: end;
}

.justify-end-i {
  justify-content: end !important;
}

.justify-stretch {
  justify-content: stretch;
}

.justify-stretch-i {
  justify-content: stretch !important;
}

.justify-between {
  justify-content: space-between;
}

.justify-between-i {
  justify-content: space-between !important;
}

.items-start {
  align-items: start;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: end;
}

.items-stretch {
  align-items: stretch;
}

.items-between {
  align-items: space-between;
}

@media (min-width: 640px) {
  .d-sm-none {
    display: none;
  }

  .d-sm-inline {
    display: inline;
  }

  .d-sm-inline-block {
    display: inline-block;
  }

  .d-sm-block {
    display: block;
  }

  .d-sm-flex {
    display: flex;
  }

  .wrap-sm {
    flex-wrap: wrap !important;
  }

  .nowrap-sm {
    flex-wrap: nowrap !important;
  }

  .flex-sm-row {
    flex-direction: row;
  }

  .flex-sm-column {
    flex-direction: column;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse;
  }

  .justify-sm-start {
    justify-content: start;
  }

  .justify-sm-center {
    justify-content: center;
  }

  .justify-sm-end {
    justify-content: end;
  }

  .justify-sm-stretch {
    justify-content: stretch;
  }

  .justify-sm-between {
    justify-content: space-between;
  }

  .items-sm-start {
    align-items: start;
  }

  .items-sm-center {
    align-items: center;
  }

  .items-sm-end {
    align-items: end;
  }

  .items-sm-stretch {
    align-items: stretch;
  }

  .items-sm-between {
    align-items: space-between;
  }
}

@media (min-width: 1000px) {
  .d-md-none {
    display: none;
  }

  .d-md-inline {
    display: inline;
  }

  .d-md-inline-block {
    display: inline-block;
  }

  .d-md-block {
    display: block;
  }

  .d-md-flex {
    display: flex;
  }

  .wrap-md {
    flex-wrap: wrap !important;
  }

  .nowrap-md {
    flex-wrap: nowrap !important;
  }

  .flex-md-row {
    flex-direction: row;
  }

  .flex-md-column {
    flex-direction: column;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse;
  }

  .justify-md-start {
    justify-content: start;
  }

  .justify-md-center {
    justify-content: center;
  }

  .justify-md-end {
    justify-content: end;
  }

  .justify-md-stretch {
    justify-content: stretch;
  }

  .justify-md-between {
    justify-content: space-between;
  }

  .items-md-start {
    align-items: start;
  }

  .items-md-center {
    align-items: center;
  }

  .items-md-end {
    align-items: end;
  }

  .items-md-stretch {
    align-items: stretch;
  }

  .items-md-between {
    align-items: space-between;
  }
}



/*=====================================
  width
==================================*/

.w-30per {
  width: 30%;
}

.w-30_2per {
  width: 30.2%;
}

.w-32per {
  width: 32%;
}

.w-33_3per {
  width: 33.3%;
}

.w-33_4per {
  width: 33.4%;
}

.w-38per {
  width: 38%;
}

.w-40per {
  width: 40%;
}

.w-42per {
  width: 42%;
}

.w-44per {
  width: 44%;
}

.w-45per {
  width: 45%;
}

.w-47per {
  width: 47%;
}

.w-48per {
  width: 48%;
}

.w-48_57per {
  width: 48.57%;
}

.w-50per {
  width: 50%;
}

.w-52_2per {
  width: 52.2%;
}

.w-56per {
  width: 56%;
}

.w-62per {
  width: 62%;
}

.w-68per {
  width: 68%;
}

.w-70per {
  width: 70%;
}

.w-77_7per {
  width: 77.7%;
}

.w-83_8per {
  width: 83.8%;
}

.w-85per {
  width: 85%;
}

.w-89per {
  width: 89%;
}

.w-90per {
  width: 90%;
}

.w-95per {
  width: 95%;
}

.w-98per {
  width: 98%;
}


.w-100per {
  width: 100%;
}


@media (min-width: 640px) {

  .w-sm-30per {
    width: 30%;
  }

  .w-sm-30_2per {
    width: 30.2%;
  }

  .w-sm-32per {
    width: 32%;
  }

  .w-sm-33_3per {
    width: 33.3%;
  }

  .w-sm-33_4per {
    width: 33.4%;
  }

  .w-sm-38per {
    width: 38%;
  }

  .w-sm-40per {
    width: 40%;
  }

  .w-sm-42per {
    width: 42%;
  }

  .w-sm-44per {
    width: 44%;
  }

  .w-sm-45per {
    width: 45%;
  }

  .w-sm-47per {
    width: 47%;
  }

  .w-sm-48per {
    width: 48%;
  }

  .w-sm-48_57per {
    width: 48.57%;
  }

  .w-sm-50per {
    width: 50%;
  }

  .w-sm-52_2per {
    width: 52.2%;
  }

  .w-sm-56per {
    width: 56%;
  }

  .w-sm-62per {
    width: 62%;
  }

  .w-sm-68per {
    width: 68%;
  }

  .w-sm-70per {
    width: 70%;
  }

  .w-sm-77_7per {
    width: 77.7%;
  }

  .w-sm-83_8per {
    width: 83.8%;
  }

  .w-sm-85per {
    width: 85%;
  }


  .w-sm-90per {
    width: 90%;
  }

  .w-sm-95per {
    width: 95%;
  }


  .w-sm-100per {
    width: 100%;
  }


}

@media (min-width: 1000px) {


  .w-md-30per {
    width: 30%;
  }

  .w-md-30_2per {
    width: 30.2%;
  }

  .w-md-32per {
    width: 32%;
  }

  .w-md-33_3per {
    width: 33.3%;
  }

  .w-md-33_4per {
    width: 33.4%;
  }

  .w-md-38per {
    width: 38%;
  }

  .w-md-40per {
    width: 40%;
  }

  .w-md-42per {
    width: 42%;
  }

  .w-md-44per {
    width: 44%;
  }

  .w-md-45per {
    width: 45%;
  }

  .w-md-47per {
    width: 47%;
  }

  .w-md-48per {
    width: 48%;
  }

  .w-md-48_57per {
    width: 48.57%;
  }

  .w-md-50per {
    width: 50%;
  }

  .w-md-52_2per {
    width: 52.2%;
  }

  .w-md-56per {
    width: 56%;
  }

  .w-md-62per {
    width: 62%;
  }

  .w-md-68per {
    width: 68%;
  }

  .w-md-70per {
    width: 70%;
  }

  .w-md-77_7per {
    width: 77.7%;
  }

  .w-md-83_8per {
    width: 83.8%;
  }

  .w-md-85per {
    width: 85%;
  }


  .w-md-90per {
    width: 90%;
  }

  .w-md-95per {
    width: 95%;
  }


  .w-md-100per {
    width: 100%;
  }


}




/*=====================================
  max width
==================================*/



.mw-100 {
  max-width: 100%;
}

.mw-100-i {
  max-width: 100% !important;
}

.mw-150 {
  max-width: 150px;
}

.mw-150-i {
  max-width: 150px !important;
}

.mw-170 {
  max-width: 170px;
}

.mw-170-i {
  max-width: 170px !important;
}

.mw-180 {
  max-width: 180px;
}

.mw-180-i {
  max-width: 180px !important;
}

.mw-185 {
  max-width: 185px;
}

.mw-185-i {
  max-width: 185px !important;
}

.mw-200 {
  max-width: 200px;
}

.mw-200-i {
  max-width: 200px !important;
}

.mw-220 {
  max-width: 220px;
}

.mw-220-i {
  max-width: 220px !important;
}

.mw-260 {
  max-width: 260px;
}

.mw-260-i {
  max-width: 260px !important;
}

.mw-300 {
  max-width: 300px;
}

.mw-300-i {
  max-width: 300px !important;
}

.mw-303 {
  max-width: 303px;
}

.mw-303-i {
  max-width: 303px !important;
}

.mw-310 {
  max-width: 310px;
}

.mw-310-i {
  max-width: 310px !important;
}

.mw-315 {
  max-width: 315px;
}

.mw-315-i {
  max-width: 315px !important;
}

.mw-360 {
  max-width: 360px;
}

.mw-360-i {
  max-width: 360px !important;
}

.mw-370 {
  max-width: 370px;
}

.mw-370-i {
  max-width: 370px !important;
}

.mw-400 {
  max-width: 400px;
}

.mw-400-i {
  max-width: 400px !important;
}

.mw-440 {
  max-width: 440px;
}

.mw-440-i {
  max-width: 440px !important;
}

.mw-450 {
  max-width: 450px;
}

.mw-450-i {
  max-width: 450px !important;
}

.mw-470 {
  max-width: 470px;
}

.mw-470-i {
  max-width: 470px !important;
}

.mw-480 {
  max-width: 480px;
}

.mw-480-i {
  max-width: 480px !important;
}

.mw-490 {
  max-width: 490px;
}

.mw-490-i {
  max-width: 490px !important;
}

.mw-500 {
  max-width: 500px;
}

.mw-500-i {
  max-width: 500px !important;
}

.mw-560 {
  max-width: 560px;
}

.mw-560-i {
  max-width: 560px !important;
}

.mw-600 {
  max-width: 600px;
}

.mw-600-i {
  max-width: 600px !important;
}

.mw-608 {
  max-width: 608px;
}

.mw-608-i {
  max-width: 608px !important;
}

.mw-630 {
  max-width: 630px;
}

.mw-630-i {
  max-width: 630px !important;
}

.mw-640 {
  max-width: 640px;
}

.mw-640-i {
  max-width: 640px !important;
}

.mw-650 {
  max-width: 650px;
}

.mw-650-i {
  max-width: 650px !important;
}

.mw-660 {
  max-width: 660px;
}

.mw-660-i {
  max-width: 660px !important;
}

.mw-680 {
  max-width: 680px;
}

.mw-680-i {
  max-width: 680px !important;
}

.mw-690 {
  max-width: 690px;
}

.mw-690-i {
  max-width: 690px !important;
}

.mw-750 {
  max-width: 750px;
}

.mw-750-i {
  max-width: 750px !important;
}

.mw-760 {
  max-width: 760px;
}

.mw-760-i {
  max-width: 760px !important;
}

.mw-770 {
  max-width: 770px;
}

.mw-770-i {
  max-width: 770px !important;
}

.mw-800 {
  max-width: 800px;
}

.mw-800-i {
  max-width: 800px !important;
}

.mw-878 {
  max-width: 878px;
}

.mw-878-i {
  max-width: 878px !important;
}

.mw-920 {
  max-width: 920px;
}

.mw-920-i {
  max-width: 920px !important;
}

.mw-940 {
  max-width: 940px;
}

.mw-940-i {
  max-width: 940px !important;
}

.mw-942 {
  max-width: 942px;
}

.mw-942-i {
  max-width: 942px !important;
}

.mw-1000 {
  max-width: 1000px;
}

.mw-1000-i {
  max-width: 1000px !important;
}

.mw-1040 {
  max-width: 1040px;
}

.mw-1040-i {
  max-width: 1040px !important;
}

.mw-1060 {
  max-width: 1060px;
}

.mw-1060-i {
  max-width: 1060px !important;
}

.mw-1440 {
  max-width: 1440px;
}

.mw-1440-i {
  max-width: 1440px !important;
}

/* sm*/
@media (min-width: 640px) {

  .mw-sm-100 {
    max-width: 100%;
  }

  .mw-sm-150 {
    max-width: 150px;
  }

  .mw-sm-170 {
    max-width: 170px;
  }

  .mw-sm-180 {
    max-width: 180px;
  }

  .mw-sm-185 {
    max-width: 185px;
  }

  .mw-sm-200 {
    max-width: 200px;
  }

  .mw-sm-220 {
    max-width: 220px;
  }

  .mw-sm-260 {
    max-width: 260px;
  }

  .mw-sm-300 {
    max-width: 300px;
  }

  .mw-sm-303 {
    max-width: 303px;
  }

  .mw-sm-310 {
    max-width: 310px;
  }

  .mw-sm-315 {
    max-width: 315px;
  }

  .mw-sm-360 {
    max-width: 360px;
  }

  .mw-sm-370 {
    max-width: 370px;
  }

  .mw-sm-400 {
    max-width: 400px;
  }

  .mw-sm-440 {
    max-width: 440px;
  }

  .mw-sm-450 {
    max-width: 450px;
  }

  .mw-sm-470 {
    max-width: 470px;
  }

  .mw-sm-480 {
    max-width: 480px;
  }

  .mw-sm-490 {
    max-width: 490px;
  }

  .mw-sm-500 {
    max-width: 500px;
  }

  .mw-sm-560 {
    max-width: 560px;
  }

  .mw-sm-600 {
    max-width: 600px;
  }

  .mw-sm-608 {
    max-width: 608px;
  }

  .mw-sm-630 {
    max-width: 630px;
  }

  .mw-sm-640 {
    max-width: 640px;
  }

  .mw-sm-650 {
    max-width: 650px;
  }

  .mw-sm-660 {
    max-width: 660px;
  }

  .mw-sm-680 {
    max-width: 680px;
  }

  .mw-sm-690 {
    max-width: 690px;
  }

  .mw-sm-750 {
    max-width: 750px;
  }

  .mw-sm-760 {
    max-width: 760px;
  }

  .mw-sm-770 {
    max-width: 770px;
  }

  .mw-sm-800 {
    max-width: 800px;
  }

  .mw-sm-878 {
    max-width: 878px;
  }

  .mw-sm-920 {
    max-width: 920px;
  }

  .mw-sm-940 {
    max-width: 940px;
  }

  .mw-sm-942 {
    max-width: 942px;
  }

  .mw-sm-1000 {
    max-width: 1000px;
  }

  .mw-sm-1040 {
    max-width: 1040px;
  }

  .mw-sm-1060 {
    max-width: 1060px;
  }

  .mw-sm-1440 {
    max-width: 1440px;
  }


}

/* md */
@media (min-width: 1000px) {

  .mw-md-100 {
    max-width: 100%;
  }

  .mw-md-150 {
    max-width: 150px;
  }

  .mw-md-170 {
    max-width: 170px;
  }

  .mw-md-180 {
    max-width: 180px;
  }

  .mw-md-185 {
    max-width: 185px;
  }

  .mw-md-200 {
    max-width: 200px;
  }

  .mw-md-220 {
    max-width: 220px;
  }

  .mw-md-260 {
    max-width: 260px;
  }

  .mw-md-300 {
    max-width: 300px;
  }

  .mw-md-303 {
    max-width: 303px;
  }

  .mw-md-310 {
    max-width: 310px;
  }

  .mw-md-315 {
    max-width: 315px;
  }

  .mw-md-360 {
    max-width: 360px;
  }

  .mw-md-370 {
    max-width: 370px;
  }

  .mw-md-400 {
    max-width: 400px;
  }

  .mw-md-440 {
    max-width: 440px;
  }

  .mw-md-450 {
    max-width: 450px;
  }

  .mw-md-470 {
    max-width: 470px;
  }

  .mw-md-480 {
    max-width: 480px;
  }

  .mw-md-490 {
    max-width: 490px;
  }

  .mw-md-500 {
    max-width: 500px;
  }

  .mw-md-560 {
    max-width: 560px;
  }

  .mw-md-600 {
    max-width: 600px;
  }

  .mw-md-608 {
    max-width: 608px;
  }

  .mw-md-630 {
    max-width: 630px;
  }

  .mw-md-640 {
    max-width: 640px;
  }

  .mw-md-650 {
    max-width: 650px;
  }

  .mw-md-660 {
    max-width: 660px;
  }

  .mw-md-680 {
    max-width: 680px;
  }

  .mw-md-690 {
    max-width: 690px;
  }

  .mw-md-750 {
    max-width: 750px;
  }

  .mw-md-760 {
    max-width: 760px;
  }

  .mw-md-770 {
    max-width: 770px;
  }

  .mw-md-800 {
    max-width: 800px;
  }

  .mw-md-878 {
    max-width: 878px;
  }

  .mw-md-920 {
    max-width: 920px;
  }

  .mw-md-940 {
    max-width: 940px;
  }

  .mw-md-942 {
    max-width: 942px;
  }

  .mw-md-1000 {
    max-width: 1000px;
  }

  .mw-md-1040 {
    max-width: 1040px;
  }

  .mw-md-1060 {
    max-width: 1060px;
  }

  .mw-md-1440 {
    max-width: 1440px;
  }

}

/*=====================================
  margin auto
==================================*/

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

@media (min-width: 640px) {

  .mx-sm-auto {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1000px) {


  .mx-md-auto {
    margin-left: auto;
    margin-right: auto;
  }

}



/*=====================================
  margin top
==================================*/

.mt-5 {
  margin-top: 5px;
}

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

.mt-15 {
  margin-top: 15px;
}

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

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


.mt-45 {
  margin-top: 45px;
}


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


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


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

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



@media (min-width: 640px) {
  .mt-sm-5 {
    margin-top: 5px;
  }

  .mt-sm-10 {
    margin-top: 10px;
  }

  .mt-sm-15 {
    margin-top: 15px;
  }

  .mt-sm-20 {
    margin-top: 20px;
  }

  .mt-sm-30 {
    margin-top: 30px;
  }


  .mt-sm-45 {
    margin-top: 45px;
  }


  .mt-sm-60 {
    margin-top: 60px;
  }


  .mt-sm-90 {
    margin-top: 90px;
  }


  .mt-sm-100 {
    margin-top: 100px;
  }

  .mt-sm-120 {
    margin-top: 120px;
  }
}

@media (min-width: 1000px) {



  .mt-md-5 {
    margin-top: 5px;
  }

  .mt-md-10 {
    margin-top: 10px;
  }

  .mt-md-15 {
    margin-top: 15px;
  }

  .mt-md-20 {
    margin-top: 20px;
  }

  .mt-md-30 {
    margin-top: 30px;
  }


  .mt-md-45 {
    margin-top: 45px;
  }


  .mt-md-60 {
    margin-top: 60px;
  }


  .mt-md-90 {
    margin-top: 90px;
  }


  .mt-md-100 {
    margin-top: 100px;
  }

  .mt-md-120 {
    margin-top: 120px;
  }

}


/*=====================================
  margin bottom
==================================*/

.mb-5 {
  margin-bottom: 5px;
}

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

.mb-15 {
  margin-bottom: 15px;
}

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

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


.mb-45 {
  margin-bottom: 45px;
}


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


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


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

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



@media (min-width: 640px) {
  .mb-sm-5 {
    margin-bottom: 5px;
  }

  .mb-sm-10 {
    margin-bottom: 10px;
  }

  .mb-sm-15 {
    margin-bottom: 15px;
  }

  .mb-sm-20 {
    margin-bottom: 20px;
  }

  .mb-sm-30 {
    margin-bottom: 30px;
  }


  .mb-sm-45 {
    margin-bottom: 45px;
  }


  .mb-sm-60 {
    margin-bottom: 60px;
  }


  .mb-sm-90 {
    margin-bottom: 90px;
  }


  .mb-sm-100 {
    margin-bottom: 100px;
  }

  .mb-sm-120 {
    margin-bottom: 120px;
  }
}

@media (min-width: 1000px) {



  .mb-md-5 {
    margin-bottom: 5px;
  }

  .mb-md-10 {
    margin-bottom: 10px;
  }

  .mb-md-15 {
    margin-bottom: 15px;
  }

  .mb-md-20 {
    margin-bottom: 20px;
  }

  .mb-md-30 {
    margin-bottom: 30px;
  }


  .mb-md-45 {
    margin-bottom: 45px;
  }


  .mb-md-60 {
    margin-bottom: 60px;
  }


  .mb-md-90 {
    margin-bottom: 90px;
  }


  .mb-md-100 {
    margin-bottom: 100px;
  }

  .mb-md-120 {
    margin-bottom: 120px;
  }

}


/*=====================================
  margin left
==================================*/

.ms-5 {
  margin-left: 5px;
}

.ms-10 {
  margin-left: 10px;
}

.ms-15 {
  margin-left: 15px;
}

.ms-20 {
  margin-left: 20px;
}

.ms-30 {
  margin-left: 30px;
}


.ms-45 {
  margin-left: 45px;
}


.ms-60 {
  margin-left: 60px;
}


.ms-90 {
  margin-left: 90px;
}


.ms-100 {
  margin-left: 100px;
}

.ms-120 {
  margin-left: 120px;
}



@media (min-width: 640px) {
  .ms-sm-5 {
    margin-left: 5px;
  }

  .ms-sm-10 {
    margin-left: 10px;
  }

  .ms-sm-15 {
    margin-left: 15px;
  }

  .ms-sm-20 {
    margin-left: 20px;
  }

  .ms-sm-30 {
    margin-left: 30px;
  }


  .ms-sm-45 {
    margin-left: 45px;
  }


  .ms-sm-60 {
    margin-left: 60px;
  }


  .ms-sm-90 {
    margin-left: 90px;
  }


  .ms-sm-100 {
    margin-left: 100px;
  }

  .ms-sm-120 {
    margin-left: 120px;
  }
}

@media (min-width: 1000px) {



  .ms-md-5 {
    margin-left: 5px;
  }

  .ms-md-10 {
    margin-left: 10px;
  }

  .ms-md-15 {
    margin-left: 15px;
  }

  .ms-md-20 {
    margin-left: 20px;
  }

  .ms-md-30 {
    margin-left: 30px;
  }


  .ms-md-45 {
    margin-left: 45px;
  }


  .ms-md-60 {
    margin-left: 60px;
  }


  .ms-md-90 {
    margin-left: 90px;
  }


  .ms-md-100 {
    margin-left: 100px;
  }

  .ms-md-120 {
    margin-left: 120px;
  }

}



/*=====================================
  margin right
==================================*/



.mr-minus-5 {
  margin-right: -5px;
}

.mr-minus-10 {
  margin-right: -10px;
}

.mr-5 {
  margin-right: 5px;
}

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


.mr-15 {
  margin-right: 15px;
}



@media (min-width: 640px) {

  .mr-sm-minus-5 {
    margin-right: -5px;
  }

  .mr-sm-minus-10 {
    margin-right: -10px;
  }



  .mr-sm-5 {
    margin-right: 5px;
  }



  .mr-sm-10 {
    margin-right: 10px;
  }


  .mr-sm-15 {
    margin-right: 15px;
  }

}

@media (min-width: 1000px) {


  .mr-md-minus-5 {
    margin-right: -5px;
  }

  .mr-md-minus-10 {
    margin-right: -10px;
  }


  .mr-md-5 {
    margin-right: 5px;
  }

  .mr-md-10 {
    margin-right: 10px;
  }


  .mr-md-15 {
    margin-right: 15px;
  }


}


/*=====================================
  padding top
==================================*/
.pt-2 {
  padding-top: 2px;
}

.pt-3 {
  padding-top: 3px;
}

.pt-5 {
  padding-top: 5px;
}

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

.pt-15 {
  padding-top: 15px;
}

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

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


.pt-45 {
  padding-top: 45px;
}


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


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


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

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



@media (min-width: 640px) {

  .pt-sm-2 {
    padding-top: 2px;
  }

  .pt-sm-3 {
    padding-top: 3px;
  }


  .pt-sm-5 {
    padding-top: 5px;
  }

  .pt-sm-10 {
    padding-top: 10px;
  }

  .pt-sm-15 {
    padding-top: 15px;
  }

  .pt-sm-20 {
    padding-top: 20px;
  }

  .pt-sm-30 {
    padding-top: 30px;
  }


  .pt-sm-45 {
    padding-top: 45px;
  }


  .pt-sm-60 {
    padding-top: 60px;
  }


  .pt-sm-90 {
    padding-top: 90px;
  }


  .pt-sm-100 {
    padding-top: 100px;
  }

  .pt-sm-120 {
    padding-top: 120px;
  }
}

@media (min-width: 1000px) {

  .pt-md-2 {
    padding-top: 2px;
  }

  .pt-md-3 {
    padding-top: 3px;
  }


  .pt-md-5 {
    padding-top: 5px;
  }

  .pt-md-10 {
    padding-top: 10px;
  }

  .pt-md-15 {
    padding-top: 15px;
  }

  .pt-md-20 {
    padding-top: 20px;
  }

  .pt-md-30 {
    padding-top: 30px;
  }


  .pt-md-45 {
    padding-top: 45px;
  }


  .pt-md-60 {
    padding-top: 60px;
  }


  .pt-md-90 {
    padding-top: 90px;
  }


  .pt-md-100 {
    padding-top: 100px;
  }

  .pt-md-120 {
    padding-top: 120px;
  }
}


/*=====================================
  padding bottom
==================================*/

.pb-5 {
  padding-bottom: 5px;
}

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

.pb-15 {
  padding-bottom: 15px;
}

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

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


.pb-45 {
  padding-bottom: 45px;
}


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


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


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

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



@media (min-width: 640px) {
  .pb-sm-5 {
    padding-bottom: 5px;
  }

  .pb-sm-10 {
    padding-bottom: 10px;
  }

  .pb-sm-15 {
    padding-bottom: 15px;
  }

  .pb-sm-20 {
    padding-bottom: 20px;
  }

  .pb-sm-30 {
    padding-bottom: 30px;
  }


  .pb-sm-45 {
    padding-bottom: 45px;
  }


  .pb-sm-60 {
    padding-bottom: 60px;
  }


  .pb-sm-90 {
    padding-bottom: 90px;
  }


  .pb-sm-100 {
    padding-bottom: 100px;
  }

  .pb-sm-120 {
    padding-bottom: 120px;
  }
}

@media (min-width: 1000px) {



  .pb-md-5 {
    padding-bottom: 5px;
  }

  .pb-md-10 {
    padding-bottom: 10px;
  }

  .pb-md-15 {
    padding-bottom: 15px;
  }

  .pb-md-20 {
    padding-bottom: 20px;
  }

  .pb-md-30 {
    padding-bottom: 30px;
  }


  .pb-md-45 {
    padding-bottom: 45px;
  }


  .pb-md-60 {
    padding-bottom: 60px;
  }


  .pb-md-90 {
    padding-bottom: 90px;
  }


  .pb-md-100 {
    padding-bottom: 100px;
  }

  .pb-md-120 {
    padding-bottom: 120px;
  }

}


/*=====================================
  padding left
==================================*/

.ps-5 {
  padding-left: 5px;
}

.ps-10 {
  padding-left: 10px;
}

.ps-15 {
  padding-left: 15px;
}

.ps-20 {
  padding-left: 20px;
}

.ps-30 {
  padding-left: 30px;
}


.ps-45 {
  padding-left: 45px;
}


.ps-60 {
  padding-left: 60px;
}


.ps-90 {
  padding-left: 90px;
}


.ps-100 {
  padding-left: 100px;
}

.ps-120 {
  padding-left: 120px;
}



@media (min-width: 640px) {
  .ps-sm-5 {
    padding-left: 5px;
  }

  .ps-sm-10 {
    padding-left: 10px;
  }

  .ps-sm-15 {
    padding-left: 15px;
  }

  .ps-sm-20 {
    padding-left: 20px;
  }

  .ps-sm-30 {
    padding-left: 30px;
  }


  .ps-sm-45 {
    padding-left: 45px;
  }


  .ps-sm-60 {
    padding-left: 60px;
  }


  .ps-sm-90 {
    padding-left: 90px;
  }


  .ps-sm-100 {
    padding-left: 100px;
  }

  .ps-sm-120 {
    padding-left: 120px;
  }
}

@media (min-width: 1000px) {



  .ps-md-5 {
    padding-left: 5px;
  }

  .ps-md-10 {
    padding-left: 10px;
  }

  .ps-md-15 {
    padding-left: 15px;
  }

  .ps-md-20 {
    padding-left: 20px;
  }

  .ps-md-30 {
    padding-left: 30px;
  }


  .ps-md-45 {
    padding-left: 45px;
  }


  .ps-md-60 {
    padding-left: 60px;
  }


  .ps-md-90 {
    padding-left: 90px;
  }


  .ps-md-100 {
    padding-left: 100px;
  }

  .ps-md-120 {
    padding-left: 120px;
  }

}


/*=====================================
  padding right
==================================*/

.pe-5 {
  padding-right: 5px;
}

.pe-10 {
  padding-right: 10px;
}

.pe-15 {
  padding-right: 15px;
}

.pe-20 {
  padding-right: 20px;
}

.pe-30 {
  padding-right: 30px;
}


.pe-45 {
  padding-right: 45px;
}


.pe-60 {
  padding-right: 60px;
}


.pe-90 {
  padding-right: 90px;
}


.pe-100 {
  padding-right: 100px;
}

.pe-120 {
  padding-right: 120px;
}



@media (min-width: 640px) {
  .pe-sm-5 {
    padding-right: 5px;
  }

  .pe-sm-10 {
    padding-right: 10px;
  }

  .pe-sm-15 {
    padding-right: 15px;
  }

  .pe-sm-20 {
    padding-right: 20px;
  }

  .pe-sm-30 {
    padding-right: 30px;
  }


  .pe-sm-45 {
    padding-right: 45px;
  }


  .pe-sm-60 {
    padding-right: 60px;
  }


  .pe-sm-90 {
    padding-right: 90px;
  }


  .pe-sm-100 {
    padding-right: 100px;
  }

  .pe-sm-120 {
    padding-right: 120px;
  }
}

@media (min-width: 1000px) {



  .pe-md-5 {
    padding-right: 5px;
  }

  .pe-md-10 {
    padding-right: 10px;
  }

  .pe-md-15 {
    padding-right: 15px;
  }

  .pe-md-20 {
    padding-right: 20px;
  }

  .pe-md-30 {
    padding-right: 30px;
  }


  .pe-md-45 {
    padding-right: 45px;
  }


  .pe-md-60 {
    padding-right: 60px;
  }


  .pe-md-90 {
    padding-right: 90px;
  }


  .pe-md-100 {
    padding-right: 100px;
  }

  .pe-md-120 {
    padding-right: 120px;
  }

}


/*=====================================
  padding px
==================================*/

.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}


.px-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}


.px-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}


.px-90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}


.px-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.px-120 {
  padding-left: 120px !important;
  padding-right: 120px !important;
}



/*==========================================
 font
============================================*/
.wf-sawarabimincho {
  font-family: "Sawarabi Mincho";
}

.wf-sawarabigothic {
  font-family: "Sawarabi Gothic";
}

.fw-normal {
  font-weight: 400;
}

.fw-bold {
  font-weight: 700;
}


@media (min-width: 640px) {
  .fw-sm-normal {
    font-weight: 400;
  }

  .fw-sm-bold {
    font-weight: 700;
  }

}

@media (min-width: 1000px) {

  .fw-md-normal {
    font-weight: 400;
  }

  .fw-md-bold {
    font-weight: 700;
  }


}





/*==========================================
 font size
============================================*/

.text-white {
  color: var(--color-white);
}

.text-666 {
  color: #666;
}

.text-999 {
  color: #999;
}


/*==========================================
 font size
============================================*/


.fs-9 {
  font-size: 9px;
}

.fs-10 {
  font-size: 10px;
}

.fs-11 {
  font-size: 11px;
}

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-15 {
  font-size: 15px;
}

.fs-16 {
  font-size: 16px;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px;
}

.fs-19 {
  font-size: 19px;
}

.fs-20 {
  font-size: 20px;
}

.fs-21 {
  font-size: 21px;
}

.fs-22 {
  font-size: 22px;
}

.fs-23 {
  font-size: 23px;
}

.fs-24 {
  font-size: 24px;
}

.fs-25 {
  font-size: 25px;
}

.fs-26 {
  font-size: 26px;
}

.fs-28 {
  font-size: 28px;
}

.fs-30 {
  font-size: 30px;
}

.fs-34 {
  font-size: 34px;
}

.fs-37 {
  font-size: 37px;
}

.fs-42 {
  font-size: 42px;
}

.fs-50 {
  font-size: 50px;
}

.fs-60 {
  font-size: 60px;
}

.text-underline {
  text-decoration: underline;
}

.text-nowrap {
  white-space: nowrap;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}


@media (min-width: 640px) {


  .fs-sm-9 {
    font-size: 9px;
  }

  .fs-sm-10 {
    font-size: 10px;
  }

  .fs-sm-11 {
    font-size: 11px;
  }

  .fs-sm-12 {
    font-size: 12px;
  }

  .fs-sm-13 {
    font-size: 13px;
  }

  .fs-sm-14 {
    font-size: 14px;
  }

  .fs-sm-15 {
    font-size: 15px;
  }

  .fs-sm-16 {
    font-size: 16px;
  }

  .fs-sm-17 {
    font-size: 17px;
  }

  .fs-sm-18 {
    font-size: 18px;
  }

  .fs-sm-19 {
    font-size: 19px;
  }

  .fs-sm-20 {
    font-size: 20px;
  }

  .fs-sm-21 {
    font-size: 21px;
  }

  .fs-sm-22 {
    font-size: 22px;
  }

  .fs-sm-23 {
    font-size: 23px;
  }

  .fs-sm-24 {
    font-size: 24px;
  }

  .fs-sm-25 {
    font-size: 25px;
  }

  .fs-sm-26 {
    font-size: 26px;
  }

  .fs-sm-28 {
    font-size: 28px;
  }

  .fs-sm-30 {
    font-size: 30px;
  }

  .fs-sm-34 {
    font-size: 34px;
  }

  .fs-sm-37 {
    font-size: 37px;
  }

  .fs-sm-42 {
    font-size: 42px;
  }

  .fs-sm-50 {
    font-size: 50px;
  }

  .fs-sm-60 {
    font-size: 60px;
  }

  .text-sm-center {
    text-align: center;
  }

  .text-sm-left {
    text-align: left;
  }

  .text-sm-right {
    text-align: right;
  }

  .text-sm-justify {
    text-align: justify;
  }


}


@media (min-width: 1000px) {


  .fs-md-9 {
    font-size: 9px;
  }

  .fs-md-10 {
    font-size: 10px;
  }

  .fs-md-11 {
    font-size: 11px;
  }

  .fs-md-12 {
    font-size: 12px;
  }

  .fs-md-13 {
    font-size: 13px;
  }

  .fs-md-14 {
    font-size: 14px;
  }

  .fs-md-15 {
    font-size: 15px;
  }

  .fs-md-16 {
    font-size: 16px;
  }

  .fs-md-17 {
    font-size: 17px;
  }

  .fs-md-18 {
    font-size: 18px;
  }

  .fs-md-19 {
    font-size: 19px;
  }

  .fs-md-20 {
    font-size: 20px;
  }

  .fs-md-21 {
    font-size: 21px;
  }

  .fs-md-22 {
    font-size: 22px;
  }

  .fs-md-23 {
    font-size: 23px;
  }

  .fs-md-24 {
    font-size: 24px;
  }

  .fs-md-25 {
    font-size: 25px;
  }

  .fs-md-26 {
    font-size: 26px;
  }

  .fs-md-28 {
    font-size: 28px;
  }

  .fs-md-30 {
    font-size: 30px;
  }

  .fs-md-34 {
    font-size: 34px;
  }

  .fs-md-37 {
    font-size: 37px;
  }

  .fs-md-42 {
    font-size: 42px;
  }

  .fs-md-50 {
    font-size: 50px;
  }

  .fs-md-60 {
    font-size: 60px;
  }

  .text-md-center {
    text-align: center;
  }

  .text-md-left {
    text-align: left;
  }

  .text-md-right {
    text-align: right;
  }

  .text-md-justify {
    text-align: justify;
  }


}









/*===================================
	 letter spaceing and line height
=====================================*/


.ls-n0_4em {
  letter-spacing: -0.4em;
}

.ls-n0_4em-i {
  letter-spacing: -0.4em !important;
}

.ls-0 {
  letter-spacing: 0;
}

.ls-0-i {
  letter-spacing: 0 !important;
}

.ls-em0_1 {
  letter-spacing: 0.1em;
}

.ls-em0_1-i {
  letter-spacing: 0.1em !important;
}

.ls-0_1em {
  letter-spacing: 0.1em;
}

.ls-0_1em-i {
  letter-spacing: 0.1em !important;
}

.ls-2 {
  letter-spacing: 2px;
}

.ls-2-i {
  letter-spacing: 2px !important;
}

.ls-2_1 {
  letter-spacing: 2.1px;
}

.ls-2_1-i {
  letter-spacing: 2.1px !important;
}

.ls-2_2 {
  letter-spacing: 2.2px;
}

.ls-2_2-i {
  letter-spacing: 2.2px !important;
}

.ls-2_4 {
  letter-spacing: 2.4px;
}

.ls-2_4-i {
  letter-spacing: 2.4px !important;
}

.ls-2_5 {
  letter-spacing: 2.5px;
}

.ls-2_5-i {
  letter-spacing: 2.5px !important;
}

.ls-2_6 {
  letter-spacing: 2.6px;
}

.ls-2_6-i {
  letter-spacing: 2.6px !important;
}

.ls-3 {
  letter-spacing: 3px;
}

.ls-3-i {
  letter-spacing: 3px !important;
}

.ls-3_4 {
  letter-spacing: 3.4px;
}

.ls-3_4-i {
  letter-spacing: 3.4px !important;
}

.ls-4 {
  letter-spacing: 4px;
}

.ls-4-i {
  letter-spacing: 4px !important;
}

.ls-5 {
  letter-spacing: 5px;
}

.ls-5-i {
  letter-spacing: 5px !important;
}

.ls-8 {
  letter-spacing: 8px;
}

.ls-8-i {
  letter-spacing: 8px !important;
}

.ls-10 {
  letter-spacing: 10px;
}

.ls-10-i {
  letter-spacing: 10px !important;
}

.lh-1 {
  line-height: 1;
}

.lh-1_15 {
  line-height: 1.15;
}

.lh-1_333 {
  line-height: 1.3333333;
}

.lh-1_4 {
  line-height: 1.4;
}

.lh-1_5 {
  line-height: 1.5;
}

.lh-1_8 {
  line-height: 1.8;
}

.lh-2 {
  line-height: 2;
}

.lh-2_2 {
  line-height: 2.2;
}

.lh-2_3 {
  line-height: 2.3;
}

.lh-12 {
  line-height: 12px;
}

.lh-13 {
  line-height: 13px;
}

.lh-14 {
  line-height: 14px;
}

.lh-15 {
  line-height: 15px;
}

.lh-16 {
  line-height: 16px;
}

.lh-18 {
  line-height: 18px;
}

.lh-19 {
  line-height: 19px;
}

.lh-20 {
  line-height: 20px;
}

.lh-21 {
  line-height: 21px;
}

.lh-23 {
  line-height: 23px;
}

.lh-24 {
  line-height: 24px;
}

.lh-25 {
  line-height: 25px;
}

.lh-28 {
  line-height: 28px;
}

.lh-29 {
  line-height: 29px;
}

.lh-30 {
  line-height: 30px;
}

.lh-34 {
  line-height: 34px;
}

.lh-39 {
  line-height: 39px;
}

.lh-41 {
  line-height: 41px;
}

.lh-50 {
  line-height: 50px;
}

.lh-65 {
  line-height: 65px;
}

.lh-31_5 {
  line-height: 31.5px;
}

.lh-37_5 {
  line-height: 37.5px;
}

.lh-28_5 {
  line-height: 28.5px;
}


@media (min-width: 640px) {

  .ls-sm-n0_4em {
    letter-spacing: -0.4em;
  }

  .ls-sm-0 {
    letter-spacing: 0;
  }

  .ls-sm-0_1em,
  .ls-sm-em0_1 {
    letter-spacing: 0.1em;
  }

  .ls-sm-2 {
    letter-spacing: 2px;
  }

  .ls-sm-2_1 {
    letter-spacing: 2.1px;
  }

  .ls-sm-2_2 {
    letter-spacing: 2.2px;
  }

  .ls-sm-2_4 {
    letter-spacing: 2.4px;
  }

  .ls-sm-2_5 {
    letter-spacing: 2.5px;
  }

  .ls-sm-2_6 {
    letter-spacing: 2.6px;
  }

  .ls-sm-3 {
    letter-spacing: 3px;
  }

  .ls-sm-3_4 {
    letter-spacing: 3.4px;
  }

  .ls-sm-4 {
    letter-spacing: 4px;
  }

  .ls-sm-5 {
    letter-spacing: 5px;
  }

  .ls-sm-8 {
    letter-spacing: 8px;
  }

  .ls-sm-10 {
    letter-spacing: 10px;
  }

  .lh-sm-1 {
    line-height: 1;
  }

  .lh-sm-1_15 {
    line-height: 1.15;
  }

  .lh-sm-1_333 {
    line-height: 1.3333333;
  }

  .lh-sm-1_4 {
    line-height: 1.4;
  }

  .lh-sm-1_5 {
    line-height: 1.5;
  }

  .lh-sm-1_8 {
    line-height: 1.8;
  }

  .lh-sm-2 {
    line-height: 2;
  }

  .lh-sm-2_2 {
    line-height: 2.2;
  }

  .lh-sm-2_3 {
    line-height: 2.3;
  }

  .lh-sm-12 {
    line-height: 12px;
  }

  .lh-sm-13 {
    line-height: 13px;
  }

  .lh-sm-14 {
    line-height: 14px;
  }

  .lh-sm-15 {
    line-height: 15px;
  }

  .lh-sm-16 {
    line-height: 16px;
  }

  .lh-sm-18 {
    line-height: 18px;
  }

  .lh-sm-19 {
    line-height: 19px;
  }

  .lh-sm-20 {
    line-height: 20px;
  }

  .lh-sm-21 {
    line-height: 21px;
  }

  .lh-sm-23 {
    line-height: 23px;
  }

  .lh-sm-24 {
    line-height: 24px;
  }

  .lh-sm-25 {
    line-height: 25px;
  }

  .lh-sm-28 {
    line-height: 28px;
  }

  .lh-sm-29 {
    line-height: 29px;
  }

  .lh-sm-30 {
    line-height: 30px;
  }

  .lh-sm-34 {
    line-height: 34px;
  }

  .lh-sm-39 {
    line-height: 39px;
  }

  .lh-sm-41 {
    line-height: 41px;
  }

  .lh-sm-50 {
    line-height: 50px;
  }

  .lh-sm-65 {
    line-height: 65px;
  }

  .lh-sm-31_5 {
    line-height: 31.5px;
  }

  .lh-sm-37_5 {
    line-height: 37.5px;
  }

  .lh-sm-28_5 {
    line-height: 28.5px;
  }


}






@media (min-width: 1000px) {



  .ls-md-n0_4em {
    letter-spacing: -0.4em;
  }

  .ls-md-0 {
    letter-spacing: 0;
  }

  .ls-md-0_1em,
  .ls-md-em0_1 {
    letter-spacing: 0.1em;
  }

  .ls-md-2 {
    letter-spacing: 2px;
  }

  .ls-md-2_1 {
    letter-spacing: 2.1px;
  }

  .ls-md-2_2 {
    letter-spacing: 2.2px;
  }

  .ls-md-2_4 {
    letter-spacing: 2.4px;
  }

  .ls-md-2_5 {
    letter-spacing: 2.5px;
  }

  .ls-md-2_6 {
    letter-spacing: 2.6px;
  }

  .ls-md-3 {
    letter-spacing: 3px;
  }

  .ls-md-3_4 {
    letter-spacing: 3.4px;
  }

  .ls-md-4 {
    letter-spacing: 4px;
  }

  .ls-md-5 {
    letter-spacing: 5px;
  }

  .ls-md-8 {
    letter-spacing: 8px;
  }

  .ls-md-10 {
    letter-spacing: 10px;
  }

  .lh-md-1 {
    line-height: 1;
  }

  .lh-md-1_15 {
    line-height: 1.15;
  }

  .lh-md-1_333 {
    line-height: 1.3333333;
  }

  .lh-md-1_4 {
    line-height: 1.4;
  }

  .lh-md-1_5 {
    line-height: 1.5;
  }

  .lh-md-1_8 {
    line-height: 1.8;
  }

  .lh-md-2 {
    line-height: 2;
  }

  .lh-md-2_2 {
    line-height: 2.2;
  }

  .lh-md-2_3 {
    line-height: 2.3;
  }

  .lh-md-12 {
    line-height: 12px;
  }

  .lh-md-13 {
    line-height: 13px;
  }

  .lh-md-14 {
    line-height: 14px;
  }

  .lh-md-15 {
    line-height: 15px;
  }

  .lh-md-16 {
    line-height: 16px;
  }

  .lh-md-18 {
    line-height: 18px;
  }

  .lh-md-19 {
    line-height: 19px;
  }

  .lh-md-20 {
    line-height: 20px;
  }

  .lh-md-21 {
    line-height: 21px;
  }

  .lh-md-23 {
    line-height: 23px;
  }

  .lh-md-24 {
    line-height: 24px;
  }

  .lh-md-25 {
    line-height: 25px;
  }

  .lh-md-28 {
    line-height: 28px;
  }

  .lh-md-29 {
    line-height: 29px;
  }

  .lh-md-30 {
    line-height: 30px;
  }

  .lh-md-34 {
    line-height: 34px;
  }

  .lh-md-39 {
    line-height: 39px;
  }

  .lh-md-41 {
    line-height: 41px;
  }

  .lh-md-50 {
    line-height: 50px;
  }

  .lh-md-65 {
    line-height: 65px;
  }

  .lh-md-31_5 {
    line-height: 31.5px;
  }

  .lh-md-37_5 {
    line-height: 37.5px;
  }

  .lh-md-28_5 {
    line-height: 28.5px;
  }

  .fs-md-9 {
    font-size: 9px;
  }

  .fs-md-10 {
    font-size: 10px;
  }

  .fs-md-11 {
    font-size: 11px;
  }

  .fs-md-12 {
    font-size: 12px;
  }

  .fs-md-13 {
    font-size: 13px;
  }

  .fs-md-14 {
    font-size: 14px;
  }

  .fs-md-15 {
    font-size: 15px;
  }

  .fs-md-16 {
    font-size: 16px;
  }

  .fs-md-17 {
    font-size: 17px;
  }

  .fs-md-18 {
    font-size: 18px;
  }

  .fs-md-19 {
    font-size: 19px;
  }

  .fs-md-20 {
    font-size: 20px;
  }

  .fs-md-21 {
    font-size: 21px;
  }

  .fs-md-22 {
    font-size: 22px;
  }

  .fs-md-23 {
    font-size: 23px;
  }

  .fs-md-24 {
    font-size: 24px;
  }

  .fs-md-25 {
    font-size: 25px;
  }

  .fs-md-26 {
    font-size: 26px;
  }

  .fs-md-28 {
    font-size: 28px;
  }

  .fs-md-30 {
    font-size: 30px;
  }

  .fs-md-34 {
    font-size: 34px;
  }

  .fs-md-37 {
    font-size: 37px;
  }

  .fs-md-42 {
    font-size: 42px;
  }

  .fs-md-50 {
    font-size: 50px;
  }

  .fs-md-60 {
    font-size: 60px;
  }

  .text-md-center {
    text-align: center;
  }

  .text-md-left {
    text-align: left;
  }


}