/* Form Component Config :: START */
:root{
	--fcc-font01: #666;
	--fcc-font01-hover: #666;
	--fcc-font01-focus: #222;
	--fcc-font01-checked: #ff4500;
	--fcc-font01-placeholder: #ccc;

	--fcc-bg01: #fff;
	--fcc-bg01_hover: #fff;
	--fcc-bg01_focus: #fff;
	--fcc-bg01_checked: #ff4500;

	--fcc-border01: #aaa;
	--fcc-border01_hover: #aaa;
	--fcc-border01_focus: #ff4500;
	--fcc-border01_checked: #ff4500;
}
/* Form Component Config :: END */

/* Regist Wrap 01 :: START */
.rWrap01{
	margin: 30px auto 0;
	/*padding: 30px 15px;*/
	max-width: 800px;


	/*background-color: rgba(128, 128, 20, 0.1);*/
}
.rWrap01Padding{
	padding: 0 15px;
}
.rTitle{
	margin: 10px 0 20px 0;
	font-size: 4rem; font-family: 'NEXON_Lv1_Gothic_OTF_Bold';
	text-align: center; line-height: 140%;
}
.rTitleExplain{
	margin: 0 0 20px 0;
	font-size: 2rem; text-align: center; line-height: 140%;
}
.rTitleTab{
	margin: 20px 0 10px 0;
	font-size: 4rem; font-family: 'NEXON_Lv1_Gothic_OTF_Bold';
	text-align: center; line-height: 140%;
}
.rTitleTabExplain{
	margin: 0 0 10px 0;
	font-size: 2rem; text-align: center; line-height: 140%;
}
.fcTitle01{
	padding: 30px 0 5px 10px;
	font-size: 2.2rem; font-family: 'NEXON_Lv1_Gothic_OTF_Bold';
}
.fcTitle01Explain{
	font-size: 1.6rem; font-family: 'NEXON_Lv1_Gothic_OTF';
}
.fcTitle01.required_mark:after{
	content: "(필수)";
	margin-left: 5px;
	color: #ff4500; font-size: 1.6rem;
}
/* Regist Wrap 01 :: END */

/* TEXT, PASSWORD TYPE 01 :: START */
input[type=text].fcText01,
input[type=tel].fcText01,
input[type=password].fcPassword01{
	margin: 0; padding: 0 10px 0 10px;
	width: 200px; height: 40px;
	color: var(--fcc-font01); font-size: 2.0rem;
	background-color: var(--fcc-bg01); border: 1px solid var(--fcc-border01);
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	text-indent: 1rem;
	box-sizing: border-box;
}
input[type=text].fcText01:hover,
input[type=tel].fcText01:hover,
input[type=password].fcPassword01:hover{
	color: var(--fcc-font01-hover);
	background-color: var(--fcc-bg01_hover); border: 1px solid var(--fcc-border01_hover);
}
input[type=text].fcText01:focus,
input[type=tel].fcText01:focus,
input[type=password].fcPassword01:focus{
	color: var(--fcc-font01-focus);
	background-color: var(--fcc-bg01_focus); border: 1px solid var(--fcc-border01_focus);
}
input[type=text].fcText01::placeholder,
input[type=tel].fcText01::placeholder,
input[type=password].fcPassword01::placeholder{ color: var(--fcc-font01-placeholder); }

input[type=text].fcDate01{
	padding: 0;
	width: 100%; max-width: 160px; min-width: 120px;
	text-align: center; text-indent: 0rem;
	cursor: pointer;
}

/* TEXT, PASSWORD TYPE 01 :: END */

/* CHECKBOX, RADIO TYPE 01 :: START */
label.fcCBox01,
label.fcRadio01{
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
	-moz-user-select: none; -ms-user-select: none; user-select: none;
}
label.fcCBox01 > span,
label.fcRadio01 > span{
	margin: 0 20px 0 0; padding: 0;
	color: var(--fcc-font01); text-align: center;
	display: inline-block;
	cursor: pointer;
	box-sizing: border-box;
}
label.fcCBox01 > span:before{
	content: "\f0c8";
	margin-right: 6px;
	font-family: "Font Awesome 5 Free";
}
label.fcCBox01 > input[type=checkbox]:checked + span{ color: var(--fcc-font01-focus); }
label.fcCBox01 > input[type=checkbox]:checked + span:before{ content: "\f14a"; color: var(--fcc-font01-checked); }
label.fcRadio01 > span:before{
	content: "\f111";
	margin-right: 6px;
	font-family: "Font Awesome 5 Free";
}
label.fcRadio01 > input[type=radio]:checked + span{ color: var(--fcc-font01-focus); }
label.fcRadio01 > input[type=radio]:checked + span:before{ content: "\f192"; color: var(--fcc-font01-checked); }
label.fcCBox01 > input[type=checkbox], label.fcRadio01 > input[type=radio]{
	position: absolute;
	left: -20px;
	visibility: hidden;
}
/* CHECKBOX, RADIO TYPE 01 :: END */

/* CHECKBOX, RADIO TYPE 11 :: START */
div.fcCBox11_area,
div.fcRadio11_area{
	margin: 0; padding: 0;
	display: inline-block;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
	-moz-user-select: none; -ms-user-select: none; user-select: none;
}
div.fcCBox11_area > label,
div.fcRadio11_area > label{ display: inline-block; }
div.fcCBox11_area > label > span,
div.fcRadio11_area > label > span{
	margin: 0; 
	padding: 0 20px 0 20px;
	height: 40px;
	color: var(--fcc-font01); text-align: center;
	background-color: var(--fcc-bg01);
	border-width: 1px 1px 1px 0; border-style: solid; border-color: var(--fcc-border01);
	box-sizing: border-box;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
div.fcCBox11_area > label:first-child > span,
div.fcRadio11_area > label:first-child > span{
	border-left-width: 1px;
	border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px;
}
div.fcCBox11_area > label:last-child > span,
div.fcRadio11_area > label:last-child > span{
	border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0;
}
div.fcCBox11_area > label > input[type=checkbox]:checked + span,
div.fcRadio11_area > label > input[type=radio]:checked + span{
	color: #fff;
	background-color: var(--fcc-bg01_checked);
}
div.fcCBox11_area > label > input[type=checkbox],
div.fcRadio11_area > label > input[type=radio]{
	position: absolute;
	left: -20px;
	visibility: hidden;
}
/* CHECKBOX, RADIO TYPE 11 :: END */

/* CHECKBOX, RADIO TYPE 21 :: START */
label.fcCBox21, label.fcRadio21{
	margin: 0; padding: 0;
	display: inline-block;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
	-moz-user-select: none; -ms-user-select: none; user-select: none;
}
label.fcCBox21 > span,
label.fcRadio21 > span{
	margin: 0 5px 0 0; padding: 6px 20px;
	height: 40px;
	box-sizing: border-box;
	color: var(--fcc-font01); text-align: center;
	background-color: var(--fcc-bg01);
	border-width: 1px; border-style: solid; border-color: var(--fcc-border01);
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
label.fcCBox21 > input[type=checkbox]:checked + span,
label.fcRadio21 > input[type=radio]:checked + span{
	color: #fff;
	background-color: var(--fcc-bg01_checked);
}
label.fcCBox21 > input[type=checkbox],
label.fcRadio21 > input[type=radio]{
	position: absolute;
	left: -20px;
	visibility: hidden;
}
/* CHECKBOX, RADIO TYPE 21 :: END */

/* SELECT 01 :: START  */
.fcSelect01{
	padding: 6px 10px 6px 10px;
	height: 40px;
	background-color: var(--fcc-bg01);
	border: 1px solid var(--fcc-border01);
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
	-moz-user-select: none; -ms-user-select: none; user-select: none;
}
select.fcSelect01:focus{
	border-color: var(--fcc-border01_focus);
}
select.fcSelect01 > option{
	color: var(--fcc-font01); font-size: 2.0rem !important;
}
/* SELECT 01 :: END  */

/* TEXTAREA 01 :: START */
textarea.fcTextArea01{
	margin: 0; padding: 10px 20px 10px 20px;
	width: 200px; height: 120px;
	color: var(--fcc-font01); font-size: 2.0rem; line-height: 2.4rem;
	background-color: var(--fcc-bg01); border: 1px solid var(--fcc-border01);
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	/*text-indent: 1rem;*/
	resize: none;
	box-sizing: border-box;
}
textarea.fcTextArea01:hover{
	color: var(--fcc-font01-hover);
	background-color: var(--fcc-bg01_hover); border: 1px solid var(--fcc-border01_hover);
}
textarea.fcTextArea01:focus{
	color: var(--fcc-font01-focus);
	background-color: var(--fcc-bg01_focus); border: 0px solid var(--fcc-border01_focus);
	outline-color: var(--fcc-border01_focus);
}
textarea.fcTextArea01::placeholder{ color: var(--fcc-font01-placeholder); }
textarea.fcTextArea01.agreement{
	width: 100%; height: 250px;
}
/* TEXTAREA 01 :: END */



/* BUTTON 01 :: START */
.fcBtn01{
	padding: 0 10px 0 10px;
	height: 40px;
	color: var(--fcc-font01); text-align: center; line-height: 40px;
	background-color: #efefef; border: 1px solid var(--fcc-border01);
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	display: inline-block;
	box-sizing: border-box;
	cursor: pointer;
}
.fcBtn01:hover{
	color: #fff;
	background-color: #000;
	border-color: var(--fcc-border01-focus);
}
/* BUTTON 01 :: END */





/* BUTTON :: START */
.fcBtnSubmit01{
	padding: 0 20px 0 20px;
	height: 50px;
	color: #fff; font-size: 2.2rem; text-align: center; line-height: 50px;
	background-color: #fd6a5c;
	border: 1px solid #fd6a5c;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	box-sizing: border-box;
	display: inline-block;
	cursor: pointer;
}
.fcBtnSubmit01:hover{
	background-color: #ff4538;
	border-color: #ff4538;
}
.fcBtnOk01{
	padding: 0 20px 0 20px;
	height: 50px;
	color: #fff; font-size: 2.2rem; text-align: center; line-height: 50px;
	background-color: #fd6a5c;
	border: 1px solid #fd6a5c;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	box-sizing: border-box;
	display: inline-block;
	cursor: pointer;
}
.fcBtnOk01:hover{
	background-color: #ff4538;
	border-color: #ff4538;
}
.fcBtnCancel01{
	padding: 0 20px 0 20px;
	height: 50px;
	color: #fff; font-size: 2.2rem; text-align: center; line-height: 50px;
	background-color: #999;
	border: 1px solid #999;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	box-sizing: border-box;
	display: inline-block;
	cursor: pointer;
}
.fcBtnCancel01:hover{
	background-color: #666;
	border-color: #666;
}
/* BUTTON :: END */