@charset "UTF-8";

/* Utility classes
======================================================== */
.--PC { display: block; }
.--SP { display: none; }

/* Image */
.--ObjectFitCover { position: relative; display: block; width: 100%; background: #eaeaea; overflow: hidden; object-fit: cover; }
.--ObjectFitCover:before { content: ""; display: block; }
.--ObjectFitCover img { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover; }

.Body__LpMain { margin: 0 auto; padding: 0 0 120px; width: 1100px; }
.--LpHeading { position: relative; margin: 0 auto 50px; padding: 15px 0; width: 100%; color: #333; font-size: 3.9rem; font-weight: 900; text-align: center; background: none; }
.--LpHeading:before { display: none; }
.--LpHeading:after { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: ""; display: block; width: 12%; height: 4px; background-color: #1dc3d7; }

@media only screen and (min-width:601px) and (max-width:1200px) {
  .Body__LpMain { padding: 0 0 10vw; width: 91.667vw; }
  .--LpHeading { margin: 0 auto 4.166vw; padding: 1.25vw 0; font-size: 3.25vw; }
  .--LpHeading:after { height: 0.334vw; }
}

@media screen and (max-width: 600px) {
  .--PC { display: none; }
  .--SP { display: block; }
  .Body__LpMain { padding: 16vw 0 24vw; width: 100%; }
  .--LpHeading { margin: 0 auto 10vw; padding: 4vw 0; font-size: 2.8rem; line-height: 1.2; }
  .--LpHeading:after { height: 0.8vw; }
}

.Body__MainVisual { display: flex; flex-direction: column; align-items: center; margin: 0 calc(50% - 50vw); padding: 0; width: 100vw; background-image: url(/wp-content/uploads/2025/11/mv-bg-pc.png); background-repeat: no-repeat; background-position: center top; background-size: cover; }
.MainVisual { position: relative; margin: 0 auto; padding: 40px 0; width: 940px; overflow: hidden; }
.MainVisual__Primary { display: flex; flex-direction: column; margin: 0; padding: 0; }
.MainVisual__Heading { position: relative; z-index: 1; margin: 0; padding: 0 0 20px; color: #075b73; font-size: 8.5rem; font-weight: 900; line-height: 1.0; letter-spacing: 0.1em; }
.MainVisual__Text { position: relative; z-index: 1; margin: 0 0 20px; padding: 10px 0 15px; width: 78%; color: #075b73; font-size: 3.0rem; font-weight: 700; line-height: 1.0; letter-spacing: 0.1em; text-align: center; background-color: #ffd92a; }
.MainVisual__List { margin: 0; padding: 0; width: 46%; }
.MainVisual__List li { margin: 0 0 15px; padding: 10px 5%; width: 90%; color: #fff; font-size: 2.6rem; font-weight: 900; line-height: 1.25; background-color: #1dc3d7; border-radius: 20px 0 20px 0; }
.MainVisual__Image { position: absolute; right: 0; bottom: 20px; width: 53%; }
.MainVisual__Image img { width: 100%; height: auto; }

@media only screen and (min-width:601px) and (max-width:1200px) {
  .MainVisual { padding: 3.333vw 0; width: 78.333vw; }
  .MainVisual__Heading { padding: 0 0 1.666vw; font-size: 7.083vw; }
  .MainVisual__Text { margin: 0 0 1.666vw; padding: 0.833vw 0 1.25vw; font-size: 2.5vw; }
  .MainVisual__List li { margin: 0 0 1.25vw; padding: 0.833vw 5%; font-size: 2.166vw; border-radius: 1.667vw 0 1.667vw; }
  .MainVisual__Image { bottom: 1.666vw; }
}

@media screen and (max-width: 600px) {
  .Body__MainVisual { background-image: url(/wp-content/uploads/2025/11/mv-bg-sp.jpg); }
  .MainVisual { display: flex; flex-direction: column; align-items: center; padding: 8vw 0; width: 100%; }
  .MainVisual__Heading { order: 1; padding: 0 0 4vw;  font-size: 4.0rem; letter-spacing: 0.05em; text-align: center; }
  .MainVisual__Text { order: 2; margin: 0 auto 4vw; padding: 2vw 0; width: 90%; font-size: 1.8rem; }
  .MainVisual__Image { order: 3; position: initial; margin: 0 auto; width: 90%; }
  .MainVisual__List { order: 4; margin: 0 auto; width: 90%; }
  .MainVisual__List li { margin: 0 0 3vw; padding: 3vw 5%; font-size: 1.9rem; border-radius: 10px 0 10px 0; }
}

.LpWorries { margin: 0 auto; padding: 110px 0; /* ▼このようなお悩みはありませんか？ */ }
.LpWorries__Item { display: flex; margin: 0 auto 30px; padding: 35px 0 20px; width: 100%; background-color: #f4f7fa; border-radius: 30px; }
.LpWorries__Image { display: flex; align-items: center; margin: 0 80px 0 50px; padding: 0; width: 28%; }
.LpWorries__Image img { width: 100%; height: auto; }
.LpWorries__List { list-style-type: disc; display: flex; flex-direction: column; justify-content: center; margin: 0; padding: 0; }
.LpWorries__List li { margin: 0; padding: 0 0 10px; font-size: 2.3rem; font-weight: 700; }
.LpWorries__Answer { margin: 0 auto 20px; padding: 10px 0; width: 100%; font-size: 3.9rem; font-weight: 900; text-align: center; }
.LpWorries__Answer span { display: inline-block; background: linear-gradient(transparent 88%, #ffd92a 3%); }
.LpWorries__Arrow { display: block; margin: 0 auto; padding: 0; width: 20%; }
.LpWorries__Arrow img { width: 100%; height: auto; }

@media only screen and (min-width:601px) and (max-width:1200px) {
  .LpWorries { padding: 9.166vw 0; }
  .LpWorries__Item { margin: 0 auto 2.5vw; padding: 2.916vw 0 1.666vw; border-radius: 2.5vw; }
  .LpWorries__Image { margin: 0 6.666vw 0 4.166vw; }
  .LpWorries__List li { padding: 0 0 0.833vw; font-size: 1.916vw; }
  .LpWorries__Answer { margin: 0 auto 1.666vw; padding: 0.833vw 0; font-size: 3.25vw; }
}

@media screen and (max-width: 600px) {
  .LpWorries { padding: 8vw 0; }
  .LpWorries h2.--LpHeading span { display: block; }
  .LpWorries__Item { flex-direction: column; align-items: center; margin: 0 auto 6vw; padding: 4vw 0 2vw; width: 90%; border-radius: 15px; }
  .LpWorries__Image { margin: 0 auto; width: 50%; }
  .LpWorries__List { margin: 0 0 0 10%; width: 90%; }
  .LpWorries__List li { padding: 0 0 2vw; font-size: 1.7rem; }
  .LpWorries__Answer { margin: 0 auto 4vw; padding: 2vw 0; font-size: 2.8rem; }
}

.LpFeatures { margin: 0 auto; padding: 0 0 40px; width: 91%; /* ▼経理代行サービスの特徴 */ }
.LpFeatures__Text { margin: 0; padding: 0 0 50px; font-size: 2.0rem; line-height: 1.6; letter-spacing: 0; }
.LpFeatures__List { display: flex; flex-direction: column; align-items: center; margin: 0 auto; padding: 0 0 40px; width: 100%; }
.LpFeatures__List dt { margin: 0; padding: 15px 0; width: 100%; font-size: 3.0rem; font-weight: 900; text-align: center; border-style: solid; border-width: 2px; border-radius: 20px 20px 0 0; }
.LpFeatures__List dd { margin: 0; padding: 30px 0; width: 100%; text-align: center; border-style: solid; border-width: 2px; border-radius: 0 0 20px 20px; }
.LpFeatures__List dd img { width: 100%; height: auto; }
.LpFeatures__List.--Before dt { color: #fff; background-color: #7e7e7e; border-color: #7e7e7e; }
.LpFeatures__List.--Before dd { background-color: #f5f5f5; border-color: #7e7e7e; }
.LpFeatures__List.--After dt { color: #333; background-color: #ffd92a; border-color: #ffd92a; }
.LpFeatures__List.--After dd { background-color: #fffdef; border-color: #ffd92a; }

@media only screen and (min-width:601px) and (max-width:1200px) {
  .LpFeatures { padding: 0 0 3.333vw; }
  .LpFeatures__Text { padding: 0 0 4.166vw; font-size: 1.666vw; }
  .LpFeatures__List { padding: 0 0 3.333vw; }
  .LpFeatures__List dt { padding: 1.25vw 0; font-size: 2.5vw; border-width: 0.167vw; border-radius: 1.666vw 1.666vw 0 0; }
  .LpFeatures__List dd { padding: 2.5vw 0; border-width: 0.167vw; border-radius: 0 0 1.666vw 1.666vw; }
}

@media screen and (max-width: 600px) {
  .LpFeatures { padding: 0 0 8vw; width: 90%; }
  .LpFeatures__Text { padding: 0 0 10vw; font-size: 1.6rem; }
  .LpFeatures__List { padding: 0 0 8vw; }
  .LpFeatures__List dt { padding: 2.5vw 0; font-size: 2.2rem; border-radius: 10px 10px 0 0; }
  .LpFeatures__List dd { padding: 6vw 0; border-radius: 0 0 10px 10px; }
  .LpFeatures__ListScroll { width: 150vw; }
}

.LpPrice { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; padding: 0 0 130px; width: 100%; /* ▼料金表 */ }
.LpPrice__Item { display: flex; flex-direction: column; margin: 0 0 4%; padding: 0; width: 48%; border-width: 2px; border-style: solid; border-color: #1dc3d7; border-radius: 20px; }
.LpPrice__SubHeading { display: flex; justify-content: center; margin: 0; padding: 20px 0; width: 99.6%; color: #fff; font-size: 2.9rem; font-weight: 700; background-color: #1dc3d7; border-top: none; border-bottom: none; border-width: 2px; border-style: solid; border-color: #1dc3d7; border-radius: 16px 16px 0 0; }
.LpPrice__Top { flex-grow: 1; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0; padding: 4% 5% 0; width: 90%; }
.LpPrice__List { display: flex; flex-direction: column; margin: 0; padding: 0; width: 48%; }
.LpPrice__List dt { margin: 0 0 15px; padding: 10px 0; width: 100%; font-size: 2.0rem; font-weight: 900; text-align: center; background-color: #e1ded5; }
.LpPrice__List dd { position: relative; margin: 0; padding: 0 0 50px; font-size: 2.0rem; font-weight: 700; }
.LpPrice__List dd strong { display: block; color: #dc243f; font-size: 3.2rem; font-weight: 700; line-height: 1.0; text-align: center; }
.LpPrice__List dd strong span { font-size: 4.8rem; }
.LpPrice__List dd small { position: absolute; bottom: 0; right: 0; display: block; font-size: 1.4rem; font-weight: 500; white-space: nowrap; }
.LpPrice__Bottom { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0; padding: 0 5% 4%; width: 90%; }
.LpPrice__Text { margin: 0; padding: 2% 0 0; font-size: 2.0rem; font-weight: 500; line-height: 2.45; }
.LpPrice__Image { width: 59%; }
.LpPrice__Image img { width: 100%; height: auto; border-radius: 0 0 20px 0; }

@media only screen and (min-width:601px) and (max-width:1200px) {
  .LpPrice { padding: 0 0 10.833vw; }
  .LpPrice__Item { border-width: 0.167vw; border-radius: 1.666vw; }
  .LpPrice__SubHeading { padding: 1.666vw 0; font-size: 2.416vw; border-width: 0.167vw; border-radius: 1.333vw 1.333vw 0 0; }
  .LpPrice__List dt { margin: 0 0 1.25vw; padding: 0.833vw 0; font-size: 1.666vw; }
  .LpPrice__List dd { padding: 0 0 4.166vw; font-size: 1.666vw; }
  .LpPrice__List dd strong { font-size: 2.666vw; }
  .LpPrice__List dd strong span { font-size: 4.0vw; }
  .LpPrice__List dd small { font-size: 1.166vw; }
  .LpPrice__Text { font-size: 1.666vw; }
  .LpPrice__Image img { border-radius: 0 0 1.666vw 0; }
}

@media screen and (max-width: 600px) {
  .LpPrice { flex-direction: column; align-items: center; padding: 0 0 26vw; }
  .LpPrice__Item { margin: 0 auto 5vw; width: 90%; border-radius: 10px; }
  .LpPrice__SubHeading { padding: 2.5vw 0; font-size: 2.2rem; border-radius: 6px 6px 0 0; }
  .LpPrice__List dt { margin: 0 0 3vw; padding: 2vw 0; font-size: 1.6rem; }
  .LpPrice__List dd { padding: 0 0 8vw; font-size: 1.6rem; }
  .LpPrice__List dd strong { font-size: 2.4rem; }
  .LpPrice__List dd strong span { font-size: 3.8rem; }
  .LpPrice__List dd small { position: initial; padding: 4vw 0 0; font-size: 1.1rem; text-align: right; white-space: initial; }
  .LpPrice__Text { font-size: 1.6rem; }
}

.Main__ContactBanner { margin: 0 calc(50% - 50vw); width: 100vw; background-color: var(--main-color); }

.LpSupport { margin: 0 auto; padding: 60px 0; width: 100%; /* ▼経理代行サポート導入事例 */ }
.LpSupport__Text { margin: 0 auto; padding: 0 0 60px; font-size: 1.8rem; line-height: 1.7; text-align: center; }
.LpSupport__Button { margin: 0 auto; padding: 0; width: 370px; }
.LpSupport__Button a { position: relative; display: flex; justify-content: center; align-items: center; margin: 0; padding: 20px 0; width: 100%; color: #fff; font-size: 2.0rem; font-weight: 700; text-align: center; text-decoration: none; background-color: #067494; border-radius: 100px; }
.LpSupport__Button a:after { position: absolute; right: 25px; top: 50%; transform: translateY(-50%); content: "\f0da"; font-size: 2.2rem; font-family: "Font Awesome 5 Free"; font-weight: bold; }
.LpSupport__Button a:hover { opacity: 0.7; }
.LpCase { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; padding: 0 0 50px; width: 1100px; }
.LpCase .slick-track { display: flex; }
.LpCase .slick-slide { height: auto !important; }
.LpCase .slick-prev,
.LpCase .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 12vw; height: 12vw; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.LpCase .slick-prev:hover,
.LpCase .slick-prev:focus,
.LpCase .slick-next:hover,
.LpCase .slick-next:focus { opacity: 1.0; filter: brightness(1.1); }
.LpCase .slick-prev:hover:before,
.LpCase .slick-prev:focus:before,
.LpCase .slick-next:hover:before,
.LpCase .slick-next:focus:before { opacity: 1; }
.LpCase .slick-prev.slick-disabled:before,
.LpCase .slick-next.slick-disabled:before { opacity: .25; }
.LpCase .slick-prev:before,
.LpCase .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: 1; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.LpCase [dir='rtl'] .slick-prev { right: -25px; left: auto; }
.LpCase .slick-prev:before { content: '←'; }
.LpCase [dir='rtl'] .slick-prev:before { content: '→'; }
.LpCase [dir='rtl'] .slick-next { right: auto; left: -25px; }
.LpCase .slick-next:before { content: '→'; }
.LpCase [dir='rtl'] .slick-next:before { content: '←'; }
.LpCase .slider .prev-arrow { left: 0; }
.LpCase .slider .next-arrow { right: 0; }
.LpCase .slick-prev { left: -35px; }
.LpCase .slick-next { right: -35px; }
.LpCase .slick-prev,
.LpCase .slick-next { z-index: 1; width: 35px; height: 100px; color: #fff; background-color: #1dc3d7; }
.LpCase .slick-prev:before,
.LpCase .slick-next:before { font-size: 1.6rem; font-family: "Font Awesome 5 Free"; font-weight: bold; }
.LpCase .slick-prev:before { content: "\f053"; }
.LpCase .slick-next:before { content: "\f054"; }

.LpCase__Item { position: relative; margin: 0 25px; }
.LpCase__Item:hover { opacity: 0.7; }
.LpCase__Item a { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.LpCase__Image:before { padding-top: 62%; }
.LpCase__Image.--NoImage img { width: 100%; height: auto; }
.LpCase__SubHeading { margin: 0 auto; padding: 3% 2%; }
.LpCase__SubHeading h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; padding: 0; width: 100%; color: #333; font-size: 1.9rem; font-weight: 700; line-height: 1.45; border: none; }
.LpCase__List { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0; padding: 0; width: 100%; }
.LpCase__List dt,
.LpCase__List dd { margin: 0 0 2%; padding: 3%; width: 94%; font-size: 1.6rem; background-color: #f2fdff; }
.LpCase__List dt { width: 22%; }
.LpCase__List dd { width: 66%; }
.LpCase__Text { margin: 0; padding: 2%; }
.LpCase__Text p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; padding: 0; width: 100%; color: #333; font-size: 1.6rem; ine-height: 1.5; }

@media only screen and (min-width:601px) and (max-width:1200px) {
  .LpSupport { padding: 5.0vw 0; }
  .LpSupport__Text { padding: 0 0 5.0vw; font-size: 1.5vw; }
  .LpSupport__Button { width: 30.833vw; }
  .LpSupport__Button a { padding: 1.666vw 0; font-size: 1.666vw; }
  .LpSupport__Button a:after { right: 2.083vw; font-size: 1.833vw; }
  .LpCase { padding: 0 0 4.166vw; width: 91.667vw; }
  .LpCase [dir='rtl'] .slick-prev { right: -2.083vw; }
  .LpCase [dir='rtl'] .slick-next { left: -2.083vw; }
  .LpCase .slick-prev { left: -2.916vw; }
  .LpCase .slick-next { right: -2.916vw; }
  .LpCase .slick-prev,
  .LpCase .slick-next { width: 2.916vw; height: 8.333vw; }
  .LpCase .slick-prev:before,
  .LpCase .slick-next:before { font-size: 1.333vw; }
  .LpCase__Item { margin: 0 2.083vw; }
  .LpCase__SubHeading h3 { font-size: 1.583vw; }
  .LpCase__List dt,
  .LpCase__List dd { font-size: 1.333vw; }
  .LpCase__Text p { font-size: 1.333vw; }
}

@media screen and (max-width: 600px) {
  .LpSupport { padding: 12vw 0; }
  .LpSupport__Text { padding: 0 0 12vw; width: 90%; font-size: 1.6rem; }
  .LpSupport__Button { width: 90%; }
  .LpSupport__Button a { padding: 4vw 0; font-size: 1.8rem; }
  .LpSupport__Button a:after { right: 5vw; font-size: 2.0rem; }
  .LpCase { padding: 0 0 10vw; width: 100%; }
  .LpCase .slick-prev,
  .LpCase .slick-next { width: 7vw; height: 20vw; }
  .LpCase .slick-prev { left: 7vw; }
  .LpCase .slick-next { right: 7vw; }
}

.Main__Reason { margin: 0 calc(50% - 50vw); width: 100vw; /* ▼選ばれる3つの理由 */ }
.Main__Reason h2 { background: none; }
.Main__Reason h2:before,
.Main__Reason h2:after { display: none; }

@media screen and (max-width: 600px) {
  .Body__LpMain .Main__Reason h2 { margin: 0 calc(50% - 50vw); width: 100vw; }
}

.LpFreeConsulting { margin: 0 auto; padding: 90px 0; /* ▼無料相談・お見積り */ }
.LpFreeConsulting__Text { margin: 0; padding: 0 0 50px; font-size: 1.8rem; line-height: 1.7; text-align: center; }
.LpForm { margin: 0 auto; padding: 60px 0 35px; background-color: #f5f5f5; }
.LpForm table { margin: 0 auto; padding: 0; width: 880px; }
.LpForm table th { width: 30%; text-align: left; vertical-align: top; }
.LpForm table th p { font-size: 1.8rem; font-weight: 700; }
.LpForm table th .required,
.LpForm table th .optional { display: inline-block; margin: 0 0 0 10px; padding: 3px 10px; color: #fff; font-size: 1.4rem; border-radius: 3px; }
.LpForm table th .required { background-color: #eb0000; }
.LpForm table th .optional { background-color: #878988; }
.LpForm input[type="text"],
.LpForm input[type="tel"],
.LpForm input[type="email"],
.LpForm textarea { border: 1px solid #cecece; padding: 3%; width: 94%; max-width: 94%; background: #fff; font-size: 1.6rem; }
.LpForm textarea { height: 120px; }
.LpForm ::placeholder { color: #999; font-size: 1.5rem; line-height: 1.4; }
.LpForm input[type="submit"]:hover { cursor: pointer; }

@media only screen and (min-width:601px) and (max-width:1200px) {
  .LpFreeConsulting { padding: 7.5vw 0; }
  .LpFreeConsulting__Text { padding: 0 0 4.166vw; font-size: 1.5vw; }
  .LpForm { padding: 5.0vw 0 2.916vw; }
  .LpForm table { width: 73.333vw; }
  .LpForm table th p { font-size: 1.5vw; }
  .LpForm table th .required,
  .LpForm table th .optional { margin: 0 0 0 0.833vw; padding: 0.25vw 0.833vw; font-size: 1.166vw; border-radius: 0.25vw; }
  .LpForm input[type="text"],
  .LpForm input[type="tel"],
  .LpForm input[type="email"],
  .LpForm textarea { font-size: 1.333vw; }
  .LpForm textarea { height: 10vw; }
  .LpForm ::placeholder { font-size: 1.25vw; }
}

@media screen and (max-width: 600px) {
  .LpFreeConsulting { padding: 18vw 0; }
  .LpFreeConsulting__Text { padding: 0 0 10vw; font-size: 1.6rem; }
  .LpForm { padding: 6vw 3% 10vw; width: 90%; }
  .LpForm table { width: 100%; }
  .LpForm table tr { display: flex; flex-direction: column; }
  .LpForm table th,
  .LpForm table td { width: 100%; }
  .LpForm table th p { font-size: 1.6rem; }
  .LpForm table th .required,
  .LpForm table th .optional { margin: 0 0 0 2vw; padding: 0.3vw 2vw; font-size: 1.2rem; }
  .LpForm ::placeholder { font-size: 1.4rem; line-height: 1.3; }
  .LpForm textarea { height: 35vw; }
}