/* ガイダンス部　枠 */
div.bordercontainer .guidance 
{
	border:1px solid #ccc ;
}
input.mailaddress 
{
    /*width :250px;*/
    text-align:left;

    width :100%;
}
input.loginid 
{
    width :100px;
    text-align:left;
}
input.userid 
{
    /*width :80px;*/
    text-align:left;

    width :100px;
}
input.reissuekey
{
    width: 9rem;
    text-align:left;
}

#contentsblock .button_area {
    margin-top: 1rem;
    text-align: right;
    height: auto;
}

#contentsblock footer .button_area {
    text-align: center;
}

#contentsblock {
    padding: 0;
}

/*モダン化 追加*/
.submitbox {
    top: 0;
    left: 0;
    width: 100%;
}

/*トップメニュー部削除*/
#contentsblock:has(.submitbox) {
    padding-top: 5rem;
}

.contents {
    width: 90%;
    margin: 0 auto;
    position: relative;
    text-align: left;
    padding: 2rem;
    background: var(--contents_background);
    border-radius: 5px;
    margin-bottom: 1rem;
}
.grid_list.vertical td.label {
    width: 20%;
}
.link_box {
    text-align: center;
}

/* 画面幅が狭くなった場合のスタイルを設定 */
@media (max-width:767px) {
    #contentsblock:has(.submitbox) {
        padding-top: 6rem;
    }

    .contents {
        width: 100%;
    }
    .guidance2 .messagebox {
        margin: 0;
        padding: 0;
        color: #000;
        font-size: 80%;
    }
    .messagebox ul {
        margin: 0;
        padding: 0 0 0 2rem;
    }

    #contentsblock #mainblock h1{
        height:auto;
    }
}