img {max-width:100%}



#head {width:250px; background:#0f0f70; position:fixed; height:100%; top:0px; left:0px}
#head section:nth-child(1) {padding:50px 0 50px 0; border-bottom:1px solid rgba(255,255,255,0.2)}
#head section img {width:50%; display:block; margin:0 auto}
/*
#head section:nth-child(2) a {display:block; line-height:60px; height:60px; border-bottom:1px solid rgba(255,255,255,0.2); color:#ffffff; padding:0 0 0 30px; font-weight:800}
*/


#main {position:relative; height:1100px; width:calc(100% - 250px); float:right}
#main div.bg {width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; top:0px; left:0px}
#main div.text {float: none; position: absolute; top: 10%; left: 50%; transform: translate(-50%, 0%); width:70%; }



.infob {width:100%; display:flex; margin-bottom:100px;}

#main div.text section:nth-child(1) {width:50%; float:left; background:}
#main div.text section:nth-child(2) {padding-left:10%; width:40%;  float:right; background:; padding-top:2.5%}

#main div.text section:nth-child(2) figure {display:block; width:100%; height:calc(23.7% - 1px); border-bottom:1px solid #ffffff; margin:0; padding:0}
#main div.text section:nth-child(2) figure button {width:100%; height:100%; display:block; text-align:left; position:relative}
#main div.text section:nth-child(2) figure button {color:#ffffff; font-size:20px; padding-left:50px; font-weight:800}
#main div.text section:nth-child(2) figure:hover {background:rgba(0,0,0,0.8); border-bottom:1px solid #bbd657;}
#main div.text section:nth-child(2) figure:hover button {color:#bbd657}
#main div.text section:nth-child(2) figure button span {color:rgba(255,255,255,0.7); display:block; font-size:15px; margin-top:0px;}
#main div.text section:nth-child(2) figure button i {position:absolute; right:50px; top:50%; margin-top:-15px; font-size:30px; color:#bbd657}
#main div.text section:nth-child(2) figure:nth-child(1) {border-top:1px solid #ffffff}

#main div.text h1 {margin-bottom:50px}
#main div.text h1 span{position: relative; padding:0px 5px 5px 0px; font-size:100px; font-weight:900; color:#ffffff; line-height:1}
#main div.text h1 span:before{position: absolute;content: '';width: 100%;height: 2px;bottom: 65px;z-index: -1;background-color: #bbd657;clip: rect(0px, 0px, 50px, 0px);transform: skew(30deg);transition: all 2s;}
#main div.text h1 span.line::before{clip: rect(0px, 900px, 50px, 0px);}

#main div.text h1 b {line-height:60px; color:#bbd657;}
#main div.text h2 {text-align:left}

#main div.text h3 {text-align:left; margin-bottom:50px; font-size:30px; color:#bbd657; line-height:1; font-weight:900;}
#main div.text h3 b {font-size:40px; color:#ffffff; line-height:0.5; font-weight:900; margin-left:5px}


#main div.text p {text-align:left; color:#ffffff; font-size:20px; font-weight:; margin-bottom:10px; line-height:30px; }
#main div.text i {color:#ffffff; margin-right:10px; font-size:20px}

#main div.text .spons {margin-top:100px}
#main div.text .spons img {width:100%}

#main div.text i.fa-arrow-circle-right {margin-left:5px; margin-right:5px}



.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  height: 1100px;
  width: 100%;
  z-index: -1;
}

.bg-video__content {
  height: 1100px;
  width: 100%;
  object-fit: cover;
  
}




footer {background-color:#eeeeee; width:calc(100% - 250px); padding:50px 0 50px 0; float:right}
footer address {display:block; font-style: normal; text-align:left; font-size:12px; line-height:20px; color:rgba(0,0,0,0.8); width:90%; margin:0 auto;}
footer address img {display:block; width:100px; float:right; margin-bottom:0px;}


#page {width:820px; margin-left:350px; padding:100px 0 100px 0}
#page h1 {font-size:60px; color:#000000; font-weight:900; line-height:1.5}
#page h1:after {content: "●"; color:#bbd657; position:absolute; font-size:20px; margin-top:0px; margin-right:-5px;}
#page h2 {font-size:20px; color:#666666; font-weight:500; line-height:1; border-bottom:1px solid #000000; margin-bottom:50px; padding-bottom:50px;}
#page h3 {color:#0f0f70; font-size:25px; line-height:1.7; font-weight:800; margin-bottom:30px}
#page h3 i {color:#0f0f70; font-size:25px; margin-right:10px}

form {display:block; width:100%; margin:0 auto;}


.pagecon * {font-size:17px; line-height:1.7}
.pagecon dl:nth-child(1) {border-top:1px solid #000000 !important}
.pagecon p {margin-bottom:50px}


.menubox .Mmenulist{width:100%; height:100%; min-height:100%; background-color:#; margin-left:0%;}
.menubox .Mmenulist a {color:#ffffff; display:block; line-height:60px; padding-left:20px; font-weight:800}
.menubox .Mclose {position:absolute; left:0px; top:0px; z-index:999; height:100%; min-height:100%; width:30%; cursor:pointer;}

.Mmenulist {overflow:auto;}
.Mmenulist ul,.Mmenulist li {padding:0; margin:0; list-style:none;}
.Mmenulist ul .inner {padding:0; overflow: hidden; display: none; background-color:#888888;}
.Mmenulist ul .inner li {border-bottom:1px solid rgba(255,255,255,0.2); }
.Mmenulist ul .inner li a {font-weight:600}
.Mmenulist ul li .toggle {width:calc(100% - 20px); display:block; color: #ffffff; border-bottom:1px solid rgba(255,255,255,0.2); }
.Mmenulist ul li .toggle:after {font-family: "Font Awesome 5 free"; content: "\f078"; margin-right:30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; float:right;}


.menuon .toggle {color:#bbd657 !important; font-weight:500;}
.menuon .toggle:after {font-family: "Font Awesome 5 free"; content: "\f077" !important; margin-right:30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; float:right;}
.menuon .inner {display:block !important}


.momenuc {margin-left:30%; width:70%; height:70px; background-color:#032540}
.momenuc i {line-height:70px; margin-right:30px; color:#ffffff; font-size:20px; float:right}


.p0101 p b {display:block; color:#000000; font-weight:500; text-align:right}
.p0101 p b span {color:#000000; font-weight:900}

.p0102 iframe {width:100%; height:400px}
.p0102 dd p {margin-bottom:10px;}
.p0102 dd p b {font-size:12px; color:#ffffff; margin:0 10px 0 0px; padding:4px 15px 4px 15px; border-radius:20px;}
.p0102 dd p i {margin:0 10px 0 10px}
.p0102 button {margin-top:30px; color:#000000; height:30px; border-bottom:1px solid #000000; font-weight:800; margin-right:30px;}
.p0102 button i {color:#000000; margin-right:10px}


.c05 .pagecon div {margin-bottom:50px}

.c05 section {aspect-ratio: 16 / 9;}
.c05 iframe {display: block; width:100%; height:100%; }

h30 {display:block; margin-bottom:30px;}
h30 button {font-size:13px !important; margin:0 10px 0 0px; height:30px; padding:0 20px 0 20px; border-radius:30px; border:1px solid #000000; color:#000000;}
h30 button.active {background:#000000; color:#ffffff}

h301 {text-align:center; display:block; margin-bottom:200px; margin-top:200px; color:#cccccc; font-size:20px;}
h301 i {color:#cccccc; font-size:80px !important; display:block; margin-bottom:10px;}
h301 p {color:#cccccc; font-size:20px !important;}

@media ( max-width: 1600px ) {
#main div.text {width:80%; }
#main div.text section:nth-child(2) {padding-left:5%; width:45%;}
#main div.text section:nth-child(2) figure button {font-size:18px; padding-left:30px;}
#main div.text section:nth-child(2) figure button i {right:20px; top:50%; margin-top:-13px; font-size:25px;}
#main div.text section:nth-child(2) figure button span {font-size:13px}
}

#head .fa-bars {display:none;}
#head .fa-times {display:none;}

.lang {z-index:99}
.lang button {color:#0f0f70; background:#ffffff; border:1px solid #0f0f70; width:60px; height:30px; border-radius:30px; margin-left:10px}
.lang button.on {background:#0f0f70; color:#ffffff}

@media ( max-width: 1200px ) {
* {font-size:13px;}
#head {width:100%; background:#0f0f70; position:fixed; height:80px; top:0px; left:0px; z-index:9;}
#head section:nth-child(1) {padding:0px 0 0px 0; border-bottom:0px}
#head section img {height:30px; display:block; margin:25px; width:auto}
#head section:nth-child(2) {display:none; background:#0f0f70; border-top:1px solid rgba(255,255,255,0.2)}

#head .fa-bars {position:fixed; color:#ffffff; width:80px; height:80px; line-height:80px; font-size:20px; text-align:center; display:block; right:0px; top:0px}
#head .fa-times {display:none; position:fixed; color:#ffffff; width:80px; height:80px; line-height:80px; font-size:20px; text-align:center; right:0px; top:0px}



#main {position:relative; height:800px; width:calc(100% - 0px); float:left; margin-top:80px;}
#main div.bg {width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; top:0px; left:0px}
#main div.text {float: none; position: absolute; top: 10%; left: 50%; transform: translate(-50%, 0%); width:70%; }

.lang {position:fixed; right:80px; top:27px}
.lang button {width:40px; height:25px; border-radius:25px; margin-left:5px}
.lang button {border:1px solid #ffffff}

.infob {width:100%; display:table; margin-bottom:0px;}

#main div.text section:nth-child(1) {width:100% !important; float:left; background:}
#main div.text section:nth-child(2) {padding-left:0%; width:100% !important;  float:left; background:; margin-top:20px !important; display:table}

#main div.text section:nth-child(2) figure {display:block; width:100%; height:auto; border-bottom:1px solid #ffffff; margin:0; padding:0; padding-bottom:20px; padding-top:20px;}
#main div.text section:nth-child(2) figure button {width:100%; height:100%; display:block; text-align:left; position:relative}
#main div.text section:nth-child(2) figure button {color:#ffffff; font-size:14px; padding-left:0px; font-weight:800}
#main div.text section:nth-child(2) figure:hover {background:rgba(0,0,0,0.8); border-bottom:1px solid #bbd657;}
#main div.text section:nth-child(2) figure:hover button {color:#bbd657}
#main div.text section:nth-child(2) figure button span {color:rgba(255,255,255,0.7); display:block; font-size:11px; margin-top:0px;}
#main div.text section:nth-child(2) figure button i {position:absolute; right:10px; top:50%; margin-top:-10px; font-size:20px; color:#bbd657}
#main div.text section:nth-child(2) figure:nth-child(1) {border-top:1px solid #ffffff}

#main div.text h1 {margin-bottom:20px}
#main div.text h1 span{position: relative; padding:0px 5px 5px 0px; font-size:100px; font-weight:900; color:#ffffff; line-height:1}
#main div.text h1 span:before{position: absolute;content: '';width: 100%;height: 2px;bottom: 65px;z-index: -1;background-color: #bbd657;clip: rect(0px, 0px, 50px, 0px);transform: skew(30deg);transition: all 2s;}
#main div.text h1 span.line::before{clip: rect(0px, 900px, 50px, 0px);}

#main div.text h1 b {line-height:60px; color:#bbd657;}
#main div.text h2 {text-align:left}

#main div.text h3 {text-align:left; margin-bottom:50px; font-size:30px; color:#bbd657; line-height:1; font-weight:900;}
#main div.text h3 b {font-size:40px; color:#ffffff; line-height:0.5; font-weight:900; margin-left:5px}


#main div.text p {text-align:left; color:#ffffff; font-size:12px; font-weight:; margin-bottom:10px; line-height:15px; }
#main div.text i {color:#ffffff; margin-right:5px; font-size:12px}

#main div.text .spons {margin-top:30px}
#main div.text .spons img {width:100%}

#main div.text i.fa-arrow-circle-right {margin-left:5px; margin-right:5px}



.bg-video {
  height: 800px;
}

.bg-video__content {
  height: 800px;
}




footer {background-color:#eeeeee; width:calc(100% - 0px); padding:30px 0 30px 0; float:left}
footer address {display:block; font-style: normal; text-align:left; font-size:10px; line-height:15px; color:rgba(0,0,0,0.8); width:90%; margin:0 auto;}
footer address img {display:block; width:50px; float:none; margin-bottom:20px;}



#page {width:90%; margin-left:0px; padding:50px 0 50px 0; margin:0 auto; margin-top:50px !important;}
#page h1 {font-size:30px; color:#000000; font-weight:900; line-height:1.5}
#page h1:after {content: "●"; color:#bbd657; position:absolute; font-size:10px; margin-top:0px; margin-right:-5px;}
#page h2 {font-size:15px; color:#666666; font-weight:500; line-height:1; border-bottom:1px solid #000000; margin-bottom:30px; padding-bottom:30px;}
#page h3 {color:#0f0f70; font-size:17px; line-height:1.5; font-weight:800; margin-bottom:20px}
#page h3 i {color:#0f0f70; font-size:17px; margin-right:10px}



form {display:block; width:100%; margin:0 auto;}


.pagecon * {font-size:13px; line-height:1.7}
.pagecon dl:nth-child(1) {border-top:1px solid #000000 !important}
.pagecon p {margin-bottom:50px}


.menubox .Mmenulist{width:100%; height:100%; min-height:100%; background-color:#; margin-left:0%;}
.menubox .Mmenulist a {color:#ffffff; display:block; line-height:60px; padding-left:20px; font-weight:800}
.menubox .Mclose {position:absolute; left:0px; top:0px; z-index:999; height:100%; min-height:100%; width:30%; cursor:pointer;}

.Mmenulist {overflow:auto;}
.Mmenulist ul,.Mmenulist li {padding:0; margin:0; list-style:none;}
.Mmenulist ul .inner {padding:0; overflow: hidden; display: none; background-color:#888888;}
.Mmenulist ul .inner li {border-bottom:1px solid rgba(255,255,255,0.2); }
.Mmenulist ul .inner li a {font-weight:600}
.Mmenulist ul li .toggle {width:calc(100% - 20px); display:block; color: #ffffff; border-bottom:1px solid rgba(255,255,255,0.2); }
.Mmenulist ul li .toggle:after {font-family: "Font Awesome 5 free"; content: "\f078"; margin-right:30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; float:right;}


.menuon .toggle {color:#bbd657 !important; font-weight:500;}
.menuon .toggle:after {font-family: "Font Awesome 5 free"; content: "\f077" !important; margin-right:30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; float:right;}
.menuon .inner {display:block !important}


.momenuc {margin-left:30%; width:70%; height:70px; background-color:#032540}
.momenuc i {line-height:70px; margin-right:30px; color:#ffffff; font-size:20px; float:right}


.p0101 p b {display:block; color:#000000; font-weight:500; text-align:right}
.p0101 p b span {color:#000000; font-weight:900}

.p0102 iframe {width:100%; height:200px}
.p0102 dd p {margin-bottom:10px;}
.p0102 dd p b {font-size:12px; color:#ffffff; margin:0 10px 0 0px; padding:4px 15px 4px 15px; border-radius:20px;}
.p0102 dd p i {margin:0 10px 0 10px}
.p0102 button {margin-top:30px; color:#000000; height:30px; border-bottom:1px solid #000000; font-weight:800; margin-right:30px;}
.p0102 button i {color:#000000; margin-right:10px}


.c05 .pagecon div {margin-bottom:50px}

.c05 section {aspect-ratio: 16 / 9;}
.c05 iframe {display: block; width:100%; height:100%; }

h30 {display:block; margin-bottom:30px;}
h30 button {font-size:13px !important; margin:0 10px 0 0px; height:30px; padding:0 20px 0 20px; border-radius:30px; border:1px solid #000000; color:#000000;}
h30 button.active {background:#000000; color:#ffffff}

h301 {text-align:center; display:block; margin-bottom:200px; margin-top:200px; color:#cccccc; font-size:20px;}
h301 i {color:#cccccc; font-size:80px !important; display:block; margin-bottom:10px;}
h301 p {color:#cccccc; font-size:20px !important;}
}