@charset "utf-8";
/* Copyright 2020 FSFIELD All Rights Reserved. */

/* ------------------------------------------------------------

御見積フォーム

------------------------------------------------------------ */

/* ページタイトル
---------------------------------------------- */
.pagettl h2::before{content: "Request for Quotation";}

/* コンテンツ
---------------------------------------------- */
.form_inner{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #DDD;
	padding-bottom: 60px;
	margin-bottom: 55px;
}

.form_l{
	font-size: 2.4rem;
	font-weight: bold;
	width: 250px;
}

.form_r{
	width: 890px;
	padding-right: 190px;
}

#content.form_r{padding-right: 0;}

#btn_address01{
	display: inline-block;
    vertical-align: middle;
	margin-left: 15px;
}
#btn_address01 a{display: block;}
#btn_address01 a:hover{opacity: .7;}

.txt_note01{margin: 15px 0 5px;}

.wrap_radio{padding-top: 5px;}

.form{width: 100%;}

.form th{
	font-weight: bold;
	padding-bottom: 7px;
}

.form th img{
	vertical-align: middle;
	margin: 0 10px 4px 0;
}

.form td{
	word-break: break-all;
	padding-bottom: 18px;
}

.form tr:last-child td{padding-bottom: 0;}

.check .btn_form{margin-top: 80px;}

.check .form td{padding-bottom: 30px;} 

input[type=text],
textarea{
	width: 100%;
	font-size: 1.6rem;
	border: 1px solid #DDD;
	border-radius: 0;
	padding: 14px 15px;
}

textarea{
	min-height: 300px;
	resize: vertical;
}

.form input:focus,
.form textarea:focus{outline: none;}

input::-moz-focus-inner{border: 0;}/* Firefox 点線消す */

textarea{display:block;}

.error{color:#D50000;}

label{display:inline-block;}

input[type=radio],
input[type=checkbox]{
	margin-right:5px;
	vertical-align:baseline;
}

.txt_form01{
	text-align: center;
	margin-bottom: 20px;
}

.btn_form{text-align: center;}

/*--内容確認--*/
input.submit{
	background:url(../quote/img/btn_submit02.png) no-repeat 0 0;
 	border: none;
	display: inline-block;
	text-indent: -9999px;
	width: 518px;
	height: 108px;
	padding: 0;
	outline: none;
	pointer-events: none;
}

input.submit.active{
	background:url(../quote/img/btn_submit01.png) no-repeat 0 0;
	cursor: pointer;
	pointer-events: auto;
}

input.submit.active:hover{opacity: .7;}

/*--戻る--*/
input.back{
	background:url(../quote/img/btn_back01.png) no-repeat 0 0;
	border:none;
	display:inline-block;
	text-indent: -9999px;
	width: 340px;
	height: 100px;
	cursor: pointer;
	padding: 0;
	outline: none;
}

input.back:hover{opacity: .7;}

/*--送信--*/
input.send{
	background:url(../quote/img/btn_send01.png) no-repeat 0 0;
	border:none;
	display:inline-block;
	text-indent: -9999px;
	width: 340px;
	height: 100px;
	cursor: pointer;
	margin-left: 20px;
	padding: 0;
	outline: none;
}

input.send:hover{opacity: .7;}

/*ラジオボタン*/
input[type="radio"]{display:none;}

input[type="radio"]+label{
	display:inline-block;
	background:url(../quote/img/ico_radio01.png) no-repeat 0 0;
	padding:0 0 0 27px;
	line-height:24px;
	cursor:pointer;
	margin-right: 1em;
}

input[type="radio"]:checked+label{background:url(../quote/img/ico_radio01_on.png) no-repeat 0 0;}
input[type="radio"]+label:hover{color:#999;}

/*--同意する--*/
.privacy_inner{
	text-align: center;
	margin-bottom: 40px;
}

input[type="checkbox"]{display:none;}

input[type="checkbox"]+label{
	display:inline-block;
	font-weight: bold;
	background-image: url(../quote/img/ico_checkbox01.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	background-size: 19px;
	padding-left: 30px;
	cursor: pointer;
}

input[type="checkbox"]:checked+label{background-image:url(../quote/img/ico_checkbox01_on.png);}

/*--タブ切り替え--*/
.nav_content{margin-bottom: 4px;}

.nav_content ul{
	display: flex;
	justify-content: space-between;
}

.nav_content ul li{
	position: relative;
	width: 174px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background: #646473;
	padding: 5px;
	cursor: pointer;
}

.nav_content ul li.active{
	color: #333;
	background: #DBEADC;
}

.nav_content ul li.active::after{
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background: #DBEADC;
	position: absolute;
	left: 0;
	bottom: -4px;
}

.form_content{
	display: none;
	background: #DBEADC;
	padding: 35px 10px 40px;
}

.form_content input{
	width: 130px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset; 
	margin-right: 10px;
}

.content_inner01{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #BED6C0;
	padding: 16px 20px;
}

#content03 .content_inner01:last-child{
	border-top: 1px solid #BED6C0;
	border-bottom: none;
	padding-bottom: 0;
}

#content04 .content_inner01:last-child{
	border-bottom: none;
	padding-bottom: 0;
}

#content05 .content_inner01,
#content06 .content_inner01{
	border-bottom: none;
	padding: 0 20px;
}

.content_inner01:first-child{padding-top: 0;}

.content_inner01 .content_l{width: 545px;}

.txt_content{
	font-weight: bold;
	padding-left: 20px;
	margin: 25px 0;
}

.content_inner02{
	display: flex;
	align-items: center;
	padding: 0 20px;
	margin-bottom: 30px;
}

.content_inner02:last-child{margin-bottom: 0;}

.content_inner02 .content_l{width: 225px;}


/*--確認,完了画面--*/
.flow{
	text-align: center;
	border-bottom: 1px solid #DDD;
	padding: 5px 0 80px;
	margin-bottom: 80px;
}

.wrap_form{
	border-bottom: 1px solid #DDD;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.wrap_form:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.check_inner01{
	display: flex;
	justify-content: space-between;
	padding-right: 130px;
	margin-bottom: 5px;
}

.wrap_option .check_inner01{
	width: 280px;
	padding-right: 0;
}

.txt_check01{
	font-weight: bold;
	margin-bottom: 5px;
}

.wrap_option{margin-top: 30px;}

.wrap_completion{text-align: center;}

.txt_completion01{margin-bottom: 20px;}

.txt_completion02{
	color: #999;
	margin-bottom: 70px;
}