html, body {
    height: 100%
}

body {
    color: #2f3f54;
    font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN,
    "メイリオ", Meiryo, osaka, "ＭＳ Ｐゴシック", "MS PGothic",
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji",
    sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden
}

h1, h2, h3, h4, h5, h6 {
    color: #2f3f54;
    font-weight: normal
}

.legend {
    display: inline-block;
    font-size: 10px
}

a:not(.page-link) {
    color: #2d7fd6;
    text-decoration: underline
}

a:not(.page-link):hover {
    color: #215e9e
}

.bold {
    font-weight: bold
}

.error, .warn, .attention {
    color: #f00
}

.basis.up {
    color: #19cc59
}

.basis.down {
    color: #f00
}

.basis.stable {
    color: #707070
}

.basis.after {
    display: inline-block;
    text-align: center;
    margin-left: 6px;
    width: 14px
}

.point.get {
    color: #19cc59
}

.point.lost {
    color: #f00
}

span.open, span.yes, span.published, span.enabled, span.done {
    color: #2f3f54
}

span.ended, span.no, span.unpublished, span.private, span.disabled, span.not-yet {
    color: #f00
}

.xxsmall {
    font-size: 10px
}

.xsmall {
    font-size: 11px
}

.small {
    font-size: 12px
}

.media {
    font-size: 14px
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #9e9e9e !important
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #9e9e9e !important
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #9e9e9e !important
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #9e9e9e !important
}

input::placeholder, textarea::placeholder {
    color: #9e9e9e !important
}

input[disabled]::-webkit-input-placeholder, textarea[disabled]::-webkit-input-placeholder, input[readonly]::-webkit-input-placeholder, textarea[readonly]::-webkit-input-placeholder {
    color: #aaa !important
}

input[disabled]:-moz-placeholder, textarea[disabled]:-moz-placeholder, input[readonly]:-moz-placeholder, textarea[readonly]:-moz-placeholder {
    color: #aaa !important
}

input[disabled]::-moz-placeholder, textarea[disabled]::-moz-placeholder, input[readonly]::-moz-placeholder, textarea[readonly]::-moz-placeholder {
    color: #aaa !important
}

input[disabled]:-ms-input-placeholder, textarea[disabled]:-ms-input-placeholder, input[readonly]:-ms-input-placeholder, textarea[readonly]:-ms-input-placeholder {
    color: #aaa !important
}

input[disabled]::placeholder, textarea[disabled]::placeholder, input[readonly]::placeholder, textarea[readonly]::placeholder {
    color: #aaa !important
}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

td.center {
    text-align: center
}

td.right {
    text-align: right
}

hr.dotted {
    border-top: 1px dashed #e7ecf1;
    margin: 25px 0
}

img {
    vertical-align: bottom
}

.mt-0 {
    margin-top: 0px !important
}

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

.pb-0 {
    padding-bottom: 0px !important
}

.mt-1 {
    margin-top: 1px !important
}

.mb-1 {
    margin-bottom: 1px !important
}

.pb-1 {
    padding-bottom: 1px !important
}

.mt-2 {
    margin-top: 2px !important
}

.mb-2 {
    margin-bottom: 2px !important
}

.pb-2 {
    padding-bottom: 2px !important
}

.mt-3 {
    margin-top: 3px !important
}

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

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

.mt-4 {
    margin-top: 4px !important
}

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

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

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

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

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

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

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

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

.mt-7 {
    margin-top: 7px !important
}

.mb-7 {
    margin-bottom: 7px !important
}

.pb-7 {
    padding-bottom: 7px !important
}

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

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

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

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

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

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

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

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

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

.mt-11 {
    margin-top: 11px !important
}

.mb-11 {
    margin-bottom: 11px !important
}

.pb-11 {
    padding-bottom: 11px !important
}

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

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

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

.mt-13 {
    margin-top: 13px !important
}

.mb-13 {
    margin-bottom: 13px !important
}

.pb-13 {
    padding-bottom: 13px !important
}

.mt-14 {
    margin-top: 14px !important
}

.mb-14 {
    margin-bottom: 14px !important
}

.pb-14 {
    padding-bottom: 14px !important
}

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

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

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

.mt-16 {
    margin-top: 16px !important
}

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

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

.mt-17 {
    margin-top: 17px !important
}

.mb-17 {
    margin-bottom: 17px !important
}

.pb-17 {
    padding-bottom: 17px !important
}

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

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

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

.mt-19 {
    margin-top: 19px !important
}

.mb-19 {
    margin-bottom: 19px !important
}

.pb-19 {
    padding-bottom: 19px !important
}

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

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

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

.mt-21 {
    margin-top: 21px !important
}

.mb-21 {
    margin-bottom: 21px !important
}

.pb-21 {
    padding-bottom: 21px !important
}

.mt-22 {
    margin-top: 22px !important
}

.mb-22 {
    margin-bottom: 22px !important
}

.pb-22 {
    padding-bottom: 22px !important
}

.mt-23 {
    margin-top: 23px !important
}

.mb-23 {
    margin-bottom: 23px !important
}

.pb-23 {
    padding-bottom: 23px !important
}

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

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

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

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

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

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

.mt-26 {
    margin-top: 26px !important
}

.mb-26 {
    margin-bottom: 26px !important
}

.pb-26 {
    padding-bottom: 26px !important
}

.mt-27 {
    margin-top: 27px !important
}

.mb-27 {
    margin-bottom: 27px !important
}

.pb-27 {
    padding-bottom: 27px !important
}

.mt-28 {
    margin-top: 28px !important
}

.mb-28 {
    margin-bottom: 28px !important
}

.pb-28 {
    padding-bottom: 28px !important
}

.mt-29 {
    margin-top: 29px !important
}

.mb-29 {
    margin-bottom: 29px !important
}

.pb-29 {
    padding-bottom: 29px !important
}

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

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

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

.mt-31 {
    margin-top: 31px !important
}

.mb-31 {
    margin-bottom: 31px !important
}

.pb-31 {
    padding-bottom: 31px !important
}

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

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

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

.mt-33 {
    margin-top: 33px !important
}

.mb-33 {
    margin-bottom: 33px !important
}

.pb-33 {
    padding-bottom: 33px !important
}

.mt-34 {
    margin-top: 34px !important
}

.mb-34 {
    margin-bottom: 34px !important
}

.pb-34 {
    padding-bottom: 34px !important
}

.mt-35 {
    margin-top: 35px !important
}

.mb-35 {
    margin-bottom: 35px !important
}

.pb-35 {
    padding-bottom: 35px !important
}

.mt-36 {
    margin-top: 36px !important
}

.mb-36 {
    margin-bottom: 36px !important
}

.pb-36 {
    padding-bottom: 36px !important
}

.mt-37 {
    margin-top: 37px !important
}

.mb-37 {
    margin-bottom: 37px !important
}

.pb-37 {
    padding-bottom: 37px !important
}

.mt-38 {
    margin-top: 38px !important
}

.mb-38 {
    margin-bottom: 38px !important
}

.pb-38 {
    padding-bottom: 38px !important
}

.mt-39 {
    margin-top: 39px !important
}

.mb-39 {
    margin-bottom: 39px !important
}

.pb-39 {
    padding-bottom: 39px !important
}

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

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

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

.mt-41 {
    margin-top: 41px !important
}

.mb-41 {
    margin-bottom: 41px !important
}

.pb-41 {
    padding-bottom: 41px !important
}

.mt-42 {
    margin-top: 42px !important
}

.mb-42 {
    margin-bottom: 42px !important
}

.pb-42 {
    padding-bottom: 42px !important
}

.mt-43 {
    margin-top: 43px !important
}

.mb-43 {
    margin-bottom: 43px !important
}

.pb-43 {
    padding-bottom: 43px !important
}

.mt-44 {
    margin-top: 44px !important
}

.mb-44 {
    margin-bottom: 44px !important
}

.pb-44 {
    padding-bottom: 44px !important
}

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

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

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

.mt-46 {
    margin-top: 46px !important
}

.mb-46 {
    margin-bottom: 46px !important
}

.pb-46 {
    padding-bottom: 46px !important
}

.mt-47 {
    margin-top: 47px !important
}

.mb-47 {
    margin-bottom: 47px !important
}

.pb-47 {
    padding-bottom: 47px !important
}

.mt-48 {
    margin-top: 48px !important
}

.mb-48 {
    margin-bottom: 48px !important
}

.pb-48 {
    padding-bottom: 48px !important
}

.mt-49 {
    margin-top: 49px !important
}

.mb-49 {
    margin-bottom: 49px !important
}

.pb-49 {
    padding-bottom: 49px !important
}

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

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

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

.mt-51 {
    margin-top: 51px !important
}

.mb-51 {
    margin-bottom: 51px !important
}

.pb-51 {
    padding-bottom: 51px !important
}

.mt-52 {
    margin-top: 52px !important
}

.mb-52 {
    margin-bottom: 52px !important
}

.pb-52 {
    padding-bottom: 52px !important
}

.mt-53 {
    margin-top: 53px !important
}

.mb-53 {
    margin-bottom: 53px !important
}

.pb-53 {
    padding-bottom: 53px !important
}

.mt-54 {
    margin-top: 54px !important
}

.mb-54 {
    margin-bottom: 54px !important
}

.pb-54 {
    padding-bottom: 54px !important
}

.mt-55 {
    margin-top: 55px !important
}

.mb-55 {
    margin-bottom: 55px !important
}

.pb-55 {
    padding-bottom: 55px !important
}

.mt-56 {
    margin-top: 56px !important
}

.mb-56 {
    margin-bottom: 56px !important
}

.pb-56 {
    padding-bottom: 56px !important
}

.mt-57 {
    margin-top: 57px !important
}

.mb-57 {
    margin-bottom: 57px !important
}

.pb-57 {
    padding-bottom: 57px !important
}

.mt-58 {
    margin-top: 58px !important
}

.mb-58 {
    margin-bottom: 58px !important
}

.pb-58 {
    padding-bottom: 58px !important
}

.mt-59 {
    margin-top: 59px !important
}

.mb-59 {
    margin-bottom: 59px !important
}

.pb-59 {
    padding-bottom: 59px !important
}

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

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

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

.mt-61 {
    margin-top: 61px !important
}

.mb-61 {
    margin-bottom: 61px !important
}

.pb-61 {
    padding-bottom: 61px !important
}

.mt-62 {
    margin-top: 62px !important
}

.mb-62 {
    margin-bottom: 62px !important
}

.pb-62 {
    padding-bottom: 62px !important
}

.mt-63 {
    margin-top: 63px !important
}

.mb-63 {
    margin-bottom: 63px !important
}

.pb-63 {
    padding-bottom: 63px !important
}

.mt-64 {
    margin-top: 64px !important
}

.mb-64 {
    margin-bottom: 64px !important
}

.pb-64 {
    padding-bottom: 64px !important
}

.mt-65 {
    margin-top: 65px !important
}

.mb-65 {
    margin-bottom: 65px !important
}

.pb-65 {
    padding-bottom: 65px !important
}

.mt-66 {
    margin-top: 66px !important
}

.mb-66 {
    margin-bottom: 66px !important
}

.pb-66 {
    padding-bottom: 66px !important
}

.mt-67 {
    margin-top: 67px !important
}

.mb-67 {
    margin-bottom: 67px !important
}

.pb-67 {
    padding-bottom: 67px !important
}

.mt-68 {
    margin-top: 68px !important
}

.mb-68 {
    margin-bottom: 68px !important
}

.pb-68 {
    padding-bottom: 68px !important
}

.mt-69 {
    margin-top: 69px !important
}

.mb-69 {
    margin-bottom: 69px !important
}

.pb-69 {
    padding-bottom: 69px !important
}

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

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

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

.mt-71 {
    margin-top: 71px !important
}

.mb-71 {
    margin-bottom: 71px !important
}

.pb-71 {
    padding-bottom: 71px !important
}

.mt-72 {
    margin-top: 72px !important
}

.mb-72 {
    margin-bottom: 72px !important
}

.pb-72 {
    padding-bottom: 72px !important
}

.mt-73 {
    margin-top: 73px !important
}

.mb-73 {
    margin-bottom: 73px !important
}

.pb-73 {
    padding-bottom: 73px !important
}

.mt-74 {
    margin-top: 74px !important
}

.mb-74 {
    margin-bottom: 74px !important
}

.pb-74 {
    padding-bottom: 74px !important
}

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

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

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

.mt-76 {
    margin-top: 76px !important
}

.mb-76 {
    margin-bottom: 76px !important
}

.pb-76 {
    padding-bottom: 76px !important
}

.mt-77 {
    margin-top: 77px !important
}

.mb-77 {
    margin-bottom: 77px !important
}

.pb-77 {
    padding-bottom: 77px !important
}

.mt-78 {
    margin-top: 78px !important
}

.mb-78 {
    margin-bottom: 78px !important
}

.pb-78 {
    padding-bottom: 78px !important
}

.mt-79 {
    margin-top: 79px !important
}

.mb-79 {
    margin-bottom: 79px !important
}

.pb-79 {
    padding-bottom: 79px !important
}

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

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

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

.mt-81 {
    margin-top: 81px !important
}

.mb-81 {
    margin-bottom: 81px !important
}

.pb-81 {
    padding-bottom: 81px !important
}

.mt-82 {
    margin-top: 82px !important
}

.mb-82 {
    margin-bottom: 82px !important
}

.pb-82 {
    padding-bottom: 82px !important
}

.mt-83 {
    margin-top: 83px !important
}

.mb-83 {
    margin-bottom: 83px !important
}

.pb-83 {
    padding-bottom: 83px !important
}

.mt-84 {
    margin-top: 84px !important
}

.mb-84 {
    margin-bottom: 84px !important
}

.pb-84 {
    padding-bottom: 84px !important
}

.mt-85 {
    margin-top: 85px !important
}

.mb-85 {
    margin-bottom: 85px !important
}

.pb-85 {
    padding-bottom: 85px !important
}

.mt-86 {
    margin-top: 86px !important
}

.mb-86 {
    margin-bottom: 86px !important
}

.pb-86 {
    padding-bottom: 86px !important
}

.mt-87 {
    margin-top: 87px !important
}

.mb-87 {
    margin-bottom: 87px !important
}

.pb-87 {
    padding-bottom: 87px !important
}

.mt-88 {
    margin-top: 88px !important
}

.mb-88 {
    margin-bottom: 88px !important
}

.pb-88 {
    padding-bottom: 88px !important
}

.mt-89 {
    margin-top: 89px !important
}

.mb-89 {
    margin-bottom: 89px !important
}

.pb-89 {
    padding-bottom: 89px !important
}

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

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

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

.mt-91 {
    margin-top: 91px !important
}

.mb-91 {
    margin-bottom: 91px !important
}

.pb-91 {
    padding-bottom: 91px !important
}

.mt-92 {
    margin-top: 92px !important
}

.mb-92 {
    margin-bottom: 92px !important
}

.pb-92 {
    padding-bottom: 92px !important
}

.mt-93 {
    margin-top: 93px !important
}

.mb-93 {
    margin-bottom: 93px !important
}

.pb-93 {
    padding-bottom: 93px !important
}

.mt-94 {
    margin-top: 94px !important
}

.mb-94 {
    margin-bottom: 94px !important
}

.pb-94 {
    padding-bottom: 94px !important
}

.mt-95 {
    margin-top: 95px !important
}

.mb-95 {
    margin-bottom: 95px !important
}

.pb-95 {
    padding-bottom: 95px !important
}

.mt-96 {
    margin-top: 96px !important
}

.mb-96 {
    margin-bottom: 96px !important
}

.pb-96 {
    padding-bottom: 96px !important
}

.mt-97 {
    margin-top: 97px !important
}

.mb-97 {
    margin-bottom: 97px !important
}

.pb-97 {
    padding-bottom: 97px !important
}

.mt-98 {
    margin-top: 98px !important
}

.mb-98 {
    margin-bottom: 98px !important
}

.pb-98 {
    padding-bottom: 98px !important
}

.mt-99 {
    margin-top: 99px !important
}

.mb-99 {
    margin-bottom: 99px !important
}

.pb-99 {
    padding-bottom: 99px !important
}

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

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

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

.none {
    display: none
}

div.jsDebug {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    font-size: 11px;
    left: 0;
    top: 0;
    padding: 10px;
    z-index: 5000
}

@media screen and (max-width: 768px) {
    h1, h2, h3, h4, h5, h6 {
        font-weight: 400
    }

    button, input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], input[type=url], select, select:focus, textarea {
        font-size: 1rem !important
    }
}

.clearfix::after {
    content: "";
    display: block;
    clear: both
}

.pc {
    display: block
}

.sp {
    display: none
}

.wrapper {
    position: relative;
    height: auto;
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

_:-ms-lang(x)::-ms-backdrop, .wrapper {
    height: 100%
}

.control-wrapper {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.control-wrapper .steps-wrapper {
    position: relative;
    width: 100%;
    height: auto
}

.content {
    background-color: white;
    border: 1px solid #dbdbdb;
    border-radius: 10px;
    box-shadow: 0 0 4px 3px #f7fafc;
    text-align: center;
    margin: 0 40px 80px 40px;
    padding: 0 50px;
    width: calc(100% - 40px);
    max-width: 600px;
    -webkit-transition: margin .3s ease-in-out;
    -moz-transition: margin .3s ease-in-out;
    -o-transition: margin .3s ease-in-out;
    transition: margin .3s ease-in-out
}

.content h1 {
    margin: 35px 0
}

.content h1 img {
    width: 180px
}

.content form {
    font-size: 12px;
    line-height: 1;
    text-align: left;
    margin: 0 auto 35px auto;
    max-width: 390px
}

.content form p.info {
    line-height: 1.75
}

.content form p.info.warn, .content form p.info.error {
    color: #f3445e
}

.content form label {
    margin-bottom: 10px
}

.content form input[type=text], .content form input[type=email], .content form input[type=password], .content form select, .content form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px
}

.content form textarea[rows="1"] {
    height: 35px;
    min-height: 35px
}

.content form .form-control {
    border-color: #d1d1d1
}

.content form .form-control.simple {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top: none;
    border-right: none;
    border-left: none
}

.content form .form-control.simple.is-invalid {
    border-color: #f3445e
}

.content form .form-control.simple:focus, .content form .form-control.simple:active {
    box-shadow: none
}

.content form .form-control .is-invalid {
    border-color: #f3445e
}

.content form .invalid-feedback {
    color: #f00;
    font-size: inherit;
    margin: 10px 0
}

.content form .custom-checkbox {
    padding-left: 28px
}

.content form .submit-group {
    text-align: center;
    margin-top: 40px
}

.content form .btn {
    display: block;
    border: none;
    border-radius: 5rem;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin: 0 auto;
    padding: 0
}

.content form .btn.btn-primary {
    background-color: #2d7fd6;
    width: 255px;
    height: 42px
}

.content form .btn.btn-primary:hover, .content form .btn.btn-primary:active {
    background-color: #215e9e
}

.control-footer {
    background: #f7fafc;
    border-top: 1px solid #e7ecf1;
    color: #666;
    font-size: 12px;
    text-align: center;
    padding: 45px
}

.control-footer .copyright {
    margin: 0 0 12px 0
}

.control-footer .nav-footer ul {
    list-style: none;
    font-size: 0
}

.control-footer .nav-footer ul li {
    display: inline-block;
    border-right: 1px solid #666;
    font-size: 12px;
    margin-right: 10px;
    padding-right: 10px
}

.control-footer .nav-footer ul li:last-child {
    border-right: none
}

.content.login .ie11-message {
    display: none;
    background-color: #ffe9ec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 15px 5px;
    margin-bottom: 35px
}

.content.login .ie11-message p.info {
    font-size: 13px;
    line-height: 1.75;
    text-align: center;
    margin: 0
}

.content.login .ie11-message p.info .warn {
    font-size: 16px
}

_:-ms-lang(x)::-ms-backdrop, .content.login .ie11-message {
    display: block
}

.control-wrapper.password-reset .steps-wrapper {
    position: relative;
    display: flex;
    align-self: auto;
    width: 100%;
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.control-wrapper.password-reset .step {
    display: none;
    width: 100%;
    padding: 0 40px 80px 40px;
    -webkit-transition: padding .3s ease-in-out;
    -moz-transition: padding .3s ease-in-out;
    -o-transition: padding .3s ease-in-out;
    transition: padding .3s ease-in-out
}

.control-wrapper.password-reset .step.show {
    display: block
}

.control-wrapper.password-reset .content {
    margin: 0 auto
}

.content.sign-up {
    position: relative;
    padding: 0;
    max-width: 980px;
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.content.sign-up div.step {
    position: relative;
    display: none;
    padding: 0 50px;
    width: 100%;
    height: auto;
    left: 100vw;
    top: 0
}

.content.sign-up div.step.show {
    display: block;
    left: 0
}

.content.sign-up header {
    text-align: left;
    padding: 50px 0 38px 73px
}

.content.sign-up header h1 {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1;
    margin: 0 18px 0 0
}

.content.sign-up header h1 img {
    width: 126px
}

.content.sign-up header h2 {
    display: inline-block;
    vertical-align: bottom;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    padding-bottom: 1px
}

.content.sign-up header h2 span.pc {
    display: inline
}

.content.sign-up header h2.sp {
    display: none
}

.content.sign-up form {
    margin: 0;
    width: 100%;
    max-width: initial
}

.content.sign-up form .col-md-6 {
    max-width: 420px;
    flex: none
}

.content.sign-up form label {
    margin-bottom: 0
}

.content.sign-up .submit-group {
    position: relative;
    border-top: 1px dashed #e7ecf1;
    margin-top: 30px;
    padding: 28px 0 30px 0;
    min-height: 95px
}

.content.sign-up .submit-group a.prev {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin-top: 15px
}

.content.sign-up .submit-group .progress-group {
    position: absolute;
    bottom: 34px;
    right: 8px
}

.content.sign-up .submit-group .progress-group ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0
}

.content.sign-up .submit-group .progress-group ul li {
    display: inline-block;
    vertical-align: bottom;
    color: #adadad;
    font-size: 11px;
    line-height: 1;
    text-align: center;
    margin-right: 20px
}

.content.sign-up .submit-group .progress-group ul li:last-child {
    margin-right: 0
}

.content.sign-up .submit-group .progress-group ul li span {
    display: block;
    background: #adadad;
    -webkit-border-radius: 5rem;
    -moz-border-radius: 5rem;
    border-radius: 5rem;
    margin: 0 auto 8px auto;
    width: 14px;
    height: 14px
}

.content.sign-up .submit-group .progress-group ul li.active {
    color: #ff8d9e
}

.content.sign-up .submit-group .progress-group ul li.active span {
    background: #ff8d9e
}

.content.sign-up .explanation {
    position: absolute;
    right: 70px;
    top: 40px
}

.content.sign-up .explanation .speech-balloon {
    position: relative;
    border: 2px solid #ff8d9e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 12px 15px;
    width: 280px
}

.content.sign-up .explanation .speech-balloon:after {
    position: absolute;
    content: "";
    background: url(/images/img_arrow_balloon.svg) no-repeat 0 0;
    width: 18px;
    height: 14px;
    left: 188px;
    bottom: -14px
}

.content.sign-up .explanation .speech-balloon p {
    text-align: left;
    font-size: 12px;
    line-height: 1.75;
    margin: 0
}

.content.sign-up .explanation .speech-balloon p span.strong {
    color: #ff4d6f;
    font-weight: 500
}

.content.sign-up .explanation .cast {
    margin: 20px 0 0 30px;
    width: 180px
}

.content.sign-up .explanation .cast img {
    width: 100%
}

.content.sign-up div.step-1 .explanation {
    top: 30px
}

.content.sign-up div.step-1 .cast {
    margin-top: 12px;
    height: 167px;
    overflow: hidden
}

.content.sign-up div.confirm form label {
    line-height: 18px;
    padding-top: 3.5px;
    padding-bottom: 0
}

.content.sign-up div.confirm form p {
    color: black;
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 0
}

.content.sign-up div.confirm .explanation {
    top: 60px
}

.content.sign-up div.step-2 .submit-group .progress-group, .content.sign-up div.confirm .submit-group .progress-group {
    bottom: 63px
}

.content.sign-up div.complete h4.form-sub-title {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    margin: 7px 0 30px 73px
}

.content.sign-up div.complete p.body {
    font-size: 14px;
    line-height: 1.75;
    margin-left: 73px;
    max-width: 380px
}

.content.sign-up div.complete p.body + p.body {
    margin-top: 30px;
    margin-bottom: 70px
}

.content.sign-up div.complete .explanation {
    top: 45px
}

.content.sign-up div.complete .explanation .speech-balloon {
    padding: 18px 35px
}

.content.sign-up div.complete .explanation .speech-balloon p.message {
    font-size: 14px
}

.content.static {
    margin: 40px 40px 100px 40px;
    padding: 0 45px 45px 45px;
    max-width: 1200px
}

.content.static header h1 {
    margin-bottom: 60px
}

.content.static header h2 {
    border-bottom: 1px solid #e7ecf1;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    padding-bottom: 15px;
    margin-bottom: 30px
}

.content.static article {
    text-align: left
}

.content.static article h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px
}

.content.static article p, .content.static article ol li {
    font-size: 14px;
    line-height: 1.75
}

.content.static article p + h3, .content.static article ol + h3 {
    margin-top: 25px
}

.content.static article ol {
    list-style-type: none
}

.content.static article ol li {
    margin-bottom: .25em
}

.content.static article ol:not(.bracket):not(.roman) {
    padding-left: 0;
    counter-reset: item
}

.content.static article ol:not(.bracket):not(.roman) > li:before {
    counter-increment: item;
    content: counter(item) ".";
    margin-right: 1em
}

.content.static article li ol {
    margin-top: .1em
}

.content.static article ol.bracket {
    padding-left: 0;
    counter-reset: item
}

.content.static article ol.bracket > li:before {
    counter-increment: item;
    content: "(" counter(item) ")";
    margin-right: .5em
}

.content.static article ol.roman {
    padding-left: 1em;
    counter-reset: item
}

.content.static article ol.roman > li:before {
    display: inline-block;
    counter-increment: item;
    content: counter(item, lower-roman) ".";
    width: 1.5em
}

.content.error h2 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 35px
}

.content.error p.info {
    font-size: 12px;
    line-height: 1.75;
    text-align: left;
    margin-bottom: 50px
}

.content.error ul.link-list {
    margin: 0 0 50px 0;
    padding: 0;
    list-style: none;
    font-size: 0
}

.content.error ul.link-list li {
    display: inline-block;
    font-size: 12px;
    border-right: 1px solid #666;
    margin-right: 10px;
    padding-right: 10px
}

.content.error ul.link-list li:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0
}

.content.error p.info + ul.link-list {
    margin-top: -15px
}

.control-footer.error {
    border-top: none;
    padding: 30px 30px 80px 30px
}

@media screen and (max-width: 1030px) {
    .content.sign-up .explanation {
        right: 40px
    }

    .content.sign-up .explanation .cast {
        margin-top: 15px;
        margin-left: 45px;
        height: 170px;
        overflow: hidden
    }

    .content.sign-up div.complete .explanation {
        right: 70px
    }

    .content.sign-up div.complete .explanation .cast {
        margin: 20px 0 0 30px;
        height: 210px;
        overflow: hidden
    }
}

@media screen and (max-height: 850px) {
    .content {
        margin: 40px
    }

    .control-wrapper.password-reset .step {
        padding: 40px
    }
}

@media screen and (max-width: 991px) {
    .content.sign-up form .col-md-2 {
        min-width: 120px
    }

    .content.sign-up form .col-md-5, .content.sign-up form .col-md-6 {
        width: 420px;
        flex: 0 0 420px;
        max-width: 420px
    }

    .content.sign-up form .col-md-10 {
        width: 79%;
        flex: 0 0 79%
    }

    .content.sign-up .submit-group {
        padding-top: 25px;
        padding-bottom: 50px
    }

    .content.sign-up .submit-group .progress-group {
        position: static;
        margin-bottom: 25px
    }

    .content.sign-up .explanation {
        position: static;
        margin: 0 auto;
        width: 280px
    }

    .content.sign-up div.complete p.body {
        max-width: initial;
        margin-right: 73px
    }

    .content.sign-up div.complete .explanation .speech-balloon {
        padding: 12px 15px
    }

    .content.sign-up div.complete .explanation .cast {
        margin-top: 15px;
        margin-left: 45px;
        height: 170px
    }
}

@media screen and (max-width: 768px) {
    .content.sign-up {
        margin: 40px
    }

    .content.sign-up form .text-md-right {
        text-align: left !important
    }

    .content.sign-up form .col-md-5, .content.sign-up form .col-md-6, .content.sign-up form .col-md-10 {
        width: 100%;
        flex: 0 0 100%;
        max-width: initial
    }

    .content.sign-up form .mb-25, .content.sign-up form .mb-30 {
        margin-bottom: 15px !important
    }

    .content.sign-up div.confirm label {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 430px) {
    .pc {
        display: none
    }

    .sp {
        display: block
    }

    .content {
        margin: 20px 0;
        padding: 0 35px;
        width: calc(100% - 44px)
    }

    .content h1 {
        margin: 30px 0 35px 0
    }

    .content form label {
        margin-bottom: 5px
    }

    .content form .btn.btn-primary {
        width: 100%
    }

    .control-footer {
        border: none;
        text-align: left;
        padding: 30px 24px 24px 24px
    }

    .control-footer ul {
        padding-left: 0
    }

    .control-footer ul li {
        margin-bottom: 5px
    }

    .control-wrapper.password-reset .step {
        margin: 0;
        padding: 20px 0
    }

    .content.sign-up {
        border: none;
        box-shadow: none;
        margin: 0 0 auto 0;
        width: 100%
    }

    .content.sign-up div.step {
        margin: 0;
        padding: 0
    }

    .content.sign-up header {
        margin: 0;
        padding: 0
    }

    .content.sign-up header h1 {
        text-align: center;
        margin: 0;
        padding: 20px 0 25px 0;
        width: 100%
    }

    .content.sign-up header h1 img {
        width: 158px
    }

    .content.sign-up header h2 {
        border-bottom: 1px solid #e7ecf1;
        padding: 0 23px 15px 23px;
        width: 100%
    }

    .content.sign-up header h2.pc {
        display: none
    }

    .content.sign-up header h2.sp {
        display: block
    }

    .content.sign-up h3.form-title {
        border-bottom: 1px solid #e7ecf1;
        font-size: 16px;
        text-align: left;
        margin: 0 20px 20px 20px;
        padding: 0 0 10px 3px
    }

    .content.sign-up .submit-group {
        margin-top: 20px;
        min-height: initial
    }

    .content.sign-up .submit-group.header {
        border: none;
        margin: 20px 0 25px 0;
        padding: 0
    }

    .content.sign-up .submit-group.header .progress-group {
        margin: 0
    }

    .content.sign-up form {
        padding: 0 20px
    }

    .content.sign-up form .form-group {
        margin-left: 0;
        margin-right: 0
    }

    .content.sign-up form .form-group .col-md-5, .content.sign-up form .form-group .col-md-6, .content.sign-up form .form-group .col-md-10 {
        padding-left: 0;
        padding-right: 0
    }

    .content.sign-up form .form-group.sp-border {
        border-bottom: 1px dashed #e7ecf1;
        margin-bottom: 12px !important;
        padding-bottom: 20px
    }

    .content.sign-up form label {
        padding: 0 0 12px 3px
    }

    .content.sign-up form textarea#bar_address {
        height: calc(1.25rem * 5 + 14px);
        line-height: 1.25rem
    }

    .content.sign-up form .btn.btn-primary {
        max-width: 260px
    }

    .content.sign-up form p {
        padding: 0 0 0 3px
    }

    .content.sign-up div.explanation {
        margin-bottom: 5px
    }

    .content.sign-up div.confirm h3.form-title {
        margin-bottom: 10px
    }

    .content.sign-up div.confirm form .form-group.sp-border {
        margin-bottom: 10px !important;
        padding-bottom: 15px
    }

    .content.sign-up div.complete form h4.form-sub-title, .content.sign-up div.complete form p.body {
        margin-left: 3px;
        margin-right: 3px
    }

    .content.sign-up div.complete form h4.form-sub-title {
        font-size: 16px;
        margin-top: 35px
    }

    .content.sign-up div.complete form p.body + p.body {
        margin-bottom: 35px
    }

    .content.static {
        border: none;
        box-shadow: none;
        margin: 0;
        padding: 0;
        width: 100%
    }

    .content.static header h1 {
        margin: 15px 0 25px 0;
        font-size: 12px
    }

    .content.static header h1 img {
        width: 140px
    }

    .content.static header h2 {
        font-size: 16px;
        padding: 0 23px 15px 23px;
        margin-bottom: 25px
    }

    .content.static article {
        padding: 0 20px 50px 20px
    }

    .content.static article h3 {
        font-size: 16px
    }

    .content.error h2 {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 30px
    }

    .content.error p.info {
        margin-bottom: 35px
    }
}

/*# sourceMappingURL=control.min.css.map */