@charset "utf-8";

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

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

#inquiry {
	background-color:#f5e8e6;
}

#inquiry_description[data-mode="confirm"],
#inquiry_description[data-mode="complete"] {
	padding-bottom: 0;
}

#inquiry_description p {
	padding: 0 20px;
}

#inquiry_description h1 {
	margin: 0;
}

#inquiry_description div {
	padding-top: 20px;
}

/*------------------------------
	form
------------------------------*/
#inquiry > p,
#inquiry > h2,
#inquiry dl {
	width: 95%;
	margin: auto;
}

#inquiry > p.important {
	margin-bottom: 0;
}

#inquiry > h2 {
	padding-top: 10px;
}

#inquiry > p {
	margin-bottom: 10px;
}

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

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

#inquiry dt,
#inquiry dd {
	line-height: 20px;
	padding: 5px;
	box-sizing: border-box;
	border-top: solid 1px #e3e3e3;
}

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

#inquiry dt {
	width: 100%;
	padding-left: 10px;
	box-sizing: border-box;
	line-height: 32px;
}

#inquiry dd {
	width: 100%;
	background-color: #fff;
}

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

#inquiry fieldset label {
	margin: 5px 5px 5px 10px;
	float: left;
}

.submit button {
	width: 90%;
	margin: 0 5%;
}

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

/*------------------------------
	privacy
------------------------------*/
#inquiry h2 {
	margin: 20px 0 10px;
	text-align: center;
}

#inquiry article.privacy {
	width: 95%;
	height: 200px;
	margin: 0 auto;
	padding: 20px 10px;
	box-sizing: border-box;
	border: solid 1px #bbb;
	background-color: #fff;
	overflow: 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: 20px;
}

.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;
}

.privacy_agree {
	margin-top: 10px;
	text-align: center;
}