/* 컨텐츠 */
#wrap {overflow: hidden;  min-width:1200px; min-height: 100vh; margin:0; padding:0; font-family: "Meiryo","メイリオ","MS PGothic",Arial,"Hiragino Kaku Gothic ProN","Osaka","Malgun Gothic",sans-serif;}
/*#main_container {padding-top:100px;}*/
#sub_wrap {position:relative;padding:30px 20px 20px;width:1200px;margin:150px auto 100px;min-height:500px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#sub_wrap:has(.guee_wrap) {width: 100%;}
#sub_wrap .guee_wrap img {width: 100%;}

/* head */
#head {position:fixed; width:100%; z-index: 999;background:url('../img_jp/main/hd_bg.png') no-repeat; background-size:cover;}
/*#head .inner {background:url('../img_jp/gnb_bg.png') no-repeat center top;}*/
/*#head .head_logo {line-height: 99px; padding:0px 20px;}*/
#head ul {text-align:center;overflow:hidden;}
#head ul li {float:left;padding: 0px 30px;font-size:20px;min-width:65px;height: 102px;line-height:86px;vertical-align: top; font-weight:bold;}
#head ul li.new {font-size:28px;}
#head ul li.click.on a{color:#ffea00;}
#head .cf li span.active{color:#ffea00;}

.hd_m1 {cursor:pointer;color:#fff;}
.hd_m2 {cursor:pointer;color:#fff;}
.hd_m3 {cursor:pointer;color:#fff;}
.hd_m4 {cursor:pointer;color:#fff;}
.inner-h100{padding-top:96px;min-height:100vh;text-align:center;}
.inner-h100 img{max-width:100%;}
.story2{background:url('../img_jp/main/main_jp_story_bg.jpg') 50% 0 / cover no-repeat;}
.system2{background:#030000 url('../img_jp/main/main_jp_system_bg.jpg')  0 0 / 100% no-repeat;}

#head ul li.lock{background:url('../img_jp/main/hd_icon.png')no-repeat center 35px;} 
#head ul li.lock a{opacity:0.6;}
#head ul li.lock:hover{background:url('../img_jp/main/hd_icon01.png')no-repeat center 35px;}

#head .inner {position:relative; }
#head .lang_bt {position:absolute; color:#fff; top:0;right:-100px; text-align:center;}
#head .lang_bt dt{float:left; width:50px; height:40px; background:#770b08;line-height:40px;font-size:12px;}
#head .lang_bt dd{float:left;width:50px; height:40px; background:#4f4f4f;line-height:40px;font-size:12px;}
#head .lang_bt a {color:#fff; display:block;}


/* main */
.m_top {background:url('../img_jp/main/main_visual.jpg') no-repeat center center; background-size:cover; width:100%}
.m_top .inner{position:relative;height:100vh;}
.m_top .txt_top{position:absolute;top:50%;left:0;margin-top:-65px;}
.m_top .main_logo {position:absolute;top:90px;left:0;width:100%;text-align:center;}
.m_top .main_logo img {height:270px;}
.m_top .main_copy {position:absolute;bottom:15px;left:0;width:100%;text-align:center;}
.m_top .main_copy img {height:13px;}

.movie2  {background:url('../img_jp/main/bg02.jpg') no-repeat center center; background-size:cover; width:100%;}
.movie2 .inner{position:relative;height:100vh;}
.movie2 .row{position:absolute;top:50%;left:50%;margin-top:-288px;margin-left:-500px;}

/*공통*/
.inner {width:1200px; margin:auto;}
.cf::after {display:block; clear:both; content:''; }

.sub_title h2 {font-size:36px;color:#fff;font-weight:bold;line-height:1em;padding-bottom:20px;border-bottom:#fff 3px solid;}

/*폰트*/
.russo {font-family: 'Russo One', sans-serif;}

/* ~ 1100px ----------- */
@media only screen 
and (max-width : 1100px)
{
#wrap {max-width:1100px;overflow:hidden;}
}