@charset "utf-8";

.form-item dd {
	width: 100%;
	margin-left: 0;
}

.section-header .section__txt .required {
	vertical-align: middle;
}

/* --------------------------------------------------------- */
/* address */
.address__ttl {
	width: 100%;
	max-width: 190px;
	margin: 0 auto;
}

.address__data {
	width: 100%;
	margin: 0;
}

.address-hour {
	list-style: none;
	padding-left: 0;
	font-size: 0.85em;
}

.address-hour__item:last-child {
	margin-bottom: 0;
}

/* --------------------------------------------------------- */
/* form */
.form-ui {
	text-align: center;
}

.form-ui__item input {
	width: 100%;
	max-width: 240px;
}

/* --------------------------------------------------------- */
/* confirm */
.step-confirm .form-ui {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column-reverse;
}

.step-confirm .form-ui__item {
	width: 100%;
}

.step-confirm .form-item dt {
	color: rgba(102,102,102,.8);
}

.step-confirm .form-item {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: .5em;
}


@media print, screen and (min-width: 768px) {

	/* --------------------------------------------------------- */
	/* address */
	.address-outer {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.address__data {
		width: calc(100% - 170px);
	}

	.address__ttl {
		width: 140px;
	}

	/* --------------------------------------------------------- */
	/* form */
	.step-confirm .form-ui {
		flex-wrap: nowrap;
		flex-direction: unset;
	}

	.form-ui__item input {
		width: 240px;
	}

	#form-container .section__txt {
		text-align: center;
	}

	/* --------------------------------------------------------- */
	/* confirm */
	.step-confirm .form-ui .form-ui__item {
		margin-right: 1.5em;
		width: auto;
	}

	.step-confirm .form-ui .form-ui__item:last-child {
		margin-right: 0;
	}

	.step-confirm .form-item {
		padding-bottom: 1em;
	}

	/* --------------------------------------------------------- */
	/* finish */

}

@media screen and (min-width: 1280px) {

	#intro .section-header__ttl {
		text-align: center;
	}

	/* --------------------------------------------------------- */
	/* address */
	.address__ttl {
		width: 100%;
		max-width: 190px;
	}

	.address__data {
		width: calc(100% - 220px);
	}

	.address-hour li {
		font-size: 1.3rem;
	}

}

@media screen and (min-width: 1440px) {

}