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

body{
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.8;
	font-size: 16px;
}
.left{float: left;}
.right{float: right;}
.cFix:after {
	display: block;
	clear: both;
	content: "";
}
img{
	width: 100%;
	//height: auto;
	margin: 0;
	padding: 0;
	border: none;
}
.content_box img{
	height: auto;
}
.row{
	margin: 0;
	padding: 0;
}
.center{text-align: center;}
.t09{font-size: 0.9em;}
.t14{font-size: 1.4em}

.pd-0{padding:0;}
.pd-t20{padding-top: 20px!important;}
.pd-t30{padding-top: 30px!important;}
.pd-t50{padding-top: 50px;}
.pd-b30{padding-bottom: 30px;}
.pd-b50{padding-bottom: 50px;}
.pd-r10{padding-right: 10px}
.mg_t30{margin-top: 30px}
.mg_t50{margin-top: 50px}
.mg_b30{margin-bottom: 30px}
.mg_b20{margin-bottom: 20px}

#content{
	overflow:hidden;
}
header{
	background:url(../img/header_bg.png)repeat-x;
	padding: 0;
}
header .logo,header .headerImg02{padding: 0;}
header .headerImg02{
	padding: 0.5% 1% 0 0;
}
#top_image{
	background: url(../img/top_bg.png)no-repeat center;
	background-size: cover;
	/*margin-bottom: 5%;*/
	text-align: center;
}
#top_image_sp{display: none;}

.form_box{
	background:#ffd5a3;
	//padding: 0% 2% 3%;
	font-size:13px;
}
.form_box2{
	background:#ffd5a3;
	padding: 0% 2% 3%;
	max-width: 900px;
	margin:0 auto;
}
.container{
	background:#fff;
	padding: 1%;
}
.form_title{padding: 0 0% 1%}
.form_title div{padding: 0}
.form_title img.F_4{
	margin-top: -60px;
width: 90%;}
.form_title img.F_t{
	margin-top: 20px;
	padding-right: 2%;
}
.nyuryoku_t{
	border-bottom: 2px solid #ed721b;
	margin: 0 0.5% 3%;
	}
.nyuryoku_t span{
	vertical-align: bottom;
	}
.nyuryoku_t img{
	padding-bottom: 0.5%;
	margin-right: 1%;
}

.riyuu{
	margin-top: 4%;
	font-size: 190%;
	text-align: center;
	background: #00a0e9;
	color: #fff;
	font-weight: bold;
	margin-bottom: 2%;
}
.step3{padding-right: 11%;}

.sec01{
	background: #00a0e9;
	padding: 3% 2%;
}
.yajirushi{text-align: center;}
/*.yajirushi img{width: 80%;}*/
.form_again{
	text-align: center;
	margin-top: 5%;
	/*font-size: 180%;
	font-weight: bold;
	color: #e50012;
	text-shadow: 3px 2px 5px #aeadad;
	letter-spacing:-2px;*/
}

.voice{
	background: #fef5ca;
	padding: 3% 0;}
.voice img{margin-bottom: 3%;}

.voice_sp{
	background: #fef5ca;
	display: none;
	padding-bottom: 5%;
}
.example_sp{display: none;}
.form_title_sp{display: none;}
h2{
	border-left:8px solid#00A0E9;
	line-height: 1.6;
	padding-left: 2%;
	margin-bottom: 2%;
}
.about_box,.kiyaku_box,.privacy_box{
	margin: 5% 0 5%;
}
.kakunin_box{
	margin: 5% 0 2%;
}
ul.conpany{
	padding: 0;
	text-align: center;
}
ul.conpany li{
	text-align: center;
	margin-top: 2%;
	width: 18%;
	vertical-align: top;
}
p.kotsu{
	font-size: 90%;
	padding: 2%;
	background:#B2ECFD;

}
.kotsu small{
	color: #676767;
}
ul.kakunin_car li{
	list-style-position: inside;


}
ul.kakunin_car li p{
	font-weight: bold;
	display: inline-block;
	margin-right: 2%;
}
h3{
	border-bottom: #007DB6 solid 2px;
	padding: 1%;
}

p.next_btn,p.back_btn{
	text-align: center;
	padding: 1%;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 5%;
}
p.next_btn{background:#FC7E3D;}
p.back_btn{background:#BDBDBD;}

.about_box table{
	width: 100%;}
.about_box table tr{
		border-bottom: 1px solid #ccc;
}
.about_box table td{
	padding: 2%;
}
.kiyaku_box p{
	margin-bottom: 3%;
}
.kiyaku_box .Pvc-List,.privacy_box .Pvc-List{
	font-size: 90%;
	margin: 4% 0%;
}
.Pvc-List li{
	margin-bottom: 2%
}

footer{text-align: center;}
footer small{padding: 0 2%;}

.img img{
	width:100px;
	height:50px;
}
.img span{
	display:block;
}

.tags img{
	display:none;
}

/*****サンクスページ追加フォーム*****/
a.souba_btn img:hover{
opacity: 0.8;
}
p.souba_txt{
	font-size:2rem;
	font-weight: bold;
}
/*****サンクスページ追加フォーム 結果*****/
p.result_box{
	padding: 3% 2%;
	background: oldlace;
	margin-bottom: 5%;
		font-weight: bold;
		font-size: 2rem;
}
span.result_price{
	font-size: 4rem;
	color: red;
}
.result_title{
	font-size: 3rem;
}

p.prediction_month{
		background: #ccc;
		color: #fff;
		padding: 1% 3%;
		border-radius: 10px;
		margin-bottom: 20px;
}
.fukidashi-a{
	position: relative;
	padding: 1em;
	border: 3px solid #ef8f3a;
	border-radius: 8px;
}
.fukidashi-a:before,
.fukidashi-a:before,
.fukidashi-a:after{
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	width: 0;
	height: 0;
	margin: auto;
}
.fukidashi-a:before{
	top: -40px;
	border-style: solid;
	border-color: transparent transparent #ef8f3a transparent;
	border-width:22px 20px 17px 20px;
}
.fukidashi-a:after{
	top: -34px;
	border-style: solid;
	border-color: transparent transparent #fff transparent;
	border-width: 20px 20px 18px 20px;
	z-index: 10;
}
p.fukidashi-a small{
	display: block;
}
.fukidashi-b{
	position: relative;
	padding: 1em;
	border: 3px solid #ccc;
	border-radius: 8px;

}
.fukidashi-b:before,
.fukidashi-b:before,
.fukidashi-b:after{
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	width: 0;
	height: 0;
	margin: auto;
}
.fukidashi-b:before{
	top: -40px;
	border-style: solid;
	border-color: transparent transparent #ccc transparent;
	border-width:22px 20px 17px 20px;
}
.fukidashi-b:after{
	top: -34px;
	border-style: solid;
	border-color: transparent transparent #fff transparent;
	border-width: 20px 20px 18px 20px;
	z-index: 10;
}
p.fukidashi-b small{
	display: block;
}
/*****確認ページ追加*****/
div.trader_check{
	background: aliceblue;
	margin-bottom: 5%;
}
div.trader_check input{
	vertical-align: middle;
}
p.txt_03{
	font-size: 2vw;
}

/*レスポンシブここから*/

@media (max-width: 1200px){
	.sp_pd{padding: 0 2%;}
}


@media (max-width: 1000px){
	.sp_pd{padding: 0 2%;}
	.first{margin-left: 1%;}
	//a{display: block;}
	.riyuu{font-size: 170%;}
	p.txt_03{
		font-size: 3vw;
	}
}


@media (max-width: 767px){
	header{height: 120px;}
	.logo{margin-top: 15px}
	header .headerImg02{margin-top: 10px;}
	#top_image{display: none;}
	#top_image_sp{display: block;}
	.oya{ margin-top: 20px;}
	.les-pd-side{
		padding: 0px 30px;
		margin-top: 20px;
	}
	.riyuu{
		font-size: 150%;
		line-height: 1.3;
		padding: 2% 0;
	}
	.sec01 img{
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.pd-b50{padding-bottom: 0;}
	.mg_b30{margin-bottom: 1%;}
	.mg_t50{margin-top: 1%;}
	.yajirushi{line-height: 0;}
	.step3{padding: 0 3%;}
	.voice{display:none;}
	.voice_sp{display: block;}
	.example{display:none;}
	.example_sp{display: block;
	margin-top: 2%;}
	.form_title{display: none;}
	.form_title_sp{display: block;}
	.form_box{padding-bottom: 20px;}
	ul.conpany li {
		width: 30%;
	}
	/*
	.img img {
		width: 100px;
		height:auto;
	}*/
	.img span {
		font-size:14px;
	}
	#disp_address{
		font-size:16px;
		font-weight: 700;
	}
	ul.kakunin_car {
		list-style-type: none;
	}
	p.souba_txt{
		font-size:1.8rem;
	}
}


@media (max-width: 530px){
	header{height: 110px;
		margin-top: -20px;
		padding: 0!important;
	}
	.logo{margin-top: 30px}
	header .headerImg02{margin-top: 30px;}
	p.souba_txt{
		font-size:2rem;
	}
	p.result_box{
		font-size: 1.3rem;
	}
	span.result_price{
		font-size: 2.5rem;
	}
	.result_title{
		font-size: 2.1rem;
	}
}

@media (max-width: 401px){
	header{
		margin-top: -30px;
		padding: 0!important;
	}
	.logo{margin-top: 42px}
	header .headerImg02{margin-top: 40px;}
	p.txt_03{font-size: 6vw;}
	p.txt_03 span{display: none;}
}