@charset "utf-8";


/* bootstrapを使用したことの変更 */
#step .necessary dl {
    width: 48.5%;
}


#nav-system_right .system-text p{
	margin-bottom: 0;

}


.checkboxwrap {
    border: 3px dotted #f51848;
    margin: 30px 0;
    padding: 5px 0 20px 0;
    color: #1b1819;
    font-weight: 600;
    font-size: 150%;
	width: 96.5%;

}

.ECM_CheckboxInput-LabelText {
    margin-left: 12px;
    display: block;
    font-size: 2.1vw;
    font-weight: bold;
}

.invalid-feedback {
/*font-size: 130%;*/
font-weight: 700;
text-shadow: 1px 1px 2px #ede619, 0 0 1em #83d194, 0 0 0.2em #f9e928;
}

.contact_form input[type="checkbox"] {
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: relative;
    left:33%;
	top:8px;
}

.contact_form .form-check{

	top:8px;

}


.checktext {
    display: block;
    margin: .3em 0 0 0;
    color: #f51848;
    font-weight: 600;
    font-family: fantasy;
    text-shadow: 1px 1px 2px #ede619, 0 0 1em #83d194, 0 0 0.2em #f9e928;
    font-size: 19.5px;
}


.buttonwrap{
	width:  98%;
	padding: 10px 0;
}

.textmail{
width: 100%;
    text-align: left;
	font-size: 160%;
    font-weight: 500;
    color: #000;
	margin-bottom: 0;
}

.form-check-input:checked {
    background-color:  #006a00;
    border-color:  #006a00;
}

.contact_form{
position: relative;
    left: 1.36%;
    padding: 0 24px;
}

form input[type=email]::placeholder {
	color: rgb(206, 203, 203);
  }


/*

.contact_form .checkbox_label {
	cursor: pointer;
}
.contact_form .checkbox_txt {
	vertical-align: top;
}
.contact_form label.error {
	display: block;
	margin: .3em 0 0 0;
	color: #f51848;
	font-weight: 600;
	font-family: fantasy;
    text-shadow: 1px 1px 2px #ede619, 0 0 1em #83d194, 0 0 0.2em #f9e928;
	font-size: 19.5px;
}

.contact_form label.error:nth-child(2){
	display: none!important;
}

.checkboxwrap{
    border:3px dotted #f51848;
    margin: 30px;
    padding: 5px 0 20px 0;
	color: #1b1819;
	font-weight: 600;
	font-size: 150%;
}

*/

@media screen and (max-width: 1240px){
.contact_form input[type="checkbox"] {
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: relative;
	left:35%;
	top:6px;
}
}


@media screen and (max-width: 930px){
	.contact_form input[type="checkbox"] {
		width: 30px;
		height: 30px;
		left:28%;
		top:6px;
	}
	}
	


@media screen and (max-width: 740px){
	.checktext  {
		text-shadow: 1px 1px 2px #ede619, 0 0 1em #83d194, 0 0 0.2em #f9e928;
		font-size: 16px;
	}

	.contact_form input[type="checkbox"] {
		width: 24px;
		height: 24px;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		position: relative;
		left:30%;
		top:4px;
	}

	.checkboxwrap{
	width: 96%;
	padding: 5px;
	font-size: 110%;
	}

	.contact_form input[type="checkbox"] {
		left:20%;
	}

	.ECM_CheckboxInput-LabelText {
		font-size: 120%;

	}
	

}

@media screen and (max-width: 550px){
.contact_form input[type="checkbox"] {
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: relative;
	left:22%;
	top:4px;
}
}


@media screen and (max-width: 410px){
	.contact_form input[type="checkbox"] {
		width: 24px;
		height: 24px;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		position: relative;
		left:14%;
		top:4px;
	}
	}