@charset "UTF-8";
/* CSS Document */

/* 初期設定リセット */
.mfp_element_all {
	max-width: 100%;
}
.mfp_element_text,
.mfp_element_number,
.mfp_element_select-one,
.mfp_element_email,
.mfp_element_tel,
.mfp_element_textarea,
.mfp_element_date,
.mfp_element_password {
	border:none;
	border-radius:0;
	box-shadow: none;
	padding:0;
	margin:0;
	vertical-align:auto;
}
.mfp_element_checkbox,
.mfp_element_radio {
	vertical-align:auto;
	margin:0;
}
.mfp_element_file {
	font-size:100%;
	display: inline-block;
	padding:0;
	vertical-align:auto;
	border:none;
	border-radius:0;
	box-shadow:none;
	background:none;
}
.mfp_element_submit,.mfp_element_reset,.mfp_element_button,button.mfp_next,button.mfp_prev {
	border-radius:0;
	padding:0;
	border:none;
	background:none;
	background:none;
	background:none;
	background:none;
	text-shadow:none;
	font-size:100%;
	cursor:pointer;
	outline:none;
}
.mfp_element_reset {
	color:#000;
}
.mfp_element_submit:hover,.mfp_element_reset:hover,.mfp_element_button:hover,button.mfp_next:hover,button.mfp_prev:hover {
	background:none;
	background:none;
	background:none;
	background:none;
	box-shadow:none;
}
table#mfp_confirm_table {
	border-spacing:0px;
	border-collapse:collapse;
	width:100%;
}
table#mfp_confirm_table tr.mfp_colored {
	background-color:#fff;
}
table#mfp_confirm_table tr.mfp_achroma {
	background-color:#FFF;
}
table#mfp_confirm_table tr th,table#mfp_confirm_table tr td {
	text-align: left;
	font-size:100%;
	border-top:none;
	padding:0;
}
table#mfp_confirm_table tr th {
	white-space: nowrap;
	width:auto;
}
table#mfp_confirm_table tr td {
	line-height:none;
	word-break: break-all;
}
div#mfp_phase_confirm {
	clear:both;
}
div#mfp_phase_confirm h4 {
	font-size:100%;
	padding:0;
	text-align:center;
}
div#mfp_phase_confirm div#mfp_phase_confirm_inner {
}
div#mfp_thanks {
	font-size:100%;
	padding:0;
}
div#mfp_thanks strong {
	color:inherit;
	font-size:100%;
}
/* 初期設定リセット */


#main {
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

#main table,
table#mfp_confirm_table {
	width:100%;
	/*margin:5vw auto;*/
	margin:0 auto 5vw;
	border-collapse: collapse;
	border-spacing: 0;
}

#main tr {
	width: 100%;
	border-top: 1px dashed #c8c8c8;
	padding: 0;
	font-weight: normal;
    display: flex;
    flex-wrap: wrap;
    background: none !important;
}

#main table th,
#main table td,
table#mfp_confirm_table tr th,
table#mfp_confirm_table tr td {
	width:100%;
	vertical-align:top;
}

#main table td.btn,
table#mfp_confirm_table tr td btn {
	text-align:center;
}

#main table th,
table#mfp_confirm_table tr th {
	text-align:left;
    padding: 4vw 0 2vw;
    font-weight: 700;
}

#main table th span,
table#mfp_confirm_table tr th span {
	/*font-size:0.8em;
	color:#FF290B;*/
	margin-left:5px;
}

#main table td,
table#mfp_confirm_table tr td {
	line-height:2.0em;
    padding-bottom: 4vw;
}

#main input[type=text],
#main input[type=email],
#main input[type=tel],
#main textarea {
    width:100%;
    border:#ccc 1px solid;
    padding: 4vw;
    font-size: calc(100vw * 14 / 400);
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;
    -ms-appearance:none;
    border-radius: 0.5rem;
}

#main input[type=text]:focus,
#main input[type=email]:focus,
#main input[type=tel]:focus {
   border:solid 1px #F69;
}

#main input[type=text].short {
	width:30%;
}

#main input[type=text].shortzip {
	width:50%;
}

#main textarea:focus {
   border:solid 1px #F69;
}

#main button,
#main input[type=submit],
#main input[type=button] {
	/*margin:20px auto 30px;
	display: inline-block;
	padding:20px 0;
	width:300px;
	border:1px solid #ccc;
	font-size:16px;
	background-color:#FF290B;*/
	color:#fff;
	cursor: pointer;
	text-align:center;
    font-size: calc(100vw * 14 / 400);
}

#main select {
    border: 1px solid #c8c8c8;
    padding: 4vw !important;
    font-size: calc(100vw * 14 / 400);
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    border-radius: 5px;
}

#main label{
    font-weight: normal;
    margin-bottom: 0;
    display: block;
    padding: 2vw 2vw 2vw 0;
}

table#mfp_confirm_table tr.mfp_colored {
	background-color: none;
}

table#mfp_confirm_table tr.mfp_achroma {
	background-color: none;
}

table#mfp_confirm_table tr th,
table#mfp_confirm_table tr td {
	/*border-bottom:1px solid #ccc;*/
}

table#mfp_confirm_table tr th {
	text-align:left;
}

div#mfp_thanks strong {
	color:#FF290B;
	/*font-size:120%;*/
}

div#mfp_phase_confirm div#mfp_phase_confirm_inner {
    /*padding-top: 6vw;*/
}

@media screen and (min-width: 840px) {
    #main table,
    table#mfp_confirm_table {
        /*margin: 25px auto;*/
        margin: 0 auto 25px;
    }
    #main table th,
    table#mfp_confirm_table tr th {
        padding: 20px 0 10px;
    }
    #main table td,
    table#mfp_confirm_table tr td {
        line-height:2.0em;
        padding-bottom: 20px;
    }

    #main input[type=text],
    #main input[type=email],
    #main input[type=tel],
    #main textarea {
        padding: 20px;
        font-size: calc(1024px * 14 / 767);
    }
    #main button,
    #main input[type=submit],
    #main input[type=button] {
        font-size: calc(1024px * 14 / 767);
    }
    #main select {
        padding: 20px !important;
        font-size: calc(1024px * 14 / 767);
    }
    #main label{
        padding: 10px 10px 10px 0;
    }
    div#mfp_phase_confirm div#mfp_phase_confirm_inner {
        /*padding-top: 30px;*/
    }
}
form#mailformpro label {
    padding: 5px 10px 5px 0 !important;
}