@charset "UTF-8";

/*===================================
  reset Css
===================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; }
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { display:block; }
ul ,li{ list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:100%; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
textarea{ font-size:1em; }

/*===================================
  layout CSS
===================================*/
body{
	font:14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
	background:#f8f7f3;
	color:#333333;
}

a:link,
a:visited{ text-decoration:underline; color:#002859; }
a:hover,
a:active{ text-decoration:none; color:#002859; }

.clearfix:before,
.clearfix:after{ content: " "; display: table; }
.clearfix:after{ clear: both; }
.clearfix{ *zoom: 1; }

a,
button{
  -webkit-transition:0.2s ease-in-out;
  -moz-transition:0.2s ease-in-out;
  -o-transition:0.2s ease-in-out;
  transition:0.2s ease-in-out;
}
a:hover,
button:hover{
  -webkit-transition:0.2s ease-in-out;
  -moz-transition:0.2s ease-in-out;
  -o-transition:0.2s ease-in-out;
  transition:0.2s ease-in-out;
  opacity:0.8;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
}
.required-field{
	padding:2px;
	background:#ff4b42;
	font-size:10px;
	color:#ffffff;
	vertical-align:2px;
}

/*  header
===================================*/
/* LPcss移植 */
header .top{
    background: rgba(0, 0, 0, 0) url("../images/header_bg.png") repeat-x scroll left bottom;
    height: 80px;
    padding-top: 10px;
    position: relative;
    width: 100%;
    z-index: 2;
}
header .top ul{
	width:1090px;
	margin:0 auto;
	padding:13px 0 0;
}
/* //LPcss移植 */

/*  siteFooter
===================================*/
#siteFooter{
	padding:30px 0;
	text-align:center;
}
#siteFooter .txtPink{
	font-size:12px;
	color:#ff706d;
}

/*  formArea
===================================*/
.formArea{
	width:900px;
	margin:0 auto;
}
.formArea .formTitle{
	padding:30px 0 20px;
	text-align:center;
	font-size:26px;
	color:#aa8730;
}
.formArea .form{
	padding:40px 55px 60px;
	background:#ffffff;
}
.formArea .lead{
	margin:0 0 20px;
}
.formArea .lead .required-field{
	margin:0 3px 0 0;
}
.formArea .thanksTxt{
	padding:0 0 100px;
}
.formArea .form dl{
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.formArea .form dl dt{
	width:230px;
	padding:10px 15px;
	background:#f5f5f5;
	border-top:#cccccc 1px solid;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.formArea .form dl dt .required-field{
	float:right;
}
.formArea .form dl dt .note{
	display:block;
	font-size:12px;
	color:#666666;
}
.formArea .form dl dd{
	width:560px;
	padding:10px 15px;
	border-top:#cccccc 1px solid;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.formArea .form dl dt:last-of-type,
.formArea .form dl dd:last-of-type{
	border-bottom:#cccccc 1px solid;
}
.formArea .form dl dd label{
	margin:0 15px 0 0;
}
.formArea .form dl dd input[type=radio],
.formArea .form dl dd input[type=checkbox]{
	vertical-align:1px;
}
.formArea .form dl dd ul li {
	display: inline;
	white-space: nowrap;
}

.formArea .form .formBtn{
	padding:40px 0 0;
	text-align:center;
}
.formArea .form .formBtn button{
	width:240px;
	margin:0 10px;
	padding:10px 30px;
	border:none;
	font-size:18px;
	cursor:pointer;
}
.formArea .form .formBtn button[type=submit]{
	background:#aa8730;
	font-weight:bold;
	color:#ffffff;
}
.formArea .form .formBtn button[type=reset]{
	background:#cccccc;
	font-weight:bold;
	color:#666666;
}

/* スマホのみ */
@media screen and (max-width: 799px ){
	header .top{
		width:auto;
		height:auto;
		padding:15px 10px;
		background:none;
		background: #fcfbf9; /* Old browsers */
		background: -moz-linear-gradient(top,  #fcfbf9 0%, #f3efe3 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #fcfbf9 0%,#f3efe3 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #fcfbf9 0%,#f3efe3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbf9', endColorstr='#f3efe3',GradientType=0 ); /* IE6-9 */
		border-bottom: 1px solid #CCC;
		text-align: center;
	}
	header .top ul{
		width:100%;
		margin:0;
		padding:0;
	}
	header .top img{
		width:200px;
		height:auto;
	}
	
	.formArea{
		width:100%;
	}
	.formArea .formTitle{
		padding:10px 0;
		font-size:16px;
	}
	.formArea .lead{
		margin-bottom:10px;
	}
	.formArea .form{
		padding:20px 15px;
	}
	.formArea  .form dl{
		display:block;
		flex-wrap:nowrap;
		border-top:#cccccc 1px solid;
	}
	.formArea .form dl dt{
		width:auto;
		padding:15px 0 5px !important;
		background:none;
		border-top:none;
		font-weight:bold;
	}
	.formArea .form dl dt .required-field{
		float:none;
		margin:0 5px 0 0;
	}
	.formArea .form dl dd{
		width:auto;
		padding:0 0 15px !important;
		border-top:none;
		border-bottom:#cccccc 1px dotted;
	}
	.formArea .form dl dd input,
	.formArea .form dl dd select{
		font-size:1em;
	}
	.formArea .form dl dd input[type=text],
	.formArea .form dl dd textarea{
		width:95%;
	}
	.formArea .form dl dt:last-of-type{
		border-bottom:none;
	}
	.formArea .form dl dd:last-child{
		border-bottom:#cccccc 1px solid;
	}
	.formArea .form .formBtn{
		padding-top:20px;
	}
	.formArea .form .formBtn button,
	.formArea .form .mfp_element_submit,
	.formArea .form #mfp_button_send,
	.formArea .form .mfp_element_reset,
	.formArea .form #mfp_button_cancel{
		width:42%;
		padding:10px 0;
		font-size:16px;
	}
	
	#siteFooter p {
		padding: 0 10px;
	}
	
}

.formArea .privacy {
    padding: 40px 55px 60px;
    background: #ffffff;
}
.formArea .privacy p{ padding:0 0 30px;}
.formArea .privacy h3{
	background: #AA8730;
	color:#fff;
	padding:10px;
	margin:0 0 15px;
}
.formArea .privacy h4{
	font-weight: bold;
	font-size:1.1em;
	border-bottom:solid 2px #AA8730;
	padding:10px 0;
	margin:0 0 20px;
}
@media screen and (max-width: 799px ){
	.formArea .privacy{
		padding:20px 15px;
	}
}