a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
}

caption, td, th {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

a img {
    border: none
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    min-width: 320px;
    color: #263238
}

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

a {
    color: #c62828;
    outline: 0
}

a:hover {
    color: #e00
}

a:hover .opacity-ov {
    filter: alpha(Opacity=50);
    opacity: .5
}

a:active, a:focus {
    color: #c62828;
    text-decoration: none;
    outline: 0
}

p {
    line-height: 1.75em;
    padding-bottom: 1em;
    font-size: 16px
}

b, em, strong {
    font-weight: 700
}

.accordion-red {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.accordion-red.active .accordion-red-head {
    border-radius: 6px 6px 0 0
}

.accordion-red.active .accordion-red-head-icon {
    transform: rotate(-180deg)
}

.accordion-red.active .accordion-red-body {
    max-height: 2000px
}

.accordion-red-head {
    border-radius: 6px;
    background-color: #c62828;
    height: 50px;
    line-height: 50px;
    position: relative;
    color: #fff;
    padding: 0 20px;
    border: 1px solid #3e2723;
    font-size: 18px
}

.accordion-red-head-icon {
    position: absolute;
    right: 15px;
    line-height: 50px;
    transition: all .5s
}

.accordion-red-body {
    overflow: hidden;
    max-height: 0;
    transition: all .5s
}

.accordion-red-body-inner {
    background-color: #fff;
    border: 1px solid #3e2723;
    border-top: none;
    border-radius: 0 0 6px 6px;
    padding: 15px 10px 30px
}

.list-queastion-head {
    display: flex
}

.list-queastion-head-number {
    display: block;
    padding: 10px;
    background-color: #f06292;
    color: #fff
}

.list-queastion-head-text {
    display: block;
    padding: 10px;
    background-color: #ffcdd2;
    color: #c62828;
    font-weight: 700;
    flex-grow: 1
}

.list-queastion-body {
    padding: 10px 0
}

.list-liquid {
    display: flex;
    flex-wrap: wrap
}

.list-liquid li {
    padding: 5px 10px
}

.list-indent-check {
    padding-left: 10px
}

.list-indent-check li {
    text-indent: -10px;
    padding-left: 10px;
    padding-bottom: 10px;
    line-height: 1.25
}

.list-note li {
    text-indent: -1em;
    padding-left: 1em;
    padding-bottom: 10px;
    line-height: 1.5
}

.list-link li {
    padding: 10px;
    border-bottom: 1px solid #cfd8dc;
    text-indent: -5px;
    padding-left: 10px;
    line-height: 1.25;
    font-size: 14px
}

.list-link a {
    text-decoration: none
}

.form-radio {
    display: none
}

.form-radio-label {
    position: relative;
    padding-left: 30px;
    line-height: 1em;
    font-size: 16px;
    font-weight: 700
}

.form-radio-label::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 3px;
    bottom: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #cfd8dc;
    background-color: #fff
}

.form-radio:checked+.form-radio-label::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 8px;
    bottom: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #c62828
}

.form-select-wrapper {
    position: relative;
    background-color: #fff
}

.form-select-wrapper::after {
    content: "\f078";
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 9px;
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    color: #c62828;
    font-weight: 700
}

.form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px 35px 5px 8px;
    border: 1px solid #cfd8dc;
    color: #263238;
    font-size: 16px;
    font-family: "Noto Sans JP", sans-serif;
    background-color: transparent
}

.form-select:disabled {
    color: #cfd8dc
}

.form-select option {
    font-size: 16px;
    font-family: "Noto Sans JP", sans-serif;
    padding: 8px
}

.button-red {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    background-color: #c62828;
    border: 1px solid #3e2723;
    border-radius: 6px;
    display: inline-block;
    padding: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none
}

.button-green {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    background-color: #49ae47;
    border: 2px solid #126311;
    border-radius: 50px;
    display: inline-block;
    /* padding: 3px 25px 10px; */
    padding: 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    text-decoration: none
}

.label-blue {
    background-color: #1565c0;
    padding: 4px 10px;
    display: inline-block;
    position: relative;
    font-size: 20px;
    color: #fff;
    margin: 0 5px
}

.label-blue::after {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    border: 1px solid #fff
}

.label-dark-pink {
    background-color: #ad1457;
    padding: 4px 10px;
    display: inline-block;
    position: relative;
    font-size: 20px;
    color: #fff;
    margin: 0 5px
}

.label-dark-pink::after {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    border: 1px solid #fff
}

.label-marker {
    background-color: #ffee58
}

.label-circle-orange {
    background-color: #ff6f00;
    width: 53px;
    height: 53px;
    text-align: center;
    line-height: 53px;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    font-size: 34px
}

.box-blue {
    border: 1px solid #1565c0;
    background-color: #dcefff;
    border-radius: 6px;
    padding: 15px
}

.box-dark-pink {
    border: 1px solid #ad1457;
    background-color: #ffe9f3;
    border-radius: 6px;
    padding: 15px
}

.box-orange {
    border: 1px solid #ff6f00;
    background-color: #fff5ee;
    border-radius: 6px;
    padding: 15px
}

.box-card {
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: 10px
}

.box-balloon {
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: 15px;
    position: relative
}

.box-balloon::after {
    content: "";
    position: absolute;
    left: -10px;
    top: 20px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 10px 7px 0;
    border-color: transparent #fff transparent transparent
}

.box-balloon-sub {
    border-radius: 6px;
    background: #fff;
    padding: 15px;
    position: relative;
    display: inline-block;
    min-width: 315px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.box-balloon-sub::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 13px 15px;
    border-color: transparent transparent #fff
}

.l-site-header {
    height: 47px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute
}

.l-site-logo {
    padding-bottom: 0;
    line-height: 1;
    width: 37%;
}

@media screen and (max-width: 480px) {
    .l-site-logo {
        width: 70%;
    }
}

.l-site-footer-navi dt {
    background-color: #00897b;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px
}

.l-site-footer-navi dd {
    padding: 5px 15px 10px
}

.l-site-footer-sub_navi {
    background-color: #ffcdd2;
    padding: 15px 15px 0
}

.l-site-footer-sub_navi ul li {
    padding-bottom: 15px
}

.l-site-footer-sub_navi ul li a {
    color: #263238;
    text-decoration: none;
    font-size: 14px
}

.l-site-footer-copyright {
    background-color: #f06292;
    color: #fff;
    text-align: center;
    font-size: 8px;
    padding: 20px
}

.l-top-keyvisual {
    background-image: url(/LP2/common/images/share/bg-green.svg);
    background-repeat: repeat;
    background-size: 149px;
    -ms-background-size: 149px;
    background-color: #9CC947
}

.l-top-keyvisual-inner {
    padding: 77px 0 50px;
    background-position: bottom -1px left 0;
    background-image: url(/LP2/common/images/share/bg-triangle-blue.svg);
    background-repeat: repeat-x
}

.l-top-keyvisual-inner-kuchikomi {
    padding: 0 0 50px;
    background-position: bottom -1px left 0;
    background-image: url(/LP2/common/images/share/bg-triangle-blue.svg);
    background-repeat: repeat-x
}

.l-top-keyvisual-image {
    text-align: center;
    padding-bottom: 20px;
    position: relative
}

.l-top-keyvisual-image-logo {
    position: absolute;
    left: 0;
    right: 0;
    max-width: 100%;
    margin-left: 15px;
    margin-right: 15px
}

.l-top-keyvisual-image-logo2 {
    position: absolute;
    left: 0;
    right: 0;
    max-width: 100%;
    margin-left: 15px;
    margin-right: 15px;
    top: 20px
}

.l-top-keyvisual-form {
    padding: 0 15px
}

@media screen and (max-width: 480px) {
    .l-top-keyvisual-form {
        display: none;
    }
}

#kvsvg {
    width: 100%;
    height: auto
}

.l-top-failure {
    background-color: #82c3ff;
    padding: 10px 15px 40px;
    background-position: bottom;
    background-image: url(/LP2/common/images/share/bg-triangle-light-pink.svg);
    background-repeat: repeat-x
}

.l-top-failure-read {
    display: flex;
    padding-top: 30px;
    background-image: url(/LP2/common/images/share/bg-notgood.svg);
    background-repeat: repeat-x;
    background-position: top;
    font-weight: 700
}

.l-top-failure-read p {
    flex-grow: 1;
    padding-bottom: 0
}

.l-top-success {
    background-color: #feb3d5;
    padding: 10px 15px 20px
}

.l-top-success-read {
    display: flex;
    padding-top: 35px;
    background-image: url(/LP2/common/images/share/bg-star.svg);
    background-repeat: repeat-x;
    background-position: top;
    font-weight: 700
}

.l-top-success-read p {
    flex-grow: 1;
    padding-bottom: 0
}

.l-top-start {
    background-image: url(/LP2/common/images/share/bg-green.svg);
    background-repeat: repeat;
    background-size: 149px;
    -ms-ackground-size: 149px;
    background-color: #9CC947
}

.l-top-start-inner {
    background-position: top;
    background-image: url(/LP2/common/images/share/bg-triangle-light-pink-reverse.svg);
    background-repeat: repeat-x;
    padding: 80px 15px 20px
}

.l-top-start-inner-noimg {
    display: none;
}

@media screen and (max-width: 480px) {

    .l-top-start-inner-noimg {
        display: block;
        background-position: top;
        background-repeat: repeat-x;
        padding: 40px 15px 0px;
        text-align: center;
    }

}

.l-top-start-illust {
    position: absolute;
    left: 0;
    right: 0;
    top: -54px;
    margin: auto
}

.l-top-ranking-header {
    background-color: #ffd54f
}

.l-top-ranking-header-heading {
    border-top: 2px solid #3e2723;
    border-bottom: 2px solid #3e2723;
    background: linear-gradient(to bottom, #ffdd72 0, #ffdd72 20%, #ffd54f 20%, #ffd54f 100%);
    padding: 20px 15px 15px;
    line-height: 1.25;
    text-align: center;
    position: relative;
    font-weight: 700;
    color: #3e2723
}

.l-top-ranking-header-heading-illust {
    position: absolute;
    left: 0;
    right: 0;
    top: -24px;
    margin: auto
}

.l-top-ranking-header-body {
    color: #3e2723;
    padding: 20px 15px
}

.l-top-ranking-body-visual {
    background-color: #ffd54f;
    background-image: linear-gradient(-16deg, #ffd54f 25%, #ff9595 25%, #ff9595 80%, #ffd54f 80%);
    background-position: top
}

.l-top-ranking-body-visual-inner {
    padding: 15px 15px 40px;
    background-image: url(/LP2/common/images/share/bg-triangle-beige.svg);
    background-repeat: repeat-x;
    background-position: bottom -1px left 0
}

.l-top-ranking-body-visual-heading {
    position: relative;
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    color: #3e2723;
    padding-bottom: 20px
}

.l-top-ranking-body-visual-image {
    max-width: 340px;
    margin: auto
}

.l-top-ranking-body-visual-illust {
    display: block;
    margin: 0 auto 15px
}

.l-top-ranking-body-point {
    background-color: #f5efe1;
    padding: 15px 15px 30px;
    background-image: url(/LP2/common/images/share/bg-triangle-yellow.svg);
    background-repeat: repeat-x;
    background-position: bottom -1px left 0
}

.l-top-ranking-body-point-inner {
    max-width: 600px;
    margin: auto
}

.l-top-ranking-body-detail {
    background-color: #ffd54f;
    background-image: url(/LP2/common/images/share/bg-stripe-yellow.svg);
    background-size: 100%;
    background-repeat: repeat-y;
    background-position: bottom -1px left 0
}

.l-top-ranking-body-detail-inner {
    padding: 30px 15px 40px;
    background-image: url(/LP2/common/images/share/bg-triangle-beige.svg);
    background-repeat: repeat-x;
    background-position: bottom -1px left 0
}

.l-top-ranking-body-detail-good_number {
    font-weight: 700;
    padding-bottom: 20px
}

.l-top-ranking-body-detail-good_number dt {
    font-size: 20px;
    color: #c62828;
    text-align: center;
    padding-bottom: 15px
}

.l-top-ranking-body-detail-good_number dd {
    font-size: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
    text-align: center
}

.l-top-ranking-body-detail-icon {
    position: absolute;
    left: 0;
    right: 0;
    top: -26px;
    margin: auto
}

.l-top-ranking-body-reviews {
    background-color: #f5efe1;
    background-image: url(/LP2/common/images/share/bg-bubble.svg);
    background-repeat: repeat-y;
    background-position: center top
}

.l-top-ranking-body-reviews-inner {
    padding: 30px 15px 60px;
    background-image: url(/LP2/common/images/share/bg-triangle-yellow.svg);
    background-repeat: repeat-x;
    background-position: bottom -1px left 0
}

.l-top-ranking-body-reviews-inner.last {
    background-image: none
}

.l-top-ranking-body-reviews-list {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px
}

.l-top-ranking-body-reviews-list-illust {
    flex-grow: 0;
    padding-left: 10px;
    width: 60px;
    height: 60px
}

.l-top-ranking-body-reviews-list-balloon {
    flex-grow: 1;
    padding-left: 25px
}

.l-top-advice {
    background-color: #f06292
}

.l-top-advice-body {
    color: #fff;
    padding: 20px 15px
}

.l-top-advice-heading {
    border-top: 2px solid #3e2723;
    border-bottom: 2px solid #3e2723;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .1)0, rgba(255, 255, 255, .1)20%, #f06292 20%, #f06292 100%);
    padding: 15px;
    line-height: 1.5;
    text-align: center;
    font-weight: 700;
    color: #fff
}

.l-top-advice-list {
    background-image: url(/LP2/common/images/share/bg-flower.svg);
    background-repeat: repeat;
    background-color: #FEA1A1;
    background-size: 149px;
    -ms-background-size: 149px;
    padding: 20px 15px
}

.l-top-advice-list-heading {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #cfd8dc;
    margin-bottom: 15px
}

.l-top-advice-list-heading-title {
    padding-left: 20px;
    flex-grow: 1;
    font-size: 20px;
    line-height: 1.25;
    color: #c62828;
    font-weight: 700
}

.l-top-case {
    background-color: #c62828;
    background-image: radial-gradient(#e94949 21%, transparent 26%), radial-gradient(#e94949 21%, transparent 26%);
    background-position: 0 0, 15px 15px;
    background-size: 30px 30px;
    padding: 30px 15px
}

.l-top-case-heading {
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px
}

.l-top-case-heading-thumb {
    width: 90px
}

.l-top-case-heading-title {
    padding-left: 20px;
    line-height: 1.25
}

.wrap-xs {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto
}

.wrap-sm {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto
}

.wrap-md {
    max-width: 992px;
    margin-left: auto;
    margin-right: auto
}

.wrap-lg {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.wrap-content {
    padding: 20px 15px
}

.c-1 {
    color: #fff
}

.bgc-1 {
    background-color: #fff
}

.bdc-1 {
    border-color: #fff
}

.c-2 {
    color: #000
}

.bgc-2 {
    background-color: #000
}

.bdc-2 {
    border-color: #000
}

.c-3 {
    color: #ccc
}

.bgc-3 {
    background-color: #ccc
}

.bdc-3 {
    border-color: #ccc
}

.c-black {
    color: #263238
}

.c-white {
    color: #fff
}

.c-red {
    color: #c62828
}

.c-dark-red {
    color: #3e2723
}

.c-blue {
    color: #1565c0
}

.c-dark-pink {
    color: #ad1457
}

.c-orange {
    color: #ff6f00
}

.c-yellow {
    color: #ffd54f
}

.c-blue-gray {
    color: #607d8b
}

.c-green {
    color: #126311
}

.fz-8 {
    font-size: 8px
}

.fz-9 {
    font-size: 9px
}

.fz-10 {
    font-size: 10px
}

.fz-11 {
    font-size: 11px
}

.fz-12 {
    font-size: 12px
}

.fz-13 {
    font-size: 13px
}

.fz-14 {
    font-size: 14px
}

.fz-15 {
    font-size: 15px
}

.fz-16 {
    font-size: 16px
}

.fz-17 {
    font-size: 17px
}

.fz-18 {
    font-size: 18px
}

.fz-19 {
    font-size: 19px
}

.fz-20 {
    font-size: 20px
}

.fz-21 {
    font-size: 21px
}

.fz-22 {
    font-size: 22px
}

.fz-23 {
    font-size: 23px
}

.fz-24 {
    font-size: 24px
}

.fz-25 {
    font-size: 25px
}

.fz-26 {
    font-size: 26px
}

.fz-27 {
    font-size: 27px
}

.fz-28 {
    font-size: 28px
}

.fz-29 {
    font-size: 29px
}

.fz-30 {
    font-size: 30px
}

.fz-32 {
    font-size: 32px
}

.fz-40 {
    font-size: 40px
}

.fw-b {
    font-weight: 700
}

.fw-n {
    font-weight: 400
}

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

.lh-1_25em {
    line-height: 1.25em
}

.lh-1_5em {
    line-height: 1.5em
}

.lh-1_75em {
    line-height: 1.75em
}

.table-basic {
    border-top: 1px solid #cfd8dc;
    border-left: 1px solid #cfd8dc;
    line-height: 1.25;
    font-size: 14px
}

.table-basic th {
    border-bottom: 1px solid #cfd8dc;
    border-right: 1px solid #cfd8dc;
    background-color: #ffcdd2;
    padding: 15px 10px;
    font-weight: 700
}

.table-basic td {
    border-bottom: 1px solid #cfd8dc;
    border-right: 1px solid #cfd8dc;
    background-color: #fff;
    padding: 15px 10px
}

.m-0 {
    margin: 0
}

.mt-0 {
    margin-top: 0
}

.mr-0 {
    margin-right: 0
}

.mb-0 {
    margin-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.m-5 {
    margin: 5px
}

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

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

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

.ml-5 {
    margin-left: 5px
}

.m-10 {
    margin: 10px
}

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

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

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

.ml-10 {
    margin-left: 10px
}

.m-15 {
    margin: 15px
}

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

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

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

.ml-15 {
    margin-left: 15px
}

.m-20 {
    margin: 20px
}

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

.mr-20 {
    margin-right: 20px
}

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

.ml-20 {
    margin-left: 20px
}

.m-25 {
    margin: 25px
}

.mt-25 {
    margin-top: 25px
}

.mr-25 {
    margin-right: 25px
}

.mb-25 {
    margin-bottom: 25px
}

.ml-25 {
    margin-left: 25px
}

.m-30 {
    margin: 30px
}

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

.mr-30 {
    margin-right: 30px
}

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

.ml-30 {
    margin-left: 30px
}

.m-40 {
    margin: 40px
}

.mt-40 {
    margin-top: 40px
}

.mr-40 {
    margin-right: 40px
}

.mb-40 {
    margin-bottom: 40px
}

.ml-40 {
    margin-left: 40px
}

.m-50 {
    margin: 50px
}

.mt-50 {
    margin-top: 50px
}

.mr-50 {
    margin-right: 50px
}

.mb-50 {
    margin-bottom: 50px
}

.ml-50 {
    margin-left: 50px
}

.m-60 {
    margin: 60px
}

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

.mr-60 {
    margin-right: 60px
}

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

.ml-60 {
    margin-left: 60px
}

.m-70 {
    margin: 70px
}

.mt-70 {
    margin-top: 70px
}

.mr-70 {
    margin-right: 70px
}

.mb-70 {
    margin-bottom: 70px
}

.ml-70 {
    margin-left: 70px
}

.m-80 {
    margin: 80px
}

.mt-80 {
    margin-top: 80px
}

.mr-80 {
    margin-right: 80px
}

.mb-80 {
    margin-bottom: 80px
}

.ml-80 {
    margin-left: 80px
}

.m-90 {
    margin: 90px
}

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

.mr-90 {
    margin-right: 90px
}

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

.ml-90 {
    margin-left: 90px
}

.m-100 {
    margin: 100px
}

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

.mr-100 {
    margin-right: 100px
}

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

.ml-100 {
    margin-left: 100px
}

.m-10per {
    margin: 10%
}

.mt-10per {
    margin-top: 10%
}

.mr-10per {
    margin-right: 10%
}

.mb-10per {
    margin-bottom: 10%
}

.ml-10per {
    margin-left: 10%
}

.m-20per {
    margin: 20%
}

.mt-20per {
    margin-top: 20%
}

.mr-20per {
    margin-right: 20%
}

.mb-20per {
    margin-bottom: 20%
}

.ml-20per {
    margin-left: 20%
}

.m-30per {
    margin: 30%
}

.mt-30per {
    margin-top: 30%
}

.mr-30per {
    margin-right: 30%
}

.mb-30per {
    margin-bottom: 30%
}

.ml-30per {
    margin-left: 30%
}

.m-40per {
    margin: 40%
}

.mt-40per {
    margin-top: 40%
}

.mr-40per {
    margin-right: 40%
}

.mb-40per {
    margin-bottom: 40%
}

.ml-40per {
    margin-left: 40%
}

.m-50per {
    margin: 50%
}

.mt-50per {
    margin-top: 50%
}

.mr-50per {
    margin-right: 50%
}

.mb-50per {
    margin-bottom: 50%
}

.ml-50per {
    margin-left: 50%
}

.m-60per {
    margin: 60%
}

.mt-60per {
    margin-top: 60%
}

.mr-60per {
    margin-right: 60%
}

.mb-60per {
    margin-bottom: 60%
}

.ml-60per {
    margin-left: 60%
}

.m-70per {
    margin: 70%
}

.mt-70per {
    margin-top: 70%
}

.mr-70per {
    margin-right: 70%
}

.mb-70per {
    margin-bottom: 70%
}

.ml-70per {
    margin-left: 70%
}

.m-80per {
    margin: 80%
}

.mt-80per {
    margin-top: 80%
}

.mr-80per {
    margin-right: 80%
}

.mb-80per {
    margin-bottom: 80%
}

.ml-80per {
    margin-left: 80%
}

.m-90per {
    margin: 90%
}

.mt-90per {
    margin-top: 90%
}

.mr-90per {
    margin-right: 90%
}

.mb-90per {
    margin-bottom: 90%
}

.ml-90per {
    margin-left: 90%
}

.m-100per {
    margin: 100%
}

.mt-100per {
    margin-top: 100%
}

.mr-100per {
    margin-right: 100%
}

.mb-100per {
    margin-bottom: 100%
}

.ml-100per {
    margin-left: 100%
}

.p-0 {
    padding: 0
}

.pt-0 {
    padding-top: 0
}

.pr-0 {
    padding-right: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

.p-5 {
    padding: 5px
}

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

.pr-5 {
    padding-right: 5px
}

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

.pl-5 {
    padding-left: 5px
}

.p-10 {
    padding: 10px
}

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

.pr-10 {
    padding-right: 10px
}

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

.pl-10 {
    padding-left: 10px
}

.p-15 {
    padding: 15px
}

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

.pr-15 {
    padding-right: 15px
}

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

.pl-15 {
    padding-left: 15px
}

.p-20 {
    padding: 20px
}

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

.pr-20 {
    padding-right: 20px
}

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

.pl-20 {
    padding-left: 20px
}

.p-25 {
    padding: 25px
}

.pt-25 {
    padding-top: 25px
}

.pr-25 {
    padding-right: 25px
}

.pb-25 {
    padding-bottom: 25px
}

.pl-25 {
    padding-left: 25px
}

.p-30 {
    padding: 30px
}

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

.pr-30 {
    padding-right: 30px
}

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

.pl-30 {
    padding-left: 30px
}

.p-40 {
    padding: 40px
}

.pt-40 {
    padding-top: 40px
}

.pr-40 {
    padding-right: 40px
}

.pb-40 {
    padding-bottom: 40px
}

.pl-40 {
    padding-left: 40px
}

.p-50 {
    padding: 50px
}

.pt-50 {
    padding-top: 50px
}

.pr-50 {
    padding-right: 50px
}

.pb-50 {
    padding-bottom: 50px
}

.pl-50 {
    padding-left: 50px
}

.p-60 {
    padding: 60px
}

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

.pr-60 {
    padding-right: 60px
}

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

.pl-60 {
    padding-left: 60px
}

.p-70 {
    padding: 70px
}

.pt-70 {
    padding-top: 70px
}

.pr-70 {
    padding-right: 70px
}

.pb-70 {
    padding-bottom: 70px
}

.pl-70 {
    padding-left: 70px
}

.p-80 {
    padding: 80px
}

.pt-80 {
    padding-top: 80px
}

.pr-80 {
    padding-right: 80px
}

.pb-80 {
    padding-bottom: 80px
}

.pl-80 {
    padding-left: 80px
}

.p-90 {
    padding: 90px
}

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

.pr-90 {
    padding-right: 90px
}

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

.pl-90 {
    padding-left: 90px
}

.p-100 {
    padding: 100px
}

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

.pr-100 {
    padding-right: 100px
}

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

.pl-100 {
    padding-left: 100px
}

.p-10per {
    padding: 10%
}

.pt-10per {
    padding-top: 10%
}

.pr-10per {
    padding-right: 10%
}

.pb-10per {
    padding-bottom: 10%
}

.pl-10per {
    padding-left: 10%
}

.p-20per {
    padding: 20%
}

.pt-20per {
    padding-top: 20%
}

.pr-20per {
    padding-right: 20%
}

.pb-20per {
    padding-bottom: 20%
}

.pl-20per {
    padding-left: 20%
}

.p-30per {
    padding: 30%
}

.pt-30per {
    padding-top: 30%
}

.pr-30per {
    padding-right: 30%
}

.pb-30per {
    padding-bottom: 30%
}

.pl-30per {
    padding-left: 30%
}

.p-40per {
    padding: 40%
}

.pt-40per {
    padding-top: 40%
}

.pr-40per {
    padding-right: 40%
}

.pb-40per {
    padding-bottom: 40%
}

.pl-40per {
    padding-left: 40%
}

.p-50per {
    padding: 50%
}

.pt-50per {
    padding-top: 50%
}

.pr-50per {
    padding-right: 50%
}

.pb-50per {
    padding-bottom: 50%
}

.pl-50per {
    padding-left: 50%
}

.p-60per {
    padding: 60%
}

.pt-60per {
    padding-top: 60%
}

.pr-60per {
    padding-right: 60%
}

.pb-60per {
    padding-bottom: 60%
}

.pl-60per {
    padding-left: 60%
}

.p-70per {
    padding: 70%
}

.pt-70per {
    padding-top: 70%
}

.pr-70per {
    padding-right: 70%
}

.pb-70per {
    padding-bottom: 70%
}

.pl-70per {
    padding-left: 70%
}

.p-80per {
    padding: 80%
}

.pt-80per {
    padding-top: 80%
}

.pr-80per {
    padding-right: 80%
}

.pb-80per {
    padding-bottom: 80%
}

.pl-80per {
    padding-left: 80%
}

.p-90per {
    padding: 90%
}

.pt-90per {
    padding-top: 90%
}

.pr-90per {
    padding-right: 90%
}

.pb-90per {
    padding-bottom: 90%
}

.pl-90per {
    padding-left: 90%
}

.p-100per {
    padding: 100%
}

.pt-100per {
    padding-top: 100%
}

.pr-100per {
    padding-right: 100%
}

.pb-100per {
    padding-bottom: 100%
}

.pl-100per {
    padding-left: 100%
}

.m-a {
    margin: auto
}

.ml-a {
    margin-left: auto
}

.mr-a {
    margin-right: auto
}

.w-100 {
    width: 100px
}

.h-100 {
    height: 100px
}

.w-200 {
    width: 200px
}

.h-200 {
    height: 200px
}

.w-300 {
    width: 300px
}

.h-300 {
    height: 300px
}

.w-400 {
    width: 400px
}

.h-400 {
    height: 400px
}

.w-500 {
    width: 500px
}

.h-500 {
    height: 500px
}

.w-600 {
    width: 600px
}

.h-600 {
    height: 600px
}

.w-700 {
    width: 700px
}

.h-700 {
    height: 700px
}

.w-900 {
    width: 900px
}

.h-900 {
    height: 900px
}

.w-10per {
    width: 10%
}

.h-10per {
    height: 10%
}

.w-20per {
    width: 20%
}

.h-20per {
    height: 20%
}

.w-30per {
    width: 30%
}

.h-30per {
    height: 30%
}

.w-40per {
    width: 40%
}

.h-40per {
    height: 40%
}

.w-50per {
    width: 50%
}

.h-50per {
    height: 50%
}

.w-60per {
    width: 60%
}

.h-60per {
    height: 60%
}

.w-70per {
    width: 70%
}

.h-70per {
    height: 70%
}

.w-80per {
    width: 80%
}

.h-80per {
    height: 80%
}

.w-90per {
    width: 90%
}

.h-90per {
    height: 90%
}

.w-100per {
    width: 100%
}

.h-100per {
    height: 100%
}

.w-a {
    width: auto
}

.h-a {
    height: auto
}

.maw-100per {
    max-width: 100%
}

.pos-a {
    position: absolute
}

.pos-r {
    position: relative
}

.pos-f {
    position: fixed
}

.d-b {
    display: block
}

.d-n {
    display: none
}

.d-i {
    display: inline
}

.d-ib {
    display: inline-block
}

.d-t {
    display: table
}

.d-tbc {
    display: table-cell
}

.d-tbr {
    display: table-row
}

.ta-c {
    text-align: center
}

.ta-l {
    text-align: left
}

.ta-r {
    text-align: right
}

.va-t {
    vertical-align: top
}

.va-b {
    vertical-align: bottom
}

.va-bl {
    vertical-align: baseline
}

.va-m {
    vertical-align: middle
}

.va-sup {
    vertical-align: super
}

.va-sub {
    vertical-align: sub
}

.fl-l {
    float: left
}

.fl-r {
    float: right
}

.cl {
    clear: both
}

.l-0 {
    left: 0
}

.t-0 {
    top: 0
}

.r-0 {
    right: 0
}

.b-0 {
    bottom: 0
}

.td-n {
    text-decoration: none
}

.td-u {
    text-decoration: underline
}

.trs {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.trs-first {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.trs-slow {
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s
}

.content-box {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ov-h {
    overflow: hidden
}

.bdw-1 {
    border-width: 1px
}

.bdtw-1 {
    border-top-width: 1px
}

.bdrw-1 {
    border-right-width: 1px
}

.bdbw-1 {
    border-bottom-width: 1px
}

.bdlw-1 {
    border-left-width: 1px
}

.bdw-2 {
    border-width: 2px
}

.bdtw-2 {
    border-top-width: 2px
}

.bdrw-2 {
    border-right-width: 2px
}

.bdbw-2 {
    border-bottom-width: 2px
}

.bdlw-2 {
    border-left-width: 2px
}

.bdw-3 {
    border-width: 3px
}

.bdtw-3 {
    border-top-width: 3px
}

.bdrw-3 {
    border-right-width: 3px
}

.bdbw-3 {
    border-bottom-width: 3px
}

.bdlw-3 {
    border-left-width: 3px
}

.bdw-4 {
    border-width: 4px
}

.bdtw-4 {
    border-top-width: 4px
}

.bdrw-4 {
    border-right-width: 4px
}

.bdbw-4 {
    border-bottom-width: 4px
}

.bdlw-4 {
    border-left-width: 4px
}

.bdw-5 {
    border-width: 5px
}

.bdtw-5 {
    border-top-width: 5px
}

.bdrw-5 {
    border-right-width: 5px
}

.bdbw-5 {
    border-bottom-width: 5px
}

.bdlw-5 {
    border-left-width: 5px
}

.bdw-10 {
    border-width: 10px
}

.bdtw-10 {
    border-top-width: 10px
}

.bdrw-10 {
    border-right-width: 10px
}

.bdbw-10 {
    border-bottom-width: 10px
}

.bdlw-10 {
    border-left-width: 10px
}

.bds-s {
    border-style: solid
}

.bds-ds {
    border-style: dashed
}

.bds-dt {
    border-style: dotted
}

.bds-n {
    border-style: none
}

.bdra-4 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.bdra-8 {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.bdra-10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.bdra-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

@media (min-width:480px) {
    .fz-8-xs {
        font-size: 8px
    }
    .fz-9-xs {
        font-size: 9px
    }
    .fz-10-xs {
        font-size: 10px
    }
    .fz-11-xs {
        font-size: 11px
    }
    .fz-12-xs {
        font-size: 12px
    }
    .fz-13-xs {
        font-size: 13px
    }
    .fz-14-xs {
        font-size: 14px
    }
    .fz-15-xs {
        font-size: 15px
    }
    .fz-16-xs {
        font-size: 16px
    }
    .fz-17-xs {
        font-size: 17px
    }
    .fz-18-xs {
        font-size: 18px
    }
    .fz-19-xs {
        font-size: 19px
    }
    .fz-20-xs {
        font-size: 20px
    }
    .fz-21-xs {
        font-size: 21px
    }
    .fz-22-xs {
        font-size: 22px
    }
    .fz-23-xs {
        font-size: 23px
    }
    .fz-24-xs {
        font-size: 24px
    }
    .fz-25-xs {
        font-size: 25px
    }
    .fz-26-xs {
        font-size: 26px
    }
    .fz-27-xs {
        font-size: 27px
    }
    .fz-28-xs {
        font-size: 28px
    }
    .fz-29-xs {
        font-size: 29px
    }
    .fz-30-xs {
        font-size: 30px
    }
    .fz-32-xs {
        font-size: 32px
    }
    .fz-40-xs {
        font-size: 40px
    }
    .fw-b-xs {
        font-weight: 700
    }
    .fw-n-xs {
        font-weight: 400
    }
    .lh-1em-xs {
        line-height: 1em
    }
    .lh-1_25em-xs {
        line-height: 1.25em
    }
    .lh-1_5em-xs {
        line-height: 1.5em
    }
    .lh-1_75em-xs {
        line-height: 1.75em
    }
    .m-0-xs {
        margin: 0
    }
    .mt-0-xs {
        margin-top: 0
    }
    .mr-0-xs {
        margin-right: 0
    }
    .mb-0-xs {
        margin-bottom: 0
    }
    .ml-0-xs {
        margin-left: 0
    }
    .m-5-xs {
        margin: 5px
    }
    .mt-5-xs {
        margin-top: 5px
    }
    .mr-5-xs {
        margin-right: 5px
    }
    .mb-5-xs {
        margin-bottom: 5px
    }
    .ml-5-xs {
        margin-left: 5px
    }
    .m-10-xs {
        margin: 10px
    }
    .mt-10-xs {
        margin-top: 10px
    }
    .mr-10-xs {
        margin-right: 10px
    }
    .mb-10-xs {
        margin-bottom: 10px
    }
    .ml-10-xs {
        margin-left: 10px
    }
    .m-15-xs {
        margin: 15px
    }
    .mt-15-xs {
        margin-top: 15px
    }
    .mr-15-xs {
        margin-right: 15px
    }
    .mb-15-xs {
        margin-bottom: 15px
    }
    .ml-15-xs {
        margin-left: 15px
    }
    .m-20-xs {
        margin: 20px
    }
    .mt-20-xs {
        margin-top: 20px
    }
    .mr-20-xs {
        margin-right: 20px
    }
    .mb-20-xs {
        margin-bottom: 20px
    }
    .ml-20-xs {
        margin-left: 20px
    }
    .m-25-xs {
        margin: 25px
    }
    .mt-25-xs {
        margin-top: 25px
    }
    .mr-25-xs {
        margin-right: 25px
    }
    .mb-25-xs {
        margin-bottom: 25px
    }
    .ml-25-xs {
        margin-left: 25px
    }
    .m-30-xs {
        margin: 30px
    }
    .mt-30-xs {
        margin-top: 30px
    }
    .mr-30-xs {
        margin-right: 30px
    }
    .mb-30-xs {
        margin-bottom: 30px
    }
    .ml-30-xs {
        margin-left: 30px
    }
    .m-40-xs {
        margin: 40px
    }
    .mt-40-xs {
        margin-top: 40px
    }
    .mr-40-xs {
        margin-right: 40px
    }
    .mb-40-xs {
        margin-bottom: 40px
    }
    .ml-40-xs {
        margin-left: 40px
    }
    .m-50-xs {
        margin: 50px
    }
    .mt-50-xs {
        margin-top: 50px
    }
    .mr-50-xs {
        margin-right: 50px
    }
    .mb-50-xs {
        margin-bottom: 50px
    }
    .ml-50-xs {
        margin-left: 50px
    }
    .m-60-xs {
        margin: 60px
    }
    .mt-60-xs {
        margin-top: 60px
    }
    .mr-60-xs {
        margin-right: 60px
    }
    .mb-60-xs {
        margin-bottom: 60px
    }
    .ml-60-xs {
        margin-left: 60px
    }
    .m-70-xs {
        margin: 70px
    }
    .mt-70-xs {
        margin-top: 70px
    }
    .mr-70-xs {
        margin-right: 70px
    }
    .mb-70-xs {
        margin-bottom: 70px
    }
    .ml-70-xs {
        margin-left: 70px
    }
    .m-80-xs {
        margin: 80px
    }
    .mt-80-xs {
        margin-top: 80px
    }
    .mr-80-xs {
        margin-right: 80px
    }
    .mb-80-xs {
        margin-bottom: 80px
    }
    .ml-80-xs {
        margin-left: 80px
    }
    .m-90-xs {
        margin: 90px
    }
    .mt-90-xs {
        margin-top: 90px
    }
    .mr-90-xs {
        margin-right: 90px
    }
    .mb-90-xs {
        margin-bottom: 90px
    }
    .ml-90-xs {
        margin-left: 90px
    }
    .m-100-xs {
        margin: 100px
    }
    .mt-100-xs {
        margin-top: 100px
    }
    .mr-100-xs {
        margin-right: 100px
    }
    .mb-100-xs {
        margin-bottom: 100px
    }
    .ml-100-xs {
        margin-left: 100px
    }
    .m-10per-xs {
        margin: 10%
    }
    .mt-10per-xs {
        margin-top: 10%
    }
    .mr-10per-xs {
        margin-right: 10%
    }
    .mb-10per-xs {
        margin-bottom: 10%
    }
    .ml-10per-xs {
        margin-left: 10%
    }
    .m-20per-xs {
        margin: 20%
    }
    .mt-20per-xs {
        margin-top: 20%
    }
    .mr-20per-xs {
        margin-right: 20%
    }
    .mb-20per-xs {
        margin-bottom: 20%
    }
    .ml-20per-xs {
        margin-left: 20%
    }
    .m-30per-xs {
        margin: 30%
    }
    .mt-30per-xs {
        margin-top: 30%
    }
    .mr-30per-xs {
        margin-right: 30%
    }
    .mb-30per-xs {
        margin-bottom: 30%
    }
    .ml-30per-xs {
        margin-left: 30%
    }
    .m-40per-xs {
        margin: 40%
    }
    .mt-40per-xs {
        margin-top: 40%
    }
    .mr-40per-xs {
        margin-right: 40%
    }
    .mb-40per-xs {
        margin-bottom: 40%
    }
    .ml-40per-xs {
        margin-left: 40%
    }
    .m-50per-xs {
        margin: 50%
    }
    .mt-50per-xs {
        margin-top: 50%
    }
    .mr-50per-xs {
        margin-right: 50%
    }
    .mb-50per-xs {
        margin-bottom: 50%
    }
    .ml-50per-xs {
        margin-left: 50%
    }
    .m-60per-xs {
        margin: 60%
    }
    .mt-60per-xs {
        margin-top: 60%
    }
    .mr-60per-xs {
        margin-right: 60%
    }
    .mb-60per-xs {
        margin-bottom: 60%
    }
    .ml-60per-xs {
        margin-left: 60%
    }
    .m-70per-xs {
        margin: 70%
    }
    .mt-70per-xs {
        margin-top: 70%
    }
    .mr-70per-xs {
        margin-right: 70%
    }
    .mb-70per-xs {
        margin-bottom: 70%
    }
    .ml-70per-xs {
        margin-left: 70%
    }
    .m-80per-xs {
        margin: 80%
    }
    .mt-80per-xs {
        margin-top: 80%
    }
    .mr-80per-xs {
        margin-right: 80%
    }
    .mb-80per-xs {
        margin-bottom: 80%
    }
    .ml-80per-xs {
        margin-left: 80%
    }
    .m-90per-xs {
        margin: 90%
    }
    .mt-90per-xs {
        margin-top: 90%
    }
    .mr-90per-xs {
        margin-right: 90%
    }
    .mb-90per-xs {
        margin-bottom: 90%
    }
    .ml-90per-xs {
        margin-left: 90%
    }
    .m-100per-xs {
        margin: 100%
    }
    .mt-100per-xs {
        margin-top: 100%
    }
    .mr-100per-xs {
        margin-right: 100%
    }
    .mb-100per-xs {
        margin-bottom: 100%
    }
    .ml-100per-xs {
        margin-left: 100%
    }
    .p-0-xs {
        padding: 0
    }
    .pt-0-xs {
        padding-top: 0
    }
    .pr-0-xs {
        padding-right: 0
    }
    .pb-0-xs {
        padding-bottom: 0
    }
    .pl-0-xs {
        padding-left: 0
    }
    .p-5-xs {
        padding: 5px
    }
    .pt-5-xs {
        padding-top: 5px
    }
    .pr-5-xs {
        padding-right: 5px
    }
    .pb-5-xs {
        padding-bottom: 5px
    }
    .pl-5-xs {
        padding-left: 5px
    }
    .p-10-xs {
        padding: 10px
    }
    .pt-10-xs {
        padding-top: 10px
    }
    .pr-10-xs {
        padding-right: 10px
    }
    .pb-10-xs {
        padding-bottom: 10px
    }
    .pl-10-xs {
        padding-left: 10px
    }
    .p-15-xs {
        padding: 15px
    }
    .pt-15-xs {
        padding-top: 15px
    }
    .pr-15-xs {
        padding-right: 15px
    }
    .pb-15-xs {
        padding-bottom: 15px
    }
    .pl-15-xs {
        padding-left: 15px
    }
    .p-20-xs {
        padding: 20px
    }
    .pt-20-xs {
        padding-top: 20px
    }
    .pr-20-xs {
        padding-right: 20px
    }
    .pb-20-xs {
        padding-bottom: 20px
    }
    .pl-20-xs {
        padding-left: 20px
    }
    .p-25-xs {
        padding: 25px
    }
    .pt-25-xs {
        padding-top: 25px
    }
    .pr-25-xs {
        padding-right: 25px
    }
    .pb-25-xs {
        padding-bottom: 25px
    }
    .pl-25-xs {
        padding-left: 25px
    }
    .p-30-xs {
        padding: 30px
    }
    .pt-30-xs {
        padding-top: 30px
    }
    .pr-30-xs {
        padding-right: 30px
    }
    .pb-30-xs {
        padding-bottom: 30px
    }
    .pl-30-xs {
        padding-left: 30px
    }
    .p-40-xs {
        padding: 40px
    }
    .pt-40-xs {
        padding-top: 40px
    }
    .pr-40-xs {
        padding-right: 40px
    }
    .pb-40-xs {
        padding-bottom: 40px
    }
    .pl-40-xs {
        padding-left: 40px
    }
    .p-50-xs {
        padding: 50px
    }
    .pt-50-xs {
        padding-top: 50px
    }
    .pr-50-xs {
        padding-right: 50px
    }
    .pb-50-xs {
        padding-bottom: 50px
    }
    .pl-50-xs {
        padding-left: 50px
    }
    .p-60-xs {
        padding: 60px
    }
    .pt-60-xs {
        padding-top: 60px
    }
    .pr-60-xs {
        padding-right: 60px
    }
    .pb-60-xs {
        padding-bottom: 60px
    }
    .pl-60-xs {
        padding-left: 60px
    }
    .p-70-xs {
        padding: 70px
    }
    .pt-70-xs {
        padding-top: 70px
    }
    .pr-70-xs {
        padding-right: 70px
    }
    .pb-70-xs {
        padding-bottom: 70px
    }
    .pl-70-xs {
        padding-left: 70px
    }
    .p-80-xs {
        padding: 80px
    }
    .pt-80-xs {
        padding-top: 80px
    }
    .pr-80-xs {
        padding-right: 80px
    }
    .pb-80-xs {
        padding-bottom: 80px
    }
    .pl-80-xs {
        padding-left: 80px
    }
    .p-90-xs {
        padding: 90px
    }
    .pt-90-xs {
        padding-top: 90px
    }
    .pr-90-xs {
        padding-right: 90px
    }
    .pb-90-xs {
        padding-bottom: 90px
    }
    .pl-90-xs {
        padding-left: 90px
    }
    .p-100-xs {
        padding: 100px
    }
    .pt-100-xs {
        padding-top: 100px
    }
    .pr-100-xs {
        padding-right: 100px
    }
    .pb-100-xs {
        padding-bottom: 100px
    }
    .pl-100-xs {
        padding-left: 100px
    }
    .p-10per-xs {
        padding: 10%
    }
    .pt-10per-xs {
        padding-top: 10%
    }
    .pr-10per-xs {
        padding-right: 10%
    }
    .pb-10per-xs {
        padding-bottom: 10%
    }
    .pl-10per-xs {
        padding-left: 10%
    }
    .p-20per-xs {
        padding: 20%
    }
    .pt-20per-xs {
        padding-top: 20%
    }
    .pr-20per-xs {
        padding-right: 20%
    }
    .pb-20per-xs {
        padding-bottom: 20%
    }
    .pl-20per-xs {
        padding-left: 20%
    }
    .p-30per-xs {
        padding: 30%
    }
    .pt-30per-xs {
        padding-top: 30%
    }
    .pr-30per-xs {
        padding-right: 30%
    }
    .pb-30per-xs {
        padding-bottom: 30%
    }
    .pl-30per-xs {
        padding-left: 30%
    }
    .p-40per-xs {
        padding: 40%
    }
    .pt-40per-xs {
        padding-top: 40%
    }
    .pr-40per-xs {
        padding-right: 40%
    }
    .pb-40per-xs {
        padding-bottom: 40%
    }
    .pl-40per-xs {
        padding-left: 40%
    }
    .p-50per-xs {
        padding: 50%
    }
    .pt-50per-xs {
        padding-top: 50%
    }
    .pr-50per-xs {
        padding-right: 50%
    }
    .pb-50per-xs {
        padding-bottom: 50%
    }
    .pl-50per-xs {
        padding-left: 50%
    }
    .p-60per-xs {
        padding: 60%
    }
    .pt-60per-xs {
        padding-top: 60%
    }
    .pr-60per-xs {
        padding-right: 60%
    }
    .pb-60per-xs {
        padding-bottom: 60%
    }
    .pl-60per-xs {
        padding-left: 60%
    }
    .p-70per-xs {
        padding: 70%
    }
    .pt-70per-xs {
        padding-top: 70%
    }
    .pr-70per-xs {
        padding-right: 70%
    }
    .pb-70per-xs {
        padding-bottom: 70%
    }
    .pl-70per-xs {
        padding-left: 70%
    }
    .p-80per-xs {
        padding: 80%
    }
    .pt-80per-xs {
        padding-top: 80%
    }
    .pr-80per-xs {
        padding-right: 80%
    }
    .pb-80per-xs {
        padding-bottom: 80%
    }
    .pl-80per-xs {
        padding-left: 80%
    }
    .p-90per-xs {
        padding: 90%
    }
    .pt-90per-xs {
        padding-top: 90%
    }
    .pr-90per-xs {
        padding-right: 90%
    }
    .pb-90per-xs {
        padding-bottom: 90%
    }
    .pl-90per-xs {
        padding-left: 90%
    }
    .p-100per-xs {
        padding: 100%
    }
    .pt-100per-xs {
        padding-top: 100%
    }
    .pr-100per-xs {
        padding-right: 100%
    }
    .pb-100per-xs {
        padding-bottom: 100%
    }
    .pl-100per-xs {
        padding-left: 100%
    }
    .m-a-xs {
        margin: auto
    }
    .ml-a-xs {
        margin-left: auto
    }
    .mr-a-xs {
        margin-right: auto
    }
    .w-100-xs {
        width: 100px
    }
    .h-100-xs {
        height: 100px
    }
    .w-200-xs {
        width: 200px
    }
    .h-200-xs {
        height: 200px
    }
    .w-300-xs {
        width: 300px
    }
    .h-300-xs {
        height: 300px
    }
    .w-400-xs {
        width: 400px
    }
    .h-400-xs {
        height: 400px
    }
    .w-500-xs {
        width: 500px
    }
    .h-500-xs {
        height: 500px
    }
    .w-600-xs {
        width: 600px
    }
    .h-600-xs {
        height: 600px
    }
    .w-700-xs {
        width: 700px
    }
    .h-700-xs {
        height: 700px
    }
    .w-900-xs {
        width: 900px
    }
    .h-900-xs {
        height: 900px
    }
    .w-10per-xs {
        width: 10%
    }
    .h-10per-xs {
        height: 10%
    }
    .w-20per-xs {
        width: 20%
    }
    .h-20per-xs {
        height: 20%
    }
    .w-30per-xs {
        width: 30%
    }
    .h-30per-xs {
        height: 30%
    }
    .w-40per-xs {
        width: 40%
    }
    .h-40per-xs {
        height: 40%
    }
    .w-50per-xs {
        width: 50%
    }
    .h-50per-xs {
        height: 50%
    }
    .w-60per-xs {
        width: 60%
    }
    .h-60per-xs {
        height: 60%
    }
    .w-70per-xs {
        width: 70%
    }
    .h-70per-xs {
        height: 70%
    }
    .w-80per-xs {
        width: 80%
    }
    .h-80per-xs {
        height: 80%
    }
    .w-90per-xs {
        width: 90%
    }
    .h-90per-xs {
        height: 90%
    }
    .w-100per-xs {
        width: 100%
    }
    .h-100per-xs {
        height: 100%
    }
    .w-a-xs {
        width: auto
    }
    .h-a-xs {
        height: auto
    }
    .pos-a-xs {
        position: absolute
    }
    .pos-r-xs {
        position: relative
    }
    .pos-f-xs {
        position: fixed
    }
    .d-b-xs {
        display: block
    }
    .d-n-xs {
        display: none
    }
    .d-i-xs {
        display: inline
    }
    .d-ib-xs {
        display: inline-block
    }
    .d-t-xs {
        display: table
    }
    .d-tbc-xs {
        display: table-cell
    }
    .d-tbr-xs {
        display: table-row
    }
    .ta-c-xs {
        text-align: center
    }
    .ta-l-xs {
        text-align: left
    }
    .ta-r-xs {
        text-align: right
    }
    .va-t-xs {
        vertical-align: top
    }
    .va-b-xs {
        vertical-align: bottom
    }
    .va-m-xs {
        vertical-align: middle
    }
    .fl-l-xs {
        float: left
    }
    .fl-r-xs {
        float: right
    }
    .cl-xs {
        clear: both
    }
    .bdw-1-xs {
        border-width: 1px
    }
    .bdtw-1-xs {
        border-top-width: 1px
    }
    .bdrw-1-xs {
        border-right-width: 1px
    }
    .bdbw-1-xs {
        border-bottom-width: 1px
    }
    .bdlw-1-xs {
        border-left-width: 1px
    }
    .bdw-2-xs {
        border-width: 2px
    }
    .bdtw-2-xs {
        border-top-width: 2px
    }
    .bdrw-2-xs {
        border-right-width: 2px
    }
    .bdbw-2-xs {
        border-bottom-width: 2px
    }
    .bdlw-2-xs {
        border-left-width: 2px
    }
    .bdw-3-xs {
        border-width: 3px
    }
    .bdtw-3-xs {
        border-top-width: 3px
    }
    .bdrw-3-xs {
        border-right-width: 3px
    }
    .bdbw-3-xs {
        border-bottom-width: 3px
    }
    .bdlw-3-xs {
        border-left-width: 3px
    }
    .bdw-4-xs {
        border-width: 4px
    }
    .bdtw-4-xs {
        border-top-width: 4px
    }
    .bdrw-4-xs {
        border-right-width: 4px
    }
    .bdbw-4-xs {
        border-bottom-width: 4px
    }
    .bdlw-4-xs {
        border-left-width: 4px
    }
    .bdw-5-xs {
        border-width: 5px
    }
    .bdtw-5-xs {
        border-top-width: 5px
    }
    .bdrw-5-xs {
        border-right-width: 5px
    }
    .bdbw-5-xs {
        border-bottom-width: 5px
    }
    .bdlw-5-xs {
        border-left-width: 5px
    }
    .bdw-10-xs {
        border-width: 10px
    }
    .bdtw-10-xs {
        border-top-width: 10px
    }
    .bdrw-10-xs {
        border-right-width: 10px
    }
    .bdbw-10-xs {
        border-bottom-width: 10px
    }
    .bdlw-10-xs {
        border-left-width: 10px
    }
    .bds-s-xs {
        border-style: solid
    }
    .bds-ds-xs {
        border-style: dashed
    }
    .bds-dt-xs {
        border-style: dotted
    }
    .bds-n-xs {
        border-style: none
    }
}

@media (min-width:768px) {
    .fz-8-sm {
        font-size: 8px
    }
    .fz-9-sm {
        font-size: 9px
    }
    .fz-10-sm {
        font-size: 10px
    }
    .fz-11-sm {
        font-size: 11px
    }
    .fz-12-sm {
        font-size: 12px
    }
    .fz-13-sm {
        font-size: 13px
    }
    .fz-14-sm {
        font-size: 14px
    }
    .fz-15-sm {
        font-size: 15px
    }
    .fz-16-sm {
        font-size: 16px
    }
    .fz-17-sm {
        font-size: 17px
    }
    .fz-18-sm {
        font-size: 18px
    }
    .fz-19-sm {
        font-size: 19px
    }
    .fz-20-sm {
        font-size: 20px
    }
    .fz-21-sm {
        font-size: 21px
    }
    .fz-22-sm {
        font-size: 22px
    }
    .fz-23-sm {
        font-size: 23px
    }
    .fz-24-sm {
        font-size: 24px
    }
    .fz-25-sm {
        font-size: 25px
    }
    .fz-26-sm {
        font-size: 26px
    }
    .fz-27-sm {
        font-size: 27px
    }
    .fz-28-sm {
        font-size: 28px
    }
    .fz-29-sm {
        font-size: 29px
    }
    .fz-30-sm {
        font-size: 30px
    }
    .fz-32-sm {
        font-size: 32px
    }
    .fz-40-sm {
        font-size: 40px
    }
    .fw-b-sm {
        font-weight: 700
    }
    .fw-n-sm {
        font-weight: 400
    }
    .lh-1em-sm {
        line-height: 1em
    }
    .lh-1_25em-sm {
        line-height: 1.25em
    }
    .lh-1_5em-sm {
        line-height: 1.5em
    }
    .lh-1_75em-sm {
        line-height: 1.75em
    }
    .m-0-sm {
        margin: 0
    }
    .mt-0-sm {
        margin-top: 0
    }
    .mr-0-sm {
        margin-right: 0
    }
    .mb-0-sm {
        margin-bottom: 0
    }
    .ml-0-sm {
        margin-left: 0
    }
    .m-5-sm {
        margin: 5px
    }
    .mt-5-sm {
        margin-top: 5px
    }
    .mr-5-sm {
        margin-right: 5px
    }
    .mb-5-sm {
        margin-bottom: 5px
    }
    .ml-5-sm {
        margin-left: 5px
    }
    .m-10-sm {
        margin: 10px
    }
    .mt-10-sm {
        margin-top: 10px
    }
    .mr-10-sm {
        margin-right: 10px
    }
    .mb-10-sm {
        margin-bottom: 10px
    }
    .ml-10-sm {
        margin-left: 10px
    }
    .m-15-sm {
        margin: 15px
    }
    .mt-15-sm {
        margin-top: 15px
    }
    .mr-15-sm {
        margin-right: 15px
    }
    .mb-15-sm {
        margin-bottom: 15px
    }
    .ml-15-sm {
        margin-left: 15px
    }
    .m-20-sm {
        margin: 20px
    }
    .mt-20-sm {
        margin-top: 20px
    }
    .mr-20-sm {
        margin-right: 20px
    }
    .mb-20-sm {
        margin-bottom: 20px
    }
    .ml-20-sm {
        margin-left: 20px
    }
    .m-25-sm {
        margin: 25px
    }
    .mt-25-sm {
        margin-top: 25px
    }
    .mr-25-sm {
        margin-right: 25px
    }
    .mb-25-sm {
        margin-bottom: 25px
    }
    .ml-25-sm {
        margin-left: 25px
    }
    .m-30-sm {
        margin: 30px
    }
    .mt-30-sm {
        margin-top: 30px
    }
    .mr-30-sm {
        margin-right: 30px
    }
    .mb-30-sm {
        margin-bottom: 30px
    }
    .ml-30-sm {
        margin-left: 30px
    }
    .m-40-sm {
        margin: 40px
    }
    .mt-40-sm {
        margin-top: 40px
    }
    .mr-40-sm {
        margin-right: 40px
    }
    .mb-40-sm {
        margin-bottom: 40px
    }
    .ml-40-sm {
        margin-left: 40px
    }
    .m-50-sm {
        margin: 50px
    }
    .mt-50-sm {
        margin-top: 50px
    }
    .mr-50-sm {
        margin-right: 50px
    }
    .mb-50-sm {
        margin-bottom: 50px
    }
    .ml-50-sm {
        margin-left: 50px
    }
    .m-60-sm {
        margin: 60px
    }
    .mt-60-sm {
        margin-top: 60px
    }
    .mr-60-sm {
        margin-right: 60px
    }
    .mb-60-sm {
        margin-bottom: 60px
    }
    .ml-60-sm {
        margin-left: 60px
    }
    .m-70-sm {
        margin: 70px
    }
    .mt-70-sm {
        margin-top: 70px
    }
    .mr-70-sm {
        margin-right: 70px
    }
    .mb-70-sm {
        margin-bottom: 70px
    }
    .ml-70-sm {
        margin-left: 70px
    }
    .m-80-sm {
        margin: 80px
    }
    .mt-80-sm {
        margin-top: 80px
    }
    .mr-80-sm {
        margin-right: 80px
    }
    .mb-80-sm {
        margin-bottom: 80px
    }
    .ml-80-sm {
        margin-left: 80px
    }
    .m-90-sm {
        margin: 90px
    }
    .mt-90-sm {
        margin-top: 90px
    }
    .mr-90-sm {
        margin-right: 90px
    }
    .mb-90-sm {
        margin-bottom: 90px
    }
    .ml-90-sm {
        margin-left: 90px
    }
    .m-100-sm {
        margin: 100px
    }
    .mt-100-sm {
        margin-top: 100px
    }
    .mr-100-sm {
        margin-right: 100px
    }
    .mb-100-sm {
        margin-bottom: 100px
    }
    .ml-100-sm {
        margin-left: 100px
    }
    .m-10per-sm {
        margin: 10%
    }
    .mt-10per-sm {
        margin-top: 10%
    }
    .mr-10per-sm {
        margin-right: 10%
    }
    .mb-10per-sm {
        margin-bottom: 10%
    }
    .ml-10per-sm {
        margin-left: 10%
    }
    .m-20per-sm {
        margin: 20%
    }
    .mt-20per-sm {
        margin-top: 20%
    }
    .mr-20per-sm {
        margin-right: 20%
    }
    .mb-20per-sm {
        margin-bottom: 20%
    }
    .ml-20per-sm {
        margin-left: 20%
    }
    .m-30per-sm {
        margin: 30%
    }
    .mt-30per-sm {
        margin-top: 30%
    }
    .mr-30per-sm {
        margin-right: 30%
    }
    .mb-30per-sm {
        margin-bottom: 30%
    }
    .ml-30per-sm {
        margin-left: 30%
    }
    .m-40per-sm {
        margin: 40%
    }
    .mt-40per-sm {
        margin-top: 40%
    }
    .mr-40per-sm {
        margin-right: 40%
    }
    .mb-40per-sm {
        margin-bottom: 40%
    }
    .ml-40per-sm {
        margin-left: 40%
    }
    .m-50per-sm {
        margin: 50%
    }
    .mt-50per-sm {
        margin-top: 50%
    }
    .mr-50per-sm {
        margin-right: 50%
    }
    .mb-50per-sm {
        margin-bottom: 50%
    }
    .ml-50per-sm {
        margin-left: 50%
    }
    .m-60per-sm {
        margin: 60%
    }
    .mt-60per-sm {
        margin-top: 60%
    }
    .mr-60per-sm {
        margin-right: 60%
    }
    .mb-60per-sm {
        margin-bottom: 60%
    }
    .ml-60per-sm {
        margin-left: 60%
    }
    .m-70per-sm {
        margin: 70%
    }
    .mt-70per-sm {
        margin-top: 70%
    }
    .mr-70per-sm {
        margin-right: 70%
    }
    .mb-70per-sm {
        margin-bottom: 70%
    }
    .ml-70per-sm {
        margin-left: 70%
    }
    .m-80per-sm {
        margin: 80%
    }
    .mt-80per-sm {
        margin-top: 80%
    }
    .mr-80per-sm {
        margin-right: 80%
    }
    .mb-80per-sm {
        margin-bottom: 80%
    }
    .ml-80per-sm {
        margin-left: 80%
    }
    .m-90per-sm {
        margin: 90%
    }
    .mt-90per-sm {
        margin-top: 90%
    }
    .mr-90per-sm {
        margin-right: 90%
    }
    .mb-90per-sm {
        margin-bottom: 90%
    }
    .ml-90per-sm {
        margin-left: 90%
    }
    .m-100per-sm {
        margin: 100%
    }
    .mt-100per-sm {
        margin-top: 100%
    }
    .mr-100per-sm {
        margin-right: 100%
    }
    .mb-100per-sm {
        margin-bottom: 100%
    }
    .ml-100per-sm {
        margin-left: 100%
    }
    .p-0-sm {
        padding: 0
    }
    .pt-0-sm {
        padding-top: 0
    }
    .pr-0-sm {
        padding-right: 0
    }
    .pb-0-sm {
        padding-bottom: 0
    }
    .pl-0-sm {
        padding-left: 0
    }
    .p-5-sm {
        padding: 5px
    }
    .pt-5-sm {
        padding-top: 5px
    }
    .pr-5-sm {
        padding-right: 5px
    }
    .pb-5-sm {
        padding-bottom: 5px
    }
    .pl-5-sm {
        padding-left: 5px
    }
    .p-10-sm {
        padding: 10px
    }
    .pt-10-sm {
        padding-top: 10px
    }
    .pr-10-sm {
        padding-right: 10px
    }
    .pb-10-sm {
        padding-bottom: 10px
    }
    .pl-10-sm {
        padding-left: 10px
    }
    .p-15-sm {
        padding: 15px
    }
    .pt-15-sm {
        padding-top: 15px
    }
    .pr-15-sm {
        padding-right: 15px
    }
    .pb-15-sm {
        padding-bottom: 15px
    }
    .pl-15-sm {
        padding-left: 15px
    }
    .p-20-sm {
        padding: 20px
    }
    .pt-20-sm {
        padding-top: 20px
    }
    .pr-20-sm {
        padding-right: 20px
    }
    .pb-20-sm {
        padding-bottom: 20px
    }
    .pl-20-sm {
        padding-left: 20px
    }
    .p-25-sm {
        padding: 25px
    }
    .pt-25-sm {
        padding-top: 25px
    }
    .pr-25-sm {
        padding-right: 25px
    }
    .pb-25-sm {
        padding-bottom: 25px
    }
    .pl-25-sm {
        padding-left: 25px
    }
    .p-30-sm {
        padding: 30px
    }
    .pt-30-sm {
        padding-top: 30px
    }
    .pr-30-sm {
        padding-right: 30px
    }
    .pb-30-sm {
        padding-bottom: 30px
    }
    .pl-30-sm {
        padding-left: 30px
    }
    .p-40-sm {
        padding: 40px
    }
    .pt-40-sm {
        padding-top: 40px
    }
    .pr-40-sm {
        padding-right: 40px
    }
    .pb-40-sm {
        padding-bottom: 40px
    }
    .pl-40-sm {
        padding-left: 40px
    }
    .p-50-sm {
        padding: 50px
    }
    .pt-50-sm {
        padding-top: 50px
    }
    .pr-50-sm {
        padding-right: 50px
    }
    .pb-50-sm {
        padding-bottom: 50px
    }
    .pl-50-sm {
        padding-left: 50px
    }
    .p-60-sm {
        padding: 60px
    }
    .pt-60-sm {
        padding-top: 60px
    }
    .pr-60-sm {
        padding-right: 60px
    }
    .pb-60-sm {
        padding-bottom: 60px
    }
    .pl-60-sm {
        padding-left: 60px
    }
    .p-70-sm {
        padding: 70px
    }
    .pt-70-sm {
        padding-top: 70px
    }
    .pr-70-sm {
        padding-right: 70px
    }
    .pb-70-sm {
        padding-bottom: 70px
    }
    .pl-70-sm {
        padding-left: 70px
    }
    .p-80-sm {
        padding: 80px
    }
    .pt-80-sm {
        padding-top: 80px
    }
    .pr-80-sm {
        padding-right: 80px
    }
    .pb-80-sm {
        padding-bottom: 80px
    }
    .pl-80-sm {
        padding-left: 80px
    }
    .p-90-sm {
        padding: 90px
    }
    .pt-90-sm {
        padding-top: 90px
    }
    .pr-90-sm {
        padding-right: 90px
    }
    .pb-90-sm {
        padding-bottom: 90px
    }
    .pl-90-sm {
        padding-left: 90px
    }
    .p-100-sm {
        padding: 100px
    }
    .pt-100-sm {
        padding-top: 100px
    }
    .pr-100-sm {
        padding-right: 100px
    }
    .pb-100-sm {
        padding-bottom: 100px
    }
    .pl-100-sm {
        padding-left: 100px
    }
    .p-10per-sm {
        padding: 10%
    }
    .pt-10per-sm {
        padding-top: 10%
    }
    .pr-10per-sm {
        padding-right: 10%
    }
    .pb-10per-sm {
        padding-bottom: 10%
    }
    .pl-10per-sm {
        padding-left: 10%
    }
    .p-20per-sm {
        padding: 20%
    }
    .pt-20per-sm {
        padding-top: 20%
    }
    .pr-20per-sm {
        padding-right: 20%
    }
    .pb-20per-sm {
        padding-bottom: 20%
    }
    .pl-20per-sm {
        padding-left: 20%
    }
    .p-30per-sm {
        padding: 30%
    }
    .pt-30per-sm {
        padding-top: 30%
    }
    .pr-30per-sm {
        padding-right: 30%
    }
    .pb-30per-sm {
        padding-bottom: 30%
    }
    .pl-30per-sm {
        padding-left: 30%
    }
    .p-40per-sm {
        padding: 40%
    }
    .pt-40per-sm {
        padding-top: 40%
    }
    .pr-40per-sm {
        padding-right: 40%
    }
    .pb-40per-sm {
        padding-bottom: 40%
    }
    .pl-40per-sm {
        padding-left: 40%
    }
    .p-50per-sm {
        padding: 50%
    }
    .pt-50per-sm {
        padding-top: 50%
    }
    .pr-50per-sm {
        padding-right: 50%
    }
    .pb-50per-sm {
        padding-bottom: 50%
    }
    .pl-50per-sm {
        padding-left: 50%
    }
    .p-60per-sm {
        padding: 60%
    }
    .pt-60per-sm {
        padding-top: 60%
    }
    .pr-60per-sm {
        padding-right: 60%
    }
    .pb-60per-sm {
        padding-bottom: 60%
    }
    .pl-60per-sm {
        padding-left: 60%
    }
    .p-70per-sm {
        padding: 70%
    }
    .pt-70per-sm {
        padding-top: 70%
    }
    .pr-70per-sm {
        padding-right: 70%
    }
    .pb-70per-sm {
        padding-bottom: 70%
    }
    .pl-70per-sm {
        padding-left: 70%
    }
    .p-80per-sm {
        padding: 80%
    }
    .pt-80per-sm {
        padding-top: 80%
    }
    .pr-80per-sm {
        padding-right: 80%
    }
    .pb-80per-sm {
        padding-bottom: 80%
    }
    .pl-80per-sm {
        padding-left: 80%
    }
    .p-90per-sm {
        padding: 90%
    }
    .pt-90per-sm {
        padding-top: 90%
    }
    .pr-90per-sm {
        padding-right: 90%
    }
    .pb-90per-sm {
        padding-bottom: 90%
    }
    .pl-90per-sm {
        padding-left: 90%
    }
    .p-100per-sm {
        padding: 100%
    }
    .pt-100per-sm {
        padding-top: 100%
    }
    .pr-100per-sm {
        padding-right: 100%
    }
    .pb-100per-sm {
        padding-bottom: 100%
    }
    .pl-100per-sm {
        padding-left: 100%
    }
    .m-a-sm {
        margin: auto
    }
    .ml-a-sm {
        margin-left: auto
    }
    .mr-a-sm {
        margin-right: auto
    }
    .w-100-sm {
        width: 100px
    }
    .h-100-sm {
        height: 100px
    }
    .w-200-sm {
        width: 200px
    }
    .h-200-sm {
        height: 200px
    }
    .w-300-sm {
        width: 300px
    }
    .h-300-sm {
        height: 300px
    }
    .w-400-sm {
        width: 400px
    }
    .h-400-sm {
        height: 400px
    }
    .w-500-sm {
        width: 500px
    }
    .h-500-sm {
        height: 500px
    }
    .w-600-sm {
        width: 600px
    }
    .h-600-sm {
        height: 600px
    }
    .w-700-sm {
        width: 700px
    }
    .h-700-sm {
        height: 700px
    }
    .w-900-sm {
        width: 900px
    }
    .h-900-sm {
        height: 900px
    }
    .w-10per-sm {
        width: 10%
    }
    .h-10per-sm {
        height: 10%
    }
    .w-20per-sm {
        width: 20%
    }
    .h-20per-sm {
        height: 20%
    }
    .w-30per-sm {
        width: 30%
    }
    .h-30per-sm {
        height: 30%
    }
    .w-40per-sm {
        width: 40%
    }
    .h-40per-sm {
        height: 40%
    }
    .w-50per-sm {
        width: 50%
    }
    .h-50per-sm {
        height: 50%
    }
    .w-60per-sm {
        width: 60%
    }
    .h-60per-sm {
        height: 60%
    }
    .w-70per-sm {
        width: 70%
    }
    .h-70per-sm {
        height: 70%
    }
    .w-80per-sm {
        width: 80%
    }
    .h-80per-sm {
        height: 80%
    }
    .w-90per-sm {
        width: 90%
    }
    .h-90per-sm {
        height: 90%
    }
    .w-100per-sm {
        width: 100%
    }
    .h-100per-sm {
        height: 100%
    }
    .w-a-sm {
        width: auto
    }
    .h-a-sm {
        height: auto
    }
    .pos-a-sm {
        position: absolute
    }
    .pos-r-sm {
        position: relative
    }
    .pos-f-sm {
        position: fixed
    }
    .d-b-sm {
        display: block
    }
    .d-n-sm {
        display: none
    }
    .d-i-sm {
        display: inline
    }
    .d-ib-sm {
        display: inline-block
    }
    .d-t-sm {
        display: table
    }
    .d-tbc-sm {
        display: table-cell
    }
    .d-tbr-sm {
        display: table-row
    }
    .ta-c-sm {
        text-align: center
    }
    .ta-l-sm {
        text-align: left
    }
    .ta-r-sm {
        text-align: right
    }
    .va-t-sm {
        vertical-align: top
    }
    .va-b-sm {
        vertical-align: bottom
    }
    .va-m-sm {
        vertical-align: middle
    }
    .fl-l-sm {
        float: left
    }
    .fl-r-sm {
        float: right
    }
    .cl-sm {
        clear: both
    }
    .bdw-1-sm {
        border-width: 1px
    }
    .bdtw-1-sm {
        border-top-width: 1px
    }
    .bdrw-1-sm {
        border-right-width: 1px
    }
    .bdbw-1-sm {
        border-bottom-width: 1px
    }
    .bdlw-1-sm {
        border-left-width: 1px
    }
    .bdw-2-sm {
        border-width: 2px
    }
    .bdtw-2-sm {
        border-top-width: 2px
    }
    .bdrw-2-sm {
        border-right-width: 2px
    }
    .bdbw-2-sm {
        border-bottom-width: 2px
    }
    .bdlw-2-sm {
        border-left-width: 2px
    }
    .bdw-3-sm {
        border-width: 3px
    }
    .bdtw-3-sm {
        border-top-width: 3px
    }
    .bdrw-3-sm {
        border-right-width: 3px
    }
    .bdbw-3-sm {
        border-bottom-width: 3px
    }
    .bdlw-3-sm {
        border-left-width: 3px
    }
    .bdw-4-sm {
        border-width: 4px
    }
    .bdtw-4-sm {
        border-top-width: 4px
    }
    .bdrw-4-sm {
        border-right-width: 4px
    }
    .bdbw-4-sm {
        border-bottom-width: 4px
    }
    .bdlw-4-sm {
        border-left-width: 4px
    }
    .bdw-5-sm {
        border-width: 5px
    }
    .bdtw-5-sm {
        border-top-width: 5px
    }
    .bdrw-5-sm {
        border-right-width: 5px
    }
    .bdbw-5-sm {
        border-bottom-width: 5px
    }
    .bdlw-5-sm {
        border-left-width: 5px
    }
    .bdw-10-sm {
        border-width: 10px
    }
    .bdtw-10-sm {
        border-top-width: 10px
    }
    .bdrw-10-sm {
        border-right-width: 10px
    }
    .bdbw-10-sm {
        border-bottom-width: 10px
    }
    .bdlw-10-sm {
        border-left-width: 10px
    }
    .bds-s-sm {
        border-style: solid
    }
    .bds-ds-sm {
        border-style: dashed
    }
    .bds-dt-sm {
        border-style: dotted
    }
    .bds-n-sm {
        border-style: none
    }
}

@media (min-width:992px) {
    .accordion-red.active .accordion-red-body {
        max-height: 100%
    }
    .accordion-red-head {
        border-radius: 6px 6px 0 0
    }
    .accordion-red-head-icon {
        display: none
    }
    .accordion-red-body {
        max-height: 100%;
        overflow: auto
    }
    .list-queastion {
        display: flex;
        flex-wrap: wrap
    }
    .list-queastion-head {
        width: 200px;
        align-items: center;
        font-size: 14px
    }
    .list-queastion-head-number, .list-queastion-head-text {
        padding: 5px
    }
    .list-queastion-body {
        padding: 3px 0
    }
    .form-radio-label {
        font-size: 14px
    }
    .form-select-wrapper::after {
        top: 6px
    }
    .form-select {
        font-size: 13px;
        padding: 3px 35px 3px 8px
    }
    .button-red {
        transition: all .25s
    }
    .button-red:hover {
        cursor: pointer;
        background-color: #d63232
    }
    .button-green {
        transition: all .25s
    }
    .button-green:hover {
        cursor: pointer;
        background-color: #57ba55
    }
    .l-site-footer-navi-wrap {
        display: flex;
        flex-wrap: wrap
    }
    .l-site-footer-navi {
        width: 50%
    }
    .l-site-footer-navi dd, .l-site-footer-navi dt {
        text-align: center
    }
    .l-site-footer-sub_navi {
        width: 100%
    }
    .l-site-footer-sub_navi ul {
        display: flex;
        flex-direction: row;
        justify-content: center
    }
    .l-site-footer-sub_navi ul li {
        padding: 0 10px 15px
    }
    .l-site-footer-sub_navi ul li a:hover {
        text-decoration: underline
    }
    .l-site-footer-copyright {
        font-size: 10px
    }
    .l-top-keyvisual-inner {
        background-image: none
    }
    .l-top-keyvisual-image {
        max-width: 500px;
        margin: auto
    }
    .l-top-keyvisual-form {
        max-width: 980px;
        margin: auto
    }
    #kvsvg {
        width: 500px;
        height: 480px
    }
    .l-top-failure_success-wrap {
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 100%;
        margin-bottom: 30px;
    }
    .l-top-failure {
        flex-grow: 1;
        width: 50%;
        position: relative;
        background-image: none
    }
    .l-top-failure::before {
        content: "";
        display: block;
        position: absolute;
        background-image: url(/LP2/common/images/share/bg-triangle-blue.svg);
        background-position: right top;
        background-repeat: repeat-x;
        height: 18px;
        top: -18px;
        left: 0;
        right: 0
    }
    .l-top-failure::after {
        content: "";
        display: block;
        position: absolute;
        background-image: url(/LP2/common/images/share/bg-triangle-blue.svg);
        background-position: left;
        background-repeat: repeat-x;
        height: 18px;
        bottom: -18px;
        left: 1px;
        right: 0;
        transform: rotate(180deg)
    }
    .l-top-failure-inner {
        width: auto;
        margin-right: 0;
        margin-left: auto
    }
    .l-top-success {
        flex-grow: 1;
        width: 50%;
        position: relative
    }
    .l-top-success::before {
        content: "";
        display: block;
        position: absolute;
        background-image: url(/LP2/common/images/share/bg-triangle-light-pink.svg);
        background-repeat: repeat-x;
        height: 18px;
        top: -18px;
        left: 0;
        right: 0
    }
    .l-top-success::after {
        content: "";
        display: block;
        position: absolute;
        background-image: url(/LP2/common/images/share/bg-triangle-light-pink.svg);
        background-repeat: repeat-x;
        background-position: right;
        height: 18px;
        bottom: -18px;
        left: 1px;
        right: 0;
        transform: rotate(180deg)
    }
    .l-top-success-inner {
        width: auto;
        margin-right: auto;
        margin-left: 0
    }
    .l-top-start-inner {
        background-image: none;
        max-width: 600px;
        margin: auto
    }
    .l-top-advice-body, .l-top-ranking-body-detail-body, .l-top-ranking-body-reviews-list-wrap, .l-top-ranking-header-body {
        max-width: 600px;
        margin: auto
    }
    .l-top-advice-list {
        padding: 40px 15px
    }
    .l-top-advice-list-inner {
        max-width: 1000px;
        display: flex;
        margin: auto
    }
    .l-top-advice-list-item {
        flex-grow: 1;
        width: 33.3%;
        padding: 0 8px
    }
    .l-top-case-body {
        max-width: 980px;
        margin: auto
    }
    .fz-8-md {
        font-size: 8px
    }
    .fz-9-md {
        font-size: 9px
    }
    .fz-10-md {
        font-size: 10px
    }
    .fz-11-md {
        font-size: 11px
    }
    .fz-12-md {
        font-size: 12px
    }
    .fz-13-md {
        font-size: 13px
    }
    .fz-14-md {
        font-size: 14px
    }
    .fz-15-md {
        font-size: 15px
    }
    .fz-16-md {
        font-size: 16px
    }
    .fz-17-md {
        font-size: 17px
    }
    .fz-18-md {
        font-size: 18px
    }
    .fz-19-md {
        font-size: 19px
    }
    .fz-20-md {
        font-size: 20px
    }
    .fz-21-md {
        font-size: 21px
    }
    .fz-22-md {
        font-size: 22px
    }
    .fz-23-md {
        font-size: 23px
    }
    .fz-24-md {
        font-size: 24px
    }
    .fz-25-md {
        font-size: 25px
    }
    .fz-26-md {
        font-size: 26px
    }
    .fz-27-md {
        font-size: 27px
    }
    .fz-28-md {
        font-size: 28px
    }
    .fz-29-md {
        font-size: 29px
    }
    .fz-30-md {
        font-size: 30px
    }
    .fz-32-md {
        font-size: 32px
    }
    .fz-40-md {
        font-size: 40px
    }
    .fw-b-md {
        font-weight: 700
    }
    .fw-n-md {
        font-weight: 400
    }
    .lh-1em-md {
        line-height: 1em
    }
    .lh-1_25em-md {
        line-height: 1.25em
    }
    .lh-1_5em-md {
        line-height: 1.5em
    }
    .lh-1_75em-md {
        line-height: 1.75em
    }
    .m-0-md {
        margin: 0
    }
    .mt-0-md {
        margin-top: 0
    }
    .mr-0-md {
        margin-right: 0
    }
    .mb-0-md {
        margin-bottom: 0
    }
    .ml-0-md {
        margin-left: 0
    }
    .m-5-md {
        margin: 5px
    }
    .mt-5-md {
        margin-top: 5px
    }
    .mr-5-md {
        margin-right: 5px
    }
    .mb-5-md {
        margin-bottom: 5px
    }
    .ml-5-md {
        margin-left: 5px
    }
    .m-10-md {
        margin: 10px
    }
    .mt-10-md {
        margin-top: 10px
    }
    .mr-10-md {
        margin-right: 10px
    }
    .mb-10-md {
        margin-bottom: 10px
    }
    .ml-10-md {
        margin-left: 10px
    }
    .m-15-md {
        margin: 15px
    }
    .mt-15-md {
        margin-top: 15px
    }
    .mr-15-md {
        margin-right: 15px
    }
    .mb-15-md {
        margin-bottom: 15px
    }
    .ml-15-md {
        margin-left: 15px
    }
    .m-20-md {
        margin: 20px
    }
    .mt-20-md {
        margin-top: 20px
    }
    .mr-20-md {
        margin-right: 20px
    }
    .mb-20-md {
        margin-bottom: 20px
    }
    .ml-20-md {
        margin-left: 20px
    }
    .m-25-md {
        margin: 25px
    }
    .mt-25-md {
        margin-top: 25px
    }
    .mr-25-md {
        margin-right: 25px
    }
    .mb-25-md {
        margin-bottom: 25px
    }
    .ml-25-md {
        margin-left: 25px
    }
    .m-30-md {
        margin: 30px
    }
    .mt-30-md {
        margin-top: 30px
    }
    .mr-30-md {
        margin-right: 30px
    }
    .mb-30-md {
        margin-bottom: 30px
    }
    .ml-30-md {
        margin-left: 30px
    }
    .m-40-md {
        margin: 40px
    }
    .mt-40-md {
        margin-top: 40px
    }
    .mr-40-md {
        margin-right: 40px
    }
    .mb-40-md {
        margin-bottom: 40px
    }
    .ml-40-md {
        margin-left: 40px
    }
    .m-50-md {
        margin: 50px
    }
    .mt-50-md {
        margin-top: 50px
    }
    .mr-50-md {
        margin-right: 50px
    }
    .mb-50-md {
        margin-bottom: 50px
    }
    .ml-50-md {
        margin-left: 50px
    }
    .m-60-md {
        margin: 60px
    }
    .mt-60-md {
        margin-top: 60px
    }
    .mr-60-md {
        margin-right: 60px
    }
    .mb-60-md {
        margin-bottom: 60px
    }
    .ml-60-md {
        margin-left: 60px
    }
    .m-70-md {
        margin: 70px
    }
    .mt-70-md {
        margin-top: 70px
    }
    .mr-70-md {
        margin-right: 70px
    }
    .mb-70-md {
        margin-bottom: 70px
    }
    .ml-70-md {
        margin-left: 70px
    }
    .m-80-md {
        margin: 80px
    }
    .mt-80-md {
        margin-top: 80px
    }
    .mr-80-md {
        margin-right: 80px
    }
    .mb-80-md {
        margin-bottom: 80px
    }
    .ml-80-md {
        margin-left: 80px
    }
    .m-90-md {
        margin: 90px
    }
    .mt-90-md {
        margin-top: 90px
    }
    .mr-90-md {
        margin-right: 90px
    }
    .mb-90-md {
        margin-bottom: 90px
    }
    .ml-90-md {
        margin-left: 90px
    }
    .m-100-md {
        margin: 100px
    }
    .mt-100-md {
        margin-top: 100px
    }
    .mr-100-md {
        margin-right: 100px
    }
    .mb-100-md {
        margin-bottom: 100px
    }
    .ml-100-md {
        margin-left: 100px
    }
    .m-10per-md {
        margin: 10%
    }
    .mt-10per-md {
        margin-top: 10%
    }
    .mr-10per-md {
        margin-right: 10%
    }
    .mb-10per-md {
        margin-bottom: 10%
    }
    .ml-10per-md {
        margin-left: 10%
    }
    .m-20per-md {
        margin: 20%
    }
    .mt-20per-md {
        margin-top: 20%
    }
    .mr-20per-md {
        margin-right: 20%
    }
    .mb-20per-md {
        margin-bottom: 20%
    }
    .ml-20per-md {
        margin-left: 20%
    }
    .m-30per-md {
        margin: 30%
    }
    .mt-30per-md {
        margin-top: 30%
    }
    .mr-30per-md {
        margin-right: 30%
    }
    .mb-30per-md {
        margin-bottom: 30%
    }
    .ml-30per-md {
        margin-left: 30%
    }
    .m-40per-md {
        margin: 40%
    }
    .mt-40per-md {
        margin-top: 40%
    }
    .mr-40per-md {
        margin-right: 40%
    }
    .mb-40per-md {
        margin-bottom: 40%
    }
    .ml-40per-md {
        margin-left: 40%
    }
    .m-50per-md {
        margin: 50%
    }
    .mt-50per-md {
        margin-top: 50%
    }
    .mr-50per-md {
        margin-right: 50%
    }
    .mb-50per-md {
        margin-bottom: 50%
    }
    .ml-50per-md {
        margin-left: 50%
    }
    .m-60per-md {
        margin: 60%
    }
    .mt-60per-md {
        margin-top: 60%
    }
    .mr-60per-md {
        margin-right: 60%
    }
    .mb-60per-md {
        margin-bottom: 60%
    }
    .ml-60per-md {
        margin-left: 60%
    }
    .m-70per-md {
        margin: 70%
    }
    .mt-70per-md {
        margin-top: 70%
    }
    .mr-70per-md {
        margin-right: 70%
    }
    .mb-70per-md {
        margin-bottom: 70%
    }
    .ml-70per-md {
        margin-left: 70%
    }
    .m-80per-md {
        margin: 80%
    }
    .mt-80per-md {
        margin-top: 80%
    }
    .mr-80per-md {
        margin-right: 80%
    }
    .mb-80per-md {
        margin-bottom: 80%
    }
    .ml-80per-md {
        margin-left: 80%
    }
    .m-90per-md {
        margin: 90%
    }
    .mt-90per-md {
        margin-top: 90%
    }
    .mr-90per-md {
        margin-right: 90%
    }
    .mb-90per-md {
        margin-bottom: 90%
    }
    .ml-90per-md {
        margin-left: 90%
    }
    .m-100per-md {
        margin: 100%
    }
    .mt-100per-md {
        margin-top: 100%
    }
    .mr-100per-md {
        margin-right: 100%
    }
    .mb-100per-md {
        margin-bottom: 100%
    }
    .ml-100per-md {
        margin-left: 100%
    }
    .p-0-md {
        padding: 0
    }
    .pt-0-md {
        padding-top: 0
    }
    .pr-0-md {
        padding-right: 0
    }
    .pb-0-md {
        padding-bottom: 0
    }
    .pl-0-md {
        padding-left: 0
    }
    .p-5-md {
        padding: 5px
    }
    .pt-5-md {
        padding-top: 5px
    }
    .pr-5-md {
        padding-right: 5px
    }
    .pb-5-md {
        padding-bottom: 5px
    }
    .pl-5-md {
        padding-left: 5px
    }
    .p-10-md {
        padding: 10px
    }
    .pt-10-md {
        padding-top: 10px
    }
    .pr-10-md {
        padding-right: 10px
    }
    .pb-10-md {
        padding-bottom: 10px
    }
    .pl-10-md {
        padding-left: 10px
    }
    .p-15-md {
        padding: 15px
    }
    .pt-15-md {
        padding-top: 15px
    }
    .pr-15-md {
        padding-right: 15px
    }
    .pb-15-md {
        padding-bottom: 15px
    }
    .pl-15-md {
        padding-left: 15px
    }
    .p-20-md {
        padding: 20px
    }
    .pt-20-md {
        padding-top: 20px
    }
    .pr-20-md {
        padding-right: 20px
    }
    .pb-20-md {
        padding-bottom: 20px
    }
    .pl-20-md {
        padding-left: 20px
    }
    .p-25-md {
        padding: 25px
    }
    .pt-25-md {
        padding-top: 25px
    }
    .pr-25-md {
        padding-right: 25px
    }
    .pb-25-md {
        padding-bottom: 25px
    }
    .pl-25-md {
        padding-left: 25px
    }
    .p-30-md {
        padding: 30px
    }
    .pt-30-md {
        padding-top: 30px
    }
    .pr-30-md {
        padding-right: 30px
    }
    .pb-30-md {
        padding-bottom: 30px
    }
    .pl-30-md {
        padding-left: 30px
    }
    .p-40-md {
        padding: 40px
    }
    .pt-40-md {
        padding-top: 40px
    }
    .pr-40-md {
        padding-right: 40px
    }
    .pb-40-md {
        padding-bottom: 40px
    }
    .pl-40-md {
        padding-left: 40px
    }
    .p-50-md {
        padding: 50px
    }
    .pt-50-md {
        padding-top: 50px
    }
    .pr-50-md {
        padding-right: 50px
    }
    .pb-50-md {
        padding-bottom: 50px
    }
    .pl-50-md {
        padding-left: 50px
    }
    .p-60-md {
        padding: 60px
    }
    .pt-60-md {
        padding-top: 60px
    }
    .pr-60-md {
        padding-right: 60px
    }
    .pb-60-md {
        padding-bottom: 60px
    }
    .pl-60-md {
        padding-left: 60px
    }
    .p-70-md {
        padding: 70px
    }
    .pt-70-md {
        padding-top: 70px
    }
    .pr-70-md {
        padding-right: 70px
    }
    .pb-70-md {
        padding-bottom: 70px
    }
    .pl-70-md {
        padding-left: 70px
    }
    .p-80-md {
        padding: 80px
    }
    .pt-80-md {
        padding-top: 80px
    }
    .pr-80-md {
        padding-right: 80px
    }
    .pb-80-md {
        padding-bottom: 80px
    }
    .pl-80-md {
        padding-left: 80px
    }
    .p-90-md {
        padding: 90px
    }
    .pt-90-md {
        padding-top: 90px
    }
    .pr-90-md {
        padding-right: 90px
    }
    .pb-90-md {
        padding-bottom: 90px
    }
    .pl-90-md {
        padding-left: 90px
    }
    .p-100-md {
        padding: 100px
    }
    .pt-100-md {
        padding-top: 100px
    }
    .pr-100-md {
        padding-right: 100px
    }
    .pb-100-md {
        padding-bottom: 100px
    }
    .pl-100-md {
        padding-left: 100px
    }
    .p-10per-md {
        padding: 10%
    }
    .pt-10per-md {
        padding-top: 10%
    }
    .pr-10per-md {
        padding-right: 10%
    }
    .pb-10per-md {
        padding-bottom: 10%
    }
    .pl-10per-md {
        padding-left: 10%
    }
    .p-20per-md {
        padding: 20%
    }
    .pt-20per-md {
        padding-top: 20%
    }
    .pr-20per-md {
        padding-right: 20%
    }
    .pb-20per-md {
        padding-bottom: 20%
    }
    .pl-20per-md {
        padding-left: 20%
    }
    .p-30per-md {
        padding: 30%
    }
    .pt-30per-md {
        padding-top: 30%
    }
    .pr-30per-md {
        padding-right: 30%
    }
    .pb-30per-md {
        padding-bottom: 30%
    }
    .pl-30per-md {
        padding-left: 30%
    }
    .p-40per-md {
        padding: 40%
    }
    .pt-40per-md {
        padding-top: 40%
    }
    .pr-40per-md {
        padding-right: 40%
    }
    .pb-40per-md {
        padding-bottom: 40%
    }
    .pl-40per-md {
        padding-left: 40%
    }
    .p-50per-md {
        padding: 50%
    }
    .pt-50per-md {
        padding-top: 50%
    }
    .pr-50per-md {
        padding-right: 50%
    }
    .pb-50per-md {
        padding-bottom: 50%
    }
    .pl-50per-md {
        padding-left: 50%
    }
    .p-60per-md {
        padding: 60%
    }
    .pt-60per-md {
        padding-top: 60%
    }
    .pr-60per-md {
        padding-right: 60%
    }
    .pb-60per-md {
        padding-bottom: 60%
    }
    .pl-60per-md {
        padding-left: 60%
    }
    .p-70per-md {
        padding: 70%
    }
    .pt-70per-md {
        padding-top: 70%
    }
    .pr-70per-md {
        padding-right: 70%
    }
    .pb-70per-md {
        padding-bottom: 70%
    }
    .pl-70per-md {
        padding-left: 70%
    }
    .p-80per-md {
        padding: 80%
    }
    .pt-80per-md {
        padding-top: 80%
    }
    .pr-80per-md {
        padding-right: 80%
    }
    .pb-80per-md {
        padding-bottom: 80%
    }
    .pl-80per-md {
        padding-left: 80%
    }
    .p-90per-md {
        padding: 90%
    }
    .pt-90per-md {
        padding-top: 90%
    }
    .pr-90per-md {
        padding-right: 90%
    }
    .pb-90per-md {
        padding-bottom: 90%
    }
    .pl-90per-md {
        padding-left: 90%
    }
    .p-100per-md {
        padding: 100%
    }
    .pt-100per-md {
        padding-top: 100%
    }
    .pr-100per-md {
        padding-right: 100%
    }
    .pb-100per-md {
        padding-bottom: 100%
    }
    .pl-100per-md {
        padding-left: 100%
    }
    .m-a-md {
        margin: auto
    }
    .ml-a-md {
        margin-left: auto
    }
    .mr-a-md {
        margin-right: auto
    }
    .w-100-md {
        width: 100px
    }
    .h-100-md {
        height: 100px
    }
    .w-200-md {
        width: 200px
    }
    .h-200-md {
        height: 200px
    }
    .w-300-md {
        width: 300px
    }
    .h-300-md {
        height: 300px
    }
    .w-400-md {
        width: 400px
    }
    .h-400-md {
        height: 400px
    }
    .w-500-md {
        width: 500px
    }
    .h-500-md {
        height: 500px
    }
    .w-600-md {
        width: 600px
    }
    .h-600-md {
        height: 600px
    }
    .w-700-md {
        width: 700px
    }
    .h-700-md {
        height: 700px
    }
    .w-900-md {
        width: 900px
    }
    .h-900-md {
        height: 900px
    }
    .w-10per-md {
        width: 10%
    }
    .h-10per-md {
        height: 10%
    }
    .w-20per-md {
        width: 20%
    }
    .h-20per-md {
        height: 20%
    }
    .w-30per-md {
        width: 30%
    }
    .h-30per-md {
        height: 30%
    }
    .w-40per-md {
        width: 40%
    }
    .h-40per-md {
        height: 40%
    }
    .w-50per-md {
        width: 50%
    }
    .h-50per-md {
        height: 50%
    }
    .w-60per-md {
        width: 60%
    }
    .h-60per-md {
        height: 60%
    }
    .w-70per-md {
        width: 70%
    }
    .h-70per-md {
        height: 70%
    }
    .w-80per-md {
        width: 80%
    }
    .h-80per-md {
        height: 80%
    }
    .w-90per-md {
        width: 90%
    }
    .h-90per-md {
        height: 90%
    }
    .w-100per-md {
        width: 100%
    }
    .h-100per-md {
        height: 100%
    }
    .w-a-md {
        width: auto
    }
    .h-a-md {
        height: auto
    }
    .pos-a-md {
        position: absolute
    }
    .pos-r-md {
        position: relative
    }
    .pos-f-md {
        position: fixed
    }
    .d-b-md {
        display: block
    }
    .d-n-md {
        display: none
    }
    .d-i-md {
        display: inline
    }
    .d-ib-md {
        display: inline-block
    }
    .d-t-md {
        display: table
    }
    .d-tbc-md {
        display: table-cell
    }
    .d-tbr-md {
        display: table-row
    }
    .ta-c-md {
        text-align: center
    }
    .ta-l-md {
        text-align: left
    }
    .ta-r-md {
        text-align: right
    }
    .va-t-md {
        vertical-align: top
    }
    .va-b-md {
        vertical-align: bottom
    }
    .va-m-md {
        vertical-align: middle
    }
    .fl-l-md {
        float: left
    }
    .fl-r-md {
        float: right
    }
    .cl-md {
        clear: both
    }
    .bdw-1-md {
        border-width: 1px
    }
    .bdtw-1-md {
        border-top-width: 1px
    }
    .bdrw-1-md {
        border-right-width: 1px
    }
    .bdbw-1-md {
        border-bottom-width: 1px
    }
    .bdlw-1-md {
        border-left-width: 1px
    }
    .bdw-2-md {
        border-width: 2px
    }
    .bdtw-2-md {
        border-top-width: 2px
    }
    .bdrw-2-md {
        border-right-width: 2px
    }
    .bdbw-2-md {
        border-bottom-width: 2px
    }
    .bdlw-2-md {
        border-left-width: 2px
    }
    .bdw-3-md {
        border-width: 3px
    }
    .bdtw-3-md {
        border-top-width: 3px
    }
    .bdrw-3-md {
        border-right-width: 3px
    }
    .bdbw-3-md {
        border-bottom-width: 3px
    }
    .bdlw-3-md {
        border-left-width: 3px
    }
    .bdw-4-md {
        border-width: 4px
    }
    .bdtw-4-md {
        border-top-width: 4px
    }
    .bdrw-4-md {
        border-right-width: 4px
    }
    .bdbw-4-md {
        border-bottom-width: 4px
    }
    .bdlw-4-md {
        border-left-width: 4px
    }
    .bdw-5-md {
        border-width: 5px
    }
    .bdtw-5-md {
        border-top-width: 5px
    }
    .bdrw-5-md {
        border-right-width: 5px
    }
    .bdbw-5-md {
        border-bottom-width: 5px
    }
    .bdlw-5-md {
        border-left-width: 5px
    }
    .bdw-10-md {
        border-width: 10px
    }
    .bdtw-10-md {
        border-top-width: 10px
    }
    .bdrw-10-md {
        border-right-width: 10px
    }
    .bdbw-10-md {
        border-bottom-width: 10px
    }
    .bdlw-10-md {
        border-left-width: 10px
    }
    .bds-s-md {
        border-style: solid
    }
    .bds-ds-md {
        border-style: dashed
    }
    .bds-dt-md {
        border-style: dotted
    }
    .bds-n-md {
        border-style: none
    }
}

@media (min-width:1200px) {
    .fz-8-lg {
        font-size: 8px
    }
    .fz-9-lg {
        font-size: 9px
    }
    .fz-10-lg {
        font-size: 10px
    }
    .fz-11-lg {
        font-size: 11px
    }
    .fz-12-lg {
        font-size: 12px
    }
    .fz-13-lg {
        font-size: 13px
    }
    .fz-14-lg {
        font-size: 14px
    }
    .fz-15-lg {
        font-size: 15px
    }
    .fz-16-lg {
        font-size: 16px
    }
    .fz-17-lg {
        font-size: 17px
    }
    .fz-18-lg {
        font-size: 18px
    }
    .fz-19-lg {
        font-size: 19px
    }
    .fz-20-lg {
        font-size: 20px
    }
    .fz-21-lg {
        font-size: 21px
    }
    .fz-22-lg {
        font-size: 22px
    }
    .fz-23-lg {
        font-size: 23px
    }
    .fz-24-lg {
        font-size: 24px
    }
    .fz-25-lg {
        font-size: 25px
    }
    .fz-26-lg {
        font-size: 26px
    }
    .fz-27-lg {
        font-size: 27px
    }
    .fz-28-lg {
        font-size: 28px
    }
    .fz-29-lg {
        font-size: 29px
    }
    .fz-30-lg {
        font-size: 30px
    }
    .fz-32-lg {
        font-size: 32px
    }
    .fz-40-lg {
        font-size: 40px
    }
    .fw-b-lg {
        font-weight: 700
    }
    .fw-n-lg {
        font-weight: 400
    }
    .lh-1em-lg {
        line-height: 1em
    }
    .lh-1_25em-lg {
        line-height: 1.25em
    }
    .lh-1_5em-lg {
        line-height: 1.5em
    }
    .lh-1_75em-lg {
        line-height: 1.75em
    }
    .m-0-lg {
        margin: 0
    }
    .mt-0-lg {
        margin-top: 0
    }
    .mr-0-lg {
        margin-right: 0
    }
    .mb-0-lg {
        margin-bottom: 0
    }
    .ml-0-lg {
        margin-left: 0
    }
    .m-5-lg {
        margin: 5px
    }
    .mt-5-lg {
        margin-top: 5px
    }
    .mr-5-lg {
        margin-right: 5px
    }
    .mb-5-lg {
        margin-bottom: 5px
    }
    .ml-5-lg {
        margin-left: 5px
    }
    .m-10-lg {
        margin: 10px
    }
    .mt-10-lg {
        margin-top: 10px
    }
    .mr-10-lg {
        margin-right: 10px
    }
    .mb-10-lg {
        margin-bottom: 10px
    }
    .ml-10-lg {
        margin-left: 10px
    }
    .m-15-lg {
        margin: 15px
    }
    .mt-15-lg {
        margin-top: 15px
    }
    .mr-15-lg {
        margin-right: 15px
    }
    .mb-15-lg {
        margin-bottom: 15px
    }
    .ml-15-lg {
        margin-left: 15px
    }
    .m-20-lg {
        margin: 20px
    }
    .mt-20-lg {
        margin-top: 20px
    }
    .mr-20-lg {
        margin-right: 20px
    }
    .mb-20-lg {
        margin-bottom: 20px
    }
    .ml-20-lg {
        margin-left: 20px
    }
    .m-25-lg {
        margin: 25px
    }
    .mt-25-lg {
        margin-top: 25px
    }
    .mr-25-lg {
        margin-right: 25px
    }
    .mb-25-lg {
        margin-bottom: 25px
    }
    .ml-25-lg {
        margin-left: 25px
    }
    .m-30-lg {
        margin: 30px
    }
    .mt-30-lg {
        margin-top: 30px
    }
    .mr-30-lg {
        margin-right: 30px
    }
    .mb-30-lg {
        margin-bottom: 30px
    }
    .ml-30-lg {
        margin-left: 30px
    }
    .m-40-lg {
        margin: 40px
    }
    .mt-40-lg {
        margin-top: 40px
    }
    .mr-40-lg {
        margin-right: 40px
    }
    .mb-40-lg {
        margin-bottom: 40px
    }
    .ml-40-lg {
        margin-left: 40px
    }
    .m-50-lg {
        margin: 50px
    }
    .mt-50-lg {
        margin-top: 50px
    }
    .mr-50-lg {
        margin-right: 50px
    }
    .mb-50-lg {
        margin-bottom: 50px
    }
    .ml-50-lg {
        margin-left: 50px
    }
    .m-60-lg {
        margin: 60px
    }
    .mt-60-lg {
        margin-top: 60px
    }
    .mr-60-lg {
        margin-right: 60px
    }
    .mb-60-lg {
        margin-bottom: 60px
    }
    .ml-60-lg {
        margin-left: 60px
    }
    .m-70-lg {
        margin: 70px
    }
    .mt-70-lg {
        margin-top: 70px
    }
    .mr-70-lg {
        margin-right: 70px
    }
    .mb-70-lg {
        margin-bottom: 70px
    }
    .ml-70-lg {
        margin-left: 70px
    }
    .m-80-lg {
        margin: 80px
    }
    .mt-80-lg {
        margin-top: 80px
    }
    .mr-80-lg {
        margin-right: 80px
    }
    .mb-80-lg {
        margin-bottom: 80px
    }
    .ml-80-lg {
        margin-left: 80px
    }
    .m-90-lg {
        margin: 90px
    }
    .mt-90-lg {
        margin-top: 90px
    }
    .mr-90-lg {
        margin-right: 90px
    }
    .mb-90-lg {
        margin-bottom: 90px
    }
    .ml-90-lg {
        margin-left: 90px
    }
    .m-100-lg {
        margin: 100px
    }
    .mt-100-lg {
        margin-top: 100px
    }
    .mr-100-lg {
        margin-right: 100px
    }
    .mb-100-lg {
        margin-bottom: 100px
    }
    .ml-100-lg {
        margin-left: 100px
    }
    .m-10per-lg {
        margin: 10%
    }
    .mt-10per-lg {
        margin-top: 10%
    }
    .mr-10per-lg {
        margin-right: 10%
    }
    .mb-10per-lg {
        margin-bottom: 10%
    }
    .ml-10per-lg {
        margin-left: 10%
    }
    .m-20per-lg {
        margin: 20%
    }
    .mt-20per-lg {
        margin-top: 20%
    }
    .mr-20per-lg {
        margin-right: 20%
    }
    .mb-20per-lg {
        margin-bottom: 20%
    }
    .ml-20per-lg {
        margin-left: 20%
    }
    .m-30per-lg {
        margin: 30%
    }
    .mt-30per-lg {
        margin-top: 30%
    }
    .mr-30per-lg {
        margin-right: 30%
    }
    .mb-30per-lg {
        margin-bottom: 30%
    }
    .ml-30per-lg {
        margin-left: 30%
    }
    .m-40per-lg {
        margin: 40%
    }
    .mt-40per-lg {
        margin-top: 40%
    }
    .mr-40per-lg {
        margin-right: 40%
    }
    .mb-40per-lg {
        margin-bottom: 40%
    }
    .ml-40per-lg {
        margin-left: 40%
    }
    .m-50per-lg {
        margin: 50%
    }
    .mt-50per-lg {
        margin-top: 50%
    }
    .mr-50per-lg {
        margin-right: 50%
    }
    .mb-50per-lg {
        margin-bottom: 50%
    }
    .ml-50per-lg {
        margin-left: 50%
    }
    .m-60per-lg {
        margin: 60%
    }
    .mt-60per-lg {
        margin-top: 60%
    }
    .mr-60per-lg {
        margin-right: 60%
    }
    .mb-60per-lg {
        margin-bottom: 60%
    }
    .ml-60per-lg {
        margin-left: 60%
    }
    .m-70per-lg {
        margin: 70%
    }
    .mt-70per-lg {
        margin-top: 70%
    }
    .mr-70per-lg {
        margin-right: 70%
    }
    .mb-70per-lg {
        margin-bottom: 70%
    }
    .ml-70per-lg {
        margin-left: 70%
    }
    .m-80per-lg {
        margin: 80%
    }
    .mt-80per-lg {
        margin-top: 80%
    }
    .mr-80per-lg {
        margin-right: 80%
    }
    .mb-80per-lg {
        margin-bottom: 80%
    }
    .ml-80per-lg {
        margin-left: 80%
    }
    .m-90per-lg {
        margin: 90%
    }
    .mt-90per-lg {
        margin-top: 90%
    }
    .mr-90per-lg {
        margin-right: 90%
    }
    .mb-90per-lg {
        margin-bottom: 90%
    }
    .ml-90per-lg {
        margin-left: 90%
    }
    .m-100per-lg {
        margin: 100%
    }
    .mt-100per-lg {
        margin-top: 100%
    }
    .mr-100per-lg {
        margin-right: 100%
    }
    .mb-100per-lg {
        margin-bottom: 100%
    }
    .ml-100per-lg {
        margin-left: 100%
    }
    .p-0-lg {
        padding: 0
    }
    .pt-0-lg {
        padding-top: 0
    }
    .pr-0-lg {
        padding-right: 0
    }
    .pb-0-lg {
        padding-bottom: 0
    }
    .pl-0-lg {
        padding-left: 0
    }
    .p-5-lg {
        padding: 5px
    }
    .pt-5-lg {
        padding-top: 5px
    }
    .pr-5-lg {
        padding-right: 5px
    }
    .pb-5-lg {
        padding-bottom: 5px
    }
    .pl-5-lg {
        padding-left: 5px
    }
    .p-10-lg {
        padding: 10px
    }
    .pt-10-lg {
        padding-top: 10px
    }
    .pr-10-lg {
        padding-right: 10px
    }
    .pb-10-lg {
        padding-bottom: 10px
    }
    .pl-10-lg {
        padding-left: 10px
    }
    .p-15-lg {
        padding: 15px
    }
    .pt-15-lg {
        padding-top: 15px
    }
    .pr-15-lg {
        padding-right: 15px
    }
    .pb-15-lg {
        padding-bottom: 15px
    }
    .pl-15-lg {
        padding-left: 15px
    }
    .p-20-lg {
        padding: 20px
    }
    .pt-20-lg {
        padding-top: 20px
    }
    .pr-20-lg {
        padding-right: 20px
    }
    .pb-20-lg {
        padding-bottom: 20px
    }
    .pl-20-lg {
        padding-left: 20px
    }
    .p-25-lg {
        padding: 25px
    }
    .pt-25-lg {
        padding-top: 25px
    }
    .pr-25-lg {
        padding-right: 25px
    }
    .pb-25-lg {
        padding-bottom: 25px
    }
    .pl-25-lg {
        padding-left: 25px
    }
    .p-30-lg {
        padding: 30px
    }
    .pt-30-lg {
        padding-top: 30px
    }
    .pr-30-lg {
        padding-right: 30px
    }
    .pb-30-lg {
        padding-bottom: 30px
    }
    .pl-30-lg {
        padding-left: 30px
    }
    .p-40-lg {
        padding: 40px
    }
    .pt-40-lg {
        padding-top: 40px
    }
    .pr-40-lg {
        padding-right: 40px
    }
    .pb-40-lg {
        padding-bottom: 40px
    }
    .pl-40-lg {
        padding-left: 40px
    }
    .p-50-lg {
        padding: 50px
    }
    .pt-50-lg {
        padding-top: 50px
    }
    .pr-50-lg {
        padding-right: 50px
    }
    .pb-50-lg {
        padding-bottom: 50px
    }
    .pl-50-lg {
        padding-left: 50px
    }
    .p-60-lg {
        padding: 60px
    }
    .pt-60-lg {
        padding-top: 60px
    }
    .pr-60-lg {
        padding-right: 60px
    }
    .pb-60-lg {
        padding-bottom: 60px
    }
    .pl-60-lg {
        padding-left: 60px
    }
    .p-70-lg {
        padding: 70px
    }
    .pt-70-lg {
        padding-top: 70px
    }
    .pr-70-lg {
        padding-right: 70px
    }
    .pb-70-lg {
        padding-bottom: 70px
    }
    .pl-70-lg {
        padding-left: 70px
    }
    .p-80-lg {
        padding: 80px
    }
    .pt-80-lg {
        padding-top: 80px
    }
    .pr-80-lg {
        padding-right: 80px
    }
    .pb-80-lg {
        padding-bottom: 80px
    }
    .pl-80-lg {
        padding-left: 80px
    }
    .p-90-lg {
        padding: 90px
    }
    .pt-90-lg {
        padding-top: 90px
    }
    .pr-90-lg {
        padding-right: 90px
    }
    .pb-90-lg {
        padding-bottom: 90px
    }
    .pl-90-lg {
        padding-left: 90px
    }
    .p-100-lg {
        padding: 100px
    }
    .pt-100-lg {
        padding-top: 100px
    }
    .pr-100-lg {
        padding-right: 100px
    }
    .pb-100-lg {
        padding-bottom: 100px
    }
    .pl-100-lg {
        padding-left: 100px
    }
    .p-10per-lg {
        padding: 10%
    }
    .pt-10per-lg {
        padding-top: 10%
    }
    .pr-10per-lg {
        padding-right: 10%
    }
    .pb-10per-lg {
        padding-bottom: 10%
    }
    .pl-10per-lg {
        padding-left: 10%
    }
    .p-20per-lg {
        padding: 20%
    }
    .pt-20per-lg {
        padding-top: 20%
    }
    .pr-20per-lg {
        padding-right: 20%
    }
    .pb-20per-lg {
        padding-bottom: 20%
    }
    .pl-20per-lg {
        padding-left: 20%
    }
    .p-30per-lg {
        padding: 30%
    }
    .pt-30per-lg {
        padding-top: 30%
    }
    .pr-30per-lg {
        padding-right: 30%
    }
    .pb-30per-lg {
        padding-bottom: 30%
    }
    .pl-30per-lg {
        padding-left: 30%
    }
    .p-40per-lg {
        padding: 40%
    }
    .pt-40per-lg {
        padding-top: 40%
    }
    .pr-40per-lg {
        padding-right: 40%
    }
    .pb-40per-lg {
        padding-bottom: 40%
    }
    .pl-40per-lg {
        padding-left: 40%
    }
    .p-50per-lg {
        padding: 50%
    }
    .pt-50per-lg {
        padding-top: 50%
    }
    .pr-50per-lg {
        padding-right: 50%
    }
    .pb-50per-lg {
        padding-bottom: 50%
    }
    .pl-50per-lg {
        padding-left: 50%
    }
    .p-60per-lg {
        padding: 60%
    }
    .pt-60per-lg {
        padding-top: 60%
    }
    .pr-60per-lg {
        padding-right: 60%
    }
    .pb-60per-lg {
        padding-bottom: 60%
    }
    .pl-60per-lg {
        padding-left: 60%
    }
    .p-70per-lg {
        padding: 70%
    }
    .pt-70per-lg {
        padding-top: 70%
    }
    .pr-70per-lg {
        padding-right: 70%
    }
    .pb-70per-lg {
        padding-bottom: 70%
    }
    .pl-70per-lg {
        padding-left: 70%
    }
    .p-80per-lg {
        padding: 80%
    }
    .pt-80per-lg {
        padding-top: 80%
    }
    .pr-80per-lg {
        padding-right: 80%
    }
    .pb-80per-lg {
        padding-bottom: 80%
    }
    .pl-80per-lg {
        padding-left: 80%
    }
    .p-90per-lg {
        padding: 90%
    }
    .pt-90per-lg {
        padding-top: 90%
    }
    .pr-90per-lg {
        padding-right: 90%
    }
    .pb-90per-lg {
        padding-bottom: 90%
    }
    .pl-90per-lg {
        padding-left: 90%
    }
    .p-100per-lg {
        padding: 100%
    }
    .pt-100per-lg {
        padding-top: 100%
    }
    .pr-100per-lg {
        padding-right: 100%
    }
    .pb-100per-lg {
        padding-bottom: 100%
    }
    .pl-100per-lg {
        padding-left: 100%
    }
    .m-a-lg {
        margin: auto
    }
    .ml-a-lg {
        margin-left: auto
    }
    .mr-a-lg {
        margin-right: auto
    }
    .w-100-lg {
        width: 100px
    }
    .h-100-lg {
        height: 100px
    }
    .w-200-lg {
        width: 200px
    }
    .h-200-lg {
        height: 200px
    }
    .w-300-lg {
        width: 300px
    }
    .h-300-lg {
        height: 300px
    }
    .w-400-lg {
        width: 400px
    }
    .h-400-lg {
        height: 400px
    }
    .w-500-lg {
        width: 500px
    }
    .h-500-lg {
        height: 500px
    }
    .w-600-lg {
        width: 600px
    }
    .h-600-lg {
        height: 600px
    }
    .w-700-lg {
        width: 700px
    }
    .h-700-lg {
        height: 700px
    }
    .w-900-lg {
        width: 900px
    }
    .h-900-lg {
        height: 900px
    }
    .w-10per-lg {
        width: 10%
    }
    .h-10per-lg {
        height: 10%
    }
    .w-20per-lg {
        width: 20%
    }
    .h-20per-lg {
        height: 20%
    }
    .w-30per-lg {
        width: 30%
    }
    .h-30per-lg {
        height: 30%
    }
    .w-40per-lg {
        width: 40%
    }
    .h-40per-lg {
        height: 40%
    }
    .w-50per-lg {
        width: 50%
    }
    .h-50per-lg {
        height: 50%
    }
    .w-60per-lg {
        width: 60%
    }
    .h-60per-lg {
        height: 60%
    }
    .w-70per-lg {
        width: 70%
    }
    .h-70per-lg {
        height: 70%
    }
    .w-80per-lg {
        width: 80%
    }
    .h-80per-lg {
        height: 80%
    }
    .w-90per-lg {
        width: 90%
    }
    .h-90per-lg {
        height: 90%
    }
    .w-100per-lg {
        width: 100%
    }
    .h-100per-lg {
        height: 100%
    }
    .w-a-lg {
        width: auto
    }
    .h-a-lg {
        height: auto
    }
    .pos-a-lg {
        position: absolute
    }
    .pos-r-lg {
        position: relative
    }
    .pos-f-lg {
        position: fixed
    }
    .d-b-lg {
        display: block
    }
    .d-n-lg {
        display: none
    }
    .d-i-lg {
        display: inline
    }
    .d-ib-lg {
        display: inline-block
    }
    .d-t-lg {
        display: table
    }
    .d-tbc-lg {
        display: table-cell
    }
    .d-tbr-lg {
        display: table-row
    }
    .ta-c-lg {
        text-align: center
    }
    .ta-l-lg {
        text-align: left
    }
    .ta-r-lg {
        text-align: right
    }
    .va-t-lg {
        vertical-align: top
    }
    .va-b-lg {
        vertical-align: bottom
    }
    .va-m-lg {
        vertical-align: middle
    }
    .fl-l-lg {
        float: left
    }
    .fl-r-lg {
        float: right
    }
    .cl-lg {
        clear: both
    }
    .bdw-1-lg {
        border-width: 1px
    }
    .bdtw-1-lg {
        border-top-width: 1px
    }
    .bdrw-1-lg {
        border-right-width: 1px
    }
    .bdbw-1-lg {
        border-bottom-width: 1px
    }
    .bdlw-1-lg {
        border-left-width: 1px
    }
    .bdw-2-lg {
        border-width: 2px
    }
    .bdtw-2-lg {
        border-top-width: 2px
    }
    .bdrw-2-lg {
        border-right-width: 2px
    }
    .bdbw-2-lg {
        border-bottom-width: 2px
    }
    .bdlw-2-lg {
        border-left-width: 2px
    }
    .bdw-3-lg {
        border-width: 3px
    }
    .bdtw-3-lg {
        border-top-width: 3px
    }
    .bdrw-3-lg {
        border-right-width: 3px
    }
    .bdbw-3-lg {
        border-bottom-width: 3px
    }
    .bdlw-3-lg {
        border-left-width: 3px
    }
    .bdw-4-lg {
        border-width: 4px
    }
    .bdtw-4-lg {
        border-top-width: 4px
    }
    .bdrw-4-lg {
        border-right-width: 4px
    }
    .bdbw-4-lg {
        border-bottom-width: 4px
    }
    .bdlw-4-lg {
        border-left-width: 4px
    }
    .bdw-5-lg {
        border-width: 5px
    }
    .bdtw-5-lg {
        border-top-width: 5px
    }
    .bdrw-5-lg {
        border-right-width: 5px
    }
    .bdbw-5-lg {
        border-bottom-width: 5px
    }
    .bdlw-5-lg {
        border-left-width: 5px
    }
    .bdw-10-lg {
        border-width: 10px
    }
    .bdtw-10-lg {
        border-top-width: 10px
    }
    .bdrw-10-lg {
        border-right-width: 10px
    }
    .bdbw-10-lg {
        border-bottom-width: 10px
    }
    .bdlw-10-lg {
        border-left-width: 10px
    }
    .bds-s-lg {
        border-style: solid
    }
    .bds-ds-lg {
        border-style: dashed
    }
    .bds-dt-lg {
        border-style: dotted
    }
    .bds-n-lg {
        border-style: none
    }
}

.l-top-ranking-body-reviews-inner-column {
    padding: 30px 15px 17px;
    background-image: url(/LP2/common/images/share/bg-triangle-yellow.svg);
    background-repeat: repeat-x;
    background-position: bottom -1px left 0;
}

.l-top-ranking-body-reviews-list-wrap-column {
    max-width: 800px;
    margin: auto;
    text-align: center;
}

.coulmn-box {
    max-width: 800px;
    margin: auto;
}

.coulmn-obi1 {
    margin: 55px 0 25px;
    padding: 0 0 4px;
    border-bottom: 1px dashed #ed6666;
    font-weight: bold;
    font-size: 1.25em;
    color: #4b3a24;
}

.coulmn-obi2 {
    margin: 0px 0 25px;
    padding: 0 0 0 10px;
    font-weight: bold;
    border-left: 5px solid #ed6666;
    font-size: 1.2em;
    color: #4b3a24;
}

.coulmn-obi3 {
    margin: 20px 0 0;
    padding: 10px 0;
    border-top: 2px solid #ed6666;
    border-bottom: 2px solid #ed6666;
    font-weight: bold;
    font-size: 1.5em;
    color: #4b3a24;
    display: block;
}

.question {
    display: block;
    margin-bottom: 5px;
    padding: 10px 0 10px 65px;
    background: url(/LP2/common/images/pages/column/icon-q.png) left 3px no-repeat;
    font-size: 1.25em;
}

.answer {
    display: block;
    margin-left: 0;
    margin-bottom: 30px;
    padding: 4px 0 10px 65px;
    background: url(/LP2/common/images/pages/column/icon-a.png) left 3px no-repeat;
}

.sortset {
    display: table;
    margin-top: 10px;
    font-size: 10px;
    margin: auto;
    background-color: #ffd54f;
    width: 100%;
}

.sortsetbox {
    margin: auto;
    text-align: -webkit-center;
}

.sortset dl {
    display: table-cell;
    padding: 7px 10px 4px 10px;
    line-height: 1em;
    vertical-align: top;
}

.sortset dd {
    float: left;
    padding: 3px 20px 3px 0;
}

@media (max-width:480px) {
    .sortset dd {
        padding: 3px 10px 3px 0;
    }
}

.sortset dd a {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-left: 3px;
    border-radius: 3px;
    background: #999;
    background-image: url(/LP2/common/images/share/arrow_down.svg);
    background-image: url(/LP2/common/images/share/arrow_down.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    vertical-align: middle;
    cursor: pointer;
}

.sortset dd a:first-child {
    margin-left: 6px;
    background-image: url(/LP2/common/images/share/arrow_up.svg);
    background-image: url(/LP2/common/images/share/arrow_up.png)\9;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

div.submit_btn {
    padding: 10px;
    overflow: hidden;
    margin: 10px 0;
}

a.jump_btn:before {
	background-color: rgba(255, 255, 255, 0.9);
	content: "";
	height: 70px;
	position: relative;
	float: left;
	/* margin-top: -30px; */
	transform: skewX(-45deg);
	animation-duration: 1.5s;
	animation-name: changex;
	animation-iteration-count: infinite;
	width: 1em;
}

@keyframes changex {
    from {
        left: -180%;
    }
    to {
        left: 150%;
        opacity: 0.8;
        display: none
    }
}

.nored {
    /* color: #e15047; */
    /* font-size: 150%; */
    -webkit-animation: blink 1s ease-in-out infinite alternate;
    -moz-animation: blink 1s ease-in-out infinite alternate;
    animation: blink 1s ease-in-out infinite alternate;
}

@media (max-width:480px) {
    .nored {
        /* color: #e15047; */
        /* font-size: 6vw; */
        -webkit-animation: blink 1s ease-in-out infinite alternate;
        -moz-animation: blink 1s ease-in-out infinite alternate;
        animation: blink 1s ease-in-out infinite alternate;
    }
}

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.popup-notification{
	position: fixed;
	z-index: 110;
	bottom: 30px;
	right: 30px;
	width: 240px;
}
.popup-notification .message{
	position: fixed;
	width: 230px;
	height: 40px;
	margin-top: 15px;
	box-sizing: border-box;
	padding: 8px 10px 0 10px;
	background: #E95F64;
	border-radius: 4px;
    -webkit-transition: bottom 0.5s;
    -moz-transition: bottom 0.5s;
    transition: bottom 0.5s;
    display:none;
    bottom: 30px;
    right: 30px;
}
.popup-notification .message .txt{
	text-align: left !important;
	color: #FFF !important;
	line-height: 1.5 !important;
	font-size: 14px !important;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif !important;
}
.popup-notification .message .delete{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 16px;
	height: 16px;
	background: #666;
	border-radius: 8px;
}
.popup-notification .message .delete a{
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
}
.popup-notification .message .delete a:before{
	display: block;
	content: "";
	position: absolute;
	top: 7px;
	right: 3px;
	width: 10px;
	border-top: 2px solid #FFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.popup-notification .message .delete a:after{
	display: block;
	content: "";
	position: absolute;
	top: 7px;
	right: 3px;
	width: 10px;
	border-top: 2px solid #FFF;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.jobbutton {
    display: none;
}

@media screen and (max-width: 480px) {

    .jobbutton {
        text-align: center;
        display: block;
    }

    .btn-square-top {
      display: inline-block;
      padding: 13px 1em;
      text-decoration: none;
      background: #7BBBFB;/*ボタン色*/
      color: #FFF;
      border-bottom: solid 4px #627295;
      border-radius: 3px;
      width: 32%;
      text-align: center;
      margin-bottom: 10px;
      line-height: 20px;
      font-size: 14px;
    }

    .btn-square-top:active {
      /*ボタンを押したとき*/
      -webkit-transform: translateY(4px);
      transform: translateY(4px);/*下に動く*/
      border-bottom: none;/*線を消す*/
    }

    .btn-square-bottom {
      display: inline-block;
      padding: 13px 1em;
      text-decoration: none;
      background: #F7A7CA;/*ボタン色*/
      color: #FFF;
      border-bottom: solid 4px #627295;
      border-radius: 3px;
      width: 32%;
      text-align: center;
      margin-bottom: 10px;
      line-height: 20px;
      font-size: 14px;
    }

    .btn-square-bottom:active {
      /*ボタンを押したとき*/
      -webkit-transform: translateY(4px);
      transform: translateY(4px);/*下に動く*/
      border-bottom: none;/*線を消す*/
    }

}

.bk-white {
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: 15px;
    margin-bottom: 10px;
}

.rank-table-div {
    /* background-color: #ffd54f; */
    padding: 10px 15px 20px;
}

#text2 {
    overflow: hidden;
    padding: 0;
    position: relative;
    margin: 0;
    margin-top: 10px;
}

.rank-table th, .rank-table td {
    font-size: 14px;
    text-align: center;
}

.rank-table table, .rank-table td, .rank-table th {
    border: solid 1px #BABABA;
    line-height: 150%;
}

.rank-table th.colh {
    padding: 5px;
    background-color: #F7CFD3;
    color: #000;
}

.rank-table th.rowh {
    padding: 5px;
    background-color: #DFDFDF;
    color: #000;
    letter-spacing: .2em;
    min-height: 3.6em;
    padding: -1em 1%;
    -ms-writing-mode: tb-lr;
}

.rank-table td {
    padding: 5px;
    background-color: #fff;
    font-size: 0.8em;
    text-align: center;
}

.ranknoimg {
    width: 38px;
}

.rank-table-vtop {
    vertical-align: top;
}

.check {
    text-align: right;
    font-size: 12px;
    margin-top: 2px;
}

.fzs2 {
    font-size: 0.875em !important;
}

.btn {
    line-height: 1;
    display: block;
    min-width: 24px;
    padding: .5em;
    border: 1px solid #b8c2cc;
    border-radius: 50px;
    text-align: center;
    font-weight: bold;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.1);
    margin-top: 3px;
    margin-bottom: 3px;
}

a:link, a:visited, a:active, a:hover {
    text-decoration: none;
 }

a {
    /* color: #333; */
}

.no-bottom {
    padding-bottom: 0;
}