@charset "UTF-8";

body{
	margin: 0;
	font-size: 16px;
	line-height: 1.6;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow-wrap: break-word;
}
.left{float: left;}
.right{float: right;}

.cFix:after {
display: block;
clear: both;
content: "";
}
.sp_view {
	  display: none;
}
.pc_view {
	 display:block;
}

ul,li{
	list-style: none;
}
header img{
	width: 300px;
}

.fv_block{
	background-image: url(/images/fv_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
}
h1 img{
	margin:0 auto;
}
.container{text-align: center;}
.container img{
	margin: 0 auto;
}

.btn-area{
	padding:2rem 0 3rem;
	background-color: #f1f1f1;
	margin-top: 2rem;
}

/*.btn-area a:hover{
	opacity: 0.8;
}*/
.voice-area{
	background-color: #e3dd7f;
	padding: 3%;
}
.voice-area_in{
	margin:3% 8%;
	border:2px solid #631330;

}
.voice_case{
	background-color: #631330;
	padding-top: 1%;
}
.voice_case p{
	color: white;
	font-size: 130%;
	font-weight: bold;
	font-family: serif;
	text-align: justify;
}
p.attention01{
	text-align: center;
	font-size: 90%;
}

h2{
	font-size: 300%;
	color: #631330;
}

.method-area{
	background-color: #fbf5e6;
	border:2px solid #631330;
}
.number{
	text-align: left;
	background-color: #631330;
	padding-left: 0;

}


.number p{
	display: inline-block;
	padding-left: 20px;
	font-size: 250%;
	font-weight: bold;
	color: #fff;
}

.step-area{
	background-color: #f6f4bb;
	margin-top: 3rem;
}

.end-coment{
	border:solid 3px #bcb100;

}
.end-coment p.end-t{
	font-weight: bold;
	font-size: 200%;
	padding: 1%;
	color: #fff;
	background-color: #bcb100;

}
.end-coment p{
	text-align: justify;
}
p.attention02{
	font-weight: bold;
	font-size: 90%;
}

/****btnアニメーション*****/

.dokidoki {
	animation: dokidoki 1s infinite;
}
@keyframes dokidoki {
	0% {
		transform: scale3d(1, 1, 1);
	}
	/*5% {
		transform: scale(2)
	}*/
	50% {
		transform: scale3d(1.08, 1.08, 1.08);
	}
	100% {
		transform: scale3d(1, 1, 1);
	}
}


/****about*****/
.about-area{
	text-align: left;
}
.about-area p{
	margin-bottom: 0;
}
.display-5{
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.2;
}
.about-area ul{
	padding-left: 0;
}
.about-area li{
	margin-bottom: 3%;
}

/*****thanks****/

.thanks p,.tel p{
	font-weight: normal;
	font-size: 100%;

}
p.callback{
	font-size: 150%;
	font-weight: bold;
	display: inline-block;
	padding: 0.5rem 3rem;
	border: 1px solid;
}
.marker {
	background: #ffeb3b;
	line-height: 1.9;
	display: inline-block;
	padding: 0 1rem;
}
.thanks_important{
	text-align: center;
}

/****privacy*****/
.privacy-area{
	text-align: left;
}
.privacy-area ul{
	padding-left: 0;
	list-style: inside;
}
.privacy-area li{
	margin-bottom: 2%;
}


footer{
	padding: 1rem;
}
footer p{
	margin-bottom: 0;
}




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




@media screen and (max-width: 992px){
	.number p{
	font-size: 200%;
}
}

@media screen and (max-width: 767px){

.sp_view {
	  display: block;
}
.pc_view {
	 display:none;
}
.fv_block{
	background-image:none;
	padding: 0;
}
.btn-area{
	padding:1rem 0;
}
.voice-area_in{
	margin:3% 0%;
}

p.attention01{
	text-align: left;
	font-size: 90%;
}

}


@media screen and (max-width: 582px){
.number p{
	font-size: 200%;
}
.number img{
	width: 50px;
}
h2{
	font-size: 200%;
}
.voice_case p{
	line-height: 1.4;
}
.btn-area{
	margin-top: 0;
}
p.callback {
	font-size: 120%;
}
.thanks_important{
	text-align: left;
}


}
@media screen and (max-width: 400px){

.voice_case p{
	font-size: 100%;
	line-height: 1.3;
}

}