/* ヘッダー */
#head h2.info{
  background: url("../images/h2_annai.png")center center no-repeat;
  height: 46px;
  width: 100%;
  text-indent: -9999px;
/*  margin-top: 70px;*/
}

/* トップ */
#top{
  width: 100%;
  height: 800px;
  min-height: 550px;
  margin: auto;
  text-align: center;
}

/* リード */
#top #lead{
  width: 1000px;
/*  height: 19%;*/
/*
  background: url(../images/asobi_lead.png) no-repeat center center rgba(255, 255, 255, 0.5);
  background-size: contain;
*/
  margin: 40px auto;
/*  text-indent: -9999px;*/
	position: relative;
	z-index: 2;
	opacity: 0;
	transform: translateY(5px);
	font-size: 23px;
	line-height: 50px;
	font-weight: 700;
	text-decoration: underline; text-decoration-style: solid; text-decoration-color: #1EB4FF; -webkit-text-decoration: underline solid 1px #1EB4FF;
	text-underline-offset:0.5em;
}

#info img {
	width: 750px;
	margin: auto;
}

#info h2 {
	font-size: 22px;
	width: 920px;
	margin: auto;
}

#info h2::before{
	content: '';
	background: url("../images/info_toto.svg") no-repeat bottom left;
	background-size: contain;
	display: inline-block;
	width: 22px;
	height: 22px;
}

/***********************************************************************
「★PC版 CSS★」ブラウザの幅が751px以上ならここの記述が有効になる
**********************************************************************/
@media screen and (min-width: 751px) {
.sp_only{
    display: none;
}
	
}

/***********************************************************************
「★SP版 CSS★」ブラウザの幅が750px以下ならここの記述が有効になる
**********************************************************************/
@media screen and (max-width: 750px) {
.pc_only{
  display: none;
}

#info h2 {
	width: 650px;
	font-size: 30px;
}

#info h2::before{
	width: 30px;
	height: 30px;
}
	
  
}