@charset "utf-8";
footer {margin-top: 150px;}
@media only screen and ( max-width : 1024px ) {
	footer {margin-top: 100px;}
}
/*--------------------------------------------------

	CONTACT

--------------------------------------------------*/
#contact .ttlbox {margin-bottom: 30px;}
#contact .ttlbox h2 {margin-bottom: 15px;font-weight: 700;font-size: 2.9rem;}
#contact .ttlbox h3 {margin-bottom: 10px;font-weight: 500;font-size: 2.3rem;}
#contact h5 {margin-bottom: 10px;}
#contact h5 span {margin-right: 5px;color: #E50100;}
#contact tr {border-bottom: 1px solid #000;}
#contact table {border: 1px solid #000;}
#contact th {
	width: 300px;
	padding-left: 10px;
    border-right: 1px solid #000;
    background: #EDEDED;
    font-weight: 500;
    vertical-align: middle;
}
#contact th span {color: #E50100;}
#contact td {padding: 10px;font-size: 1.4rem;vertical-align: middle;}
#contact td p {font-size: 1.4rem;}
#contact input[type="text"],
#contact input[type="tel"],
#contact input[type="email"],
#contact input[type="number"],
.stbox select,
textarea {
	width: 70%;
	height: 50px;
    padding: 0 20px;
	border: 1px solid #000;
	background: #fff;
	font-size: 1.4rem;
	cursor: pointer;
	resize: none;
	vertical-align: bottom;
}
.textarea_box {position: relative;}
.textarea_box::before {
	content: "";
	position: absolute;
	right: 5px;
	bottom: 0;
	transform: rotate(45deg);
	border-left: 10px solid #000;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
textarea {width: 100%;height: auto;padding: 20px;}
::placeholder {color: #BBB;}
.stbox {position: relative;width: 100%;max-width: 221px;}
.stbox::after {
	content: "";
	position: absolute;
    top: 20px;
	right: 15px;
	transform: rotate(-45deg);
	width: 7px;
	height: 7px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}
.stbox select {width: 100%;}
.rbox {display: flex;flex-wrap: wrap;}
.rbox input[type="radio"] {display: none;}
.mwform-radio-field-text {
	display: inline-block;
	position: relative;
	margin-right: 15px;
	padding: 10px 0 10px 16px;
	font-weight: 700;
	font-size: 1.4rem;
	cursor: pointer;
}
.mwform-radio-field-text::before,
.mwform-radio-field-text::after {
	content: "";
	display: block;
	position: absolute;
	border-radius: 50%;
}
.mwform-radio-field-text::before {
	top: 9px;
	left: 0;
	width: 13px;
	height: 13px;
	background: #fff;
	border: 1px solid #000;
}
.rbox input[type="radio"]:checked + .mwform-radio-field-text::after {
	content: "";
	display: block;
	top: 12px;
	left: 3px;
	width: 9px;
	height: 9px;
	background: #000;
	transition: .3s;
}
.rbox .error {margin-top: 12px}
.rbox input[type="text"] {max-width: 250px;}
.numbox {display: flex;flex-wrap: wrap;align-items: center;}
.numbox span {font-weight: 700;}
.numbox input[type="number"] {width: 100%;max-width: 250px;margin: 0 10px;}
.check_box {padding: 15px;border: 1px solid #000;border-top: none;}
.check {display: none;}
.mwform-checkbox-field-text {
	/*display: block;
	position: relative;
    padding-left: 24px;
	font-size: 1.6rem;
	line-height: 1.4;
    cursor: pointer;
	user-select: none;*/
	display: inline-block;
	position: relative;
	margin-right: 15px;
	padding: 10px 0 10px 16px;
	font-weight: 700;
	font-size: 1.3rem;
	cursor: pointer;
	line-height: 1.6;
}
.mwform-checkbox-field-text::before {
	content: "";
	position: absolute;
	top: 11px;
	left: -8px;
    width: 17px;
    height: 17px;
    border: 1px solid #000;
	background: #fff;
}
.mw_wp_form .horizontal-item + .horizontal-item {margin-left: 0!important;}
.check:checked + .mwform-checkbox-field-text::after {
	content: "";
    border-radius: 0;
	display: block;
	position: absolute;
    top: 15px;
	left: -4px;
	width: 10px;
	height: 5px;
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: rotate(-45deg);
}
.submit_box {display: flex;margin-top: 40px;}
.submit {
    display: block;
    margin-right: 40px;
    padding: 15px 70px;
    border: 1px solid #408ECC;
    border-radius: 10px;
    background: #408ECC;
    color: #fff;
    font-weight: 500;
    font-size: 2.6rem;
    text-align: center;
    transition: .3s;
}
.submit:hover {background: #fff;color: #408ECC;}
@media only screen and ( max-width : 767px ) {
	#contact .ttlbox h2 {font-size: 2.4rem;}
	#contact .ttlbox h3 {font-size: 2rem;}
	#contact th {
		display: block;
		width: 100%;
		padding: 10px;
		border-right: none;
	}
	#contact td {display: block;width: 100%;}
	#contact input[type="text"],
	#contact input[type="tel"],
	#contact input[type="email"],
	#contact input[type="number"],
	.stbox select,
	textarea {width: 100%;height: 42px;padding: 0 10px;}
	textarea {height: auto;padding: 10px;}
	.stbox {width: 100%;}
	.stbox::after {top: 18px;right: 10px;}
	.numbox input[type="number"] {max-width: 130px;}
	.check_box {padding: 10px;}
	.check + label {font-size: 1.4rem;}
	.submit {margin-right: 25px;padding: 15px 40px;font-size: 2rem;}
}
@media only screen and ( max-width : 480px ) {
	#contact .ttlbox h2 {font-size: 2rem;}
	#contact .ttlbox h3 {font-size: 1.8rem;}
	.submit_box {margin-top: 30px;}
	.submit {margin-right: 15px;font-size: 1.8rem;}
}
/*--------------------------------------------------

　   form

--------------------------------------------------*/
.confirm .stbox::after {display: none;}
.complete p {margin-bottom: 4rem;text-align: center;}
.complete .submit {max-width: 300px;margin: 0 auto;}
@media only screen and ( max-width : 767px ) {
}
@media only screen and ( max-width : 480px ) {
}
/*--------------------------------------------------

　   Privacy

--------------------------------------------------*/
#privacy .ttlbox h2 {margin-bottom: 20px;font-weight: 500;font-size: 2.6rem;}
#privacy .ttlbox p {margin-bottom: 30px;}
#privacy .ttlbox h3 {
    margin-bottom: 30px;
    color: #1E4E78;
    font-weight: 700;
    font-size: 1.9rem;
}
#privacy dl {padding: 15px 20px;background: #EDF7FF;color: #1E4E78;}
#privacy dt {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #1E4E78;
    font-weight: 700;
}
#privacy dd {margin-bottom: 20px;font-weight: 500;line-height: 1.7;}
#privacy dd:last-child {margin-bottom: 0;color: #E50100;}
#privacy dd a {
	display: inline;
	font-weight: bold;
	text-decoration: underline;
	color: #e50100;
}
@media only screen and ( max-width : 767px ) {
	#privacy .ttlbox h2 {font-size: 2.2rem;}
	#privacy .ttlbox h3 {margin-bottom: 10px;font-size: 1.6rem;}
}
@media only screen and ( max-width : 480px ) {
	#privacy .ttlbox h2 {font-size: 2rem;}
}