@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; }


#main-content .content-body{ background: url(../images/img_login/bg01.jpg) center 0 no-repeat; background-size: cover; padding: 140px 0 170px; }
#main-content .page-ttl-body{ text-align: center; }
#main-content .page-ttl-body .ttl{ font-size: 28px; line-height: 1.2; padding-left: 0.5em; letter-spacing: 0.5em; color: #887d6b; }
#main-content .page-ttl-body .ja{ font-size: 16px; line-height: 1.5; color: #887d6b; margin-top: 10px; padding-left: 0.2em; letter-spacing: 0.2em; }
#main-content .login-form{ margin-top: 60px; text-align: center; }
#main-content .login-form .copy{ font-size: 16px; line-height: 1.56; color: #887d6b; }
#main-content .login-form .login-list{ max-width: 510px; margin: 40px auto 0; }
#main-content .login-form .login-list .item{ display: table; width: 100%; }
#main-content .login-form .login-list .item+.item{ margin-top: 10px; }
#main-content .login-form .login-list .item .head{ background-color: #857a68; color: #ffffff; font-size: 16px; line-height: 1.5; width: 23.53%; display: table-cell; }
#main-content .login-form .login-list .item .txt{ width: 76.47%; text-align: left; display: table-cell; }
#main-content .login-form .login-list .item .txt input{ width: 98.46%; }
#main-content .login-form .submit-btn{ width: 190px; margin: 40px auto 0; background: linear-gradient(to right, #b1913e 0%, #90710c 100%); padding: 16px 0; vertical-align: middle; color: #ffffff; font-size: 16px; line-height: 1.5; cursor: pointer; transition: opacity 0.25s ease; border-radius: 31px; box-shadow: 4px 4px 3px rgba(0,0,0,0.15); }
#main-content .login-form .submit-btn:hover{ opacity: 0.7; }
#main-content .login-form .submit-btn img{ margin-right: 0.5em; }
#main-content .entry-box-ext01{ padding: 50px 0; margin: 80px auto 0; max-width: 680px; text-align: center; background-color: #ffffff; border: solid #b4aea3; border-width: 1px 0; }
#main-content .entry-box-ext01 .copy{ font-size: 22px; line-height: 1.2; color: #887d6b; }
#main-content .entry-box-ext01 .txt{ font-size: 16px; line-height: 1.75; color: #887d6b; margin-top: 10px; }
#main-content .entry-box-ext01 .caption{ font-size: 14px; line-height: 1.75; color: #887d6b; }





/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .content-body{ padding: 15% 5%; width: auto; }
	#main-content .login-form{ margin-top: 15%; text-align: center; }
	#main-content .login-form .login-list{ margin-top: 5%; }
	#main-content .login-form .submit-btn{ margin-top: 10%; }
	#main-content .login-form .submit-btn:hover{ opacity: 1; }
	#main-content .login-form .submit-btn:active{ opacity: 0.7; }
	#main-content .entry-box-ext01{ padding: 10% 5%; margin: 15% auto 0; }
	#main-content .entry-box-ext01 .copy{ font-size: 20px; }
	#main-content .entry-box-ext01 .txt{ font-size: 14px; }
	#main-content .entry-box-ext01 .caption{ font-size: 12px; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main-content .content-body{ padding: 20% 5%; }
	#main-content .page-ttl-body .ttl{ font-size: 24px; }
	#main-content .login-form .login-list .item .head{ font-size: 14px; width: 30%; }
	#main-content .login-form .login-list .item .txt{ width: 70%; }
}