@charset "UTF-8";#top{background-color:#000;overflow:hidden}a.link-btn{max-width:220px;height:65px;border:1px solid #fff;display:flex;align-items:center;justify-content:center}#top #mv{background:url(//mythos.co.jp/wp-apu/wp-content/themes/mythos/css/../img/mv.jpg) no-repeat;background-size:cover;background-position:50% 50%;height:100vh;width:100%;display:block;position:relative;overflow:hidden}#top #mv h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#top #mv h1 img{width:19vw}#top #mv .news{position:absolute;bottom:0;left:86px;padding:15px 30px;background:rgba(0,0,0,.6);width:100%}#top #mv .news a{display:inline-block}#top #mv .news a dl{margin:0}#top #mv .news a dl dt{display:inline-block}#top #mv .news a dl dd{display:inline-block;margin:0 0 0 20px}@media screen and (max-width:1100px){#top #mv .news{left:86px;width:calc(100% - 86px);padding:15px 10px 15px 30px}}@media screen and (max-width:639px){#top #mv h1 img{width:50vw}#top #mv .news{left:47px;width:calc(100% - 47px);padding:10px 10px 10px 15px}#top #mv .news a dl dd{margin:0}}#top #mythos{background:url(//mythos.co.jp/wp-apu/wp-content/themes/mythos/css/../img/mythos.jpg) no-repeat;background-size:cover;background-position:50% 50%;height:930px;width:100%;display:block;position:relative;padding:200px 0 100px;margin-bottom:-1px}#top #mythos h2{text-align:center;padding-bottom:115px}#top #mythos p{text-align:center;line-height:33px}#top #mythos h3{text-align:center;padding-bottom:20px;font-size:17px}@media screen and (max-width:1100px){#top #mythos{padding-left:20px;padding-right:20px}}@media screen and (max-width:639px){#top #mythos{height:970px;padding:140px 10px 100px;background-position:27% 50%}}#top #gallery{background:url(//mythos.co.jp/wp-apu/wp-content/themes/mythos/css/../img/gallery.jpg) no-repeat;background-size:cover;background-position:50% 50%;width:100%;display:block;padding:180px 0;margin:0;margin-bottom:-1px}#top #gallery .gallery-inner{width:90%;position:relative;left:10%}@media screen and (max-width:1100px){}@media screen and (max-width:639px){}#top #system{margin-bottom:-1px}#top #system .bg-1{background:url(//mythos.co.jp/wp-apu/wp-content/themes/mythos/css/../img/system.jpg) no-repeat;background-size:cover;background-position:50% 50%;width:100%;display:block;padding:200px 0 150px;text-align:center}#top #system .bg-1 h2{padding-bottom:115px}#top #system .bg-1 h3{padding-bottom:55px}#top #system .bg-2{background:#000;padding:100px 0 100px}#top #system .bg-2 .box{display:flex}#top #system .bg-2 .box figure{width:50%;margin:0}#top #system .bg-2 .box .text{width:calc((50% - (50vw - 550px)))}#top #system .bg-2 .box .text h4{text-align:center;padding:0 0 30px}#top #system .bg-2 .box .text dl{margin:0;padding:35px 0 55px}#top #system .bg-2 .box .text dl dt{float:left}#top #system .bg-2 .box .text dl dd{text-align:right}#top #system .bg-2 .box.box-1{padding-bottom:100px}#top #system .bg-2 .box.box-1 .text{padding:30px 0 0 60px}#top #system .bg-2 .box.box-1 .text dl dt.title{float:none}#top #system .bg-2 .box.box-2{flex-flow:row-reverse}#top #system .bg-2 .box.box-2 .text{padding:30px 60px 0 0}#top #system .bg-2 .box.box-3 .text h4{padding:0 0 35px}#top #system .bg-2 .box.box-3 .text{display:flex;align-items:center;justify-content:center;padding:30px 0 0 60px}#top #system a{text-align:center;margin:0 auto 70px;width:220px}#top #system .box.box-2.box-3{background:rgb(0 0 0/100%);padding:20px 15px;clear:both;overflow:hidden}#top #system .box.box-2.box-3 figure img{padding-bottom:50px;width:100%}#top #system .box.box-2.box-3 .text .text-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}#top #system .box.box-2.box-3 .text .text-inner h4{width:100%;text-align:center;padding-bottom:50px}#top #system .tabs{display:none}#top #system table{width:100%;border-collapse:collapse;font-size:16px}#top #system th{text-align:left}#top #system th,#top #system td{border:1px solid #000;padding:5px;vertical-align:top}#top #system td:last-child{text-align:right;width:auto;white-space:nowrap}#top #system tr:last-child th{text-align:left}@media screen and (max-width:1100px){#top #system .bg-1{padding-left:20px;padding-right:20px}#top #system .bg-2{display:none}#top #system .tab_content figure{margin:0;padding:0}#top #system .tab_content dl{margin:0;padding:35px 0 55px}#top #system .tab_content dl dt{float:left}#top #system .tab_content dl dd{text-align:right}#top #system .tabs{display:block;margin-top:50px;background-color:#fff;width:100%;margin:0 auto}#top #system .tab_item{width:calc(100%/2);height:50px;background-color:#3c3c3c;line-height:50px;font-size:16px;text-align:center;color:#fff;display:block;float:left;text-align:center;font-weight:700;transition:all .2s ease}#top #system input[name=tab_item]{display:none}#top #system .tab_content{display:none;padding:20px 15px;clear:both;overflow:hidden;background:#000}#all:checked~#hall,#draw:checked~#drawing{display:block}#top #system .tabs input:checked+.tab_item{background-color:#000;color:#fff}}@media screen and (max-width:639px){#top #system .bg-1{padding:100px 0 150px;padding-left:15px;padding-right:15px}#top #system .bg-1 h2{padding-bottom:80px}#top #system table{font-size:15px;margin:15px 0 0}#top #system th,#top #system td{vertical-align:top;border:1px solid #434343;vertical-align:middle !important}}#top #about{background:#131313;padding:140px 5% 170px;display:flex}#top #about .text{width:40%}#top #about .text h2{padding:55px 0}#top #about .text dl{margin:0;padding:0 0 35px}#top #about .text dl dt{float:left}#top #about .text dl dd{margin:0 0 14px 100px}#top #about .text a.link-btn img{width:35px}#top #about .img{background:url(//mythos.co.jp/wp-apu/wp-content/themes/mythos/css/../img/about.png) no-repeat;background-size:contain;background-position:30% 50%;width:60%}@media screen and (max-width:1100px){#top #about{padding-left:20px;padding-right:20px}}@media screen and (max-width:639px){#top #about{padding:30px 15px 100px}#top #about .text{width:100%}#top #about .text dl dd{margin:0 0 14px 90px}#top #about .text a.link-btn{margin:0 auto}#top #about .img{display:none}}#top #recruit{display:flex}#top #recruit .img{background:url(//mythos.co.jp/wp-apu/wp-content/themes/mythos/css/../img/recruit.jpg) no-repeat;background-size:cover;background-position:50% 50%;height:auto;width:50%}#top #recruit .text{width:50%;padding:150px 0;text-align:center;background:#000}#top #recruit .text h2{padding:0 0 70px}#top #recruit .text h3{padding:0 0 70px}#top #recruit .text p{padding:0 0 108px}#top #recruit .text a.link-btn{margin:0 auto}@media screen and (max-width:1100px){#top #recruit .text{padding-left:20px;padding-right:20px}}@media screen and (max-width:639px){#top #recruit{flex-wrap:wrap}#top #recruit .img{width:100%;height:100vw}#top #recruit .text{width:100%;padding-top:100px}}#vip{background:#000;width:100%;display:block;position:relative;padding:200px 0 100px;margin-bottom:-1px;padding:140px 5% 170px}#vip h2{text-align:center;padding-bottom:115px}#vip .vip-wrap{display:flex;justify-content:center;padding-bottom:35px}#vip .vip-wrap figure{width:calc(70% - 10px);margin:0}#vip .vip-wrap figure img{padding-bottom:40px;width:100%}#vip .vip-wrap figure figcaption{text-align:center;padding-bottom:40px}#vip p{text-align:center;padding-bottom:60px}#vip a.link-btn{margin:0 auto}@media screen and (max-width:1100px){}@media screen and (max-width:639px){#vip{padding:70px 10px 70px}#vip h2{padding-bottom:65px}#vip .vip-wrap{padding-bottom:0}}@media screen and (max-width:639px){#top #system table,#top #system th,#top #system td{border:none !important}}