@charset "UTF-8";
/* CSS Document */
/* 基本-モバイルファースト ======================================================================================================== */

#contents h3{
font-size: 20px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
#contents .login h3{ color: #b3203a; }
#contents .new h3{ color: #c59a35; }

#contents .login{
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: solid 1px #ccc;
}
#contents .login dl{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
#contents .login dt{
width: 4em;
text-align: center;
margin-bottom: 10px;
}
#contents .login dt span{
display: block;
border: solid 1px #111;
border-radius: 100px;
}
#contents .login dd{
width: calc(100% - 5em);
margin-bottom: 10px;
}
#contents .login dd input{
width: 100%;
}
#contents .btn{
margin: 10px 0;
}
#contents .btn input{
-webkit-appearance: none;
text-decoration: none;
border: none;
display: block;
width: 100%;
cursor: pointer;
font-size: 16px;
background-color: #c59a35;
color: #fff;
padding: 20px;
border-radius: 5px;
}
#contents .login .btn input{ background-color: #b3203a; }
#contents .new .btn input{ background-color: #c59a35; }
#contents .login .forgot{
text-align: center;
font-size: 12px;
text-decoration: underline;
}

/* PCのみ======================================================================================================== */
@media print and (min-width: 751px), screen and (min-width: 751px){

#contents {
display: flex;
justify-content: space-between;
}
#contents > div{
width: 46%;
}
#contents .login{
width: 50%;
margin-bottom: 0px;
padding-bottom: 0px;
padding-right: 4%;
border-bottom: none;
border-right: solid 1px #ccc;
}

#contents h3{
font-size: 30px;
}

#contents .login dl{
font-size: 18px;
}
#contents .login dd input{
font-size: 18px;
padding: 10px;
}

#contents .new p{
text-align: center;
font-size: 16px;
margin: 47px 0;
}




}