/* @import url('../css/swiper-bundle.min.css'); */
@import url('../font/iconfont.css');

body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
	margin: 0;
	padding: 0;
}

html {
	scroll-behavior: smooth;
}

body {
	font-size: 16px;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	width: 100%;
	max-width: 2560px;
	margin: 0 auto;
}
header .pc-menu-box > a {
	 color: #2d374b;
}
header .pc-menu-box .nation-menu .item > a {
	color: #2d374b;
}
header .menu-item > a {
	color: #2d374b;
}
header .mo-menu > .item > a {
	color: #2d374b;
}
header .mo-nation-menu > .item > a {
	color: #2d374b;
}

header .mo-menu-box > a {
	color: #2d374b;
}
a {
	color: #2d374b;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

em {
	font-style: normal;
}

li {
	list-style: none;
}

img {
	border: 0;
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

p {
	word-wrap: break-word;
}

div,
li,
input,
textarea,
section,
a {
	box-sizing: border-box;
}

input,
textarea {
	outline: none;
	border: none;
	resize: none;
}

button {
	border: none;
	padding: 0;
}

/* pc */
.pc-style {
	display: block;
}

/* mobile */
.mobile-style {
	display: none;
}

.container {
	width: 1080px;
	margin: 0 auto;
}

.flex {
	display: flex;
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.mac {
	display: none;
}
* {
	font-family: 'Rubik';
}

@font-face {
	font-family: 'Rubik';
	src: url('../font/Rubik-Bold.ttf');
	font-weight: bold;
}

@font-face {
	font-family: 'Rubik';
	src: url('../font/Rubik-Regular.ttf');
	font-weight: normal;
}

@font-face {
	font-family: 'Rubik';
	src: url('../font/Rubik-Light.ttf');
	font-weight: 300;
}

@media (max-width: 770px) {
	html {
		font-size: 0.2666667vw;
	}

	.container {
		width: 90%;
		margin: 0 auto;
	}

	.pc-style {
		display: none !important;
	}

	.mobile-style {
		display: block;
	}
}