CHARSET "UTF-8";

.box{
background:#fff;
}

label{
font-weight:bold;
font-size: 120%;
}

input{
margin:1px 5px;
border: 2px solid #ddd;
height:40px;
}

.flex{
display:flex;
}

.attentionBox{
width:30%;
margin:10px;
padding:10px;
display:flex;
flex-direction:column;
background:#fffbf3;
}

.attentionBox p{
height:100%;
width:100%;
}

.btn{
color:#fff;
padding: 10px;
margin: 10px;
height:40px;
box-sizing:border-box;
text-align: center;
font-size: 130%;
border-radius: 10px;
}

.btn:active{
border:none;
}

.btn_regist{
background:#f79800;
border-bottom: solid 2px #b05b00;
}

.btn_regist:hover{
background:#ffbf5a;
}

.btn_regist:active{
background:#cf7f00;
}

.btn_help{
background:#6ebc00;
border-bottom: solid 2px #487a00;
}

.btn_help:hover{
background:#a0d554;
}

.btn_help:active{
background:#487b00;
}

.btn_hiddenHelp{
background:#dd0000;
border-bottom: solid 2px #780000;
}

.btn_hiddenHelp:hover{
background:#ea5454;
}

.btn_hiddenHelp:active{
background:#a20000;
}

a{
text-decoration:none;
}

*:focus {
outline: none;
}