@charset "utf-8";

body {
	margin: 0;
	background: white;
	font-size: .8em;
	/* font-family: -apple-system, BlinkMacSystemFont, MyYuGothicM, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; */
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling:touch;
	color: #1a1a1a;
}

header,footer {
	 font-family: -apple-system, BlinkMacSystemFont, MyYuGothicM, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; 
}

header,footer,main,section,div,ul,ol,li,dl,dt,dd {
	box-sizing: border-box;
}
ul {
	list-style-type: none;
	padding-left: 0;
}
a {
	text-decoration: none;
}
img {
	/*width: 100%;*/
	vertical-align: bottom;
}
.font1 {
	font-family: 'Oswald', sans-serif;
}

br.pc,
span.pc {
	display: none;
}
@media (min-width: 768px) {
	body {
		font-size: .875em;
	}

p.text {}
	br.sp {
		display: none;
	}
	br.pc,
	span.pc {
		display: inline-block;
	}
}

/* .header */
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 3px;
	padding-right: 18px;
}
@media (min-width: 768px) {
	.header {
		max-width: 1160px;
		margin: 0 auto;
	}
	html:lang(en) .header {
		padding-left: 5px;
	}
}

/* .headerSymbol */
.headerSymbol .title {
	margin: 0;
}
.headerSymbol a {
	padding: 10px 0;
	display: inline-block;
}
.headerSymbol img {
	width: 200px;
	height: 56.61px;
}
html:lang(en) .headerSymbol img {
	width: 170px;
	height: 74.97px;
}
@media (min-width: 768px) {
	.headerSymbol img {
		width: 280px;
		height: 79.25px;
	}
	html:lang(en) .headerSymbol img {
		width: 220px;
		height: 97.02px;
	}
}

/* .headerNav */
.headerNav {
	flex-shrink: 0;
}
.headerNav .list {
	display: flex;
}
.headerNav_item {
	text-transform: uppercase;
}
.headerNav_item:first-child::after {
	content: "/";
	padding-left: .7em;
	padding-right: .7em;
}
.headerNav_item a {
	color: #b2b2b2;
}
.headerNav_item a:hover,
.headerNav_item-stateActive a {
	color: #1a1a1a;  }
.headerNav_item-stateActive a {
	cursor: default;
}
@media (max-width: 767px) {
	.headerNav_item.ja a::after {
		content: "JP";
	}
	.headerNav_item.en a::after {
		content: "EN";
	}
	.headerNav_item-stateActive a::after {
		padding-bottom: .3em;
		border-bottom: 2px solid;
		color: #1a1a1a;
	}
}

/* footerContainer */
.footerSymbol {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 1.8em;
}
.footerSymbol .ci {
	margin-bottom: 2.3em;
}
.footerSymbol .ci img {
	width: 200px;
	height: 77px;
}
html:lang(en) .footerSymbol .ci img {
	width: 220px;
	height: 76.44px;
}
.footerSymbol .dh {
	margin-bottom: 2.5em;
}
.footerSymbol .dh img {
	max-width: 163px;
}
.footerCopyright {
	border-top: 1px solid #dfdfdf;
	padding-top: .5em;
	margin-bottom: .8em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.footerCopyright p {
	display: inline-block;
	font-size: 8px;
	transform: scale(.7);
	/*transform-origin: 100% 0;*/
	white-space: nowrap;
}
@media (min-width: 768px) {
	.footerSymbol {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		max-width: 1160px;
		margin: 0 auto;
		padding-left: 3px;
		padding-right: 18px;
		padding-top: 1.2em;
	}
	.footerSymbol .ci,
	.footerSymbol .dh {
		margin-bottom: 0;
	}
	.footerCopyright {
		display: block;
		max-width: 1160px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 0;
		padding-left: 18px;
		border-top: 0;
	}
	.footerCopyright p {
		transform: scale(1);
	}
}