@charset "UTF-8";

html {
    margin: 0;
    padding: 0;
}

body {
    font-size: 14px;
    font-family: "F+UD-ニューロダン M", "F+UD-NewRodin M", "Meiryo UI", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
    max-width: 1024px;
    margin: 0 auto;
    word-break: break-all;
    -webkit-text-size-adjust: 100%;
}

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

figure {
    margin: 0;
}

h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #333;
    font-weight: normal;
}

ul, ol {
    margin: 0;
    padding-left: 0;
}

ul li, ol li {
    margin-left: 0;
    list-style-type: none;
}

dl, dt, dd {
    margin: 0;
    padding: 0;
}

a {
    color: #ce0a00;
    text-decoration: none;
}

a img {
    border: none;
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
}

img {
    line-height: 1;
}

hr {
    border: none;
    margin: 0;
    padding: 0;
}

table {
    width: 100%;
}

table th {
    font-weight: normal;
}

button {
    line-height: inherit;
}

input, textarea {
    font-family: "F+UD-ニューロダン M", "F+UD-NewRodin M", "Meiryo UI", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-family: "F+UD-ニューロダン M", "F+UD-NewRodin M", "Meiryo UI", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-family: "F+UD-ニューロダン M", "F+UD-NewRodin M", "Meiryo UI", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    font-family: "F+UD-ニューロダン M", "F+UD-NewRodin M", "Meiryo UI", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    color: transparent;
}

/********************************************
 * ヘッダ
 */
.header {
    position: relative;
    width: 100%;
    height: 68px;
    margin: 0 auto;
    background: #f6f7f8;
    z-index: 1000;
}

.p-contract-header {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    width: 100%;
    height: 64px;
    color: #fff;
    background: url(../images/header/logo_wh.svg) no-repeat 18px 12px, #d42233;
    -webkit-background-size: 175px 26px, cover;
    background-size: 175px 26px, cover;
}

/********************************************
 * フッター
 */
.footer {
    width: 100%;
    background: #fff;
}

.common-footer {
    background: url("../images/footer/common_logo_corporate.png") no-repeat 20px, rgb(255, 255, 255) right;
    background-position : center center;
    height: 78px;
    min-width: 350px;
    color: rgb(255, 255, 255 );
}

/********************************************
 * メッセージエリア
 */
 .err_message_erea {
    margin-left:100px;
    padding: 10px 0px 10px 0px;
    font-family: "F+UD-ニューロダン M", "F+UD-NewRodin M", "Meiryo UI", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
}

.err_message {
    font-weight: bold;
    color: rgb(255, 0, 0);
}

.err_message_table {
}

.err_message_table th {

}

.err_message_table td {
    padding: 5px 0px 5px 0px;
    text-align: left;
}

.panel_err_message_erea {
    margin-left:1px;
    font-family: "F+UD-ニューロダン M", "F+UD-NewRodin M", "Meiryo UI", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
}

.panel_err_message_table {
}

.panel_err_message_table th {

}

.panel_err_message_table td {
    text-align: left;
}

/********************************************
 * ボディ
 */
.contents {
    position: relative;
}

.contents__body {
    position: relative;
}

.contents__main {
    position: relative;
    background: #fff;
    max-width: 740px;
    min-height: 320px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.contents__main .main__block {
    padding: 15px 18px;
}

/********************************************
 * 枠線
 */
.p-logout__panel {
    width: 296px;
    background: #fff;
    border: 1px solid #d3d6de;
    border-radius: 5px;
    padding: 18px;
    margin: 0 auto;
}

.p-logout__panel__login-btn {
    font-size: 20px;
    font-weight: normal;
}

.p-account__panel {
    width: 296px;
    background: #f4f4f4;
    border: 3px solid #c3c3c3;
    border-radius: 5px;
    padding: 18px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.p-account__panel:hover {
    width: 296px;
    background: #fef0ef;
    border: 3px solid #edbbba;
    border-radius: 5px;
    padding: 18px;
    margin: 0 auto;
    margin-bottom: 10px;
}

/********************************************
 * ボタン
 */

.c-btn {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 14px 30px;
    display: inline-block;
    outline: none;
    transition: all 0.3s;
    border-radius: 4px;
    border-collapse: separate;
    letter-spacing: 0;
}

.c-btn.is-liquid {
    width: 100%;
    max-width: 480px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
}

.c-btn.is-back {
    width: 100%;
    max-width: 276px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
}

.c-btn--primary {
    background: #d42233;
    color: #fff;
    box-shadow: inset 0 -3px #aa1b29;
}

/********************************************
 * 入力フォーム
 */
input[type="text"], input[type="password"], select, textarea {
    background-color: #f8f8f8;
    color: #333;
    font-size: 15px;
    font-family: "F+UD-ニューロダン M", "F+UD-NewRodin M", "Meiryo UI", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
    border: solid 1px #ccc;
    border-radius: 4px;
    outline: none;
    width: 100%;
    max-width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

input[type="text"].is-validate--error, input[type="text"].is-validate--error.is-white,
    input[type="password"].is-validate--error, input[type="password"].is-validate--error.is-white,
    select.is-validate--error, select.is-validate--error.is-white, textarea.is-validate--error,
    textarea.is-validate--error.is-white {
    background-color: #f7dfdf;
    border-color: #d42233;
}

input[type="text"], input[type="password"], select {
    max-height: 48px;
    padding: 14px 16px;
    letter-spacing: 0;
}

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder,
    select::-webkit-input-placeholder {
    line-height: 1.7;
    font-size: 0.9em;
    padding: 2px 0;
    font-family: "F+UD-ニューロダン M", "F+UD-NewRodin M", "Meiryo UI", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
}

input[type="text"].is-longlabel::-webkit-input-placeholder, input[type="password"].is-longlabel::-webkit-input-placeholder,
    select.is-longlabel::-webkit-input-placeholder {
    line-height: 2;
    font-size: 0.7em;
}

input[type="text"].is-semilonglabel::-webkit-input-placeholder, input[type="password"].is-semilonglabel::-webkit-input-placeholder,
    select.is-semilonglabel::-webkit-input-placeholder {
    line-height: 1.8;
    font-size: 0.85em;
}

input[type="password"] {
    height: 48px;
    max-height: 48px;
    line-height: 2;
}

/********************************************
 * テキスト
 */
.u-text {
    color: #585858;
}

.u-text--line {
    text-decoration: underline;
}

.p-panel--link {
    display: block;
    font-size: 12px;
}

.c-hdg--complete {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px;
    line-height: 1.4;
}

.u-text--rd10 {
    font-size: 10px;
    font-weight: bold;
}

.u-text--bl14 {
    font-size: 14px;
    font-weight: bold;
}

.u-text--10 {
    color: #000000;
    font-size: 10px;
    text-indent: 0px;
    margin-left: -10px;
}

/********************************************
 * リスト
 */
.u_list--name {
    list-style-type: disc;
    color: #ed3131;
    text-indent: -10px;
}

/********************************************
 * 配置調整用
 */
.u-ta--c {
    text-align: center;
}

.u-ta--r {
    text-align: right;
}

.u-ta--l {
    text-align: left;
}

.mt0 {
    margin-top: 0px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt45 {
    margin-top: 45px;
}

.mt50 {
    margin-top: 50px;
}

.mt55 {
    margin-top: 55px;
}

.mt60 {
    margin-top: 60px;
}

.mb0 {
    margin-bottom: 0px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb45 {
    margin-bottom: 45px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb55 {
    margin-bottom: 55px;
}

.mb60 {
    margin-bottom: 60px;
}

.ml0 {
    margin-left: 0px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.ml35 {
    margin-left: 35px;
}

.ml40 {
    margin-left: 40px;
}

.ml45 {
    margin-left: 45px;
}

.ml50 {
    margin-left: 50px;
}

.ml55 {
    margin-left: 55px;
}

.ml60 {
    margin-left: 60px;
}

.mr0 {
    margin-right: 0px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mr35 {
    margin-right: 35px;
}

.mr40 {
    margin-right: 40px;
}

.mr45 {
    margin-right: 45px;
}

.mr50 {
    margin-right: 50px;
}

.mr55 {
    margin-right: 55px;
}

.mr60 {
    margin-right: 60px;
}

.mtb0 {
    margin: 0px auto;
}

.mtb5 {
    margin: 5px auto;
}

.mtb10 {
    margin: 10px auto;
}

.mtb15 {
    margin: 15px auto;
}

.mtb20 {
    margin: 20px auto;
}

.mtb25 {
    margin: 25px auto;
}

.mtb30 {
    margin: 30px auto;
}

.mtb35 {
    margin: 35px auto;
}

.mtb40 {
    margin: 40px auto;
}

.mtb45 {
    margin: 45px auto;
}

.mtb50 {
    margin: 50px auto;
}

.mtb55 {
    margin: 55px auto;
}

.mtb60 {
    margin: 60px auto;
}

.pt0 {
    padding-top: 0px;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt35 {
    padding-top: 35px;
}

.pt40 {
    padding-top: 40px;
}

.pt45 {
    padding-top: 45px;
}

.pt50 {
    padding-top: 50px;
}

.pt55 {
    padding-top: 55px;
}

.pt60 {
    padding-top: 60px;
}

.pb0 {
    padding-bottom: 0px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb35 {
    padding-bottom: 35px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb45 {
    padding-bottom: 45px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb55 {
    padding-bottom: 55px;
}

.pb60 {
    padding-bottom: 60px;
}

.pl0 {
    padding-left: 0px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-left: 25px;
}

.pl30 {
    padding-left: 30px;
}

.pl35 {
    padding-left: 35px;
}

.pl40 {
    padding-left: 40px;
}

.pl45 {
    padding-left: 45px;
}

.pl50 {
    padding-left: 50px;
}

.pl55 {
    padding-left: 55px;
}

.pl60 {
    padding-left: 60px;
}

.pr0 {
    padding-right: 0px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr25 {
    padding-right: 25px;
}

.pr30 {
    padding-right: 30px;
}

.pr35 {
    padding-right: 35px;
}

.pr40 {
    padding-right: 40px;
}

.pr45 {
    padding-right: 45px;
}

.pr50 {
    padding-right: 50px;
}

.pr55 {
    padding-right: 55px;
}

.pr60 {
    padding-right: 60px;
}

.ptb0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.ptb5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ptb10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ptb15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.ptb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ptb25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.ptb30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.ptb35 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.ptb40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.ptb45 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.ptb50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.ptb55 {
    padding-top: 55px;
    padding-bottom: 55px;
}

.ptb60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.prl0 {
    padding-right: 0px;
    padding-left: 0px;
}

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

.prl10 {
    padding-right: 10px;
    padding-left: 10px;
}

.prl15 {
    padding-right: 15px;
    padding-left: 15px;
}

.prl20 {
    padding-right: 20px;
    padding-left: 20px;
}

.prl25 {
    padding-right: 25px;
    padding-left: 25px;
}

.prl30 {
    padding-right: 30px;
    padding-left: 30px;
}

.prl35 {
    padding-right: 35px;
    padding-left: 35px;
}

.prl40 {
    padding-right: 40px;
    padding-left: 40px;
}

.prl45 {
    padding-right: 45px;
    padding-left: 45px;
}

.prl50 {
    padding-right: 50px;
    padding-left: 50px;
}

.prl55 {
    padding-right: 55px;
    padding-left: 55px;
}

.prl60 {
    padding-right: 60px;
    padding-left: 60px;
}

.p0 {
    padding: 0px;
}

.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.p25 {
    padding: 25px;
}

.p30 {
    padding: 30px;
}

.p35 {
    padding: 35px;
}

.p40 {
    padding: 40px;
}

.p45 {
    padding: 45px;
}

.p50 {
    padding: 50px;
}

.p55 {
    padding: 55px;
}

.p60 {
    padding: 60px;
}