/* form
─────────────────────────────────────────────────────────────────────────────────── */


/* contact-message
─────────────────────────────────────────────────────────────────────────────────── */
.contact-message .column [class*="panel"] {
	max-width: 97%;
	margin: 0;
}
.contact-message.confirm p {
	margin: 0;
}
.contact-message .note {
	margin-bottom: 0;
}

/* SP < 768px */
@media print, screen and (max-width: 47.9em) {
	.contact-message .column {
		padding-bottom: 1.367em;
	}
	.contact-message + .next-confirm {
		margin-top: 1em;
	}
}


/* PC > 768px */
@media print, screen and (min-width: 48em) {
	main > section:first-child {
		margin-top: 0;
	}
}

/* alert-message
─────────────────────────────────────────────────────────────────────────────────── */
.alert-message .label-alert {
	display: block;
	margin: 1em 0;
}

/* legend
─────────────────────────────────────────────────────────────────────────────────── */
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
fieldset legend {
	margin-bottom: 1em;
	padding: 0;
	font-weight: bold;
}
fieldset legend .label-alert {
	margin-left: .533em;
}

/* label
─────────────────────────────────────────────────────────────────────────────────── */
.birth-date-field label {
	font-weight: normal;
}

/* label-alert
─────────────────────────────────────────────────────────────────────────────────── */
.column label .label-alert,
.column th .label-alert {
	display: inline-block;
	margin-left: .533em;
}


/* alert
─────────────────────────────────────────────────────────────────────────────────── */
.column .alert {
	padding: 1.5em 1em;
}


/* field
─────────────────────────────────────────────────────────────────────────────────── */

/* hr */
[class*="-field"] hr {
	margin: 1em 0 .934em;
}


/* PC > 768px */
@media print, screen and (min-width: 48em) {

	/* hr */
	[class*="-field"] hr {
		margin: 2.667em 0 .934em;
	}
}


/* form
─────────────────────────────────────────────────────────────────────────────────── */

/* content-field */
/* PC > 768px */
@media print, screen and (max-width: 47.9em) {
	.content-field textarea {
		resize: none;
	}
}

/* input-field */
[class*="-field"] .row span {
	display: inline-block;
	width: 7%;
	text-align: center;
}

/* PC > 768px */
@media print, screen and (min-width: 48em) {
	.column.continuity-field {
		margin-top: 2.234em;
	}
}

/* tel-field */
.tel-field .row .input-item {
	width: 25%;
}



/* row */
/* PC > 768px */
@media print, screen and (min-width: 48em) {
	.post-field .row,
	.birth-date-field .row {
		display: table;
	}
	.birth-date-field .row select,
	.birth-date-field .row label,
	.post-field .row span,
	.post-field .row [class*="txt-"] {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
}

/* post-field */
.post-field .row .front-item {
	width: 26.7%;
}
.post-field .row .back-item {
	width: 50%;
}
.post-field [class*="txt-"] {
	margin-top: 1em;
}

/* PC > 768px */
@media print, screen and (min-width: 48em) {
	.post-field .row .front-item {
		width: 18%;
	}
	.post-field .row .back-item {
		width: 28%;
	}
	.post-field [class*="txt-"] {
		width: 35%;
		padding-left: 5%;
		text-align: right;
	}
	.post-field [class*="txt-"] .button {
		width: 100%;
		padding: .9em 3%;
	}
}

/* prefectures-field */
/* PC > 768px */
@media print, screen and (min-width: 48em) {
	.prefectures-field select {
		width: 50%;
	}
}

/* birth-date-field */
/* sp < 768px */
@media print, screen and (max-width: 47.9em) {
	.birth-date-field .row .field {
		display: inline-block;
		width: 90%;
	}
	.birth-date-field .row label + .field {
		margin-top: 1.567em;
	}
	.birth-date-field .row label {
		display: inline-block;
		width: 7%;
	}
}

/* PC > 768px */
@media print, screen and (min-width: 48em) {
	.birth-date-field .row {
		width: 100%;
	}
}

/* municipality-field */
.municipality-field label {
	display: block;
}
.municipality-field .checkbox-set > label + label {
	margin-top: .667em;
}
.municipality-field .other-row {
	margin-top: .667em;
}

/* SP < 768px */
@media print, screen and (max-width: 47.9em) {
	.municipality-field input.other-box {
		width: 93%;
		margin-left: 7%;
	}
	.municipality-field .checkbox-set > label {
		margin-left: 7%;
	}
	.municipality-field .other-row {
		display: block;
	}
	.municipality-field label.other-box {
		margin-left: 7%;
		margin-bottom: .667em;
	}
}

/* PC > 768px */
@media print, screen and (min-width: 48em) {
	.municipality-field .other-row {
		display: table;
		width: 100%;
	}
	.municipality-field .other-box {
		display: table-cell;
		width: 30%;
		vertical-align: middle;
	}
	.municipality-field label.other-box input {
		margin-left: 1.33em;
	}
	.municipality-field input.other-box {
		width: 100%;
		height: 1em;
	}
}

/* table-radio-field */
.table-radio-field .radio-set {
	display: table;
}
.table-radio-field.wide-scrolling {
	border: 0 none;
}
.table-radio-field .radio-set th,
.table-radio-field .radio-set td {
	display: table-cell;
	width: 10%;
	padding-top: .333em;
	text-align: center;
}
.table-radio-field .radio-set td input {
	margin: 0;
}
.table-radio-field .radio-set th:first-child,
.table-radio-field .radio-set td:first-child {
	width: 20%;
	padding-left: 1.333em;
	text-align: left;
}

/* SP < 768px */
@media print, screen and (max-width: 47.9em) {
	.table-radio-field .radio-set {
		margin-bottom: 1em;
	}
	.table-radio-field .radio-set th:first-child,
	.table-radio-field .radio-set td:first-child {
		white-space: nowrap;
	}
}

/* table-radio-field */
.scale-field .radio-set td {
	width: auto;
}
.scale-field .radio-set td.evaluation {
	width: 14%;
		white-space: nowrap;
}

/* contact-message 下部 */
form > [class*="grid-"] + .contact-message {
	margin: 2em 0 .5em;
}
form > [class*="grid-"] + .contact-message .panel-blue p {
	margin-bottom: 0;
}
form > [class*="grid-"] + .contact-message .checkbox-set {
	margin-top: 1em;
}
form > [class*="grid-"] + .contact-message .checkbox-set label {
	font-weight: bold;
}

/* SP < 768px */
@media print, screen and (max-width: 47.9em) {
	form > [class*="grid-"] + .contact-message {
		margin: 0 0 .5em;
	}
	form > [class*="grid-"] + .contact-message .column {
		padding-top: 2em;
	}
}

/* PC > 768px */

/* next-confirm */
.next-confirm [class*="txt-"] + [class*="txt-"] {
	margin-top: .667em;
}

/* mail-send-field */

.next-confirm [class*="txt-"] + [class*="txt-"] {
	margin-top: .667em;
}

/* SP < 768px */
@media print, screen and (max-width: 47.9em) {
	.column.mail-send-field {
		padding-top: 1em;
	}
	.mail-send-field input {
		background: #fff;
	}
}

/* PC > 768px */
@media print, screen and (min-width: 48em) {
	.next-confirm [class*="txt-"] + [class*="txt-"] {
		margin-top: 1.333em;
	}
}

/* secure-field */
.column.secure-field {
	margin-bottom: 1em;
	padding-top: 0;
	padding-bottom: 1em;
}
.secure-image {
	width: 150px;
	height: 6.667em;
}

@media print, screen and (max-width: 47.9em) {
	.column.secure-field {
		margin-top: .667em;
	}
}

/* PC > 768px */
@media print, screen and (min-width: 48em) {
	.secure-message {
		overflow: hidden;
	}
	.secure-message p {
		float:left;
		width: 60%;
	}
	.secure-image {
		float: right;
	}
}



/* form-confirm
─────────────────────────────────────────────────────────────────────────────────── */
.confirm-table [class^="table-"] {
	margin-bottom: 2em;
}

/* SP < 768px */
@media print, screen and (max-width: 47.9em) {
	.confirm-send {
		padding-bottom: 2em;
	}
	.confirm-send [class*="txt-"] + [class*="txt-"] {
		margin-top: 1em;
	}
	.confirm-table [class^="table-"] {
		padding-top: 1em;
	}
}

/* PC > 768px */
@media print, screen and (min-width: 48em) {
	.confirm-send {
		overflow: hidden;
		text-align: center;
	}
	.confirm-send [class*="txt-"] {
		float: right;
		width: 35%;
		margin-right: 12%;
	}
	.confirm-send [class*="txt-"] + [class*="txt-"] {
		float: left;
		margin-left: 12%;
		margin-right: 0;
	}
}



/* form-finish
─────────────────────────────────────────────────────────────────────────────────── */
/* PC > 768px */
@media print, screen and (min-width: 48em) {
	.contact-message [class*="txt-"] + [class*="txt-"] {
		margin-top: 1em;
	}
}