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

#secTit {
	padding-top: 3%;
}
#secTit h3 {
	text-align: center;
	font-size: 32px;
	padding: 1em 0;
}
#sec01 {
	width: 95%;
	margin: 0 auto;
	position: relative;
	container-type: inline-size;
}
#sec01 p {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	font-size: 1.7cqw;
font-size: clamp(13px, 1.8cqw, 28px);
	color: #fff;
	text-align: center;
	padding-top: 1.7em;
	
}

#sec01 p.hint {
		display: none;
	}
@media screen and (max-width : 959px ){
	#secTit h3 {
		font-size: clamp(22px, 3.3vw, 26px);
		padding-bottom: 0;
	}
	
	#wrapper {
		padding-bottom: 50px;
	}
	#sec01 p {
		position: static;
		color: #000;
		font-size: 16px;
		padding-bottom: 2em;
		line-height: 2;
	}
	#sec01 p.hint {
		display: none;
	
}
@media screen and (max-width : 599px ){
	#sec01 p {
		position: static;
		color: #000;
		font-size: 15px;
		font-size: clamp(15px, 4.3vw, 17px);
		padding-bottom: 2em;
	}
	#sec01 p.hint {
		display: block;
		padding-bottom: 0.5em;
		font-size: 13px;
	}
	#sec01 {
	width: 100%;
	}
	#sec01 .imgBox02 {
		width: 100%;
		overflow-x: scroll
	}
	#sec01 .imgBox02 img {
		width: 350%;
	}


}