@charset "UTF-8";
/* CSS Document */

#pageWrap {
	background-image: url("../img/bg-content.jpg");
	background-position: center center;
	background-size: cover;
}


#titWrap {
/*	position: relative;
	height: 15vw;
	display: flex;
	justify-content: center;
	align-items: center;*/
	background-position: center center;
	background-size: cover;
}
#titWrap {
	background-image: url("../img/bg-title_sp.jpg");
}
#titWrap h1 {
	color: #fff;
}

.btnSpl {
	display: flex;
justify-content: center;
align-items: center;
	height: 2.6em;
	background: #007A95;
background: linear-gradient(180deg, rgba(0, 122, 149, 1) 0%, rgba(9, 44, 66, 1) 100%);
	color: #fff;
}
.btnSpl:hover,
.items .item:hover .txtBox p.view {
	filter: brightness(130%) saturate(160%);
}
.try::after {
	content: "▼";
	font-size: 60%;
	transform: rotateZ(-90deg);
	margin-left: 0.5em;
}
.rankBox {
	display: none;
}
.contactBox {
  width: 100%;
	max-width: 100%;
	background-color: #d9dfe0;
}
@media screen and (max-width: 960px) {
	#titWrap {
		/*height: 24vw;
		max-height: 140px;*/
	}
}
@media screen and (max-width: 599px) {

	/*#titWrap h1 {
		width: 90%;
		font-size: 3.7vw;
		font-size: clamp(13px, 3.7vw, 15px);
		letter-spacing: 0.5em;
		margin: 0 auto;
  }*/
}