@charset "utf-8";

article {position: relative; padding-bottom: 80px;
	background: url("../img/main-index.png") bottom center no-repeat;
   background-size:contain;
text-align: center;}
section {width:100%; padding: 80px 0 0;
    display:flex; flex-flow:row wrap; justify-content:center; align-items:center; align-content:center;
	text-align: left;}

section h2 {
    width:100%;
    margin: 0 auto 30px;
    font-size:2.5em;
    font-weight: bold;
    text-align: center;
}

body#login article div {
	display: inline-block; padding: 12px 100px; margin: 60px 0 0;
	color: #fff; background: rgba(89,86,86,0.85);}

form dl {
    margin: 0 auto 30px;
}
form dl dt {
    font-size: 1.1em;
    font-weight:bold;
}
form input[type="button"] {display: block; width: 100%; padding: 0.8em 0;
	color: #fff; font-weight: bold; background: #dc9c36;
	border: 2px solid #fff; border-radius: 4px;}


button, input, select, option, textarea {
    width:98%;
    margin:5px auto 0;
    padding:8px 0 8px 2%;
	font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
    color:#595656;
    line-height:1.4;
    letter-spacing:0.08em;
    border-radius:3px;
    border:solid 1px #595656;
}
textarea {
    min-height:200px;
    margin-bottom:5px;
    padding:8px 0 8px 10px;
}
select {
    cursor: pointer;
}

input[type="submit"] {
    width:200px;
    margin:50px auto 0;
    padding:10px 0;
    font-weight: bold;
    color: #fff;
    display: block;
    border-radius:3px;
    background:#dc9c36;
    cursor:pointer;
    border:none;
}

input[type="submit"]:hover {
    background:#595656;
}


form > a {
    width:200px;
    margin:50px auto 0;
    padding:10px 0;
    font-size:18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: block;
    border-radius:3px;
    background:#dc9c36;
    cursor:pointer;
    border:none;
}

form > a:hover {
    background:#595656;
}


@media only screen and (max-width:640px){

    button, input, select, textarea {
        width:90%;
        font-size:22px !important;
        line-height:1.75;
        letter-spacing:0.08em;
    }
    textarea {
        min-height:250px;
    }
}


body#logout article {margin: 0;}
body#logout section {padding: 0 0 40px; margin: 0;}
body#logout section h2 {
    width:100%;
    padding: 180px 0 20px; margin: 0 ;
    font-size:1.7em;
    font-weight: bold;
    text-align: center;
}
body#logout article p {width: 100%; padding: 0 0 40px; text-align: center;}
body#logout article a.btn {display: block; width: 400px; padding: 0.8em 0; margin: 40px auto;
	color: #fff; font-weight: bold; text-align: center;background: #dc9c36;
	border: 2px solid #fff; border-radius: 4px;}
body#logout footer {margin: 0;}