@charset "UTF-8";
/* ==========================================================================
   biz-index Entry Point
   Imports all component CSS files for the /biz/index page
   ========================================================================== */
/* Design tokens (CSS変数: --color-white 等。共通コンポーネントCSSが参照する) */
/**
 * Design Tokens - Lenet Business LP
 *
 * PDF抽出デザインに基づくCSS変数定義
 * ページテーマで --color-primary 等を上書きすることで
 * 業界別にカラースキームを変更可能
 */
:root {
  /* ========================================
     Colors - Base
     ======================================== */
  --color-white: #FFFFFF;
  --color-black: #000000;

  /* Text Colors */
  --color-text-primary: #303235;
  --color-text-secondary: #6D7785;
  --color-text-muted: #4B5563;
  --color-text-on-accent: #FFFFFF;

  /* ========================================
     Colors - Brand
     ======================================== */
  --color-primary: #169EDD;
  --color-primary-deep: #202935;
  --color-primary-tint-1: #E7F0F7;
  --color-primary-tint-2: #E0F3F6;

  /* Lenet本体カラー（コーポレート寄り） */
  --color-primary-corp: #01478F;
  --color-secondary-corp: #006DC9;

  /* ========================================
     Colors - Neutral (Background & Surface)
     ======================================== */
  --color-neutral-bg: #FFFFFF;
  --color-neutral-bg-subtle: #F3F3F6;
  --color-neutral-bg-subtle-2: #ECEDF0;
  --color-neutral-surface: #F4F8FA;
  --color-neutral-border: #D9E1E7;
  --color-neutral-border-2: #BCCFDC;
  --color-neutral-line-muted: #D5D7DA;

  /* Neutral Scale (Tailwind互換) */
  --color-neutral-50: #FAFAFA;
  --color-neutral-100: #F4F4F5;
  --color-neutral-200: #E4E4E7;
  --color-neutral-300: #D4D4D8;
  --color-neutral-400: #A1A1AA;
  --color-neutral-500: #71717A;
  --color-neutral-600: #52525B;
  --color-neutral-700: #3F3F46;
  --color-neutral-800: #27272A;
  --color-neutral-900: #18181B;

  /* ========================================
     Colors - Accent
     ======================================== */
  --color-accent-pink: #F04E79;
  --color-accent-red: #DC2626;
  --color-accent-orange: #E54623;

  /* ========================================
     Colors - Functional
     ======================================== */
  --color-separator: #B8B8B8;
  --color-separator-alt: #C9C9C9;
  --color-link: #0044CC;
  --color-scrollbar-thumb: #D9D9D9;
  --color-pagetop-bg: #e20001;
  --color-nav-toggle: #28325A;
  --color-form-border-alt: #5e5e5e;
  --color-highlight-gray: #C0C0C0;

  /* Tailwind gray互換（既存コードで使用） */
  --color-neutral-gray-200: #E5E7EB;
  --color-neutral-gray-100: #F3F4F6;
  --color-neutral-gray-bg: #ECEEF1;

  /* ========================================
     Typography - Font Family
     ======================================== */
  --font-family-ja: "Noto Sans JP", "Hiragino Sans", "HiraKakuProN", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  --font-family-latin: "Plus Jakarta Sans", "Helvetica Neue", system-ui, sans-serif;
  --font-family-sans: var(--font-family-ja);

  /* ========================================
     Typography - Font Weight
     ======================================== */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  /* ========================================
     Typography - Font Size (px→rem)
     PDF pt基準を等倍でpx→rem変換
     ======================================== */
  --font-size-xs: 0.65rem;      /* 10.4px */
  --font-size-sm: 0.6938rem;    /* 11.1px */
  --font-size-base: 0.7563rem;  /* 12.1px → 実装では 0.9375rem (15px) を使用 */
  --font-size-md: 0.8813rem;    /* 14.1px */
  --font-size-lg: 0.9438rem;    /* 15.1px */
  --font-size-xl: 1.0375rem;    /* 16.6px */
  --font-size-2xl: 1.1375rem;   /* 18.2px */
  --font-size-3xl: 1.2625rem;   /* 20.2px */
  --font-size-4xl: 1.3875rem;   /* 22.2px */
  --font-size-5xl: 1.6375rem;   /* 26.2px */
  --font-size-6xl: 1.7625rem;   /* 28.2px */
  --font-size-display: 2.0188rem;  /* 32.3px */
  --font-size-display-2: 2.2688rem; /* 36.3px */
  --font-size-jumbo: 5.0375rem; /* 80.6px */

  /* 実用サイズ（既存サイトに合わせた調整版） */
  --text-xs: 0.8125rem;    /* 13px */
  --text-sm: 0.875rem;     /* 14px */
  --text-base: 0.9375rem;  /* 15px - body */
  --text-md: 1rem;         /* 16px */
  --text-lg: 1.125rem;     /* 18px */
  --text-xl: 1.25rem;      /* 20px */
  --text-2xl: 1.4375rem;   /* 23px */
  --text-3xl: 1.5rem;      /* 24px */
  --text-4xl: 2.25rem;     /* 36px - section title */
  --text-5xl: 3rem;        /* 48px */

  /* ========================================
     Typography - Responsive Font Size (Lenet本体準拠)
     clamp(min, preferred, max) でビューポートに応じて変化
     ======================================== */
  --font-size-responsive-sm: 14px;
  --font-size-responsive-md: clamp(14px, 0.875rem + ((1vw - 3.75px) * 0.231), 16px);
  --font-size-responsive-lg: clamp(22px, 1.375rem + ((1vw - 3.75px) * 1.156), 32px);
  --font-size-responsive-xl: clamp(36px, 2.25rem + ((1vw - 3.75px) * 3.237), 64px);
  --font-size-responsive-2xl: clamp(60px, 3.75rem + ((1vw - 3.75px) * 6.936), 120px);

  /* ========================================
     Spacing
     ======================================== */
  --space-1: 0.25rem;   /* 4px */
  --space-2: 0.5rem;    /* 8px */
  --space-3: 0.75rem;   /* 12px */
  --space-4: 1rem;      /* 16px */
  --space-5: 1.25rem;   /* 20px */
  --space-6: 1.5rem;    /* 24px */
  --space-8: 2rem;      /* 32px */
  --space-10: 2.5rem;   /* 40px */
  --space-12: 3rem;     /* 48px */
  --space-16: 4rem;     /* 64px */
  --space-20: 5rem;     /* 80px */
  --space-24: 6rem;     /* 96px */

  /* Section Spacing */
  --section-padding-y: 4.375rem;  /* 70px - 既存サイトに合わせる */
  --section-padding-y-mobile: 12.82vw;

  /* ========================================
     Spacing - Responsive (Lenet本体準拠)
     clamp(min, preferred, max) でビューポートに応じて変化
     ======================================== */
  --spacing-responsive-sm: clamp(8px, calc(0.5rem + ((1vw - 3.75px) * 0.4624)), 12px);
  --spacing-responsive-md: clamp(20px, calc(1.25rem + ((1vw - 3.75px) * 2.3121)), 40px);
  --spacing-responsive-lg: clamp(40px, calc(2.5rem + ((1vw - 3.75px) * 2.3121)), 60px);
  --spacing-responsive-xl: clamp(48px, calc(3rem + ((1vw - 3.75px) * 3.6994)), 80px);
  --spacing-responsive-2xl: clamp(60px, calc(3.75rem + ((1vw - 3.75px) * 2.3121)), 80px);
  --spacing-responsive-3xl: clamp(80px, calc(5rem + ((1vw - 3.75px) * 2.3121)), 100px);

  /* ========================================
     Border Radius
     ======================================== */
  --radius-sm: 0.5rem;     /* 8px */
  --radius-md: 0.75rem;    /* 12px */
  --radius-lg: 1rem;       /* 16px */
  --radius-xl: 1.25rem;    /* 20px */
  --radius-full: 9999px;   /* pill */

  /* ========================================
     Shadow
     ======================================== */
  --shadow-card: 0 8px 24px rgba(32, 41, 53, 0.08);
  --shadow-floating: 0 12px 36px rgba(32, 41, 53, 0.12);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);

  /* ========================================
     Layout
     ======================================== */
  --container-max-width: 80rem;  /* 1280px */
  --container-padding-x: 1rem;   /* 16px */
  --container-padding-x-mobile: 5.13vw;

  /* Lenet本体準拠のコンテンツ幅 */
  --content-width: 920px;
  --content-width-wide: 1240px;

  /* ========================================
     Transition
     ======================================== */
  --transition-fast: 0.15s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;

  /* ========================================
     Z-index
     ======================================== */
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-fixed: 300;
  --z-modal-backdrop: 400;
  --z-modal: 500;
  --z-tooltip: 600;
}
/* ========================================
   Page Themes - ページ別カラー上書き
   ======================================== */
/*
 * テーマカラーは業界ごとに変更しない。
 * 全業界LPで共通の --color-primary (#169EDD) を使用する。
 * 業界別の --color-primary 上書きを追加しないこと。
 */
/* Base: reset, typography, utilities, layout */
/* ==========================================================================
   Utilities
   ========================================================================== */
/* スクリーンリーダー・検索エンジン向けに残しつつ視覚的に隠す（SEO用h1等） */
.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* ==========================================================================
   Reset
   ========================================================================== */
*, *::before, *::after {
  box-sizing: border-box;
}
/* Remove default padding */
ul, ol {
  list-style: none;
}
/* Remove default margin */
body, h1, h2, h3, h4, p, ul, ol, figure, blockquote, dl, dd {
  margin: 0;
  padding: 0;
}
/* Set core root defaults */
html {
  scroll-behavior: smooth;
}
/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
          text-decoration: none;
}
/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
  width: 100%;
}
/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}
/* Inherit fonts for inputs and buttons */
input, button, textarea, select {
  font: inherit;
}
/* Blur images when they have no alt attribute */
img:not([alt]) {
  filter: blur(10px);
}
/* フォームリセット */
input, button, select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}
textarea {
  resize: vertical;
}
input[type=checkbox], input[type=radio] {
  display: none;
}
input[type=submit], input[type=button], label, button, select {
  cursor: pointer;
}
select::-ms-expand {
  display: none;
}
picture {
  display: block;
}
/* ==========================================================================
   Base Typography & Layout
   ========================================================================== */
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 16px
}
@media (max-width:375px) {
  html {
    font-size: 4.2666666667vw
  }
}
@media screen and (max-width:768px) {
  html {
    font-size: 1.6vw
  }
}
@media (max-width:1000px) {
  html {
    font-size: 16px
  }
}
@media (min-width:768px) and (max-width:1280px) {

  html,
  :root {
    font-size: 100px;
    font-size: 1.07vw
  }

  body {
    font-size: 1rem
  }
}
@media screen and (min-width:769px),
print {
  a[href^="tel:"] {
    pointer-events: none;
    cursor: text
  }
}
@media screen and (max-width:768px) {
  a[href^="tel:"] {
    -webkit-text-decoration-skip-ink: inherit;
    text-decoration-skip-ink: inherit
  }
}
a {
  text-decoration: none;
  color: #00A3FF;
  transition: opacity 0.3s
}
@media screen and (min-width:769px),
print {
  a:hover {
    opacity: 0.6;
    text-decoration: none
  }
  a[href^="tel:"] {
    display: inline-block;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: inherit
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: 1.2
}
body.biz {
  overflow-x: hidden;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  color: #303235;
  letter-spacing: .1em;
  font-feature-settings: "palt";
  font-size: 0.9375rem;
}
@media screen and (max-width:768px) {
  body.biz {
    overflow-wrap: break-word
  }
}
@media screen and (max-width:1280px) {
  body.biz {
    word-wrap: break-word;
    word-break: break-all;
    animation: fadeIn 2s ease 0 1 normal;
    -webkit-animation: fadeIn 2s ease 0 1 normal
  }
}
/* ==========================================================================
   Layout
   ========================================================================== */
body.is-modal-fixed {
  overflow: hidden
}
.l-contents {
  overflow: hidden
}
.l-container {
  width: 80rem;
  margin: 0 auto;
  overflow: initial;
  padding: 0
}
@media screen and (max-width:768px) {
  .l-container {
    width: calc(100% - 10.26vw)
  }
}
/* ==========================================================================
   Utility Classes
   ========================================================================== */
.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media screen and (max-width:768px) {
  .u-hidden-sp {
    display: none !important
  }
}
@media screen and (min-width:769px),
print {
  .u-hidden-pc {
    display: none !important
  }
}
/* ==========================================================================
   Font Classes
   ========================================================================== */
.ff-en {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400
}
.ff-en-bld {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 800
}
/* ==========================================================================
   Common Components
   ========================================================================== */
.c-cap {
  color: #6D7785;
  font-size: .8125rem;
  letter-spacing: .04em;
  line-height: 1.4;
}
@media screen and (max-width:768px) {
  .c-cap {
    font-size: 2.82vw;
    line-height: 1.5
  }
}
.c-listDot li {
  padding-left: 1.1em;
  position: relative
}
.c-listDot li:before {
  width: 3px;
  aspect-ratio: 1;
  display: block;
  position: absolute;
  top: .7em;
  left: .4em;
  border-radius: 50%;
  background: #303235;
  content: ""
}
.c-listNum li {
  padding-left: 1.1em;
  position: relative;
}
.c-listNum li::before {
  display: block;
  position: absolute;
  content: counter(list-item) ". ";
  left: -0.1em;
}
.c-link--external {
  background: repeating-linear-gradient(to right, #303235, #303235 2px, transparent 2px, transparent 4px) 0 100%/auto 2px repeat-x;
  padding-bottom: 0.1875rem;
}
.c-link--external--reset {
  background: none!important;
}
.c-link--external:after {
  width: 1em;
  aspect-ratio: 1;
  display: inline-block;
  margin: 0 0 -0.15em 0.3em;
  background: url(../img/common/ico_link02.svg) center/contain no-repeat;
  content: "";
}
.c-link--external:hover {
  text-decoration: none;
}
/* ==========================================================================
   Animation Keyframes
   ========================================================================== */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ==========================================================================
   Override: disable body animation on small screens
   ========================================================================== */
@media screen and (max-width:1280px) {
  body {
    animation: none !important;
    -webkit-animation: none !important
  }
}
html {
  scroll-behavior: auto !important
}
#cta-fixed-bnr {
  display: none !important;
}
/* Header & Navigation */
/* ==========================================================================
   Header
   ========================================================================== */
.l-header {
  width: 80rem;
  margin: 0 auto;
  position: absolute;
  top: 1.5625rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;
  display: flex;
  justify-content: space-between;
  align-items: center
}
@media screen and (max-width:768px) {
  .l-header {
    width: 100%;
    top: 0;
    padding-top: 6.41vw
  }
  .l-header__inner {
    z-index: 99999;
    margin: 0 0 0 5.13vw
  }
}
.l-header__logo {
  width: 10rem
}
@media screen and (max-width:768px) {
  .l-header__logo {
    width: 24.36vw
  }
}
.l-header__login {
  display: none
}
@media screen and (max-width:768px) {
  .l-header__login {
    display: block;
    margin-right: 20vw;
    z-index: 99999
  }
  .l-header__login a {
    font-size: 3.59vw
  }
}
/* ==========================================================================
   Navigation
   ========================================================================== */
@media screen and (max-width:768px) {
  .p-nav {
    width: 100%;
    height: 110vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #FFF;
    padding-top: 18vw;
    display: none;
    margin-right: 0
  }
}
.p-nav__item {
  margin-left: 1.5625rem
}
.p-nav__item > a {
  color: #303235
}
@media screen and (max-width:768px) {
  .p-nav__item {
    margin-left: 0
  }
  .p-nav__item:last-child {
    display: none
  }
}
@media screen and (min-width:769px),
print {
  .p-nav__item {
    font-size: 1rem
  }
}
@media screen and (max-width:768px) {
  .p-nav__item+.p-nav__item {
    border-top: 1px solid #D5D7DA
  }
}
@media screen and (max-width: 768px) {
  .p-nav__item:has(.c-link--external) {
    padding-top: 5.13vw;
  }
}
@media screen and (max-width:768px) {
  .p-nav__item>a {
    font-size: 3.59vw;
  }

  .p-nav__item>a:not(.c-link--external) {
    display: block;
    padding: 5.13vw 0;
  }

  .p-nav__item>a.c-link--external--reset {
    display: block;
    padding: 5.13vw 0;
  }
}
.p-nav__items {
  display: flex
}
@media screen and (max-width:768px) {
  .p-nav__items {
    display: block;
    margin: 0 5.13vw
  }
}
/* ==========================================================================
   Nav Toggle (Hamburger)
   ========================================================================== */
#p-nav-toggle {
  background-color: #FFF
}
@media screen and (max-width:768px) {
  #p-nav-toggle {
    position: absolute;
    right: 3.85vw;
    top: 3.85vw;
    width: 12.82vw;
    height: 12.82vw;
    border-radius: 11vw;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    z-index: 99999;
    cursor: pointer
  }
  #p-nav-toggle span {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 16px;
    left: 0;
    width: 4.84vw;
    height: .44vw;
    margin: auto;
    border-radius: 1px;
    background: #28325A;
    transition: all 0.25s ease-in-out
  }
  #p-nav-toggle span:nth-child(1) {
    top: 7vw
  }
  #p-nav-toggle span:nth-child(2) {
    bottom: 0
  }
  #p-nav-toggle span:nth-child(3) {
    bottom: 3vw
  }
}
#p-nav-toggle.-js-opened::before {
  width: 22px;
  top: 0;
  transform: rotate(45deg)
}
@media screen and (max-width:768px) {
  #p-nav-toggle.-js-opened span:nth-child(1) {
    top: 5vw;
    transform: rotate(45deg)
  }
  #p-nav-toggle.-js-opened span:nth-child(2) {
    display: none
  }
  #p-nav-toggle.-js-opened span:nth-child(3) {
    margin-bottom: auto;
    bottom: -1vw;
    height: .44vw;
    transform: rotate(-45deg)
  }
}
/* Footer */
/* ==========================================================================
   Footer
   ========================================================================== */
.c-footer {
  padding: 60px 20px 80px;
  background: #ECEEF1;
  line-height: 1.3;
  letter-spacing: 0.06em;
}
@media screen and (max-width:768px) {
  .c-footer {
    padding-bottom: 30vw;
  }
}
.c-footer .footer-container {
  display: flex;
  justify-content: space-between;
}
.c-footer .footer-main .footer-logo {
  max-width: 160px;
}
.c-footer .footer-main .footer-sub-menu {
  margin-top: 28px;
}
.c-footer .footer-main .footer-sub-menu ul {
  padding: 0;
  list-style: none;
}
.c-footer .footer-main .footer-sub-menu ul li {
  margin-bottom: 8px;
}
.c-footer .footer-main .footer-sub-menu ul li a {
  display: inline-block;
  color: #303235;
  font-size: 12px;
  font-weight: 400;
}
.c-footer .footer-main .footer-sub-menu ul li:last-child {
  margin-bottom: 0;
}
.c-footer .footer-main .sns {
  margin-top: 48px;
}
.c-footer .footer-main .sns a {
  display: inline-block;
  max-width: 29px;
  margin-right: 24px;
}
.c-footer .footer-main .sns a:last-child {
  margin-right: 0;
}
.c-footer .footer-main.-mobile {
  display: none;
}
.c-footer .footer-sitemap.-sp {
  display: none;
}
.c-footer .footer-sitemap ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.c-footer .footer-sitemap ul li a {
  color: #303235;
}
.c-footer .footer-sitemap ul li a:hover {
  text-decoration: none;
}
.c-footer .footer-sitemap > ul > li > a {
  font-size: 16px;
  font-weight: 700;
}
.c-footer .footer-sitemap > ul > li ul li a {
  font-size: 14px;
  font-weight: 400;
}
.c-footer .copyright {
  margin-top: 44px;
  font-size: 11px;
}
@media screen and (min-width: 1024px) {
  .c-footer .footer-main.-pc {
    width: 30%;
    border-right: 1px solid #fff;
    padding-right: clamp(40px, calc(2.5rem + ((1vw - 10.25px) * 9.3023)), 60px);
  }
  .c-footer .footer-sitemap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 70%;
    padding-left: clamp(46px, calc(2.875rem + ((1vw - 10.25px) * 5.7831)), 70px);
  }
  .c-footer .footer-sitemap > ul {
    width: 30%;
    margin-bottom: 64px;
  }
  .c-footer .footer-sitemap > ul.home-link {
    width: 100%;
    margin-bottom: 26px;
  }
  .c-footer .footer-sitemap > ul > li {
    margin-top: 24px;
  }
  .c-footer .footer-sitemap > ul > li:first-child {
    margin-top: 0;
  }
  .c-footer .footer-sitemap > ul > li ul {
    margin-top: 20px;
  }
  .c-footer .footer-sitemap > ul > li ul li {
    margin-top: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .c-footer {
    padding: 0 20px 35px;
  }
  .c-footer .footer-container {
    display: block;
  }
  .c-footer .footer-main .footer-logo {
    max-width: 130px;
    margin: 40px auto 0;
  }
  .c-footer .footer-main .footer-sub-menu {
    margin-top: 26px;
  }
  .c-footer .footer-main .footer-sub-menu ul li {
    margin-bottom: 15px;
  }
  .c-footer .footer-main .sns {
    margin-top: 28px;
    text-align: center;
  }
  .c-footer .footer-main .sns a {
    max-width: 40px;
  }
  .c-footer .footer-main.-pc {
    display: none;
  }
  .c-footer .footer-main.-mobile {
    display: block;
  }
  .c-footer .footer-sitemap {
    display: none;
  }
  .c-footer .footer-sitemap.-sp {
    display: block;
  }
  .c-footer .footer-sitemap ul li a {
    position: relative;
    display: flex;
    align-items: center;
  }
  .c-footer .footer-sitemap > ul > li {
    border-bottom: 1px solid #fff;
  }
  .c-footer .footer-sitemap > ul > li > a {
    justify-content: space-between;
    padding: 16px 0;
  }
  .c-footer .footer-sitemap > ul > li > a i {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
  }
  .c-footer .footer-sitemap > ul > li > a i::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 7px);
    width: 14px;
    height: 12px;
    background: url(../img/biz-index/icon-arrow-contast.svg) no-repeat center center;
  }
  .c-footer .footer-sitemap > ul > li ul {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    height: 0;
    padding: 0 20px;
    background-color: #fff;
    transition: all 0.2s ease;
  }
  .c-footer .footer-sitemap > ul > li ul li {
    position: relative;
    margin-bottom: 17px;
    padding-left: 16px;
  }
  .c-footer .footer-sitemap > ul > li ul li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc(50% - 3px);
    left: 0;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    width: 6px;
    height: 7px;
    background-color: #303235;
  }
  .c-footer .footer-sitemap > ul > li ul li:last-child {
    margin-bottom: 0;
  }
  .c-footer .footer-sitemap > ul.js-has-child > li > a i::before,
  .c-footer .footer-sitemap > ul.js-has-child > li > a i::after {
    content: "";
    position: absolute;
    top: 8px;
    right: -1px;
    z-index: 1;
    width: 16px;
    height: 2px;
    border-radius: 1px;
    background-color: #303235;
    transition: transform 0.3s linear;
  }
  .c-footer .footer-sitemap > ul.js-has-child > li > a i::after {
    transform: rotate(90deg);
  }
  .c-footer .footer-sitemap > ul.js-has-child.-js-opened > li > a i::after {
    transform: rotate(0deg);
  }
  .c-footer .footer-sitemap > ul.js-has-child.-js-opened > li ul {
    opacity: 1;
    visibility: visible;
    height: auto;
    padding: 20px;
  }
  .c-footer .copyright {
    margin-top: 40px;
    text-align: center;
  }
}
@media screen and (max-width:768px) {
  .c-footer {
    padding-bottom: 30vw;
  }
}
/* Hero / Main Visual */
/* ==========================================================================
   Hero / MV
   ========================================================================== */
@media screen and (max-width:768px) {
  .p-mv__bg {
    background: url(../img/biz-index/bg_mv_sp.webp) center top/cover no-repeat
  }

  .p-mv__bg .p-hero,
  .p-mv__bg .c-cta {
    background: none
  }
}
.p-hero {
  display: block;
  background: url(../img/biz-index/bg_hero01.webp) center top/auto 100% no-repeat;
  position: relative;
  background-blend-mode: overlay
}
@media screen and (min-width:769px),
print {
  .p-hero {
    background-color: rgba(255, 255, 255, .4)
  }
}
@media screen and (max-width:768px) {
  .p-hero {
    background-image: url(../img/biz-index/bg_hero01_sp.webp) left bottom/cover no-repeat
  }
}
.p-hero__txt {
  position: relative;
  padding: 10.375rem 0 5rem;
  z-index: 1
}
@media screen and (max-width:768px) {
  .p-hero__txt {
    padding: 23.08vw 0 12.82vw;
  }
}
.p-hero__catch {
  width: 45rem;
}
@media screen and (max-width:768px) {
  .p-hero__catch {
    width: 100%
  }
}
.p-hero__name {
  width: 33.5625rem;
  margin: 2.5rem 0 0
}
@media screen and (max-width:768px) {
  .p-hero__name {
    width: 51.28vw;
    margin: 5.26vw 0 0
  }
}
.p-hero__ico {
  position: absolute;
  right: 0;
  bottom: 2.5rem;
  width: 28.125rem;
}
@media screen and (max-width:768px) {
  .p-hero__ico {
    width: 74.36vw;
    position: static;
    margin: 12.82vw 0 0
  }
}
.p-hero__ico-cap {
  text-align: center;
  margin: .625rem 0 0
}
@media screen and (max-width:768px) {
  .p-hero__ico-cap {
    margin: 1.28vw 0 0
  }
}
.p-hero__ambassador {
  position: absolute
}
@media screen and (min-width:769px),
print {
  .p-hero__ambassador {
    width: 35rem;
    left: calc(50% + 3.125rem);
    top: 6.25rem;
  }
}
@media screen and (max-width:768px) {
  .p-hero__ambassador {
    width: auto;
    top: 41.03vw;
    right: 0;
  }
}
@media screen and (min-width: 769px),
print {
  .p-hero__ambassador-img {
    width: 44.375rem;
  }
}
@media screen and (max-width:768px) {
  .p-hero__ambassador-img {
    width: 100%;
    aspect-ratio: 1/0.96;
  }
  .p-hero__ambassador-img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    width: 100%;
    height: 100%;
  }
}
.p-hero__caption {
  position: absolute;
  right: 0;
  bottom: 1.25rem;
  color: #fff;
  font-size: .6875rem;
}
@media screen and (max-width:768px) {
  .p-hero__caption {
    left: 0;
    right: auto;
    bottom: 6.41vw;
    color: #6D7785;
    font-size: 2.82vw;
  }
}
.p-hero__ambassador-name {
  color: #6D7785;
  position: absolute;
  top: 23.75rem;
  right: 8.75rem;
  font-size: .6875rem;
  text-align: right
}
@media screen and (max-width:768px) {
  .p-hero__ambassador-name {
    top: 60.26vw;
    right: 5.26vw;
    font-size: 2.82vw
  }
}
@media screen and (min-width:769px),
print {
  .p-hero__ambassador-name span {
    font-size: 150%
  }
}
.p-hero__obi {
  position: relative;
  z-index: 0;
  display: grid
}
@media screen and (min-width:769px),
print {
  .p-hero__obi {
    grid-template-columns: 46.875rem auto;
    gap: .9375rem 1.875rem;
    align-items: flex-end;
    padding: 1.25rem 0
  }
}
@media screen and (max-width:768px) {
  .p-hero__obi {
    grid-template-columns: 1fr;
    gap: 2.56vw;
    padding: 5.13vw 0;
  }
}
.p-hero__obi:before {
  width: 100vw;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #FFF;
  content: "";
  z-index: -1
}
@media screen and (max-width:768px) {
  .p-hero__obi:before {
    width: 100vw;
  }
}
@media screen and (min-width:769px),
print {
  .p-hero__obi-cap {
    grid-column: 1/3
  }
}
/* CTA (Call to Action) */
/* ==========================================================================
   CTA
   ========================================================================== */
.c-cta {
  background: #FFF url(../img/common/bg_cta01.webp) center top/auto 100% no-repeat;
  padding: 4.375rem 0;
  position: relative;
}
@media screen and (max-width:768px) {
  .c-cta {
    padding: 12.82vw 0;
    background: #FFF url(../img/common/bg_cta01_sp.webp) left top/cover no-repeat
  }
}
@media screen and (max-width: 768px) {
  .c-cta:before {
    width: 39.23vw;
    aspect-ratio: 306/358;
    display: block;
    position: absolute;
    top: 7.69vw;
    right: 0;
    background: url(../img/common/img_cta01.png) center right/contain no-repeat;
    content: "";
  }
}
.c-cta__catch {
  text-align: center;
  font-size: 2.25rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .c-cta__catch {
    font-size: 5.9vw;
    text-align: left;
  }
}
.c-cta__catch span {
  color: #169EDD;
}
.c-cta__item {
  padding: 0.625rem 0 0;
}
.c-cta__items {
  margin-top: 1.875rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 768px) {
  .c-cta__items {
    margin-top: 7.69vw;
    grid-template-columns: 1fr;
    gap: 7.69vw;
  }
}
@media screen and (min-width: 769px),
print {
  .c-cta__item:nth-child(odd) {
    padding-right: 1.5625rem;
  }

  .c-cta__item:nth-child(even) {
    padding-left: 1.5625rem;
    border-left: 1px solid #B8B8B8;
  }
}
.c-cta__item-ttl {
  text-align: center;
  background: #fff;
  color: #303235;
  border: 1px solid #303235;
  position: relative;
  border-radius: 0.5rem;
  font-weight: 700;
  font-size: 1.4375rem;
  padding: 0.625rem;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .c-cta__item-ttl {
    border-radius: 1.54vw;
    font-size: 3.85vw;
    padding: 2.56vw;
  }
}
.c-cta__item-ttl:before {
  display: block;
  width: 0.9375rem;
  aspect-ratio: 1;
  background: #fff;
  transform: rotate(45deg) skew(10deg, 10deg) translate(-50%, 0%);
  border-right: 1px solid #303235;
  border-bottom: 1px solid #303235;
  position: absolute;
  left: 50%;
  top: 100%;
  content: "";
}
@media screen and (min-width: 769px),
print {
  .c-cta__item-inner {
    display: grid;
    grid-template-columns: 17.5rem auto 17.5rem;
    justify-content: space-between;
    margin: 1.875rem 0 0;
  }
}
@media screen and (max-width: 768px) {
  .c-cta__item-inner {
    margin: 3.85vw 0 0;
  }
}
.c-cta__item-txt {
  writing-mode: vertical-rl;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.03em;
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .c-cta__item-txt {
    writing-mode: horizontal-tb;
    display: flex;
    align-items: center;
    gap: 5.13vw;
    font-size: 4.62vw;
    margin: 3.85vw 5.13vw;
  }

  .c-cta__item-txt:before,
  .c-cta__item-txt:after {
    width: auto;
    height: 1px;
    flex-grow: 1;
    background: #B8B8B8;
    content: "";
  }
}
.c-cta__item-btn {
  position: relative;
}
.c-cta__item-btn a {
  color: #F04E79;
  border: 1px solid #F04E79;
  background: #fff;
  height: 5rem;
  border-radius: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  position: relative;
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .c-cta__item-btn a {
    font-size: 5.13vw;
    height: 19.23vw;
    border-radius: 19.23vw;
    letter-spacing: 0;
  }
}
.c-cta__item-btn a:after {
  width: 0.625rem;
  aspect-ratio: 1;
  border-top: 2px solid #F04E79;
  border-right: 2px solid #F04E79;
  position: absolute;
  top: 50%;
  right: 0.9375rem;
  transform: rotate(45deg) translate(0%, -50%);
  content: "";
}
@media screen and (max-width: 768px) {
  .c-cta__item-btn a:after {
    width: 2.56vw;
    right: 6.41vw;
  }
}
.c-cta__item-btn a[href*="#"]:after {
  right: 1.25rem;
  transform: rotate(135deg) translate(calc(-50% - 0.3125rem), 0%);
}
@media screen and (max-width: 768px) {
  .c-cta__item-btn a[href*="#"]:after {
    right: 6.41vw;
    transform: rotate(135deg) translate(calc(-50% - 1.28vw), 0%);
  }
}
.c-cta__item-btn a span {
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  margin-top: 0.1875rem;
}
@media screen and (max-width: 768px) {
  .c-cta__item-btn a span {
    font-size: 3.59vw;
    margin-top: 0.77vw;
  }
}
.c-cta__item-btn-label {
  background: #F04E79;
  color: #fff;
  border-radius: 0.5rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -55%);
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  padding: 0 0.3125rem 0.125rem;
  display: block;
  z-index: 1;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-cta__item-btn-label {
    border-radius: 1.28vw;
    font-size: 3.59vw;
    padding: 0.51vw 1.28vw 0;
    width: 80%;
  }
}
.c-cta__item-tel {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .c-cta__item-tel {
    text-align: center;
  }
}
.c-cta__item-tel a {
  color: #F04E79;
  font-size: 2.0625rem;
  letter-spacing: -0.015em;
}
@media screen and (max-width: 768px) {
  .c-cta__item-tel a {
    font-size: 9.23vw;
    letter-spacing: 0;
  }
}
.c-cta__item-tel a:before {
  background: url(../img/common/ico_phone03.svg) center/contain no-repeat;
  width: 1.6875rem;
  aspect-ratio: 1;
  margin-bottom: -0.125rem;
  display: inline-block;
  margin-right: 0.3125rem;
  content: "";
}
@media screen and (max-width: 768px) {
  .c-cta__item-tel a:before {
    width: 7.69vw;
  }
}
.c-cta__item-tel-time {
  color: #6D7785;
  font-size: 0.8125rem;
  letter-spacing: 0.06em;
  margin-top: 0.3125rem;
}
@media screen and (max-width: 768px) {
  .c-cta__item-tel-time {
    font-size: 3.08vw;
  }
  .c-cta__item--02 .c-cta__item-inner {
    margin: 8.97vw 0 0;
  }
}
/* Schedule (Campaign Pricing Table) */
/* ==========================================================================
   Schedule (Campaign Pricing Table)
   ========================================================================== */
.p-schedule {
  width: 80rem;
  margin: 3.75rem auto 0;
  overflow: initial;
  padding: 0;
}
.p-schedule .l-inner {
  display: flex;
  flex-direction: column;
  border-radius: 0.625rem;
  background: #FFF;
  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.15);
  padding: 2.5rem 1.25rem 1.25rem;
}
.p-schedule .p-schedule__title {
  font-size: 2.044rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0;
  color: #303235;
}
.p-schedule .p-schedule__title .p-schedule__title--strong {
  font-size: 2.628rem;
  font-weight: 800;
  margin-left: -0.6571rem;
}
.p-schedule .p-schedule__title .p-schedule__subject--marker {
  margin-left: -0.6571rem;
}
.p-schedule .p-schedule__subtitle {
  display: flex;
  width: 420px;
  padding: 0;
  height: 2.3364rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 1.1682rem;
  background: #169EDD;
  margin: 0 auto;
  color: #FFF;
  font-size: 1.3143rem;
  font-weight: 700;
  text-align: center;
}
.p-schedule .p-schedule__main {
  width: 650px;
  margin: 0 auto;
  padding: 1.4603rem 0;
}
.p-schedule--v2 .p-schedule__main {
  padding: 2.92rem 0 1.4603rem;
}
.p-schedule .p-schedule__main--table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
}
.p-schedule .p-schedule__main--table th {
  border-spacing: 0;
}
.p-schedule .p-schedule__main--table tbody td,
.p-schedule .p-schedule__main--table tbody th {
  border-top: 1px solid #e0e0e0;
  height: 4.0888rem;
  padding: 1.0952rem 0.7301rem;
  vertical-align: middle;
}
.p-schedule .p-schedule__main--table .label-base {
  color: #303235;
  font-size: 1.3143rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.075rem;
}
.p-schedule .p-schedule__main--table .due-date-text {
  background: #fff;
  height: 1.4603rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 0.7301rem;
  font-size: 0.9492rem;
  margin: 0.7301rem 0 0;
  letter-spacing: -0.014rem;
}
.p-schedule .p-schedule__main--table .label-disable {
  opacity: 0.5;
}
.p-schedule .p-schedule__main--table .label-catch {
  font-weight: 700;
  color: #F04E79;
  font-size: 0.8762rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12px;
  gap: 1.125rem;
}
.p-schedule .p-schedule__main--table .label-catch::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  border-left: 1px solid #F04E79;
  transform: rotate(-30deg);
}
.p-schedule .p-schedule__main--table .label-catch::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  border-left: 1px solid #F04E79;
  transform: rotate(30deg);
  margin-right: 4px;
}
.p-schedule--v2 .p-schedule__main--table .label-catch--entry {
  font-weight: 700;
  color: var(--color-primary-corp);
  font-size: 1.05rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12px;
  gap: 1.125rem;
}
.p-schedule--v2 .p-schedule__main--table .label-catch--entry::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  border-left: 1px solid var(--color-primary-corp);
  transform: rotate(-30deg);
}
.p-schedule--v2 .p-schedule__main--table .label-catch--entry::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  border-left: 1px solid var(--color-primary-corp);
  transform: rotate(30deg);
  margin-right: 4px;
}
.p-schedule .p-schedule__main--table .label-catch-percent {
  font-weight: 700;
  color: #F04E79;
  font-size: 1.8254rem;
  line-height: 1.1;
  text-align: center;
}
.p-schedule .p-schedule__main--table .col-discount {
  border-right: 1px solid #e0e0e0;
}
.p-schedule .p-schedule__main--table .col-phase-header {
  border-radius: 0.625rem 0.625rem 0 0;
  height: 72px;
}
.p-schedule .p-schedule__main--table .col-phase-header .col-phase {
  padding: 0 1.25rem 0;
}
.p-schedule--v2 .p-schedule__main--table .col-phase-header .col-phase {
  position: relative;
}
.p-schedule--v2 .p-schedule__main--table .col-phase-header .label-catch--entry {
  position: absolute;
  top: -1.25rem;
}
.p-schedule .p-schedule__main--table .col-phase-first {
  width: 240px;
  background-color: #eef4f9;
  padding: 0;
  border-spacing: 10px;
}
.p-schedule .p-schedule__main--table .col-phase-first .col-phase {
  border-right: 2px solid #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.p-schedule .p-schedule__main--table .col-phase-second {
  width: 240px;
  background-color: #f6f6f6;
  padding: 0;
}
.p-schedule .p-schedule__main--table .col-phase-second .col-phase {
  border-left: 2px solid #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.p-schedule .p-schedule__tips {
  position: relative;
  background-color: #fdf0f5;
  width: 650px;
  margin: 20px auto 0;
  border-radius: 8px;
  padding: 35px 0 20px;
  text-align: center;
}
.p-schedule .p-schedule__tips--icon {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fdf0f5;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-schedule .p-schedule__tips--content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.p-schedule .p-schedule__tips--title {
  color: #F04E79;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.0;
  position: relative;
  z-index: 10;
  letter-spacing: 0.02rem;
}
.p-schedule .p-schedule__tips--description {
  padding: 0 1.4603rem 0;
  color: #303235;
  text-align: center;
  font-size: 1.022rem;
  font-weight: 400;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .p-schedule {
    width: calc(100% - 10.26vw);
    margin: 10.26vw auto 0;
  }

  .p-schedule .p-schedule__title {
    font-size: 5.64vw;
    letter-spacing: 0.51vw;
  }

  .p-schedule--v2 .p-schedule__title {
    line-height: 1.5;
    padding-bottom: 2.56vw;
  }

  .p-schedule .p-schedule__title .p-schedule__title--strong {
    font-size: 6.67vw;
    margin-left: -2.05vw;
  }

  .p-schedule .p-schedule__title .p-schedule__subject--marker {
    margin-left: -2.05vw;
  }

  .p-schedule .p-schedule__subtitle {
    width: 100%;
    font-size: 4vw;
    height: 8vw;
    border-radius: 4vw;
  }

  .p-schedule .p-schedule__main {
    width: 100%;
  }

  .p-schedule--v2 .p-schedule__main {
    padding: 1.4603rem 0;
  }

  .p-schedule .p-schedule__main--table tbody th,
  .p-schedule .p-schedule__main--table tbody td {
    padding: 0;
    height: 14.36vw;
  }

  .p-schedule .p-schedule__main--table .col-phase-header {
    height: 21.53vw;
  }

  .p-schedule .p-schedule__main--table .col-phase-header .col-phase {
    padding: 3.59vw 0 0;
    justify-content: flex-start;
    line-height: 1.0;
  }

  .p-schedule--v2 .p-schedule__main--table .col-phase-header .col-phase {
    position: relative;
    padding: 6.85vw 0 0;
  }

  .p-schedule--v2 .p-schedule__main--table .col-phase-header .label-catch--entry {
    position: absolute;
    top: 1.88vw;
    font-size: 3.24vw;
    letter-spacing: -0.02vw;
    gap: 2.4vw;
  }

  .p-schedule .p-schedule__main--table .col-phase-header .due-date-text {
    font-size: 3.08vw;
    letter-spacing: -0.205vw;
    line-height: 1.1;
    width: auto;
    height: auto;
    margin: 2.56vw 0 0;
    padding: 1.28vw 2.05vw;
    border-radius: 5.13vw;
  }

  .p-schedule .p-schedule__main--table .label-base {
    font-size: 4.10vw;
    letter-spacing: -0.103vw;
    line-height: 1.0;
  }

  .p-schedule .p-schedule__main--table .col-phase-first {
    width: 28.2vw;
  }

  .p-schedule .p-schedule__main--table .col-phase-first .col-phase {
    border-right: 1px solid #fff;
  }

  .p-schedule .p-schedule__main--table .col-phase-second {
    width: 24.1vw;
  }

  .p-schedule .p-schedule__main--table .col-count {
    width: 14.36vw;
  }

  .p-schedule .p-schedule__main--table .col-count .label-base {
    font-size: 3.59vw;
    letter-spacing: -0.255vw;
  }

  .p-schedule .p-schedule__main--table .label-catch {
    font-size: 2.56vw;
    gap: 2.56vw;
  }

  .p-schedule .p-schedule__main--table .label-catch-percent {
    font-size: 5.38vw;
    letter-spacing: -0.128vw;
  }

  .p-schedule .p-schedule__main--table .col-discount {
    padding: 0;
    width: 6.15vw;
    text-align: left;
  }

  .p-schedule .p-schedule__tips {
    width: 100%;
  }

  .p-schedule .p-schedule__tips .p-schedule__tips--title {
    font-size: 4.36vw;
    line-height: 1.4;
    padding: 0 2.56vw 0;
  }

  .p-schedule .p-schedule__tips .p-schedule__tips--description {
    font-size: 3.59vw;
    padding: 0 5.13vw 0;
    text-align: left;
  }
}
/* Worry Section */
/* ==========================================================================
   Worry
   ========================================================================== */
.p-worry {
  position: relative;
  padding: 3.125rem 0 6.875rem;
  background: rgba(48, 50, 53, .5)
}
@media screen and (max-width:768px) {
  .p-worry {
    padding: 12.82vw 0 53.85vw
  }
}
.p-worry:before {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/common/bg_worry01.webp) center top /auto 100% no-repeat;
  content: "";
  z-index: -1
}
@media screen and (max-width:768px) {
  .p-worry:before {
    background: url(../img/common/bg_worry01_sp.webp) center bottom /100% auto no-repeat;
  }
}
.p-worry__catch {
  color: #fff;
  text-align: center;
  font-size: 2.375rem;
  font-weight: 700;
  position: relative
}
@media screen and (max-width:768px) {
  .p-worry__catch {
    font-size: 5.64vw
  }
}
.p-worry__catch:after {
  width: 3.75rem;
  aspect-ratio: 60/66;
  display: block;
  position: absolute;
  top: 0.25rem;
  right: 17.5rem;
  background: url(../img/common/ico_worry01.webp) center/contain no-repeat;
  content: ""
}
@media screen and (max-width:768px) {
  .p-worry__catch:after {
    width: 11.79vw;
    top: -5.13vw;
    right: 5.13vw;
  }
}
.p-worry__catch span {
  background: #303235;
  display: inline-block;
  padding: 0rem .625rem
}
@media screen and (max-width:768px) {
  .p-worry__catch span {
    padding: 1.28vw 1.79vw
  }
}
.p-worry__catch span:nth-child(n+2) {
  margin-top: .625rem
}
@media screen and (max-width:768px) {
  .p-worry__catch span:nth-child(n+2) {
    margin-top: 2.56vw
  }
}
.p-worry__checklist {
  background: #E5E7EB;
  border-radius: .625rem;
  padding: 1.875rem;
  margin: 3.125rem 50% 0 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width:768px) {
  .p-worry__checklist {
    border-radius: 2.56vw;
    padding: 5.13vw;
    margin: 7.69vw 0 0
  }
}
.p-worry__checklist li {
  position: relative;
  padding-left: 2.5rem;
  font-size: 1.4375rem;
  letter-spacing: 0;
  line-height: 1.3;
  font-feature-settings: "plat"
}
@media screen and (max-width:768px) {
  .p-worry__checklist li {
    padding-left: 7.69vw;
    font-size: 3.59vw
  }
}
.p-worry__checklist li:before {
  width: 1.75rem;
  aspect-ratio: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff url(../img/common/ico_check01.svg) center/75% auto no-repeat;
  content: ""
}
@media screen and (max-width:768px) {
  .p-worry__checklist li:before {
    width: 5.13vw
  }
}
.p-worry__checklist li+li {
  margin-top: 1.5625rem
}
@media screen and (max-width:768px) {
  .p-worry__checklist li+li {
    margin-top: 5.13vw
  }
}
.p-worry__checklist li span {
  font-weight: 700;
  background: linear-gradient(transparent 70%, #C0C0C0 70%)
}
.p-worry__bubble {
  width: 6.5625rem;
  aspect-ratio: 105/72;
  display: block;
  position: absolute;
  left: calc(50% - 1.875rem);
  bottom: 15rem;
  background: radial-gradient(circle, #E5E7EB 0 52%, transparent 52%) left top/52% auto no-repeat;
}
@media screen and (max-width: 768px) {
  .p-worry__bubble {
    width: 15.38vw;
    bottom: auto;
    top: 102.56vw;
    left: 25.64vw;
    transform: rotate(45deg);
  }
}
.p-worry__bubble:before,
.p-worry__bubble:after {
  background: #E5E7EB;
  aspect-ratio: 1;
  border-radius: 50%;
  display: block;
  position: absolute;
  content: "";
}
.p-worry__bubble:before {
  width: 22%;
  left: 55%;
  bottom: 0;
}
.p-worry__bubble:after {
  width: 11.5%;
  right: 0;
  bottom: 0;
}
/* Solution Section */
/* ==========================================================================
   Solution
   ========================================================================== */
.p-solution {
  background: #fff url(../img/common/bg_solution01.webp) center top/auto 100% no-repeat;
  padding: 6.25rem 0 8.75rem;
  margin: -3.75rem 0 0;
  clip-path: polygon(0 0, calc(50vw - 6.25rem) 0, 50% 3.75rem, calc(50vw + 6.25rem) 0, 100% 0, 100% 100%, 0 100%)
}
@media screen and (max-width:768px) {
  .p-solution {
    background: #fff url(../img/common/bg_solution01_sp.webp) center 25.64vw/100% auto no-repeat;
    padding: 23.08vw 0 20.51vw;
    margin: -17.95vw 0 0;
    clip-path: polygon(50% 17.95vw, 100% 0, 100% 100%, 0 100%, 0 0)
  }
}
.p-solution__catch {
  text-align: center
}
.p-solution__catch-label {
  background: #303235;
  color: #fff;
  display: inline-block;
  font-size: 2rem;
  padding: 0 1.25rem;
  border-radius: 3.125rem;
  margin: 0 0 .625rem;
  line-height: 1.6
}
@media screen and (max-width:768px) {
  .p-solution__catch-label {
    font-size: 4.62vw;
    padding: 1.28vw 5.13vw;
    margin: 0 0 1.28vw
  }
}
.p-solution__catch-ttl {
  font-size: 1.9375rem
}
@media screen and (max-width:768px) {
  .p-solution__catch-ttl {
    font-size: 5.13vw;
    line-height: 1.6
  }
}
.p-solution__catch-ttl span {
  font-weight: 800;
  color: #169EDD
}
.p-solution__catch-ttl .is-dot {
  font-size: 158%;
  background: top right/1em .3em repeat-x;
  background-image: url(../img/common/ico_dot01.svg);
  padding-top: 1.4125rem
}
@media screen and (max-width:768px) {
  .p-solution__catch-ttl .is-dot {
    background-size: 1em 1.61vw;
    padding-top: 1.79vw;
  }
}
.p-solution__box {
  background: #E7F0F7;
  border-radius: .625rem;
  padding: 2.8125rem;
  margin: 3.125rem 50% 0 0
}
@media screen and (max-width:768px) {
  .p-solution__box {
    border-radius: 2.56vw;
    padding: 7.69vw 5.13vw;
    margin: 51.28vw 0 0
  }
}
.p-solution__box-txt {
  font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-solution__box-txt {
    font-size: 3.59vw;
  }
}
.p-solution__box-img {
  margin: 1.875rem 0 0;
}
@media screen and (max-width: 768px) {
  .p-solution__box-img {
    margin: 5.13vw 0 0;
  }
}
/* Reason Section */
/* ==========================================================================
   Reason
   ========================================================================== */
.p-reason {
  background: #fff url(../img/common/bg_reason01.webp) center top/ cover no-repeat;
  padding: 4.375rem 0 6.875rem;
  margin: -3.75rem 0 0;
  clip-path: polygon(0 0, calc(50vw - 6.25rem) 0, 50% 3.75rem, calc(50vw + 6.25rem) 0, 100% 0, 100% 100%, 0 100%)
}
@media screen and (max-width:768px) {
  .p-reason {
    background-image: url(../img/common/bg_reason01_sp.webp);
    background-size: cover;
    padding: 12.82vw 0;
    margin: -7.69vw 0 0;
    clip-path: polygon(0 0, 41.03vw 0, 50% 7.69vw, 58.97vw 0, 100% 0, 100% 100%, 0 100%)
  }
}
.p-reason__ttl {
  font-size: 2.375rem;
  font-weight: 800;
  text-align: center
}
@media screen and (max-width:768px) {
  .p-reason__ttl {
    font-size: 5.13vw;
    line-height: 1.1
  }
}
.p-reason__ttl span {
  color: #169EDD
}
.p-reason__lead {
  font-size: 1.25rem;
  margin: 1.25rem 0 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-reason__lead {
    font-size: 4.1vw;
    margin: 5.13vw 0 0;
  }
}
.p-reason__ttl span span {
  font-size: 180%;
  position: relative;
  bottom: -.1875rem;
  line-height: 1;
}
.p-reason__items {
  counter-reset: listnum;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.75rem;
  margin: 3.75rem 0 0;
}
@media screen and (max-width: 768px) {
  .p-reason__items {
    margin: 5.13vw 0 0;
    grid-template-columns: 1fr;
    gap: 7.69vw;
  }
}
@media screen and (min-width: 769px),
print {
  .p-reason__item {
    background: #fff;
    padding: 0 2.5rem 2.5rem;
    box-shadow: 0 0.625rem 0.9375rem rgba(48, 50, 53, 0.1);
    border-radius: 0 0 0.625rem 0.625rem;
  }
}
.p-reason__item-img {
  grid-area: img;
  margin: 0 -2.5rem;
}
@media screen and (max-width: 768px) {
  .p-reason__item-img {
    width: 100vw;
    margin: 0 -5.13vw;
  }
}
.p-reason__item-ttlbox {
  position: relative;
  z-index: 0;
  margin: 1.875rem 0 0;
  grid-area: txt;
}
@media screen and (max-width: 768px) {
  .p-reason__item-ttlbox {
    margin: 0;
    padding: 12.82vw 0 0;
  }
}
.p-reason__item-ttlbox:before {
  counter-increment: listnum;
  content: counter(listnum, decimal-leading-zero);
  color: #169EDD;
  letter-spacing: 0;
  font-size: 5rem;
  line-height: 1;
  position: absolute;
  bottom: 100%;
  left: 0;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
  display: block;
  padding: 0 0 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-reason__item-ttlbox:before {
    font-size: 20.51vw;
    bottom: auto;
    top: 0;
    transform: translate(0%, -50%);
    padding: 0;
  }
}
.p-reason__item-catch {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .p-reason__item-catch {
    font-size: 6.67vw;
  }
}
.p-reason__item-catch span {
  color: #169EDD;
}
.p-reason__item-txt {
  color: #4B5563;
  margin: 1.25rem 0 0;
}
@media screen and (min-width: 769px),
print {
  .p-reason__item-txt {
    font-size: 1.25rem;
  }
  .p-reason__item:first-child {
    grid-column: 1/3;
    display: grid;
    grid-template-columns: 37.5rem auto;
    grid-template-areas: "txt img";
    gap: 3.75rem;
  }

  .p-reason__item:first-child .p-reason__item-ttlbox:before {
    position: static;
    transform: none;
  }

  .p-reason__item--01 .p-reason__item-img {
    margin: -1.625rem -2.5rem 0 0;
  }

  .p-reason__item--02 .p-reason__item-img,
  .p-reason__item--03 .p-reason__item-img {
    margin-top: -1.5625rem;
  }
}
/* ==========================================================================
   Reason Terms
   ========================================================================== */
.p-reason__terms {
  background: #E7F0F7;
  border-radius: 0.625rem;
  padding: 2.5rem 0;
  grid-column: 1/3;
}
@media screen and (max-width: 768px) {
  .p-reason__terms {
    background: #fff;
    border-radius: 2.56vw;
    padding: 5.13vw 5.13vw 7.69vw;
    margin: 5.13vw 0 0;
  }
}
.p-reason__terms-ttl {
  font-weight: 700;
  font-size: 2.25rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .p-reason__terms-ttl {
    font-size: 5.64vw;
  }
}
.p-reason__terms-ttl span {
  color: #169EDD;
}
.p-reason__terms-subttl {
  background: #fff;
  font-weight: 700;
  padding: 0.3125rem 0.9375rem;
}
@media screen and (min-width: 769px),
print {
  .p-reason__terms-subttl {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .p-reason__terms-subttl {
    background: #F3F4F6;
    padding: 1.79vw 3.85vw;
  }
  .p-reason__terms-txt {
    margin: 2.56vw 0 0;
  }
}
.p-reason__terms-txt--01 {
  grid-column: 1/3;
}
@media screen and (min-width: 769px),
print {
  .p-reason__terms-txt--01 {
    font-size: 1.25rem;
    margin: 1.25rem 0 0;
  }
  .p-reason__terms-txt--02 {
    font-size: 1.125rem;
    margin: 0.625rem 0 0;
  }
}
.p-reason__terms-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 768px) {
  .p-reason__terms-items {
    grid-template-columns: 1fr;
    gap: 7.69vw;
  }
}
@media screen and (min-width: 769px),
print {
  .p-reason__terms-item {
    padding: 0 2.5rem;
  }
  .p-reason__terms-item:nth-child(even) {
    border-left: 1px solid #C9C9C9;
  }
}
.p-reason__terms-item--01 {
  display: grid;
  grid-template-columns: auto 11.25rem;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-reason__terms-item--01 {
    grid-template-columns: auto 28.21vw;
  }
}
.p-reason__terms-example {
  margin: 1.25rem 0 0;
}
@media screen and (max-width: 768px) {
  .p-reason__terms-example {
    margin: 5.13vw 0 0;
  }
}
.p-reason__terms-example-ttl {
  display: grid;
  grid-template-columns: 4.0625rem auto;
  gap: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-reason__terms-example-ttl {
    grid-template-columns: 13.33vw auto;
    gap: 2.56vw;
  }
}
.p-reason__terms-example-ttl dt {
  background: #169EDD;
  color: #fff;
  border-radius: 0.25rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-reason__terms-example-ttl dt {
    font-size: 3.08vw;
  }
}
.p-reason__terms-example-ttl dd {
  font-weight: 700;
}
@media screen and (min-width: 769px),
print {
  .p-reason__terms-example-ttl dd {
    font-size: 1.25rem;
  }
}
.p-reason__terms-example-ttl dd span {
  color: #169EDD;
}
.p-reason__terms-example-item {
  background: #fff;
  border-radius: 0.3125rem;
  position: relative;
}
.p-reason__terms-example-items {
  margin: 0.9375rem 0 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.875rem;
}
@media screen and (max-width: 768px) {
  .p-reason__terms-example-items {
    margin: 3.85vw 0 0;
    gap: 5.13vw;
  }
  .p-reason__terms-example-item {
    background: #E7F0F7;
    border-radius: 1.03vw;
  }
}
.p-reason__terms-example-item+.p-reason__terms-example-item:after {
  aspect-ratio: 1;
  position: absolute;
  box-sizing: border-box;
  border: 0.625rem solid transparent;
  width: 0.625rem;
  top: 50%;
  left: -1.125rem;
  transform: translateY(-50%);
  border-left: 0.625rem solid #169EDD;
  border-right: none;
  content: "";
}
@media screen and (max-width: 768px) {
  .p-reason__terms-example-item+.p-reason__terms-example-item:after {
    border-width: 2.05vw;
    width: 2.05vw;
    left: -3.33vw;
  }
}
.p-reason__terms-example-img {
  width: 100%;
  height: 6.25rem;
}
@media screen and (max-width: 768px) {
  .p-reason__terms-example-img {
    height: 16.67vw;
  }
}
.p-reason__terms-example-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 0.3125rem 0.3125rem 0 0;
}
@media screen and (max-width: 768px) {
  .p-reason__terms-example-img img {
    border-radius: 1.03vw 1.03vw 0 0;
  }
}
.p-reason__terms-example-txt {
  padding: 0.3125rem;
  font-size: 1.125rem;
  height: calc(100% - 6.25rem);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.06em;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .p-reason__terms-example-txt {
    padding: 1.28vw;
    font-size: 3.08vw;
    height: calc(100% - 16.67vw);
  }
}
/* ==========================================================================
   Reason Comparison
   ========================================================================== */
.p-reason__compar {
  background: #E7F0F7;
  border-radius: 0.625rem;
  padding: 1.5625rem 1.5625rem 0;
  margin: 1.875rem 0 0;
}
@media screen and (max-width: 768px) {
  .p-reason__compar {
    background: #fff;
    border-radius: 2.56vw;
    padding: 5.13vw 5.13vw 0;
    margin: 5.13vw 0 0;
  }
}
/* ==========================================================================
   Reason Worry
   ========================================================================== */
.p-reason__worry {
  background: #E7F0F7;
  border-radius: 0.625rem;
  padding: 1.5625rem 2.5rem;
  margin: 3.125rem 0 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-reason__worry {
    background: #fff;
    border-radius: 2.56vw;
    padding: 5.13vw;
    margin: 5.13vw 0 0;
  }
}
.p-reason__worry:before {
  width: 11.875rem;
  aspect-ratio: 1/1.3;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../img/common/img_reason09.webp) right bottom/contain no-repeat;
  content: "";
}
@media screen and (max-width: 768px) {
  .p-reason__worry:before {
    width: 33.33vw;
  }
}
.p-reason__worry-ttl {
  font-weight: 700;
  font-size: 1.75rem;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-reason__worry-ttl {
    font-size: 5.64vw;
  }
}
.p-reason__worry-ttl:before,
.p-reason__worry-ttl:after {
  width: 1px;
  height: 1.875rem;
  display: inline-block;
  background: #303235;
  position: relative;
  bottom: -0.3125rem;
  content: "";
}
@media screen and (max-width: 768px) {

  .p-reason__worry-ttl:before,
  .p-reason__worry-ttl:after {
    height: 6.41vw;
  }
}
.p-reason__worry-ttl:before {
  transform: rotate(-25deg);
  margin-right: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-reason__worry-ttl:before {
    margin-right: 2.56vw;
  }
}
.p-reason__worry-ttl:after {
  transform: rotate(25deg);
  margin-left: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-reason__worry-ttl:after {
    margin-left: 2.56vw;
  }
}
.p-reason__worry-ttl span {
  color: #169EDD;
}
.p-reason__worry-list {
  margin: 1.25rem 0 0;
}
@media screen and (max-width: 768px) {
  .p-reason__worry-list {
    margin: 5.13vw 0 0;
  }
}
.p-reason__worry-list li {
  position: relative;
  padding-left: 1.875rem;
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .p-reason__worry-list li {
    padding-left: 6.41vw;
    font-size: 3.59vw;
  }
}
.p-reason__worry-list li:before {
  width: 1.4375rem;
  aspect-ratio: 18/14;
  display: block;
  position: absolute;
  top: 0.1875rem;
  left: 0;
  background: url(../img/common/ico_check02.svg) center/contain no-repeat;
  content: "";
}
@media screen and (max-width: 768px) {
  .p-reason__worry-list li:before {
    width: 4.62vw;
    top: 0.77vw;
  }
}
.p-reason__worry-list li+li {
  margin-top: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-reason__worry-list li+li {
    margin-top: 2.56vw;
  }
}
/* Payment Section */
/* ==========================================================================
   Payment
   ========================================================================== */
.p-payment {
  background: #E7F0F7;
  padding: 4.375rem 0;
}
@media screen and (max-width: 768px) {
  .p-payment {
    padding: 12.82vw 0;
  }
}
.p-payment__inner {
  display: grid;
  grid-template-columns: auto 37.5rem;
  gap: 0 2.5rem;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-payment__inner {
    display: block;
  }
}
.p-payment__catch {
  font-weight: 700;
}
@media screen and (min-width: 769px),
print {
  .p-payment__catch {
    font-size: 1.75rem;
    grid-column: 1/2;
    grid-row: 1/2;
    margin-top: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-payment__catch {
    font-size: 5.64vw;
  }
}
.p-payment__catch span {
  color: #169EDD;
}
@media screen and (min-width: 769px),
print {
  .p-payment__txt {
    grid-column: 1/2;
    grid-row: 2/3;
    margin: 0.9375rem 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .p-payment__txt {
    margin: 5.13vw 0 0;
  }
}
.p-payment__img {
  background: #fff;
}
@media screen and (min-width: 769px),
print {
  .p-payment__img {
    border-radius: 0.625rem;
    padding: 1.25rem 0;
    grid-column: 2/3;
    grid-row: 1/3;
  }
}
@media screen and (max-width: 768px) {
  .p-payment__img {
    border-radius: 2.56vw;
    padding: 2.56vw 0 5.13vw;
    margin: 5.13vw 0 0;
  }
}
.p-payment__img img {
  width: 23.75rem;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-payment__img img {
    width: 76.92vw;
  }
}
/* Case Section + Accordion (shared) + Subject Items */
/* ==========================================================================
   Accordion (shared)
   ========================================================================== */
.c-acd__item {
  border: 1px solid #169EDD;
  background: #fff;
  border-radius: .625rem;
  margin: 0 auto;
  width: 60.75rem;
  position: relative
}
@media screen and (max-width:768px) {
  .c-acd__item {
    width: 100%;
    border-radius: 2.56vw
  }
}
.c-acd__item:before,
.c-acd__item:after {
  position: absolute;
  content: "";
  top: 3.125rem;
  right: 1.875rem;
  width: 1.625rem;
  height: .1875rem;
  background-color: #303235;
  transition: all 0.3s ease-in-out
}
@media screen and (max-width:768px) {

  .c-acd__item:before,
  .c-acd__item:after {
    top: 7vw;
    right: 5.13vw;
    width: 3.85vw;
    height: .77vw
  }
}
.c-acd__item:after {
  transform: rotate(90deg)
}
.c-acd__item+.c-acd__item {
  margin-top: 1.25rem
}
@media screen and (max-width:768px) {
  .c-acd__item+.c-acd__item {
    margin-top: 5.13vw
  }
}
.c-acd__item .p-caution {
  overflow: auto;
  height: auto;
}
.c-acd__item-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  min-height: 3.75rem;
  position: relative;
  padding: .9375rem 1.875rem;
  line-height: 1.3
}
@media screen and (max-width:768px) {
  .c-acd__item-btn {
    font-size: 4.62vw;
    min-height: 15.38vw;
    padding: 2.56vw 10.26vw 2.56vw 3.85vw
  }
}
.c-acd__item-btn-ico {
  width: 4.875rem;
  aspect-ratio: 1;
  margin: 0 .625rem 0 0
}
@media screen and (max-width:768px) {
  .c-acd__item-btn-ico {
    width: 12.82vw;
    margin: 0 2.56vw 0 0
  }
}
.c-acd__item-btn-ico img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.c-acd__item-btn-txt {
  font-weight: 700;
  font-size: 1.4375rem
}
@media screen and (max-width:768px) {
  .c-acd__item-btn-txt {
    font-size: 1.125rem
  }
}
.c-acd__item-btn-txt span {
  color: #169EDD
}
.c-acd__item-cont {
  padding: 0 1.875rem 1.875rem;
  display: none
}
.c-acd__item.open .c-acd__item-cont {
  display: block
}
@media screen and (max-width:768px) {
  .c-acd__item-cont {
    padding: 0 5.13vw 5.13vw
  }
}
.c-acd__item-cont a {
  color: #04C;
  text-decoration: underline
}
.c-acd__item-cont a[target=_blank]:after {
  width: .9em;
  aspect-ratio: 1;
  margin: 0 .1875rem -.1em;
  display: inline-block;
  background: url(../img/common/ico_link01.svg) center/contain no-repeat;
  content: ""
}
.c-acd__item.open:before,
.c-acd__item.stay:before {
  transform: rotate(180deg)
}
.c-acd__item.open:after,
.c-acd__item.stay:after {
  opacity: 0
}
.c-acd__item.stay.open:after {
  transform: rotate(-90deg);
  opacity: 1
}
.c-acd__item.stay .c-acd__item-cont {
  display: block
}
.c-acd__ttl {
  font-weight: 700;
  font-size: 1.4375rem;
  color: #169EDD;
  margin: 3.125rem 0 0.9375rem;
}
@media screen and (max-width:768px) {
  .c-acd__ttl {
    font-size: 4.62vw;
    margin: 10.26vw 0 3.85vw
  }
}
.c-acd__ttl:first-child {
  margin-top: 1.875rem
}
@media screen and (max-width:768px) {
  .c-acd__ttl:first-child {
    margin-top: 5.13vw
  }
}
.c-acd__lead {
  font-size: 1.125rem;
  margin: 0 0 1.25rem;
  color: #6D7785;
  letter-spacing: .04em
}
@media screen and (max-width:768px) {
  .c-acd__lead {
    font-size: 3.59vw;
    margin: 0 0 5.13vw
  }
}
.c-acd__col3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.875rem
}
@media screen and (max-width:768px) {
  .c-acd__col3 {
    grid-template-columns: 1fr;
    gap: 5.13vw
  }
}
.c-acd__col3-item {
  position: relative
}
@media screen and (max-width:768px) {
  .c-acd__col3-item {
    min-height: 28.21vw
  }
  .c-acd__col3-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 28.21vw;
    aspect-ratio: 1
  }
  .c-acd__col3-img img {
    border-radius: 2.56vw;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%
  }
}
.c-acd__col3-ttl {
  font-weight: 700;
  margin: .9375rem 0 0;
  letter-spacing: .04em;
  line-height: 1.5;
  font-size: 1.25rem
}
@media screen and (max-width:768px) {
  .c-acd__col3-ttl {
    font-size: initial;
    margin: 0 0 0 32.05vw;
    letter-spacing: 0
  }
}
.c-acd__col3-txt {
  margin: .625rem 0 0;
  font-size: 1.125rem;
  color: #6D7785;
  letter-spacing: .04em
}
@media screen and (max-width:768px) {
  .c-acd__col3-txt {
    margin: 1.28vw 0 0 32.05vw;
    letter-spacing: 0;
    font-size: 3.59vw
  }
}
.c-acd__col3-cap {
  margin: .625rem 0 0;
  display: block
}
@media screen and (max-width:768px) {
  .c-acd__col3-cap {
    margin: 2.56vw 0 0
  }
}
.c-acd__col2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.875rem;
}
@media screen and (max-width: 768px) {
  .c-acd__col2 {
    grid-template-columns: 1fr;
    gap: 6.41vw;
  }
}
/* ==========================================================================
   Case / Subject Items
   ========================================================================== */
.p-case {
  padding: 5rem 0 0;
}
@media screen and (max-width: 768px) {
  .p-case {
    padding: 12.82vw 0 0;
  }
}
.p-case__catch {
  text-align: center;
  font-weight: 700;
  font-size: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-case__catch {
    font-size: 5.13vw;
  }
}
.p-case__catch span {
  color: #169EDD;
}
@media screen and (max-width: 768px) {
  .p-case__catch span {
    font-size: 160%;
  }
}
/* ==========================================================================
   Case cards (industry LP links)
   feature セクションのカードスタイルに準拠：画像 top 全幅 → カード白背景
   ========================================================================== */
.p-case__hero {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.875rem;
  margin: 3.75rem 0 0;
}
.p-case__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.875rem;
  margin: 1.875rem 0 0;
}
@media screen and (max-width: 768px) {
  .p-case__hero {
    grid-template-columns: 1fr;
    gap: 5.13vw;
    margin: 7.69vw 0 0;
  }
  .p-case__items {
    grid-template-columns: 1fr;
    gap: 5.13vw;
    margin: 5.13vw 0 0;
  }
}
.p-case__card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #D5D7DA;
  border-radius: 0.625rem;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.p-case__card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.08);
  border-color: #169EDD;
}
.p-case__card-img {
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #F3F4F6;
}
.p-case__card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.p-case__card-body {
  padding: 1.125rem 1.25rem 1.25rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.p-case__card-ttl {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
}
.p-case__card-txt {
  color: #6D7785;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin: 0.5rem 0 0;
  flex: 1;
}
.p-case__card-btn {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 0.4375rem;
  margin: 1rem 0 0;
  padding: 0.5rem 1.125rem;
  border: 1px solid #169EDD;
  border-radius: 100rem;
  color: #169EDD;
  background: #fff;
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1.3;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.p-case__card-btn:after {
  content: "";
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  background-color: currentColor;
  -webkit-mask: url(../img/common/ico_link01.svg) center/contain no-repeat;
  mask: url(../img/common/ico_link01.svg) center/contain no-repeat;
}
.p-case__card:hover .p-case__card-btn {
  background: #169EDD;
  color: #fff;
}
/* Hero variant: 2-col, larger title */
.p-case__card--hero .p-case__card-img {
  aspect-ratio: 16 / 8.5;
}
.p-case__card--hero .p-case__card-body {
  padding: 1.5rem 1.75rem 1.75rem;
}
.p-case__card--hero .p-case__card-ttl {
  font-size: 1.4375rem;
}
.p-case__card--hero .p-case__card-txt {
  font-size: 1rem;
  margin: 0.625rem 0 0;
}
.p-case__card--hero .p-case__card-btn {
  font-size: 0.9375rem;
  padding: 0.625rem 1.25rem;
  margin: 1.125rem 0 0;
}
@media screen and (max-width: 768px) {
  .p-case__card-body {
    padding: 4.1vw 4.62vw 4.62vw;
  }
  .p-case__card-ttl {
    font-size: 4.62vw;
  }
  .p-case__card-txt {
    font-size: 3.59vw;
    margin: 2.05vw 0 0;
  }
  .p-case__card-btn {
    font-size: 3.33vw;
    padding: 2.05vw 4.1vw;
    margin: 3.85vw 0 0;
  }
  .p-case__card--hero .p-case__card-ttl {
    font-size: 5.13vw;
  }
  .p-case__card--hero .p-case__card-txt {
    font-size: 3.85vw;
  }
}
.p-case__other {
  background: #F3F4F6;
  border-radius: 0.625rem;
  padding: 1.875rem 2.5rem;
  margin: 3.75rem 0 0;
}
@media screen and (max-width: 768px) {
  .p-case__other {
    border-radius: 2.56vw;
    padding: 5.31vw;
    margin: 7.69vw 0 0;
  }
}
.p-case__other-ttl {
  font-weight: 700;
  font-size: 1.5625rem;
  margin: 0 0 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-case__other-ttl {
    font-size: 5.13vw;
    margin: 0 0 5.13vw;
    letter-spacing: 0.01em;
  }
}
.p-case__other-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 768px) {
  .p-case__other-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-case__other-list li {
  font-size: 1.125rem;
}
.p-case__other-list a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  transition: color 0.2s ease;
}
.p-case__other-list a:hover {
  color: #169EDD;
}
@media screen and (max-width: 768px) {
  .p-case__other-list li {
    font-size: 3.59vw;
    letter-spacing: 0.04em;
  }
}
.p-case__other-list li:before {
  width: 0.25rem;
  top: 0.65em;
}
@media screen and (max-width: 768px) {
  .p-case__other-list li:before {
    top: 0.6em;
  }
}
.p-case__cap {
  color: #E54623;
  margin: 3.75rem auto 0;
  width: 60.75rem;
}
@media screen and (max-width: 768px) {
  .p-case__cap {
    margin: 7.69vw 0 0;
    width: auto;
    font-size: 3.08vw;
    text-indent: -1em;
    padding-left: 1em;
  }
}
.p-case .c-acd__item {
  margin-top: 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-case .c-acd__item {
    margin-top: 5.13vw;
  }
}
/* ==========================================================================
   Subject Items (inside accordion)
   ========================================================================== */
.p-subject__items {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: .625rem .9375rem
}
@media screen and (max-width:768px) {
  .p-subject__items {
    grid-template-columns: repeat(4, 1fr);
    gap: 2.56vw;
    letter-spacing: .04em
  }
}
.p-subject__items+* {
  margin-top: 1.875rem
}
@media screen and (max-width:768px) {
  .p-subject__items+* {
    margin-top: 5.13vw
  }
}
.p-subject__item-name {
  font-size: .875rem;
  letter-spacing: .04em;
  text-align: center;
  line-height: 1.3;
  margin: .1875rem 0 0
}
@media screen and (max-width:768px) {
  .p-subject__item-name {
    font-size: 3.08vw
  }
}
.p-subject__impossible {
  color: #6D7785
}
.p-subject__impossible-ttl {
  font-size: 1.125rem;
  margin: 1.25rem 0 0
}
@media screen and (max-width:768px) {
  .p-subject__impossible-ttl {
    font-size: 3.59vw;
    margin: 5.13vw 0 0
  }
}
.p-subject__impossible p {
  font-size: 1.125rem
}
@media screen and (max-width:768px) {
  .p-subject__impossible p {
    font-size: 3.59vw
  }
}
.p-subject__impossible .c-listDot li {
  font-size: 1.125rem
}
@media screen and (max-width:768px) {
  .p-subject__impossible .c-listDot li {
    font-size: 3.59vw
  }
}
.p-subject__impossible .c-cap {
  margin: 1.25rem 0 0
}
@media screen and (max-width:768px) {
  .p-subject__impossible .c-cap {
    margin: 5.13vw 0 0
  }
}
/* Feature Section + Accordion Repeat */
/* ==========================================================================
   Feature
   ========================================================================== */
.p-feature {
  padding: 5rem 0;
}
@media screen and (max-width: 768px) {
  .p-feature {
    padding: 12.82vw 0;
  }
}
.p-feature__catch {
  text-align: center;
  font-weight: 700;
  font-size: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-feature__catch {
    font-size: 5.64vw;
  }
}
.p-feature__catch span {
  color: #169EDD;
}
.p-feature__points {
  margin: 3.75rem 0 0;
  overflow: visible;
}
@media screen and (max-width:768px) {
  .p-feature__points {
    margin: 5.31vw 0 0;
  }
  .p-feature__point {
    height: auto
  }
}
@media screen and (min-width:769px),
print {
  .p-feature__point-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
  }
}
.p-feature__point-inner {
  height: 100%;
  border: 1px solid #D5D7DA;
  border-radius: .625rem;
  padding: 0 1.25rem 1.25rem;
  background: #fff
}
@media screen and (max-width:768px) {
  .p-feature__point-inner {
    border-radius: 2.56vw;
    padding: 0 3.85vw 3.85vw
  }
}
.p-feature__point-img {
  margin: 0 -1.25rem
}
@media screen and (max-width:768px) {
  .p-feature__point-img {
    margin: 0 -3.85vw
  }
}
.p-feature__point-img img {
  border-radius: .625rem .625rem 0 0
}
@media screen and (max-width:768px) {
  .p-feature__point-img img {
    border-radius: 2.56vw 2.56vw 0 0
  }
}
.p-feature__point-ttl {
  font-size: 1.4375rem;
  font-weight: 700;
  margin: 1.25rem 0 0;
  letter-spacing: .04em;
  line-height: 1.5
}
@media screen and (max-width:768px) {
  .p-feature__point-ttl {
    font-size: initial;
    margin: 3.85vw 0 0
  }
}
.p-feature__point-txt {
  color: #6D7785;
  letter-spacing: 0;
  margin: .625rem 0 0;
  font-size: 1rem
}
@media screen and (max-width:768px) {
  .p-feature__point-txt {
    font-size: 3.59vw;
    margin: 1.28vw 0 0
  }
}
.p-feature__point-cap {
  margin: .625rem 0 0
}
@media screen and (max-width:768px) {
  .p-feature__point-cap {
    margin: 1.28vw 0 0
  }
}
.p-feature__points .swiper-pagination {
  position: static;
}
@media screen and (max-width:768px) {
  .p-feature__points .swiper-pagination {
    margin-top: 2.56vw;
  }
}
.p-feature .c-acd__item {
  margin-top: 3.75rem;
}
@media screen and (max-width: 768px) {
  .p-feature .c-acd__item {
    margin-top: 7.69vw;
  }
}
.p-feature__example {
  width: 60.625rem;
  border-top: 1px solid #169EDD;
  border-bottom: 1px solid #169EDD;
  padding: 1.875rem 0;
  margin: 2.5rem auto 0;
}
@media screen and (max-width: 768px) {
  .p-feature__example {
    width: 100%;
    padding: 5.13vw 0;
    margin: 7.69vw 0 0;
  }
}
.p-feature__example-catch {
  width: 28.125rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-feature__example-catch {
    width: 100%;
  }
}
.p-feature__example-cap {
  width: 28.125rem;
  margin: 0.9375rem auto 0;
}
@media screen and (max-width: 768px) {
  .p-feature__example-cap {
    width: 100%;
    margin: 2.56vw 0 0;
  }
}
/* ==========================================================================
   Accordion Repeat (inside feature accordion)
   ========================================================================== */
.p-acd__repeat-txt {
  font-size: 1rem;
  letter-spacing: .04em;
  color: #6D7785
}
@media screen and (max-width:768px) {
  .p-acd__repeat-txt {
    font-size: 3.59vw;
    margin-top: 5.13vw
  }
}
.p-acd__repeat-txt a {
  color: #04C;
  text-decoration: underline
}
.p-acd__repeat-txt p+p {
  margin-top: .9375rem
}
.p-acd__repeat-box--01 {
  display: grid;
  grid-template-columns: 20.625rem auto;
  gap: 1.875rem
}
.p-acd__repeat-box--01 .p-acd__repeat-ttl {
  font-weight: 700;
  color: #303235;
  margin: 0 0 .625rem;
}
.p-acd__repeat-box--01 .p-acd__repeat-cap {
  margin: .625rem 0 0;
}
@media screen and (min-width:769px),
print {
  .p-acd__repeat-box--01 .p-acd__repeat-ttl {
    font-size: 1.25rem;
  }

  .p-acd__repeat-box--02 {
    display: grid;
    grid-template-columns: 26.5625rem auto;
    gap: 1.875rem
  }
}
@media screen and (max-width:768px) {
  .p-acd__repeat-box--01 {
    grid-template-columns: 28.97vw auto;
    gap: 3.85vw;
  }

  .p-acd__repeat-box--01 .p-acd__repeat-img {
    aspect-ratio: 113/130;
  }

  .p-acd__repeat-box--01 .p-acd__repeat-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    border-radius: 1.28vw;
  }

  .p-acd__repeat-box--01 .p-acd__repeat-txt {
    margin: 0;
  }

  .p-acd__repeat-box--01 .p-acd__repeat-ttl {
    margin: 0 0 2.56vw;
  }

  .p-acd__repeat-box--01 .p-acd__repeat-cap {
    margin: 1.28vw 0 0;
  }
}
/* Plan Section */
/* ==========================================================================
   Plan
   ========================================================================== */
.p-plan {
  padding: 4.375rem 0;
  position: relative;
  z-index: 0
}
@media screen and (max-width:768px) {
  .p-plan {
    padding: 12.82vw 0
  }
}
.p-plan:before {
  width: 20rem;
  aspect-ratio: 1;
  display: block;
  position: absolute;
  top: 3.125rem;
  left: calc(50% + 18.75rem);
  background: url(../img/biz-index/bg_plan01.webp) right top/contain no-repeat;
  content: "";
  z-index: -1
}
@media screen and (max-width:768px) {
  .p-plan:before {
    width: 39.23vw;
    aspect-ratio: 306/358;
    top: 7.69vw;
    left: auto;
    right: 0;
    background-size: auto 100%;
    background-position: left center;
  }
}
.p-plan__ttl {
  font-size: 2.5625rem;
  font-weight: 700;
  text-align: center
}
@media screen and (max-width:768px) {
  .p-plan__ttl {
    font-size: 6.15vw;
    text-align: left
  }
}
.p-plan__ttl span {
  color: #169EDD;
  font-weight: 900
}
.p-plan__ttl span span {
  font-size: 150%;
  position: relative;
  bottom: -.1875rem;
  line-height: 1
}
.p-plan__lead {
  margin: 1.875rem 0 0;
  text-align: center;
  font-size: 1.25rem
}
@media screen and (max-width:768px) {
  .p-plan__lead {
    margin: 2.56vw 0 0;
    text-align: left;
    font-size: 3.59vw;
    letter-spacing: 0;
  }
}
.p-plan__tab {
  margin: 3.125rem 0 0
}
@media screen and (max-width:768px) {
  .p-plan__tab {
    margin: 7.69vw 0 0
  }
}
.p-plan__tab-btn {
  text-align: center;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 1.25rem;
  height: 5.625rem;
  border: 2px solid #169EDD;
  position: relative;
  box-shadow: 0 .625rem .9375rem rgba(48, 50, 53, .1)
}
.p-plan__tab-btns {
  display: grid;
  grid-template-columns: repeat(2, 23.125rem);
  justify-content: center
}
@media screen and (max-width:768px) {
  .p-plan__tab-btns {
    grid-template-columns: repeat(2, 1fr)
  }
  .p-plan__tab-btn {
    font-size: 3.59vw;
    height: 15.38vw;
    letter-spacing: 0
  }
}
.p-plan__tab-btn:after {
  width: .625rem;
  aspect-ratio: 1;
  border-bottom: 2px solid #303235;
  border-right: 2px solid #303235;
  transform: rotate(45deg);
  margin: 0 0 .1875rem .625rem;
  content: ""
}
@media screen and (max-width:768px) {
  .p-plan__tab-btn:after {
    width: 2.05vw;
    margin: 0 0 .77vw 2.56vw
  }
}
.p-plan__tab-btn.active {
  background: #169EDD;
  color: #fff;
  font-weight: 700
}
.p-plan__tab-btn.active:before {
  width: .875rem;
  aspect-ratio: 1;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  border: .875rem solid transparent;
  border-top: .875rem solid #169EDD;
  content: ""
}
@media screen and (max-width:768px) {
  .p-plan__tab-btn.active:before {
    width: 2.56vw;
    border-width: 2.56vw
  }
}
.p-plan__tab-btn.active:after {
  border-bottom-color: #fff;
  border-right-color: #fff
}
.p-plan__tab-btn:first-child {
  border-radius: .625rem 0 0 .625rem
}
.p-plan__tab-btn:last-child {
  border-radius: 0 .625rem .625rem 0
}
.p-plan__tab-btn-label {
  background: #F04E79;
  color: #fff;
  display: inline-block;
  line-height: 1;
  border-radius: 1.875rem;
  padding: .3125rem .625rem .5rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.125rem;
  font-weight: 700
}
@media screen and (max-width:768px) {
  .p-plan__tab-btn-label {
    font-size: 3.59vw;
    padding: 1.28vw 2.56vw 2.05vw
  }
}
.p-plan__tab-cont {
  display: none;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.125rem
}
.p-plan__tab-conts {
  margin: 3.125rem 0 0
}
@media screen and (max-width:768px) {
  .p-plan__tab-conts {
    margin: 7.69vw 0 0
  }
  .p-plan__tab-cont {
    grid-template-columns: 1fr;
    gap: 5.13vw
  }
}
.p-plan__tab-cont.active {
  display: grid
}
.p-plan__tbl {
  background: #fff;
  border-radius: .625rem;
  box-shadow: 0 .625rem .9375rem rgba(48, 50, 53, .1);
}
@media screen and (max-width:768px) {
  .p-plan__tbl {
    border-radius: 2.56vw
  }
}
.p-plan__tbl-ttl {
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 1.4375rem;
  border-radius: .625rem .625rem 0 0;
  padding: .625rem
}
@media screen and (max-width:768px) {
  .p-plan__tbl-ttl {
    font-size: initial;
    border-radius: 2.56vw 2.56vw 0 0;
    padding: 2.56vw
  }
}
.p-plan__tbl-detail {
  padding: .3125rem 1.25rem;
  display: grid;
  grid-template-columns: 10.375rem auto
}
@media screen and (max-width:768px) {
  .p-plan__tbl-detail {
    padding: 2.56vw 3.85vw;
    grid-template-columns: 25.64vw auto
  }
}
.p-plan__tbl-detail dt,
.p-plan__tbl-detail dd {
  border-bottom: 1px solid #D5D7DA;
  letter-spacing: .02em;
  min-height: 2.5rem
}
@media screen and (max-width:768px) {

  .p-plan__tbl-detail dt,
  .p-plan__tbl-detail dd {
    letter-spacing: 0
  }
}
.p-plan__tbl-detail dt:last-of-type,
.p-plan__tbl-detail dd:last-of-type {
  border: none
}
.p-plan__tbl-detail dt {
  padding: .3125rem 0;
  color: #6D7785;
  font-size: 1.125rem
}
@media screen and (max-width:768px) {
  .p-plan__tbl-detail dt {
    padding: 1.28vw 0;
    font-size: 3.08vw;
    display: flex;
    align-items: center
  }
}
.p-plan__tbl-detail dd {
  padding: .3125rem 0 .3125rem .625rem;
  font-size: 1.125rem;
  line-height: 1.5
}
@media screen and (max-width:768px) {
  .p-plan__tbl-detail dd {
    padding: 1.28vw 0 1.28vw 1.28vw;
    font-size: 3.85vw;
    line-height: 1.8
  }
}
.p-plan__tbl-detail dd span {
  font-weight: 700;
  font-size: 1.25rem
}
@media screen and (max-width:768px) {
  .p-plan__tbl-detail dd span {
    font-size: 3.85vw
  }
}
.p-plan__tbl.other .p-plan__tbl-ttl {
  background: #6D7785
}
.p-plan__tbl.lenet .p-plan__tbl-ttl {
  background: #169EDD
}
.p-plan__tbl.lenet .p-plan__tbl-detail dd span {
  color: #169EDD
}
.p-plan__option {
  margin: 3.125rem 0 0
}
.p-plan__option-ttl {
  text-align: center;
  font-weight: 700;
  font-size: 1.625rem;
  margin: 0 0 1.875rem;
  position: relative;
  color: #000;
  line-height: 1.4
}
@media screen and (max-width:768px) {
  .p-plan__option-ttl {
    font-size: 5.13vw;
    margin: 0 0 5.13vw;
    line-height: normal
  }
}
.p-plan__option-ttl:before,
.p-plan__option-ttl:after {
  background-color: #000;
  border-radius: 5px;
  content: "";
  height: 4rem;
  width: 1px;
  position: absolute;
  top: .9375rem;
  display: block
}
@media screen and (max-width:768px) {

  .p-plan__option-ttl:before,
  .p-plan__option-ttl:after {
    height: 12.82vw;
    top: 2.56vw
  }
}
.p-plan__option-ttl:before {
  transform: rotate(-25deg);
  left: calc(50% - 10.625rem)
}
@media screen and (max-width:768px) {
  .p-plan__option-ttl:before {
    left: calc(50% - 33.33vw)
  }
}
.p-plan__option-ttl:after {
  transform: rotate(25deg);
  left: calc(50% + 10.625rem)
}
@media screen and (max-width:768px) {
  .p-plan__option-ttl:after {
    left: calc(50% + 33.33vw)
  }
}
.p-plan__option-ttl span {
  color: #169EDD;
  font-size: 120%
}
.p-plan .c-acd__col3-img {
  position: relative
}
@media screen and (max-width:768px) {
  .p-plan .c-acd__col3-img {
    position: absolute
  }
}
.p-plan .c-acd__col3-img img {
  border-radius: .625rem
}
@media screen and (max-width:768px) {
  .p-plan .c-acd__col3-img img {
    border-radius: 2.56vw
  }
}
.p-plan .c-acd__col3-img-label {
  background: #F04E79;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  border-radius: .625rem 0 .3125rem 0;
  padding: .125rem .3125rem;
  position: absolute;
  top: 0;
  left: 0
}
@media screen and (max-width:768px) {
  .p-plan .c-acd__col3-img-label {
    font-size: 3.08vw
  }
}
.p-plan .c-acd__col3-ttl span {
  font-weight: 400;
  font-size: 1.125rem
}
/* Price Section + Simulator */
/* ==========================================================================
   Price
   ========================================================================== */
.p-price {
  background: #E7F0F7;
  padding: 5rem 0;
  position: relative;
  z-index: 0
}
@media screen and (max-width:768px) {
  .p-price {
    padding: 12.82vw 0;
  }
}
.p-price:before {
  width: 28.125rem;
  aspect-ratio: 698/500;
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% + 7.5rem);
  background: url(../img/biz-index/bg_price01.webp) right top/contain no-repeat;
  content: "";
  z-index: -1
}
@media screen and (max-width:768px) {
  .p-price:before {
    width: 57.44vw;
    left: auto;
    right: -5.13vw;
  }
}
.p-price__ttl {
  font-size: 3.125rem;
  width: 60.75rem;
  margin: 0 auto;
  letter-spacing: .1em
}
@media screen and (max-width:768px) {
  .p-price__ttl {
    font-size: 7.18vw;
    width: auto;
    letter-spacing: 0
  }
}
.p-price__ttl-bld {
  color: #169EDD
}
.p-price__ttl .c-cap {
  margin: 1.25rem 0 0;
  font-size: .9375rem
}
@media screen and (max-width:768px) {
  .p-price__ttl .c-cap {
    margin: .56vw 0 0;
    font-size: 2.82vw
  }
}
.p-price__txt {
  width: 60.75rem;
  margin: 1.25rem auto 0;
  font-size: 1.125rem;
  color: #4B5563;
}
@media screen and (max-width:768px) {
  .p-price__txt {
    width: auto;
    font-size: 3.59vw;
    margin: 7.69vw 0 0;
    letter-spacing: 0;
  }
}
.p-price__sim {
  margin: 1.875rem 0 0;
}
@media screen and (max-width:768px) {
  .p-price__sim {
    margin: 7.69vw 0 0;
  }
}
.p-price__sim .c-acd__btn-txt span {
  font-size: 125%
}
.p-price .c-acd__col3 {
  padding: 1.5625rem 0
}
@media screen and (max-width:768px) {
  .p-price .c-acd__col3 {
    gap: 5.13vw
  }
}
.p-price .c-acd__col3-item {
  position: relative
}
@media screen and (max-width:768px) {
  .p-price .c-acd__col3-item {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    min-height: 15vw
  }
}
.p-price .c-acd__col3-img {
  position: absolute;
  left: 0;
  width: 8rem;
  height: 8rem
}
@media screen and (max-width:768px) {
  .p-price .c-acd__col3-img {
    position: static;
    width: 13.23vw;
    height: 13.23vw
  }
  .p-price .c-acd__col3-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
  }
}
.p-price .c-acd__col3-txtbox {
  width: 8rem;
  margin-left: auto
}
@media screen and (max-width:768px) {
  .p-price .c-acd__col3-txtbox {
    width: 35.62vw;
    margin-left: 4vw
  }
}
.p-price .c-acd__col3-box {
  width: 8rem;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  flex-flow: row
}
@media screen and (max-width:768px) {
  .p-price .c-acd__col3-box {
    width: 24.99vw;
    margin-left: 0
  }
}
.p-price .c-acd__col3-ttl {
  margin: 0 0 .3125rem 0
}
@media screen and (max-width:768px) {
  .p-price .c-acd__col3-ttl {
    font-size: 3.56vw
  }
}
.p-price .c-acd__col3-num {
  width: 2.375rem;
  text-align: center;
  font-weight: 700
}
.p-price .c-acd__col3-price {
  color: #6D7785;
  font-size: 1.125rem;
  margin-bottom: .3125rem
}
@media screen and (max-width:768px) {
  .p-price .c-acd__col3-price {
    font-size: 3.08vw
  }
}
.p-price .c-acd__col3-num_reduce,
.p-price .c-acd__col3-num_add {
  width: 32px;
  height: 32px;
  min-width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  position: relative;
  font-size: 1.25rem;
  cursor: pointer
}
.p-price .c-acd__col3-num_reduce::before,
.p-price .c-acd__col3-num_add::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  background: #F3F4F6;
  border-radius: 50px;
  width: 100%;
  height: 100%;
  z-index: -5
}
.p-price .c-acd__item-lead {
  text-align: center;
  margin-bottom: .9375rem
}
.p-price__sim-plan-ttl {
  font-size: 1.4375rem;
  margin-bottom: .9375rem;
  font-weight: 700
}
.p-price__sim-plan-select {
  display: flex;
  justify-content: space-between
}
.p-price__sim-plan-select li {
  margin: 0;
  position: relative;
  width: 49%;
  font-size: 1.25rem
}
@media screen and (max-width:768px) {
  .p-price__sim-plan-select li {
    width: 48%
  }
}
.p-price__sim-plan-select li input[type=radio] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  margin: auto 0;
  z-index: 10;
  width: 15px;
  height: 15px;
  border-radius: .625rem;
  vertical-align: sub
}
.p-price__sim-plan-select li input[type=radio]:checked+label {
  color: #169EDD;
  border: 1px solid #169EDD;
  background: #F5FBFF;
  font-weight: 700
}
.p-price__sim-plan-select li label {
  text-align: center;
  position: relative;
  padding: .9375rem 0;
  display: block;
  border-radius: .625rem;
  font-size: 1.25rem;
  background-color: #FFF;
  border: 1px solid #D1D5DB;
  color: #4B5563
}
@media screen and (max-width:768px) {
  .p-price__sim-plan-select li label {
    padding: 5.13vw 0;
    font-size: 3.52vw
  }
}
.p-price__result {
  border-radius: .625rem;
  margin-top: 1.5625rem;
  background-color: #F3F4F6;
  padding: 3.125rem 3.4375rem 2.5rem
}
@media screen and (max-width:768px) {
  .p-price__result {
    padding: 5.13vw;
    font-size: 3.52vw
  }
}
.p-price__result-balloon {
  max-width: 20rem;
  background-color: #169EDD;
  color: #FFF;
  font-size: 1.4375rem;
  position: relative;
  text-align: center;
  border-radius: 3.125rem;
  padding: .9375rem;
  font-weight: 700;
  margin: 0 auto .9375rem
}
@media screen and (max-width:768px) {
  .p-price__result-balloon {
    max-width: 52vw;
    padding: 2.56vw;
    font-size: 3.52vw;
    margin: 0 auto 6.6vw
  }
}
.p-price__result-balloon::after {
  content: "";
  position: absolute;
  bottom: -.875rem;
  background: #169EDD;
  height: .9742785793rem;
  width: 1.125rem;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  left: 50%;
  transform: translateX(-50%)
}
@media screen and (max-width:768px) {
  .p-price__result-balloon::after {
    width: 3.3vw;
    height: 2.8578838325vw;
    bottom: -2.8vw
  }
}
.p-price__result-balloon-caption {
  display: block;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.3;
  margin-top: .125rem
}
@media screen and (max-width:768px) {
  .p-price__result-balloon-caption {
    font-size: 2.4vw
  }
}
.p-price__result-subtotal,
.p-price__result-discount,
.p-price__result-deliver-fee,
.p-price__result-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .625rem
}
.p-price__result-subtotal dt,
.p-price__result-subtotal dd,
.p-price__result-discount dt,
.p-price__result-discount dd,
.p-price__result-deliver-fee dt,
.p-price__result-deliver-fee dd,
.p-price__result-total dt,
.p-price__result-total dd {
  font-weight: 700
}
.p-price__result-subtotal dt,
.p-price__result-discount dt,
.p-price__result-deliver-fee dt,
.p-price__result-total dt {
  font-size: 1.625rem
}
@media screen and (max-width:768px) {

  .p-price__result-subtotal dt,
  .p-price__result-discount dt,
  .p-price__result-deliver-fee dt,
  .p-price__result-total dt {
    font-size: 3.08vw
  }
}
.p-price__result-subtotal dd,
.p-price__result-discount dd,
.p-price__result-deliver-fee dd,
.p-price__result-total dd {
  font-size: 1.4375rem
}
@media screen and (max-width:768px) {

  .p-price__result-subtotal dd,
  .p-price__result-discount dd,
  .p-price__result-deliver-fee dd,
  .p-price__result-total dd {
    font-size: 3.08vw
  }

  .p-price__result-subtotal dd,
  .p-price__result-discount dd {
    font-size: 3.96vw
  }

  .p-price__result-subtotal dd .p-price__result-price,
  .p-price__result-discount dd .p-price__result-price {
    font-size: 5.28vw
  }
}
.p-price__result-discount dt,
.p-price__result-discount dd {
  color: #DC2626
}
.p-price__result-deliver-fee {
  border-bottom: 1px solid #D5D7DA;
  padding-bottom: .3125rem
}
.p-price__result-deliver-fee dd {
  font-size: 1.125rem
}
@media screen and (max-width:768px) {
  .p-price__result-deliver-fee dd {
    font-size: 3.08vw
  }
}
.p-price__result-deliver-fee dd .p-price__result-price {
  font-size: 1.9375rem
}
@media screen and (max-width:768px) {
  .p-price__result-deliver-fee dd .p-price__result-price {
    font-size: 3.96vw
  }
}
.p-price__result-total {
  margin-top: .625rem
}
@media screen and (max-width:768px) {
  .p-price__result-total dt {
    font-size: 3.96vw
  }
  .p-price__result-total dd {
    font-size: 3.52vw
  }
}
.p-price__result-total dd .p-price__result-price {
  font-size: 2.25rem
}
@media screen and (max-width:768px) {
  .p-price__result-total dd .p-price__result-price {
    font-size: 5.28vw
  }
}
.p-price__result-price {
  font-size: 1.9375rem
}
.p-price__result-notice-ttl {
  font-weight: 700;
  color: #DC2626;
  font-size: 1.4375rem;
  margin-bottom: .625rem
}
@media screen and (max-width:768px) {
  .p-price__result-notice-ttl {
    font-size: 2.64vw;
    margin-bottom: 2.56vw
  }
}
.p-price__result .c-cap+.c-cap {
  margin-top: .625rem
}
@media screen and (max-width:768px) {
  .p-price__result .c-cap+.c-cap {
    margin-top: 1vw
  }
}
.p-price .c-acd__item-btn-ico {
  width: 3rem
}
@media screen and (max-width:768px) {
  .p-price .c-acd__item-btn-ico {
    width: 10.82vw
  }
}
.p-price .c-acd__item-btn-txt {
  font-size: 1.25rem
}
@media screen and (max-width:768px) {
  .p-price .c-acd__item-btn-txt {
    font-size: 1.125rem
  }
}
.p-price .c-acd__item-btn-txt span {
  font-size: 1.625rem
}
@media screen and (max-width:768px) {
  .p-price .c-acd__item-btn-txt span {
    font-size: 1.125rem
  }
}
.p-price .c-acd__item-cont {
  display: block
}
.p-price__btn {
  margin: 2.5rem 0 0;
}
@media screen and (max-width: 768px) {
  .p-price__btn {
    margin: 7.69vw 0 0;
  }
}
.p-price__btn a {
  width: 25rem;
  height: 4.0625rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #169EDD;
  border-radius: 4.0625rem;
  background: #fff;
  color: #169EDD;
  font-weight: 700;
}
@media screen and (min-width: 769px),
print {
  .p-price__btn a {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .p-price__btn a {
    width: 79.49vw;
    height: 13.33vw;
    border-radius: 13.33vw;
  }
}
.p-price__btn a:after {
  width: 1.125rem;
  aspect-ratio: 1;
  display: inline-block;
  background: url(../img/biz-index/ico_link03.svg) center/contain no-repeat;
  margin: 0 0 -0.125rem 0.625rem;
  content: "";
}
@media screen and (max-width: 768px) {
  .p-price__btn a:after {
    width: 3.59vw;
    margin: 0 0 -0.51vw 1.28vw;
  }
}
.p-price__btn-cap {
  text-align: center;
  margin: 0.625rem 0 0;
}
/* Flow Section + Packing */
/* ==========================================================================
   Flow
   ========================================================================== */
.p-flow {
  padding: 5rem 0;
}
@media screen and (max-width: 768px) {
  .p-flow {
    padding: 12.82vw 0;
  }
}
.p-flow__ttl {
  text-align: center;
  font-weight: 700;
  font-size: 1.5625rem;
}
@media screen and (max-width: 768px) {
  .p-flow__ttl {
    font-size: 5.13vw;
  }
}
.p-flow__ttl span {
  font-size: 160%;
  color: #169EDD;
}
.p-flow__item {
  background: #F3F4F6;
  position: relative;
  border-radius: 0.625rem;
  padding: 0 1.25rem 1.25rem;
}
.p-flow__items {
  counter-reset: listnum;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2.5rem;
  margin: 2.5rem 0 0;
}
@media screen and (max-width: 768px) {
  .p-flow__items {
    grid-template-columns: 1fr;
    gap: 7.69vw;
    margin: 7.69vw 0 0;
  }
  .p-flow__item {
    border-radius: 2.56vw;
    padding: 5.13vw 5.13vw 5.13vw 38.46vw;
  }
}
.p-flow__item-num {
  width: 3.75rem;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background: #169EDD;
  line-height: 1;
  position: absolute;
  top: -0.625rem;
  left: -0.625rem;
  font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
  .p-flow__item-num {
    width: 11.79vw;
    font-size: 2.82vw;
  }
}
.p-flow__item-num:after {
  counter-increment: listnum;
  content: counter(listnum);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 150%;
  display: block;
  z-index: 1;
  margin: 0.3125rem 0 -0.125rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p-flow__item-num:after {
    margin: 0.77vw 0 -0.77vw;
  }
}
.p-flow__item+.p-flow__item:before {
  aspect-ratio: 1;
  position: absolute;
  box-sizing: border-box;
  transform: translateY(-50%);
  content: "";
}
@media screen and (min-width: 769px),
print {
  .p-flow__item+.p-flow__item:before {
    border: 0.625rem solid transparent;
    width: 0.625rem;
    top: 50%;
    left: -1.5625rem;
    border-left: 0.625rem solid #169EDD;
    border-right: none;
  }
}
@media screen and (max-width: 768px) {
  .p-flow__item+.p-flow__item:before {
    border: 2.56vw solid transparent;
    width: 2.56vw;
    bottom: calc(100% + 0.77vw);
    left: 50%;
    transform: translateX(-50%);
    border-top: 2.56vw solid #169EDD;
    border-bottom: none;
  }
}
.p-flow__item-img {
  margin: 0 -1.25rem 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-flow__item-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 33.33vw;
    margin: 0;
  }
}
.p-flow__item-img img {
  border-radius: 0.625rem 0.625rem 0 0;
}
@media screen and (max-width: 768px) {
  .p-flow__item-img img {
    border-radius: 2.56vw 0 0 2.56vw;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.p-flow__item-ttl {
  font-weight: 700;
  font-size: 1.1875rem;
  letter-spacing: 0.02em;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .p-flow__item-ttl {
    font-size: 4.62vw;
  }
}
.p-flow__item-txt {
  color: #6D7785;
  margin: 0.9375rem 0 0;
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .p-flow__item-txt {
    margin: 1.28vw 0 0;
    font-size: 3.08vw;
  }
}
.p-flow__app {
  border: 1px solid #D5D7DA;
  position: relative;
  border-radius: 0.625rem;
  padding: 1.875rem 3.125rem 1.875rem 12.8125rem;
  width: 60.625rem;
  margin: 3.75rem auto 0;
}
@media screen and (max-width: 768px) {
  .p-flow__app {
    padding: 5.13vw 5.13vw 5.13vw 35.9vw;
    width: auto;
    margin: 7.69vw 0 0;
  }
}
.p-flow__app-img {
  width: 8.125rem;
  position: absolute;
  left: 2.5rem;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-flow__app-img {
    width: 26.67vw;
    left: 5.13vw;
  }
}
.p-flow__app-ttl {
  background: #169EDD;
  color: #fff;
  display: inline-block;
  font-size: 1.25rem;
  border-radius: 0.5rem;
  padding: 0.4375rem 0.9375rem;
  margin: 0 0 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-flow__app-ttl {
    font-size: 3.59vw;
    border-radius: 2.05vw;
    padding: 1.79vw 3.85vw;
    margin: 0 0 2.56vw;
    letter-spacing: 0;
  }
}
.p-flow__app-list li {
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .p-flow__app-list li {
    font-size: 3.59vw;
    letter-spacing: 0.06em;
  }
}
.p-flow__app-list li:before {
  width: 4px;
}
.p-flow__app-list li+li {
  margin-top: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-flow__app-list li+li {
    margin-top: 2.56vw;
  }
}
.p-flow__app-list li span {
  color: #F04E79;
  font-weight: 700;
}
.p-flow .c-acd__item {
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-flow .c-acd__item {
    margin-top: 5.13vw;
  }
}
/* ==========================================================================
   Packing (inside flow accordion)
   ========================================================================== */
.p-packing__item {
  display: grid;
  grid-template-columns: 11.25rem auto;
  gap: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .p-packing__item {
    grid-template-columns: 35.9vw auto;
    gap: 3.85vw;
  }
}
.p-packing__item-img img {
  border-radius: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-packing__item-img img {
    border-radius: 2.56vw;
  }
}
.p-packing__item-txt {
  color: #6D7785;
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .p-packing__item-txt {
    font-size: 3.59vw;
    letter-spacing: 0;
  }
}
.p-packing__item-cap {
  margin-top: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-packing__item-cap {
    margin-top: 1.28vw;
  }
}
.p-packing__box {
  background: #F3F4F6;
  border-radius: 0.625rem;
  padding: 1.875rem;
  margin: 2.5rem 0 0;
}
@media screen and (max-width: 768px) {
  .p-packing__box {
    border-radius: 2.56vw;
    padding: 5.13vw;
    margin: 10.26vw 0 0;
  }
}
.p-packing__box-ttl {
  font-weight: 700;
}
@media screen and (min-width: 769px),
print {
  .p-packing__box-ttl {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .p-packing__box-ttl {
    letter-spacing: 0;
  }
}
.p-packing__box-txt {
  color: #6D7785;
  margin: 0.625rem 0 0;
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .p-packing__box-txt {
    margin: 2.56vw 0 0;
    font-size: 3.59vw;
  }
}
.p-packing__box-subttl {
  font-weight: 700;
  margin: 1.25rem 0 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-packing__box-subttl {
    margin: 5.13vw 0 2.56vw;
  }
}
.p-packing__box-item {
  background: #fff;
  border-radius: 0.625rem;
  padding: 1.25rem 0 1.25rem 1.25rem;
  display: grid;
  grid-template-columns: auto 6.5625rem;
  position: relative;
}
.p-packing__box-items {
  gap: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-packing__box-item {
    border-radius: 2.56vw;
    padding: 3.85vw 0 3.85vw 3.85vw;
    grid-template-columns: auto 23.08vw;
    min-height: auto;
  }
}
.p-packing__box-item-ttl {
  font-weight: 700;
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .p-packing__box-item-ttl {
    font-size: 3.59vw;
    margin: auto 0 0;
  }
}
.p-packing__box-item-txt {
  color: #6D7785;
  font-size: 1.0625rem;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-packing__box-item-txt {
    font-size: 3.08vw;
    margin: 0;
  }
}
.p-packing__box-item-img {
  grid-column: 2/3;
  grid-row: 1/3;
}
@media screen and (max-width: 768px) {
  .p-packing__box-item-img {
    width: 20.51vw;
    margin: -3.85vw 0;
  }
}
/* Appeal + Rank + Media */
/* ==========================================================================
   Appeal
   ========================================================================== */
.p-appeal {
  background: #fff url(../img/biz-index/bg_appeal01.webp) center top/auto 100% no-repeat;
  padding: 4.375rem 0
}
@media screen and (max-width:768px) {
  .p-appeal {
    background-image: url(../img/biz-index/bg_appeal01_sp.webp);
    background-size: 100% auto;
    padding: 12.82vw 0
  }
}
.p-appeal__catch {
  text-align: center;
  margin: 3.125rem 0 0;
  font-weight: 700
}
@media screen and (min-width:769px),
print {
  .p-appeal__catch {
    font-size: 1.25rem
  }
}
@media screen and (max-width:768px) {
  .p-appeal__catch {
    margin: 7.69vw 0 0;
    line-height: 1.3
  }
}
.p-appeal__catch span.name {
  color: #169EDD;
  font-size: 175%
}
.p-appeal__catch span.case {
  color: #169EDD;
  font-size: 260%;
  font-weight: 800
}
.p-appeal__catch span.case .ff-en-bld {
  font-size: 110%;
  line-height: 1
}
.p-appeal__catch span.bld {
  font-size: 150%;
  color: #000
}
/* ==========================================================================
   Rank
   ========================================================================== */
.p-rank__ttl {
  text-align: center;
  font-size: 1.9375rem
}
@media screen and (max-width:768px) {
  .p-rank__ttl {
    font-size: 5.13vw;
    line-height: 1.6
  }
}
.p-rank__ttl span.label {
  background: #169EDD;
  color: #fff;
  display: inline-block;
  padding: 0rem .625rem;
  font-size: 2.25rem;
  margin: 0 .625rem;
  font-weight: 700
}
@media screen and (max-width:768px) {
  .p-rank__ttl span.label {
    padding: 0 2.56vw;
    font-size: 5.9vw;
    margin: 0 1.28vw
  }
}
.p-rank__ttl span.bld {
  font-weight: 700;
  color: #000
}
.p-rank__items {
  box-shadow: 0 .625rem .9375rem rgba(48, 50, 53, .1);
  padding: 1.875rem;
  background: #fff;
  border-radius: .625rem;
  width: 60.75rem;
  margin: 3.125rem auto 0;
  box-sizing: border-box
}
@media screen and (max-width:768px) {
  .p-rank__items {
    padding: 5.13vw;
    border-radius: 2.56vw;
    width: auto;
    margin: 7.69vw 0 0
  }
}
.p-rank__items .c-cap {
  margin: 1.25rem 0 0
}
@media screen and (max-width:768px) {
  .p-rank__items .c-cap {
    margin: 2.56vw 0 0
  }
}
.p-rank__item+.p-rank__item {
  margin-top: 1.25rem
}
@media screen and (max-width:768px) {
  .p-rank__item+.p-rank__item {
    margin-top: 2.56vw
  }
}
/* ==========================================================================
   Media
   ========================================================================== */
.p-media {
  margin: 4.375rem 0 0
}
@media screen and (max-width:768px) {
  .p-media {
    margin: 12.82vw 0 0
  }
}
.p-media__ttl {
  text-align: center;
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: 1.5
}
@media screen and (max-width:768px) {
  .p-media__ttl {
    font-size: 6.67vw
  }
}
.p-media__ttl span {
  color: #169EDD
}
.p-media__img {
  width: 45.625rem;
  margin: 1.25rem auto 0
}
@media screen and (max-width:768px) {
  .p-media__img {
    width: 100%;
    margin: 5.13vw auto 0
  }
}
.p-media__img img {
  filter: drop-shadow(0 .625rem .625rem rgba(48, 50, 53, .1))
}
.p-media__img .c-cap {
  text-align: right;
  padding: 0 3.125rem;
}
@media screen and (max-width:768px) {
  .p-media__img .c-cap {
    padding: 0 7.69vw
  }
}
.p-media__item {
  box-shadow: 0 .625rem .9375rem rgba(48, 50, 53, .1);
  padding: 1.25rem;
  background: #fff;
  border-radius: .625rem
}
.p-media__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.875rem;
  margin: 1.875rem 0 0
}
@media screen and (max-width:768px) {
  .p-media__items {
    grid-template-columns: 1fr;
    gap: 3.85vw;
    margin: 7.69vw 0 0
  }
  .p-media__item {
    padding: 5.13vw;
    border-radius: 2.56vw
  }
}
.p-media__tv {
  position: relative
}
.p-media__tv-name {
  width: 9.125rem;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.125rem;
  text-align: center;
  letter-spacing: 0;
  background: #169EDD;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: -.625rem;
  left: -.625rem
}
@media screen and (max-width:768px) {
  .p-media__tv-name {
    width: 25.64vw;
    font-size: 3.33vw;
    top: -2.56vw;
    left: -2.56vw
  }
}
.p-media__tv-name span {
  font-size: 185%;
  font-weight: 500;
  line-height: 1
}
.p-media__history-ttl {
  font-weight: 700;
  text-align: center;
  font-size: 1.4375rem
}
@media screen and (max-width:768px) {
  .p-media__history-ttl {
    font-size: initial
  }
}
.p-media__history-list {
  margin: .625rem 0 0;
  display: grid;
  grid-template-columns: 25em auto;
  justify-content: space-between;
  gap: .9375rem 0
}
@media screen and (max-width:768px) {
  .p-media__history-list {
    margin: 3.85vw 0 0;
    gap: 2.56vw 0;
    grid-template-columns: 14em auto
  }
}
.p-media__history-list dt,
.p-media__history-list dd {
  letter-spacing: 0;
  font-size: 1.125rem
}
@media screen and (max-width:768px) {

  .p-media__history-list dt,
  .p-media__history-list dd {
    font-size: 3.59vw
  }
}
.p-media__history-list dd {
  color: #6D7785;
  text-align: right
}
@media screen and (max-width:768px) {
  .p-media__history-list dd {
    font-size: 3.08vw
  }
}
/* Admin (CEO Message) */
/* ==========================================================================
   Admin (CEO Message)
   ========================================================================== */
.p-admin {
  background: #F3F4F6;
  padding: 4.375rem 0;
  position: relative;
}
@media screen and (max-width:768px) {
  .p-admin {
    padding: 12.82vw 0
  }
}
.p-admin__img {
  position: absolute;
  width: 32.5rem;
  top: 0;
  left: calc(50% + 6.25rem)
}
@media screen and (max-width:768px) {
  .p-admin__img {
    width: 51.28vw;
    left: auto;
    right: 0;
    aspect-ratio: 1/.6
  }
  .p-admin__img img {
    width: 150%;
    height: 150%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left bottom;
    object-position: left bottom;
  }
}
.p-admin__ttl {
  font-size: 2.5625rem;
  position: relative
}
@media screen and (max-width:768px) {
  .p-admin__ttl {
    font-size: 5.13vw
  }
}
.p-admin__ttl span {
  background: #303235;
  color: #fff;
  display: inline-block;
  padding: .3125rem .625rem .5rem;
  margin: .3125rem 0
}
@media screen and (max-width:768px) {
  .p-admin__ttl span {
    padding: 1.28vw 2.56vw 2.05vw;
    margin: 1.28vw 0
  }
}
.p-admin__lead {
  margin: 3.125rem 0 0;
  line-height: 1.7
}
@media screen and (max-width:768px) {
  .p-admin__lead {
    margin: 12.82vw 0 2.56vw
  }
}
.p-admin__lead-ttl {
  font-weight: 700;
  font-size: 1.625rem;
  color: #169EDD;
  margin: 0 0 1.25rem
}
@media screen and (max-width:768px) {
  .p-admin__lead-ttl {
    font-size: 4.62vw;
    margin: 0 0 5.13vw
  }
}
@media screen and (min-width:769px),
print {
  .p-admin__lead-txt p {
    font-size: 1.25rem
  }
}
@media screen and (max-width:768px) {
  .p-admin__lead-txt p {
    font-size: 3.59vw;
    letter-spacing: .075em
  }
}
.p-admin__lead-txt p+p {
  margin-top: 1.25rem
}
@media screen and (max-width:768px) {
  .p-admin__lead-txt p+p {
    margin-top: 5.13vw
  }
  .p-admin__lead-txt br {
    display: none
  }
}
.p-admin__profile {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.25rem
}
@media screen and (max-width:768px) {
  .p-admin__profile {
    gap: 2.56vw
  }
}
.p-admin__profile-name {
  color: #6D7785;
  font-size: 1.125rem;
  font-weight: 700;
  text-align: right
}
@media screen and (max-width:768px) {
  .p-admin__profile-name {
    font-size: 3.59vw
  }
}
.p-admin__profile-name span {
  color: #000;
  font-size: 128%;
  line-height: 1.3
}
.p-admin__profile-img {
  width: 9.625rem
}
@media screen and (max-width:768px) {
  .p-admin__profile-img {
    width: 33.33vw
  }
}
/* Voice (Customer Testimonials) */
/* ==========================================================================
   Voice
   ========================================================================== */
.p-voice {
  padding: 4.375rem 0
}
@media screen and (max-width:768px) {
  .p-voice {
    padding: 12.82vw 0
  }
}
.p-voice__ttl {
  text-align: center;
  font-weight: 700;
  font-size: 2.5625rem
}
@media screen and (max-width:768px) {
  .p-voice__ttl {
    font-size: 5.13vw
  }
}
.p-voice__ttl span {
  color: #169EDD
}
@media screen and (max-width:768px) {
  .p-voice__ttl span {
    font-size: 160%
  }
}
/* ==========================================================================
   Voice Swiper overrides
   ========================================================================== */
.p-voice .swiper {
  overflow: visible;
  margin: 3.125rem 0 0
}
@media screen and (max-width:768px) {
  .p-voice .swiper {
    margin: 7.69vw 0 0
  }
}
.p-voice .swiper-pointer-events {
  touch-action: pan-y
}
.p-voice .swiper-pagination {
  position: static;
  margin: 1.25rem 0 0
}
@media screen and (max-width:768px) {
  .p-voice .swiper-pagination {
    margin: 5.13vw 0 0
  }
}
.p-voice .swiper-pagination-bullet {
  background-color: rgba(109, 119, 133, .3);
  opacity: 1
}
@media screen and (min-width:769px),
print {
  .p-voice .swiper-pagination-bullet {
    width: .625rem;
    height: .625rem;
    border-radius: 50%
  }
}
.p-voice .swiper-pagination-bullet-active {
  background-color: #169EDD
}
/* ==========================================================================
   Voice Item
   ========================================================================== */
.p-voice__item {
  width: 26.375rem;
  box-sizing: border-box;
  height: auto;
  border: 1px solid #169EDD;
  border-radius: .625rem
}
@media screen and (max-width:768px) {
  .p-voice__item {
    border-radius: 2.56vw
  }
}
.p-voice__item-inner {
  padding: 3.75rem 1.875rem 1.875rem;
  position: relative;
  height: 100%
}
@media screen and (max-width:768px) {
  .p-voice__item-inner {
    padding: 5.13vw
  }
}
@media screen and (min-width:769px),
print {
  .p-voice__item-img {
    width: 17.5rem;
    aspect-ratio: 22/17;
    position: absolute;
    top: 1.875rem;
    left: 1.875rem;
  }

  .p-voice__item-img img {
    width: 100%;
    height: 100%;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0.625rem;
  }
}
@media screen and (max-width:768px) {
  .p-voice__item-img img {
    border-radius: 2.56vw;
  }
}
.p-voice__item-detail {
  margin-left: 19.6875rem;
}
@media screen and (max-width: 768px) {
  .p-voice__item-detail {
    margin: 5.13vw 0 0;
    display: grid;
    grid-template-columns: 25.64vw auto;
    align-items: center;
    gap: 5.13vw;
  }
}
.p-voice__item-logo {
  width: 100%;
  height: 5rem;
}
@media screen and (max-width: 768px) {
  .p-voice__item-logo {
    height: 16.67vw;
  }
}
.p-voice__item-logo img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left center;
  object-position: left center;
  width: 100%;
  height: 100%;
}
.p-voice__item-com {
  margin: 1.25rem 0 0;
}
@media screen and (max-width: 768px) {
  .p-voice__item-com {
    margin: 0;
    letter-spacing: 0;
  }
}
.p-voice__item-comname {
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .p-voice__item-comname {
    font-size: 3.59vw;
  }
}
.p-voice__item-role {
  margin: 0.3125rem 0 0;
}
@media screen and (max-width: 768px) {
  .p-voice__item-role {
    font-size: 3.08vw;
    letter-spacing: 0;
    margin: 0;
  }
}
.p-voice__item-name {
  font-weight: 700;
  margin: 0.3125rem 0 0;
}
@media screen and (min-width:769px),
print {
  .p-voice__item-name {
    font-size: 1.25rem;
  }
}
.p-voice__item-name span {
  font-size: .9375rem;
  display: block;
  margin: .3125rem 0 0
}
@media screen and (max-width:768px) {
  .p-voice__item-name span {
    font-size: 3.08vw;
    margin: 0;
    letter-spacing: 0
  }
}
.p-voice__item-ttl {
  color: #169EDD;
  font-size: 1.4375rem;
  font-weight: 700;
  margin: 1.25rem 0 0;
  line-height: 1.5
}
@media screen and (max-width:768px) {
  .p-voice__item-ttl {
    font-size: 4.62vw;
    margin: 3.85vw 0 0;
    letter-spacing: .04em;
  }
}
.p-voice__item-txt {
  color: #6D7785;
  font-size: 1.125rem;
  margin: 1.25rem 0 0;
  letter-spacing: .04em
}
@media screen and (max-width:768px) {
  .p-voice__item-txt {
    font-size: 3.59vw;
    margin: 2.56vw 0 0
  }
}
/* FAQ + Caution Box */
/* ==========================================================================
   FAQ
   ========================================================================== */
.p-faq {
  background: #F3F4F6;
  padding: 4.375rem 0
}
@media screen and (max-width:768px) {
  .p-faq {
    padding: 12.82vw 0
  }
}
.p-faq__ttl {
  color: #000;
  font-size: 2.5625rem;
  text-align: center
}
@media screen and (max-width:768px) {
  .p-faq__ttl {
    font-size: 5.13vw
  }
}
.p-faq__ttl span {
  color: #169EDD
}
@media screen and (max-width:768px) {
  .p-faq__ttl span {
    font-size: 160%
  }
}
.p-faq__item {
  background: #fff;
  border-radius: .625rem;
  margin: 0 auto;
  width: 60.75rem;
  position: relative
}
.p-faq__items {
  margin: 3.125rem 0 0
}
@media screen and (max-width:768px) {
  .p-faq__items {
    margin: 7.69vw 0 0
  }
  .p-faq__item {
    border-radius: 2.56vw;
    width: auto
  }
}
.p-faq__item:before,
.p-faq__item:after {
  position: absolute;
  content: "";
  top: 1.875rem;
  right: 1.875rem;
  width: 1rem;
  height: .125rem;
  background-color: #303235;
  transition: all 0.3s ease-in-out
}
@media screen and (max-width:768px) {

  .p-faq__item:before,
  .p-faq__item:after {
    top: 6.2vw;
    right: 3.85vw;
    width: 3.08vw
  }
}
.p-faq__item:after {
  transform: rotate(90deg)
}
.p-faq__item+.p-faq__item {
  margin-top: .625rem
}
@media screen and (max-width:768px) {
  .p-faq__item+.p-faq__item {
    margin-top: 2.56vw
  }
}
.p-faq__item-btn:before,
.p-faq__item-cont:before {
  position: absolute;
  left: 1.625rem;
  top: 1.3125rem;
  width: 1.625rem;
  aspect-ratio: 1/0.9;
  display: block;
  content: ""
}
@media screen and (max-width:768px) {

  .p-faq__item-btn:before,
  .p-faq__item-cont:before {
    top: 4.3vw;
    left: 3.85vw;
    width: 4.62vw
  }
}
.p-faq__item-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  padding: 1.25rem 3.125rem 1.25rem 4rem;
  font-size: 1.125rem;
  line-height: 1.5
}
@media screen and (max-width:768px) {
  .p-faq__item-btn {
    padding: 3.85vw 10.26vw;
    font-size: 3.59vw
  }
}
.p-faq__item-btn:before {
  background: url(../img/common/ico_faq01.svg) center/contain no-repeat
}
.p-faq__item-cont {
  padding: 1.25rem 1.875rem 1.875rem 4rem;
  display: none;
  position: relative;
  color: #6D7785;
  font-size: 1.125rem
}
.p-faq__item.open .p-faq__item-cont,
.p-faq__item.stay .p-faq__item-cont {
  display: block
}
@media screen and (max-width:768px) {
  .p-faq__item-cont {
    padding: 3.85vw 3.85vw 3.85vw 10.26vw;
    font-size: 3.59vw
  }
}
.p-faq__item-cont:before {
  background: url(../img/common/ico_faq02.svg) center/contain no-repeat
}
.p-faq__item-cont:after {
  width: calc(100% - 2.5rem);
  height: 1px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #D5D7DA;
  content: ""
}
@media screen and (max-width:768px) {
  .p-faq__item-cont:after {
    width: calc(100% - 7.69vw)
  }
}
.p-faq__item-cont a {
  color: #04C;
  text-decoration: underline
}
.p-faq__item.open:before,
.p-faq__item.stay:before {
  transform: rotate(180deg)
}
.p-faq__item.open:after,
.p-faq__item.stay:after {
  opacity: 0
}
.p-faq__item.stay.open:after {
  transform: rotate(-90deg);
  opacity: 1
}
.p-faq__item.stay .p-faq__item-cont {
  display: block
}
.p-faq__item-catch {
  font-weight: 700;
}
.p-faq__item-txt:nth-child(n+2) {
  margin-top: .625rem
}
@media screen and (max-width:768px) {
  .p-faq__item-txt:nth-child(n+2) {
    margin-top: 2.56vw
  }
}
.p-faq__item-txt p+p {
  margin-top: .625rem
}
@media screen and (max-width:768px) {
  .p-faq__item-txt p+p {
    margin-top: 2.56vw
  }
}
.p-faq__item .c-cap {
  margin: .625rem 0 0
}
@media screen and (max-width:768px) {
  .p-faq__item .c-cap {
    margin: 2.56vw 0 0
  }
}
.p-faq .c-acd__item {
  margin-top: 3.125rem;
}
@media screen and (max-width: 768px) {
  .p-faq .c-acd__item {
    margin-top: 7.69vw;
  }
}
.p-faq .c-acd__item::before,
.p-faq .c-acd__item::after {
  top: 2.5rem;
}
@media screen and (max-width: 768px) {

  .p-faq .c-acd__item::before,
  .p-faq .c-acd__item::after {
    top: 9vw;
  }
}
.p-faq .c-acd__item-btn {
  padding: 1.5625rem 1.875rem;
}
@media screen and (max-width: 768px) {
  .p-faq .c-acd__item-btn {
    padding: 6.41vw 10.26vw 6.41vw 3.85vw;
  }
  .p-faq .c-acd__item-btn-txt {
    font-size: 4.1vw;
  }
}
.p-faq .p-caution__box {
  margin: 0;
  padding: 0;
  border: none;
}
.p-faq .p-caution__box-items {
  height: auto;
  padding: 0;
}
/* ==========================================================================
   Caution Box (shared, used in FAQ and elsewhere)
   ========================================================================== */
.p-caution {
  padding: 4.375rem 0
}
@media screen and (max-width:768px) {
  .p-caution {
    padding: 12.82vw 0
  }
}
.p-caution__ttl {
  font-weight: 700;
  color: #000;
  text-align: center;
  font-size: 2.5625rem
}
@media screen and (max-width:768px) {
  .p-caution__ttl {
    font-size: 8.21vw
  }
}
.p-caution__box {
  border: 1px solid #D5D7DA;
  border-radius: .625rem;
  color: #6D7785;
  letter-spacing: 0;
  width: 100%;
  margin: 1.875rem auto 1.25rem;
  box-sizing: border-box;
  padding: .3125rem
}
@media screen and (max-width:768px) {
  .p-caution__box {
    border-radius: 2.56vw;
    width: auto;
    margin: 7.69vw 0 5.13vw;
    padding: 1.28vw;
    font-size: 3.59vw
  }
}
.p-caution__box-items {
  overflow-y: scroll;
  padding: 1.25rem;
  height: 11.25rem;
  box-sizing: border-box
}
@media screen and (max-width:768px) {
  .p-caution__box-items {
    height: 28.21vw;
    padding: 3.85vw
  }
}
.p-caution__box-items::-webkit-scrollbar {
  width: .625rem
}
@media screen and (max-width:768px) {
  .p-caution__box-items::-webkit-scrollbar {
    width: 2.56vw
  }
}
.p-caution__box-items::-webkit-scrollbar-thumb {
  background: #D9D9D9;
  border-radius: .625rem
}
@media screen and (max-width:768px) {
  .p-caution__box-items::-webkit-scrollbar-thumb {
    border-radius: 2.56vw
  }
}
.p-caution__box-item+.p-caution__box-item {
  margin-top: 1.875rem;
  padding-top: 1.25rem;
  border-top: 1px solid #D5D7DA
}
@media screen and (max-width:768px) {
  .p-caution__box-item+.p-caution__box-item {
    margin-top: 5.13vw;
    padding-top: 5.13vw
  }
}
.p-caution__box-item p+p {
  margin-top: 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-caution__box-item p+p {
    margin-top: 3.85vw;
  }
}
.p-caution__box-lead {
  color: #DC2626;
  font-size: 1.4375rem;
  font-weight: 700;
  margin: 0 0 1.25rem;
  line-height: 1.5
}
@media screen and (max-width:768px) {
  .p-caution__box-lead {
    font-size: 4.62vw;
    margin: 0 0 5.13vw
  }
}
.p-caution__box .c-listDot {
  margin-top: 1.25rem
}
@media screen and (max-width:768px) {
  .p-caution__box .c-listDot {
    margin-top: 5.13vw
  }
}
.p-caution__box .c-listDot+* {
  margin-top: 1.25rem
}
@media screen and (max-width:768px) {
  .p-caution__box .c-listDot+* {
    margin-top: 5.13vw
  }
}
.p-caution__box-ttl {
  font-weight: 700;
  margin: 1.25rem 0 .3125rem
}
@media screen and (max-width:768px) {
  .p-caution__box-ttl {
    margin: 5.13vw 0 1.28vw
  }
}
.p-caution__box-item:first-child .p-caution__box-ttl {
  margin-bottom: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .p-caution__box-item:first-child .p-caution__box-ttl {
    margin-bottom: 3.85vw;
  }
}
.p-caution__box a {
  color: #04C;
  text-decoration: underline
}
.p-caution__box a[target=_blank]:after {
  width: .9em;
  aspect-ratio: 1;
  margin: 0 .1875rem -.1em;
  display: inline-block;
  background: url(../img/common/ico_link01.svg) center/contain no-repeat;
  content: ""
}
.p-caution__box-catch {
  font-size: 1.25rem;
  font-weight: 700;
  color: #303235;
  margin-bottom: 0.3125rem;
}
@media screen and (max-width: 768px) {
  .p-caution__box-catch {
    font-size: 3.59vw;
    margin-bottom: 3.85vw;
  }
}
/* Company Info */
/* ==========================================================================
   Company
   ========================================================================== */
.p-company {
  margin: 5rem 0;
}
@media screen and (max-width: 768px) {
  .p-company {
    margin: 12.82vw 0;
  }
}
.p-company .l-container {
  width: 60.75rem;
}
@media screen and (max-width: 768px) {
  .p-company .l-container {
    width: calc(100% - 10.26vw);
    margin: 0 auto;
  }
}
.p-company__catch {
  font-size: 2.5625rem;
  color: #169EDD;
  text-align: center;
  font-weight: 700;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 768px) {
  .p-company__catch {
    font-size: 8.21vw;
    margin-bottom: 7.69vw;
  }
}
@media screen and (min-width: 769px),
print {
  .p-company__item {
    flex-basis: 47.3%;
  }
}
.p-company__items {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.p-company__item:last-child dt:last-of-type {
  flex-basis: 33.3%;
}
.p-company__item:last-child dd:last-of-type {
  flex-basis: 66.7%;
}
.p-company__list {
  display: flex;
  flex-flow: wrap;
}
@media screen and (max-width: 768px) {
  .p-company__list {
    flex-flow: column;
  }
}
.p-company__list dt,
.p-company__list dd {
  font-size: 1.125rem;
  border-bottom: 1px solid #D5D7DA;
}
@media screen and (min-width: 769px),
print {

  .p-company__list dt,
  .p-company__list dd {
    font-size: 1.125rem;
    padding: 1.25rem 0;
  }
}
.p-company__list dt {
  font-weight: 700;
}
@media screen and (min-width: 769px),
print {
  .p-company__list dt {
    flex-basis: 20.8%;
  }
}
@media screen and (max-width: 768px) {
  .p-company__list dt {
    border-bottom: none;
    padding: 2.56vw 0 0;
    font-size: 3.59vw;
  }
}
@media screen and (min-width: 769px),
print {
  .p-company__list dd {
    flex-basis: 79.2%;
  }
}
@media screen and (max-width: 768px) {
  .p-company__list dd {
    padding: 1.28vw 0 2.56vw;
    font-size: 3.59vw;
  }
}
.p-company__privacy {
  display: flex;
  align-items: center;
}
.p-company__privacy-img {
  width: 5.0625rem;
  margin-right: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-company__privacy-img {
    width: 20.77vw;
    margin-right: 2.56vw;
  }
}
.p-company__dots>li {
  position: relative;
  padding-left: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .p-company__dots>li {
    padding-left: 2.56vw;
  }
}
.p-company__dots>li::before {
  content: "";
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 0.3125rem;
  position: absolute;
  top: 0.9375rem;
  background-color: #303235;
  left: 0;
}
@media screen and (max-width: 768px) {
  .p-company__dots>li::before {
    width: 1vw;
    height: 1vw;
    border-radius: 1vw;
    top: 2.5vw;
  }
}
/* Form (Inquiry) */
/* ==========================================================================
   Form
   ========================================================================== */
.p-form {
  padding: 5rem 0;
}
@media screen and (max-width: 768px) {
  .p-form {
    padding: 12.82vw 0;
  }
}
.p-form.confirm,
.p-form.complete,
.p-form.input-form {
  padding-top: 7.5rem;
}
@media screen and (max-width: 768px) {

  .p-form.confirm,
  .p-form.complete {
    padding-top: 20.51vw;
  }
}
.p-form .l-container {
  width: 46.375rem;
}
@media screen and (max-width: 768px) {
  .p-form .l-container {
    width: calc(100% - 10.26vw);
    margin: 0 auto;
  }
}
.p-form__ttl {
  text-align: center;
  font-size: 2.5625rem;
  margin-bottom: 1.875rem;
}
@media screen and (max-width: 768px) {
  .p-form__ttl {
    font-size: 8.21vw;
    margin-bottom: 7.69vw;
  }
}
.p-form__lead {
  text-align: center;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 769px),
print {
  .p-form__lead {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 768px) {
  .p-form__lead {
    margin-bottom: 7.69vw;
  }
}
.p-form__box {
  margin: 0 auto 1.875rem;
  width: 27rem;
}
@media screen and (max-width: 768px) {
  .p-form__box {
    width: 100%;
    margin: 0;
  }
}
.p-form__box-ttl {
  border: 2px solid #4b5563;
  border-radius: 0.5rem;
  text-align: center;
  padding: 0.3125rem 0;
  font-size: 1.5625rem;
  font-weight: 700;
  position: relative;
  margin-bottom: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .p-form__box-ttl {
    margin-bottom: 3.85vw;
    font-size: 5.13vw;
    padding: 1.28vw 0;
  }
}
.p-form__box-ttl::after {
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
  border-width: 0;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-color: #5e5e5e;
  width: 0.625rem;
  height: 0.625rem;
  bottom: -0.75rem;
  left: 50%;
  transform: translate(-70%, -50%) rotate(-45deg);
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-form__box-ttl::after {
    width: 3.85vw;
    height: 3.85vw;
    bottom: -4.1vw;
  }
}
.p-form__box-tel {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-form__box-tel::before {
  background: url(../img/common/ico_phone03.svg) center/contain no-repeat;
  width: 2.25rem;
  aspect-ratio: 1;
  display: inline-block;
  margin-right: 0.625rem;
  margin-bottom: -0.3125rem;
  content: "";
}
@media screen and (max-width: 768px) {
  .p-form__box-tel::before {
    width: 7.69vw;
  }
}
.p-form__box-tel>a {
  font-size: 3.1875rem;
  color: #F04E79;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-form__box-tel>a {
    font-size: 9.23vw;
  }
}
.p-form__box-time {
  color: #6d7785;
  letter-spacing: 0.02em;
  text-align: center;
  font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .p-form__box-time {
    font-size: 3.08vw;
    margin-bottom: 5.13vw;
  }
}
.p-form__box-text {
  text-align: center;
  font-weight: 700;
}
/* ==========================================================================
   Form Bar (Progress Steps)
   ========================================================================== */
.p-form__bar-item {
  flex-basis: 28.6%;
  background-color: #f3f4f6;
  font-weight: 700;
  padding: 0.9375rem 0;
  position: relative;
  margin-bottom: 2.5rem;
  border-radius: 0.3125rem 0 0 0.3125rem;
}
@media screen and (max-width: 768px) {
  .p-form__bar-item {
    flex-basis: 26.9%;
    padding: 2.56vw 0;
    margin-bottom: 7.69vw;
  }
}
.p-form__bar-items {
  display: flex;
  justify-content: space-between;
}
.p-form__bar-item span {
  display: block;
  width: 100%;
  text-align: center;
}
.p-form__bar-item::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.375rem;
  width: 1.4375rem;
  height: 100%;
  background: #f3f4f6;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (max-width: 768px) {
  .p-form__bar-item::after {
    width: 5.9vw;
    right: -5.6vw;
  }
}
.p-form__bar-item:last-child {
  flex-basis: 32.5%;
  border-radius: 0.3125rem;
}
@media screen and (max-width: 768px) {
  .p-form__bar-item:last-child {
    flex-basis: 29.2%;
  }
}
.p-form__bar-item:last-child::after {
  display: none;
}
.p-form__bar-item.active {
  background-color: #169EDD;
  color: #ffffff;
}
.p-form__bar-item.active::after {
  background-color: #169EDD;
}
/* ==========================================================================
   Form Table
   ========================================================================== */
.p-form__table {
  width: 100%;
}
.p-form__table-icon {
  font-size: 0.875rem;
  color: #ffffff;
  background-color: #E54623;
  border-radius: 0.3125rem;
  padding: 0.125rem 0.3125rem 0.25rem;
  margin-left: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-form__table-icon {
    font-size: 3.59vw;
    padding: 0 1.28vw 0.26vw;
    margin-left: 2.56vw;
  }
}
.p-form__table-th,
.p-form__table-td {
  border-top: 1px solid #D5D7DA;
}
@media screen and (max-width: 768px) {

  .p-form__table-th,
  .p-form__table-td {
    display: block;
  }
}
.p-form__table-th {
  width: 36.2%;
  font-weight: 700;
  text-align: left;
  vertical-align: top;
  padding: 1.5625rem 0;
}
@media screen and (max-width: 768px) {
  .p-form__table-th {
    width: 100%;
    padding: 5.13vw 0 2.56vw 0;
    vertical-align: auto;
    font-size: 4.1vw;
  }
}
.p-form__table-td {
  width: 63.8%;
  padding: 1.25rem 0;
}
@media screen and (max-width: 768px) {
  .p-form__table-td {
    width: 100%;
    border-top: none;
    padding: 0 0 5.13vw 0;
    font-size: 3.59vw;
  }
}
.p-form__table-td input,
.p-form__table-td textarea {
  width: 100%;
  border: 1px solid #D5D7DA;
  border-radius: 0.3125rem;
  padding: 0 1.25rem;
  color: #303235;
}
@media screen and (max-width: 768px) {

  .p-form__table-td input,
  .p-form__table-td textarea {
    padding: 0 5.13vw;
  }
}
.p-form__table-td input::-moz-placeholder,
.p-form__table-td textarea::-moz-placeholder {
  color: #D5D7DA;
}
.p-form__table-td input::-moz-placeholder, .p-form__table-td textarea::-moz-placeholder {
  color: #D5D7DA;
}
.p-form__table-td input::placeholder,
.p-form__table-td textarea::placeholder {
  color: #D5D7DA;
}
.p-form__table-td input {
  height: 3.125rem;
}
@media screen and (max-width: 768px) {
  .p-form__table-td input {
    height: 12.82vw;
    font-size: 16px;
  }
}
.p-form__table-td textarea {
  height: 10rem;
  padding: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .p-form__table-td textarea {
    height: 41.03vw;
    padding: 2.56vw 5.13vw;
    font-size: 16px;
  }
  .p-form__table tr:last-child .p-form__table-td {
    padding-bottom: 0;
  }
}
/* ==========================================================================
   Form Radio
   ========================================================================== */
.p-form_radio-item label {
  position: relative;
  padding-left: 1.875rem;
}
@media screen and (max-width: 768px) {
  .p-form_radio-item label {
    padding-left: 6.41vw;
  }
}
.p-form_radio-item label::before,
.p-form_radio-item label::after {
  content: "";
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
}
.p-form_radio-item label::before {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  border: 1px solid #D5D7DA;
  left: 0;
}
@media screen and (max-width: 768px) {
  .p-form_radio-item label::before {
    width: 5.13vw;
    height: 5.13vw;
    border-radius: 5.13vw;
  }
}
.p-form_radio-item input:checked~label::after {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.75rem;
  background-color: #169EDD;
  left: 0.34375rem;
}
@media screen and (max-width: 768px) {
  .p-form_radio-item input:checked~label::after {
    width: 3.08vw;
    height: 3.08vw;
    border-radius: 3.08vw;
    left: 1vw;
  }
}
.p-form_radio-item+.p-form_radio-item {
  margin-top: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .p-form_radio-item+.p-form_radio-item {
    margin-top: 3.85vw;
  }
}
/* ==========================================================================
   Form Agree (Checkbox)
   ========================================================================== */
.p-form__agree {
  width: 25rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-form__agree {
    width: 100%;
  }
}
.p-form__agree label {
  font-size: 1rem;
  position: relative;
  padding: 0.875rem 1rem 1rem 3.125rem;
  background-color: #f3f4f6;
  display: block;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-form__agree label {
    font-size: 3.59vw;
    padding: 3.59vw;
    padding-left: 10.26vw;
  }
}
.p-form__agree label::before,
.p-form__agree label::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.p-form__agree label::before {
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #D5D7DA;
  border-radius: 0.3125rem;
  background-color: #ffffff;
  left: 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-form__agree label::before {
    width: 4.62vw;
    height: 4.62vw;
    left: 2.56vw;
  }
}
.p-form__agree input:checked~label::after {
  width: 0.75rem;
  height: 0.375rem;
  border-left: 2px solid #169EDD;
  border-bottom: 2px solid #169EDD;
  transform: rotate(-45deg);
  left: 1.5625rem;
  top: 42%;
}
@media screen and (max-width: 768px) {
  .p-form__agree input:checked~label::after {
    width: 3.08vw;
    height: 1.54vw;
    left: 3.85vw;
  }
}
/* ==========================================================================
   Form Button
   ========================================================================== */
.p-form__button {
  width: 25rem;
  margin: 3.125rem auto 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-form__button {
    width: 100%;
    margin: 7.69vw auto 0;
  }
}
.p-form__button::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 50%;
  right: 1.5625rem;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg) translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-form__button::after {
    width: 1.9vw;
    height: 1.9vw;
    right: 6.41vw;
  }
}
.p-form__button-submit {
  font-weight: 700;
  width: 100%;
  color: #ffffff;
  background-color: #F04E79;
  height: 3.75rem;
  border-radius: 3.75rem;
  letter-spacing: 0.1em;
  position: relative;
}
@media screen and (min-width: 769px),
print {
  .p-form__button-submit {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 768px) {
  .p-form__button-submit {
    font-size: 4.62vw;
    height: 15.38vw;
    border-radius: 15.38vw;
  }
}
.p-form__button-download {
  position: relative;
}
.p-form__button-download>a {
  width: 100%;
  display: block;
  text-align: center;
  color: #F04E79;
  border: 1px solid #F04E79;
  height: 3.75rem;
  border-radius: 3.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}
@media screen and (min-width: 769px),
print {
  .p-form__button-download>a {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 768px) {
  .p-form__button-download>a {
    font-size: 5.13vw;
    height: 16.15vw;
    border-radius: 16.15vw;
  }
}
.p-form__button.no_active .p-form__button-submit {
  background-color: #D5D7DA;
  pointer-events: none;
}
.p-form.complete .p-form__button {
  margin-bottom: 3.125rem;
}
.p-form.complete .p-form__button::after {
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.5625rem;
  background: url(../img/common/ico_download01.png) center/contain no-repeat;
}
@media screen and (max-width: 768px) {
  .p-form.complete .p-form__button::after {
    width: 4.1vw;
    height: 4.1vw;
    right: 6.41vw;
  }
}
.p-form__subttl {
  text-align: center;
  font-size: 1.75rem;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 768px) {
  .p-form__subttl {
    font-size: 6.15vw;
    margin-bottom: 7.69vw;
  }
}
.p-form__thank-ttl {
  margin-top: 3.125rem;
  margin-bottom: 0.3125rem;
  font-size: 1rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-form__thank-ttl {
    margin-top: 7.69vw;
    margin-bottom: 1vw;
    font-size: 4.1vw;
  }
}
/* Modal (shared) */
/* ========================================
   Modal (shared)
   ======================================== */
.c-modal {
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 50000;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 400ms ease, visibility 400ms ease
}
.c-modal.is-active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto
}
.c-modal-bg {
  position: absolute;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, .8);
}
.c-modal-close-icon {
  background: var(--color-white);
  border-radius: 50%;
  box-shadow: 0 .625rem .9375rem rgba(48, 50, 53, .1);
  width: 4rem;
  aspect-ratio: 1;
  position: absolute;
  top: -1.25rem;
  right: -1.25rem;
  font-size: 1.75rem;
  color: var(--color-text-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1
}
@media screen and (max-width:768px) {
  .c-modal-close-icon {
    font-size: 5.64vw;
    box-shadow: 0 2.56vw 3.85vw rgba(48, 50, 53, .1);
    z-index: 1;
    width: 12.82vw;
  }
}
.c-modal-cont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--color-white);
  border-radius: .625rem;
  scrollbar-width: none;
  padding: .3125rem
}
@media screen and (max-width:768px) {
  .c-modal-cont {
    width: calc(100% - 10.26vw);
    border-radius: 2.56vw
  }
}
.c-modal-cont-inner {
  padding: 1.875rem;
  max-height: 85vh;
}
@media screen and (max-width:768px) {
  .c-modal-cont-inner {
    padding: 6.41vw 3.85vw;
  }
}
/* Fixed CTA Banner + Modal CTA (shared) */
/*------------------------------------------------------------
 * Fixed CTA Banner Styles
------------------------------------------------------------*/
@keyframes shine {
  80% {
    transform: translateX(-100%);
    opacity: 0;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}
/* Container Styles */
.u-fixedCtaBanner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  padding: 0.5rem 0 1.25rem;
  background: #fff;
  box-shadow: 0 -0.625rem 0.9375rem rgba(48, 50, 53, 0.1);
  transition: opacity 0.6s ease, transform 0.6s ease;
  opacity: 1;
  transform: translateY(0);
  z-index: 1000;
}
.u-fixedCtaBanner.is-show {
  opacity: 0;
  transform: translateY(100%);
}
.u-fixedCtaBanner__inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0.9375rem;
  width: 80rem;
  margin: 2.5rem auto 0;
  overflow: initial;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .u-fixedCtaBanner {
    padding: 0 0 5.13vw;
  }

  .u-fixedCtaBanner__inner {
    flex-direction: column;
    gap: 0;
    margin-top: 0;
    width: calc(100% - 8.21vw);
  }
}
/* Content Styles */
.u-fixedCtaBanner__content {
  width: 34%;
  position: relative;
  padding-top: 1rem;
}
.u-fixedCtaBanner__content-caption {
  font-size: 0.75rem;
  line-height: 1.3;
  text-align: left;
  color: #6d7785;
  margin-top: 0.75rem;
  letter-spacing: -0.0004rem;
}
.u-fixedCtaBanner__content-due-date {
  position: absolute;
  top: -2.625rem;
  left: 0;
  z-index: 1;
  width: 100%;
}
.u-fixedCtaBanner__content-due-date::before {
  content: "";
  position: absolute;
  bottom: -0.625rem;
  background: #169edd;
  height: 0.9742785793rem;
  width: 1.25rem;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  left: 50%;
  transform: translateX(-50%);
}
.u-fixedCtaBanner__content-due-date-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 100%;
  background: #169edd;
  height: 2.8rem;
  border-radius: 1.4rem;
  font-size: 1.28rem;
}
.u-fixedCtaBanner__content-due-date-txt {
  font-weight: 700;
  font-size: 1.85rem;
  letter-spacing: 0.02rem;
}
.u-fixedCtaBanner__content-due-date-by {
  font-size: 1.25rem;
  margin-left: 0.2rem;
  margin-bottom: -0.2rem;
}
@media screen and (max-width: 768px) {
  .u-fixedCtaBanner__content {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2.05vw;
    padding-top: 2.56vw;
  }

  .u-fixedCtaBanner__content-img {
    width: auto;
  }

  .u-fixedCtaBanner__content-caption {
    width: 100vw;
    margin-top: 0;
  }

  .u-fixedCtaBanner__content-caption-item {
    font-size: 2.05vw;
    line-height: 1.5;
    display: block;
  }

  .u-fixedCtaBanner__content-due-date {
    top: -7.69vw;
    left: -4.105vw;
    width: calc(100% + 8.21vw);
  }

  .u-fixedCtaBanner__content-due-date::before {
    display: none;
  }

  .u-fixedCtaBanner__content-due-date-inner {
    border-radius: 0;
    height: 7.69vw;
  }

  .u-fixedCtaBanner__content-due-date-txt {
    font-size: 4.61vw;
  }

  .u-fixedCtaBanner__content-due-date-by {
    font-size: 3.59vw;
    margin-left: 0.51vw;
    margin-bottom: -0.51vw;
  }
}
@media screen and (min-width: 1280px) {
  .u-fixedCtaBanner__content-caption {
    font-size: 0.8rem;
  }

  .u-fixedCtaBanner__content-due-date-inner {
    font-size: 1rem;
  }

  .u-fixedCtaBanner__content-due-date-txt {
    font-size: 1.65rem;
    letter-spacing: 0.02rem;
  }

  .u-fixedCtaBanner__content-due-date-by {
    font-size: 1.25rem;
    margin-left: 0.2rem;
    margin-bottom: -0.2rem;
  }
}
/* Button Styles */
.u-fixedCtaBanner__btn-wrapper {
  width: 66%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0.9375rem;
}
.u-fixedCtaBanner__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 6.25rem;
  font-size: 1.75rem;
  font-weight: 700;
  padding: 0.9375rem;
  position: relative;
  cursor: pointer;
  transition: opacity 0.3s;
  line-height: 1.3;
  text-align: center;
  height: 70px;
  width: 50%;
}
.u-fixedCtaBanner__btn.is-primary {
  background: #f04e79;
  border: 1px solid #fff;
  color: #fff;
}
.u-fixedCtaBanner__btn.is-secondary {
  background: #fff;
  border: 1px solid #f04e79;
  color: #f04e79;
}
.u-fixedCtaBanner__btn-caption {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.u-fixedCtaBanner__btn *:hover {
  opacity: 0.8;
}
.u-fixedCtaBanner__btn *:before,
.u-fixedCtaBanner__btn *:after {
  pointer-events: none;
}
.u-fixedCtaBanner__btn *:before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0)
  );
  animation: shine 5s ease-in-out infinite;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .u-fixedCtaBanner__btn-wrapper {
    width: 100%;
    gap: 2.05vw;
    margin-top: 2.05vw;
  }

  .u-fixedCtaBanner__btn {
    height: 11.28vw;
    font-size: 3.59vw;
    padding: 0;
  }

  .u-fixedCtaBanner__btn-caption {
    font-size: 2.56vw;
  }
}
/*------------------------------------------------------------
 * オファー切替後（campaign:false / 全品20%OFF）専用の見た目調整（ADR-019）
 * offer-hydrate.js が切替後に html へ data-offer-applied を付与する。
 * これをフックにするため、切替前（現行30%キャンペーン）には一切影響しない。
------------------------------------------------------------*/
/* PC: 締切バナー（countdownDeadline）がトルツメされて空く上部余白を詰める。
   切替前は締切バナーがこの余白に被さるため margin-top が必要だが、切替後は不要。
   さらに、バナーの上下パディングを対称（下と同じ 1.25rem）にして上下の余白を揃える。 */
@media screen and (min-width: 769px) {
  html[data-offer-applied] .u-fixedCtaBanner {
    padding-top: 1.25rem;
  }

  html[data-offer-applied] .u-fixedCtaBanner__inner {
    margin-top: 0;
  }

  /* オファー画像の上パディング（締切バナー用の余白）を除去し、
     ボタンと同じく上下中央に揃える。 */
  html[data-offer-applied] .u-fixedCtaBanner__content {
    padding-top: 0;
  }
}
/* SP: 全品20%OFF画像が左右いっぱいに接するため、左右に8pxずつ余白を追加する。 */
@media screen and (max-width: 768px) {
  html[data-offer-applied] .u-fixedCtaBanner__content {
    padding-left: 8px;
    padding-right: 8px;
  }
}
/*------------------------------------------------------------
 * Modal CTA Styles
------------------------------------------------------------*/
@media screen and (min-width: 769px),
print {
  .p-mdlcta {
    width: 33.4375rem;
  }
}
.p-mdlcta--usage .p-mdlcta__ttl {
  margin-bottom: 1.25rem;
}
.p-mdlcta--inquiry .p-mdlcta__ttl {
  margin-bottom: 1.25rem;
}
.p-mdlcta--apply .p-mdlcta__ttl {
  margin-bottom: 2.5rem;
}
.p-mdlcta__ttl {
  text-align: center;
  background: var(--color-white);
  color: var(--color-text-primary);
  border: 1px solid var(--color-text-primary);
  position: relative;
  border-radius: 0.5rem;
  font-weight: 700;
  font-size: 1.25rem;
  padding: 0.3125rem 0.625rem;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-mdlcta__ttl {
    border-radius: 1.54vw;
    font-size: 3.59vw;
    padding: 1.28vw;
  }
}
.p-mdlcta__ttl:before {
  display: block;
  width: 0.9375rem;
  aspect-ratio: 1;
  background: var(--color-white);
  transform: rotate(45deg) skew(10deg, 10deg) translate(-50%, 0%);
  border-right: 1px solid var(--color-text-primary);
  border-bottom: 1px solid var(--color-text-primary);
  position: absolute;
  left: 50%;
  top: 100%;
  content: "";
}
.p-mdlcta__tel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-mdlcta__tel {
    text-align: center;
  }
}
.p-mdlcta__tel a {
  color: var(--color-accent-pink);
  font-size: 2.875rem;
  letter-spacing: -0.015em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p-mdlcta__tel a {
    font-size: 8.97vw;
    letter-spacing: 0;
  }
}
.p-mdlcta__tel a:before {
  background: url(../img/common/ico_phone03.svg) center/contain no-repeat;
  width: 2.5rem;
  aspect-ratio: 1;
  margin-bottom: -0.125rem;
  display: inline-block;
  margin-right: 0.3125rem;
  content: "";
}
@media screen and (max-width: 768px) {
  .p-mdlcta__tel a:before {
    width: 7.69vw;
  }
}
.p-mdlcta__tel-time {
  color: var(--color-text-secondary);
  font-size: 0.9375rem;
  letter-spacing: 0.06em;
  margin-top: 0.3125rem;
}
@media screen and (max-width: 768px) {
  .p-mdlcta__tel-time {
    font-size: 3.08vw;
    margin-top: 1.28vw;
  }
}
.p-mdlcta__txt {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin: 0.625rem 1.875rem;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.03em;
  font-size: 1.4375rem;
}
@media screen and (max-width: 768px) {
  .p-mdlcta__txt {
    gap: 5.13vw;
    font-size: 4.62vw;
    margin: 3.85vw 5.13vw;
  }
}
.p-mdlcta__txt:before,
.p-mdlcta__txt:after {
  width: auto;
  height: 1px;
  flex-grow: 1;
  background: var(--color-separator);
  content: "";
}
.p-mdlcta__btn {
  position: relative;
}
.p-mdlcta__btn a {
  color: var(--color-accent-pink);
  border: 1px solid var(--color-accent-pink);
  background: var(--color-white);
  height: 5.9375rem;
  border-radius: 5.9375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  position: relative;
  font-size: 1.5625rem;
  line-height: 1.4;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-mdlcta__btn a {
    font-size: 4.62vw;
    height: 19.23vw;
    border-radius: 19.23vw;
    letter-spacing: 0;
  }
}
.p-mdlcta__btn a:after {
  width: 0.625rem;
  aspect-ratio: 1;
  border-top: 2px solid var(--color-accent-pink);
  border-right: 2px solid var(--color-accent-pink);
  position: absolute;
  top: 50%;
  right: 2.1875rem;
  transform: rotate(45deg) translate(0%, -50%);
  content: "";
}
@media screen and (max-width: 768px) {
  .p-mdlcta__btn a:after {
    width: 2.56vw;
    right: 6.41vw;
  }
}
.p-mdlcta__btn a[href*="#"]:after {
  right: 2.5rem;
  transform: rotate(135deg) translate(calc(-50% - 0.3125rem), 0%);
}
@media screen and (max-width: 768px) {
  .p-mdlcta__btn a[href*="#"]:after {
    right: 6.41vw;
    transform: rotate(135deg) translate(calc(-50% - 1.28vw), 0%);
  }
}
.p-mdlcta__btn a span {
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  margin-top: 0.1875rem;
}
@media screen and (max-width: 768px) {
  .p-mdlcta__btn a span {
    font-size: 3.59vw;
    margin-top: 0.77vw;
  }
}
.p-mdlcta__btn-label {
  background: var(--color-accent-pink);
  color: var(--color-white);
  border-radius: 0.5rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -55%);
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  padding: 0 0.3125rem 0.125rem;
  display: block;
  z-index: 1;
  width: 20rem;
}
@media screen and (max-width: 768px) {
  .p-mdlcta__btn-label {
    border-radius: 1.28vw;
    font-size: 3.59vw;
    padding: 0.51vw 1.28vw 0;
    width: 85%;
  }
}