.splide__container {
    box-sizing:border-box;
    position:relative
   }
   .splide__list {
    margin:0 !important;
    padding:0 !important
   }
   .splide__list {
    -webkit-backface-visibility:hidden;
    display:flex;
    height:100%;
    backface-visibility:hidden
   }
   .splide.is-initialized:not(.is-active) .splide__list {
    display:block
   }
   .splide__pagination {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    margin:0;
    pointer-events:none
   }
   .splide__pagination li {
    display:inline-block;
    margin:0;
    line-height:1;
    list-style-type:none;
    pointer-events:auto
   }
   .splide__progress__bar {
    width:0
   }
   .splide {
    visibility:hidden;
    position:relative
   }
   .splide.is-initialized,
   .splide.is-rendered {
    visibility:visible
   }
   .splide__slide {
    list-style-type:none !important
   }
   .splide__slide {
    -webkit-backface-visibility:hidden;
    box-sizing:border-box;
    position:relative;
    flex-shrink:0;
    margin:0;
    backface-visibility:hidden
   }
   .splide__slide img {
    vertical-align:bottom
   }
   .splide__spinner {
    -webkit-animation:splide-loading 1s linear infinite;
    contain:strict;
    display:inline-block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:20px;
    height:20px;
    margin:auto;
    border:2px solid #999;
    border-radius:50%;
    border-left-color:transparent;
    animation:splide-loading 1s linear infinite
   }
   .splide__sr {
    clip:rect(0 0 0 0);
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    border:0
   }
   .splide__toggle.is-active .splide__toggle__play,
   .splide__toggle__pause {
    display:none
   }
   .splide__toggle.is-active .splide__toggle__pause {
    display:inline
   }
   .splide__track {
    z-index:0;
    position:relative;
    overflow:hidden
   }
   @-webkit-keyframes splide-loading {
    0% {
     -webkit-transform:rotate(0);
     transform:rotate(0)
    }
    to {
     -webkit-transform:rotate(1turn);
     transform:rotate(1turn)
    }
   }
   @keyframes splide-loading {
    0% {
     -webkit-transform:rotate(0);
     transform:rotate(0)
    }
    to {
     -webkit-transform:rotate(1turn);
     transform:rotate(1turn)
    }
   }
   .splide__track--draggable {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    -moz-user-select:none;
    user-select:none
   }
   .splide__track--fade>.splide__list {
    display:block
   }
   .splide__track--fade>.splide__list>.splide__slide {
    z-index:0;
    position:absolute;
    top:0;
    left:0;
    opacity:0
   }
   .splide__track--fade>.splide__list>.splide__slide.is-active {
    z-index:1;
    position:relative;
    opacity:1
   }
   .splide--rtl {
    direction:rtl
   }
   .splide__track--ttb>.splide__list {
    display:block
   }
   .splide__arrow {
    -webkit-transform:translateY(-50%);
    display:flex;
    z-index:1;
    position:absolute;
    top:50%;
    align-items:center;
    justify-content:center;
    width:2em;
    height:2em;
    padding:0;
    transform:translateY(-50%);
    border:0;
    border-radius:50%;
    background:#ccc;
    cursor:pointer;
    opacity:.7
   }
   .splide__arrow svg {
    fill:#000;
    width:1.2em;
    height:1.2em
   }
   .splide__arrow:hover:not(:disabled) {
    opacity:.9
   }
   .splide__arrow:disabled {
    opacity:.3
   }
   .splide__arrow.focus-visible {
    outline:3px solid #0bf;
    outline-offset:3px
   }
   .splide__arrow:focus-visible {
    outline:3px solid #0bf;
    outline-offset:3px
   }
   .splide__arrow--prev {
    left:1em
   }
   .splide__arrow--prev svg {
    -webkit-transform:scaleX(-1);
    transform:scaleX(-1)
   }
   .splide__arrow--next {
    right:1em
   }
   .splide.is-focus-in .splide__arrow:focus {
    outline:3px solid #0bf;
    outline-offset:3px
   }
   .splide__pagination {
    z-index:1;
    position:absolute;
    right:0;
    bottom:.5em;
    left:0;
    padding:0 1em
   }
   .splide__pagination__page {
    display:inline-block;
    position:relative;
    width:8px;
    height:8px;
    margin:3px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#ccc;
    opacity:.7;
    transition:-webkit-transform .2s linear;
    transition:transform .2s linear;
    transition:transform .2s linear, -webkit-transform .2s linear
   }
   .splide__pagination__page.is-active {
    -webkit-transform:scale(1.4);
    z-index:1;
    transform:scale(1.4);
    background:#fff
   }
   .splide__pagination__page:hover {
    cursor:pointer;
    opacity:.9
   }
   .splide__pagination__page.focus-visible {
    outline:3px solid #0bf;
    outline-offset:3px
   }
   .splide__pagination__page:focus-visible {
    outline:3px solid #0bf;
    outline-offset:3px
   }
   .splide.is-focus-in .splide__pagination__page:focus {
    outline:3px solid #0bf;
    outline-offset:3px
   }
   .splide__progress__bar {
    height:3px;
    background:#ccc
   }
   .splide__slide {
    -webkit-tap-highlight-color:transparent
   }
   .splide__slide:focus {
    outline:0
   }
   @supports(outline-offset: -3px) {
    .splide__slide.focus-visible {
     outline:3px solid #0bf;
     outline-offset:-3px
    }
    .splide__slide:focus-visible {
     outline:3px solid #0bf;
     outline-offset:-3px
    }
   }
   @supports(outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
     outline:3px solid #0bf;
     outline-offset:-3px
    }
   }
   .splide__toggle {
    cursor:pointer
   }
   .splide__toggle.focus-visible {
    outline:3px solid #0bf;
    outline-offset:3px
   }
   .splide__toggle:focus-visible {
    outline:3px solid #0bf;
    outline-offset:3px
   }
   .splide.is-focus-in .splide__toggle:focus {
    outline:3px solid #0bf;
    outline-offset:3px
   }
   .splide__track--nav>.splide__list>.splide__slide {
    border:3px solid transparent;
    cursor:pointer
   }
   .splide__track--nav>.splide__list>.splide__slide.is-active {
    border:3px solid #000
   }
   .splide__arrows--rtl .splide__arrow--prev {
    right:1em;
    left:auto
   }
   .splide__arrows--rtl .splide__arrow--prev svg {
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
   }
   .splide__arrows--rtl .splide__arrow--next {
    right:auto;
    left:1em
   }
   .splide__arrows--rtl .splide__arrow--next svg {
    -webkit-transform:scaleX(-1);
    transform:scaleX(-1)
   }
   .splide__arrows--ttb .splide__arrow {
    -webkit-transform:translate(-50%);
    left:50%;
    transform:translate(-50%)
   }
   .splide__arrows--ttb .splide__arrow--prev {
    top:1em
   }
   .splide__arrows--ttb .splide__arrow--prev svg {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg)
   }
   .splide__arrows--ttb .splide__arrow--next {
    top:auto;
    bottom:1em
   }
   .splide__arrows--ttb .splide__arrow--next svg {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
   }
   .splide__pagination--ttb {
    display:flex;
    top:0;
    right:.5em;
    bottom:0;
    left:auto;
    flex-direction:column;
    padding:1em 0
   }
   /*!
    * Bootstrap Reboot v4.5.3 (https://getbootstrap.com/)
    * Copyright 2011-2020 The Bootstrap Authors
    * Copyright 2011-2020 Twitter, Inc.
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
    * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
    */*,
   *::before,
   *::after {
    box-sizing:border-box
   }
   html {
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    line-height:1.15;
    font-family:sans-serif
   }
   article,
   aside,
   figcaption,
   figure,
   footer,
   header,
   hgroup,
   main,
   nav,
   section {
    display:block
   }
   body {
    margin:0;
    background-color:#fff;
    color:#212529;
    font-weight:400;
    font-size:1rem;
    line-height:1.5;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    text-align:left
   }
   [tabindex="-1"]:focus:not(.focus-visible) {
    outline:0 !important
   }
   [tabindex="-1"]:focus:not(:focus-visible) {
    outline:0 !important
   }
   hr {
    box-sizing:content-box;
    height:0;
    overflow:visible
   }
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
    margin-top:0;
    margin-bottom:.5rem
   }
   p {
    margin-top:0;
    margin-bottom:1rem
   }
   abbr[title],
   abbr[data-original-title] {
    -webkit-text-decoration:underline dotted;
    -webkit-text-decoration-skip-ink:none;
    border-bottom:0;
    text-decoration:underline;
    text-decoration:underline dotted;
    text-decoration-skip-ink:none;
    cursor:help
   }
   address {
    margin-bottom:1rem;
    font-style:normal;
    line-height:inherit
   }
   ol,
   ul,
   dl {
    margin-top:0;
    margin-bottom:1rem
   }
   ol ol,
   ul ul,
   ol ul,
   ul ol {
    margin-bottom:0
   }
   dt {
    font-weight:700
   }
   dd {
    margin-bottom:.5rem;
    margin-left:0
   }
   blockquote {
    margin:0 0 1rem
   }
   b,
   strong {
    font-weight:bolder
   }
   small {
    font-size:80%
   }
   sub,
   sup {
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
   }
   sub {
    bottom:-0.25em
   }
   sup {
    top:-0.5em
   }
   a {
    background-color:rgba(0,0,0,0);
    color:#007bff;
    text-decoration:none
   }
   a:hover {
    color:#0056b3;
    text-decoration:underline
   }
   a:not([href]):not([class]) {
    color:inherit;
    text-decoration:none
   }
   a:not([href]):not([class]):hover {
    color:inherit;
    text-decoration:none
   }
   pre,
   code,
   kbd,
   samp {
    font-size:1em;
    font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
   }
   pre {
    -ms-overflow-style:scrollbar;
    margin-top:0;
    margin-bottom:1rem;
    overflow:auto
   }
   figure {
    margin:0 0 1rem
   }
   img {
    border-style:none;
    vertical-align:middle
   }
   svg {
    overflow:hidden;
    vertical-align:middle
   }
   table {
    border-collapse:collapse
   }
   caption {
    padding-top:.75rem;
    padding-bottom:.75rem;
    color:#6c757d;
    text-align:left;
    caption-side:bottom
   }
   th {
    text-align:inherit;
    text-align:-webkit-match-parent
   }
   label {
    display:inline-block;
    margin-bottom:.5rem
   }
   button {
    border-radius:0
   }
   button:focus {
    outline:1px dotted;
    outline:5px auto -webkit-focus-ring-color
   }
   input,
   button,
   select,
   optgroup,
   textarea {
    margin:0;
    font-size:inherit;
    line-height:inherit;
    font-family:inherit
   }
   button,
   input {
    overflow:visible
   }
   button,
   select {
    text-transform:none
   }
   [role=button] {
    cursor:pointer
   }
   select {
    word-wrap:normal
   }
   button,
   [type=button],
   [type=reset],
   [type=submit] {
    -webkit-appearance:button
   }
   button:not(:disabled),
   [type=button]:not(:disabled),
   [type=reset]:not(:disabled),
   [type=submit]:not(:disabled) {
    cursor:pointer
   }
   button::-moz-focus-inner,
   [type=button]::-moz-focus-inner,
   [type=reset]::-moz-focus-inner,
   [type=submit]::-moz-focus-inner {
    padding:0;
    border-style:none
   }
   input[type=radio],
   input[type=checkbox] {
    box-sizing:border-box;
    padding:0
   }
   textarea {
    overflow:auto;
    resize:vertical
   }
   fieldset {
    min-width:0;
    margin:0;
    padding:0;
    border:0
   }
   legend {
    display:block;
    width:100%;
    max-width:100%;
    margin-bottom:.5rem;
    padding:0;
    color:inherit;
    font-size:1.5rem;
    line-height:inherit;
    white-space:normal
   }
   progress {
    vertical-align:baseline
   }
   [type=number]::-webkit-inner-spin-button,
   [type=number]::-webkit-outer-spin-button {
    height:auto
   }
   [type=search] {
    -webkit-appearance:none;
    outline-offset:-2px
   }
   [type=search]::-webkit-search-decoration {
    -webkit-appearance:none
   }
   ::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit
   }
   output {
    display:inline-block
   }
   summary {
    display:list-item;
    cursor:pointer
   }
   template {
    display:none
   }
   [hidden] {
    display:none !important
   }
   body .success-color {
    background:#ff4222;
    color:#202124
   }
   body.light-theme {
    background-color:#fff;
    color:#202124
   }
   body.light-theme .base-color {
    background-color:#fff
   }
   body.light-theme .base-color2 {
    background-color:#eee
   }
   body.light-theme .primary-text {
    color:#202124
   }
   body.light-theme .secondary-text {
    color:#5f6368
   }
   body.light-theme .hr {
    background-color:#dadbe0
   }
   body.light-theme .yellow {
    background-color:#fbbc04
   }
   body.light-theme .red {
    background-color:#d93025
   }
   body.light-theme .blue {
    background-color:#1a73e8
   }
   body.light-theme .green {
    background-color:#188038
   }
   body.dark-theme {
    background-color:#202124;
    color:#e8eaed
   }
   body.dark-theme .base-color {
    background-color:#202124
   }
   body.dark-theme .base-color2 {
    background-color:#2a2b2e
   }
   body.dark-theme .primary-text {
    color:#e8eaed
   }
   body.dark-theme .secondary-text {
    color:#9aa0a6
   }
   body.dark-theme .hr {
    background-color:#5f6368
   }
   body.dark-theme .yellow {
    background-color:#fcc934
   }
   body.dark-theme .red {
    background-color:#f28b82
   }
   body.dark-theme .blue {
    background-color:#8ab4f8
   }
   body.dark-theme .green {
    background-color:#a8dab5
   }
   *,
   :after,
   :before {
    box-sizing:border-box
   }
   .show {
    display:block
   }
   .hide {
    display:none
   }
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
    margin:0;
    padding:0
   }
   img {
    width:100%;
    height:auto
   }
   html {
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
    height:100%;
    background:#202124;
    font-size:62.5%;
    font-family:Noto Sans JP,Segoe UI,SegoeUI,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif
   }
   body {
    background:none !important;
    background-color:none !important
   }
   body {
    position:relative;
    height:100%;
    margin:0;
    padding:0;
    color:#e8eaed;
    font-size:16px;
    font-size:1.6rem;
    transition:all .3s ease-in-out
   }
   body:before {
    display:block;
    z-index:-1;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url("../img/_bg/bg_1.png");
    background-size:100%;
    background-repeat:repeat;
    background-attachment:scroll;
    content:"";
    opacity:.3
   }
   body:after {
    display:block;
    z-index:-1;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect id="b" x="12" width="12" height="12" style="fill:%23000000; isolation:isolate; opacity:0.5;"/><rect id="c" y="12" width="12" height="12" style="fill:%23000000; isolation:isolate; opacity:0.5;"/></svg>');
    background-position:center;
    background-size:4px;
    background-repeat:repeat;
    background-color:rgba(32,125,118,.5);
    content:""
   }
   header {
    z-index:9999;
    position:fixed;
    top:0;
    width:100%;
    height:max(44px, min(11vw, 88px));
    pointer-events:none
   }
   header .header-inner {
    position:relative;
    width:100%;
    max-width:1280px;
    height:100%;
    margin:0 auto;
    padding:0 max(16px, min(4vw, 32px));
    pointer-events:none
   }
   header .header-inner h1,
   header .header-inner .h1 {
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    pointer-events:none
   }
   header .header-inner h1 a,
   header .header-inner .h1 a {
    display:block;
    width:max(90px, min(23vw, 180px));
    height:max(25px, min(6vw, 50px));
    background-image:url("../img/_common/logo-success-w.svg");
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    pointer-events:fill
   }
   header.UpMove {
    -webkit-animation:UpAnime .5s forwards;
    animation:UpAnime .5s forwards
   }
   @-webkit-keyframes UpAnime {
    from {
     -webkit-transform:translateY(0);
     transform:translateY(0);
     opacity:1
    }
    to {
     -webkit-transform:translateY(-100px);
     transform:translateY(-100px);
     opacity:0
    }
   }
   @keyframes UpAnime {
    from {
     -webkit-transform:translateY(0);
     transform:translateY(0);
     opacity:1
    }
    to {
     -webkit-transform:translateY(-100px);
     transform:translateY(-100px);
     opacity:0
    }
   }
   header.DownMove {
    -webkit-animation:DownAnime .5s forwards;
    animation:DownAnime .5s forwards
   }
   @-webkit-keyframes DownAnime {
    from {
     -webkit-transform:translateY(-100px);
     transform:translateY(-100px);
     opacity:0
    }
    to {
     -webkit-transform:translateY(0);
     transform:translateY(0);
     opacity:1
    }
   }
   @keyframes DownAnime {
    from {
     -webkit-transform:translateY(-100px);
     transform:translateY(-100px);
     opacity:0
    }
    to {
     -webkit-transform:translateY(0);
     transform:translateY(0);
     opacity:1
    }
   }
   footer {
    position:sticky;
    top:100vh;
    width:100%;
    height:max(32px, min(8vw, 64px))
   }
   footer .footer-inner {
    width:100%;
    max-width:1280px;
    height:100%;
    margin:0 auto;
    padding:0 max(16px, min(4vw, 32px))
   }
   noscript div#note {
    display:flex;
    z-index:2147483647;
    position:fixed;
    align-items:center;
    justify-content:center;
    width:100vw;
    height:100vh;
    padding:3.2rem;
    background:#fff;
    font-size:max(1rem, min(4vw, 1.6rem));
    line-height:32px
   }
   noscript div#note p {
    position:relative;
    height:32px;
    margin:0;
    padding-left:21px
   }
   noscript div#note p img {
    -webkit-transform:translate(0, -50%);
    position:absolute;
    top:50%;
    left:0;
    width:18px;
    height:16px;
    margin:0 .8rem 0 0;
    transform:translate(0, -50%);
    vertical-align:text-top
   }
   #loader {
    -webkit-transform:translate(-50%, -50%);
    display:block;
    z-index:10000000;
    position:fixed;
    top:50%;
    left:50%;
    width:100%;
    height:100%;
    transform:translate(-50%, -50%);
    background:rgba(0,0,0,.8);
    transition:all .3s ease-in
   }
   #loader .block {
    -webkit-transform:translate(-50%, -50%);
    display:flex;
    position:absolute;
    top:50%;
    left:50%;
    align-items:center;
    justify-content:center;
    width:200px;
    height:200px;
    transform:translate(-50%, -50%)
   }
   #loader .loading {
    display:flex;
    flex-wrap:wrap;
    width:45px
   }
   #loader .circle {
    -webkit-animation-name:loading;
    -webkit-animation-duration:1.5s;
    -webkit-animation-iteration-count:infinite;
    width:15px;
    height:15px;
    margin:auto;
    background-color:#50e7e7;
    animation-duration:1.5s;
    animation-iteration-count:infinite;
    animation-name:loading
   }
   #loader .circle:nth-child(1) {
    -webkit-animation-delay:.2s;
    animation-delay:.2s
   }
   #loader .circle:nth-child(2) {
    -webkit-animation-delay:.3s;
    animation-delay:.3s
   }
   #loader .circle:nth-child(3) {
    -webkit-animation-delay:.4s;
    animation-delay:.4s
   }
   #loader .circle:nth-child(4) {
    -webkit-animation-delay:.1s;
    animation-delay:.1s
   }
   #loader .circle:nth-child(5) {
    -webkit-animation-delay:.2s;
    animation-delay:.2s
   }
   #loader .circle:nth-child(6) {
    -webkit-animation-delay:.3s;
    animation-delay:.3s
   }
   #loader .circle:nth-child(7) {
    -webkit-animation-delay:0s;
    animation-delay:0s
   }
   #loader .circle:nth-child(8) {
    -webkit-animation-delay:.1s;
    animation-delay:.1s
   }
   #loader .circle:nth-child(9) {
    -webkit-animation-delay:.2s;
    animation-delay:.2s
   }
   @-webkit-keyframes loading {
    20% {
     -webkit-transform:scale(0.1);
     transform:scale(0.1)
    }
    40% {
     -webkit-transform:scale(1);
     transform:scale(1)
    }
   }
   @keyframes loading {
    20% {
     -webkit-transform:scale(0.1);
     transform:scale(0.1)
    }
    40% {
     -webkit-transform:scale(1);
     transform:scale(1)
    }
   }
   #loader.loaded {
    visibility:hidden;
    height:0;
    overflow:hidden;
    opacity:0
   }
   .copyright {
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%
   }
   .copyright .inner {
    font-size:max(1rem, min(4vw, 1.2rem));
    text-align:center
   }
   #page-top {
    display:block;
    z-index:1000;
    position:fixed;
    right:10px;
    bottom:10px;
    width:max(32px, min(8vw, 48px));
    height:max(32px, min(8vw, 48px));
    overflow:hidden;
    border-radius:calc(max(44px, min(11vw, 44px))/2);
    background-image:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.88 10.8"><path d="M1.66,10.8c-.43,0-.87-.17-1.19-.51-.64-.66-.62-1.71,.04-2.35L8.27,.46c.64-.62,1.66-.62,2.3,0l7.8,7.48c.66,.63,.68,1.69,.05,2.35-.64,.66-1.68,.68-2.35,.05L9.42,3.96,2.81,10.34c-.32,.31-.74,.46-1.15,.46Z" style="fill:%23ffffff;"/></svg>');
    background-position:50% 50%;
    background-size:max(10px, min(2vw, 20px));
    background-repeat:no-repeat;
    background-color:red;
    box-shadow:0 3px 8px rgba(0,0,0,.0252);
    cursor:pointer;
    opacity:0;
    transition:all .3s ease-in-out
   }
   .switchArea {
    -webkit-transform:translate(0, -50%);
    position:absolute;
    top:50%;
    right:max(16px, min(4vw, 32px));
    width:max(60px, min(15vw, 100px));
    height:max(32px, min(8vw, 44px));
    transform:translate(0, -50%);
    font-size:max(1rem, min(4vw, 1.6rem))
   }
   .switchArea input[type=checkbox] {
    display:none
   }
   .switchArea input[type=checkbox]:checked+label {
    border-color:#fcc934
   }
   .switchArea input[type=checkbox]:checked+label span:after {
    display:none
   }
   .switchArea input[type=checkbox]:checked+label~#swImg {
    left:calc(max(60px, min(15vw, 100px)) - max(12px, min(3vw, 18px)) - 4px);
    background:#fcc934
   }
   .switchArea label {
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    border:2px solid #fbbc04;
    border-radius:max(16px, min(4vw, 22px))
   }
   .switchArea label span:after {
    display:none
   }
   .switchArea label:hover {
    cursor:pointer
   }
   .switchArea #swImg {
    -webkit-transform:translate(-50%, -50%);
    z-index:-1;
    position:absolute;
    top:50%;
    left:calc(max(12px, min(3vw, 18px)) + 4px);
    width:max(24px, min(6vw, 36px));
    height:max(24px, min(6vw, 36px));
    transform:translate(-50%, -50%);
    border-radius:max(12px, min(3vw, 18px));
    background:#fbbc04;
    pointer-events:none;
    transition:all .3s ease-in-out
   }
   main {
    overflow:hidden
   }
   main .main-inner {
    width:100%
   }
   main .main-inner section {
    position:relative;
    max-width:1280px;
    margin:0 auto;
    padding:max(32px, min(8vw, 64px)) max(16px, min(4vw, 32px))
   }
   main .main-inner section .content {
    position:relative
   }
   main .main-inner section.hero {
    -webkit-filter:drop-shadow(0 max(8px, min(2vw, 16px)) max(8px, min(2vw, 16px)) rgba(0, 0, 0, 0.5));
    position:relative;
    width:100%;
    max-width:100%;
    padding:0;
    filter:drop-shadow(0 max(8px, min(2vw, 16px)) max(8px, min(2vw, 16px)) rgba(0, 0, 0, 0.5))
   }
   main .main-inner section.hero .content {
    height:100%;
    margin:0 auto;
    overflow:hidden
   }
   main .main-inner section.hero .content .character_wrap {
    z-index:1;
    position:relative;
    width:100%;
    max-width:1280px;
    min-height:max(200px, min(52vw, 400px));
    margin:0 auto
   }
   main .main-inner section.hero .content .character_wrap .chara {
    -webkit-transform:translate(-50%, 0);
    position:absolute;
    transform:translate(-50%, 0)
   }
   main .main-inner section.hero .content .character_wrap .chara.img_1 { /*イズミ*/
    z-index:1;
    top:-2%;
    left:18%;
    width:100%;
    min-width:128px;
    max-width:max(128px, min(84vw, 840px))/*834*/
   }
   main .main-inner section.hero .content .character_wrap .chara.img_2 {/*メルデ*/
    z-index:2;
    top:5%;
    left:34%;
    width:100%;
    min-width:116px;
    max-width:max(116px, min(78vw, 780px))/*834*/
   }
   main .main-inner section.hero .content .character_wrap .chara.img_3 {/*ワンニャン*/
    z-index:4;
    top:3%;
    left:50%;
    width:100%;
    min-width:116px;
    max-width:max(116px, min(78vw, 780px))/*834*/
   }
   main .main-inner section.hero .content .character_wrap .chara.img_4 {/*キリーク*/
    z-index:2;
    top:5%;
    left:68%;
    width:100%;
    min-width:116px;
   max-width:max(116px, min(78vw, 780px))/*834*/
   }
   main .main-inner section.hero .content .character_wrap .chara.img_5 {/*アルビル*/
    z-index:1;
    top:0%;
    left:82%;
    width:100%;
    min-width:120px;
    max-width:max(120px, min(80vw, 800px))/*834*/
   }
   main .main-inner section.hero .content .character_wrap .main_title {
    -webkit-transform:translate(-100%, -100%);
    -webkit-animation:textlight 5s infinite ease-in-out alternate;
    z-index:10;
    position:absolute;
    top:100%;
    left:calc(100% - max(16px, min(4vw, 32px)));
    width:max(160px, min(41vw, 353px));
    max-width:353px;
    transform:translate(-100%, -100%);
    animation:textlight 5s infinite ease-in-out alternate
   }
   main .main-inner section.hero .content .character_wrap .subtitle {
    -webkit-transform:translate(0, -100%);
    z-index:10;
    position:absolute;
    top:100%;
    left:max(16px, min(4vw, 32px));
    width:max(160px, min(41vw, 428px));
    max-width:428px;
    transform:translate(0, -100%)
   }
   main .main-inner section.hero .content .comment {
    z-index:1;
    position:relative;
    width:100%;
    background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 20%, rgb(32, 125, 118) 100%)
   }
   main .main-inner section.hero .content .comment:before {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url("../img/_ui/deco_05.png");
    background-position:right bottom;
    background-size:257px 164px;
    background-repeat:no-repeat;
    content:""
   }
   main .main-inner section.hero .content .comment h2.title {
    -webkit-transform:translate(-50%, 0);
    z-index:10;
    position:relative;
    left:50%;
    width:80%;
    max-width:1016px;
    transform:translate(-50%, 0)
   }
   main .main-inner section.hero .content .comment h2.title .title_logo {
    -webkit-filter:drop-shadow(0 0 max(0.3rem, min(1vw, 1rem)) #e2c33d);
    -webkit-animation:textlight 5s infinite ease-in-out alternate;
    max-width:1016px;
    animation:textlight 5s infinite ease-in-out alternate;
    filter:drop-shadow(0 0 max(0.3rem, min(1vw, 1rem)) #e2c33d)
   }
   @-webkit-keyframes textlight {
    0% {
     -webkit-filter:drop-shadow(0 0 max(0.3rem, min(1vw, 1rem)) #0f9496);
     filter:drop-shadow(0 0 max(0.3rem, min(1vw, 1rem)) #0f9496)
    }
    50% {
     -webkit-filter:drop-shadow(0 0 max(0.6rem, min(2vw, 2rem)) #e2c33d);
     filter:drop-shadow(0 0 max(0.6rem, min(2vw, 2rem)) #e2c33d)
    }
    100% {
     -webkit-filter:drop-shadow(0 0 max(0.3rem, min(1vw, 1rem)) #0f9496);
     filter:drop-shadow(0 0 max(0.3rem, min(1vw, 1rem)) #0f9496)
    }
   }
   @keyframes textlight {
    0% {
     -webkit-filter:drop-shadow(0 0 max(0.3rem, min(1vw, 1rem)) #0f9496);
     filter:drop-shadow(0 0 max(0.3rem, min(1vw, 1rem)) #0f9496)
    }
    50% {
     -webkit-filter:drop-shadow(0 0 max(0.6rem, min(2vw, 2rem)) #e2c33d);
     filter:drop-shadow(0 0 max(0.6rem, min(2vw, 2rem)) #e2c33d)
    }
    100% {
     -webkit-filter:drop-shadow(0 0 max(0.3rem, min(1vw, 1rem)) #0f9496);
     filter:drop-shadow(0 0 max(0.3rem, min(1vw, 1rem)) #0f9496)
    }
   }
   main .main-inner section.hero .content .comment .comment_wrap {
    width:100%;
    max-width:1280px;
    margin:0 auto;
    padding:max(16px, min(4vw, 32px))
   }
   main .main-inner section.hero .content .comment .comment_wrap .logo_2nd {
    z-index:0;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:.25
   }
   main .main-inner section.hero .content .comment .comment_wrap .logo_2nd img {
    -webkit-transform:translate(-50%, -50%);
    position:absolute;
    top:60%;
    left:50%;
    max-width:400px;
    transform:translate(-50%, -50%)
   }

   main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .event_title img {
    max-width:700px;
   }

   main .main-inner section.hero .content .comment .comment_wrap>.text {
    z-index:1;
    position:relative;
    width:100%;
    padding:max(16px, min(4vw, 32px));
    overflow:hidden;
    border-radius:4px;
    background-color:rgba(0,0,0,.2);
    text-align:justify;
    transition:all .3s ease-in-out
   }
   main .main-inner section.hero .content .comment .comment_wrap>.text p {
    margin:0;
    margin-bottom:max(1rem, min(4vw, 1.5rem));
    padding:0;
    line-height:1.5em;
    letter-spacing:.2rem
   }
   main .main-inner section.hero .content .comment .comment_wrap>.text p:last-child {
    text-align:right
   }
   main .main-inner section.hero .content .comment .comment_wrap>.text p span {
    color:#50e7e7;
    font-weight:bold
   }
   main .main-inner section.hero .content .deco {
    position:absolute;
    bottom:0;
    width:100%;
    height:80%;
    background-image:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect id="b" x="12" width="12" height="12" style="fill:%23000000; isolation:isolate; opacity:0.05;"/><rect id="c" y="12" width="12" height="12" style="fill:%23000000; isolation:isolate; opacity:0.05;"/></svg>');
    background-position:center;
    background-size:4px;
    background-repeat:repeat
   }
   main .main-inner section.hero:after {
    display:block;
    z-index:0;
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background-image:url("../img/_bg/bg_1.png");
    background-position:center;
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-attachment:fixed;
    content:""
   }
   main .main-inner section.btn {
    /*padding-bottom:0;*/
    padding-top:0;
   }
   main .main-inner section .btn_bg {
    -webkit-filter:drop-shadow(0 0 8px #50e7e7);
    background-image:url("../img/_ui/btn_A.png");
    background-position:center;
    background-size:100%;
    background-repeat:no-repeat;
    filter:drop-shadow(0 0 8px #50e7e7)
   }
   main .main-inner section .btn_A {
    display:flex;
    align-items:center;
    justify-content:center;
    width:max(120px, min(83vw, 640px));
    height:max(50px, min(13vw, 100px));
    margin:0 auto;
    font-weight:bold;
    font-size:max(1rem, min(4vw, 2.6rem));
    font-family:"Shippori Mincho B1",serif;
    letter-spacing:.05em;
    text-align:center;
    text-shadow:0 max(2px, min(0vw, 4px)) 2px rgba(0,0,0,.5);
    cursor:pointer;
    transition:all .3s ease-in-out
   }
   main .main-inner section .btn_A a {
    color:#fff;
    text-decoration:none
   }
   main .main-inner section.second {
    max-width:100%
   }
   main .main-inner section.second #chara_A {
    -webkit-transform:translate(-50%, 0);
    display:none;
    z-index:0;
    position:absolute;
    top:60px;
    left:80%;
    width:40%;
    min-width:221.7857142857px;
    transform:translate(-50%, 0);
    transition:all .3s ease-in-out
   }
   main .main-inner section.second #chara_B {
    -webkit-transform:translate(-50%, 0);
    display:none;
    z-index:0;
    position:absolute;
    top:400px;
    left:20%;
    width:20%;
    min-width:221.7857142857px;
    transform:translate(-50%, 0);
    transition:all .3s ease-in-out
   }
   main .main-inner section.second .content_wrap {
    z-index:5;
    position:relative;
    width:100%
   }
   main .main-inner section.second .content_wrap #item_A,
   main .main-inner section.second .content_wrap #item_B {
    height:0;
    opacity:0;
    transition:all .3s ease-in-out
   }
   main .main-inner section.second .content_wrap #item_A.view_on,
   main .main-inner section.second .content_wrap #item_B.view_on {
    height:100%;
    opacity:1
   }
   main .main-inner section.second .content_wrap h3.itemB {
    z-index:1;
    position:relative;
    padding:0 max(16px, min(4vw, 32px));
    border:double 4px #88f6f0;
    background:linear-gradient(to bottom, rgba(0, 1, 0, 0.8) 0%, rgba(51, 168, 161, 0.8) 100%);
    font-weight:bold;
    font-size:max(18px, min(4vw, 36px));
    line-height:1.75;
    font-family:"Shippori Mincho B1",serif;
    letter-spacing:max(0.1em, min(0vw, 0.2em));
    text-align:center;
    text-shadow:0 max(2px, min(0vw, 4px)) 2px rgba(0,0,0,.5)
   }
   main .main-inner section.second .content_wrap h3.itemB:before {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url("../img/_ui/deco_05.png");
    background-position:right bottom;
    background-size:214.1666666667px 136.6666666667px;
    background-repeat:no-repeat;
    content:""
   }
   main .main-inner section.second .content_wrap h3.itemB:after {
    -webkit-transform:rotate(180deg);
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transform:rotate(180deg);
    background-image:url("../img/_ui/deco_05.png");
    background-position:right bottom 20%;
    background-size:214.1666666667px 136.6666666667px;
    background-repeat:no-repeat;
    content:""
   }
   main .main-inner section.second .content_wrap h3.itemB .title {
    position:relative;
    max-width:1280px;
    margin:0 auto;
    padding:max(16px, min(4vw, 32px)) 0
   }
   main .main-inner section.second .content_wrap h3.itemB .title span {
    z-index:1;
    position:relative
   }
   main .main-inner section.second .content_wrap h3.itemB p {
    font-size:max(12px, min(3vw, 18px));
    letter-spacing:max(0.05em, min(0vw, 0.1em))
   }
   main .main-inner section.second .content_wrap .content_wrap_item {
    display:flex;
    position:relative;
    flex-direction:column;
    width:100%;
    max-width:1280px;
    margin:0 auto
   }
   main .main-inner section.second .content_wrap .content_wrap_item .item_wrap {
    z-index:1;
    position:relative
   }
   main .main-inner section.second .content_wrap .content_wrap_item .item_wrap h4 {
    padding:max(16px, min(4vw, 32px));
    font-weight:bold;
    font-size:max(16px, min(4vw, 36px));
    line-height:1.75;
    font-family:"Shippori Mincho B1",serif;
    letter-spacing:max(0.01em, min(0vw, 0.2em));
    text-align:justify;
    text-shadow:0 0 .05em #000,0 0 .1em #000,0 0 .15em #000,0 0 .3em #000
   }
   main .main-inner section.second .content_wrap .content_wrap_item .item_wrap h4 br.break {
    display:none
   }
   main .main-inner section.second .content_wrap .content_wrap_item .item_wrap h4 br.break_r {
    display:block
   }
   main .main-inner section.second .content_wrap .content_wrap_item .item_wrap h4 p {
    display:inline-block;
    background:linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 60%)
   }
   main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap,
   main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap2 {
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    align-items:center;
    width:100%;
    max-width:max(480px, min(125vw, 960px));
    padding:max(16px, min(4vw, 32px))
   }
   main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap .img_wrap_item,
   main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap2 .img_wrap_item {
    width:100%;
    max-width:384px
   }
   main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap img.arrow,
   main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap2 img.arrow {
    -webkit-transform:rotate(90deg);
    max-width:33.5px;
    max-height:60px;
    transform:rotate(90deg)
   }
   main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap2 {
    gap:max(32px, min(8vw, 64px))
   }
   main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap2 .img_wrap_item {
    position:relative;
    width:100%
   }
   main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap2 .img_wrap_item .department {
    -webkit-filter:hue-rotate(-120deg);
    position:absolute;
    top:-8px;
    right:-8px;
    width:246px;
    height:37px;
    background:url("../img/_ui/deco_02.png");
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    font-weight:bold;
    line-height:37px;
    font-family:"Shippori Mincho B1",serif;
    text-align:center;
    filter:hue-rotate(-120deg)
   }
   main .main-inner section.second .content_wrap .img_gallery {
    position:relative;
    padding:max(16px, min(4vw, 32px));
    text-align:center
   }
   main .main-inner section.second .content_wrap .img_gallery .game_img {
    width:100%;
    max-width:577px
   }
   main .main-inner section.second .content_wrap .img_gallery .text {
    z-index:1;
    width:max(320px, min(83vw, 717px));
    width:100%;
    height:max(44px, min(11vw, 64px));
    background:rgba(0,0,0,.7);
    font-weight:bold;
    font-size:max(16px, min(4vw, 24px));
    line-height:max(44px, min(11vw, 64px));
    font-family:"Shippori Mincho B1",serif;
    text-align:center;
    text-shadow:0 max(2px, min(0vw, 4px)) 2px rgba(0,0,0,.5)
   }
   main .main-inner section.second .content_wrap .caution,
   main .main-inner section.second .content_wrap .caution2,
   main .main-inner section.second .content_wrap .date {
    position:relative;
    max-width:960px;
    margin:max(16px, min(4vw, 34px)) auto;
    padding:max(6px, min(1vw, 12px)) max(16px, min(20vw, 8%));
    outline:solid 1px #88f6f0;
    outline-offset:-1px;
    background:rgba(0,0,0,.6);
    font-size:max(12px, min(3vw, 16px));
    font-family:"Shippori Mincho B1",serif;
    letter-spacing:max(0.05em, min(0vw, 0.1em));
    text-align:center
   } 
   main .main-inner section.second .content_wrap .date2 {
    position:relative;
    max-width:780px;
    margin:max(8px, min(4vw, 12px)) auto;
    padding:max(6px, min(1vw, 12px)) max(16px, min(4vw, 32px));
    outline:solid 1px #88f6f0;
    outline-offset:-1px;
    background:rgba(0,0,0,.6);
    font-size:max(12px, min(3vw, 16px));
    font-family:"Shippori Mincho B1",serif;
    letter-spacing:max(0.05em, min(0vw, 0.1em));
    text-align:left;   
   }
   main .main-inner section.second .content_wrap .caution:before,
   main .main-inner section.second .content_wrap .caution2:before,
   main .main-inner section.second .content_wrap .date:before {
    -webkit-transform:rotate(180deg);
    display:block;
    position:absolute;
    right:0;
    bottom:0;
    width:32px;
    height:100%;
    transform:rotate(180deg);
    background-image:url('data:image/svg+xml;charset=utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 44"><polygon points="0 0 0 24 4 20 4 4 20 4 24 0 0 0 0 0" style="fill:%2395d3d6;"/><polygon points="4 44 4 28 20 44 4 44" style="fill:%2395d3d6;"/></svg>');
    background-position:top left;
    background-size:contain;
    background-repeat:no-repeat;
    content:""
   }
   main .main-inner section.second .content_wrap .date2:before {
    -webkit-transform:rotate(180deg);
    display:block;
    position:absolute;
    right:0;
    bottom:0;
    width:32px;
    height:100%;
    transform:rotate(180deg);
    /*
    background-image:url('data:image/svg+xml;charset=utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 44"><polygon points="0 0 0 24 4 20 4 4 20 4 24 0 0 0 0 0" style="fill:%2395d3d6;"/><polygon points="4 44 4 28 20 44 4 44" style="fill:%2395d3d6;"/></svg>');
    */
    background-position:top left;
    background-size:contain;
    background-repeat:no-repeat;
    content:""
   }
   main .main-inner section.second .content_wrap .caution:after,
   main .main-inner section.second .content_wrap .caution2:after,
   main .main-inner section.second .content_wrap .date:after {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:32px;
    height:100%;
    background-image:url('data:image/svg+xml;charset=utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 44"><polygon points="0 0 0 24 4 20 4 4 20 4 24 0 0 0 0 0" style="fill:%2395d3d6;"/><polygon points="4 44 4 28 20 44 4 44" style="fill:%2395d3d6;"/></svg>');
    background-position:top left;
    background-size:contain;
    background-repeat:no-repeat;
    content:""
   }
   main .main-inner section.second .content_wrap .date2:after {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:32px;
    height:100%;
    /*
    background-image:url('data:image/svg+xml;charset=utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 44"><polygon points="0 0 0 24 4 20 4 4 20 4 24 0 0 0 0 0" style="fill:%2395d3d6;"/><polygon points="4 44 4 28 20 44 4 44" style="fill:%2395d3d6;"/></svg>');
    */
    background-position:top left;
    background-size:contain;
    background-repeat:no-repeat;
    content:""
   }
   main .main-inner section.second .content_wrap .caution2:before,
   main .main-inner section.second .content_wrap .caution2:after {
    display:none
   }
   main .main-inner section.second .content_wrap .date {
    font-size:max(12px, min(3vw, 24px))
   }
   main .main-inner section.second .content_wrap .date2 {
    font-size:max(12px, min(3vw, 20px))
   }
   main .main-inner section.second .content_wrap #item_B .content_wrap_item {
    padding:max(16px, min(4vw, 32px)) 0
   }
   main .main-inner section.second .content_wrap #item_B .content_wrap_item .item_wrap {
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    align-items:center;
    width:100%;
    margin-left:auto;
    padding:max(16px, min(4vw, 32px))
   }
   main .main-inner section.second .content_wrap #item_B .content_wrap_item .item_wrap ul.img_wrap_B {
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    align-items:center;
    width:100%;
    max-width:max(480px, min(125vw, 800px));
    margin:0 auto;
    padding:max(44px, min(11vw, 84px)) max(16px, min(4vw, 32px));
    gap:max(44px, min(11vw, 84px));
    list-style:none;
    text-shadow:0 max(2px, min(0vw, 4px)) 2px rgba(0,0,0,.5)
   }
   main .main-inner section.second .content_wrap #item_B .content_wrap_item .item_wrap ul.img_wrap_B li {
    -webkit-transform:translateZ(0);
    -webkit-filter:drop-shadow(max(8px, min(2vw, 16px)) max(8px, min(2vw, 16px)) 0 rgba(0, 0, 0, 0.5));
    z-index:0;
    position:relative;
    width:100%;
    padding:max(16px, min(4vw, 32px));
    transform:translateZ(0);
    outline:solid 2px #88f6f0;
    outline-offset:-2px;
    background:linear-gradient(to bottom, rgba(0, 1, 0, 0.8) 0%, rgba(51, 168, 161, 0.8) 100%);
    font-weight:bold;
    font-size:max(14px, min(3vw, 21px));
    font-family:"Shippori Mincho B1",serif;
    letter-spacing:max(0.05em, min(0vw, 0.1em));
    filter:drop-shadow(max(8px, min(2vw, 16px)) max(8px, min(2vw, 16px)) 0 rgba(0, 0, 0, 0.5))
   }
   main .main-inner section.second .content_wrap #item_B .content_wrap_item .item_wrap ul.img_wrap_B li:before {
    -webkit-transform:rotate(180deg);
    display:block;
    z-index:0;
    position:absolute;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    transform:rotate(180deg);
    background-image:url('data:image/svg+xml;charset=utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 44"><polygon points="0 0 0 24 4 20 4 4 20 4 24 0 0 0 0 0" style="fill:%2395d3d6;"/><polygon points="4 44 4 28 20 44 4 44" style="fill:%2395d3d6;"/></svg>');
    background-position:top left;
    background-size:auto;
    background-repeat:no-repeat;
    content:"";
    opacity:.4
   }
   main .main-inner section.second .content_wrap #item_B .content_wrap_item .item_wrap ul.img_wrap_B li:after {
    display:block;
    z-index:0;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url('data:image/svg+xml;charset=utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 44"><polygon points="0 0 0 24 4 20 4 4 20 4 24 0 0 0 0 0" style="fill:%2395d3d6;"/><polygon points="4 44 4 28 20 44 4 44" style="fill:%2395d3d6;"/></svg>');
    background-position:top left;
    background-size:auto;
    background-repeat:no-repeat;
    content:"";
    opacity:.4
   }
   main .main-inner section.second .content_wrap #item_B .content_wrap_item .item_wrap ul.img_wrap_B li .catch {
    -webkit-transform:translate(0, -65%);
    -webkit-filter:hue-rotate(-120deg);
    z-index:1;
    position:absolute;
    top:0;
    left:calc(-1*max(16px, min(4vw, 32px)));
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    padding:max(4px, min(1vw, 8px)) max(16px, min(4vw, 32px));
    transform:translate(0, -65%);
    background:url("../img/_ui/deco_03.png");
    background-position:top center;
    background-size:100% 100%;
    background-repeat:no-repeat;
    font-size:max(14px, min(3vw, 19px));
    filter:hue-rotate(-120deg)
   }
   main .main-inner section.second .content_wrap #item_B .content_wrap_item .item_wrap ul.img_wrap_B li .title {
    -webkit-transform:translate(0, max(4px, min(1vw, 8px)));
    z-index:2;
    position:relative;
    padding-right:max(24px, min(6vw, 32px));
    transform:translate(0, max(4px, min(1vw, 8px)));
    text-align:justify
   }
   main .main-inner section.second .content_wrap #item_B .content_wrap_item .item_wrap ul.img_wrap_B li .card {
    -webkit-transform:translate(30%, -50%);
    -webkit-filter:drop-shadow(0 0 max(0.3rem, min(1vw, 1rem)) #e2c33d);
    -webkit-animation:textlight 5s infinite ease-in-out alternate;
    position:absolute;
    top:75%;
    right:0;
    width:20%;
    max-width:110px;
    transform:translate(30%, -50%);
    animation:textlight 5s infinite ease-in-out alternate;
    filter:drop-shadow(0 0 max(0.3rem, min(1vw, 1rem)) #e2c33d)
   }  
   main .main-inner section.second .content_wrap #item_B .content_wrap_item .item_wrap ul.img_wrap_B li .card2 {
    -webkit-transform:translate(30%, -50%);
    -webkit-filter:drop-shadow(0 0 max(0.3rem, min(1vw, 1rem)) #e2c33d);
    -webkit-animation:textlight 5s infinite ease-in-out alternate;
    position:absolute;
    top:70%;
    right:0;
    width:20%;
    max-width:110px;
    transform:translate(30%, -50%);
    animation:textlight 5s infinite ease-in-out alternate;
    filter:drop-shadow(0 0 max(0.3rem, min(1vw, 1rem)) #e2c33d)
   }
   @keyframes textlight {
    0% {
     -webkit-filter:drop-shadow(0 0 max(0.3rem, min(1vw, 1rem)) #0f9496);
     filter:drop-shadow(0 0 max(0.3rem, min(1vw, 1rem)) #0f9496)
    }
    50% {
     -webkit-filter:drop-shadow(0 0 max(0.6rem, min(2vw, 2rem)) #e2c33d);
     filter:drop-shadow(0 0 max(0.6rem, min(2vw, 2rem)) #e2c33d)
    }
    100% {
     -webkit-filter:drop-shadow(0 0 max(0.3rem, min(1vw, 1rem)) #0f9496);
     filter:drop-shadow(0 0 max(0.3rem, min(1vw, 1rem)) #0f9496)
    }
   }
   .animate {
    -webkit-animation-name:scaleanime;
    -webkit-animation-duration:.3s;
    -webkit-animation-timing-function:ease-in-out;
    animation-duration:.3s;
    animation-timing-function:ease-in-out;
    animation-name:scaleanime
   }
   @-webkit-keyframes scaleanime {
    0% {
     -webkit-transform:scale(1);
     transform:scale(1)
    }
    50% {
     -webkit-transform:scale(0.97);
     transform:scale(0.97)
    }
    100% {
     -webkit-transform:scale(1);
     transform:scale(1)
    }
   }
   @keyframes scaleanime {
    0% {
     -webkit-transform:scale(1);
     transform:scale(1)
    }
    50% {
     -webkit-transform:scale(0.97);
     transform:scale(0.97)
    }
    100% {
     -webkit-transform:scale(1);
     transform:scale(1)
    }
   }
   .animate2 {
    -webkit-animation-name:fadein;
    -webkit-animation-duration:.3s;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-fill-mode:forwards;
    animation-duration:.3s;
    animation-timing-function:ease-in-out;
    animation-fill-mode:forwards;
    animation-name:fadein;
    opacity:0
   }
   @-webkit-keyframes fadein {
    0% {
     opacity:0
    }
    100% {
     opacity:1
    }
   }
   @keyframes fadein {
    0% {
     opacity:0
    }
    100% {
     opacity:1
    }
   }
   .game_img {
    -webkit-transform:translateZ(0);
    -webkit-filter:drop-shadow(max(8px, min(2vw, 16px)) max(8px, min(2vw, 16px)) 0 rgba(0, 0, 0, 0.5));
    transform:translateZ(0);
    outline:solid 2px #88f6f0;
    outline-offset:-2px;
    filter:drop-shadow(max(8px, min(2vw, 16px)) max(8px, min(2vw, 16px)) 0 rgba(0, 0, 0, 0.5))
   }
   @media screen and (min-width: 768px) {
    body:before {
     background:url("../img/_bg/bg_2.png");
     background-position:top;
     background-size:cover;
     background-repeat:no-repeat;
     background-attachment:fixed;
     opacity:1
    }
    header .header-inner h1,
    header .header-inner .h1 {
     justify-content:start
    }
    main .main-inner section.hero {
     overflow:hidden
    }
    main .main-inner section.hero .content {
     max-height:1000px
    }
    main .main-inner section.hero .content .character_wrap {
     min-height:max(400px, min(104vw, 960px))
    }
    main .main-inner section.hero .content .character_wrap .main_title {
     top:48%
    }
    main .main-inner section.hero .content .character_wrap .subtitle {
     top:46%
    }
    main .main-inner section.hero .content .comment {
     -webkit-transform:translate(-50%, 0);
     position:absolute;
     bottom:0;
     left:50%;
     transform:translate(-50%, 0)
    }
    main .main-inner section .btn_bg {
     -webkit-filter:none;
     filter:none
    }
    main .main-inner section .btn_bg:hover {
     -webkit-filter:drop-shadow(0 0 8px #50e7e7);
     background-size:100%;
     filter:drop-shadow(0 0 8px #50e7e7)
    }
    main .main-inner section .btn_A:hover {
     letter-spacing:.2em
    }
    main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap,
    main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap2 {
     flex-direction:row;
     justify-content:space-between;
     padding:max(16px, min(4vw, 32px))
    }
    main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap .img_wrap_item,
    main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap2 .img_wrap_item {
     width:45%
    }
    main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap img.arrow,
    main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap2 img.arrow {
     -webkit-transform:rotate(0);
     width:8%;
     max-width:67px;
     max-height:120px;
     margin:0 1%;
     transform:rotate(0)
    }
    main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap2 {
     align-items:flex-start
    }
    main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap2 .img_wrap_item {
     width:43%
    }
    main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap2 .img_wrap_item:nth-child(2) {
     padding-top:calc(108px + max(16px, min(4vw, 32px)))
    }
    main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap2 .img_wrap_item:nth-child(2) .department {
     top:calc(100px + max(16px, min(4vw, 32px)))
    }
    main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap2 .img_wrap_item:nth-child(3),
    main .main-inner section.second .content_wrap .content_wrap_item .item_wrap .img_wrap2 .img_wrap_item:nth-child(5) {
     margin-top:calc(-108px - max(16px, min(4vw, 32px)))
    }
   }
   @media screen and (min-width: 1024px) {
    main .main-inner section.hero .content .comment .comment_wrap {
     display:flex;
     flex-direction:row;
     align-items:center
    }
    main .main-inner section.hero .content .comment .comment_wrap .logo_2nd {
     position:relative;
     width:30%;
     margin:0;
     opacity:1
    }
    main .main-inner section.hero .content .comment .comment_wrap>.text {
     width:70%
    }
    main .main-inner section.second #chara_A {
     -webkit-filter:drop-shadow(max(8px, min(2vw, 16px)) max(8px, min(2vw, 16px)) 0 rgba(136, 246, 240, 0.75));
     display:block;
     filter:drop-shadow(max(8px, min(2vw, 16px)) max(8px, min(2vw, 16px)) 0 rgba(136, 246, 240, 0.75))
    }
    main .main-inner section.second .content_wrap h3.itemB .title:before {
     -webkit-transform:translate(-50%, -50%);
     display:block;
     position:absolute;
     top:50%;
     left:5%;
     width:calc(max(47.5px, min(12vw, 95px))*.8);
     height:calc(max(54.5px, min(14vw, 109px))*.8);
     transform:translate(-50%, -50%);
     background-image:url("../img/_ui/deco_04.png");
     background-position:center;
     background-size:100%;
     background-repeat:no-repeat;
     content:"";
     opacity:.8
    }
    main .main-inner section.second .content_wrap h3.itemB .title:after {
     -webkit-transform:translate(-50%, -50%) rotate(180deg);
     display:block;
     position:absolute;
     top:50%;
     left:95%;
     width:calc(max(47.5px, min(12vw, 95px))*.8);
     height:calc(max(54.5px, min(14vw, 109px))*.8);
     transform:translate(-50%, -50%) rotate(180deg);
     background-image:url("../img/_ui/deco_04.png");
     background-position:center;
     background-size:100%;
     background-repeat:no-repeat;
     content:"";
     opacity:.8
    }
    main .main-inner section.second .content_wrap .content_wrap_item .item_wrap h4 br.break {
     display:block
    }
    main .main-inner section.second .content_wrap .content_wrap_item .item_wrap h4 br.break_r {
     display:none
    }
    main .main-inner section.second .content_wrap .img_gallery {
     margin-top:-100px;
     text-align:right
    }
    main .main-inner section.second .content_wrap .img_gallery .game_img {
     width:40%
    }
    main .main-inner section.second .content_wrap .img_gallery .text {
     -webkit-transform:translate(0, -50%);
     position:absolute;
     top:70%;
     left:max(16px, min(4vw, 32px));
     width:60%;
     max-width:717px;
     transform:translate(0, -50%);
     background:url("../img/_ui/deco_03.png");
     background-position:top center;
     background-size:100% 100%;
     background-repeat:no-repeat
    }
   }
   @media screen and (min-width: 1440px) {
    main .main-inner section.second #chara_B {
     -webkit-filter:drop-shadow(max(8px, min(2vw, 16px)) max(8px, min(2vw, 16px)) 0 rgba(136, 246, 240, 0.75));
     display:block;
     filter:drop-shadow(max(8px, min(2vw, 16px)) max(8px, min(2vw, 16px)) 0 rgba(136, 246, 240, 0.75))
    }
    main .main-inner section.second .content_wrap .content_wrap_item .item_wrap h4 {
     text-align:center
    }
    main .main-inner section.second .content_wrap #item_B .content_wrap_item .item_wrap ul.img_wrap_B {
     margin:0 0 0 auto
    }
   }
   @media screen and (-ms-high-contrast: none) {
    .splide__slide.focus-visible {
     border:3px solid #0bf
    }
    .splide__slide:focus-visible {
     border:3px solid #0bf
    }
    .splide.is-focus-in .splide__slide:focus {
     border:3px solid #0bf
    }
    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
     border-color:#0bf
    }
   }