@charset "utf-8";

/* form_table
============================================================================================================ */
.form_table {
    width: 100%;
    margin-bottom: 30px;
}
.form_table th {
	width: 30%;
	font-size: 1.6rem;
	padding-top: -webkit-calc(10px + 0.75em);
	padding-top: calc(10px + 0.75em);
    vertical-align: top;
    -moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";    
}
.form_table.confirm th {
	padding-top: 0.5em;
}
.form_table td {
	width: auto;
	font-size: 1.6rem;
	padding: 20px 0;
}
.form_table td span.replace_text {
	display: inline-block;
	font-size: 1.2rem;
	color: #1c69d4;
	padding-top: 0.5em;
	position: relative;
	text-decoration: underline;
	cursor: pointer;
}
.form_table td span.replace_text:hover {
	text-decoration: none;
}
.form_table td span.replace_text:before {
	content: "";
	display: inline-block;
	padding: 0;
	width: 4px;
	height: 4px;
	border-top: 1px solid #1c69d4;
	border-right: 1px solid #1c69d4;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-right: 5px;
	left: 0;
	top: 50%;
	margin-top: -4px;
}
.form_table td a {
	display: inline-block;
	font-size: 1.2rem;
	text-decoration: underline;
	position: relative;
}
.form_table td a:hover {
	text-decoration: none;
}
.form_table td a:before {
	content: "";
	display: inline-block;
	padding: 0;
	width: 4px;
	height: 4px;
	border-top: 1px solid #1c69d4;
	border-right: 1px solid #1c69d4;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-right: 5px;
	left: 0;
	top: 50%;
	margin-top: -4px;
}
.req {
	color: #d40000;
	margin-left: 0.2em;
}
.tr_address {
	display: none;
}
.tr_model th,
.tr_model td {
	/*padding-top: 20px;*/
}
.p_color::placeholder {
	color: #e54854;
}
.user_model {
	padding: 0.75em;
}
input, 
button,
textarea,
select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
} 
table.form_table input[type=text],
table.form_table input[type=email],
table.form_table input[type=tel],
table.form_table select,
table.form_table textarea {
	max-width: 100%;
	padding: 0.75em;
	background: #fff;
	border: 1px solid #c9caca;
	font-size: 1.5rem;
}
input::placeholder,
textarea::placeholder {
	color: #b2b2b2;
	font-size: 1.5rem;
}
input:focus::placeholder,
textarea:focus::placeholder {
	color: transparent;
	transition: 0.1s;
}
/* ChromeESafari—p */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
	transition: 0.1s;
}
/* Firefox18ˆČ‘O—p */
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
	color: transparent;
	transition: 0.1s;
}
/* Firefox19ˆČă—p */
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
	color: transparent;
	transition: 0.1s;
}
table.form_table input[type=text],
table.form_table input[type=email],
table.form_table input[type=tel],
table.form_table textarea {
	width: 100%;
}
table.form_table .size_m {
	width: 60%;
}
table.form_table .size_s {
	width: 28.5%;
	display: inline-block;
}
table.form_table.confirm .size_s {
	width: auto;
}
table.form_table .size_s + .size_s,
table.form_table .size_s + .size_s {
	margin-left: 3%;
}
table.form_table div.size_s {
	position: relative;
	z-index: 1;
}
table.form_table .black {
	color: #000;
}
table.form_table .bray {
	color: #b2b2b2;
}
table.form_table select.clorSelect {
	color: #b2b2b2;
}
table.form_table select.changecolor {
	color: #000 !important;
}
table.form_table textarea {
	height: 5em;
}
table.form_table input.form-error,
table.form_table textarea.form-error,
table.form_table select.form-error {
	background: #ffd2d5;
}
table.form_table input.form-error::placeholder,
table.form_table textarea.form-error::placeholder {
	color: #e54854;
}
table.form_table select.clorSelect.form-error {
	color: #e54854;
}
table.form_table select::-ms-expand {
	display: none;
}
@media screen and (max-width: 768px) {
	.form_table th {
		width: 100%;
		font-size: 1.5rem;
		padding-top: 0.5em;
		display: block;
        font-weight: bold;
	}
	.form_table.confirm th {
		font-weight: bold;
	}
	.form_table td {
		width: 100%;
        display: block;
        padding: 10px 0 20px;
	}
	.form_table td span {
		display: inline-block;
	}
	.form_table td span + span {
		margin-left: 1em;
	}
	table.form_table .size_m {
		width: 100%;
	}
	table.form_table .size_s {
		width: 47.5%;
		display: inline-block;
	}
	.tr_model th,
	.tr_model td {
		padding-top: 10px;
	}
}

/* ‹¤’Ę */
input[type="checkbox" i]{
	margin:0;
}

.checkbox01-input{
	margin-left:0;
	opacity:0;
}
.checkbox01-parts{
	padding-left: 30px;
	position:relative;
	/* margin-top: 9px; */
	margin-right: 20px;
	font-size: 1.5rem;
	display: inline-block;
	min-width:130px;
}
.checkbox01-parts:before{
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 1px;
	width: 20px;
	height: 20px;
	border: 1px solid #C8C8C8;
}
.checkbox01-input:checked + .checkbox01-parts{
	color: #4d7ab9;
}
.checkbox01-input:checked + .checkbox01-parts:after{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 7px;
	width: 6px;
	height: 12px;
	transform: rotate(40deg);
	border-bottom: 3px solid #4d7ab9;
	border-right: 3px solid #4d7ab9;
}

.col2_item {
    width: 50%;
}

@media screen and (max-width: 768px) {
    .checkbox01-parts{
        font-size: 1.5rem;
    }
    .checkbox01-parts:before{
        top: 0;
    } 
    .col2_item {
    width: 100%;
	}   
}

.formError.inline{
	width: auto;
	display: block;
}
.formError .formErrorContent{
	background: transparent;
	color: #ee0101;
	display: block;
}
.formError {
	z-index: 1 !important;
}

.position_r{
	position: relative;
}
.formError .formErrorContent {
	font-size: 1.4rem;
}
table.form_table input.error-input,
table.form_table textarea.error-input {
	border: 1px solid #d40000;
	background-color: #fdf2f2;
}

input[type=checkbox] {
	width: 30px;
	height: 30px;
	position: absolute;
}
.formErrorContent{
	margin: 10px auto 0;
}
.caution {
    background: #c38201;
    padding: 10px 5px;
    text-align: center;
    margin-bottom:20px;
}
.caution p{
    color:#fff;
    font-weight:600;
}
.dis-non {
	display: none;
}
.notes {
    position: relative;
    padding-left: 1em!important;
}
.notes:before {
    content: "※";
    position: absolute;
    left: 0;
}
.mess_center {
	font-size: 1.6rem;
    text-align: center;
}