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

body{

	font-family:  "メイリオ", "Meiryo","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.8;
	font-size: 16px;
}
p{
	margin:0;
	padding: 0;
}
.left{float: left;}
.right{float: right;}
.cFix:after {
	display: block;
	clear: both;
	content: "";
}
img{
	/*width: 100%;*/
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
}
li{list-style: none;}
ul{margin: 0;padding: 0;}
.red{color: #ed0202;}
.green{color:#1e9c55; }
.orangered{color:orangered;}
.light_blue{color: #21a3df;}

.bold{font-weight: bold;}
.dis_sp{display: none;}
.dis_pc{display: block;}

header{

	border-bottom: 2px solid red;

}
header .header-in{
	margin: 0 auto;
	max-width: 900px;
	padding: 10px 0 3px;
}
footer{
	padding: 1%;
	background: #0088e7;
	margin-top: 5%;
}
.footer-in{
	text-align: center;
	margin: 0 auto;
	max-width: 900px;
}
.footer-in p{
	display: inline-block;
	margin: 0 10px;
	text-align: center;
	font-size: 90%;
}
.footer-in p a{
	color: white;
}
.header-in img{
	width: 25%;
	display: inline-block;
}
article{
	max-width: 900px;
	margin: 0 auto ;
}

article.form2 {
	width: 100%;
	max-width: 900px;
	margin: 0 auto ;
}

.top-article{
	position: absolute;
		top: 50px;
		left: 0;
		right: 0;
		margin: 0 auto;
}
h1{
	color: orange;
	font-weight: bold;
	font-size: 350%;
	text-shadow: 3px 3px 0 #000, -1px 1px 0 #000, 0px 1px 0 #000, -1px -1px 0 #000;
		line-height: 1.2;
		margin: 0;
}
h1 span{
	font-size: 70%;
}


.FV{
	background: url(../images/FV_bg_02.jpg) center top no-repeat;
	background-size: inherit;
	height: 353px;
	position: relative;
}
.slider-erea{
	padding: 5px 0;
}
.slider-erea img{
	display: inline-block;
	margin: 0 5px;
}

.form_area_P1{
	background: #0068b7;
	margin-top: 5%;
	padding-bottom: 1.5%;
}
.form_title{
	color: #fff;
	background: #00b7ee;
	font-weight: bold;
	font-size: 120%;
	padding: 1% 1% 0%;
}

.form-inline{
	padding: 4% 2% 2%;
}
.form_area_P1 .form-control{
	height: 50px;
	font-size: 16px;
	padding: 6px 5px;
}
.form_area_P1 .form-inline .form-control{
	width: 145px;
}
.btn01{
	padding: 2%;
		border-bottom: 1px solid #fff;
}
.btn01 a img:hover{
	opacity: 0.8;
}
.btn01 img{margin: 0 auto;}


/***くるくる数字***/
.area_price.top_reel {
		/*width: 100%;*/
		margin: 0 auto;
		padding: 3% 0% 0%;
		display: inline-block;
		box-sizing: border-box;
}

.area_price.top_reel div.unit {
		line-height: 1;
		font-size: 2.5em;
		font-weight: bold;
		color: #fff;
		box-sizing: border-box;
		display: inline-block;
		vertical-align: bottom;

}



/**section...point3**/
.point3{
	margin-top: 5%;
}
.point3_title{
	color: #fff;
	background:orange;
	font-weight:bold;
	font-size: 220%;
	padding: 1% 1% 0%;
}
.point3 ul{
	text-align: center;
	background: #eeeeee;
	padding: 2%;
	display:flex;
	justify-content: space-between;

}
.point3 li{
	display:inline-block;
	text-align: center;
	background: #fff;
	margin: 0 1%;
	width: 32%;
	position: relative;


}
.point_T{
	background: orange;
	padding: 3px 3px 1px;
	color: #fff;;
	font-weight: bold;
	font-size: 120%
}
.point_P{
	padding: 3%;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 8%;
}
.point3 small{
	font-size: 9px;
	font-weight: normal;
}

.point3 span.kome{
	text-align: right;
	font-size: 9px;
	font-weight: normal;
	display: block;
	text-align: right;
	color: #222;
	position: absolute;
	bottom: 5px;
	right: 5px;
}

/**section...reason**/

.qestion{
	background:url(../images/bg_01.jpg) center top no-repeat;
	background-size: inherit;
	height: 219px;
	position: relative;
}
.qestion p{
	position: absolute;
	top: 75px;
		left: 65px;
		display: block;
		color:#fff;
		font-size: 190%;
		font-weight: bold;
		text-align: left;
		line-height: 1.4;
}
.reason_title{
	font-size: 190%;
		font-weight: bold;
		line-height: 1.4;
		padding: 1%;
		margin-bottom: 3%;
}
.reason ul{
	text-align: center;
	padding: 0%;
	display:flex;
	justify-content: space-between;

}
.reason li{
	display:inline-block;
	text-align: center;
	width: 33%

}
.reason li div{
	height: 280px;
		border: 1px solid #e3e3e3;
}
.reason .reason01{
	background: url(../images/mechanism_01.jpg) center top no-repeat;
	background-size:100%;
}
.reason .reason02{
	background: url(../images/mechanism_02.jpg) center top no-repeat;
	background-size:100%;
}
.reason .reason03{
	background: url(../images/mechanism_03.jpg) center top no-repeat;
	background-size:100%;
}
.reason li p{
	padding: 76% 3% 3%;
		font-weight: bold;
		line-height: 1.4;
}
/**section...qestion2**/

.qestion2{
	background-color: #59c7e9;
	padding: 0 2% 2%;
}
.qestion2 img{
	display: block;
	margin: 0 auto;
}
.qestion2 h2{
	display: block;
		margin: 0 auto;
		padding: 10px 0 20px 0;
		color: #ffffff;
		font-size: 32px;
		font-weight: bold;
		line-height: 1.2;
		text-align: center;
}
.qestion2 h2 .yellowText.lazyloaded {
		background: url(../images/underline.png) right bottom no-repeat;
		background-size: 95%;
}

.qestion2 h2 .yellowText {
		display: inline-block;
		padding: 0 5px 15px 20px;
		background: none;
		transform: rotate(5deg);
		color: #fff633;
		font-size: 120%;
}

.reasonList li {
		display: block;
		margin: 0 0 20px 0;
		padding: 20px;
		background-color: #ffffff;
		box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2);
}
.reasonhead {
		display: block;
		margin: 0;
		padding: 30px 0 0 0;
		color: #045d9b;
		font-size: 25px;
		font-weight: bold;
		text-align: center;
		line-height: 1.1;
}
.reasonhead .no {
		display: block;
		font-size: 1.6em;
}
.reasonList h3 {
		display: block;
		margin: 0 0 5px 80px;
		padding: 0 0 3px 0;
		font-size: 30px;
		font-weight: bold;
		line-height: 1.0;

}
.reasonList p {
		margin: 0 0 0 80px;
		font-size: 18px;
		border-top: 1px solid #777777;
		padding-top: 3px;
}
/**section...voice_area**/
.voice_area{
	margin: 5% 0% 2%;
}
.voice_title{
	font-size: 250%;
	line-height: 1.4;
	padding: 1% 0 0;
	background:orange;
	color: #fff;
	margin: 0 0 2%;
	font-weight: bold;
	text-align: center;
	-webkit-text-stroke: 1px #000;
}
.voice_title span{
	color: yellow;
}
.voice_area img{
	display:block;
	margin-bottom: 2%;
}

/***サンクスページ/エラーページ/プライバシー他****/
.thanks_page div,.error_page div,.privacy_page div,.terms_page div,.about_page div,.ordercontract_page div{
	padding-top: 5%;
}
.thanks_page h1,.error_page h1{
	text-shadow: none;
	font-size: 200%;
	margin: 5% 0 5%;
	padding-right: 3%;
	display: inline-block;
}
.thanks_page img,.error_page img{
	padding-bottom: 3%;
	display: inline-block;
}
.go-top{
	padding: 4%;
}
.go-top a{
	display: inline-block;
		padding: 1% 2%;
		background: #eee;
		border-radius: 5px;
}
.privacy_page h3,.terms_page h3,.about_page h3,.ordercontract_page h3{
	font-weight: bold;
	border-bottom: 2px solid red;
	padding: 0 1% 1%;
	margin-bottom: 2%;
}
.privacy_page ul,.terms_page ul{
	padding: 3%;
}
.privacy_page ul li,.terms_page ul li{
	list-style: disc;
	margin-bottom: 1%;
}
.about_page th,.ordercontract_page th{
	border:none;
	padding-bottom: 20px;
	width: auto;
}
.about_page td,.ordercontract_page td{
	border:none;
	padding-bottom: 20px;
}


/*****ここからレスポンシブ*****/
@media (max-width: 1000px){

.top-article{
	top: 50px;
	left: 5%;
}
.qestion{
	background-size:100%;
}
.qestion p{
	left: 25px;
	font-size: 3.5vw;
}
.form_area_P1 .form-inline .form-control {
		width: 100px;
}
}
@media (max-width: 860px){
.voice_area img{
	width: 100%;
	padding:1%;
}
.btn01 img{
	width: 100%;
}
}

@media (max-width: 768px){
.form-group img{
	display: block;
	padding-bottom: 5px;
}
.qestion p {
		left: 20px;
		top: 50px;
		font-size: 3.5vw;
}

.form_area_P1 {
	width: 100%;
	margin: 5% auto 0;
}

.form_area_P1 .form-inline .form-control{
	width: 100%;
}
}

@media (max-width: 650px){
article{
	padding: 0 1%;
}
.FV {
		background: url(../images/FV_bg_sp_02.jpg) center bottom no-repeat;
		background-size: 100%;
}
.area_price.top_reel{display: none;
}
.top-article{
	top: 75px;
}
}

@media (max-width: 479px){
.dis_sp{display: block;}
.dis_pc{display: none;}

.point3_title{
	font-size: 7vw;
}
.point3 ul,.reason ul{
	display: block;
}
.point3 li,.reason li{
	width: 100%;
	margin: 0 0 2%;
}
.qestion {
		background: url(../images/bg_01_sp.jpg) center no-repeat;
		background-size: 100%;
}
.qestion2 h2{
	font-size: 7vw;
}
.qestion p {
		left: 20px;
		top: 40px;
		font-size: 5vw;
}
.reason li div{
	height: auto;
		border: 1px solid #e3e3e3;
}
.reason .reason01{
	background: url(../images/mechanism_01.jpg) center bottom no-repeat;
	background-size:100%;
}
.reason .reason02{
	background: url(../images/mechanism_02.jpg) center bottom no-repeat;
	background-size:100%;
}
.reason .reason03{
	background: url(../images/mechanism_03.jpg) center bottom no-repeat;
	background-size:100%;
}
.reason li p{
	font-size: 150%
}
.point_P{
	margin-bottom: 0;
}
.reasonhead{
	padding-top: 0;
	font-size: 23px;
}
.reasonList p{
	margin: 0;
}
.voice_title{
	font-size: 8vw;
}

.thanks_page h1{
	font-size: 150%;
	padding-right: 0%;

}
.thanks_page,.error_page,.privacy_page{
	padding: 0% 2% 0;
}
.about_page th,.ordercontract_page th{
	padding-bottom: 0px;
}
.about_page td, .ordercontract_page td{
	padding-top: 5px;
}
}

select.input-sm {
	height: 50px;
}

.input-sm {
	height: 50px;
	font-size: 16px;
}

.btn_margin_bottom {
	margin-bottom: 40px;
}

label.mail_radio_label {
	display: block;
	position: relative;
	padding-left: 1.3em;
}

label.mail_radio_label input.mail_radio_position {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}