@charset "utf-8";

/* --------------------------------
	body
-------------------------------- */
body{
}


/* --------------------------------
	全体
-------------------------------- */
#all{
}

#head{
	padding:15px 0 16px;
	text-align: center;
}
#head h1 a:active img{
	opacity:0.8;
}
#head h1 img{
	margin: 0;
}

.title1{
	margin: 0 0 10px;
	padding: 12px 12px;
	border-bottom: 1px solid #21206d;
	background: -webkit-gradient(linear, left top, left bottom, from(#21206d), to(#303690));
	color: #fff;
}
.title1 h2{
	font-size: 18px;
	font-weight: bold;
}

.reason{
	margin: 0 10px 20px;
}

.inqbox{
	margin: 0 10px 20px;
	padding: 0 0 10px;
	background: #f1f2f3;
	-webkit-box-shadow: 0 0 5px #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.inqbox h3{
	padding:7px 5px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	color: #fff;
	background: #232272;
	text-align: center;
	line-height: 1.2em;
}
.inqbox-tel{
	margin:0 10px;
	padding:10px 0;
	text-align: center;
	border-bottom: 1px dotted #999999;
}
.inqbox-tel .inqbox-telnum{
	padding:0 0 3px 0;
	font-weight: bold;
	color: #b20000;
	font-size: 30px;
}
.inqbox-tel .inqbox-teltime{
	color: #666666;
}
.inqbox-bt{
	padding: 28px 0 20px;
	text-align: center;
}

/* 赤ボタン */
.inqbox-bt a{
	/* 角丸 */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	/* グラデーション */
	background: -webkit-gradient(linear, center top, center bottom, from(#f39b6b), color-stop(0.49, #f07f40),color-stop(0.5, #e96404), to(#d15907));
	/* 影 */
	-webkit-box-shadow: 0 0 2px #666;
  /* その他の設定 */
	color:#fff;
	text-decoration:none;
	text-align:center;
	padding:10px 15px;
	display: inline;
	font-weight: bold;
	font-size: 18px;
	text-shadow: -1px -1px #875356;
	border:1px solid #bd794a;
}
.inqbox-bt a:active{
	background: -webkit-gradient(linear, center top, center bottom, from(#f5b089), color-stop(0.49, #f5b089),color-stop(0.5, #e38b4f), to(#e38b4f));
	text-shadow: 0 0 3px #fff;
}

.comp-txt1{
	margin:0 0 15px;
	padding: 0 10px;
	font-size: 14px;
	line-height: 1.5em;
}

.comp-txt2{
	margin:0 0 15px;
	padding: 0 10px;
	font-size: 14px;
}
.comp-txt2 h3{
	padding: 0 0 10px;
}
.comp-txt2 h4{
	padding: 0 0 10px;
}
.comp-txt2 ol{
	padding:10px 10px 0px;
	background: #F1F2F3;
}
.comp-txt2 li{
	padding: 0 0 10px;
	line-height: 1.5em;
}

.company{
	margin:0 0 15px;
	padding: 0 10px;
}
.company dl{
}
.company dt{
	margin:0 0 3px;
	padding: 8px 0 8px 6px;
	border-left:7px solid #232272;
	font-size: 14px;
	font-weight: bold;
	background: #DFDFF0;
	color: #232272;
}
.company dd{
	font-size: 14px;
	padding: 0 0 13px 13px;
	line-height: 1.5em;
}


.form-kv{
	padding:0 0 10px;
}
.form-kv img{
	width:100%;
}
.form-txt{
	margin:0 0 15px;
	padding: 0 10px;
	font-size: 14px;
	line-height: 1.5em;
}

.form-step{
	margin: 0 10px 15px;
}

.form-txt__hot{
    font-size: 13px !important;
    margin: 10px 0 15px !important;
}

.form-txt p{
	margin:0 0 10px;
	font-size: 14px;
	line-height: 1.5em;
}
.form-txt .form-txt-thx{
	font-weight: bold;
	text-align: center;
	font-size: 16px;
}
.form-area{
	margin: 0 10px 20px;
	padding: 13px 13px 10px;
	border: 1px solid #ccc;
	background: #EEF4FB;
	-webkit-box-shadow: 0 0 3px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.form-list{
}
.form-kakunin{
}
.form-kakunin dd{
	font-size: 14px;
	color: #21206d;
}
.form-kakunin dd span{
	display: inline-block;
	margin: 0 0 5px;
}
.form-list .from-in-ss{
	padding:10px 2px;
	font-size: 16px;
	width: 20%;
}
.form-list .from-in-s{
	padding:10px 2px;
	font-size: 16px;
	width: 30%;
}
.form-list .from-in-l{
	padding:10px 2px;
	font-size: 16px;
	width: 90%;
}
.from-in-l::-webkit-input-placeholder{
	font-size: 11px;
}
.from-in-l:-moz-placeholder{
	font-size: 11px;
}
.from-in-l:placeholder-shown{
	font-size: 11px;
}
.form-list select{
	font-size: 16px;
}
.form-list ul{
	margin: 5px 0 10px;
}
.form-list ul li{
	margin: 0 0 5px;
}
.form-list ul li input.from-in-radio{
	margin: 0 0 0 5px;
	vertical-align: middle;
}

.form-list dl{
}
.form-list .form-ess{
	margin:0 0 0 5px;
	padding: 1px 5px;
	color: #f00;
	background: #fff;
	font-size: 11px;
	margin: 0 0 0 5px;
}
.form-list .form-ninni{
	margin:0 0 0 5px;
	padding: 1px 5px;
	color: #227FF6;
	background: #fff;
	font-size: 11px;
	margin: 0 0 0 5px;
}
.form-list .form-exp{
	padding:2px 0 0 0;
	color: #666;
}
.form-list .form-err{
	padding:2px 0 0 0;
	color: #f00;
}
.form-list dt{
	margin:0 0 3px;
	padding: 1px 0 1px 6px;
	border-left:7px solid #000;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px #fff;
}
.form-list dd{
	padding: 0 0 13px 13px;
}
.form-list-detailNotes{
	display: block;
	line-height: 1.3;
	font-size: 11px;
	margin: 0 0 5px;
}
.form-bt{
	padding: 18px 0 28px;
	text-align: center;
}

.form-list-service{
}
.form-list-service li{
	padding: 0 0 3px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form-list-service-labelTitle{
	font-size: 16px;
	font-weight: bold;
	line-height:1.2;
}
.form-list-service-cap{
	padding:3px 0 0;
	display:block;
	font-size:10px;
	line-height:1.2;
}
.form-list-service label{
}
.form-list-service label img{
	width:100%;
}
.form-list-service-check{
	display: block;
	width: 15%;
	float: left;
}


/* 送信完了 */
.form-txt-finish{
	margin:0 0 15px;
	padding: 0 10px;
	font-size: 14px;
	line-height: 1.5em;
	text-align: center;
}
.form-txt-finish p{
	margin:0 0 10px;
	font-size: 14px;
	line-height: 1.5em;
}

.bt-tryit{
	text-align: center;
	margin: 0 0 15px;
}
.bt-tryit img{
	width: 62.5%;
}
.bn-tryit{
	margin: 0 10px 20px;
	text-align: center;
}
.bn-tryit img{
	width: 100%;
}


/**/
.form-tablebox{
	padding:0 0 15px;
}
.form-subtitle{
	margin:0 0 7px;
	padding:5px 0;
	background:#252677;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	text-align: center;
}

.form-collist{
}
.form-collist li{
	padding:0 5px 3px 0;
	float:left;
	width:45%;
}

/* 赤ボタン */
.form-bt a{
	/* 角丸 */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	/* グラデーション */
	background: -webkit-gradient(linear, center top, center bottom, from(#e08487), color-stop(0.49, #d65a5f),color-stop(0.5, #cd2a27), to(#b12525));
	/* 影 */
	-webkit-box-shadow: 0 0 2px #666;
  /* その他の設定 */
	color:#fff;
	text-decoration:none;
	text-align:center;
	padding:10px 15px;
	display: inline;
	font-weight: bold;
	font-size: 18px;
	text-shadow: -1px -1px #875356;
	border:1px solid #ac5c5b;
}
.form-bt a:active{
	background: -webkit-gradient(linear, center top, center bottom, from(#ed979a), color-stop(0.49, #ed979a),color-stop(0.5, #e33734), to(#e33734));
	text-shadow: 0 0 3px #fff;
}

/* グレーボタン */
.form-bt2{
	padding: 18px 0 28px;
	text-align: center;
}
.form-bt2 a{
	/* 角丸 */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	/* グラデーション */
	background: -webkit-gradient(linear, center top, center bottom, from(#b0b0b0), color-stop(0.49, #999999),color-stop(0.5, #787878), to(#6c6c6c));
	/* 影 */
	-webkit-box-shadow: 0 0 2px #666;
  /* その他の設定 */
	color:#fff;
	text-decoration:none;
	text-align:center;
	padding:10px 15px;
	display: inline;
	font-weight: bold;
	font-size: 18px;
	text-shadow: -1px -1px #838383;
	border:1px solid #838383;
}
.form-bt2 a:active{
	background: -webkit-gradient(linear, center top, center bottom, from(#cdcdcd), color-stop(0.49, #cdcdcd),color-stop(0.5, #979797), to(#979797));
	text-shadow: 0 0 3px #fff;
}

/* グレー2行ボタン */
.form-bt3{
	margin:0 5px;
	padding: 18px 0 28px;
	text-align: center;
}
.form-bt3 a{
	background:url(../img/ic_001.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e6e3));
	border: 1px solid #e4e6e3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 1px 0 #fff;
	text-decoration:none;
	text-align:center;
	color: #333;
	padding:10px 15px;
	display: block;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.3em;
}
.form-bt3 a span{
}
.form-bt3 a:active{
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eee));
	text-shadow: 0 0 3px #fff;
}

/* グレーボタン */
.form-bt4{
	padding: 18px 0 48px;
	text-align: center;
}
.form-bt4 a{
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e6e3));
	border: 1px solid #e4e6e3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 1px 0 #fff;
	text-decoration:none;
	text-align:center;
	color: #333;
	padding:10px 5px 10px 15px;
	font-weight: bold;
	font-size: 18px;
}
.form-bt4 a span{
	padding:0 40px 0 0;
	background:url(/sp/img/common/ic_008.png) no-repeat right center;

	-moz-background-size:17px 17px;
	background-size: 17px 17px;
}
.form-bt4 a:active{
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eee));
	text-shadow: 0 0 3px #fff;
}

.lv-err {
    color: #CC0000;
    padding: 5px 0 0;
}

.bt-postnum{
	margin:5px 0 0 0;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e6e3));
	border: 1px solid #e4e6e3;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-shadow: 0 1px 0 #fff;
	text-decoration:none;
	text-align:center;
	color: #333;
	padding:8px 15px;
	font-weight: bold;
	font-size: 16px;
}


/* --------------------------------
 フッター
-------------------------------- */
.foot-navi{
	padding:0 0 10px 0;
	text-align: center;
}
.foot-navi li{
	padding:0 5px;
	display: inline;
}

#foot{
	padding: 15px 12px;
	border-top:1px solid #e6e6e6;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
}
#foot .foot-copy{
	text-align: center;
}

.foot-pankuzu {
  background: #ddd;
  border-top: 1px solid #d8d8d8;
  -webkit-box-shadow: 0 3px 3px rgba(170, 170, 170, 0.1);
  -moz-box-shadow: 0 3px 3px rgba(170, 170, 170, 0.1);
  -ms-box-shadow: 0 3px 3px rgba(170, 170, 170, 0.1);
  box-shadow: 0 3px 3px rgba(170, 170, 170, 0.1);
}

.foot-pankuzu ul {
  width: 100%;
}

.foot-pankuzu ul:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.foot-pankuzu li {
  padding: 0 4px 0 8px;
  font-size: 10px;
  background: url(/sp/img/pankuzu_ic_arrow.png) no-repeat #fefefe;
  background-position: left top;
  background-size: 12px 30px;
  line-height: 30px;
  height: 30px;
  width: 20%;
  float: left;
}

.foot-pankuzu li a, .foot-pankuzu li span {
  height: 30px;
  line-height: 30px;
  padding: 0 0 0 5px;
  display: block;
  text-decoration: none;
  color: #333;
}
.foot-pankuzu li span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
  color: #333;
}

.foot-pankuzu li:first-child, .foot-pankuzu.five-items li:first-child {
  background: #fefefe;
  padding: 0 2px;
  width: 6%;
}
.foot-pankuzu li:last-child {
  background: url(/sp/img/pankuzu_ic_arrow.png) no-repeat;
  background-position: left top;
  background-size: 12px 30px;
  width: 40%;
}
.foot-pankuzu li:first-child a {
  background: url(/sp/img/common/gnavi_ic_home.png) no-repeat;
  -moz-background-size: 18px 16px;
  background-size: 18px 16px;
  background-position: center 6px;
  text-indent: -10000px;
  width: 20px;
}
.foot-pankuzu li:last-child span {
  padding: 0 0 0 10px;
}

.foot-pankuzu.five-items li {
	width: 16%;
}
.foot-pankuzu.five-items li:last-child {
	width: 25%;
}

/* --------------------------------
 clearfix
-------------------------------- */
.headInner:after,
.contentsInner:after,
.pankuzu ul:after,
.headR ul:after,
.box2Inner:after,
.sub-rankInner:after,
.form-collist:after,
.form-list-service:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .headInner,
* html .contentsInner,
* html .pankuzu ul,
* html .headR ul,
* html .box2Inner,
* html .sub-rankInner,
* html .form-collist,
* html .form-list-service{
	zoom: 1;/* IE6 */
}
*:first-child+html .headInner,
*:first-child+html .contentsInner,
*:first-child+html .pankuzu ul,
*:first-child+html .headR ul,
*:first-child+html .box2Inner,
*:first-child+html .sub-rankInner,
*:first-child+html .form-collist,
*:first-child+html .form-list-service{
	zoom: 1;/* IE7 */
}

