@charset "utf-8";

/*■ PC : 641px < Window Size ■*/
@media print,screen and (min-width: 641px) {
	/* ------ Body ------ */
	article{
		background-color:#f5f2e9;
	}
	#undercolumn_login{
		border-bottom:3px solid #d6cdaf;
		padding-bottom:100px;
	}
	#undercolumn_login h3.sub-ttl{
		font-size:24px;
		color:#6b3c30;
		line-height:1em;
		margin-bottom:0.83em;
	}
	#undercolumn_login .login_area{
		margin-bottom:40px;
	}
	#undercolumn_login .login_area .inputtext{
		padding-bottom:35px;
		border-bottom:1px solid #d6cdaf;
		margin-bottom:40px;
	}
	#undercolumn_login .login_area .inputbox{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: center;
		-webkit-align-items: center;
		padding-bottom:40px;
		border-bottom:1px solid #d6cdaf;
		margin-bottom:40px;
	}
	#undercolumn_login .login_area .formlist{
		width:60%;
	}
	#undercolumn_login .login_area .formlist > li:first-child{
		margin-bottom:20px;
	}
	#undercolumn_login .login_area .mlbox{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: center;
		-webkit-align-items: center;
	}
	#undercolumn_login .login_area .mlbox .ccheck{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: center;
		-webkit-align-items: center;
		margin:10px 0;
	}
	#undercolumn_login .login_area .mlbox input[type="text"]{
		margin-right:20px;
	}
	#undercolumn_login .login_area .psbox{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: center;
		-webkit-align-items: center;
	}
	#undercolumn_login .login_area .psbox p{
		margin:10px 0;
	}
	#undercolumn_login .login_area .psbox input[type="password"]{
		margin-right:20px;
	}
	#undercolumn_login .login_area .btn_area{
		width:40%;
	}
	#undercolumn_login .login_area .btn_area li{
		margin:0 0 0 auto;
	}
	#undercolumn_login .entry_area{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: center;
		-webkit-align-items: center;
		padding-bottom:40px;
		border-bottom:1px solid #d6cdaf;
	}
	#undercolumn_login .entry_area h3{
		width:60%;
		margin-bottom:0;
	}
	#undercolumn_login .entry_area .inputbox{
		width:40%;
	}
	#undercolumn_login .entry_area .inputbox li{
		margin:0 0 0 auto;
	}
}

/*■ Mobile (Low Res) : 640px > 0 ■*/
@media only screen and (max-width: 640px) {
	/* ------ Body ------ */
	article{
		background-color:#f5f2e9;
	}
	#undercolumn_login h3.sub-ttl{
		font-size:1.42em;
		color:#6b3c30;
		line-height:1em;
		margin-bottom:0.5em;
	}
	#undercolumn_login .login_area{
		margin-bottom:6.3vw;
	}
	#undercolumn_login .login_area .inputtext{
		padding-bottom:8.3vw;
		border-bottom:1px solid #d6cdaf;
		margin-bottom:9.4vw;
	}
	#undercolumn_login .login_area .inputbox{
		padding-bottom:9.4vw;
		border-bottom:1px solid #d6cdaf;
		margin-bottom:9.4vw;
	}
	#undercolumn_login .login_area .formlist{
		margin-bottom:5.5vw;
	}
	#undercolumn_login .login_area .formlist > li:first-child{
		margin-bottom:5.5vw;
	}
	#undercolumn_login .login_area .mlbox{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: center;
		-webkit-align-items: center;
	}
	#undercolumn_login .login_area .mlbox .ccheck{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: center;
		-webkit-align-items: center;
		margin:3.2vw 0 0;
	}
	#undercolumn_login .login_area .mlbox input[type="text"]{
		width:100%;
	}
	#undercolumn_login .login_area .psbox{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: center;
		-webkit-align-items: center;
	}
	#undercolumn_login .login_area .psbox p{
		margin:3.2vw 0 0;
	}
	#undercolumn_login .login_area .psbox input[type="password"]{
		width:100%;
	}
	#undercolumn_login .login_area .btn_area li{
		margin:0 0 0 auto;
	}
	#undercolumn_login .entry_area h3{
		margin-bottom:5.5vw;
	}
	#undercolumn_login .entry_area .inputbox li{
		margin:0 auto;
	}
}