@charset "UTF-8";

.tC {text-align: center;}
.tL {text-align: left;}
.tR {text-align: right;}


/*=================================================== PC CSS*/
	.pcbr {display:block;}
	.spbr {display:none;}

	#mfp_phase_confirm_inner {
		margin-bottom: 30px;
		line-height: 1.5em;
	}

	.form-area {width:100%; max-width: 750px; padding:1.5em; margin:0 auto;}

	.form-area dl {
		display: flex;
		flex-wrap: wrap;
	}

	.form-area dl dt {
		width:35%;
		font-weight: bold;
		margin-bottom: 5px;
		padding: 12px 10px;
		box-sizing: border-box;
		position: relative;
	}

	.form-area dl dd {
		width:64%;
		margin-bottom: 20px;
	}

	.must {
		position:absolute;
		font-size: 12px;
		color: #fff;
		padding: 4px 4px 5px 6px;
		margin-left: 15px;
		margin-right: 0;
		border-radius: 2px;
		display: inline-block;
		background-color: #00a30b;
		top: 8px;
		right: 10px;
	}
	.must2 {
		position:relative;
		top: 0;
	}

	.annotxt {
		margin: 4px 0 8px 0;
		font-size: small;
	}

	/* NAME & freetext */
	input[type="text"] {width:45%;}
	.na, .na2 {display:inline-block; width:48px;}
	.na2 {padding-left:24px;}

	input[type="email"] {width:100%;}

	input[type="tel"] {width:29.7%;}

	/* TEL */
	.mfp_element_tel {color:#000 !important;}
	/* EMAIL */
	/*.mfp_element_email {width:50% !important;}*/
	/* ADDRESS */
	/*#mfp_element_6, #mfp_element_7 {width:12% !important;}*/
	/*.address_ttl {height:300px;}*/
	/*#mfp_element_9,#mfp_element_10,#mfp_element_11 {width:50% !important;}*/
	/*textarea*/
	.mfp_element_textarea {width: 100% !important; height: 95px !important}
	/*select box*/
	.mfp_element_select-one {}

	.policy_check {padding-top:10px;}

	.attnbox {
		width:99%;
		background-color: #fff;
		padding:4%;
		color:#666;
		margin-bottom:20px;
		box-sizing: border-box;
	}
	.attnbox h2 {
		margin-top: 10px;
		margin-bottom: 10px;
		color: #ca0d25;
		font-size: 16px;
		font-weight: 400;
		line-height: 1;
		text-align: center;
	}

	.attnbox ul {
		margin-bottom: 10px;
		padding-left: 30px;
	}

	.attnbox ul li {
		color: #666;
    padding: 6px 0;
    font-size: 15px;
    letter-spacing: 0.05rem;
	line-height: 1.5em;
    list-style-type: disc;
	}

	.attnbox ol {
		padding-left: 30px;
	}

	.attnbox ol li {
		color: #666;
		padding: 6px 0;
		font-size: 15px;
		letter-spacing: 0.05rem;
		line-height: 1.5em;
		list-style-type: none;
	}


/*=================================================== SP CSS*/
@media screen and (max-width: 768px) {
	.pcbr {display:none;}
	.spbr {display:block;}
	.form-area {width:100%; padding:0;}

	.form-area dl {
		display: block;
		flex-wrap: wrap;
	}

	.form-area dl dt {
		width:100%;
		font-weight: bold;
		margin-bottom: 5px;
		padding: 12px 10px;
		box-sizing: border-box;
		position: relative;
	}

	.form-area dl dd {
		width:100%;
		margin-bottom: 20px;
		box-sizing: border-box;
	}

	.must {
		position:relative;
		font-size: 12px;
		color: #fff;
		padding: 4px 4px 5px 6px;
		margin-left: 5px;
		margin-right: 10px;
		border-radius: 2px;
		display: inline-block;
		background-color: #00a30b;
		top: 0;
		right: 0;
	}
	.must2 {
		position:relative;
		top: 0;
	}

	/* NAME & freetext */
	input[type="text"] {width:100%; margin-bottom:10px !important;}
	.na, .na2 {display:inline-block; width:45px;}
	.na2 {padding-left:0;}

	input[type="email"] {width:100%;}

	input[type="tel"] {width:25%;}

	/* TEL */
	.mfp_element_tel {color:#000 !important;}
	/* EMAIL */
	/*.mfp_element_email {width:100% !important;}*/
	/* ADDRESS */
	/*#mfp_element_6,#mfp_element_7 {width:25% !important;}*/
	/*.address_ttl {height:auto;}*/
	/*#mfp_element_9,#mfp_element_10,#mfp_element_11 {width:100% !important;}*/
	/*	#age,#add {width: 38% !important;}
		#mfp_element_17 {width:70% !important;}*/
	/*textarea*/
	.mfp_element_textarea {width: 100% !important; height: 95px !important}
	/*select box*/
	.mfp_element_select-one {width:100% !important;}

	.policy_check {padding-top:10px;}

	.select-box select {
		padding: 6px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: 1px solid #999;
		background: #eee;
		background: url(_images/select_arrow.png) 98% 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#eee 100%);
		background: url(_images/select_arrow.png) 98% 50% no-repeat, linear-gradient(to bottom, #fff 0%,#eee 100%);
		background-size: 8px, 100%;
		display: inline-block;
	}

	.attnbox {
		width:92%;
		background-color: #fff;
		padding:4%;
		color:#000;
		margin:0 4% 20px 4%;
		box-sizing: border-box;
	}

}

/*---------------------------------------------------------*/
/*button CSS*/
#mailformpro button[type="submit"],
button#mfp_button_send {
	background: #00a30b;
	color: #FFF;
	width: 260px;
	padding: 16px 0;
	font-size: 16px;
	text-shadow: none !important;
	border: none;
	margin-right: 20px;
}
#mailformpro button[type="submit"]:hover {opacity:0.7;}

div.mfp_buttons button#mfp_button_cancel {
  background: #666;
  border: none;
  color: #FFF;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  width: 260px;
  padding: 16px 0;
  font-size: 16px;
  text-shadow: none !important;
  margin-right: 6px;
}

/* RADIO BUTTON CSS */
label.radio_text {
	cursor       : pointer;
	position     : relative;
	/*padding-left : 5px;*/
	padding: 6px 3px !important;
	margin-right : 20px;
	overflow     : hidden;
	padding-left : 20px;
	display      : inline-block;
}
label.radio_text:before {
	position      : absolute;
	width         : 15px;
	height        : 15px;
	border        : 1px solid #999;
	border-radius : 50%;
	left          : 0px;
	top           : 8px;/*5px*/
	content       : '';
	z-index       : 3;
	margin: 0 0 0 3px;
}
label.radio_text:after {
	content          : '';
	position         : absolute;
	width            : 11px;
	height           : 11px;
	border-radius    : 100%;
	left             : 3px;
	top              : 11px;/*8px*/
	background-color : #e90073;
	z-index          : 1;
	margin: 0 0 0 3px;
}
label.radio_text input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	z-index    : 2;
	width      : 20px;
	height     : 20px;
	left       : -23px;
	top        : 1px;
	margin     : 0px;
	box-shadow : 20px 5px #fff;
}
label.radio_text input[type="radio"]:checked {
	box-shadow : none;
}
label.radio_text input[type="radio"]:focus {
	opacity    : 0.2;
	box-shadow : 20px -1px #fdd9b4;
}

/* CHECK BOX CSS */
label.checkbox {
	cursor     : pointer;
	width      : 20px;
	height     : 20px;
	border     : 1px solid #B3B3B3;
	background : #fff;
	overflow   : hidden;
	position   : relative;
	display    : inline-block;
	box-sizing : border-box;
}
label.checkbox input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	margin     : 0;
	padding    : 0;
	position   : absolute;
	left       : 20px;
	width      : 20px;
	height     : 20px;
	left       : -40px;
	box-shadow : 39px 0px #FFF;
	z-index    : 2;
}
label.checkbox input[type="checkbox"]:checked {
	box-shadow : none;
}
label.checkbox input[type="checkbox"]:checked:focus {
	box-shadow : 39px 0px #666;
	opacity    : 0.1;
}
label.checkbox input[type="checkbox"]:focus {
	box-shadow : 39px 0px #EEE;
}
label.checkbox:after {
	content           : '';
	position          : absolute;
	top               : 40%;
	left              : 5px;
	display           : block;
	margin-top        : -6px;
	width             : 6px;
	height            : 10px;
	border-right      : 3px solid #e90073;
	border-bottom     : 3px solid #e90073;
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform    : rotate(45deg);
	z-index           : 1;
}

/*CheckBoxとText */
label.checkbox_text {
	cursor       : pointer;
	position     : relative;
	padding: 6px 3px !important;
	margin-right : 20px;
	overflow     : hidden;
	position     : relative;
	display      : inline-block;
	box-sizing   : border-box;
	letter-spacing: 0.05em;
	width: auto;
}
label.checkbox_text:before {
	content  : '';
	position : absolute;
	width    : 16px;
	height   : 16px;
	left     : 14px;
	top      : 6px;
	border   : 1px solid #B3B3B3;
	z-index  : 3;
	background: #fff;
}
label.checkbox_text:after {
	content           : '';
	position          : absolute;
	top               : 13px;/*40%*/
	left              : 19px;
	display           : block;
	margin-top        : -4px;
	width             : 5px;
	height            : 8px;
	border-right      : 3px solid #e90073;
	border-bottom     : 3px solid #e90073;
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform    : rotate(45deg);
	z-index           : 4;
}
label.checkbox_text input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	left       : -26px;
	width      : 17px;
	height     : 17px;
	display    : block;
	box-shadow : 41px 0px #FFF;
	z-index    : 2;
	margin     : 0px;
	padding    : 0px;
}
label.checkbox_text input[type="checkbox"]:checked {
	box-shadow : none;
}
label.checkbox_text input[type="checkbox"]:checked:focus {
	box-shadow : 40px 0px #666;
	opacity    : 0.1;
}
label.checkbox_text input[type="checkbox"]:focus {
	box-shadow : 41px 0px #EEE;
}
label.mfp_not_checked:after {display:none;}

@media screen and (max-width: 599px) {
	#mailformpro button[type="submit"],
	button#mfp_button_send {
		margin-right: 0px;
		margin-bottom: 20px;
	}
}