@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


@media screen and (min-width: 751px){


/* noload */

.background_sec01{width:100%;height:100vh;position:absolute;top:0;left:0;z-index: 0;}
.background_sec01 .img-bg{width:100%;position:absolute;top:0;left:0;z-index: 0;}

.background_sec03{width:100%;height:100vh;position:absolute;top:0;left:0;z-index: 1;opacity:0;}
.background_sec03 .background-movie__wrap{width:100%;position:absolute;top:0;left:0;z-index: 0;}

#contents .background-text{position:absolute;right:40px;top:30px;}

.sec01__wrap{margin:0 auto 0px;width:100%;position:relative;margin-bottom:5%;}
.sec01__wrap .title{color:#fff;font-size:50px;margin-bottom:0px;text-align:center;}
.sec01__wrap .title .bar{margin:0 auto;display:block;}


/* キャラクタークリエイト */

.sec01-01__inner{padding-top:34%;}
.sec01-01__inner .imagebox{width:60%;z-index:1;position:absolute;top:160px;left:5%;}
.sec01-01__inner .imagebox img{width:100%;display:block;}
.sec01-01__inner .infobox {width:26%;max-width:700px;display:block;right:5%;position:absolute;z-index:1;top:50%;transform:translate(-0,-50%);}
.sec01-01__inner .infobox .title{color:#fff;font-size:50px;margin-bottom:15px;text-align:left;line-height:1.1;}
.sec01-01__inner .infobox .text{color:#fff;}

.sec01-02__inner{text-align:center;padding:60px 0 30px;}
.sec01-02__inner .box-next{color:#998402;padding:10px 50px; display:inline-block;margin:0 auto;border:1px solid #998402;}


/* オンライン要素 */

.sec02__wrap{margin:0 auto 0px;width:100%;position:relative;text-align:center;background-color:rgba(54, 67, 97, 0.3);padding:100px 0;}

.sec02-01__inner{width:1100px;margin:100px auto 0;opacity:0;padding-top:400px;}
.sec02-01__inner .imagebox{width:50%;z-index:1;position:absolute;display:inline-block;left:5%;top:50%;transform:translate(0,-50%);}
.sec02-01__inner .imagebox img{width:100%;display:block;}
.sec02-01__inner .infobox {width:26%;width:400px;max-width:700px;display:block;z-index:1;display:block;top:50%;transform:translate(0,-50%);right:10%;position:absolute;}
.sec02-01__inner .infobox .title{color:#fff;font-size:50px;margin-bottom:0px;text-align:left;}
.sec02-01__inner .infobox .text{color:#fff;text-align:left;}
.sec02-01__inner .infobox .title .ruby{font-size:12px;vertical-align: middle;margin-left:20px;}


/* 義刀塚  */

.sec02-02__inner{width:900px;margin:100px auto 0;opacity:0;position:relative;padding-top:400px;}
.sec02-02__inner .imagebox{width:56%;z-index:1;position:absolute;display:block;top:50%;transform:translate(0,-50%);right:0%;}
.sec02-02__inner .imagebox img{width:100%;display:block;}
.sec02-02__inner .infobox {width:26%;width:400px;max-width:700px;display:block;top:50%;z-index:1;display:block;vertical-align:middle;padding-left:60px;transform:translate(0,-50%);position:absolute;}
.sec02-02__inner .infobox .title{color:#fff;font-size:50px;margin-bottom:0px;text-align:left;}
.sec02-02__inner .infobox .text{color:#fff;text-align:left;}
.sec02-02__inner .infobox .title .ruby{font-size:12px;vertical-align: middle;margin-left:20px;}


.sec02-03__inner{width:900px;margin:0 auto;max-width:900px;margin-top:100px;opacity:0;}
.sec02-03__inner .title{font-size:30px;margin-bottom:60px;border-bottom:1px solid #666;color:#fff;}
.sec02-03__inner .infobox__wrap{display:flex;justify-content:space-between;;}
.sec02-03__inner .infobox{padding:5%;background-color:rgba(46, 46, 46,0.5);width:49%;display:block;background:url(../img/system/sec02-03-bg.png);border:10px solid rgba(82, 82, 82, 0.37);box-sizing: border-box;}
.sec02-03__inner .infobox .title{border:0px;margin-bottom:0;text-align:center;}
.sec02-03__inner .infobox .text{color:#fff;text-align:left;}
.sec02-03__inner .infobox .title .ruby{font-size:12px;vertical-align: middle;margin-left:20px;}


.sec03__wrap{margin:0 auto 0px;width:100vw;position:relative;text-align:center;height:100vh;}

.sec03__wrap .headline{padding-top:120px;}


.sec03-01__inner .infobox{padding:4%;background-color:rgba(46, 46, 46,0.5);width:38%;display:inline-block;width:600px;background-color:rgba(0,0,0,0.5);margin:0 auto;position:absolute;top:60%;right:0%;transform: translate(0%,-50%);right:-100px;opacity:0;}
.sec03-01__inner .infobox .title{color:#fff;font-size:40px;margin-bottom:0px;text-align:left;display:block;vertical-align:middle;}
.sec03-01__inner .infobox .text{color:#fff;text-align:left;}


.headline_min{color:#867b53;font-size:34px;margin-top:40px;}

.sec04__wrap{margin:0 auto 0px;width:100vw;position:relative;text-align:center;padding:100px 0 300px;background:#000;background:#000 url('../img/system/sec04-bg.jpg') center top;background-size:cover;background-attachment: fixed;}

.table_wrap{border:1px solid #3e3822;width:1000px;margin:0 auto;font-size: 16px}
.table_wrap table{border:1px solid #3e3822;border-collapse: collapse;text-align: left;}
.table_wrap th{background:#3e3822;padding:20px;width:33%;border-right:1px solid #000;font-size: 18px;text-align: center;}
.table_wrap th:last-child{border-right:0px solid #000;}
.table_wrap td{padding:20px;border:1px solid #3e3822;vertical-align: top;}
.table_wrap td ul{padding-top:5px;color:#f6efd1;}

.disc > li {padding-left:1em;text-indent:-1em;}
.disc > li::before{content:'・';}

.asterisk > li {padding-left:1em;text-indent:-1em;}
.asterisk > li::before{content:'※';}

.table_wrap.num2 tr:nth-child(3n+2) td{padding-bottom:5px;border-bottom:0;}
.table_wrap.num2 tr:nth-child(3n+3) td{padding-top:0px;padding-bottom:0;border-top:0;border-bottom:0;}
.table_wrap.num2 tr:nth-child(3n+4) td{padding-top:10px;border-top:0;}

.table_head{padding-top:5px;color:#f6efd1;margin-top:0px;}


.section__wrap{position:relative;z-index:1;}


.infobox .icon-plus{border:1px solid #fff;background-color:#fff;height:24px;display:inline-block;margin:0 auto;padding:0 20px;line-height:1;opacity:0.8;font-size:16px;margin-top:1.4em;position:absolute;opacity:0.6;transition:all 0.3s;}
.infobox .icon-plus .icon-plus__text{display:inline-block;vertical-align: middle;color:#000;font-size:14px;}
.infobox .icon-plus .icon-plus__icon{width:24px;display:inline-block;vertical-align: middle;margin-left:10px;}

.infobox .icon-plus:hover{opacity:1;}

.infobox .icon-plus.icon-new:before{top:-10px;right:-10px;}
.infobox .icon-plus.icon-new:after{top:-10px;right:-10px;}



.sec04__wrap .align-left{text-align:left;width:1000px;margin:0 auto;font-size:15px;}


#contents{padding-top:200px;}

.background__wrap .cover-noclick{width:100vw;height:100vh;z-index:2;position:absolute;top:0;left:0;background:url(../img/top/cover-pattern.png);}


}




/*----------------------------------------
	for SP
----------------------------------------*/


@media screen and (max-width: 750px) {


  /* noload */

  .background_sec01{width:100%;height:100vh;position:absolute;top:0;left:0;z-index: 0;}
  .background_sec01 .img-bg{width:100%;position:absolute;top:0;left:0;z-index: 0;}

  .background_sec03{width:100%;height:100vh;position:absolute;top:0;left:0;z-index: 1;opacity:0;}
  .background_sec03 .background-movie__wrap{width:100%;position:absolute;top:0;left:0;z-index: 0;}

  #contents .background-text{position:absolute;right:40px;top:30px;}

  .sec01__wrap{margin:0 auto 0px;width:100vw;position:relative;margin-bottom:5%;}
  .sec01__wrap .title{color:#fff;font-size:50px;margin-bottom:0px;text-align:center;}
  .sec01__wrap .title .bar{margin:0 auto;display:block;}


  /* キャラクタークリエイト */

  .sec01-01__inner{}
  .sec01-01__inner .imagebox{width:100%;z-index:1;position:relative;}
  .sec01-01__inner .imagebox img{width:100%;display:block;}
  .sec01-01__inner .infobox {width:80%;display:block;z-index:1;margin:0 auto;padding:10px 0;}
  .sec01-01__inner .infobox .title{color:#fff;font-size:28px;margin-bottom:10px;text-align:left;line-height:1.3;}
  .sec01-01__inner .infobox .text{color:#fff;}

  .sec01-02__inner{text-align:center;padding:30px 0 30px;}
  .sec01-02__inner .box-next{color:#998402;padding:10px 50px; display:inline-block;margin:0 auto;border:1px solid #998402;}

  .headline{margin-bottom:40px;}

  /* オンライン要素 */

  .sec02__wrap{margin:0 auto 0px;width:100vw;position:relative;text-align:center;background-color:rgba(54, 67, 97, 0.3);padding:40px 0;}

  .sec02-01__inner{margin:0 auto;}
  .sec02-01__inner .imagebox{width:60%;z-index:1;position:relative;display:block;margin:0 auto;}
  .sec02-01__inner .imagebox img{width:100%;display:block;}
  .sec02-01__inner .infobox {width:80%;display:block;z-index:1;display:block;margin:0 auto;}
  .sec02-01__inner .infobox .title{color:#fff;font-size:30px;margin-bottom:0px;text-align:left;}
  .sec02-01__inner .infobox .text{color:#fff;text-align:left;font-size:12px;}
  .sec02-01__inner .infobox .title .ruby{font-size:10px;vertical-align: middle;margin-left:20px;}


  /* 義刀塚  */

  .sec02-02__inner{margin:0px auto 0;position:relative;}
  .sec02-02__inner .imagebox{width:60%;z-index:1;position:relative;display:block;margin:0 auto;}
  .sec02-02__inner .imagebox img{width:100%;display:block;}
  .sec02-02__inner .infobox {width:80%;z-index:1;display:block;margin:0 auto;}
  .sec02-02__inner .infobox .title{color:#fff;font-size:30px;margin-bottom:0px;text-align:left;}
  .sec02-02__inner .infobox .text{color:#fff;text-align:left;}
  .sec02-02__inner .infobox .title .ruby{font-size:12px;vertical-align: middle;margin-left:20px;}


  .sec02-03__inner{width:90%;margin:0 auto;margin-top:80px;}
  .sec02-03__inner .title{font-size:26px;margin-bottom:30px;border-bottom:1px solid #666;color:#fff;}
  .sec02-03__inner .infobox__wrap{}
  .sec02-03__inner .infobox{padding:5%;background-color:rgba(46, 46, 46,0.5);width:100%;display:block;background:url(../img/system/sec02-03-bg.png);border:5px solid rgba(82, 82, 82, 0.37);box-sizing: border-box;margin-bottom:20px;}
  .sec02-03__inner .infobox .title{border:0px;margin-bottom:0;text-align:center;font-size:20px;}
  .sec02-03__inner .infobox .text{color:#fff;text-align:left;font-size:13px;}
  .sec02-03__inner .infobox .title .ruby{font-size:12px;vertical-align: middle;margin-left:20px;}


  .sec03__wrap{margin:0 auto 0px;width:100vw;position:relative;text-align:center;padding-bottom:60px;}

  .sec03__wrap .headline{padding-top:40px;}

  .sec03-01__inner .movie__wrap{width:100%;}
  .sec03-01__inner .movie__wrap video{width:100%;}

  .sec03-01__inner .infobox{width:80%;display:inline-block;background-color:rgba(0,0,0,0);margin:0 auto;position:relative;}
  .sec03-01__inner .infobox .title{color:#fff;font-size:40px;margin-bottom:0px;text-align:left;display:block;vertical-align:middle;}
  .sec03-01__inner .infobox .text{color:#fff;text-align:left;}


  .headline_min{color:#867b53;font-size:24px;margin-top:40px;}

  .sec04__wrap{margin:0 auto 0px;width:100vw;position:relative;text-align:center;padding:60px 0 50px;background:#000;background:#000 url('../img/system/sec04-bg.jpg') center top;background-size:cover;background-attachment: fixed;}

  .scroll-table{overflow: auto;white-space: nowrap;padding:0 5%;}
  .scroll-table_inner{padding-right:5%;width:700px;}

  .table_wrap{border:1px solid #3e3822;width:700px;margin:0 auto;font-size: 13px;position:relative;}
  .table_wrap table{border:1px solid #3e3822;border-collapse: collapse;text-align: left;white-space:normal;}
  .table_wrap th{background:#3e3822;padding:15px;width:33%;border-right:1px solid #000;font-size: 14px;text-align: center;}
  .table_wrap th:last-child{border-right:0px solid #000;}
  .table_wrap td{padding:15px;border:1px solid #3e3822;vertical-align: top;}
  .table_wrap td ul{padding-top:5px;color:#f6efd1;}

  .disc > li {padding-left:1em;text-indent:-1em;}
  .disc > li::before{content:'・';}

  .asterisk > li {padding-left:1em;text-indent:-1em;}
  .asterisk > li::before{content:'※';}

  .table_wrap.num2 tr:nth-child(3n+2) td{padding-bottom:5px;border-bottom:0;}
  .table_wrap.num2 tr:nth-child(3n+3) td{padding-top:0px;padding-bottom:0;border-top:0;border-bottom:0;}
  .table_wrap.num2 tr:nth-child(3n+4) td{padding-top:10px;border-top:0;}

  .table_head{padding-top:5px;color:#f6efd1;margin-top:0px;}


  .infobox .icon-plus{border:1px solid #fff;background-color:#fff;height:20px;display:inline-block;margin:0 auto;padding:0 20px;line-height:1;opacity:0.8;font-size:14px;margin-top:1em;position:relative;opacity:0.8;}
  .infobox .icon-plus .icon-plus__text{display:inline-block;vertical-align: middle;color:#000;font-size:12px;}
  .infobox .icon-plus .icon-plus__icon{width:20px;display:inline-block;vertical-align: middle;margin-left:10px;}

  /* .infobox .icon-plus:hover{opacity:1;} */

  .infobox .icon-plus.icon-new:before{top:-10px;right:-10px;}
  .infobox .icon-plus.icon-new:after{top:-10px;right:-10px;}

  .section__wrap{position:relative;z-index:1;}


.sec04__wrap .align-left{text-align:left;width:90%;margin:0 auto;font-size:12px;}


  #contents{padding-top:40px;}

  .background__wrap .cover-noclick{width:100vw;height:100vh;z-index:2;position:absolute;top:0;left:0;background:url(../img/top/cover-pattern.png);}



}