:root {
	--font-round: "M PLUS Rounded 1c";
}

html {
	/* 長さの単位はrem bodyの幅を基準にしている */
	font-size: 1vw;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0;

	/* スマホ版の左右に背景をつけてPC版に */
	background-image: url(../img/bg.webp);
	background-repeat: repeat;
	background-size: 70%;
}

ul li:last-child {
	margin-bottom: 0;
}

/*----------------------------*/
/* 動画 */
div.movie {
	aspect-ratio: 16 / 9;
}

div.movie iframe,
div.movie video {
	width: 100%;
	height: 100%;
}

/* 箇条書き */
ul {
	text-align: left;
	list-style: none;
	margin: 1em auto 0;
	width: fit-content;
	padding-inline-start: 0;
}

ul li {
	position: relative;
	margin-bottom: 0.5em;
	line-height: 1.4em;
	padding-left: 1.2em;
}

ul li::before {
	content: '※';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

/* 画像の上に文字 */
div.wrap {
	position: relative;
}

/* 天地左右センター */
div.wrap div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

/* テキストにマーカー的なハイライト */
span.highlight {
	background: linear-gradient(transparent 70%, #FFFF00 30%);
}

/*----------------------------*/











/*----------------------------*/
@media screen and (min-width: 481px) {
	/* 481px以上に適用されるCSS（タブレット用） */

	a[href^="tel:"] {
		pointer-events: none;
	}

	html {
		font-size: 0.5vw;
	}

	body {
		padding: 0 23vw;
	}


}

@media screen and (min-width: 960px) {
	/* 960px以上に適用されるCSS（PC用） */

	html {
		font-size: 0.4vw;
	}

	body {
		padding: 0 28vw;
	}


}

/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
	transition: 0.5s ease-in-out;
	transform: translateY(50px);
	opacity: 0;
}

.scroll_up.on {
	transform: translateY(0);
	opacity: 1.0;
}

.scroll_delay {
	transition-delay: 0.2s;
}