@charset "utf-8";

/* ==================================================
Common CSS
================================================== */

@media(min-width:960px){

/* common*/
.container {
width:900px;
margin:0 auto;
background:#fff;
border:#f0ebe6 1px solid;
box-shadow:0 0 10px #f0ebe6;
padding:50px 100px;
position:relative;
}

img {
width:100%;
}

h2 {
font-size:300%;
line-height:120%;
font-family:'Roboto', sans-serif;
font-weight:bold;
color:#e7611a;
font-style:italic;
}

h3 {
width:100%;
margin-bottom:10px;
font-size:180%;
border-bottom:#e7611a 1px solid;
padding-bottom:10px;
color:#e7611a;
}

h4 {
font-size:135%;
color:#5a5046;
padding-bottom:7px;
}

.logo {
width:320px;
margin:0 auto 5px;
}

.title_area {
padding-bottom:30px;
text-align:center;
}

.title_ex {
font-size:110%;
font-weight:bold;
}

.icon {
padding-right:7px;
}


/*header*/
header {
padding:30px 0 20px;
text-align:center;
}

header .logo_j {
font-size:90%;
color:#e7611a;
font-weight:bold;
}


/*login*/
.login {
width:80%;
margin:0 auto 12px;
}

.login .formstyle {
width:100%;
padding:18px 20px;
font-size:110%;
border-radius:10px;
}

.login_btn {
text-align:center;
padding-bottom:30px;
}

.login_btn .btnstyle {
background:#e7611a;
border-radius:10px;
padding:15px 30px;
color:#fff;
font-size:110%;
font-weight:bold;
border:none;
cursor:pointer;
}

form input::placeholder {
color:#dcd2c8;
}

.to_hp {
position:absolute;
bottom:20px;
right:25px;
font-size:100%;
}

.to_hp a:hover {
opacity:0.7;
}


/*mypage*/
.id {
font-size:90%;
color:#aaa096;
}

.pass {
font-size:90%;
color:#aaa096;
}

.information {
padding-bottom:70px;
}

.information .message {
border:#e7611a 2px solid;
background:#fff;
padding:30px;
}

.files {
padding-bottom:70px;
}

.files .category {
margin-bottom:10px;
}

.files .category_top {
border-bottom:#ccc 1px dotted;
margin-bottom:10px;
}

.files .filename {
width:100%;
font-weight:bold;
padding-bottom:5px;
margin-right:10px;
}

.files .buttons {
}

.files .buttons a {
width:700px;
color:#e7611a;
background:#faf5f0;
border:#dcd2c8 1px dotted;
border-radius:10px;
font-size:100%;
text-align:left;
padding:10px 25px;
cursor:pointer;
display:flex;
align-items:center;
font-weight:normal;
text-decoration:none;
}

.files .buttons .button_width {
}

.files .buttons a:hover {
opacity:0.7;
}

.files .buttons .pdf_icon {
margin-right:25px;
font-size:180%;
}

.files .buttons .btn_tx {
}

.files .buttons .btn_tx p {
margin-right:15px;
}

.files .buttons .btn_tx .file1 {
font-weight:bold;
}

.files .buttons .btn_tx .file2 {
font-size:90%;
padding-bottom:3px;
}

.files .buttons .btn_tx .file3 {
font-size:90%;
display:flex;
}


/*contact*/
.contact {
text-align:center;
padding-bottom:30px;
}

.contact .copy {
font-size:100%;
padding-bottom:7px;
font-weight:bold;
}

.contact .contact_btn {
width:30%;
margin:auto;
}

.contact .contact_btn a {
display:block;
background:#e7611a;
padding:15px 20px;
color:#fff;
border-radius:10px;
text-decoration:none;
}

.contact .contact_btn a:hover {
opacity:0.7;
}


/*logout*/
.logout {
margin:auto;
background:#fff;
text-align:center;
font-size:80%;
border:#5a5046 1px dashed;
border-radius:6px;
position:fixed;
top:15px;
right:15px;
}

.logout a {
display:block;
padding:15px 20px;
text-decoration:none;
font-weight:normal;
color:#5a5046;
border-radius:6px;
font-weight:bold;
}

.logout a:hover {
background:#f9f9f9;
}


/*error*/
.error {
text-align:center;
padding-bottom:10px;
}


/*footer*/
footer .copyright {
width:900px;
margin:30px auto;
text-align:center;
color:#aaa096;
font-size:70%;
}


}