@charset "UTF-8";

/* blcIntro --------------- */
#blcIntro .txt{
font-weight: 600;
font-size: 110%;
line-height:2.5;
text-align: center;
}
@media screen and (max-width: 750px) {
	#blcIntro .txt{
  font-size:4.3vw;
	}
}

@media screen and (max-width: 500px) {
	#blcIntro .txt{
  box-sizing:border-box;
  padding-left: 8%;
  padding-right: 8%;
  line-height: 2;
  text-align:left;
	}
}

/* blc01 --------------- */
#blc01{
box-sizing: border-box;
background: url("../img/entry/blc01_bg01.jpg") 50% 50%;
height: 592px;
padding-top: 94px;
}
#blc01 .inner{
max-width: 830px;
background:rgba(255,255,255,0.7);
border:#000 solid 2px;
padding: 60px 0 0;
text-align: center;
}
#blc01 .message{
font-size: 250%;
font-weight: 600;
margin: 0 0 2%;
line-height: 1.2;
}
#blc01 .message:after{
content: url("../img/common/arrow_down.png");
display: block;
margin: 0 auto 2%;
}
#blc01 .btn a{
display: block;
text-decoration: none;
box-sizing: border-box;
position: relative;
margin: 0 auto;
padding: 5px 4%;
width: 80%;
max-width: 230px;
background:#fff;
border: #000 solid 2px;
font-size: 150%;
font-weight: 600;
transition: all 0.2s;
}
#blc01 .btn.yes{
margin: 0 0 2%;
}
#blc01 .btn.yes a:hover{
background:#c2121b;
}
#blc01 .btn.yes a:hover:after{
content: "Ready?";
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
color: #fff;
background:inherit;
padding-top: 5px;
}
#blc01 .btn.no a:hover{
opacity: 0.5;
}
@media screen and (max-width: 900px) {
	#blc01{
	background-size: cover;
	height: auto;
	padding: 10% 0;
	}
	#blc01 .inner{
	padding: 7% 0 0;
	}
}

/* blc02 --------------- */
#blc02 .txt{
text-align: center;
margin: 10% 0 3%;
}
#blc02 .btn{
text-align: center;
margin: 10% 0 0;
}
#blc02 .btn a{
transition: all 0.2s;
}
#blc02 .btn a:hover{
opacity: 0.5;
}