@charset "utf-8";
.login_wrapper{
    display: flex;
    min-height: 100vh;
}
.login_wrapper .inner{
    width: 50%;
}
.login_block{
    background: #f5f6fa;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.login_area{
    display: flex;
    height: 100%;
    align-items: center;
    padding: 2em;
}
.login_form{
    background: #fff;
    padding: 2em;
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
    border-radius: 3px;
    max-width: 440px;
}
.login_form.filedl{
    margin: 2em auto;
}
.login_logo{
    margin:0 auto 2em;
    width: 100%;
    max-width: 310px;
}
.login_formblock{
    margin-bottom: 1.3em;
}
.login_formblock .text{
    font-weight: bold;
    line-height: 1;
    font-size: 90%;
    margin-bottom: .5em;
}
.login_formblock input{
    width: 100%;
    padding: .7em;
}
.login_form .button{
    max-width: 100%;
}
.login_text{
    border-top: 1px dotted #c9d1db;
    margin-top: 1em;
    padding-top: 1em;
    font-size: 85%;
    line-height: 1;
    display: block;
}
.login_text input{
    margin-right: .5em;
    margin-top: -.1em;
}
.login_form .forget{
    color: #0c5caa;
}



.pr_block .link{
    display: block;
    text-decoration: none;
}
.pr_block .link:hover{
    color: #000;
}
.pr_block .link:hover .button.color1{
	background: #fff;
	color: #0c5caa;
}
.pr_block .inner{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pr_block .textbox{
    padding: 1em 3em;
    height: 100%;
    background: #90d0fe;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:linear-gradient(to bottom,
		#90d0fe 30%,
		#c8e7fd 100%);
}
.pr_block .title{
    font-weight: bold;
    font-size: 200%;
    line-height: 1.2;
    color: #002a6b;
}
.pr_block .comment{
    font-size: 120%;
    line-height: 1.2;
}


@media (max-width:960px){
    .login_wrapper .inner{
        width: 100%;
    }
    .login_wrapper .pr_block{
        display: none;
    }
}


/*  */
.about_megafile{
    background: #f4f4f5;
    padding: 2em;
}
.about_megafile .list{
    display: flex;
    gap: .5em;
    font-size: 80%;
}
.about_megafile .list + .list{
    border-top: 1px dotted rgba(50,50,50,.1);
    margin-top: 1em;
    padding-top: 1em;
}
.about_megafile .list .icon{
    font-weight: bold;
    color: #0c5caa;
}
.about_megafile .list .txt{
    flex: 1;
}


.file_header{
    border-top: 1px solid #c9d1db;
    font-size: 85%;
}
.file_header :is(th, td){
    border-bottom: 1px solid #c9d1db;
    padding: .8em .5em;
}
.file_header th{
    font-weight: bold;
    width: 10em;
    color: #202733;
}
@media (max-width:860px){
    .file_header,
    .file_header :is(tbody, tr, th, td){
        display: block;
    }
    .file_header{
        font-size: 95%;
    }
    .file_header th{
        width: 100%;
        border: none;
        padding-bottom: 0;
        padding-top: .5em;
    }
    .file_header td{
        padding-top: .3em;
        padding-bottom: .5em;
    }
}

.file_list tbody td:nth-child(3){
    width: 220px;
}
.file_list .button_wrapper .button{
    font-size: 84%;
    max-width: 190px;
    height: 2.6em;
}
@media (max-width:760px){
    .file_list,
    .file_list :is(tbody, tr){
        display: block;
    }
    .file_list{
        border-bottom: 1px solid #c9d1db;
    }
    .file_list thead{
        display: none;
    }
    .file_list tr{
        border-top: 1px solid #c9d1db;
        padding-top: .6em;
        padding-bottom: .6em;
    }
    table.file_list tbody td{
        display: flex;
        border-bottom: none;
        padding-top: .3em;
        padding-bottom: .3em;
    }
    .file_list tbody td:nth-child(3),
    .file_list tbody .button_wrapper{
        width: 100%;
    }
    .file_list tbody td:nth-child(3){
        padding-top: .7em;
    }
    .file_list td::before{
        font-weight: bold;
        width: 8em;
    }
    .file_list td:nth-child(1):before{
        content: "ファイル名";
    }
    .file_list td:nth-child(2):before{
        content: "サイズ";
    }
}