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

/*==============================*/
/* お問い合わせ */
/*==============================*/
/* ======= PC =======*/
@media (min-width: 600px) {
	form{ font-size: 15px; }
	form dl{
		padding: 19px 0 16px 0;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		 -webkit-justify-content: space-between;
		align-items: center; -webkit-align-items: center; /* Safari */
	}
}

#contact_conf form dl{
	padding: 19px 0 19px 0;
	border-bottom: 1px solid #C5C5C5;
}

form dl dt{
	position: relative;
	width: 25%;
	padding-left: 20px;
}
form dl dt span{
	padding: 0 10px 2px 10px;
	position: absolute; top: -1px; right: 0;
	color: #fff;
	background: #FF9046;
	border-radius:.4em;
	font-size: 13px;
}
form dl dd { width: 70%; }
div.form button[type="submit"],

div.form .transmission_btn a{
	display: block;
	padding: 10px 0 11px 0;
	background: #FF9046;
	margin: 0 auto;
	color:#fff;
	width: 220px;
	font-size: 16px;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	box-shadow: none;
	border: none;
}
div.form .back_btn button[type="submit"],
div.form .back_btn input[type="submit"],
div.form .back_btn a{
	display: block;
	padding: 7px 0 8px 0;
	width: 150px;
	font-size: 14px;
	background: #aaa;
	color: #fff;
	border-radius: 5px;
}
div.form .transmission_btn button[type="submit"],
div.form .transmission_btn input[type="submit"],
div.form .transmission_btn a{ background: #FF9046;}

@media (max-width: 600px) {
	form dl { padding: 20px 10px 15px 10px; }
	form dl dt{
		width: 100%;
		padding-left: 0px;
		margin-bottom: 8px;
		font-size: 15px;
	}
	form dl dd { width: 100%; }
}

/*==============================*/
/* フォーム設定 */
/*==============================*/

/* ======= PC =======*/
@media (min-width: 600px) {
    .form input[type="text"],
    .form input[type="password"],
    .form input[type="email"],
    .form input[type="tel"],
    .form input[type="radio"],
    .form input[type="date"],
    .form select,
    .form textarea  {
        height: 35px;
        padding: 0 10px;
        border-radius: 3px;
        border: 1px solid #ccc;
        color: #444;
        position: relative;
        top: -1px;
    }
	.form input[type="text"]{min-width: 30%;}
    .form input[name="item_mail_1"],
	.form input[name="item_mail_2"],
	.form input[name="item_subject"]{min-width: 60%;}
    .form textarea{min-width: 80%;}
	
    .form textarea,.form input[type="radio"]{ height: auto; }
    .form select{ padding-right: 30px; }
    .form input[type="radio"]{ margin-right: 5px; position: relative; top: 2px;}
	.form input[type="checkbox"]{ margin-right: 5px;}
	
	.form .trigger_other input[type="text"],
	.form .work_other input[type="text"] { margin-left: 10px; }
	.form .same_product input:first-child { margin-right: 20px; }
	.form .same_product input:nth-child(2) { margin-right: 20px; }
}

/* ======= SP =======*/
@media (max-width: 600px) {
    input {font-size: 16px;}
    .form input[type="text"],
    .form input[type="email"],
	.form input[type="password"],
    .form input[type="tel"],
    .form input[type="radio"],
    .form select,
    .form textarea{
        width: 100%;
        height: 40px;
        padding: 0 5px;
        margin-bottom: 10px;
        border-radius: 3px;
        border: 1px solid #ccc;
        color: #444;
        position: relative;
        top: 0px;
    }
	.preferred_date input[type="text"]{ width: 35%; }
	.adress input[type="text"], .form select{ width: 50%; }
	
    .form textarea{ height: auto; }
    .form input[type="radio"]{ width: auto; height: auto; position: relative; top: 2px; }
    .form select{ padding-right: 30px; }
    .form input[type="radio"]{ margin-right: 5px; }
	.form textarea{
		width: 95%;
	}
}

.form dl.tel dd ul{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	 -webkit-justify-content: space-between;
	align-items: center; -webkit-align-items: center; /* Safari */
}
.form dl.tel dd ul li input[type="tel"]{ width: 100%;}
.form dl.tel dd ul li:nth-child(1) { width: calc(30% - 0.1%); margin-right: 0.1%;}
.form dl.tel dd ul li:nth-child(2) { width: calc(5% - 0.1%); margin-right: 0.1%; text-align: center;}
.form dl.tel dd ul li:nth-child(3) { width: calc(30% - 0.1%); margin-right: 0.1%;}
.form dl.tel dd ul li:nth-child(4) { width: calc(5% - 0.1%); margin-right: 0.1%; text-align: center;}
.form dl.tel dd ul li:nth-child(5) { width: 30%;}