@charset "utf-8";
/* CSS Document */
html{
    font-size: 62.5%;
}
body{
    font-size:1.6rem;/* 16px*/
    line-height: 2;
}
html,body{
	margin: 0;
	padding: 0;
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
h2{
	font-size: 5rem;
}
h3{
	font-size: 3.5rem;
}
h4{
	font-size: 2rem;
}
img{
	width: 100%;
	height: auto;
}
.con_mov{
	width: 960px;
	margin: 0 auto;
}
.con_mov h2{
	text-align: left;
	font-weight: bold;
	margin-bottom: 0;
}
.youtube{
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
}
.youtube iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.con_info{
	background-image: url("../img/bg_info.png");
	height: 960px;
}
.box_info{
	width: 960px;
	margin: 0 auto;
	padding-top: 100px;
}
.box_info h3{
	line-height: 1;
	font-weight: bold;
	margin-bottom: 0;
}
.box_info p{
	width: 600px;
}
.con_suc{
	width: 960px;
	margin: 0 auto;
}
.con_suc h4{
	font-weight: bold;
	margin-bottom: 0;
}
.con_ct{
	width: 960px;
	margin: 0 auto;
	text-align: center;
}
.con_ct img{
	width: 80%;
}
.con_ct h4{
	text-align: center;
	font-weight: bold;
	margin-bottom: 0;
}
.sns{
	margin-top: 50px;
	text-align: center;
	margin-bottom: 50px;
}
.fb{
	margin-right: 50px;
}
.gotop{
	text-align: center;
	margin: 50px 0;
}
.footer img{
	width: 70px;
}
.footer{
	text-align: center;
	padding-bottom: 50px;
}
@media screen and (max-width: 480px) {
	.con_mov,.con_info,.con_suc,.con_ct,.box_info,.box_info p{width: 100%;}
	.con_info{background-size: 100% auto; background-repeat: no-repeat;height: 100%;}{