@charset "UTF-8";

/****************************************
	main-content
****************************************/

.main-content {
	margin:0px 0px 0px;
}


.title-line {
	position:relative;
	padding:200px 0px 40px;
	background: #f9fbff;
	overflow: hidden;
	border: 1px solid #888;
} 

.title-line::before {
	content: "";
	position: absolute;
	width: 300px;
	height: 300px;
	background: #bdd3f7;
	border-radius: 50%;
	filter: blur(80px);
	top: -50px;
	left: -50px;
}

.title-line::after {
	content: "";
	position: absolute;
	width: 300px;
	height: 300px;
	background: #d5cff8;
	border-radius: 50%;
	filter: blur(80px);
	bottom: -50px;
	right: -50px;
}

.title-line h1 {
	font-size:clamp(20px, 4.5vw, 36px);
	z-index: 1;
}


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

	.title-line {
		padding:140px 0px 40px;
	} 

}