@charset "utf-8";

.content{
  padding-bottom:80px;
}
.bg_toppage{
  background-image:url('../img/bg_toppage_2x.jpg');
  background-size:100%;
  background-position: center center;
  background-repeat: repeat-y;
}

.keyvisual{
	width:100%;
}

@media screen and ( min-width:760px ) { /* PC ==================== */
  .slider {
    width:90%;
    margin:80px auto;
  }
}
@media screen and ( max-width:759.98px ) { /* SP  ==================== */
  .slider {
    width:100%;
    margin-top:80px;
  }
}

.catchcopy{
	margin:80px 0 20px 0;
}

.info{
	width:90%;
	margin:0 auto;
}
.info h3{
	margin:50px 0 0 0;
	padding:10px 0 5px 0;
	background-color:#e664c8;
	border-bottom:3px solid #f6bc17;
	color:#fff;
}
@media screen and ( min-width:760px ) { /* PC === */
	.info h3{
		font-size:25px;
	}
}
@media screen and ( max-width:759.98px ) { /* SP  === */
	.info h3{
		font-size:18px;
	}
}
.info dl{
	height:300px;
	text-align:left;
	background-color:#f1f1f1;
	padding:10px 10px 20px 10px;
	overflow-y:auto; 
}
.info dt{
	margin:20px 0 10px 0;
}
@media screen and ( min-width:760px ) { /* PC === */
	.info dt{
		font-size:16px;
	}
}
@media screen and ( max-width:759.98px ) { /* SP  === */
	.info dt{
		font-size:12px;
	}
}
.info dt span{
	display:block;
	width:65px;
	float:left;
	padding:3px 0;
	margin-right:10px;
	text-align:center;
	color:#fff;
}
@media screen and ( min-width:760px ) { /* PC === */
	.info dt span{
		font-size:12px;
	}
}
@media screen and ( max-width:759.98px ) { /* SP  === */
	.info dt span{
		font-size:10px;
	}
}
@media screen and ( min-width:760px ) { /* PC === */
	.info dd{
		font-size:16px;
	}
}
@media screen and ( max-width:759.98px ) { /* SP  === */
	.info dd{
		font-size:12px;
	}
}
.info dd span{
	color:#ff0000;
	margin-left:10px;
}

@media screen and ( min-width:760px ) { /* PC === */
	.bnr_tf-gogo{
		width:50%;
		margin:50px auto 0;
	}
}
@media screen and ( max-width:759.98px ) { /* SP  === */
	.bnr_tf-gogo{
		margin-top:50px;
	}
}