@charset "UTF-8";
/* =============================================================================
【重要】直接編集禁止 / DO NOT EDIT THIS FILE DIRECTLY
修正は dcms_media/css/sass/custom-ai.scss に対して行い、コンパイルしてください。
============================================================================= */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
COLOR & BACKGROUND UTILITIES (文字色・背景色の自動生成)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.u-fc__main {
  color: #1B79C0 !important;
}

.u-bg__main {
  background-color: #1B79C0 !important;
}

.u-fc__accent01 {
  color: #FF6E00 !important;
}

.u-bg__accent01 {
  background-color: #FF6E00 !important;
}

.u-fc__accent02 {
  color: #7BAD0C !important;
}

.u-bg__accent02 {
  background-color: #7BAD0C !important;
}

.u-fc__accent03 {
  color: #143143 !important;
}

.u-bg__accent03 {
  background-color: #143143 !important;
}

.u-fc__txt01 {
  color: #333 !important;
}

.u-bg__txt01 {
  background-color: #333 !important;
}

.u-fc__txt02 {
  color: #666 !important;
}

.u-bg__txt02 {
  background-color: #666 !important;
}

.u-fc__wht {
  color: #ffffff !important;
}

.u-bg__wht {
  background-color: #ffffff !important;
}

.u-fc__blk {
  color: #000 !important;
}

.u-bg__blk {
  background-color: #000 !important;
}

.u-fc__line {
  color: #CCCCCC !important;
}

.u-bg__line {
  background-color: #CCCCCC !important;
}

.u-fc__bg {
  color: #F4F4F4 !important;
}

.u-bg__bg {
  background-color: #F4F4F4 !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
TYPOGRAPHY CLASSES (文字・サイズ・フォントファミリー・位置)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.u-h1 {
  font-weight: 700;
  line-height: 1.4;
  font-size: clamp(30px, 30px + 20 * (100vw - 375px) / (1920 - 375), 50px);
}
.u-h2 {
  font-weight: 700;
  line-height: 1.4;
  font-size: clamp(26px, 26px + 9 * (100vw - 375px) / (1920 - 375), 35px);
}
.u-h3 {
  font-weight: 700;
  line-height: 1.4;
  font-size: clamp(24px, 24px + 4 * (100vw - 375px) / (1920 - 375), 28px);
}
.u-h4 {
  font-weight: 700;
  line-height: 1.4;
  font-size: clamp(22px, 22px + 2 * (100vw - 375px) / (1920 - 375), 24px);
}
.u-h5 {
  font-weight: 700;
  line-height: 1.4;
  font-size: clamp(18px, 18px + 2 * (100vw - 375px) / (1920 - 375), 20px);
}
.u-h6 {
  font-weight: 700;
  line-height: 1.4;
  font-size: clamp(16px, 16px + 2 * (100vw - 375px) / (1920 - 375), 18px);
}

.u-fz10 {
  font-size: 10px;
}

.u-fz11 {
  font-size: 11px;
}

.u-fz12 {
  font-size: 12px;
}

.u-fz13 {
  font-size: 13px;
}

.u-fz14 {
  font-size: 14px;
}

.u-fz15 {
  font-size: 15px;
}

.u-fz16 {
  font-size: 16px;
}

.u-fz17 {
  font-size: 17px;
}

.u-fz18 {
  font-size: 18px;
}

.u-fz19 {
  font-size: 19px;
}

.u-fz20 {
  font-size: 20px;
}

.u-fz21 {
  font-size: 21px;
}

.u-fz22 {
  font-size: 22px;
}

.u-fz23 {
  font-size: 23px;
}

.u-fz24 {
  font-size: 24px;
}

.u-fz25 {
  font-size: 25px;
}

.u-fz26 {
  font-size: 26px;
}

.u-fz27 {
  font-size: 27px;
}

.u-fz28 {
  font-size: 28px;
}

.u-fz29 {
  font-size: 29px;
}

.u-fz30 {
  font-size: 30px;
}

.u-fz31 {
  font-size: 31px;
}

.u-fz32 {
  font-size: 32px;
}

.u-fz33 {
  font-size: 33px;
}

.u-fz34 {
  font-size: 34px;
}

.u-fz35 {
  font-size: 35px;
}

.u-fz36 {
  font-size: 36px;
}

.u-fz37 {
  font-size: 37px;
}

.u-fz38 {
  font-size: 38px;
}

.u-fz39 {
  font-size: 39px;
}

.u-fz40 {
  font-size: 40px;
}

.u-fz41 {
  font-size: 41px;
}

.u-fz42 {
  font-size: 42px;
}

.u-fz43 {
  font-size: 43px;
}

.u-fz44 {
  font-size: 44px;
}

.u-fz45 {
  font-size: 45px;
}

.u-fz46 {
  font-size: 46px;
}

.u-fz47 {
  font-size: 47px;
}

.u-fz48 {
  font-size: 48px;
}

.u-fz49 {
  font-size: 49px;
}

.u-fz50 {
  font-size: 50px;
}

@media screen and (max-width: 979.8px) {
  .u-fz10-md {
    font-size: 10px !important;
  }
  .u-fz11-md {
    font-size: 11px !important;
  }
  .u-fz12-md {
    font-size: 12px !important;
  }
  .u-fz13-md {
    font-size: 13px !important;
  }
  .u-fz14-md {
    font-size: 14px !important;
  }
  .u-fz15-md {
    font-size: 15px !important;
  }
  .u-fz16-md {
    font-size: 16px !important;
  }
  .u-fz17-md {
    font-size: 17px !important;
  }
  .u-fz18-md {
    font-size: 18px !important;
  }
  .u-fz19-md {
    font-size: 19px !important;
  }
  .u-fz20-md {
    font-size: 20px !important;
  }
  .u-fz21-md {
    font-size: 21px !important;
  }
  .u-fz22-md {
    font-size: 22px !important;
  }
  .u-fz23-md {
    font-size: 23px !important;
  }
  .u-fz24-md {
    font-size: 24px !important;
  }
  .u-fz25-md {
    font-size: 25px !important;
  }
  .u-fz26-md {
    font-size: 26px !important;
  }
  .u-fz27-md {
    font-size: 27px !important;
  }
  .u-fz28-md {
    font-size: 28px !important;
  }
  .u-fz29-md {
    font-size: 29px !important;
  }
  .u-fz30-md {
    font-size: 30px !important;
  }
  .u-fz31-md {
    font-size: 31px !important;
  }
  .u-fz32-md {
    font-size: 32px !important;
  }
  .u-fz33-md {
    font-size: 33px !important;
  }
  .u-fz34-md {
    font-size: 34px !important;
  }
  .u-fz35-md {
    font-size: 35px !important;
  }
  .u-fz36-md {
    font-size: 36px !important;
  }
  .u-fz37-md {
    font-size: 37px !important;
  }
  .u-fz38-md {
    font-size: 38px !important;
  }
  .u-fz39-md {
    font-size: 39px !important;
  }
  .u-fz40-md {
    font-size: 40px !important;
  }
  .u-fz41-md {
    font-size: 41px !important;
  }
  .u-fz42-md {
    font-size: 42px !important;
  }
  .u-fz43-md {
    font-size: 43px !important;
  }
  .u-fz44-md {
    font-size: 44px !important;
  }
  .u-fz45-md {
    font-size: 45px !important;
  }
  .u-fz46-md {
    font-size: 46px !important;
  }
  .u-fz47-md {
    font-size: 47px !important;
  }
  .u-fz48-md {
    font-size: 48px !important;
  }
  .u-fz49-md {
    font-size: 49px !important;
  }
  .u-fz50-md {
    font-size: 50px !important;
  }
}
@media screen and (max-width: 689.8px) {
  .u-fz10-sm {
    font-size: 10px !important;
  }
  .u-fz11-sm {
    font-size: 11px !important;
  }
  .u-fz12-sm {
    font-size: 12px !important;
  }
  .u-fz13-sm {
    font-size: 13px !important;
  }
  .u-fz14-sm {
    font-size: 14px !important;
  }
  .u-fz15-sm {
    font-size: 15px !important;
  }
  .u-fz16-sm {
    font-size: 16px !important;
  }
  .u-fz17-sm {
    font-size: 17px !important;
  }
  .u-fz18-sm {
    font-size: 18px !important;
  }
  .u-fz19-sm {
    font-size: 19px !important;
  }
  .u-fz20-sm {
    font-size: 20px !important;
  }
  .u-fz21-sm {
    font-size: 21px !important;
  }
  .u-fz22-sm {
    font-size: 22px !important;
  }
  .u-fz23-sm {
    font-size: 23px !important;
  }
  .u-fz24-sm {
    font-size: 24px !important;
  }
  .u-fz25-sm {
    font-size: 25px !important;
  }
  .u-fz26-sm {
    font-size: 26px !important;
  }
  .u-fz27-sm {
    font-size: 27px !important;
  }
  .u-fz28-sm {
    font-size: 28px !important;
  }
  .u-fz29-sm {
    font-size: 29px !important;
  }
  .u-fz30-sm {
    font-size: 30px !important;
  }
  .u-fz31-sm {
    font-size: 31px !important;
  }
  .u-fz32-sm {
    font-size: 32px !important;
  }
  .u-fz33-sm {
    font-size: 33px !important;
  }
  .u-fz34-sm {
    font-size: 34px !important;
  }
  .u-fz35-sm {
    font-size: 35px !important;
  }
  .u-fz36-sm {
    font-size: 36px !important;
  }
  .u-fz37-sm {
    font-size: 37px !important;
  }
  .u-fz38-sm {
    font-size: 38px !important;
  }
  .u-fz39-sm {
    font-size: 39px !important;
  }
  .u-fz40-sm {
    font-size: 40px !important;
  }
  .u-fz41-sm {
    font-size: 41px !important;
  }
  .u-fz42-sm {
    font-size: 42px !important;
  }
  .u-fz43-sm {
    font-size: 43px !important;
  }
  .u-fz44-sm {
    font-size: 44px !important;
  }
  .u-fz45-sm {
    font-size: 45px !important;
  }
  .u-fz46-sm {
    font-size: 46px !important;
  }
  .u-fz47-sm {
    font-size: 47px !important;
  }
  .u-fz48-sm {
    font-size: 48px !important;
  }
  .u-fz49-sm {
    font-size: 49px !important;
  }
  .u-fz50-sm {
    font-size: 50px !important;
  }
}
.u-fw400 {
  font-weight: 400 !important;
}

.u-fw500 {
  font-weight: 500 !important;
}

.u-fw600 {
  font-weight: 600 !important;
}

.u-fw700 {
  font-weight: 700 !important;
}

.u-fw800 {
  font-weight: 800 !important;
}

/* メイリオは400と700のみ */
.u-text__center {
  text-align: center !important;
}

.u-text__left {
  text-align: left !important;
}

.u-text__right {
  text-align: right !important;
}

@media screen and (max-width: 979.8px) {
  .u-text__center-md {
    text-align: center !important;
  }
  .u-text__left-md {
    text-align: left !important;
  }
  .u-text__right-md {
    text-align: right !important;
  }
}
@media screen and (max-width: 689.8px) {
  .u-text__center-sm {
    text-align: center !important;
  }
  .u-text__left-sm {
    text-align: left !important;
  }
  .u-text__right-sm {
    text-align: right !important;
  }
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
FLEXBOX SYSTEM (グリッド・整列)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.u-flex {
  --gap: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--gap);
}
.u-flex > [class*=col] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.u-gap1 {
  --gap: 1px;
}

.u-gap2 {
  --gap: 2px;
}

.u-gap3 {
  --gap: 3px;
}

.u-gap4 {
  --gap: 4px;
}

.u-gap5 {
  --gap: 5px;
}

.u-gap6 {
  --gap: 6px;
}

.u-gap7 {
  --gap: 7px;
}

.u-gap8 {
  --gap: 8px;
}

.u-gap9 {
  --gap: 9px;
}

.u-gap10 {
  --gap: 10px;
}

.u-gap11 {
  --gap: 11px;
}

.u-gap12 {
  --gap: 12px;
}

.u-gap13 {
  --gap: 13px;
}

.u-gap14 {
  --gap: 14px;
}

.u-gap15 {
  --gap: 15px;
}

.u-gap16 {
  --gap: 16px;
}

.u-gap17 {
  --gap: 17px;
}

.u-gap18 {
  --gap: 18px;
}

.u-gap19 {
  --gap: 19px;
}

.u-gap20 {
  --gap: 20px;
}

.u-gap21 {
  --gap: 21px;
}

.u-gap22 {
  --gap: 22px;
}

.u-gap23 {
  --gap: 23px;
}

.u-gap24 {
  --gap: 24px;
}

.u-gap25 {
  --gap: 25px;
}

.u-gap26 {
  --gap: 26px;
}

.u-gap27 {
  --gap: 27px;
}

.u-gap28 {
  --gap: 28px;
}

.u-gap29 {
  --gap: 29px;
}

.u-gap30 {
  --gap: 30px;
}

.u-gap31 {
  --gap: 31px;
}

.u-gap32 {
  --gap: 32px;
}

.u-gap33 {
  --gap: 33px;
}

.u-gap34 {
  --gap: 34px;
}

@media screen and (max-width: 979.8px) {
  .u-gap1-md {
    --gap: 1px;
  }
  .u-gap2-md {
    --gap: 2px;
  }
  .u-gap3-md {
    --gap: 3px;
  }
  .u-gap4-md {
    --gap: 4px;
  }
  .u-gap5-md {
    --gap: 5px;
  }
  .u-gap6-md {
    --gap: 6px;
  }
  .u-gap7-md {
    --gap: 7px;
  }
  .u-gap8-md {
    --gap: 8px;
  }
  .u-gap9-md {
    --gap: 9px;
  }
  .u-gap10-md {
    --gap: 10px;
  }
  .u-gap11-md {
    --gap: 11px;
  }
  .u-gap12-md {
    --gap: 12px;
  }
  .u-gap13-md {
    --gap: 13px;
  }
  .u-gap14-md {
    --gap: 14px;
  }
  .u-gap15-md {
    --gap: 15px;
  }
  .u-gap16-md {
    --gap: 16px;
  }
  .u-gap17-md {
    --gap: 17px;
  }
  .u-gap18-md {
    --gap: 18px;
  }
  .u-gap19-md {
    --gap: 19px;
  }
  .u-gap20-md {
    --gap: 20px;
  }
  .u-gap21-md {
    --gap: 21px;
  }
  .u-gap22-md {
    --gap: 22px;
  }
  .u-gap23-md {
    --gap: 23px;
  }
  .u-gap24-md {
    --gap: 24px;
  }
  .u-gap25-md {
    --gap: 25px;
  }
  .u-gap26-md {
    --gap: 26px;
  }
  .u-gap27-md {
    --gap: 27px;
  }
  .u-gap28-md {
    --gap: 28px;
  }
  .u-gap29-md {
    --gap: 29px;
  }
  .u-gap30-md {
    --gap: 30px;
  }
  .u-gap31-md {
    --gap: 31px;
  }
  .u-gap32-md {
    --gap: 32px;
  }
  .u-gap33-md {
    --gap: 33px;
  }
  .u-gap34-md {
    --gap: 34px;
  }
}
@media screen and (max-width: 689.8px) {
  .u-gap1-sm {
    --gap: 1px;
  }
  .u-gap2-sm {
    --gap: 2px;
  }
  .u-gap3-sm {
    --gap: 3px;
  }
  .u-gap4-sm {
    --gap: 4px;
  }
  .u-gap5-sm {
    --gap: 5px;
  }
  .u-gap6-sm {
    --gap: 6px;
  }
  .u-gap7-sm {
    --gap: 7px;
  }
  .u-gap8-sm {
    --gap: 8px;
  }
  .u-gap9-sm {
    --gap: 9px;
  }
  .u-gap10-sm {
    --gap: 10px;
  }
  .u-gap11-sm {
    --gap: 11px;
  }
  .u-gap12-sm {
    --gap: 12px;
  }
  .u-gap13-sm {
    --gap: 13px;
  }
  .u-gap14-sm {
    --gap: 14px;
  }
  .u-gap15-sm {
    --gap: 15px;
  }
  .u-gap16-sm {
    --gap: 16px;
  }
  .u-gap17-sm {
    --gap: 17px;
  }
  .u-gap18-sm {
    --gap: 18px;
  }
  .u-gap19-sm {
    --gap: 19px;
  }
  .u-gap20-sm {
    --gap: 20px;
  }
  .u-gap21-sm {
    --gap: 21px;
  }
  .u-gap22-sm {
    --gap: 22px;
  }
  .u-gap23-sm {
    --gap: 23px;
  }
  .u-gap24-sm {
    --gap: 24px;
  }
  .u-gap25-sm {
    --gap: 25px;
  }
  .u-gap26-sm {
    --gap: 26px;
  }
  .u-gap27-sm {
    --gap: 27px;
  }
  .u-gap28-sm {
    --gap: 28px;
  }
  .u-gap29-sm {
    --gap: 29px;
  }
  .u-gap30-sm {
    --gap: 30px;
  }
  .u-gap31-sm {
    --gap: 31px;
  }
  .u-gap32-sm {
    --gap: 32px;
  }
  .u-gap33-sm {
    --gap: 33px;
  }
  .u-gap34-sm {
    --gap: 34px;
  }
}
.u-gap35 {
  --gap: 35px;
}

.u-gap40 {
  --gap: 40px;
}

.u-gap45 {
  --gap: 45px;
}

.u-gap50 {
  --gap: 50px;
}

.u-gap55 {
  --gap: 55px;
}

.u-gap60 {
  --gap: 60px;
}

.u-gap65 {
  --gap: 65px;
}

.u-gap70 {
  --gap: 70px;
}

.u-gap75 {
  --gap: 75px;
}

.u-gap80 {
  --gap: 80px;
}

.u-gap85 {
  --gap: 85px;
}

.u-gap90 {
  --gap: 90px;
}

.u-gap95 {
  --gap: 95px;
}

.u-gap100 {
  --gap: 100px;
}

@media screen and (max-width: 979.8px) {
  .u-gap5-md {
    --gap: 5px;
  }
  .u-gap10-md {
    --gap: 10px;
  }
  .u-gap15-md {
    --gap: 15px;
  }
  .u-gap20-md {
    --gap: 20px;
  }
  .u-gap25-md {
    --gap: 25px;
  }
  .u-gap30-md {
    --gap: 30px;
  }
  .u-gap35-md {
    --gap: 35px;
  }
  .u-gap40-md {
    --gap: 40px;
  }
  .u-gap45-md {
    --gap: 45px;
  }
  .u-gap50-md {
    --gap: 50px;
  }
  .u-gap55-md {
    --gap: 55px;
  }
  .u-gap60-md {
    --gap: 60px;
  }
  .u-gap65-md {
    --gap: 65px;
  }
  .u-gap70-md {
    --gap: 70px;
  }
  .u-gap75-md {
    --gap: 75px;
  }
  .u-gap80-md {
    --gap: 80px;
  }
  .u-gap85-md {
    --gap: 85px;
  }
  .u-gap90-md {
    --gap: 90px;
  }
  .u-gap95-md {
    --gap: 95px;
  }
  .u-gap100-md {
    --gap: 100px;
  }
}
@media screen and (max-width: 689.8px) {
  .u-gap5-sm {
    --gap: 5px;
  }
  .u-gap10-sm {
    --gap: 10px;
  }
  .u-gap15-sm {
    --gap: 15px;
  }
  .u-gap20-sm {
    --gap: 20px;
  }
  .u-gap25-sm {
    --gap: 25px;
  }
  .u-gap30-sm {
    --gap: 30px;
  }
  .u-gap35-sm {
    --gap: 35px;
  }
  .u-gap40-sm {
    --gap: 40px;
  }
  .u-gap45-sm {
    --gap: 45px;
  }
  .u-gap50-sm {
    --gap: 50px;
  }
  .u-gap55-sm {
    --gap: 55px;
  }
  .u-gap60-sm {
    --gap: 60px;
  }
  .u-gap65-sm {
    --gap: 65px;
  }
  .u-gap70-sm {
    --gap: 70px;
  }
  .u-gap75-sm {
    --gap: 75px;
  }
  .u-gap80-sm {
    --gap: 80px;
  }
  .u-gap85-sm {
    --gap: 85px;
  }
  .u-gap90-sm {
    --gap: 90px;
  }
  .u-gap95-sm {
    --gap: 95px;
  }
  .u-gap100-sm {
    --gap: 100px;
  }
}
.u-grow-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.u-grow-2 {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.u-grow-3 {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.u-grow-4 {
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
}

.u-grow-5 {
  -webkit-box-flex: 5;
      -ms-flex: 5;
          flex: 5;
}

@media screen and (max-width: 979.8px) {
  .u-grow-1-md {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .u-grow-2-md {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
  .u-grow-3-md {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
  }
  .u-grow-4-md {
    -webkit-box-flex: 4;
        -ms-flex: 4;
            flex: 4;
  }
  .u-grow-5-md {
    -webkit-box-flex: 5;
        -ms-flex: 5;
            flex: 5;
  }
}
@media screen and (max-width: 689.8px) {
  .u-grow-1-sm {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .u-grow-2-sm {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
  .u-grow-3-sm {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
  }
  .u-grow-4-sm {
    -webkit-box-flex: 4;
        -ms-flex: 4;
            flex: 4;
  }
  .u-grow-5-sm {
    -webkit-box-flex: 5;
        -ms-flex: 5;
            flex: 5;
  }
}
.u-grow-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

@media screen and (max-width: 979.8px) {
  .u-grow-none-md {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}
@media screen and (max-width: 689.8px) {
  .u-grow-none-sm {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}
.u-grow-full {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
}

@media screen and (max-width: 979.8px) {
  .u-grow-full-md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
}
@media screen and (max-width: 689.8px) {
  .u-grow-full-sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
}
.u-flex.is-col-1 > * {
  width: 100%;
}
.u-flex.is-col-2 > * {
  width: calc((100% - var(--gap)) / 2 - 0.1px);
}
.u-flex.is-col-3 > * {
  width: calc((100% - var(--gap) * 2) / 3 - 0.1px);
}
.u-flex.is-col-4 > * {
  width: calc((100% - var(--gap) * 3) / 4 - 0.1px);
}
.u-flex.is-col-5 > * {
  width: calc((100% - var(--gap) * 4) / 5 - 0.1px);
}
.u-flex.is-col-6 > * {
  width: calc((100% - var(--gap) * 5) / 6 - 0.1px);
}

@media screen and (max-width: 979.8px) {
  .u-flex.is-col-1-md > * {
    width: 100%;
  }
  .u-flex.is-col-2-md > * {
    width: calc((100% - var(--gap)) / 2 - 0.1px);
  }
  .u-flex.is-col-3-md > * {
    width: calc((100% - var(--gap) * 2) / 3 - 0.1px);
  }
}
@media screen and (max-width: 689.8px) {
  .u-flex.is-col-1-sm > * {
    width: 100%;
  }
  .u-flex.is-col-2-sm > * {
    width: calc((100% - var(--gap)) / 2 - 0.1px);
  }
  .u-flex.is-col-3-sm > * {
    width: calc((100% - var(--gap)) / 3 - 0.1px);
  }
}
@media screen and (max-width: 979.8px) {
  .u-flex.is-stack-md > * {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 689.8px) {
  .u-flex.is-stack-sm > * {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
    width: 100% !important;
  }
}
.u-fd-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media screen and (max-width: 979.8px) {
  .u-fd-row-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (max-width: 689.8px) {
  .u-fd-row-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.u-fd-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 979.8px) {
  .u-fd-row-reverse-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (max-width: 689.8px) {
  .u-fd-row-reverse-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.u-fd-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 979.8px) {
  .u-fd-column-md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 689.8px) {
  .u-fd-column-sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.u-fd-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media screen and (max-width: 979.8px) {
  .u-fd-column-reverse-md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (max-width: 689.8px) {
  .u-fd-column-reverse-sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.u-jsc-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 979.8px) {
  .u-jsc-start-md {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (max-width: 689.8px) {
  .u-jsc-start-sm {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.u-jsc-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 979.8px) {
  .u-jsc-end-md {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media screen and (max-width: 689.8px) {
  .u-jsc-end-sm {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.u-jsc-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 979.8px) {
  .u-jsc-center-md {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 689.8px) {
  .u-jsc-center-sm {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.u-jsc-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 979.8px) {
  .u-jsc-space-between-md {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 689.8px) {
  .u-jsc-space-between-sm {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.u-jsc-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media screen and (max-width: 979.8px) {
  .u-jsc-space-around-md {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media screen and (max-width: 689.8px) {
  .u-jsc-space-around-sm {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

.u-jsc-space-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
@media screen and (max-width: 979.8px) {
  .u-jsc-space-evenly-md {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
@media screen and (max-width: 689.8px) {
  .u-jsc-space-evenly-sm {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}

.u-al-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 979.8px) {
  .u-al-start-md {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 689.8px) {
  .u-al-start-sm {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.u-al-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 979.8px) {
  .u-al-center-md {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 689.8px) {
  .u-al-center-sm {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.u-al-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 979.8px) {
  .u-al-end-md {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (max-width: 689.8px) {
  .u-al-end-sm {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.u-al-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 979.8px) {
  .u-al-stretch-md {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media screen and (max-width: 689.8px) {
  .u-al-stretch-sm {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.u-al-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media screen and (max-width: 979.8px) {
  .u-al-baseline-md {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
@media screen and (max-width: 689.8px) {
  .u-al-baseline-sm {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}

/* [ 使い方：基本構造 ]
* -----------------------------------------------------------------------------
* 親要素に「.u-flex」を付与し、必要に応じて「.gap(数値)」や「.is-col-(列数)」を組み合わせます。
* 例1：横並び（2列）で間に20pxの余白
* u-flex is-col-2 gap20 ... </div>
* 例2：スマホでは1段（スタック）、タブレット以上で3列
* u-flex is-stack-sm is-col-3-md gap30 ... </div>
* -----------------------------------------------------------------------------*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
smACING UTILITIES (MARGIN & PADDING)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ============================================
* margin（4px刻み）
* ============================================ */
.u-mt0 {
  margin-top: 0px;
}

.u-mt4 {
  margin-top: 4px;
}

.u-mt8 {
  margin-top: 8px;
}

.u-mt12 {
  margin-top: 12px;
}

.u-mt16 {
  margin-top: 16px;
}

.u-mt20 {
  margin-top: 20px;
}

.u-mt24 {
  margin-top: 24px;
}

.u-mt28 {
  margin-top: 28px;
}

.u-mt32 {
  margin-top: 32px;
}

.u-mt36 {
  margin-top: 36px;
}

.u-mt40 {
  margin-top: 40px;
}

.u-mt44 {
  margin-top: 44px;
}

.u-mt48 {
  margin-top: 48px;
}

.u-mt52 {
  margin-top: 52px;
}

.u-mt56 {
  margin-top: 56px;
}

.u-mt60 {
  margin-top: 60px;
}

.u-mt64 {
  margin-top: 64px;
}

.u-mt68 {
  margin-top: 68px;
}

.u-mt72 {
  margin-top: 72px;
}

.u-mt76 {
  margin-top: 76px;
}

.u-mt80 {
  margin-top: 80px;
}

.u-mt84 {
  margin-top: 84px;
}

.u-mt88 {
  margin-top: 88px;
}

.u-mt92 {
  margin-top: 92px;
}

.u-mt96 {
  margin-top: 96px;
}

.u-mt100 {
  margin-top: 100px;
}

.u-mt104 {
  margin-top: 104px;
}

.u-mt108 {
  margin-top: 108px;
}

.u-mt112 {
  margin-top: 112px;
}

.u-mt116 {
  margin-top: 116px;
}

.u-mt120 {
  margin-top: 120px;
}

.u-mt124 {
  margin-top: 124px;
}

.u-mt128 {
  margin-top: 128px;
}

.u-mt132 {
  margin-top: 132px;
}

.u-mt136 {
  margin-top: 136px;
}

.u-mt140 {
  margin-top: 140px;
}

.u-mt144 {
  margin-top: 144px;
}

.u-mt148 {
  margin-top: 148px;
}

.u-mt152 {
  margin-top: 152px;
}

.u-mt156 {
  margin-top: 156px;
}

.u-mt160 {
  margin-top: 160px;
}

.u-mt164 {
  margin-top: 164px;
}

.u-mt168 {
  margin-top: 168px;
}

.u-mt172 {
  margin-top: 172px;
}

.u-mt176 {
  margin-top: 176px;
}

.u-mt180 {
  margin-top: 180px;
}

.u-mt184 {
  margin-top: 184px;
}

.u-mt188 {
  margin-top: 188px;
}

.u-mt192 {
  margin-top: 192px;
}

.u-mt196 {
  margin-top: 196px;
}

.u-mt200 {
  margin-top: 200px;
}

@media screen and (max-width: 979.8px) {
  .u-mt0-md {
    margin-top: 0px !important;
  }
  .u-mt4-md {
    margin-top: 4px !important;
  }
  .u-mt8-md {
    margin-top: 8px !important;
  }
  .u-mt12-md {
    margin-top: 12px !important;
  }
  .u-mt16-md {
    margin-top: 16px !important;
  }
  .u-mt20-md {
    margin-top: 20px !important;
  }
  .u-mt24-md {
    margin-top: 24px !important;
  }
  .u-mt28-md {
    margin-top: 28px !important;
  }
  .u-mt32-md {
    margin-top: 32px !important;
  }
  .u-mt36-md {
    margin-top: 36px !important;
  }
  .u-mt40-md {
    margin-top: 40px !important;
  }
  .u-mt44-md {
    margin-top: 44px !important;
  }
  .u-mt48-md {
    margin-top: 48px !important;
  }
  .u-mt52-md {
    margin-top: 52px !important;
  }
  .u-mt56-md {
    margin-top: 56px !important;
  }
  .u-mt60-md {
    margin-top: 60px !important;
  }
  .u-mt64-md {
    margin-top: 64px !important;
  }
  .u-mt68-md {
    margin-top: 68px !important;
  }
  .u-mt72-md {
    margin-top: 72px !important;
  }
  .u-mt76-md {
    margin-top: 76px !important;
  }
  .u-mt80-md {
    margin-top: 80px !important;
  }
  .u-mt84-md {
    margin-top: 84px !important;
  }
  .u-mt88-md {
    margin-top: 88px !important;
  }
  .u-mt92-md {
    margin-top: 92px !important;
  }
  .u-mt96-md {
    margin-top: 96px !important;
  }
  .u-mt100-md {
    margin-top: 100px !important;
  }
  .u-mt104-md {
    margin-top: 104px !important;
  }
  .u-mt108-md {
    margin-top: 108px !important;
  }
  .u-mt112-md {
    margin-top: 112px !important;
  }
  .u-mt116-md {
    margin-top: 116px !important;
  }
  .u-mt120-md {
    margin-top: 120px !important;
  }
  .u-mt124-md {
    margin-top: 124px !important;
  }
  .u-mt128-md {
    margin-top: 128px !important;
  }
  .u-mt132-md {
    margin-top: 132px !important;
  }
  .u-mt136-md {
    margin-top: 136px !important;
  }
  .u-mt140-md {
    margin-top: 140px !important;
  }
  .u-mt144-md {
    margin-top: 144px !important;
  }
  .u-mt148-md {
    margin-top: 148px !important;
  }
  .u-mt152-md {
    margin-top: 152px !important;
  }
  .u-mt156-md {
    margin-top: 156px !important;
  }
  .u-mt160-md {
    margin-top: 160px !important;
  }
  .u-mt164-md {
    margin-top: 164px !important;
  }
  .u-mt168-md {
    margin-top: 168px !important;
  }
  .u-mt172-md {
    margin-top: 172px !important;
  }
  .u-mt176-md {
    margin-top: 176px !important;
  }
  .u-mt180-md {
    margin-top: 180px !important;
  }
  .u-mt184-md {
    margin-top: 184px !important;
  }
  .u-mt188-md {
    margin-top: 188px !important;
  }
  .u-mt192-md {
    margin-top: 192px !important;
  }
  .u-mt196-md {
    margin-top: 196px !important;
  }
  .u-mt200-md {
    margin-top: 200px !important;
  }
}
@media screen and (max-width: 689.8px) {
  .u-mt0-sm {
    margin-top: 0px !important;
  }
  .u-mt4-sm {
    margin-top: 4px !important;
  }
  .u-mt8-sm {
    margin-top: 8px !important;
  }
  .u-mt12-sm {
    margin-top: 12px !important;
  }
  .u-mt16-sm {
    margin-top: 16px !important;
  }
  .u-mt20-sm {
    margin-top: 20px !important;
  }
  .u-mt24-sm {
    margin-top: 24px !important;
  }
  .u-mt28-sm {
    margin-top: 28px !important;
  }
  .u-mt32-sm {
    margin-top: 32px !important;
  }
  .u-mt36-sm {
    margin-top: 36px !important;
  }
  .u-mt40-sm {
    margin-top: 40px !important;
  }
  .u-mt44-sm {
    margin-top: 44px !important;
  }
  .u-mt48-sm {
    margin-top: 48px !important;
  }
  .u-mt52-sm {
    margin-top: 52px !important;
  }
  .u-mt56-sm {
    margin-top: 56px !important;
  }
  .u-mt60-sm {
    margin-top: 60px !important;
  }
  .u-mt64-sm {
    margin-top: 64px !important;
  }
  .u-mt68-sm {
    margin-top: 68px !important;
  }
  .u-mt72-sm {
    margin-top: 72px !important;
  }
  .u-mt76-sm {
    margin-top: 76px !important;
  }
  .u-mt80-sm {
    margin-top: 80px !important;
  }
  .u-mt84-sm {
    margin-top: 84px !important;
  }
  .u-mt88-sm {
    margin-top: 88px !important;
  }
  .u-mt92-sm {
    margin-top: 92px !important;
  }
  .u-mt96-sm {
    margin-top: 96px !important;
  }
  .u-mt100-sm {
    margin-top: 100px !important;
  }
  .u-mt104-sm {
    margin-top: 104px !important;
  }
  .u-mt108-sm {
    margin-top: 108px !important;
  }
  .u-mt112-sm {
    margin-top: 112px !important;
  }
  .u-mt116-sm {
    margin-top: 116px !important;
  }
  .u-mt120-sm {
    margin-top: 120px !important;
  }
  .u-mt124-sm {
    margin-top: 124px !important;
  }
  .u-mt128-sm {
    margin-top: 128px !important;
  }
  .u-mt132-sm {
    margin-top: 132px !important;
  }
  .u-mt136-sm {
    margin-top: 136px !important;
  }
  .u-mt140-sm {
    margin-top: 140px !important;
  }
  .u-mt144-sm {
    margin-top: 144px !important;
  }
  .u-mt148-sm {
    margin-top: 148px !important;
  }
  .u-mt152-sm {
    margin-top: 152px !important;
  }
  .u-mt156-sm {
    margin-top: 156px !important;
  }
  .u-mt160-sm {
    margin-top: 160px !important;
  }
  .u-mt164-sm {
    margin-top: 164px !important;
  }
  .u-mt168-sm {
    margin-top: 168px !important;
  }
  .u-mt172-sm {
    margin-top: 172px !important;
  }
  .u-mt176-sm {
    margin-top: 176px !important;
  }
  .u-mt180-sm {
    margin-top: 180px !important;
  }
  .u-mt184-sm {
    margin-top: 184px !important;
  }
  .u-mt188-sm {
    margin-top: 188px !important;
  }
  .u-mt192-sm {
    margin-top: 192px !important;
  }
  .u-mt196-sm {
    margin-top: 196px !important;
  }
  .u-mt200-sm {
    margin-top: 200px !important;
  }
}
.u-mr0 {
  margin-right: 0px;
}

.u-mr4 {
  margin-right: 4px;
}

.u-mr8 {
  margin-right: 8px;
}

.u-mr12 {
  margin-right: 12px;
}

.u-mr16 {
  margin-right: 16px;
}

.u-mr20 {
  margin-right: 20px;
}

.u-mr24 {
  margin-right: 24px;
}

.u-mr28 {
  margin-right: 28px;
}

.u-mr32 {
  margin-right: 32px;
}

.u-mr36 {
  margin-right: 36px;
}

.u-mr40 {
  margin-right: 40px;
}

.u-mr44 {
  margin-right: 44px;
}

.u-mr48 {
  margin-right: 48px;
}

.u-mr52 {
  margin-right: 52px;
}

.u-mr56 {
  margin-right: 56px;
}

.u-mr60 {
  margin-right: 60px;
}

.u-mr64 {
  margin-right: 64px;
}

.u-mr68 {
  margin-right: 68px;
}

.u-mr72 {
  margin-right: 72px;
}

.u-mr76 {
  margin-right: 76px;
}

.u-mr80 {
  margin-right: 80px;
}

.u-mr84 {
  margin-right: 84px;
}

.u-mr88 {
  margin-right: 88px;
}

.u-mr92 {
  margin-right: 92px;
}

.u-mr96 {
  margin-right: 96px;
}

.u-mr100 {
  margin-right: 100px;
}

.u-mr104 {
  margin-right: 104px;
}

.u-mr108 {
  margin-right: 108px;
}

.u-mr112 {
  margin-right: 112px;
}

.u-mr116 {
  margin-right: 116px;
}

.u-mr120 {
  margin-right: 120px;
}

.u-mr124 {
  margin-right: 124px;
}

.u-mr128 {
  margin-right: 128px;
}

.u-mr132 {
  margin-right: 132px;
}

.u-mr136 {
  margin-right: 136px;
}

.u-mr140 {
  margin-right: 140px;
}

.u-mr144 {
  margin-right: 144px;
}

.u-mr148 {
  margin-right: 148px;
}

.u-mr152 {
  margin-right: 152px;
}

.u-mr156 {
  margin-right: 156px;
}

.u-mr160 {
  margin-right: 160px;
}

.u-mr164 {
  margin-right: 164px;
}

.u-mr168 {
  margin-right: 168px;
}

.u-mr172 {
  margin-right: 172px;
}

.u-mr176 {
  margin-right: 176px;
}

.u-mr180 {
  margin-right: 180px;
}

.u-mr184 {
  margin-right: 184px;
}

.u-mr188 {
  margin-right: 188px;
}

.u-mr192 {
  margin-right: 192px;
}

.u-mr196 {
  margin-right: 196px;
}

.u-mr200 {
  margin-right: 200px;
}

@media screen and (max-width: 979.8px) {
  .u-mr0-md {
    margin-right: 0px !important;
  }
  .u-mr4-md {
    margin-right: 4px !important;
  }
  .u-mr8-md {
    margin-right: 8px !important;
  }
  .u-mr12-md {
    margin-right: 12px !important;
  }
  .u-mr16-md {
    margin-right: 16px !important;
  }
  .u-mr20-md {
    margin-right: 20px !important;
  }
  .u-mr24-md {
    margin-right: 24px !important;
  }
  .u-mr28-md {
    margin-right: 28px !important;
  }
  .u-mr32-md {
    margin-right: 32px !important;
  }
  .u-mr36-md {
    margin-right: 36px !important;
  }
  .u-mr40-md {
    margin-right: 40px !important;
  }
  .u-mr44-md {
    margin-right: 44px !important;
  }
  .u-mr48-md {
    margin-right: 48px !important;
  }
  .u-mr52-md {
    margin-right: 52px !important;
  }
  .u-mr56-md {
    margin-right: 56px !important;
  }
  .u-mr60-md {
    margin-right: 60px !important;
  }
  .u-mr64-md {
    margin-right: 64px !important;
  }
  .u-mr68-md {
    margin-right: 68px !important;
  }
  .u-mr72-md {
    margin-right: 72px !important;
  }
  .u-mr76-md {
    margin-right: 76px !important;
  }
  .u-mr80-md {
    margin-right: 80px !important;
  }
  .u-mr84-md {
    margin-right: 84px !important;
  }
  .u-mr88-md {
    margin-right: 88px !important;
  }
  .u-mr92-md {
    margin-right: 92px !important;
  }
  .u-mr96-md {
    margin-right: 96px !important;
  }
  .u-mr100-md {
    margin-right: 100px !important;
  }
  .u-mr104-md {
    margin-right: 104px !important;
  }
  .u-mr108-md {
    margin-right: 108px !important;
  }
  .u-mr112-md {
    margin-right: 112px !important;
  }
  .u-mr116-md {
    margin-right: 116px !important;
  }
  .u-mr120-md {
    margin-right: 120px !important;
  }
  .u-mr124-md {
    margin-right: 124px !important;
  }
  .u-mr128-md {
    margin-right: 128px !important;
  }
  .u-mr132-md {
    margin-right: 132px !important;
  }
  .u-mr136-md {
    margin-right: 136px !important;
  }
  .u-mr140-md {
    margin-right: 140px !important;
  }
  .u-mr144-md {
    margin-right: 144px !important;
  }
  .u-mr148-md {
    margin-right: 148px !important;
  }
  .u-mr152-md {
    margin-right: 152px !important;
  }
  .u-mr156-md {
    margin-right: 156px !important;
  }
  .u-mr160-md {
    margin-right: 160px !important;
  }
  .u-mr164-md {
    margin-right: 164px !important;
  }
  .u-mr168-md {
    margin-right: 168px !important;
  }
  .u-mr172-md {
    margin-right: 172px !important;
  }
  .u-mr176-md {
    margin-right: 176px !important;
  }
  .u-mr180-md {
    margin-right: 180px !important;
  }
  .u-mr184-md {
    margin-right: 184px !important;
  }
  .u-mr188-md {
    margin-right: 188px !important;
  }
  .u-mr192-md {
    margin-right: 192px !important;
  }
  .u-mr196-md {
    margin-right: 196px !important;
  }
  .u-mr200-md {
    margin-right: 200px !important;
  }
}
@media screen and (max-width: 689.8px) {
  .u-mr0-sm {
    margin-right: 0px !important;
  }
  .u-mr4-sm {
    margin-right: 4px !important;
  }
  .u-mr8-sm {
    margin-right: 8px !important;
  }
  .u-mr12-sm {
    margin-right: 12px !important;
  }
  .u-mr16-sm {
    margin-right: 16px !important;
  }
  .u-mr20-sm {
    margin-right: 20px !important;
  }
  .u-mr24-sm {
    margin-right: 24px !important;
  }
  .u-mr28-sm {
    margin-right: 28px !important;
  }
  .u-mr32-sm {
    margin-right: 32px !important;
  }
  .u-mr36-sm {
    margin-right: 36px !important;
  }
  .u-mr40-sm {
    margin-right: 40px !important;
  }
  .u-mr44-sm {
    margin-right: 44px !important;
  }
  .u-mr48-sm {
    margin-right: 48px !important;
  }
  .u-mr52-sm {
    margin-right: 52px !important;
  }
  .u-mr56-sm {
    margin-right: 56px !important;
  }
  .u-mr60-sm {
    margin-right: 60px !important;
  }
  .u-mr64-sm {
    margin-right: 64px !important;
  }
  .u-mr68-sm {
    margin-right: 68px !important;
  }
  .u-mr72-sm {
    margin-right: 72px !important;
  }
  .u-mr76-sm {
    margin-right: 76px !important;
  }
  .u-mr80-sm {
    margin-right: 80px !important;
  }
  .u-mr84-sm {
    margin-right: 84px !important;
  }
  .u-mr88-sm {
    margin-right: 88px !important;
  }
  .u-mr92-sm {
    margin-right: 92px !important;
  }
  .u-mr96-sm {
    margin-right: 96px !important;
  }
  .u-mr100-sm {
    margin-right: 100px !important;
  }
  .u-mr104-sm {
    margin-right: 104px !important;
  }
  .u-mr108-sm {
    margin-right: 108px !important;
  }
  .u-mr112-sm {
    margin-right: 112px !important;
  }
  .u-mr116-sm {
    margin-right: 116px !important;
  }
  .u-mr120-sm {
    margin-right: 120px !important;
  }
  .u-mr124-sm {
    margin-right: 124px !important;
  }
  .u-mr128-sm {
    margin-right: 128px !important;
  }
  .u-mr132-sm {
    margin-right: 132px !important;
  }
  .u-mr136-sm {
    margin-right: 136px !important;
  }
  .u-mr140-sm {
    margin-right: 140px !important;
  }
  .u-mr144-sm {
    margin-right: 144px !important;
  }
  .u-mr148-sm {
    margin-right: 148px !important;
  }
  .u-mr152-sm {
    margin-right: 152px !important;
  }
  .u-mr156-sm {
    margin-right: 156px !important;
  }
  .u-mr160-sm {
    margin-right: 160px !important;
  }
  .u-mr164-sm {
    margin-right: 164px !important;
  }
  .u-mr168-sm {
    margin-right: 168px !important;
  }
  .u-mr172-sm {
    margin-right: 172px !important;
  }
  .u-mr176-sm {
    margin-right: 176px !important;
  }
  .u-mr180-sm {
    margin-right: 180px !important;
  }
  .u-mr184-sm {
    margin-right: 184px !important;
  }
  .u-mr188-sm {
    margin-right: 188px !important;
  }
  .u-mr192-sm {
    margin-right: 192px !important;
  }
  .u-mr196-sm {
    margin-right: 196px !important;
  }
  .u-mr200-sm {
    margin-right: 200px !important;
  }
}
.u-ml0 {
  margin-left: 0px;
}

.u-ml4 {
  margin-left: 4px;
}

.u-ml8 {
  margin-left: 8px;
}

.u-ml12 {
  margin-left: 12px;
}

.u-ml16 {
  margin-left: 16px;
}

.u-ml20 {
  margin-left: 20px;
}

.u-ml24 {
  margin-left: 24px;
}

.u-ml28 {
  margin-left: 28px;
}

.u-ml32 {
  margin-left: 32px;
}

.u-ml36 {
  margin-left: 36px;
}

.u-ml40 {
  margin-left: 40px;
}

.u-ml44 {
  margin-left: 44px;
}

.u-ml48 {
  margin-left: 48px;
}

.u-ml52 {
  margin-left: 52px;
}

.u-ml56 {
  margin-left: 56px;
}

.u-ml60 {
  margin-left: 60px;
}

.u-ml64 {
  margin-left: 64px;
}

.u-ml68 {
  margin-left: 68px;
}

.u-ml72 {
  margin-left: 72px;
}

.u-ml76 {
  margin-left: 76px;
}

.u-ml80 {
  margin-left: 80px;
}

.u-ml84 {
  margin-left: 84px;
}

.u-ml88 {
  margin-left: 88px;
}

.u-ml92 {
  margin-left: 92px;
}

.u-ml96 {
  margin-left: 96px;
}

.u-ml100 {
  margin-left: 100px;
}

.u-ml104 {
  margin-left: 104px;
}

.u-ml108 {
  margin-left: 108px;
}

.u-ml112 {
  margin-left: 112px;
}

.u-ml116 {
  margin-left: 116px;
}

.u-ml120 {
  margin-left: 120px;
}

.u-ml124 {
  margin-left: 124px;
}

.u-ml128 {
  margin-left: 128px;
}

.u-ml132 {
  margin-left: 132px;
}

.u-ml136 {
  margin-left: 136px;
}

.u-ml140 {
  margin-left: 140px;
}

.u-ml144 {
  margin-left: 144px;
}

.u-ml148 {
  margin-left: 148px;
}

.u-ml152 {
  margin-left: 152px;
}

.u-ml156 {
  margin-left: 156px;
}

.u-ml160 {
  margin-left: 160px;
}

.u-ml164 {
  margin-left: 164px;
}

.u-ml168 {
  margin-left: 168px;
}

.u-ml172 {
  margin-left: 172px;
}

.u-ml176 {
  margin-left: 176px;
}

.u-ml180 {
  margin-left: 180px;
}

.u-ml184 {
  margin-left: 184px;
}

.u-ml188 {
  margin-left: 188px;
}

.u-ml192 {
  margin-left: 192px;
}

.u-ml196 {
  margin-left: 196px;
}

.u-ml200 {
  margin-left: 200px;
}

@media screen and (max-width: 979.8px) {
  .u-ml0-md {
    margin-left: 0px !important;
  }
  .u-ml4-md {
    margin-left: 4px !important;
  }
  .u-ml8-md {
    margin-left: 8px !important;
  }
  .u-ml12-md {
    margin-left: 12px !important;
  }
  .u-ml16-md {
    margin-left: 16px !important;
  }
  .u-ml20-md {
    margin-left: 20px !important;
  }
  .u-ml24-md {
    margin-left: 24px !important;
  }
  .u-ml28-md {
    margin-left: 28px !important;
  }
  .u-ml32-md {
    margin-left: 32px !important;
  }
  .u-ml36-md {
    margin-left: 36px !important;
  }
  .u-ml40-md {
    margin-left: 40px !important;
  }
  .u-ml44-md {
    margin-left: 44px !important;
  }
  .u-ml48-md {
    margin-left: 48px !important;
  }
  .u-ml52-md {
    margin-left: 52px !important;
  }
  .u-ml56-md {
    margin-left: 56px !important;
  }
  .u-ml60-md {
    margin-left: 60px !important;
  }
  .u-ml64-md {
    margin-left: 64px !important;
  }
  .u-ml68-md {
    margin-left: 68px !important;
  }
  .u-ml72-md {
    margin-left: 72px !important;
  }
  .u-ml76-md {
    margin-left: 76px !important;
  }
  .u-ml80-md {
    margin-left: 80px !important;
  }
  .u-ml84-md {
    margin-left: 84px !important;
  }
  .u-ml88-md {
    margin-left: 88px !important;
  }
  .u-ml92-md {
    margin-left: 92px !important;
  }
  .u-ml96-md {
    margin-left: 96px !important;
  }
  .u-ml100-md {
    margin-left: 100px !important;
  }
  .u-ml104-md {
    margin-left: 104px !important;
  }
  .u-ml108-md {
    margin-left: 108px !important;
  }
  .u-ml112-md {
    margin-left: 112px !important;
  }
  .u-ml116-md {
    margin-left: 116px !important;
  }
  .u-ml120-md {
    margin-left: 120px !important;
  }
  .u-ml124-md {
    margin-left: 124px !important;
  }
  .u-ml128-md {
    margin-left: 128px !important;
  }
  .u-ml132-md {
    margin-left: 132px !important;
  }
  .u-ml136-md {
    margin-left: 136px !important;
  }
  .u-ml140-md {
    margin-left: 140px !important;
  }
  .u-ml144-md {
    margin-left: 144px !important;
  }
  .u-ml148-md {
    margin-left: 148px !important;
  }
  .u-ml152-md {
    margin-left: 152px !important;
  }
  .u-ml156-md {
    margin-left: 156px !important;
  }
  .u-ml160-md {
    margin-left: 160px !important;
  }
  .u-ml164-md {
    margin-left: 164px !important;
  }
  .u-ml168-md {
    margin-left: 168px !important;
  }
  .u-ml172-md {
    margin-left: 172px !important;
  }
  .u-ml176-md {
    margin-left: 176px !important;
  }
  .u-ml180-md {
    margin-left: 180px !important;
  }
  .u-ml184-md {
    margin-left: 184px !important;
  }
  .u-ml188-md {
    margin-left: 188px !important;
  }
  .u-ml192-md {
    margin-left: 192px !important;
  }
  .u-ml196-md {
    margin-left: 196px !important;
  }
  .u-ml200-md {
    margin-left: 200px !important;
  }
}
@media screen and (max-width: 689.8px) {
  .u-ml0-sm {
    margin-left: 0px !important;
  }
  .u-ml4-sm {
    margin-left: 4px !important;
  }
  .u-ml8-sm {
    margin-left: 8px !important;
  }
  .u-ml12-sm {
    margin-left: 12px !important;
  }
  .u-ml16-sm {
    margin-left: 16px !important;
  }
  .u-ml20-sm {
    margin-left: 20px !important;
  }
  .u-ml24-sm {
    margin-left: 24px !important;
  }
  .u-ml28-sm {
    margin-left: 28px !important;
  }
  .u-ml32-sm {
    margin-left: 32px !important;
  }
  .u-ml36-sm {
    margin-left: 36px !important;
  }
  .u-ml40-sm {
    margin-left: 40px !important;
  }
  .u-ml44-sm {
    margin-left: 44px !important;
  }
  .u-ml48-sm {
    margin-left: 48px !important;
  }
  .u-ml52-sm {
    margin-left: 52px !important;
  }
  .u-ml56-sm {
    margin-left: 56px !important;
  }
  .u-ml60-sm {
    margin-left: 60px !important;
  }
  .u-ml64-sm {
    margin-left: 64px !important;
  }
  .u-ml68-sm {
    margin-left: 68px !important;
  }
  .u-ml72-sm {
    margin-left: 72px !important;
  }
  .u-ml76-sm {
    margin-left: 76px !important;
  }
  .u-ml80-sm {
    margin-left: 80px !important;
  }
  .u-ml84-sm {
    margin-left: 84px !important;
  }
  .u-ml88-sm {
    margin-left: 88px !important;
  }
  .u-ml92-sm {
    margin-left: 92px !important;
  }
  .u-ml96-sm {
    margin-left: 96px !important;
  }
  .u-ml100-sm {
    margin-left: 100px !important;
  }
  .u-ml104-sm {
    margin-left: 104px !important;
  }
  .u-ml108-sm {
    margin-left: 108px !important;
  }
  .u-ml112-sm {
    margin-left: 112px !important;
  }
  .u-ml116-sm {
    margin-left: 116px !important;
  }
  .u-ml120-sm {
    margin-left: 120px !important;
  }
  .u-ml124-sm {
    margin-left: 124px !important;
  }
  .u-ml128-sm {
    margin-left: 128px !important;
  }
  .u-ml132-sm {
    margin-left: 132px !important;
  }
  .u-ml136-sm {
    margin-left: 136px !important;
  }
  .u-ml140-sm {
    margin-left: 140px !important;
  }
  .u-ml144-sm {
    margin-left: 144px !important;
  }
  .u-ml148-sm {
    margin-left: 148px !important;
  }
  .u-ml152-sm {
    margin-left: 152px !important;
  }
  .u-ml156-sm {
    margin-left: 156px !important;
  }
  .u-ml160-sm {
    margin-left: 160px !important;
  }
  .u-ml164-sm {
    margin-left: 164px !important;
  }
  .u-ml168-sm {
    margin-left: 168px !important;
  }
  .u-ml172-sm {
    margin-left: 172px !important;
  }
  .u-ml176-sm {
    margin-left: 176px !important;
  }
  .u-ml180-sm {
    margin-left: 180px !important;
  }
  .u-ml184-sm {
    margin-left: 184px !important;
  }
  .u-ml188-sm {
    margin-left: 188px !important;
  }
  .u-ml192-sm {
    margin-left: 192px !important;
  }
  .u-ml196-sm {
    margin-left: 196px !important;
  }
  .u-ml200-sm {
    margin-left: 200px !important;
  }
}
.u-mb0 {
  margin-bottom: 0px;
}

.u-mb4 {
  margin-bottom: 4px;
}

.u-mb8 {
  margin-bottom: 8px;
}

.u-mb12 {
  margin-bottom: 12px;
}

.u-mb16 {
  margin-bottom: 16px;
}

.u-mb20 {
  margin-bottom: 20px;
}

.u-mb24 {
  margin-bottom: 24px;
}

.u-mb28 {
  margin-bottom: 28px;
}

.u-mb32 {
  margin-bottom: 32px;
}

.u-mb36 {
  margin-bottom: 36px;
}

.u-mb40 {
  margin-bottom: 40px;
}

.u-mb44 {
  margin-bottom: 44px;
}

.u-mb48 {
  margin-bottom: 48px;
}

.u-mb52 {
  margin-bottom: 52px;
}

.u-mb56 {
  margin-bottom: 56px;
}

.u-mb60 {
  margin-bottom: 60px;
}

.u-mb64 {
  margin-bottom: 64px;
}

.u-mb68 {
  margin-bottom: 68px;
}

.u-mb72 {
  margin-bottom: 72px;
}

.u-mb76 {
  margin-bottom: 76px;
}

.u-mb80 {
  margin-bottom: 80px;
}

.u-mb84 {
  margin-bottom: 84px;
}

.u-mb88 {
  margin-bottom: 88px;
}

.u-mb92 {
  margin-bottom: 92px;
}

.u-mb96 {
  margin-bottom: 96px;
}

.u-mb100 {
  margin-bottom: 100px;
}

.u-mb104 {
  margin-bottom: 104px;
}

.u-mb108 {
  margin-bottom: 108px;
}

.u-mb112 {
  margin-bottom: 112px;
}

.u-mb116 {
  margin-bottom: 116px;
}

.u-mb120 {
  margin-bottom: 120px;
}

.u-mb124 {
  margin-bottom: 124px;
}

.u-mb128 {
  margin-bottom: 128px;
}

.u-mb132 {
  margin-bottom: 132px;
}

.u-mb136 {
  margin-bottom: 136px;
}

.u-mb140 {
  margin-bottom: 140px;
}

.u-mb144 {
  margin-bottom: 144px;
}

.u-mb148 {
  margin-bottom: 148px;
}

.u-mb152 {
  margin-bottom: 152px;
}

.u-mb156 {
  margin-bottom: 156px;
}

.u-mb160 {
  margin-bottom: 160px;
}

.u-mb164 {
  margin-bottom: 164px;
}

.u-mb168 {
  margin-bottom: 168px;
}

.u-mb172 {
  margin-bottom: 172px;
}

.u-mb176 {
  margin-bottom: 176px;
}

.u-mb180 {
  margin-bottom: 180px;
}

.u-mb184 {
  margin-bottom: 184px;
}

.u-mb188 {
  margin-bottom: 188px;
}

.u-mb192 {
  margin-bottom: 192px;
}

.u-mb196 {
  margin-bottom: 196px;
}

.u-mb200 {
  margin-bottom: 200px;
}

@media screen and (max-width: 979.8px) {
  .u-mb0-md {
    margin-bottom: 0px !important;
  }
  .u-mb4-md {
    margin-bottom: 4px !important;
  }
  .u-mb8-md {
    margin-bottom: 8px !important;
  }
  .u-mb12-md {
    margin-bottom: 12px !important;
  }
  .u-mb16-md {
    margin-bottom: 16px !important;
  }
  .u-mb20-md {
    margin-bottom: 20px !important;
  }
  .u-mb24-md {
    margin-bottom: 24px !important;
  }
  .u-mb28-md {
    margin-bottom: 28px !important;
  }
  .u-mb32-md {
    margin-bottom: 32px !important;
  }
  .u-mb36-md {
    margin-bottom: 36px !important;
  }
  .u-mb40-md {
    margin-bottom: 40px !important;
  }
  .u-mb44-md {
    margin-bottom: 44px !important;
  }
  .u-mb48-md {
    margin-bottom: 48px !important;
  }
  .u-mb52-md {
    margin-bottom: 52px !important;
  }
  .u-mb56-md {
    margin-bottom: 56px !important;
  }
  .u-mb60-md {
    margin-bottom: 60px !important;
  }
  .u-mb64-md {
    margin-bottom: 64px !important;
  }
  .u-mb68-md {
    margin-bottom: 68px !important;
  }
  .u-mb72-md {
    margin-bottom: 72px !important;
  }
  .u-mb76-md {
    margin-bottom: 76px !important;
  }
  .u-mb80-md {
    margin-bottom: 80px !important;
  }
  .u-mb84-md {
    margin-bottom: 84px !important;
  }
  .u-mb88-md {
    margin-bottom: 88px !important;
  }
  .u-mb92-md {
    margin-bottom: 92px !important;
  }
  .u-mb96-md {
    margin-bottom: 96px !important;
  }
  .u-mb100-md {
    margin-bottom: 100px !important;
  }
  .u-mb104-md {
    margin-bottom: 104px !important;
  }
  .u-mb108-md {
    margin-bottom: 108px !important;
  }
  .u-mb112-md {
    margin-bottom: 112px !important;
  }
  .u-mb116-md {
    margin-bottom: 116px !important;
  }
  .u-mb120-md {
    margin-bottom: 120px !important;
  }
  .u-mb124-md {
    margin-bottom: 124px !important;
  }
  .u-mb128-md {
    margin-bottom: 128px !important;
  }
  .u-mb132-md {
    margin-bottom: 132px !important;
  }
  .u-mb136-md {
    margin-bottom: 136px !important;
  }
  .u-mb140-md {
    margin-bottom: 140px !important;
  }
  .u-mb144-md {
    margin-bottom: 144px !important;
  }
  .u-mb148-md {
    margin-bottom: 148px !important;
  }
  .u-mb152-md {
    margin-bottom: 152px !important;
  }
  .u-mb156-md {
    margin-bottom: 156px !important;
  }
  .u-mb160-md {
    margin-bottom: 160px !important;
  }
  .u-mb164-md {
    margin-bottom: 164px !important;
  }
  .u-mb168-md {
    margin-bottom: 168px !important;
  }
  .u-mb172-md {
    margin-bottom: 172px !important;
  }
  .u-mb176-md {
    margin-bottom: 176px !important;
  }
  .u-mb180-md {
    margin-bottom: 180px !important;
  }
  .u-mb184-md {
    margin-bottom: 184px !important;
  }
  .u-mb188-md {
    margin-bottom: 188px !important;
  }
  .u-mb192-md {
    margin-bottom: 192px !important;
  }
  .u-mb196-md {
    margin-bottom: 196px !important;
  }
  .u-mb200-md {
    margin-bottom: 200px !important;
  }
}
@media screen and (max-width: 689.8px) {
  .u-mb0-sm {
    margin-bottom: 0px !important;
  }
  .u-mb4-sm {
    margin-bottom: 4px !important;
  }
  .u-mb8-sm {
    margin-bottom: 8px !important;
  }
  .u-mb12-sm {
    margin-bottom: 12px !important;
  }
  .u-mb16-sm {
    margin-bottom: 16px !important;
  }
  .u-mb20-sm {
    margin-bottom: 20px !important;
  }
  .u-mb24-sm {
    margin-bottom: 24px !important;
  }
  .u-mb28-sm {
    margin-bottom: 28px !important;
  }
  .u-mb32-sm {
    margin-bottom: 32px !important;
  }
  .u-mb36-sm {
    margin-bottom: 36px !important;
  }
  .u-mb40-sm {
    margin-bottom: 40px !important;
  }
  .u-mb44-sm {
    margin-bottom: 44px !important;
  }
  .u-mb48-sm {
    margin-bottom: 48px !important;
  }
  .u-mb52-sm {
    margin-bottom: 52px !important;
  }
  .u-mb56-sm {
    margin-bottom: 56px !important;
  }
  .u-mb60-sm {
    margin-bottom: 60px !important;
  }
  .u-mb64-sm {
    margin-bottom: 64px !important;
  }
  .u-mb68-sm {
    margin-bottom: 68px !important;
  }
  .u-mb72-sm {
    margin-bottom: 72px !important;
  }
  .u-mb76-sm {
    margin-bottom: 76px !important;
  }
  .u-mb80-sm {
    margin-bottom: 80px !important;
  }
  .u-mb84-sm {
    margin-bottom: 84px !important;
  }
  .u-mb88-sm {
    margin-bottom: 88px !important;
  }
  .u-mb92-sm {
    margin-bottom: 92px !important;
  }
  .u-mb96-sm {
    margin-bottom: 96px !important;
  }
  .u-mb100-sm {
    margin-bottom: 100px !important;
  }
  .u-mb104-sm {
    margin-bottom: 104px !important;
  }
  .u-mb108-sm {
    margin-bottom: 108px !important;
  }
  .u-mb112-sm {
    margin-bottom: 112px !important;
  }
  .u-mb116-sm {
    margin-bottom: 116px !important;
  }
  .u-mb120-sm {
    margin-bottom: 120px !important;
  }
  .u-mb124-sm {
    margin-bottom: 124px !important;
  }
  .u-mb128-sm {
    margin-bottom: 128px !important;
  }
  .u-mb132-sm {
    margin-bottom: 132px !important;
  }
  .u-mb136-sm {
    margin-bottom: 136px !important;
  }
  .u-mb140-sm {
    margin-bottom: 140px !important;
  }
  .u-mb144-sm {
    margin-bottom: 144px !important;
  }
  .u-mb148-sm {
    margin-bottom: 148px !important;
  }
  .u-mb152-sm {
    margin-bottom: 152px !important;
  }
  .u-mb156-sm {
    margin-bottom: 156px !important;
  }
  .u-mb160-sm {
    margin-bottom: 160px !important;
  }
  .u-mb164-sm {
    margin-bottom: 164px !important;
  }
  .u-mb168-sm {
    margin-bottom: 168px !important;
  }
  .u-mb172-sm {
    margin-bottom: 172px !important;
  }
  .u-mb176-sm {
    margin-bottom: 176px !important;
  }
  .u-mb180-sm {
    margin-bottom: 180px !important;
  }
  .u-mb184-sm {
    margin-bottom: 184px !important;
  }
  .u-mb188-sm {
    margin-bottom: 188px !important;
  }
  .u-mb192-sm {
    margin-bottom: 192px !important;
  }
  .u-mb196-sm {
    margin-bottom: 196px !important;
  }
  .u-mb200-sm {
    margin-bottom: 200px !important;
  }
}
.u-my0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.u-my4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.u-my8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.u-my12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.u-my16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.u-my20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.u-my24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.u-my28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.u-my32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.u-my36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.u-my40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.u-my44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.u-my48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.u-my52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.u-my56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.u-my60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.u-my64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.u-my68 {
  margin-top: 68px !important;
  margin-bottom: 68px !important;
}

.u-my72 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.u-my76 {
  margin-top: 76px !important;
  margin-bottom: 76px !important;
}

.u-my80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.u-my84 {
  margin-top: 84px !important;
  margin-bottom: 84px !important;
}

.u-my88 {
  margin-top: 88px !important;
  margin-bottom: 88px !important;
}

.u-my92 {
  margin-top: 92px !important;
  margin-bottom: 92px !important;
}

.u-my96 {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.u-my100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.u-my104 {
  margin-top: 104px !important;
  margin-bottom: 104px !important;
}

.u-my108 {
  margin-top: 108px !important;
  margin-bottom: 108px !important;
}

.u-my112 {
  margin-top: 112px !important;
  margin-bottom: 112px !important;
}

.u-my116 {
  margin-top: 116px !important;
  margin-bottom: 116px !important;
}

.u-my120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.u-my124 {
  margin-top: 124px !important;
  margin-bottom: 124px !important;
}

.u-my128 {
  margin-top: 128px !important;
  margin-bottom: 128px !important;
}

.u-my132 {
  margin-top: 132px !important;
  margin-bottom: 132px !important;
}

.u-my136 {
  margin-top: 136px !important;
  margin-bottom: 136px !important;
}

.u-my140 {
  margin-top: 140px !important;
  margin-bottom: 140px !important;
}

.u-my144 {
  margin-top: 144px !important;
  margin-bottom: 144px !important;
}

.u-my148 {
  margin-top: 148px !important;
  margin-bottom: 148px !important;
}

.u-my152 {
  margin-top: 152px !important;
  margin-bottom: 152px !important;
}

.u-my156 {
  margin-top: 156px !important;
  margin-bottom: 156px !important;
}

.u-my160 {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}

.u-my164 {
  margin-top: 164px !important;
  margin-bottom: 164px !important;
}

.u-my168 {
  margin-top: 168px !important;
  margin-bottom: 168px !important;
}

.u-my172 {
  margin-top: 172px !important;
  margin-bottom: 172px !important;
}

.u-my176 {
  margin-top: 176px !important;
  margin-bottom: 176px !important;
}

.u-my180 {
  margin-top: 180px !important;
  margin-bottom: 180px !important;
}

.u-my184 {
  margin-top: 184px !important;
  margin-bottom: 184px !important;
}

.u-my188 {
  margin-top: 188px !important;
  margin-bottom: 188px !important;
}

.u-my192 {
  margin-top: 192px !important;
  margin-bottom: 192px !important;
}

.u-my196 {
  margin-top: 196px !important;
  margin-bottom: 196px !important;
}

.u-my200 {
  margin-top: 200px !important;
  margin-bottom: 200px !important;
}

.u-mx0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.u-mx4 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.u-mx8 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.u-mx12 {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

.u-mx16 {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.u-mx20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.u-mx24 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.u-mx28 {
  margin-right: 28px !important;
  margin-left: 28px !important;
}

.u-mx32 {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.u-mx36 {
  margin-right: 36px !important;
  margin-left: 36px !important;
}

.u-mx40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.u-mx44 {
  margin-right: 44px !important;
  margin-left: 44px !important;
}

.u-mx48 {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

.u-mx52 {
  margin-right: 52px !important;
  margin-left: 52px !important;
}

.u-mx56 {
  margin-right: 56px !important;
  margin-left: 56px !important;
}

.u-mx60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.u-mx64 {
  margin-right: 64px !important;
  margin-left: 64px !important;
}

.u-mx68 {
  margin-right: 68px !important;
  margin-left: 68px !important;
}

.u-mx72 {
  margin-right: 72px !important;
  margin-left: 72px !important;
}

.u-mx76 {
  margin-right: 76px !important;
  margin-left: 76px !important;
}

.u-mx80 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}

.u-mx84 {
  margin-right: 84px !important;
  margin-left: 84px !important;
}

.u-mx88 {
  margin-right: 88px !important;
  margin-left: 88px !important;
}

.u-mx92 {
  margin-right: 92px !important;
  margin-left: 92px !important;
}

.u-mx96 {
  margin-right: 96px !important;
  margin-left: 96px !important;
}

.u-mx100 {
  margin-right: 100px !important;
  margin-left: 100px !important;
}

.u-mx104 {
  margin-right: 104px !important;
  margin-left: 104px !important;
}

.u-mx108 {
  margin-right: 108px !important;
  margin-left: 108px !important;
}

.u-mx112 {
  margin-right: 112px !important;
  margin-left: 112px !important;
}

.u-mx116 {
  margin-right: 116px !important;
  margin-left: 116px !important;
}

.u-mx120 {
  margin-right: 120px !important;
  margin-left: 120px !important;
}

.u-mx124 {
  margin-right: 124px !important;
  margin-left: 124px !important;
}

.u-mx128 {
  margin-right: 128px !important;
  margin-left: 128px !important;
}

.u-mx132 {
  margin-right: 132px !important;
  margin-left: 132px !important;
}

.u-mx136 {
  margin-right: 136px !important;
  margin-left: 136px !important;
}

.u-mx140 {
  margin-right: 140px !important;
  margin-left: 140px !important;
}

.u-mx144 {
  margin-right: 144px !important;
  margin-left: 144px !important;
}

.u-mx148 {
  margin-right: 148px !important;
  margin-left: 148px !important;
}

.u-mx152 {
  margin-right: 152px !important;
  margin-left: 152px !important;
}

.u-mx156 {
  margin-right: 156px !important;
  margin-left: 156px !important;
}

.u-mx160 {
  margin-right: 160px !important;
  margin-left: 160px !important;
}

.u-mx164 {
  margin-right: 164px !important;
  margin-left: 164px !important;
}

.u-mx168 {
  margin-right: 168px !important;
  margin-left: 168px !important;
}

.u-mx172 {
  margin-right: 172px !important;
  margin-left: 172px !important;
}

.u-mx176 {
  margin-right: 176px !important;
  margin-left: 176px !important;
}

.u-mx180 {
  margin-right: 180px !important;
  margin-left: 180px !important;
}

.u-mx184 {
  margin-right: 184px !important;
  margin-left: 184px !important;
}

.u-mx188 {
  margin-right: 188px !important;
  margin-left: 188px !important;
}

.u-mx192 {
  margin-right: 192px !important;
  margin-left: 192px !important;
}

.u-mx196 {
  margin-right: 196px !important;
  margin-left: 196px !important;
}

.u-mx200 {
  margin-right: 200px !important;
  margin-left: 200px !important;
}

.u-m0 {
  margin: 0px !important;
}

.u-m4 {
  margin: 4px !important;
}

.u-m8 {
  margin: 8px !important;
}

.u-m12 {
  margin: 12px !important;
}

.u-m16 {
  margin: 16px !important;
}

.u-m20 {
  margin: 20px !important;
}

.u-m24 {
  margin: 24px !important;
}

.u-m28 {
  margin: 28px !important;
}

.u-m32 {
  margin: 32px !important;
}

.u-m36 {
  margin: 36px !important;
}

.u-m40 {
  margin: 40px !important;
}

.u-m44 {
  margin: 44px !important;
}

.u-m48 {
  margin: 48px !important;
}

.u-m52 {
  margin: 52px !important;
}

.u-m56 {
  margin: 56px !important;
}

.u-m60 {
  margin: 60px !important;
}

.u-m64 {
  margin: 64px !important;
}

.u-m68 {
  margin: 68px !important;
}

.u-m72 {
  margin: 72px !important;
}

.u-m76 {
  margin: 76px !important;
}

.u-m80 {
  margin: 80px !important;
}

.u-m84 {
  margin: 84px !important;
}

.u-m88 {
  margin: 88px !important;
}

.u-m92 {
  margin: 92px !important;
}

.u-m96 {
  margin: 96px !important;
}

.u-m100 {
  margin: 100px !important;
}

.u-m104 {
  margin: 104px !important;
}

.u-m108 {
  margin: 108px !important;
}

.u-m112 {
  margin: 112px !important;
}

.u-m116 {
  margin: 116px !important;
}

.u-m120 {
  margin: 120px !important;
}

.u-m124 {
  margin: 124px !important;
}

.u-m128 {
  margin: 128px !important;
}

.u-m132 {
  margin: 132px !important;
}

.u-m136 {
  margin: 136px !important;
}

.u-m140 {
  margin: 140px !important;
}

.u-m144 {
  margin: 144px !important;
}

.u-m148 {
  margin: 148px !important;
}

.u-m152 {
  margin: 152px !important;
}

.u-m156 {
  margin: 156px !important;
}

.u-m160 {
  margin: 160px !important;
}

.u-m164 {
  margin: 164px !important;
}

.u-m168 {
  margin: 168px !important;
}

.u-m172 {
  margin: 172px !important;
}

.u-m176 {
  margin: 176px !important;
}

.u-m180 {
  margin: 180px !important;
}

.u-m184 {
  margin: 184px !important;
}

.u-m188 {
  margin: 188px !important;
}

.u-m192 {
  margin: 192px !important;
}

.u-m196 {
  margin: 196px !important;
}

.u-m200 {
  margin: 200px !important;
}

/*margin auto*/
.u-mx-auto {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 979.8px) {
  .u-mx-auto-md {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 689.8px) {
  .u-mx-auto-sm {
    margin-right: auto;
    margin-left: auto;
  }
}

.u-ml-auto {
  margin-left: auto;
}
@media screen and (max-width: 979.8px) {
  .u-ml-auto-md {
    margin-left: auto;
  }
}
@media screen and (max-width: 689.8px) {
  .u-ml-auto-sm {
    margin-left: auto;
  }
}

.u-mr-auto {
  margin-right: auto;
}
@media screen and (max-width: 979.8px) {
  .u-mr-auto-md {
    margin-right: auto;
  }
}
@media screen and (max-width: 689.8px) {
  .u-mr-auto-sm {
    margin-right: auto;
  }
}

.u-mt-auto {
  margin-top: auto;
}
@media screen and (max-width: 979.8px) {
  .u-mt-auto-md {
    margin-top: auto;
  }
}
@media screen and (max-width: 689.8px) {
  .u-mt-auto-sm {
    margin-top: auto;
  }
}

/*margin 0*/
.u-mt0 {
  margin-top: 0 !important;
}
@media screen and (max-width: 979.8px) {
  .u-mt0-md {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 689.8px) {
  .u-mt0-sm {
    margin-top: 0 !important;
  }
}

.u-mb0 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 979.8px) {
  .u-mb0-md {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 689.8px) {
  .u-mb0-sm {
    margin-bottom: 0 !important;
  }
}

.u-mr0 {
  margin-right: 0 !important;
}
@media screen and (max-width: 979.8px) {
  .u-mr0-md {
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 689.8px) {
  .u-mr0-sm {
    margin-right: 0 !important;
  }
}

.u-ml0 {
  margin-left: 0 !important;
}
@media screen and (max-width: 979.8px) {
  .u-ml0-md {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 689.8px) {
  .u-ml0-sm {
    margin-left: 0 !important;
  }
}

/* ============================================
* padding（4px刻み）
* ============================================ */
.u-pt0 {
  padding-top: 0px;
}

.u-pt4 {
  padding-top: 4px;
}

.u-pt8 {
  padding-top: 8px;
}

.u-pt12 {
  padding-top: 12px;
}

.u-pt16 {
  padding-top: 16px;
}

.u-pt20 {
  padding-top: 20px;
}

.u-pt24 {
  padding-top: 24px;
}

.u-pt28 {
  padding-top: 28px;
}

.u-pt32 {
  padding-top: 32px;
}

.u-pt36 {
  padding-top: 36px;
}

.u-pt40 {
  padding-top: 40px;
}

.u-pt44 {
  padding-top: 44px;
}

.u-pt48 {
  padding-top: 48px;
}

.u-pt52 {
  padding-top: 52px;
}

.u-pt56 {
  padding-top: 56px;
}

.u-pt60 {
  padding-top: 60px;
}

.u-pt64 {
  padding-top: 64px;
}

.u-pt68 {
  padding-top: 68px;
}

.u-pt72 {
  padding-top: 72px;
}

.u-pt76 {
  padding-top: 76px;
}

.u-pt80 {
  padding-top: 80px;
}

.u-pt84 {
  padding-top: 84px;
}

.u-pt88 {
  padding-top: 88px;
}

.u-pt92 {
  padding-top: 92px;
}

.u-pt96 {
  padding-top: 96px;
}

.u-pt100 {
  padding-top: 100px;
}

.u-pt104 {
  padding-top: 104px;
}

.u-pt108 {
  padding-top: 108px;
}

.u-pt112 {
  padding-top: 112px;
}

.u-pt116 {
  padding-top: 116px;
}

.u-pt120 {
  padding-top: 120px;
}

.u-pt124 {
  padding-top: 124px;
}

.u-pt128 {
  padding-top: 128px;
}

.u-pt132 {
  padding-top: 132px;
}

.u-pt136 {
  padding-top: 136px;
}

.u-pt140 {
  padding-top: 140px;
}

.u-pt144 {
  padding-top: 144px;
}

.u-pt148 {
  padding-top: 148px;
}

.u-pt152 {
  padding-top: 152px;
}

.u-pt156 {
  padding-top: 156px;
}

.u-pt160 {
  padding-top: 160px;
}

.u-pt164 {
  padding-top: 164px;
}

.u-pt168 {
  padding-top: 168px;
}

.u-pt172 {
  padding-top: 172px;
}

.u-pt176 {
  padding-top: 176px;
}

.u-pt180 {
  padding-top: 180px;
}

.u-pt184 {
  padding-top: 184px;
}

.u-pt188 {
  padding-top: 188px;
}

.u-pt192 {
  padding-top: 192px;
}

.u-pt196 {
  padding-top: 196px;
}

.u-pt200 {
  padding-top: 200px;
}

@media screen and (max-width: 979.8px) {
  .u-pt0-md {
    padding-top: 0px !important;
  }
  .u-pt4-md {
    padding-top: 4px !important;
  }
  .u-pt8-md {
    padding-top: 8px !important;
  }
  .u-pt12-md {
    padding-top: 12px !important;
  }
  .u-pt16-md {
    padding-top: 16px !important;
  }
  .u-pt20-md {
    padding-top: 20px !important;
  }
  .u-pt24-md {
    padding-top: 24px !important;
  }
  .u-pt28-md {
    padding-top: 28px !important;
  }
  .u-pt32-md {
    padding-top: 32px !important;
  }
  .u-pt36-md {
    padding-top: 36px !important;
  }
  .u-pt40-md {
    padding-top: 40px !important;
  }
  .u-pt44-md {
    padding-top: 44px !important;
  }
  .u-pt48-md {
    padding-top: 48px !important;
  }
  .u-pt52-md {
    padding-top: 52px !important;
  }
  .u-pt56-md {
    padding-top: 56px !important;
  }
  .u-pt60-md {
    padding-top: 60px !important;
  }
  .u-pt64-md {
    padding-top: 64px !important;
  }
  .u-pt68-md {
    padding-top: 68px !important;
  }
  .u-pt72-md {
    padding-top: 72px !important;
  }
  .u-pt76-md {
    padding-top: 76px !important;
  }
  .u-pt80-md {
    padding-top: 80px !important;
  }
  .u-pt84-md {
    padding-top: 84px !important;
  }
  .u-pt88-md {
    padding-top: 88px !important;
  }
  .u-pt92-md {
    padding-top: 92px !important;
  }
  .u-pt96-md {
    padding-top: 96px !important;
  }
  .u-pt100-md {
    padding-top: 100px !important;
  }
  .u-pt104-md {
    padding-top: 104px !important;
  }
  .u-pt108-md {
    padding-top: 108px !important;
  }
  .u-pt112-md {
    padding-top: 112px !important;
  }
  .u-pt116-md {
    padding-top: 116px !important;
  }
  .u-pt120-md {
    padding-top: 120px !important;
  }
  .u-pt124-md {
    padding-top: 124px !important;
  }
  .u-pt128-md {
    padding-top: 128px !important;
  }
  .u-pt132-md {
    padding-top: 132px !important;
  }
  .u-pt136-md {
    padding-top: 136px !important;
  }
  .u-pt140-md {
    padding-top: 140px !important;
  }
  .u-pt144-md {
    padding-top: 144px !important;
  }
  .u-pt148-md {
    padding-top: 148px !important;
  }
  .u-pt152-md {
    padding-top: 152px !important;
  }
  .u-pt156-md {
    padding-top: 156px !important;
  }
  .u-pt160-md {
    padding-top: 160px !important;
  }
  .u-pt164-md {
    padding-top: 164px !important;
  }
  .u-pt168-md {
    padding-top: 168px !important;
  }
  .u-pt172-md {
    padding-top: 172px !important;
  }
  .u-pt176-md {
    padding-top: 176px !important;
  }
  .u-pt180-md {
    padding-top: 180px !important;
  }
  .u-pt184-md {
    padding-top: 184px !important;
  }
  .u-pt188-md {
    padding-top: 188px !important;
  }
  .u-pt192-md {
    padding-top: 192px !important;
  }
  .u-pt196-md {
    padding-top: 196px !important;
  }
  .u-pt200-md {
    padding-top: 200px !important;
  }
}
@media screen and (max-width: 689.8px) {
  .u-pt0-sm {
    padding-top: 0px !important;
  }
  .u-pt4-sm {
    padding-top: 4px !important;
  }
  .u-pt8-sm {
    padding-top: 8px !important;
  }
  .u-pt12-sm {
    padding-top: 12px !important;
  }
  .u-pt16-sm {
    padding-top: 16px !important;
  }
  .u-pt20-sm {
    padding-top: 20px !important;
  }
  .u-pt24-sm {
    padding-top: 24px !important;
  }
  .u-pt28-sm {
    padding-top: 28px !important;
  }
  .u-pt32-sm {
    padding-top: 32px !important;
  }
  .u-pt36-sm {
    padding-top: 36px !important;
  }
  .u-pt40-sm {
    padding-top: 40px !important;
  }
  .u-pt44-sm {
    padding-top: 44px !important;
  }
  .u-pt48-sm {
    padding-top: 48px !important;
  }
  .u-pt52-sm {
    padding-top: 52px !important;
  }
  .u-pt56-sm {
    padding-top: 56px !important;
  }
  .u-pt60-sm {
    padding-top: 60px !important;
  }
  .u-pt64-sm {
    padding-top: 64px !important;
  }
  .u-pt68-sm {
    padding-top: 68px !important;
  }
  .u-pt72-sm {
    padding-top: 72px !important;
  }
  .u-pt76-sm {
    padding-top: 76px !important;
  }
  .u-pt80-sm {
    padding-top: 80px !important;
  }
  .u-pt84-sm {
    padding-top: 84px !important;
  }
  .u-pt88-sm {
    padding-top: 88px !important;
  }
  .u-pt92-sm {
    padding-top: 92px !important;
  }
  .u-pt96-sm {
    padding-top: 96px !important;
  }
  .u-pt100-sm {
    padding-top: 100px !important;
  }
  .u-pt104-sm {
    padding-top: 104px !important;
  }
  .u-pt108-sm {
    padding-top: 108px !important;
  }
  .u-pt112-sm {
    padding-top: 112px !important;
  }
  .u-pt116-sm {
    padding-top: 116px !important;
  }
  .u-pt120-sm {
    padding-top: 120px !important;
  }
  .u-pt124-sm {
    padding-top: 124px !important;
  }
  .u-pt128-sm {
    padding-top: 128px !important;
  }
  .u-pt132-sm {
    padding-top: 132px !important;
  }
  .u-pt136-sm {
    padding-top: 136px !important;
  }
  .u-pt140-sm {
    padding-top: 140px !important;
  }
  .u-pt144-sm {
    padding-top: 144px !important;
  }
  .u-pt148-sm {
    padding-top: 148px !important;
  }
  .u-pt152-sm {
    padding-top: 152px !important;
  }
  .u-pt156-sm {
    padding-top: 156px !important;
  }
  .u-pt160-sm {
    padding-top: 160px !important;
  }
  .u-pt164-sm {
    padding-top: 164px !important;
  }
  .u-pt168-sm {
    padding-top: 168px !important;
  }
  .u-pt172-sm {
    padding-top: 172px !important;
  }
  .u-pt176-sm {
    padding-top: 176px !important;
  }
  .u-pt180-sm {
    padding-top: 180px !important;
  }
  .u-pt184-sm {
    padding-top: 184px !important;
  }
  .u-pt188-sm {
    padding-top: 188px !important;
  }
  .u-pt192-sm {
    padding-top: 192px !important;
  }
  .u-pt196-sm {
    padding-top: 196px !important;
  }
  .u-pt200-sm {
    padding-top: 200px !important;
  }
}
.u-pr0 {
  padding-right: 0px;
}

.u-pr4 {
  padding-right: 4px;
}

.u-pr8 {
  padding-right: 8px;
}

.u-pr12 {
  padding-right: 12px;
}

.u-pr16 {
  padding-right: 16px;
}

.u-pr20 {
  padding-right: 20px;
}

.u-pr24 {
  padding-right: 24px;
}

.u-pr28 {
  padding-right: 28px;
}

.u-pr32 {
  padding-right: 32px;
}

.u-pr36 {
  padding-right: 36px;
}

.u-pr40 {
  padding-right: 40px;
}

.u-pr44 {
  padding-right: 44px;
}

.u-pr48 {
  padding-right: 48px;
}

.u-pr52 {
  padding-right: 52px;
}

.u-pr56 {
  padding-right: 56px;
}

.u-pr60 {
  padding-right: 60px;
}

.u-pr64 {
  padding-right: 64px;
}

.u-pr68 {
  padding-right: 68px;
}

.u-pr72 {
  padding-right: 72px;
}

.u-pr76 {
  padding-right: 76px;
}

.u-pr80 {
  padding-right: 80px;
}

.u-pr84 {
  padding-right: 84px;
}

.u-pr88 {
  padding-right: 88px;
}

.u-pr92 {
  padding-right: 92px;
}

.u-pr96 {
  padding-right: 96px;
}

.u-pr100 {
  padding-right: 100px;
}

.u-pr104 {
  padding-right: 104px;
}

.u-pr108 {
  padding-right: 108px;
}

.u-pr112 {
  padding-right: 112px;
}

.u-pr116 {
  padding-right: 116px;
}

.u-pr120 {
  padding-right: 120px;
}

.u-pr124 {
  padding-right: 124px;
}

.u-pr128 {
  padding-right: 128px;
}

.u-pr132 {
  padding-right: 132px;
}

.u-pr136 {
  padding-right: 136px;
}

.u-pr140 {
  padding-right: 140px;
}

.u-pr144 {
  padding-right: 144px;
}

.u-pr148 {
  padding-right: 148px;
}

.u-pr152 {
  padding-right: 152px;
}

.u-pr156 {
  padding-right: 156px;
}

.u-pr160 {
  padding-right: 160px;
}

.u-pr164 {
  padding-right: 164px;
}

.u-pr168 {
  padding-right: 168px;
}

.u-pr172 {
  padding-right: 172px;
}

.u-pr176 {
  padding-right: 176px;
}

.u-pr180 {
  padding-right: 180px;
}

.u-pr184 {
  padding-right: 184px;
}

.u-pr188 {
  padding-right: 188px;
}

.u-pr192 {
  padding-right: 192px;
}

.u-pr196 {
  padding-right: 196px;
}

.u-pr200 {
  padding-right: 200px;
}

@media screen and (max-width: 979.8px) {
  .u-pr0-md {
    padding-right: 0px !important;
  }
  .u-pr4-md {
    padding-right: 4px !important;
  }
  .u-pr8-md {
    padding-right: 8px !important;
  }
  .u-pr12-md {
    padding-right: 12px !important;
  }
  .u-pr16-md {
    padding-right: 16px !important;
  }
  .u-pr20-md {
    padding-right: 20px !important;
  }
  .u-pr24-md {
    padding-right: 24px !important;
  }
  .u-pr28-md {
    padding-right: 28px !important;
  }
  .u-pr32-md {
    padding-right: 32px !important;
  }
  .u-pr36-md {
    padding-right: 36px !important;
  }
  .u-pr40-md {
    padding-right: 40px !important;
  }
  .u-pr44-md {
    padding-right: 44px !important;
  }
  .u-pr48-md {
    padding-right: 48px !important;
  }
  .u-pr52-md {
    padding-right: 52px !important;
  }
  .u-pr56-md {
    padding-right: 56px !important;
  }
  .u-pr60-md {
    padding-right: 60px !important;
  }
  .u-pr64-md {
    padding-right: 64px !important;
  }
  .u-pr68-md {
    padding-right: 68px !important;
  }
  .u-pr72-md {
    padding-right: 72px !important;
  }
  .u-pr76-md {
    padding-right: 76px !important;
  }
  .u-pr80-md {
    padding-right: 80px !important;
  }
  .u-pr84-md {
    padding-right: 84px !important;
  }
  .u-pr88-md {
    padding-right: 88px !important;
  }
  .u-pr92-md {
    padding-right: 92px !important;
  }
  .u-pr96-md {
    padding-right: 96px !important;
  }
  .u-pr100-md {
    padding-right: 100px !important;
  }
  .u-pr104-md {
    padding-right: 104px !important;
  }
  .u-pr108-md {
    padding-right: 108px !important;
  }
  .u-pr112-md {
    padding-right: 112px !important;
  }
  .u-pr116-md {
    padding-right: 116px !important;
  }
  .u-pr120-md {
    padding-right: 120px !important;
  }
  .u-pr124-md {
    padding-right: 124px !important;
  }
  .u-pr128-md {
    padding-right: 128px !important;
  }
  .u-pr132-md {
    padding-right: 132px !important;
  }
  .u-pr136-md {
    padding-right: 136px !important;
  }
  .u-pr140-md {
    padding-right: 140px !important;
  }
  .u-pr144-md {
    padding-right: 144px !important;
  }
  .u-pr148-md {
    padding-right: 148px !important;
  }
  .u-pr152-md {
    padding-right: 152px !important;
  }
  .u-pr156-md {
    padding-right: 156px !important;
  }
  .u-pr160-md {
    padding-right: 160px !important;
  }
  .u-pr164-md {
    padding-right: 164px !important;
  }
  .u-pr168-md {
    padding-right: 168px !important;
  }
  .u-pr172-md {
    padding-right: 172px !important;
  }
  .u-pr176-md {
    padding-right: 176px !important;
  }
  .u-pr180-md {
    padding-right: 180px !important;
  }
  .u-pr184-md {
    padding-right: 184px !important;
  }
  .u-pr188-md {
    padding-right: 188px !important;
  }
  .u-pr192-md {
    padding-right: 192px !important;
  }
  .u-pr196-md {
    padding-right: 196px !important;
  }
  .u-pr200-md {
    padding-right: 200px !important;
  }
}
@media screen and (max-width: 689.8px) {
  .u-pr0-sm {
    padding-right: 0px !important;
  }
  .u-pr4-sm {
    padding-right: 4px !important;
  }
  .u-pr8-sm {
    padding-right: 8px !important;
  }
  .u-pr12-sm {
    padding-right: 12px !important;
  }
  .u-pr16-sm {
    padding-right: 16px !important;
  }
  .u-pr20-sm {
    padding-right: 20px !important;
  }
  .u-pr24-sm {
    padding-right: 24px !important;
  }
  .u-pr28-sm {
    padding-right: 28px !important;
  }
  .u-pr32-sm {
    padding-right: 32px !important;
  }
  .u-pr36-sm {
    padding-right: 36px !important;
  }
  .u-pr40-sm {
    padding-right: 40px !important;
  }
  .u-pr44-sm {
    padding-right: 44px !important;
  }
  .u-pr48-sm {
    padding-right: 48px !important;
  }
  .u-pr52-sm {
    padding-right: 52px !important;
  }
  .u-pr56-sm {
    padding-right: 56px !important;
  }
  .u-pr60-sm {
    padding-right: 60px !important;
  }
  .u-pr64-sm {
    padding-right: 64px !important;
  }
  .u-pr68-sm {
    padding-right: 68px !important;
  }
  .u-pr72-sm {
    padding-right: 72px !important;
  }
  .u-pr76-sm {
    padding-right: 76px !important;
  }
  .u-pr80-sm {
    padding-right: 80px !important;
  }
  .u-pr84-sm {
    padding-right: 84px !important;
  }
  .u-pr88-sm {
    padding-right: 88px !important;
  }
  .u-pr92-sm {
    padding-right: 92px !important;
  }
  .u-pr96-sm {
    padding-right: 96px !important;
  }
  .u-pr100-sm {
    padding-right: 100px !important;
  }
  .u-pr104-sm {
    padding-right: 104px !important;
  }
  .u-pr108-sm {
    padding-right: 108px !important;
  }
  .u-pr112-sm {
    padding-right: 112px !important;
  }
  .u-pr116-sm {
    padding-right: 116px !important;
  }
  .u-pr120-sm {
    padding-right: 120px !important;
  }
  .u-pr124-sm {
    padding-right: 124px !important;
  }
  .u-pr128-sm {
    padding-right: 128px !important;
  }
  .u-pr132-sm {
    padding-right: 132px !important;
  }
  .u-pr136-sm {
    padding-right: 136px !important;
  }
  .u-pr140-sm {
    padding-right: 140px !important;
  }
  .u-pr144-sm {
    padding-right: 144px !important;
  }
  .u-pr148-sm {
    padding-right: 148px !important;
  }
  .u-pr152-sm {
    padding-right: 152px !important;
  }
  .u-pr156-sm {
    padding-right: 156px !important;
  }
  .u-pr160-sm {
    padding-right: 160px !important;
  }
  .u-pr164-sm {
    padding-right: 164px !important;
  }
  .u-pr168-sm {
    padding-right: 168px !important;
  }
  .u-pr172-sm {
    padding-right: 172px !important;
  }
  .u-pr176-sm {
    padding-right: 176px !important;
  }
  .u-pr180-sm {
    padding-right: 180px !important;
  }
  .u-pr184-sm {
    padding-right: 184px !important;
  }
  .u-pr188-sm {
    padding-right: 188px !important;
  }
  .u-pr192-sm {
    padding-right: 192px !important;
  }
  .u-pr196-sm {
    padding-right: 196px !important;
  }
  .u-pr200-sm {
    padding-right: 200px !important;
  }
}
.u-pl0 {
  padding-left: 0px;
}

.u-pl4 {
  padding-left: 4px;
}

.u-pl8 {
  padding-left: 8px;
}

.u-pl12 {
  padding-left: 12px;
}

.u-pl16 {
  padding-left: 16px;
}

.u-pl20 {
  padding-left: 20px;
}

.u-pl24 {
  padding-left: 24px;
}

.u-pl28 {
  padding-left: 28px;
}

.u-pl32 {
  padding-left: 32px;
}

.u-pl36 {
  padding-left: 36px;
}

.u-pl40 {
  padding-left: 40px;
}

.u-pl44 {
  padding-left: 44px;
}

.u-pl48 {
  padding-left: 48px;
}

.u-pl52 {
  padding-left: 52px;
}

.u-pl56 {
  padding-left: 56px;
}

.u-pl60 {
  padding-left: 60px;
}

.u-pl64 {
  padding-left: 64px;
}

.u-pl68 {
  padding-left: 68px;
}

.u-pl72 {
  padding-left: 72px;
}

.u-pl76 {
  padding-left: 76px;
}

.u-pl80 {
  padding-left: 80px;
}

.u-pl84 {
  padding-left: 84px;
}

.u-pl88 {
  padding-left: 88px;
}

.u-pl92 {
  padding-left: 92px;
}

.u-pl96 {
  padding-left: 96px;
}

.u-pl100 {
  padding-left: 100px;
}

.u-pl104 {
  padding-left: 104px;
}

.u-pl108 {
  padding-left: 108px;
}

.u-pl112 {
  padding-left: 112px;
}

.u-pl116 {
  padding-left: 116px;
}

.u-pl120 {
  padding-left: 120px;
}

.u-pl124 {
  padding-left: 124px;
}

.u-pl128 {
  padding-left: 128px;
}

.u-pl132 {
  padding-left: 132px;
}

.u-pl136 {
  padding-left: 136px;
}

.u-pl140 {
  padding-left: 140px;
}

.u-pl144 {
  padding-left: 144px;
}

.u-pl148 {
  padding-left: 148px;
}

.u-pl152 {
  padding-left: 152px;
}

.u-pl156 {
  padding-left: 156px;
}

.u-pl160 {
  padding-left: 160px;
}

.u-pl164 {
  padding-left: 164px;
}

.u-pl168 {
  padding-left: 168px;
}

.u-pl172 {
  padding-left: 172px;
}

.u-pl176 {
  padding-left: 176px;
}

.u-pl180 {
  padding-left: 180px;
}

.u-pl184 {
  padding-left: 184px;
}

.u-pl188 {
  padding-left: 188px;
}

.u-pl192 {
  padding-left: 192px;
}

.u-pl196 {
  padding-left: 196px;
}

.u-pl200 {
  padding-left: 200px;
}

@media screen and (max-width: 979.8px) {
  .u-pl0-md {
    padding-left: 0px !important;
  }
  .u-pl4-md {
    padding-left: 4px !important;
  }
  .u-pl8-md {
    padding-left: 8px !important;
  }
  .u-pl12-md {
    padding-left: 12px !important;
  }
  .u-pl16-md {
    padding-left: 16px !important;
  }
  .u-pl20-md {
    padding-left: 20px !important;
  }
  .u-pl24-md {
    padding-left: 24px !important;
  }
  .u-pl28-md {
    padding-left: 28px !important;
  }
  .u-pl32-md {
    padding-left: 32px !important;
  }
  .u-pl36-md {
    padding-left: 36px !important;
  }
  .u-pl40-md {
    padding-left: 40px !important;
  }
  .u-pl44-md {
    padding-left: 44px !important;
  }
  .u-pl48-md {
    padding-left: 48px !important;
  }
  .u-pl52-md {
    padding-left: 52px !important;
  }
  .u-pl56-md {
    padding-left: 56px !important;
  }
  .u-pl60-md {
    padding-left: 60px !important;
  }
  .u-pl64-md {
    padding-left: 64px !important;
  }
  .u-pl68-md {
    padding-left: 68px !important;
  }
  .u-pl72-md {
    padding-left: 72px !important;
  }
  .u-pl76-md {
    padding-left: 76px !important;
  }
  .u-pl80-md {
    padding-left: 80px !important;
  }
  .u-pl84-md {
    padding-left: 84px !important;
  }
  .u-pl88-md {
    padding-left: 88px !important;
  }
  .u-pl92-md {
    padding-left: 92px !important;
  }
  .u-pl96-md {
    padding-left: 96px !important;
  }
  .u-pl100-md {
    padding-left: 100px !important;
  }
  .u-pl104-md {
    padding-left: 104px !important;
  }
  .u-pl108-md {
    padding-left: 108px !important;
  }
  .u-pl112-md {
    padding-left: 112px !important;
  }
  .u-pl116-md {
    padding-left: 116px !important;
  }
  .u-pl120-md {
    padding-left: 120px !important;
  }
  .u-pl124-md {
    padding-left: 124px !important;
  }
  .u-pl128-md {
    padding-left: 128px !important;
  }
  .u-pl132-md {
    padding-left: 132px !important;
  }
  .u-pl136-md {
    padding-left: 136px !important;
  }
  .u-pl140-md {
    padding-left: 140px !important;
  }
  .u-pl144-md {
    padding-left: 144px !important;
  }
  .u-pl148-md {
    padding-left: 148px !important;
  }
  .u-pl152-md {
    padding-left: 152px !important;
  }
  .u-pl156-md {
    padding-left: 156px !important;
  }
  .u-pl160-md {
    padding-left: 160px !important;
  }
  .u-pl164-md {
    padding-left: 164px !important;
  }
  .u-pl168-md {
    padding-left: 168px !important;
  }
  .u-pl172-md {
    padding-left: 172px !important;
  }
  .u-pl176-md {
    padding-left: 176px !important;
  }
  .u-pl180-md {
    padding-left: 180px !important;
  }
  .u-pl184-md {
    padding-left: 184px !important;
  }
  .u-pl188-md {
    padding-left: 188px !important;
  }
  .u-pl192-md {
    padding-left: 192px !important;
  }
  .u-pl196-md {
    padding-left: 196px !important;
  }
  .u-pl200-md {
    padding-left: 200px !important;
  }
}
@media screen and (max-width: 689.8px) {
  .u-pl0-sm {
    padding-left: 0px !important;
  }
  .u-pl4-sm {
    padding-left: 4px !important;
  }
  .u-pl8-sm {
    padding-left: 8px !important;
  }
  .u-pl12-sm {
    padding-left: 12px !important;
  }
  .u-pl16-sm {
    padding-left: 16px !important;
  }
  .u-pl20-sm {
    padding-left: 20px !important;
  }
  .u-pl24-sm {
    padding-left: 24px !important;
  }
  .u-pl28-sm {
    padding-left: 28px !important;
  }
  .u-pl32-sm {
    padding-left: 32px !important;
  }
  .u-pl36-sm {
    padding-left: 36px !important;
  }
  .u-pl40-sm {
    padding-left: 40px !important;
  }
  .u-pl44-sm {
    padding-left: 44px !important;
  }
  .u-pl48-sm {
    padding-left: 48px !important;
  }
  .u-pl52-sm {
    padding-left: 52px !important;
  }
  .u-pl56-sm {
    padding-left: 56px !important;
  }
  .u-pl60-sm {
    padding-left: 60px !important;
  }
  .u-pl64-sm {
    padding-left: 64px !important;
  }
  .u-pl68-sm {
    padding-left: 68px !important;
  }
  .u-pl72-sm {
    padding-left: 72px !important;
  }
  .u-pl76-sm {
    padding-left: 76px !important;
  }
  .u-pl80-sm {
    padding-left: 80px !important;
  }
  .u-pl84-sm {
    padding-left: 84px !important;
  }
  .u-pl88-sm {
    padding-left: 88px !important;
  }
  .u-pl92-sm {
    padding-left: 92px !important;
  }
  .u-pl96-sm {
    padding-left: 96px !important;
  }
  .u-pl100-sm {
    padding-left: 100px !important;
  }
  .u-pl104-sm {
    padding-left: 104px !important;
  }
  .u-pl108-sm {
    padding-left: 108px !important;
  }
  .u-pl112-sm {
    padding-left: 112px !important;
  }
  .u-pl116-sm {
    padding-left: 116px !important;
  }
  .u-pl120-sm {
    padding-left: 120px !important;
  }
  .u-pl124-sm {
    padding-left: 124px !important;
  }
  .u-pl128-sm {
    padding-left: 128px !important;
  }
  .u-pl132-sm {
    padding-left: 132px !important;
  }
  .u-pl136-sm {
    padding-left: 136px !important;
  }
  .u-pl140-sm {
    padding-left: 140px !important;
  }
  .u-pl144-sm {
    padding-left: 144px !important;
  }
  .u-pl148-sm {
    padding-left: 148px !important;
  }
  .u-pl152-sm {
    padding-left: 152px !important;
  }
  .u-pl156-sm {
    padding-left: 156px !important;
  }
  .u-pl160-sm {
    padding-left: 160px !important;
  }
  .u-pl164-sm {
    padding-left: 164px !important;
  }
  .u-pl168-sm {
    padding-left: 168px !important;
  }
  .u-pl172-sm {
    padding-left: 172px !important;
  }
  .u-pl176-sm {
    padding-left: 176px !important;
  }
  .u-pl180-sm {
    padding-left: 180px !important;
  }
  .u-pl184-sm {
    padding-left: 184px !important;
  }
  .u-pl188-sm {
    padding-left: 188px !important;
  }
  .u-pl192-sm {
    padding-left: 192px !important;
  }
  .u-pl196-sm {
    padding-left: 196px !important;
  }
  .u-pl200-sm {
    padding-left: 200px !important;
  }
}
.u-pb0 {
  padding-bottom: 0px;
}

.u-pb4 {
  padding-bottom: 4px;
}

.u-pb8 {
  padding-bottom: 8px;
}

.u-pb12 {
  padding-bottom: 12px;
}

.u-pb16 {
  padding-bottom: 16px;
}

.u-pb20 {
  padding-bottom: 20px;
}

.u-pb24 {
  padding-bottom: 24px;
}

.u-pb28 {
  padding-bottom: 28px;
}

.u-pb32 {
  padding-bottom: 32px;
}

.u-pb36 {
  padding-bottom: 36px;
}

.u-pb40 {
  padding-bottom: 40px;
}

.u-pb44 {
  padding-bottom: 44px;
}

.u-pb48 {
  padding-bottom: 48px;
}

.u-pb52 {
  padding-bottom: 52px;
}

.u-pb56 {
  padding-bottom: 56px;
}

.u-pb60 {
  padding-bottom: 60px;
}

.u-pb64 {
  padding-bottom: 64px;
}

.u-pb68 {
  padding-bottom: 68px;
}

.u-pb72 {
  padding-bottom: 72px;
}

.u-pb76 {
  padding-bottom: 76px;
}

.u-pb80 {
  padding-bottom: 80px;
}

.u-pb84 {
  padding-bottom: 84px;
}

.u-pb88 {
  padding-bottom: 88px;
}

.u-pb92 {
  padding-bottom: 92px;
}

.u-pb96 {
  padding-bottom: 96px;
}

.u-pb100 {
  padding-bottom: 100px;
}

.u-pb104 {
  padding-bottom: 104px;
}

.u-pb108 {
  padding-bottom: 108px;
}

.u-pb112 {
  padding-bottom: 112px;
}

.u-pb116 {
  padding-bottom: 116px;
}

.u-pb120 {
  padding-bottom: 120px;
}

.u-pb124 {
  padding-bottom: 124px;
}

.u-pb128 {
  padding-bottom: 128px;
}

.u-pb132 {
  padding-bottom: 132px;
}

.u-pb136 {
  padding-bottom: 136px;
}

.u-pb140 {
  padding-bottom: 140px;
}

.u-pb144 {
  padding-bottom: 144px;
}

.u-pb148 {
  padding-bottom: 148px;
}

.u-pb152 {
  padding-bottom: 152px;
}

.u-pb156 {
  padding-bottom: 156px;
}

.u-pb160 {
  padding-bottom: 160px;
}

.u-pb164 {
  padding-bottom: 164px;
}

.u-pb168 {
  padding-bottom: 168px;
}

.u-pb172 {
  padding-bottom: 172px;
}

.u-pb176 {
  padding-bottom: 176px;
}

.u-pb180 {
  padding-bottom: 180px;
}

.u-pb184 {
  padding-bottom: 184px;
}

.u-pb188 {
  padding-bottom: 188px;
}

.u-pb192 {
  padding-bottom: 192px;
}

.u-pb196 {
  padding-bottom: 196px;
}

.u-pb200 {
  padding-bottom: 200px;
}

@media screen and (max-width: 979.8px) {
  .u-pb0-md {
    padding-bottom: 0px !important;
  }
  .u-pb4-md {
    padding-bottom: 4px !important;
  }
  .u-pb8-md {
    padding-bottom: 8px !important;
  }
  .u-pb12-md {
    padding-bottom: 12px !important;
  }
  .u-pb16-md {
    padding-bottom: 16px !important;
  }
  .u-pb20-md {
    padding-bottom: 20px !important;
  }
  .u-pb24-md {
    padding-bottom: 24px !important;
  }
  .u-pb28-md {
    padding-bottom: 28px !important;
  }
  .u-pb32-md {
    padding-bottom: 32px !important;
  }
  .u-pb36-md {
    padding-bottom: 36px !important;
  }
  .u-pb40-md {
    padding-bottom: 40px !important;
  }
  .u-pb44-md {
    padding-bottom: 44px !important;
  }
  .u-pb48-md {
    padding-bottom: 48px !important;
  }
  .u-pb52-md {
    padding-bottom: 52px !important;
  }
  .u-pb56-md {
    padding-bottom: 56px !important;
  }
  .u-pb60-md {
    padding-bottom: 60px !important;
  }
  .u-pb64-md {
    padding-bottom: 64px !important;
  }
  .u-pb68-md {
    padding-bottom: 68px !important;
  }
  .u-pb72-md {
    padding-bottom: 72px !important;
  }
  .u-pb76-md {
    padding-bottom: 76px !important;
  }
  .u-pb80-md {
    padding-bottom: 80px !important;
  }
  .u-pb84-md {
    padding-bottom: 84px !important;
  }
  .u-pb88-md {
    padding-bottom: 88px !important;
  }
  .u-pb92-md {
    padding-bottom: 92px !important;
  }
  .u-pb96-md {
    padding-bottom: 96px !important;
  }
  .u-pb100-md {
    padding-bottom: 100px !important;
  }
  .u-pb104-md {
    padding-bottom: 104px !important;
  }
  .u-pb108-md {
    padding-bottom: 108px !important;
  }
  .u-pb112-md {
    padding-bottom: 112px !important;
  }
  .u-pb116-md {
    padding-bottom: 116px !important;
  }
  .u-pb120-md {
    padding-bottom: 120px !important;
  }
  .u-pb124-md {
    padding-bottom: 124px !important;
  }
  .u-pb128-md {
    padding-bottom: 128px !important;
  }
  .u-pb132-md {
    padding-bottom: 132px !important;
  }
  .u-pb136-md {
    padding-bottom: 136px !important;
  }
  .u-pb140-md {
    padding-bottom: 140px !important;
  }
  .u-pb144-md {
    padding-bottom: 144px !important;
  }
  .u-pb148-md {
    padding-bottom: 148px !important;
  }
  .u-pb152-md {
    padding-bottom: 152px !important;
  }
  .u-pb156-md {
    padding-bottom: 156px !important;
  }
  .u-pb160-md {
    padding-bottom: 160px !important;
  }
  .u-pb164-md {
    padding-bottom: 164px !important;
  }
  .u-pb168-md {
    padding-bottom: 168px !important;
  }
  .u-pb172-md {
    padding-bottom: 172px !important;
  }
  .u-pb176-md {
    padding-bottom: 176px !important;
  }
  .u-pb180-md {
    padding-bottom: 180px !important;
  }
  .u-pb184-md {
    padding-bottom: 184px !important;
  }
  .u-pb188-md {
    padding-bottom: 188px !important;
  }
  .u-pb192-md {
    padding-bottom: 192px !important;
  }
  .u-pb196-md {
    padding-bottom: 196px !important;
  }
  .u-pb200-md {
    padding-bottom: 200px !important;
  }
}
@media screen and (max-width: 689.8px) {
  .u-pb0-sm {
    padding-bottom: 0px !important;
  }
  .u-pb4-sm {
    padding-bottom: 4px !important;
  }
  .u-pb8-sm {
    padding-bottom: 8px !important;
  }
  .u-pb12-sm {
    padding-bottom: 12px !important;
  }
  .u-pb16-sm {
    padding-bottom: 16px !important;
  }
  .u-pb20-sm {
    padding-bottom: 20px !important;
  }
  .u-pb24-sm {
    padding-bottom: 24px !important;
  }
  .u-pb28-sm {
    padding-bottom: 28px !important;
  }
  .u-pb32-sm {
    padding-bottom: 32px !important;
  }
  .u-pb36-sm {
    padding-bottom: 36px !important;
  }
  .u-pb40-sm {
    padding-bottom: 40px !important;
  }
  .u-pb44-sm {
    padding-bottom: 44px !important;
  }
  .u-pb48-sm {
    padding-bottom: 48px !important;
  }
  .u-pb52-sm {
    padding-bottom: 52px !important;
  }
  .u-pb56-sm {
    padding-bottom: 56px !important;
  }
  .u-pb60-sm {
    padding-bottom: 60px !important;
  }
  .u-pb64-sm {
    padding-bottom: 64px !important;
  }
  .u-pb68-sm {
    padding-bottom: 68px !important;
  }
  .u-pb72-sm {
    padding-bottom: 72px !important;
  }
  .u-pb76-sm {
    padding-bottom: 76px !important;
  }
  .u-pb80-sm {
    padding-bottom: 80px !important;
  }
  .u-pb84-sm {
    padding-bottom: 84px !important;
  }
  .u-pb88-sm {
    padding-bottom: 88px !important;
  }
  .u-pb92-sm {
    padding-bottom: 92px !important;
  }
  .u-pb96-sm {
    padding-bottom: 96px !important;
  }
  .u-pb100-sm {
    padding-bottom: 100px !important;
  }
  .u-pb104-sm {
    padding-bottom: 104px !important;
  }
  .u-pb108-sm {
    padding-bottom: 108px !important;
  }
  .u-pb112-sm {
    padding-bottom: 112px !important;
  }
  .u-pb116-sm {
    padding-bottom: 116px !important;
  }
  .u-pb120-sm {
    padding-bottom: 120px !important;
  }
  .u-pb124-sm {
    padding-bottom: 124px !important;
  }
  .u-pb128-sm {
    padding-bottom: 128px !important;
  }
  .u-pb132-sm {
    padding-bottom: 132px !important;
  }
  .u-pb136-sm {
    padding-bottom: 136px !important;
  }
  .u-pb140-sm {
    padding-bottom: 140px !important;
  }
  .u-pb144-sm {
    padding-bottom: 144px !important;
  }
  .u-pb148-sm {
    padding-bottom: 148px !important;
  }
  .u-pb152-sm {
    padding-bottom: 152px !important;
  }
  .u-pb156-sm {
    padding-bottom: 156px !important;
  }
  .u-pb160-sm {
    padding-bottom: 160px !important;
  }
  .u-pb164-sm {
    padding-bottom: 164px !important;
  }
  .u-pb168-sm {
    padding-bottom: 168px !important;
  }
  .u-pb172-sm {
    padding-bottom: 172px !important;
  }
  .u-pb176-sm {
    padding-bottom: 176px !important;
  }
  .u-pb180-sm {
    padding-bottom: 180px !important;
  }
  .u-pb184-sm {
    padding-bottom: 184px !important;
  }
  .u-pb188-sm {
    padding-bottom: 188px !important;
  }
  .u-pb192-sm {
    padding-bottom: 192px !important;
  }
  .u-pb196-sm {
    padding-bottom: 196px !important;
  }
  .u-pb200-sm {
    padding-bottom: 200px !important;
  }
}
.u-py0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.u-py4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.u-py8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.u-py12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.u-py16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.u-py20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.u-py24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.u-py28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.u-py32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.u-py36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.u-py40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.u-py44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.u-py48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.u-py52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.u-py56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.u-py60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.u-py64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.u-py68 {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}

.u-py72 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.u-py76 {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}

.u-py80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.u-py84 {
  padding-top: 84px !important;
  padding-bottom: 84px !important;
}

.u-py88 {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

.u-py92 {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}

.u-py96 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.u-py100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.u-py104 {
  padding-top: 104px !important;
  padding-bottom: 104px !important;
}

.u-py108 {
  padding-top: 108px !important;
  padding-bottom: 108px !important;
}

.u-py112 {
  padding-top: 112px !important;
  padding-bottom: 112px !important;
}

.u-py116 {
  padding-top: 116px !important;
  padding-bottom: 116px !important;
}

.u-py120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.u-py124 {
  padding-top: 124px !important;
  padding-bottom: 124px !important;
}

.u-py128 {
  padding-top: 128px !important;
  padding-bottom: 128px !important;
}

.u-py132 {
  padding-top: 132px !important;
  padding-bottom: 132px !important;
}

.u-py136 {
  padding-top: 136px !important;
  padding-bottom: 136px !important;
}

.u-py140 {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}

.u-py144 {
  padding-top: 144px !important;
  padding-bottom: 144px !important;
}

.u-py148 {
  padding-top: 148px !important;
  padding-bottom: 148px !important;
}

.u-py152 {
  padding-top: 152px !important;
  padding-bottom: 152px !important;
}

.u-py156 {
  padding-top: 156px !important;
  padding-bottom: 156px !important;
}

.u-py160 {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}

.u-py164 {
  padding-top: 164px !important;
  padding-bottom: 164px !important;
}

.u-py168 {
  padding-top: 168px !important;
  padding-bottom: 168px !important;
}

.u-py172 {
  padding-top: 172px !important;
  padding-bottom: 172px !important;
}

.u-py176 {
  padding-top: 176px !important;
  padding-bottom: 176px !important;
}

.u-py180 {
  padding-top: 180px !important;
  padding-bottom: 180px !important;
}

.u-py184 {
  padding-top: 184px !important;
  padding-bottom: 184px !important;
}

.u-py188 {
  padding-top: 188px !important;
  padding-bottom: 188px !important;
}

.u-py192 {
  padding-top: 192px !important;
  padding-bottom: 192px !important;
}

.u-py196 {
  padding-top: 196px !important;
  padding-bottom: 196px !important;
}

.u-py200 {
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}

@media screen and (max-width: 979.8px) {
  .u-py0-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-py4-md {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .u-py8-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-py12-md {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .u-py16-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-py20-md {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .u-py24-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-py28-md {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .u-py32-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-py36-md {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .u-py40-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-py44-md {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .u-py48-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-py52-md {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .u-py56-md {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-py60-md {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .u-py64-md {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-py68-md {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .u-py72-md {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-py76-md {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .u-py80-md {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .u-py84-md {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .u-py88-md {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .u-py92-md {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .u-py96-md {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .u-py100-md {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .u-py104-md {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }
  .u-py108-md {
    padding-top: 108px !important;
    padding-bottom: 108px !important;
  }
  .u-py112-md {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
  .u-py116-md {
    padding-top: 116px !important;
    padding-bottom: 116px !important;
  }
  .u-py120-md {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .u-py124-md {
    padding-top: 124px !important;
    padding-bottom: 124px !important;
  }
  .u-py128-md {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .u-py132-md {
    padding-top: 132px !important;
    padding-bottom: 132px !important;
  }
  .u-py136-md {
    padding-top: 136px !important;
    padding-bottom: 136px !important;
  }
  .u-py140-md {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .u-py144-md {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }
  .u-py148-md {
    padding-top: 148px !important;
    padding-bottom: 148px !important;
  }
  .u-py152-md {
    padding-top: 152px !important;
    padding-bottom: 152px !important;
  }
  .u-py156-md {
    padding-top: 156px !important;
    padding-bottom: 156px !important;
  }
  .u-py160-md {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .u-py164-md {
    padding-top: 164px !important;
    padding-bottom: 164px !important;
  }
  .u-py168-md {
    padding-top: 168px !important;
    padding-bottom: 168px !important;
  }
  .u-py172-md {
    padding-top: 172px !important;
    padding-bottom: 172px !important;
  }
  .u-py176-md {
    padding-top: 176px !important;
    padding-bottom: 176px !important;
  }
  .u-py180-md {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
  .u-py184-md {
    padding-top: 184px !important;
    padding-bottom: 184px !important;
  }
  .u-py188-md {
    padding-top: 188px !important;
    padding-bottom: 188px !important;
  }
  .u-py192-md {
    padding-top: 192px !important;
    padding-bottom: 192px !important;
  }
  .u-py196-md {
    padding-top: 196px !important;
    padding-bottom: 196px !important;
  }
  .u-py200-md {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
}
@media screen and (max-width: 689.8px) {
  .u-py0-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-py4-sm {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .u-py8-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-py12-sm {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .u-py16-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-py20-sm {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .u-py24-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-py28-sm {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .u-py32-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-py36-sm {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .u-py40-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-py44-sm {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .u-py48-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-py52-sm {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .u-py56-sm {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-py60-sm {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .u-py64-sm {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-py68-sm {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .u-py72-sm {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-py76-sm {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .u-py80-sm {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .u-py84-sm {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .u-py88-sm {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .u-py92-sm {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .u-py96-sm {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .u-py100-sm {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .u-py104-sm {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }
  .u-py108-sm {
    padding-top: 108px !important;
    padding-bottom: 108px !important;
  }
  .u-py112-sm {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
  .u-py116-sm {
    padding-top: 116px !important;
    padding-bottom: 116px !important;
  }
  .u-py120-sm {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .u-py124-sm {
    padding-top: 124px !important;
    padding-bottom: 124px !important;
  }
  .u-py128-sm {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .u-py132-sm {
    padding-top: 132px !important;
    padding-bottom: 132px !important;
  }
  .u-py136-sm {
    padding-top: 136px !important;
    padding-bottom: 136px !important;
  }
  .u-py140-sm {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .u-py144-sm {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }
  .u-py148-sm {
    padding-top: 148px !important;
    padding-bottom: 148px !important;
  }
  .u-py152-sm {
    padding-top: 152px !important;
    padding-bottom: 152px !important;
  }
  .u-py156-sm {
    padding-top: 156px !important;
    padding-bottom: 156px !important;
  }
  .u-py160-sm {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .u-py164-sm {
    padding-top: 164px !important;
    padding-bottom: 164px !important;
  }
  .u-py168-sm {
    padding-top: 168px !important;
    padding-bottom: 168px !important;
  }
  .u-py172-sm {
    padding-top: 172px !important;
    padding-bottom: 172px !important;
  }
  .u-py176-sm {
    padding-top: 176px !important;
    padding-bottom: 176px !important;
  }
  .u-py180-sm {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
  .u-py184-sm {
    padding-top: 184px !important;
    padding-bottom: 184px !important;
  }
  .u-py188-sm {
    padding-top: 188px !important;
    padding-bottom: 188px !important;
  }
  .u-py192-sm {
    padding-top: 192px !important;
    padding-bottom: 192px !important;
  }
  .u-py196-sm {
    padding-top: 196px !important;
    padding-bottom: 196px !important;
  }
  .u-py200-sm {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
}
.u-px0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.u-px4 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.u-px8 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.u-px12 {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.u-px16 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

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

.u-px24 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.u-px28 {
  padding-right: 28px !important;
  padding-left: 28px !important;
}

.u-px32 {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

.u-px36 {
  padding-right: 36px !important;
  padding-left: 36px !important;
}

.u-px40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.u-px44 {
  padding-right: 44px !important;
  padding-left: 44px !important;
}

.u-px48 {
  padding-right: 48px !important;
  padding-left: 48px !important;
}

.u-px52 {
  padding-right: 52px !important;
  padding-left: 52px !important;
}

.u-px56 {
  padding-right: 56px !important;
  padding-left: 56px !important;
}

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

.u-px64 {
  padding-right: 64px !important;
  padding-left: 64px !important;
}

.u-px68 {
  padding-right: 68px !important;
  padding-left: 68px !important;
}

.u-px72 {
  padding-right: 72px !important;
  padding-left: 72px !important;
}

.u-px76 {
  padding-right: 76px !important;
  padding-left: 76px !important;
}

.u-px80 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.u-px84 {
  padding-right: 84px !important;
  padding-left: 84px !important;
}

.u-px88 {
  padding-right: 88px !important;
  padding-left: 88px !important;
}

.u-px92 {
  padding-right: 92px !important;
  padding-left: 92px !important;
}

.u-px96 {
  padding-right: 96px !important;
  padding-left: 96px !important;
}

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

.u-px104 {
  padding-right: 104px !important;
  padding-left: 104px !important;
}

.u-px108 {
  padding-right: 108px !important;
  padding-left: 108px !important;
}

.u-px112 {
  padding-right: 112px !important;
  padding-left: 112px !important;
}

.u-px116 {
  padding-right: 116px !important;
  padding-left: 116px !important;
}

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

.u-px124 {
  padding-right: 124px !important;
  padding-left: 124px !important;
}

.u-px128 {
  padding-right: 128px !important;
  padding-left: 128px !important;
}

.u-px132 {
  padding-right: 132px !important;
  padding-left: 132px !important;
}

.u-px136 {
  padding-right: 136px !important;
  padding-left: 136px !important;
}

.u-px140 {
  padding-right: 140px !important;
  padding-left: 140px !important;
}

.u-px144 {
  padding-right: 144px !important;
  padding-left: 144px !important;
}

.u-px148 {
  padding-right: 148px !important;
  padding-left: 148px !important;
}

.u-px152 {
  padding-right: 152px !important;
  padding-left: 152px !important;
}

.u-px156 {
  padding-right: 156px !important;
  padding-left: 156px !important;
}

.u-px160 {
  padding-right: 160px !important;
  padding-left: 160px !important;
}

.u-px164 {
  padding-right: 164px !important;
  padding-left: 164px !important;
}

.u-px168 {
  padding-right: 168px !important;
  padding-left: 168px !important;
}

.u-px172 {
  padding-right: 172px !important;
  padding-left: 172px !important;
}

.u-px176 {
  padding-right: 176px !important;
  padding-left: 176px !important;
}

.u-px180 {
  padding-right: 180px !important;
  padding-left: 180px !important;
}

.u-px184 {
  padding-right: 184px !important;
  padding-left: 184px !important;
}

.u-px188 {
  padding-right: 188px !important;
  padding-left: 188px !important;
}

.u-px192 {
  padding-right: 192px !important;
  padding-left: 192px !important;
}

.u-px196 {
  padding-right: 196px !important;
  padding-left: 196px !important;
}

.u-px200 {
  padding-right: 200px !important;
  padding-left: 200px !important;
}

@media screen and (max-width: 979.8px) {
  .u-px0-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-px4-md {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .u-px8-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-px12-md {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .u-px16-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-px20-md {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .u-px24-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-px28-md {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .u-px32-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-px36-md {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .u-px40-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-px44-md {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .u-px48-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-px52-md {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .u-px56-md {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .u-px60-md {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .u-px64-md {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .u-px68-md {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
  .u-px72-md {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .u-px76-md {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }
  .u-px80-md {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .u-px84-md {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }
  .u-px88-md {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .u-px92-md {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }
  .u-px96-md {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }
  .u-px100-md {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .u-px104-md {
    padding-right: 104px !important;
    padding-left: 104px !important;
  }
  .u-px108-md {
    padding-right: 108px !important;
    padding-left: 108px !important;
  }
  .u-px112-md {
    padding-right: 112px !important;
    padding-left: 112px !important;
  }
  .u-px116-md {
    padding-right: 116px !important;
    padding-left: 116px !important;
  }
  .u-px120-md {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .u-px124-md {
    padding-right: 124px !important;
    padding-left: 124px !important;
  }
  .u-px128-md {
    padding-right: 128px !important;
    padding-left: 128px !important;
  }
  .u-px132-md {
    padding-right: 132px !important;
    padding-left: 132px !important;
  }
  .u-px136-md {
    padding-right: 136px !important;
    padding-left: 136px !important;
  }
  .u-px140-md {
    padding-right: 140px !important;
    padding-left: 140px !important;
  }
  .u-px144-md {
    padding-right: 144px !important;
    padding-left: 144px !important;
  }
  .u-px148-md {
    padding-right: 148px !important;
    padding-left: 148px !important;
  }
  .u-px152-md {
    padding-right: 152px !important;
    padding-left: 152px !important;
  }
  .u-px156-md {
    padding-right: 156px !important;
    padding-left: 156px !important;
  }
  .u-px160-md {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }
  .u-px164-md {
    padding-right: 164px !important;
    padding-left: 164px !important;
  }
  .u-px168-md {
    padding-right: 168px !important;
    padding-left: 168px !important;
  }
  .u-px172-md {
    padding-right: 172px !important;
    padding-left: 172px !important;
  }
  .u-px176-md {
    padding-right: 176px !important;
    padding-left: 176px !important;
  }
  .u-px180-md {
    padding-right: 180px !important;
    padding-left: 180px !important;
  }
  .u-px184-md {
    padding-right: 184px !important;
    padding-left: 184px !important;
  }
  .u-px188-md {
    padding-right: 188px !important;
    padding-left: 188px !important;
  }
  .u-px192-md {
    padding-right: 192px !important;
    padding-left: 192px !important;
  }
  .u-px196-md {
    padding-right: 196px !important;
    padding-left: 196px !important;
  }
  .u-px200-md {
    padding-right: 200px !important;
    padding-left: 200px !important;
  }
}
@media screen and (max-width: 689.8px) {
  .u-px0-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-px4-sm {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .u-px8-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-px12-sm {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .u-px16-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-px20-sm {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .u-px24-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-px28-sm {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .u-px32-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-px36-sm {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .u-px40-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-px44-sm {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .u-px48-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-px52-sm {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .u-px56-sm {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .u-px60-sm {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .u-px64-sm {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .u-px68-sm {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
  .u-px72-sm {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .u-px76-sm {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }
  .u-px80-sm {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .u-px84-sm {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }
  .u-px88-sm {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .u-px92-sm {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }
  .u-px96-sm {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }
  .u-px100-sm {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .u-px104-sm {
    padding-right: 104px !important;
    padding-left: 104px !important;
  }
  .u-px108-sm {
    padding-right: 108px !important;
    padding-left: 108px !important;
  }
  .u-px112-sm {
    padding-right: 112px !important;
    padding-left: 112px !important;
  }
  .u-px116-sm {
    padding-right: 116px !important;
    padding-left: 116px !important;
  }
  .u-px120-sm {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .u-px124-sm {
    padding-right: 124px !important;
    padding-left: 124px !important;
  }
  .u-px128-sm {
    padding-right: 128px !important;
    padding-left: 128px !important;
  }
  .u-px132-sm {
    padding-right: 132px !important;
    padding-left: 132px !important;
  }
  .u-px136-sm {
    padding-right: 136px !important;
    padding-left: 136px !important;
  }
  .u-px140-sm {
    padding-right: 140px !important;
    padding-left: 140px !important;
  }
  .u-px144-sm {
    padding-right: 144px !important;
    padding-left: 144px !important;
  }
  .u-px148-sm {
    padding-right: 148px !important;
    padding-left: 148px !important;
  }
  .u-px152-sm {
    padding-right: 152px !important;
    padding-left: 152px !important;
  }
  .u-px156-sm {
    padding-right: 156px !important;
    padding-left: 156px !important;
  }
  .u-px160-sm {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }
  .u-px164-sm {
    padding-right: 164px !important;
    padding-left: 164px !important;
  }
  .u-px168-sm {
    padding-right: 168px !important;
    padding-left: 168px !important;
  }
  .u-px172-sm {
    padding-right: 172px !important;
    padding-left: 172px !important;
  }
  .u-px176-sm {
    padding-right: 176px !important;
    padding-left: 176px !important;
  }
  .u-px180-sm {
    padding-right: 180px !important;
    padding-left: 180px !important;
  }
  .u-px184-sm {
    padding-right: 184px !important;
    padding-left: 184px !important;
  }
  .u-px188-sm {
    padding-right: 188px !important;
    padding-left: 188px !important;
  }
  .u-px192-sm {
    padding-right: 192px !important;
    padding-left: 192px !important;
  }
  .u-px196-sm {
    padding-right: 196px !important;
    padding-left: 196px !important;
  }
  .u-px200-sm {
    padding-right: 200px !important;
    padding-left: 200px !important;
  }
}
.u-p0 {
  padding: 0px !important;
}

.u-p4 {
  padding: 4px !important;
}

.u-p8 {
  padding: 8px !important;
}

.u-p12 {
  padding: 12px !important;
}

.u-p16 {
  padding: 16px !important;
}

.u-p20 {
  padding: 20px !important;
}

.u-p24 {
  padding: 24px !important;
}

.u-p28 {
  padding: 28px !important;
}

.u-p32 {
  padding: 32px !important;
}

.u-p36 {
  padding: 36px !important;
}

.u-p40 {
  padding: 40px !important;
}

.u-p44 {
  padding: 44px !important;
}

.u-p48 {
  padding: 48px !important;
}

.u-p52 {
  padding: 52px !important;
}

.u-p56 {
  padding: 56px !important;
}

.u-p60 {
  padding: 60px !important;
}

.u-p64 {
  padding: 64px !important;
}

.u-p68 {
  padding: 68px !important;
}

.u-p72 {
  padding: 72px !important;
}

.u-p76 {
  padding: 76px !important;
}

.u-p80 {
  padding: 80px !important;
}

.u-p84 {
  padding: 84px !important;
}

.u-p88 {
  padding: 88px !important;
}

.u-p92 {
  padding: 92px !important;
}

.u-p96 {
  padding: 96px !important;
}

.u-p100 {
  padding: 100px !important;
}

.u-p104 {
  padding: 104px !important;
}

.u-p108 {
  padding: 108px !important;
}

.u-p112 {
  padding: 112px !important;
}

.u-p116 {
  padding: 116px !important;
}

.u-p120 {
  padding: 120px !important;
}

.u-p124 {
  padding: 124px !important;
}

.u-p128 {
  padding: 128px !important;
}

.u-p132 {
  padding: 132px !important;
}

.u-p136 {
  padding: 136px !important;
}

.u-p140 {
  padding: 140px !important;
}

.u-p144 {
  padding: 144px !important;
}

.u-p148 {
  padding: 148px !important;
}

.u-p152 {
  padding: 152px !important;
}

.u-p156 {
  padding: 156px !important;
}

.u-p160 {
  padding: 160px !important;
}

.u-p164 {
  padding: 164px !important;
}

.u-p168 {
  padding: 168px !important;
}

.u-p172 {
  padding: 172px !important;
}

.u-p176 {
  padding: 176px !important;
}

.u-p180 {
  padding: 180px !important;
}

.u-p184 {
  padding: 184px !important;
}

.u-p188 {
  padding: 188px !important;
}

.u-p192 {
  padding: 192px !important;
}

.u-p196 {
  padding: 196px !important;
}

.u-p200 {
  padding: 200px !important;
}

@media screen and (max-width: 979.8px) {
  .u-p0-md {
    padding: 0px !important;
  }
  .u-p4-md {
    padding: 4px !important;
  }
  .u-p8-md {
    padding: 8px !important;
  }
  .u-p12-md {
    padding: 12px !important;
  }
  .u-p16-md {
    padding: 16px !important;
  }
  .u-p20-md {
    padding: 20px !important;
  }
  .u-p24-md {
    padding: 24px !important;
  }
  .u-p28-md {
    padding: 28px !important;
  }
  .u-p32-md {
    padding: 32px !important;
  }
  .u-p36-md {
    padding: 36px !important;
  }
  .u-p40-md {
    padding: 40px !important;
  }
  .u-p44-md {
    padding: 44px !important;
  }
  .u-p48-md {
    padding: 48px !important;
  }
  .u-p52-md {
    padding: 52px !important;
  }
  .u-p56-md {
    padding: 56px !important;
  }
  .u-p60-md {
    padding: 60px !important;
  }
  .u-p64-md {
    padding: 64px !important;
  }
  .u-p68-md {
    padding: 68px !important;
  }
  .u-p72-md {
    padding: 72px !important;
  }
  .u-p76-md {
    padding: 76px !important;
  }
  .u-p80-md {
    padding: 80px !important;
  }
  .u-p84-md {
    padding: 84px !important;
  }
  .u-p88-md {
    padding: 88px !important;
  }
  .u-p92-md {
    padding: 92px !important;
  }
  .u-p96-md {
    padding: 96px !important;
  }
  .u-p100-md {
    padding: 100px !important;
  }
  .u-p104-md {
    padding: 104px !important;
  }
  .u-p108-md {
    padding: 108px !important;
  }
  .u-p112-md {
    padding: 112px !important;
  }
  .u-p116-md {
    padding: 116px !important;
  }
  .u-p120-md {
    padding: 120px !important;
  }
  .u-p124-md {
    padding: 124px !important;
  }
  .u-p128-md {
    padding: 128px !important;
  }
  .u-p132-md {
    padding: 132px !important;
  }
  .u-p136-md {
    padding: 136px !important;
  }
  .u-p140-md {
    padding: 140px !important;
  }
  .u-p144-md {
    padding: 144px !important;
  }
  .u-p148-md {
    padding: 148px !important;
  }
  .u-p152-md {
    padding: 152px !important;
  }
  .u-p156-md {
    padding: 156px !important;
  }
  .u-p160-md {
    padding: 160px !important;
  }
  .u-p164-md {
    padding: 164px !important;
  }
  .u-p168-md {
    padding: 168px !important;
  }
  .u-p172-md {
    padding: 172px !important;
  }
  .u-p176-md {
    padding: 176px !important;
  }
  .u-p180-md {
    padding: 180px !important;
  }
  .u-p184-md {
    padding: 184px !important;
  }
  .u-p188-md {
    padding: 188px !important;
  }
  .u-p192-md {
    padding: 192px !important;
  }
  .u-p196-md {
    padding: 196px !important;
  }
  .u-p200-md {
    padding: 200px !important;
  }
}
@media screen and (max-width: 689.8px) {
  .u-p0-sm {
    padding: 0px !important;
  }
  .u-p4-sm {
    padding: 4px !important;
  }
  .u-p8-sm {
    padding: 8px !important;
  }
  .u-p12-sm {
    padding: 12px !important;
  }
  .u-p16-sm {
    padding: 16px !important;
  }
  .u-p20-sm {
    padding: 20px !important;
  }
  .u-p24-sm {
    padding: 24px !important;
  }
  .u-p28-sm {
    padding: 28px !important;
  }
  .u-p32-sm {
    padding: 32px !important;
  }
  .u-p36-sm {
    padding: 36px !important;
  }
  .u-p40-sm {
    padding: 40px !important;
  }
  .u-p44-sm {
    padding: 44px !important;
  }
  .u-p48-sm {
    padding: 48px !important;
  }
  .u-p52-sm {
    padding: 52px !important;
  }
  .u-p56-sm {
    padding: 56px !important;
  }
  .u-p60-sm {
    padding: 60px !important;
  }
  .u-p64-sm {
    padding: 64px !important;
  }
  .u-p68-sm {
    padding: 68px !important;
  }
  .u-p72-sm {
    padding: 72px !important;
  }
  .u-p76-sm {
    padding: 76px !important;
  }
  .u-p80-sm {
    padding: 80px !important;
  }
  .u-p84-sm {
    padding: 84px !important;
  }
  .u-p88-sm {
    padding: 88px !important;
  }
  .u-p92-sm {
    padding: 92px !important;
  }
  .u-p96-sm {
    padding: 96px !important;
  }
  .u-p100-sm {
    padding: 100px !important;
  }
  .u-p104-sm {
    padding: 104px !important;
  }
  .u-p108-sm {
    padding: 108px !important;
  }
  .u-p112-sm {
    padding: 112px !important;
  }
  .u-p116-sm {
    padding: 116px !important;
  }
  .u-p120-sm {
    padding: 120px !important;
  }
  .u-p124-sm {
    padding: 124px !important;
  }
  .u-p128-sm {
    padding: 128px !important;
  }
  .u-p132-sm {
    padding: 132px !important;
  }
  .u-p136-sm {
    padding: 136px !important;
  }
  .u-p140-sm {
    padding: 140px !important;
  }
  .u-p144-sm {
    padding: 144px !important;
  }
  .u-p148-sm {
    padding: 148px !important;
  }
  .u-p152-sm {
    padding: 152px !important;
  }
  .u-p156-sm {
    padding: 156px !important;
  }
  .u-p160-sm {
    padding: 160px !important;
  }
  .u-p164-sm {
    padding: 164px !important;
  }
  .u-p168-sm {
    padding: 168px !important;
  }
  .u-p172-sm {
    padding: 172px !important;
  }
  .u-p176-sm {
    padding: 176px !important;
  }
  .u-p180-sm {
    padding: 180px !important;
  }
  .u-p184-sm {
    padding: 184px !important;
  }
  .u-p188-sm {
    padding: 188px !important;
  }
  .u-p192-sm {
    padding: 192px !important;
  }
  .u-p196-sm {
    padding: 196px !important;
  }
  .u-p200-sm {
    padding: 200px !important;
  }
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
LAYOUT & display UTILITIES (表示切り替え)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.only-lg {
  display: block;
}
@media screen and (max-width: 979.8px) {
  .only-lg {
    display: none;
  }
}
.only-lg-md {
  display: block;
}
@media screen and (max-width: 689.8px) {
  .only-lg-md {
    display: none;
  }
}
.only-lg-sm {
  display: block;
}
@media screen and (max-width: 979.8px) {
  .only-lg-sm {
    display: none;
  }
}
@media screen and (max-width: 689.8px) {
  .only-lg-sm {
    display: block;
  }
}
.only-md {
  display: none;
}
@media screen and (max-width: 979.8px) {
  .only-md {
    display: block;
  }
}
@media screen and (max-width: 689.8px) {
  .only-md {
    display: none;
  }
}
.only-md-sm {
  display: none;
}
@media screen and (max-width: 979.8px) {
  .only-md-sm {
    display: block;
  }
}
.only-sm {
  display: none;
}
@media screen and (max-width: 689.8px) {
  .only-sm {
    display: block;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ユーティリティ（汎用クラス）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.u-w180 {
  max-width: 180px;
  width: 100%;
}
@media screen and (max-width: 689.8px) {
  .u-w180 {
    max-width: none;
  }
}
.u-w260 {
  max-width: 260px;
  width: 100%;
}
@media screen and (max-width: 689.8px) {
  .u-w260 {
    max-width: none;
  }
}
.u-w300 {
  max-width: 300px;
  width: 100%;
}
@media screen and (max-width: 689.8px) {
  .u-w300 {
    max-width: none;
  }
}
.u-w360 {
  max-width: 360px;
  width: 100%;
}
@media screen and (max-width: 689.8px) {
  .u-w360 {
    max-width: none;
  }
}

.img100 img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
COMPONENTS & ELEMENTS (共通パーツ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.text-link a,
a.text-link {
  text-decoration: underline;
  color: #1B79C0;
}
.text-link a:hover,
a.text-link:hover {
  opacity: 0.6;
}

.c-button a {
  background-color: #FF6E00;
  border: solid 1px #FF6E00;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ffffff;
  font-size: 20px;
  font-weight: 900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: 10px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-button a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.c-button a .c-button__icon {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.c-button a .c-button__icon img {
  width: 100%;
  height: auto;
  display: block;
}
.c-button.-dl a {
  background-color: #FF6E00;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF9800), to(#FF6600));
  background: linear-gradient(to bottom, #FF9800 0%, #FF6600 100%);
}
.c-button.-trial a {
  border: solid 1px #7BAD0C;
  background: -webkit-gradient(linear, left top, left bottom, from(#8CBD1C), to(#77A90C));
  background: linear-gradient(to bottom, #8CBD1C 0%, #77A90C 100%);
}
.c-button.-more-wht, .c-button.-more-main {
  width: 180px;
}
.c-button.-more-wht a, .c-button.-more-main a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 40px;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50px;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-size: 12px;
}
.c-button.-more-wht a {
  border-color: #ffffff;
  background: #ffffff;
  color: #1B79C0;
}
.c-button.-more-main a {
  border-color: #1B79C0;
  background: #1B79C0;
  color: #ffffff;
}

.l-button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-button-caption {
  color: #ffffff;
  text-align: center;
  font-size: clamp(14px, 14px + 2 * (100vw - 375px) / (1920 - 375), 16px);
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 8px;
  padding: 0 20px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-button-caption::before, .c-button-caption::after {
  content: "";
  position: absolute;
  height: 35px;
  width: 2px;
  background-color: #ffffff;
  bottom: -5px;
}
.c-button-caption::before {
  left: 0;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}
.c-button-caption::after {
  right: 0;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}
@media screen and (max-width: 689.8px) {
  .c-button-caption {
    gap: 5px;
    font-size: clamp(12px, 12px + 2 * (100vw - 375px) / (1920 - 375), 14px);
  }
}

.ojf-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ojf-contain img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
SECTION STYLES (ここから作業エリア)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.md-breadcrumb__container {
  margin-bottom: 60px;
}
.md-breadcrumb__inside {
  width: 96%;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 0;
}
.md-breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 15px;
}
.md-breadcrumb__list li {
  position: relative;
}
.md-breadcrumb__list li a {
  font-size: 11px;
  color: #1B79C0;
  line-height: 1.3;
}
.md-breadcrumb__list li::after {
  content: "";
  position: absolute;
  border-top: solid #333 1px;
  border-right: solid #333 1px;
  height: 5px;
  width: 5px;
  top: 50%;
  right: -9px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.md-breadcrumb__list li:last-child::after {
  content: none;
}
.md-breadcrumb__list li:last-child a {
  color: #333;
  cursor: default;
  pointer-events: none;
}

.page-hero__container {
  background: url(/dcms_media/image/title-back.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-hero__inner {
  width: 96%;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 0 60px;
}
.page-hero__headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  text-align: center;
}
.page-hero__title {
  text-align: center;
  font-size: clamp(28px, 28px + 8 * (100vw - 375px) / (1920 - 375), 36px);
  font-weight: 600;
  color: #1b79c0;
  line-height: 1.3;
}
.page-hero__caption {
  display: none;
}

#contents.media-column__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 35px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 96%;
  max-width: 980px;
  margin: 0 auto 80px auto;
}

/* main area */
.md-column__main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}

/* side nav area */
.md-column__side {
  width: 280px;
}

.media-side__archive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.media-side__archive li a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  display: block;
  font-size: 15px;
  font-weight: 700;
  position: relative;
}
.media-side__archive li a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.media-side__archive.md-badge__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 16px;
}

.media-post__chip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}

.md-media__category li a {
  background: #E9F2F9;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  display: block;
  font-size: 15px;
  font-weight: 700;
  padding: 6px 13px;
}
.md-media__category li a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.md-media__category.md-badge__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 16px;
}

.md-media__tag li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.md-media__tag li a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  display: block;
  font-size: 15px;
  font-weight: 700;
  position: relative;
}
.md-media__tag li a::before {
  content: "#";
  font-size: 15px;
  font-weight: 700;
  left: 0;
  top: 5px;
}
.md-media__tag li a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.md-media__tag.md-badge__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 16px;
}

.md-media__time {
  display: none;
}
.media-sort__container {
  padding: 16px 0;
}
.media-sort__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 16px;
}
.media-sort__list li {
  color: #333;
  font-weight: 700;
  font-size: 13px;
}
.media-sort__list li a {
  color: #1B79C0;
  position: relative;
  font-weight: 400;
}
.media-sort__list li a::before {
  content: "";
  position: absolute;
  background-color: #333;
  left: -8px;
  top: 50%;
  height: 1rem;
  width: 1px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.md-column__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.media-side__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.media-search__inside {
  background-color: #F4F4F4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  padding: 8px 16px;
}

.media-search__input {
  background-color: #F4F4F4;
  border: none;
  font-size: 18px;
  outline: none;
  width: calc(100% - 38px);
}

.media-search__btn {
  background: url(/dcms_media/other/search-icon.svg) no-repeat center/contain;
  border: none;
  outline: none;
  height: 24px;
  width: 24px;
}
.media-search__btn:hover {
  opacity: 0.8;
  cursor: pointer;
}
.media-search__btn .invisible {
  font-size: 0;
  color: transparent;
}

.media-side__title {
  color: var(--text, #333);
  font-size: clamp(18px, 18px + 2 * (100vw - 375px) / (1920 - 375), 20px);
  font-weight: 700;
  line-height: 1.9;
  border-bottom: solid #CCCCCC 1px;
}

.media-side__title.invisible {
  display: none;
}

.media-side__inside .md-media__category.md-badge__container,
.media-side__inside .md-media__tag.md-badge__container {
  gap: 8px;
}

.media-side__view a {
  background-color: #1B79C0;
  border: solid #1B79C0 1px;
  border-radius: 6px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 13px 24px;
  position: relative;
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.media-side__view a::before, .media-side__view a::after {
  content: "";
  position: absolute;
  top: 50%;
}
.media-side__view a::before {
  background-color: #ffffff;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  right: 13px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.media-side__view a::after {
  border-top: solid #1B79C0 2px;
  border-right: solid #1B79C0 2px;
  right: 20px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  height: 6px;
  width: 6px;
}
.media-side__view a:hover {
  background-color: #ffffff;
  color: #1B79C0;
  text-decoration: none;
}
.media-side__view a:hover::before {
  background-color: #1B79C0;
}
.media-side__view a:hover::after {
  border-color: #ffffff;
}

.media-side__box.--recommend {
  display: none;
}
.media-side__box.--recommend .media-side__recommend.md-recommend__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.media-side__box.--recommend .media-side__recommend .col .md-recommend__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.media-side__box.--recommend .media-side__recommend .col .md-recommend__item .md-recommend__txtarea {
  width: calc(100% - 88px);
}
.media-side__box.--recommend .media-side__recommend .col .md-recommend__item .md-recommend__txtarea time {
  display: none;
}
.media-side__box.--recommend .media-side__recommend .col .md-recommend__item .md-recommend__txtarea .txt {
  font-size: 13px;
  font-weight: 700;
  color: #333;
}
.media-side__box.--recommend .media-side__recommend .col .md-recommend__item:hover {
  text-decoration: none;
}
.media-side__box.--recommend .media-side__recommend .col .md-recommend__item:hover .md-recommend__txtarea .txt {
  color: #1B79C0;
}
.media-side__box.--recommend .media-side__recommend .col .md-recommend__item:hover .md-recommend__thumb {
  opacity: 0.8;
}
.media-side__box.--recommend .media-side__recommend .col .md-recommend__item .md-recommend__thumb {
  width: 80px;
  height: 50px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.media-side__box.--recommend .media-side__recommend .col .md-recommend__item .md-recommend__thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.media-column-headline__h1 {
  color: #333;
  font-size: clamp(26px, 26px + 9 * (100vw - 375px) / (1920 - 375), 35px);
  font-weight: 700;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.media-column-headline__h1 .number {
  font-size: clamp(22px, 22px + 2 * (100vw - 375px) / (1920 - 375), 24px);
}

.media-post__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.media-post__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 20px;
}
.media-post__inside {
  width: calc(100% - 330px);
}
.media-post__txtarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.media-post__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.media-post__title a {
  color: #333;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.9;
}
.media-post__thumb {
  border-radius: 6px;
  height: 200px;
  width: 310px;
  overflow: hidden;
}
.media-post__thumb a {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.media-post__thumb a img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.media-archive__list {
  margin-top: 16px;
}

.media-archive__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.media-archive__year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.media-archive__year li a {
  color: #333;
  font-weight: 700;
  font-size: 16px;
}
.media-archive__year li a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.media-archive__month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.media-archive__month li a {
  font-weight: 700;
  font-size: 14px;
}

.media-post__article {
  font-size: 15px;
  line-height: 1.3;
}
.media-post__article .media-post__headline {
  color: #333;
  font-size: clamp(26px, 26px + 9 * (100vw - 375px) / (1920 - 375), 35px);
  font-weight: 700;
  line-height: 1.3;
}
.media-post__article .media-post__chip {
  margin-top: 16px;
}
.media-post__article .media-post__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-top: 16px;
}
.media-post__article .media-post__sns::before {
  content: none !important;
}
.media-post__article .media-post__sns li {
  margin: 0 !important;
  padding: 0 !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.media-post__article .media-post__sns .hateb iframe {
  overflow: visible !important;
  vertical-align: middle !important;
  width: 116px !important;
  height: 24px !important;
}

.media-post__image {
  margin: 24px auto;
  width: 100%;
}
.media-post__image .thumb {
  display: block;
}
.media-post__image .thumb img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.md-media__time.--article-details {
  font-size: 13px;
  color: #333;
  display: block;
  margin-bottom: 16px;
}
.md-media__time.--article-details p:first-child {
  display: none;
}
.md-media__time.--article-details p:last-child {
  display: block !important;
}

.media-post__details h1,
.media-post__details h2,
.media-post__details h3,
.media-post__details h4,
.media-post__details h5,
.media-post__details h6 {
  font-weight: 700;
  line-height: 1.3;
  color: #333;
}
.media-post__details h1 {
  font-size: clamp(30px, 30px + 20 * (100vw - 375px) / (1920 - 375), 50px);
}
.media-post__details h2 {
  font-size: clamp(26px, 26px + 9 * (100vw - 375px) / (1920 - 375), 35px);
  border-radius: 6px;
  background-color: #F4F4F4;
  border-left: solid #1B79C0 20px;
  padding: 10px;
  line-height: 1.3;
  margin-top: 80px;
}
.media-post__details h2 + h3 {
  margin-top: 20px;
}
.media-post__details h3 {
  font-size: clamp(24px, 24px + 4 * (100vw - 375px) / (1920 - 375), 28px);
  border-left: solid #1B79C0 3px;
  padding: 4px 0 4px 10px;
  line-height: 1.3;
  margin-top: 60px;
}
.media-post__details h3 + h4 {
  margin-top: 20px;
}
.media-post__details h4 {
  font-size: clamp(22px, 22px + 2 * (100vw - 375px) / (1920 - 375), 24px);
  padding: 4px 0 4px 24px;
  line-height: 1.3;
  margin-top: 40px;
  position: relative;
}
.media-post__details h4::before {
  content: "";
  position: absolute;
  background-color: #1B79C0;
  left: 0;
  top: 8px;
  height: 18px;
  width: 18px;
}
.media-post__details h4 + h5 {
  margin-top: 20px;
}
.media-post__details h5 {
  font-size: clamp(18px, 18px + 2 * (100vw - 375px) / (1920 - 375), 20px);
  padding: 4px 0 4px 22px;
  line-height: 1.3;
  margin-top: 30px;
  position: relative;
}
.media-post__details h5::before {
  content: "";
  position: absolute;
  background-color: #1B79C0;
  border-radius: 50%;
  left: 0;
  top: 8px;
  height: 15px;
  width: 15px;
}
.media-post__details h5 + h6 {
  margin-top: 20px;
}
.media-post__details h6 {
  font-size: clamp(16px, 16px + 2 * (100vw - 375px) / (1920 - 375), 18px);
  padding: 4px 0 4px 22px;
  line-height: 1.3;
  margin-top: 30px;
  position: relative;
}
.media-post__details h6::before {
  content: "";
  position: absolute;
  background-color: #1B79C0;
  left: 0;
  top: 12px;
  height: 3px;
  width: 15px;
}
.media-post__details p {
  margin-top: 1rem;
}
.media-post__details ol {
  margin-top: 1rem;
  padding-left: 1.3rem;
}
.media-post__details ol li {
  list-style: decimal !important;
  margin-top: 8px;
}
.media-post__details ol li::marker {
  color: #1B79C0 !important;
}
.media-post__details ul {
  margin-top: 1rem;
  padding-left: 1.3rem;
}
.media-post__details ul li {
  list-style: disc !important;
  margin-top: 8px;
}
.media-post__details ul li::marker {
  color: #1B79C0 !important;
}
.media-post__details .media_table {
  border: solid #CCCCCC 1px;
  padding: 20px;
}
.media-post__details .media_table #tableindex {
  color: #333;
  font-size: clamp(22px, 22px + 2 * (100vw - 375px) / (1920 - 375), 24px);
  font-weight: 700;
}
.media-post__details .media_table ul li {
  list-style: decimal !important;
}
.media-post__details .media_table ul li ul {
  margin-top: 8px;
  padding-left: 0.4rem;
}
.media-post__details .media_table ul li ul li {
  list-style: none !important;
  padding-left: 12px;
  position: relative;
}
.media-post__details .media_table ul li ul li::before {
  content: "";
  position: absolute;
  background-color: #1B79C0;
  border: solid #1B79C0 1px;
  border-radius: 50%;
  height: 6px;
  width: 6px;
  left: 0;
  top: 5px;
}
.media-post__details .media_table ul li ul li > ul li::before {
  background-color: transparent;
  border: solid #1B79C0 1px;
}
.media-post__details .media_table ul li ul li > ul li > ul li::before {
  background-color: #1B79C0;
  border: solid #1B79C0 1px;
  border-radius: 0;
}
.media-post__details .media_table ul li ul li > ul li > ul li > ul li::before {
  background-color: transparent;
  border: solid #1B79C0 1px;
  border-radius: 0;
}
.media-post__details blockquote {
  background-color: #F4F4F4;
  border-left: solid 3px #1B79C0;
  padding: 20px 20px 20px 45px;
  margin-top: 1.5rem;
  position: relative;
}
.media-post__details blockquote::before {
  content: "”";
  position: absolute;
  color: #1B79C0;
  font-size: 3rem;
  font-weight: 700;
  top: 10px;
  left: 10px;
}
.media-post__details blockquote p:first-child {
  margin-top: 0;
}
.media-post__details img {
  display: block;
  max-width: 100%;
  height: auto;
}
.media-post__details figure {
  margin: 24px 0;
}
.media-post__details figure img {
  display: block;
  width: 100%;
}
.media-post__details figure figcaption {
  margin-top: 8px;
  color: #666;
  font-size: 0.9rem;
  line-height: 1.6;
}
.media-post__details figure.is-half img {
  width: 50%;
}
.media-post__details figure.is-center img {
  margin-inline: auto;
}
.media-post__details figure.is-center figcaption {
  text-align: center;
}
.media-post__details figure.is-right img {
  margin-left: auto;
}
.media-post__details figure.is-right figcaption {
  text-align: right;
}
.media-post__details iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.media-post__details .c-text-link {
  display: inline-block;
  padding-left: 20px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.media-post__details .c-text-link .txt {
  color: #1B79C0;
  font-size: 16px;
  font-weight: 700;
}
.media-post__details .c-text-link .txt::before, .media-post__details .c-text-link .txt::after {
  content: "";
  position: absolute;
  border-top: solid #1B79C0 2px;
  border-right: solid #1B79C0 2px;
  height: 8px;
  width: 8px;
  left: 0;
  top: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.media-post__details .c-text-link .txt::after {
  left: 6px;
}
.media-post__details .c-text-link:hover {
  text-decoration: none;
  opacity: 0.8;
}

.media-post__pagenation {
  width: 100%;
  margin-top: 16px;
}
.media-post__pagenation.md-pager__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.media-post__pagenation .md-pager__prev a, .media-post__pagenation .md-pager__next a {
  font-size: 14px;
  position: relative;
  color: #333;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.media-post__pagenation .md-pager__prev a:hover, .media-post__pagenation .md-pager__next a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.media-post__pagenation .md-pager__prev a::before, .media-post__pagenation .md-pager__next a::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-color: #1B79C0;
  border-width: 2px 2px 0 0;
  height: 8px;
  width: 8px;
  top: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.media-post__pagenation .md-pager__prev a {
  padding-left: 16px;
}
.media-post__pagenation .md-pager__prev a::before {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}
.media-post__pagenation .md-pager__prev a:hover::before {
  left: -3px;
}
.media-post__pagenation .md-pager__next a {
  padding-right: 16px;
}
.media-post__pagenation .md-pager__next a::before {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.media-post__pagenation .md-pager__next a:hover::before {
  right: -3px;
}

.media-relation__container {
  margin-top: 24px;
}
.media-relation__title {
  color: #333;
  font-size: clamp(22px, 22px + 2 * (100vw - 375px) / (1920 - 375), 24px);
  font-weight: 700;
  border-left: solid #1B79C0 3px;
  padding-left: 10px;
  line-height: 1.2;
  margin-top: 60px;
}
.media-relation__cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}
.media-relation__item {
  margin-top: 16px;
  width: calc(50% - 12px);
}
.media-relation__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.media-relation__link:hover {
  color: #1B79C0;
  text-decoration: none;
}
.media-relation__link:hover .media-relation__thumb {
  opacity: 0.8;
}
.media-relation__txtarea {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.media-relation__txtarea .txt {
  font-size: 14px;
  font-weight: 700;
}
.media-relation__thumb {
  height: 70px;
  width: 100px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.media-relation__thumb img {
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

/* ------------------------------------------
管理画面用
------------------------------------------ */
/* =============================================================================
* END OF FILE
* ============================================================================= *//*# sourceMappingURL=blog-custom.css.map */