@charset 'UTF-8';
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary
{
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video
{
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls])
{
    display: none;

    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template
{
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html
{
    font-family: sans-serif;

  /* 1 */
        -ms-text-size-adjust: 100%;
  /* 2 */
    -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body
{
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a
{
    background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover
{
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title]
{
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong
{
    font-weight: bold;

    color: #756b59;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn
{
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr
{
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    height: 0;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp
{
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre
{
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q
{
    quotes: '\201C' '\201D' '\2018' '\2019';
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small
{
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sup
{
    top: -.5em;
}

sub
{
    bottom: -.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img
{
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root)
{
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure
{
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset
{
    margin: 0;
    padding: 0;

    border: 0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend
{
  /* 1 */
    padding: 0;

    border: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea
{
    font-family: inherit;
  /* 1 */
    font-size: 100%;

  /* 2 */
    margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input
{
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select
{
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type='button'],
input[type='reset'],
input[type='submit']
{
  /* 2 */
    cursor: pointer;

    -webkit-appearance: button;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled]
{
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],
input[type='radio']
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  /* 1 */
    padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type='search']
{
    -webkit-box-sizing: content-box;
  /* 1 */
       -moz-box-sizing: content-box;
  /* 2 */
            box-sizing: content-box;

    -webkit-appearance: textfield;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner
{
    padding: 0;

    border: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea
{
    overflow: auto;

  /* 1 */
    vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table
{
    border-spacing: 0;
    border-collapse: collapse;
}

/* === /NORMALIZE ===========================================*/
body
{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    font-size: .875rem;
    line-height: 1.8;

    color: #000;
    background-color: #f5f5f4;
}

@media screen and (max-width: 768px)
{
    body
    {
        width: 100%;
    }
}
h1, h2, h3, h4, h5, h6, ul, ol, dl, dd, p
{
    margin: 0;
}

a
{
    text-decoration: none;

    color: #eb0800;
}
a:hover
{
    text-decoration: underline;

    color: #756b59;
}
a:active
{
    text-decoration: underline;

    color: #46769d;
}
a .icon_triangle-right
{
    margin-right: .2em;
}

b
{
    font-weight: bold;
}

i
{
    display: inline-block;
}

em
{
    font-style: normal;
}

ul,
ol
{
    padding-left: 0;

    list-style: none;
}

img
{
    max-width: 100%;

    vertical-align: middle;

    border: 0;
}

th
{
    font-weight: normal;
}

fieldset
{
    margin: 0;
    padding: 0;
}

select,
button,
input,
textarea
{
    font-size: .875rem;

    display: block;

    width: 100%;
    margin: 0;
    padding: 0;

    -webkit-appearance: none;
}

.grid-column
{
    float: left;

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

.grid1
{
    width: 8.33333%;
}

.col1
{
    width: 6.25%;
    margin: 0 1.04167%;
}

.grid2
{
    width: 16.66667%;
}

.col2
{
    width: 14.58333%;
    margin: 0 1.04167%;
}

.grid3
{
    width: 25%;
}

.col3
{
    width: 22.91667%;
    margin: 0 1.04167%;
}

.grid4
{
    width: 33.33333%;
}

.col4
{
    width: 31.25%;
    margin: 0 1.04167%;
}

.grid5
{
    width: 41.66667%;
}

.col5
{
    width: 39.58333%;
    margin: 0 1.04167%;
}

.grid6
{
    width: 50%;
}

.col6
{
    width: 47.91667%;
    margin: 0 1.04167%;
}

.grid7
{
    width: 58.33333%;
}

.col7
{
    width: 56.25%;
    margin: 0 1.04167%;
}

.grid8
{
    width: 66.66667%;
}

.col8
{
    width: 64.58333%;
    margin: 0 1.04167%;
}

.grid9
{
    width: 75%;
}

.col9
{
    width: 72.91667%;
    margin: 0 1.04167%;
}

.grid10
{
    width: 83.33333%;
}

.col10
{
    width: 81.25%;
    margin: 0 1.04167%;
}

.grid11
{
    width: 91.66667%;
}

.col11
{
    width: 89.58333%;
    margin: 0 1.04167%;
}

.grid12
{
    width: 100%;
}

.col12
{
    width: 97.91667%;
    margin: 0 1.04167%;
}

.grid-half
{
    width: 50%;
}

.grid-one-third
{
    width: 33.333333333%;
}

.grid-two-third
{
    width: 66.666666667%;
}

.grid-one-fifth
{
    width: 20%;
}

.grid-quarter
{
    width: 25%;
}

.mod
{
    margin: 20px;
}

.mgn
{
    margin: 0 !important;
}

.mtn
{
    margin-top: 0 !important;
}

.mts
{
    margin-top: 10px !important;
}

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

.mtl
{
    margin-top: 40px !important;
}

.mtx
{
    margin-top: 60px !important;
}

.mbn
{
    margin-bottom: 0 !important;
}

.mbs
{
    margin-bottom: 10px !important;
}

.mbm
{
    margin-bottom: 20px !important;
}

.mbl
{
    margin-bottom: 40px !important;
}

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

.mln
{
    margin-left: 0 !important;
}

.mls
{
    margin-left: 10px !important;
}

.mlm
{
    margin-left: 20px !important;
}

.mll
{
    margin-left: 40px !important;
}

.mlx
{
    margin-left: 60px !important;
}

.mrn
{
    margin-right: 0 !important;
}

.mrs
{
    margin-right: 10px !important;
}

.mrm
{
    margin-right: 20px !important;
}

.mrl
{
    margin-right: 40px !important;
}

.mrx
{
    margin-right: 60px !important;
}

.mra
{
    margin-right: auto !important;
}

.mla
{
    margin-left: auto !important;
}

.mca
{
    margin-right: auto !important;
    margin-left: auto !important;
}

.ptn
{
    padding-top: 0 !important;
}

.pts
{
    padding-top: 10px !important;
}

.ptm
{
    padding-top: 20px !important;
}

.ptl
{
    padding-top: 40px !important;
}

.ptx
{
    padding-top: 60px !important;
}

.pbn
{
    padding-bottom: 0 !important;
}

.pbs
{
    padding-bottom: 10px !important;
}

.pbm
{
    padding-bottom: 20px !important;
}

.pbl
{
    padding-bottom: 40px !important;
}

.pbx
{
    padding-bottom: 60px !important;
}

.pln
{
    padding-left: 0 !important;
}

.pls
{
    padding-left: 10px !important;
}

.plm
{
    padding-left: 20px !important;
}

.pll
{
    padding-left: 40px !important;
}

.plx
{
    padding-left: 60px !important;
}

.prn
{
    padding-right: 0 !important;
}

.prs
{
    padding-right: 10px !important;
}

.prm
{
    padding-right: 20px !important;
}

.prl
{
    padding-right: 40px !important;
}

.prx
{
    padding-right: 60px !important;
}

.largest-heading
{
    font-size: 2.25rem;

    margin-bottom: .911111111111111em;
}

.larger-heading
{
    font-size: 2rem;

    margin-bottom: 1.05em;
}

.smaller-heading
{
    font-size: 1.5rem;

    margin-bottom: 1.65em;
}

.smallest-heading
{
    font-size: 1.375rem;

    margin-bottom: 1.61818181818182em;
}

.lead-text
{
    font-size: 1rem;

    color: #34362f;
}

.default-text
{
    font-size: .875rem;
}

.small-text
{
    font-size: .75rem;
}

.bold-text
{
    font-weight: bold;
}

.blue-text
{
    color: #065a9f;
}

.red-text
{
    color: #eb0800;
}

.align-center
{
    text-align: center;
}

.align-right
{
    text-align: right;
}

.title
{
    line-height: 1.3;

    color: #34362f;
    text-shadow: 0 1px 1px #fff;
}

.title--light
{
    font-family: 'UD新ゴNT R', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    font-weight: lighter;
}

.title--medium
{
    font-family: 'UD新ゴNT M', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    font-weight: normal;
}

.title--bold
{
    font-family: 'UD新ゴNT B', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    font-weight: bold;
}

.title--small
{
    font-size: 1.375rem;
}

.title__icon
{
    margin-right: .35714em;
}

.hero-copy
{
    font-size: 2.5rem;

    margin-bottom: .375em;
}

.content-title
{
    font-size: 1.75rem;
    line-height: 1.3;

    margin-bottom: 1em;
}
.content-title:before
{
    display: block;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 60px;
    height: .7408em;

    content: '';

    border-top: solid 1px #34362f;
}

.subcontent-title
{
    font-size: 1.5rem;
    line-height: 1.3;

    margin-bottom: 1em;
}

.excontent-title
{
    font-size: 1.375rem;
    line-height: 1.3;

    margin-bottom: .5em;
}

.closing__title
{
    font-size: 1.25rem;
}

.paragraph
{
    margin-bottom: 1.085714286em;
}
.paragraph:last-child
{
    margin-bottom: 0;
}
.paragraph:nth-of-type(1):nth-last-of-type(1)
{
    margin-bottom: 0;
}

.capsule
{
    font-weight: bold;
    line-height: 1;

    display: inline-block;
    zoom: 1;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 1em 0;

    text-align: center;
    vertical-align: middle;
    text-decoration: none;

    color: #34362f;
    border: solid 1px #e1e1e0;
    border-radius: 1.5em;
    background-color: #e1e1e0;
}
.capsule.is_link
{
    margin: 4.28571em 0;

    cursor: pointer;
    -webkit-transition: .5s;
            transition: .5s;
}
.capsule.is_link:hover
{
    border: solid 1px #b8b9b6;
}
.capsule.is_link:active
{
    text-decoration: none;

    border: solid 1px #8f908d;
    background-color: whitesmoke;
}
.capsule.is_inline
{
    margin: 0;
}
.capsule.is_kddi
{
    color: #fff;
    border: solid 1px #1f43a3;
    background-color: #1f43a3;
}
.capsule.is_kddi:hover
{
    border: solid 1px #2652c9;
    background-color: #2652c9;
}
.capsule.is_kddi:active
{
    text-decoration: none;

    border: solid 1px #1c3c93;
    background-color: #1c3c93;
}

.mark-btn-register
{
    font-size: .75rem;
    line-height: 20px;

    display: inline-block;
    zoom: 1;

    margin-right: .35714em;
    padding: 0 .35714em;

    vertical-align: middle;

    color: #eb0800;
    border-radius: 10px;
    background-color: #fff;
}

.pos-right
{
    margin: 0 0 0 auto;
}

.pos-center
{
    margin: 0 auto;
}

.inline-block
{
    display: inline-block;
    zoom: 1;

    vertical-align: middle;
}

.section
{
    padding: 3.125em 0 3.75em;
}
.section.section--plane
{
    background-color: #fff;
}

.layout-inner
{
    width: 960px;
    margin: 0 auto;
}

.section-case .section:first-of-type,
.section-compare .section:first-of-type
{
    padding-top: 0;
}
.section-case .section + .section,
.section-compare .section + .section
{
    padding-bottom: 0;

    border-top: 1px dotted #cfcbc5;
}

.section-features .section:first-of-type
{
    padding-top: 0;
}

.section-privacy .section:first-of-type
{
    padding-top: 0;
}
.section-privacy .section + .section
{
    padding-bottom: 0;
}

.background-white
{
    background-color: #fff;
}

.background-black
{
    background-color: #34362f;
}

.background-secondary
{
    background-color: #eae9e6;
}

.content-wrapper
{
    padding-top: 4.28571em;
}

.content-body
{
    margin-bottom: 3.75em;
}

.global-header
{
    padding: 1.4286em 0;

    background: #fff;
}

@media screen and (min-width: 768px)
{
    .global-header--fixed
    {
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;

        width: 100%;
        max-height: 86px;

        border-bottom: 1px solid #eae9e6;
    }
    .global-header--fixed + section, .global-header--fixed + div
    {
        margin-top: 86px;
    }
}
.header:before, .header:after
{
    display: table;

    content: ' ';
}
.header:after
{
    clear: both;
}

.header__logo
{
    float: left;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 22.91667%;
    margin-bottom: 0;
    padding-left: 2.5%;
}
.header__logo img
{
    max-height: 50%;
}
@media screen and (min-width: 768px)
{
    .header__logo
    {
        line-height: 100%;

        padding: 0;
    }
    .header__logo img
    {
        max-height: 100%;
    }
}

.header__navigation
{
    position: relative;
    top: 0;

    width: 72.91667%;
    margin: 0 0 0 auto;

    text-align: right;
}

.header__signup,
.header__login
{
    margin: 3px 0 0 auto;
}

.global-nav
{
    text-align: right;
    letter-spacing: -.4em;

    border-radius: 0;
    background-color: #fff;
}
.global-nav:before, .global-nav:after
{
    display: table;

    content: ' ';
}
.global-nav .header__signup .btn,
.global-nav .header__login .btn
{
    font-size: .875em;
    font-weight: 400;
    line-height: 36px;

    height: 36px;
    padding: 0 1.07145em;

    border-radius: 4px;
}
.global-nav .header__signup:before,
.global-nav .header__login:before
{
    display: none;
}

.global-nav__item
{
    line-height: 18px;

    display: inline-block;

    height: 18px;
    padding-left: 2em;

    text-align: left;
    vertical-align: top;
    letter-spacing: normal;
}
.global-nav__item > a
{
    font-weight: normal;

    text-decoration: none;

    color: #34362f;
}
.global-nav__item > a.btn
{
    font-weight: bold;
}
.global-nav__item:before
{
    display: block;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 1.5em;
    height: 1em;

    content: '';

    border-top: solid 1px #fff;
}
.global-nav__item:hover > a
{
    color: #eb0800;
}
.global-nav__item:hover:before
{
    border-top: solid 1px #eb0800;
}
.global-nav__item.is_active > a
{
    color: #34362f;
}
.global-nav__item.is_active:before
{
    border-top: solid 1px #34362f;
}

.footer-closing
{
    padding: 2em 0;

    -webkit-box-shadow: 0 1px 2px 1px #b3aea4;
            box-shadow: 0 1px 2px 1px #b3aea4;
}
.footer-closing > .layout-inner
{
    border-radius: 8px;
}

.subfooter
{
    padding: 2.14286em 0;
}
.subfooter:before, .subfooter:after
{
    display: table;

    content: ' ';
}
.subfooter:after
{
    clear: both;
}

.global-footer
{
    border-top: 1px solid #000;
    background-color: #34362f;
}
.global-footer:before, .global-footer:after
{
    display: table;

    content: ' ';
}
.global-footer:after
{
    clear: both;
}

.global-footer--index
{
    margin-bottom: -25px;
}

.news
{
    float: left;

    margin-right: .71429em;
    padding: .71429em .71429em;

    background-color: #d6d2c4;
}

.news__title
{
    margin-bottom: .71429em;
}

.news-item__text
{
    margin-bottom: 1.42857em;
}
.news-item__text:last-child
{
    margin-bottom: 0;
}
.news-item__text > a
{
    color: #000;
}

.footer-nav
{
    float: left;

    margin: 0 .57143em;
}
.footer-nav dt
{
    color: #d6d2c4;
}
.footer-nav li > i
{
    margin-right: .2381em;

    color: #d6d2c4;
}
.footer-nav li > a
{
    color: #d6d2c4;
}
.footer-nav li > a:hover
{
    color: #ffd016;
}

.closing
{
    padding: 2.1429em 0;
}

.closing__title
{
    font-weight: 400;

    display: inline-block;
    zoom: 1;

    margin-right: .35714em;

    vertical-align: middle;

    color: #fff;
    text-shadow: none;
}
.closing__title > i
{
    margin-right: .35714em;
}

.closing__body
{
    display: inline-block;
    zoom: 1;

    width: 58.33333%;

    vertical-align: middle;
}

.signup__form,
.signup__button
{
    float: left;
}

.signup__form
{
    width: 66.9166667%;
    margin: 0;
}
.signup__form input[type=email]
{
    background: #fff;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .35);
            box-shadow: 0 2px 0 rgba(0, 0, 0, .35);
}

.signup__button
{
    width: 30%;
    margin-left: .71429em;
}
.signup__button button
{
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .35);
            box-shadow: 0 2px 0 rgba(0, 0, 0, .35);
}

.sociallink
{
    height: 20px;
}

.sociallink__button
{
    line-height: 20px;

    display: inline-block;
    zoom: 1;

    vertical-align: top;
}

.copyright
{
    padding: 1.428571429em 0;
}
.copyright:before, .copyright:after
{
    display: table;

    content: ' ';
}
.copyright:after
{
    clear: both;
}

.copyright__text
{
    float: left;

    color: #d6d2c4;
}

.copyright__sociallink
{
    float: right;

    margin: 0 0 0 auto;
}
.copyright__sociallink .sociallink__button
{
    overflow: hidden;
}

.horizontally:before, .horizontally:after
{
    display: table;

    content: ' ';
}
.horizontally:after
{
    clear: both;
}

.horizontally__item
{
    float: left;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: .71429em;
}

.horizontally__item--nopadd
{
    padding: 0;
}

.horizontally--three .horizontally__item
{
    margin-bottom: 3.571428571em;
}
.horizontally--three .horizontally__item:nth-last-child(-n+3)
{
    margin-bottom: 0;
}

.horizontally--two .horizontally__item
{
    width: 50%;
    margin-bottom: 3.571428571em;
}
.horizontally--two .horizontally__item:nth-child(odd)
{
    float: left;
    clear: left;
}
.horizontally--two .horizontally__item:nth-child(even)
{
    float: right;
    clear: right;
}
.horizontally--two .horizontally__item:nth-last-child(-n+2)
{
    margin-bottom: 0;
}

.media:before, .media:after
{
    display: table;

    content: ' ';
}
.media:after
{
    clear: both;
}

.media__image
{
    float: left;

    padding-right: .71429em;
}
.media__image.is_rev
{
    float: right;

    padding-right: 0;
    padding-left: .71429em;

    text-align: right;
}
.media__image > img + img
{
    margin-top: 1.42857em;
}

.media__body
{
    overflow: hidden;
}

.media--heading
{
    margin-bottom: 4.28571em;
}

.left-box
{
    padding-right: .71429em;
}

.right-box
{
    padding-left: .71429em;
}

.note
{
    margin: 2.5em 0;
    padding: .9375em;

    background-color: #eae9e6;
}

.note--information
{
    background-color: #fff;
}

.note--single
{
    margin: 0;
}

.note__paragraph
{
    margin-bottom: 1.383333333em;
}

.figure img
{
    margin-bottom: 1em;
}

.alert
{
    padding: 20px 0;

    background-color: #e1e1e0;
}
.alert .alert__box
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 960px;
    margin: 0 auto;
    padding: 1em;

    border: solid 10px whitesmoke;
    background-color: #fff;
}
.alert .alert__icon
{
    margin-right: 1em;
}
.alert .alert__title
{
    margin-bottom: 5px;
}
.alert .alert__body
{
    line-height: 1.4;
}
.alert.is_danger
{
    background-color: #f9dfdb;
}
.alert.is_danger .alert__box
{
    border: solid 10px #fdf4f3;
}
.alert.is_danger .alert__title
{
    color: #d72c10;
}
.alert.is_danger .alert__body
{
    color: #d72c10;
}

.vertical-middle
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

    text-align: center;
}
.vertical-middle img
{
    position: relative;
    top: 50%;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.company-sign__name
{
    font-weight: bold;

    margin-bottom: .71429em;
    padding: .35714em;

    text-align: center;
    text-decoration: none;

    color: #000;
    background-color: #d9d9d9;
}

.downloader .badge-left
{
    margin-right: .71429em;
}
.downloader .icon-right
{
    margin-left: .35714em;
}

.link-box:hover
{
    background-color: #fff;
}
.link-box > a:not(.btn)
{
    text-decoration: none;

    color: #000;
}

.link-detail
{
    text-align: right;
}

.list
{
    font-size: inherit;

    margin: 2.357142857em 0;
    padding-left: 1.42857em;

    list-style-position: outside;
    list-style-type: disc;
}
.list > li
{
    line-height: 1.5;
}
.list > li + li
{
    margin-top: .678571429em;
}
.list.is_child
{
    margin: .928571429em 0;
    padding-left: 2.142857143em;
}
.list.is_style-decimal
{
    list-style-type: decimal;
}
.list.is_style-lower-latin
{
    list-style-type: lower-latin;
}
.list.is_style-lower-roman
{
    list-style-type: lower-roman;
}
.list.is_style-none
{
    list-style-type: none;
}
.list.is_small
{
    font-size: .75rem;

    margin: .71429em 0 1.42857em;
    padding-left: 0;
}
.list.is_small > li
{
    line-height: 1.4;
}
.list.is_horizontal:before, .list.is_horizontal:after
{
    display: table;

    content: ' ';
}
.list.is_horizontal:after
{
    clear: both;
}
.list.is_horizontal > li
{
    float: left;

    margin-top: .678571429em;
    margin-right: 1.42857em;
}

.table
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;

    border: solid 1px #a6a6a6;
    background-color: #fff;
}
.table td,
.table th
{
    font-size: inherit;

    padding: 10px;

    vertical-align: middle;
}
.table .table__title
{
    text-align: center;

    background-color: #f2f2f2;
}
.table.is_vertical td
{
    border-top: solid 1px #d9d9d9;
}
.table.is_vertical td + td,
.table.is_vertical th + th
{
    border-left: solid 1px #d9d9d9;
}
.table.is_vertical .table__title
{
    border-bottom: solid 1px #f2f2f2;
}
.table.is_horizontal tr + tr td,
.table.is_horizontal tr + tr th
{
    border-top: solid 1px #d9d9d9;
}
.table.is_horizontal td + td,
.table.is_horizontal th + th
{
    border-left: solid 1px #d9d9d9;
}

.share__table
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;

    text-align: left;

    border: none;
    background-color: #eae9e6;
}
.share__table td,
.share__table th
{
    padding: 10px;

    vertical-align: top;
}
.share__table td:first-child,
.share__table th:first-child
{
    width: 20%;
}

.table--compact th,
.table--compact td
{
    text-align: center;
}

input[type=text],
input[type=email],
input[type=password],
textarea
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: .5em;

    vertical-align: 3px;

    border: solid 1px #eb0800;
    outline: none;
    background-color: rgba(255, 255, 255, .7);

    -webkit-appearance: none;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus
{
    border: solid 1px #8f908d;
    -webkit-box-shadow: 0 0 1px .3125em #e1e1e0;
            box-shadow: 0 0 1px .3125em #e1e1e0;
}

.signup__form input[type=text],
.signup__form input[type=email],
.signup__form input[type=password],
.signup__form textarea
{
    border: solid 1px #eb0800;
    border-radius: 4px;
}
.signup__form input[type=text]:focus,
.signup__form input[type=email]:focus,
.signup__form input[type=password]:focus,
.signup__form textarea:focus
{
    -webkit-box-shadow: 0 0 0 1px #eb0800;
            box-shadow: 0 0 0 1px #eb0800;
}

.signup__form__placeholder
{
    margin-top: .5em;
    padding-left: .5em;

    text-align: left;

    color: #fff;
}

.share__form
{
    padding: 20px;
}
.share__form li
{
    display: inline-block;
    zoom: 1;

    margin-left: 10px;

    vertical-align: top;
}
.share__form li:first-child
{
    margin-left: 0;
}
.share__form input[type=radio]
{
    display: inline-block;
    zoom: 1;

    width: auto;
    margin: 3px 5px 0 0;

    vertical-align: top;

    -webkit-appearance: radio;
}
.share__form img
{
    vertical-align: top;
}
.share__form textarea
{
    height: 7em;

    border: none;
}

textarea
{
    height: 6em;

    resize: none;
}

select
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    height: 2.714285714em;

    border: solid 1px #a6a6a6;
    background-color: #fff;
    -webkit-box-shadow: -2px 2px 0 0 #d9d9d9 inset;
            box-shadow: -2px 2px 0 0 #d9d9d9 inset;

    -webkit-appearance: menulist-button;
}

.form-set
{
    margin-bottom: .625em;
}

.form
{
    padding: .625em 0;

    border-top: dotted 1px #d9d9d9;
}
.form:last-child
{
    border-bottom: dotted 1px #d9d9d9;
}

.form__label
{
    font-weight: bold;

    display: inline-block;
    zoom: 1;

    width: 22.91667%;

    vertical-align: middle;
}

.form__label__badge
{
    font-size: .75rem;
    line-height: 20px;

    display: inline-block;
    zoom: 1;

    height: 20px;
    margin-right: 1em;
    padding: 0 .666666667em;

    vertical-align: middle;

    color: #737373;
    border-radius: 10px;
    background-color: #d9d9d9;
}
.form__label__badge.is_required
{
    color: #d72c10;
    background-color: #f9dfdb;
}

.form__field
{
    display: inline-block;
    zoom: 1;

    width: 47.91667%;

    vertical-align: middle;
}
.form__field.is_short
{
    width: 31.25%;
}
.form__field.is_long
{
    width: 64.58333%;
}
.form__field.is_error input
{
    border: solid 1px #e98b7c;
    -webkit-box-shadow: 0 0 0 .3125em #f9dfdb;
            box-shadow: 0 0 0 .3125em #f9dfdb;
}
.form__field.is_error .form__field__error-message
{
    font-size: .75rem;

    margin-top: 1em;

    color: #d72c10;
}

.submit
{
    text-align: center;
}

.submit__button
{
    display: inline-block;
    zoom: 1;

    vertical-align: middle;
}

.btn
{
    font-size: 1em;
    line-height: 50px;

    display: block;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 50px;
    margin: 0;

    cursor: pointer;
    text-align: center;
    text-decoration: none;

    color: #fff;
    border: solid 1px #eb0800;
    border-radius: 5px;
    outline: none;
    background-color: #eb0800;
}
.btn:hover
{
    text-decoration: none;

    color: #fff;
    border: solid 1px #eb0800;
    background-color: #cd0000;
}
.btn:active
{
    text-decoration: none;

    color: #fff;
    border: solid 1px #da1911;
    background-color: #da1911;
}
.btn.btn--primary
{
    border: solid 1px #34362f;
    background-color: #34362f;
}
.btn.btn--primary:hover
{
    color: #fff;
    border: solid 1px #34362f;
    background-color: #484b41;
}
.btn.btn--primary:active
{
    color: #fff;
    border: solid 1px #34362f;
    background-color: #23251f;
}
.btn.btn--secondary
{
    border: solid 1px #756b59;
    background-color: #756b59;
}
.btn.btn--secondary:hover
{
    color: #fff;
    border: solid 1px #756b59;
    background-color: #645b4a;
}
.btn.btn--secondary:active
{
    color: #fff;
    border: solid 1px #756b59;
    background-color: #777063;
}
.btn.btn--document
{
    border: solid 1px #5e7802;
    background-color: #5e7802;
}
.btn.btn--document:hover
{
    color: #fff;
    border: solid 1px #5e7802;
    background-color: #566b00;
}
.btn.btn--document:active
{
    color: #fff;
    border: solid 1px #5e7802;
    background-color: #415200;
}
.btn.btn--wire
{
    color: #34362f;
    border: solid 1px #34362f;
    background-color: #fff;
}
.btn.btn--wire:hover
{
    color: #cd0000;
    border: solid 1px #cd0000;
    background-color: #fff;
}
.btn.btn--wire:active
{
    color: #34362f;
    border: solid 1px #f04640;
    background-color: #fcdad9;
}
.btn.btn--icon
{
    padding-left: .5em;
}
.btn.btn--icon > .iconfont
{
    font-size: 1.75rem;

    margin-right: .3em;

    vertical-align: middle;
}
.btn.btn--icon:hover > .iconfont
{
    color: #fff;
}
.btn.btn--icon:active > .iconfont
{
    color: #fff;
}
.btn.is_warning
{
    color: #4e2b11;
    border: solid 1px #614e40;
    background-color: #ffde00;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWI2MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZGUwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffeb61), color-stop(100%, #ffde00));
    background-image: -webkit-linear-gradient(top, #ffeb61, #ffde00);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffeb61), to(#ffde00));
    background-image:         linear-gradient(to bottom, #ffeb61, #ffde00);
    -webkit-background-size: 100%;
            background-size: 100%;
    -webkit-box-shadow: inset 0 1px 1px white;
            box-shadow: inset 0 1px 1px white;
    text-shadow: 0 1px 1px #fff5b4;
}
.btn.is_warning:hover
{
    color: #5d3d26;
    border: solid 1px #867f7a;
    background-color: #ffe401;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWU2MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZTQwMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffee61), color-stop(100%, #ffe401));
    background-image: -webkit-linear-gradient(top, #ffee61, #ffe401);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffee61), to(#ffe401));
    background-image:         linear-gradient(to bottom, #ffee61, #ffe401);
    -webkit-background-size: 100%;
            background-size: 100%;
    text-shadow: 0 1px 1px #fff;
}
.btn.is_warning:active
{
    color: #4e2b11;
    border: solid 1px #614e40;
    background-color: #ffde00;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTQzMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZGUwMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffe430), color-stop(100%, #ffde01));
    background-image: -webkit-linear-gradient(top, #ffe430, #ffde01);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe430), to(#ffde01));
    background-image:         linear-gradient(to bottom, #ffe430, #ffde01);
    -webkit-background-size: 100%;
            background-size: 100%;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-shadow: none;
}
.btn.is_danger
{
    border: solid 1px #b21900;
    background-color: #d72c10;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkNGUzNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q3MmMxMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd4e36), color-stop(100%, #d72c10));
    background-image: -webkit-linear-gradient(top, #dd4e36, #d72c10);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dd4e36), to(#d72c10));
    background-image:         linear-gradient(to bottom, #dd4e36, #d72c10);
    -webkit-background-size: 100%;
            background-size: 100%;
    -webkit-box-shadow: inset 0 1px 1px white;
            box-shadow: inset 0 1px 1px white;
    text-shadow: 0 1px 1px #841807;
}
.btn.is_danger:hover
{
    border: solid 1px #ca1c00;
    background-color: #e52e10;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5NTAzNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1MmUxMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e95036), color-stop(100%, #e52e10));
    background-image: -webkit-linear-gradient(top, #e95036, #e52e10);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e95036), to(#e52e10));
    background-image:         linear-gradient(to bottom, #e95036, #e52e10);
    -webkit-background-size: 100%;
            background-size: 100%;
    text-shadow: 0 1px 1px #a41c06;
}
.btn.is_danger:active
{
    border: solid 1px #b21900;
    background-color: #d72c10;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiNDIyOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q3MmMxMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #db4228), color-stop(100%, #d72c10));
    background-image: -webkit-linear-gradient(top, #db4228, #d72c10);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#db4228), to(#d72c10));
    background-image:         linear-gradient(to bottom, #db4228, #d72c10);
    -webkit-background-size: 100%;
            background-size: 100%;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-shadow: 0 1px 1px #b0230c;
}
.btn.is_disable
{
    cursor: default;

    color: #a6a6a6;
    border: solid 1px #d9d9d9;
    background-color: #d9d9d9;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(100%, #d9d9d9));
    background-image: -webkit-linear-gradient(top, #e0e0e0, #d9d9d9);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#d9d9d9));
    background-image:         linear-gradient(to bottom, #e0e0e0, #d9d9d9);
    -webkit-background-size: 100%;
            background-size: 100%;
    -webkit-box-shadow: inset 0 1px 1px #ccc;
            box-shadow: inset 0 1px 1px #ccc;
    text-shadow: none;
}
.btn.is_disable:active
{
    padding: 10px 0;
}
.btn.is_download
{
    border: solid 1px #226dae;
    background-color: #005197;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmNjZhNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNTE5NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1f66a4), color-stop(100%, #005197));
    background-image: -webkit-linear-gradient(top, #1f66a4, #005197);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1f66a4), to(#005197));
    background-image:         linear-gradient(to bottom, #1f66a4, #005197);
    -webkit-background-size: 100%;
            background-size: 100%;
    -webkit-box-shadow: inset 0 1px 1px #8cc9ff;
            box-shadow: inset 0 1px 1px #8cc9ff;
    text-shadow: 0 1px 1px #17507f;
}
.btn.is_download:hover
{
    border: solid 1px #3580c1;
    background-color: #0059ab;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmNmRiNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNTlhYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1f6db5), color-stop(100%, #0059ab));
    background-image: -webkit-linear-gradient(top, #1f6db5, #0059ab);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1f6db5), to(#0059ab));
    background-image:         linear-gradient(to bottom, #1f6db5, #0059ab);
    -webkit-background-size: 100%;
            background-size: 100%;
    text-shadow: 0 1px 1px #065a9f;
}
.btn.is_download:active
{
    border: solid 1px #226dae;
    background-color: #005197;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NWY5ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNTE5NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #145f9f), color-stop(100%, #005197));
    background-image: -webkit-linear-gradient(top, #145f9f, #005197);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#145f9f), to(#005197));
    background-image:         linear-gradient(to bottom, #145f9f, #005197);
    -webkit-background-size: 100%;
            background-size: 100%;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-shadow: none;
}
.btn.is_facebook
{
    font-size: 1.125em;

    border: solid 1px #4365ac;
    border-radius: 5px;
    background-color: #4365ac;
    text-shadow: none;
}
.btn.is_facebook:hover
{
    border: solid 1px #4d6eb2;
    background-color: #4d6eb2;
}
.btn.is_facebook:active
{
    border: solid 1px #3b5998;
    background-color: #3b5998;
}
.btn.is_register
{
    font-size: 1.125em;

    border: solid 1px #eb0800;
    border-radius: 5px;
    background-color: #eb0800;
}
.btn.is_register:hover
{
    background-color: #cd0000;
}
.btn.is_register:active
{
    border: solid 1px #f4a40b;
    background-color: #f4a40b;
}
.btn.is_pill
{
    border-radius: 20px;
}

.btn__icon
{
    margin-right: .3em;
}

.btn-detail
{
    display: inline-block;

    width: 31.25%;
}

.btn--download
{
    line-height: 40px;

    width: 70%;
    height: 40px;
}

.btn--apply
{
    width: 41.66667%;
}

.share__button
{
    display: block;

    width: 33%;
    margin: 0 auto;
}

@media screen and (max-width: 768px)
{
    .share__button
    {
        width: 66%;
    }
}
@media screen and (max-width: 479px)
{
    .share__button
    {
        width: 100%;
    }
}
.divider
{
    margin: 3.75em 0;

    border: solid 1px #d9d9d9;
}

.divide-line
{
    margin-top: 1.5em;
    padding-top: 1.5em;

    border-top: solid 1px #cfcbc5;
}

.divide-line__none
{
    margin-top: 1.5em;
}

@font-face {
    font-family: 'chatworkfont';
    font-weight: normal;
    font-style: normal;

    src: url('../font/chatworkfont-1b2c38228c6a418b1bfcdee71329f01a.woff') format('woff'), url('../font/chatworkfont-1b2c38228c6a418b1bfcdee71329f01a.ttf') format('truetype');
}
.iconfont
{
    font-family: 'chatworkfont';
    font-weight: normal;
    font-style: normal;
    line-height: 1;

    display: inline-block;

    vertical-align: middle;
    text-decoration: inherit;
    text-transform: none;

    speak: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon_chatwork:before
{
    content: '\f101';
}

.icon_company:before
{
    content: '\f102';
}

.icon_facebook:before
{
    content: '\f103';
}

.icon_google:before
{
    content: '\f104';
}

.icon_hyphen:before
{
    content: '\f105';
}

.icon_linkedin:before
{
    content: '\f106';
}

.icon_social-facebook:before
{
    content: '\f107';
}

.icon_social-google:before
{
    content: '\f108';
}

.icon_social-twitter:before
{
    content: '\f109';
}

.icon_triangle-down:before
{
    content: '\f10a';
}

.icon_triangle-left:before
{
    content: '\f10b';
}

.icon_triangle-right:before
{
    content: '\f10c';
}

.icon_triangle-up:before
{
    content: '\f10d';
}

.sprite
{
    vertical-align: middle;

    background-image: url(../image/sprite/sprite.png);
}

.sprite_alert-danger
{
    width: 41px;
    height: 41px;

    background-position: 0 -238px;
}

.sprite_alert-info
{
    width: 26px;
    height: 41px;

    background-position: -208px -186px;
}

.sprite_features-chat-menu
{
    width: 50px;
    height: 50px;

    background-position: -186px -106px;
}

.sprite_features-chat-menu_fixed, .is_fixed .sprite_features-chat-menu
{
    width: 21px;
    height: 20px;

    background-position: -235px -238px;
}

.sprite_features-chat-small
{
    width: 41px;
    height: 41px;

    background-position: -43px -238px;
}

.sprite_features-chat
{
    width: 60px;
    height: 60px;

    background-position: -62px 0;
}

.sprite_features-contact-menu
{
    width: 50px;
    height: 50px;

    background-position: -156px -186px;
}

.sprite_features-contact-menu_fixed, .is_fixed .sprite_features-contact-menu
{
    width: 21px;
    height: 21px;

    background-position: -210px -158px;
}

.sprite_features-contact
{
    width: 60px;
    height: 60px;

    background-position: -124px 0;
}

.sprite_features-file-menu
{
    width: 50px;
    height: 51px;

    background-position: -186px -53px;
}

.sprite_features-file-menu_fixed, .is_fixed .sprite_features-file-menu
{
    width: 25px;
    height: 17px;

    background-position: -170px -260px;
}

.sprite_features-file-small
{
    width: 41px;
    height: 41px;

    background-position: -238px -104px;
}

.sprite_features-file
{
    width: 60px;
    height: 60px;

    background-position: 0 -124px;
}

.sprite_features-live-menu
{
    width: 50px;
    height: 50px;

    background-position: -238px -52px;
}

.sprite_features-live-menu_fixed, .is_fixed .sprite_features-live-menu
{
    width: 27px;
    height: 14px;

    background-position: -215px -260px;
}

.sprite_features-live-small
{
    width: 41px;
    height: 41px;

    background-position: -238px -147px;
}

.sprite_features-live
{
    width: 60px;
    height: 60px;

    background-position: -124px -124px;
}

.sprite_features-notification-menu
{
    width: 50px;
    height: 50px;

    background-position: 0 -186px;
}

.sprite_features-notification-menu_fixed, .is_fixed .sprite_features-notification-menu
{
    width: 22px;
    height: 22px;

    background-position: -186px -158px;
}

.sprite_features-notification
{
    width: 60px;
    height: 60px;

    background-position: -124px -62px;
}

.sprite_features-profile-menu
{
    width: 50px;
    height: 50px;

    background-position: -104px -186px;
}

.sprite_features-profile-menu_fixed, .is_fixed .sprite_features-profile-menu
{
    width: 20px;
    height: 20px;

    background-position: -188px -238px;
}

.sprite_features-profile
{
    width: 60px;
    height: 60px;

    background-position: 0 -62px;
}

.sprite_features-restriction-menu
{
    width: 50px;
    height: 50px;

    background-position: -238px 0;
}

.sprite_features-restriction-menu_fixed, .is_fixed .sprite_features-restriction-menu
{
    width: 16px;
    height: 20px;

    background-position: -170px -238px;
}

.sprite_features-restriction
{
    width: 60px;
    height: 60px;

    background-position: -62px -62px;
}

.sprite_features-search-small
{
    width: 40px;
    height: 40px;

    background-position: -128px -238px;
}

.sprite_features-task-menu
{
    width: 50px;
    height: 51px;

    background-position: -186px 0;
}

.sprite_features-task-menu_fixed, .is_fixed .sprite_features-task-menu
{
    width: 18px;
    height: 18px;

    background-position: -258px -238px;
}

.sprite_features-task-small
{
    width: 41px;
    height: 41px;

    background-position: -238px -190px;
}

.sprite_features-task
{
    width: 60px;
    height: 60px;

    background-position: 0 0;
}

.sprite_features-user-menu
{
    width: 50px;
    height: 50px;

    background-position: -52px -186px;
}

.sprite_features-user-menu_fixed, .is_fixed .sprite_features-user-menu
{
    width: 23px;
    height: 20px;

    background-position: -210px -238px;
}

.sprite_features-user-small
{
    width: 40px;
    height: 40px;

    background-position: -86px -238px;
}

.sprite_features-user
{
    width: 60px;
    height: 60px;

    background-position: -62px -124px;
}

.sprite_ico-pdf
{
    width: 16px;
    height: 16px;

    background-position: -197px -260px;
}