@charset "UTF-8";
/* CSS Document */

.contact {
	padding-bottom:70px;
}

.contact h1 {
	color:#D91204;
	text-align:center;
	font-size:22px;
	margin:25px auto 20px auto;
}

.lead {
	text-align:center;
	font-size:15px;
	width:90%;
	margin:25px auto;
	line-height: 1.6;
}

.btn_area {
	text-align: center;
	display: block;
	margin:0 auto;
}

.btn_area a {
	display: inline-block;
	border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	text-decoration:none;
	font-size:20px;
	color:#FFF;
	background: #D91204;
	padding:10px 40px;
}

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

form {
	clear:both;
}

dl.form_items {
	width:100%;
	background:#FFF5BF;
	font-size:1.1em;
	border-top: solid 1px #BBB;
	border-bottom: solid 1px #BBB;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

dl.form_items dt {
	padding:10px 2% 0 2%;
	font-weight:bold;
}

dl.form_items dt span.label {
	color:#222;
	padding:4px 0 4px 4px;
	display:inline-block;
	vertical-align: top;
	width:auto;
	overflow:hidden;
	min-height:20px;
	font-weight:bold;
}

dl.form_items dt span.icon {
	color:#D91204;
	background:#FFF;
	font-size:13px;
	font-weight:bold;
	border:solid 2px #D91204;
	border-radius:6px;
	-webkit-border-radius:6px;
    -moz-border-radius:6px;
	padding:3px 6px;
	display:inline-block;
	margin:0 6px 6px 0;
}

dl.form_items dd {
	padding-bottom:6px;
	display:block;
	clear:both;
	overflow:hidden;
	padding:0 4% 12px 2%;
	line-height:1.4em;
}

.textbox {
	width:100%;
	padding:4px 0;
}

dl.form_items textarea {
	width:100%;
	height:180px;
	line-height:1.4em;
}

.err {
	display:block;
	clear:both;
	color:#D91204;
}

.policy {
	clear:both;
	height:350px;
	width:88%;
	max-width:598px;
	padding:20px 4%;
	overflow:scroll;
	border: solid 1px #BBB;
	margin:20px auto 30px auto;
}

.policy h3 {
    text-align: center;
    font-size:22px;
    color:#222;
    padding:30px 0 44px 0;
}

.policy h3 span {
    font-family: 'Josefin Sans', sans-serif;
    font-size:14px;
    font-weight:normal;
    display: block;
    text-align: center;
    margin-top:4px;
    color:#D91204;
}

.policy h4 {
    font-size: 18px;
    margin-bottom: 25px;
    letter-spacing: 0.05em;
    color:#00468C;
    padding: 7px 15px;
    background:#EEE;
    border-radius: 4px;
}

.policy h5 {
    font-weight:bold;
    font-size:1.1em;
    color:#222;
    padding:2px 0 2px 10px;
    margin-bottom:8px;
    border-left:solid 5px #D91204;
}

.policy p {
    padding: 0 0 25px 0;
    line-height: 1.7;
}

.policy ol {
    padding:0 0 25px 32px;
}

.policy ol li{
    list-style-type: decimal;
    line-height: 1.7;
}

.policy ol ol {
    padding:0 0 0 32px;
}

.policy ol ol li{
    list-style-type: lower-roman;
}

.submit {
	border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	background:#00468C;
	color:#FFFFFF;
	font-size:20px;
	padding:10px 40px;
	text-align:center;
	display: block;
	margin:0 auto;
	text-decoration:none;
	border:none;
}

/*confirm-------------*/

.btn_box {
	clear:both;
	padding-top:50px;
	width:90%;
	max-width:300px;
	margin:0 auto 80px auto;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

.btn_revise a {
	border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	background:#999999;
	color:#FFFFFF;
	font-size:20px;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	float:left;
	width:45%;
}

.btn_submit a {
	border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	background:#D91204;
	color:#FFFFFF;
	font-size:20px;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	float:right;
	width:45%;
}


/*thanks-------------*/

#comp .lead {
	margin:0 auto 30px auto;
}

.comp_text {
	width:92%;
	max-width:1000px;
	margin:0 auto 50px auto;
}

#comp .to_home {
	font-size:16px;
	text-align: center;
	width:100%;
}


@media screen and (min-width: 688px) {
.contact h1 {
	font-size:24px;
}

.lead {
	font-size:17px;
	margin:30px auto;
}

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

dl.form_items {
	width:96%;
	max-width:850px;
	margin:0 auto;
	font-size: 0;
}

dl.form_items dt {
	display:inline-block;
	float:left;
	width:28%;
	clear:both;
	min-height:28px;
	font-size: 14px;
	padding:11px 0 0 2%;
}

dl.form_items dd {
	display:inline-block;
	width:67%;
	background:#FFF;
	padding:11px 1% 11px 2%;
	min-height:28px;
	marin:0;
	font-size: 14px;
}

.policy {
	width:88%;
	margin:20px auto 30px auto;
	max-width:730px;
	padding:30px 4%;
}

/*conf-------------*/
#conf dl.form_items dt,
#conf dl.form_items dd {
	min-height:20px;
}

/*thanks-------------*/

.comp_text {
	text-align:center;
}

}

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

.btn_area a {
	top:13px;
}

.policy {
	width:766px;
	max-width:none;
	padding:30px 40px;
}

}