@charset "utf-8";

@import  "./destyle.css";
@import url("./pc.css") screen and (min-width: 1024px);
@import url("./sp.css") screen and (max-width: 1023px);
//@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Noto+Sans+SC:wght@100..900&display=swap');



/* ----- common ----- */

html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}

body {
	font-family: "Noto Sans SC", sans-serif;
	color: #3a3a3a;
}

a {
	color: #111;
	transition: color 0.3s ease;
}

a:hover { color: #ff5a00; }

 img {
	width: 100%;
	height: auto;
	display: block;
	-webkit-user-drag: none;
	user-select: none;
}


/* font */
main p {
	line-height: 1.64;
	margin-bottom: 2em;
}

.number { font-family: "Jost", sans-serif; }


/* headline */
h2 {
	font-weight: 400;
	letter-spacing: .16em;
}

h3 { font-weight: 500; }

.underline-on-center {
	width: fit-content;
	display: block;
	position: relative;
}

.underline-on-center::after {
	background: #ff5a00;
	height: 3px;
	width: 0;
	position: absolute;
		bottom: 0;
		left: 0;
	transition: width 0.5s ease;
	content: "";
}

.underline-active::after { width: 100%; }