@charset "utf-8";

* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}

.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
	display: none;
	cursor: pointer;
	background: #000;
}
.layer_board {
	display: none;
	position: fixed;
	left: 50%;
	width: 502px;
	height: 306px;
	margin: 200px 0 0 -251px;
	background-color: transparent;
	text-align: center;
	z-index: 2000;
}
.layer_board .btn_close {
	padding-top: 10px;
	color: #fff;
}

.main-img {
	margin: 0 auto;
	text-align: center;
	background-image: url(../images/top/main_bg01.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.cnt-feature {
	height: 130px;
	background-image: url(../images/top/feature_bg01.gif);
	background-repeat: repeat-x;
}
.cnt-feature .bg {
	max-width: 1150px;
	margin: 0 auto;
	background-image: url(../images/top/feature_bg02.gif);
	background-repeat: no-repeat;
}
.cnt-feature .feature {
	display: table;
}
.cnt-feature .feature li {
	display: table-cell;
}
.cnt-erabareruwake .tit img {
	margin-top: -13px;
}
.cnt-erabareruwake .bg {
	padding-top: 80px;
	padding-bottom: 80px;
	background-image: url(../images/top/erabareruwake_bg01.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.cnt-erabareruwake .point {
	position: relative;
	margin-top: 30px;
	padding: 20px 20px 20px 158px;
	border: 1px solid #ccc;
	border-radius: 12px;
	behavior: url(/js/PIE.htc);
	background-color: #fff;
}
.cnt-erabareruwake .point1 {
	background-image: url(../images/top/erabareruwake_point1_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.cnt-erabareruwake .point2 {
	background-image: url(../images/top/erabareruwake_point2_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.cnt-erabareruwake .point3 {
	background-image: url(../images/top/erabareruwake_point3_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.cnt-erabareruwake .point4 {
	background-image: url(../images/top/erabareruwake_point4_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.cnt-erabareruwake .point5 {
	position: relative;
	background-image: url(../images/top/erabareruwake_point5_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.cnt-erabareruwake .point .txt {
	float: left;
	width: 64%;
}
.cnt-erabareruwake .point .txt .tit {
	color: #0b6dd0;
	font-size: 30px; font-size: 3.0rem;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 15px;
}
.cnt-erabareruwake .point .txt .tit span {
	color: #ff9900;
	font-size: 40px; font-size: 4.0rem;
	font-weight: 700;
}
.cnt-erabareruwake .point .img {
	float: right;
}
.cnt-erabareruwake .point5 .txt,
.cnt-erabareruwake .point5 .img {
	min-height: 158px;
}
.cnt-erabareruwake .point5 .img img {
	position: absolute;
	right: 40px;
	bottom: 0;
}
.cnt-price .bg {
	padding: 80px 0 300px;
	background-color: #fffadd;
	background-image: url(../images/top/price_bg01.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.cnt-price .price {
	position: relative;
	border: 4px solid #0b6dd0;
	border-radius: 12px;
	behavior: url(/js/PIE.htc);
	background-color: #fff;
	overflow: hidden;
}
.cnt-price .price .inner {
	position: relative;
	background-color: #ecf5ff;
	border-radius: 12px 12px 0 0;
	behavior: url(/js/PIE.htc);
}
.cnt-price .price .tit {
	position: relative;
	border-radius: 12px 12px 0 0;
	behavior: url(/js/PIE.htc);
}
.cnt-price .price .txt1 {
	color: #ff9900;
	font-size: 20px; font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.4;
	padding: 15px 0;
}
.cnt-price .price .txt2 {
	padding: 0 15px 15px;
}
.cnt-flow .step-arrow {
	background-image: url(../images/top/flow_bg_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.cnt-hikaku .price .img-price {
	position: relative;
	border-radius: 0 0 12px 12px;
	behavior: url(/js/PIE.htc);
}
.cnt-flow .tit {
	position: relative;
	padding: 15px 0;
	color: #0b6dd0;
	font-size: 34px; font-size: 3.4rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	border: 2px solid #0b6dd0;
	border-radius: 8px;
	behavior: url(/js/PIE.htc);
}
.cnt-flow .step {
	position: relative;
	padding: 0 10px 20px;
	border: 2px solid #ccc;
	border-radius: 8px;
	behavior: url(/js/PIE.htc);
	background-color: #ecf5ff;
}
.cnt-flow .step .icon {
	position: relative;
	height: 129px;
	margin: 0 -10px;
	background-color: #fff;
	text-align: center;
	border-radius: 7px 7px 0 0;
	behavior: url(/js/PIE.htc);
}
.cnt-flow .step .tit-step {
	padding-top: 15px;
	font-size: 24px; font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
}
.cnt-voice .bg {
	padding: 80px 0 100px;
	background-image: url(../images/top/voice_bg.jpg);
	background-repeat: repeat;
}
.cnt-voice .inner {
	position: relative;
	padding: 30px 20px 50px;
	border-radius: 12px;
	behavior: url(/js/PIE.htc);
	background-color: #fff;
}
.cnt-voice .inner .voice {
	position: relative;
	border-radius: 0 0 12px 12px;
	behavior: url(/js/PIE.htc);
}
.cnt-voice .inner .voice .img-voice {
	text-align: center;
	margin-top: -40px
}
.cnt-voice .inner .voice .inner2 {
	padding: 30px 20px;
}
.cnt-voice .inner .voice1 {
	border-top: 10px solid #c0f0c0;
	background-color: #def6de;
}
.cnt-voice .inner .voice2 {
	border-top: 10px solid #cfe6ff;
	background-color: #ecf5ff;
}
.cnt-voice .inner .voice3 {
	border-top: 10px solid #fbdfbf;
	background-color: #fff3e6;
}
.cnt-voice .inner .voice4 {
	border-top: 10px solid #fed6fe;
	background-color: #fff0ff;
}
.cnt-voice .inner .voice5 {
	border-top: 10px solid #eee6ab;
	background-color: #fffce1;
}
.cnt-voice .inner .voice6 {
	border-top: 10px solid #e0e0a9;
	background-color: #f6f6d7;
}
.cnt-faq .bg {
	padding: 80px 0 100px;
	background-image: url(../images/top/faq_bg.gif);
	background-repeat: repeat;
}
.cnt-faq .inner {
	position: relative;
	padding: 50px 30px 50px;
	border-radius: 12px;
	behavior: url(/js/PIE.htc);
	background-color: #fff;
}
.cnt-faq dl dt {
	min-height: 66px;
	margin-top: 50px;
	padding-top: 15px;
	padding-left: 82px;
	line-height: 1.4;
	background-image: url(../images/top/faq_q.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.cnt-faq dl dd {
	min-height: 66px;
	margin-top: 20px;
	padding-left: 82px;
	padding-bottom: 50px;
	background-image: url(../images/top/faq_a.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 2px solid #c7e3ff;
}
.cnt-faq dl dd.last {
	padding-bottom: 0;
	border-bottom: none;
}



/*　　contactForm
-------------------------------------------------------*/
.contactForm {
	margin: 25px auto 0;
}
.contactForm .pan {
	display: none;
}
.contactForm dl {
	overflow:hidden;
	zoom:1;
	font-weight: bold;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.contactForm .top {
	border-top: 1px solid #ccc;
}
.contactForm dl dt {
	float: left;
	width: 30%;
	padding: 20px;
	font-size: 18px; font-size: 1.8rem;
	font-weight: 700;
} 
.contactForm dl dt span {
	position: relative;
	display: inline-block;
	font-size: 12px; font-size: 1.2rem;
	font-weight: 300;
	line-height: 1.6;
	margin-right: 10px;
	padding: 3px 6px 3px;
	background-color: #ff9900;
	color: #fff;
	vertical-align:middle;
	border-radius: 5px;
	behavior: url(/js/PIE.htc);
}
.contactForm dl dd { margin-left: 30%; padding: 20px;} 
.contactForm dl dd input { margin:-1px 3px 2px 0; padding: 3px; font-size: 18px; font-size: 1.8rem; vertical-align:middle; border: 1px solid #ccc;}
.contactForm dl dd .select1 { font-size: 18px; font-size: 1.8rem; width: 50%; line-height:1.6; padding: 3px; border: 1px solid #ccc;}
.contactForm dl dd .select2 { font-size: 18px; font-size: 1.8rem; width: 60px; line-height:1.6; padding: 3px; border: 1px solid #ccc;}
.contactForm dl dd .size1 { font-size: 18px; font-size: 1.8rem; width: 10%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size2 { font-size: 18px; font-size: 1.8rem; width: 20%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size3 { font-size: 18px; font-size: 1.8rem; width: 30%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size4 { font-size: 18px; font-size: 1.8rem; width: 40%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size5 { font-size: 18px; font-size: 1.8rem; width: 50%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size6 { font-size: 18px; font-size: 1.8rem; width: 60%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size7 { font-size: 18px; font-size: 1.8rem; width: 70%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size8 { font-size: 18px; font-size: 1.8rem; width: 80%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size9 { font-size: 18px; font-size: 1.8rem; width: 90%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size10 { font-size: 18px; font-size: 1.8rem; width: 100%; line-height:1.6; padding: 3px;}
.contactForm dl dd textarea { padding: 3px; font-size: 18px; font-size: 1.8rem;}
.contactForm dl dd .size-add { font-size: 18px; font-size: 1.8rem; width: 100%; height: 100px; padding: 3px; border: 1px solid #ccc;}
.contactForm dl dd .size-question { font-size: 18px; font-size: 1.8rem; width: 100%; height: 150px; padding: 3px; border: 1px solid #ccc;}
.contactForm dl dd .radio1 { margin-left:15px; margin-right: 5px;}
.contactForm .btn-send {
	position: relative;
	-webkit-appearance: none;
	font-size: 28px; font-size: 2.8rem;
	font-weight: bold;
	padding: 20px;
	width: 60%;
	margin: 50px 5px 0;
	cursor: pointer;
	border:none;
	color:#fff;
	background: #1F8EFE;
	background-image: -webkit-linear-gradient(top, #1F8EFE, #7ad3ff);
	background-image: -moz-linear-gradient(top, #1F8EFE, #7ad3ff);
	background-image: -ms-linear-gradient(top, #1F8EFE, #7ad3ff);
	background-image: -o-linear-gradient(top, #1F8EFE, #7ad3ff);
	background-image: linear-gradient(to bottom, #1F8EFE, #7ad3ff);
	border: 6px solid #76baff;
	border-radius: 12px;
	behavior: url(/js/PIE.htc);
}
.contactForm .btn-send:hover {
	background: #015ab4;
	background-image: -webkit-linear-gradient(top, #015ab4, #87f5ff);
	background-image: -moz-linear-gradient(top, #015ab4, #87f5ff);
	background-image: -ms-linear-gradient(top, #015ab4, #87f5ff);
	background-image: -o-linear-gradient(top, #015ab4, #87f5ff);
	background-image: linear-gradient(to bottom, #015ab4, #87f5ff);
}
.contactForm .message { margin-top:10px; color: #F30; padding: 30px 10px 30px; background: #fff; text-align: center;}
.contactForm .send input {
	position: relative;
	-webkit-appearance: none;
	font-size: 28px; font-size: 2.8rem;
	font-weight: bold;
	padding: 20px;
	width: 40%;
	margin: 50px 5px 0;
	cursor: pointer;
	border:none;
	color:#fff;
	background: #1F8EFE;
	background-image: -webkit-linear-gradient(top, #1F8EFE, #7ad3ff);
	background-image: -moz-linear-gradient(top, #1F8EFE, #7ad3ff);
	background-image: -ms-linear-gradient(top, #1F8EFE, #7ad3ff);
	background-image: -o-linear-gradient(top, #1F8EFE, #7ad3ff);
	background-image: linear-gradient(to bottom, #1F8EFE, #7ad3ff);
	border: 6px solid #76baff;
	border-radius: 12px;
	behavior: url(/js/PIE.htc);
}
.contactForm .send input:hover {
	background: #015ab4;
	background-image: -webkit-linear-gradient(top, #015ab4, #87f5ff);
	background-image: -moz-linear-gradient(top, #015ab4, #87f5ff);
	background-image: -ms-linear-gradient(top, #015ab4, #87f5ff);
	background-image: -o-linear-gradient(top, #015ab4, #87f5ff);
	background-image: linear-gradient(to bottom, #015ab4, #87f5ff);
}
.line,
.btn-contact-preview {
	border-top: 1px solid #ccc !important;
}
.line2 {
	border-bottom: 1px solid #ccc !important;
}
.btn-check {
	display: block;
	cursor: pointer;
}
.error_message strong {
	font-weight: bold;
	color: #cc0000;
	clear: both;
}