@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;
  position: relative;
}
.media h3{
	font-size:120%;
	border-bottom:1px solid #fff;
	padding:0 0 5px 0;
}
@media screen and ( min-width:768px ) { /* PC ==================== */
	.media h3{
	margin:20px 0 10px 0;
}
}
@media screen and ( max-width:767px ) { /* SP  ==================== */
	.media h3{
	margin:20px 0 10px 0;
}
}
.media div{
}
@media screen and ( min-width:768px ) { /* PC ==================== */
	.media dt{
	font-size: 150%;
	margin-top:20px;
}
}
@media screen and ( max-width:767px ) { /* SP  ==================== */
	.media dt{
	font-size: 120%;
	margin-top:20px;
}
}

@media screen and ( min-width:768px ) { /* PC ==================== */
	.media .left{
	width:49%;
	float: left;
}
.media .right{
	width:49%;
	float: right;
}
}
@media screen and ( max-width:767px ) { /* SP  ==================== */
}

dl dt a,
dl dt a:hover{
	color:#fff !important;
	text-decoration: none !important;
}

.media .music{
		clear: both;
		padding:30px 0 20px 0;
}

.asterisk{
	clear: both;
	padding-top: 30px;
}
@media screen and ( min-width:768px ) { /* PC ==================== */
	.music div{
	width:50%;
	float: left;
}
}
@media screen and ( max-width:767px ) { /* SP  ==================== */
	.music div{
	margin-top:30px;
}
}

.music h4{
	font-size:120%;
	padding-bottom:10px;
}