@charset "utf-8";

body {
margin: 0;
padding: 0;
}
.back {
position: fixed;
bottom: 10px;
right: 10px;
}

#c-modal_bg {
width: 100%;
height: 100%;
}
#c-modal {
position: fixed;
bottom: -15px;
right: -80px;
z-index: 9999;
width: 345px;
height: 125px;
padding: 0 0 0 20px;
transform: translate(-192px, -62px);
background: #fff url(/img/common/modal_bg.png) no-repeat right;
background-size: contain;
box-sizing: border-box;
border-radius: 6px;
box-shadow: 0 0 6px 6px rgba(0,0,0,0.1);
}
#c-modal p { margin-bottom: 0; padding: 15px 0 0; font-size: 96%; font-weight: bold; color: #436391; letter-spacing: 0.04em; }
#c-modal p span { display: block; padding: 7px 0 0; font-size: 80%; font-weight: normal; color: #000; line-height: 170%; }
#c-modal p a { color: #000; text-decoration: none; }
#c-modal p a:hover { text-decoration: underline; }
#c-modal_close {
position: absolute;
right: 0;
padding: 0 2px!important;
background: #5d86b3;
cursor: pointer;
text-align: right;
line-height: 100%;
color: #fff!important;
font-weight: normal!important;
font-size: 176% !important;
border-top-right-radius: 6px;
}
.onlinedemo_main_visual {
    width: 930px;
    height: 251px;
    margin: 40px 0 20px;
    background: url(/img/common/onlinedemo.png) no-repeat;
    background-size: contain;
    border-bottom: 1px solid #eee;
}
.onlinedemo_main_visual h2 {
    padding: 0 0 15px;
    font-size: 160%;
    font-weight: bold;
}
.onlinedemo_main_visual p {
    font-size: 14px;
}
#aform-form-16 dl:last-of-type {
    background: #fff;
    width: 100%;
    margin: 20px auto 0;
}
#aform-form-16 dl:last-of-type dt {
    width: 300px;
    float: none;
    padding: 0;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 0px;
    border-top: none;
}
#aform-form-16 dl:last-of-type dt .required { color: #fff; }
#aform-form-16 dl:last-of-type dt img { display: none; }
#aform-form-16 dl:last-of-type dt a { font-size: 14px; color: #333; }
#aform-form-16 dl:last-of-type dd {
    padding: 0;
    border-top: none;
    border-bottom: none;
    text-align: center;
}

#aform-form-16 #parts-13-error,#aform-form-16 #parts-15-error { display: none;}
#aform-form-16 .parts-15 , #aform-form-16 .parts-25 {
    font-weight: normal;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
}
#aform-form-16 #parts-12-error label.error { height: auto; }
#aform-form-16 .submit input {
    background-color: #266399;
    font-weight: bold;
}
#aform-form-16 .parts-12 label { font-weight: bold; }
#aform-form-16 p.parts-19:before , #aform-form-16 p.parts-21:before {
    display: block;
    content: "　";
    white-space: pre;
    font-size: 13px;
    line-height: 180%;
}
#aform-form-16 p.parts-26:before {
    display: block;
    content: "※ファイルはデモ後、確実に削除します。";
    padding: 15px 0 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 0;
    color: #c63939;
}
#flow_of_use {
    margin: 30px auto;
}
#flow_of_use h3 {
    margin: 0 0 30px;
    font-size: 160%;
    font-weight: bold;
    text-align: center;
}
.numbering-block .row {
    padding: 10px 0 20px;
    background: white;
    border-radius: 5px;
    margin-bottom: 20px;
    border-top: 4px solid #034084;
    box-shadow: 0 1px 3px #ccc;
    overflow: hidden;
}
.content-6 .row.row-1 .col.col-1 {
    width: 20%;
    float: left;
    padding: 0 10px 10px 10px;
}
.content-6 .row.row-1 .col.col-2 {
    width: 76%;
    float: right;
}
.content-6 .row.row-1 .col.col-2 h3 {
    margin: 0 0 20px;
    font-size: 150%;
    font-weight: bold;
}
.content-6 .row.row-1 .col.col-2 .strong {
    font-weight: bold;
}
#aform-form-16 .aform-hdln {
    font-weight: bold !important;
}
#aform-form-16 .aform-field-215 li:nth-of-type(1) {
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 2px solid #E5E5E5;
}
#aform-form-16 .aform-field-215 + p#event-error {
    display: none;
}
#aform-form-16 p.parts-20 , #aform-form-16 p.parts-22 , #aform-form-16 p.parts-16 , #aform-form-16 p.parts-19 , #aform-form-16 p.parts-21 , #aform-form-16 p.parts-5 , #aform-form-16 p.parts-7 , #aform-form-16 p.parts-11 { margin-bottom: 0; }

/* 20191015追記 */
#c-modal span a {
    color: #266399;
    text-decoration: underline;
}
#c-modal span a:hover {
    text-decoration: none;
}