@charset 'UTF-8';
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
html {
    font-family: sans-serif;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */
}
/** Remove the margin in all browsers (opinionated). */
body {
    margin: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    font-size: .01em;
    height: 0;
    overflow: hidden;
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
}
.clear {
    clear: both;
}
.br-sp {
    display: none;
}

.txt70{
    font-size:70%;
}

/* HTML5 display definitions ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    /* 1 */
    display: block;
}
/** Add the correct display in IE 9-. */
audio,
canvas,
progress,
video {
    display: inline-block;
}
/** Add the correct display in iOS 4-7. */
audio:not([controls]) {
    display: none;
    height: 0;
}
/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {
    vertical-align: baseline;
}
/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
template,
[hidden] {
    display: none;
}
/* Links ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}
/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active,
a:hover {
    outline-width: 0;
}
/* Text-level semantics ========================================================================== */
/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline dotted;
    /* 2 */
    text-decoration: underline;
    /* 2 */
}
/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b,
strong {
    font-weight: inherit;
}
/** Add the correct font weight in Chrome, Edge, and Safari. */
b,
strong {
    font-weight: bolder;
}
/** Add the correct font style in Android 4.3-. */
dfn {
    font-style: italic;
}
/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
/** Add the correct background and color in IE 9-. */
mark {
    background-color: #ff0;
    color: #000;
}
/** Add the correct font size in all browsers. */
small {
    font-size: 80%;
}
/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10-. */
img {
    border-style: none;
}
/** Hide the overflow in IE. */
svg:not(:root) {
    overflow: hidden;
}
/* Grouping content ========================================================================== */
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}
/** Add the correct margin in IE 8. */
figure {
    margin: 1em 40px;
}
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}
/* Forms ========================================================================== */
/** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button,
input,
select,
textarea {
    font: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
}
/** Restore the font weight unset by the previous rule. */
optgroup {
    font-weight: bold;
}
/** Show the overflow in IE. 1. Show the overflow in Edge. */
button,
input {
    /* 1 */
    overflow: visible;
}
/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button,
select {
    /* 1 */
    text-transform: none;
}
/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button,
html [type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
    /* 2 */
}
/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
    outline: 1px dotted ButtonText;
}
/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}
/** Remove the default vertical scrollbar in IE. */
textarea {
    overflow: auto;
}
/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type='checkbox'],
[type='radio'] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}
/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    height: auto;
}
/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}
/** Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}
/** Correct the text style of placeholders in Chrome, Edge, and Safari. */
::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}
/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}
*,
*::before,
*::after {
    box-sizing: border-box;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
html {
    font-size: 62.5%;
    height: 100%;
}
body {
    color: #111111;
    font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic','Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'メイリオ', Meiryo, sans-serif;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.6;
    position: relative;
    width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-weight:500;
    line-height: 1.5;
    margin: 0;
}
a {
    color: #033cb0;
    text-decoration: underline;
    /*-webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;*/
    transition: 0.6s;
    cursor: pointer;
    cursor: hand;
    display: block;
}
a:hover {
    text-decoration: none;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
img {
    height: auto;
    max-width: 100%;
    width: auto;
}
ul,
ol {
    list-style: none;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
    border-color: #c3eff8;
    border-style: solid;
    border-width: 1px 0 0;
    margin: 30px 0;
}
figure {
    margin: 0;
}
::-moz-selection {
    background: #09baf4;
    color: white;
}
::selection {
    background: #09baf4;
    color: white;
}
::-moz-selection {
    background: #09baf4;
    color: white;
}


/* -----------------------------------
orijin css
----------------------------------- */
/* header */
header {
    width: 100%;
    height: 50px;
    position: relative;
    border-bottom: solid 1px #eee;
}
header .inner {
    max-width: 1000px;
    margin: 0 auto;
    line-height: 50px;
}
header .inner .logo {
    margin-left: 10px;
    line-height: 50px;
    width: 56%;
}
header .inner .logo a {
    display: inline-block;
}
header .inner .logo img{
    vertical-align: middle;
}
header .return-top {
    position: absolute;
    display: inline-block;
    right: 10px;
    top: 10px;
    max-width: 140px;
    width: 36%;
    text-align: center;
    line-height: 30px;
}
@media screen and (max-width: 768px) {
}


/* main */
.main {
    width: 1000px;
    margin: 0 auto;
}


/* keyvisual */
.keyvisual {
    background: #67A5BA;
    text-align: center;
}
.keyvisual h1 {
    max-width: 1100px;
    margin: 0 auto;
}


/* total */
.total{
    max-width: 1100px;
    width: 90%;
    margin:16px auto 0;
}
.total .txt{
    display: none;
    text-align: right;
}
.total .txt.active{
    display: block;
}


/* tab */
.tab .inner{
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 16px;
}
.tab.fixed {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 1000;
}
.tab_list{
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    padding-top: 34px;
}
.tab_list .list{
    position: relative;
    width: 48%;
    padding:24px 2% 24px 6%;
    text-align: center;
    font-size: 2.8rem;
    font-weight:500;
    color: #ffffff;
    cursor: pointer;
}
.tab_list .list{
    background: #a7a7a7;
}
.tab_list .list.accounting.active{
    background: #45a48a;
}
.tab_list .list.company.active{
    background: #2d8ab2;
}
.tab_list .list:before{
    content: "";
    display: block;
    position: absolute;
    left: 13px;
    top: -22px;
    max-width: 90px;
    width: 22%;
    height: 100%;
    background-image:url(../images/icon_accounting.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size:100%;
}
.tab_list .list.company:before{
    background-image:url(../images/icon_company.png);
}
@media screen and (max-width: 768px) {
    .tab_list{
        width: 96%;
    }
    .tab_list .list{
        padding:16px 6%;
        font-size: 3.4vw;
    }
    .tab_list .list:before{
        left: 6px;
    }
}


/* about */
.about.accounting{
    background: #d9e9e4;
    display: none;
}
.about.company{
    background: #d9e6eb;
    display: none;
}
.about.active{
    display: block;
}
.about > .inner{
    max-width: 1000px;
    width: 92%;
    margin: 0 auto;
    padding-top: 34px;
    padding-bottom: 34px;
}
.about .title{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left:64px;
    padding-top:8px;
    padding-bottom:24px;
    min-height: 48px;
    background-position: left top,center bottom;
    background-repeat: no-repeat,repeat-x;
    background-size:48px,auto;
    color: #ffffff;
}
.about.accounting .title{
    background-image:url(../images/icon_accounting.png),url(../images/bg_line.png);
}
.about.company .title{
    background-image:url(../images/icon_company.png),url(../images/bg_line.png);
}
.about .title h2{
    padding-right: 1%;
    font-size: 2.6rem;
    font-weight:500;
}
#accounting.about .title h2{
    color: #2d9075;
}
#company.about .title h2{
    color: #12678c;
}
.about .title .lead{
    width: 74%;
    padding-left: 16px;
    font-size: 1.6rem;
    color: #333333;
}
.about .detail{
    padding-top:48px;
    margin-bottom:24px;
}
.about .detail .question {
    display: flex;
    line-height: 1.0;
    font-weight:500;
    font-size: 3.0rem;
}
#accounting.about .detail .question {
    color: #2d9075;
}
#company.about .detail .question {
    color: #12678c;
}
.about .detail .question h3{
    padding-left: 0.5rem;
    line-height: 1.2;
}
.about .detail .question .number{
    display: block;
    font-size: 6.2rem;
    padding-right: 0.5rem;
    vertical-align: middle;
    font-weight:700;
    white-space: nowrap;
}
.about .detail .question span{
    vertical-align: middle;
    font-weight:700;
}
.about .detail .question small{
    font-size: 1.6rem;
    vertical-align: middle;
}
.about .detail .answer{
    margin-top:24px;
    padding:24px 34px;
    border-radius: 16px;
    background: #ffffff;
}
.about .detail .answer .img{
    text-align:center;
}
.about .detail .answer .txt{
    margin-top: 24px;
    padding-top: 24px;
    background-position: center top;
    background-repeat: repeat-x;
    background-size:auto;
}
.about .detail .answer .txt p{
    font-weight: 600;
}
.about.accounting .detail .answer .txt{
    background-image:url(../images/bg_line_answer_accounting.png);
}
.about.company .detail .answer .txt{
    background-image:url(../images/bg_line_answer_company.png);
}
.about .detail .answer.beside{
    display: flex;
}
.about .detail .answer.beside .img{
    width: 48%;
    padding-right: 4%;
}
.about .detail .answer.beside .txt{
    width: 54%;
    padding-left: 4%;
    padding-top: 0;
    background-position: left top;
    background-repeat: repeat-y;
}
.about.accounting .detail .answer.beside .txt{
    background-image:url(../images/bg_line_answer_accounting_beside.png);
}
.about.company .detail .answer.beside .txt{
    background-image:url(../images/bg_line_answer_company_beside.png);
}
.about .detail .answer.beside .txt .value{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.about.accounting .detail .answer.beside .txt .value{
    color: #45a48a;
}
.about.company .detail .answer.beside .txt .value{
    color: #2d8ab2;
}
.about .detail .answer.beside .txt .value p{
    font-size: 120%;
    padding-right: 6px;
    font-weight:500;
}
.about .detail .answer.beside .txt .value .num{
    letter-spacing: 0.2rem;
    font-size: 620%;
    font-weight:600;
}
.about .detail .answer.beside .txt .value .num span{
    font-size: 64%;
    vertical-align: middle;
}
.about .detail.info{
    margin-top:60px;
    padding-bottom:24px;
    background-image:url(../images/bg_line_answer_accounting.png);
    background-position: center top;
    background-repeat:repeat-x;
    background-size:auto;
}
#company.about .detail.info{
    background-image:url(../images/bg_line_answer_company.png);
}
.about .detail.info h3{
    color: #333333;
    text-align:center;
    font-size: 2.4rem;
    font-weight: 600;
}
.about .detail.info .inner{
    margin-top:24px;
    padding:24px 34px;
    border-radius: 16px;
    background: #ffffff;
}
.about .detail.info .inner dl{
    display: flex;
    justify-content: flex-start;
    padding-top:13px;
    padding-bottom:13px;
    background-image:url(../images/bg_line_info.png);
    background-position: center bottom;
    background-repeat:repeat-x;
    background-size:auto;
}
.about .detail.info .inner dl:last-child{
    background-image:none;
}
.about .detail.info .inner dl dt{
    font-size: 1.8rem;
    font-weight: 500;
    width: 20%;
}
.about .detail.info .inner dl dt span{
    padding-right: 6px;
}
.about.accounting .detail.info .inner dl dt span{
    color: #45A48A;
}
.about.company .detail.info .inner dl dt span{
    color: #2F68A1;
}
.about .detail.info .inner dl dd{
    font-size: 1.8rem;
    font-weight: 500;
    width: 80%;
}
@media screen and (max-width: 960px) {
    .about .detail .answer.beside .txt .value .num{
        font-size: 12vw;
    }
    .about .detail .answer.beside .txt .value p{
        font-size: 2.2vw;
    }
}
@media screen and (max-width: 768px) {
    .about .title{
        display: block;
        padding-left:48px;
        background-size:34px,auto;
    }
    .about .title h2{
        width: 100%;
    }
    .about .title .lead{
        width: 100%;
    }
    .about .detail .question {
        display: block;
        font-size: 2.4rem;
    }
    .about .detail .question .number{
        display: block;
        padding-bottom: 8px;
    }
    .about .detail .answer{
        padding: 24px 4vw;
    }
    .about .detail .answer .txt{
        font-size: 1.6rem;
    }
    .about .detail .answer.beside{
        display: block;
    }
    .about .detail .answer.beside .img{
        width: 80%;
        margin:auto;
        padding-right: 0;
    }
    .about .detail .answer.beside .txt{
        width: 100%;
        background-position: center top;
        background-repeat: repeat-x;
    }
    .about.accounting .detail .answer.beside .txt{
        background-image: url(../images/bg_line_answer_accounting.png);
    }
    .about.company .detail .answer.beside .txt{
        background-image: url(../images/bg_line_answer_company.png);
    }
    .about .detail .answer.beside .txt .value .num{
        font-size: 18vw;
    }
    .about .detail .answer.beside .txt .value p{
        font-size: 3.8vw;
    }
    .about .detail.info .inner dl{
        display: block;
    }
    .about .detail.info .inner dl dt{
        width: 100%;
        padding-bottom: 6px;
    }
    .about .detail.info .inner dl dd{
        width: 100%;
    }
}


/* document */
.document {
    background: #67a5ba;
}
.document.accounting {
    display: none;
}
.document.company {
    display: none;
}
.document.active {
    display: block;
}
.document h3 {
    color: #ffffff;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 600;
}
.document > .inner {
    max-width: 1000px;
    width: 92%;
    margin: 0 auto;
    padding-top: 96px;
    padding-bottom: 64px;
}
.document.company > .inner .detail:last-child {
    padding-top: 60px;
}
.document .detail .outer {
    margin-top: 24px;
    padding: 24px 34px;
    border-radius: 16px;
    background: #ffffff;
}
.document .detail .outer .inner {
    display: flex;
    justify-content: space-between;
}
.document .detail .inner .img {
    width: 52%;
}
.document > .inner .detail:last-child .inner .img {
    max-width: 500px;
}
.document .detail .inner .txt {
    position: relative;
    width: 45%;
    max-width: 420px;
    font-size: 1.8rem;
}
.document .detail .inner .txt iframe {
    margin-top: 12px;
    margin-bottom: 12px;
    width: 100%;
    height: 340px;
}
.document .detail .inner .txt .download .caution {
    font-size: 1.3rem;
}
.document .detail .inner .txt .entry {
    padding-top: 24px;
}
.document .detail .inner .txt .lead {
    padding-bottom: 8px;
    font-size: 2.0rem;
}
.document .detail .inner .txt .lead a:link {
    display: inline;
}
.document .detail .inner .txt .btn {
    max-width: 360px;
    padding-top: 13px;
    margin-right: 0;
    margin-left: auto;
    margin:auto;
}
.document .detail .outer .driven {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}
.document .detail .outer .driven p {
    font-size: 2.0rem;
    font-weight: 700;
}
@media screen and (max-width: 1024px) {
    .document .detail .outer .inner {
        display: block;
    }
    .document .detail .outer .inner .img {
        width: 100%;
        margin: auto;
    }
    .document .detail .outer .inner .txt {
        width: 100%;
        margin: auto;
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .document .detail .outer .inner .txt .btn {
        margin: auto;
    }
}
@media screen and (max-width: 520px) {
    .document .detail .outer {
        padding: 6vw;
    }
}


/* backnumber */
.backnumber{
    background: #efefef;
}
.backnumber h3 {
    text-align: center;
    font-size: 2.4rem;
    font-weight: 600;
}
.backnumber > .inner {
    position: relative;
    max-width: 1000px;
    width: 92%;
    margin: 0 auto;
    padding-top: 96px;
    padding-bottom: 64px;
}
.backnumber .detail .inner {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    padding: 24px 34px;
    border-radius: 16px;
    background: #ffffff;
}
.backnumber .detail .inner .img{
    width: 28%;
}
.backnumber .detail .inner .txt{
    position: relative;
    width: 70%;
    padding-bottom: 56px;
}
.backnumber .detail .inner .txt .btn {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-top: 24px;
    max-width: 160px;
}
.backnumber .topbtn{
    position: absolute;
    bottom: -64px;
    right: 0;
    width: 48px;
}
@media screen and (max-width: 768px) {
    .backnumber .detail .inner{
        padding: 24px 4vw;
    }
    .backnumber .detail .inner .img {
        width: 34%;
    }
    .backnumber .detail .inner .txt{
        width: 62%;
        padding-bottom: 0;
    }
    .backnumber .detail .inner .txt .btn {
        position: relative;
        margin-left: auto;
        padding-top: 24px;
        max-width: 140px;
    }
}

.topbtn{
    max-width: 400px;
    width: 70%;
    margin:48px auto ;
}


/* footer */
footer {
    width: 96%;
    height: 50px;
    margin: 0 auto;
    padding-top: 34px;
    font-size: 1.5rem;
    text-align:center;
}
footer .inner{
    padding-bottom: 24px;
}


/*new-end*/
.u-m0 {
    margin: 0;
}
.u-p0 {
    padding: 0;
}
.u-mt0 {
    margin-top: 0;
}
.u-pt0 {
    padding-top: 0;
}
.u-mr0 {
    margin-right: 0;
}
.u-pr0 {
    padding-right: 0;
}
.u-mb0 {
    margin-bottom: 0;
}
.u-pb0 {
    padding-bottom: 0;
}
.u-ml0 {
    margin-left: 0;
}
.u-pl0 {
    padding-left: 0;
}
.u-m5 {
    margin: 5px;
}
.u-p5 {
    padding: 5px;
}
.u-mt5 {
    margin-top: 5px;
}
.u-pt5 {
    padding-top: 5px;
}
.u-mr5 {
    margin-right: 5px;
}
.u-pr5 {
    padding-right: 5px;
}
.u-mb5 {
    margin-bottom: 5px;
}
.u-pb5 {
    padding-bottom: 5px;
}
.u-ml5 {
    margin-left: 5px;
}
.u-pl5 {
    padding-left: 5px;
}
.u-m10 {
    margin: 10px;
}
.u-p10 {
    padding: 10px;
}
.u-mt10 {
    margin-top: 10px;
}
.u-pt10 {
    padding-top: 10px;
}
.u-mr10 {
    margin-right: 10px;
}
.u-pr10 {
    padding-right: 10px;
}
.u-mb10 {
    margin-bottom: 10px;
}
.u-pb10 {
    padding-bottom: 10px;
}
.u-ml10 {
    margin-left: 10px;
}
.u-pl10 {
    padding-left: 10px;
}
.u-m15 {
    margin: 15px;
}
.u-p15 {
    padding: 15px;
}
.u-mt15 {
    margin-top: 15px;
}
.u-pt15 {
    padding-top: 15px;
}
.u-mr15 {
    margin-right: 15px;
}
.u-pr15 {
    padding-right: 15px;
}
.u-mb15 {
    margin-bottom: 15px;
}
.u-pb15 {
    padding-bottom: 15px;
}
.u-ml15 {
    margin-left: 15px;
}
.u-pl15 {
    padding-left: 15px;
}
.u-m20 {
    margin: 20px;
}
.u-p20 {
    padding: 20px;
}
.u-mt20 {
    margin-top: 20px;
}
.u-pt20 {
    padding-top: 20px;
}
.u-mr20 {
    margin-right: 20px;
}
.u-pr20 {
    padding-right: 20px;
}
.u-mb20 {
    margin-bottom: 20px;
}
.u-pb20 {
    padding-bottom: 20px;
}
.u-ml20 {
    margin-left: 20px;
}
.u-pl20 {
    padding-left: 20px;
}
.u-m25 {
    margin: 25px;
}
.u-p25 {
    padding: 25px;
}
.u-mt25 {
    margin-top: 25px;
}
.u-pt25 {
    padding-top: 25px;
}
.u-mr25 {
    margin-right: 25px;
}
.u-pr25 {
    padding-right: 25px;
}
.u-mb25 {
    margin-bottom: 25px;
}
.u-pb25 {
    padding-bottom: 25px;
}
.u-ml25 {
    margin-left: 25px;
}
.u-pl25 {
    padding-left: 25px;
}
.u-m30 {
    margin: 30px;
}
.u-p30 {
    padding: 30px;
}
.u-mt30 {
    margin-top: 30px;
}
.u-pt30 {
    padding-top: 30px;
}
.u-mr30 {
    margin-right: 30px;
}
.u-pr30 {
    padding-right: 30px;
}
.u-mb30 {
    margin-bottom: 30px;
}
.u-pb30 {
    padding-bottom: 30px;
}
.u-ml30 {
    margin-left: 30px;
}
.u-pl30 {
    padding-left: 30px;
}
.u-m35 {
    margin: 35px;
}
.u-p35 {
    padding: 35px;
}
.u-mt35 {
    margin-top: 35px;
}
.u-pt35 {
    padding-top: 35px;
}
.u-mr35 {
    margin-right: 35px;
}
.u-pr35 {
    padding-right: 35px;
}
.u-mb35 {
    margin-bottom: 35px;
}
.u-pb35 {
    padding-bottom: 35px;
}
.u-ml35 {
    margin-left: 35px;
}
.u-pl35 {
    padding-left: 35px;
}
.u-m40 {
    margin: 40px;
}
.u-p40 {
    padding: 40px;
}
.u-mt40 {
    margin-top: 40px;
}
.u-pt40 {
    padding-top: 40px;
}
.u-mr40 {
    margin-right: 40px;
}
.u-pr40 {
    padding-right: 40px;
}
.u-mb40 {
    margin-bottom: 40px;
}
.u-pb40 {
    padding-bottom: 40px;
}
.u-ml40 {
    margin-left: 40px;
}
.u-pl40 {
    padding-left: 40px;
}
.u-m45 {
    margin: 45px;
}
.u-p45 {
    padding: 45px;
}
.u-mt45 {
    margin-top: 45px;
}
.u-pt45 {
    padding-top: 45px;
}
.u-mr45 {
    margin-right: 45px;
}
.u-pr45 {
    padding-right: 45px;
}
.u-mb45 {
    margin-bottom: 45px;
}
.u-pb45 {
    padding-bottom: 45px;
}
.u-ml45 {
    margin-left: 45px;
}
.u-pl45 {
    padding-left: 45px;
}
.u-m50 {
    margin: 50px;
}
.u-p50 {
    padding: 50px;
}
.u-mt50 {
    margin-top: 50px;
}
.u-pt50 {
    padding-top: 50px;
}
.u-mr50 {
    margin-right: 50px;
}
.u-pr50 {
    padding-right: 50px;
}
.u-mb50 {
    margin-bottom: 50px;
}
.u-pb50 {
    padding-bottom: 50px;
}
.u-ml50 {
    margin-left: 50px;
}
.u-pl50 {
    padding-left: 50px;
}
.u-m55 {
    margin: 55px;
}
.u-p55 {
    padding: 55px;
}
.u-mt55 {
    margin-top: 55px;
}
.u-pt55 {
    padding-top: 55px;
}
.u-mr55 {
    margin-right: 55px;
}
.u-pr55 {
    padding-right: 55px;
}
.u-mb55 {
    margin-bottom: 55px;
}
.u-pb55 {
    padding-bottom: 55px;
}
.u-ml55 {
    margin-left: 55px;
}
.u-pl55 {
    padding-left: 55px;
}
.u-m60 {
    margin: 60px;
}
.u-p60 {
    padding: 60px;
}
.u-mt60 {
    margin-top: 60px;
}
.u-pt60 {
    padding-top: 60px;
}
.u-mr60 {
    margin-right: 60px;
}
.u-pr60 {
    padding-right: 60px;
}
.u-mb60 {
    margin-bottom: 60px;
}
.u-pb60 {
    padding-bottom: 60px;
}
.u-ml60 {
    margin-left: 60px;
}
.u-pl60 {
    padding-left: 60px;
}
.u-m65 {
    margin: 65px;
}
.u-p65 {
    padding: 65px;
}
.u-mt65 {
    margin-top: 65px;
}
.u-pt65 {
    padding-top: 65px;
}
.u-mr65 {
    margin-right: 65px;
}
.u-pr65 {
    padding-right: 65px;
}
.u-mb65 {
    margin-bottom: 65px;
}
.u-pb65 {
    padding-bottom: 65px;
}
.u-ml65 {
    margin-left: 65px;
}
.u-pl65 {
    padding-left: 65px;
}
.u-m70 {
    margin: 70px;
}
.u-p70 {
    padding: 70px;
}
.u-mt70 {
    margin-top: 70px;
}
.u-pt70 {
    padding-top: 70px;
}
.u-mr70 {
    margin-right: 70px;
}
.u-pr70 {
    padding-right: 70px;
}
.u-mb70 {
    margin-bottom: 70px;
}
.u-pb70 {
    padding-bottom: 70px;
}
.u-ml70 {
    margin-left: 70px;
}
.u-pl70 {
    padding-left: 70px;
}
.u-m75 {
    margin: 75px;
}
.u-p75 {
    padding: 75px;
}
.u-mt75 {
    margin-top: 75px;
}
.u-pt75 {
    padding-top: 75px;
}
.u-mr75 {
    margin-right: 75px;
}
.u-pr75 {
    padding-right: 75px;
}
.u-mb75 {
    margin-bottom: 75px;
}
.u-pb75 {
    padding-bottom: 75px;
}
.u-ml75 {
    margin-left: 75px;
}
.u-pl75 {
    padding-left: 75px;
}
.u-m80 {
    margin: 80px;
}
.u-p80 {
    padding: 80px;
}
.u-mt80 {
    margin-top: 80px;
}
.u-pt80 {
    padding-top: 80px;
}
.u-mr80 {
    margin-right: 80px;
}
.u-pr80 {
    padding-right: 80px;
}
.u-mb80 {
    margin-bottom: 80px;
}
.u-pb80 {
    padding-bottom: 80px;
}
.u-ml80 {
    margin-left: 80px;
}
.u-pl80 {
    padding-left: 80px;
}
.u-m85 {
    margin: 85px;
}
.u-p85 {
    padding: 85px;
}
.u-mt85 {
    margin-top: 85px;
}
.u-pt85 {
    padding-top: 85px;
}
.u-mr85 {
    margin-right: 85px;
}
.u-pr85 {
    padding-right: 85px;
}
.u-mb85 {
    margin-bottom: 85px;
}
.u-pb85 {
    padding-bottom: 85px;
}
.u-ml85 {
    margin-left: 85px;
}
.u-pl85 {
    padding-left: 85px;
}
.u-m90 {
    margin: 90px;
}
.u-p90 {
    padding: 90px;
}
.u-mt90 {
    margin-top: 90px;
}
.u-pt90 {
    padding-top: 90px;
}
.u-mr90 {
    margin-right: 90px;
}
.u-pr90 {
    padding-right: 90px;
}
.u-mb90 {
    margin-bottom: 90px;
}
.u-pb90 {
    padding-bottom: 90px;
}
.u-ml90 {
    margin-left: 90px;
}
.u-pl90 {
    padding-left: 90px;
}
.u-m95 {
    margin: 95px;
}
.u-p95 {
    padding: 95px;
}
.u-mt95 {
    margin-top: 95px;
}
.u-pt95 {
    padding-top: 95px;
}
.u-mr95 {
    margin-right: 95px;
}
.u-pr95 {
    padding-right: 95px;
}
.u-mb95 {
    margin-bottom: 95px;
}
.u-pb95 {
    padding-bottom: 95px;
}
.u-ml95 {
    margin-left: 95px;
}
.u-pl95 {
    padding-left: 95px;
}
.u-m100 {
    margin: 100px;
}
.u-p100 {
    padding: 100px;
}
.u-mt100 {
    margin-top: 100px;
}
.u-pt100 {
    padding-top: 100px;
}
.u-mr100 {
    margin-right: 100px;
}
.u-pr100 {
    padding-right: 100px;
}
.u-mb100 {
    margin-bottom: 100px;
}
.u-pb100 {
    padding-bottom: 100px;
}
.u-ml100 {
    margin-left: 100px;
}
.u-pl100 {
    padding-left: 100px;
}
.u-m-auto {
    margin-left: auto;
    margin-right: auto;
}
.u-w0 {
    width: 0;
}
.u-w10 {
    width: 10%;
}
.u-w20 {
    width: 20%;
}
.u-w30 {
    width: 30%;
}
.u-w40 {
    width: 40%;
}
.u-w50 {
    width: 50%;
}
.u-w60 {
    width: 60%;
}
.u-w70 {
    width: 70%;
}
.u-w80 {
    width: 80%;
}
.u-w90 {
    width: 90%;
}
.u-w100 {
    width: 100%;
}
.u-w50px {
    width: 50px;
}
.u-w100px {
    width: 100px;
}
.u-w150px {
    width: 150px;
}
.u-w200px {
    width: 200px;
}
.u-w250px {
    width: 250px;
}
.u-w300px {
    width: 300px;
}
.u-w350px {
    width: 350px;
}
.u-w400px {
    width: 400px;
}
.u-w450px {
    width: 450px;
}
.u-w500px {
    width: 500px;
}