@charset "utf-8"; 
/* @latest 2021.03.15 OSY */

.login003 {position:relative;}

/* login */
.login003 .login {position:relative; background:#91ce8b; height:100% !important; padding:30px;}
.login003 .login .login_tit {font-size:24px; font-weight:600; color:#134e09;}
.login003 .login .innerbox {margin:30px 0; font-size:0;}
.login003 .login .innerbox > div {display:inline-block; width:68%; box-sizing:border-box;}
.login003 .login .innerbox > div input {width:99%; height:40px; padding-left:1%; border:none;}
.login003 .login .innerbox > div input:first-child {margin-bottom:8px;}
.login003 .login .innerbox > a {float:right; width:30%; height:88px; line-height:88px; padding:0; box-sizing:border-box; background:#599054; font-size:18px; color:#fff; text-align:center;}

.login003 .login .btn_box {box-sizing:border-box; font-size:0;}
.login003 .login .btn_box > div {display:inline-block; width:50%; box-sizing:border-box; text-align:center;}
.login003 .login .btn_box > div:first-child {border-right:1px solid rgba(0,0,0,0.2);}
.login003 .login .btn_box > div a {font-size:16px; font-weight:600; color:#134e09; text-align:center; word-break:keep-all;}

.login003 .login .btn_join {margin-top:25px; padding-top:25px; background:url(../img/dot_line.png) repeat-x;}
.login003 .login .btn_join a {display:block; padding:15px 10px; font-size:18px; font-weight:600; color:#134e09; text-align:center; background:#e4ffdf; word-break:keep-all;}



/* logout */
.login003 .logout {height:100%; background:#91ce8b; padding:30px;}
.login003 .logout .innerbox p {text-align:center; font-size:17px;}
.login003 .logout .innerbox p strong {font-size:22px;}

.login003 .logout .btn_box {width:90%; box-sizing:border-box; font-size:0; margin:30px auto 0 auto;}
.login003 .logout .btn_box > div {display:inline-block; width:100%; text-align:center; box-sizing:border-box;}
.login003 .logout .btn_box > div:first-child {margin-bottom:15px;}
.login003 .logout .btn_box > div a {display:inline-block; width:80%; padding:15px 10px; font-size:18px; font-weight:600; color:#134e09; text-align:center; background:#e4ffdf;}



/* layout */
.layout_height_H .login003 {height:350px;}
.layout_height_M .login003 {height:250px;}
.layout_height_L .login003 {height:150px;}

.layout_height_H .login003 .logout {padding-top:90px;}
.layout_height_M .login003 .logout {padding-top:35px;}
.layout_height_L .login003 .logout {padding-top:20px;}
.layout_height_L .login003 .logout .btn_box > div {width:50%;}
.layout_height_L .login003 .logout .btn_box > div:first-child {margin-bottom:0; border-right:1px solid rgba(0,0,0,0.2);}

.layout_height_L .login003 .login .innerbox {margin:0;}
.layout_height_L .login003 .login {height:130px; padding:10px;}
.layout_height_L .login003 .login .login_tit {display:none;}

.layout_height_M.layout_04 .login003 .login .btn_join,
.layout_height_M.layout_04.layout_04mr .login003 .login .btn_join,
.layout_height_M.layout_03 .login003 .login .btn_join,
.layout_height_M.layout_02_36.layout_06 .login003 .login .btn_join,
.layout_height_M.layout_02 .login003 .login .btn_join,
.layout_height_L .login003 .login .btn_join {float:left; background:none; width:33.33%; margin-top:15px; padding-top:0;}

.layout_height_M.layout_04 .login003 .login .btn_join a,
.layout_height_M.layout_04.layout_04mr .login003 .login .btn_join a {padding:0; background-color:transparent; font-size:12px;}
.layout_height_M.layout_03 .login003 .login .btn_join a,
.layout_height_M.layout_02_36.layout_06 .login003 .login .btn_join a,
.layout_height_M.layout_02 .login003 .login .btn_join a,
.layout_height_L .login003 .login .btn_join a {font-size:15px; padding:0; background-color:transparent;}

.layout_height_M.layout_04 .login003 .login .btn_box,
.layout_height_M.layout_04.layout_04mr .login003 .login .btn_box,
.layout_height_M.layout_03 .login003 .login .btn_box,
.layout_height_M.layout_02_36.layout_06 .login003 .login .btn_box,
.layout_height_M.layout_02 .login003 .login .btn_box,
.layout_height_L .login003 .login .btn_box {float:left; width:66.66%; box-sizing:border-box; font-size:0; margin-top:15px;}

.layout_height_M.layout_04 .login003 .login .btn_box > div,
.layout_height_M.layout_04.layout_04mr .login003 .login .btn_box > div,
.layout_height_M.layout_03 .login003 .login .btn_box > div,
.layout_height_M.layout_02_36.layout_06 .login003 .login .btn_box > div,
.layout_height_M.layout_02 .login003 .login .btn_box > div,
.layout_height_L .login003 .login .btn_box > div {display:inline-block; width:50%; box-sizing:border-box; text-align:center; border-right:1px solid rgba(0,0,0,0.2);}

.layout_height_M.layout_04 .login003 .login .btn_box > div a,
.layout_height_M.layout_04.layout_04mr .login003 .login .btn_box > div a {font-size:12px;}
.layout_height_M.layout_03 .login003 .login .btn_box > div a,
.layout_height_M.layout_02_36.layout_06 .login003 .login .btn_box > div a,
.layout_height_M.layout_02 .login003 .login .btn_box > div a,
.layout_height_L .login003 .login .btn_box > div a {font-size:15px;}

.layout_height_M.layout_04 .login003 .login .innerbox,
.layout_height_M.layout_04.layout_04mr .login003 .login .innerbox,
.layout_height_M.layout_03 .login003 .login .innerbox,
.layout_height_M.layout_02_36.layout_06 .login003 .login .innerbox,
.layout_height_M.layout_02 .login003 .login .innerbox {margin-bottom:10px;}

.layout_height_M.layout_04 .login003 .login,
.layout_height_M.layout_04.layout_04mr .login003 .login {height:240px;}

.layout_block3 .login003 .login .innerbox > div {width:67%;}
.layout_block4 .login003 .login .innerbox > div {width:66%;}

	@media (max-width:999px){
		.layout_height_L .login003 .login .btn_box > div a,
		.layout_height_L .login003 .login .btn_join a {font-size:13px;}
	}
	@media (max-width:799px){
		.layout_block3 .login003 .login .innerbox > div,
		.layout_block4 .login003 .login .innerbox > div {width:68%;}
		
		.layout_height_L .login003 .login .btn_box > div a,
		.layout_height_L .login003 .login .btn_join a {font-size:16px;}
	}

	@media (min-width:991px) and (max-width:1300px){
		
	}
	@media (min-width:991px) and (max-width:1049px){
		
	}
	@media (min-width:800px) and (max-width:990px){
		
	}
	@media (min-width:600px) and (max-width:799px){
		
	}

	@media (max-width:599px){
        .login003 .login .login_tit {font-size:20px;}
	}