@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../../../.rbenv/versions/3.1.3/lib/ruby/gems/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../.rbenv/versions/3.1.3/lib/ruby/gems/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../.rbenv/versions/3.1.3/lib/ruby/gems/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../.rbenv/versions/3.1.3/lib/ruby/gems/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../.rbenv/versions/3.1.3/lib/ruby/gems/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../.rbenv/versions/3.1.3/lib/ruby/gems/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../.rbenv/versions/3.1.3/lib/ruby/gems/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../.rbenv/versions/3.1.3/lib/ruby/gems/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../.rbenv/versions/3.1.3/lib/ruby/gems/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* -- color --*/
/*-- default --*/
/* line 10, sass/_default.scss */
* {
  margin: 0;
  padding: 0;
}

/* line 14, sass/_default.scss */
html {
  font-size: 62.5%;
}

/* line 18, sass/_default.scss */
body {
  font-size: 1.8rem;
  color: #222;
  position: relative;
  line-height: 1.6;
  background: #fff;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 700;
  font-style: normal;
}

@media screen and (max-width: 750px) {
  /* line 32, sass/_default.scss */
  body {
    font-size: 1.4rem;
  }
}
/* line 37, sass/_default.scss */
div, dt, dd, input, select, textarea, ul, li, a, span {
  box-sizing: border-box;
}

/* line 44, sass/_default.scss */
a {
  text-decoration: none;
  color: #fff;
}

/* line 49, sass/_default.scss */
img {
  max-width: 100%;
  vertical-align: bottom;
}

/*-- common --*/
/* line 55, sass/_default.scss */
.flex {
  display: flex;
}

/* line 59, sass/_default.scss */
.center {
  text-align: center;
}

/* line 63, sass/_default.scss */
.right {
  text-align: right;
}

/* line 67, sass/_default.scss */
.left {
  text-align: left;
}

/* line 71, sass/_default.scss */
.bold {
  font-weight: bold;
}

/* line 75, sass/_default.scss */
.inner {
  width: 92%;
  max-width: 100rem;
  margin: 0 auto 0;
}

/* line 81, sass/_default.scss */
.grn {
  color: #019094;
}

/* line 85, sass/_default.scss */
.under {
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, #fff997 30%);
}

/* line 89, sass/_default.scss */
.shadow {
  box-shadow: 0 0.4rem 1rem rgba(23, 113, 29, 0.1);
}

/* line 95, sass/_default.scss */
.pconly {
  display: block;
}

/* line 98, sass/_default.scss */
.sponly {
  display: none;
}

@media screen and (max-width: 1024px) {
  /* line 102, sass/_default.scss */
  .sponly {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  /* line 107, sass/_default.scss */
  .pconly {
    display: none;
  }

  /* line 110, sass/_default.scss */
  .sponly {
    display: block;
  }
}
/* line 5, sass/_index.scss */
.fv {
  text-align: center;
}
/* line 7, sass/_index.scss */
.fv img {
  max-width: 100%;
  width: 100%;
  margin: auto;
}

/* line 14, sass/_index.scss */
.sec-manga {
  background: url(../img/manga-bg.jpg) no-repeat center top/cover;
}
/* line 16, sass/_index.scss */
.sec-manga .inner {
  background: url(../img/manga-bg_wh.jpg) repeat-y center top/100% auto;
  padding: 0 3rem;
}

/* line 22, sass/_index.scss */
.gnst-bg {
  background: url(../img/sec02-bg.jpg) no-repeat center top/cover;
}

/* line 26, sass/_index.scss */
.sec01 {
  padding: 8rem 0;
  background: url(../img/sec01-bg.jpg) no-repeat center center/cover;
}
/* line 29, sass/_index.scss */
.sec01 .ttl-img {
  margin-bottom: 6rem;
}
/* line 32, sass/_index.scss */
.sec01 .point-area {
  max-width: 70rem;
  margin: auto;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 3rem;
  border-radius: 1.8rem;
}
/* line 40, sass/_index.scss */
.sec01 .point-area:not(:last-of-type) {
  margin-bottom: 2rem;
}
/* line 43, sass/_index.scss */
.sec01 .point-area .p-text {
  width: 65%;
  font-size: 2rem;
}
/* line 47, sass/_index.scss */
.sec01 .point-area .p-ico {
  width: 26%;
}
/* line 51, sass/_index.scss */
.sec01 .inner-bottom {
  margin-top: 6rem;
}

/* line 56, sass/_index.scss */
.sec02 {
  padding: 10rem 0 12rem;
}
/* line 58, sass/_index.scss */
.sec02 .ttl-img {
  margin-bottom: 4rem;
}

/* line 63, sass/_index.scss */
.sec03 {
  padding: 10rem 0;
}
/* line 65, sass/_index.scss */
.sec03 .inner-ttl {
  margin-bottom: 4rem;
}
/* line 68, sass/_index.scss */
.sec03 .cont01 {
  margin-bottom: 6rem;
}

/* line 73, sass/_index.scss */
.sec04 {
  padding: 12rem 0;
}
/* line 75, sass/_index.scss */
.sec04 .ttl-img {
  margin-bottom: 4rem;
}
/* line 78, sass/_index.scss */
.sec04 .detail-flex {
  justify-content: center;
  align-items: center;
}
/* line 82, sass/_index.scss */
.sec04 .photo {
  width: 40%;
}
/* line 85, sass/_index.scss */
.sec04 .text {
  width: 35%;
  margin-left: 4rem;
}

/* line 91, sass/_index.scss */
.sec05 {
  padding: 10rem 0;
  background: url(../img/sec05-bg.jpg) no-repeat center top/cover;
}
/* line 94, sass/_index.scss */
.sec05 .ribbon {
  margin: 6rem 0 4rem;
}
/* line 97, sass/_index.scss */
.sec05 .genre-cont {
  justify-content: space-between;
}
/* line 99, sass/_index.scss */
.sec05 .genre-cont .tab-cont {
  width: 49%;
}

/* line 105, sass/_index.scss */
.sec06 {
  background: url(../img/sec06-bg.jpg) no-repeat center top/cover;
  padding: 12rem 0;
}

/* line 110, sass/_index.scss */
.sec07 {
  padding: 14rem 0;
}
/* line 112, sass/_index.scss */
.sec07 .ttl-img {
  margin-bottom: 4rem;
}
/* line 115, sass/_index.scss */
.sec07 .v-item {
  background: #fff;
  box-shadow: 0 0.4rem 1rem rgba(23, 113, 29, 0.1);
  border-radius: 2rem;
  padding: 3rem;
  justify-content: space-between;
  align-items: center;
}
/* line 122, sass/_index.scss */
.sec07 .v-item:not(:last-of-type) {
  margin-bottom: 3rem;
}
/* line 125, sass/_index.scss */
.sec07 .v-item .prof {
  width: 27%;
  text-align: center;
}
/* line 128, sass/_index.scss */
.sec07 .v-item .prof .name {
  margin-top: 2rem;
  font-size: 2rem;
}
/* line 131, sass/_index.scss */
.sec07 .v-item .prof .name .pk {
  color: #ff1091;
}
/* line 134, sass/_index.scss */
.sec07 .v-item .prof .name strong {
  font-size: 130%;
}
/* line 139, sass/_index.scss */
.sec07 .v-item .msg {
  width: 68%;
}
/* line 142, sass/_index.scss */
.sec07 .v-item .msg p:not(:last-of-type) {
  margin-bottom: 2rem;
}

/* line 150, sass/_index.scss */
.cta {
  padding: 6rem 0;
  background: url(../img/cta-bg_pc.jpg) no-repeat center center/cover;
}
/* line 153, sass/_index.scss */
.cta .inner {
  max-width: 80rem;
}
/* line 156, sass/_index.scss */
.cta a {
  margin-top: 3rem;
  display: inline-block;
  position: relative;
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
    /* ボタンが少し拡大 */
  }
  100% {
    transform: scale(1);
  }
}
/* line 175, sass/_index.scss */
.sec08 {
  padding: 12rem 0;
  background: url(../img/sec08-bg.jpg) no-repeat center top/cover;
}
/* line 178, sass/_index.scss */
.sec08 .inner {
  max-width: 70rem;
}
/* line 182, sass/_index.scss */
.sec08 .debut .ttl {
  margin-bottom: 6rem;
}
/* line 186, sass/_index.scss */
.sec08 .step-item {
  background: #fff;
  border-radius: 2rem;
  border-image-slice: 1;
  padding: .2rem;
  /* 枠線の太さ */
  background: linear-gradient(180deg, #ffe8a1, #ffe8a1, #edfda8, #c0eedb);
  border-radius: 2rem;
  position: relative;
}
/* line 194, sass/_index.scss */
.sec08 .step-item:not(:last-of-type) {
  margin-bottom: 4rem;
}
/* line 196, sass/_index.scss */
.sec08 .step-item:not(:last-of-type)::after {
  content: '';
  border-top: 1.2rem solid #019094;
  border-right: 1.8rem solid transparent;
  border-left: 1.8rem solid transparent;
  position: absolute;
  bottom: -2.6rem;
  left: 50%;
  transform: translateX(-50%);
}
/* line 207, sass/_index.scss */
.sec08 .step-item .wh {
  background: white;
  border-radius: 2rem;
  padding: 2rem 3rem;
}
/* line 212, sass/_index.scss */
.sec08 .step-item .s-ttl {
  font-size: 3.4rem;
  color: #019094;
  margin-bottom: 1rem;
}
/* line 216, sass/_index.scss */
.sec08 .step-item .s-ttl .num {
  margin-right: 2rem;
}
/* line 219, sass/_index.scss */
.sec08 .step-item .s-ttl small {
  font-size: 80%;
}
/* line 224, sass/_index.scss */
.sec08 .faq {
  margin-top: 14rem;
}
/* line 226, sass/_index.scss */
.sec08 .faq .ttl {
  margin-bottom: 6rem;
}
/* line 230, sass/_index.scss */
.sec08 .acwrap {
  background: #fff;
  border-radius: 1.6rem;
  border: 0.1rem solid #019094;
  padding: 2rem 3rem;
}
/* line 235, sass/_index.scss */
.sec08 .acwrap:not(:last-of-type) {
  margin-bottom: 2.4rem;
}
/* line 238, sass/_index.scss */
.sec08 .acwrap .acmenu {
  position: relative;
  padding-left: 2.8rem;
}
/* line 241, sass/_index.scss */
.sec08 .acwrap .acmenu::before {
  content: 'Q.';
  color: #019094;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
/* line 249, sass/_index.scss */
.sec08 .acwrap .acmenu::after {
  content: '';
  border-top: 0.8rem solid #019094;
  border-right: .6rem solid transparent;
  border-left: .6rem solid transparent;
  position: absolute;
  right: -1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s;
}
/* line 260, sass/_index.scss */
.sec08 .acwrap .acmenu:hover {
  cursor: pointer;
}
/* line 264, sass/_index.scss */
.sec08 .acwrap .acmenu.open::after {
  transform: translateY(-50%) rotate(180deg);
}
/* line 269, sass/_index.scss */
.sec08 .acwrap .accont {
  font-size: 1.6rem;
  margin-top: 2rem;
  display: none;
}
/* line 274, sass/_index.scss */
.sec08 .acwrap .accont p:not(:last-of-type) {
  margin-bottom: 2rem;
}
/* line 278, sass/_index.scss */
.sec08 .acwrap .accont small {
  font-size: 90%;
  font-weight: 400;
}
/* line 284, sass/_index.scss */
.sec08 .recruit {
  margin-top: 14rem;
}
/* line 286, sass/_index.scss */
.sec08 .recruit .ttl {
  margin-bottom: 6rem;
}
/* line 289, sass/_index.scss */
.sec08 .recruit dl {
  display: flex;
  flex-flow: wrap;
}
/* line 292, sass/_index.scss */
.sec08 .recruit dl dt {
  width: 25%;
  text-align: center;
  color: #019094;
  background: #e9fafa;
}
/* line 298, sass/_index.scss */
.sec08 .recruit dl dd {
  width: 75%;
  background: #fff;
}
/* line 302, sass/_index.scss */
.sec08 .recruit dl dt, .sec08 .recruit dl dd {
  border-top: 0.1rem solid #019094;
  padding: 2rem;
}
/* line 305, sass/_index.scss */
.sec08 .recruit dl dt:last-of-type, .sec08 .recruit dl dd:last-of-type {
  border-bottom: 0.1rem solid #019094;
}

/* line 313, sass/_index.scss */
footer {
  font-size: 1.4rem;
  padding: 3rem 0;
}

@media screen and (max-width: 1024px) {
  /* line 322, sass/_index.scss */
  .sec-manga .inner {
    padding: 0 4vw;
  }

  /* line 327, sass/_index.scss */
  .sec01 {
    padding: 8vw 0;
  }
  /* line 329, sass/_index.scss */
  .sec01 .ttl-img {
    margin-bottom: 6vw;
  }
  /* line 332, sass/_index.scss */
  .sec01 .point-area {
    padding: 4vw;
  }
  /* line 335, sass/_index.scss */
  .sec01 .inner-bottom {
    width: 100%;
    margin-top: 8vw;
  }

  /* line 341, sass/_index.scss */
  .sec02 {
    padding: 10vw 0 12vw;
  }
  /* line 343, sass/_index.scss */
  .sec02 .ttl-img {
    margin-bottom: 4vw;
  }

  /* line 348, sass/_index.scss */
  .sec03 {
    padding: 10vw 0;
  }
  /* line 350, sass/_index.scss */
  .sec03 .cont01 {
    margin-bottom: 6vw;
  }

  /* line 355, sass/_index.scss */
  .sec05 {
    padding: 10vw 0;
  }
  /* line 357, sass/_index.scss */
  .sec05 .ribbon {
    margin: 6vw 0 4vw;
  }

  /* line 362, sass/_index.scss */
  .sec06 {
    padding: 12vw 0;
  }

  /* line 366, sass/_index.scss */
  .cta {
    padding: 6vw 0;
  }

  /* line 370, sass/_index.scss */
  .sec07 {
    padding: 14vw 0;
  }
  /* line 372, sass/_index.scss */
  .sec07 .ttl-img {
    margin-bottom: 4vw;
  }
  /* line 375, sass/_index.scss */
  .sec07 .v-item {
    padding: 4vw;
  }

  /* line 380, sass/_index.scss */
  .sec08 {
    padding: 12vw 0;
  }
  /* line 383, sass/_index.scss */
  .sec08 .debut .ttl {
    margin-bottom: 6vw;
  }
  /* line 388, sass/_index.scss */
  .sec08 .step-item .wh {
    padding-inline: 4vw;
  }
  /* line 391, sass/_index.scss */
  .sec08 .step-item .s-ttl {
    font-size: 2.6rem;
  }
  /* line 396, sass/_index.scss */
  .sec08 .faq {
    margin-top: 14vw;
  }
  /* line 398, sass/_index.scss */
  .sec08 .faq .ttl {
    margin-bottom: 6vw;
  }
  /* line 402, sass/_index.scss */
  .sec08 .acwrap {
    padding: 2vw 4vw;
  }
}
@media screen and (max-width: 750px) {
  /* line 414, sass/_index.scss */
  .sec-manga .inner {
    width: 100%;
    padding: 0;
  }

  /* line 420, sass/_index.scss */
  .sec01 {
    padding: 16vw 0;
  }
  /* line 422, sass/_index.scss */
  .sec01 .ttl-img {
    margin-bottom: 8vw;
  }
  /* line 425, sass/_index.scss */
  .sec01 .point-area {
    border-radius: 1rem;
  }
  /* line 427, sass/_index.scss */
  .sec01 .point-area .p-text {
    font-size: 1.4rem;
  }
  /* line 430, sass/_index.scss */
  .sec01 .point-area .p-ico {
    width: 30%;
  }
  /* line 434, sass/_index.scss */
  .sec01 .inner-bottom {
    margin-top: 12vw;
  }

  /* line 439, sass/_index.scss */
  .sec02 {
    padding: 16vw 0;
  }

  /* line 443, sass/_index.scss */
  .sec03 {
    padding: 16vw 0;
  }
  /* line 445, sass/_index.scss */
  .sec03 .inner-ttl {
    width: 100%;
    margin-bottom: 10vw;
  }
  /* line 449, sass/_index.scss */
  .sec03 .cont01 {
    margin-bottom: 10vw;
  }

  /* line 454, sass/_index.scss */
  .sec05 {
    padding: 14vw 0;
  }
  /* line 456, sass/_index.scss */
  .sec05 .ribbon {
    margin: 12vw 0 10vw;
  }
  /* line 459, sass/_index.scss */
  .sec05 .tab-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6vw;
  }
  /* line 464, sass/_index.scss */
  .sec05 .tab-list li {
    width: 49%;
    color: #4b2c08;
    font-size: 1.8rem;
    padding: .2rem;
    /* 枠線の太さ */
    background: linear-gradient(90deg, #ffe8a1, #ffe8a1, #edfda8, #c0eedb);
    border-radius: 10vw;
    display: inline-block;
  }
  /* line 472, sass/_index.scss */
  .sec05 .tab-list li .tab-txt {
    background: white;
    border-radius: 10vw;
    padding: .6rem;
  }
  /* line 478, sass/_index.scss */
  .sec05 .tab-list li.select .tab-txt {
    background: linear-gradient(90deg, #ffe8a1, #ffe8a1, #edfda8, #c0eedb);
  }
  /* line 484, sass/_index.scss */
  .sec05 .genre-cont {
    display: block;
  }
  /* line 486, sass/_index.scss */
  .sec05 .genre-cont .tab-cont {
    width: 100%;
  }
  /* line 488, sass/_index.scss */
  .sec05 .genre-cont .tab-cont.hide {
    display: none;
  }

  /* line 495, sass/_index.scss */
  .sec06 {
    padding: 16vw 0;
    background: url(../img/sec06-bg_sp.jpg) no-repeat center top/cover;
  }

  /* line 500, sass/_index.scss */
  .cta {
    padding: 10vw 0 16vw;
    background: url(../img/cta-bg_sp.jpg) no-repeat center top/cover;
  }
  /* line 503, sass/_index.scss */
  .cta .inner {
    width: 86%;
  }

  /* line 509, sass/_index.scss */
  .sec07 .v-item {
    display: block;
    padding: 10vw 4vw;
  }
  /* line 512, sass/_index.scss */
  .sec07 .v-item .prof {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4vw;
  }
  /* line 518, sass/_index.scss */
  .sec07 .v-item .prof .ico {
    width: 40%;
  }
  /* line 521, sass/_index.scss */
  .sec07 .v-item .prof .name {
    width: 50%;
    margin-left: 5%;
    margin-top: 0;
    font-size: 1.8rem;
  }
  /* line 528, sass/_index.scss */
  .sec07 .v-item .msg {
    width: 100%;
  }

  /* line 535, sass/_index.scss */
  .sec08 .step-item {
    border-radius: 1rem;
  }
  /* line 537, sass/_index.scss */
  .sec08 .step-item .wh {
    border-radius: 1rem;
  }
  /* line 540, sass/_index.scss */
  .sec08 .step-item .s-ttl {
    font-size: 2rem;
    text-align: center;
  }
  /* line 543, sass/_index.scss */
  .sec08 .step-item .s-ttl .num {
    margin-right: 2vw;
  }
  /* line 549, sass/_index.scss */
  .sec08 .faq {
    margin-top: 16vw;
  }
  /* line 552, sass/_index.scss */
  .sec08 .acwrap {
    padding: 4vw;
    border-radius: 1rem;
  }
  /* line 555, sass/_index.scss */
  .sec08 .acwrap:not(:last-of-type) {
    margin-bottom: 3vw;
  }
  /* line 558, sass/_index.scss */
  .sec08 .acwrap .acmenu {
    padding-left: 5vw;
    padding-right: 4vw;
  }
  /* line 562, sass/_index.scss */
  .sec08 .acwrap .accont {
    font-size: 1.4rem;
    margin-top: 3vw;
  }
}