@charset "UTF-8";
.count{
	margin: 60px 50px;
	text-align: center;
}
.count h2 .num{
	font-size: 70px;
	line-height: 70px;
	color: #c90000;
	letter-spacing: 1px;
	display: inline-block;
	vertical-align: bottom;
}
.count h2 .num::after {
	/*content: "0";*/
}
.count h2{
	color: #000;
	font-size: 18px;
	font-weight: normal;
	margin-right: 8px;
	line-height: 40px;
	margin-bottom: 30px;
}
.count.act.zoom-in-out h2 {
	animation: zoom-in-out 0.3s ease;
	-webkit-animation: zoom-in-out 0.3s ease;
}
.count.act h2 .num::after {
/*
	animation: number-roll 2s ease-in 0s forwards;
	-webkit-animation: number-roll 2s ease-in 0s forwards;
*/
}
@keyframes zoom-in-out {
	0% {transform: scale(0.8);-webkit-transform: scale(0.8)}
	50% {transform: scale(1.2);-webkit-transform: scale(1.2)}
	100% {transform: scale(1);-webkit-transform: scale(1);}
}
@-webkit-keyframes zoom-in-out {
	0% {transform: scale(0.8);-webkit-transform: scale(0.8)}
	50% {transform: scale(1.2);-webkit-transform: scale(1.2)}
	100% {transform: scale(1);-webkit-transform: scale(1);}
}



#section-1{margin-bottom:80px;}

.youtube-inner iframe{
	width: 100%;
	height: 515px;
}

#section-2{margin-bottom:60px;}
#section-2 .inner img{width: 100%;}
.contents {margin: 60px 50px 0;}
.post-block{
	text-align: center;
	margin-bottom: 80px;
}
.post-block h2.ttl{margin-bottom: 60px;}
.post-block .btn-bloc{
	font-size: 0;
	margin-top: 60px;
}

.post-block .send-news{margin-bottom: 20px;}
.post-block .send-news>*{
	display: inline-block;
	vertical-align: middle;
}
.post-block .send-news label{
	font-size: 14px;
	cursor: pointer;
	margin-right: 5px;
}

.post-block p.notice{
	color: #df0000;
	font-weight: 600;
	font-size: 20px;
	margin-top: 15px;
}
a.btn.tw{margin-right: 25px;}
.post-step{margin-bottom: 70px;}
.post-step p{font-weight: bold;}
#section-6 {
	font-size: 14px;
	padding-bottom: 20px;
}
#section-6 ul,
#section-6 li{
	list-style-type: disc;
}
#section-6 ul {
  padding-left: 30px;
  margin-bottom: 30px;
}
#section-6 b{display: block;}
.post-latest {
	margin-bottom: 95px;
}
.post-latest .more{
	text-align: center;
}
.show-netabare {
	text-decoration: underline;
}
.show-netabare + span {
	display: none;
}
body.id-4 h2.ttl:before {
	border-left: 15px solid #84d2e8;
}
/** smart phone **/
@media screen and (max-width: 767px){
	.count{
		padding: 5% 2% 5%;
		margin: 0;
	}
	.count h2 .num{
		font-size: 30px;
		line-height: 30px;
		margin-top: 3%;
	}
	.count h2{
		margin-bottom: 10px;
		font-size: 16px;
		margin-right: 0;
		line-height: 20px;
		display: block;
	}
	.contents{
		margin: 0;
	}
	#section-1 {
		margin-bottom: 0;
		padding: 3% 3% 5%;
	}
	.youtube-inner {
		text-align: center;
		position: relative;
		padding-bottom: 26%;
		padding-top: 30%;
		height: 0;
		overflow: hidden;
		display: block;
	}

	.youtube-inner iframe{
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
		width: 100%;
		height: 100%;
	}
	#section-2 {
		margin-bottom: 6%;
	}
	#section-2 h2.ttl{
		margin-bottom: 0;
	}
	.social-update{
		padding: 0% 3% 5%;
	}
	.social-update li{
		margin: 0;
		width: 100%;
		display: none;
		margin-bottom: 3%;
	}
	.social-update li:nth-child(2),
	.social-update li:nth-child(1){
		display: block;
	}
	.post-latest {margin-bottom: 15%}
	.post-block h2.ttl {margin-bottom: 5%;}
	.post-block p.notice{
		font-size: 18px;
		margin-top: 3%;
	}
	.post-block .btn-bloc {margin-top: 5%;}
	a.btn.tw {
		margin-right: 0;
		margin-bottom: 3%;
	}
	.post-block .send-news>*{
		display: inline;
	}
	.post-block .send-news label {
		font-size: 12px;
		margin-right: 3px;
	}
	.post-block{margin-bottom: 10%;}
	.post-step {margin-bottom: 8%;}
	.post-step p{padding: 0 3%;}
	#section-6{padding-bottom: 5%;}
	#section-6 ul {
		padding-left: 8%;
		margin-bottom: 5%;
		padding-right: 0%;
	}
	#section-6 .inner{padding: 0 3%;}
}