/* ===================================================================
CSS
 file name  :  intro.css
=================================================================== */
@media screen and (min-width: 769px) {
/* PC用のスタイル記述 */
#intro_text{
	float:right;
	margin-top:30px;
}
#intro_photo{
	float:left;
	margin-top:30px;
}
#first_text{
	float:right;
	width:370px;
	margin-top:30px;
}
.second_text{
	margin-top:30px;
}
#result_img{
	margin-top:30px;
}
#btn_voice{
	margin:40px auto auto auto;
	width:400px;
}
#btn_voice .btn{
	background:#00306D;
	padding:10px 0;
	font-size:120%;
}
}
@media screen and (max-width: 768px) {
/* スマートフォン用のスタイル記述 */
#intro_text{
	margin:10px;
}
#intro_photo{
	float:left;
	margin:10px auto 10px 10px;
	width:40%;
}
#first_text{
	float:right;
	width:50%;
	margin:10px 10px 10px auto;
}
.second_text{
	margin:10px;
}
#result_img{
	margin-top:0;
}
#btn_voice{
	margin:10px;
}
#btn_voice .btn{
	background:#00306D;
	padding:10px 0;
}
}