@charset "utf-8";

@media screen and ( min-width:768px ) { /* PC ==================== */
}
@media screen and ( max-width:767px ) { /* SP  ==================== */
}

.bg-character{
	top:0;
}
.content-footer{
	z-index: 4;
}
.content-blue-bg{
  width:100%;
  padding:20px 30px 30px 30px;
  background-color: #07587c;
  border-radius: 20px;
}

@media screen and ( min-width:768px ) { /* PC ==================== */
	.story p{
		font-size: 160%;
		line-height: 2.0;
	}
}
@media screen and ( max-width:767px ) { /* SP  ==================== */
	.story p{
		font-size: 120%;
		line-height: 2.0;
	}
}
@media screen and ( min-width:768px ) { /* PC ==================== */
}
@media screen and ( max-width:767px ) { /* SP  ==================== */
	ruby rt{
		position: relative;
		top: 7px;
		transform: translateY(7px);
	}
}

@media screen and ( min-width:768px ) { /* PC ==================== */
	.story p .pic_image01{
		width:50%;
		float: right;
		margin-right:-80px;
		padding:0 0 50px 10px;
	}
}
@media screen and ( max-width:767px ) { /* SP  ==================== */
	.story p .pic_image01{
	}
}

@media screen and ( min-width:768px ) { /* PC ==================== */
	.story p .pic_image02{
		width:40%;
		float: left;
		margin-left:-60px;
		padding:10px 0 0 0;
	}
}
@media screen and ( max-width:767px ) { /* SP  ==================== */
	.story p .pic_image02{
	}
}

@media screen and ( min-width:768px ) { /* PC ==================== */
	.story p .pic_image03{
		width:45%;
		float: right;
		margin-right:-80px;
		padding:0 0 0 10px;
	}
}
@media screen and ( max-width:767px ) { /* SP  ==================== */
	.story p .pic_image03{
	}
}