@charset "utf-8";
/*
 * base.css
 *
 * @desc Sorryページ用CSS
 * @date 2019-08-05
 */

/* -------------------- base -------------------- */
* {
    margin : 0;
    padding: 0;
}
html {
    height: 100%;
}
body {
    font : 12px "ヒラギノ角ゴ4",arial,helvetica,hirakakupro-w3,osaka,"ms pgothic",sans-serif;
    width: auto;
    height: 100%;
    background-color: #ffffff;
    -webkit-text-size-adjust: none;
}
dd, div, dt, ul, ol, td, th, p, h1, h2, h3, h4, h5, h6, .partsHeading, fieldset, label {
    word-break: break-all;
    word-wrap : normal;
    color     : #e12416;
}


/* -------------------- common -------------------- */
#page {
    text-align: left;
    height: 100%;
}
#contents {
    height: 100%;
    margin: 0 0px;/* change margin : 0 10px -> 0 0px */
    background-color: #ffffff;
}
#contents .pad_cont {
    padding-top: 51px;
}

#contents h1.ttl {
    position   : absolute;
    top        : 0;
    overflow   : hidden;
    text-indent: -9999px;
    width      : 100%;
    height     : 100%;
    margin-left: 10px;
    margin-top : 10px;
    background : url(logo.svg) 0 0 no-repeat;
}
#contents h2.sub_ttl {
    text-align   : center;
    color      : #383838;
    background: #f5f5f5;
    font-size  : 28px;
    font-weight: bold;
    padding: 7px 8px;
}
#contents p.message {
    font-size    : 18px;
    font-weight  : bold;
    padding      : 40px 0;
    border-bottom: 1px solid #c6c6c6;
}
#contents p.center_message {
    font-size    : 16px;
    font-weight  : bold;
    padding      : 10px 0;
    text-align : center;
}
#contents .error_message {
    text-align   : center;
    padding      : 10px 15px;
    margin-left  : auto;
    margin-right : auto;
    border-bottom: 1px solid #c5c5c5;
}
#contents .error_message_no_border {
    text-align   : left;
    padding      : 10px 15px;
    margin-left  : auto;
    margin-right : auto;
}
.c_gather {/* center contents */
    padding-top: 51px;
    text-align: center;
    margin    : 0 auto;
}