@charset "UTF-8";


input:placeholder-shown,textarea:placeholder-shown{ color: silver; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: silver; }
input:-moz-placeholder,textarea:-moz-placeholder{ color: silver; }
input::-moz-placeholder,textarea::-moz-placeholder{ color: silver; }
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color: silver; }
input[type="text"],input[type="password"],textarea{ box-sizing: border-box; padding: 15px; border: 1px solid #dddddd; font-size: 1.14rem; }



#footer-content{ margin-top: 0; }
#main-content{ overflow: hidden; }
#main-content .login-wrapper{ position: relative; background: url(../images/img_contract_login/bg01.jpg) center center no-repeat; background-size: cover; overflow: hidden; }
#main-content .login-wrapper .contract_login-form{ width: 90%; max-width: 570px; padding: 40px 5% 60px; background-color: rgba(255,255,255,0.9); margin: 210px auto; z-index: 5; text-align: center; box-sizing: border-box; }
#main-content .login-wrapper .contract_login-form .head{ font-size: 18px; line-height: 1.5; color: #231815; }
#main-content .login-wrapper .contract_login-form .en{ font-size: 32px; line-height: 1.5; color: #231815; font-family: 'EB Garamond', 'Cormorant Garamond', serif; letter-spacing: 0.7em; padding-left: 0.7em; margin-top: 10px; }
#main-content .login-wrapper .contract_login-form .txt{ margin-top: 20px; }
#main-content .login-wrapper .contract_login-form input[type="password"]{ width: 100%; max-width: 326px; }
#main-content .login-wrapper .contract_login-form .submit-btn{ width: 150px; background-color: #231815; color: #ffffff; font-size: 20px; line-height: 2; border-radius: 20px; margin: 20px auto 0; cursor: pointer; }
#main-content .login-wrapper .caption{ position: absolute; right: 0; bottom: 0; padding: 2px 7px; background-color: rgba(0,0,0,0.8); color: #ffffff; }
#main-content{ padding-bottom: 0!important; }








/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
#main-content .login-wrapper{ margin-top: 0; }
#main-content .login-wrapper .contract_login-form{ padding: 15% 5%; margin: 20% auto; }
#main-content .login-wrapper .contract_login-form .head{ font-size: 16px; }
#main-content .login-wrapper .contract_login-form .en{ font-size: 28px; margin-top: 3%; }
#main-content .login-wrapper .contract_login-form .txt{ margin-top: 5%; }
#main-content .login-wrapper .contract_login-form .submit-btn{ width: 100%; max-width: 150px; font-size: 16px; border-radius: 16px; margin: 5% auto 0; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}