/*//////// form ///////////*/

select,option,input,textarea,
button{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:0;
    background:white;
    }
button.img_btn{
	background:transparent;
	}
.FormTableRow .kakomi{
	border:1px solid #5e5e5e;
	margin-bottom: 20px;
	}



span.teikyuubi {
    display: block;
    font-size: 10px;
    color: #a20000;
}
.FormTableRow .kakomi p.caution {
    margin: 0;
    padding: 0 0 20px;
    text-align: center;
    font-size: 12px;
}
.xdsoft_calendar tbody tr td:nth-child(4) {
    pointer-events: none;
    background-color: #DDD;
}


.FormTable {
    width:100%;
}
.FormTableRow {
	font-size:1.4rem;
	display: flex;
	max-width: 800px;
	}
.FormTableRow .kakomi p{
	padding:20px;
	}
.FormRequired{
	content:"*";
	color:red;
	padding-left:5px;
	}
.FormTableRow ul.ly{
	list-style: none;
	display: flex;
	flex-wrap:wrap;
	}
.FormTableRow .form_radio_element_50,
.FormTableRow .form_radio_element_51,
.FormTableRow .form_radio_element_61,
.FormTableRow .form_radio_element_68,
.FormTableRow [class^="checkbox_div_60_"],
.FormTableRow [class^="checkbox_div_63_"] {
	padding-right:10px;
	min-width: 33.333%;
    float:left;
	}
.FormTableRow .checkbox_div_60_19,
.FormTableRow .checkbox_div_63_7,
.FormTableRow .form_radio_element_51:last-of-type,
.FormTableRow .form_radio_element_61:last-of-type{
	min-width: unset;
}
.FormTableRow ul.ly li.long{
	width:100%;
	display: block;
	}
.FormKoumoku{
	width:25%;
	vertical-align: middle;
	border-bottom:1px solid #e4e4e4;
	padding: 20px 0;
	}
.FormValue{
	width:75%;
	vertical-align: middle;
	border-bottom:1px solid #e4e4e4;
	padding: 20px 0;
	}
.FormValue input,
.FormValue select{
	font-size:15px;
	}
.FormValue input,
.FormValue textarea,
.FormValue select{
	padding:8px;
	margin:5px 0;
	border-radius:5px;
	width:100%;
	border:1px solid #cbcbcb;
	}

.FormValue input:focus,
.FormValue textarea:focus{
	border-color:#5e5e5e;
	}
.FormValue input[type="checkbox"]{
	width:30px;
	height: 30px ;
	vertical-align: middle;
	position: relative;
	}
.FormValue input[type="checkbox"]:checked:before{
	content:"";
	display: block;
	border-right:4px solid red;
	border-bottom:4px solid red;
	width:8px;
	height: 16px;
	z-index: 5;
	transform:rotate(45deg) translate(-6px,-6px);
	-webkit-transform:rotate(45deg) translate(-6px,-6px);
	}
.FormValue input[type="radio"]{
	width:25px;
	height: 25px ;
	vertical-align: middle;
	position: relative;
	border-radius:30px;
	}
.FormValue input[type="radio"]:checked:before{
	content:"";
	display: block;
	background:red;
	width:10px;
	height:10px;
	border-radius:10px;
	transform:translate(-25%,-25%);
	}
.FormValue .inline{
	display: inline-block;
	width:auto;
	}
.FormValue textarea{
	font-size:14px;
	}
.FormTableRow #user_Zip1,
.FormTableRow #form_44,
.FormTableRow #form_46,
.FormTableRow #form_48,
.FormTableRow #form_49,
.FormTableRow #form_55,
.FormTableRow #form_56,
.FormTableRow #form_65 {
    max-width: 110px;
}
.FormTableRow #form_53,
.FormTableRow #form_54{
    max-width: 200px;
}
.FormTableRow #user_Tel1,
.FormTableRow #form_52,
.FormTableRow #form_57,
.FormTableRow #form_58,
.FormTableRow #form_59,
.FormTableRow #form_62,
.FormTableRow #form_64{
    max-width: 300px;
}
.FormTableRow .submit {
    margin: 20px auto;
    max-width: 850px;
    display: flex;
    justify-content: center;
}
.form_button {
    text-align: center;
    margin: 0 auto;
}
.form_button input {
    background: white;
    padding: 15px 0;
    text-align: center;
    font-size: 25px;
    cursor: pointer;
    width: 42%;
    border: 1px solid #5e5e5e;
    font-family: 'Noto Serif JP', serif;
    transition: .3s all ease;
    margin: 50px auto;
    color: #333;
}
.form_button input:hover{
	box-shadow:0 6px 6px rgba(0,0,0,.25);
	}
.form_button input[disabled="disabled"]{
	color:#c7c7c7;
	border-color:#c7c7c7;
	}
.form_button input[disabled="disabled"]:hover{
	cursor:auto;
	box-shadow:none;
	}
.FormTableRow ul.btnarea{
	display: flex;
	list-style:none;
	justify-content:space-between;
	width:100%;
	margin:50px auto;
	}
.FormTableRow ul.btnarea li{
	width:48%;
	color:black;
	    text-align: center;
	}
.FormTableRow .magz p{
	padding-bottom: 0;
	}
.FormTableRow .magz dl {
	padding-left:40px;
	}
.FormTableRow .agree_box{
	background:#fff0b2;
	max-width: 700px;
	margin:30px auto;
	padding:5px;
	}
.FormTableRow .agree_box dl{
	width:80%;
	margin:auto;
	}
.FormTableRow .agree_box dl dt{
	width:50%;
	text-align: left;
	}
.FormTableRow .agree_box dl dd{
	width:50%;
	text-align: right;
	}
#questionnaireWrap,
#submitUnderBox{
	display: none;
}
/*///// error ///////////*/
.FormTableRow .title{
	font-size:2rem;
	margin:4% auto;
}
.error {
	color:red;
	background:#ffe600;
	display: inline-block;
	padding:3px 10px;
	margin:5px 0;
	text-align: center;
	}
.error-message{
	color:#ff7474;
	text-align: left;
	}
.error-message .title h3{
	text-align: center;
	}
.error-message .section ul {
	list-style: none;
	padding-left:20px;
	}
.error-message .message ul li{
	text-align: center;
	list-style: none;
	}

ul.btnarea {
	display: flex;
	list-style: none;
	margin:30px;
	}
ul.btnarea li {
	width:50%;
	padding:20px;
	}
ul.btnarea li a.btn{
	display: block;
	padding:5px;
	border:1px solid #5e5e5e;
	text-align: center;
	font-size:2.0rem;
	}
ul.btnarea li a.btn:hover{
	text-decoration: none;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	transition:.3s all ease;
	}
ul.btnarea li h3{
	font-size:2rem;
	font-weight: 500;
}
.thanks .title h3{
	text-align: center;
	font-size:2.5rem;
	margin:5% auto;
	font-weight: 500;
}
/*////////////////////////////////////////////////////////*/
	@media screen and (max-width:769px){
		/** フォーム **/

	.FormTableRow{
		background-size:cover ;
		padding-left:20px;
		padding-right:20px;
		text-align: center;

	}
	.FormTableRow{
		width:100%;
		box-sizing:border-box;
		padding:0 20px;
		}
	.FormTableRow dt{
		font-size:1.0em;
		}
	.FormTableRow .agree_box dl{
		display: flex;
	}
	.FormTableRow .agree_box dl dt{
		width:70%;
	}
	.FormTableRow .agree_box dl dd{
		width:30%;
	}

	.form input[type="email"],
	.form input[type="text"]{
		font-size:1.5em;
		}
	.FormTableRow .submit_btn {
		height:auto;
		margin:50px auto 25px ;
	}
	.FormTableRow .submit_off{
		display: block;
		padding-top:20%;
		width:100%;
		height: auto;
		background-size:contain;
	}
	.FormTableRow.submit_off:hover{
		background-size:contain;
		}
	ul.btnarea li a.btn{
		font-size:2rem;
	}

	.FormTableRow .err_msg {
			color : #ff0000;
			font-weight:bold;
			font-size: 1em;
	}
	.FormTableRow .btn {
	    font-size: 14px;
	    width: 50%;
	}

	/* ■ //フォーム ■ */
	/*///////////////// 769 /////////////////////////*/
	}

/*////////////////////////////////////////////////////////*/
@media screen and (max-width:641px){
	#inquiry .title h2{
		padding: 4% ;
	}
	#inquiry p.read{
		text-align: left;
			padding: 4% ;
	}
	.FormTableRow{
		display: block;
	}
	.FormTableRow dt{
		width:auto;
		text-align: left;
		font-size:1.5rem;
	}
	.FormValue{
		width:100%;
	}
	#inquiry .ti{
		font-size:2rem;
		margin-bottom: 4%;
	}
	.FormTableRow input.inline.splong{
		width:100% !important;
	}
	.FormTableRow ul.btnarea{
		display: block;
	}
	.FormTableRow ul.btnarea li{
		width:100%;
	}
	.FormTableRow .submit {
	    flex-wrap: wrap;
	}
	.FormTableRow .btn {
	    width: 74%;
	}

	/*///////////////// 640 ///////////////////////////////*/
}

/*////////////////////////////////////////////////////////*/
@media screen and (max-width:481px){
	.FormTableRow .agree_box dl{
		display: block;
	}
	.FormTableRow .agree_box dl dt,
	.FormTableRow .agree_box dl dd{
		width:100%;
		text-align: center;
	}
	ul.btnarea li h3{
		font-size:1.7rem;
	}
	ul.btnarea {
		display: block;
	}
	ul.btnarea li{
		width:100%;
	}
	.thanks .title h3{
		font-size:2.0rem;
		margin-top:10%;
	}

/*///////////////// 480 ///////////////////////////////*/
}


.FormSubGroup {
    font-size: 2.5rem;
    margin: 10% auto 1%;
    line-height: 1.5;
}
#form_private_policy {
  height: 180px;
  padding: 20px;
  overflow: auto;
  border: 1px solid #e8e8e8 !important;
}