@charset "utf-8";

/*=================================
	inquiry.css
================================ */

.flowList01 {
	overflow: hidden;
	display: table;
	width: 100%;
	margin-top: 20px;
	border: solid 1px #bbbbbb;
	border-radius: 5px;
}
.flowList01.type01 {
	background: url(/common_renew/images/com_bg10.gif) no-repeat 0 50%;
}
.flowList01.type02 {
	background: url(/common_renew/images/com_bg11.gif) no-repeat 0 50%;
}
.flowList01.type03 {
	background: url(/common_renew/images/com_bg12.gif) no-repeat 0 50%;
}
.flowList01 li {
	display: table-cell;
	width: 33%;
	padding: 10px 0;
	font-size: 18px;
	font-size: 1.8rem;
	color: #999999;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	line-height: 1.4;
}
.flowList01 li.current {
	width: 34%;
	color: #ffffff;
}
.tableList01 dl {
	display: table;
	width: 100%;
	border-bottom: solid 1px #cccccc;
	font-size: 14px;
	font-size: 1.4rem;
}
.tableList01 dl:first-child {
	border-top: solid 1px #cccccc;
}
.tableList01 dl dt {
	display: table-cell;
	width: 30%;
	padding: 15px;
	background: #efefef;
	font-weight: bold;
	vertical-align: middle;
}
.tableList01 dl.required dt {
	padding: 15px 60px 15px 15px;
	background: #efefef url(/common_renew/images/com_ic53.png) no-repeat 95% 50%;
}
#english .tableList01 dl.required dt {
	background: #efefef;
}
.tableList01 dl dd {
	display: table-cell;
	width: 70%;
}
.tableList01 dl dd.focus {
	background: #f9f2e6;
}
.tableList01 dl dd .error {
	display: none;
	margin-top: 0;
	padding: 5px 15px 5px 40px;
	background: #ffd3d3 url(/common_renew/images/com_ic59.png) no-repeat 10px 50%;
	font-weight: bold;
	color: #cc0000;
}
.tableList01 dl dd .addError {
	margin-top: 0;
	padding: 5px 15px 5px 40px;
	background: #ffd3d3 url(/common_renew/images/com_ic59.png) no-repeat 10px 50%;
	font-weight: bold;
	color: #cc0000;
}
.tableList01 dl dd .inner {
	padding: 15px;
}
.tableList01 dl dd .inner input,
.tableList01 dl dd .inner textarea {
	-webkit-appearance: none;
}
.tableList01 dl dd .inner *:first-child {
	margin-top: 0;
}
.tableList01 dl dd .inner .type01 {
	width: 100%;
	margin-top: 5px;
	padding: 5px;
	border: solid 1px #cccccc;
	font-size: 13px;
	font-size: 1.3rem;
}
.tableList01 dl dd .inner .type02 {
	width: 75px;
	margin: 5px 0 0;
	padding: 5px;
	border: solid 1px #cccccc;
	font-size: 13px;
	font-size: 1.3rem;
}
.tableList01 dl dd .inner .type03 {
	width: 150px;
	margin: 5px 0 0;
	padding: 5px;
	border: solid 1px #cccccc;
	font-size: 13px;
	font-size: 1.3rem;
}
.tableList01 dl dd .inner .hyphen {
	display: inline-block;
	padding: 0 5px;
	vertical-align: -2px;
}

.confirmBox {
	margin-top: 30px;
	text-align: center;
}
.confirmBox p {
	position: relative;
	display: inline-block;
	padding: 10px 0;
	border-top: 2px solid #2640a3;
	border-bottom: 1px solid #2640a3;
	color: #2640a3;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
.confirmBox p:before,
.confirmBox p:after {
	content: '';
	position: absolute;
	left: 50%;
	border-top-style: solid;
}
.confirmBox p:before {
  border-top-color: #2640a3;
	border-top-width: 12px;
	border-right: 11px solid transparent;
	border-left: 11px solid transparent;
	bottom: -12px;
	margin-left: -8px;
	z-index: 2;
}
.confirmBox p:after {
  border-top-color: #ffffff;
	border-top-width: 10px;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;
	bottom: -10px;
	margin-left: -6px;
	z-index: 3;
}
.confirmBox > *:first-child {
	margin-top: 0;
}

.radioList01 li {
	float: left;
	width: 33%;
	margin-top: 10px;
	padding: 0 0 0 25px;
	background: url(/common_renew/images/com_ic54.png) no-repeat 0 0%;
	cursor: pointer;
}
#english .radioList01 li {
	width: 50%;
}
.radioList01 li:nth-child(2),
.radioList01 li:nth-child(3) {
	margin-top: 0;
}
#english .radioList01 li:nth-child(3) {
	margin-top: 10px;
}
.radioList01 li.smallFont {
	font-size: 1.3rem;
}
.radioList02 li,
.radioList03 li,
.radioList04 li {
	float: left;
	margin-right: 30px;
	padding: 0 0 0 25px;
	background: url(/common_renew/images/com_ic54.png) no-repeat 0 50%;
	cursor: pointer;
}
.radioList01 li.check {
	background: url(/common_renew/images/com_ic55.png) no-repeat 0 0%;
}
.radioList02 li.check,
.radioList03 li.check,
.radioList04 li.check {
	background: url(/common_renew/images/com_ic55.png) no-repeat 0 50%;
}
.radioList01 li input,
.radioList02 li input,
.radioList03 li input,
.radioList04 li input {
	-ms-filter: "alpha(opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	cursor: pointer;
	position: absolute;
}

.selectbox {
	position: relative;
	display: block;
	width: 180px;
	height: 34px;
	background: #ffffff;
	border: solid 1px #cccccc;
	cursor: pointer;
}
.selectbox .txt {
	position: absolute;
	top: 3px;
	left: 0;
	display: inline-block;
	width: 100%;
	padding: 1px 0 1px 10px;
	background: url(/common_renew/images/com_ic56.gif) no-repeat 97% 50%;
	cursor: pointer;
}
.selectbox select {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	border: none;
	color: #333333;
	font-size: 12px;
	font-size: 1.2rem;
	-ms-filter: "alpha(opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	cursor: pointer;
}
.postNumBox .input {
	float: left;
	margin-right: 15px;
}
.postNumBox .formBtn01 {
	float: left;
	margin-top: 5px;
}
.btnBox {
	margin-top: 20px;
	text-align: center;
}
.btnBox.backBox01 {
	width: 580px;
	margin: 20px auto 0;
	text-align: center;
	border: none;
}
#english .btnBox.backBox01 {
	width: 420px;
}
.btnBox.backBox01 .prev {
	float: left;
	margin-top: 7px !important;
}

.formNote01 {
	display: inline-block;
	padding-left: 15px;
}
.formBtn01 a {
	display: block;
	padding: 5px 20px 4px 25px;
	background: #2640a3 url(/common_renew/images/com_ic57.gif) no-repeat 10px 50%;
	border-radius: 5px;
	color: #ffffff;
	font-weight: bold;
}
.formBtn02 {
	padding: 15px 70px;
	background: #2640a3 url(/common_renew/images/com_ic58.png) no-repeat 50px 50%;
	border: none;
	border-radius: 5px;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	cursor: pointer;
}
a.formBtn02 {
	color: #ffffff;
}
.formBtn02:hover {
	text-decoration: underline;
}
.formBtn02.disabled {
	background: #cccccc url(/common_renew/images/com_ic58.png) no-repeat 50px 50%;
	cursor: default;
	text-decoration: none;
}

@media only screen and (max-width: 973px) {
	.flowList01.type01 {
		background: url(/common_renew/images/com_bg10tab.gif) no-repeat center /100%;
	}
	.flowList01.type02 {
		background: url(/common_renew/images/com_bg11tab.gif) no-repeat center /100%;
	}
	.flowList01.type03 {
		background: url(/common_renew/images/com_bg12tab.gif) no-repeat center /100%;
	}
	.radioList01 li,
	.radioList01 li.check {
		padding: 0 10px 0 20px;
	}
	.tableList01 dl.required dt {
		background: #efefef url(/common_renew/images/com_ic53_sp.png) no-repeat 95% 50%;
		background-size: 35px 20px;
	}
	.radioList01 li {
		background: url(/common_renew/images/com_ic54_sp.png) no-repeat 0 0.3em;
		background-size: 15px 15px;
	}
	.radioList02 li,
	.radioList03 li,
	.radioList04 li {
		padding: 0 0 0 20px;
		background: url(/common_renew/images/com_ic54_sp.png) no-repeat 0 0.3em;
		background-size: 15px 15px;
	}
	.radioList01 li.check,
	.radioList02 li.check,
	.radioList03 li.check,
	.radioList04 li.check {
		background: url(/common_renew/images/com_ic55_sp.png) no-repeat 0 0.3em;
		background-size: 15px 15px;
	}
	.selectbox .txt {
		background: url(/common_renew/images/com_ic56_sp.png) no-repeat 97% 50%;
		background-size: 26px 26px;
	}
	.formBtn01 a {
		background: #2640a3 url(/common_renew/images/com_ic58_sp.png) no-repeat 10px 50%;
		background-size: 6px 10px;
	}
	.formBtn02.disabled {
		background: #cccccc url(/common_renew/images/com_ic58_sp.png) no-repeat 50px 50%;
		background-size: 6px 10px;
	}
}

@media only screen and (max-width: 767px) {
	.flowList01 {
		display: none;
	}
	.tableList01 dl dt,
	.tableList01 dl dd {
		display: block;
		float: none;
		width: 100%;
	}
	.radioList01 li,
	.radioList01 li:nth-child(2),
	.radioList01 li:nth-child(3) {
		float: none;
		width: 100%;
		margin-top: 10px;
		font-size: 1em;
	}
	.formNote01 {
		text-indent: -1em;
		padding-left: 1em;
	}
	.tableList01 dl dd .inner .type02 {
		width: 60px;
	}
	.tableList01 dl dd .inner .type03 {
		width: 90px;
	}
	.postNumBox .input {
		margin-right: 10px;
	}
	.btnBox.backBox01 {
		width: 100%;
		padding-top: 0;
	}
	#english .btnBox.backBox01 {
		width: 100%;
	}
	.btnBox.backBox01 .prev {
		float: none;
	}
	.formBtn02 {
		display: block;
		width: 100%;
		margin-top: 20px;
		padding: 15px 20px;
		background: #2640a3 url(/common_renew/images/com_ic58.png) no-repeat 20px 50%;
	}
	.formFinish {
		padding-bottom: 30px;
	}
}


/*=================================
	clearfix
=================================*/
.radioList01:after,
.radioList02:after,
.radioList03:after,
.radioList04:after,
.postNumBox:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}