@charset "utf-8";

body {
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-weight: 400;
color:#000;
margin:0;
line-height:160%;
background:#eeeeee;

min-height: 100vh;
position: relative;
}
h1,h2,h3,h4,h5{
margin:0;
font-weight:400;
}
ul,li{
list-style:none;
margin:0;
padding:0;
}
dl, dt, dd{
margin:0;
padding:0;
}
img{
display:inline-block;
vertical-align:bottom;
}
a {
text-decoration:none;
}
input[type='text']{
width:50%;
padding:5px;
}
input[type='checkbox'],
input[type='radio']{
margin-right:5px;
}
select{
color:#000;
border: 1px solid #000;
border-radius:3px;
padding:3px 5px;
max-width:100%;
}
label{
line-height:200%;
margin-right:20px;
margin-bottom:10px;
}
::placeholder{
color:#aaa;
}

header{
text-align:center;
}
main{
background:#fff;
box-shadow: 0px 2px 10px #999;
}
main > h1{
text-align:center;
}
main > h1 span{
display:inline-block;
padding:10px;
border-bottom:2px solid #000;
}
main dl{
border-bottom:1px solid #eee;
}
main dt span{
display:block;
font-weight:500;
color:#5ea34e;
}
main dd u{
display:block;
text-decoration:none;
color:#5ea34e;
}
#submit{
text-align:center;
}
#submit button{
border:none;
border-radius:5px;
text-align:center;
color:#fff;
letter-spacing:0.1em;
}
#submit button:hover{
cursor:pointer;
opacity:0.8;
}
#submit button.next{
background:#5ea34e;
}
p.note{
background:#eee;
padding:10px;
margin-bottom:40px;
}
div.err{
display:none;
color:#ff0000;
font-weight:500;
}
main#final{
height:100vh;
text-align:center;
}
p#guide{
background:#eff6ed;
padding:10px;
}

main#manager{
height:100vh;
}

main#manager dl#login{
width:500px;
margin:100px auto 0;
display:flex;
flex-wrap:wrap;
border:none;
}
main#manager dl#login dt{
width:30%;
}

main#manager dl#login dd{
width:70%;
}
#login input[type='text'],
#login input[type='password']{
padding:5px;
width:100%;
line-height:1.4;
}
#submit button.login{
background:#999;
}
#manager > p{
text-align:right;
}
#manager > p a{
font-size:14px;
color:#5ea34e;
text-decoration:underline;
}


@media screen and (min-width:600px) {
body{
font-size:18px;
}
.pc {
display: block;
}
.sp {
display: none;
}
select{
min-width:30%;
}
label{
font-size:17px;
}
main {
width:900px;
margin:0 auto;
padding:20px 20px 50px;
}
main > h1{
margin-bottom:50px;
padding:20px 0;
font-size:25px;
}
main dl{
margin-bottom:30px;
padding-bottom:30px;
}
main dl dt{
margin-bottom:15px;
}
main dl dd{
padding:0 10px;
}
main dd u{
margin:10px 0;
}
#submit button{
width:300px;
padding:15px 0;
}
input.short{
width:300px;
}
div.err{
font-size:16px;
}
main#final h2{
font-size:20px;
}
p#guide{
font-size:16px;
margin-bottom:80px;
}



} /* end:pc */

@media screen and (max-width:599px) {
body{
font-size:14px;
}
.pc {
display: none;
}
.sp {
display: block;
}

select{
width:100%;
-moz-appearance: none;
-webkit-appearance: none;
background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
background-size: 16px 16px;
cursor: pointer;
padding:6px ;
}
main {
margin:0 10px;
padding:20px 20px 100px;
}
main > h1{
margin-bottom:30px;
padding:20px 0;
font-size:20px;
line-height:150%;
}
main dl{
margin-bottom:30px;
padding-bottom:20px;
}
main dl dt{
margin-bottom:15px;
}
main dl dd{
padding:0;
}
main dd u{
margin:10px 0;
}
#submit button{
width:100%;
padding:25px 0;
font-size:16px;
}
input.short{
width:200px;
}
p#guide{
font-size:14px;
margin-bottom:80px;
}





} /* end:sp */