#top                        { overflow-x: hidden; }
#header .inner              { padding: 0 20px; }
.member #container          { display: block; padding: 20px; }
#left                       { display: none; }
#window                         { top: 0; left: 0; transform: none; width: 100vw; }


#header                     { padding-top: 180px; }
#header .inner              { position: static; } 
#header .logo img           { width: 60px; height: 60px; position: absolute; top: 10px; left: 50%; margin: 0; transform: translateX(-50%); }
#header .nav                { position: fixed; left: -110vw; width: 85vw; height: 100vh; overflow-y: auto; background: var(--color-main); }
#header .nav                { transition: all .5s; z-index: 2000; top: 0; border-radius: 0; }
#header .nav.open           { left: 0; }
#header .nav ul             { margin-top: 20px; }
#header .nav li             { display: block; text-align: left; line-height: 40px; }
#header .nav .active a      { background: none; }
#header .nav .level_2       { display: block; padding-left: 10px; margin: 0; }
#header .nav .level_2 li    { line-height: 1.5; }
#header .nav .level_2 li a:before { content: '\f0c8'; font: bold 12px/30px 'Font Awesome 7 Pro'; font-size: 12px; color: #fff; }
#header .nav .level_2 li a:before { display: inline-block; margin-right: 10px; } 
#header .top                { position: static; }
#header .top .button        { display: none; }
#header .top form           { width: 100%; }
#header .search             { width: calc(100% - 80px); top: 110px; }
#header .slogan             { position: static; display: block; text-align: center; margin-top: 20px; display: none; }
#header .phone              { text-align: center; display: block; position: absolute; top: 10px; width: 100%; text-align: center; }
#header .btn-spirit-tv      { left: 50%; transform: translateX(-50%); top: 145px; }

#header .mobile_btn         { display: block; color: var(--color-main); }
#header .mobile_btn:before  { font: 24px 'Font Awesome 7 Pro'; }
#header .mobile_menu        { display: block; position: absolute; top: 28px; right: 20px; }
#header .mobile_menu:before { content: '\f0c9'; }
#header .menu_close:before  { content: '\f00d'; }
#header .menu_close         { position: absolute; top: 28px; right: 30px; color: #fff; }
#header .mobile_login       { position: absolute; top: 28px; left: 20px; }
#header .mobile_login:before { content: '\f007'; }

#main .agentlist            { grid-template-columns: 1fr; }
#main .detail               { display: block; }
#main .detail .teaser       { display: none; }
#main .detail .top          { min-height: 255px; padding-top: 200px !important; padding-left: 0 !important; }
#main .detail h1            { position: absolute; top: -5px; left: 0; right: 0; text-align: center; }
#main .detail img           { top: 10px; left: 50%; transform: translateX(-50%); }
#main .table                { white-space: nowrap; }
#main .how ul               { display: block; }
#main .how li               { margin-bottom: 30px; }
#main .mod_login .submit    { width: 100%; }
#main .detail               { display: block; }

#main .text                 { width: 100%; }
#main .select               { width: 100%; }

#footer .inside             { display: block; }
#footer .block              { margin-bottom: 30px; }