@charset "utf-8";

/*------------------------------
	content
------------------------------*/
.visual{
	background-image: url("/img/visual_contact.jpg");
}

/*------------------------------
	inquiry
------------------------------*/

section {
	background-color:#f5e8e6;
}

#inquiry_description{
	margin-top: 0;
	padding-bottom: 0;
}

h1 {
	position: absolute;
	z-index: 1;
}

[data-mode="confirm"] h1,
[data-mode="complete"] h1 {
	position: static;
}


#inquiry_description div {
	width: 100%;
}

#inquiry_description p {
	width: 100%;
	min-height: 100px;
	margin-top: 45px;
	padding: 70px 124px 20px;
	box-sizing: border-box;
	letter-spacing: 1px;
	line-height: 30px;
	background-color: #dddada;
}


h2 {
	width: 1050px;
	text-align: center;
	margin: 30px auto 10px;
}

/*------------------------------
	form
------------------------------*/

.important {
	width: 1050px;
	margin: auto;
}

.warning,
#inquiry dl {
	width: 1050px;
	box-sizing: border-box;
	margin: auto;
}

.icon_required {
	position: relative;
	top: -3px;
	margin-right: 10px;
}

.warning {
	margin-bottom: 10px;
}

#inquiry dl {
	border: solid 1px #ccc;
	background-color: #eee;
}

#inquiry dt,
#inquiry dd {
	padding: 10px;
	box-sizing: border-box;
	line-height: 30px;
	border-top: solid 1px #ccc;
}

#inquiry dt:first-of-type,
#inquiry dd:first-of-type {
	border: none;
}

#inquiry dt {
	width: 30%;
	padding-left: 10px;
	box-sizing: border-box;
	float: left;
}

#inquiry dt.design_color {
	font-size: 0.9em;
}

#inquiry dd {
	width: 70%;
	min-height: 50px;
	margin-left: 30%;
	background-color: #fff;
}

#inquiry input[type="checkbox"] {
	margin-right: 25px;
	transform: scale(1.5) translate(10px, 0);
}

#inquiry fieldset label {
	float: left;
}

#inquiry fieldset label:not(:first-child) {
	margin-left: 20px;
}

#inquiry .submit button {
	margin-top: 10px;
}

/*------------------------------
	privacy
------------------------------*/
#inquiry article.privacy {
	width: 1050px;
	height: 300px;
	margin: auto;
	padding: 30px 50px;
	box-sizing: border-box;
	border: solid 1px #bbb;
	background-color: #fff;
	overflow-y: scroll;
}

article.privacy .point {
	margin: 10px;
}

article.privacy .clause {
	margin: 0;
	list-style: none;
}

.clause > li {
	margin: 20px 0 20px 20px;
	list-style: upper-alpha;
}

.clause li .list_content {
	padding-left: 15px;
}

.clause li ul.list_content {
	list-style: disc;
}

.clause ul.list_content li {
	margin: 0;
}

article.privacy p {
	line-height: 1.7em;
}

article.privacy .block {
	display: block;
}

article.privacy .t_center {
	text-align: center;
}

article.privacy .t_right {
	text-align: right;
}

.privacy_agree {
	width: 1050px;
	margin: 10px auto 0;
	text-align: center;
}

/*------------------------------
	complete
------------------------------*/
.complete {
	width: 1050px;
	margin: 0 auto 30px;
	padding: 30px;
	box-sizing: border-box;
	border: solid 2px #c3c3c3;
	background-color: #fff;
}