@charset "utf-8";

.u-text-center,
.u-align-center{
  text-align:center !important;
}

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

.u-text-w-b,
.u-text-bold{
  font-weight:bold !important;
}

.u-text-exbold{
  font-weight:900 !important;
}

.u-text-sm{
  font-size:14px !important;
}

.u-text-sm-res{
  font-size:13px !important
}

.u-text-smaller{
  font-size:smaller !important;
}

.u-text-normal{
  font-size:20px !important;
}

.u-text-md{
  font-size:22px !important;
}

.u-text-lg{
  font-size:26px !important;
}

.u-text-lg-res{
  font-size:26px !important
}

.u-text-xl{
  font-size:35px !important;
}

.u-text-xxl{
  font-size:40px !important;
}

.u-text-color-focus{
  color:#0b318f !important;
}

.u-text-c-red{
  color:#d10022 !important;
}

.u-hide{
  display:none !important;
}

.u-hide{
    display:none !important;
  }

.u-show{
    display:block !important;
  }

.u-ma-5-res{
  margin:3px !important
}

.u-ma-10-res{
  margin:6px !important
}

.u-ma-15-res{
  margin:9px !important
}

.u-ma-20-res{
  margin:12px !important
}

.u-ma-25-res{
  margin:15px !important
}

.u-ma-30-res{
  margin:18px !important
}

.u-ma-40-res{
  margin:24px !important
}

.u-ma-50-res{
  margin:30px !important
}

.u-ma-75-res{
  margin:45px !important
}

.u-ma-100-res{
  margin:60px !important
}

.u-mt-0{
  margin-top:0 !important;
}

.u-mt-5{
  margin-top:5px !important;
}

.u-mt-10-res{
  margin-top:6px !important
}

.u-mt-15-res{
  margin-top:9px !important
}

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

.u-mt-25-res{
  margin-top:15px !important
}

.u-mt-30-res{
  margin-top:18px !important
}

.u-mt-40-res{
  margin-top:24px !important
}

.u-mt-50-res{
  margin-top:30px !important
}

.u-mt-60-res{
  margin-top:40px !important
}

.u-mt-75-res{
  margin-top:45px !important
}

.u-mt-100-res{
  margin-top:60px !important
}

.u-mr-5-res{
  margin-right:3px !important
}

.u-mr-10-res{
  margin-right:6px !important
}

.u-mr-15-res{
  margin-right:9px !important
}

.u-mr-20-res{
  margin-right:12px !important
}

.u-mr-25-res{
  margin-right:15px !important
}

.u-mr-30-res{
  margin-right:18px !important
}

.u-mr-40-res{
  margin-right:24px !important
}

.u-mr-50-res{
  margin-right:30px !important
}

.u-mr-75-res{
  margin-right:45px !important
}

.u-mr-100-res{
  margin-right:60px !important
}

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

.u-mb-5-res{
  margin-bottom:3px !important
}

.u-mb-10-res{
  margin-bottom:6px !important
}

.u-mb-15-res{
  margin-bottom:9px !important
}

.u-mb-20-res{
  margin-bottom:12px !important
}

.u-mb-25-res{
  margin-bottom:15px !important
}

.u-mb-30-res{
  margin-bottom:18px !important
}

.u-mb-40-res{
  margin-bottom:24px !important
}

.u-mb-50-res{
  margin-bottom:30px !important
}

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

.u-mb-75-res{
  margin-bottom:45px !important
}

.u-mb-100-res{
  margin-bottom:60px !important
}

.u-ml-5-res{
  margin-left:3px !important
}

.u-ml-10-res{
  margin-left:6px !important
}

.u-ml-15-res{
  margin-left:9px !important
}

.u-ml-20-res{
  margin-left:12px !important
}

.u-ml-25-res{
  margin-left:15px !important
}

.u-ml-30-res{
  margin-left:18px !important
}

.u-ml-40-res{
  margin-left:24px !important
}

.u-ml-50-res{
  margin-left:30px !important
}

.u-ml-75-res{
  margin-left:45px !important
}

.u-ml-100-res{
  margin-left:60px !important
}

.u-mx-5-res{
  margin-right:3px !important;
  margin-left:3px !important
}

.u-mx-10-res{
  margin-right:6px !important;
  margin-left:6px !important
}

.u-mx-15-res{
  margin-right:9px !important;
  margin-left:9px !important
}

.u-mx-20-res{
  margin-right:12px !important;
  margin-left:12px !important
}

.u-mx-25-res{
  margin-right:15px !important;
  margin-left:15px !important
}

.u-mx-30-res{
  margin-right:18px !important;
  margin-left:18px !important
}

.u-mx-40-res{
  margin-right:24px !important;
  margin-left:24px !important
}

.u-mx-50-res{
  margin-right:30px !important;
  margin-left:30px !important
}

.u-mx-75-res{
  margin-right:45px !important;
  margin-left:45px !important
}

.u-mx-100-res{
  margin-right:60px !important;
  margin-left:60px !important
}

.u-my-5-res{
  margin-top:3px !important;
  margin-bottom:3px !important
}

.u-my-10-res{
  margin-top:6px !important;
  margin-bottom:6px !important
}

.u-my-15-res{
  margin-top:9px !important;
  margin-bottom:9px !important
}

.u-my-20-res{
  margin-top:12px !important;
  margin-bottom:12px !important
}

.u-my-25-res{
  margin-top:15px !important;
  margin-bottom:15px !important
}

.u-my-30-res{
  margin-top:18px !important;
  margin-bottom:18px !important
}

.u-my-40-res{
  margin-top:24px !important;
  margin-bottom:24px !important
}

.u-my-50-res{
  margin-top:30px !important;
  margin-bottom:30px !important
}

.u-my-75-res{
  margin-top:45px !important;
  margin-bottom:45px !important
}

.u-my-100-res{
  margin-top:60px !important;
  margin-bottom:60px !important
}

.u-pa-5-res{
  padding:3px !important
}

.u-pa-10-res{
  padding:6px !important
}

.u-pa-15-res{
  padding:9px !important
}

.u-pa-20-res{
  padding:12px !important
}

.u-pa-25-res{
  padding:15px !important
}

.u-pa-30-res{
  padding:18px !important
}

.u-pa-40-res{
  padding:24px !important
}

.u-pa-50-res{
  padding:30px !important
}

.u-pa-75-res{
  padding:45px !important
}

.u-pa-100-res{
  padding:60px !important
}

.u-pt-5-res{
  padding-top:3px !important
}

.u-pt-10-res{
  padding-top:6px !important
}

.u-pt-15-res{
  padding-top:9px !important
}

.u-pt-20-res{
  padding-top:12px !important
}

.u-pt-25-res{
  padding-top:15px !important
}

.u-pt-30-res{
  padding-top:18px !important
}

.u-pt-40-res{
  padding-top:24px !important
}

.u-pt-50-res{
  padding-top:30px !important
}

.u-pt-75-res{
  padding-top:45px !important
}

.u-pt-100-res{
  padding-top:60px !important
}

.u-pr-5-res{
  padding-right:3px !important
}

.u-pr-10-res{
  padding-right:6px !important
}

.u-pr-15-res{
  padding-right:9px !important
}

.u-pr-20-res{
  padding-right:12px !important
}

.u-pr-25-res{
  padding-right:15px !important
}

.u-pr-30-res{
  padding-right:18px !important
}

.u-pr-40-res{
  padding-right:24px !important
}

.u-pr-50-res{
  padding-right:30px !important
}

.u-pr-75-res{
  padding-right:45px !important
}

.u-pr-100-res{
  padding-right:60px !important
}

.u-pb-0{
  padding-bottom:0 !important;
}

.u-pb-5-res{
  padding-bottom:3px !important
}

.u-pb-10-res{
  padding-bottom:6px !important
}

.u-pb-15-res{
  padding-bottom:9px !important
}

.u-pb-20-res{
  padding-bottom:12px !important
}

.u-pb-25-res{
  padding-bottom:15px !important
}

.u-pb-30-res{
  padding-bottom:18px !important
}

.u-pb-40-res{
  padding-bottom:24px !important
}

.u-pb-50-res{
  padding-bottom:30px !important
}

.u-pb-75-res{
  padding-bottom:45px !important
}

.u-pb-100-res{
  padding-bottom:60px !important
}

.u-pl-5-res{
  padding-left:3px !important
}

.u-pl-10-res{
  padding-left:6px !important
}

.u-pl-15-res{
  padding-left:9px !important
}

.u-pl-20-res{
  padding-left:12px !important
}

.u-pl-25-res{
  padding-left:15px !important
}

.u-pl-30-res{
  padding-left:18px !important
}

.u-pl-40-res{
  padding-left:24px !important
}

.u-pl-50-res{
  padding-left:30px !important
}

.u-pl-75-res{
  padding-left:45px !important
}

.u-pl-100-res{
  padding-left:60px !important
}

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

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

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

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

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

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

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

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

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

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

.u-py-5-res{
  padding-top:3px !important;
  padding-bottom:3px !important
}

.u-py-10-res{
  padding-top:6px !important;
  padding-bottom:6px !important
}

.u-py-15-res{
  padding-top:9px !important;
  padding-bottom:9px !important
}

.u-py-20-res{
  padding-top:12px !important;
  padding-bottom:12px !important
}

.u-py-25-res{
  padding-top:15px !important;
  padding-bottom:15px !important
}

.u-py-30-res{
  padding-top:18px !important;
  padding-bottom:18px !important
}

.u-py-40-res{
  padding-top:24px !important;
  padding-bottom:24px !important
}

.u-py-50-res{
  padding-top:30px !important;
  padding-bottom:30px !important
}

.u-py-75-res{
  padding-top:45px !important;
  padding-bottom:45px !important
}

.u-py-100-res{
  padding-top:60px !important;
  padding-bottom:60px !important
}

.main-wrapper{
  max-width:1366px;
  margin:0 auto;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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

.en{
  margin-top:-6px;
  font-family:uqb;
  line-height:1;
  text-transform:uppercase;
}

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

.mv{
  margin:5px 0 60px;
}

.mv_img{
  margin:0;
}

.slogam{
  margin-bottom:60px
}

.slogam h1{
    font-size:4rem
  }

.slogam h1 span{
      display:block;
      font-weight:bold;
      line-height:2;
    }

.slogam p{
    font-size:1.8rem;
  }

.slogam figure{
    max-width:200px;
    margin:50px auto 0;
  }

.section{
  position:relative;
  margin-right:calc(((100vw - 111%) / 2) * -1);
  margin-left:calc(((100vw - 100%) / 2) * -1);
  padding-right:calc((100vw - 85%) / 2);
  padding-bottom:55px;
  padding-left:calc((100vw - 85%) / 2);
  background:#faf4e9
}

.section::after{
    position:absolute;
    right:0;
    bottom:0;
    z-index:10;
    width:0;
    height:0;
    border-color:transparent #fff transparent;
    border-style:solid;
    border-width:100px 100px 0 0;
    content:"";
  }

.section-head{
  padding:60px 0 30px;
}

.section-body{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
}

.section-img{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-basis:45%;
      -ms-flex-preferred-size:45%;
          flex-basis:45%;
  max-width:45%
}

.section-img img{
    max-width:80%;
  }

.section-img figcaption{
    -webkit-flex-basis:20%;
        -ms-flex-preferred-size:20%;
            flex-basis:20%;
    -webkit-align-self:flex-start;
        -ms-flex-item-align:start;
            align-self:flex-start;
    max-width:20%;
    margin-top:2px;
    padding-right:50px;
    font-size:3.2rem;
    -webkit-writing-mode:vertical-rl;
        -ms-writing-mode:tb-rl;
            writing-mode:vertical-rl;
  }

.section-info{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-basis:55%;
      -ms-flex-preferred-size:55%;
          flex-basis:55%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  width:100%;
  max-width:55%;
  padding-left:50px;
}

.section-info-head{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
}

.section-info__tag{
  position:relative;
  padding-bottom:20px
}

.section-info__tag::after{
    position:absolute;
    bottom:0px;
    left:0;
    z-index:1;
    display:block;
    width:25px;
    border-bottom:1px solid #000;
    content:"";
  }

.section-info__num{
  display:block;
  font-size:6rem;
  font-family:"uq";
  line-height:0.8;
}

.section-title{
  margin-top:15px
}

.section-title h2{
    font-weight:bold;
    font-size:3rem;
  }

.section-title p{
    margin-top:30px;
    font-size:1.7rem;
  }

.section-info-body{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  margin-top:20px;
}

.section-info-item{
  margin-bottom:2.5rem
}

.section-info-item._01{
    -webkit-box-ordinal-group:1;
    -webkit-order:0;
        -ms-flex-order:0;
            order:0;
  }

.section-info-item._02{
    -webkit-box-ordinal-group:2;
    -webkit-order:1;
        -ms-flex-order:1;
            order:1;
  }

.section-info-item._03{
    -webkit-box-ordinal-group:3;
    -webkit-order:2;
        -ms-flex-order:2;
            order:2;
    margin-bottom:0;
  }

.section-buttom{
  display:block;
  width:100%;
  max-width:200px;
  padding:5px;
  color:#fff;
  font-size:1.6rem;
  text-align:center;
  text-decoration:none;
  background:#231815;
  opacity:1;
  -webkit-transition:0.3s opacity;
  -o-transition:0.3s opacity;
  transition:0.3s opacity
}

.section-buttom:hover{
    opacity:0.85;
  }

.section-info__sub{
  font-size:1.8rem;
  font-family:uq;
  line-height:2;
  letter-spacing:1px
}

.section-info__sub span{
    font-size:1.7rem;
  }

.example_lists{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  margin:45px auto;
}

.example_list{
  width:33.333%;
  padding:15px;
}

.example_tips{
  margin-bottom:3rem;
  text-align:right;
}

.promotion{
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  margin-right:calc(((100vw - 100%) / 2) * -1);
  margin-left:calc(((100vw - 100%) / 2) * -1);
  padding-top:55px;
  padding-right:calc((100vw - 100%) / 2);
  padding-bottom:40px;
  padding-left:calc((100vw - 100%) / 2);
  background:#faf4e9;
}

.promotion_item._01{
    padding-right:3rem;
  }

.promotion_item._02{
    padding-left:2rem;
  }

.promotion_item h3{
    margin-bottom:2rem;
    font-weight:bold;
    font-size:2rem;
  }

.promotion_item p{
    font-size:1.6rem;
  }

.c-list{
  margin:1rem 0;
  font-size:1.3rem;
}

.isSP{
  display:none;
}

@media only screen and (min-width: 0px) and (max-width: 767px){

.u-text-sm-res{
    font-size:12px !important
}

.u-text-lg-res{
    font-size:16px !important
}

.u-hide-s,
.u-hide-s-only,
.u-hide-s-down{
    display:none !important
}

.u-show-s{
    display:block !important
}
  .s\:u-hide{
    display:none !important;
  }
  .s\:u-show{
    display:block !important;
  }
  }

@media only screen and (min-width: 0px) and (max-width: 1024px){

.u-hide-m-down{
    display:none !important
}

.u-show-m-down{
    display:block !important
}
  }

@media only screen and (min-width: 768px){

.u-hide-m-up{
    display:none !important
}

.u-show-m-up{
    display:block !important
}
  .m\:u-hide{
    display:none !important;
  }
  .m\:u-show{
    display:block !important;
  }
  }

@media only screen and (min-width: 768px) and (max-width: 1024px){

.u-hide-m,
.u-hide-m-only{
    display:none !important
}

.u-show-m{
    display:block !important
}

.u-ma-5-res{
    margin:4px !important
}

.u-ma-10-res{
    margin:8px !important
}

.u-ma-15-res{
    margin:12px !important
}

.u-ma-20-res{
    margin:16px !important
}

.u-ma-25-res{
    margin:20px !important
}

.u-ma-30-res{
    margin:24px !important
}

.u-ma-40-res{
    margin:32px !important
}

.u-ma-50-res{
    margin:40px !important
}

.u-ma-75-res{
    margin:60px !important
}

.u-ma-100-res{
    margin:80px !important
}

.u-mt-10-res{
    margin-top:8px !important
}

.u-mt-15-res{
    margin-top:12px !important
}

.u-mt-25-res{
    margin-top:20px !important
}

.u-mt-30-res{
    margin-top:24px !important
}

.u-mt-40-res{
    margin-top:32px !important
}

.u-mt-50-res{
    margin-top:40px !important
}

.u-mt-60-res{
    margin-top:50px !important
}

.u-mt-75-res{
    margin-top:60px !important
}

.u-mt-100-res{
    margin-top:80px !important
}

.u-mr-5-res{
    margin-right:4px !important
}

.u-mr-10-res{
    margin-right:8px !important
}

.u-mr-15-res{
    margin-right:12px !important
}

.u-mr-20-res{
    margin-right:16px !important
}

.u-mr-25-res{
    margin-right:20px !important
}

.u-mr-30-res{
    margin-right:24px !important
}

.u-mr-40-res{
    margin-right:32px !important
}

.u-mr-50-res{
    margin-right:40px !important
}

.u-mr-75-res{
    margin-right:60px !important
}

.u-mr-100-res{
    margin-right:80px !important
}

.u-mb-5-res{
    margin-bottom:4px !important
}

.u-mb-10-res{
    margin-bottom:8px !important
}

.u-mb-15-res{
    margin-bottom:12px !important
}

.u-mb-20-res{
    margin-bottom:16px !important
}

.u-mb-25-res{
    margin-bottom:20px !important
}

.u-mb-30-res{
    margin-bottom:24px !important
}

.u-mb-40-res{
    margin-bottom:32px !important
}

.u-mb-50-res{
    margin-bottom:40px !important
}

.u-mb-75-res{
    margin-bottom:60px !important
}

.u-mb-100-res{
    margin-bottom:80px !important
}

.u-ml-5-res{
    margin-left:4px !important
}

.u-ml-10-res{
    margin-left:8px !important
}

.u-ml-15-res{
    margin-left:12px !important
}

.u-ml-20-res{
    margin-left:16px !important
}

.u-ml-25-res{
    margin-left:20px !important
}

.u-ml-30-res{
    margin-left:24px !important
}

.u-ml-40-res{
    margin-left:32px !important
}

.u-ml-50-res{
    margin-left:40px !important
}

.u-ml-75-res{
    margin-left:60px !important
}

.u-ml-100-res{
    margin-left:80px !important
}

.u-mx-5-res{
    margin-right:4px !important;
    margin-left:4px !important
}

.u-mx-10-res{
    margin-right:8px !important;
    margin-left:8px !important
}

.u-mx-15-res{
    margin-right:12px !important;
    margin-left:12px !important
}

.u-mx-20-res{
    margin-right:16px !important;
    margin-left:16px !important
}

.u-mx-25-res{
    margin-right:20px !important;
    margin-left:20px !important
}

.u-mx-30-res{
    margin-right:24px !important;
    margin-left:24px !important
}

.u-mx-40-res{
    margin-right:32px !important;
    margin-left:32px !important
}

.u-mx-50-res{
    margin-right:40px !important;
    margin-left:40px !important
}

.u-mx-75-res{
    margin-right:60px !important;
    margin-left:60px !important
}

.u-mx-100-res{
    margin-right:80px !important;
    margin-left:80px !important
}

.u-my-5-res{
    margin-top:4px !important;
    margin-bottom:4px !important
}

.u-my-10-res{
    margin-top:8px !important;
    margin-bottom:8px !important
}

.u-my-15-res{
    margin-top:12px !important;
    margin-bottom:12px !important
}

.u-my-20-res{
    margin-top:16px !important;
    margin-bottom:16px !important
}

.u-my-25-res{
    margin-top:20px !important;
    margin-bottom:20px !important
}

.u-my-30-res{
    margin-top:24px !important;
    margin-bottom:24px !important
}

.u-my-40-res{
    margin-top:32px !important;
    margin-bottom:32px !important
}

.u-my-50-res{
    margin-top:40px !important;
    margin-bottom:40px !important
}

.u-my-75-res{
    margin-top:60px !important;
    margin-bottom:60px !important
}

.u-my-100-res{
    margin-top:80px !important;
    margin-bottom:80px !important
}

.u-pa-5-res{
    padding:4px !important
}

.u-pa-10-res{
    padding:8px !important
}

.u-pa-15-res{
    padding:12px !important
}

.u-pa-20-res{
    padding:16px !important
}

.u-pa-25-res{
    padding:20px !important
}

.u-pa-30-res{
    padding:24px !important
}

.u-pa-40-res{
    padding:32px !important
}

.u-pa-50-res{
    padding:40px !important
}

.u-pa-75-res{
    padding:60px !important
}

.u-pa-100-res{
    padding:80px !important
}

.u-pt-5-res{
    padding-top:4px !important
}

.u-pt-10-res{
    padding-top:8px !important
}

.u-pt-15-res{
    padding-top:12px !important
}

.u-pt-20-res{
    padding-top:16px !important
}

.u-pt-25-res{
    padding-top:20px !important
}

.u-pt-30-res{
    padding-top:24px !important
}

.u-pt-40-res{
    padding-top:32px !important
}

.u-pt-50-res{
    padding-top:40px !important
}

.u-pt-75-res{
    padding-top:60px !important
}

.u-pt-100-res{
    padding-top:80px !important
}

.u-pr-5-res{
    padding-right:4px !important
}

.u-pr-10-res{
    padding-right:8px !important
}

.u-pr-15-res{
    padding-right:12px !important
}

.u-pr-20-res{
    padding-right:16px !important
}

.u-pr-25-res{
    padding-right:20px !important
}

.u-pr-30-res{
    padding-right:24px !important
}

.u-pr-40-res{
    padding-right:32px !important
}

.u-pr-50-res{
    padding-right:40px !important
}

.u-pr-75-res{
    padding-right:60px !important
}

.u-pr-100-res{
    padding-right:80px !important
}

.u-pb-5-res{
    padding-bottom:4px !important
}

.u-pb-10-res{
    padding-bottom:8px !important
}

.u-pb-15-res{
    padding-bottom:12px !important
}

.u-pb-20-res{
    padding-bottom:16px !important
}

.u-pb-25-res{
    padding-bottom:20px !important
}

.u-pb-30-res{
    padding-bottom:24px !important
}

.u-pb-40-res{
    padding-bottom:32px !important
}

.u-pb-50-res{
    padding-bottom:40px !important
}

.u-pb-75-res{
    padding-bottom:60px !important
}

.u-pb-100-res{
    padding-bottom:80px !important
}

.u-pl-5-res{
    padding-left:4px !important
}

.u-pl-10-res{
    padding-left:8px !important
}

.u-pl-15-res{
    padding-left:12px !important
}

.u-pl-20-res{
    padding-left:16px !important
}

.u-pl-25-res{
    padding-left:20px !important
}

.u-pl-30-res{
    padding-left:24px !important
}

.u-pl-40-res{
    padding-left:32px !important
}

.u-pl-50-res{
    padding-left:40px !important
}

.u-pl-75-res{
    padding-left:60px !important
}

.u-pl-100-res{
    padding-left:80px !important
}

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

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

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

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

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

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

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

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

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

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

.u-py-5-res{
    padding-top:4px !important;
    padding-bottom:4px !important
}

.u-py-10-res{
    padding-top:8px !important;
    padding-bottom:8px !important
}

.u-py-15-res{
    padding-top:12px !important;
    padding-bottom:12px !important
}

.u-py-20-res{
    padding-top:16px !important;
    padding-bottom:16px !important
}

.u-py-25-res{
    padding-top:20px !important;
    padding-bottom:20px !important
}

.u-py-30-res{
    padding-top:24px !important;
    padding-bottom:24px !important
}

.u-py-40-res{
    padding-top:32px !important;
    padding-bottom:32px !important
}

.u-py-50-res{
    padding-top:40px !important;
    padding-bottom:40px !important
}

.u-py-75-res{
    padding-top:60px !important;
    padding-bottom:60px !important
}

.u-py-100-res{
    padding-top:80px !important;
    padding-bottom:80px !important
}
  }

@media only screen and (min-width: 1025px){

.u-hide-l,
.u-hide-l-only{
    display:none !important
}

.u-show-l{
    display:block !important
}
  .l\:u-hide{
    display:none !important;
  }
  .l\:u-show{
    display:block !important;
  }

.u-ma-5-res{
    margin:5px !important
}

.u-ma-10-res{
    margin:10px !important
}

.u-ma-15-res{
    margin:15px !important
}

.u-ma-20-res{
    margin:20px !important
}

.u-ma-25-res{
    margin:25px !important
}

.u-ma-30-res{
    margin:30px !important
}

.u-ma-40-res{
    margin:40px !important
}

.u-ma-50-res{
    margin:50px !important
}

.u-ma-75-res{
    margin:75px !important
}

.u-ma-100-res{
    margin:100px !important
}

.u-mt-10-res{
    margin-top:10px !important
}

.u-mt-15-res{
    margin-top:15px !important
}

.u-mt-25-res{
    margin-top:25px !important
}

.u-mt-30-res{
    margin-top:30px !important
}

.u-mt-40-res{
    margin-top:40px !important
}

.u-mt-50-res{
    margin-top:50px !important
}

.u-mt-60-res{
    margin-top:60px !important
}

.u-mt-75-res{
    margin-top:75px !important
}

.u-mt-100-res{
    margin-top:100px !important
}

.u-mr-5-res{
    margin-right:5px !important
}

.u-mr-10-res{
    margin-right:10px !important
}

.u-mr-15-res{
    margin-right:15px !important
}

.u-mr-20-res{
    margin-right:20px !important
}

.u-mr-25-res{
    margin-right:25px !important
}

.u-mr-30-res{
    margin-right:30px !important
}

.u-mr-40-res{
    margin-right:40px !important
}

.u-mr-50-res{
    margin-right:50px !important
}

.u-mr-75-res{
    margin-right:75px !important
}

.u-mr-100-res{
    margin-right:100px !important
}

.u-mb-5-res{
    margin-bottom:5px !important
}

.u-mb-10-res{
    margin-bottom:10px !important
}

.u-mb-15-res{
    margin-bottom:15px !important
}

.u-mb-20-res{
    margin-bottom:20px !important
}

.u-mb-25-res{
    margin-bottom:25px !important
}

.u-mb-30-res{
    margin-bottom:30px !important
}

.u-mb-40-res{
    margin-bottom:40px !important
}

.u-mb-50-res{
    margin-bottom:50px !important
}

.u-mb-75-res{
    margin-bottom:75px !important
}

.u-mb-100-res{
    margin-bottom:100px !important
}

.u-ml-5-res{
    margin-left:5px !important
}

.u-ml-10-res{
    margin-left:10px !important
}

.u-ml-15-res{
    margin-left:15px !important
}

.u-ml-20-res{
    margin-left:20px !important
}

.u-ml-25-res{
    margin-left:25px !important
}

.u-ml-30-res{
    margin-left:30px !important
}

.u-ml-40-res{
    margin-left:40px !important
}

.u-ml-50-res{
    margin-left:50px !important
}

.u-ml-75-res{
    margin-left:75px !important
}

.u-ml-100-res{
    margin-left:100px !important
}

.u-mx-5-res{
    margin-right:5px !important;
    margin-left:5px !important
}

.u-mx-10-res{
    margin-right:10px !important;
    margin-left:10px !important
}

.u-mx-15-res{
    margin-right:15px !important;
    margin-left:15px !important
}

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

.u-mx-25-res{
    margin-right:25px !important;
    margin-left:25px !important
}

.u-mx-30-res{
    margin-right:30px !important;
    margin-left:30px !important
}

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

.u-mx-50-res{
    margin-right:50px !important;
    margin-left:50px !important
}

.u-mx-75-res{
    margin-right:75px !important;
    margin-left:75px !important
}

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

.u-my-5-res{
    margin-top:5px !important;
    margin-bottom:5px !important
}

.u-my-10-res{
    margin-top:10px !important;
    margin-bottom:10px !important
}

.u-my-15-res{
    margin-top:15px !important;
    margin-bottom:15px !important
}

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

.u-my-25-res{
    margin-top:25px !important;
    margin-bottom:25px !important
}

.u-my-30-res{
    margin-top:30px !important;
    margin-bottom:30px !important
}

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

.u-my-50-res{
    margin-top:50px !important;
    margin-bottom:50px !important
}

.u-my-75-res{
    margin-top:75px !important;
    margin-bottom:75px !important
}

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

.u-pa-5-res{
    padding:5px !important
}

.u-pa-10-res{
    padding:10px !important
}

.u-pa-15-res{
    padding:15px !important
}

.u-pa-20-res{
    padding:20px !important
}

.u-pa-25-res{
    padding:25px !important
}

.u-pa-30-res{
    padding:30px !important
}

.u-pa-40-res{
    padding:40px !important
}

.u-pa-50-res{
    padding:50px !important
}

.u-pa-75-res{
    padding:75px !important
}

.u-pa-100-res{
    padding:100px !important
}

.u-pt-5-res{
    padding-top:5px !important
}

.u-pt-10-res{
    padding-top:10px !important
}

.u-pt-15-res{
    padding-top:15px !important
}

.u-pt-20-res{
    padding-top:20px !important
}

.u-pt-25-res{
    padding-top:25px !important
}

.u-pt-30-res{
    padding-top:30px !important
}

.u-pt-40-res{
    padding-top:40px !important
}

.u-pt-50-res{
    padding-top:50px !important
}

.u-pt-75-res{
    padding-top:75px !important
}

.u-pt-100-res{
    padding-top:100px !important
}

.u-pr-5-res{
    padding-right:5px !important
}

.u-pr-10-res{
    padding-right:10px !important
}

.u-pr-15-res{
    padding-right:15px !important
}

.u-pr-20-res{
    padding-right:20px !important
}

.u-pr-25-res{
    padding-right:25px !important
}

.u-pr-30-res{
    padding-right:30px !important
}

.u-pr-40-res{
    padding-right:40px !important
}

.u-pr-50-res{
    padding-right:50px !important
}

.u-pr-75-res{
    padding-right:75px !important
}

.u-pr-100-res{
    padding-right:100px !important
}

.u-pb-5-res{
    padding-bottom:5px !important
}

.u-pb-10-res{
    padding-bottom:10px !important
}

.u-pb-15-res{
    padding-bottom:15px !important
}

.u-pb-20-res{
    padding-bottom:20px !important
}

.u-pb-25-res{
    padding-bottom:25px !important
}

.u-pb-30-res{
    padding-bottom:30px !important
}

.u-pb-40-res{
    padding-bottom:40px !important
}

.u-pb-50-res{
    padding-bottom:50px !important
}

.u-pb-75-res{
    padding-bottom:75px !important
}

.u-pb-100-res{
    padding-bottom:100px !important
}

.u-pl-5-res{
    padding-left:5px !important
}

.u-pl-10-res{
    padding-left:10px !important
}

.u-pl-15-res{
    padding-left:15px !important
}

.u-pl-20-res{
    padding-left:20px !important
}

.u-pl-25-res{
    padding-left:25px !important
}

.u-pl-30-res{
    padding-left:30px !important
}

.u-pl-40-res{
    padding-left:40px !important
}

.u-pl-50-res{
    padding-left:50px !important
}

.u-pl-75-res{
    padding-left:75px !important
}

.u-pl-100-res{
    padding-left:100px !important
}

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

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

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

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

.u-px-25-res{
    padding-right:25px !important;
    padding-left:25px !important
}

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

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

.u-px-50-res{
    padding-right:50px !important;
    padding-left:50px !important
}

.u-px-75-res{
    padding-right:75px !important;
    padding-left:75px !important
}

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

.u-py-5-res{
    padding-top:5px !important;
    padding-bottom:5px !important
}

.u-py-10-res{
    padding-top:10px !important;
    padding-bottom:10px !important
}

.u-py-15-res{
    padding-top:15px !important;
    padding-bottom:15px !important
}

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

.u-py-25-res{
    padding-top:25px !important;
    padding-bottom:25px !important
}

.u-py-30-res{
    padding-top:30px !important;
    padding-bottom:30px !important
}

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

.u-py-50-res{
    padding-top:50px !important;
    padding-bottom:50px !important
}

.u-py-75-res{
    padding-top:75px !important;
    padding-bottom:75px !important
}

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

@media only screen and (min-width: 768px) and (max-width: 1199px){

.u-hide-xl,
.u-hide-xl-only{
    display:none !important
}

.u-show-xl{
    display:block !important
}
  }