@charset "UTF-8";
/* ==========================================================================
	root
========================================================================== */
:root {
  --base-pc-width:1500;
  --base-sp-width:400;
  --vwPC: calc(100vw / 1500);
  --vwSP: calc(100vw / 400);
  --easeInQuad:cubic-bezier(.55, .085, .68, .53);
  --easeOutQuad:cubic-bezier(0.23, 1, 0.32, 1);
  --easeOutQuint:cubic-bezier(.25, .46, .45, .94);
  --easeOutSine:cubic-bezier(0.39, 0.575, 0.565, 1);
  --easeOutCubic:cubic-bezier(0.215, 0.61, 0.355, 1);
  --easeInOutQuad:cubic-bezier(0.45, 0, 0.55, 1);
  --easeInOutCubic:cubic-bezier(0.65, 0, 0.35, 1);
  --easePopUp:cubic-bezier(0.17, 0.88, 0.30, 1.28);
  --easeInCirc:cubic-bezier(0.55, 0, 1, 0.45);
  --theme-color:#f55b96;
  --base-text-color:#333;
  --base-color-blue:#4bc3e5;
  --base-color-blue02:#00aae2;
  --base-color-green:#2bb063;
  --base-color-perple:#6367b0;
  --base-color-orange:#fb9b00;
  --base-color-yellow:#ffcf19;
  --base-color-beige:#f5f4ef;
  --base-color-gray:#a4a4a4;
  --base-color-gray02:#aeaaaf;
  --base-color-gray03:#b3b3b3;
  --base-color-gray04:#848484;
  --base-color-gray05:#c4c4c4;
  --base-color-gray06:#7e7e7e;
  --base-color-gray07:#666;
  --base-color-gray08:#bebebe;
  --base-color-gray09:#dfdfdf;
  --base-color-gray10:#676767;
  --base-color-tv:#22f2f2;
  --base-border-color:#cdc4c5;
  --base-border-color02:#d3d3d3;
  --base-border-color03:#a1a1a1;
  --base-border-color04:#bbb;
  --base-border-color05:#999;
  --hanten:scale(-1, -1);
  --hantenX:scale(-1, 1);
  --hantenY:scaleY(-1);
  --transition-scale:transform 0.8s var(--easeOutCubic); }

@media screen and (min-width: 801px) {
  :root {
    --vwPC: calc(100vw / 1500);
    --fz8: max(.8rem, 8px);
    --fz9: max(.9rem, 9px);
    --fz10: max(1rem, 9px);
    --fz11: max(1.1rem, 10px);
    --fz12: max(1.2rem, 11px);
    --fz13: max(1.3rem, 12px);
    --fz14: max(1.4rem, 12px);
    --fz15: max(1.5rem, 13px);
    --fz16: max(1.6rem, 14px);
    --fz17: max(1.7rem, 15px);
    --fz18: max(1.8rem, 16px);
    --fz19: max(1.9rem, 17px);
    --fz20: max(2.0rem, 18px);
    --fz21: max(2.1rem, 18px);
    --fz22: max(2.2rem, 18px);
    --fz23: max(2.3rem, 20px);
    --fz24: max(2.4rem, 20px);
    --fz25: max(2.5rem, 21px);
    --fz26: max(2.6rem, 22px);
    --fz27: max(2.7rem, 23px);
    --fz28: max(2.8rem, 24px);
    --fz29: max(2.9rem, 25px);
    --fz30: max(3rem, 26px);
    --fz32: max(3.2rem, 28px);
    --fz33: max(3.3rem, 29px);
    --fz34: max(3.4rem, 30px);
    --fz35: max(3.5rem, 31px);
    --fz36: max(3.6rem, 32px);
    --fz37: max(3.7rem, 33px);
    --fz38: max(3.8rem, 34px);
    --fz39: max(3.9rem, 35px);
    --fz40: max(4rem, 36px);
    --fz41: max(4.1rem, 37px);
    --fz42: max(4.2rem, 38px);
    --fz44: max(4.4rem, 40px);
    --fz45: max(4.5rem, 41px);
    --fz46: max(4.6rem, 42px);
    --fz48: max(4.8rem, 44px);
    --fz50: max(5rem, 48px);
    --fz52: max(5.2rem, 48px);
    --fz54: max(5.4rem, 50px);
    --fz55: max(5.5rem, 51px);
    --fz56: max(5.6rem, 52px);
    --fz58: max(5.8rem, 54px);
    --fz59: max(5.9rem, 55px);
    --fz60: max(6rem, 56px);
    --fz64: max(6.4rem, 60px);
    --fz72: max(7.2rem, 68px);
    --fz78: max(7.8rem, 74px);
    --fz96: max(9.6rem, 90px); } }
@media screen and (max-width: 800px) {
  :root {
    --vwSP: calc(100vw / 400);
    --fz7: clamp(7px, calc(7 * var(--vwSP)), 9px);
    --fz8: clamp(8px, calc(8 * var(--vwSP)), 10px);
    --fz9: clamp(9px, calc(9 * var(--vwSP)), 11px);
    --fz10: clamp(10px, calc(10 * var(--vwSP)), 12px);
    --fz11: clamp(11px, calc(11 * var(--vwSP)), 13px);
    --fz12: clamp(12px, calc(12 * var(--vwSP)), 14px);
    --fz13: clamp(13px, calc(13 * var(--vwSP)), 14px);
    --fz14: clamp(14px, calc(14 * var(--vwSP)), 16px);
    --fz15: clamp(15px, calc(15 * var(--vwSP)), 17px);
    --fz16: clamp(16px, calc(16 * var(--vwSP)), 18px);
    --fz17: clamp(17px, calc(17 * var(--vwSP)), 19px);
    --fz18: clamp(18px, calc(18 * var(--vwSP)), 20px);
    --fz19: clamp(19px, calc(19 * var(--vwSP)), 21px);
    --fz20: clamp(20px, calc(20 * var(--vwSP)), 22px);
    --fz21: clamp(21px, calc(21 * var(--vwSP)), 23px);
    --fz22: clamp(22px, calc(22 * var(--vwSP)), 24px);
    --fz23: clamp(23px, calc(23 * var(--vwSP)), 25px);
    --fz24: clamp(24px, calc(24 * var(--vwSP)), 26px);
    --fz25: clamp(25px, calc(25 * var(--vwSP)), 27px);
    --fz26: clamp(26px, calc(26 * var(--vwSP)), 28px);
    --fz27: clamp(27px, calc(27 * var(--vwSP)), 29px);
    --fz28: clamp(28px, calc(28 * var(--vwSP)), 30px);
    --fz30: clamp(30px, calc(30 * var(--vwSP)), 32px);
    --fz31: clamp(31px, calc(31 * var(--vwSP)), 33px);
    --fz32: clamp(32px, calc(32 * var(--vwSP)), 35px);
    --fz33: clamp(33px, calc(33 * var(--vwSP)), 35px);
    --fz34: clamp(34px, calc(34 * var(--vwSP)), 37px);
    --fz35: clamp(35px, calc(35 * var(--vwSP)), 39px);
    --fz37: clamp(37px, calc(37 * var(--vwSP)), 41px);
    --fz36: clamp(36px, calc(36 * var(--vwSP)), 40px);
    --fz38: clamp(38px, calc(38 * var(--vwSP)), 42px);
    --fz40: clamp(40px, calc(40 * var(--vwSP)), 44px);
    --fz42: clamp(42px, calc(42 * var(--vwSP)), 46px);
    --fz44: clamp(44px, calc(44 * var(--vwSP)), 48px);
    --fz45: clamp(45px, calc(45 * var(--vwSP)), 49px);
    --fz47: clamp(47px, calc(47 * var(--vwSP)), 51px);
    --fz48: clamp(48px, calc(48 * var(--vwSP)), 52px);
    --fz49: clamp(49px, calc(49 * var(--vwSP)), 53px);
    --fz51: clamp(51px, calc(51 * var(--vwSP)), 56px);
    --fz56: clamp(56px, calc(56 * var(--vwSP)), 60px);
    --fz64: clamp(64px, calc(64 * var(--vwSP)), 68px); } }
body {
  background: var(--base-color-beige); }

/* ==========================================================================
	fv
========================================================================== */
#h_fv.-h500 {
  background: #fff;
  -webkit-mask-image: url(../img/common/h-fv_bg-500v2.webp);
          mask-image: url(../img/common/h-fv_bg-500v2.webp);
  -webkit-mask-size: 2744px 500px;
  mask-size: 2744px 500px; }
  #h_fv.-h500 h1 span {
    color: #000; }
  #h_fv.-h500:before {
    display: none; }
  #h_fv.-h500 .fv-pan {
    background: var(--base-color-beige); }
  #h_fv.-h500 .bg-slide_img {
    position: absolute;
    left: 0;
    bottom: -30px;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #h_fv.-h500 .bg-slide_img .slide-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-animation: loop-slide 40s infinite linear 1s both;
      animation: loop-slide 40s infinite linear 1s both; }
      #h_fv.-h500 .bg-slide_img .slide-wrapper .img {
        width: 1847px; }

@media screen and (max-width: 800px) {
  #h_fv.-h500 {
    -webkit-mask-image: url(../img/common/h-fv_bg-500_sp.png);
            mask-image: url(../img/common/h-fv_bg-500_sp.png);
    -webkit-mask-size: 1375px 333px;
            mask-size: 1375px 333px; }
    #h_fv.-h500 .bg-slide_img {
      bottom: -13px; }
      #h_fv.-h500 .bg-slide_img .slide-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-animation: loop-slide 40s infinite linear 1s both;
        animation: loop-slide 40s infinite linear 1s both; }
        #h_fv.-h500 .bg-slide_img .slide-wrapper .img {
          width: 965px; } }
/* ==========================================================================
	faq-wrap
========================================================================== */
.faq-wrap {
  position: relative;
  padding-top: 8.5rem;
  margin-bottom: 14.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

@media screen and (max-width: 1050px) {
  .faq-wrap {
    display: block; } }
@media screen and (max-width: 800px) {
  .faq-wrap {
    display: block;
    padding-top: clamp(22.8px, 9.5vw, 48.64px);
    margin-bottom: clamp(30px, 12.5vw, 64px); } }
/* ==========================================================================
	cate_area
========================================================================== */
.cate_area {
  width: 345px;
  position: -webkit-sticky;
  position: sticky;
  top: 3rem;
  padding: 6.8rem 4.5rem 8.2rem 3.7rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 5rem;
  margin-bottom: 400px; }
  .cate_area:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 0 6rem 6rem 0;
    z-index: 2; }
  .cate_area:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 226px;
    height: 447px;
    background: url(../img/faq/cate-illust.webp);
    background-size: cover;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: opacity 0.1s ease, -webkit-transform 0.7s var(--easeOutSine);
    transition: opacity 0.1s ease, -webkit-transform 0.7s var(--easeOutSine);
    transition: transform 0.7s var(--easeOutSine), opacity 0.1s ease;
    transition: transform 0.7s var(--easeOutSine), opacity 0.1s ease, -webkit-transform 0.7s var(--easeOutSine);
    z-index: 1; }
  .cate_area.move:after {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  .cate_area .cate_toggle {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 3rem;
    z-index: 10; }
    .cate_area .cate_toggle span {
      color: #333; }
    .cate_area .cate_toggle .title {
      display: block;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: left;
      margin-left: .6rem; }
    .cate_area .cate_toggle .icon {
      width: 26px;
      color: #00AEEF; }
  .cate_area .cate_list {
    position: relative;
    z-index: 10; }
    .cate_area .cate_list ul li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 18px 17px 18px 7px;
      border-bottom: 1px solid #eee;
      font-weight: bold; }
      .cate_area .cate_list ul li a .icon {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        margin-right: 1rem;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
      .cate_area .cate_list ul li a p {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        font-size: 16px;
        font-weight: 700; }
      .cate_area .cate_list ul li a.-pink {
        --color:var(--theme-color); }
      .cate_area .cate_list ul li a.-orange {
        --color:var(--base-color-orange); }
      .cate_area .cate_list ul li a.-yellow {
        --color:var(--base-color-yellow); }
      .cate_area .cate_list ul li a.-green {
        --color:var(--base-color-green); }
      .cate_area .cate_list ul li a.-perple {
        --color:var(--base-color-perple); }
      .cate_area .cate_list ul li a .icon .cls-1 {
        fill: var(--color); }
      .cate_area .cate_list ul li a .arrow-icon {
        width: 13px;
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease; }
        .cate_area .cate_list ul li a .arrow-icon .cls-1 {
          fill: var(--base-color-gray03);
          -webkit-transition: fill .4s ease;
          transition: fill .4s ease; }
      @media screen and (min-width: 800px) {
        .cate_area .cate_list ul li a:hover .arrow-icon {
          -webkit-transform: translateX(5px);
                  transform: translateX(5px); }
          .cate_area .cate_list ul li a:hover .arrow-icon .cls-1 {
            fill: var(--color); } }

@media screen and (min-width: 1051px) {
  .cate_list {
    display: block !Important; } }
@media screen and (max-width: 1050px) {
  .cate_area {
    position: relative;
    width: 62.5%;
    margin: 0 auto;
    padding: 0;
    border-radius: 12px;
    background: #fff;
    border-radius: 9999px;
    padding: 3rem;
    border-radius: 6rem;
    margin-bottom: 10rem; }
    .cate_area:before, .cate_area:after {
      display: none; }
    .cate_area .cate_toggle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0;
      margin-bottom: 0; }
    .cate_area .toggle-icon {
      position: relative;
      display: block;
      width: 20px;
      height: 20px; }
      .cate_area .toggle-icon:before, .cate_area .toggle-icon:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 2px;
        background: var(--theme-color);
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease; }
      .cate_area .toggle-icon:before {
        width: 100%;
        height: 3px; }
      .cate_area .toggle-icon:after {
        width: 3px;
        height: 100%; }
    .cate_area .active .toggle-icon:after {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    .cate_area .cate_list {
      padding: 0 1em 1em;
      display: none; } }
@media screen and (max-width: 800px) {
  .cate_area {
    padding: 1.1rem 1.8rem 1.4rem 2rem;
    margin-top: 0;
    border-radius: 26px; }
    .cate_area .cate_toggle {
      font-size: var(--fz17); }
      .cate_area .cate_toggle .title {
        margin-left: .6rem; }
      .cate_area .cate_toggle .icon {
        width: 20px;
        -webkit-transform: translateY(-3px);
                transform: translateY(-3px); }
    .cate_area .toggle-icon {
      width: 14px;
      height: 14px; }
      .cate_area .toggle-icon:before {
        height: 2px; }
      .cate_area .toggle-icon:after {
        width: 2px; }
    .cate_area .cate_list {
      position: relative;
      z-index: 10;
      margin-top: 2rem; }
      .cate_area .cate_list ul li a {
        padding: 1.3rem 1rem  1.3rem .8rem; }
        .cate_area .cate_list ul li a .icon {
          width: 9px;
          height: 9px;
          margin-right: 0.8em; }
        .cate_area .cate_list ul li a p {
          font-size: var(--fz14); }
        .cate_area .cate_list ul li a .arrow-icon {
          width: 11px; } }
/* ==========================================================================
	faq_area
========================================================================== */
.faq_area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 5.5vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.faq_con {
  position: relative;
  --color:var(--theme-color);
  scroll-margin-top: 5rem; }
  .faq_con.-fee {
    --color:var(--base-color-orange); }
  .faq_con.-trial {
    --color:var(--base-color-yellow); }
  .faq_con.-staff {
    --color:var(--base-color-green); }
  .faq_con.-other {
    --color:var(--base-color-perple); }
  .faq_con + .faq_con {
    margin-top: 11.5rem; }
  .faq_con .illust {
    position: absolute;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
    -webkit-transition: opacity 0.1s ease, -webkit-transform 0.5s var(--easePopUp);
    transition: opacity 0.1s ease, -webkit-transform 0.5s var(--easePopUp);
    transition: transform 0.5s var(--easePopUp), opacity 0.1s ease;
    transition: transform 0.5s var(--easePopUp), opacity 0.1s ease, -webkit-transform 0.5s var(--easePopUp);
    z-index: 10;
    pointer-events: none; }
  .faq_con.-service .illust {
    width: 102px;
    right: 8rem;
    top: -6.5rem; }
  .faq_con.-fee .illust {
    width: 93px;
    right: 8.3rem;
    top: -4.5rem; }
  .faq_con.-trial .illust {
    width: 99px;
    right: 8.1rem;
    top: -3rem; }
  .faq_con.-staff .illust {
    width: 105px;
    right: 7.8rem;
    top: -3.3rem; }
  .faq_con.-other .illust {
    width: 140px;
    right: 6rem;
    top: 0; }
  .faq_con.move .illust {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }

.illust + .qa-box {
  margin-top: 2.2rem; }

.qa-box {
  border-radius: 50px;
  background: #fff;
  line-height: calc(36/22);
  letter-spacing: 0.04em;
  margin-bottom: 16px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .qa-box + .qa-box {
    margin-top: .8rem; }
  .qa-box .c-button {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--fz22);
    font-weight: bold;
    color: #333;
    position: relative;
    padding: 2.9rem 9rem 2.5rem 5rem; }
    .qa-box .c-button .q {
      font-size: var(--fz46);
      line-height: 1;
      color: var(--color);
      font-weight: 500;
      margin-right: 0.4em;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -webkit-transform: translateY(-5px);
              transform: translateY(-5px); }
    .qa-box .c-button .icon_wrap {
      position: absolute;
      right: 5rem;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 29px;
      height: 29px; }
      .qa-box .c-button .icon_wrap .icon {
        display: block;
        width: 100%;
        height: 5px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease; }
        .qa-box .c-button .icon_wrap .icon .cls-1 {
          fill: var(--color); }
        .qa-box .c-button .icon_wrap .icon.-y {
          -webkit-transform: rotate(-90deg);
                  transform: rotate(-90deg); }
    .qa-box .c-button.active .icon.-y {
      -webkit-transform: rotate(0);
              transform: rotate(0); }
    @media screen and (min-width: 801px) {
      .qa-box .c-button:hover .icon {
        -webkit-transform: scale(1.2);
                transform: scale(1.2); }
        .qa-box .c-button:hover .icon.-y {
          -webkit-transform: scale(1.2) rotate(-90deg);
                  transform: scale(1.2) rotate(-90deg); }
      .qa-box .c-button.active:hover .icon.-y {
        -webkit-transform: scale(1.2) rotate(0);
                transform: scale(1.2) rotate(0); } }
  .qa-box .oc_area {
    display: none;
    padding: 0 9rem 5rem 5rem; }
    .qa-box .oc_area .oc_inr {
      position: relative;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .qa-box .oc_area .A {
      font-size: var(--fz46);
      line-height: 1;
      color: var(--color);
      font-weight: 500;
      margin-right: 0.4em;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .qa-box .oc_area .text_area {
      padding-top: .5rem;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      color: var(--base-color-gray06); }
      .qa-box .oc_area .text_area p {
        font-size: var(--fz16);
        font-weight: 500;
        line-height: calc(28/16);
        letter-spacing: 0.02em;
        color: var(--base-color-gray06); }
        .qa-box .oc_area .text_area p + * {
          margin-top: 1.8rem; }
      .qa-box .oc_area .text_area h4 {
        font-size: var(--fz16);
        font-weight: 500;
        line-height: calc(28/16);
        letter-spacing: 0.02em;
        color: var(--color); }
      .qa-box .oc_area .text_area a {
        position: relative;
        display: inline-block;
        color: var(--color); }
        .qa-box .oc_area .text_area a:after {
          content: "";
          diplay: block;
          position: absolute;
          left: 0;
          bottom: 3px;
          width: 100%;
          height: 1px;
          background: var(--color);
          -webkit-transition: width .4s ease;
          transition: width .4s ease; }
        @media screen and (min-width: 801px) {
          .qa-box .oc_area .text_area a:hover:after {
            width: 0; } }
      .qa-box .oc_area .text_area ul + *,
      .qa-box .oc_area .text_area ol + * {
        margin-top: 1.8rem; }
      .qa-box .oc_area .text_area ul li {
        position: relative;
        font-size: var(--fz16);
        line-height: calc(28/16);
        font-weight: 500;
        letter-spacing: 0.02em;
        padding-left: 1.5rem; }
        .qa-box .oc_area .text_area ul li:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 1.1rem;
          width: .8rem;
          height: .8rem;
          background: var(--color);
          border-radius: 50%; }
      .qa-box .oc_area .text_area ol li {
        position: relative;
        font-size: var(--fz16);
        line-height: calc(28/16);
        font-weight: 500;
        letter-spacing: 0.02em;
        padding-left: 1em; }
        .qa-box .oc_area .text_area ol li:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          font-size: var(--fz16);
          line-height: calc(28/16);
          color: var(--color); }
        .qa-box .oc_area .text_area ol li:nth-child(1)::before {
          content: "①"; }
        .qa-box .oc_area .text_area ol li:nth-child(2)::before {
          content: "②"; }
        .qa-box .oc_area .text_area ol li:nth-child(3)::before {
          content: "③"; }
        .qa-box .oc_area .text_area ol li:nth-child(4)::before {
          content: "④"; }
        .qa-box .oc_area .text_area ol li:nth-child(5)::before {
          content: "⑤"; }
        .qa-box .oc_area .text_area ol li:nth-child(6)::before {
          content: "⑥"; }
        .qa-box .oc_area .text_area ol li:nth-child(7)::before {
          content: "⑦"; }
        .qa-box .oc_area .text_area ol li:nth-child(8)::before {
          content: "⑧"; }
        .qa-box .oc_area .text_area ol li:nth-child(9)::before {
          content: "⑨"; }
        .qa-box .oc_area .text_area ol li:nth-child(10)::before {
          content: "⑩"; }

@media screen and (max-width: 1150px) {
  .faq_con.-service .illust {
    top: -9rem; }

  .faq_con.-staff .illust {
    top: -5.5rem; } }
@media screen and (max-width: 1050px) {
  .qa-box .c-button {
    padding-bottom: 1.5rem; } }
@media screen and (max-width: 800px) {
  .faq_area {
    padding: 0 5vw; }

  .faq_con {
    scroll-margin-top: 3rem; }
    .faq_con + .faq_con {
      margin-top: 7.8rem; }
    .faq_con.-service .illust {
      width: 58px;
      right: 2rem;
      top: 1px; }
    .faq_con.-fee .illust {
      width: 54px;
      right: 2.3rem;
      top: 1.1rem; }
    .faq_con.-trial .illust {
      width: 56px;
      right: 2.2rem;
      top: 2.1rem; }
    .faq_con.-staff .illust {
      width: 60px;
      right: 2rem;
      top: 1.7rem; }
    .faq_con.-other .illust {
      width: 80px;
      right: 1rem;
      top: 3.8rem; }

  .illust + .qa-box {
    margin-top: 2.2rem; }

  .qa-box {
    border-radius: 30px; }
    .qa-box + .qa-box {
      margin-top: .8rem; }
    .qa-box .c-button {
      font-size: var(--fz16);
      line-height: calc(25/16);
      padding: 2.3rem 5rem 1.7rem 2.5rem; }
      .qa-box .c-button .q {
        font-size: var(--fz34);
        margin-right: 0.8rem;
        -webkit-transform: translateY(-5px);
                transform: translateY(-5px); }
      .qa-box .c-button .icon_wrap {
        right: 2rem;
        width: 21px;
        height: 21px; }
        .qa-box .c-button .icon_wrap .icon {
          height: 4px; }
    .qa-box .oc_area {
      display: none;
      padding: 0 5rem 4rem 2.5rem; }
      .qa-box .oc_area .A {
        font-size: var(--fz34);
        margin-right: 0.8rem;
        -webkit-transform: translateY(0);
                transform: translateY(0); }
      .qa-box .oc_area .text_area p {
        font-size: var(--fz13);
        line-height: calc(24/13); }
        .qa-box .oc_area .text_area p + * {
          margin-top: 1.7rem; }
      .qa-box .oc_area .text_area h4 {
        font-size: var(--fz13);
        line-height: calc(24/13); }
      .qa-box .oc_area .text_area ul + *,
      .qa-box .oc_area .text_area ol + * {
        margin-top: 1.7rem; }
      .qa-box .oc_area .text_area ul li {
        font-size: var(--fz13);
        line-height: calc(24/13);
        font-weight: 500;
        letter-spacing: 0.02em;
        padding-left: 1.5rem; }
        .qa-box .oc_area .text_area ul li:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 1rem;
          width: .8rem;
          height: .8rem;
          background: var(--color);
          border-radius: 50%; }
      .qa-box .oc_area .text_area ol li {
        font-size: var(--fz13);
        line-height: calc(24/13); }
        .qa-box .oc_area .text_area ol li:before {
          font-size: var(--fz13);
          line-height: calc(24/13); } }

/*# sourceMappingURL=faq.css.map */