@charset "UTF-8";.category-header{background:url(/_materials/img/common/header-img02_sp.jpg) center/cover no-repeat}.category-header__title-image{-webkit-filter:drop-shadow(0 0 4px #5b5b8c) drop-shadow(0 0 13px #5b5b8c);filter:drop-shadow(0 0 4px #5b5b8c) drop-shadow(0 0 13px #5b5b8c)}.system__container-wrapper{position:relative}.system__container{position:relative;margin:0 auto 4.9em}.system__content{position:relative}.system__section-title{position:relative;margin:4rem auto 8rem}.system__section-title::after{position:absolute;bottom:0;left:50%;display:block;width:1px;height:6rem;content:'';background:#2d2d2d;transform:translate(0,120%)}.system__section-read{font-size:1.6rem;max-width:844px;padding:0;margin:1em auto 7rem;font-weight:700;line-height:2;color:#000;letter-spacing:.1em}.system__detail{max-width:1044px;margin-right:auto;margin-left:auto;padding:0 16px}.system__videoarea{position:relative;width:100%;max-width:660px;margin:6rem auto}.system-nav-fixedarea{position:fixed;bottom:0;z-index:3;width:100%;opacity:1;transition:transform .3s ease-out,opacity .3s ease-out;transform:translate3d(0,100%,0)}.system-nav-fixedarea.is-active{transform:translate3d(0,0,0)}.system-nav-fixedarea.is-active.is-finished{opacity:0;transition:transform .3s .3s ease-out,opacity .3s ease-out;transform:translate3d(0,100%,0)}.system-nav{width:92%;max-width:1000px;padding:0 16px;margin:3.2em auto;background:#2d2d2d;border-radius:3em}.system-nav__list{position:relative;display:flex;flex-flow:row wrap;align-content:flex-start;align-items:stretch;justify-content:center;width:100%;font-size:1.1rem;padding:1.5em 0;margin:0 auto;font-weight:700;color:#fff}.system-nav__list>*{position:relative;min-height:0}.system-nav__list-item{padding:0 1em;letter-spacing:.1em;cursor:pointer;border-right:1px solid rgba(255,255,255,.2)}.system-nav__list-item:last-child{border-right:none}.system-nav__list-item.is-active{color:#ffdf00;cursor:auto;-webkit-animation:none;animation:none}.system-nav__list-item.is-active.is-hover{opacity:1;-webkit-animation:none;animation:none}.system-nav--fixed{margin:1.6em auto;box-shadow:0 0 16px -6px rgba(0,0,0,.6)}.system-list{position:relative;display:flex;flex-flow:row wrap;align-content:flex-start;align-items:stretch;justify-content:center;width:100%;align-content:stretch;justify-content:flex-start;width:90%;max-width:600px;margin:6rem auto 0}.system-list>*{position:relative;min-height:0}.system-list__item{width:100%;margin-bottom:4rem}.system-list__item.is-view{opacity:0}.system-card{height:100%;overflow:hidden;background:#fff;border:1px solid #dbdbdb;border-radius:8px}.system-card__title{font-size:2rem;padding:1em .5em .4em 1.65em;font-weight:700;line-height:1.25;color:#fff;background-color:#2d2d2d;background-repeat:repeat-y,no-repeat;background-position:left 4px top,left 1.65em top .4em;background-size:1em auto,5.5em auto}.system-card__title--nurture{background-image:url(/_materials/img/system/deco01.svg),url(/_materials/img/system/deco-nurture.svg)}.system-card__title--battle{background-image:url(/_materials/img/system/deco01.svg),url(/_materials/img/system/deco-battle.svg)}.system-card__title--mercenary{background-image:url(/_materials/img/system/deco01.svg),url(/_materials/img/system/deco-mercenary.svg)}.system-card__title--guild{background-image:url(/_materials/img/system/deco01.svg),url(/_materials/img/system/deco-guild.svg)}.system-card__title--other{background-image:url(/_materials/img/system/deco01.svg),url(/_materials/img/system/deco-other.svg)}.system-card__desc{font-size:1.4rem;padding:1em 1em 1.5em;line-height:2;color:#2d2d2d}@media screen and (min-width:361px){.system-nav__list{font-size:1.3rem}}@media screen and (min-width:560px){.system__container{margin:0 auto 6.5em}.system__section-title{margin-bottom:10rem}.system__section-title::after{height:8rem}.system__section-read{font-size:1.8rem;padding:0 16px;margin:2em auto 12rem}.system__videoarea{margin:10rem auto}.system-nav{margin:6.5em auto}.system-nav__list{font-size:1.6rem;padding:1em 0}.system-nav--fixed{margin:3.2em auto}.system-list{max-width:1000px;margin:10rem auto 0}.system-list__item{width:50%;margin-bottom:2rem}.system-list__item:nth-child(odd){padding:0 2rem 2rem 0}.system-list__item:nth-child(even){padding:0 0 2rem 2rem}.system-list__item:nth-of-type(2n+1){-webkit-animation-delay:0s;animation-delay:0s}.system-list__item:nth-of-type(2n+2){-webkit-animation-delay:.25s;animation-delay:.25s}.system-card__desc{padding:1em 2em 2em}}@media screen and (min-width:960px){.category-header{background-image:url(/_materials/img/common/header-img02_pc.jpg)}.system__section-read{padding:0 22px}.system__detail{padding:0 22px}.system-nav{padding:0 22px}.system-nav__list{font-size:1.6rem;padding:1em}.system-nav__list-item{padding:0 2.5em}.system-list{width:100%}.system-card__title{padding:1em .5em .35em 1.875em;background-position:left 4px top,left 1.875em top .4em;background-size:.875em auto,5em auto;font-size:2.4rem}.system-card__desc{font-size:1.6rem}}