/*
レイアウト設定
*/
#container {
    margin-top: 7rem;
}

header,
article,
#for-pc,
#login,
hr {
    margin-bottom: 1rem;
}

.header-item {
    float: left;
}

.header-item-last {
    float: right;
}

header {
    overflow: hidden; /*floatの解除*/
}

section {
    margin-left: 1rem;
}

#other h5 {
    margin-bottom: 0.8rem;
}

#login {
    text-align: center;
}

/*
モーダルウィンドウ
*/
/*モーダルウィンドウの背景部分*/
#overlay {
    z-index: 2;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0, 0, 0, 0.75);
}

/*モーダルウィンドウ全体のレイアウト*/
#login-modal {
    z-index: 3;
    display: none;
    position: fixed;
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    top: 0;
    background-color: #11ffcc;
}

#inq-tab-target {
    display: none;
}

/*
ログイン/パスワード確認フォーム
*/
/*タブ部分の設定*/
#modal-tabs {
    overflow: hidden; /*floatの解除*/
    margin-bottom: 2rem;
}

#login-tab {
    display: block;
    float: left;
    width: 20%;
    text-align: center;
    cursor: pointer;
}

#inq-tab {
    display: block;
    float: right;
    width: 80%;
    text-align: center;
    cursor: pointer;
}

#login-tab-target {
    text-align: center;
    background-color: #11ffcc;
}

#inq-tab-target {
    text-align: center;
}

#login-tab.tab-on {
    background-color: #11ffcc;
    color: #00bb83;
}
#inq-tab.tab-on {
    background-color: #11ffcc;
    color: #00bb83;
}
#login-tab.tab-off {
    background-color: #00bb83;
    color: #000000;
}
#inq-tab.tab-off {
    background-color: #00bb83;
    color: #ffffff;
}

/*テキストボックス部分の設定*/
input[type='text'],
input[type='password'] {
    width: 95%;
    margin: 0 2.5% 0.5rem 2.5%;
    font-size: 2rem;
}

/* 都道府県プルダウンのサイズ設定 */
#inq-place {
    width: 95%;
    height: 39px;
    margin: 0 2.5% 1rem 2.5%;
    font-size: 1.6rem;
}

/*ボタンの共通設定*/
.button-util {
    width: 95%;
    margin: 0 2.5% 0.5rem 2.5%;
    padding: 7px 5px 7px 5px;
    font-size: 2rem;
    color: white;
    border-radius: 10px;
}

/* 仮パスワード発行ボタン設定 */
#modal-inq-btn {
    padding: 12px 5px 12px 5px;
    font-size: 1.5rem;
    height: 3.6rem;
}

/* パスワードをお忘れの方のキャンセルボタン設定 */
#login-modal-close-btn2 {
    font-size: 1.6rem;
}

/*
NCSからのメッセージ
*/
#warning-modal {
    z-index: 3;
    display: none;
    position: fixed;
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    top: 0;
    text-align: center;
    background-color: white;
}

#warning-notice {
    overflow: hidden; /*floatの解除*/
    width: 95%;
    margin: 0 2.5% 1rem 2.5%;
}

#warning-summary {
    overflow: hidden; /*floatの解除*/
    width: 95%;
    margin: 0 2.5% 1rem 2.5%;
}

#warning-title {
    text-align: center;
}

/*レイアウト用(左部分)*/
.warning-left {
    float: left;
    width: 30%;
    text-align: center;
}

.warning-left img {
    width: 4rem;
}

/*レイアウト用(右部分)*/
.warning-right {
    float: right;
    width: 70%;
}

.warning-msg {
    margin-left: 1rem;
}

.warning-list {
    margin-left: 3rem;
}

.warning-list li {
    list-style: disc;
}

/* お知らせ部分 */
#news h3,
h4,
section {
    margin-bottom: 1rem;
}

/*レイアウト用(左部分)*/
.warning-password {
    width: 100%;
    text-align: center;
}

.attention {
    background: #ffff99;
}

.supplement {
    font-size: 80%;
}