@charset 'UTF-8';

/*----------------------------------------
	- default setting
	- font setting
-----------------------------------------*/
:root {
	--font-family-montserrat: 'Montserrat', sans-serif;
	--color_primary: #ab8c0f;
	--color_primary2: #f5d553;
	--color_white: #fff;
	--color_text: #000;
	--color_sub: #d6b73d;
	--color_sub2: #768997;
	--color_red: #8B3F50;
	--color_green: #195F55;
	--color_darkblue: #24314A;
	--color_lightgray: #F0F0F0;

	--color_gradation: linear-gradient(135deg, #24314A 30%, #5C7199 90%);

	--kv-shadow-y: 1px 1px 1px rgba(0, 0, 0, 0.5), 1px 1px 10px rgba(0, 0, 0, 1), 1px 1px 20px rgba(0, 0, 0, 1);
	--kv-shadow-b: 1px 1px 2px rgba(0, 0, 0, 1), 1px 1px 10px rgba(0, 0, 0, 1);

	--font-size10: calc(10/16 * 1rem);
	--font-size105: calc(10.5/16 * 1rem);
	--font-size11: calc(11/16 * 1rem);
	--font-size12: calc(12/16 * 1rem);
	--font-size13: calc(13/16 * 1rem);
	--font-size14: calc(14/16 * 1rem);
	--font-size15: calc(15/16 * 1rem);
	--font-size16: calc(16/16 * 1rem);
	--font-size17: calc(17/16 * 1rem);
	--font-size18: calc(18/16 * 1rem);
	--font-size20: calc(20/16 * 1rem);
	--font-size21: calc(21/16 * 1rem);
	--font-size22: calc(22/16 * 1rem);
	--font-size24: calc(24/16 * 1rem);
	--font-size25: calc(25/16 * 1rem);
	--font-size27: calc(27/16 * 1rem);
	--font-size28: calc(28/16 * 1rem);
	--font-size29: calc(29/16 * 1rem);
	--font-size30: calc(30/16 * 1rem);
	--font-size31: calc(31/16 * 1rem);
	--font-size32: calc(32/16 * 1rem);
	--font-size36: calc(36/16 * 1rem);
	--font-size38: calc(38/16 * 1rem);
	--font-size39: calc(39/16 * 1rem);
	--font-size40: calc(40/16 * 1rem);
	--font-size42: calc(42/16 * 1rem);
	--font-size48: calc(48/16 * 1rem);
	--font-size51: calc(51/16 * 1rem);
	--font-size52: calc(52/16 * 1rem);
	--font-size54: calc(54/16 * 1rem);
	--font-size59: calc(59/16 * 1rem);
	--font-size60: calc(60/16 * 1rem);
	--font-size61: calc(61/16 * 1rem);
	--font-size64: calc(64/16 * 1rem);
	--font-size70: calc(70/16 * 1rem);
	--font-size72: calc(72/16 * 1rem);
	--font-size80: calc(80/16 * 1rem);
	--font-size93: calc(93/16 * 1rem);
	--font-size96: calc(96/16 * 1rem);
	--font-size120: calc(120/16 * 1rem);
}

html {
	max-height: 100%;
	scroll-behavior: smooth;
}

img {
	width: 100%;
	height: auto;
}

body {
	color: var(--color_text);
	line-height: 2;
	letter-spacing: 0.05em;
	font-family: 'Lato', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, Verdana, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: 'palt';
}

::-webkit-full-page-media,
:future,
:root .word_breakAll {
	word-break: break-all;
}

.lato {
	font-family: 'Lato', sans-serif;
}

[class*="shippori-mincho"] {
	font-family: "Shippori Mincho", serif;
	font-style: normal;
}

.shippori-mincho-regular {
	font-weight: 400;
}

.shippori-mincho-medium {
	font-weight: 500;
}

.shippori-mincho-semibold {
	font-weight: 600;
}

.roboto-regular {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
}


br.pc {
	display: inline;
}

br.pcex {
	display: inline;
}

br.sp {
	display: none;
}

img.pc {
	display: block;
}

img.sp {
	display: none;
}

@media screen and (max-width: 1250px) {
	br.pcex {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	br.pc {
		display: none;
	}

	br.pcex {
		display: none;
	}

	br.sp {
		display: inline;
	}

	img.pc {
		display: none;
	}

	img.sp {
		display: block;
	}
}



/*----------------------------------------
	scroll effect
-----------------------------------------*/
/* scroll_up 下から上へ出現 */
.scroll_up {
	opacity: 0;
	transform: translateY(100px);
	transition: 1s cubic-bezier(0.33, 0.01, 0.02, 0.98);
}

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

@media screen and (max-width: 768px) {
	.scroll_up_lmtd {
		opacity: 0;
		transform: translateY(100px);
		transition: 1s cubic-bezier(0.33, 0.01, 0.02, 0.98);
	}

	.scroll_up_lmtd.active {
		opacity: 1.0;
		transform: translateY(0);
	}
}