@charset "utf-8";

@media screen and (max-width: 750px) {


main h3 {
	margin: 0 0 20px;
}

/* form
------------------------------------------------*/
main table {
	width: 100%;
	border: 1px solid #ccc;
	margin: 0 0 30px;
	font-size: 90%;
	font-weight: bold;
}
main table th {
	border-right: 1px solid #ccc;
	vertical-align: middle;
	text-align: left;
	background: #f7f7f7;
	width: 100%;
	display: block;
}
main table th > div {
	padding: 8px 0;
	width: 94%;
	margin: 0 auto;
}
main table td > div {
	padding: 10px 0;
	width: 94%;
	margin: 0 auto;
}
main table td {
	width: 100%;
	display: block;
}
main table td p {
	margin-bottom: 15px;
}
main table th span {
	background: #e20000;
	color: #fff;
	font-size: 70%;
	padding: 2px 5px;
	margin-left: 8px;
	vertical-align: middle;
	display: inline-block;
}
main table th span.option {
	background: #aaa;
}

/* name */
main table td span.name {
	width: 13%;
	display: inline-block;
}
main table td.name input[type="text"] {
	margin-right: 15px;
}
main table td.name input[type="text"].lastChild {
	margin-right: 0;
}
main table td.name div div {
	display: block;
	margin-bottom: 10px;
}

/* address */
main table td.address p span:first-child {
	padding: 0 3%;
}

/* list */
main table td ul.list li {
	display: block;
	margin: 15px 0 15px 18px;
}
main table td ul.list li label {
  cursor: pointer;
  padding-left: 28px;
}

/* attention */
main table th span.attention {
  display: block;
  color: #000;
  background: none;
  font-weight: normal;
  font-size: 85%;
  margin: 0;
  padding: 12px 0 0 12px;
  text-indent: -1em;
	line-height: 1.4em;
}
/* err */
main table td span.err {
	color: #ca3435;
	margin-top: 6px;
	font-weight: bold;
	display: block;
}
main table tr.matter span.err {
	margin-left: 0;
}

/* search */
main table span.search {
	border: 1px solid #ccc;
	padding: 10px 0;
	border-radius: 3px;
	cursor: pointer;
	background: -moz-linear-gradient(top center, #fff 0%, #eee 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#eee));
	background: linear-gradient(top center, #fff 0%, #eee 100%);
	display: block;
	text-align: center;
	margin-top: 10px;
	font-weight: normal;
}

/* text */
main table td input[type="text"] {
	height: 20px;
	width: 95%;
	padding: 8px 2%;
	background: #fff;
	border: 1px solid #ccc;
	display: block;
}
main table td input.size02 {
	width: 81%;
	display: inline-block;
	margin-right: 0 !important;
}
main table td input.size01 {
	width: 25%;
	display: inline-block;
}
main table td.address input.size01 {
	width: 41%;
}
main table td input.size04 {
	width: 31%;
	display: inline-block;
}

/* select */
main table td select {
	margin-bottom: 15px;
	display: block;
	width: 100%;
	padding: 6px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	background: #fff;
	background: url(../contact/img/sp/arw_select.png) right 50% no-repeat;
	background-size: 34px, 100%;
	border-radius: 0;
	font-size: 90%;
}

/* textarea */
main table td textarea {
	padding: 8px 5px;
	background-color: #fff;
	border: 1px solid #d3d2d2;
	line-height: 1.5em;
	width: 95%;
	resize: none;
	border-radius: inherit;
}

/* confirm */

main p.confirm label {
	cursor: pointer;
	color: #fff;
	padding: 12px 0 12px 5%;
	letter-spacing: 0.1em;
	background: url(../common/img/sp/icon_arrow05.png) 23% center no-repeat #ca3435;
	width: 95%;
	display: block;
	font-size: 120%;
	background-size: 8px;
}

/* btn */
main .btnArea {
	text-align: center;
}
main .btnArea p {
	display: block;
	font-size: 100% !important;
	margin: 0 15px 30px !important;
}
main .btnArea input {
	display: none;
}
main .btnArea label,
main .btnArea a {
	color: #fff;
	padding: 15px 0 14px;
	letter-spacing: 0.1em;
	background: #ca3435;
	border: 1px solid #ca3435;
	display: block;
	text-align: center;
}
main .btnArea p.back label,
main .btnArea p.back a {
	color: #666;
	background:#fff;
	border: 1px solid #ccc;
}
main .btnArea label span,
main .btnArea a span {
	background: url(../common/img/sp/icon_arrow05.png) left center no-repeat;
	background-size: 8px;
	padding-left: 20px;
}
main .btnArea p.back label span,
main .btnArea p.back a span {
	background: url(../common/img/sp/icon_arrow06.png) left center no-repeat;
	background-size: 8px;
}

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

	確認

----------------------------------------------------------------------------- */
.confirm main table td {
	font-weight: normal;
}
.confirm main table td > div {
    padding: 12px 0;
}

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

	完了

----------------------------------------------------------------------------- */
.end main p {
	margin: 0 0 30px;
	font-size: 90%;
}
main p.att{
	margin-top:-2em;
	margin-bottom:2em;}
}