/*---------------------------------------
header
----------------------------------------*/
header {
	margin:10px 15px 20px;
	text-align:left;
}

header .kurumasateihikaku {
	display: flex;
	margin: 0 auto;
}

/*---------------------------------------
.title
----------------------------------------*/
.title {
	margin:0 0 10px;
	padding:0 0 3px;
	border-bottom:1px solid #CCC;
	overflow:hidden;
	text-align:left;
	display: flex;
	align-items: center;
}

.title .mainTitle {
	margin-right: auto;
	font-weight: bold;
	font-size: 122%;
}

.title img {
	vertical-align:middle;
}

.title span {
	margin-left: auto;
	display:inline-block;
	vertical-align:middle;
}

.title span em {
	color:#FF3333;
}

/*---------------------------------------
#content
----------------------------------------*/
#content {
	padding:0 15px;  
}

#content p.lead {
	margin:0 0 10px;
	text-align:left;
}

body.thanks #content p.lead {
	margin:20px 0 45px;
}

/*---------------------------------------
.formArea
----------------------------------------*/
.formArea {
	margin:0 0 30px;
}

.formArea table {
	margin:0;
	border-top:1px solid #CCC;
	width:100%;
}

.formArea table tr {
	border-bottom:1px solid #CCC;
}

.formArea table th {
	padding:10px 0;
	width:35%;
	box-sizing:border-box;
	text-align:left;
}

.formArea table th span.must {
	font-weight:bold;
}

.formArea table th span.must:after {
	content:"*";
	color:#FF3333;
}

.formArea table td {
	padding:10px 0;
	width:65%;
	box-sizing:border-box;
	text-align:left;
}

.formArea table td input,
.formArea table td textarea {
	padding:5px;
	width:100%;
	box-sizing:border-box;
}

.formArea table td textarea {
	min-height:8em;
}

/*---------------------------------------
.agreementArea
----------------------------------------*/
.agreementArea {
	margin:0 0 30px;
	padding:10px;
	border:1px solid #999;
	text-align:left;
}

.agreementArea > div {
	margin:0 0 5px;
	padding:0 0 0 1em;
	text-indent:-1em;
	font-size:124%;
	font-weight:bold;
}

.agreementArea ol {
	margin:0 15px 0 40px;
	list-style-type: decimal !important;
}

.agreementArea ol li:first-chil {
	margin-top:0 !important;
}

.agreementArea ol li {
	margin:5px 0 0;
}

/*---------------------------------------
.buttonArea
----------------------------------------*/
.buttonArea {
	margin:0 0 20px;
	text-align:center;
}

.buttonArea input {
	margin:0 auto 15px;
	padding:5px 10px;
	width:30%;
	box-sizing:border-box;
	display:block;
}

/*---------------------------------------
.thanks
----------------------------------------*/
body.thanks .title {
	margin: 0 15px;
}

/*---------------------------------------
 PC
----------------------------------------*/
@media (min-width:700px) {
header{
	width:700px;
}
#content{
	width:700px;
}
.title{
	margin: 0 0 20px;
	width:700px;
}
#content p.lead{
	margin: 20px 30px 20px;
    text-align: left;
}
.formArea {
    margin: 20px 15px 30px;
}
.formArea table th{
	padding: 20px 15px;
	width: 22%;
}
.formArea table td{
    padding: 20px 15px 20px 0;
}
.agreementArea{
	margin: 0 15px 30px;
}
}