.description, h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}

ul li, ul.simpleList li {
    -webkit-box-align: center;
    overflow: hidden
}

body, html {
    overflow-x: hidden
}

.border-blue-button, a, a:active {
    text-decoration: none
}

.middle, .section-title, .section-title label, img.icon, ul.itemList li.person {
    vertical-align: middle
}

.clear, .clear-fix {
    clear: both
}

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

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

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

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

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

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

.blueButton, .description, .font-16, .title, .titleWithIcon, body, button.halfButton, input[type=button].halfButton {
    font-size: 16px
}

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

.font-20, .modal .modal-title, .section-title label {
    font-size: 20px
}

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

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

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

.font-48 {
    font-size: 48px
}

.font-60 {
    font-size: 60px
}

.font-75 {
    font-size: 75px
}

.mt-4 {
    margin-top: .4rem
}

.mt-6 {
    margin-top: .6rem
}

.mt-8 {
    margin-top: .8rem
}

.mt-10 {
    margin-top: 1rem
}

.mt-12 {
    margin-top: 1.2rem
}

.modal .modal-title, .mt-16 {
    margin-top: 1.6rem
}

.mt-18 {
    margin-top: 1.8rem
}

.mt-20 {
    margin-top: 2rem
}

.mt-24 {
    margin-top: 2.4rem
}

.mt-28 {
    margin-top: 2.8rem
}

.mt-30 {
    margin-top: 3rem
}

.mt-32 {
    margin-top: 3.2rem
}

.mt-42 {
    margin-top: 4.2rem
}

.mt-48 {
    margin-top: 4.8rem
}

.mt-56 {
    margin-top: 5.6rem
}

.mt-62 {
    margin-top: 6.2rem
}

.mb-4 {
    margin-bottom: .4rem
}

.mb-8 {
    margin-bottom: .8rem
}

.mb-10 {
    margin-bottom: 1rem
}

.mb-12, .title, .titleWithIcon {
    margin-bottom: 1.2rem
}

.mb-14, .modal .modal-title {
    margin-bottom: 1.4rem
}

.mb-15 {
    margin-bottom: 1.5rem
}

.mb-16 {
    margin-bottom: 1.6rem
}

.mb-18 {
    margin-bottom: 1.8rem
}

.mb-20 {
    margin-bottom: 2rem
}

.mb-22 {
    margin-bottom: 2.2rem
}

.mb-24 {
    margin-bottom: 2.4rem
}

.mb-26 {
    margin-bottom: 2.6rem
}

.mb-32 {
    margin-bottom: 3.2rem
}

.mb-36 {
    margin-bottom: 3.6rem
}

.mb-40 {
    margin-bottom: 4rem
}

.mb-50 {
    margin-bottom: 5rem
}

.mb-60 {
    margin-bottom: 6rem
}

.mb-64 {
    margin-bottom: 6.4rem
}

.mb-140 {
    margin-bottom: 14rem
}

.ml-6 {
    margin-left: .6rem
}

.ml-12 {
    margin-left: 1.2rem
}

.ml-16 {
    margin-left: 1.6rem
}

.ml-24 {
    margin-left: 2.4rem
}

.ml-26 {
    margin-left: 2.6rem
}

.ml-56 {
    margin-left: 5.6rem
}

.mr-4 {
    margin-right: .4rem
}

.mr-6 {
    margin-right: .6rem
}

.mr-8 {
    margin-right: .8rem
}

.mr-12 {
    margin-right: 1.2rem
}

.mr-16 {
    margin-right: 1.6rem
}

.mr-20 {
    margin-right: 2rem
}

.mx-8 {
    margin-left: .8rem;
    margin-right: .8rem
}

.mx-10 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-12 {
    margin-left: 1.2rem;
    margin-right: 1.2rem
}

.modal .modal-title, .mx-16, .section-title label {
    margin-left: 1.6rem;
    margin-right: 1.6rem
}

.mx-20 {
    margin-left: 2rem;
    margin-right: 2rem
}

.mx-22 {
    margin-left: 2.2rem;
    margin-right: 2.2rem
}

.mx-24 {
    margin-left: 2.4rem;
    margin-right: 2.4rem
}

.mx-32 {
    margin-left: 3.2rem;
    margin-right: 3.2rem
}

.mx-36 {
    margin-left: 3.6rem;
    margin-right: 3.6rem
}

.mx-38 {
    margin-left: 3.8rem;
    margin-right: 3.8rem
}

.mx-40 {
    margin-left: 4rem;
    margin-right: 4rem
}

.mx-46 {
    margin-left: 4.6rem;
    margin-right: 4.6rem
}

.mx-52 {
    margin-left: 5.2rem;
    margin-right: 5.2rem
}

.mx-63 {
    margin-left: 6.3rem;
    margin-right: 6.3rem
}

.mx-70 {
    margin-left: 7rem;
    margin-right: 7rem
}

.mx-88 {
    margin-left: 8.8rem;
    margin-right: 8.8rem
}

.mx-104 {
    margin-left: 10.4rem;
    margin-right: 10.4rem
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.flat-button .pr-text-area, .flatButton .pr-text-area, .my-8 {
    margin-top: .8rem;
    margin-bottom: .8rem
}

.my-12 {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem
}

.my-16 {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem
}

.my-18 {
    margin-top: 1.8rem;
    margin-bottom: 1.8rem
}

.my-24 {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem
}

.my-26 {
    margin-top: 2.6rem;
    margin-bottom: 2.6rem
}

.my-32 {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem
}

.my-50 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.ma-8 {
    margin: .8rem
}

.ma-12 {
    margin: 1.2rem
}

.ma-16 {
    margin: 1.6rem
}

.ma-24 {
    margin: 2.4rem
}

.pt-0 {
    padding-top: 0
}

.pt-8 {
    padding-top: .8rem
}

.pt-12 {
    padding-top: 1.2rem
}

.pt-16 {
    padding-top: 1.6rem
}

.pt-24 {
    padding-top: 2.4rem
}

.pt-65 {
    padding-top: 6.5rem
}

.pb-0 {
    padding-bottom: 0
}

.pb-8 {
    padding-bottom: .8rem
}

.pb-12 {
    padding-bottom: 1.2rem
}

.pb-14 {
    padding-bottom: 1.4rem
}

.modal .modal-content, .pb-16 {
    padding-bottom: 1.6rem
}

.pb-24 {
    padding-bottom: 2.4rem
}

.pb-26 {
    padding-bottom: 2.6rem
}

.pb-60 {
    padding-bottom: 6rem
}

.pb-72 {
    padding-bottom: 7.2rem
}

.pb-140 {
    padding-bottom: 14rem
}

.pl-16 {
    padding-left: 1.6rem
}

.pl-22 {
    padding-left: 2.2rem
}

.pl-24 {
    padding-left: 2.4rem
}

.pl-48 {
    padding-left: 4.8rem
}

.pl-52 {
    padding-left: 5.2rem
}

.pl-82 {
    padding-left: 8.2rem
}

.pl-100 {
    padding-left: 10rem
}

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

.pr-6 {
    padding-right: .6rem
}

.pr-10 {
    padding-right: 1rem
}

.pr-16 {
    padding-right: 1.6rem
}

.px-10 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-14 {
    padding-left: 1.4rem;
    padding-right: 1.4rem
}

.modal .modal-content, .px-16 {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

.px-20 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-24 {
    padding-left: 2.4rem;
    padding-right: 2.4rem
}

.px-26 {
    padding-left: 2.6rem;
    padding-right: 2.6rem
}

.px-28 {
    padding-left: 2.8rem;
    padding-right: 2.8rem
}

.px-40 {
    padding-left: 4rem;
    padding-right: 4rem
}

.py-2 {
    padding-top: .2rem;
    padding-bottom: .2rem
}

.py-4 {
    padding-top: .4rem;
    padding-bottom: .4rem
}

.py-8 {
    padding-top: .8rem;
    padding-bottom: .8rem
}

.py-12 {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

.base-color-button, .blueButton, .button, .flat-button, .flatButton, .half-button, .modal .modal-content ul.list li, .modal .modal-content ul.list li:last-child, .py-14, .section-title, button.halfButton, input[type=button].halfButton {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem
}

.modal .modal-content ul.itemList li, .py-16, button[type=button], input[type=button], input[type=number], input[type=password], input[type=text] {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

.py-22 {
    padding-top: 2.2rem;
    padding-bottom: 2.2rem
}

.py-28 {
    padding-top: 2.8rem;
    padding-bottom: 2.8rem
}

.py-32 {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem
}

.py-36 {
    padding-top: 3.6rem;
    padding-bottom: 3.6rem
}

.flat-button span.pr, .flatButton span.pr, .pa-8 {
    padding: .8rem
}

.pa-14 {
    padding: 1.4rem
}

.pa-16, ul li.pa-16, ul.link li {
    padding: 1.6rem
}

.title, .titleWithIcon {
    color: #fff
}

img.icon {
    width: 36px;
    height: 36px
}

.titleWithIcon img.icon {
    padding-right: 12px
}

@media only screen and (min-width: 768px) {
    img.icon {
        width: 72px;
        height: 72px
    }

    .titleWithIcon img.icon {
        padding-right: 24px
    }
}

ul li {
    list-style-type: none;
    display: -webkit-box;
    display: block
}

ul li li:last-child {
    border-bottom: none
}

ul.itemList li {
    border-bottom: 1px solid rgba(255, 255, 255, .12)
}

ul.itemList li.noBorder, ul.itemList li.noPadding, ul.itemList li:last-child, ul.simpleList li {
    border-bottom: none
}

ul.itemList li.person {
    background: url(../../../img/common/person_image.png) no-repeat;
    background-size: 66px
}

ul.simpleList li {
    list-style-type: desc;
    display: -webkit-box;
    display: block
}

li.new-mark-list {
    background: url(../../../../img/common/new_top_right.png) top right no-repeat;
    background-size: 40px
}

ul.with-icon-list li {
    padding: 21px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .12)
}

@media only screen and (min-width: 768px) {
    ul.with-icon-list li {
        padding: 42px 32px
    }

    ul.with-icon-list li .listIcon {
        background-size: 72px
    }

    ul.with-icon-list li div.contentwithIcon {
        padding-left: 104px
    }

    ul.with-icon-list li div.contentwithIcon div.title, ul.with-icon-list li div.contentwithIcon div.titleWithIcon {
        margin-bottom: 24px
    }

    ul.with-icon-list li div.contentwithIcon div.description {
        font-size: 28px
    }

    li.new-mark-list {
        background-size: 80px
    }
}

.base-color-button, .blueButton, .button, .half-button, button.halfButton, input[type=button].halfButton {
    width: 90%;
    margin: 0;
    text-transform: uppercase;
    -webkit-appearance: none;
    cursor: pointer
}

.blueButton, button.halfButton, input[type=button].halfButton {
    border: 1px solid #385b7a
}

.base-color-button {
    opacity: .5;
    border: 1px solid #fff;
    background: 0 0
}

.border-blue-button {
    background-image: linear-gradient(to bottom, #225686 50%, #1a4c79 51%);
    border: 2px solid #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}

.border-black-button {
    border: 1px solid #fff;
    border-radius: 8px
}

button[type=button], input[type=button] {
    margin: 0;
    width: 100%;
    text-transform: uppercase;
    -webkit-appearance: none;
    cursor: pointer
}

.button-3b77ae {
    border: 1px solid #3b77ae
}

.half-button, button.halfButton, input[type=button].halfButton {
    margin: 0;
    width: 100%
}

input[type=button].grayButton {
    border: 1px solid rgba(255, 255, 255, .12)
}

.flat-button, .flatButton {
    width: 100%;
    border: none;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.flat-button .main-text, .flat-button .mainText, .flatButton .main-text, .flatButton .mainText {
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 700
}

.flat-button .small-text, .flat-button .smallText, .flatButton .small-text, .flatButton .smallText {
    font-size: 14px
}

.flat-button .ex-small-text, .flat-button .exSmallText, .flatButton .ex-small-text, .flatButton .exSmallText {
    font-size: 10px
}

.flat-button span.pr, .flatButton span.pr {
    background-color: #fff;
    color: #276aa5;
    font-weight: 700;
    text-align: center;
    font-size: 12px;
    border-radius: 2rem
}

button.background-white-color {
    border: 1px solid #b4b4b4
}

button.background-white-color span.mainText {
    font-weight: 400
}

.background-green-00693d {
    background: #00693d
}

.background-green-00a217 {
    background: #00a217
}

.background-blue-color {
    background: #276aa5
}

.background-blue-385b7a, .blueButton, body.baseWhite .section-title, button.halfButton, input[type=button].halfButton {
    background: #385b7a
}

.background-blue-3b77ae, .button-3b77ae {
    background: #3b77ae
}

.background-blue-1a4c79 {
    background: #1a4c79
}

.background-blue-396995 {
    background: #396995
}

.background-gray-686868 {
    background: #686868
}

.background-light-gray-color {
    background: #7e8e9c
}

.background-light-gray-bdc0c3 {
    background: #BDC0C3
}

.background-white-color, body.baseWhite {
    background: #fff
}

.background-white-fefefe {
    background: #fefefe
}

.background-orange-color {
    background: #E2A000
}

.background-orange-ea5404 {
    background: #ea5404
}

.background-red-cd0030 {
    background: #cd0030
}

.background-dark-base, .section-title {
    background: #343434
}

.background-gray-313131 {
    background: #313131
}

.background-base, .modal, body {
    background: #424242
}

.backgroud-black-262626, html {
    background: #262626
}

.background-black-12, input[type=button].grayButton {
    background: rgba(255, 255, 255, .12)
}

#modal-overlay, .background-black-75 {
    background: rgba(0, 0, 0, .75)
}

.background-navy-052442 {
    background: #052442
}

.background-navy-161b60 {
    background: #161b60
}

.background-gray-595959 {
    background: #595959
}

.background-black-3b3b3b {
    background: #3b3b3b
}

.background-white-90, .common_input_text, input[type=number], input[type=password], input[type=text], textarea {
    background: rgba(255, 255, 255, .9)
}

.background-white-70 {
    background: rgba(255, 255, 255, .7)
}

.background-blue-4ea1ea {
    background: #4ea1ea
}

.background-blue-00a0e9 {
    background: #00a0e9
}

.background-white-f6f6f6 {
    background: #f6f6f6
}

.button-3b77ae, .modal .modal-title, .section-title, .text-white, .text_white {
    color: #fff
}

.text-white-70 {
    color: rgba(255, 255, 255, .7)
}

.base-color-button, .blueButton, .c-white, body, button.halfButton, input[type=button].halfButton {
    color: #fff
}

.c-white-94 {
    color: rgba(255, 255, 255, .94)
}

.c-white-70, .description, ul.simpleList li {
    color: rgba(255, 255, 255, .7)
}

.c-white-40 {
    color: rgba(255, 255, 255, .4)
}

.c-white-30 {
    color: rgba(255, 255, 255, .3)
}

.c-black-90 {
    color: rgba(0, 0, 0, .9)
}

.c-black-70 {
    color: rgba(0, 0, 0, .7)
}

.c-black-50 {
    color: rgba(0, 0, 0, .5)
}

.c-green-00a217 {
    color: #00a217
}

.c-orange-fdba38 {
    color: #fdba38
}

.c-orange-ea5404 {
    color: #ea5404
}

.c-yellow-ffea00 {
    color: #ffea00
}

.c-yellow-ffe401 {
    color: #ffe401
}

.c-yellow-87 {
    color: rgba(255, 255, 0, .87)
}

.c-red-ff7567 {
    color: #ff7567
}

.c-red-ff9999 {
    color: #f99
}

.c-red-ff9c9c {
    color: #ff9c9c
}

.c-red-cd0030 {
    color: #cd0030
}

.c-lightblue-83add4 {
    color: #83add4
}

.c-lightblue-68a8dc {
    color: #68a8dc
}

.c-lightblue-95c4ff, a, a:active {
    color: #95c4ff
}

.c-lightblue-c7dff3 {
    color: #c7dff3
}

.c-lightblue-4ea1ea {
    color: #4ea1ea
}

.c-blue-00a0e9 {
    color: #00a0e9
}

.c-lightblue-abbaee {
    color: #abbaee
}

.c-blue-385b7a {
    color: #385b7a
}

.c-blue-87, body.baseWhite a.link {
    color: rgba(0, 122, 255, .87)
}

.c-lightblue-87 {
    color: rgba(102, 156, 221, .87)
}

.c-lightgreen-80cbc4 {
    color: #80cbc4
}

.c-gray-424242, .common_input_text, input[type=number], input[type=password], input[type=text], textarea {
    color: #424242
}

.c-gray-525252 {
    color: #525252
}

.c-gray-555555 {
    color: #555
}

.c-gray-575757 {
    color: #575757
}

.c-gray-595959 {
    color: #595959
}

.c-gray-343434 {
    color: #343434
}

.c-gray-87 {
    color: rgba(92, 92, 92, .87)
}

.c-black-87, .text-black, body.baseWhite {
    color: rgba(0, 0, 0, .87)
}

.common_input_text, input[type=number], input[type=password], input[type=text], textarea {
    border: 1px solid #424242;
    font-size: 100%
}

.common_input_text:placeholder-shown, input[type=number]:placeholder-shown, input[type=password]:placeholder-shown, input[type=text]:placeholder-shown, textarea:placeholder-shown {
    color: #424242
}

.common_input_text::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #424242
}

.common_input_text:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=text]:-moz-placeholder, textarea:-moz-placeholder {
    color: #424242;
    opacity: 1
}

.common_input_text::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=text]::-moz-placeholder, textarea::-moz-placeholder {
    color: #424242;
    opacity: 1
}

.common_input_text:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #424242
}

textarea {
    height: 100px
}

.w-10px {
    width: 10px
}

.w-16px {
    width: 16px
}

.w-18px {
    width: 18px
}

.w-20px {
    width: 20px
}

.w-24px {
    width: 24px
}

.w-28px {
    width: 28px
}

.w-40px {
    width: 40px
}

.w-48px {
    width: 48px
}

.w-68px {
    width: 68px
}

.w-72px {
    width: 72px
}

.w-120px {
    width: 120px
}

.w-160px {
    width: 160px
}

.w-168px {
    width: 168px
}

.w-176px {
    width: 176px
}

.w-200px {
    width: 200px
}

.w-50 {
    width: 50%
}

.w-70 {
    width: 70%
}

.w-80px {
    width: 80px
}

.w-80 {
    width: 80%
}

.w-90 {
    width: 90%
}

.common_input_text, .section-title, .w-100, input[type=number], input[type=password], input[type=text], textarea {
    width: 100%
}

.h-10px {
    height: 10px
}

.h-16px {
    height: 16px
}

.h-18px {
    height: 18px
}

.h-20px {
    height: 20px
}

.h-24px {
    height: 24px
}

.h-30px {
    height: 30px
}

.h-40px {
    height: 40px
}

.h-48px {
    height: 48px
}

.h-72px {
    height: 72px
}

.h-80px {
    height: 80px
}

.h-100px {
    height: 100px
}

.h-140px {
    height: 140px
}

.h-176px {
    height: 176px
}

.h-200px {
    height: 200px
}

.mh-60 {
    max-height: 60px
}

.bsize-36px {
    background-size: 36px
}

.line-height-20 {
    line-height: 20px
}

.line-height-16px {
    line-height: 16px
}

.line-height-72px {
    line-height: 72px
}

@media only screen and (min-width: 768px) {
    .w-10px {
        width: 20px
    }

    .w-16px {
        width: 32px
    }

    .w-18px {
        width: 36px
    }

    .w-20px {
        width: 40px
    }

    .w-24px {
        width: 48px
    }

    .w-28px {
        width: 56px
    }

    .w-40px {
        width: 80px
    }

    .w-48px {
        width: 96px
    }

    .w-68px {
        width: 136px
    }

    .w-72px {
        width: 144px
    }

    .w-80px {
        width: 160px
    }

    .w-120px {
        width: 240px
    }

    .w-160px {
        width: 320px
    }

    .w-168px {
        width: 336px
    }

    .w-176px {
        width: 352px
    }

    .w-200px {
        width: 400px
    }

    .h-10px {
        height: 20px
    }

    .h-16px {
        height: 32px
    }

    .h-18px {
        height: 36px
    }

    .h-20px {
        height: 40px
    }

    .h-24px {
        height: 48px
    }

    .h-30px {
        height: 60px
    }

    .h-40px {
        height: 80px
    }

    .h-48px {
        height: 96px
    }

    .h-72px {
        height: 144px
    }

    .h-80px {
        height: 160px
    }

    .h-100px {
        height: 200px
    }

    .h-140px {
        height: 280px
    }

    .h-176px {
        height: 352px
    }

    .h-200px {
        height: 400px
    }

    .mh-60 {
        max-height: 120px
    }

    .bsize-36px {
        background-size: 72px
    }

    .line-height-16px {
        line-height: 32px
    }

    .line-height-20 {
        line-height: 40px
    }

    .line-height-72px {
        line-height: 144px
    }
}

* {
    margin: 0;
    padding: 0;
    font-family: Helvetica
}

html {
    font-size: 62.5%
}

pre {
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word
}

body {
    display: block;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none
}

button, input[type=button], input[type=submit] {
    -webkit-appearance: none
}

#display-box, div#displayBox {
    max-width: 600px;
    margin: auto;
    min-height: 100%;
    box-shadow: 0 0 6px 6px rgba(0,0,0,0.2)
}

.border-none {
    border: none
}

.half-area, .halfArea {
    width: 46%;
    padding: 2%;
    float: left
}

img {
    max-width: 100%
}

.float-left {
    float: left
}

.bold, .modal .modal-title, .title, .titleWithIcon, a, a:active {
    font-weight: 700
}

.weight-normal {
    font-weight: 400
}

.underline {
    text-decoration: underline
}

.thouthLine {
    text-decoration: line-through
}

.border-base {
    border: 1px solid rgba(255, 255, 255, .12)
}

.border-top-base {
    border-top: 1px solid rgba(255, 255, 255, .12)
}

.border-bottom-base {
    border-bottom: 1px solid rgba(255, 255, 255, .12)
}

.border-bottom-979797 {
    border-bottom: 1px solid #979797
}

.baseLine, .border-bottom-585858 {
    border-bottom: 1px solid #585858
}

.border-white {
    border: 1px solid #FFF
}

.border-radius-2 {
    border-radius: 2px
}

.border-radius-4 {
    border-radius: 4px
}

.border-radius-6 {
    border-radius: 6px
}

.table {
    display: table;
    table-layout: fixed
}

.table-cell {
    display: table-cell
}

.right, ul.link {
    text-align: right
}

.left, .modal, .section-title, ul.itemList, ul.simpleList {
    text-align: left
}

.center, .fix-footer, .half-button, button.halfButton, button[type=button], input[type=button], input[type=button].halfButton {
    text-align: center
}

.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.absolute-bottom-center {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.fix-footer {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 1;
    padding: 0 auto
}

div.footer {
    padding-bottom: 60px
}

@media (min-width: 600px) and (orientation: portrait),(min-height: 460px) and (orientation: landscape) {
    div.footer {
        padding-bottom: 90px
    }

    .fix-footer {
        max-width: 780px
    }
}

ul.link li {
    list-style-type: none;
    overflow: hidden;
    display: -webkit-box;
    display: block;
    -webkit-box-align: center;
    border-bottom: none
}

ul.link li:last-child {
    padding-bottom: 0
}

.modal .modal-content ul.list li, .modal .modal-content ul.list li:last-child {
    margin: 0
}

.hidden {
    display: none
}

.inlineblock, .section-title label {
    display: inline-block
}

.iapPurchase_ticket180_area, .iapPurchase_ticket365_discount1000_area, .modal {
    display: none
}

.opacity-30 {
    opacity: .3
}

input[type=number], input[type=password], input[type=text] {
    height: 32px
}

.modal {
    position: fixed;
    max-height: 90%;
    z-index: 2;
    width: 90%
}

.modal .modal-content {
    overflow: auto;
    max-height: 80%
}

.modal .modal-content ul.list {
    height: 100%
}

#modal-overlay {
    z-index: 1;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%
}

@media only screen and (min-width: 768px) {
    html {
        overflow-x: hidden;
        font-size: 93.75%
    }

    input[type=number], input[type=password], input[type=text] {
        height: 64px
    }

    .border-radius-2 {
        border-radius: 4px
    }

    .border-radius-4 {
        border-radius: 8px
    }

    .border-radius-6 {
        border-radius: 12px
    }
}

#downloadHeader {
    position : fixed;
    top : 0;
    z-index : 1;
    max-width : 600px;
    width : 100%;
    display : -webkit-flex;
    display: -webkit-box;/* Android4.3以前ブラウザ用 */
    display : flex;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    height : 62px;
    background: #191919;
    box-shadow: 0 0 6px 6px rgba(0,0,0,0.2);
}
#downloadHeader div.service {
    display : -webkit-flex;
    display: -webkit-box;/* Android4.3以前ブラウザ用 */
    display : flex;
    justify-content: flex-start;
    width : 100%;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}
#downloadHeader div.icon {
    width :48px;
    height : 48px;
    vertical-align: middle;
    margin : 7px 0px 7px 14px;
}
#downloadHeader div.text {
    text-align: left;
    margin : 9px 7px 7px 7px;
}
#downloadHeader div.text div.appName{
    color : white;
    font-weight: bold;
    font-size: 16px;
}

#downloadHeader div.text div.description{
    color : white;
    font-size: 12px;
}

#downloadHeader button.download {
    padding : 2px 5px;
    background: #1a4c7a;
    margin:0px;
    text-transform:uppercase;
    cursor:pointer;
    height : 48px;
    width : 124px;
    margin : 7px 14px;
    border-radius: 6px;
    font-size : 12px;
    color : white;
}

#mainSection {
    margin-top : 62px;
}

section.disclaimer {
    margin: 6.4rem 1.6rem;
}