@charset "UTF-8";
/* ---------------------------------------------------------
config
--------------------------------------------------------- */
/* responsive */
/* rem */
@media print, screen and (min-width: 961px) {
  html {
    font-size: 625%; } }
@media screen and (max-width: 960px) {
  html {
    font-size: calc(100vw / 9.6); } }
/* ---------------------------------------------------------
fv
--------------------------------------------------------- */
.fv {
  margin: 0; }
  .fv .inner {
    height: 6.78rem; }
    @media screen and (max-width: 600px) {
      .fv .inner {
        height: 7.5rem; } }
  .fv .mv {
    position: absolute;
    top: -.2rem;
    left: -.86rem;
    width: 6.68rem;
    height: 6.78rem; }
  .fv .logo_entry {
    position: absolute;
    top: .2rem;
    right: .18rem;
    width: 3.73rem;
    text-align: center; }
    @media screen and (max-width: 600px) {
      .fv .logo_entry {
        width: auto; } }
  .fv h1 {
    margin: 0 0 .28rem 0; }
    .fv h1 img {
      margin: 0 0 0 .1rem;
      max-width: 3.73rem; }
  .fv .btn_start {
    margin: 0 auto;
    display: block;
    max-width: 2.94rem; }

/* ---------------------------------------------------------
pv_sns
--------------------------------------------------------- */
.pv_sns .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
.pv_sns dl {
  width: 4.6rem;
  height: 4.18rem;
  background: url("/pc/img/pv_sns_bg.png") no-repeat center/100%; }
.pv_sns dt {
  margin: 0 auto .12rem auto;
  padding: .14rem 0 0 0;
  width: 100%;
  max-width: 4.34rem; }
.pv_sns dd {
  margin: 0 auto;
  width: 100%;
  max-width: 4rem;
  height: 3.1rem;
  overflow: hidden; }
.pv_sns .pv dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
.pv_sns .twitter-timeline {
  max-height: 3.1rem;
  color: #000; }
.pv_sns .btn {
  margin: .06rem auto 0 auto;
  display: block;
  max-width: 2.93rem; }

/* ---------------------------------------------------------
present
--------------------------------------------------------- */
.present {
  margin: .4rem 0 .3rem 0;
  padding: 0 .2rem;
  text-align: center; }
  .present .rim {
    margin: 0 auto .25rem auto;
    position: relative;
    padding: 1rem .7rem 0 0;
    width: 9.4rem;
    height: 4.73rem;
    background: url("/pc/img/present_bg.png") no-repeat center/contain; }
  .present h2 {
    position: absolute;
    top: 1rem;
    right: .7rem; }
    .present h2 img {
      max-width: 5.94rem; }
  .present .btn {
    display: block;
    position: absolute;
    right: 2.4rem;
    bottom: .75rem;
    max-width: 4.58rem; }
  .present li:first-child {
    margin: 0 0 -.45rem 0; }
    .present li:first-child img {
      max-width: 8.96rem; }
  .present li:last-child img {
    max-width: 8.89rem; }

/* ---------------------------------------------------------
about
--------------------------------------------------------- */
.about {
  margin: 0 0 .85rem 0;
  padding: 0 .2rem; }
  .about h2 {
    margin: 0 0 -.12rem 0;
    text-align: center; }
    .about h2 img {
      max-width: 7.66rem; }
  .about ul {
    margin: 0 0 .4rem 0; }
  .about li {
    position: relative; }
    .about li:nth-child(1) img {
      max-width: 9.37rem; }
    .about li:nth-child(2) {
      margin: -1.08rem 0 -.1rem 0; }
      .about li:nth-child(2) img {
        max-width: 9.58rem; }
    .about li:nth-child(3) img {
      max-width: 9.49rem; }
    .about li:nth-child(4) {
      margin: -.86rem 0 0 0;
      padding: 0 .58rem 0 0;
      text-align: right; }
      .about li:nth-child(4) img {
        max-width: 4.05rem; }
  .about .btn_start {
    margin: 0 auto;
    display: block;
    max-width: 6.74rem; }

/* ---------------------------------------------------------
spec
--------------------------------------------------------- */
.spec {
  padding: .42rem .2rem;
  background: #170c42; }
  .spec h2 {
    margin: 0 0 .08rem 0;
    font-size: .24rem;
    text-align: center; }
    @media screen and (max-width: 600px) {
      .spec h2 {
        margin: 0 0 .2rem 0; } }
  .spec .txt {
    margin: 0 auto;
    display: table; }
  .spec dl {
    margin: 0 0 .04rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: .18rem;
    white-space: nowrap; }
    @media screen and (max-width: 600px) {
      .spec dl {
        margin: 0 0 .2rem 0;
        display: inherit;
        white-space: inherit; } }
    .spec dl:last-child {
      margin: 0; }
  .spec dt {
    width: 1.85rem;
    color: #8c97cb;
    text-align: right; }
    @media screen and (max-width: 600px) {
      .spec dt {
        width: auto;
        text-align: left; } }
    .spec dt::after {
      margin: 0 .05rem;
      content: '：'; }
  .spec dd {
    width: calc(100% - 1.85rem); }
    @media screen and (max-width: 600px) {
      .spec dd {
        width: auto; } }

/* ---------------------------------------------------------
modal
--------------------------------------------------------- */
/* common */
.none {
  display: none; }

.modaal-wrapper .modaal-close {
  position: absolute;
  top: .22rem;
  right: .6rem;
  width: .5rem;
  height: .5rem;
  background: url("/pc/img/btn_close.png") no-repeat center/100%; }
  .modaal-wrapper .modaal-close:focus, .modaal-wrapper .modaal-close:hover {
    background: url("/pc/img/btn_close.png") no-repeat center/100%;
    opacity: .7; }
    .modaal-wrapper .modaal-close:focus::before, .modaal-wrapper .modaal-close:focus::after, .modaal-wrapper .modaal-close:hover::before, .modaal-wrapper .modaal-close:hover::after {
      display: none; }
  .modaal-wrapper .modaal-close::before, .modaal-wrapper .modaal-close::after {
    display: none; }
  .modaal-wrapper .modaal-close span {
    display: none; }
.modaal-wrapper.modaal-inline .modaal-inner-wrapper {
  padding: 1rem 0; }
.modaal-wrapper.modaal-inline .modaal-content-container {
  padding: 0; }
.modaal-wrapper.modaal-inline .modaal-container {
  max-width: 9.6rem;
  height: 100vh;
  background: transparent; }
.modaal-wrapper.modaal-iframe .modaal-container {
  width: 600px;
  min-width: 600px;
  height: 320px; }
.modaal-wrapper.modaal-iframe .modaal-close {
  display: none; }

.modaal-overlay {
  opacity: .85 !important; }

/* modal_about */
.modal_about {
  position: absolute;
  line-height: 1.8;
  color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  font-weight: bold;
  font-size: .2rem;
  letter-spacing: .018rem;
  text-align: center;
  text-shadow: #000 0.02rem 0 0.01rem, #000 -0.02rem 0 0.01rem, #000 0 -0.02rem 0.01rem, #000 0 0.02rem 0.01rem, #000 0.02rem 0.02rem 0.01rem, #000 -0.02rem 0.02rem 0.01rem, #000 0.02rem -0.02rem 0.01rem, #000 -0.02rem -0.02rem 0.01rem, #000 0.01rem 0.02rem 0.01rem, #000 -0.01rem 0.02rem 0.01rem, #000 0.01rem -0.02rem 0.01rem, #000 -0.01rem -0.02rem 0.01rem, #000 0.02rem 0.01rem 0.01rem, #000 -0.02rem 0.01rem 0.01rem, #000 0.02rem -0.01rem 0.01rem, #000 -0.02rem -0.01rem 0.01rem; }
  .modal_about.about01 {
    left: .6rem;
    width: 9.76rem;
    height: 5.95rem;
    background-image: url("/pc/img/about_bg01.png"); }
    .modal_about.about01 .txt {
      top: 2rem;
      left: .4rem;
      line-height: 2; }
  .modal_about.about02 {
    left: -.55rem;
    width: 9.8rem;
    height: 7.84rem;
    background-image: url("/pc/img/about_bg02.png"); }
    .modal_about.about02 .txt {
      top: 2rem;
      right: .6rem; }
  .modal_about.about03 {
    left: .6rem;
    width: 10.13rem;
    height: 8.63rem;
    background-image: url("/pc/img/about_bg03.png"); }
    .modal_about.about03 .txt {
      top: 2rem;
      left: .8rem; }
  .modal_about .txt {
    position: absolute; }

/*# sourceMappingURL=to.css.map */