@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{
	background: #17293D;
	text-align: center;
}
header img{
	width: 300px;
}

.container{text-align: center;}
.container img{
	margin: 0 auto;
}



/****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 ul{
	padding-left: 0;
	list-style: inside;
}
.privacy-area li{
	margin-bottom: 2%;
}


footer{
	padding-top: 3rem ;
	padding-bottom: 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;
 }


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

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

}