@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
body.bg-color-change {
  background-color: black;
}

body.bg-color-change h1, body.bg-color-change h2, body.bg-color-change h3, body.bg-color-change h4, body.bg-color-change h5, body.bg-color-change h6, body.bg-color-change p, body.bg-color-change span, body.bg-color-change a, body.bg-color-change div, body.bg-color-change li {
  color: white;
}

body.bg-color-change header .header-inner ul li a {
  color: white;
}

body.bg-color-change header .header-inner .burger span {
  background-color: #fff;
}

body.bg-color-change .select-visual .section-inner h4 {
  color: white;
}

body.bg-color-change .select-visual .section-inner ul li {
  color: white;
}

body.bg-color-change .feature {
  background-color: black;
}

body.bg-color-change .feature .section-inner ul li {
  background-color: #3e3e3e;
}

body.bg-color-change .flow .flow-wrapper .content {
  background-color: #3e3e3e;
}

body.bg-color-change .flow .flow-wrapper .content .white-hide {
  display: none;
}

body.bg-color-change .flow .flow-wrapper .content .white-show {
  display: block;
}

body.bg-color-change .achievement {
  background-color: black;
}

body.bg-color-change .achievement .section-inner .flex .card {
  background-color: #3e3e3e;
}

body.bg-color-change .guide-sec {
  background-color: #3e3e3e;
}

body.bg-color-change .guide-sec .section-inner .merit-wrapper .txt {
  background-color: black;
}

body.bg-color-change .guide-sec .section-inner .scene-ttl h4 span {
  background-color: black;
}

body.bg-color-change .guide-sec .section-inner .scene {
  background-color: black;
}

.big-show {
  display: none;
}

.sp-big-show {
  display: none;
}

@media (min-width: 1281px) {
  body.f-big header .header-inner {
    justify-content: space-between;
    max-width: unset;
  }
  body.f-big header .header-inner .menu {
    overflow: scroll;
  }
}

body.f-big .big-hide {
  display: none;
}

@media (min-width: 768px) {
  body.f-big .mini {
    padding-right: 30%;
  }
}

body.f-big .service {
  padding-bottom: 50px;
}

@media (min-width: 1281px) {
  body.f-big .service .section-inner .flex .left p .big-hide2 {
    display: none;
  }
}

body.f-big .service .section-inner .flex .left h3 .big-show {
  display: none;
}

@media (min-width: 1025px) {
  body.f-big .service .section-inner .flex .left h3 .big-show {
    display: block;
  }
}

body.f-big .feature .section-inner ul li .point {
  width: 90px;
  height: 90px;
}

@media (min-width: 768px) {
  body.f-big .feature .section-inner ul h4 {
    width: calc(100% - 120px);
  }
}

body.f-big .feature .notice {
  line-height: 1.3em;
}

@media (min-width: 768px) {
  body.f-big .price .big-show {
    display: block;
  }
}

@media (min-width: 768px) {
  body.f-big .price .section-inner .box h3 {
    text-align: center;
    line-height: 1.3em;
  }
}

@media (max-width: 767px) {
  body.f-big .price .section-inner .box {
    padding-left: 10px;
    padding-right: 10px;
  }
  body.f-big .price .section-inner .box ul li {
    white-space: normal;
  }
  body.f-big .price .section-inner .box ul li::before {
    left: -2px;
  }
  body.f-big .price .section-inner .box .notice::before {
    left: -2px;
  }
}

body.f-big .flow .section-inner {
  max-width: 1100px;
}

body.f-big .achievement .section-inner {
  max-width: 1200px;
}

@media (min-width: 1025px) {
  body.f-big .achievement .section-inner .flex .card {
    margin-left: 5px;
    margin-right: 5px;
  }
}

@media (min-width: 768px) {
  body.f-big .cta .flex .right a {
    margin-top: 0.5em;
  }
}

@media (max-width: 767px) {
  body.f-big .sp-big-show {
    display: block;
  }
  body.f-big .sp-big-hide {
    display: none;
  }
  body.f-big .fv {
    padding-left: 10px;
    padding-right: 10px;
  }
  body.f-big .price .section-inner .box h3 {
    white-space: normal;
  }
  body.f-big .cta {
    margin-left: -5px;
    margin-right: -5px;
  }
  body.f-big .cta .flex > div h3 {
    text-align: center;
    line-height: 1.3em;
  }
  body.f-big .cta .flex > div a {
    text-align: center;
  }
  body.f-big .cta-sec {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media (max-width: 767px) {
  body.f-big .guide-sec .section-inner h2 .big-show {
    display: block;
  }
}

body.f-big .guide-sec .section-inner .merit4 {
  max-width: 900px;
}

@media (max-width: 767px) {
  body.f-big .guide-sec .section-inner .merit4 .merit-wrapper .ttl .big-hide {
    display: none;
  }
}

body.f-big .guide-sec .section-inner .scene {
  padding-left: 15px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  body.f-big .guide-sec .section-inner .scene {
    padding-left: 25px;
  }
}

body.f-big .guide-sec .section-inner .scene::before {
  right: -120px;
}

body.f-big .guide-sec .section-inner .scene h6 {
  line-height: 1.8em;
}

@media (max-width: 767px) {
  body.f-big .guide-sec .section-inner .scene .scene1 p .big-hide {
    display: none;
  }
}

body.f-big .guide-sec .section-inner .story .story-wrapper {
  max-width: 700px;
}

@media (max-width: 767px) {
  body.f-big .guide-sec .section-inner .story .story-wrapper .ttl-wrapper h4 span {
    font-size: 1em;
  }
}

@media (max-width: 767px) {
  body.f-big .guide-sec .section-inner .story .story-wrapper .ttl-wrapper h4.big-flex {
    display: flex;
    justify-content: center;
    text-align: left;
  }
}

@media (max-width: 767px) {
  body.f-big .guide-sec .section-inner .story .story-wrapper .big-show {
    display: block;
  }
}

@media (max-width: 1024px) {
  .tab-show.big-show {
    display: block;
  }
}

.change-show {
  display: none;
}

.bg-color-change.page-helper header {
  background-color: black;
}

.bg-color-change.page-helper section {
  background-color: black;
}

.bg-color-change.page-helper .cta-helper-box {
  background-color: #3e3e3e;
}

.bg-color-change.page-helper .cta-helper-box .change-show {
  display: inline;
}

.bg-color-change.page-helper .cta-helper-box .change-hide {
  display: none;
}

.bg-color-change .helper-merit-section .section-inner .flex .left ul li h6, .bg-color-change .helper-merit-section .section-inner .flex .left ul li p {
  color: white;
}

.bg-color-change .voice-section .voice-single .inner {
  background-color: rgba(0, 0, 0, 0.7);
}

.bg-color-change .info-section .section-inner h2, .bg-color-change .info-section .section-inner p, .bg-color-change .info-section .section-inner a {
  color: white;
}

.bg-color-change .info-section .section-inner ul li .left p {
  color: white;
}

.bg-color-change .work-flow .section-inner {
  background-color: #3e3e3e;
}

.bg-color-change .work-flow .section-inner .inner-inner .row h3, .bg-color-change .work-flow .section-inner .inner-inner .row li {
  color: white;
}

.f-big .cta-helper-box {
  padding-left: 50px;
  padding-right: 50px;
}

.f-big .cta-helper .section-inner .helper-merit .flex .column {
  padding-left: 25px;
  padding-right: 25px;
}

@media (max-width: 767px) {
  .f-big .cta-helper .section-inner .helper-merit .flex .column {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.f-big .work-flow .section-inner .inner-inner .row .long {
  width: unset;
}

.f-big .work-flow .section-inner .inner-inner .row .short {
  max-width: 70%;
}

@media (max-width: 767px) {
  .f-big .work-flow .section-inner .inner-inner .row .short {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .f-big .cta-helper-box {
    padding-left: 10px;
    padding-right: 10px;
  }
  .f-big .cta-helper-box .top h2 {
    white-space: normal;
  }
  .f-big .cta-helper-box .big-show {
    display: block;
  }
  .f-big .helper-merit-section .big-show {
    display: block;
  }
  .f-big .voice-section .big-show {
    display: block;
  }
}

.bg-color-change .flow-section {
  background-color: black;
}

.bg-color-change .flow-cta {
  background-color: black;
}

.bg-color-change .faq-section .bg-white {
  background-color: black;
}

.bg-color-change .faq-section .bg-white h6, .bg-color-change .faq-section .bg-white p {
  color: white !important;
}

@media (max-width: 767px) {
  .f-big .flow-section .big-show {
    display: block;
  }
}

.bg-color-change .media-fv .section-inner .to-article h1 {
  color: white;
}

.bg-color-change .media-article {
  background-color: black;
}

@media (min-width: 768px) {
  .f-big .media-fv a {
    align-items: center;
  }
}

@media (max-width: 767px) {
  .f-big .media-fv {
    padding-left: 10px;
    padding-right: 10px;
  }
  .f-big .media-fv .section-inner h1 {
    white-space: nowrap;
  }
  .f-big .media-fv .section-inner h2 br {
    display: none;
  }
}

@media (min-width: 768px) {
  .f-big .media-fv .left {
    padding-right: 30px;
    width: 50%;
  }
}

@media (min-width: 768px) {
  .f-big .media-fv .right {
    width: 50%;
  }
}

.bg-color-change .article-flex .section-inner .side-col .popular h6 {
  color: white;
}

.bg-color-change .article-flex .section-inner .side-col .popular .tag {
  color: white;
}

.bg-color-change .article-flex .section-inner .side-col .cat-list, .bg-color-change .article-flex .section-inner .side-col .tag-list {
  background-color: #3e3e3e;
}

.bg-color-change .article-flex .section-inner .side-col .cat-list .change-hide {
  display: none;
}

.bg-color-change .article-flex .section-inner .side-col .cat-list .change-show {
  display: block;
}

.bg-color-change .single-flex .section-inner .main-col .mokuji {
  background-color: #3e3e3e;
}

.bg-color-change .single-flex .section-inner .main-col .mokuji p, .bg-color-change .single-flex .section-inner .main-col .mokuji h4 {
  color: white;
}

.bg-color-change .single-flex .section-inner .main-col .mokuji p a, .bg-color-change .single-flex .section-inner .main-col .mokuji h4 a {
  color: white;
}

.bg-color-change .writer-section {
  background-color: #3e3e3e;
}

.bg-color-change .writer-section .section-inner {
  background-color: black;
}

.bg-color-change .writer-section .section-inner h4, .bg-color-change .writer-section .section-inner p, .bg-color-change .writer-section .section-inner h6 {
  color: white !important;
}

.f-big .archive-flex .section-inner .side-col .popular h6 {
  -webkit-line-clamp: 3;
}

.bg-color-change .contact-sec h1 {
  color: white;
}

.bg-color-change .contact-sec .desc {
  color: white;
}

.bg-color-change .contact-sec .section-inner .flex .left p {
  color: white;
}

.bg-color-change .contact-sec .section-inner .flex .right input {
  background-color: #3e3e3e;
  color: white;
}

.bg-color-change .contact-sec .section-inner .flex .right input::placeholder {
  color: white;
}

.bg-color-change .contact-sec .section-inner .flex .right .select-wrapper select {
  background-color: #3e3e3e;
  color: white;
}

.bg-color-change .contact-sec .section-inner .txt-flex .right2 textarea {
  background-color: #3e3e3e;
  color: white;
}

.bg-color-change .contact-sec .section-inner .txt-flex .right2 textarea::placeholder {
  color: white;
}

.bg-color-change .contact-sec .section-inner .txt-flex .right2 .privacy-wrapper label p {
  color: white;
}

.bg-color-change .contact-sec .section-inner .txt-flex .right2 .privacy-wrapper label p a {
  color: white;
  position: relative;
}

.bg-color-change .contact-sec .section-inner .txt-flex .right2 .privacy-wrapper label p a .change-hide {
  display: none;
}

.bg-color-change .contact-sec .section-inner .txt-flex .right2 .privacy-wrapper label p a .change-show {
  display: inline;
}

.bg-color-change .contact-sec .section-inner .txt-flex .right2 .privacy-wrapper label p a:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}

.f-big .contact-sec .section-inner {
  max-width: 1000px;
}

@media (min-width: 768px) {
  .f-big .contact-sec .section-inner form .flex .left {
    width: 300px;
  }
}

@media (min-width: 768px) {
  .f-big .contact-sec .section-inner form .flex .right, .f-big .contact-sec .section-inner form .flex .right2 {
    width: calc(100% - 300px);
  }
}

@media (max-width: 767px) {
  .f-big .contact-sec .section-inner form .flex .right .privacy-wrapper label p, .f-big .contact-sec .section-inner form .flex .right2 .privacy-wrapper label p {
    line-height: 1.4em;
  }
}

@media (max-width: 767px) {
  .f-big .contact-sec .section-inner form .flex .right .privacy-wrapper label .big-show, .f-big .contact-sec .section-inner form .flex .right2 .privacy-wrapper label .big-show {
    display: block;
  }
}

.bg-color-change .confirm-sec .section-inner h1 {
  color: white;
}

.bg-color-change .confirm-sec .section-inner .content h3, .bg-color-change .confirm-sec .section-inner .content p {
  color: white;
}

.bg-color-change .confirm-sec .section-inner .btn-wrapper a {
  border: 1px solid white;
}

.f-big .thanks-sec .section-inner {
  max-width: 1400px;
}

@media (max-width: 767px) {
  .f-big .thanks-sec .section-inner h1 .big-show {
    display: block;
  }
}

.bg-color-change .terms-sec .section-inner .content p, .bg-color-change .terms-sec .section-inner .content h3, .bg-color-change .terms-sec .section-inner .content li {
  color: white;
}

.bg-color-change .company-sec .section-inner .content {
  background-color: #3e3e3e;
}

.bg-color-change .company-sec .section-inner .content h3, .bg-color-change .company-sec .section-inner .content h4, .bg-color-change .company-sec .section-inner .content h5, .bg-color-change .company-sec .section-inner .content h6, .bg-color-change .company-sec .section-inner .content p, .bg-color-change .company-sec .section-inner .content li, .bg-color-change .company-sec .section-inner .content th, .bg-color-change .company-sec .section-inner .content td {
  color: white;
}

.bg-color-change .glossary-list .section-inner .col .content li a::after {
  background-color: #fff;
}

.f-big .terms-sec .section-inner h1 {
  line-height: 1.4em;
}

@media (max-width: 767px) {
  .f-big .terms-sec .section-inner h1 .big-show {
    display: block;
  }
}

.f-big .company-sec .section-inner .content {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 767px) {
  .f-big .company-sec .section-inner .content .big-show {
    display: block;
  }
}

.bg-color-change .article-flex .side-col .tag-list li a p:hover {
  color: lightgray;
}

.bg-color-change .single-ttl .section-inner .ttl-flex time {
  color: white;
}

.bg-color-change header.active {
  background-color: black;
}

.bg-color-change .single-flex .section-inner .main-col .content h2 {
  background-color: #3e3e3e;
}

.bg-color-change .single-flex .section-inner .main-col .content .wp-block-table th, .bg-color-change .single-flex .section-inner .main-col .content .wp-block-table td {
  color: white;
}

.bg-color-change .single-flex .section-inner .main-col .content .wp-block-image figcaption {
  color: white;
}

.bg-color-change .single-flex .section-inner .main-col .content p strong {
  color: white;
}

.bg-color-change.page-odekakekun header, .bg-color-change.page-helperlist header, .bg-color-change.page-recruit header, .bg-color-change.page-helper-list header {
  background-color: #000;
}

.bg-color-change.page-odekakekun .select-visual, .bg-color-change.page-helperlist .select-visual, .bg-color-change.page-recruit .select-visual, .bg-color-change.page-helper-list .select-visual {
  background-color: #000;
}

.bg-color-change.page-odekakekun .bg-b, .bg-color-change.page-helperlist .bg-b, .bg-color-change.page-recruit .bg-b, .bg-color-change.page-helper-list .bg-b {
  background-color: #000;
}

.bg-color-change.page-odekakekun .bg-g, .bg-color-change.page-helperlist .bg-g, .bg-color-change.page-recruit .bg-g, .bg-color-change.page-helper-list .bg-g {
  background-color: #3e3e3e !important;
}

.bg-color-change.page-odekakekun .bg-bl, .bg-color-change.page-helperlist .bg-bl, .bg-color-change.page-recruit .bg-bl, .bg-color-change.page-helper-list .bg-bl {
  color: #071943;
}

.bg-color-change.page-connect header {
  background-color: #000;
}

.bg-color-change.page-connect .bg-b {
  background-color: #000;
}

.bg-color-change.page-connect .bg-g {
  background-color: #3e3e3e !important;
}

.bg-color-change.single .single-flex .section-inner .main-col .mokuji .right li a {
  color: #FFF;
}

.bg-color-change.single .single-flex .section-inner .main-col .content a {
  color: yellow;
}