/*.top-section__header
-----------------------------------------------------------------------------*/
/*PC*/
@media screen and (min-width: 768px) {
	.top-section__header{
		background:url(/images/photo_top_01.jpg) center 0 no-repeat, #effbff;
	}
	.top-section__header .top-section__header-inner{
		width:90%;
		display:block;
		margin:120px auto 0 auto;
	}
	.top-section__header .top-section__header-inner-left{
		width:35.75%;
		margin:0 0 0 6.08%;
		float:left;
	}
	.top-section__header .top-section__header-inner-right{
		width:51.25%;
		margin:0 4.08% 0 0;
		float:right;
	}
	.top-section__header .top-section__header-iPhone{
		margin:0;
	}
	.top-section__header .top-section__header-iPhone img{
		width:100%;
	}
	.top-section__header .top-section__header-catch{
	}
	.top-section__header .top-section__header-catch img{
		width:100%;
	}
	.top-section__header-copy{
		margin:20px 0 40px 0;
		color:#ffffff;
	}
	.top-section__header-copy dt{
		margin:10px 0 0 0;
		font-size:24px;
	}
	.top-section__header-copy dd{
		font-size:14px;
	}
}
/*SP*/
@media screen and (max-width: 767px) {
	.top-section__header{
		padding:0 0 18px 0;
		background:#f0fcff;
	}
	.top-section__header .top-section__header-inner{
		margin:0 0 20px 0;
		padding:25px 0;
		background:url(/images/photo_top_01.jpg) center center no-repeat;
	}
	.top-section__header .top-section__header-catch{
		padding:0;
	}
	.top-section__header .top-section__header-catch img{
		width:90%;
		display:block;
		margin:0 auto;
	}
	.top-section__header .top-section__header-copy{
		color:#ffffff;
		text-align:center;
	}
	.top-section__header .top-section__header-copy dt{
		margin:10px 0 0 0;
		font-size:18px;
	}
	.top-section__header .top-section__header-copy dd{
		font-size:14px;
	}
}
/*.top-section__movie
-----------------------------------------------------------------------------*/
/*PC*/
@media screen and (min-width: 768px) {
	.top-section__movie{
		padding:50px 0 80px 0;
		background:url(/images/bg_top_01.png) center center no-repeat, #f0fcff;
		background:url(/images/bg_top_01.png) center center no-repeat, -moz-linear-gradient(top, #f0fcff 0%, #e2f9ff 100%);
		background:url(/images/bg_top_01.png) center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0fcff), color-stop(100%,#e2f9ff));
		background:url(/images/bg_top_01.png) center center no-repeat, -webkit-linear-gradient(top, #f0fcff 0%,#e2f9ff 100%);
		background:url(/images/bg_top_01.png) center center no-repeat, -o-linear-gradient(top, #f0fcff 0%,#e2f9ff 100%);
		background:url(/images/bg_top_01.png) center center no-repeat, -ms-linear-gradient(top, #f0fcff 0%,#e2f9ff 100%);
		background:url(/images/bg_top_01.png) center center no-repeat, linear-gradient(to bottom, #f0fcff 0%,#e2f9ff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0fcff', endColorstr='#e2f9ff',GradientType=0 );
	}
	.top-section__movie .top-section__movie-vimeo{
		width:600px;
		height:337px;
		margin:0 auto;
		display:block;
	}
}
/*SP*/
@media screen and (max-width: 767px) {
	.top-section__movie{
		padding:0 0 25px 0;
		background: #f0fcff;
		background: -moz-linear-gradient(top, #f0fcff 0%, #e2f9ff 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0fcff), color-stop(100%,#e2f9ff));
		background: -webkit-linear-gradient(top, #f0fcff 0%,#e2f9ff 100%);
		background: -o-linear-gradient(top, #f0fcff 0%,#e2f9ff 100%);
		background: -ms-linear-gradient(top, #f0fcff 0%,#e2f9ff 100%);
		background: linear-gradient(to bottom, #f0fcff 0%,#e2f9ff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0fcff', endColorstr='#e2f9ff',GradientType=0 );
	}
	.top-section__movie .top-section__movie-vimeo{
		width:270px;
		height:160px;
		margin:0 auto;
		display:block;
	}
}
/*.top-section__description
-----------------------------------------------------------------------------*/
/*PC*/
@media screen and (min-width: 768px) {
	.top-section__description{
		background: #f0fcff;
		background: -moz-linear-gradient(top, #f0fcff 0%, #e2f9ff 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0fcff), color-stop(100%,#e2f9ff));
		background: -webkit-linear-gradient(top, #f0fcff 0%,#e2f9ff 100%);
		background: -o-linear-gradient(top, #f0fcff 0%,#e2f9ff 100%);
		background: -ms-linear-gradient(top, #f0fcff 0%,#e2f9ff 100%);
		background: linear-gradient(to bottom, #f0fcff 0%,#e2f9ff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0fcff', endColorstr='#e2f9ff',GradientType=0 );	}
	.top-section__description .top-section__description-inner{
		width:90%;
		margin:0 auto;
		padding:80px 0 75px 0;
	}
	.top-section__description .top-section__description-element{
		width:33.33%;
		float:left;
		text-align:center;
	}
	.top-section__description .top-section__description-element h3{
		margin:20px 0 10px 0;
		font-size:24px;
	}
	.top-section__description .top-section__description-element p{
		margin:0;
	}
	.top-section__description .top-section__description-element p img{
		width:60%;
	}
}
/*SP*/
@media screen and (max-width: 767px) {
	.top-section__description{
		padding:0 0 15px 0;
		background: #f0fcff;
		background: -moz-linear-gradient(top, #f0fcff 0%, #e2f9ff 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0fcff), color-stop(100%,#e2f9ff));
		background: -webkit-linear-gradient(top, #f0fcff 0%,#e2f9ff 100%);
		background: -o-linear-gradient(top, #f0fcff 0%,#e2f9ff 100%);
		background: -ms-linear-gradient(top, #f0fcff 0%,#e2f9ff 100%);
		background: linear-gradient(to bottom, #f0fcff 0%,#e2f9ff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0fcff', endColorstr='#e2f9ff',GradientType=0 );
		text-align:center;
	}
	.top-section__description .top-section__description-element{
		margin:10px 0 0 0;
	}
	.top-section__description .top-section__description-element h3{
		margin:10px 0 5px 0;
		font-size:16px;
		font-weight:bold;
	}
	.top-section__description .top-section__description-element p{
		margin:0;
		font-size:13px;
	}
	.top-section__description .top-section__description-element p img{
		width:36.25%;
	}
}
/*.top-section__download
-----------------------------------------------------------------------------*/
/*PC*/
@media screen and (min-width: 768px) {
	.top-section__download{
		padding:80px 0 400px 0;
		background:url(/images/bg_top_02.png) center bottom no-repeat, #f0fcff;
		background:url(/images/bg_top_02.png) center bottom no-repeat, -moz-linear-gradient(top, #f0fcff 0%, #e2f9ff 100%);
		background:url(/images/bg_top_02.png) center bottom no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0fcff), color-stop(100%,#e2f9ff));
		background:url(/images/bg_top_02.png) center bottom no-repeat, -webkit-linear-gradient(top, #f0fcff 0%,#e2f9ff 100%);
		background:url(/images/bg_top_02.png) center bottom no-repeat, -o-linear-gradient(top, #f0fcff 0%,#e2f9ff 100%);
		background:url(/images/bg_top_02.png) center bottom no-repeat, -ms-linear-gradient(top, #f0fcff 0%,#e2f9ff 100%);
		background:url(/images/bg_top_02.png) center bottom no-repeat, linear-gradient(to bottom, #f0fcff 0%,#e2f9ff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0fcff', endColorstr='#e2f9ff',GradientType=0 );
	}
}
/*PC（幅1920px以上）*/
@media screen and (min-width: 1920px) {
	.top-section__download{
		background-size:100%;
	}
}
/*SP*/
@media screen and (max-width: 767px) {
	.top-section__download{
		padding:15px 0 18px 0;
	}
}