@charset "UTF-8";
/*************************************************
 * Mokuren Member Regist for Wordpress
 *			2025.12.15
 *************************************************/

.grecaptcha-badge { visibility: hidden; }
.mmr_fixReg{margin:0 auto;}
.req,.opt{border:1px solid #fff;border-radius:6px;color:#fff;font-size:.82em;margin-right:6px;padding:3px}
.req{background:#c00}
.opt{background:#063}
.errMsg{color:#c00;}
#formWrap .item{line-height:1.5em;}
#formWrap .item img
{
	height:auto;
	max-width:320px;
	width:100%;
}
#formWrap [type="radio"],#formWrap [type="checkbox"]{margin-right:.25em; transform:scale(1.25);}

@media screen and (min-width:1280px)
{
	.mmr_fixReg{width:960px;}
	#formWrap .item:nth-of-type(n+2){margin-top:1em;}
	#formWrap .itemTitle{display:inline-block; margin-bottom:.5em;}
	#formWrap .radioList
	{
		display:flex;
		flex-wrap:wrap;
		gap:0 1em;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#formWrap .industryTagList
	{
		display:flex;
		flex-wrap:wrap;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#formWrap .industryTagList li{width:12em;}
	#formWrap .addressUl
	{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#formWrap .addressUl li:nth-child(n+2)
	{
		margin-top:.5em;
	}
	#formWrap .addressUl select
	{
		width:fit-content;
	}
	#formWrap .btnSubmitList
	{
		display:flex;
		gap:1em;
		justify-content:flex-end;
		list-style:none;
		margin:2em 0 0;
		padding:0;
	}
	#formWrap .btnSubmitList input
	{
		border:1px solid #ccc;
		cursor:pointer;
		line-height:3em;
		padding:0 1em;
		width:fit-content;
	}
	#formWrap .btnSubmitList .btnSbmt
	{
		background-color:#33c;
		color:#fff;
	}
	#formWrap .btnSubmitList .btnBack
	{
		background-color:#666;
		color:#fff;
	}
	#formWrap .btnSubmitList input:hover
	{
		background-color:#c00;
	}
}

@media screen and (min-width:1024px) and (max-width:1279px)
{
	.fixReg{width:960px;}
	#formWrap .item:nth-of-type(n+2){margin-top:1em;}
	#formWrap .itemTitle{display:inline-block; margin-bottom:.5em;}
	#formWrap .radioList
	{
		display:flex;
		flex-wrap:wrap;
		gap:0 1em;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#formWrap .industryTagList
	{
		display:flex;
		flex-wrap:wrap;
		gap:.5em 0;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#formWrap .industryTagList li{width:12em;}
	#formWrap .addressUl
	{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#formWrap .addressUl li:nth-child(n+2)
	{
		margin-top:.5em;
	}
	#formWrap .addressUl select
	{
		width:fit-content;
	}
	#formWrap .btnSubmitList
	{
		display:flex;
		gap:1em;
		justify-content:flex-end;
		list-style:none;
		margin:2em 0 0;
		padding:0;
	}
	#formWrap .btnSubmitList input
	{
		border:1px solid #ccc;
		cursor:pointer;
		line-height:3em;
		padding:0 1em;
		width:fit-content;
	}
	#formWrap .btnSubmitList .btnSbmt
	{
		background-color:#33c;
		color:#fff;
	}
	#formWrap .btnSubmitList .btnBack
	{
		background-color:#666;
		color:#fff;
	}
	#formWrap .btnSubmitList input:hover
	{
		background-color:#c00;
	}
}

@media screen and (min-width:768px) and (max-width:1023px)
{
	.fixReg{width:740px;}
	#formWrap .item:nth-of-type(n+2){margin-top:1em;}
	#formWrap .itemTitle{display:inline-block; margin-bottom:.5em;}
	#formWrap .radioList
	{
		display:flex;
		flex-wrap:wrap;
		gap:.5em 0;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#formWrap .radioList li{width:25%;}
	#formWrap .industryTagList
	{
		display:flex;
		flex-wrap:wrap;
		gap:.5em 0;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#formWrap .industryTagList li{width:25%;}
	#formWrap .addressUl
	{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#formWrap .addressUl li:nth-child(n+2)
	{
		margin-top:.5em;
	}
	#formWrap .addressUl select
	{
		width:fit-content;
	}
	#formWrap .btnSubmitList
	{
		display:flex;
		gap:1em;
		justify-content:flex-end;
		list-style:none;
		margin:2em 0 0;
		padding:0;
	}
	#formWrap .btnSubmitList input
	{
		border:1px solid #ccc;
		cursor:pointer;
		line-height:3em;
		padding:0 1em;
		width:fit-content;
	}
	#formWrap .btnSubmitList .btnSbmt
	{
		background-color:#33c;
		color:#fff;
	}
	#formWrap .btnSubmitList .btnBack
	{
		background-color:#666;
		color:#fff;
	}
	#formWrap .btnSubmitList input:hover
	{
		background-color:#c00;
	}
}

@media print, screen and (max-width:767px)
{
	.fixReg{width:90%;}
	#formWrap .item:nth-of-type(n+2){margin-top:1em;}
	#formWrap .itemTitle{display:inline-block; margin-bottom:.5em;}
	#formWrap .radioList
	{
		display:flex;
		flex-wrap:wrap;
		gap:.5em 0;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#formWrap .radioList li{width:33%;}
	#formWrap .industryTagList
	{
		display:flex;
		flex-wrap:wrap;
		gap:.5em 0;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#formWrap .industryTagList li{width:50%;}
	#formWrap .addressUl
	{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#formWrap .addressUl li:nth-child(n+2)
	{
		margin-top:.5em;
	}
	#formWrap .addressUl select
	{
		width:fit-content;
	}
	#formWrap .btnSubmitList
	{
		display:flex;
		gap:1em;
		justify-content:flex-end;
		list-style:none;
		margin:2em 0 0;
		padding:0;
	}
	#formWrap .btnSubmitList input
	{
		border:1px solid #ccc;
		cursor:pointer;
		line-height:3em;
		padding:0 1em;
		width:fit-content;
	}
	#formWrap .btnSubmitList .btnSbmt
	{
		background-color:#33c;
		color:#fff;
	}
	#formWrap .btnSubmitList .btnBack
	{
		background-color:#666;
		color:#fff;
	}
	#formWrap .btnSubmitList input:hover
	{
		background-color:#c00;
	}
}