@charset "UTF-8";

.tblForm{
	width:100%;
	margin-bottom:30px;
}
.tblForm th{
	width:30%;
	padding:20px;
	border-bottom:solid 1px #CCCCCC;
	vertical-align:top;
	font-weight:bold;
}
.tblForm th div{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items: center;
}

.tblForm th span:nth-child(1){
	color:#5F4B46;
}
.tblForm th span:nth-child(2){
	flex-basis:50px;
	color:#fff;
	border-radius:5px;
	text-align:center;
	font-size:14px;
	pading:3px 0;
}
.tblForm th span.hiss:nth-child(2){
	background:#E34A34;
}
.tblForm th span.nini:nth-child(2){
	background:#999;
}

.tblForm td{
	width:70%;
	padding:20px;
	border-bottom:solid 1px #CCCCCC;
	position:relative;
}

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

input[type="text"],
textarea,
select{
	display:inline-block;
	padding:15px;
	font-size:15px;
	width:100%;
	border:solid 1px #E8EAEC;
	background:#F8F9F9;
	border-radius:5px;

}
textarea{
	min-height:100px;
}


.labelArea{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
}
.labelArea label{
	flex-basis:24%;
}


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

.submitArea{
	width:100%;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	align-items: center;
}
.submitArea li,
.submitArea .btn-submit{
	flex-basis:32%;
}
.submitArea .btn{
	width:98%;
	background:#7AC3CD url(/shared/img/submit_arrow.png) no-repeat right 20px center;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	border-radius:100px;
	padding:30px ;
	border:none;
}
.submitArea .btn:hover{
	background-color:#5a959d;
	cursor: pointer;
}
@media screen and (max-width: 767px) { /* Smartphone */
}
/* --- */
.inputUlTbl{
}
.inputUlTbl li{
	margin-bottom:10px;
}
.inputUlTbl li:last-child{
	margin-bottom:0;
}
.inputUlTbl li span:nth-child(1){
	display:block;
	font-weight:bold;
	margin-bottom:5px;
}
.inputUlTbl li span:nth-child(2){
	display:block;
}

/* --- */
.input-telBox{
	display:flex;
	gap:10px;
}
.input-telBox li{
	width:calc( (100% - 20px) / 3);
}


@media screen and (max-width: 767px) { /* Smartphone */
	.tblForm tbody > tr > th{
		background:#d4edff;
	}
	.tblForm tbody > tr{
		display:block;
	}
	.tblForm tbody > tr > th,
	.tblForm tbody > tr > td{
		display:block;
		width:100%;
		border:none;
		padding:10px 10px;
	}
	.tblForm tbody > tr > td {
		padding-bottom:30px;
	}

	.labelArea{
		display:block;
	}
	.labelArea label{

	}

	.submitArea{
		width:100%;
		flex-flow: column;
		gap:10px 0;
	}
	.submitArea form{
		width:100%;
		margin-bottom:10px;
	}
	.submitArea form:first-child{
		order:2;
	}
	.submitArea form:last-child{
		margin-bottom:0px;
		order:1;
	}
	.submitArea li,
	.submitArea .btn-submit{
		width:100%;
		text-align: center;
	}
	.submitArea .btn{
		width:100%;
		padding:20px ;
	}
}



.addressTd .addressTd__inner{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	flex-directioin:row;
	gap:10px;
}
.addressTd .addressTd__inner > div{
	width:100%;

	display:flex;
	flex-wrap:wrap;
	flex-directioin:row;
	gap:5px;
}