@charset "UTF-8";
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline
}

html {
  line-height: 1
}

ol, ul {
  list-style: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

caption, td, th {
  text-align: left;
  font-weight: 400;
  vertical-align: middle
}

blockquote, q {
  quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none
}

a img {
  border: none
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block
}

body {
  font-family: YakuHanJP, IBM Plex Sans JP, Helvetica Neue, Helvetica, Arial, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif;
  color: #fff
}

#container, body {
  position: relative
}

#container {
  z-index: 100;
  overflow: hidden
}

section {
  position: relative
}

canvas {
  pointer-events: none
}

.wrapper {
  width: 1024px;
  position: relative;
  margin: 0 auto
}

.disp-none {
  display: none
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden
}

main {
  display: block
}

a {
  cursor: pointer;
  outline: none
}

.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden
}

img {
  -o-object-fit: contain;
  object-fit: contain
}

.v-pc {
  display: block
}

.v-sp {
  display: none
}

header.main-header {
  background: -webkit-gradient(linear, left top, right top, from(#3c3cff), to(#23af7d));
  background: linear-gradient(90deg, #3c3cff, #23af7d);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  z-index: 101;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: .2s;
  transition: .2s
}

header.main-header.show {
  -webkit-transform: translate(0);
  transform: translate(0)
}

header.main-header .header-applinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

header.main-header .header-applinks li {
  line-height: 0
}

header.main-header .header-applinks li a {
  display: block
}

header.main-header .header-applinks li a:hover {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(.7);
  filter: brightness(.7);
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

header.main-header .header-applinks li.appstore {
  margin-right: 30px
}

header.main-header .header-logo, header.main-header .sp-menu-btn {
  display: none
}

header.main-header .nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

header.main-header .nav-list li {
  margin-left: 35px
}

header.main-header .nav-list li:first-child {
  margin-left: 0
}

header.main-header .nav-list li a {
  font-weight: 700;
  color: #fff;
  font-size: 18px
}

footer {
  position: relative
}

@-webkit-keyframes a {
  0% {
    background-position: left 0 top
  }
  to {
    background-position: left -1469px top
  }
}

@keyframes a {
  0% {
    background-position: left 0 top
  }
  to {
    background-position: left -1469px top
  }
}

@-webkit-keyframes b {
  0% {
    background-position: left 0 top
  }
  to {
    background-position: left 1469px top
  }
}

@keyframes b {
  0% {
    background-position: left 0 top
  }
  to {
    background-position: left 1469px top
  }
}

@-webkit-keyframes c {
  0% {
    background-position: left 0 top
  }
  to {
    background-position: left -1154px top
  }
}

@keyframes c {
  0% {
    background-position: left 0 top
  }
  to {
    background-position: left -1154px top
  }
}

@-webkit-keyframes d {
  0% {
    background-position: left 0 top
  }
  to {
    background-position: left 1154px top
  }
}

@keyframes d {
  0% {
    background-position: left 0 top
  }
  to {
    background-position: left 1154px top
  }
}

@-webkit-keyframes e {
  0% {
    left: 100%
  }
  80%, to {
    left: -100%
  }
}

@keyframes e {
  0% {
    left: 100%
  }
  80%, to {
    left: -100%
  }
}

@-webkit-keyframes f {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  40% {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%)
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes f {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  40% {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%)
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes g {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  40% {
    -webkit-transform: translateX(10%);
    transform: translateX(10%)
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes g {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  40% {
    -webkit-transform: translateX(10%);
    transform: translateX(10%)
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.md-layout {
  margin: 0
}

.md-ttl__section.is__scrolled .icon svg {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.md-ttl__section.is__scrolled .ttl {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.md-ttl__section[data-type=about] .ttl, .md-ttl__section[data-type=support] .ttl {
  color: #ffa000
}

.md-ttl__section[data-type=user] .ttl {
  color: #3c3cff
}

.md-ttl__section[data-type=twitter] .ttl {
  color: #1da1f2
}

.md-ttl__section .icon, .md-ttl__section .ttl {
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  line-height: 1
}

.md-ttl__section .icon {
  overflow: hidden
}

.md-ttl__section .icon svg {
  display: block;
  -webkit-transform: translateY(110%);
  transform: translateY(110%)
}

.md-ttl__section .icon svg, .md-ttl__section .ttl {
  -webkit-transition-duration: .5s;
  transition-duration: .5s
}

.md-ttl__section .ttl {
  letter-spacing: .12em;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(.12em);
  transform: translateX(.12em);
  font-family: Lato, sans-serif;
  font-weight: 900
}

.md-ttl__large {
  font-weight: 900;
  color: #000;
  text-align: center;
  font-family: Noto Sans JP, sans-serif
}

.md-ttl__large[data-color=blue] {
  color: #3c3cff
}

.md-ttl__large em[data-color=red] {
  color: #ff3c3c
}

.md-btn__links {
  margin: 0;
  padding: 0;
  border-style: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  background: #222;
  color: #fff;
  font-family: Helvetica Neue, YakuHanJP, Noto Sans JP, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  cursor: pointer
}

.md-btn__links[data-color=red] {
  background: #ff3c3c
}

.md-btn__links:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid #fff;
  border-radius: 4px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2
}

.md-btn__links:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: .1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  z-index: 1;
  -webkit-animation: e 4s infinite linear;
  animation: e 4s infinite linear;
  -webkit-transition-duration: .5s;
  transition-duration: .5s
}

.md-btn__links span {
  padding-right: .4em;
  letter-spacing: .1em;
  display: block;
  font-weight: 900
}

.md-btn__links .icon {
  position: absolute;
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.md-btn__links .icon svg {
  vertical-align: bottom
}

.md-links, .md-list, .md-table {
  margin: 0
}

.l-loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #fff
}

.l-loader.is__start .l-loader__inner .loading--bar:before {
  width: 70%
}

.l-loader.is__end .l-loader__inner .loading--bar:before {
  width: 100%;
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.l-loader__inner {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%
}

.l-loader__inner .bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #fff
}

.l-loader__inner .loading {
  position: relative;
  z-index: 2
}

.l-loader__inner .loading--logo, .l-loader__inner .loading--txt {
  margin-left: auto;
  margin-right: auto
}

.l-loader__inner .loading--logo img, .l-loader__inner .loading--txt img {
  width: 100%;
  vertical-align: bottom
}

.l-loader__inner .loading--bar {
  position: relative;
  width: 100%;
  background: #222
}

.l-loader__inner .loading--bar:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  -webkit-transition-duration: 7s;
  transition-duration: 7s;
  -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
  transition-timing-function: cubic-bezier(.77, 0, .175, 1);
  z-index: 2;
  background: linear-gradient(45deg, #ff3c3c, #ffa000)
}

a {
  color: #d8d8d8;
  outline: none !important;
  text-decoration: none
}

html {
  font-size: 62.5%
}

body {
  font-family: Helvetica Neue, YakuHanJP, Noto Sans JP, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: 400;
  background: #fff;
  color: #222;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-weight: 500
}

body[data-navopen=true] {
  height: 100%;
  min-height: 100%;
  pointer-events: none;
  overflow: hidden
}

::-moz-selection {
  background: #3c3cff;
  color: #fff
}

::selection {
  background: #3c3cff;
  color: #fff
}

img {
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast
}

svg {
  width: 100% !important;
  height: auto !important
}

.l-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1
}

.l-bg.is__loaded .l-bg__inner:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1);
  transform: scale(1)
}

.l-bg.is__loaded .l-bg__inner:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(1.5);
  transform: scale(1.5)
}

.l-bg__inner {
  position: relative;
  width: 100%;
  height: 100%
}

.l-bg__inner:after, .l-bg__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s
}

.l-bg__inner:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  z-index: 1
}

.l-bg__inner:after, .l-bg__inner:before {
  -webkit-transition-duration: 2s;
  transition-duration: 2s
}

.l-bg__inner:after {
  background: #fff;
  z-index: 2
}

.l-header {
  position: relative;
  z-index: 3
}

.l-header:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #ff3c3c), to(#ffa000));
  background: linear-gradient(90deg, #ff3c3c, #ffa000)
}

.l-header .logo picture {
  display: block
}

.l-header .logo picture img {
  vertical-align: bottom
}

.l-footer {
  background: #fff;
  z-index: 2
}

.l-footer, .l-footer__inner .footcont {
  position: relative
}

.l-footer__inner .footcont:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #3c3cff), to(#23af7c));
  background: linear-gradient(90deg, #3c3cff, #23af7c)
}

.l-footer__inner .footcont--applink__logo--icon {
  margin-left: auto;
  margin-right: auto
}

.l-footer__inner .footcont--applink__logo--icon picture {
  display: block
}

.l-footer__inner .footcont--applink__logo--icon picture img {
  width: 100%;
  vertical-align: bottom;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="6" /><feOffset dx="1" dy="4" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,.16)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16));
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16))
}

.l-footer__inner .footcont--applink__logo--typo {
  margin-left: auto;
  margin-right: auto
}

.l-footer__inner .footcont--applink__logo--typo img {
  width: 100%;
  vertical-align: bottom
}

.l-footer__inner .footcont--twitter__timeline {
  margin-left: auto;
  margin-right: auto
}

.l-footer__inner .footcont--twitter__timeline iframe {
  width: 100% !important;
  height: 100% !important;
  vertical-align: bottom
}

.l-footer__inner .footcont--twitter__link button {
  margin: 0 auto;
  padding: 0;
  display: block;
  border-style: none;
  background: #1da1f2;
  color: #fff;
  border-radius: 3px;
  font-family: Lato, sans-serif;
  font-weight: 900
}

.l-footer__inner .footcont--twitter__link button a {
  color: #fff;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center
}

.l-footer__inner .footcont--twitter__link button a .arrow, .l-footer__inner .footcont--twitter__link button a span {
  display: block
}

.l-footer__inner .footcont--twitter__link button a .arrow svg {
  vertical-align: bottom
}

.l-footer__inner .footcont--last {
  position: relative
}

.l-footer__inner .footcont--last--pagetop {
  position: absolute;
  margin: 0;
  padding: 0;
  background: none;
  border-style: none;
  display: block;
  line-height: 1;
  color: #000;
  border-left: 1px solid #000;
  cursor: pointer
}

.l-footer__inner .footcont--last--pagetop span {
  display: block;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: .15em;
  font-family: Lato, sans-serif;
  font-weight: 700
}

.l-footer__inner .footcont--last__links--sublinks .footlinks ul li a {
  color: #000;
  font-weight: 700
}

.l-footer__inner .footcont--last__copyright {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.l-footer__inner .footcont--last__copyright--logo, .l-footer__inner .footcont--last__copyright--txt {
  display: block;
  line-height: 1
}

.l-footer__inner .footcont--last__copyright--logo a {
  display: block
}

.l-footer__inner .footcont--last__copyright--logo a img {
  width: 100%;
  vertical-align: bottom
}

.l-footer__inner .footcont--last__copyright--txt {
  font-family: Lato, sans-serif;
  font-weight: 700
}

.l-applinks {
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between
}

.l-applinks > li {
  line-height: 1;
  overflow: hidden;
  position: relative
}

.l-applinks > li[data-status=disable]:after {
  position: absolute;
  content: "COMING SOON";
  left: 0;
  top: 50%;
  width: 100%;
  color: #fff;
  line-height: 1;
  display: block;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
  font-family: Lato, sans-serif;
  font-weight: 900
}

.l-applinks > li[data-status=disable] a picture img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.2" /><feFuncG type="linear" slope="0.2" /><feFuncB type="linear" slope="0.2" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(.2);
  filter: brightness(.2)
}

.l-applinks > li a {
  display: block;
  position: relative;
  z-index: 1
}

.l-applinks > li a picture {
  display: block
}

.l-applinks > li a picture img {
  width: 100%;
  vertical-align: bottom
}

.l-share__links, .l-share__ttl {
  display: block
}

.l-share__ttl {
  letter-spacing: .2em;
  font-family: Lato, sans-serif;
  font-weight: 700
}

.l-share__links {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center
}

.l-share__links > li a {
  display: block
}

.l-share__links > li a img {
  vertical-align: bottom
}

#Wrap {
  overflow: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

#Wrap #Main {
  position: relative;
  z-index: 2
}

.common-settings {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition-duration: .8s;
  transition-duration: .8s
}

.common-settings.is__scrolled {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.l-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  overflow: auto;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none
}

.l-modal[data-status=show] {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  pointer-events: auto
}

.l-modal[data-status=show] .l-modal__inner .js--closemodal {
  cursor: pointer;
  pointer-events: auto
}

.l-modal[data-status=show] .l-modal__inner .cont--inner .lineup, .l-modal[data-status=show] .l-modal__inner .cont--inner .tadoku {
  pointer-events: auto
}

.l-modal__inner {
  position: relative;
  width: 100%;
  height: 100%
}

.l-modal__inner .bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .9);
  z-index: 1
}

.l-modal__inner button {
  padding: 0;
  display: block;
  background: none;
  border-style: none;
  cursor: pointer
}

.l-modal__inner button svg {
  vertical-align: bottom
}

.l-modal__inner .cont {
  position: relative;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  pointer-events: none;
  z-index: 2
}

.l-modal__inner .cont--inner {
  width: 100%
}

.l-modal__inner .cont--inner .footclosebtn {
  margin: 0 auto
}

.l-modal#js-aboutmodal .cont {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center
}

.l-modal#js-aboutmodal .cont--inner .tadoku {
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  overflow: hidden;
  border-radius: 10px
}

.l-modal#js-aboutmodal .cont--inner .tadoku:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  z-index: 1
}

.l-modal#js-aboutmodal .cont--inner .tadoku--header {
  text-align: center;
  position: relative;
  line-height: 1;
  z-index: 2
}

.l-modal#js-aboutmodal .cont--inner .tadoku--header:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  background: #ffa000;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.l-modal#js-aboutmodal .cont--inner .tadoku--header em {
  font-weight: 900;
  font-family: Noto Sans JP, sans-serif
}

.l-modal#js-aboutmodal .cont--inner .tadoku--main {
  position: relative;
  z-index: 2
}

.l-modal#js-aboutmodal .cont--inner .tadoku--main__desc p {
  letter-spacing: .08em;
  text-align: justify;
  line-height: 1.95
}

.l-modal#js-aboutmodal .cont--inner .tadoku--main__desc p strong {
  font-weight: 900;
  font-family: Noto Sans JP, sans-serif
}

.l-modal#js-aboutmodal .cont--inner .tadoku--main__img picture img {
  vertical-align: bottom
}

.l-modal#js-lineupmodal .cont--inner .lineup {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background: #fff;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.l-modal#js-lineupmodal .cont--inner .lineup .closebtn {
  position: absolute;
  z-index: 1
}

.l-modal#js-lineupmodal .cont--inner .lineup--header em, .l-modal#js-lineupmodal .cont--inner .lineup--header span {
  color: #3c3cff;
  font-weight: 900;
  font-family: Noto Sans JP, sans-serif
}

.l-modal#js-lineupmodal .cont--inner .lineup--main ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.l-modal#js-lineupmodal .cont--inner .lineup--main ul li dl {
  font-weight: 900;
  font-family: Noto Sans JP, sans-serif
}

.l-modal#js-lineupmodal .cont--inner .lineup--main ul li dl dd {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  letter-spacing: .06em
}

.common-settings#About .inner-section .aboutlineup.is__scrolled .md-ttl__large {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.common-settings#About .inner-section .aboutlineup.is__scrolled .aboutlineup--comics li {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(1);
  filter: brightness(1)
}

.common-settings#About .inner-section .aboutlineup.is__scrolled .aboutlineup--footer {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.common-settings#About .inner-section .aboutlineup .md-ttl__large {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transform: translateY(80%);
  transform: translateY(80%)
}

.common-settings#About .inner-section .aboutlineup--comics li {
  background-repeat: repeat-x;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
  transition-timing-function: cubic-bezier(.77, 0, .175, 1);
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.5" /><feFuncG type="linear" slope="1.5" /><feFuncB type="linear" slope="1.5" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(1.5);
  filter: brightness(1.5)
}

.common-settings#About .inner-section .aboutlineup--comics li[data-line="1"] {
  background-image: url(../../resources/img/about/comics/comics_001_87e62cb0bdf54eebfb8d149aee95bede.png)
}

.common-settings#About .inner-section .aboutlineup--comics li[data-line="2"] {
  background-image: url(../../resources/img/about/comics/comics_002_9e6c5b414330a757f5fdae5045f212ee.png)
}

.common-settings#About .inner-section .aboutlineup--comics li[data-line="3"] {
  background-image: url(../../resources/img/about/comics/comics_003_6fb609ea9ab7c905b96dd3be057b836d.png)
}

.common-settings#About .inner-section .aboutlineup--footer {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
  transition-timing-function: cubic-bezier(.77, 0, .175, 1);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}

.common-settings#About .inner-section .aboutlineup--footer button {
  margin-left: auto;
  margin-right: auto
}

.l-fv {
  position: relative;
  z-index: 2
}

.l-fv.is__loaded .l-fv__inner .fv:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1);
  transform: scale(1)
}

.l-fv__inner .fv {
  position: relative
}

.l-fv__inner .fv--txt, .l-fv__inner .fv--v {
  position: relative;
  z-index: 2
}

.l-fv__inner .fv--v__slider {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 20px;
  overflow: hidden
}

.l-fv__inner .fv--v__slider:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 5px solid #000;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 2
}

.l-fv__inner .fv--v__slider--cont {
  margin-bottom: 0;
  line-height: 1;
  position: relative;
  pointer-events: none;
  z-index: 1
}

.l-fv__inner .fv--v__slider--cont > div {
  line-height: 1;
  vertical-align: bottom
}

.l-fv__inner .fv--v__slider--cont .slick-slide {
  overflow: hidden;
  border-radius: 20px
}

.l-fv__inner .fv--v__slider--cont .slick-slide.slick-active .data--inner picture:before, .l-fv__inner .fv--v__slider--cont .slick-slide.slick-active .data--inner picture img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.l-fv__inner .fv--v__slider--cont .data[data-color=orange] .data--inner picture:before {
  background: linear-gradient(45deg, #ff3c3c, #ffa000)
}

.l-fv__inner .fv--v__slider--cont .data[data-color=blue] .data--inner picture:before {
  background: linear-gradient(45deg, #3c3cff, #23af7c)
}

.l-fv__inner .fv--v__slider--cont .data--inner {
  position: relative
}

.l-fv__inner .fv--v__slider--cont .data--inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 3
}

.l-fv__inner .fv--v__slider--cont .data--inner picture {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #fff;
  border-radius: 20px
}

.l-fv__inner .fv--v__slider--cont .data--inner picture:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: screen;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

.l-fv__inner .fv--v__slider--cont .data--inner picture img {
  position: relative;
  width: 100%;
  vertical-align: bottom;
  z-index: 1;
  border-radius: 20px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition-duration: 1.5s;
  transition-duration: 1.5s;
  -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

.l-fv__inner .fv--v__slider--cont .data--inner small {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0 0 3px #000);
  filter: drop-shadow(0 0 3px #000);
  z-index: 2
}

.common-settings#Last {
  background: #fff
}

.common-settings#Last, .common-settings#Last.is__scrolled .inner-section {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.common-settings#Last .inner-section {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition-duration: .8s;
  transition-duration: .8s
}

.common-settings#Last .inner-section .last--img, .common-settings#Last .inner-section .last--img picture {
  display: block
}

.common-settings#Last .inner-section .last--img picture img {
  width: 100%;
  vertical-align: bottom
}

.common-settings#Last .inner-section .last--footer {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #f8f8f8;
  line-height: 1;
  color: #000;
  font-weight: 900;
  letter-spacing: .08em;
  font-family: Noto Sans JP, sans-serif
}

.common-settings#Support {
  background: #222
}

.common-settings#Support.is__scrolled .inner-section .support--header .md-ttl__large, .common-settings#Support.is__scrolled .inner-section .support--main {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.common-settings#Support .inner-section .support--header .md-ttl__large {
  color: #fff;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}

.common-settings#Support .inner-section .support--main {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s
}

.common-settings#Support .inner-section .support--main__slider {
  margin-bottom: 0
}

.common-settings#Support .inner-section .support--main__slider > div {
  line-height: 1;
  vertical-align: bottom
}

.common-settings#Support .inner-section .support--main__slider .slick-track {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex
}

.common-settings#Support .inner-section .support--main__slider .slick-dots li button:before {
  color: #fff;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.common-settings#Support .inner-section .support--main__slider .slick-dots li.slick-active button:before {
  color: #ffa000
}

.common-settings#Support .inner-section .support--main__slider .slick-slide {
  height: auto !important
}

.common-settings#Support .inner-section .support--main__slider .slick-slide > div {
  position: relative;
  height: 100% !important
}

.common-settings#Support .inner-section .support--main__slider .slick-slide.is-active-next .data--inner .arrow, .common-settings#Support .inner-section .support--main__slider .slick-slide.slick-active .data--inner .arrow, .common-settings#Support .inner-section .support--main__slider .slick-slide.slick-current .data--inner .arrow {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.common-settings#Support .inner-section .support--main__slider .slick-slide.is-active-next .data--inner .arrow[data-pos=left], .common-settings#Support .inner-section .support--main__slider .slick-slide.slick-active .data--inner .arrow[data-pos=left], .common-settings#Support .inner-section .support--main__slider .slick-slide.slick-current .data--inner .arrow[data-pos=left] {
  -webkit-animation: f 2s infinite linear;
  animation: f 2s infinite linear
}

.common-settings#Support .inner-section .support--main__slider .slick-slide.is-active-next .data--inner .arrow[data-pos=right], .common-settings#Support .inner-section .support--main__slider .slick-slide.slick-active .data--inner .arrow[data-pos=right], .common-settings#Support .inner-section .support--main__slider .slick-slide.slick-current .data--inner .arrow[data-pos=right] {
  -webkit-animation: g 2s infinite linear;
  animation: g 2s infinite linear
}

.common-settings#Support .inner-section .support--main__slider .data {
  position: relative;
  height: 100% !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.common-settings#Support .inner-section .support--main__slider .data--inner {
  position: relative;
  height: 100%;
  background: #fff;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.common-settings#Support .inner-section .support--main__slider .data--inner .arrow {
  position: absolute;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.common-settings#Support .inner-section .support--main__slider .data--inner .arrow[data-pos=left] {
  background-image: url(https://langaku.app/_assets/images/_common/icon/arrow_left_orange.svg)
}

.common-settings#Support .inner-section .support--main__slider .data--inner .arrow[data-pos=right] {
  background-image: url(https://langaku.app/_assets/images/_common/icon/arrow_right_orange.svg)
}

.common-settings#Support .inner-section .support--main__slider .data--inner .ttl {
  line-height: 1;
  color: #ffa000;
  text-align: center;
  font-family: Lato, sans-serif;
  font-weight: 900
}

.common-settings#Support .inner-section .support--main__slider .data--inner .catch {
  text-align: center;
  font-weight: 900;
  font-family: Noto Sans JP, sans-serif
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .movie {
  margin-left: auto;
  margin-right: auto
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .movie--player {
  position: relative
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .movie--player video {
  width: 100% !important;
  height: auto !important
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .movie small {
  padding-top: .7em;
  display: block;
  text-align: right
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample {
  margin-left: auto;
  margin-right: auto
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample[data-type=support3] {
  position: relative
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample[data-type=support3] .soundicon {
  position: absolute;
  width: 15.126050420168067%;
  cursor: pointer;
  z-index: 2
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample[data-type=support3] .soundicon[data-count="1"] {
  top: 9.243697478991598%;
  left: 92.43697478991596%
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample[data-type=support3] .soundicon[data-count="2"] {
  top: 56.582633053221286%;
  left: 56.72268907563025%
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample[data-type=support3] .soundicon[data-count="3"] {
  top: 63.86554621848739%;
  left: 2.100840336134454%
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample[data-type=support3] .soundicon span {
  display: block;
  line-height: 1
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample--img img {
  width: 100%;
  display: inline;
  vertical-align: bottom
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample--txt {
  padding-top: 10px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample--txt small {
  display: block
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample--txt small.attention {
  color: #ff3c3c
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage {
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 88.54166666666666%
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #ffa000;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  font-family: Lato, sans-serif;
  font-weight: 900
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li[data-status=current] {
  background: #ffa000
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li[data-status=current]:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translate(90%, -50%);
  transform: translate(90%, -50%)
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li[data-status=current] span {
  color: #fff
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: url(https://langaku.app/_assets/images/_common/icon/tri_right_orange.svg) 100% no-repeat;
  background-size: 100% auto;
  -webkit-transform: translate(80%, -50%);
  transform: translate(80%, -50%);
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li span {
  display: block;
  color: #ffa000;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  vertical-align: bottom
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li span:after {
  content: "%";
  margin-left: .1em;
  vertical-align: bottom
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--main {
  position: relative
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--main picture {
  display: block;
  position: relative;
  line-height: 1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--main picture[data-percentage="50"], .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--main picture[data-percentage="80"], .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--main picture[data-percentage="100"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--main picture[data-percentage="50"] {
  z-index: 2
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--main picture[data-percentage="80"] {
  z-index: 3
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--main picture[data-percentage="100"] {
  z-index: 4
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--main picture[data-status=current] {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--main picture img {
  width: 100%;
  vertical-align: bottom
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--main small {
  padding-top: .7em;
  display: block;
  text-align: right
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .desc {
  margin-left: auto;
  margin-right: auto
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .desc p {
  line-height: 1.95;
  letter-spacing: .05em;
  text-align: justify
}

.common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .desc p:not(:last-child) {
  margin-bottom: .8em
}

.common-settings#User {
  background: #fff
}

.common-settings#User, .common-settings#User.is__scrolled .inner-section, .common-settings#User.is__scrolled .inner-section .user--header .md-ttl__large, .common-settings#User.is__scrolled .inner-section .user--header__catch {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.common-settings#User .inner-section {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition-duration: .8s;
  transition-duration: .8s
}

.common-settings#User .inner-section .user--header .md-ttl__large, .common-settings#User .inner-section .user--header__catch {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}

.common-settings#User .inner-section .user--header__catch p {
  text-align: center;
  font-weight: 900;
  font-family: Noto Sans JP, sans-serif
}

.common-settings#User .inner-section .user--main__lineup--block {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition-duration: .8s;
  transition-duration: .8s;
  -webkit-transform: translateY(40%);
  transform: translateY(40%)
}

.common-settings#User .inner-section .user--main__lineup--block.is__scrolled {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.common-settings#User .inner-section .user--main__lineup--block:nth-child(2n) {
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse
}

.common-settings#User .inner-section .user--main__lineup--block:nth-child(2n) .comment--inner:before {
  left: auto;
  right: 0;
  -webkit-transform: translateX(100%) rotate(180deg);
  transform: translateX(100%) rotate(180deg)
}

.common-settings#User .inner-section .user--main__lineup--block .icon svg {
  vertical-align: bottom
}

.common-settings#User .inner-section .user--main__lineup--block .comment {
  background: #f8f8f8;
  border-radius: 10px
}

.common-settings#User .inner-section .user--main__lineup--block .comment--inner {
  position: relative
}

.common-settings#User .inner-section .user--main__lineup--block .comment--inner:before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  background: url(https://langaku.app/_assets/images/_common/icon/tri_left_gray.svg) 50% no-repeat;
  background-size: 100% auto;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.common-settings#User .inner-section .user--main__lineup--block .comment--inner p {
  line-height: 1.95;
  letter-spacing: .04em;
  text-align: justify;
  font-family: Noto Sans JP, sans-serif
}

.common-settings#User .inner-section .user--main__lineup--block .comment--inner p em {
  color: #3c3cff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #fff));
  background: linear-gradient(transparent 70%, #fff 0);
  font-weight: 900
}

.common-settings#User .inner-section .user--footer {
  opacity: .4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  text-align: center
}

.common-settings#Last .inner-section .last--footer, .common-settings#Support .inner-section .support--main__slider .data--inner .catch, .common-settings#User .inner-section .user--header__catch p, .common-settings#User .inner-section .user--main__lineup--block .comment--inner p, .l-modal#js-aboutmodal .cont--inner .tadoku--header em, .l-modal#js-aboutmodal .cont--inner .tadoku--main__desc p strong, .l-modal#js-lineupmodal .cont--inner .lineup--header em, .l-modal#js-lineupmodal .cont--inner .lineup--header span, .l-modal#js-lineupmodal .cont--inner .lineup--main ul li dl, .md-btn__links, .md-ttl__large, body {
  font-family: YakuHanJP, IBM Plex Sans JP, Helvetica Neue, Helvetica, Arial, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif
}

#Advertisement-link, #Success-link, #User-link, #Worries-link {
  position: absolute;
  height: 0;
  opacity: 0;
  top: -40px
}

#Wrap {
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out
}

#Wrap.is__loaded {
  opacity: 1
}

#Wrap .l-header:before {
  opacity: 0
}

#Wrap .l-modal {
  z-index: 200
}

#Wrap .l-modal .lineup--header span:last-child {
  margin-left: 0 !important
}

#Wrap .l-bg__inner:after, #Wrap .l-bg__inner:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

#Wrap #Main .l-fv:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#ff3c3c), to(#ffa000));
  background: linear-gradient(90deg, #ff3c3c, #ffa000);
  left: 0;
  bottom: 0
}

#Wrap #Main .l-fv__inner .fv {
  padding-bottom: 80px
}

#Wrap #Main .l-fv__inner .fv:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODg1IiBoZWlnaHQ9Ijg4OCIgdmlld0JveD0iMCAwIDg4NSA4ODgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtYXNrIGlkPSJtYXNrMF8yXzIiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSI4ODUiIGhlaWdodD0iODg4Ij4KPHBhdGggZD0iTTg4NSAwTDgwNS45OSAyOTUuOTg3Qzg3NS41OTIgNDU0Ljc2MyA4NDEuMzI3IDY0MS4wODggNzE4LjI2MSA3NjQuNDg3QzU1NC4xOTggOTI5LjE3MSAyODcuMTg2IDkyOS4xNzEgMTIzLjA0NyA3NjQuNDg3Qy00MS4wMTU2IDU5OS44NzkgLTQxLjAxNTYgMzMxLjk3OCAxMjMuMDQ3IDE2Ny4yOTRDMjQ2LjExMyA0My44MTg3IDQzMS44MjEgOS41MTU3OSA1OTAuMDcgNzkuMjcyN0w4ODUgMFpNNDIwLjY1NCA4MDEuMDE1QzUwNi4yNDIgODAxLjAxNSA1OTEuNzUzIDc2OC4zMjQgNjU2LjkxOSA3MDIuOTQxQzc1Ny43MjcgNjAxLjc5NyA3ODMuNDI3IDQ0Ny41NDkgNzIxLjAxNCAzMTkuMDA5TDcxMy45MDEgMzA0LjM1Mkw3NjIuMzE2IDEyMy4wMTVMNTgxLjU4IDE3MS41OTFMNTY3LjA0OCAxNjQuNDU0QzQzOC45MzQgMTAxLjc1OCAyODUuMTIxIDEyNy42MTkgMTg0LjM4OSAyMjguNzYzQzU0LjEzMjkgMzU5LjQ1MSA1NC4xMzI5IDU3Mi4xNzUgMTg0LjM4OSA3MDIuODY0QzI0OS41NTUgNzY4LjI0NyAzMzUuMDY2IDgwMC45MzggNDIwLjY1NCA4MDAuOTM4VjgwMS4wMTVaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMl8yKSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMl8yKSI+CjxyZWN0IHg9Ii03MCIgeT0iLTgxIiB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIxMjA2IiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMl8yKSIvPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMl8yIiB4MT0iMTIzLjEyMyIgeTE9Ijc2NC40ODciIHgyPSI4ODcuNTI5IiB5Mj0iMi41MzcyNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkYzQzNDIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGQjEyNyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMl8yIiB4MT0iNjUwIiB5MT0iMTEyNSIgeDI9IjY1MCIgeTI9Ii04MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkYzQzNDIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGQTAwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
  left: -2.6%;
  width: 73.7%;
  aspect-ratio: 885/888;
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

#Wrap #Main .l-fv__inner .fv--v {
  width: 36.3%
}

#Wrap #Main .l-fv__inner .fv--txt {
  margin-left: 2.5%;
  width: 54.6%
}

#Wrap #Main .l-fv__inner .fv--txt__catch {
  width: 100%
}

#Wrap #Main .l-fv__inner .fv--txt__logo {
  width: 76.8%;
  margin: 0 auto 25px
}

#Wrap #Main .l-fv__inner .fv--txt__applinks {
  width: 60%
}

#Wrap #Main .l-fv__inner .l-applinks li.appstore {
  width: 42.1%
}

#Wrap #Main .l-fv__inner .l-applinks li.googleplay {
  width: 51.5%
}

#Wrap #Main #Media {
  background: #06111c;
  z-index: 3;
  opacity: 1;
  padding: 120px 0;
  text-align: center
}

#Wrap #Main #Media h3 {
  background: -webkit-gradient(linear, left top, right top, from(#ff3c3c), to(#ffa000));
  background: linear-gradient(90deg, #ff3c3c, #ffa000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  text-align: center;
  font-size: 4.2rem;
  letter-spacing: .15em;
  display: inline-block;
  margin: 0 auto;
  max-width: 968px;
  width: 100%;
  line-height: 1
}

#Wrap #Main #Media .bnr-list {
  display: grid;
  grid-template-columns:repeat(auto-fit, 300px);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  row-gap: 15px;
  margin-top: 49px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

#Wrap #Main #Worries {
  padding-top: 115px;
  background: #fff;
  z-index: 3;
  opacity: 1
}

#Wrap #Main #Worries h2 {
  background: linear-gradient(130deg, #ff1313 10%, #ffce7a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  text-align: center;
  font-size: 5.2rem;
  line-height: 1.2
}

#Wrap #Main #Worries .worries-wrapper {
  position: relative;
  max-width: 1280px;
  margin: auto;
  padding: 0 40px
}

#Wrap #Main #Worries .worries-arrow, #Wrap #Main #Worries .worries-list {
  position: relative;
  max-width: 1090px
}

#Wrap #Main #Worries .worries-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 40px auto 0;
  padding: 0 1.6% 0 3%
}

#Wrap #Main #Worries .worries-list:before {
  content: "";
  width: 100%;
  height: 78%;
  background: #f9f9f9;
  border-radius: 25px 25px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1
}

#Wrap #Main #Worries .worries-list .list {
  width: 60%;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 2%
}

#Wrap #Main #Worries .worries-list .list p {
  font-size: 2.2rem;
  color: #82888d;
  margin-bottom: 1%
}

#Wrap #Main #Worries .worries-list .list ul {
  list-style-type: "\2713";
  font-size: 2.8rem;
  padding-left: 3.3%
}

#Wrap #Main #Worries .worries-list .image {
  width: 37.4%;
  line-height: 0
}

#Wrap #Main #Worries .worries-arrow {
  background: linear-gradient(91.73deg, #ff3c3c 34.9%, #ffa000);
  height: 2.1vw;
  max-height: 38px;
  margin: -.1% auto 0
}

#Wrap #Main #Worries .worries-arrow:before {
  content: "";
  width: 29.5%;
  height: 169%;
  background: linear-gradient(-91.73deg, #ff3c3c 34.9%, #ffa000);
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  margin: auto;
  position: absolute;
  bottom: -166%;
  left: 0;
  right: 0
}

#Wrap #Main #Worries .worries-main-text {
  text-align: center;
  font-size: 3.6rem;
  line-height: 1.3;
  font-weight: 700;
  margin-top: 115px
}

#Wrap #Main #Worries .worries-catch {
  background: -webkit-gradient(linear, left top, right top, from(#ff3c3c), to(#ffb127));
  background: linear-gradient(90deg, #ff3c3c, #ffb127);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 17px 40px;
  margin-top: 60px
}

#Wrap #Main #Worries .worries-catch p {
  font-size: 4.2rem
}

#Wrap #Main #Worries .worries-catch p span {
  color: #fff;
  font-size: 5.8rem;
  font-weight: 700
}

#Wrap #Main #Worries .worries-hr {
  border: 1px solid rgba(6, 17, 28, .1);
  margin: 120px 0 0
}

#Wrap #Main #Advantage {
  padding: 125px 0 120px;
  background: #fff;
  opacity: 1
}

#Wrap #Main #Advantage h2 {
  background: linear-gradient(91.73deg, #ff3c3c 34.9%, #ffa000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  text-align: center;
  font-size: 5.2rem;
  line-height: 1.2;
  letter-spacing: .1em
}

#Wrap #Main #Advantage .advantage-wrapper {
  position: relative;
  max-width: 1280px;
  margin: auto;
  padding: 0 40px
}

#Wrap #Main #Advantage .advantage-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 95px
}

#Wrap #Main #Advantage .advantage-list li {
  width: 31.5%;
  position: relative;
  text-align: center;
  padding-top: 5%;
  z-index: 0
}

#Wrap #Main #Advantage .advantage-list li:before {
  content: "";
  width: 100%;
  height: 89.5%;
  background: #f9f9f9;
  border-radius: 140px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}

#Wrap #Main #Advantage .advantage-list li .list-title {
  font-size: 4.2rem;
  line-height: 1.3;
  font-weight: 700
}

#Wrap #Main #Advantage .advantage-list li .list-text {
  color: #82888d;
  font-size: 1.8rem;
  line-height: 1.6;
  margin-top: 7.4%
}

#Wrap #Main #Advantage .advantage-list li:first-child .list-image {
  width: 77.7%;
  margin: -1.8% 0 0 6.1%
}

#Wrap #Main #Advantage .advantage-list li:nth-child(2) .list-image {
  width: 77.7%;
  margin: 3.5% 0 0 2.4%
}

#Wrap #Main #Advantage .advantage-list li:nth-child(3) .list-image {
  width: 77%;
  margin: 6% 0 0 10%
}

#Wrap #Main #Cause {
  padding: 120px 0 125px;
  background: linear-gradient(31.56deg, #ff3c3c 4.99%, #ffa000 98.73%);
  opacity: 1
}

#Wrap #Main #Cause h2 {
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 5.2rem;
  line-height: 1.2
}

#Wrap #Main #Cause .cause-wrapper {
  position: relative;
  max-width: 1280px;
  margin: auto;
  padding: 0 40px
}

#Wrap #Main #Cause .cause-contents {
  background: #fff;
  border-radius: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 90px;
  padding: 1% 6.2% 2.4% 4.7%
}

#Wrap #Main #Cause .cause-contents .image {
  width: 32.1%
}

#Wrap #Main #Cause .cause-contents .text {
  position: relative
}

#Wrap #Main #Cause .cause-contents .text p:first-child {
  background: linear-gradient(91.73deg, #ff3c3c 34.9%, #ffa000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  font-size: 3.6rem;
  line-height: 1.3;
  margin-bottom: 2.5%
}

#Wrap #Main #Cause .cause-contents .text p:nth-child(2) {
  font-size: 2.4rem;
  line-height: 1.6;
  margin-bottom: 1.5%
}

#Wrap #Main #Cause .cause-contents .text p:nth-child(3) {
  font-size: 1.2rem;
  line-height: 1.6;
  letter-spacing: .03em
}

#Wrap #Main #Cause .cause-contents .text .notes-icon {
  position: absolute;
  width: 1.5%;
  top: 2%;
  right: 4%
}

#Wrap #Main #Cause .mechanism-title {
  max-width: 985px;
  color: #fff;
  font-size: 3.6rem;
  line-height: 1.3;
  text-align: center;
  position: relative;
  --x-gradient: linear-gradient(90deg, #fff 50px, transparent 0 calc(100% - 50px), #fff calc(100% - 50px));
  --y-gradient: linear-gradient(#fff 40px, transparent 0 calc(100% - 40px), #fff calc(100% - 40px));
  padding: 2.4% 0;
  margin: 120px auto 0;
  background-image: var(--x-gradient), var(--y-gradient), var(--x-gradient), var(--y-gradient);
  background-repeat: no-repeat;
  background-size: 100% 8px, 8px 100%, 100% 8px, 8px 100%;
  background-position: top, 100%, bottom, 0;
  font-weight: 700
}

#Wrap #Main #Cause .mechanism-list {
  position: relative;
  background: #fff;
  border-radius: 140px;
  margin-top: 85px;
  padding: 2% 4.7%
}

#Wrap #Main #Cause .mechanism-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #b4b8bb;
  padding: 4.7% 0
}

#Wrap #Main #Cause .mechanism-list li:before {
  content: "";
  width: 5.2%;
  height: 7.3%;
  background: linear-gradient(91.73deg, #ff3c3c 34.9%, #ffa000);
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  margin: auto;
  position: absolute;
  bottom: -7.8%;
  left: 0;
  right: 0
}

#Wrap #Main #Cause .mechanism-list li .image {
  width: 30.3%;
  line-height: 0;
  margin-right: 4.3%
}

#Wrap #Main #Cause .mechanism-list li .text p:first-child {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1.6;
  margin-bottom: 1.5%
}

#Wrap #Main #Cause .mechanism-list li .text p:last-child {
  font-size: 1.8rem;
  line-height: 1.6;
  color: #515860
}

#Wrap #Main #Cause .mechanism-list li:last-child {
  border-bottom: none
}

#Wrap #Main #Cause .mechanism-list li:last-child:before {
  content: none
}

#Wrap #Main #Cause .mechanism-list li:nth-child(3) .text p:first-child, #Wrap #Main #Cause .mechanism-list li:nth-child(4) .text p:first-child {
  background: linear-gradient(91.73deg, #ff3c3c 34.9%, #ffa000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4.2rem;
  letter-spacing: .1em
}

#Wrap #Main #Cause .success-title {
  color: #fff;
  font-size: 4.8rem;
  max-width: 1000px;
  font-weight: 700;
  text-align: center;
  margin: 120px auto 0;
  position: relative;
  line-height: 1.6;
  letter-spacing: .03em;
  border-bottom: 10px solid #fff;
  padding: 0 3%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

#Wrap #Main #Cause .success-title:before {
  content: "";
  width: 14.7%;
  height: 26%;
  background: #fff;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  margin: auto;
  position: absolute;
  bottom: -38.5%;
  left: 0;
  right: 0
}

#Wrap #Main #Cause .success-title span {
  color: #ebff00
}

#Wrap #Main #Cause h4 {
  background: #fff;
  font-size: 3.6rem;
  max-width: 880px;
  text-align: center;
  font-weight: 700;
  margin: auto;
  border-radius: 140px;
  position: relative;
  line-height: 1.3;
  padding: 2.6% 3%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

#Wrap #Main #Cause h4 p {
  background: linear-gradient(20deg, #23af7c 13.91%, #3c3cff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

#Wrap #Main #Cause h4.success-sub-title1 {
  margin-top: 120px
}

#Wrap #Main #Cause h4.success-sub-title2 {
  margin-top: 60px
}

#Wrap #Main #Cause .success-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 85px
}

#Wrap #Main #Cause .success-list li {
  position: relative;
  border-right: 1px solid #fff;
  text-align: center;
  padding: 2.3% 4.3%
}

#Wrap #Main #Cause .success-list li .image {
  width: 45.3%;
  line-height: 0;
  margin: 0 auto 13%
}

#Wrap #Main #Cause .success-list li .text p {
  color: #fff
}

#Wrap #Main #Cause .success-list li .text p:first-child {
  font-weight: 700;
  font-size: 3.6rem;
  line-height: 1.2;
  margin-bottom: 4.5%
}

#Wrap #Main #Cause .success-list li .text p:nth-child(2) {
  font-size: 1.8rem;
  line-height: 1.6
}

#Wrap #Main #Cause .success-list li:last-child {
  border-right: none
}

#Wrap #Main #Cause .success-hr {
  border: 1px solid #fff;
  margin: 60px 0 0
}

#Wrap #Main #Advertisement {
  padding: 80px 0 130px;
  opacity: 1
}

#Wrap #Main #Advertisement:after {
  content: "";
  background: -webkit-gradient(linear, left top, right top, from(#23af7d), to(#3c3cff));
  background: linear-gradient(90deg, #23af7d, #3c3cff);
  width: 100%;
  height: 6px;
  position: absolute;
  bottom: 0;
  left: 0
}

#Wrap #Main #Advertisement h2 {
  font-weight: 700;
  text-align: center;
  font-size: 5.2rem;
  line-height: 1.2
}

#Wrap #Main #Advertisement h2 div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: .8%
}

#Wrap #Main #Advertisement h2 div p {
  color: #fff;
  background: linear-gradient(15deg, #23af7c 13.91%, #3c3cff);
  padding: .5%;
  margin: 0 .8%;
  letter-spacing: .05em
}

#Wrap #Main #Advertisement .adv-wrapper {
  position: relative;
  max-width: 1280px;
  margin: auto;
  padding: 0 40px
}

#Wrap #Main #Advertisement .logo-box {
  background: #fff;
  -webkit-box-shadow: 0 0 30px rgba(154, 147, 209, .25);
  box-shadow: 0 0 30px rgba(154, 147, 209, .25);
  padding: 2.8% 0;
  margin-top: 55px
}

#Wrap #Main #Advertisement .logo-box .logo {
  width: 51.8%;
  margin: auto
}

#Wrap #Main #Advertisement .applinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 45px
}

#Wrap #Main #Advertisement .applinks li {
  line-height: 0;
  margin: 0 2%
}

#Wrap #Main #Advertisement .applinks li a {
  display: block
}

#Wrap #Main #Advertisement .applinks li a:hover {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(.7);
  filter: brightness(.7);
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

#Wrap #Main #Advertisement .applinks li.appstore {
  width: 19.2%
}

#Wrap #Main #Advertisement .applinks li.googleplay {
  width: 23.6%
}

#Wrap #Main .common-settings#About .inner-section .aboutlineup {
  padding-top: 0
}

#Wrap #Main .common-settings#About .inner-section .aboutlineup--comics li[data-line="1"] {
  background-image: url(../../resources/img/about/comics/webp/comics_001_93aaac5ce3e14f84b09904ec5e48e447.webp)
}

#Wrap #Main .common-settings#About .inner-section .aboutlineup--comics li[data-line="2"] {
  background-image: url(../../resources/img/about/comics/webp/comics_002_6f54c3bbd45b3a0aac19c94593679a1e.webp)
}

#Wrap #Main .common-settings#About .inner-section .aboutlineup--comics li[data-line="3"] {
  background-image: url(../../resources/img/about/comics/webp/comics_003_b7a5192798d7edde3a819dd60bcb102f.webp)
}

#Wrap #Main .common-settings#Support {
  padding-top: 105px
}

#Wrap #Main #Teacher {
  padding: 120px 0;
  background-color: #fff;
  text-align: center
}

#Wrap #Main #Teacher .teacher--header h4 {
  font-weight: 700;
  font-size: 5.2rem;
  line-height: 120%;
  text-align: center;
  color: #3c3cff;
  letter-spacing: 0
}

#Wrap #Main #Teacher .comment, #Wrap #Main #Teacher .description {
  display: grid;
  grid-template-columns:320px auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 50px;
  position: relative;
  padding-bottom: 60px
}

#Wrap #Main #Teacher .comment:after, #Wrap #Main #Teacher .description:after {
  content: "";
  max-width: 1280px;
  width: 95%;
  height: 0;
  border: 1px solid rgba(6, 17, 28, .1);
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: 0 auto
}

#Wrap #Main #Teacher .comment img, #Wrap #Main #Teacher .description img {
  margin-left: 20px
}

#Wrap #Main #Teacher .comment p, #Wrap #Main #Teacher .description p {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 160%;
  text-align: justify;
  letter-spacing: .03em;
  color: #515860;
  display: inline-block;
  max-width: 660px;
  margin-right: 20px
}

#Wrap #Main #Teacher .description {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}

#Wrap #Main #Teacher .description h6 {
  margin-left: 20px;
  width: 240px;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 160%;
  letter-spacing: .03em;
  color: #06111c
}

#Wrap #Main #Teacher .description p {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 160%;
  color: #515860
}

#Wrap #Main #Teacher .youtube {
  padding-top: 60px
}

#Wrap #Main #Teacher .youtube h5 {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 160%;
  background: linear-gradient(91.73deg, #ff3c3c 34.9%, #ffa000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

#Wrap #Main #Teacher .youtube iframe {
  margin-top: 40px;
  max-width: 960px;
  max-height: 540px;
  width: 90%;
  aspect-ratio: 16/9;
  height: auto
}

#Wrap #Main #Effect {
  padding: 120px 0;
  background: rgba(6, 17, 28, .05);
  text-align: center;
  position: relative
}

#Wrap #Main #Effect .effect-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: -1
}

#Wrap #Main #Effect:after, #Wrap #Main #Effect:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  top: 0;
  left: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(34.9%, #23af7d), to(#3c3cff));
  background: linear-gradient(90deg, #23af7d 34.9%, #3c3cff)
}

#Wrap #Main #Effect:after {
  top: auto;
  bottom: 0
}

#Wrap #Main #Effect .effect--header h4 {
  font-weight: 700;
  font-size: 5.2rem;
  line-height: 120%;
  color: #3c3cff;
  letter-spacing: 0;
  margin-top: 5px
}

#Wrap #Main #Effect .effect--header h5 {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 160%;
  color: #06111c
}

#Wrap #Main #Effect h6.label {
  background: linear-gradient(45deg, #23af7c 13.91%, #3c3cff);
  border-radius: 140px;
  font-size: 5.2rem;
  line-height: 120%;
  font-weight: 700;
  text-align: center;
  color: #fff;
  padding: 20px 100px;
  display: inline-block;
  margin-top: 80px
}

#Wrap #Main #Effect img {
  -webkit-box-shadow: 0 0 16.8945px rgba(0, 0, 0, .4);
  box-shadow: 0 0 16.8945px rgba(0, 0, 0, .4);
  margin: 43px auto 0;
  width: 90%;
  max-width: 914px;
  display: block
}

#Wrap #Main #User .user .user--header h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 5.2rem;
  line-height: 120%;
  letter-spacing: 0;
  margin-bottom: 5px
}

#Wrap #Main #User .user .user--header h5 p {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 160%
}

#Wrap #Main #User .user .user--main .user--main__lineup .user--main__lineup--block .icon {
  width: 100px
}

#Wrap #Main #User .user .user--main .user--main__lineup .user--main__lineup--block .comment {
  width: 63.805542%;
  margin-left: 18%;
  background: rgba(6, 17, 28, .05)
}

#Wrap #Main #User .user .user--main .user--main__lineup .user--main__lineup--block .comment .comment--inner:before {
  top: 34px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyNyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTS03Ljg2ODA1ZS0wNyAxNS45NTAyTDI3IDAuMzYxNzM5TDI3IDMxLjUzODdMLTcuODY4MDVlLTA3IDE1Ljk1MDJaIiBmaWxsPSIjMDYxMTFDIiBmaWxsLW9wYWNpdHk9IjAuMDUiLz4KPC9zdmc+Cg==)
}

#Wrap #Main #User .user .user--main .user--main__lineup .user--main__lineup--block:nth-child(odd) .comment {
  margin-right: 18%;
  margin-left: auto
}

#Wrap #Main #User .user .user--main .user--main__lineup .comment h6 {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 160%;
  color: #3c3cff;
  margin-bottom: 10px
}

#Wrap #Main #User .user .user--main .user--main__lineup .comment p {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 160%;
  color: #06111c
}

#Wrap #Main #Last {
  visibility: visible
}

#Wrap #Foot .l-footer__inner .footcont {
  padding-top: 10px
}

#Wrap #Foot .l-footer__inner .footcont:before {
  content: none
}

#Wrap .float-dl-btn {
  display: none
}

@media screen and (max-width: 750px) {
  .v-pc {
    display: none
  }

  .v-sp {
    display: block
  }
}

@media print, screen and (max-width: 480px) {
  header.main-header {
    background: #fff;
    padding: 4%;
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  header.main-header .header-applinks {
    display: none
  }

  header.main-header .header-logo {
    width: 35%;
    display: block;
    position: relative;
    line-height: 0
  }

  header.main-header .sp-menu-btn {
    width: 8.7%;
    display: block;
    line-height: 0
  }

  header.main-header .sp-menu-btn img {
    width: 100%
  }

  header.main-header .sp-menu-btn .close {
    display: none
  }

  header.main-header .nav-list {
    position: absolute;
    display: none;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid rgba(6, 17, 28, .1);
    border-bottom: 1px solid rgba(6, 17, 28, .1);
    width: 100%;
    top: 99%;
    left: 0
  }

  header.main-header .nav-list li {
    margin-left: 0
  }

  header.main-header .nav-list li a {
    color: #06111c;
    font-size: 4vw;
    padding: 4.3% 0;
    margin: 0 4%;
    display: block;
    border-bottom: 1px solid rgba(6, 17, 28, .1)
  }

  header.main-header .nav-list li:last-child a {
    border-bottom: none
  }

  header.main-header.opened .sp-menu-btn .open {
    display: none
  }

  header.main-header.opened .sp-menu-btn .close {
    display: block
  }

  #Advertisement-link, #Success-link, #User-link, #Worries-link {
    top: -2%
  }

  #Wrap {
    padding-top: 16%
  }

  #Wrap .l-header:before {
    opacity: 1
  }

  #Wrap .l-modal .lineup--header br {
    display: none
  }

  #Wrap #Main .l-fv__inner .fv {
    padding-bottom: 17.5%
  }

  #Wrap #Main .l-fv__inner .fv--v {
    width: auto
  }

  #Wrap #Main .l-fv__inner .fv--txt {
    width: 100%;
    margin-left: 0
  }

  #Wrap #Main .l-fv__inner .fv--txt__logo {
    width: 83.8%;
    margin: 0 auto 25px
  }

  #Wrap #Main .l-fv__inner .fv--v__catch {
    background: transparent !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 7%;
    right: auto;
    width: 100%;
    padding: 0;
    border-radius: 0
  }

  #Wrap #Main .l-fv__inner .fv--v__catch p {
    -webkit-transition: background .5s;
    transition: background .5s;
    width: 13.4%;
    padding: 5.3vw 0;
    border-radius: 6px;
    margin: 0 2.6%
  }

  #Wrap #Main .l-fv__inner .fv--v__catch p:first-child img {
    width: 60%
  }

  #Wrap #Main .l-fv__inner .fv--v__catch p:last-child img {
    width: 50%
  }

  #Wrap #Main .l-fv__inner .fv--v__catch[data-color=orange] p {
    background: linear-gradient(45deg, #ff3c3c, #ffa000)
  }

  #Wrap #Main .l-fv__inner .fv--v__catch[data-color=blue] p {
    background: linear-gradient(45deg, #3c3cff, #23af7c)
  }

  #Wrap #Main .l-fv__inner .fv--txt__applinks {
    width: auto
  }

  #Wrap #Main .l-fv__inner .l-applinks {
    width: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  #Wrap #Main .l-fv__inner .l-applinks li {
    margin: 0 1.5%
  }

  #Wrap #Main .l-fv__inner .l-applinks li.appstore {
    width: 34.8%
  }

  #Wrap #Main .l-fv__inner .l-applinks li.googleplay {
    width: 42.7%
  }

  #Wrap #Main #Media {
    padding: 14vw 0
  }

  #Wrap #Main #Media h3 {
    font-size: 6.4vw !important;
    line-height: 120%;
    letter-spacing: .15em;
    width: auto
  }

  #Wrap #Main #Media .bnr-list {
    display: block;
    -webkit-column-gap: 4vw;
    -moz-column-gap: 4vw;
    column-gap: 4vw;
    row-gap: 4vw;
    margin-top: 50px;
    text-align: center
  }

  #Wrap #Main #Media .bnr-list li {
    margin: 0 2vw
  }

  #Wrap #Main #Media .bnr-list li img {
    width: 80vw
  }

  #Wrap #Main #Worries {
    padding-top: 17vw
  }

  #Wrap #Main #Worries h2 {
    font-size: 7.2vw
  }

  #Wrap #Main #Worries .worries-wrapper {
    padding: 0 4%
  }

  #Wrap #Main #Worries .worries-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px auto 0;
    padding: 0
  }

  #Wrap #Main #Worries .worries-list:before {
    height: 86%
  }

  #Wrap #Main #Worries .worries-list .list {
    width: 100%;
    text-align: center;
    border-top: 1px solid rgba(6, 17, 28, .1);
    padding: 11.7% 0 10%
  }

  #Wrap #Main #Worries .worries-list .list p {
    font-size: 4vw;
    margin-bottom: 1%
  }

  #Wrap #Main #Worries .worries-list .list ul {
    font-size: 4.8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  #Wrap #Main #Worries .worries-list .image {
    width: 77.2%;
    margin: auto
  }

  #Wrap #Main #Worries .worries-arrow {
    height: 3.6vw
  }

  #Wrap #Main #Worries .worries-arrow:before {
    width: 46.5%;
    height: 198%;
    bottom: -189%
  }

  #Wrap #Main #Worries .worries-main-text {
    font-size: 4.8vw;
    margin-top: 16vw
  }

  #Wrap #Main #Worries .worries-catch {
    padding: 9% 4%;
    margin-top: 16vw;
    text-align: center
  }

  #Wrap #Main #Worries .worries-catch p {
    font-size: 5.6vw
  }

  #Wrap #Main #Worries .worries-catch p span:first-child {
    font-size: 7.2vw
  }

  #Wrap #Main #Worries .worries-catch p span:last-child {
    font-size: 8.8vw
  }

  #Wrap #Main #Worries .worries-hr {
    margin: 16vw 0 0
  }

  #Wrap #Main #Advantage {
    padding: 16vw 0 12vw
  }

  #Wrap #Main #Advantage h2 {
    font-size: 7.2vw
  }

  #Wrap #Main #Advantage .advantage-wrapper {
    padding: 0 4%
  }

  #Wrap #Main #Advantage .advantage-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 13.4vw
  }

  #Wrap #Main #Advantage .advantage-list li {
    width: 100%;
    padding-top: 14.5%;
    margin-bottom: 10%
  }

  #Wrap #Main #Advantage .advantage-list li:before {
    height: 77%;
    border-radius: 105px
  }

  #Wrap #Main #Advantage .advantage-list li .list-title {
    font-size: 7.2vw
  }

  #Wrap #Main #Advantage .advantage-list li .list-text {
    font-size: 4vw;
    margin-top: 8.5%
  }

  #Wrap #Main #Advantage .advantage-list li:first-child .list-image {
    width: 47.7%;
    margin: 5.2% 0 0 25.5%
  }

  #Wrap #Main #Advantage .advantage-list li:nth-child(2) .list-image {
    width: 50.2%;
    margin: 4.2% 0 0 20.1%
  }

  #Wrap #Main #Advantage .advantage-list li:nth-child(3) {
    margin-bottom: 0
  }

  #Wrap #Main #Advantage .advantage-list li:nth-child(3) .list-image {
    width: 51.3%;
    margin: 7% 0 0 23%
  }

  #Wrap #Main #Cause {
    padding: 13.2vw 0 5vw;
    background: linear-gradient(85deg, #ff3c3c 4.99%, #ffa000 98.73%)
  }

  #Wrap #Main #Cause h2 {
    font-size: 7.2vw
  }

  #Wrap #Main #Cause .cause-wrapper {
    padding: 0 4%
  }

  #Wrap #Main #Cause .cause-contents {
    border-radius: 105px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 13.2vw;
    padding: 3% 8.7% 17.3%
  }

  #Wrap #Main #Cause .cause-contents .image {
    width: 92.7%
  }

  #Wrap #Main #Cause .cause-contents .text p:first-child {
    font-size: 6.4vw;
    margin: 7.5% 0;
    text-align: center
  }

  #Wrap #Main #Cause .cause-contents .text p:nth-child(2) {
    font-size: 4vw;
    margin-bottom: 7.5%
  }

  #Wrap #Main #Cause .cause-contents .text p:nth-child(3) {
    font-size: 3vw;
    text-align: center
  }

  #Wrap #Main #Cause .cause-contents .text .notes-icon {
    width: 2.8%;
    top: 19.3%;
    right: 4.5%
  }

  #Wrap #Main #Cause .mechanism-title {
    font-size: 7.2vw;
    line-height: 1;
    --x-gradient: linear-gradient(90deg, #fff 17px, transparent 0 calc(100% - 17px), #fff calc(100% - 17px));
    --y-gradient: linear-gradient(#fff 16px, transparent 0 calc(100% - 16px), #fff calc(100% - 16px));
    padding: 5% 0;
    margin: 12vw auto 0;
    background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%
  }

  #Wrap #Main #Cause .mechanism-title span {
    font-size: 4vw
  }

  #Wrap #Main #Cause .mechanism-list {
    border-radius: 90px;
    margin-top: 8vw;
    padding: 0 4.4%
  }

  #Wrap #Main #Cause .mechanism-list li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 14.3% 0
  }

  #Wrap #Main #Cause .mechanism-list li:before {
    width: 16.2%;
    height: 5.3%;
    bottom: -5.5%
  }

  #Wrap #Main #Cause .mechanism-list li .image {
    width: 91.2%;
    margin-right: 0
  }

  #Wrap #Main #Cause .mechanism-list li .text p:first-child {
    text-align: center;
    font-size: 7.2vw;
    margin: 6% 0
  }

  #Wrap #Main #Cause .mechanism-list li .text p:last-child {
    font-size: 4vw;
    padding: 0 5%
  }

  #Wrap #Main #Cause .mechanism-list li:nth-child(3) .text p:first-child, #Wrap #Main #Cause .mechanism-list li:nth-child(4) .text p:first-child {
    font-size: 7.2vw;
    line-height: 1.2
  }

  #Wrap #Main #Cause .success-title {
    font-size: 7.2vw;
    margin: 11vw auto 0;
    padding: 0 3% 7.3%
  }

  #Wrap #Main #Cause .success-title:before {
    width: 36.3%;
    height: 16.4%;
    bottom: -20%
  }

  #Wrap #Main #Cause .success-title span {
    font-size: 8vw
  }

  #Wrap #Main #Cause h4 {
    font-size: 5.6vw;
    padding: 3%
  }

  #Wrap #Main #Cause h4 span {
    font-size: 4vw
  }

  #Wrap #Main #Cause h4.success-sub-title1 {
    margin-top: 18vw
  }

  #Wrap #Main #Cause h4.success-sub-title2 {
    margin-top: 5vw
  }

  #Wrap #Main #Cause .success-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0
  }

  #Wrap #Main #Cause .success-list li {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #fff;
    padding: 11.6% 0
  }

  #Wrap #Main #Cause .success-list li .image {
    width: 28.6%;
    margin: 0 auto 5.5%
  }

  #Wrap #Main #Cause .success-list li .text p:first-child {
    font-size: 5.6vw
  }

  #Wrap #Main #Cause .success-list li .text p:nth-child(2) {
    font-size: 4vw
  }

  #Wrap #Main #Cause .success-list li:last-child {
    border-bottom: none
  }

  #Wrap #Main #Cause .success-hr {
    display: none
  }

  #Wrap #Main #Advertisement {
    padding: 15.3vw 0 17vw
  }

  #Wrap #Main #Advertisement h2 {
    font-size: 8vw
  }

  #Wrap #Main #Advertisement h2 div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  #Wrap #Main #Advertisement h2 div p {
    padding: 1.5%;
    margin: 2% 0
  }

  #Wrap #Main #Advertisement .adv-wrapper {
    padding: 0 4%
  }

  #Wrap #Main #Advertisement .logo-box {
    padding: 8.8% 0;
    margin-top: 12vw
  }

  #Wrap #Main #Advertisement .logo-box .logo {
    width: 91.4%
  }

  #Wrap #Main #Advertisement .applinks {
    margin-top: 12vw
  }

  #Wrap #Main #Advertisement .applinks li {
    margin: 0 2%
  }

  #Wrap #Main #Advertisement .applinks li.appstore {
    width: 35.5%
  }

  #Wrap #Main #Advertisement .applinks li.googleplay {
    width: 43.7%
  }

  #Wrap #Main .common-settings#About {
    padding-top: 15vw
  }

  #Wrap #Main .common-settings#Support {
    padding-top: 17.9vw
  }

  #Wrap #Main #Teacher {
    padding: 14vw 0
  }

  #Wrap #Main #Teacher .teacher--header h4 {
    font-size: 5.6vw !important
  }

  #Wrap #Main #Teacher .comment, #Wrap #Main #Teacher .description {
    display: grid;
    grid-template-columns:1fr;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 14vw;
    position: relative;
    padding-bottom: 12vw
  }

  #Wrap #Main #Teacher .comment:after, #Wrap #Main #Teacher .description:after {
    content: "";
    max-width: 1280px;
    width: 92%;
    height: 0;
    border: 1px solid rgba(6, 17, 28, .1);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
  }

  #Wrap #Main #Teacher .comment img, #Wrap #Main #Teacher .description img {
    width: 64vw;
    margin: 0 auto
  }

  #Wrap #Main #Teacher .comment p, #Wrap #Main #Teacher .description p {
    font-size: 4vw;
    max-width: 84vw;
    margin: 6.4vw auto 0
  }

  #Wrap #Main #Teacher .description {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
  }

  #Wrap #Main #Teacher .description h6 {
    margin: 0 auto;
    width: auto;
    font-size: 4.8vw
  }

  #Wrap #Main #Teacher .description p {
    font-size: 4vw
  }

  #Wrap #Main #Teacher .youtube {
    padding-top: 60px
  }

  #Wrap #Main #Teacher .youtube h5 {
    font-size: 4.8vw
  }

  #Wrap #Main #Teacher .youtube iframe {
    margin-top: 10vw;
    width: 92%
  }

  #Wrap #Main #Effect {
    padding: 14vw 0
  }

  #Wrap #Main #Effect .effect--header h4 {
    font-size: 5.6vw !important
  }

  #Wrap #Main #Effect .effect--header h5 {
    font-size: 4.8vw !important
  }

  #Wrap #Main #Effect h6.label {
    border-radius: 37vw;
    font-size: 4vw !important;
    padding: 4vw 8vw;
    margin-top: 4.8vw
  }

  #Wrap #Main #Effect img {
    margin: 8vw 0 0;
    width: 100%
  }

  #Wrap #Main #User {
    padding: 14vw 0 12vw
  }

  #Wrap #Main #User .user .user--header h4 {
    font-size: 5.6vw !important
  }

  #Wrap #Main #User .user .user--header h5 p {
    font-size: 4vw !important
  }

  #Wrap #Main #User .user .user--main {
    padding-left: 4vw;
    padding-right: 4vw
  }

  #Wrap #Main #User .user .user--main .user--main__lineup .user--main__lineup--block .icon {
    width: 12vw
  }

  #Wrap #Main #User .user .user--main .user--main__lineup .user--main__lineup--block .comment {
    width: 81%;
    margin-left: 0
  }

  #Wrap #Main #User .user .user--main .user--main__lineup .user--main__lineup--block .comment .comment--inner:before {
    top: 6.2vw;
    width: 4.6153846154vw !important;
    height: 5.346154vw !important;
    background-size: auto 100%;
    background-position: 100%
  }

  #Wrap #Main #User .user .user--main .user--main__lineup .user--main__lineup--block:nth-child(odd) .comment {
    margin-right: 0;
    margin-left: auto
  }

  #Wrap #Main #User .user .user--main .user--main__lineup .comment h6 {
    font-weight: 700;
    font-size: 4.8vw !important;
    line-height: 120%
  }

  #Wrap #Main #User .user .user--main .user--main__lineup .comment p {
    font-size: 4vw !important
  }

  #Wrap #Main #Last {
    padding-bottom: 0
  }

  #Wrap #Foot .l-footer__inner .footcont--last {
    margin-top: 10vw
  }

  #Wrap .float-dl-btn {
    display: block;
    background: rgba(0, 0, 0, .9);
    padding: 3.4% 0;
    position: fixed;
    text-align: center;
    width: 100%;
    left: 0;
    bottom: -1px;
    z-index: 100;
    -webkit-transition: .2s;
    transition: .2s
  }

  #Wrap .float-dl-btn.hide {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    pointer-events: none
  }

  #Wrap .float-dl-btn .dl-btn {
    width: 72%;
    display: inline-block;
    font-weight: 700;
    color: #fff;
    font-size: 4vw;
    background: -webkit-gradient(linear, left top, right top, from(#ff3c3c), to(#ffa000));
    background: linear-gradient(90deg, #ff3c3c, #ffa000);
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 0 rgba(0, 0, 0, .15);
    padding: 3% 0;
    border-radius: 9px
  }
}

@media print, screen and (min-width: 481px) {
  .md-ttl__section[data-type=about] .icon {
    width: 26px
  }

  .md-ttl__section[data-type=support] .icon {
    margin-bottom: 17px;
    width: 27px
  }

  .md-ttl__section[data-type=user] .icon {
    margin-bottom: 12px;
    width: 22px
  }

  .md-ttl__section[data-type=twitter] .icon {
    margin-bottom: 5px;
    width: 27px
  }

  .md-ttl__section .ttl {
    font-size: 1.6rem
  }

  .md-ttl__large {
    line-height: 1.5;
    letter-spacing: .08em;
    font-size: 3.9rem
  }

  .md-btn__links {
    min-height: 74px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
  }

  .md-btn__links:hover {
    background: #3c3cff
  }

  .md-btn__links:hover:after {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }

  .md-btn__links[data-type=popup] .icon {
    width: 16px
  }

  .md-btn__links[data-color=red]:hover {
    background: #3c3cff
  }

  .md-btn__links span {
    font-size: 1.9rem
  }

  .md-btn__links .icon {
    right: 15px
  }

  .l-loader__inner .loading {
    width: 29.239766081871345%;
    max-width: 400px
  }

  .l-loader__inner .loading--logo {
    margin-bottom: 30px;
    width: 55.00000000000001%
  }

  .l-loader__inner .loading--txt {
    margin-bottom: 30px;
    width: 90%
  }

  .l-loader__inner .loading--bar {
    height: 4px
  }

  .is-sp {
    display: none !important
  }

  .l-bg {
    height: 100%
  }

  .l-bg__inner:before {
    background: url(https://langaku.app/_assets/images/_common/bg/bg_pc.jpg) 50% no-repeat;
    background-size: cover
  }

  .l-header:before {
    height: 4px
  }

  .l-footer__inner {
    padding-left: 6.140350877192982%;
    padding-right: 6.140350877192982%
  }

  .l-footer__inner .footcont {
    padding-top: 100px
  }

  .l-footer__inner .footcont--applink {
    margin-bottom: 80px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
  }

  .l-footer__inner .footcont--applink__logo {
    margin-bottom: 40px
  }

  .l-footer__inner .footcont--applink__logo--icon {
    margin-bottom: 30px;
    max-width: 134px
  }

  .l-footer__inner .footcont--applink__logo--typo {
    max-width: 250px
  }

  .l-footer__inner .footcont--applink__links {
    margin-left: auto;
    margin-right: auto;
    max-width: 362px
  }

  .l-footer__inner .footcont--twitter {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
  }

  .l-footer__inner .footcont--twitter__ttl {
    margin-bottom: 15px
  }

  .l-footer__inner .footcont--twitter__timeline {
    margin-bottom: 15px;
    max-width: 384px;
    height: 262px
  }

  .l-footer__inner .footcont--twitter__link button {
    font-size: 1.4rem
  }

  .l-footer__inner .footcont--twitter__link button a {
    padding: 8px 28px
  }

  .l-footer__inner .footcont--twitter__link button a .arrow {
    margin-left: 8px;
    width: 12px
  }

  .l-footer__inner .footcont--last {
    margin-top: 60px;
    padding-bottom: 60px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end
  }

  .l-footer__inner .footcont--last--pagetop {
    top: -20px;
    right: 0;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
  }

  .l-footer__inner .footcont--last--pagetop:hover {
    border-color: #ffa000
  }

  .l-footer__inner .footcont--last--pagetop:hover span {
    color: #ffa000
  }

  .l-footer__inner .footcont--last--pagetop span {
    padding-left: 8px;
    padding-bottom: 28px;
    font-size: 1rem;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
  }

  .l-footer__inner .footcont--last__links {
    width: 50%
  }

  .l-footer__inner .footcont--last__links--share {
    margin-bottom: 25px
  }

  .l-footer__inner .footcont--last__links--sublinks .footlinks ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
  }

  .l-footer__inner .footcont--last__links--sublinks .footlinks ul li {
    font-size: 1.3rem
  }

  .l-footer__inner .footcont--last__links--sublinks .footlinks ul li:not(:last-child) {
    margin-right: 1.8em
  }

  .l-footer__inner .footcont--last__links--sublinks .footlinks ul li a {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
  }

  .l-footer__inner .footcont--last__links--sublinks .footlinks ul li a:hover {
    color: #ffa000
  }

  .l-footer__inner .footcont--last__copyright {
    width: 50%
  }

  .l-footer__inner .footcont--last__copyright--logo {
    margin-left: auto;
    padding-right: 50px;
    max-width: 130px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .l-footer__inner .footcont--last__copyright--logo a:hover img {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
  }

  .l-footer__inner .footcont--last__copyright--logo a img {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
  }

  .l-footer__inner .footcont--last__copyright--txt {
    margin-top: 40px;
    text-align: right;
    font-size: 1.3rem
  }

  .l-footer__inner .footcont--last__copyright--txt span:not(:last-child) {
    margin-right: 1.2em
  }

  .l-applinks > li.appstore {
    width: 43.3649289099526%
  }

  .l-applinks > li.googleplay {
    width: 53.55450236966824%
  }

  .l-applinks > li[data-status=disable]:after {
    font-size: 1.3rem
  }

  .l-applinks > li a {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
  }

  .l-applinks > li a:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(.7);
    filter: brightness(.7)
  }

  .l-share {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
  }

  .l-share__ttl {
    margin-right: 20px;
    line-height: 1;
    font-size: 1rem
  }

  .l-share__links > li {
    width: 39px
  }

  .l-share__links > li:not(:last-child) {
    margin-right: 14px
  }

  .l-share__links > li a:hover img {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
  }

  .l-share__links > li a img {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
  }

  .l-modal__inner .cont--inner .footclosebtn {
    margin-top: 60px;
    width: 32px
  }

  .l-modal#js-aboutmodal .cont--inner .tadoku {
    padding-top: 65px;
    padding-bottom: 45px;
    max-width: 834px
  }

  .l-modal#js-aboutmodal .cont--inner .tadoku:before {
    background: url(https://langaku.app/_assets/images/modal/about_bg_pc.png) 0 100% no-repeat;
    background-size: 100% auto
  }

  .l-modal#js-aboutmodal .cont--inner .tadoku--header {
    margin-bottom: 22px;
    padding-bottom: 18px
  }

  .l-modal#js-aboutmodal .cont--inner .tadoku--header:after {
    width: 20px;
    height: 2px
  }

  .l-modal#js-aboutmodal .cont--inner .tadoku--header em {
    font-size: 2.6rem
  }

  .l-modal#js-aboutmodal .cont--inner .tadoku--main {
    margin-left: auto;
    margin-right: auto;
    width: 77.21822541966426%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between
  }

  .l-modal#js-aboutmodal .cont--inner .tadoku--main__desc {
    width: 59.78260869565217%
  }

  .l-modal#js-aboutmodal .cont--inner .tadoku--main__desc p {
    font-size: 1.6rem
  }

  .l-modal#js-aboutmodal .cont--inner .tadoku--main__img {
    width: 40.06211180124223%
  }

  .l-modal#js-lineupmodal .cont {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
  }

  .l-modal#js-lineupmodal .cont--inner {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .l-modal#js-lineupmodal .cont--inner .lineup {
    padding: 55px 30px 80px;
    max-width: 834px
  }

  .l-modal#js-lineupmodal .cont--inner .lineup .closebtn {
    top: 40px;
    right: 4.796163069544365%;
    width: 32px
  }

  .l-modal#js-lineupmodal .cont--inner .lineup--header {
    margin-bottom: 45px
  }

  .l-modal#js-lineupmodal .cont--inner .lineup--header em {
    font-size: 3rem
  }

  .l-modal#js-lineupmodal .cont--inner .lineup--header span {
    margin-left: 1.2em;
    font-size: 1.4rem
  }

  .l-modal#js-lineupmodal .cont--inner .lineup--main ul li {
    width: 25%
  }

  .l-modal#js-lineupmodal .cont--inner .lineup--main ul li[data-size=full] {
    width: 50%
  }

  .l-modal#js-lineupmodal .cont--inner .lineup--main ul li:nth-child(n+5) {
    margin-top: 30px
  }

  .l-modal#js-lineupmodal .cont--inner .lineup--main ul li dl dt {
    font-size: 1.4rem
  }

  .l-modal#js-lineupmodal .cont--inner .lineup--main ul li dl dd {
    font-size: 1.1rem
  }

  .common-settings#About {
    padding-top: 50px;
    padding-bottom: 135px
  }

  .common-settings#About .inner-section .aboutlineup {
    padding-top: 120px
  }

  .common-settings#About .inner-section .aboutlineup .md-ttl__large {
    margin-bottom: 40px
  }

  .common-settings#About .inner-section .aboutlineup--comics {
    margin-bottom: 30px
  }

  .common-settings#About .inner-section .aboutlineup--comics li {
    height: 210px;
    background-size: 1469px auto
  }

  .common-settings#About .inner-section .aboutlineup--comics li:not(:last-child) {
    margin-bottom: 16px
  }

  .common-settings#About .inner-section .aboutlineup--comics li:nth-child(odd) {
    -webkit-animation: a 40s infinite linear;
    animation: a 40s infinite linear
  }

  .common-settings#About .inner-section .aboutlineup--comics li:nth-child(2n) {
    -webkit-animation: b 40s infinite linear;
    animation: b 40s infinite linear
  }

  .common-settings#About .inner-section .aboutlineup--footer button {
    width: 100%;
    max-width: 560px
  }

  .l-fv {
    padding-left: 40px;
    padding-right: 40px
  }

  .l-fv__inner .fv {
    padding-top: 60px;
    padding-bottom: 205px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
  }

  .l-fv__inner .fv:before {
    content: "";
    position: absolute;
    top: -20px;
    left: -14.309941520467836%;
    display: block;
    width: 87.71929824561403%;
    height: auto;
    pointer-events: none;
    background: url(https://langaku.app/_assets/images/_common/icon/icon_logomark_group.png) 0 0 no-repeat;
    background-size: 100% auto;
    z-index: 1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    aspect-ratio: 1/1
  }

  .l-fv__inner .fv--txt {
    padding-bottom: 10px;
    width: 50%
  }

  .l-fv__inner .fv--txt__catch {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 59.66666666666667%
  }

  .l-fv__inner .fv--txt__logo {
    margin-bottom: 25px;
    width: 100%
  }

  .l-fv__inner .fv--txt__applinks {
    margin-left: auto;
    margin-right: auto;
    width: 70.33333333333334%
  }

  .l-fv__inner .fv--v {
    width: 42.833333333333336%
  }

  .l-fv__inner .fv--v__slider--cont .data--inner small {
    font-size: 1.2rem;
    bottom: 25px
  }

  .common-settings#Support {
    padding-top: 130px;
    padding-bottom: 220px
  }

  .common-settings#Support .inner-section .support--header {
    margin-bottom: 50px
  }

  .common-settings#Support .inner-section .support--header .md-ttl__section {
    margin-bottom: 25px
  }

  .common-settings#Support .inner-section .support--main__slider .slick-dots {
    bottom: -70px
  }

  .common-settings#Support .inner-section .support--main__slider .slick-dots li:hover button:before {
    color: #ffa000
  }

  .common-settings#Support .inner-section .support--main__slider .data {
    padding-left: 30px;
    padding-right: 30px;
    width: 612px !important
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner {
    padding-top: 40px;
    padding-bottom: 80px
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .arrow {
    top: 72px;
    background-size: 22px auto;
    width: 48px;
    height: 48px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .arrow:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .arrow[data-pos=left] {
    left: 17px
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .arrow[data-pos=right] {
    right: 17px
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .ttl {
    margin-bottom: 24px;
    font-size: 1.8rem
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .catch {
    line-height: 1;
    font-size: 2.2rem
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont {
    padding-top: 40px
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .movie {
    width: 57.971014492753625%
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .movie small {
    font-size: 1.3rem
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample {
    width: 69.92753623188406%
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample[data-type=support3] .soundicon {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample[data-type=support3] .soundicon:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample--txt small {
    font-size: 1.1rem
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav {
    width: 80px
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li {
    height: 62px
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li:hover {
    background: #ffa000
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li:hover:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate(90%, -50%);
    transform: translate(90%, -50%)
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li:hover span {
    color: #fff
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li:not(:last-child) {
    margin-bottom: 8px
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li:after {
    width: 12px;
    height: 11px
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li span {
    font-size: 2.4rem
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li span:after {
    font-size: 1.6rem
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--main {
    width: calc(100% - 92px)
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--main small {
    font-size: 1.1rem
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .desc {
    margin-top: 40px;
    width: 85.5072463768116%
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .desc p {
    font-size: 1.6rem
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .desc p small {
    font-size: 1.3rem
  }

  .common-settings#User {
    padding-top: 130px;
    padding-bottom: 120px
  }

  .common-settings#User .inner-section .user--header {
    margin-bottom: 75px
  }

  .common-settings#User .inner-section .user--header .md-ttl__section {
    margin-bottom: 45px
  }

  .common-settings#User .inner-section .user--header .md-ttl__large {
    margin-bottom: 30px;
    line-height: 1
  }

  .common-settings#User .inner-section .user--header__catch p {
    line-height: 1;
    font-size: 2.1rem
  }

  .common-settings#User .inner-section .user--main {
    padding-left: 40px;
    padding-right: 40px
  }

  .common-settings#User .inner-section .user--main__lineup {
    margin-left: auto;
    margin-right: auto;
    max-width: 794px
  }

  .common-settings#User .inner-section .user--main__lineup--block:nth-child(2n) .icon {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
  }

  .common-settings#User .inner-section .user--main__lineup--block:not(:last-child) {
    margin-bottom: 50px
  }

  .common-settings#User .inner-section .user--main__lineup--block .icon {
    width: 7.052896725440807%;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
  }

  .common-settings#User .inner-section .user--main__lineup--block .comment {
    width: 87.40554156171285%
  }

  .common-settings#User .inner-section .user--main__lineup--block .comment--inner {
    padding: 30px
  }

  .common-settings#User .inner-section .user--main__lineup--block .comment--inner:before {
    top: 14px;
    width: 24px;
    height: 29px
  }

  .common-settings#User .inner-section .user--main__lineup--block .comment--inner p {
    font-size: 1.5rem
  }

  .common-settings#User .inner-section .user--footer {
    margin-top: 60px;
    font-size: 1.3rem
  }
}

@media screen and (max-width: 480px) {
  #Wrap .md-ttl__section[data-type=about] .icon {
    width: 4.166666666666666%;
    margin-bottom: 3.589743589743589vw
  }

  #Wrap .md-ttl__section[data-type=support] .icon {
    width: 5.208333333333334%;
    margin-bottom: 3.846153846153846vw
  }

  #Wrap .md-ttl__section[data-type=user] .icon {
    width: 3.645833333333333%;
    margin-bottom: 3.589743589743589vw
  }

  #Wrap .md-ttl__section[data-type=twitter] .icon {
    width: 5.729166666666666%;
    margin-bottom: 2.051282051282051vw
  }

  #Wrap .md-ttl__section .ttl {
    font-size: 3.5897435897vw !important
  }

  #Wrap .md-ttl__large {
    line-height: 1.6;
    font-size: 5.641025641vw !important
  }

  #Wrap .md-ttl__large strong {
    font-size: 6.6666666667vw !important
  }

  #Wrap .md-btn__links {
    height: 14.1025641026vw !important
  }

  #Wrap .md-btn__links[data-type=popup] .icon {
    width: 4.1025641026vw !important
  }

  #Wrap .md-btn__links span {
    font-size: 4.358974359vw !important
  }

  #Wrap .md-btn__links .icon {
    right: 5.833333333333333%
  }

  body .l-loader__inner .loading {
    width: 48.598130841121495%
  }

  body .l-loader__inner .loading--logo {
    width: 59.61538461538461%;
    margin-bottom: 7.179487179487179vw
  }

  body .l-loader__inner .loading--txt {
    width: 96.15384615384616%;
    margin-bottom: 5.128205128205128vw
  }

  body .l-loader__inner .loading--bar {
    height: .7692307692vw !important
  }

  .is-pc {
    display: none !important
  }

  #Wrap .l-bg {
    height: 100%;
    height: 100 lvh
  }

  #Wrap .l-bg__inner:before {
    background: url(https://langaku.app/_assets/images/_common/bg/bg_sp.jpg) 50% no-repeat;
    background-size: cover
  }

  #Wrap .l-header {
    margin-bottom: 3.846153846153846vw;
    padding-top: 7.692307692307692vw
  }

  #Wrap .l-header:before {
    height: 1.0256410256vw !important
  }

  #Wrap .l-header .logo {
    margin-left: auto;
    margin-right: auto;
    width: 51.4018691588785%
  }

  #Wrap .l-footer__inner {
    padding-left: 5.14018691588785%;
    padding-right: 5.14018691588785%
  }

  #Wrap .l-footer__inner .footcont {
    padding-top: 15.384615384615383vw
  }

  #Wrap .l-footer__inner .footcont--applink {
    margin-bottom: 17.17948717948718vw
  }

  #Wrap .l-footer__inner .footcont--applink__logo {
    margin-bottom: 7.692307692307692vw
  }

  #Wrap .l-footer__inner .footcont--applink__logo--icon {
    width: 20.833333333333336%;
    margin-bottom: 5.128205128205128vw
  }

  #Wrap .l-footer__inner .footcont--applink__logo--typo {
    width: 39.0625%
  }

  #Wrap .l-footer__inner .footcont--twitter {
    margin-top: 28.205128205128204vw
  }

  #Wrap .l-footer__inner .footcont--twitter__ttl {
    margin-bottom: 3.846153846153846vw
  }

  #Wrap .l-footer__inner .footcont--twitter__timeline {
    margin-bottom: 5.128205128205128vw;
    height: 66.6666666667vw !important
  }

  #Wrap .l-footer__inner .footcont--twitter__link button {
    font-size: 3.5897435897vw !important
  }

  #Wrap .l-footer__inner .footcont--twitter__link button a {
    padding-left: 6.666666666666666vw;
    padding-right: 6.666666666666666vw;
    height: 8.7179487179vw !important
  }

  #Wrap .l-footer__inner .footcont--twitter__link button a .arrow {
    margin-left: 1.538461538461538vw;
    width: 2.5641025641vw !important
  }

  #Wrap .l-footer__inner .footcont--last {
    margin-top: 28.205128205128204vw
  }

  #Wrap .l-footer__inner .footcont--last--pagetop {
    top: 0;
    right: 2.604166666666667%
  }

  #Wrap .l-footer__inner .footcont--last--pagetop span {
    padding-left: 2.051282051282051vw;
    padding-bottom: 10.769230769230768vw;
    font-size: 2.5641025641vw !important
  }

  #Wrap .l-footer__inner .footcont--last__links {
    margin-bottom: 1.538461538461538vw
  }

  #Wrap .l-footer__inner .footcont--last__links--share {
    margin-bottom: 12.82051282051282vw
  }

  #Wrap .l-footer__inner .footcont--last__links--sublinks {
    padding-left: 2.604166666666667%
  }

  #Wrap .l-footer__inner .footcont--last__links--sublinks .footlinks ul li {
    font-size: 3.3333333333vw !important
  }

  #Wrap .l-footer__inner .footcont--last__links--sublinks .footlinks ul li:not(:last-child) {
    margin-bottom: .7em
  }

  #Wrap .l-footer__inner .footcont--last__copyright {
    padding-left: 2.604166666666667%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    padding-bottom: 11.538461538461537vw
  }

  #Wrap .l-footer__inner .footcont--last__copyright--logo {
    width: 23.0769230769vw !important;
    padding-right: 2.564102564102564vw
  }

  #Wrap .l-footer__inner .footcont--last__copyright--txt {
    text-align: left;
    font-size: 2.5641025641vw !important
  }

  #Wrap .l-applinks {
    width: 74.29906542056075%
  }

  #Wrap .l-applinks > li.appstore {
    width: 43.39622641509434%
  }

  #Wrap .l-applinks > li.googleplay {
    width: 53.459119496855344%
  }

  #Wrap .l-applinks > li[data-status=disable]:after {
    font-size: 3.3333333333vw !important
  }

  #Wrap .l-share__ttl {
    padding-left: 2.564102564102564vw;
    font-size: 2.5641025641vw !important
  }

  #Wrap .l-share__links {
    padding-top: 3.076923076923077vw;
    padding-left: 1.282051282051282vw
  }

  #Wrap .l-share__links > li {
    width: 8.4615384615vw !important
  }

  #Wrap .l-share__links > li:not(:last-child) {
    margin-right: 3.076923076923077vw
  }

  #Wrap .l-modal__inner .cont--inner .footclosebtn {
    margin-top: 10.256410256410255vw;
    width: 8.2051282051vw !important
  }

  #Wrap .l-modal#js-aboutmodal .cont--inner .tadoku {
    width: 85.98130841121495%;
    padding-top: 12.82051282051282vw
  }

  #Wrap .l-modal#js-aboutmodal .cont--inner .tadoku:before {
    background: url(https://langaku.app/_assets/images/modal/about_bg_sp.png) 0 100% no-repeat;
    background-size: 100% auto
  }

  #Wrap .l-modal#js-aboutmodal .cont--inner .tadoku--header {
    margin-bottom: 4.615384615384615vw;
    padding-bottom: 3.333333333333333vw
  }

  #Wrap .l-modal#js-aboutmodal .cont--inner .tadoku--header:after {
    width: 5.1282051282vw !important;
    height: .5128205128vw !important
  }

  #Wrap .l-modal#js-aboutmodal .cont--inner .tadoku--header em {
    font-size: 5.641025641vw !important
  }

  #Wrap .l-modal#js-aboutmodal .cont--inner .tadoku--main__desc {
    padding-left: 7.692307692307692vw;
    padding-right: 7.692307692307692vw
  }

  #Wrap .l-modal#js-aboutmodal .cont--inner .tadoku--main__desc p {
    font-size: 3.5897435897vw !important
  }

  #Wrap .l-modal#js-aboutmodal .cont--inner .tadoku--main__img {
    margin-left: auto;
    width: 52.17391304347826%
  }

  #Wrap .l-modal#js-lineupmodal .cont--inner {
    padding-top: 15.384615384615383vw;
    padding-bottom: 15.384615384615383vw
  }

  #Wrap .l-modal#js-lineupmodal .cont--inner .lineup {
    width: 89.7196261682243%;
    padding: 10.256410256410255vw 6.41025641025641vw 15.384615384615383vw
  }

  #Wrap .l-modal#js-lineupmodal .cont--inner .lineup .closebtn {
    top: 5vw;
    right: 4.427083333333334%;
    width: 4.8717948718vw !important
  }

  #Wrap .l-modal#js-lineupmodal .cont--inner .lineup--header {
    margin-bottom: 7.692307692307692vw
  }

  #Wrap .l-modal#js-lineupmodal .cont--inner .lineup--header em, #Wrap .l-modal#js-lineupmodal .cont--inner .lineup--header span {
    display: block;
    text-align: center;
    line-height: 1
  }

  #Wrap .l-modal#js-lineupmodal .cont--inner .lineup--header em {
    font-size: 4.358974359vw !important
  }

  #Wrap .l-modal#js-lineupmodal .cont--inner .lineup--header span {
    margin-top: 2.051282051282051vw;
    font-size: 3.0769230769vw !important
  }

  #Wrap .l-modal#js-lineupmodal .cont--inner .lineup--main ul {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between
  }

  #Wrap .l-modal#js-lineupmodal .cont--inner .lineup--main ul li {
    width: 48%
  }

  #Wrap .l-modal#js-lineupmodal .cont--inner .lineup--main ul li[data-size=full] {
    width: 100%
  }

  #Wrap .l-modal#js-lineupmodal .cont--inner .lineup--main ul li:nth-child(n+3) {
    margin-top: 5.128205128205128vw
  }

  #Wrap .l-modal#js-lineupmodal .cont--inner .lineup--main ul li dl dt {
    font-size: 3.3333333333vw !important
  }

  #Wrap .l-modal#js-lineupmodal .cont--inner .lineup--main ul li dl dd {
    font-size: 2.5641025641vw !important
  }

  #Wrap .common-settings#About {
    padding-top: 19.23076923076923vw;
    padding-bottom: 23.076923076923073vw
  }

  #Wrap .common-settings#About .inner-section .aboutlineup {
    padding-top: 11.538461538461537vw
  }

  #Wrap .common-settings#About .inner-section .aboutlineup .md-ttl__large {
    margin-bottom: 6.41025641025641vw
  }

  #Wrap .common-settings#About .inner-section .aboutlineup--comics {
    margin-bottom: 7.692307692307692vw
  }

  #Wrap .common-settings#About .inner-section .aboutlineup--footer button {
    max-width: 100%;
    width: 56.074766355140184%
  }

  #Wrap .l-fv__inner .fv {
    padding-bottom: 0
  }

  #Wrap .l-fv__inner .fv--txt__applinks {
    margin-top: 7.692307692307692vw
  }

  #Wrap .l-fv__inner .fv--v__catch {
    position: absolute;
    top: 11.6vw;
    right: 2.803738317757009%;
    width: 12.850467289719624%;
    z-index: 2;
    border-radius: 4px;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    padding-top: 3.333333333333333vw;
    padding-bottom: 4.358974358974359vw
  }

  #Wrap .l-fv__inner .fv--v__catch, #Wrap .l-fv__inner .fv--v__catch[data-color=orange] {
    background: linear-gradient(45deg, #ff3c3c, #ffa000)
  }

  #Wrap .l-fv__inner .fv--v__catch[data-color=blue] {
    background: linear-gradient(45deg, #3c3cff, #23af7c)
  }

  #Wrap .l-fv__inner .fv--v__catch img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 63.63636363636363%;
    vertical-align: top
  }

  #Wrap .l-fv__inner .fv--v__slider {
    margin-left: auto;
    margin-right: auto;
    width: 86.44859813084112%
  }

  #Wrap .l-fv__inner .fv--v__slider--cont .data--inner small {
    bottom: 5.1vw;
    font-size: 2.5641025641vw !important
  }

  #Wrap .common-settings#Last {
    padding-bottom: 19.23076923076923vw
  }

  #Wrap .common-settings#Support {
    padding-top: 17.94871794871795vw;
    padding-bottom: 29.487179487179485vw
  }

  #Wrap .common-settings#Support .inner-section .support--header {
    margin-bottom: 7.692307692307692vw
  }

  #Wrap .common-settings#Support .inner-section .support--header .md-ttl__section {
    margin-bottom: 5.128205128205128vw
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .slick-dots {
    bottom: -40px
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data {
    width: auto !important;
    padding-left: 1.282051282051282vw;
    padding-right: 1.282051282051282vw
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner {
    padding-top: 7.692307692307692vw;
    padding-bottom: 15.384615384615383vw
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .arrow {
    top: 10.4vw;
    background-size: 2.6vw auto;
    width: 10.2564102564vw !important;
    height: 10.2564102564vw !important
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .arrow[data-pos=left] {
    left: 1.302083333333333%
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .arrow[data-pos=right] {
    right: 1.302083333333333%
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .ttl {
    margin-bottom: 3.076923076923077vw;
    font-size: 3.5897435897vw !important
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .catch {
    font-size: 3.8461538462vw !important
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .cont {
    padding-top: 5.128205128205128vw
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .movie {
    width: 57.291666666666664%
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .movie small {
    font-size: 2.8205128205vw !important
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample {
    width: 75.52083333333334%
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample--txt small {
    font-size: 2.5641025641vw !important
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample--txt small.copyright {
    -webkit-transform: translateY(-10vw);
    transform: translateY(-10vw)
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li {
    height: 12.3076923077vw !important
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li:not(:last-child) {
    margin-bottom: 2.051282051282051vw
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li:after {
    width: 3.0769230769vw !important;
    height: 2.8205128205vw !important
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li span {
    font-size: 4.6153846154vw !important
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--main small, #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li span:after {
    font-size: 2.5641025641vw !important
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .desc {
    width: 89.58333333333334%;
    margin-top: 5.128205128205128vw
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .desc p {
    font-size: 3.5897435897vw !important
  }

  #Wrap .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .desc p small {
    font-size: 2.8205128205vw !important
  }

  #Wrap .common-settings#Support .inner-section .slick-slide {
    width: 370px
  }

  #Wrap .common-settings#User {
    padding-top: 17.94871794871795vw;
    padding-bottom: 20.51282051282051vw
  }

  #Wrap .common-settings#User .inner-section .user--header {
    margin-bottom: 10.256410256410255vw
  }

  #Wrap .common-settings#User .inner-section .user--header .md-ttl__section {
    margin-bottom: 3.589743589743589vw
  }

  #Wrap .common-settings#User .inner-section .user--header .md-ttl__large {
    margin-bottom: 3.846153846153846vw
  }

  #Wrap .common-settings#User .inner-section .user--header__catch p {
    line-height: 1.6;
    font-size: 4.1025641026vw !important
  }

  #Wrap .common-settings#User .inner-section .user--main {
    padding-left: 5.14018691588785%;
    padding-right: 5.14018691588785%;
    margin-bottom: 7.692307692307692vw
  }

  #Wrap .common-settings#User .inner-section .user--main__lineup--block:not(:last-child) {
    margin-bottom: 6.41025641025641vw
  }

  #Wrap .common-settings#User .inner-section .user--main__lineup--block .icon {
    padding-top: 2.564102564102564vw;
    width: 11.458333333333332%
  }

  #Wrap .common-settings#User .inner-section .user--main__lineup--block .comment {
    width: 82.29166666666666%
  }

  #Wrap .common-settings#User .inner-section .user--main__lineup--block .comment--inner {
    padding: 5.641025641025641vw 4.615384615384615vw 6.41025641025641vw
  }

  #Wrap .common-settings#User .inner-section .user--main__lineup--block .comment--inner:before {
    top: 5.6vw;
    width: 4.6153846154vw !important;
    height: 3.8461538462vw !important
  }

  #Wrap .common-settings#User .inner-section .user--main__lineup--block .comment--inner p {
    font-size: 3.5897435897vw !important
  }

  #Wrap .common-settings#User .inner-section .user--footer {
    font-size: 2.5641025641vw !important
  }
}

@media screen and (max-width: 834px) {
  .md-ttl__section .ttl {
    font-size: 1.9184652278vw !important
  }

  .md-ttl__large {
    font-size: 3.3573141487vw !important
  }

  .md-btn__links {
    min-height: auto;
    height: 10.7692307692vw !important
  }

  .md-btn__links span {
    font-size: 2.3980815348vw !important
  }

  .l-footer__inner .footcont--last__links--sublinks .footlinks ul li {
    font-size: 1.4388489209vw !important
  }

  .l-footer__inner .footcont--last__copyright--txt {
    text-align: right;
    font-size: 1.4388489209vw !important
  }

  .l-footer__inner .footcont--last__copyright--txt span {
    display: block
  }

  .l-footer__inner .footcont--last__copyright--txt span:not(:last-child) {
    margin-right: 0;
    margin-bottom: .9em
  }

  .l-applinks > li[data-status=disable]:after {
    font-size: 1.6786570743vw !important
  }

  #About .inner-section .aboutlineup--comics li {
    background-size: 1154px auto;
    height: 165px
  }

  #About .inner-section .aboutlineup--comics li:not(:last-child) {
    margin-bottom: 3.076923076923077vw
  }

  #About .inner-section .aboutlineup--comics li:nth-child(odd) {
    -webkit-animation: c 30s infinite linear;
    animation: c 30s infinite linear
  }

  #About .inner-section .aboutlineup--comics li:nth-child(2n) {
    -webkit-animation: d 30s infinite linear;
    animation: d 30s infinite linear
  }

  #About .inner-section .aboutlineup--footer button {
    max-width: 45%
  }

  .l-fv__inner .fv {
    padding-bottom: 170px
  }

  .l-fv__inner .fv--txt__catch {
    margin-bottom: 20px
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner {
    padding-bottom: 40px
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .arrow {
    top: 9.7vw;
    width: 22px;
    height: 22px;
    background-size: 14px auto
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .ttl {
    font-size: 1.6786570743vw !important
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .catch {
    font-size: 2.3980815348vw !important
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .movie small {
    font-size: 1.4388489209vw !important
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample--txt {
    display: block
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample--txt small {
    font-size: 1.4388489209vw !important
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample--txt small.attention {
    padding-top: .8em;
    text-align: center
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .sample--txt small.copyright {
    -webkit-transform: translateY(-6vw);
    transform: translateY(-6vw)
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav {
    width: 16.77018633540373%
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li {
    height: 10vw
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li span {
    font-size: 3.3573141487vw !important
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--nav ul li span:after {
    font-size: 2.278177458vw !important
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--main {
    width: 79.19254658385093%
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .percentage--main small {
    font-size: 1.4388489209vw !important
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .desc {
    margin-top: 30px
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .desc p {
    font-size: 1.9184652278vw !important
  }

  .common-settings#Support .inner-section .support--main__slider .data--inner .cont--inner .desc p small {
    font-size: 1.4388489209vw !important
  }

  #User .inner-section .user--header__catch p {
    font-size: 2.1582733813vw !important
  }

  #User .inner-section .user--main__lineup--block .comment--inner p {
    font-size: 1.7985611511vw !important
  }

  #User .inner-section .user--footer {
    font-size: 1.4388489209vw !important
  }
}

@media print, screen and (min-width: 769px) {
  .common-settings#Last {
    padding-bottom: 70px;
    padding-left: 40px;
    padding-right: 40px
  }

  .common-settings#Last .inner-section .last--img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    max-width: 918px
  }

  .common-settings#Last .inner-section .last--footer {
    padding: 5px 9px;
    font-size: 1.3rem
  }
}

@media screen and (max-width: 768px) {
  .common-settings#Last .inner-section .last--img {
    margin-bottom: 9.743589743589743vw
  }

  .common-settings#Last .inner-section .last--footer {
    padding: 1.538461538461538vw 3.076923076923077vw;
    font-size: 2.8205128205vw !important
  }
}

@media screen and (max-width: 960px) {
  .common-settings#Support .inner-section .support--main__slider .data {
    padding-left: 16px;
    padding-right: 16px;
    width: 500px !important
  }
}

@media print, screen and (min-width: 481px) and (max-width: 1280px) {
  #Wrap #Main #Worries h2 {
    font-size: 4.5vw
  }

  #Wrap #Main #Worries .worries-list .list p {
    font-size: 1.9vw
  }

  #Wrap #Main #Worries .worries-list .list ul {
    font-size: 2.4vw
  }

  #Wrap #Main #Worries .worries-main-text {
    font-size: 3vw
  }

  #Wrap #Main #Worries .worries-catch p {
    font-size: 3.8vw
  }

  #Wrap #Main #Worries .worries-catch p span {
    font-size: 4.9vw
  }

  #Wrap #Main #Advantage h2 {
    font-size: 4.5vw
  }

  #Wrap #Main #Advantage .advantage-list li .list-title {
    font-size: 3vw
  }

  #Wrap #Main #Advantage .advantage-list li .list-text {
    font-size: 1.5vw
  }

  #Wrap #Main #Cause h2 {
    font-size: 4.5vw
  }

  #Wrap #Main #Cause .cause-contents .text p:first-child {
    font-size: 3vw
  }

  #Wrap #Main #Cause .cause-contents .text p:nth-child(2) {
    font-size: 2vw
  }

  #Wrap #Main #Cause .cause-contents .text p:nth-child(3) {
    font-size: 1.2vw
  }

  #Wrap #Main #Cause .mechanism-title {
    font-size: 3vw
  }

  #Wrap #Main #Cause .mechanism-list li .text p:first-child {
    font-size: 2.7vw
  }

  #Wrap #Main #Cause .mechanism-list li .text p:last-child {
    font-size: 1.5vw
  }

  #Wrap #Main #Cause .mechanism-list li:nth-child(3) .text p:first-child, #Wrap #Main #Cause .mechanism-list li:nth-child(4) .text p:first-child {
    font-size: 3.8vw
  }

  #Wrap #Main #Cause .success-title {
    font-size: 4vw
  }

  #Wrap #Main #Cause .success-list li .text p:first-child, #Wrap #Main #Cause h4 {
    font-size: 3vw
  }

  #Wrap #Main #Cause .success-list li .text p:nth-child(2) {
    font-size: 1.5vw
  }

  #Wrap #Main #Advertisement h2 {
    font-size: 4.5vw
  }
}

@media (481px < width <

1000px

) {
  #Wrap #Main #Teacher .teacher--header h4 {
    font-size: 4.5vw !important
  }
}

@media print, screen and (481px < width <

834px

) {
  #Wrap #Main #Media h3 {
    font-size: 3.6vw !important
  }

  #Wrap #Main #Teacher .comment p, #Wrap #Main #Teacher .description p {
    font-size: 2vw !important
  }

  #Wrap #Main #Teacher .description p {
    font-size: 1.5vw !important
  }

  #Wrap #Main #Teacher .youtube h5 {
    font-size: 2.7vw !important
  }

  #Wrap #Main #Effect .effect--header h4 {
    font-size: 4.5vw !important
  }

  #Wrap #Main #Effect .effect--header h5 {
    font-size: 2.7vw !important
  }

  #Wrap #Main #Effect h6.label {
    font-size: 4.5vw !important;
    margin-top: 8vw
  }

  #Wrap #Main #User .user .user--header h4 {
    font-size: 4.5vw !important
  }

  #Wrap #Main #User .user .user--header h5 p {
    font-size: 2vw !important
  }

  #Wrap #Main #User .user .user--main .user--main__lineup .icon {
    width: 10vw !important
  }

  #Wrap #Main #User .user .user--main .user--main__lineup .comment h6 {
    font-size: 2.7vw !important
  }

  #Wrap #Main #User .user .user--main .user--main__lineup .comment p {
    font-size: 1.5vw !important
  }

  #Wrap #Main #Last {
    visibility: visible
  }
}

.slick-slider {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
  position: relative;
  display: block
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after, .slick-track:before {
  display: table;
  content: ""
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

@charset "UTF-8";
.slick-loading .slick-list {
  background: #fff url(../../_/node_modules/slick-carousel/slick/ajax-loader_c5cd7f5300576ab4c88202b42f6ded62.gif) 50% no-repeat
}

@font-face {
  font-family: slick;
  font-weight: 400;
  font-style: normal;
  src: url(data:application/vnd.ms-fontobject;base64,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);
  src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format("embedded-opentype"), url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"), url(data:font/ttf;base64,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) format("truetype"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#slick) format("svg")
}

.slick-next, .slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  border: none
}

.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
  color: transparent;
  outline: none;
  background: transparent
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before, .slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto
}

.slick-prev:before {
  content: "\2190"
}

[dir=rtl] .slick-prev:before {
  content: "\2192"
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px
}

.slick-next:before {
  content: "\2192"
}

[dir=rtl] .slick-next:before {
  content: "\2190"
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0
}

.slick-dots li, .slick-dots li button {
  width: 20px;
  height: 20px;
  cursor: pointer
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 5px;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent
}

.slick-dots li button:focus, .slick-dots li button:hover {
  outline: none
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "\2022";
  text-align: center;
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000
}