@charset "utf-8";

.content{
	background-image: url('../img/bg-main.jpg');
	background-size:100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.keyvisual{
	width:100%;
}
.content-area{
	margin:0 auto;
	padding:20px 0 50px 0;
	position: relative;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.content-area{
		width:80%;
		padding:20px 0 50px 0;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.content-area{
		width:95%;
		padding:5px 0 50px 0;
	}
}
.content-frame-black{
	background-color: rgba(0,0,0,0.8);
}
.content-frame-body{
	background-image: url('../img/content-frame-body.png');
	background-size: 100%;
	background-repeat: repeat-y;
}
.toppage-tit{
	width:110%;
	position:relative;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	z-index: 10;
}
.tit-anime{
	position:absolute;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.tit-anime{
		top:3%;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.tit-anime{
		top:2.5%;
	}
}
.video-win{
	background:linear-gradient(41deg,rgba(132,132,132,1),rgba(255,255,255,1)24%,rgba(173,173,173,1)50%,rgba(233,233,233,1)78%,rgba(143,143,143,1));
	background:-webkit-linear-gradient(41deg,rgba(132,132,132,1),rgba(255,255,255,1)24%,rgba(173,173,173,1)50%,rgba(233,233,233,1)78%,rgba(143,143,143,1));
	background:-moz-linear-gradient(41deg,rgba(132,132,132,1),rgba(255,255,255,1)24%,rgba(173,173,173,1)50%,rgba(233,233,233,1)78%,rgba(143,143,143,1));
	background:-o-linear-gradient(41deg,rgba(132,132,132,1),rgba(255,255,255,1)24%,rgba(173,173,173,1)50%,rgba(233,233,233,1)78%,rgba(143,143,143,1));
	background:-ms-linear-gradient(41deg,rgba(132,132,132,1),rgba(255,255,255,1)24%,rgba(173,173,173,1)50%,rgba(233,233,233,1)78%,rgba(143,143,143,1));
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.video-win{
		width: 80%;
		margin:0 auto 20px;
		padding:8px 8px 4px 8px;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.video-win{
		width: 90%;
		margin:0 auto 20px;
		padding:6px 6px 3px 6px;
	}
}
.video-win iframe{
	width:100%;
	aspect-ratio: 16 / 9;
	margin:0;
	padding:0;
}

@media screen and ( min-width:640px ) { /* PC ==================== */
  .slider {
    width: 80%;
    margin: -35px auto 0;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .slider {
    width: 90%;
    margin: -20px auto 0;
  }
}
.information-frame-top{
	line-height: 0.0;
}
.information-frame-body{
	background-image: url('../img/information-frame-body.png');
	background-size: 100%;
	background-repeat: repeat-y;
	margin:0;
	padding:0;
}
.info-win{
	margin:0 auto;
	background:linear-gradient(41deg,rgba(132,132,132,1),rgba(255,255,255,1)24%,rgba(173,173,173,1)50%,rgba(233,233,233,1)78%,rgba(143,143,143,1));
	background:-webkit-linear-gradient(41deg,rgba(132,132,132,1),rgba(255,255,255,1)24%,rgba(173,173,173,1)50%,rgba(233,233,233,1)78%,rgba(143,143,143,1));
	background:-moz-linear-gradient(41deg,rgba(132,132,132,1),rgba(255,255,255,1)24%,rgba(173,173,173,1)50%,rgba(233,233,233,1)78%,rgba(143,143,143,1));
	background:-o-linear-gradient(41deg,rgba(132,132,132,1),rgba(255,255,255,1)24%,rgba(173,173,173,1)50%,rgba(233,233,233,1)78%,rgba(143,143,143,1));
	background:-ms-linear-gradient(41deg,rgba(132,132,132,1),rgba(255,255,255,1)24%,rgba(173,173,173,1)50%,rgba(233,233,233,1)78%,rgba(143,143,143,1));
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.info-win{
		width: 80%;
		padding:8px;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.info-win{
		width: 85%;
		padding:6px;
	}
}
.info-win dl{
	width: 100%;
	background-color:#fff;
	color:#000;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.info-win dl{
		padding:10px 20px;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.info-win dl{
		padding:10px;
	}
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.info-win dl dt{
		width: 15%;
		float: left;
		padding:10px 0;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.info-win dl dt{
		padding-top:5px;
	}
}
.info-win dl dd{
	display:flex;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.info-win dl dd{
		width: 85%;
		padding:10px 0;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.info-win dl dd{
		padding-bottom:5px;
	}
}