@charset "UTF-8";
canvas {
  display: block;
  vertical-align: bottom;
} /* ---- particles.js container ---- */
#particles-js {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fafafa;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
} /* ---- stats.js ---- */
.count-particles {
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13e8e9;
  font-size: 0.8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles {
  font-size: 1.1em;
}

#stats,
.count-particles {
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles {
  border-radius: 0 0 3px 3px;
}

:root {
  --span--xs:.75em;
  --span--small:.88em;
  --span--normal:1em;
  --span--medium:1.25em;
  --span--large:1.5em;
  --span--huge:2em;
  --span--xhuge:2.5em;
  --allheight:100vh;
  --link:#D143F4;
  --white:#fff;
  --black:#000;
  --red:#f00;
  --primary:#68FADD;
  --secondary:#FFCCE6;
  --color_text: #333;
  --color_deep01:#7049ff;
  --color_deep02:#B2FFF0;
  --color_pale01:#B2FFF0;
  --color_pale02:#FFE1F0;
  --color_pale_or:#FFDD9C;
  --color_pale_bl:#B3EFF7;
  --color_pale_pk:#FFC8D2;
  --color_pale_gr:#D1E0B2;
  --color_pale_subbl:#D2ECFF;
  --color_pale_gray:#d9d9d9;
  --the-btn-radius: 80px;
  --the-padding: .75em 1em;
  --the-min-width: 64%;
  --the-width: auto;
  --allwidth:calc(100vw - var(--scrollbar));
  --content:1096px;
  --pmargin:calc(((var(--allwidth)) - var(--content)) * 0.5);
  --ppmargin:calc(-1 * var(--pmargin));
}
@media screen and (max-width: 595px) {
  :root {
    --scrollbar:0;
    --pmargin:20px;
    --allwidth:calc(100vw - var(--scrollbar));
    --content:calc(var(--allwidth) - 2 * var(--pmargin));
    --ppmargin:calc(-1 * var(--pmargin));
  }
}

html {
  font-size: 62.5% !important;
}

body {
  --gothicfont:"Roboto", "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Noto Sans JP", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --minchofont:"Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin: 0;
  font-size: 1.6rem;
  letter-spacing: 0em;
  line-height: 2em;
  color: var(--color_text);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.5em;
  margin: 0;
  font-weight: 700;
}

@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W0);
  font-weight: 100;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W1);
  font-weight: 200;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W2);
  font-weight: 300;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W3);
  font-weight: 400;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W4);
  font-weight: 500;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W5);
  font-weight: 600;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W6);
  font-weight: 700;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W7);
  font-weight: 800;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W8);
  font-weight: 900;
}
@font-face {
  font-family: "Hiragino Sans W9";
  src: local(HiraginoSans-W9);
  font-weight: 900;
}
/*reCAPTCHA　全体*/
/* .grecaptcha-badge { visibility: hidden; }

.recaptcha-p {
    letter-spacing: 0;
} */
/* 共通 */
span {
  display: inline-block;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

a {
  color: var(--text);
  text-decoration: none;
}

.pc_ {
  display: block;
}

.tab_, .sp_ {
  display: none;
}

span.tab_, span.sp_ {
  display: inline;
}

main {
  padding: 0;
  width: var(--allwidth);
}

section {
  width: var(--content);
  margin-left: var(--pmargin);
}

.text-dash {
  display: inline-block;
  letter-spacing: -0.2em;
  width: 2em;
}

.allwidth {
  width: var(--allwidth) !important;
  margin-left: var(--ppmargin) !important;
}

@media screen and (max-width: 595px) {
  .pc_, .tab_ {
    display: none;
  }
  .sp_ {
    display: block;
  }
  span.sp_ {
    display: inline-block;
  }
}
/* フォント */
.font-xs {
  font-size: var(--span--xs);
}

.font-small {
  font-size: var(--span--small);
}

.font-normal {
  font-size: var(--span--normal);
}

.font-medium {
  font-size: var(--span--medium);
}

.font-large {
  font-size: var(--span--large);
}

.font-huge {
  font-size: var(--span--huge);
}

.font-xhuge {
  font-size: var(--span--xhuge);
}

.mincho {
  font-family: var(--minchofont);
  font-weight: 900;
  font-style: normal;
}

.p-breadcrumb.-bg-on {
  display: none;
}

.c-pageTitle[data-style=b_bottom] {
  display: none;
}

.post_content h2 {
  font-size: 2.4em;
  text-align: center;
  margin-bottom: 3em;
}
.post_content h2:before {
  opacity: 35%;
  color: #9db7f4;
  font-size: 3em;
  padding-top: 38px;
  position: absolute;
  text-transform: uppercase;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  z-index: -1;
}
.post_content h2.recruitment:before {
  content: "recruitment";
}
.post_content h2.req_step:before {
  content: "step";
}
.post_content h2.faq:before {
  content: "faq";
}
.post_content h2.req_form:before {
  content: "form";
}

.swell-block-step__item {
  padding: 0 0 4em 24px !important;
}
.swell-block-step__item .swell-block-step__title {
  font-size: 24px !important;
}
.swell-block-step__item:last-of-type {
  padding-bottom: 0 !important;
}

.usami-animation .usami-home-midashi-inner {
  -webkit-animation-name: usami-midashi;
          animation-name: usami-midashi;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  position: relative;
  overflow: hidden;
  opacity: 0;
  display: inline;
}
.usami-animation .usami-home-midashi-inner::before {
  -webkit-animation-name: usami-midashi-before;
          animation-name: usami-midashi-before;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color_main);
  color: #fff;
}
.usami-animation .usami-home-midashi-inner span {
  -webkit-animation-name: kanta-midashi-inner;
          animation-name: kanta-midashi-inner;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
  padding: 20px;
}

@-webkit-keyframes usami-midasi {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes usami-midasi {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes usami-midasi-inner {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes usami-midasi-inner {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes usami-midasi-before {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.0001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@keyframes usami-midasi-before {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.0001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
.top #content {
  padding-top: 3em;
}
@media screen and (min-width: 600px) {
  .top #content {
    padding-top: 6em;
  }
}

.p-mainVisual__inner {
  height: 50vh;
}
@media screen and (min-width: 600px) {
  .p-mainVisual__inner {
    height: 70vh;
  }
}

.u-obf-cover {
  display: block;
  height: unset !important;
  -o-object-fit: contain;
     object-fit: contain;
  width: 70% !important;
  -o-object-position: 100% 0;
     object-position: 100% 0;
  text-align: end;
  position: absolute;
  right: 0;
}

.p-mainVisual__slideTitle {
  font-size: 40px;
  font-weight: 700;
}
.p-mainVisual__slideTitle:before {
  content: "コミック企画\a参加者募集中！";
  white-space: pre;
  opacity: 21%;
  color: #9db7f4;
  font-size: min(13vw, 108px);
  padding-top: 38px;
  position: absolute;
  text-transform: uppercase;
  left: 0;
  -webkit-transform: translateY(-2%) translateX(10%);
          transform: translateY(-2%) translateX(10%);
  line-height: 1.2em;
  width: 90%;
  top: 20px;
}
@media screen and (min-width: 600px) {
  .p-mainVisual__slideTitle:before {
    top: unset;
  }
}
.p-mainVisual__slideText {
  font-size: 16px;
  font-weight: 700;
  margin-top: 1.5em;
  bottom: 0;
}

@media screen and (min-width: 600px) {
  .p-mainVisual__slideTitle {
    font-size: 40px;
    text-align: start;
  }
  .p-mainVisual__slideText {
    font-size: 16px;
    text-align: start;
  }
}
.post_content > p {
  font-weight: 700;
}

.ouboyoko > .swell-block-columns__inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wpcf7-form {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .wpcf7-form {
    width: 700px;
  }
}
.wpcf7-form dt {
  margin-top: 2em;
  margin-bottom: 0.3em;
}
.wpcf7-form dt.near {
  margin-top: 0.5em;
}
.wpcf7-form dt.hissu p:after {
  position: absolute;
  content: "必須";
  color: var(--color_deep01);
  display: inline-block;
  border: 1px solid var(--color_deep01);
  padding: 0em 0.2em;
  font-size: 14px;
  border-radius: 9px;
  line-height: 1.5em;
  margin-top: 0.3em;
  margin-left: 0.3em;
}
.wpcf7-form dd span {
  color: var(--color_deep01);
}
.wpcf7-form dd .occu {
  margin-left: 2em;
}
.wpcf7-form .wpcf7-form-control-wrap {
  width: 100%;
}
.wpcf7-form .wpcf7-form-control-wrap input, .wpcf7-form .wpcf7-form-control-wrap textarea {
  background-color: #fff;
  border: none;
  border-radius: 8px;
  padding: 1em 1em;
  width: 100%;
  -webkit-box-shadow: var(--swl-box_shadow);
          box-shadow: var(--swl-box_shadow);
}
.wpcf7-form .wpcf7-form-control-wrap input::-webkit-input-placeholder, .wpcf7-form .wpcf7-form-control-wrap textarea::-webkit-input-placeholder {
  color: #aac3ff;
}
.wpcf7-form .wpcf7-form-control-wrap input::-moz-placeholder, .wpcf7-form .wpcf7-form-control-wrap textarea::-moz-placeholder {
  color: #aac3ff;
}
.wpcf7-form .wpcf7-form-control-wrap input:-ms-input-placeholder, .wpcf7-form .wpcf7-form-control-wrap textarea:-ms-input-placeholder {
  color: #aac3ff;
}
.wpcf7-form .wpcf7-form-control-wrap input::-ms-input-placeholder, .wpcf7-form .wpcf7-form-control-wrap textarea::-ms-input-placeholder {
  color: #aac3ff;
}
.wpcf7-form .wpcf7-form-control-wrap input::placeholder, .wpcf7-form .wpcf7-form-control-wrap textarea::placeholder {
  color: #aac3ff;
}
.wpcf7-form .wpcf7-form-control-wrap input:focus, .wpcf7-form .wpcf7-form-control-wrap textarea:focus {
  outline: 2px solid var(--color_deep01);
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-list-item {
  margin-left: 2em;
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-list-item input {
  width: unset;
  margin-right: 0.3em;
  accent-color: var(--color_deep01);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-list-item span {
  color: var(--color_text);
}
.wpcf7-form .kojin-joho .wpcf7-form-control-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wpcf7-form .kojin-joho .wpcf7-form-control-wrap .wpcf7-form-control {
  margin: 0 auto;
}
.wpcf7-form .kojin-joho .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item {
  margin-top: 2em;
  margin-left: 0em;
}
.wpcf7-form .kojin-joho .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item a {
  color: var(--color_deep01);
  text-decoration: underline;
}
.wpcf7-form .submit-button {
  margin: 0 auto;
  margin-top: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wpcf7-form .submit-button p {
  width: 64%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wpcf7-form .submit-button p input {
  color: var(--white);
  background: var(--color_main);
  border-radius: var(--the-btn-radius, 0);
  display: inline-block;
  letter-spacing: var(--swl-letter_spacing, 1px);
  line-height: 1.5;
  margin: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  min-width: var(--the-min-width);
  padding: var(--the-padding);
  position: relative;
  text-decoration: none;
  width: var(--the-width);
}
.wpcf7-form .submit-button p::before {
  background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(80%, hsla(0, 0%, 100%, 0.6)), to(hsla(0, 0%, 100%, 0)));
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.6) 80%, hsla(0, 0%, 100%, 0));
  content: "";
  height: 200px;
  left: -120px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(25deg);
  transform: translateY(-50%) rotate(25deg);
  width: 80px;
}
.wpcf7-form .submit-button p::after {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: shiny_btn;
  animation-name: shiny_btn;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background-image: linear-gradient(100deg, hsla(0, 0%, 100%, 0), #fff);
  content: "";
  height: 100%;
  left: -100px;
  position: absolute;
  top: 0;
  width: 50px;
}
/*# sourceMappingURL=style.css.map */