#story .mt-0 {
  margin-top: 0px !important
}

#story .mb-0 {
  margin-bottom: 0px !important
}

#story .pt-0 {
  padding-top: 0px !important
}

#story .pb-0 {
  padding-bottom: 0px !important
}

#story .mt-5 {
  margin-top: 5px !important
}

#story .mb-5 {
  margin-bottom: 5px !important
}

#story .pt-5 {
  padding-top: 5px !important
}

#story .pb-5 {
  padding-bottom: 5px !important
}

#story .mt-10 {
  margin-top: 10px !important
}

#story .mb-10 {
  margin-bottom: 10px !important
}

#story .pt-10 {
  padding-top: 10px !important
}

#story .pb-10 {
  padding-bottom: 10px !important
}

#story .mt-15 {
  margin-top: 15px !important
}

#story .mb-15 {
  margin-bottom: 15px !important
}

#story .pt-15 {
  padding-top: 15px !important
}

#story .pb-15 {
  padding-bottom: 15px !important
}

#story .mt-20 {
  margin-top: 20px !important
}

#story .mb-20 {
  margin-bottom: 20px !important
}

#story .pt-20 {
  padding-top: 20px !important
}

#story .pb-20 {
  padding-bottom: 20px !important
}

#story .mt-25 {
  margin-top: 25px !important
}

#story .mb-25 {
  margin-bottom: 25px !important
}

#story .pt-25 {
  padding-top: 25px !important
}

#story .pb-25 {
  padding-bottom: 25px !important
}

#story .mt-30 {
  margin-top: 30px !important
}

#story .mb-30 {
  margin-bottom: 30px !important
}

#story .pt-30 {
  padding-top: 30px !important
}

#story .pb-30 {
  padding-bottom: 30px !important
}

#story .mt-35 {
  margin-top: 35px !important
}

#story .mb-35 {
  margin-bottom: 35px !important
}

#story .pt-35 {
  padding-top: 35px !important
}

#story .pb-35 {
  padding-bottom: 35px !important
}

#story .mt-40 {
  margin-top: 40px !important
}

#story .mb-40 {
  margin-bottom: 40px !important
}

#story .pt-40 {
  padding-top: 40px !important
}

#story .pb-40 {
  padding-bottom: 40px !important
}

#story .mt-45 {
  margin-top: 45px !important
}

#story .mb-45 {
  margin-bottom: 45px !important
}

#story .pt-45 {
  padding-top: 45px !important
}

#story .pb-45 {
  padding-bottom: 45px !important
}

#story .mt-50 {
  margin-top: 50px !important
}

#story .mb-50 {
  margin-bottom: 50px !important
}

#story .pt-50 {
  padding-top: 50px !important
}

#story .pb-50 {
  padding-bottom: 50px !important
}

#story .mt-55 {
  margin-top: 55px !important
}

#story .mb-55 {
  margin-bottom: 55px !important
}

#story .pt-55 {
  padding-top: 55px !important
}

#story .pb-55 {
  padding-bottom: 55px !important
}

#story .mt-60 {
  margin-top: 60px !important
}

#story .mb-60 {
  margin-bottom: 60px !important
}

#story .pt-60 {
  padding-top: 60px !important
}

#story .pb-60 {
  padding-bottom: 60px !important
}

#story .mt-65 {
  margin-top: 65px !important
}

#story .mb-65 {
  margin-bottom: 65px !important
}

#story .pt-65 {
  padding-top: 65px !important
}

#story .pb-65 {
  padding-bottom: 65px !important
}

#story .mt-70 {
  margin-top: 70px !important
}

#story .mb-70 {
  margin-bottom: 70px !important
}

#story .pt-70 {
  padding-top: 70px !important
}

#story .pb-70 {
  padding-bottom: 70px !important
}

#story .mt-75 {
  margin-top: 75px !important
}

#story .mb-75 {
  margin-bottom: 75px !important
}

#story .pt-75 {
  padding-top: 75px !important
}

#story .pb-75 {
  padding-bottom: 75px !important
}

#story .mt-80 {
  margin-top: 80px !important
}

#story .mb-80 {
  margin-bottom: 80px !important
}

#story .pt-80 {
  padding-top: 80px !important
}

#story .pb-80 {
  padding-bottom: 80px !important
}

#story .mt-85 {
  margin-top: 85px !important
}

#story .mb-85 {
  margin-bottom: 85px !important
}

#story .pt-85 {
  padding-top: 85px !important
}

#story .pb-85 {
  padding-bottom: 85px !important
}

#story .mt-90 {
  margin-top: 90px !important
}

#story .mb-90 {
  margin-bottom: 90px !important
}

#story .pt-90 {
  padding-top: 90px !important
}

#story .pb-90 {
  padding-bottom: 90px !important
}

#story .mt-95 {
  margin-top: 95px !important
}

#story .mb-95 {
  margin-bottom: 95px !important
}

#story .pt-95 {
  padding-top: 95px !important
}

#story .pb-95 {
  padding-bottom: 95px !important
}

#story .mt-100 {
  margin-top: 100px !important
}

#story .mb-100 {
  margin-bottom: 100px !important
}

#story .pt-100 {
  padding-top: 100px !important
}

#story .pb-100 {
  padding-bottom: 100px !important
}

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

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

#story body {
  line-height: 1
}

#story ol, #story ul {
  list-style: none
}

#story blockquote, #story q {
  quotes: none
}

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

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

#story * {
  margin: 0;
  padding: 0
}

#story *, #story ::after, #story ::before {
  box-sizing: border-box
}

#story html:focus-within {
  scroll-behavior: smooth
}

#story html {
  font-size: 62.5%
}

#story body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  font-size: 1.8rem;
  line-height: 1.65;
  font-family: "Kosugi", "PT Sans Caption", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000;
  font-weight: 500;
  background: #fff;
  display: flex;
  flex-flow: column;
  overflow-x: clip
}

@media screen and (max-width: 767px) {
  #story body {
    font-size: 1.6rem
  }
}

#story a {
  text-decoration: none;
  color: inherit;
  font-weight: inherit;
  transition: .2s
}

#story a:hover {
  text-decoration: none;
  opacity: .7
}

#story *:focus {
  outline: none
}

#story label {
  display: inline-block
}

#story button:focus:not(:focus-visible) {
  outline: 0
}

#story input, #story button, #story select, #story optgroup, #story textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  background: unset;
  border: unset
}

#story input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0
}

#story input[type=button] {
  -webkit-appearance: none;
  border-radius: 0
}

#story button, #story select {
  text-transform: none
}

#story [role=button] {
  cursor: pointer
}

#story select {
  word-wrap: normal
}

#story select:disabled {
  opacity: 1
}

#story [list]::-webkit-calendar-picker-indicator {
  display: none
}

#story button, #story [type=button], #story [type=reset], #story [type=submit] {
  -webkit-appearance: none
}

#story button:not(:disabled), #story [type=button]:not(:disabled), #story [type=reset]:not(:disabled), #story [type=submit]:not(:disabled) {
  cursor: pointer
}

#story ::-moz-focus-inner {
  padding: 0;
  border-style: none
}

#story textarea {
  resize: vertical
}

#story sup {
  position: relative;
  font-size: 70%;
  top: -5px
}

#story img, #story picture {
  max-width: 100%;
  vertical-align: bottom
}

#story table {
  width: 100%
}

#story caption, #story th {
  text-align: left
}

@media(prefers-reduced-motion: reduce) {
  #story html:focus-within {
    scroll-behavior: auto
  }

  #story * {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important
  }

  #story *::before, #story *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important
  }
}

@media screen and (min-width: 768px) {
  #story .sp-only {
    display: none !important
  }
}

@media screen and (max-width: 767px) {
  #story .pc-only {
    display: none !important
  }
}

#story .oflex {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0
}

#story .oflex__item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 0
}

#story .oflex[data-dir=normal] {
  flex-direction: row
}

#story .oflex[data-dir=reverse] {
  flex-direction: row-reverse
}

@media screen and (max-width: 767px) {
  #story .oflex[data-dir=sp-reverse] {
    flex-direction: row-reverse
  }
}

@media screen and (max-width: 767px) {
  #story .oflex[data-dir=sp-column-reverse] {
    flex-direction: column-reverse
  }
}

#story .oflex[data-align~=start] {
  justify-content: flex-start
}

#story .oflex[data-align~=center] {
  justify-content: center
}

#story .oflex[data-align~=end] {
  justify-content: flex-end
}

#story .oflex[data-align~=justify] {
  justify-content: space-between
}

#story .oflex[data-align~=top] {
  align-items: flex-start
}

#story .oflex[data-align~=middle] {
  align-items: center
}

#story .oflex[data-align~=bottom] {
  align-items: flex-end
}

#story .oflex__item[data-align~=start] {
  align-items: flex-start
}

#story .oflex__item[data-align~=center] {
  align-items: center
}

#story .oflex__item[data-align~=end] {
  align-items: flex-end
}

#story .oflex__item[data-align~=top] {
  justify-content: flex-start;
  align-self: stretch
}

#story .oflex__item[data-align~=middle] {
  justify-content: center;
  align-self: stretch
}

#story .oflex__item[data-align~=bottom] {
  justify-content: flex-end;
  align-self: stretch
}

#story .oflex[data-gutter] {
  width: auto
}

#story .oflex[data-gutter]>.oflex__item {
  border: solid rgba(0, 0, 0, 0);
  background-clip: padding-box
}

#story .oflex[data-gutter=none] {
  margin: 0
}

#story .oflex[data-gutter=none]>.oflex__item {
  border-width: 0
}

#story .oflex[data-gutter=small] {
  margin: -0.5vw
}

#story .oflex[data-gutter=small]>.oflex__item {
  border-width: 1.25vw
}

#story .oflex[data-gutter=normal] {
  margin: -1vw
}

#story .oflex[data-gutter=normal]>.oflex__item {
  border-width: 2.5vw
}

#story .oflex[data-gutter=large] {
  margin: -10px
}

#story .oflex[data-gutter=large]>.oflex__item {
  border-width: 25px
}

#story .oflex__item[data-grid~=sp1] {
  width: 8.3333333333%
}

#story .oflex__item[data-grid~=sp2] {
  width: 16.6666666667%
}

#story .oflex__item[data-grid~=sp3] {
  width: 25%
}

#story .oflex__item[data-grid~=sp4] {
  width: 33.3333333333%
}

#story .oflex__item[data-grid~=sp5] {
  width: 41.6666666667%
}

#story .oflex__item[data-grid~=sp6] {
  width: 50%
}

#story .oflex__item[data-grid~=sp7] {
  width: 58.3333333333%
}

#story .oflex__item[data-grid~=sp8] {
  width: 66.6666666667%
}

#story .oflex__item[data-grid~=sp9] {
  width: 75%
}

#story .oflex__item[data-grid~=sp10] {
  width: 83.3333333333%
}

#story .oflex__item[data-grid~=sp11] {
  width: 91.6666666667%
}

#story .oflex__item[data-grid~=sp12] {
  width: 100%
}

@media screen and (min-width: 768px) {
  #story .oflex[data-gutter=none] {
    margin: 0
  }

  #story .oflex[data-gutter=none]>.oflex__item {
    border-width: 0
  }

  #story .oflex[data-gutter=small] {
    margin: -0.5vw
  }

  #story .oflex[data-gutter=small]>.oflex__item {
    border-width: .5vw
  }

  #story .oflex[data-gutter=normal] {
    margin: -1vw
  }

  #story .oflex[data-gutter=normal]>.oflex__item {
    border-width: 1vw
  }

  #story .oflex[data-gutter=large] {
    margin: -10px
  }

  #story .oflex[data-gutter=large]>.oflex__item {
    border-width: 10px
  }

  #story .oflex__item[data-grid~=tab1] {
    width: 8.3333333333%
  }

  #story .oflex__item[data-grid~=tab2] {
    width: 16.6666666667%
  }

  #story .oflex__item[data-grid~=tab3] {
    width: 25%
  }

  #story .oflex__item[data-grid~=tab4] {
    width: 33.3333333333%
  }

  #story .oflex__item[data-grid~=tab5] {
    width: 41.6666666667%
  }

  #story .oflex__item[data-grid~=tab6] {
    width: 50%
  }

  #story .oflex__item[data-grid~=tab7] {
    width: 58.3333333333%
  }

  #story .oflex__item[data-grid~=tab8] {
    width: 66.6666666667%
  }

  #story .oflex__item[data-grid~=tab9] {
    width: 75%
  }

  #story .oflex__item[data-grid~=tab10] {
    width: 83.3333333333%
  }

  #story .oflex__item[data-grid~=tab11] {
    width: 91.6666666667%
  }

  #story .oflex__item[data-grid~=tab12] {
    width: 100%
  }

  #story .oflex__item[data-grid~=tabFive] {
    width: 20%
  }

  #story .oflex__item[data-grid~=tabAuto] {
    width: auto
  }
}

@media screen and (min-width: 1024px) {
  #story .oflex__item[data-grid~=pc1] {
    width: 8.3333333333%
  }

  #story .oflex__item[data-grid~=pc2] {
    width: 16.6666666667%
  }

  #story .oflex__item[data-grid~=pc3] {
    width: 25%
  }

  #story .oflex__item[data-grid~=pc4] {
    width: 33.3333333333%
  }

  #story .oflex__item[data-grid~=pc5] {
    width: 41.6666666667%
  }

  #story .oflex__item[data-grid~=pc6] {
    width: 50%
  }

  #story .oflex__item[data-grid~=pc7] {
    width: 58.3333333333%
  }

  #story .oflex__item[data-grid~=pc8] {
    width: 66.6666666667%
  }

  #story .oflex__item[data-grid~=pc9] {
    width: 75%
  }

  #story .oflex__item[data-grid~=pc10] {
    width: 83.3333333333%
  }

  #story .oflex__item[data-grid~=pc11] {
    width: 91.6666666667%
  }

  #story .oflex__item[data-grid~=pc12] {
    width: 100%
  }

  #story .oflex__item[data-grid~=pcFive] {
    width: 20%
  }

  #story .oflex__item[data-grid~=pcAuto] {
    width: auto
  }
}

@media screen and (min-width: 1200px) {
  #story .oflex__item[data-grid~=desk1] {
    width: 8.3333333333%
  }

  #story .oflex__item[data-grid~=desk2] {
    width: 16.6666666667%
  }

  #story .oflex__item[data-grid~=desk3] {
    width: 25%
  }

  #story .oflex__item[data-grid~=desk4] {
    width: 33.3333333333%
  }

  #story .oflex__item[data-grid~=desk5] {
    width: 41.6666666667%
  }

  #story .oflex__item[data-grid~=desk6] {
    width: 50%
  }

  #story .oflex__item[data-grid~=desk7] {
    width: 58.3333333333%
  }

  #story .oflex__item[data-grid~=desk8] {
    width: 66.6666666667%
  }

  #story .oflex__item[data-grid~=desk9] {
    width: 75%
  }

  #story .oflex__item[data-grid~=desk10] {
    width: 83.3333333333%
  }

  #story .oflex__item[data-grid~=desk11] {
    width: 91.6666666667%
  }

  #story .oflex__item[data-grid~=desk12] {
    width: 100%
  }

  #story .oflex__item[data-grid~=deskFive] {
    width: 20%
  }

  #story .oflex__item[data-grid~=deskAuto] {
    width: auto
  }
}

@media all and (-ms-high-contrast: none) {
  #story .oflex__item {
    display: block
  }
}

#story.c-lyt__main {
  padding: 0 0 80px;
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto
}

#story .c-lyt__contents {
  padding: var(--layout-gutter-section) 0
}

#story .c-lyt__inner {
  max-width: 800px;
  margin: auto
}

#story .c-hdg__ttl01 {
  font-size: 20px;
  margin-bottom: 20px;
  position: relative;
  font-weight: bold;
  color: #dd007f;
  text-align: center
}

@media screen and (min-width: 768px) {
  #story .c-hdg__ttl01 {
    font-size: 30px;
    line-height: 1.4
  }
}

#story .c-box__movie01 {
  max-width: 800px;
  margin: auto
}

#story .c-box__movie01 iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  box-shadow: 5px 5px 20px -5px rgba(0, 0, 0, .2)
}

#story iframe .c-box__movie01 {
  max-width: 900px
}

#story .c-btn, #story .c-btn__block {
  display: inline-block;
  padding: .62em 2em;
  border-radius: 500px;
  vertical-align: middle;
  text-align: center;
  transition: ease all .3s;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  background: #dd007f;
  border: 1px #dd007f solid
}

#story .c-btn__block {
  display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto
}

#story .c-btn>i, #story .c-btn__block>i {
  margin-left: .8em
}

#story .c-btn.c-btn__icon, #story .c-btn__block.c-btn__icon {
  position: relative
}

#story .c-btn.c-btn__icon i, #story .c-btn__block.c-btn__icon i {
  position: absolute;
  height: 1em;
  margin: auto;
  top: 0;
  bottom: 0;
  right: .8em
}

#story .c-btn.arw, #story .c-btn__block.arw {
  position: relative
}

#story .c-btn.arw::after, #story .c-btn__block.arw::after {
  content: "";
  display: block;
  width: .5em;
  height: .5em;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 1em
}

#story .c-btn.back, #story .c-btn__block.back {
  position: relative
}

#story .c-btn.back::after, #story .c-btn__block.back::after {
  content: "";
  display: block;
  width: .5em;
  height: .5em;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 1em;
  transform: rotate(-135deg);
  left: 1em;
  right: auto
}

#story .c-btn.close, #story .c-btn__block.close {
  position: relative
}

#story .c-btn.close::after, #story .c-btn__block.close::after {
  position: absolute;
  right: .7em;
  left: auto;
  content: "×"
}

#story .c-btn.c-btn__main-line, #story .c-btn__block.c-btn__main-line {
  background: #fff;
  border: 1px #dd007f solid;
  color: #000
}

#story .c-btn.c-btn__main-line::after, #story .c-btn__block.c-btn__main-line::after {
  border-color: #dd007f
}

#story .c-btn.c-btn__color-01, #story .c-btn__block.c-btn__color-01 {
  background: #76c901;
  border: 1px #76c901 solid;
  color: #fff
}

#story .c-btn.c-btn__color-01::after, #story .c-btn__block.c-btn__color-01::after {
  border-color: #fff
}

#story .c-btn.c-btn__gray, #story .c-btn[disabled], #story .c-btn__block.c-btn__gray, #story .c-btn__block[disabled] {
  background: #9c9c9c;
  border-color: #9c9c9c
}

#story .c-btn.c-btn__gray:hover, #story .c-btn[disabled]:hover, #story .c-btn__block.c-btn__gray:hover, #story .c-btn__block[disabled]:hover {
  background: #fff;
  color: #9c9c9c
}

#story .c-btn.c-btn__gray:hover::after, #story .c-btn[disabled]:hover::after, #story .c-btn__block.c-btn__gray:hover::after, #story .c-btn__block[disabled]:hover::after {
  border-color: #9c9c9c
}

#story .c-btn__s {
  font-size: .8em
}

#story .c-btn__s.c-btn__icon {
  padding: .375em 1.5em !important
}

#story .c-btn__s.c-btn__icon i {
  height: .8em
}

#story .c-btn__l {
  padding: 1.2em 2.5em !important;
  font-size: 1.2em
}

#story .c-txt__bold {
  font-weight: bold;
  margin-bottom: 10px;
  border-bottom:solid 1px #dd007f;
  display: block;
  padding-bottom: 5px;
}

#story .c-txt__tc {
  text-align: center !important
}

#story .c-txt__tr {
  text-align: right !important
}

#story .c-txt__tl {
  text-align: left !important
}

@media screen and (min-width: 768px) {
  #story .c-txt__tab-tc {
    text-align: center !important
  }

  #story .c-txt__tab-tr {
    text-align: right !important
  }
}

@media screen and (min-width: 1024px) {
  #story .c-txt__pc-tc {
    text-align: center !important
  }

  #story .c-txt__pc-tr {
    text-align: right !important
  }
}

#story .c-txt__s {
  font-size: .8em
}

#story .c-txt__l {
  font-size: 1.2em
}

#story .c-txt__color_main {
  color: #dd007f
}

#story .c-txt__color_01 {
  color: #76c901
}

#story .c-txt__color_error {
  color: #d61c35
}

#story .c-txt__color_inverse {
  color: #fff
}

#story .c-txt__font02 {
  font-family: "Raleway", "Kosugi", "PT Sans Caption", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

#story .c-txt__font03 {
  font-family: "BIZ UDMincho", "Noto Serif JP", "Kosugi", "PT Sans Caption", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

#story .c-txt__link, #story .c-txt__link_arw {
  color: #dd007f;
  text-decoration: underline
}

#story .c-txt__link:hover, #story .c-txt__link_arw:hover {
  opacity: .7;
  text-decoration: underline
}

#story .c-txt__link_arw {
  position: relative;
  padding-left: 1em;
  display: inline-block
}

#story .c-txt__link_arw::before {
  content: "";
  display: block;
  width: .5em;
  height: .5em;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 1em;
  border-color: #dd007f;
  left: 0;
  right: auto
}

#story .c-txt__marker {
  background: linear-gradient(transparent 60%, #fff9fd 60%);
  font-weight: bold;
  letter-spacing: .05em
}

#story.c-lyt__main {
  position: relative
}

#story .p-movie__header {
  width: 100%;
  padding: 10px 0
}

#story .p-movie__header .c-lyt__inner {
  display: flex;
  align-items: center;
  gap: 5%
}

#story .p-movie__header .p-movie__header_logo {
  width: 20%
}

#story .p-movie__header .p-movie__header_logo img {
  width: 100%
}

#story .p-movie__header .p-movie__header_txt {
  font-size: 1.8rem
}

@media screen and (min-width: 768px) {
  #story .p-movie__header .c-lyt__inner {
    gap: 20px
  }

  #story .p-movie__header .p-movie__header_logo {
    width: 60px
  }

  #story .p-movie__header .p-movie__header_logo img {
    width: 60px
  }

  #story .p-movie__header .p-movie__header_txt {
    font-size: 22px
  }
}

#story .p-top__story {
  padding: var(--layout-gutter-section) 0;
  overflow-x: hidden;
  position: relative
}

#story .p-top__story .p-top__story_img {
  position: relative
}

#story .p-top__story .p-top__story_img img {
  width:140px !important;
  top: -170px;
  position: absolute;
  right: -20px;
}
@media screen and (max-width: 767px) {
  #story .p-top__story .p-top__story_img img {
   display: none;
  }
}

#story .p-top__story .c-hdg__ttl01_catch {
  color: #dd007f;
  font-size: 20px;
  margin-bottom: 5px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px
}

#story .p-top__story .c-hdg__ttl01_catch::before, #story .p-top__story .c-hdg__ttl01_catch::after {
  content: "";
  height: 1.8em;
  width: 1px;
  background: #dd007f;
  display: block;
  transform: rotate(-30deg)
}

#story .p-top__story .c-hdg__ttl01_catch::after {
  transform: rotate(30deg)
}

@media screen and (min-width: 768px) {
  #story .p-top__story .c-hdg__ttl01_catch {
    font-size: 30px;
    margin-bottom: 20px;
  }

  #story .p-top__story .c-lyt__inner.grid {
    display: grid;
    grid-template-columns: 65% 35%;
    grid-template-rows: auto auto auto;
    gap: 0px 0px;
    grid-template-areas: "catch img""ttl img""movie movie"
  }

  #story .p-top__story .p-top__story_img {
    grid-area: img
  }

  #story .p-top__story .c-hdg__ttl01_catch {
    grid-area: catch
  }

  #story .p-top__story .c-hdg__ttl01 {
    grid-area: ttl
  }

  #story .p-top__story .p-top__story_txt_box {
    grid-area: txt;
    margin-top: 10px
  }

  #story .p-top__story .c-btn__wrap {
    grid-area: btn
  }

  #story .p-top__story #movie01 {
    grid-area: movie;
    width: 100%;
    margin-top: 20px
  }

  #story .p-top__story .p-top__story_img {
    width: 100%;
    margin: auto
  }

  #story .p-top__story .p-top__story_img .flower.f01 {
    width: 60px;
    top: -70px;
    left: 100px
  }

  #story .p-top__story .p-top__story_img .flower.f02 {
    width: 80px;
    top: 0;
    left: -40px
  }

  #story .p-top__story .p-top__story_img .flower.f03 {
    width: 80px;
    top: 50%;
    right: -40px
  }

  #story .p-top__story .p-top__story_img .flower.f04 {
    width: 70px;
    bottom: -20px;
    left: -40px
  }

  #story .p-top__story .p-top__story_img .flower.f05 {
    width: 60px;
    bottom: 20px;
    right: 40px
  }
}

#story .p-movie__link {
  padding-bottom: 80px
}

#story .p-movie___btn_wrap {
  margin: 60px 0;
}

@media screen and (max-width: 767px) {
  #story .p-movie___btn_wrap {
    margin: 40px 0;
  }
}

#story .p-movie__link .p-movie___btn_wrap .p-movie__btn_catch {
  text-align: center;
  color: #dd007f;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px
}

#story .p-movie__link .p-movie___btn_wrap .p-movie__btn_catch::before, #story .p-movie__link .p-movie___btn_wrap .p-movie__btn_catch::after {
  content: "";
  width: 2px;
  height: 3em;
  display: block;
  background: #dd007f
}

#story .p-movie__link .p-movie___btn_wrap .p-movie__btn_catch::before {
  transform: rotate(-30deg)
}

#story .p-movie__link .p-movie___btn_wrap .p-movie__btn_catch::after {
  transform: rotate(30deg)
}

#story .p-movie__link .p-movie___btn_wrap.green .p-movie__btn_catch {
  color: #5d9711
}

#story .p-movie__link .p-movie___btn_wrap.green .p-movie__btn_catch::before, #story .p-movie__link .p-movie___btn_wrap.green .p-movie__btn_catch::after {
  background: #5d9711
}

@font-face {
  font-family: "icomoon";
  src: url("/eql/shared/css/fonts/icomoon.eot?sfrgm9");
  src: url("/eql/shared/css/fonts/icomoon.eot?sfrgm9#iefix") format("embedded-opentype"), url("/eql/shared/css/fonts/icomoon.ttf?sfrgm9") format("truetype"), url("/eql/shared/css/fonts/icomoon.woff?sfrgm9") format("woff"), url("/eql/shared/css/fonts/icomoon.svg?sfrgm9#icomoon") format("svg");
  font-weight: normal;
  font-style: normal
}

#story .m_btntype01 a {
  position: relative;
  padding-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  font-size: 18px;
  background-color: #7c8387;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  text-decoration: none !important
}

#story .m_btntype01 a::after {
  font-family: "icomoon" !important;
  content: "";
  padding-left: 10px;
  font-size: 10px;
  color: #fff;
  position: absolute;
  display: block;
  margin: auto;
  top: calc(50% - 5px);
  right: 1.5rem
}

@media screen and (min-width: 768px) {
  #story .m_btntype01 a:hover {
    background: #4da71c;
    opacity: 1
  }
}

@media screen and (max-width: 767px) {
  #story #footer .inner01Wrap .inner01 .fNav01 li a::after {
    font-family: "icomoon" !important;
    content: "";
    padding-left: 10px;
    font-size: 8px;
    color: #b4b8ba;
    position: absolute;
    display: block;
    margin: 0 auto;
    top: 45%;
    right: 1.5rem
  }
}

@media screen and (min-width: 768px) {
  #story .footerContents .colum {
    display: flex;
    gap: 40px
  }

  #story .footerContents .col {
    width: 100%
  }
}



@media screen and (max-width: 767px) {
  #story.c-lyt__main {
    width: 94%;
    margin: auto;
  }
}