@charset "UTF-8";

/**
 *
 * 資料請求フォーム
 *
**/

/*ヘッダー*/

#header h1{
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size:16px;
	font-weight: bold;
	margin:0;
	display:inline-block;
	vertical-align:top;
}
#header h1 a{
	color:#000;
	text-decoration:none;
}
#header h1 img{
	width:250px;
	height:auto;
	margin-top:8px;
	display:block;
}
#header h2{
	font-family:"游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
	font-size:48px;
	font-weight: bold;
	line-height:48px;
	height:auto;
	margin:0 0 0 30px;
	padding:0;
	display:inline-block;
	vertical-align:bottom;	
}
.form_privacy{
	background:#FDFCFA;
	border:solid 2px #00649B;
	border-radius:16px;
	margin:0 auto 40px ;
	padding:20px 40px;
}
.form_privacy h3{
	font-size: 18px;
	font-weight: bold;
	text-align:center;
	margin-bottom:10px;	
}
.txt_kome{
	margin-bottom:16px;
}
 em.txt_any{
	 color:#FF0000;
	 font-size: 14px;
	 font-style:normal;
	 font-weight:bold;
}
.form_privacy p.form_privacy_input{
	font-size:18px;
	text-align:center;
	margin:12px 0 0;
}
.form_privacy p.form_privacy_input label{
	padding-left:25px;
}
#form_content dl{
	border:solid 3px #E4F2F2;
	display:table;
	width:100%;
	margin-bottom:10px;
}
#form_content dl dt{
	width:200px;
	background:#E4F2F2;
	font-size: 19px;
	font-weight: bold;
	padding:0 40px;
	display:table-cell;
	vertical-align:middle;
}
#form_content dl dt span{
	font-size: 14px;
	font-weight: normal;
	display:block;
}
 #form_content dl dt em.txt_any{
	 display:block;
 }
#form_content dl dd{
	font-size: 18px;
	padding:20px 0 20px 40px;
	display:block;
}
#form_content dl dd .ttl_sub{
color:#003366;
font-weight: bold;
margin:0 0 10px 0;
padding:0;
}
ul{
	display:inline-block;
}
ul li{
	margin-bottom: 7px;
}
.form_company ul:last-child{
	margin-left:35px;
}
input[type="text"]{
	font-size:16px;
	border : 1px solid #ddd;
-webkit-border-radius : 0;
-webkit-appearance : none;
-webkit-tap-highlight-color : rgba(0,0,0,0);
	width:550px;
	line-height:35px;
	height: 35px;
}
input[type="text"]#zip{
	width:250px;
}
input[type="text"]#prefs{
	width:250px;
}
input[type="text"]#price{
	width:200px;
	margin-right:10px;
}
.form_address dd p{
	margin:20px 0 3px 0;
	padding:0;
}
.form_tel dd p{
	margin:0 0 3px 0;
	padding:0;
}
.form_address dd p:first-child{
	margin-top:0;
	padding:0;
}
.form_plan dd em{
	display:inline-block;
}
.checkbox01-input{
  display: none;
}
.checkbox01-parts{
  padding-left: 25px;
  position:relative;
  margin-right: 20px;
}
.checkbox01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow:2px 2px 1px -2px rgba(0,0,0,0.30) inset;
}
.checkbox01-input:checked + .checkbox01-parts{
  color: #339999;
}
.checkbox01-input:checked + .checkbox01-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #339999;
  border-right: 3px solid #339999;
}


.radio02-input{
  display: none;
}
.radio02-input + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.radio02-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  border-radius: 50%;
  box-shadow:2px 2px 1px -2px rgba(0,0,0,0.30) inset;
}
.radio02-input:checked + label{
  color: #339999;
}
.radio02-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #339999;
  border-radius: 50%;
}
textarea{
	border:solid 1px #DDD;
	font-size: 16px;
	width:80%;
}
.form_plan dd input[type="text"]{
	width:400px;
	margin:0 0 0 12px;
	display:inline-block;
}
.form_plan dd p.txt_plan{
	margin:10px 0;
}
input[type="submit"],
input[type="button"] {
  /*border-radius: 0;*/
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
.btn_submit{
	text-align:center;
}
.btn_submit input[type="submit"]{
	color:#fff;
	background:#339999;
	border:solid 1px #9BA1AA;
	border-radius:10px;
	font-size:19px;
	font-weight: bold;
	text-align:center;
	width:250px;
	line-height:60px;
	margin:60px auto 80px;
}
select{
font-size:110%;
background:#f2f2f2;
}

/* add.20190508 ここから */
input[type="text"]#age{
	width:200px;
	margin-right:10px;
}
.form_company ul{
	vertical-align:top;
}
/* ここまで */

/**formeエラー**/

.errs{
	margin:10px auto;
	color:#D80000;
	border:#D80000 2px solid;
	margin:0 0 20px 0;
	padding:15px;
}

/**forme確認画面**/

.btn_back{
color: #fff;
background: #B3B3B3;
border: solid 1px #9BA1AA;
border-radius: 10px;
font-size: 19px;
font-weight: bold;
text-align: center;
width: 250px;
line-height: 60px;
margin: 60px 10px 80px;
}


/*　　完了画面　　*/
.form_thanks{
	background:#FDFCFA;
	border:solid 2px #00649B;
	border-radius:16px;
	margin:0 auto 40px ;
	padding:50px 40px;
	text-align:center;
	font-size: 18px;
	line-height:2.5;
}
.form_thanks a{
	color:hsla(234,54%,40%,1.00)
}


@media only screen and (max-width: 640px) {
	
#header h1{
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size:13px;
	margin:0 auto;
	display:block;
	vertical-align:top;
}
#header h1 img{
	max-width:280px;
	width:100%;
	height:auto;
	margin:14px auto 12px;
	display:block;
	
}
#header h2{
	font-family:"游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
	font-size:24px;
	line-height:36px;
	height:auto;
	margin:0;
	padding:0;
	display:block;
}
.form_privacy_about p{
	font-size: 12px;
}
.form_privacy_about h3 {
    font-size: 16px;
}

#form_content dl{
	border:solid 3px #E4F2F2;
	width:calc(100% - 6px);
	margin-bottom:10px;
	display:block;
}
#form_content dl dt{
	width:calc(100% - 30px);
	font-size: 16px;
	padding:15px;
	display:block;
	vertical-align:middle;
}
#form_content dl dt br{
	display:none;
}
.form_company ul:last-child {
    margin-left: 0;
}
#form_content dl dd {
	font-size: 16px;
    padding: 15px;
}
.form_plan dd p.txt_plan {
    margin: 5px 0 10px 28px;
}
#form_content dl dt em.txt_any {
    display: inline-block;
}
input[type="text"],
input[type="text"]#zip ,
input[type="text"]#prefs ,
.form_plan dd input[type="text"]{
    width: calc(100% - 19px);
	margin: 0;
}
input[type="text"]#area,
 input[type="text"]#building{
	margin-top:5px;
}
input[type="text"]#price {
	width: calc(100% - 5em);
}
textarea{
	width: 100%;
}

#form_content dl.form_note  dt span{
	display:inline-block;
	
}

}