/* === portrock向け Modern Reset + ダークモード対応 === */
*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html, body {
	width: 100%;
	height: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.6;
	background-color: #F9F9FA;
	color: #fff;
	font-size:16px;
}

/* ダークモード用：ユーザーがダークモード設定時に自動適用 */
@media (prefers-color-scheme: dark) {
	html, body {
		background-color: #121212;
		color: #f5f5f5;
	}

	a {
		color: #89eaff;
	}
}

img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
	height: auto;
}

a {
	color: inherit;
	text-decoration: none;
}

ul, ol {
	list-style: none;
	color:#fff;
}

button, input, textarea, select {
	font: inherit;
	background: none;
	border: none;
	outline: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: inherit;
	line-height: 1.2;
}

h1{
	font-size:4.8vw;
	line-height:9.6vw;
}

h2{
	font-size:3.6vw;
	line-height:8.4vw;
}

h3{
	font-size:2.0vw;
	line-height:6.4vw;
}

p{
	font-size:1.2vw;
	line-height:2.4vw;
}

@media screen and (max-width:1120px){	
	p{
		font-size:2.0vw;
		line-height:4.0vw;
	}
}

@media screen and (max-width:767px){
	h1{
		font-size:6.8vw;
		line-height:13.6vw;
	}

	h2{
		font-size:4.8vw;
		line-height:9.6vw;
	}

	h3{
		font-size:4.2vw;
		line-height:8.4vw;
	}
	
	p{
		font-size:3.6vw;
		line-height:7.2vw;
	}
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}