@charset "utf-8";
/*@import url(https://font.googleapis.com/earlyaccess/notosanskr.css);*/

/* ----------------------------------------------------------------
	Reset
---------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body, html {
	height: 100%;
	font-family: "Noto Sans", sans-serif;
}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {
	display: block;
	padding: 0;
	margin: 0;
}
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, input, textarea, select, table, th, td {
	margin: 0;
	padding: 0;
}
fieldset, img, abbr, acronym {
	border: 0;
}
ol, ul, li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #333;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

/* ----------------------------------------------------------------
	common
---------------------------------------------------------------- */ 
body { 
	font-family: "Noto+Sans", sans-serif;
}
b, strong {
	font-weight: 400;
}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0; 
}
::selection {
	background: #e50012;
	color: #fff; 
}

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

/* ----------------------------------------------------------------
	intro
---------------------------------------------------------------- */  
#languageswitch {
	position: relative;
	top: 20px;
	left: 0;
	border: 1px solid #ddd;
	padding: 1px 17px 4px;
	background: #fff;
	display: inline-block;	
}
#languageswitch a {
	font-size: 12px;
	color: #333;
}
#languageswitch span {
	font-size: 12px;
	color: #ccc;
	display: inline-block;
}
#languageswitch a.active {
	font-weight: 700;
	color: #e70f20;
}

#intro-section {
	position: relative;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}
.main-info {
	width: 50%;
	padding-top: 20%;
	padding-left: 1%;	
}
.main-info h3 {	
	margin-bottom: 20px;	
	font-weight: 100;	
}
.main-info .txt01 {
	font-size: 46px;
	animation: ev1_tit_01 8.0s ease-in-out both;
}
.main-info .txt02 {
	font-size: 33px;	
	letter-spacing: -0.05em;
	animation: ev1_tit_02 8.0s ease-in-out both;
}
.main-info .txt03 {
	width: 73%;
	font-size: 17px;
	font-weight: 100;
	line-height: 28px;
	color: #404040;
	animation: ev1_tit_03 8.0s ease-in-out both;
}

.main-visual {
	position: relative;
	top: -40px;
}

.ob {
	position: absolute;
	display: block;
}

.ob1 { 
	left: 508px; top: 263px;
	animation: ev1_01 0.5s 0.5s both;
 }
.ob2 { 
	left: 218px; top: 90px;
	animation: ev1_02 0.5s 0.5s both; 
}
.ob3 { 
	left: 734px; top: 334px;
	animation: ev1_03 0.8s 1s both; 
}
.ob4 { 
	left: 905px; top: 190px; 
	animation: ev1_04 1.1s 0.3s both; 
}
.ob5 { 
	left: 1307px; top: 500px;
	animation: ev1_05 1.6s 0.3s both; 
}
.ob6 { 
	left: 522px; top: 228px;
	animation: ev1_06 2s 0.4s both; 
}
.ob7 { 
	left: 438px; top: 314px;
	animation: ev1_07 2.5s 1.5s both; 
}
.ob8 { 
	left: 0; top: 72%;
	animation: ev1_08 2.5s 1.5s both; 
}

/* ----------------------------------------------------------------
	animate
---------------------------------------------------------------- */   
@keyframes ev1_tit_01 {
	0% {transform:translateY(30px);opacity:0;}
	4% {transform:translateY(30px);opacity:0;}
	10% {transform:translateY(0);opacity:1;}
	100% {transform:translateY(0);opacity:1;}
  }
  @keyframes ev1_tit_02 {
	0% {transform:translateY(-10px);opacity:0;}
	9% {transform:translateY(-10px);opacity:0;}
	15% {transform:translateY(0);opacity:1;}
	100% {transform:translateY(0);opacity:1;}
  }
  @keyframes ev1_tit_03 {
	0% {opacity:0;}
	12% {opacity:0;}
	18% {opacity:1;}
	100% {opacity:1;}
  }
  
  @keyframes ev1_01 {
	0% { transform:translateX(0); opacity:0; }
	100% { transform:translateX(0); opacity:1; }
  }
  @keyframes ev1_02 {
	0% { transform:translateY(-10px); opacity:0; }
	100% { transform:translateX(0); opacity:1; }
  }
  @keyframes ev1_03 {
	0% {transform:translateY(-50px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
  }
  @keyframes ev1_04 {
	0% { transform:translateY(-100px)translateX(250px);opacity:0; }
	50% { opacity:0; }
	100% { transform:translateY(0)translateX(0px);opacity:1; }
  }
  @keyframes ev1_05 {
	0% { transform:translateY(-100px)translateX(250px);opacity:0; }
	50% { opacity:0; }
	100% { transform:translateY(0)translateX(0px);opacity:1; }
  }
  @keyframes ev1_06 {
	0% { transform:translateX(0)translateX(-200px);opacity:0; }
	50% { opacity:0; }
	100% { transform:translateX(0)translateX(0px);opacity:1; }
  } 
  @keyframes ev1_07 {
	0% { transform:translateX(0); opacity:0; }
	100% { transform:translateX(0); opacity:1; }
  } 
  @keyframes ev1_08 {
	0% { transform:translateX(0); opacity:0; }
	100% { transform:translateX(0); opacity:1; }
  }