.product_banner,
#ctt_con{
	display: none !important;
}

/* sub common */
img::selection{
	background: transparent;
}

::selection{
	background: var(--mainCol);
	color: #fff;
}

#container > section{
	padding: 70px 0;
}

.center{
	text-align: center;
}

/* tit */
.tit{
	font-size: 40px;
	color: var(--titCol);
	line-height: 1.4;
}

.tit strong{
	font-weight: 900;
	color: var(--titCol);
	line-height: 1.4;
}

/* conTxt */
.conTxt{
	font-size: 20px;
	line-height: 1.8;
	margin: 30px 0;
}


/* visual */
#container .visual{
	padding: 0;
}

#container .visual .conBox {
  text-align: center;
}

#container .visual .conBox h2 {
  color: #fff;
  font-size: 80px;
  font-weight: 900;
  text-align: center;
  line-height: 1;
  margin-bottom: 50px;
  text-transform: uppercase;
}

#container .visual .conBox h2 span {
  font-size: 0.8em;
  font-weight: 600;
}

#container .visual .conBox p{
	text-align: center;
	color: #fff;
	font-size: 40px;
}

/* bgSection */
#container .bgSection{
	position: relative;
	padding: 0;
}

.bgSection .bg img{
	width: 100%;
}

.bgSection .conBox{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}


@media screen and (max-width: 1024px){

/* common */
.tit{
	font-size: 6vw;
}

.conTxt{
	font-size: 3.3vw;
	word-break: keep-all;
	margin: 5vw 0;
}

.conTxt br{
	display: none;
}


/* section */
#container > section{
	padding: 7vw 0;
}

/* visual */
#container .visual .conBox{
	top: 55%;
}

#container .visual .conBox h2{
	font-size: 9vw;
	margin-bottom: 5vw;
	line-height: 1.3;
}

#container .visual .conBox h2 span{
	font-size: 0.6em;
	display: block;
}

#container .visual .conBox p{
	font-size: 6vw;
}





}