@charset "utf-8";

/************************************************************************************
smaller than 960 TB
*************************************************************************************/
@media screen and (max-width: 960px) {

.ptForms .tableBaseForms input[type="text"],
.ptForms .tableBaseForms textarea,
.ptForms .tableBaseForms select {
	width: 80% !important;
}

.ptForms .tableBaseForms .count {
	display: block;
	text-align: left;
}

.ptForms ul.btnList li.onlyPc,
.ptForms p.onlyPc{
	display: none;
}

.ptForms .stepList {
	width: 84%;
}
.ptForms .stepList li {
	width: 31%;
	margin-left: 1% !important;
	margin-right: 1% !important;
}
.ptForms .stepList li img {
	width: 100%;
	height: auto;
}

}

/************************************************************************************
smaller than 768 TB
*************************************************************************************/
@media screen and (max-width: 768px) {

.ptForms .stepList {
	width: 100%;
}

}

/************************************************************************************
smaller than 640 SP
*************************************************************************************/
@media screen and (max-width: 640px) {
.ptForms .stepList {
	width: 100%;
}
.ptForms .stepList li {
  position: relative;
  float: none;
  width: auto;
  height: 41px;
  margin-right: auto !important;
  margin-bottom: 5px !important;
  margin-left: auto !important;
}
.ptForms .stepList li.step01On { background: url(/common/img/forms/img_step01_on_sp.gif) no-repeat top left; }
.ptForms .stepList li.step02On { background: url(/common/img/forms/img_step02_on_sp.gif) no-repeat top left; }
.ptForms .stepList li.step03On { background: url(/common/img/forms/img_step03_on_sp.gif) no-repeat top left; }
.ptForms .stepList li.step02Off { background: url(/common/img/forms/img_step02_off_sp.gif) no-repeat top left; }
.ptForms .stepList li.step03Off { background: url(/common/img/forms/img_step03_off_sp.gif) no-repeat top left; }
.ptForms .stepList li.step01On-en { background: url(/common/img_en/forms/img_step01_on_sp.gif) no-repeat top left; }
.ptForms .stepList li.step02On-en { background: url(/common/img_en/forms/img_step02_on_sp.gif) no-repeat top left; }
.ptForms .stepList li.step03On-en { background: url(/common/img_en/forms/img_step03_on_sp.gif) no-repeat top left; }
.ptForms .stepList li.step02Off-en { background: url(/common/img_en/forms/img_step02_off_sp.gif) no-repeat top left; }
.ptForms .stepList li.step03Off-en { background: url(/common/img_en/forms/img_step03_off_sp.gif) no-repeat top left; }
.ptForms .stepList li:before {
	position: absolute;
	top: 0;
	right: 0;
}
.ptForms .stepList li.step01On:before,
.ptForms .stepList li.step02On:before,
.ptForms .stepList li.step03On:before,
.ptForms .stepList li.step01On-en:before,
.ptForms .stepList li.step02On-en:before,
.ptForms .stepList li.step03On-en:before {
	content: url(/common/img/forms/img_step_on_end_square.gif);
}
.ptForms .stepList li.step02Off:before,
.ptForms .stepList li.step03Off:before,
.ptForms .stepList li.step02Off-en:before,
.ptForms .stepList li.step03Off-en:before {
	content: url(/common/img/forms/img_step_off_end_square.gif);
}
.ptForms .stepList li img {
	display: none;
}
.ptForms .tableBaseForms th ,
.ptForms .tableBaseForms td {
	width: 100%;
	display:block;
	float: left;
	clear: both;
	box-sizing: border-box;
}
.ptForms .tableBaseForms input[type="text"],
.ptForms .tableBaseForms textarea,
.ptForms .tableBaseForms select {
	width: 80% !important;
}
.ptForms .btnList {
	margin-left: auto !important;
	margin-right: auto !important;
}
.ptForms .btnList li {
	display: block;
	margin-bottom: 5px !important;
}
}