@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;
}
.container{text-align: center;}
.container img{
	margin: 0 auto;
}

.btn-area{
	padding:3rem 0;
	background-color: #90c2e7;
	background-image: radial-gradient(#84b9e3 25%, transparent 30%), radial-gradient(#84b9e3 25%, transparent 30%);
	background-size: 16px 16px;
	background-position: 0 0, 8px 8px;
}

/*.btn-area a:hover{
	opacity: 0.8;
}*/
.voice-area{
	background-color: #feffa5;
	padding: 3%;
}
.voice-area_in{
	margin:3% 8%;
	border-radius: 20px;
}
p.voice_case{
	padding:2% 3%;
	background-color: #485975;
	color: white;
	font-size: 130%;
	font-weight: bold;
	border-radius: 20px 20px 0 0;
	text-align: left;
}
p.attention01{
	text-align: center;
	font-size: 90%;
}

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

.method-area{
	background-color: #feffa5;
}
.number{
	text-align: left;
}

.number img{
	margin-top: -35px;
	width: 70px;
}
.number p{
	display: inline-block;
	padding-left: 20px;
	font-size: 250%;
	font-weight: bold;
	color: #485975;
}

.step-area{
	background-color: #f3f4f5;
}

.end-coment{
	border:solid 3px #c5dff3;
	border-radius: 10px;
}
.end-coment p.end-t{
	font-weight: bold;
	font-size: 200%;
	padding: 1%;
	color: #485975;
	background-color: #c5dff3;
	background-image: radial-gradient(#bcd5e8 25%, transparent 30%), radial-gradient(#bcd5e8 25%, transparent 30%);
	background-size: 16px 16px;
	background-position: 0 0, 8px 8px;
}
.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%;
}

/****privacy*****/
.privacy-area{
	text-align: left;
}
.privacy-area .p_h2{
	font-size: 1.3rem;
	font-weight: bold;
	color: #ae4346;
}
.privacy-area ul{
	padding-left: 18px;

}
.privacy-area li{
	margin-bottom: 4%;
	list-style: decimal;
}
.privacy-area li ul{
	padding-left: 30px;
}
.privacy-area li li{
	list-style: decimal-leading-zero;
}




/****ここからレスポンシブ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;
}
.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%;

}