@charset "utf-8";

/* ベース設定 */

@media print{
  .print_none{
      display: none;
  }
}

html,body{
  height: 100%;
}

html,
body {
  color: #222;
  font-size: 16px;
  line-height: 1.8;
  font-family: "Kiwi Maru", serif; /* フォント設定 */
  font-weight: normal;
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

a {
  transition: 0.3s;
  text-decoration: none;
  color: #222; /* リンクカラー */
}

.all-wrapper{
  width: 100%;
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
}

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

a:hover {
  text-decoration: none;
  opacity: 0.8;
  transition: 0.3s;
}
.yakuhan {
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN",
    "Noto Sans JP", Meiryo, sans-serif;
}
.txt_white {
  color: #fff;
}
.txt_red {
  color: rgb(163, 0, 0);
}
.txt_yellow{
  color: #ffd800;
}
.txt_small {
  font-size: 0.85rem;
}
.sp

.pc_only{
  display: block;
}
.sp_only{
  display: none;
}
.sp_none{
  display: block;
}

.w1200,.w960,.w800,.w640,.w500,.w400{
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.w1200{
  width: 1200px;
}

.w960{
  width: 960px;
}

.w800{
  width: 800px;
}

.w640{
  width: 640px;
}

.w500{
  width: 500px;
}

.w400{
  width: 400px;
}

.fit-content{
  width: fit-content;
}

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

a.anchor{
  display: block;
  padding-top: 100px;
  margin-top: -100px;
}

a.anchor.life-stage{
  display: block;
  padding-top: 100px;
  margin-top: -100px;
}

/*========================= アニメーション =========================*/

/* スクロールがトリガー&下から表示 */
.scroll_bottom_show{
  opacity: 0;
  transition-duration: 800ms;
  transition-property: opacity, transform;
  transform: translate(0, 50px);
  transition-timing-function:ease;
}

/* スクロールがトリガー&その場で表示 */
.scroll_fade_sllow_show{
  opacity: 0;
  transition-duration: 800ms;
  transition-property: opacity, transform;
  transform: translate(0, 0);
  transition-timing-function:ease;
}

/* ロードがトリガー&下から表示 */
.scroll_bottom_show_load{
  opacity: 0;
  transition-duration: 800ms;
  transition-property: opacity, transform;
  transform: translate(0, 50px);
  transition-timing-function:ease;
}

.fade_bottom_show{
  opacity: 0;
  transition-duration: 800ms;
  transition-property: opacity, transform;
  /* transform: translate(0, 50px); */
  transition-timing-function:ease;
}

#sp__menu.active .fade_bottom_show{
  animation-name:fadeUpAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
  opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	  transform: translateY(100px);
  }

  to {
    opacity: 1;
	  transform: translateY(0);
  }
}

#sp__menu.active .fade_bottom_show.show1{
  animation-delay: 0;
}

#sp__menu.active .fade_bottom_show.show2{
  animation-delay: 200ms;
}

#sp__menu.active .fade_bottom_show.show3{
  animation-delay: 400ms;
}

#sp__menu.active .fade_bottom_show.show4{
  animation-delay: 600ms;
}

#sp__menu.active .fade_bottom_show.show5{
  animation-delay: 800ms;
}

#sp__menu.active .fade_bottom_show.show6{
  animation-delay: 1000ms;
}

#sp__menu.active .fade_bottom_show.show7{
  animation-delay: 1200ms;
}

#sp__menu.active .fade_bottom_show.show8{
  animation-delay: 1400ms;
}

#sp__menu.active .fade_bottom_show.show9{
  animation-delay: 1600ms;
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}

.fade-show{
  opacity: 0;
  transition-duration: 800ms;
  transition-property: opacity, transform;
  transition-timing-function:ease;
}

.fade-in {
  opacity: 1;
  transition-duration: 800ms;
}

/* スライドで斜めにニュっと出て来るアニメーション */
.overflow-hidden{
  display: block;
  overflow: hidden;
}

/* .eachTextAnime
.loadEachTextAnime{
  opacity: 0;
  display: inline-block;
  width: fit-content;
  height: fit-content;
  overflow: hidden;
} */
.eachTextAnime_right,
.loadEachTextAnime_right{
  display: inline-block;
  transform: translate(0, 5em) rotate(15deg);
}
.eachTextAnime_left,
.loadEachTextAnime_left{
  display: inline-block;
  transform: translate(0, 5em) rotate(-15deg);
}
.eachTextAnime_right.appeartext,
.loadEachTextAnime_right.appeartext,
.eachTextAnime_left.appeartext,
.loadEachTextAnime_left.appeartext{ 
  /* animation:text_anime_on 1s ease-in-out forwards; */
  animation-name: text_anime_on;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}

@keyframes text_anime_on {
  100% {
    opacity: 1;
    transform: rotate(0deg);
  }
}

.delay100{
  animation-delay: 0.1s;
}
.delay200{
  animation-delay: 0.2s;
}
.delay300{
  animation-delay: 0.3s;
}
.delay400{
  animation-delay: 0.4s;
}
.delay500{
  animation-delay: 0.5s;
}
.delay600{
  animation-delay: 0.6s;
}
.delay700{
  animation-delay: 0.7s;
}




.txt80p{
  font-size: 80%;
}
.txt90p{
  font-size: 90%;
}
.txt110p{
  font-size: 110%;
}
.txt120p{
  font-size: 120%;
}
.txt130p{
  font-size: 130%;
}
.txt150p{
  font-size: 150%;
}
.txt2000p{
  font-size: 200%;
}
.txt250p{
  font-size: 250%;
}
.txt300p{
  font-size: 300%;
}

.mt0 {
  margin-top: 0px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.mt90 {
  margin-top: 90px !important;
}
.mt100 {
  margin-top: 100px !important;
}
.mt110 {
  margin-top: 110px !important;
}
.mt120 {
  margin-top: 120px !important;
}
.mt150 {
  margin-top: 150px !important;
}
.mt200 {
  margin-top: 200px !important;
}
.mt250 {
  margin-top: 250px !important;
}
.mt300 {
  margin-top: 300px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb90 {
  margin-bottom: 90px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mb110 {
  margin-bottom: 110px !important;
}
.mb120 {
  margin-bottom: 120px !important;
}
.mb150 {
  margin-bottom: 150px !important;
}
.mb200 {
  margin-bottom: 200px !important;
}
.mb250 {
  margin-bottom: 250px !important;
}
.mb300 {
  margin-bottom: 300px !important;
}

.pt0 {
  padding-top: 0px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pt70 {
  padding-top: 70px !important;
}
.pt80 {
  padding-top: 80px !important;
}
.pt90 {
  padding-top: 90px !important;
}
.pt100 {
  padding-top: 100px !important;
}
.pt110 {
  padding-top: 110px !important;
}
.pt120 {
  padding-top: 120px !important;
}
.pt150 {
  padding-top: 150px !important;
}
.pt200 {
  padding-top: 200px !important;
}
.pt250 {
  padding-top: 250px !important;
}
.pt300 {
  padding-top: 300px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.pb70 {
  padding-bottom: 70px !important;
}
.pb80 {
  padding-bottom: 80px !important;
}
.pb90 {
  padding-bottom: 90px !important;
}
.pb100 {
  padding-bottom: 100px !important;
}
.pb110 {
  padding-bottom: 110px !important;
}
.pb120 {
  padding-bottom: 120px !important;
}
.pb150 {
  padding-bottom: 150px !important;
}
.pb200 {
  padding-bottom: 200px !important;
}
.pb250 {
  padding-bottom: 250px !important;
}
.pb300 {
  padding-bottom: 300px !important;
}

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

.mx90 {
  max-width: 90% !important;
}

.mx80 {
  max-width: 80% !important;
}

.mx70 {
  max-width: 70% !important;
}

@media screen and (min-width: 1600px) {
  /* サイズxlとする　*/

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

  .xl_mx90 {
    max-width: 90% !important;
  }

  .xl_mx80 {
    max-width: 80% !important;
  }

  .xl_mx70 {
    max-width: 70% !important;
  }
}

@media screen and (max-width: 1200px) {
  /* サイズlとする　*/

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

  .l_mx90 {
    max-width: 90% !important;
  }

  .l_mx80 {
    max-width: 80% !important;
  }

  .l_mx70 {
    max-width: 70% !important;
  }

  a.anchor{
    display: block;
    padding-top: 80px;
    margin-top: -80px;
  }
  a.anchor.life-stage{
    display: block;
    padding-top: 110px;
    margin-top: -110px;
  }
}

@media screen and (max-width: 960px) {
  /* サイズmとする　*/

  .m_mt0 {
    margin-top: 0px !important;
  }
  .m_mt5 {
    margin-top: 5px !important;
  }
  .m_mt10 {
    margin-top: 10px !important;
  }
  .m_mt20 {
    margin-top: 20px !important;
  }
  .m_mt30 {
    margin-top: 30px !important;
  }
  .m_mt40 {
    margin-top: 40px !important;
  }
  .m_mt50 {
    margin-top: 50px !important;
  }
  .m_mt60 {
    margin-top: 60px !important;
  }
  .m_mt70 {
    margin-top: 70px !important;
  }
  .m_mt75 {
    margin-top: 75px !important;
  }
  .m_mt80 {
    margin-top: 80px !important;
  }
  .m_mt90 {
    margin-top: 90px !important;
  }
  .m_mt100 {
    margin-top: 100px !important;
  }
  .m_mt110 {
    margin-top: 110px !important;
  }
  .m_mt120 {
    margin-top: 120px !important;
  }
  .m_mt150 {
    margin-top: 150px !important;
  }
  .m_mt200 {
    margin-top: 200px !important;
  }
  .m_mt250 {
    margin-top: 250px !important;
  }
  .m_mt300 {
    margin-top: 300px !important;
  }

  .m_mb0 {
    margin-bottom: 0px !important;
  }
  .m_mb5 {
    margin-bottom: 5px !important;
  }
  .m_mb10 {
    margin-bottom: 10px !important;
  }
  .m_mb20 {
    margin-bottom: 20px !important;
  }
  .m_mb30 {
    margin-bottom: 30px !important;
  }
  .m_mb40 {
    margin-bottom: 40px !important;
  }
  .m_mb50 {
    margin-bottom: 50px !important;
  }
  .m_mb60 {
    margin-bottom: 60px !important;
  }
  .m_mb70 {
    margin-bottom: 70px !important;
  }
  .m_mb80 {
    margin-bottom: 80px !important;
  }
  .m_mb90 {
    margin-bottom: 90px !important;
  }
  .m_mb100 {
    margin-bottom: 100px !important;
  }
  .m_mb110 {
    margin-bottom: 110px !important;
  }
  .m_mb120 {
    margin-bottom: 120px !important;
  }
  .m_mb150 {
    margin-bottom: 150px !important;
  }
  .m_mb200 {
    margin-bottom: 200px !important;
  }
  .m_mb250 {
    margin-bottom: 250px !important;
  }
  .m_mb300 {
    margin-bottom: 300px !important;
  }

  .m_pt0 {
    padding-top: 0px !important;
  }
  .m_pt5 {
    padding-top: 5px !important;
  }
  .m_pt10 {
    padding-top: 10px !important;
  }
  .m_pt20 {
    padding-top: 20px !important;
  }
  .m_pt30 {
    padding-top: 30px !important;
  }
  .m_pt40 {
    padding-top: 40px !important;
  }
  .m_pt50 {
    padding-top: 50px !important;
  }
  .m_pt60 {
    padding-top: 60px !important;
  }
  .m_pt70 {
    padding-top: 70px !important;
  }
  .m_pt80 {
    padding-top: 80px !important;
  }
  .m_pt90 {
    padding-top: 90px !important;
  }
  .m_pt100 {
    padding-top: 100px !important;
  }
  .m_pt110 {
    padding-top: 110px !important;
  }
  .m_pt120 {
    padding-top: 120px !important;
  }
  .m_pt150 {
    padding-top: 150px !important;
  }
  .m_pt200 {
    padding-top: 200px !important;
  }
  .m_pt250 {
    padding-top: 250px !important;
  }
  .m_pt300 {
    padding-top: 300px !important;
  }

  .m_pb0 {
    padding-bottom: 0px !important;
  }
  .m_pb5 {
    padding-bottom: 5px !important;
  }
  .m_pb10 {
    padding-bottom: 10px !important;
  }
  .m_pb20 {
    padding-bottom: 20px !important;
  }
  .m_pb30 {
    padding-bottom: 30px !important;
  }
  .m_pb40 {
    padding-bottom: 40px !important;
  }
  .m_pb50 {
    padding-bottom: 50px !important;
  }
  .m_pb60 {
    padding-bottom: 60px !important;
  }
  .m_pb70 {
    padding-bottom: 70px !important;
  }
  .m_pb80 {
    padding-bottom: 80px !important;
  }
  .m_pb90 {
    padding-bottom: 90px !important;
  }
  .m_pb100 {
    padding-bottom: 100px !important;
  }
  .m_pb110 {
    padding-bottom: 110px !important;
  }
  .m_pb120 {
    padding-bottom: 120px !important;
  }
  .m_pb150 {
    padding-bottom: 150px !important;
  }
  .m_pb200 {
    padding-bottom: 200px !important;
  }
  .m_pb250 {
    padding-bottom: 250px !important;
  }
  .m_pb300 {
    padding-bottom: 300px !important;
  }

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

  .m_mx90 {
    max-width: 90% !important;
  }

  .m_mx80 {
    max-width: 80% !important;
  }

  .m_mx70 {
    max-width: 70% !important;
  }
}

@media screen and (max-width: 640px) {
  /* サイズsとする　*/
  .s_mt0 {
    margin-top: 0px !important;
  }
  .s_mt5 {
    margin-top: 5px !important;
  }
  .s_mt10 {
    margin-top: 10px !important;
  }
  .s_mt20 {
    margin-top: 20px !important;
  }
  .s_mt30 {
    margin-top: 30px !important;
  }
  .s_mt40 {
    margin-top: 40px !important;
  }
  .s_mt50 {
    margin-top: 50px !important;
  }
  .s_mt60 {
    margin-top: 60px !important;
  }
  .s_mt70 {
    margin-top: 70px !important;
  }
  .s_mt75 {
    margin-top: 75px !important;
  }
  .s_mt80 {
    margin-top: 80px !important;
  }
  .s_mt90 {
    margin-top: 90px !important;
  }
  .s_mt100 {
    margin-top: 100px !important;
  }
  .s_mt110 {
    margin-top: 110px !important;
  }
  .s_mt120 {
    margin-top: 120px !important;
  }
  .s_mt150 {
    margin-top: 150px !important;
  }
  .s_mt200 {
    margin-top: 200px !important;
  }
  .s_mt250 {
    margin-top: 250px !important;
  }
  .s_mt300 {
    margin-top: 300px !important;
  }

  .s_mb0 {
    margin-bottom: 0px !important;
  }
  .s_mb5 {
    margin-bottom: 5px !important;
  }
  .s_mb10 {
    margin-bottom: 10px !important;
  }
  .s_mb20 {
    margin-bottom: 20px !important;
  }
  .s_mb30 {
    margin-bottom: 30px !important;
  }
  .s_mb40 {
    margin-bottom: 40px !important;
  }
  .s_mb50 {
    margin-bottom: 50px !important;
  }
  .s_mb60 {
    margin-bottom: 60px !important;
  }
  .s_mb70 {
    margin-bottom: 70px !important;
  }
  .s_mb80 {
    margin-bottom: 80px !important;
  }
  .s_mb90 {
    margin-bottom: 90px !important;
  }
  .s_mb100 {
    margin-bottom: 100px !important;
  }
  .s_mb110 {
    margin-bottom: 110px !important;
  }
  .s_mb120 {
    margin-bottom: 120px !important;
  }
  .s_mb150 {
    margin-bottom: 150px !important;
  }
  .s_mb200 {
    margin-bottom: 200px !important;
  }
  .s_mb250 {
    margin-bottom: 250px !important;
  }
  .s_mb300 {
    margin-bottom: 300px !important;
  }

  .s_pt0 {
    padding-top: 0px !important;
  }
  .s_pt5 {
    padding-top: 5px !important;
  }
  .s_pt10 {
    padding-top: 10px !important;
  }
  .s_pt20 {
    padding-top: 20px !important;
  }
  .s_pt30 {
    padding-top: 30px !important;
  }
  .s_pt40 {
    padding-top: 40px !important;
  }
  .s_pt50 {
    padding-top: 50px !important;
  }
  .s_pt60 {
    padding-top: 60px !important;
  }
  .s_pt70 {
    padding-top: 70px !important;
  }
  .s_pt80 {
    padding-top: 80px !important;
  }
  .s_pt90 {
    padding-top: 90px !important;
  }
  .s_pt100 {
    padding-top: 100px !important;
  }
  .s_pt110 {
    padding-top: 110px !important;
  }
  .s_pt120 {
    padding-top: 120px !important;
  }
  .s_pt150 {
    padding-top: 150px !important;
  }
  .s_pt200 {
    padding-top: 200px !important;
  }
  .s_pt250 {
    padding-top: 250px !important;
  }
  .s_pt300 {
    padding-top: 300px !important;
  }

  .s_pb0 {
    padding-bottom: 0px !important;
  }
  .s_pb5 {
    padding-bottom: 5px !important;
  }
  .s_pb10 {
    padding-bottom: 10px !important;
  }
  .s_pb20 {
    padding-bottom: 20px !important;
  }
  .s_pb30 {
    padding-bottom: 30px !important;
  }
  .s_pb40 {
    padding-bottom: 40px !important;
  }
  .s_pb50 {
    padding-bottom: 50px !important;
  }
  .s_pb60 {
    padding-bottom: 60px !important;
  }
  .s_pb70 {
    padding-bottom: 70px !important;
  }
  .s_pb80 {
    padding-bottom: 80px !important;
  }
  .s_pb90 {
    padding-bottom: 90px !important;
  }
  .s_pb100 {
    padding-bottom: 100px !important;
  }
  .s_pb110 {
    padding-bottom: 110px !important;
  }
  .s_pb120 {
    padding-bottom: 120px !important;
  }
  .s_pb150 {
    padding-bottom: 150px !important;
  }
  .s_pb200 {
    padding-bottom: 200px !important;
  }
  .s_pb250 {
    padding-bottom: 250px !important;
  }
  .s_pb300 {
    padding-bottom: 300px !important;
  }

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

  .s_mx90 {
    max-width: 90% !important;
  }

  .s_mx80 {
    max-width: 80% !important;
  }

  .s_mx70 {
    max-width: 70% !important;
  }
  .pc_only{
    display: none;
  }
  .sp_only{
    display: block;
  }
  .sp_none{
    display: none;
  }

  a.anchor{
    display: block;
    padding-top: 60px;
    margin-top: -60px;
  }
  a.anchor.life-stage{
    display: block;
    padding-top: 90px;
    margin-top: -90px;
  }
}

@media screen and (max-width: 400px) {
  /* サイズxsとする　*/
  .xs_mt0 {
    margin-top: 0px !important;
  }
  .xs_mt5 {
    margin-top: 5px !important;
  }
  .xs_mt10 {
    margin-top: 10px !important;
  }
  .xs_mt20 {
    margin-top: 20px !important;
  }
  .xs_mt30 {
    margin-top: 30px !important;
  }
  .xs_mt40 {
    margin-top: 40px !important;
  }
  .xs_mt50 {
    margin-top: 50px !important;
  }
  .xs_mt60 {
    margin-top: 60px !important;
  }
  .xs_mt70 {
    margin-top: 70px !important;
  }
  .xs_mt75 {
    margin-top: 75px !important;
  }
  .xs_mt80 {
    margin-top: 80px !important;
  }
  .xs_mt90 {
    margin-top: 90px !important;
  }
  .xs_mt100 {
    margin-top: 100px !important;
  }
  .xs_mt110 {
    margin-top: 110px !important;
  }
  .xs_mt120 {
    margin-top: 120px !important;
  }
  .xs_mt150 {
    margin-top: 150px !important;
  }
  .xs_mt200 {
    margin-top: 200px !important;
  }
  .xs_mt250 {
    margin-top: 250px !important;
  }
  .xs_mt300 {
    margin-top: 300px !important;
  }

  .xs_mb0 {
    margin-bottom: 0px !important;
  }
  .xs_mb5 {
    margin-bottom: 5px !important;
  }
  .xs_mb10 {
    margin-bottom: 10px !important;
  }
  .xs_mb20 {
    margin-bottom: 20px !important;
  }
  .xs_mb30 {
    margin-bottom: 30px !important;
  }
  .xs_mb40 {
    margin-bottom: 40px !important;
  }
  .xs_mb50 {
    margin-bottom: 50px !important;
  }
  .xs_mb60 {
    margin-bottom: 60px !important;
  }
  .xs_mb70 {
    margin-bottom: 70px !important;
  }
  .xs_mb80 {
    margin-bottom: 80px !important;
  }
  .xs_mb90 {
    margin-bottom: 90px !important;
  }
  .xs_mb100 {
    margin-bottom: 100px !important;
  }
  .xs_mb110 {
    margin-bottom: 110px !important;
  }
  .xs_mb120 {
    margin-bottom: 120px !important;
  }
  .xs_mb150 {
    margin-bottom: 150px !important;
  }
  .xs_mb200 {
    margin-bottom: 200px !important;
  }
  .xs_mb250 {
    margin-bottom: 250px !important;
  }
  .xs_mb300 {
    margin-bottom: 300px !important;
  }

  .xs_pt0 {
    padding-top: 0px !important;
  }
  .xs_pt5 {
    padding-top: 5px !important;
  }
  .xs_pt10 {
    padding-top: 10px !important;
  }
  .xs_pt20 {
    padding-top: 20px !important;
  }
  .xs_pt30 {
    padding-top: 30px !important;
  }
  .xs_pt40 {
    padding-top: 40px !important;
  }
  .xs_pt50 {
    padding-top: 50px !important;
  }
  .xs_pt60 {
    padding-top: 60px !important;
  }
  .xs_pt70 {
    padding-top: 70px !important;
  }
  .xs_pt80 {
    padding-top: 80px !important;
  }
  .xs_pt90 {
    padding-top: 90px !important;
  }
  .xs_pt100 {
    padding-top: 100px !important;
  }
  .xs_pt110 {
    padding-top: 110px !important;
  }
  .xs_pt120 {
    padding-top: 120px !important;
  }
  .xs_pt150 {
    padding-top: 150px !important;
  }
  .xs_pt200 {
    padding-top: 200px !important;
  }
  .xs_pt250 {
    padding-top: 250px !important;
  }
  .xs_pt300 {
    padding-top: 300px !important;
  }

  .xs_pb0 {
    padding-bottom: 0px !important;
  }
  .xs_pb5 {
    padding-bottom: 5px !important;
  }
  .xs_pb10 {
    padding-bottom: 10px !important;
  }
  .xs_pb20 {
    padding-bottom: 20px !important;
  }
  .xs_pb30 {
    padding-bottom: 30px !important;
  }
  .xs_pb40 {
    padding-bottom: 40px !important;
  }
  .xs_pb50 {
    padding-bottom: 50px !important;
  }
  .xs_pb60 {
    padding-bottom: 60px !important;
  }
  .xs_pb70 {
    padding-bottom: 70px !important;
  }
  .xs_pb80 {
    padding-bottom: 80px !important;
  }
  .xs_pb90 {
    padding-bottom: 90px !important;
  }
  .xs_pb100 {
    padding-bottom: 100px !important;
  }
  .xs_pb110 {
    padding-bottom: 110px !important;
  }
  .xs_pb120 {
    padding-bottom: 120px !important;
  }
  .xs_pb150 {
    padding-bottom: 150px !important;
  }
  .xs_pb200 {
    padding-bottom: 200px !important;
  }
  .xs_pb250 {
    padding-bottom: 250px !important;
  }
  .xs_pb300 {
    padding-bottom: 300px !important;
  }

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

  .xs_mx90 {
    max-width: 90% !important;
  }

  .xs_mx80 {
    max-width: 80% !important;
  }

  .xs_mx70 {
    max-width: 70% !important;
  }
}