@charset "utf-8";

@media only screen and (min-width :768px ){
	
/*記事-----------------------------------*/
.contents{
width: 100%;
background-color: rgba(250,250,250,1); 	
padding: 5rem 0;	
}	
.small{
font-size: 70%;	
color: #555;	
}		
.contents h3{
font-size: 2.5rem;	
line-height: 2.8rem;	
font-weight: 600;	
width: 100%;	
margin: 0rem auto  0rem auto;
padding:0rem 0rem 0rem 0rem ; 	
text-align: center;
}	

.voice-flex{
max-width: 1200px;	
flex-wrap: wrap; /* 画面幅に合わせてカラム落ちさせる */
display: flex;
justify-content: space-between;
align-items: top;
margin: 0 auto;
}	
/* 最後のコンテンツを左寄せにする指定 */
.voice-flex:after {
content: "";
display: block;
width: 24%;  /* .boxに指定したwidthと同じ幅を指定する */
height: 0;
}
.voice-effect{
width: 24%;	
margin: 2rem auto  0rem auto;
border:solid 1px #ccc;
}	


.center{
text-align: center;
margin: auto;	
}		

.voice img{
margin: 0rem auto 3rem auto;
padding: 0rem;	
}	

.voice-effect{
width: 30%;	
margin: 2rem auto  0rem auto;
border:solid 1px #ccc;
border-radius: 	8px;
background-color: rgba(207,255,249,0.1);
}	

.voice-effect img{
margin: 0rem auto  -2rem auto;	
padding: 0rem;
text-align: center;	
}	
	
.contents .voice-effect p{
font-size: 1rem;	
margin: 0rem auto 1rem auto;
padding: 0rem 1rem 0rem 1rem;
text-align: left;	
text-align: justify;		
}	
	
.contents .voice-effect h4{
text-align: center;
white-space: nowrap;	
margin: 1.5rem auto  1rem auto;	
color:rgba(255,206,0,1.00);
font-weight: 600;	
font-size: 3rem;	
line-height: 2.2rem;
}

}


@media only screen and (max-width :768px ){
/*記事-----------------------------------*/
.contents{
width: 100%;	
margin: 0rem auto  0rem auto;
background-color: rgba(250,250,250,1); 	
padding: 3rem 0;	
}		
.small{
font-size: 70%;	
color: #555;	
}
.contents h3{
font-size: 2rem;	
line-height: 2.3rem;	
font-weight: 600;	
width: 100%;	
margin: 0rem auto  0rem auto;
padding:0rem 0rem 0rem 0rem ; 	
text-align: center;
}		
.contents .voice-effect{
width: 92%;	
margin: 2rem auto  0rem auto;
border:solid 1px #ccc;
border-radius: 	8px;
background-color: rgba(207,255,249,0.1);	
	
}	

.voice-effect img{
margin: 0rem auto  -2rem auto;	
padding: 0rem;
text-align: center;	
}	
	
.contents .voice-effect h4{
margin: 1rem 0rem 1rem 0.5rem;	
color:rgba(255,206,0,1.00);	
font-weight: 600;	
font-size: 2.5rem;
line-height: 2.2rem;	
white-space: nowrap	;
text-align: center;	
}	
	
.contents .voice-effect p{
margin: 0rem auto  0rem auto;	
padding: 0em  1rem 1rem  1rem;
text-align: left;	
text-align: justify;	
font-size: 1rem;	
}		
}