@charset "UTF-8";
/* CSS Document */

@use 'config' as *;
/* 初期設定 */// Scss Document

html {
	scroll-behavior: smooth;
	overflow-x:clip;
	font-size: 62.5%;
}

body {
	font-family: $ja-font;
	font-size: 1.4rem;
	font-weight:500;
	line-height: 1.75;
	letter-spacing:0.1em;
	font-feature-settings: "palt";
	color: #000;
	position: relative;
	overflow-x: clip;
}
h1, h2, h3, h4, h5 {
	
}
.en {
	font-family: $en-font;
	font-weight: ;
}
.num{
	font-family: $en-font;
	font-weight: ;
}
a {
	text-decoration: none;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	&:hover { opacity: 0.5; }
}
img {
	max-width: 100%;
	height: auto;
}

/* ----rem設定---- */
:root {
	--liquid-lgDesignRatio: calc(1440 / 10);
	--liquid-lmdDesignRatio: calc(1024 / 10);
	--liquid-mdDesignRatio: calc(840 / 10);
	--liquid-smDesignRatio: calc(390 / 10);
}

@media screen and (max-width: 1440px) {
	:root {
		--liquid-htmlroot: calc(100vw / var(--liquid-lgDesignRatio));
	}
	html {font-size: var(--liquid-htmlroot);}
}
@media screen and (max-width: 1024px) {
	:root {
		--liquid-htmlroot: calc(100vw / var(--liquid-lmdDesignRatio));
	}
}
@media screen and (max-width: 840px) {
	:root {
		--liquid-htmlroot: calc(100vw / var(--liquid-mdDesignRatio));
	}
}
@media screen and (max-width: 520px) {
	:root {
		--liquid-htmlroot: calc(100vw / var(--liquid-smDesignRatio));
	}
}
/* --------- */

/* ----レスポンシブの表示非表示---- */
.sp1440,.sp1024,.sp840,.sp520,.sp375{display: none;}
@media (max-width: 1440px) {
	.pc1440{display: none !important;}
	.sp1440{display: block;}
	@media (max-width: 1024px) {
		.pc1024{display: none !important;}
		.sp1024{display: block;}
		@media (max-width: 840px) {
			.pc840{display: none !important;}
			.sp840{display: block;}
			@media (max-width: 520px) {
				.pc520{display: none !important;}
				.sp520{display: block;}
				@media (max-width: 375px) {
					.pc375{display: none !important;}
					.sp375{display: block;}
				}
			}
		}
	}
}
/* --------- */

/* ----------------------------------------------------------------------
クラス名設定
---------------------------------------------------------------------- */
.inner{
	max-width: ;
	width:86%;
	margin:0 auto;
}
.flex-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.Tcenter{
	text-align: center;
}
.Fcenter{
	display: flex;
	justify-content: center;
	align-items: center;
}
.m0a{
	margin: 0 auto;
}
.rela{
	position: relative;
}
.abs{
	position: absolute;
}
.maxnone{
	max-width: none;
	width: 100%;
}


@media (max-width: 1440px) {
	@media (max-width: 1024px) {
		@media (max-width: 840px) {
			@media (max-width: 520px) {
				@media (max-width: 375px) {
				}
			}
		}
	}
}