@charset "utf-8";


:root {
	
	--Size_02: 0.2rem;	--Size_04: 0.4rem;	--Size_06: 0.6rem;	--Size_08: 0.8rem;	--Size_10: 1.0rem;
	--Size_12: 1.2rem;	--Size_14: 1.4rem;	--Size_16: 1.6rem;	--Size_18: 1.8rem;	--Size_20: 2.0rem;
	--Size_22: 2.2rem;	--Size_24: 2.4rem;	--Size_26: 2.6rem;	--Size_28: 2.8rem;	--Size_30: 3.0rem;
	--Size_32: 3.2rem;	--Size_34: 3.4rem;	--Size_36: 3.6rem;	--Size_38: 3.8rem;	--Size_40: 4.0rem;
	--Size_42: 4.2rem;	--Size_44: 4.4rem;	--Size_46: 4.6rem;	--Size_48: 4.8rem;	--Size_50: 5.0rem;
	--Size_52: 5.2rem;	--Size_54: 5.4rem;	--Size_56: 5.6rem;	--Size_58: 5.8rem;	--Size_60: 6.0rem;
	--Size_70: 7.0rem;
	--Size_80: 8.0rem;
	--Size_90: 9.0rem;
	--Size_100: 10.0rem;
	--Size_110: 11.0rem;	--Size_120: 12.0rem;	--Size_130: 13.0rem;	--Size_140: 14.0rem;	--Size_150: 15.0rem;
	--Size_160: 16.0rem;	--Size_160: 17.0rem;	--Size_180: 18.0rem;	--Size_190: 19.0rem;	--Size_200: 20.0rem;
	--Size_210: 21.0rem;	--Size_220: 22.0rem;	--Size_230: 23.0rem;	--Size_240: 24.0rem;	--Size_250: 25.0rem;
	--Size_260: 26.0rem;	--Size_260: 27.0rem;	--Size_280: 28.0rem;	--Size_290: 29.0rem;	--Size_300: 30.0rem;
	--Size_310: 31.0rem;	--Size_320: 32.0rem;	--Size_330: 33.0rem;	--Size_340: 34.0rem;	--Size_350: 35.0rem;
	--Size_360: 36.0rem;	--Size_360: 37.0rem;	--Size_380: 38.0rem;	--Size_390: 39.0rem;	--Size_400: 40.0rem;

	
	/* JSPホワイト #E4E4E4 */
	--Color_FF: #E4E4E4;
	--Color_FF100: rgba(228,228,228,1.00);
	--Color_FF080: rgba(228,228,228,0.80);
	--Color_FF060: rgba(228,228,228,0.60);
	--Color_FF040: rgba(228,228,228,0.40);
	--Color_FF020: rgba(228,228,228,0.20);
	--Color_FF000: rgba(228,228,228,0.00);

	/* JSPグレー #5a5a5c */
	--Color_5A: #5a5a5c;
	--Color_5A100: rgba(90,90,92,1.00);
	--Color_5A080: rgba(90,90,92,0.80);
	--Color_5A060: rgba(90,90,92,0.60);
	--Color_5A040: rgba(90,90,92,0.40);
	--Color_5A020: rgba(90,90,92,0.20);
	--Color_5A000: rgba(90,90,92,0.00);
	
	/* JSPブラック #1d1d1d */
	--Color_1D: #1d1d1d;
	--Color_1D100: rgba(29,29,29,1.00);
	--Color_1D080: rgba(29,29,29,0.80);
	--Color_1D060: rgba(29,29,29,0.60);
	--Color_1D040: rgba(29,29,29,0.40);
	--Color_1D020: rgba(29,29,29,0.20);
	--Color_1D000: rgba(29,29,29,0.00);
	
	/* JSPイエロー #f9dd4b */
	--Color_A: #f9dd4b;
	--Color_A100: rgba(249,221,75,1.00);
	--Color_A080: rgba(249,221,75,0.80);
	--Color_A060: rgba(249,221,75,0.60);
	--Color_A040: rgba(249,221,75,0.40);
	--Color_A020: rgba(249,221,75,0.20);
	--Color_A000: rgba(249,221,75,0.00);

	/* ギミック */
	--Transition: all .75s ease;
	
	/* ボーダー */
	--Border-radius_L: var(--Size_200);
	--Border-radius_S: var(--Size_04);
	--Border-radius_Top: var(--Border-radius_S) var(--Border-radius_S) 0 0;
	--Border-radius_Bottom: 0 0 var(--Border-radius_S) var(--Border-radius_S);
	--Border-radius_Right: var(--Border-radius_S) 0 0 var(--Border-radius_S);
	--Border-radius_Left: 0 varvar(--Border-radius_S) var(--Border-radius_S) 0;
}

@media screen and (max-width:480px) {
	:root {

	}
}

@media screen and (min-width:481px) and (max-width: 768px) {
	:root {

	}
}

@media screen and (min-width:769px) and (max-width:1024px) {
	:root {

	}
}

@media screen and (min-width:1025px) {
	:root {

	}
}



/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 62.5%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Zen Kaku Gothic New', sans-serif;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

html {
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	position: relative;
	font-size: var(--Size_10);
	color: var(--Color_FF);
	line-height: 1.5;
	background: var(--Color_1D100);
}

@keyframes fadeIn         { 0% { opacity: 0 } 100% { opacity: 1 } }
@-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } }

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

p {
	padding: var(--Size_04) 0 var(--Size_20);
}

p, ol, ul, li, dl, th, td, dt, dd {
	font-size: var(--Size_10);
	color: var(--Color_FF);
	line-height: 1.6;
}

ol, ul {
	list-style: none;
}

span {
	font-size: var(--Size_10);
}

a {
	color: var(--Color_A);
	font-size: var(--Size_12);
	text-decoration: none;
	border: 0;
	transition: var(--Transition);
}

a:hover {
	opacity: 1;
}

figure {
	margin: 0;
}

article, section, div,
h1, h2, h3, h4, h5, h6, p, span, b, i, a,
ol, ul, li, dl, dt, dd, table, tr, th, td,
input, textarea, select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	vertical-align: bottom;
	object-fit: cover;
}