@charset "utf-8";

/*
英語リスニングテスト音声（五ツ木・京都模試）のログインフォーム
============================= */
.form__wrapper {
 width: 100%; 
 border-collapse: collapse; 
}

.form__wrapper th , .form__wrapper td { 
 border: solid 1px #CCC;
 color: #FFF; 
 color: #333;
 padding: 1em 1em;
 text-align: center;
}

.form__wrapper th { width: 9em; }
.form__wrapper td { width: calc(100% - 9em); }

@media screen and (min-width: 769px){
 .form__wrapper { margin: 40px auto 0; }
}
@media screen and (max-width: 768px){
 .form__wrapper { margin: 25px auto 0; }
}


.form__wrapper input[type=text], 
.form__wrapper input[type=email], 
.form__wrapper input[type=tel], 
.form__wrapper input[type=date] , 
.form__wrapper select , 
.form__wrapper textarea {
 border: 1px solid #e0e0e0;
 border-radius: 4px;
 background-color: #FFF;
 padding: 10px 10px;
 box-sizing: border-box;
 width: 100%;
}

.button__wrapper button[type=submit] {
 display: block;
 margin: 20px auto 40px;
 text-align: center; 
 color: #FFF;
 font-weight: bold;
 font-size: 16px;
 line-height: 1em;
 background-color: #4d176f;
 padding: 15px 10px;
 border: none;
 border-radius: 6px;
 width: 80%;
}

.button__wrapper button[type=submit]:hover {
 cursor: pointer;
}