@font-face {
    font-family: 'bodedoregular';
    src: url(../fonts/hvd_bodedo-webfont.woff2) format('woff2'), url(../fonts/hvd_bodedo-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}
#footer {
background-color: white;
}
.videoWrapper {
  position: absolute;
  padding-bottom: 56.25%; /* 16:9 */
  height: 100%;
z-index: 50000;
	width: 100%;
	top: 0;
	left: 0;
	margin: 10vw 0 0 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gotodiv-wrap{
position: relative;
display: block;
top: -2vw;
z-index: 1000;	
}
.gotodiv{
position: absolute;
display: block;
top: -10vw;
z-index: 1000;	
}

/* MENU */
.menu {
position: fixed;
top: 100px;
left: 0;
text-align:center;
width:100%;
height: 4vw;
z-index: 8000;
background-color: rgba(0, 0, 255, 0.3);
background-color: white;

}
.menuset {
position: absolute;
display: block;
text-align:center;
width:100%;
margin: 0 auto;
top: .5vw;
z-index: 3000;
height: 4vw;		
}
.title-banner {
box-sizing: border-box;
position: relative;
display: inline-block;
text-align:center;
width: 13%;	
top: 0;
z-index: 2000;
}
.title-banner img{
display: block;
width:100%;

}
.title-banner-text {
position:absolute;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 2.5vw;
font-size: 14px;
line-height: 16px;
text-align: center;
color: #EEE74D;
z-index: 2001;
top: 0;
}
.title-banner-text a:link, a:visited, a:active {
text-decoration: none;
color: #EEE74D;
}
.title-banner-text a:hover {
color: #3A1E39;

}
/* TOP BANNER */
.fix{
position: fixed;
display: block;
margin:0 auto;
padding: 100px 0 0 0 ;
text-align:center;
width:100%;
height: 80vh;
background-position: center;
background-repeat: no-repeat;
background-size:cover;

}
.fix img{
display: block;
height: auto;
width:100%;

}

/* TOP BANNER */
.banner1 {
box-sizing: border-box;
position: relative;
display: block;
padding:0;
text-align:center;
width:100%;
height: 100vh;
margin: 0;
	
}
.banner1 img {
width:100%;

}
.banner1-text h1 {
box-sizing: border-box;
position: relative;
display: block;
text-align:center;
width:100%;
height: 30vw;
padding: 20vw 0 0 0;
font-size: 5vw;
color: white;
}
.banner2 {
box-sizing: border-box;
position: relative;
display: block;
float: left;
padding:0;
text-align:center;
width:100%;
height: auto;
margin: 0;
background-color: #07A568;
font-size: 0;
}

.banner2 img{
display: block;
Width: 100%;

}
.banner2-text {
box-sizing: border-box;
position: relative;
display: block;
float: left;
width:50%;
height: auto;
font-size: .8vw;
line-height: 1.2vw;
padding: 6%;
text-align: justify; 
color: white;
}
.banner2-text ul {
font-weight: bold;
font-size: .8vw;
line-height: 1.2vw;
text-align: left; 
}
.banner2-text li {
font-weight: bold;
font-size: .8vw;
line-height: 1.2vw;
}
.banner2-text p {
margin: 0 0 1vw 0;
}
.banner2-text a:link, a:visited, a:active {
text-decoration: none;
	font-weight: bold;
	color: #000;
	font-weight: 900;
}
.banner2-text a:hover {
color: #FF0200;
	font-weight: 700;
}

.noodle-menu-text a:link {
	color: #FFEBCF;
	text-decoration: none;
}

.noodle-menu-text a:visited {
	color: #FFEBCF;
}

.noodle-menu-text a:hover {
	color: #F0BE41;
}

.noodles-menu-text a:active {
	color: #FFEBCF;
}


.text-head h2{
box-sizing: border-box;
position: relative;
display: inline-block;
height: auto;
font-family:"subjectivity_serifsuper";
text-transform: uppercase;
text-align: left; 
color: #fff;
font-size: 2.2vw;
line-height: 3vw;
margin: 0;
}
.banner2-image {
box-sizing: border-box;
position: -webkit-sticky;
position: sticky;
display: block;
float: left;
width:35vw;
height: 35vw;
overflow:hidden;
background-color: #07A568;
top: 14vw;
left: 0;
margin: 2vw ;
border-radius: 50%;	

}
.banner2-image img {
display: block;
width: 100%;
top: 0;
}
.banner2-image-mobile {
display: none;
}
.banner2-image2{
box-sizing: border-box;
position: -webkit-sticky;
position: sticky;
display: block;
float: left;
width:35vw;
height: 35vw;
overflow:hidden;
background-color: #07A568;
top: 14vw;
left: 0;
margin: 2vw ;
border-radius: 50%;	
}
.banner2-image2 img {
display: block;
width: 100%;
}
.banner2-image2-mobile {
display: none;
}

.banner2-image3{
box-sizing: border-box;
position: -webkit-sticky;
position: sticky;
display: block;
float: left;
width:35vw;
height: 35vw;
overflow:hidden;
background-color: #07A568;
top: 14vw;
left: 0;
margin: 2vw ;
border-radius: 50%;	

}
.banner2-image3 img {
display: block;
width: 100%;
}
.banner3 {
box-sizing: border-box;
position: relative;
display: inline-block;
padding:0;
text-align:center;
width:100%;
height: 20vw;
margin: 0;
background-color: transparent;
}
.banner4 {
box-sizing: border-box;
position: relative;
display: block;
float: left;
padding:0;
text-align:center;
width:100%;
height: auto;
margin: 0;
background-color: white;
font-size: 0;
}
.banner4 img {
display: block;
width: 100%;
}
.imagediv {
box-sizing: border-box;
position: absolute;
display: none;
width:100%;
height: auto;
top: 0;
left: 0;
z-index: 2000;
padding: 0 ;

}
.imagediv img {
display: block;
width: 100%;	
}	
.imagediv2 {
box-sizing: border-box;
position: absolute;
display: none;
width:100%;
height: auto;
top: 0;
left: 0;
z-index: 2001;
padding: 0;
background-color: white;
}
.imagediv2 img {
display: block;
width: 100%;	
}	
.imagediv3 {
box-sizing: border-box;
position: absolute;
display: none;
width:100%;
height: auto;
top: 0;
left: 0;
z-index: 2002;
padding: 0 ;
}
.imagediv3 img {
display: block;
width: 100%;	
}	
.imagediv4 {
box-sizing: border-box;
position: absolute;
display: none;
width:100%;
height: auto;
top: 0;
left: 0;
z-index: 2005;
padding: 0 ;
}
.imagediv4 img {
display: block;
width: 100%;	
}	
.imagediv5 {
box-sizing: border-box;
position: absolute;
display: none;
width:100%;
height: auto;
top: 0;
left: 0;
z-index: 2010;
padding: 0;
}
.imagediv5 img {
display: block;
width: 100%;	
}	
.imagediv6 {
box-sizing: border-box;
position: absolute;
display: none;
width:100%;
height: auto;
top: 0;
left: 0;
z-index: 2015;
padding: 0 0 0 0 ;
}
.imageodiv6 img {
display: block;
width: 100%;	
}	

@media only screen and (max-width: 1600px) {
	
/* MENU */
.menu {
position: fixed;
top: 100px;
left: 0;
text-align:center;
width:100%;
height: 6vw;
z-index: 8000;
background-color: rgba(0, 0, 255, 0.3);
background-color: white;
}}
@media only screen and (max-width: 1200px) {

}
@media only screen and (max-width: 834px) {
.banner2-text {
box-sizing: border-box;
position: relative;
display: block;
float: left;
width:60%;
height: auto;
font-size: 1.2vw;
line-height: 1.6vw;
padding: 6%;
text-align: justify; 
color: white;
}
.banner2-text ul {
font-weight: bold;
font-size: 1.2vw;
line-height: 1.6vw;
text-align: left; 
}
.banner2-text li {
font-weight: bold;
font-size: 1.2vw;
line-height: 1.6vw;
}
.banner2-text p {
margin: 0 0 1vw 0;
}
.banner2-text a:link, a:visited, a:active {
text-decoration: none;
	color: #EEE74D;
	font-weight: 700;
}
.banner2-text a:hover {
color: #3A1E39;
	font-weight: 700;
}
	}	

@media only screen and (max-width: 600px) {
	
/* TOP BANNER */
.fix{
position: fixed;
display: block;
top: 100px;
margin:0 auto;
padding: 0;
text-align:center;
height: 100vh;
background-position: center;
background-repeat: no-repeat;

}
.fix img{
display: block;
width: 130%;
height: 60vh;

}.gotodiv-wrap{
position: relative;
display: block;
top: -2vw;
z-index: 1000;	
}
.gotodiv{
position: absolute;
display: block;
top: -350px;
z-index: 1000;	
	
}
	
/* MENU */
.menu {
position: fixed;
top: 90px;
text-align:center;
width:100%;
height: 50px;
z-index: 80000;

}
.menuset {
width:100%;
margin: 0;
top: 1vw;
z-index: 30000;
height: 4vw;	
text-align:center;
}
.title-banner {
width: 23%;	
top: 2vw;
z-index: 2000;
font-size: 0;
margin: 0;
}
.title-banner img{
display: block;
width:100%;

}
.title-banner-text {
height: 2.5vw;
font-size: 13px;
line-height: 15px;
z-index: 2001;
width: 100%;	
top: 0;
font-family: 'franklin-gothic-compressed';

}
/* TOP BANNER */
.banner1 {
box-sizing: border-box;
position: relative;
display: block;
padding:0;
text-align:center;
width:100%;
height: 60vh;
margin: 0;	
}
.banner1 img {
width:100%;
}
.banner1-text {
box-sizing: border-box;
position: relative;
display: block;
text-align:center;
width:100%;
height: 30vw;
padding: 50vw 0 0 0;
font-family:"subjectivity_serifsuper";
font-size: 11vw;
color: white;
}
.banner2 {
box-sizing: border-box;
position: relative;
display: block;
float: left;
padding:0;
text-align:center;
width:100%;
height: auto;
margin: 0;
background-color: white;
font-size: 0;
}
	
.banner2 img{
display: block;
height: 100vw;

}
.banner2-text {
box-sizing: border-box;
position: relative;
display: block;
float: right;
width:100%;
height: auto;
font-size: 3.5vw;
line-height: 4.5vw;
padding: 10%;
text-align: left; 
color: #391E39;
}
.banner2-text ul {
font-weight: bold;
font-size: 3.5vw;
line-height: 4.5vw;
}
.banner2-text li {
font-weight: bold;
font-size: 3.5vw;
line-height: 4.5vw;
}
.banner2-text p {
margin: 0 0 4vw 0;
}
.banner2-text a:link, a:visited, a:active {
text-decoration: none;
	color: #391E39;
	font-weight: 900;
}
.banner2-text a:hover {
color: #391E39;
	font-weight: 700;
}
.banner2-image {
display: none;
}
.banner2-image-mobile {
box-sizing: border-box;
position: -webkit-sticky;
position: sticky;
display: block;
float: left;
width:100%;
height: auto;
overflow:hidden;
background-color: white;
top: 120px;
left: 0;
padding: 0 0 0 0 ;
z-index: 10000;
vertical-align: center;
}
.banner2-image-mobile img {
display: block;
width: 100%;
height: auto;

}
.banner2-image2-mobile{
box-sizing: border-box;
position: -webkit-sticky;
position: sticky;
display: block;
float: left;
width:100%;
height: auto;
overflow: hidden;
background-color: #fff;
top: 120px;
left: 0;
padding: 0 ;
z-index: 20000;

}
.banner2-image2-mobile img {
display: block;
width: 100%;
height: auto;
}
.banner2-image2 {
display: none;
}
.banner2-image3{
box-sizing: border-box;
position: relative;
display: block;
float: left;
width:100%;
height: auto;
overflow:auto;
top: 0;
left: 0;
padding: 0 0 0 0 ;
}
.banner2-image3 img {
display: block;
width: 100%;
}
.text-head h2{
box-sizing: border-box;
position: relative;
display: inline-block;
height: auto;
text-align: left; 
color: #08A34E;
font-size: 8vw;
line-height: 9vw;
margin: 0;
}
.banner3 {
box-sizing: border-box;
position: relative;
display: inline-block;
padding:0;
text-align:center;
width:100%;
height: 30vw;
margin: 0;
background-color: transparent;
}
.banner4 {
display: none;

}
.banner4 img{
display: none;
}

.logodiv {
box-sizing: border-box;
position: absolute;
display: none;
width:100%;
height: auto;
top: 0;	
z-index: 2000;
}
.logodiv img {
display: block;
width: 100%;
}.imagediv {
box-sizing: border-box;
position: absolute;
display: none;
width:100%;
height: auto;
top: 0;
left: 0;
z-index: 2000;
padding: 0;

}
.imagediv img {
display: block;
width: 100%;	
}	
.imagediv2 {
box-sizing: border-box;
position: absolute;
display: none;
width:100%;
height: auto;
top: 0;
left: 0;
z-index: 2001;
padding: 0 ;
background-color: white;
}
.imagediv2 img {
display: block;
width: 100%;	
}	
.imagediv3 {
box-sizing: border-box;
position: absolute;
display: none;
width:100%;
height: auto;
top: 0;
left: 0;
z-index: 2002;
padding: 0 ;
}
.imagediv3 img {
display: block;
width: 100%;	
}	
.imagediv4 {
box-sizing: border-box;
position: absolute;
display: none;
width:100%;
height: 160vw;
top: 0;
left: 0;
z-index: 2005;
padding: 0 0 0 0 ;
overflow: hidden;
}
.imagediv4 img {
display: block;
width: 100%;	
}	
.imagediv5 {
box-sizing: border-box;
position: absolute;
display: none;
width:100%;
height: 160vw;
top: 0;
left: 0;
z-index: 2010;
padding: 0 0 0 0 ;
overflow: hidden;
}
.imagediv5 img {
display: block;
width: 100%;	
}	
.imagediv6 {
box-sizing: border-box;
position: absolute;
display: none;
width:100%;
height: auto;
top: 0;
left: 0;
z-index: 2015;
padding: 0 0 0 0 ;
}
.imageodiv6 img {
display: block;
width: 100%;	

}}