:root{
	--tit-col: #007083;
	--bg-col: #b9fffc;
	scroll-behavior: smooth;
}

*{
	font-family: 'Noto Serif JP', serif;
}

html{
	overflow-x: hidden;
	overflow-y: overlay;
}

nav{
	background: url("../images/topbg.png") no-repeat top left;
    background-size: 100%;
}

.nv-bgc{
	background:linear-gradient(90deg,#b9fffc00 0%,#b9fffc99 10%,#b9fffc99 90%,#b9fffc00 100%);
}

.media img{
	height: 5em;
}

h1,h2,h3,h4,h5,h6{
	color: var(--tit-col);	
}

.pntit{
    background-color: #71cebb;
}

.qatit{
	display: block;
}
.qatit::before{
	display: inline-block;
	width: 2em;
	height: 2em;
	content: "";
	position: relative;
	vertical-align: middle;
	background-image: url("../images/hr_sqr.png");
	background-size: contain;
	vertical-align: -0.65em;
}

.preline{
	white-space: pre-line;
}

form .required::after{
	display: block;
	float: right;
	width: 4.5em;
	font-size: 0.9em;
	letter-spacing: -0.1em;
	color: red;
	content: "※必須入力";
}

::-webkit-scrollbar{
	width: 0.5em;
}
::-webkit-scrollbar-track-piece{
	margin: 1em;
}
::-webkit-scrollbar-thumb{
	background-color: #00fc9b66;
	border-radius: 2em;
}

@media (min-width: 768px) {
	.md-nv-bgc {
		background:linear-gradient(90deg,#b9fffc00 0%,#b9fffc99 5%,#b9fffc99 95%,#b9fffc00 100%);
	}
}