@charset "UTF-8";
/* Japan-Southeast Asia Market Forum 2026 2026.10 */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
.roboto { font-family: 'Roboto', cursive!important; }
.oswald { font-family: 'Oswald', cursive!important; }



/*------------------------------------------------------------
	base
------------------------------------------------------------ */
* { box-sizing: border-box; }
html { font-size: 10px; webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
body { margin: 0; padding: 0; font: 16px/1.6 "Oswald", "Roboto", "Arial", sans-serif; height: 100%; background-color: #fff; color:#111; font-weight: 400;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,figure{ margin: 0px; padding: 0px; }
ul { list-style-type: none; }
img { border: none; }
input,textarea,select { font-size: 1em; }
form { margin: 0px; }
table {	border-collapse:collapse; font-size: 100%; border-spacing: 0; }
div { position: relative;}

/*link*/
a { border:0; text-decoration:none; color: inherit; transition: all .2s ease-in-out; }
a:hover { text-decoration: none; color:inherit; }
a:active, a:focus { outline: none!important; }
a.noclick { display: block; pointer-events: none!important; }

/* img */
img { display:block; margin:0 auto; padding:0; border: 0; max-width:100%; }
img.center { display:block; margin:0 auto; }
img.left { float: left; margin: 0 15px 0 0; border: 0; }
img.right { float: right; margin: 0 0 0 15px; border: 0; }
a img { transition: all .2s ease-in-out; }
a:hover img { opacity:.70; }

/* clearfx */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after{ clear: both; }
.cf { zoom: 1; } /* For IE 6/7 */

/* list */
ul { margin-bottom: 0; list-style: none outside; }
ol { margin-bottom: 0; list-style: decimal; margin-left: 2.2em; }
ul.square, ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: disc outside; }
ul ul.circle, ul ul.square { margin-top: 4px; margin-bottom: 5px; }

/* hr */
hr { border-width: 1px 0 0 0; border-style: solid; border-color: #bdbdbd; height: 1px; margin: 1.5em 0;}
hr.dot { border-width: 1px 0 0 0; border-style: dotted; border-color: #000; height: 1px; }
hr.dash { border-width: 1px 0 0 0; border-style: dashed; border-color: #000; height: 1px; }

/* margin */
.mgn-btm0 { margin-bottom: 0!important; }
.mgn-btm10 { margin-bottom: 10px!important; }
.mgn-btm20 { margin-bottom: 20px!important; }
.mgn-btm30 { margin-bottom: 30px!important; }
.mgn-btm40 { margin-bottom: 40px!important; }
.mgn-top0 { margin-top: 0!important; }
.mgn-top10 { margin-top: 10px!important; }
.mgn-top20 { margin-top: 20px!important; }
.mgn-top30 { margin-top: 30px!important; }
.mgn-top40 { margin-top: 40px!important; }





/*------------------------------------------------------------
	COMMON
------------------------------------------------------------ */
/* */
main { display: block; margin-top: 50px; }
section { position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; }
div.container { margin: 0 auto; padding: 60px 0; width: 80%; height: auto; }
@media(max-width:767px) {
div.container { padding: 40px 0; width: 90%; }
}
/* text */
h1, 
h2,
h3,
h4,
h5,
h6,
p { margin: 0; padding: 0; font-family: 'Oswald', 'Arial', 'Helvetica', sans-serif; font-weight: 400; line-height: 1.1; text-align: left; color: #000; }
h2 { margin-bottom: 1em; font-size: 24px; }
h3 { margin-bottom: 1em; font-size: 22px; }
h4 { margin-bottom: 1em; font-size: 20px; }
h5 { margin-bottom: 1em; font-size: 18px; }
h6 { margin-bottom: 1em; font-size: 16px; }
p { font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif; font-size: 14px; line-height: 1.25; }
@media(max-width:767px) {
}








/*------------------------------------------------------------
	header - nav
------------------------------------------------------------ */
header { position: absolute; width: 100%; padding: 0; border: 0; background: linear-gradient(110deg, #000000, #1d2a5b); top: 0; z-index: 9999; }
.inner { display: flex; align-items:center; width: 94%; height: 50px; margin: 0 auto; padding:0; }
header h1 { position: relative; line-height:1.0; font-size: 1.0em; }
header.fixed { position: fixed !important; top:0; bottom:inherit !important; width:100%; background: linear-gradient(110deg, #000000, #1d2a5b); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px);}
header.fixed .inner { height: 50px; }
header h1 a { display: block; }
header img { width: 20vw; max-width: 300px; margin: 0;}
#mobile-head { margin-right: auto; align-items: center; z-index: 999; }
header nav ul { display: flex; align-items: center; }
header nav li { position: relative; margin: 0; padding: 0; margin-left: 1.5em; padding-left: 1.5em; border-left: 1px solid #ccc; font-family: "Roboto", "Arial", sans-serif; font-size: 14px; line-height: 1; }
header nav li.last { padding-right: 1.5em; border-right: 1px solid #ccc; }
header nav a { display: block; font-size: 14px; font-weight: 500; text-decoration: none; color: #fff; }
header nav a:hover { color: #ccc; text-decoration: underline; }
header nav li.register a.btns { padding: 0.5em 3.0em 0.4em 2.6em; border-radius: 2em; background-color: #DC143C; }
header nav li.register a.btns:hover { color: #ff0; background-color: #f00; }
header nav li.register a.btns span { line-height: 1; display: inline-block; background-size: 14px; padding: 0.25em 0 0 1.5em; min-height: 18px; font-size: 12px; }
header nav li.register a.btns span::after { background-size: 16px; width: 16px; height: 16px;}
@media(min-width:1100px) {
header nav a, header nav li.register a.btns span { font-size: 14px; }
}

/* Toggle Button */
#nav-toggle { display: none; position: relative; width:30px; height:24px; cursor: pointer; z-index: 999; margin-left:auto; }
#nav-toggle div { position: relative; }
#nav-toggle span { display: block; position: absolute; height:2px; width: 100%; background: #fff; left: 0; transition: .35s ease-in-out; border-radius: 20px; }
#nav-toggle span:nth-child(1) { top: 0; }
#nav-toggle span:nth-child(2) { top: 11px; }
#nav-toggle span:nth-child(3) { top: 22px; }
@media(max-width:767px) {
header, header.fixed { position:fixed; top:0; left:0; margin:0; -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background: linear-gradient(110deg, #000000, #1d2a5b); }
header, .inner { width: 100%; padding: 0; height:70px; }
header h1 { margin:0; width:85%; position: relative; z-index: 1111; }
header h1 img { width:100%; max-width: 80%; }
#mobile-head {
width: 90%;
margin:0 auto;
padding:0;
position: relative;
display: flex;
flex-direction: row;
align-items: center;
}
header.fixed .logo, header .logo {
position: absolute;
left: 0;
top: 10px;
}
header nav {
position: absolute;
/* 開いてないときは画面外に配置 */
top:0;
left:-100vw;
background: linear-gradient(110deg, #000000, #1d2a5b);
width: 100%;
height:100vh;
text-align: center;
padding:0;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
transition: .25s ease-in-out;
z-index: 998;
overflow:scroll;
-webkit-overflow-scrolling: touch;
}
header nav ul {
list-style: none;
position: static;
right: 0;
bottom: 0;
font-size: 14px;
align-items: flex-start;
width:100%;
}
header nav > ul {
width: 100%;
padding:79px 0 0;
margin-left: auto;
overflow:scroll;
-webkit-overflow-scrolling: touch;
}
header nav ul li {
position: relative;
padding: 0;
border: 0;
min-height: auto;
text-align: left;
font-size: 1.7rem;
font-weight: normal;
display: block;
width: 100%;
border-bottom: 1px solid #eee;
background-color: linear-gradient(110deg, #000000, #1d2a5b);
}
header nav ul li:first-child { border-top: 1px solid #eee; }
header nav ul li a,
header.fixed nav ul li a {
width: 100%;
display: block;
padding: .8em 1em;
text-align: left;
font-size: 1.7rem;
}
header nav ul li::after {
content: "\f105";
font-family: FontAwesome;
position: absolute;
top: 50%;
left: inherit;
right: 3%;
transform: translate(-50%,-50%);
transition: all .2s ease-in-out;
color: #eee;
display:block;
border: 0;
height: auto;
}



/* #nav-toggle 切り替えアニメーション */
header.open #nav-toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
}
header.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
header.open #nav-toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
}
/* nav スライドアニメーション */
header.open nav {
/* nav top + #mobile-head height */
-moz-transform: translateX(100vw);
-webkit-transform: translateX(100vw);
transform: translateX(calc(100vw));
}
header nav ul { flex-direction:column;}
header nav li { margin-left:0;}
header nav a:before, header nav a:after, header nav a.on:before, header nav a.on:after { display: none; }
#nav-toggle { display: block;}
header nav li.register a.btns { padding: 1em; text-align: center; }
header nav li.register a.btns span { padding: 0 0 0 40px; font-size: 1.6rem; }
header nav li.register a.btns span::after { background-size: 30px; width: 30px; height: 30px; }
}
@media(max-width:320px) {
header nav > ul { width: 100%; }
header nav ul li a, header.fixed nav ul li a { font-size:1.4rem; }
}