@charset "shift_jis";

/* ======================================================
 * form.css
 * ------------------------------------------------------
 * LAYOUT ***********************************************
 * Common
 * Body
 * Header
 * Contents
 * Footer
 * MODULE ***********************************************
 * Element
 * Component
 * MEDIA ************************************************
 * Print
 * Clearfix
====================================================== */

/********************************************************

  LAYOUT

********************************************************/
@media screen and (max-width: 750px) {
/* Common
------------------------------------------------------ */

/* Body
------------------------------------------------------ */
/* Header
------------------------------------------------------ */
#header {
	padding: 0;
	border-bottom: 1px solid #bebebe;
	background-color: #fff;
}
#header .nolink04-header {
	display: flex;
	align-items: center;
	width: auto;
	min-height: 60px;
	padding: 10px;
}
#header .nolink04-header .nolink04-headerLogo {
	width: 44px;
	height: auto;
}
/* Contents
------------------------------------------------------ */
#contents {
	clear: both;
}

/*----- main -----*/
#main {
	width: auto;
	margin: 0 auto;
	padding: 25px 0 0;
}

/* mainWrap */
[class^="mainWrap"] {
	clear: both;
	padding: 0;
}
[class^="mainWrap"]:first-child {
	padding-top: 0;
}
[class^="mainWrap"] > *:first-child {
	margin-top: 0 !important;
}
.mainWrap01 {
}



/* Footer
------------------------------------------------------ */
#footer {
	clear: both;
	border-top: 1px solid #bebebe;
}

/*----- footerWrap01 -----*/
.footerWrap01 {
}
.footerWrap01 > #pageTopBtn {
	position: fixed;
	right: 20px;
	bottom: 20px;
}
.footerWrap01 > #pageTopBtn > a {
	display: block;
	width: 32px;
	height: 32px;
	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_pagetop_bt01.png) no-repeat 0 0;
	-webkit-background-size: 32px 32px;
	background-size: 32px 32px;
	text-indent: -9999px;
	outline: none;
}

/*----- footerWrap02 -----*/
.footerWrap02 {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}
.footerWrap02 > *:first-child {
	margin-top: 0 !important;
}
.footerWrap02 > #ftrUtility {
}
.footerWrap02 > #ftrUtility > .utilMenu {
	padding: 0 55px;
	text-align: center;
	letter-spacing: -0.4em;
}
.footerWrap02 > #ftrUtility > .utilMenu > li {
	display: inline-block;
	margin: 0 14px 10px 0;
	padding: 0 14px 0 0;
	border-right: 1px solid #bdbdbd;
	line-height: 1.0;
	letter-spacing: normal;
}
.footerWrap02 > #ftrUtility > .utilMenu > li.edgeRight {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
.footerWrap02 > #copyright {
	margin: 15px 0 0 0;
	font-size: 11px;
	font-size: 1.1rem;
	text-align: center;
}



/********************************************************

  CONTENTS

********************************************************/

/* Element
------------------------------------------------------ */
/* Indent Parts
------------------------------------------------------ */

/*----- Text -----*/
/* font-size */
.sp_fontXS { font-size: 10px !important; font-size: 1.0rem !important; }
.sp_fontSS { font-size: 11px !important; font-size: 1.1rem !important; }
.sp_fontS  { font-size: 12px !important; font-size: 1.2rem !important; }
.sp_fontMS { font-size: 13px !important; font-size: 1.3rem !important; }
.sp_fontM  { font-size: 14px !important; font-size: 1.4rem !important; }
.sp_fontML { font-size: 15px !important; font-size: 1.5rem !important; }
.sp_fontL  { font-size: 16px !important; font-size: 1.6rem !important; }
.sp_fontLL { font-size: 17px !important; font-size: 1.7rem !important; }
.sp_fontXL { font-size: 18px !important; font-size: 1.8rem !important; }

/*----- List -----*/

.listRow {
	margin: 1em 0 0 0;
}
.listRow[class*="space"] {
	overflow: hidden;
}
.listRow.space1 { margin-bottom: -10px; }
.listRow.space2 { margin-bottom: -10px; }
.listRow.alC,
.listRow.alR { 
	letter-spacing: -0.4em;
}
.listRow:last-child { margin-bottom: 0; }
.listRow[class*="count"]:last-child { margin-bottom: 0; }
.listRow > li {
	float: left;
}
.listRow[class*="type-btn"] > li {
	text-align: center;
}
.listRow[class*="count"] > li {
	margin: 0 0 0 20px;
}
.listRow.alC > li,
.listRow.alR > li {
	float: none;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
.listRow.space1 > li { margin-right: 40px; margin-bottom: 10px; }
.listRow.space2 > li { margin-right: 30px; margin-bottom: 10px; }
.listRow.count2  > li { width: 48%;   max-width: 349px; margin-left: 4%; }
.listRow.count3  > li { width: 31%;   max-width: 226px; margin-left: 3.5%; }
.listRow.count4  > li { width: 22.9%; max-width: 167px; margin-left: 2.8%; }
.listRow.grid2 > li { width: 50%; }
.listRow.grid3 > li { width: 33.33%; }
.listRow.grid4 > li { width: 25%; }

.listRow.alC > li + li { margin-left: 20px; }
.listRow.alR > li + li { margin-right: 20px; }

.listRow[class*="List"] > li,
.listRow[class*="Link"] > li {
	margin-top: 0;
}
.listRow.count2 > li:nth-child(n+3),
.listRow.count3 > li:nth-child(n+4),
.listRow.count4 > li:nth-child(n+5),
.listRow.grid2 > li:nth-child(n+3),
.listRow.grid3 > li:nth-child(n+4),
.listRow.grid4 > li:nth-child(n+5) {
	margin-top: 0.5em;
}
.listRow[class*="type-btn"].count2 > li:nth-child(n+3),
.listRow[class*="type-btn"].count3 > li:nth-child(n+4),
.listRow[class*="type-btn"].count4 > li:nth-child(n+5),
.listRow[class*="type-btn"].grid2 > li:nth-child(n+3),
.listRow[class*="type-btn"].grid3 > li:nth-child(n+4),
.listRow[class*="type-btn"].grid4 > li:nth-child(n+5),
[class*="btnLink"].listRow.count2 > li:nth-child(n+3),
[class*="btnLink"].listRow.count3 > li:nth-child(n+4),
[class*="btnLink"].listRow.count4 > li:nth-child(n+5),
[class*="btnLink"].listRow.grid2 > li:nth-child(n+3),
[class*="btnLink"].listRow.grid3 > li:nth-child(n+4),
[class*="btnLink"].listRow.grid4 > li:nth-child(n+5) {
	margin-top: 15px;
}
.listRow.count2 > li:nth-child(2n+1),
.listRow.count3 > li:nth-child(3n+1),
.listRow.count4 > li:nth-child(4n+1),
.listRow.grid2 > li:nth-child(2n+1),
.listRow.grid3 > li:nth-child(3n+1),
.listRow.grid4 > li:nth-child(4n+1) {
	clear: left !important;
	margin-left: 0 !important;
}
.listRow > li > *:first-child {
	margin-top: 0;
}

.listCol {
	margin: 1em 0 0 0;
}
.listCol > li {
}
.listCol > li + li { margin-top: 0 !important; }
.listCol.space1  > li + li { margin-top:  5px !important; }
.listCol.space2  > li + li { margin-top: 10px !important; }
.listCol.space3  > li + li { margin-top: 15px !important; }
.listCol.space4  > li + li { margin-top: 20px !important; }
.listCol.space5  > li + li { margin-top: 25px !important; }
.listCol.space6  > li + li { margin-top: 30px !important; }
.listCol.space7  > li + li { margin-top: 0.25em !important; }
.listCol.space8  > li + li { margin-top: 0.5em  !important; }
.listCol.space9  > li + li { margin-top: 0.75em !important; }
.listCol.space10 > li + li { margin-top: 1em    !important; }
.listCol.space11 > li + li { margin-top: 1.5em  !important; }
.listCol.space12 > li + li { margin-top: 2em    !important; }

.indentList01 > li { padding: 0 0 0 1em; text-indent: -1em; }
.indentList02 > li { padding: 0 0 0 0.5em; text-indent: -0.5em; }

.noteList01 {
}
.noteList01 > li {
	position: relative;
	padding: 0 0 0 1.5em;
}
.noteList01 > li > .ast {
	position: absolute;
	left: 0;
	top: 0;
}
.noteList02 > li {
	position: relative;
	padding: 0 0 0 2em;
}
.noteList02 > li > .ast {
	position: absolute;
	left: 0;
	top: 0;
}

.iconList01 {
	margin: 1em 0 0 0;
}
.iconList01 > li {
	position: relative;
	padding: 0 0 0 13px;
}
.content .iconList01 > li + li {
	margin-top: 0.5em !important;
}
.iconList01 > li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.5em;
	display: inline-block;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	    -ms-border-radius: 50%;
	     -o-border-radius: 50%;
	        border-radius: 50%;
	background-color: #7b705c;
}
.iconList02 {
	margin: 1em 0 0 0;
}
.iconList02 > li {
	position: relative;
	padding: 0 0 0 10px;
}
.iconList02 > li:before {
	content: "";
	position: absolute;
	left: 2px;
	top: 0.6em;
	display: inline-block;
	width: 2px;
	height: 2px;
	background-color: #3b3b3b;
}

.orderList01 > li {
	position: relative;
}
.orderList01.type1 > li { padding: 0 0 0 2.2em; }
.orderList01 > li > .num {
	position: absolute;
	left: 0;
	top: 0;
}

/*----- Link -----*/
.linkTxt {
}
.linkTxt[target="_blank"]:after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 11px;
	margin: 0 0 0 5px;
	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic16.png) no-repeat 0 0;
	vertical-align: middle;
}

[class*="iconLink"] {
	margin-top: 1em;
}
ul[class*="iconLink"] > li {
	margin-top: 0.5em;
}
ul[class*="iconLink"] > li:first-child {
	margin-top: 0;
}
.iconLink01 a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
}
.iconLink01 a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.4em;
	width: 0;
	height: 0;
	border-width: 3px 6px;
	border-style: solid;
	border-color: transparent transparent transparent #584933;
}
.iconLink01 a[target="_blank"]:after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 11px;
	margin: 0 0 0 5px;
	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic16.png) no-repeat 0 0;
	vertical-align: middle;
}

.questionLink {
	margin: 1em 0 0 0;
}
ul.questionLink > li {
	margin-top: 0.5em;
}
ul.questionLink > li:first-child {
	margin-top: 0;
}
.questionLink a {
	display: inline-block;
	padding: 2px 0 3px 30px;
	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic01.png) no-repeat 0 0;
}

/*----- Button -----*/
.btnLink01 {
	margin: 1em 0 0 0;
}
.btnLink01 a,
.btnLink01 input,
.btnLink01 button {
	position: relative;
	display: inline-block;
	padding: 12px 30px 10px 15px;
	border-bottom: 3px solid #a5a5a5;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	    -ms-border-radius: 9px;
	     -o-border-radius: 9px;
	        border-radius: 9px;
	background-color: #e6e6e6;
	color: #222222 !important;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
}
.btnLink01 a.sizeL {
	padding: 17px 60px 15px 50px;
	font-size: 16px;
	font-size: 1.6rem;
}
.btnLink01 a.type-close {
	padding: 12px 19px 10px 44px;
}
.btnLink01 a:after {
	content: "";
	position: absolute;
	right: 8px;
	top: 50%;
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic02.png) no-repeat 0 0;
	background-size: 18px 18px;
	margin: -9px 0 0 0;
}
.btnLink01 a[target="_blank"]:after {
	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic17.png) no-repeat 0 0;
	background-size: 18px 18px;
}
.btnLink01 input,
.btnLink01 button,
.btnList01 > li input {
	background-image: url(/memberservice/pc/smp/v1/common-files/img/sp_com_btn_ic01.png);
	-webkit-background-size: 20px 20px;
					background-size: 20px 20px;
}
.btnLink01 a.type-close:after {
	left: 8px;
	right: auto;
	width: 17px;
	height: 17px;

	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic06@2x.png) no-repeat 0 0;
	background-size: auto 17px;
	margin: -8px 0 0 0;
}
.btnLink01 a:hover {
	margin-top: 2px;
	background-color: #ebebeb;
	border-bottom: 1px solid #b7b7b7;
}
.btnLink01.back a,
.btnLink01.back input {
	padding: 11px 35px 9px 48px;
	font-size: 14px;
	font-size: 1.4rem;
}
.btnLink01.back a:after {
	background-image: url(/memberservice/pc/smp/v1/common-files/img/sp_com_back_ic01.png);
	-webkit-background-size: 16px 15px;
					background-size: 16px 15px;
}
.btnLink01.back input {
	background-image: url(/memberservice/pc/smp/v1/common-files/img/sp_com_back_ic01.png);
	-webkit-background-size: 16px 15px;
					background-size: 16px 15px;
}
.confirmArea .btnLink01.back {
	text-align: center;
	margin-top: 15px;
}
.confirmArea .btnLink01.back a {
	width: 80%;
}
.confirmArea > .btnLink01 > input,
.confirmArea > .btnLink01 > button {
	display: inline-block;
	width: 100%;
	height: 61px;
	padding: 3px 25px 0;
	border: none;
	border-bottom: 3px solid #760015;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	    -ms-border-radius: 9px;
	     -o-border-radius: 9px;
	        border-radius: 9px;
	background-color: #a5001e;
	background-image: url(/memberservice/pc/rsp/v1/family_apply/img/form_ic03.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-size: 16px 16px;
	color: #fff !important;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
.confirmArea > .btnLink01 > input:hover,
.confirmArea > .btnLink01 > button:hover{
	margin-top: 2px;
	height: 59px;
	border-bottom-width: 1px;
}


/*----- Box -----*/
[class*="boxLayout"] > *:first-child,
[class*="boxLayout"] [class*="boxCnt"] > *:first-child {
	clear: none;
	margin-top: 0 !important;
}
.boxLayout01 {
	clear: both;
	margin: 30px 0 0 0;
	background-color: #f2f2f2;
}
.boxLayout02 {
	clear: both;
	margin: 30px 0 0 0;
	background-color: #f4efe6;
}
.boxLayout03 {
	clear: both;
	margin: 30px 0 0 0;
	border: 1px solid #cccccc;
	background-color: #fff;
}
.boxLayout04 {
	clear: both;
	margin: 30px 0 0 0;
	border: 1px solid #0070c0;
	background-color: #fff;
}
.boxLayout01 .boxHdg01 {
	margin: 0 0 0.5em 0;
	padding: 15px 20px 0;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
}
.boxLayout03 .boxHdg01 {
	margin: 0 0 0.5em 0;
	padding: 20px 20px 0;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.25;
	text-align: left;
}
.boxLayout01 .boxCnt01 {
	padding: 15px 20px 20px;
}
.boxLayout03 .boxCnt01 {
	padding: 15px 20px 20px;
}
.boxLayout04 .boxCnt02 {
	padding: 15px;
}
.boxLayout01 .boxHdg01 + .boxCnt01 { padding-top: 0; }
.boxLayout03 .boxHdg01 + .boxCnt01 { padding-top: 0; }

.borderBox01 {
	padding: 15px;
	border: solid 2px #aaaaaa;
}
.entry.borderBox01 {
	margin-top: 15px !important;
	padding: 15px;
}
.borderBox01.type-Terms {
	background: #f8f1e6;
}
.borderBox02 {
	padding: 15px;
	border: solid 2px #a5001e;
}
.borderBox01 > *:first-child,
.borderBox02 > *:first-child {
	margin-top: 0 !important;
}


/*----- Form -----*/
/* formSection */
.formSection {
	clear: both;
	margin: 30px 10px 0;
}
.formSection > *:first-child {
	margin-top: 0 !important;
}
.formSection > .heading {
	margin: 30px 0 20px;
	padding: 0;
}
.formSection > .heading > .hdg {
	float: none;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.25;
}
.formSection > .heading > .hdg > .small {
	font-size: 50%;
}
.formSection.nonSelectCard02 > .heading > .hdg {
	float: none;
	padding: 10px 0;
	color: #a5001e;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
}
.formSection > .heading > .note {
	float: none;
	padding: 0;
	margin: 1em 0 0 0;
}
.formSection > .heading > .note > a {
	display: inline-block;
	padding: 2px 0 1px 30px;
	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic01@2x.png) no-repeat 0 0.1em;
	background-size: 21px 21px;
	font-size: 1.4rem;
}
.formSection > .content {
	clear: both;
	margin: 15px 0 0 0;
}
.formSection > .content > *:first-child {
	margin-top: 0 !important;
}
.formSection > .content > .announce {
	margin: 1em 0 0.75em;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.25;
}
.formSection > .content > .announce > strong {
	color: #a5001e;
}
.formSection > .announce {
	margin: 1em 0 0.75em;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.25;
}
.formSection > .announce > strong {
	color: #a5001e;
}
.formSection > .content .nonSelectCardImg01 {
	display: block;
	position: static;
	width: auto;
	text-align: center;
}
.formSection > .content .nonSelectCardImg01 img {
	width: 160px;
	height: auto;
	margin-top: 10px;	
}
.nonSelUndItemr {
	margin-top: 15px !important;
}
.select_cartNameBox{
	margin: 20px 0 30px;
	text-align: center;
}
.select_cartNameBox .cartName{
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0 5px 3px;
	font-size:1em;
	background: url(/memberservice/pc/rsp/v1/family_apply/img/gld_family_ex01.gif) repeat-x 0 100%;
	background-size: 1px auto;
}
.select_cartNameBox .cartName:before{
	position: absolute;
	content: "";
	top: -5px;
	left: -25px;
	width: 20px;
	height: 35px;
	background: url(/memberservice/pc/rsp/v1/family_apply/img/gld_family_ic01.png) no-repeat 0 0;
	background-size: 20px auto;
}
.select_cartNameBox .cartName:after{
	position: absolute;
	content: "";
	top: -5px;
	right: -25px;
	width: 20px;
	height: 35px;
	background: url(/memberservice/pc/rsp/v1/family_apply/img/gld_family_ic02.png) no-repeat 0 0;
	background-size: 20px auto;
}
.select_cartNameBox .cartName span{
	padding: 0 0 0 15px;
	font-size: 1.1em;
}
.select_cartNameBox .cartName span strong{
	font-size: 1.3em;
	font-weight: normal;
}
	
/* finishSection */
.finishSection {
	clear: both;
	margin: 30px 10px 0;
}
.finishSection > *:first-child {
	margin-top: 0 !important;
}
.finishSection > .heading {
	margin: 30px 0 15px;
}
.finishSection > .heading > .hdg {
	padding: 10px 0;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
}
.finishSection > .content {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0 10px;
}
.finishSection > .content > *:first-child {
	margin-top: 0 !important;
}
.finishSection > .content > .message {
	margin: 1em 0 0.75em;
	padding: 0 10%;
	font-size: 1.4rem;
	line-height: 1.75;
	text-align: center;
}
.finishSection > .content > .receiptBox {
	clear: both;
	margin: 15px 0;
	padding: 10px;
	border: 3px solid #e0e0e0;
	background-color: #fff;
	text-align: center;
}
.finishSection > .content > .receiptBox > .receiptNumber {
	display: inline-block;
	font-size: 1.8rem;
}
.finishSection > .content > .receiptBox > .receiptNumber > strong {
	color: #a5001e;
	font-weight: bold;
	white-space: nowrap;
}
.finishSection > .content > .follows {
	clear: both;
	width: auto;
	margin: 20px auto 0;
}
.finishSection > .content > .follows > li {
	display: list-item;
	width: auto;
	table-layout: auto;
}
.finishSection > .content > .follows > li + li {
	margin-top: 15px;
}
.finishSection > .content > .follows > li > .txt {
	display: block;
	width: auto;
	padding: 0;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	vertical-align: middle;
}
.finishSection > .content > .follows > li > .btn {
	display: block;
	width: auto;	
	margin: 5px 0 0 0;
	padding: 0 10%;
	text-align: left;
	vertical-align: middle;
}
.finishSection > .content > .follows > li > .btn > .btnLink01 a {
	width: 100%;
}
.finishSection > .content > .contact {
	clear: both;
	margin: 20px 0 0 0;
	text-align: center;
}
.finishSection > .content > .contact > dt {
	margin: 0 0 0.5em 0;
	font-size: 1.4rem;
	font-weight: bold;
}
.finishSection > .content > .contact > dd {
}
.finishSection > .content > .contact > dd > *:first-child {
	margin-top: 0 !important;
}
.finishSection > .content > .contact > dd > .telNumber {
	font-size: 1.8rem;
	font-weight: bold;
	white-space: nowrap;
}
.finishSection > .content > .line {
	clear: both;
	margin: 30px 0;
	border-top: 1px dotted #aaaaaa;
}
.finishSection > .content > .hdg {
	position: relative;
	margin-bottom: 12px;
	padding-left: 12px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
}
.finishSection > .content > .hdg:before {
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	width: 4px;
	height: 80%;
	background-color: #a5001e;
}
.finishSection > .content > .notes {
	clear: both;
	margin: 20px 0 0 0;
}
.finishSection > .content > .notes > li {
	position: relative;
	padding: 0 0 0 50px;
}
.finishSection > .content > .notes > li + li {
	margin-top: 1em;
}
.finishSection > .content > .notes > li > .num {
	position: absolute;
	left: 0;
	top: 0;
}
.finishSection > .content > .notes > li > .num img {
	width: 39px;
	height: auto;
}
.finishSection > .content > .notes > li > .cnt {
	min-height: 35px;
	padding: 8px 0 0 0;
	line-height: 2.0;
}
.finishSection > .content > .notes > li > .cnt > *:first-child {
	margin-top: 0 !important;
}
.finishSection > .content > .notes > li > .cnt > .desc {
	line-height: 1.4;
}

/* formWrap */
.formWrap {
	clear: both;
	margin: 20px 0 0 0;
}
.formWrap > *:first-child {
	margin-top: 0 !important;
}
.formWrap > form {
}
.formWrap > form > *:first-child {
	margin-top: 0 !important;
}
.formWrap > form fieldset {
	clear: both;
}
.formWrap > form .agreeBox + fieldset {
	margin-top: 40px;
}
.formWrap > form fieldset.type-hr {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px dotted #777777;
}
.formWrap > form fieldset.type-frame {
	padding: 27px;
	border: 3px solid #aaaaaa;
}
.formWrap > form fieldset + fieldset {
	margin-top: 50px;
}
.formWrap > form fieldset > *:first-child {
	margin-top: 0 !important;
}
.formWrap > form fieldset > .section02 {
	margin-top: 30px!important;
}
.formWrap > form fieldset > .fieldHdg {
	margin: 50px 0 0 0;
}
.formWrap > form fieldset > .fieldHdg.type-hr {
	margin-top: 60px;
	padding-top: 50px;
	border-top: 1px dotted #777777;
}
.formWrap > form fieldset > .fieldHdg.type-legend {
	display: none;
}
.formWrap > form fieldset > .fieldHdg + * {
	margin-top: 20px;
}
.formWrap > form fieldset > .fieldHdg + .entry.type-confirm {
	margin-top: 15px;
}
.formWrap > form fieldset > .fieldHdg.type-legend + * {
	margin-top: 0;
}
.formWrap > form fieldset > .fieldHdg > .hdg {
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.25;
}
.formWrap > form fieldset > .fieldDesc {
	margin: 30px 0 0 0;
}
.formWrap > form fieldset > .fieldDesc > .desc {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.25;
}
.formWrap > form .entry {
	clear: both;
	margin: 20px 0 0 0;
}
.formWrap > form .entry.type-hr {
	margin-top: 30px;
	padding-top: 0;
	border-top: none;
}
.formWrap > form .entry.type-hr.narrow {
	margin-top: 30px;
	padding-top: 0;
	border-top: none;
}
.formWrap > form fieldset > .fieldDesc + .entry.type-confirm {
	margin-top: 15px;
}
.formWrap > form .entry > *:first-child {
	margin-top: 0 !important;
}
.formWrap > form .entry .hide,
.formWrap > form .entry [class*="hide-"] {
	display: none;
}


/* formInherit */
.formInherit {
	display: none;
}

/* formSubmit */
.formSubmit {
	clear: both;
	position: relative;
	margin: 25px 0 0;
	padding: 0 10px;
	text-align: left;
	letter-spacing: -0.4em;
}
.formSubmit.mtNarrow {
	margin-top: 25px;
}
.formSubmit > .entryBtn {
	text-align: center;
}
.formSubmit > .entryBtn input {
	max-width: 100%;
	height: auto;
}
.formSubmit > .lead {
	margin: 1em 0 0.5em;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: normal;
	text-align: center;
}
.formSubmit > .lead:before {
	content: "";
	position: relative;
	bottom: -7px;
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 15px 0 0;
	border-width: 20px 0 0 7px;
	border-style: solid;
	border-color: #a5001e transparent transparent transparent;
	-webkit-transform: rotate(-20deg);
		 -moz-transform: rotate(-20deg);
					transform: rotate(-20deg);
}
.formSubmit > .lead:after {
	content: "";
	position: relative;
	bottom: -7px;
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 0 0 15px;
	border-width: 20px 7px 0 0;
	border-style: solid;
	border-color: #a5001e transparent transparent transparent;
	-webkit-transform: rotate(20deg);
		 -moz-transform: rotate(20deg);
					transform: rotate(20deg);
}
.formSubmit > .btn {
	display: inline-block;
	letter-spacing: normal;
}
.formSubmit > .btn + .btn {
	margin-top: 15px;
}
.formSubmit > .btn#backBtn,
.formSubmit > .btn#correctBtn {
	position: static;
	left: inherit;
	top: inherit;
}
.formSubmit > .btn#backBtn {
	width: 30%;
	height: 38px;
}
.formSubmit > .btn#correctBtn {
	top: inherit;
	width: 40%;
	height: 38px;
}
.formSubmit > .btn#backBtn > input,
.formSubmit > .btn#correctBtn > input {
	position: relative;
	display: block;
	width: auto;
	height: 38px;
	padding: 8px 18px 7px 36px;
	border: none;
	border-bottom: 3px solid #a5a5a5;
	border-radius: 5px;
	background-color: #e6e6e6;
	background-image: url(/memberservice/pc/smp/v1/cardapply/img/form_ic04.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	font-size: 1.4rem;
	color: #222222;
	font-weight: bold;
	text-decoration: none !important;
	text-align: center;
	cursor: pointer;
}
.formSubmit > .btn#backBtn > a,
.formSubmit > .btn#correctBtn > a {
	position: relative;
	display: block;
	width: 100%;
	height: 38px;
	padding: 10px 18px 7px 36px;
	border-bottom: 3px solid #a5a5a5;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	    -ms-border-radius: 9px;
	     -o-border-radius: 9px;
	        border-radius: 9px;
	background-color: #e6e6e6;
	color: #222222;
	font-weight: bold;
	text-decoration: none !important;
	text-align: center;
}
.formSubmit > .btn#correctBtn > input,
.formSubmit > .btn#correctBtn > a {
	height: auto;
	padding: 8px 18px 7px 36px;
	font-size: 12px;
	font-size: 1.2rem;
}
.formSubmit > .btn#backBtn > a:after,
.formSubmit > .btn#correctBtn > a:after {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	display: inline-block;
	width: 15px;
	height: 16px;
	margin: -8px 0 0 0;
	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic04.png) no-repeat 0 0;
}
.formSubmit > .btn#backBtn > input:hover,
.formSubmit > .btn#correctBtn > input:hover,
.formSubmit > .btn#backBtn > a:hover,
.formSubmit > .btn#correctBtn > a:hover {
	margin-top: 2px;
	height: 36px;
	background-color: #ebebeb;
	border-bottom: 1px solid #b7b7b7;
}
.formSubmit > .btn#correctBtn > input:hover,
.formSubmit > .btn#correctBtn > a:hover {
	height: 36px;
}
.formSubmit > .btn#nextStepBtn,
.formSubmit > .btn#nextStepBtn02,
.formSubmit > .btn#submitBtn,
.formSubmit > .btn#homeBtn,
.formSubmit > .btn#winCloseBtn {
	width: 100%;
}
.formSubmit > .btn#nextStepBtn > input,
.formSubmit > .btn#nextStepBtn02 > input,
.formSubmit > .btn#submitBtn > input,
.formSubmit > .btn#submitBtn > button,
.formSubmit > .btn#homeBtn > a,
.formSubmit > .btn#winCloseBtn > a {
	display: block;
	width: 100%;
	height: 61px;
	padding: 3px 40px 0;
	border: none;
	border-bottom: 2px solid #9e1f1a;
	border-radius: 10px;
	background: url("/memberservice/pc/rsp/v1/menkyo_cre/img/menkyo_cre_ic01.png") #dc322c no-repeat 95% 50% / 8px auto;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
}
.formSubmit > .btn#homeBtn > a {
	background-color: #e6e6e6;
	border-bottom-color: #a5a5a5;
	font-size: 1.4rem;
	color: #222;
}
.formSubmit > .btn#winCloseBtn > a {
	height: 76px;
	padding: 3px 30px 0;
}
.formSubmit > .btn#homeBtn > a > span {
	display: inline-block;
	padding-top: 17px;
}
.formSubmit > .btn#winCloseBtn > a > span {
	display: inline-block;
	padding-top: 7px;
}
.formSubmit > .btn#winCloseBtn > a > span > .small {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
}
.formSubmit > .btn#nextStepBtn:not(.disabled) > input,
.formSubmit > .btn#nextStepBtn02:not(.disabled) > input,
.formSubmit > .btn#submitBtn:not(.disabled) > input {
	cursor: pointer;
}
.formSubmit > .btn#nextStepBtn:not(.disabled) > input:hover,
.formSubmit > .btn#nextStepBtn02:not(.disabled) > input:hover,
.formSubmit > .btn#submitBtn:not(.disabled) > input:hover,
.formSubmit > .btn#submitBtn:not(.disabled) > button:hover,
.formSubmit > .btn#homeBtn > a:hover,
.formSubmit > .btn#winCloseBtn > a:hover {
	height: 59px;
	margin-top: 2px;
	border-bottom-width: 1px;
}
.formSubmit > .btn#nextStepBtn.disabled > input,
.formSubmit > .btn#nextStepBtn02.disabled > input,
.formSubmit > .btn#submitBtn.disabled > input {
	height: 61px;
	padding-left: 55px;
	background-image: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic07.png);
	background-position: 20px 50%;
	background-size: 21px auto;
	color: #DC322C;
	font-size: 1.5rem;
	border: 2px solid #DC322C;
	background-color: #ffe5e5;
}

.formSubmit .formSubmitText {
	margin-top: 10px;
	text-align: center;
	font-size: 1.4rem;
	letter-spacing: 0;
}
.formSubmit #clearBtn {
	margin-top: 20px;
	text-align: center;
}
.formSubmit #clearBtn input {
	position: relative;
	display: inline-block;
	width: 100%;
	min-width: auto;
	height: 55px;
	padding: 9px 45px 9px 45px;
	border: none;
	border-radius: 5px;
	background: url("/memberservice/pc/rsp/v1/menkyo_cre/img/menkyo_cre_ic06.png") #E6E6E6 no-repeat right 19px top 50% / 20px;
	color: #222222;
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: none !important;
	cursor: pointer;
}
.formSubmit #clearBtn input:hover {
	opacity: 1;
}

/*----- input -----*/
/* inputHdg */
.inputHdg {
	clear: both;
	margin: 20px -10px 10px;
	padding: 10px 10px;
	background: #f2f2f2;
	border-top: 1px solid #ababab;
}
.inputHdg.spNormal {
	margin: 20px 0 10px;
	padding: 0;
	background: none;
	border-top: none;
}
.inputHdg.boxHead {
	background: none;
	margin: 40px 0 0;
	padding: 0;
	border-top: none;
}
.inputHdg.with-link {
	display: block;
}
.inputLayout.type-table > .colLabel > .inputHdg {
	margin-bottom: 0;
}
.inputHdg > .hdg {
	display: inline;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.25;
}
.inputHdg.with-link > .hdg {
	display: block;
	float: left;
	max-width: 60%;
	margin-top: 10px;
	vertical-align: middle;
}
.inputHdg > .hdg > .small {
	font-size: 75%;
}
.inputHdg.with-link > .hdg + .btn {
	display: block;
	float: right;
	padding: 0 0 0 15px;
	vertical-align: middle;
	white-space: nowrap;
}
.inputHdg.with-link > .hdg + .btn > *:first-child {
	margin-top: 0 !important;
}
.inputHdg > .hdg02 {
	padding: 0 0 0 9px;
	border-left: 5px solid #a5001e;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.25;
}
.inputHdg > .hdg02 > .small {
	font-size: 87.5%;
	font-weight: normal;
}

/* inputDesc */
.inputDesc {
	clear: both;
	margin: 1em 0 0.75em;
	text-align: left;
}
.inputHdg + .inputDesc {
	margin-top: 15px;
}
.inputDesc > .desc {
	margin: 1em 0 0 0;
	text-align: left;
}
.inputDesc > .desc.type-strong {
	color: #a5001e;
	font-size: 1.4rem;
	font-weight: bold;
}
.inputDesc > .note {
	margin: 1em 0 0 0;
	padding: 0 0 0 1em;
	line-height: 1.25;
	text-align: left;
	text-indent: -1em;
}
.inputDesc > .note2 {
	position: relative;
}
.inputDesc > .note2.type1 { padding-left: 2em; }
.inputDesc > .note2 > .ast {
	position: absolute;
	left: 0;
	top: 0;
}
.inputDesc > *:first-child {
	margin-top: 0 !important;
}

/* inputValue */
.inputValue {
	clear: both;
	margin: 1em 0 0.5em;
	color: #222222;
	font-size: 1.6rem;
	text-align: left;
}
.inputValue > .small {
	font-size: 70%;
}
.inputValue#address_kanji1,
.inputValue#address_kana1,
.inputValue#homecoming_address_kanji1,
.inputValue#homecoming_address_kana1,
.inputValue#credit_receipt_shop {
	line-height: 1.25;
}
.inputValue#mail_career_domain {
	font-weight: bold;
}

/* inputCounter */
.inputCounter {
	margin: 1em 0 0.25em;
	text-align: left;
}
.inputCounter > .counter {
	padding: 0;
	font-size: 1.2rem;
}
.inputCounter > .counter > .number {
	margin: 0 0.25em;
	color: #a5001e;
	font-size: 120%;
	font-weight: bold;
}
.inputCounter > .counter > .number.safety {
	color: #333333;
}

/* inputAlert */
.inputAlert {
	clear: both;
	margin: 30px 0 0.75em;
	text-align: left;
}
.inputAlert > .alert {
	color: #a5001e;
	font-size: 1.5rem;
	font-weight: bold;
}

/* inputLayout */
.inputLayout {
	clear: both;
	margin: 20px 0 0 0;
}
.inputHdg + .inputLayout {
	margin-top: 10px!important;
}
.inputDesc + .inputLayout {
	margin-top: 15px;
}
.inputDesc[style="display: block;"] + .inputDesc[style=""]  + .inputLayout,
.inputDesc[style="display: block;"] + .inputDesc[style="display: none;"]  + .inputLayout,
.inputDesc[style=""] + .inputDesc[style="display: block;"]  + .inputLayout,
.inputDesc[style="display: none;"] + .inputDesc[style="display: block;"]  + .inputLayout {
	margin-top: 15px;
}
.inputLayout > .col {
	float: left;
	margin: 0;
}
.inputLayout > .col:only-of-type > * {
	margin: 0 auto;
}
.inputLayout > .col + .col {
	margin-top: 3.6%;
}
.inputLayout.count1 > .col {
	float: none;
	margin-left: 0;
	text-align: center;
}
.inputLayout.count1 > .col { width: 100%; }
.inputLayout.count2 > .col { width: 100%; }
.inputLayout.count3 > .col { width: 100%; margin-left: 0}
.inputLayout.count4 > .col { width: 100%; }
.inputLayout.count4 > .col.double { width: 100%; }
.inputLayout.telNumCol > .col { width: 30% !important; }
.inputLayout.telNumCol > .col + .col { margin-top: 0;}
.inputLayout.telNumCol > .col { margin-right: 5%;}
.inputLayout.telNumCol > .col:nth-child(3) { margin-right: 0;}
.inputLayout.telNumCol > .col:nth-child(4) { width: 100% !important; margin-top: 12px;}
.inputLayout.sp2Col > .col { width: 48.2% !important; }
.inputLayout.sp2Col > .col + .col { margin-top: 0;}
.inputLayout.sp2Col > .col:nth-child(odd) { margin-right: 3.6%;}
.inputLayout.sp2Col > .col:nth-child(n+3) { margin-top: 3.6%;}
.inputLayout.lq2 > .col { width: 48.2%; margin-left: 3.6%; }
.inputLayout.lq4 > .col { width: 22.3%; margin-left: 3.6%; }
.inputLayout > .sizeL[class*="col"]  { width: 434px; }
.inputLayout > .sizeM[class*="col"]  { width: 280px; }
.inputLayout > .sizeS[class*="col"]  { width: 201px; }
.inputLayout.count1 > .col:nth-child(n+2),
.inputLayout.count2 > .col:nth-child(n+3),
.inputLayout.count3 > .col:nth-child(n+4),
.inputLayout.count4 > .col:nth-child(n+5) {
	margin-top: 12px !important;
}
.inputLayout.lq2 > .col:nth-child(n+3),
.inputLayout.lq4 > .col:nth-child(n+5) {
	margin-top: 15px !important;
}
.inputLayout.count2 > .col:nth-child(2n+1),
.inputLayout.count3 > .col:nth-child(3n+1),
.inputLayout.count4 > .col:nth-child(4n+1),
.inputLayout.lq2 > .col:nth-child(2n+1),
.inputLayout.lq4 > .col:nth-child(4n+1) {
	clear: left !important;
	margin-left: 0 !important;
}
.inputLayout.sp2Col > .col:nth-child(n+1) {
	clear: none !important;
}
.inputLayout > .colLeft {
	float: left;
	margin: 0 32px 5px 0;
}
.inputLayout > .colRight {
	float: left;
	margin: 0 0 5px 32px;
}
.inputLayout > .colDetail {
	overflow: hidden;
}
.inputLayout > [class*="col"] > *:first-child {
	clear: none;
	margin-top: 0 !important;
}
.inputLayout.count1 > .col > .sizeFix {
	margin-right: auto;
	margin-left: auto;	
}
.inputLayout.type-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.inputLayout.type-table.wAuto {
	table-layout: auto;
	width: auto;
}
.inputLayout.type-table > [class*="col"] {
	float: none;
	display: table-cell;
	padding: 0 0 0 3.6%;
	vertical-align: middle;
}
.inputLayout.type-table > [class*="col"]:nth-child(1) {
	margin-left: 0;
	padding-left: 0;
}
.inputLayout.type-table > .colLabel {
	padding: 0 3.6% 0 0;
}
.inputLayout.type-table > .colInput {
	width: 99%;
}
.inputLayout.type-row {
	margin: 0 -32px -15px 0;
	overflow: hidden;
}
.inputLayout.type-row > .col {
	margin: 0 32px 15px 0;
}
.inputLayout.type-row > .col:first-child {
	margin-left: 0;
}

/* textbox */
.inputWrap {
	position: relative;
}
.inputWrap.type02 {
	margin-top: 20px;
}
.inputWrap > .field {
	position: relative;
}
.inputWrap > .field > label {
	margin-bottom: 7px;
	font-size: 1.4rem;
}
.inputWrap > .field > label .required {
	display: inline-block;
	width: fit-content;
	margin-left: 6px;
	padding: 4px 13px 3px;
	background-color: #dc322c;
	font-size: 1.4rem;
	color: #fff;
	line-height: 1;
}
.inputWrap > .field > textarea,
.inputWrap > .field > input[type="text"],
.inputWrap > .field > input[type="email"],
.inputWrap > .field > input[type="password"],
.inputWrap > .field > input[type="tel"] {
	width: 100%;
	height: 50px;
	padding: 10px 30px 10px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #bfbfbf;
	border-radius: 5px;
	background-color: #fff;
	color: #444444;
	font-size: 1.6rem;
	line-height: 1.25;
	-webkit-appearance: none;
}
.inputWrap > .field > input::-webkit-input-placeholder { color: #aaaaaa; }
.inputWrap > .field > input:-ms-input-placeholder { color: #aaaaaa; }
aaaaaa.inputWrap[data-validate="optional"] > .field > input[type="text"],
aaaaaa.inputWrap[data-validate="optional"] > .field > input[type="email"],
.inputWrap[data-validate="optional"] > .field > input[type="password"],
.inputWrap[data-validate="optional"] > .field > input[type="tel"] {
	padding-right: 5px;
	padding-left: 5px;
	background-color: #fff;
}
.inputWrap.focused > .field > textarea,
.inputWrap.focused > .field > input[type="text"],
.inputWrap.focused > .field > input[type="email"],
.inputWrap.focused > .field > input[type="password"],
.inputWrap.focused > .field > input[type="tel"] {
	background-color: #fff;
}
.inputWrap.disabled > .field > textarea,
.inputWrap.disabled > .field > input[type="text"],
.inputWrap.disabled > .field > input[type="email"],
.inputWrap.disabled > .field > input[type="password"],
.inputWrap.disabled > .field > input[type="tel"] {
	background-color: #ccc !important;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	zoom: 1;
}
.inputWrap.focused > .field > input::-webkit-input-placeholder { color: transparent !important; }
.inputWrap.focused > .field > input:-ms-input-placeholder { color: transparent !important; }
.inputWrap.focused > .field > input::-moz-placeholder { color: transparent !important; }
.inputWrap > .field.with-help > textarea,
.inputWrap > .field.with-help > input[type="text"],
.inputWrap > .field.with-help > input[type="email"],
.inputWrap > .field.with-help > input[type="number"],
.inputWrap > .field.with-help > input[type="tel"],
.inputWrap > .field.with-help > input[type="password"] {
	padding-right: 55px !important;
}
.inputWrap.open-error > .field > textarea,
.inputWrap.open-error > .field > input[type="text"],
.inputWrap.open-error > .field > input[type="email"],
.inputWrap.open-error > .field > input[type="number"],
.inputWrap.open-error > .field > input[type="tel"],
.inputWrap.open-error > .field > input[type="password"] {
	border-width: 1px;
	border-color: #dc322c;
}
.inputWrap.noError.open-error[data-validate="required"] > .field > textarea,
.inputWrap.noError.open-error[data-validate="required"] > .field > input[type="text"],
.inputWrap.noError.open-error[data-validate="required"] > .field > input[type="email"],
.inputWrap.noError.open-error[data-validate="required"] > .field > input[type="password"],
.inputWrap.noError.open-error[data-validate="required"] > .field > input[type="tel"] {
	border-radius: 5px;
}
.inputWrap.inputted > .field > textarea,
.inputWrap.inputted > .field > input[type="text"],
.inputWrap.inputted > .field > input[type="email"],
.inputWrap.inputted > .field > input[type="number"],
.inputWrap.inputted > .field > input[type="tel"],
.inputWrap.inputted > .field > input[type="password"] {
	border-color: #bfbfbf;
	background-color: #fff;
}
.inputWrap.item-error > .field > textarea,
.inputWrap.item-error > .field > input[type="text"],
.inputWrap.item-error > .field > input[type="email"],
.inputWrap.item-error > .field > input[type="number"],
.inputWrap.item-error > .field > input[type="tel"],
.inputWrap.item-error > .field > input[type="password"] {
	padding: 6px 12px 4px;
	border-width: 1px;
	border-color: #dc322c;
}
body:not(.android4_0) .inputWrap.item-error.focused > .field > textarea,
body:not(.android4_0) .inputWrap.item-error.focused > .field > input[type="text"],
body:not(.android4_0) .inputWrap.item-error.focused > .field > input[type="email"],
body:not(.android4_0) .inputWrap.item-error.focused > .field > input[type="number"],
body:not(.android4_0) .inputWrap.item-error.focused > .field > input[type="tel"],
body:not(.android4_0) .inputWrap.item-error.focused > .field > input[type="password"] {
	padding: 7px 14px 5px;
	border-width: 1px;
}
.inputWrap.item-error.focused > .field > textarea,
.inputWrap.item-error.focused > .field > input[type="text"],
.inputWrap.item-error.focused > .field > input[type="email"],
.inputWrap.item-error.focused > .field > input[type="password"],
.inputWrap.item-error.focused > .field > input[type="tel"] {
	border-width: 1px;
}
.inputWrap.item-error.open-error > .field > textarea,
.inputWrap.item-error.open-error > .field > input[type="text"],
.inputWrap.item-error.open-error > .field > input[type="number"],
.inputWrap.item-error.open-error > .field > input[type="tel"],
.inputWrap.item-error.open-error > .field > input[type="password"] {
	border-width: 2px;
}
.inputWrap.open-help > .field > textarea,
.inputWrap.open-help > .field > input[type="text"],
.inputWrap.open-help > .field > input[type="email"],
.inputWrap.open-help > .field > input[type="password"],
.inputWrap.open-help > .field > input[type="tel"],
.inputWrap.open-error[data-validate="required"] > .field > textarea,
.inputWrap.open-error[data-validate="required"] > .field > input[type="text"],
.inputWrap.open-error[data-validate="required"] > .field > input[type="email"],
.inputWrap.open-error[data-validate="required"] > .field > input[type="password"],
.inputWrap.open-error[data-validate="required"] > .field > input[type="tel"] {
	border-radius: 5px 5px 0 0;
}
.inputWrap.inputted > .field > .readonlyBox {
	width: 100%;
	height: 50px;
	padding: 15px 14px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	    -ms-border-radius: 9px;
	     -o-border-radius: 9px;
	        border-radius: 9px;
	background-color: #fff;
	color: #444444;
	font-size: 1.6rem;
	line-height: 1.25;
	text-align: left;
}
.inputWrap > .field > .tail {
	font-size: 1.4rem;
}
.inputWrap.focused > .field > .tail,
.inputWrap.inputted > .field > .tail {
	display: block;
	position: absolute;
	right: 16px;
	bottom: 5px;
}
.inputWrap.focused > .field.with-help > .tail,
.inputWrap.inputted > .field.with-help > .tail {
	right: 55px;
}
.inputWrap > .field > .btn {
	position: absolute;
	right: 1px;
	top: 1px;
	border-left: 1px solid #ababab;
}
.inputWrap.open-error[data-validate="required"] > .field > .btn {
	right: 2px;
	top: 2px;
}
.inputWrap.item-error > .field > .btn {
	right: 2px;
	top: 2px;
}
.inputWrap.item-error.focused > .field > .btn {
	right: 2px;
	top: 2px;
}
.inputWrap.item-error.open-error > .field > .btn {
	right: 2px;
	top: 2px;
}
.inputWrap > .field > .btn > span {
	position: relative;
	display: block;
	width: 41px;
	height: 48px;
	-webkit-border-radius: 0 10px 10px 0;
	   -moz-border-radius: 0 10px 10px 0;
	    -ms-border-radius: 0 10px 10px 0;
	     -o-border-radius: 0 10px 10px 0;
	        border-radius: 0 10px 10px 0;
	background-color: #f2f2f2;
	background-image: url(/memberservice/pc/smp/v1/cardapply/img/form_ic05@2x.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 13px 22px;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
}
.inputWrap.open-help > .field > .btn > span {
	-webkit-border-radius: 0 9px 0 0;
	   -moz-border-radius: 0 9px 0 0;
	    -ms-border-radius: 0 9px 0 0;
	     -o-border-radius: 0 9px 0 0;
	        border-radius: 0 9px 0 0;
	background-image: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic06@2x.png);
	background-size: auto 17px;
}
.inputWrap.open-error[data-validate="required"] > .field > .btn > span {
	width: 40px;
	height: 47px;
	border-radius: 0 9px 0 0;
}
.inputWrap.item-error > .field > .btn > span {
	width: 40px;
	height: 46px;
}
.inputWrap.item-error.focused > .field > .btn > span {
	width: 41px;
	height: 48px;
}
.inputWrap.item-error.open-error > .field > .btn > span {
	width: 40px;
	height: 47px;
}
.inputWrap.open-help > .field > .btn > span:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px !important;
	z-index: 40;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #f2f2f2 !important;
}
.inputWrap.open-error[data-validate="required"] > .field > .btn > span:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ababab;
}
.inputWrap.focused > .field > .fake-btn  {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	display: block;
	width: 41px;
	height: 48px;
	background-color: transparent;
	cursor: pointer;
}
.inputWrap > .help {
	position: relative;
	top: -1px;
	left: inherit;
	display: none;
	width: 100%;
	padding: 6px 9px;
	border-width: 1px;
	border-style: solid;
	border-color: #ababab;
	-webkit-border-radius: 0 0 9px 9px;
	   -moz-border-radius: 0 0 9px 9px;
	    -ms-border-radius: 0 0 9px 9px;
	     -o-border-radius: 0 0 9px 9px;
	        border-radius: 0 0 9px 9px;
	background-color: #f2f2f2;
	text-align: left;
}
.inputWrap.focused > .help {
	border-color: #4aadc9;
	border-top-color: #ababab;
}
.inputWrap.open-help.open-error > .help {
	border-right: 2px solid #a5001e;
	border-left: 2px solid #a5001e;
	border-radius: 0;
}
.inputWrap > .error {
	position: relative;
	display: none;
	width: 100%;
	padding: 6px 9px;
	border-width: 1px;
	border-style: solid;
	border-color: #dc322c;
	border-top: none;
	border-radius: 0 0 5px 5px;
	background-color: #fbeae9;
	font-size: 1.3rem;
	color: #dc322c;
	text-align: center;
}
.inputWrap.open-error[data-validate="required"] > .error {
	display: block;
}

/* selectbox */
.selectWrap {
	position: relative;
	margin-top: 10px;
	text-align: left;
}
.selectWrap.type02 {
	margin-top: 20px;
}
.selectWrap > .field {
	position: relative;
}
.selectWrap.open-help > .field:after {
	content: "";
	position: absolute;
	right: 1px;
	bottom: 0 !important;
	z-index: 40;
	display: block;
	width: 41px;
	height: 1px;
	background-color: #f2f2f2 !important;
}
.selectWrap > .field > label {
	display: block;
	width: fit-content;
	margin-bottom: 7px;
	font-size: 1.4rem;
	color: #008191;
}
.selectWrap > .field > label .required {
	display: inline-block;
	width: fit-content;
	margin-left: 6px;
	padding: 4px 13px 3px;
	background-color: #dc322c;
	font-size: 1.4rem;
	color: #fff;
	line-height: 1;
}
.selectWrap > .field > select {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 50px;
	padding: 0;
	font-size: 1.6rem;
	opacity: 0;
	-webkit-appearance: none;
}
.selectWrap > .field > .choice {
	display: block;
	position: relative;
	width: 100%;
	height: 50px;
	padding: 15px 30px 15px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #bfbfbf;
	border-radius: 5px;
	background-color: #fff;
	color: #aaa;
	font-size: 1.6rem;
	line-height: 1.25;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.selectWrap[data-validate="optional"] > .field > .choice {
	background-color: #fff;
}
.selectWrap > .field.with-help > .choice {
	padding-right: 70px;
}
.selectWrap.visited > .field > .choice {
	color: #444444;
}
.selectWrap.focused > .field > .choice {
	border-color: #4aadc9;
	background-color: #fff;
}
.selectWrap.selected > .field > .choice {
	border-color: #222222;
	background-color: #fff;
	color: #444444;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.ie8 .selectWrap.selected > .field > .choice,
.ie9 .selectWrap.selected > .field > .choice {
	white-space: nowrap;
	word-break: loose;
	word-wrap: normal;
	border-radius: 5px 5px 0 0;
}
.selectWrap.open-help > .field > .choice,
.selectWrap.open-error > .field > .choice {
	border-radius: 5px 5px 0 0;
}
.selectWrap.open-error > .field > .choice {
	border-width: 1px;
	border-color: #dc322c;
}
.selectWrap.item-error > .field > .choice {
	border-width: 1px;
	border-color: #dc322c;
}
.selectWrap.item-error.focused > .field > .choice {
	border-width: 1px;
}
.selectWrap.item-error.open-error > .field > .choice {
	border-width: 1px;
}
.selectWrap > .field > .choice:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 12px;
	height: 10px;
	margin-top: -5px;
	background: url("/memberservice/pc/rsp/v1/menkyo_cre/img/menkyo_cre_ic02.png") no-repeat 0 0 / contain;
}
.selectWrap > .field.with-help > .choice:after {
	right: 55px;
}
.selectWrap > .field > .btn {
	position: absolute;
	right: 1px;
	top: 1px;
	z-index: 10;
	border-left: 1px solid #ababab;
}
.selectWrap.open-error > .field > .btn {
	right: 2px;
	top: 2px;
}
.selectWrap.item-error > .field > .btn {
	right: 2px;
	top: 2px;
}
.selectWrap.item-error.focused > .field > .btn {
	right: 1px;
	top: 1px;
}
.selectWrap.item-error.open-error > .field > .btn {
	right: 2px;
	top: 2px;
}
.selectWrap > .field > .btn > span {
	position: relative;
	display: block;
	width: 41px;
	height: 48px;
	-webkit-border-radius: 0 10px 10px 0;
	   -moz-border-radius: 0 10px 10px 0;
	    -ms-border-radius: 0 10px 10px 0;
	     -o-border-radius: 0 10px 10px 0;
	        border-radius: 0 10px 10px 0;
	background-color: #f2f2f2;
	background-image: url(/memberservice/pc/smp/v1/cardapply/img/form_ic05@2x.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 13px 22px;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
}
.selectWrap.open-help > .field > .btn > span {
	-webkit-border-radius: 0 9px 0 0;
	   -moz-border-radius: 0 9px 0 0;
	    -ms-border-radius: 0 9px 0 0;
	     -o-border-radius: 0 9px 0 0;
	        border-radius: 0 9px 0 0;
	background-image: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic06.png);
}
.selectWrap.open-error > .field > .btn > span {
	width: 40px;
	height: 47px;
}
.selectWrap.item-error > .field.with-help > .btn > span {
	width: 40px;
	height: 46px;
}
.selectWrap.item-error.focused > .field.with-help > .btn > span {
	width: 41px;
	height: 48px;
}
.selectWrap.item-error.open-error > .field.with-help > .btn > span {
	width: 40px;
	height: 47px;
}
.selectWrap > .help {
	position: relative;
	top: -1px;
	left: inherit;
	display: none;
	width: 100%;
	padding: 6px 9px;
	border-width: 1px;
	border-style: solid;
	border-color: #ababab;
	-webkit-border-radius: 0 0 9px 9px;
	   -moz-border-radius: 0 0 9px 9px;
	    -ms-border-radius: 0 0 9px 9px;
	     -o-border-radius: 0 0 9px 9px;
	        border-radius: 0 0 9px 9px;
	background-color: #f2f2f2;
	text-align: left;
}
.selectWrap.focused > .help {
	border-color: #4aadc9;
	border-top-color: #ababab;
}
.selectWrap > .error {
	position: relative;
	display: none;
	width: 100%;
	padding: 6px 9px;
	border-width: 1px;
	border-style: solid;
	border-color: #dc322c;
	border-top: none;
	border-radius: 0 0 5px 5px;
	background-color: #fbeae9;
	font-size: 1.3rem;
	color: #dc322c;
	text-align: center;
}
.selectWrap.open-error > .error {
	display: block;
}

.selectWrap.with-label > .field > .choice {
	border-color: #ababab !important;
	background-color: #ffe5e5 !important;
	color: #444444 !important;
	word-wrap: normal;
}
.selectWrap.with-label.focused > .field > .choice {
	border-color: #4aadc9 !important;
	background-color: #fff !important;
}
.selectWrap.with-label.override > .field > .choice {
	border-color: #222222 !important;
	background-color: #fff !important;
	color: #444444 !important;
}
.selectWrap.with-label.item-error > .field > .choice {
	padding: 23px 27px 4px 13px !important;
	border-width: 2px !important;
	border-color: #a5001e !important;
}
.selectWrap.with-label.item-error.focused > .field > .choice {
	padding: 24px 28px 5px 14px !important;
	border-width: 1px !important;
}
.specialselectWrap {
	display: flex;
	flex-flow: wrap;
	gap: 20px;
	margin-top: 10px;
}
.specialselectWrap > * {
	margin-top: 0 !important;
}
.specialselectWrap .selectWrap {
	width: calc(100% / 2 - 20px / 2);
}
.specialselectWrap .selectWrap:first-child {
	width: 100%;
}
/* checkbox */
.checkboxWrap {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.checkboxWrap > label {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	min-width: auto;
	padding: 19px 35px 16px;
	border-radius: 5px;
	border-top: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	border-bottom: 4px solid #bfbfbf;
	background-color: #fff;
	text-align: center;
	font-size: 1.4rem;
	cursor: pointer;
}
.checkboxWrap > label:not(.checked):hover {
	border-top: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	border-bottom: 4px solid #bfbfbf;
}
.checkboxWrap > label::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 12px;
	width: 15px;
	height: 15px;
	margin-top: -7.5px;
	background: url("/memberservice/pc/rsp/v1/menkyo_cre/img/menkyo_cre_ic03.png") no-repeat 0 0 / contain;
}
.checkboxWrap > label.checked {
	border-top: 4px solid #83abaf;
	border-left: 1px solid #a8d1d6;
	border-right: 1px solid #a8d1d6;
	border-bottom: 1px solid #a8d1d6;
	background-color: #a8d1d6
}
.checkboxWrap.item-error > label,
.checkboxWrap.item-error > label:hover {
	border-color: #dc322c;
}
.checkboxWrap > label.checked::before {
	background: url("/memberservice/pc/rsp/v1/menkyo_cre/img/menkyo_cre_ic04.png") no-repeat 0 0 / contain;
}
.checkboxWrap > label > input {
	opacity: 0;
	width: 0;
	height: 0;
}
.cBox {
	display: inline-block;
	padding: 0 0 0 30px;
	background-image: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_input_im03.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	cursor: pointer;
}
.agreeBox > .cBox {
	position: relative;
	width: 100%;
	padding: 21px 15% 19px 17%;
	border-bottom: 3px solid #d7b0b0;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	    -ms-border-radius: 9px;
	     -o-border-radius: 9px;
	        border-radius: 9px;
	background-color: #ffe5e5;
	background-position: 10% 50%;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.agreeBox > .cBox:not(.checked):hover {
	margin-top: 2px !important;
	border-bottom-width: 1px;
}
.cBox.checked {
	background-color: #fff5bb;
	background-image: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_input_im03on.png);
}
.agreeBox > .cBox.checked {
	padding-top: 20px;
	border: 2px solid #b7b3ab;
}
.checkbox-mail-address .deleteBox > .cBox {
	position: relative;
	width: auto;
	padding: 0;
	border-bottom: none;
	-webkit-border-radius: none;
	   -moz-border-radius: none;
	    -ms-border-radius: none;
	     -o-border-radius: none;
	        border-radius: none;
	background-color: none;
	background: none;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: left;
}
.checkbox-mail-address .deleteBox > .cBox:not(.checked):hover {
	margin-top: 0 !important;
	border-bottom-width: none;
}
.checkbox-mail-address .deleteBox > .cBox {
	display: inline-block;
	padding: 1px 0 0 30px;
	background: url(/memberservice/pc/v1/common-files/img/com_check_ic01.png) no-repeat 5px 1px;
	cursor: pointer;
}
.checkbox-mail-address .deleteBox > .cBox.checked {
	padding: 1px 0 0 30px;
	background: url(/memberservice/pc/v1/common-files/img/com_check_ic01on.png) no-repeat 5px 1px;
	border: none;
}

.cBox > input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	zoom: 1;
}

.cBox.item-error:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #a5001e;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	    -ms-border-radius: 9px;
	     -o-border-radius: 9px;
	        border-radius: 9px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	background: transparent;
}

/* radiobutton */
.radioWrap {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.radioWrap > label {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	min-width: auto;
	padding: 19px 35px 16px;
	border-radius: 5px;
	border-top: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	border-bottom: 4px solid #bfbfbf;
	background: url("/memberservice/pc/rsp/v1/menkyo_cre/img/form_input_im01.png") no-repeat 10px 50% / 15px;
	background-color: #fff;
	text-align: center;
	font-size: 1.4rem;
	cursor: pointer;
}
.radioWrap > label:not(.checked):hover {
	border-top: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	border-bottom: 4px solid #bfbfbf;
}
.radioWrap > label.checked {
	border-top: 4px solid #83abaf;
	border-left: 1px solid #a8d1d6;
	border-right: 1px solid #a8d1d6;
	border-bottom: 1px solid #a8d1d6;
	background: url("/memberservice/pc/rsp/v1/menkyo_cre/img/form_input_im01on.png") no-repeat 10px 50% / 15px;
	background-color: #a8d1d6
}
.radioWrap > label > input {
	opacity: 0;
	width: 0;
	height: 0;
}
/* cashingWrap */
.cashingWrap {
	padding: 12px 15px;
	border: 2px solid #000;
	background-color: #fff;
	text-align: left;
}
.cashingWrap > *:first-child {
	margin-top: 0 !important;
}
.cashingWrap > .alert {
	margin: 1em 0 0.75em;
	color: #a5001e;
	font-size: 1.3rem;
	font-weight: bold;
}
.cashingWrap > .selectWrap {
	width: auto;
	margin-top: 1em;
}

/* mailWrap */
.mailWrap {
}
.mailWrap > [class*="mail"] > *:first-child {
	margin-top: 0 !important;
}
.mailWrap > .mailInput {
	float: left;
	width: 100%;
	text-align: left;
}
.mailWrap > .mailDomain {
	float: right;
	width: 278px;
	padding: 15px 0 0 0;
	text-align: left;
}

/* modifyWrap */
.modifyWrap {
	display: block;
}
.modifyWrap > .txt {
	display: block;
	vertical-align: middle;
}
.modifyWrap > .txt > *:first-child {
	margin-top: 0 !important;
}
.modifyWrap > .txt > .inputValue {
	margin-bottom: 0;
}
.modifyWrap > .btn {
	display: inline-block;
	margin-top: 1em;
	padding-left: 0;
	vertical-align: middle;
	white-space: nowrap;
}
.modifyWrap > .btn > *:first-child {
	margin-top: 0 !important;
}

/* agreeBox */
.agreeBox {
	clear: both;
	margin: 30px 0 0 0;
}
.checkbox-mail-address .deleteBox {
	clear: both;
	margin: 30px 0 0 0;
}
/* tooltipWrap */
.tooltipWrap {
	position: relative;
}
.tooltipWrap > .note {
	position: static;
	display: inline-block;
	margin: 2px 0 0 6px;
	vertical-align: top;
}
.tooltipWrap > .note > .tipover {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(/memberservice/pc/smp/v1/cardapply/img/form_ic01@2x.png) no-repeat 0 0;
	background-size: 14px 14px;
}
.tooltipWrap > .note > .tipover.active:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 16px;
	z-index: 100;
	display: inline-block;
	width: 10px;
	height: 15px;
	margin: -7px 0 0 -5px;
	background: url(/memberservice/pc/smp/v1/cardapply/img/form_ex01@2x.png) no-repeat 0 0;
	background-size: auto 15px;
}
.tooltipWrap > .note > .tip {
	position: absolute;
	left: 0;
	bottom: 34px;
	top: inherit;
	z-index: 50;
	display: none;
	width: 100%;
	padding: 0 10px;
}
.tooltipWrap > .note > .tip > .cnt {
	position: relative;
	width: 100%;
	padding: 12px;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	    -ms-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.24);
	   -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.24);
	    -ms-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.24);
	     -o-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.24);
	        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.24);
}
.tooltipWrap > .note > .tip.type-long > .cnt {
	width: 100% !important;
}
.tooltipWrap > .note > .tip > .cnt > *:first-child {
	margin-top: 0 !important;
}
.tooltipWrap > .note > .tip > .cnt:before {
	display: none;
}
/*
.tooltipWrap > .note > .tip > .cnt:after {
	content: "";
	position: absolute;
	left: -40px;
	top: 50%;
	display: inline-block;
	width: 0;
	height: 0;
	margin: -8px 0 0 0;
	border-width: 8px 20px;
	border-style: solid;
	border-color: transparent #fff transparent transparent;
}
*/
.tooltipWrap > .note > .tip > .cnt > *:first-child {
	margin-top: 0 !important;
}

/* agreeColumn */
.agreeColumn {
	clear: both;
	margin: 20px 0 0 0;
}
.agreeColumn > .colDesign {
	float: left;
	width: 270px;
}
.agreeColumn > .colAgree {
	float: right;
	width: 600px;
}
.agreeColumn > [class*="col"] > *:first-child {
	margin-top: 0 !important;
}
.agreeColumn > .colDesign .leadBox {
	position: relative;
	margin: 25px 0;
	padding: 15px 18px;
	border: 2px solid #bbbbbb;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	    -ms-border-radius: 10px;
	     -o-border-radius: 10px;
	        border-radius: 10px;
	background-color: #fff;
}
.agreeColumn > .colDesign .leadBox:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -16px;
	z-index: 2;
	display: inline-block;
	width: 38px;
	height: 16px;
	margin: 0 0 0 -19px;
	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ex02.png) no-repeat 50% 100%;
}
.agreeColumn > .colDesign .leadBox > .lead {
	color: #000;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.agreeColumn > .colDesign .leadBox > .lead > strong {
	color: #a5001e;
	font-size: 130%;
	font-weight: bold;
}
.agreeColumn > .colDesign .leadBox > .lead > .marking {
	padding: 0 2px;
	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ex03.png) repeat-x 0 50%;
}
/* agreeTxt */
.agreeTxt {
	margin: 0 0 1.5em 0;
	letter-spacing: normal;
	text-align: left;
}

/* policyWrap */
.policyWrap {
	font-size: 12px;
	font-size: 1.2rem;
}
.policyWrap > *:first-child {
	margin-top: 0 !important;
}
.policyWrap > .hdg {
	margin: 1em 0 0.25em;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	text-indent: -0.5em;
}
.policyWrap > .hdg + * {
	margin-top: 0;
}
.policyWrap .policyFrame {
	width: 100%;
	height: 160px;
	margin: 10px 0 0 0;
	padding: 15px;
	border: 1px solid #bbbbbb;
	background-color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	overflow-y: scroll;
}
.policyWrap .policyFrame > #rule_top .ancLink > li {
	float: left;
	margin: 0 15px 5px 0;
}

/*----- error -----*/
.formError {
	clear: both;
	margin: 30px 0;
	padding: 15px;
	border: 2px solid #a5001e;
	background-color: #fff;
}
.formError > *:first-child {
	margin-top: 0 !important;
}
.formError > .errorList {
	margin: 1em 0 0 0;
}
.formError > .errorList > li {
	padding: 0 0 0 30px;
	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic08.png) no-repeat 0 0;
	color: #a5001e;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.formError > .errorList > li + li {
	margin-top: 0.5em;
}
/*yellow-formError
--------------------------------*/
.yellow-formError {
	clear: both;
	margin: 25px 0 15px;
	padding: 15px;
	border: 2px solid #dc322c;
	background-color: #fff;
}
.yellow-formError > *:first-child {
	margin-top: 0 !important;
}
.yellow-formError > .errorList {
	margin: 1em 0 0 0;
}
.yellow-formError > .errorList > li {
	padding: 0 0 0 30px;
	background: url("/memberservice/pc/rsp/v1/menkyo_cre/img/menkyo_cre_ic05.png") no-repeat 0 0;
	background-size: 24px auto;
	color: #dc322c;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.yellow-formError > .errorList > li + li {
	margin-top: 0.5em;
}
/*----- confirm -----*/
.confirmList {
	clear: both;
	margin: 1em 0 0 0;
}
.confirmList > li {
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}
.confirmList > li > *:first-child {
	margin-top: 0 !important;
}
/* itemWrap */
.itemWrap {
	clear: both;
	display: block;
	width: 100%;
	table-layout: fixed;
	margin: 10px 0 0 0;
}
.itemWrap > .itemLabel {
	display: block;
	width: 100%;
	padding: 0;
	vertical-align: top;
}
.itemWrap > .itemLabel > .label {
	margin: 0.5em 0 0 0;
	padding: 1px 0 0 0;
	color: #444444;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
.itemWrap > .itemCnt {
	display: block;
	vertical-align: top;
}
.itemWrap > .itemCnt > .inputted {
	margin: 0.5em 0 0 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.25;
}
.itemWrap > .itemCnt > .inputted > .cardImg {
	width: 80px;
	height: auto;
	margin: 0 15px 0 0;
	vertical-align: middle;
}
.itemWrap > .itemCnt > .inputted > .btn {
	display: inline-block;
	margin: 0 0 0 30px;
	vertical-align: middle;
}
.itemWrap > .itemCnt > .inputted > .btn.correctItemBtn > input {
	position: relative;
	display: block;
	width: 100%;
	height: 33px;
	padding: 5px 23px 4px 35px;
	border: none;
	border-bottom: 3px solid #a5a5a5;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	    -ms-border-radius: 9px;
	     -o-border-radius: 9px;
	        border-radius: 9px;
	background-color: #e6e6e6;
	background-image: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic04.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	color: #222222;
	font-weight: bold;
	text-decoration: none !important;
	cursor: pointer;
}
.itemWrap > .itemCnt > .inputted > .btn.correctItemBtn > input:hover {
	margin-top: 2px;
	height: 31px;
	background-color: #ebebeb;
	border-bottom: 1px solid #b7b7b7;
}
.itemWrap > .itemCnt > .info {
	margin: 10px 0;
}
.itemWrap > .itemCnt > .note {
	margin: 5px 0 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
.itemWrap > [class^="item"] > *:first-child {
	margin-top: 0 !important;
}
.w-mach.btn.prevScreen.typeAuto.btnLink02 > a{
	width: 100%;
	min-width: auto;
}

/* Component
------------------------------------------------------ */


/* ADD
------------------------------------------------------ */
/* 
	HEADING 
======================= */
.heading01{
	margin: 30px 0 20px;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.1em;
}
.heading02 {
	margin: 30px -10px 15px;
	padding: 10px 9px 10px 10px;
	color: #443c2d;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.1em;
	background-color: #f2f2f2;
	border-top: 1px solid #ababab;
}
.heading02.type_Red {
	color: #222222;
	background-color: #ffe5e5;
	border-top: 1px solid #ababab;
}
/* 
	TEXT 
======================= */
.txAgree01 {
	margin-top: 10px;
	color: #a5001e;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: left;
}

/* 
	LIST 
======================= */
.normalList01 {
	margin-top: 1em;
}
.normalList01 > li + li {
	margin-top: 5px;
}
.normalList01.type02 > li + li {
	margin-top: 0;
}
.normalList01 > li {
	position: relative;
	padding-left: 13px;
}
.normalList01.type01 > li {
	padding-left: 20px;
	font-size: 18px;
	font-size: 1.8rem;
}
.normalList01.type02 > li {
	padding-left: 10px;
}
.normalList01.type03 > li {
	color: #a5001e;
	font-weight: bold;
}
.normalList01 > li:before {
	content: "";
	position: absolute;
	height: 6px;
	width: 6px;
	top: 0.5em;
	left: 0;
	background-color: #7b705c;
	-webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
					border-radius: 50%;
}
.normalList01.type01 > li:before {
	height: 8px;
	width: 8px;
	top: 0.5em;
	-webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
					border-radius: 50%;
}
.normalList01.type02 > li:before {
	height: 3px;
	width: 3px;
	top: 0.55em;
	background-color: #222222;
	-webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
					border-radius: 50%;
}
.normalList01.type03 > li:before {
	background-color: #a5001e;
}
.normalList01 > li > .normalList01 {
	margin: 5px 0 0 5px;
}
.normalList01.floatList > li {
	width: 48.24%;
  margin-right: 3.52%;
}
.normalList01.floatList > li:nth-child(2n) {
	margin: 0;
}
.normalList01.floatList > li:nth-child(n+3) {
	margin-top: 5px;
}
.normalList01.floatList.col3 > li {
	width: 31%;
  margin-right: 3.5%;
}
.normalList01.floatList.col3 > li:nth-child(2n) {
	 margin-right: 3.5%;
}
.normalList01.floatList.col3 > li:nth-child(3n) {
	 margin-right: 0;
}
.normalList01.floatList.col3 > li:nth-child(n+2) {
	margin-top: 5px;
}

/* 
	BUTTON 
======================= */
.selectBtnArea {
}
.selectBtnArea .selectBtn {
}
.selectBtnArea .selectBtn.choice {
	display: table;
	width: 100%;
	margin: 0 auto;
}
.selectBtnArea .selectBtn.choice > span {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 61px;
	padding: 3px 60px 0;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	    -ms-border-radius: 9px;
	     -o-border-radius: 9px;
	        border-radius: 9px;
	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic20.png) no-repeat 95% 50% #ffea00;
	background-size: 20px 20px;
	color: #000000;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;	
}

.selectBtnArea .selectBtn.entry {
	width: 100%;
	margin: 0 auto;
}
.cardRadio + .selectBtnArea .selectBtn.entry {
	display: none;
}
.selectBtnArea .selectBtn.entry > a {
	display: block;
	vertical-align: middle;
	width: 100%;
	height: 61px;
	padding: 15px 28px 0;
	border: none;
	border-bottom: 3px solid #760015;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	    -ms-border-radius: 9px;
	     -o-border-radius: 9px;
	        border-radius: 9px;
	background-color: #a5001e;
	background-image: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic19.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-size: 16px 16px;
	color: #fff;
	font-size: 30px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.selectBtnArea .selectBtn.entry > a:hover {
	height: 58px;
	margin-top: 2px !important;
	border-bottom-width: 1px;
	opacity: 0.8;
}

/* 
	COLUMN 
======================= */
.inputLayout.count2.cardRadio {
	width: auto;
	margin: 20px auto 0;
	padding-bottom: 20px;
}
.inputLayout.count2.cardRadio > .col {
	width: 49%;
	border-radius: 10px;
}
.inputLayout.count2.cardRadio > .col.checked {
	background: #fff5bb;
}
.inputLayout.count2.cardRadio > .col + .col {
	margin-left: 2%;
	margin-top: 0;
}
.inputLayout.count2.cardRadio > .col .cardName {
	/* height: 2.8em; */
	padding: 0 14% 0 10%;
	margin-bottom: 10px;
	margin-left: -20px;
	font-weight: bold;
	text-align: center;
	letter-spacing: -0.1em;
}
.inputLayout.count2.cardRadio > .col input[type=radio] {
	display: block;
	opacity: 0;
	position: absolute;
}
.inputLayout.count2.cardRadio > .col label {
	display: block;
	padding: 10px 10px 15px 37px;
	vertical-align: top;
	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_input_im01.png) no-repeat scroll 10px 70%;
	text-align: center;
	cursor: pointer;
}
.inputLayout.count2.cardRadio > .col label img {
	max-width: 75%;
	height: auto;
}
.inputLayout.count2.cardRadio > .col input[type=radio]:checked + label {
	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_input_im01on.png) no-repeat scroll 10px 70%;
}
.inputLayout.count2.mailContents .col:first-child::after {
	position: absolute;
	content: "@";
	font-size: 24px;
	top: 50%;
	left: auto;
	right: 0;
	margin: -18px 0 0 -22px;
}
.inputLayout.count2.mailContents > .col > .mailWrap:first-child{
	width: 90%;
}
.inputLayout.count2.mailContents .col{
	width: 100%;
	margin-left: 0;
	position: relative;
}
.inputLayout.count2.mailContents .col:first-child{
	width: 100%;
}
/* menkyo_cre
------------------------------------------------------ */
.menkyo_cre-heading02 {
	margin-top: 30px;
}
.menkyo_cre-heading02 .menkyo_cre-heading02Inner {
	padding-bottom: 7px;
	border-bottom: 1px solid #bfbfbf;
}
.menkyo_cre-heading02 .menkyo_cre-heading02Title {
	font-size: 1.6rem;
	font-weight: bold;
}
.menkyo_cre-heading03 {
	margin: 30px -10px 15px;
	padding: 10px;
	background-color: #f2f2f2;
}
.menkyo_cre-heading03 .menkyo_cre-heading03Inner {
	display: flex;
	flex-flow: wrap;
	align-items: center;
	gap: 5px 10px;
}
.menkyo_cre-heading03 .menkyo_cre-heading03Title {
	padding: 5px 0  4px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
}
.menkyo_cre-heading03 .menkyo_cre-heading03Label {
	width: fit-content;
	padding: 4px 8px 3px;
	background-color: #dc322c;
	font-size: 1.2rem;
	color: #fff;
	line-height: 1;
}
.menkyo_cre-heading04 {
	margin-top: 30px;
}
.menkyo_cre-heading04 .menkyo_cre-heading04Inner {
	display: flex;
	flex-flow: wrap;
	align-items: center;
	gap: 5px 10px;
	padding-left: 6px;
	border-left: 5px solid #dc322c;
}
.menkyo_cre-heading04 .menkyo_cre-heading04Title {
	padding: 5px 0  4px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
}
.menkyo_cre-heading04 .menkyo_cre-heading04Label {
	width: fit-content;
	padding: 4px 8px 3px;
	background-color: #dc322c;
	font-size: 1.2rem;
	color: #fff;
	line-height: 1;
}
.menkyo_cre-text01 {
	margin-top: 20px;
	font-size: 1.4rem;
}
.menkyo_cre-text02 {
	margin-top: 50px;
	font-size: 1.4rem;
	color: #d0372c;
}
.menkyo_cre-noteText01 {
	position: relative;
	margin-top: 7px;
	padding-left: 12px;
	font-size: 1.2rem;
}
.menkyo_cre-noteText01 > .mark {
	position: absolute;
	top: 0;
	left: 0;
}
.menkyo_cre-lead01 {
	margin-top: 15px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
}
.menkyo_cre-box01 {
	margin-top: 15px;
	padding: 15px 10px 25px;
	border: 1px solid #bfbfbf;
}
.menkyo_cre-box01 >:first-child {
	margin-top: 0 !important;
}
.menkyo_cre-list01 {
	margin-top: 15px;
}
.menkyo_cre-list01 > li {
	position: relative;
	padding-left: 14px;
	font-size: 1.4rem;
}
.menkyo_cre-list01.type02 > li + li {
	margin-top: 7px;
}
.menkyo_cre-list01 > li > .mark {
	position: absolute;
	top: 0;
	left: 0;
}
.menkyo_cre-list01 > li .nest >:first-child {
	margin-top: 0 !important;
}
.menkyo_cre-list02 {
	margin-top: 25px;
}
.menkyo_cre-list02 > li {
	position: relative;
	padding-left: 12px;
	font-size: 1.2rem;
}
.menkyo_cre-list02 > li > .mark {
	position: absolute;
	top: 0;
	left: 0;
}
.menkyo_cre-list02 > li .nest >:first-child {
	margin-top: 0 !important;
}
.menkyo_cre-unorderlist01 {
	margin-top: 15px;
}
.menkyo_cre-unorderlist01 > li {
	position: relative;
	padding-left: 13px;
	font-size: 1.4rem;
}
.menkyo_cre-unorderlist01.type02 > li + li {
	margin-top: 7px;
}
.menkyo_cre-unorderlist01 > li::before {
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 6px;
	height: 6px;
	background-color: #595757;
	border-radius: 50%;
}
.menkyo_cre-unorderlist01 > li .nest >:first-child {
	margin-top: 0 !important;
}
.menkyo_cre-linklist01 {
	margin-top: 15px;
}
.menkyo_cre-linklist01 > li {
	position: relative;
	padding-left: 11px;
	font-size: 1.4rem;
}
.menkyo_cre-linklist01 > li::before {
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 0;
	height: 0;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	border-left: 4px solid #595757;
}
.menkyo_cre-definitionlist01 {
	margin-top: 15px;
}
.menkyo_cre-definitionlist01 + .menkyo_cre-definitionlist01 {
	margin-top: 20px;
}
.menkyo_cre-definitionlist01 > dt {
	position: relative;
	padding-left: 13px;
	font-size: 1.4rem;
}
.menkyo_cre-definitionlist01 > dt::before {
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 6px;
	height: 6px;
	background-color: #595757;
	border-radius: 50%;
}
.menkyo_cre-definitionlist01 > dd {
	font-size: 1.4rem;
	font-weight: bold;
}
/* accordion */
.menkyo_cre-accordion {
	margin-top: 25px;
}
.menkyo_cre-accordion .menkyo_cre-accordionTitle {
	position: relative;
	padding-right: 22px;
	font-size: 1.4rem;
	color: #008191;
	text-decoration: underline;
	cursor: pointer;
}
.menkyo_cre-accordion .menkyo_cre-accordionTitle::before,
.menkyo_cre-accordion .menkyo_cre-accordionTitle::after {
	content: '';
	position: absolute;
	bottom: 11px;
	right: 3px;
	width: 10px;
	height: 1px;
	background-color: #008191;
	transition: 0.3s all ease-out;
}
.menkyo_cre-accordion .menkyo_cre-accordionTitle::after {
	transform: rotate(-90deg);
}
.menkyo_cre-accordion .menkyo_cre-accordionTitle.open::after {
	transform: rotate(0);
}
/* inputlayout */
.menkyo_cre-inputlayout {
	display: flex;
	flex-flow: wrap;
	gap: 10px;
	margin-top: 10px;
}
.menkyo_cre-inputlayout[data-col="tel3"] {
	gap: 10px 20px;
}
.menkyo_cre-inputlayout[data-col="tel4"] {
	gap: 10px 20px;
}
.menkyo_cre-inputlayout[data-col-sp="1"] .menkyo_cre-inputItem {
	width: 100%;
}
.menkyo_cre-inputlayout[data-col-sp="2"] .menkyo_cre-inputItem {
	width: calc(100% / 2 - 10px / 2);
}
.menkyo_cre-inputlayout[data-col="tel3"] .menkyo_cre-inputItem {
	width: calc(100% / 3 - 40px / 3);
}
.menkyo_cre-inputlayout[data-col="tel3"] .menkyo_cre-inputItem + .menkyo_cre-inputItem {
	position: relative;
}
.menkyo_cre-inputlayout[data-col="tel3"] .menkyo_cre-inputItem + .menkyo_cre-inputItem::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -15px;
	width: 10px;
	height: 2px;
	margin-top: -1px;
	background-color: #000;
}
.menkyo_cre-inputlayout[data-col="tel4"] .menkyo_cre-inputItem {
	width: calc(100% / 4 - 60px / 4);
}
.menkyo_cre-inputlayout[data-col="tel4"] .menkyo_cre-inputItem + .menkyo_cre-inputItem {
	position: relative;
}
.menkyo_cre-inputlayout[data-col="tel4"] .menkyo_cre-inputItem + .menkyo_cre-inputItem::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -15px;
	width: 10px;
	height: 2px;
	margin-top: -1px;
	background-color: #000;
}
.menkyo_cre-inputlayout .menkyo_cre-inputItem >:first-child {
	margin-top: 0 !important;
}
/* inputTelLabel */
.menkyo_cre-inputTelLabel {
	margin-top: 25px;
	display: block;
	width: fit-content;
	margin-bottom: 7px;
	font-size: 1.4rem;
}
.menkyo_cre-inputTelLabel + * {
	margin-top: 0 !important;
}
.menkyo_cre-inputTelLabel .required {
	display: inline-block;
	width: fit-content;
	margin-left: 6px;
	padding: 4px 13px 3px;
	background-color: #dc322c;
	font-size: 1.4rem;
	color: #fff;
	line-height: 1;
}
.menkyo_cre-inputTelLabel .small {
	font-size: 1.2rem;
}
/* textCounter */
.menkyo_cre-textCounter {
	margin-top: 5px;
	text-align: right;
	font-size: 1.2rem;
}
/* errorBox */
.menkyo_cre-errorBox > li {
	font-size: 1.2rem;
	color: #dc322c;
}
/* button */
.menkyo_cre-modifyButton {
	display: flex;
	margin-top: 10px;
}
.menkyo_cre-modifyButton input {
	position: relative;
	display: block;
	width: auto;
	height: 38px;
	padding: 8px 18px 7px 36px;
	border: none;
	border-bottom: 3px solid #a5a5a5;
	border-radius: 5px;
	background-color: #e6e6e6;
	background-image: url(/memberservice/pc/smp/v1/cardapply/img/form_ic04.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	font-size: 1.4rem;
	color: #222222;
	font-weight: bold;
	text-decoration: none !important;
	text-align: center;
	cursor: pointer;
}
.menkyo_cre-modifyButton input:hover {
	height: 36px;
	margin-top: 2px;
	border-bottom: 1px solid #a5a5a5;
}



/* Clearfix
------------------------------------------------------ */
.headerWrap01:after,
.headerWrap01 > #formTitle:after,
.listRow:after,
.formSection > .heading:after,
.formWrap > form fieldset > .fieldHdg:after,
.inputLayout:after,
.inputHdg.with-link:after,
.addressWrap:after,
.addressWrap > .searchAddress:after,
.mailWrap:after,
.agreeColumn:after,
.policyWrap .policyFrame > #rule_top .ancLink:after {
	content: "";
	display: table;
	clear: both;
}
.headerWrap01,
.headerWrap01 > #formTitle,
.listRow,
.formSection > .heading,
.formWrap > form fieldset > .fieldHdg,
.inputHdg.with-link,
.addressWrap,
.addressWrap > .searchAddress,
.mailWrap,
.agreeColumn,
.policyWrap .policyFrame > #rule_top .ancLink {
	zoom: 1;
}

}