@charset "utf-8";

/*----------------------------------------------------------
   main layout
----------------------------------------------------------*/
/* mv
----------------------------------------------------------*/
#mv {
	background: #30B6C0;
}
#mv .movie {
	max-width: 522px;
	margin: 0 auto;
	padding: 42px 5px 0;
}
#mv .text {
	padding-bottom: 50px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#mv .text .lead {
	padding: 18px 0 25px;
	font-size: 212.5%;
	line-height: 1.64;
}
#mv .action_block {
	padding: 40px 0;
	background-color: #f0f3f5;
}
#mv .action_block li+li {
	margin-top: 20px;
}

@media screen and (min-width: 768px) {
	#mv .text {
		padding-bottom: 40px;
	}
	#mv .text .lead {
		padding: 22px 0 14px;
		font-size: 312.5%;
		line-height: 1.3;
	}
	#mv .action_block {
		padding: 50px 0;
	}
	#mv .action_block li+li {
		margin-top: 0;
	}
}

/* about
----------------------------------------------------------*/
#about {
	padding-bottom: 36px;
}
#about .block {
	margin-top: 28px;
}
#about ol.num li {
	position: relative;
}
#about ol.num li+li {
	margin-top: 35px;
}
#about ol.num li::before {
	content: '';
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: 120px auto;
}
#about ol.num li:nth-child(1)::before {
	background-image: url('../images/sec_02_01.svg');
}
#about ol.num li:nth-child(2)::before {
	background-image: url('../images/sec_02_02.svg');
}
#about ol.num li:nth-child(3)::before {
	background-image: url('../images/sec_02_03.svg');
}
#about ol.num li h3 {
	margin-top: 20px;
	font-size: 162.5%;
	line-height: 1.54;
	font-weight: bold;
}
#about ol.num li p {
	margin-top: .7em;
	font-size: 87.5%;
	line-height: 1.86;
}

@media screen and (min-width: 768px) {
	#about {
		padding-bottom: 76px;
	}
	#about .block {
		max-width: 720px;
		margin: 60px auto 0;
	}
	#about ol.num li {
		padding-left: 170px;
	}
	#about ol.num li+li {
		margin-top: 70px;
	}
	#about ol.num li::before {
		position: absolute;
		top: 5px;
		left: 0;
	}
	#about ol.num li p {
		margin-top: 1em;
	}
}

/* feature
----------------------------------------------------------*/
#feature {
	padding-bottom: 6px;
	background-color: #f0f3f5;
}
#feature .block {
	margin: 30px 3px 0;
}
#feature li {
	margin-bottom: 35px;
	border-radius: 6px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	background-color: #fff;
}
#feature li .image img {
	border-radius: 6px 6px 0 0;
}
#feature li .text {
	padding: 1.25em 28px 23px;
}
#feature li .text h3 {
	text-align: center;
}
#feature li .text p {
	margin-top: 1em;
	font-size: 87.5%;
	line-height: 1.86;
}

@media screen and (min-width: 768px) {
	#feature {
		padding-bottom: 53px;
	}
	#feature .block {
		margin: 67px 0 0;
	}
	#feature li {
		margin-bottom: 28px;
	}
}

/* media
----------------------------------------------------------*/
#media {
	padding-bottom: 6px;
	background-color: #f0f3f5;
}
#media .block {
	margin: 30px 3px 0;
}
#media li {
	margin-bottom: 35px;
	border-radius: 6px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	background-color: #fff;
}
#media li .image img {
	border-radius: 6px 6px 0 0;
}
#media li .text {
	padding: 1.25em 28px 23px;
}
#media li .text h3 {
	text-align: center;
}
#media li .text p {
	margin-top: 1em;
	font-size: 87.5%;
	line-height: 1.86;
}

@media screen and (min-width: 768px) {
	#media {
		padding-bottom: 53px;
	}
	#media .block {
		margin: 67px 0 0;
	}
	#media li {
		margin-bottom: 28px;
	}
}