.cb {
    position: relative;
}

/* cb-header
============================ */
.cb-header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    background-color: transparent;
}

.cb-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cb-header__logo-wrap {
  display: flex;
  align-items: center;
}

.cb-header__logo {
  width: 34%;
  padding: 12.8px 8px;
  padding: 0.5rem;
  padding-left: 1rem;
  max-width: 300px;
}

.cb-header__logo img {
}

.cb-header__logo-wrap > div {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}

.cb-header__logo-wrap > div img {
  max-height: 40px;
  width: auto;
}

.cb-header__cta {
  display: flex;
  justify-content: space-between;
}

.cb-header__cta:hover {
  opacity: 0.9;
  cursor: pointer;
}

.cb-header__cta a {
}

.cb-header__cta-txt {
  font-size: min(3.4vw, 16px);
  text-align: center;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  white-space: nowrap;
  color: white;
}

.cb-header__cta-wrap {
  background-color: #FD701A;
  padding: 1.3rem 1.5rem;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.07);
}

.cb-header__pc {
  display: none;
}


/* cb-fv
============================ */
.cb-main {}

.cb-fv {
    position: relative;
}


.cb-fv__main {
    position: relative;
}

.cb-fv__main img {
}

.cb-fv__cta-wrap {
    width: 64%;
    margin: auto;
    margin-bottom: 1.8rem;
    margin-top: -9.7rem;
}

.cb-cta-moji {
    margin: auto;
    margin-top: 1.3rem;
    margin-bottom: 0.5rem;
    width: 90%;
    max-width: 500px;
}

.cb-fv__cta {
}

.cb-cta {
    max-width: 550px;
    margin: auto;
    margin-bottom: 0.4rem;
    border-radius: 5rem;
}

.cb-cta:hover {
    cursor: pointer;
    opacity: 0.9;
    border-radius: 6rem;
}

.cb-fv__cta a {
}

.cb-fv__cta a img {
}


/* cb-slack
============================ */
.cb-slack {
    background-color: #EFF7FE;
    padding: 4rem 0 3.5rem;
}

.cb-slack__inner {
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
}

.cb-slack__cont {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.cb-slack__lead {
    text-align: center;
}

.cb-slack__eigo {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #0092BF;
    line-height: 1;
    margin-bottom: 1.2rem;
}

.cb-slack__lead h2 {
    font-size: clamp(1.625rem, 5vw, 2.3125rem);
    font-weight: 600;
    line-height: 1.62;
    color: #000000;
    margin-bottom: 0.75rem;
}

.cb-slack__lead h2 b {
    color: #0092BF;
    font-weight: 600;
}

.cb-slack__txt {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.875;
    color: #000000;
}

.cb-slack__mock {
    width: 100%;
}

.cb-slack__note {
    margin-top: 1.5rem;
    font-size: 13px;
    line-height: 2.22;
    color: #000000;
    text-align: center;
}

.slack-scroll-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.slack-mockup {
    width: 920px;
    max-width: none;
    border-radius: 12px;
    border: 1px solid #E0E0E0;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    line-height: 21.6px;
}

.slack-titlebar {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 0 12px;
    background-color: #D8D8D8;
}

.slack-titlebar-dot {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    flex-shrink: 0;
}

.slack-titlebar-dot--red {
    background-color: #FF5F56;
}

.slack-titlebar-dot--yellow {
    background-color: #FFBD2E;
}

.slack-titlebar-dot--green {
    background-color: #27C93F;
}

.slack-body {
    display: flex;
    align-items: stretch;
}

.slack-sidebar {
    flex-shrink: 0;
    width: 220px;
    padding: 16px 0;
    background-color: #D8D8D8;
}

.slack-sidebar-workspace {
    padding: 0 16px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 800;
    line-height: 27px;
    color: #1D1C1D;
}

.slack-sidebar-section {
    padding: 5px 16px 4px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 21.6px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #000000;
}

.slack-sidebar-section--dm {
    padding-top: 12px;
}

.slack-sidebar-item {
    padding: 3.5px 16px;
    font-size: 14px;
    line-height: 25.2px;
    color: #000000;
    opacity: 0.6;
}

.slack-sidebar-item.is-active {
    width: 204px;
    margin-left: 8px;
    padding: 3.5px 8px;
    border-radius: 4px;
    background-color: #1164A3;
    color: #FFFFFF;
    opacity: 1;
    font-family: "Inter", sans-serif;
    font-weight: 700;
}

.slack-sidebar-item.is-dim {
    opacity: 0.5;
}

.slack-main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
}

.slack-channel-header {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 20px;
    border-bottom: 1px solid #E0E0E0;
}

.slack-channel-hash {
    font-size: 16px;
    line-height: 28.8px;
    color: #888888;
}

.slack-channel-name {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 28.8px;
    color: #000000;
}

.slack-messages {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    height: 287px;
    overflow: auto;
}

.slack-msg {
    display: flex;
    gap: 12px;
}

.slack-avatar {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 800;
    line-height: 25.2px;
}

.slack-avatar--green {
    background-color: #2BAC76;
}

.slack-avatar--blue {
    background-color: #002DFF;
}

.slack-avatar--orange {
    background-color: #E8912D;
}

.slack-msg-content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.slack-msg-header {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
}

.slack-msg-header--badge {
    min-height: 27px;
}

.slack-msg-author {
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 800;
    line-height: 27px;
    color: #000000;
}

.slack-msg-author--jp {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
}

.slack-msg-badge {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px;
    border-radius: 3px;
    background-color: #F0F0F0;
    font-family: "Inter", sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
    color: #2E7D32;
}

.slack-msg-time {
    font-size: 12px;
    line-height: 21.6px;
    color: #999999;
}

.slack-msg-text {
    margin: 0;
    font-size: 14px;
    line-height: 22.4px;
    color: #1D1C1D;
}

.slack-msg-attachment {
    padding: 11px 12px 8px;
    background-color: #F8F8F8;
    border-left: 4px solid;
    border-radius: 0 4px 4px 0;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    line-height: 23.4px;
    color: #000000;
}

.slack-msg-attachment strong {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
}

.slack-msg-attachment--blue {
    border-color: #002DFF;
}

.slack-msg-attachment--green {
    border-color: #2BAC76;
}

.slack-msg-attachment--orange {
    border-color: #E8912D;
}

.slack-msg-success {
    color: #2BAC76;
}

.slack-msg-reaction {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    padding: 4px 8px 2px;
    border: 1px solid #E0E0E0;
    border-radius: 12px;
    background-color: #F8F8F8;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    line-height: 21.6px;
    color: #000000;
}

.slack-input-bar {
    padding: 12px 20px;
    border-top: 1px solid #E0E0E0;
}

.slack-input-box {
    padding: 9.25px 14px 10.15px;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    font-size: 13px;
    line-height: 23.4px;
    color: #999999;
    background-color: #FFFFFF;
}

@media (min-width: 1024px) {
    .cb-slack__cont {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 2.5rem;
    }

    .cb-slack__lead {
        flex: 0 0 330px;
        text-align: left;
        padding-top: 2rem;
    }

    .cb-slack__mock {
        flex: 1;
        min-width: 0;
        max-width: 920px;
    }

    .cb-slack__note {
        text-align: left;
        /* max-width: 583px; */
    }

    .cb-slack .slack-scroll-wrapper {
        overflow: visible;
        margin: 0;
        padding: 0;
    }

    .cb-slack .slack-mockup {
        width: 100%;
        max-width: 920px;
        margin: 0 auto 0 0;
    }
}

/* cb-riyu
============================ */

.cb-riyu {
    background-color: #FFFFFF;
    padding: 2.5rem 0 3rem;
}

.cb-riyu__inner {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

.cb-riyu__eigo {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #0092BF;
    line-height: 1;
    text-align: center;
    margin-bottom: 1.2rem;
}

.cb-riyu__inner h2 {
    font-size: clamp(1.625rem, 5vw, 2.3125rem);
    font-weight: 600;
    line-height: 1.62;
    color: #000000;
    text-align: center;
    margin-bottom: 2rem;
}

.cb-riyu__inner h2 b {
    color: #0092BF;
    font-weight: 600;
}

.cb-riyu__cont {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cb-riyu__item {
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    padding: 1.375rem 1.75rem 1.5rem;
}

.cb-riyu__item-top {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1.175rem;
    border-bottom: 1.2px solid #C6C6C6;
}

.cb-riyu__item-icon {
    flex-shrink: 0;
    width: 70px;
}

.cb-riyu__item-icon img {
    width: 100%;
    height: auto;
    display: block;
}

.cb-riyu__item-top h3 {
    flex: 1;
    min-width: 0;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.45;
    color: #000000;
    text-align: left;
    margin: 0;
}

.cb-riyu__item-top h3 b {
    color: #0092BF;
    font-weight: 600;
}

.cb-riyu__item p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75;
    color: #002726;
    text-align: left;
    margin: 0;
}


/* cb-work
============================ */
.cb-work {
    position: relative;
    background-color: #EFF7FE;
    background-image: url(../../img/work_bg.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: clamp(12rem, 45vw, 20rem) auto;
    padding: 2.5rem 0 3rem;
    overflow: hidden;
}

.cb-work__inner {
    width: 90%;
    max-width: 1304px;
    margin: 0 auto;
}

.cb-work__eigo {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #0092BF;
    line-height: 1;
    text-align: center;
    margin-bottom: 1.2rem;
}

.cb-work__inner h2 {
    font-size: clamp(1.625rem, 5vw, 2.3125rem);
    font-weight: 600;
    line-height: 1.62;
    color: #000000;
    text-align: center;
    margin-bottom: 0.75rem;
}

.cb-work__inner h2 b {
    color: #0092BF;
    font-weight: 600;
}

.cb-work__txt {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8;
    color: #000000;
    text-align: center;
    margin: 0 auto 3rem;
}

.cb-work__cont {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cb-work__item {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    padding: 1.25rem 1.5rem 1.25rem 1.4375rem;
    min-height: 8.25rem;
}

.cb-work__item-icon {
    flex-shrink: 0;
    width: 63px;
}

.cb-work__item-icon img {
    width: 100%;
    height: auto;
    display: block;
}

.cb-work__item-txt {
    flex: 1;
    min-width: 0;
    text-align: left;
}

.cb-work__item-txt h3 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.32;
    color: #000000;
    margin-bottom: 0.25rem;
}

.cb-work__item-txt p {
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.867;
    color: #002726;
    margin: 0;
}


/* cb-step
============================ */
.cb-step {
    background-color: #FFFFFF;
    padding: 2.5rem 0 3rem;
}

.cb-step_inner {
    width: 90%;
    max-width: 816px;
    margin: 0 auto;
}

.cb-step__eigo {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #0092BF;
    line-height: 1;
    text-align: center;
    margin-bottom: 1.2rem;
}

.cb-step_inner h2 {
    font-size: clamp(1.625rem, 5vw, 2.3125rem);
    font-weight: 600;
    line-height: 1.62;
    color: #000000;
    text-align: center;
    margin-bottom: 2rem;
}

.cb-step_inner h2 b {
    color: #0092BF;
    font-weight: 600;
}

.cb-step__cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

.cb-step__item {
    width: 100%;
}

.cb-step__item + .cb-step__item::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 3.35rem solid transparent;
    border-right: 3.35rem solid transparent;
    border-top: 1.5rem solid #0092BF;
    margin: 0.8125rem auto;
}

.cb-step__item dl {
    margin: 0;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.cb-step__item dl dt {
    display: grid;
    grid-template-columns: clamp(3rem, 15vw, 4.25rem) 1fr auto;
    grid-template-areas:
        "no ttl toggle"
        "desc desc desc";
    gap: 0.5rem 0.75rem;
    align-items: start;
    padding: 1.25rem 1rem 1.25rem 1.25rem;
    cursor: pointer;
    position: relative;
}

.cb-step__no {
    grid-area: no;
    flex-shrink: 0;
    width: 90%;
    max-width: 4.25rem;
}

.cb-step__no img {
    width: 100%;
    height: auto;
    display: block;
}

.cb-step__body {
    display: contents;
}

.cb-step__body-ttl {
    grid-area: ttl;
    min-width: 0;
}

.cb-step__body-eigo {
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.93;
    color: #00668B;
    margin-bottom: 0.15rem;
}

.cb-step__body-ttl h3 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.26;
    color: #000000;
    margin: 0 0 0.35rem;
}

.cb-step__body p {
    grid-area: desc;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.65;
    color: #00668B;
    margin: 0;
}

.cb-step__toggle {
    grid-area: toggle;
    align-self: start;
    margin-top: 0.25rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

.cb-step__toggle-icon {
    position: relative;
    width: 1rem;
    height: 1rem;
}

.cb-step__toggle-icon::before,
.cb-step__toggle-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #0092BF;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
}

.cb-step__toggle-icon::before {
    width: 1rem;
    height: 2px;
}

.cb-step__toggle-icon::after {
    width: 2px;
    height: 1rem;
}

.cb-step__item.is-active .cb-step__toggle-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.cb-step__item dl dd {
    display: none;
    margin: 0;
    padding: 0 1.25rem 1.25rem;
    background-color: #EFF7FE;
    border-top: 1px solid rgba(0, 146, 191, 0.12);
}

.cb-step__item.is-active dl dd {
    display: block;
}

.cb-step__list {
    list-style: none;
    margin: 0;
    padding: 1rem 0 0;
}

.cb-step__list li {
    position: relative;
    padding-left: 1em;
    margin-bottom: 0.65rem;
    font-size: 0.9375rem;
    line-height: 1.75;
    color: #002726;
}

.cb-step__list li:last-child {
    margin-bottom: 0;
}

.cb-step__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.65em;
    width: 0.45em;
    height: 0.45em;
    border-radius: 50%;
    background-color: #0092BF;
}

.cb-step__cta {
    width: 100%;
    margin-top: 2rem;
}

.cb-step__cta .cb-mock__cta-btn-wrap {
    padding: 0;
    background-color: transparent;
}


/* cb-henka
============================ */
.cb-henka {
    position: relative;
    background-color: #EFF7FE;
    background-image: url(../../img/henka_bg.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: clamp(12rem, 45vw, 20rem) auto;
    padding: 2.5rem 0 3rem;
    overflow: hidden;
}

.cb-henka_inner {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}

.cb-henka__eigo {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #0092BF;
    line-height: 1;
    text-align: center;
    margin-bottom: 1.2rem;
}

.cb-henka_inner h2 {
    font-size: clamp(1.625rem, 5vw, 2.3125rem);
    font-weight: 600;
    line-height: 1.62;
    color: #000000;
    text-align: center;
    margin-bottom: 2rem;
}

.cb-henka__cont {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cb-henka_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    padding: 1.75rem 1.875rem 1.5rem;
    min-height: 7.5rem;
    text-align: center;
}

.cb-henka_item h3 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.45;
    color: #000000;
    margin: 0;
}

.cb-henka__arrow {
    display: block;
    width: 0;
    height: 0;
    border-left: 1.375rem solid transparent;
    border-right: 1.375rem solid transparent;
    border-top: 0.85rem solid #0092BF;
    margin: 0.75rem 0;
}

.cb-henka__txt {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5;
    color: #0092BF;
    margin: 0;
}


/* cb-plan
============================ */
.cb-plan {
    background-color: #FFFFFF;
    padding: 2.5rem 0 3rem;
}

.cb-plan__inner {
    width: 95%;
    max-width: 1000px;
    margin: 0 auto;
}

.cb-plan__eigo {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #0092BF;
    line-height: 1;
    text-align: center;
    margin-bottom: 1.2rem;
}

.cb-plan__inner h2 {
    font-size: clamp(1.625rem, 5vw, 2.3125rem);
    font-weight: 600;
    line-height: 1.62;
    color: #000000;
    text-align: center;
    margin-bottom: 2.5rem;
}

.cb-plan__inner h2 b {
    color: #0092BF;
    font-weight: 600;
}

.cb-plan__item {
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    padding: 1.5625rem 1rem 1.5rem;
}

.cb-plan__kakaku {
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.45em;
    margin-bottom: 1.8rem;
    margin-top: 0.5rem;
}

.cb-plan__kakaku-label,
.cb-plan__kakaku-suffix {
    font-size: clamp(1.125rem, 4vw, 1.6875rem);
    font-weight: 600;
    color: #2A2A2A;
    line-height: 1.2;
}

.cb-plan__kakaku em {
    font-style: normal;
    font-size: clamp(2rem, 8vw, 2.8125rem);
    font-weight: 700;
    color: #0092BF;
    line-height: 1;
}

.cb-plan__kakaku-suffix small {
    font-size: 0.962em;
}

.cb-plan__box-wrap {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cb-plan__box {
    display: flex;
    flex-direction: column;
    background-color: #F9F9F9;
    border-radius: 6px;
    overflow: hidden;
    border: 2px solid transparent;
}

.cb-plan__box--blue {
    border-color: #0092BF;
}

.cb-plan__box--orange {
    border-color: #F98000;
}

.cb-plan__box h3 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.4;
    color: #FFFFFF;
    text-align: center;
    margin: 0;
    padding: 0.75rem 1rem;
}

.cb-plan__box--blue h3 {
    background-color: #0092BF;
}

.cb-plan__box--orange h3 {
    background-color: #F98000;
}

.cb-plan__box-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.cb-plan__box-detail {
    flex: 1;
    text-align: center;
    padding: 0.875rem 1.875rem 0.75rem;
    color: #2A2A2A;
}

.cb-plan__box-detail b {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.75;
    margin-bottom: 0.25rem;
}

.cb-plan__box-detail span {
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
}

.cb-plan__box-price {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.4;
}

.cb-plan__box-foot {
    margin: 0 1.875rem 1rem;
    padding: 0.75rem 1rem 1rem;
    border-radius: 5px;
    text-align: center;
    color: #FFFFFF;
}

.cb-plan__box--blue .cb-plan__box-foot {
    background-color: #0092BF;
}

.cb-plan__box--orange .cb-plan__box-foot {
    background-color: #F98000;
}

.cb-plan__box-foot-ttl {
    display: block;
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.65;
    margin-bottom: 0.35rem;
    color: #FFFFFF;
}

.cb-plan__box-foot p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6875;
    color: #FFFFFF;
    margin: 0;
}


/* cb-mock
============================ */
.cb-mock__cta-wrap {
    background: linear-gradient(134deg, #5E87E7 0%, #1DA9D5 100%);
    padding: 2.5rem 0 2.75rem;
}

.cb-mock__cta-inner {
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
}

.cb-mock__cta-inner h2 {
    font-size: clamp(1.25rem, 4.5vw, 2.0625rem);
    font-weight: 600;
    line-height: 1.52;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 1.75rem;
}

.cb-mock__cta-btn-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    max-width: 679px;
    margin: 0 auto;
}

.cb-mock__cta-btn-wrap .cb-mock__cta.cb-cta {
    width: 100%;
    max-width: 334px;
    margin: 0;
    border-radius: 0;
}

.cb-mock__cta a {
    display: block;
}

.cb-mock__cta a img {
    width: 100%;
    height: auto;
    display: block;
}


/* cb-sum
============================ */
.cb-sum {
    padding: 40px 0;
    padding: 2.5rem 0;
  }
  
  .cb-sum__inner {
    max-width: 570px;
    width: 90%;
    margin: auto;
  }

  .cb-sum__eigo {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #0092BF;
    line-height: 1;
    text-align: center;
    margin-bottom: 1.2rem;
  }
  
  .cb-sum__inner h2 {
    font-size: clamp(1.625rem, 5vw, 2.3125rem);
    font-weight: 600;
    line-height: 1.62;
    color: #000000;
    text-align: center;
    margin-bottom: 2rem;
  }

  .cb-sum__inner h2 b {
    color: #0092BF;
    font-weight: 600;
  }
  
  /* .cb-sum__inner h2:before {
    content: "";
    display: block;
    width: 48px;
    width: 3rem;
    height: 2px;
    height: 0.125rem;
    background-color: #007FC8;
    position: absolute;
    bottom: -42%;
    left: 50%;
    transform: translate(-50%, -50%);
  } */
  
  .cb-sum__tab tr {
    margin-bottom: 32px;
    margin-bottom: 2rem;
  }
  
  .cb-sum__tab {
    margin-bottom: 20.8px;
    margin-bottom: 1.3rem;
    border: 1px solid #777777;
  }
  
  .cb-sum__tab table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
    border-spacing: 0rem;
    border: 0 !important;
  }
  
  .cb-sum__tab table tr th {
    width: 29%;
    background: #016daa;
  }
  
  .cb-sum__tab table tr td {
    width: 70%;
    text-align: left;
    background-color: white;
  }
  
  .cb-sum__tab table tr th,
  .cb-sum__tab table tr td {
    padding: 17.6px 0;
    padding: 1.1rem 0;
    border-top: #6c6c6c solid 0.0625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .cb-sum__tab table tr:first-of-type th,
  .cb-sum__tab table tr:first-of-type td {
    border-top: none;
  }
  
  .cb-sum__tab table tr th p {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.8;
    text-align: center;
    font-weight: 600;
    color: white;
  }
  
  .cb-sum__tab table tr td p {
    padding: 0 24px;
    padding: 0 1.5rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8;
  }
  
  .cb-sum__inner small {
  }

/* c-form
============================ */
.c_form {
    background-color: #eef8ff;
    padding: 32px 0;
    padding: 2rem 0;
}

.c-form__inner {
    max-width: 600px;
    width: 93%;
    margin: auto;
}

.c-form__eigo {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #0092BF;
    line-height: 1;
    text-align: center;
    margin-bottom: 1.2rem;
}

.c-form__inner h2 {
    font-size: clamp(1.625rem, 5vw, 2.3125rem);
    font-weight: 600;
    line-height: 1.62;
    color: #000000;
    text-align: center;
    margin-bottom: 1.5rem;
}

.c-form__inner h2 b {
    color: #0092BF;
    font-weight: 600;
}

.c-form__inner strong {
    font-size: 30px;
    font-size: 1.875rem;
    padding-bottom: 10px;
    padding-bottom: 0.625rem;
}

.c-form__inner p {
    margin: 20px 0px;
    margin: 1.25rem 0rem;
    text-align: left;
}

/*　共通フォーム CSSコード  */
.hubspot_wrap {
    padding: 4vw;
}

.hubspot_wrap {
    padding: 3vw;
}

.hbspt-form {
    background: #fff;
    box-sizing: border-box;
    border-radius: 1.0980966325vw;
    padding: 5vw 5vw 3vw;
    margin: 0 auto;
    max-width: 1000px;
    width: 90%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.hbspt-form {
    border-radius: 8px;
    border-radius: 0.5rem;
    padding: 5vw 4.3vw 0.13vw;
    width: 100%;
}

.hbspt-form .inputs-list {
    font-size: 14.4px;
    font-size: 0.9rem;
    line-height: 2;
    margin-top: 9.6px;
    margin-top: 0.6rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

.hbspt-form .form-columns-0, .hbspt-form .form-columns-1, .hbspt-form .form-columns-2 {
    max-width: 100%;
    margin-bottom: 2.2vw;
}

.hbspt-form .form-columns-0, .hbspt-form .form-columns-1, .hbspt-form .form-columns-2 {
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

.hbspt-form .form-columns-2 {
    display: flex;
    justify-content: space-between;
}

.hbspt-form .form-columns-2 .hs-form-field {
    max-width: 48%;
    float: none !important;
}

.hbspt-form .hs-form-required {
    position: relative;
    margin-left: 0.2vw;
}

.hbspt-form .hs-form-required {
    margin-left: 0.65vw;
}

.hbspt-form .hs-form-required:after {
    font-weight: bold;
    content: "必須";
    display: block;
    width: 2.4vw;
    line-height: 1;
    letter-spacing: 0;
    padding: 0.2vw;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: #e8631b;
    color: #fff;
    font-size: 15px;
    font-size: 0.9375rem;
    text-align: center;
}

.hbspt-form .hs-form-required:after {
    font-size: 11.2px;
    font-size: 0.7rem;
    width: 2.5em;
    padding: 0.4vw 0 0.5vw;
}

.hbspt-form .hs-form-required:nth-of-type(1):after {
    display: none;
}

.hbspt-form .hs-recaptcha .grecaptcha-badge {
    margin: 2.196193265vw auto;
}

.hbspt-form .hs-recaptcha .grecaptcha-badge {
    margin: 5.2083333333vw auto;
}

.hbspt-form .hs-fieldtype-textarea, .hbspt-form .hs-fieldtype-text, .hbspt-form .hs-fieldtype-phonenumber, .hbspt-form .hs-fieldtype-select {
    overflow: hidden;
}

.hbspt-form .hs-fieldtype-textarea > label, .hbspt-form .hs-fieldtype-text > label, .hbspt-form .hs-fieldtype-phonenumber > label, .hbspt-form .hs-fieldtype-select > label {
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: bold;
    margin-bottom: 0.7320644217vw;
    display: block;
}

.hbspt-form .hs-fieldtype-textarea > label, .hbspt-form .hs-fieldtype-text > label, .hbspt-form .hs-fieldtype-phonenumber > label, .hbspt-form .hs-fieldtype-select > label {
    font-size: 16px;
    font-size: 1rem;
}

.hbspt-form .hs-fieldtype-textarea .input, .hbspt-form .hs-fieldtype-text .input, .hbspt-form .hs-fieldtype-phonenumber .input, .hbspt-form .hs-fieldtype-select .input {
    margin: 0 !important;
}

.hbspt-form .hs-fieldtype-textarea input[type="text"], .hbspt-form .hs-fieldtype-textarea input[type="tel"], .hbspt-form .hs-fieldtype-textarea input[type="email"], .hbspt-form .hs-fieldtype-textarea textarea, .hbspt-form .hs-fieldtype-textarea select, .hbspt-form .hs-fieldtype-text input[type="text"], .hbspt-form .hs-fieldtype-text input[type="tel"], .hbspt-form .hs-fieldtype-text input[type="email"], .hbspt-form .hs-fieldtype-text textarea, .hbspt-form .hs-fieldtype-text select, .hbspt-form .hs-fieldtype-phonenumber input[type="text"], .hbspt-form .hs-fieldtype-phonenumber input[type="tel"], .hbspt-form .hs-fieldtype-phonenumber input[type="email"], .hbspt-form .hs-fieldtype-phonenumber textarea, .hbspt-form .hs-fieldtype-phonenumber select, .hbspt-form .hs-fieldtype-select input[type="text"], .hbspt-form .hs-fieldtype-select input[type="tel"], .hbspt-form .hs-fieldtype-select input[type="email"], .hbspt-form .hs-fieldtype-select textarea, .hbspt-form .hs-fieldtype-select select {
    font-size: 21px;
    font-size: 1.3125rem;
    font-family: "Noto Sans JP", sans-serif;
    color: #000;
    padding: 0.7vw 1.5vw;
    box-sizing: border-box;
    width: 100% !important;
    border-radius: 0.4vw;
    border: 1px solid #707070;
    border: 0.0625rem solid #707070;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.hbspt-form .hs-fieldtype-textarea input[type="text"]:focus, .hbspt-form .hs-fieldtype-textarea input[type="tel"]:focus, .hbspt-form .hs-fieldtype-textarea input[type="email"]:focus, .hbspt-form .hs-fieldtype-textarea textarea:focus, .hbspt-form .hs-fieldtype-textarea select:focus, .hbspt-form .hs-fieldtype-text input[type="text"]:focus, .hbspt-form .hs-fieldtype-text input[type="tel"]:focus, .hbspt-form .hs-fieldtype-text input[type="email"]:focus, .hbspt-form .hs-fieldtype-text textarea:focus, .hbspt-form .hs-fieldtype-text select:focus, .hbspt-form .hs-fieldtype-phonenumber input[type="text"]:focus, .hbspt-form .hs-fieldtype-phonenumber input[type="tel"]:focus, .hbspt-form .hs-fieldtype-phonenumber input[type="email"]:focus, .hbspt-form .hs-fieldtype-phonenumber textarea:focus, .hbspt-form .hs-fieldtype-phonenumber select:focus, .hbspt-form .hs-fieldtype-select input[type="text"]:focus, .hbspt-form .hs-fieldtype-select input[type="tel"]:focus, .hbspt-form .hs-fieldtype-select input[type="email"]:focus, .hbspt-form .hs-fieldtype-select textarea:focus, .hbspt-form .hs-fieldtype-select select:focus {
    outline: none;
}

.hbspt-form .hs-fieldtype-textarea input[type="text"], .hbspt-form .hs-fieldtype-textarea input[type="tel"], .hbspt-form .hs-fieldtype-textarea input[type="email"], .hbspt-form .hs-fieldtype-textarea textarea, .hbspt-form .hs-fieldtype-textarea select, .hbspt-form .hs-fieldtype-text input[type="text"], .hbspt-form .hs-fieldtype-text input[type="tel"], .hbspt-form .hs-fieldtype-text input[type="email"], .hbspt-form .hs-fieldtype-text textarea, .hbspt-form .hs-fieldtype-text select, .hbspt-form .hs-fieldtype-phonenumber input[type="text"], .hbspt-form .hs-fieldtype-phonenumber input[type="tel"], .hbspt-form .hs-fieldtype-phonenumber input[type="email"], .hbspt-form .hs-fieldtype-phonenumber textarea, .hbspt-form .hs-fieldtype-phonenumber select, .hbspt-form .hs-fieldtype-select input[type="text"], .hbspt-form .hs-fieldtype-select input[type="tel"], .hbspt-form .hs-fieldtype-select input[type="email"], .hbspt-form .hs-fieldtype-select textarea, .hbspt-form .hs-fieldtype-select select {
    border-radius: 0.65vw;
    font-size: 16px;
    font-size: 1rem;
    padding: 11.2px 12.8px;
    padding: 0.7rem 0.8rem;
    border: 2px solid #c1c1c1;
    border: 0.125rem solid #c1c1c1;
}

.hbspt-form .hs-fieldtype-textarea input[type="text"].error, .hbspt-form .hs-fieldtype-textarea input[type="tel"].error, .hbspt-form .hs-fieldtype-textarea input[type="email"].error, .hbspt-form .hs-fieldtype-textarea textarea.error, .hbspt-form .hs-fieldtype-textarea select.error, .hbspt-form .hs-fieldtype-text input[type="text"].error, .hbspt-form .hs-fieldtype-text input[type="tel"].error, .hbspt-form .hs-fieldtype-text input[type="email"].error, .hbspt-form .hs-fieldtype-text textarea.error, .hbspt-form .hs-fieldtype-text select.error, .hbspt-form .hs-fieldtype-phonenumber input[type="text"].error, .hbspt-form .hs-fieldtype-phonenumber input[type="tel"].error, .hbspt-form .hs-fieldtype-phonenumber input[type="email"].error, .hbspt-form .hs-fieldtype-phonenumber textarea.error, .hbspt-form .hs-fieldtype-phonenumber select.error, .hbspt-form .hs-fieldtype-select input[type="text"].error, .hbspt-form .hs-fieldtype-select input[type="tel"].error, .hbspt-form .hs-fieldtype-select input[type="email"].error, .hbspt-form .hs-fieldtype-select textarea.error, .hbspt-form .hs-fieldtype-select select.error {
    background-color: #fff2f2;
}

.hbspt-form .hs-fieldtype-textarea textarea, .hbspt-form .hs-fieldtype-text textarea, .hbspt-form .hs-fieldtype-phonenumber textarea, .hbspt-form .hs-fieldtype-select textarea {
    height: 13.17715959vw;
    resize: vertical;
}

.hbspt-form .hs-fieldtype-select select {
}

.hbspt-form .hs-fieldtype-textarea select, .hbspt-form .hs-fieldtype-text select, .hbspt-form .hs-fieldtype-phonenumber select, .hbspt-form .hs-fieldtype-select select {
    background: url(../../img/ico_select.png) no-repeat center right 2.6vw/2.5vw auto;
    color: #d7d7d7;
}

.hbspt-form .hs-fieldtype-textarea textarea, .hbspt-form .hs-fieldtype-text textarea, .hbspt-form .hs-fieldtype-phonenumber textarea, .hbspt-form .hs-fieldtype-select textarea {
    height: 31.25vw;
}

.hbspt-form .hs-error-msgs {
    color: #e83d1b;
    font-size: 14.4px;
    font-size: 0.9rem;
    line-height: 1.4;
    margin-top: 0.4vw;
}

.hbspt-form .hs-error-msgs {
    font-size: 11.2px;
    font-size: 0.7rem;
    margin-top: 0.65vw;
}

.hbspt-form .hs-fieldtype-booleancheckbox {
    text-align: center;
}

.hbspt-form .hs-fieldtype-booleancheckbox {
    font-size: 13.6px;
    font-size: 0.85rem;
    width: 72vw;
    margin: 0 auto;
}

.hbspt-form .hs-fieldtype-booleancheckbox a {
    border-bottom: 1px solid;
    border-bottom: 0.0625rem solid;
    color: black;
}

.hbspt-form .hs-fieldtype-booleancheckbox input[type="checkbox"] {
    transform: scale(1.4);
    margin-right: 1.3vw;
    outline: none;
}

.hbspt-form .hs_submit {
    margin-bottom: 2.9vw;
}

.hbspt-form .hs_submit {
    margin-bottom: 5vw;
}

.hbspt-form .hs_submit input[type="submit"] {
    font-size: 21px;
    font-size: 1.3125rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    width: 27vw;
    height: 5.5vw;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 40px;
    margin-top: 2.5rem;
    background: #fe6507;
    border-radius: 5.49vw;
    color: #fff;
    border: 2px solid #ffffff;
    border: 0.125rem solid #ffffff;
    display: grid;
    place-content: center;
    transition: background 0.5s;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: 0.5s ease opacity;
}

.hbspt-form .hs_submit input[type="submit"] {
    font-size: 19.2px;
    font-size: 1.2rem;
    width: 90%;
    padding-top: 16px;
    padding-top: 1rem;
    padding-bottom: 48px;
    padding-bottom: 3rem;
    border-radius: 13vw;
    letter-spacing: 3.2px;
    letter-spacing: 0.2rem;
}

.hbspt-form .hs_submit input[type="submit"]:hover {
    opacity: 0.8;
}

.actions {
    margin-bottom: 48px;
    margin-bottom: 3rem;
}

/* cb-kotei
============================ */
.kotei-btn {
  max-width: 320px;
  left: 50%;
  transform: translate(-50%, 0%);
  position: fixed;
  bottom: 0.7rem;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease 0s;
  width: 70%;
  margin: auto;
  z-index: 999;
  cursor: pointer;
}

.kotei-btn.is-active {
  opacity: 1;
  pointer-events: initial;
  /* width: 70%; */
  max-width: 320px;
}

.kotei-btn.is-active:hover {
    opacity: 0.9;
}


/* サンクスページ
============================ */
.cb-thanks {
    padding: 4rem 0 4rem;
}

.cb-main-thanks {
    background-color: #EFF7FE;
    padding-right: 0px;
}

.cb-thanks__inner {
    max-width: 570px;
    width: 90%;
    margin: auto;
}

.cb-thanks__inner h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.4rem;
    line-height: 0.6;
}

.cb-thanks__inner h2:after {
    content: "";
    display: block;
    width: 4rem;
    height: 2px;
    background: #0092BF;
    margin: 2rem auto;
}

.cb-thanks__mtg-txt-2 {
    text-align: center;
    color: #002726;
    line-height: 1.75;
}

.cb-thanks__inner h2 span {
    font-size: 3rem;
    color: rgb(0 146 191 / 11%);
    font-family: "Inter", "Noto Sans JP", sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.cb-thanks__inner h2 strong {
    line-height: 1.5;
    text-align: center;
    color: #000000;
    font-weight: 600;
}

.form_ly {
    margin: 20px 0 40px;
}

.form_l {
    /* width: 50%; */
}

.form_l figure {
    margin: 0px 0;
}

.form_l figure img {
    max-width: 100%;
}

.form_r {
}

.explain {
    text-align: center;
    font-size: 14.4px;
    font-size: 0.9rem;
    line-height: 1.8em;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    color: #002726;
}

.btn_download {
    width: 90%;
    margin: auto;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    box-shadow: 0 0 0.625rem rgb(0 0 0 / 10%);
    border-radius: 48px;
    border-radius: 3rem;
    max-width: 400px;
}

.btn_download:hover {
    opacity: 0.9;
}

.btn_style03 {
}

.btn_style03 img {
}

.cb-schedule {
    padding-bottom: 5rem;
}

.cb-schedule__inner {
    max-width: 570px;
    width: 90%;
    margin: auto;
}

.cb-schedule__inner h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.4rem;
    line-height: 0.6;
    margin-bottom: 1rem;
}

.cb-schedule__inner h2:after {
    content: "";
    display: block;
    width: 64px;
    width: 4rem;
    height: 2px;
    height: 0.125rem;
    background: #82B4BB;
    margin: 24px auto;
    margin: 1.5rem auto;
}

.cb-schedule__inner h2 span {
    font-size: 2.5rem;
    color: #cceaf478;
    font-family: "Jost", sans-serif;
    font-weight: 700;
    margin-bottom: -9.6px;
    margin-bottom: -0.6rem;
}

.cb-schedule__inner h2 strong {
    line-height: 1.4;
    text-align: center;
}

.f_tel {
    background-color: white;
    width: 19em;
    padding: 22.4px;
    padding: 1.4rem;
    border-radius: 6.4px;
    border-radius: 0.4rem;
    line-height: 1.4;
    text-align: center;
    margin: 30px auto 40px;
    margin: 1.875rem auto 2.5rem;
}

.f_tel strong {
    display: block;
    font-size: 25.6px;
    font-size: 1.6rem;
    margin-bottom: 1.6px;
    margin-bottom: 0.1rem;
    color: #006488;
    font-weight: 600;
}

.f_tel span {
    font-size: 12.8px;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    color: #006488;
}

.schedule_box {
    max-width: 100%;
}


.cb-thanks__chui {text-align: center;color: #0092BF;font-size: 0.9rem;margin-bottom: 4rem;position: relative;}

.cb-thanks__cta-wrap {
    display: flex;align-items: center;justify-content: center; 
    margin:2rem 0;
}

.cb-thanks__cta-2 {
    background-color: #FD701A;width: 90%;padding: 1.3rem 1rem;letter-spacing: 0.1em;text-align: center;border-radius: 5rem;box-shadow: 0 0 0.625rem rgb(0 0 0 / 10%);margin-bottom: 1rem;position: relative;}
.cb-thanks__cta {
    width: 90%
}

.cb-thanks__cta:after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 9%;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 0.6em;   /* arrow size */
  height: 0.6em;  /* arrow size */
  border-top: 2px solid #ffffff;  /* thickness, color */
  border-right: 2px solid #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }

.cb-thanks__cta-wrap .cb-thanks__cta:nth-child(2)  {
    background-color: #0092BF;
}

.cb-thanks__cta:hover {
  opacity: 0.9;
  cursor: pointer;
}


.cb-thanks__cta-txt {color: white;font-size: 1rem;}



@media only screen and (min-width: 768px) {
    .cb {
        position: relative;
    }

    /* cb-header
============================ */
    .cb-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        width: 100%;
        background-color: transparent;
    }

    .cb-header__inner {
        max-width: 1680px;
        margin: 0 auto;
        padding: 0.3rem 2.8125rem 0;
        height: 4.875rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .cb-header__logo-wrap {
        flex-shrink: 0;
        gap: 0;
    }

    .cb-header__logo {
        width: auto;
        max-width: 10rem;
        margin-right: 2rem;
        padding: 0;
    }

    .cb-header__logo-wrap > div {
        display: none;
    }

    .cb-header__sp {
        display: none;
    }

    .cb-header__pc {
        display: block;
        flex: 1;
    }

    .nav {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .nav-list {
        display: flex;
        align-items: center;
        gap: min(2vw, 1.875rem);
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .nav-link {
        text-decoration: none;
        font-weight: 500;
        color: #000000;
        font-size: min(1.4vw, 1.125rem);
        letter-spacing: 0.05em;
        white-space: nowrap;
    }

    .nav-link:hover {
        opacity: 0.7;
    }

    .nav-buttons {
        display: flex;
        gap: 0.6875rem;
        margin-left: 2.5rem;
        flex-shrink: 0;
    }

    .btn {
        text-decoration: none;
        min-width: min(10vw, 10.0625rem);
        height: 2.9375rem;
        padding: 0 1.25rem;
        font-size: min(1.4vw, 1.0625rem);
        font-weight: 700;
        letter-spacing: 0.05em;
        border-radius: 23.5px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.07);
        white-space: nowrap;
    }

    .btn-yellow {
        background-color: #FD701A;
        color: #FFFFFF;
    }

    .btn-red {
        background-color: #0092BF;
        color: #FFFFFF;
    }

    .btn:hover {
        opacity: 0.9;
        cursor: pointer;
    }

    /* cb-fv
============================ */
    .cb-main {
    }

    .cb-fv {
        position: relative;
    }

    .cb-fv__main {
        min-width: 1200px;
        position: relative;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .cb-fv__main img {
    }

    .cb-fv__cta-wrap {
        width: 36%;
        display: flex;
        position: absolute;
        top: 93%;
        left: 12%;
        /* transform: translate(-50%, -50%); */
        align-items: center;
        padding-top: 2rem;
    }


    .cb-cta-moji {
        display: none;
    }

    .cb-fv__cta {
        max-width: 300px;
        top: 47%;
        left: 24%;
        width: 48%;
    }

    .cb-fv__cta:nth-of-type(2) {
        max-width: 300px;
        width: 48%;
        top: 47%;
        left: 2%;
    }

    .cb-cta {
    }

    .cb-cta:hover {
    }

    .cb-fv__cta a {
    }

    .cb-fv__cta a img {
    }

/* cb-riyu
============================ */

    .cb-riyu {
        padding: 4rem 0 5rem;
    }

    .cb-riyu__inner {
        max-width: 1304px;
    }

    .cb-riyu__inner h2 {
        margin-bottom: 2.5rem;
    }

    .cb-riyu__cont {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: clamp(0.75rem, 1.5vw, 1.625rem);
    }

    .cb-riyu__item {
        min-height: auto;
        padding: clamp(1rem, 2vw, 1.375rem) clamp(1rem, 2.5vw, 1.75rem) clamp(1rem, 2vw, 1.5rem);
    }

    .cb-riyu__item-icon {
        width: clamp(2.75rem, 5vw, 4.375rem);
    }

    .cb-riyu__item-top h3 {
        font-size: clamp(0.9375rem, 1.6vw, 1.25rem);
        line-height: 1.45;
    }

    .cb-riyu__item p {
        font-size: clamp(0.8125rem, 1.4vw, 1rem);
        line-height: 1.75;
    }

    /* cb-plan
============================ */
    .cb-plan {
        padding: 3.5rem 0 4rem;
    }

    .cb-plan__item {
        padding: 1.5625rem 4.5rem 2.5rem;
    }

    .cb-plan__box-wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem 1.625rem;
    }

    .cb-plan__box {
        min-height: 14.5rem;
    }

    .cb-plan__box h3 {
        font-size: 1.3125rem;
        padding: 0.85rem 1rem;
    }

    .cb-plan__box-detail span {
        font-size: 1.4375rem;
    }

    .cb-plan__box-price {
        font-size: 1.5625rem;
    }

    /* cb-mock
============================ */
    .cb-mock__cta-wrap {
        padding: 3.25rem 0;
    }

    .cb-mock__cta-inner h2 {
        font-size: 2.0625rem;
        margin-bottom: 1.875rem;
    }

    .cb-mock__cta-btn-wrap {
        flex-direction: row;
        justify-content: center;
        gap: 0.6875rem;
    }

    .cb-mock__cta-btn-wrap .cb-mock__cta.cb-cta {
        flex: 1;
    }

    /* cb-work
============================ */
    .cb-work {
        padding: 3.5rem 0 5rem;
        background-size: clamp(16rem, 28vw, 32rem) auto;
    }

    .cb-work__cont {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.375rem 1.375rem;
    }

    .cb-work__item {
        min-height: 8.25rem;
    }

    .cb-work__item-txt h3 {
        font-size: 1.375rem;
        line-height: 1.32;
    }

    .cb-work__item-txt p {
        font-size: 1rem;
        line-height: 1.75;
    }

    /* cb-henka
============================ */
    .cb-henka {
        padding: 3.5rem 0 4rem;
        background-size: clamp(16rem, 28vw, 32rem) auto;
    }

    .cb-henka__cont {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.1875rem 1.375rem;
    }

    .cb-henka_item h3 {
        font-size: 1.25rem;
        line-height: 1.45;
    }

    .cb-henka__txt {
        font-size: 1.375rem;
        line-height: 1.5;
    }


    /* cb-step
============================ */
    .cb-step {
        padding: 3.5rem 0 4rem;
    }

    .cb-step__item dl dt {
        display: flex;
        align-items: center;
        gap: 1.8125rem;
        padding: 1.6875rem 1.5rem 1.6875rem 2.0625rem;
    }

    .cb-step__no {
        width: 68px;
        max-width: none;
    }

    .cb-step__body {
        display: block;
        flex: 1;
        min-width: 0;
        text-align: left;
    }

    .cb-step__body-ttl {
        grid-area: unset;
    }

    .cb-step__body p {
        grid-area: unset;
    }

    .cb-step__toggle {
        grid-area: unset;
        align-self: center;
        margin-top: 0;
    }

    .cb-step__body-ttl h3 {
        font-size: 1.6rem;
        line-height: 1.6;
    }

    .cb-step__body p {
        font-size: 1.0625rem;
        line-height: 1.65;
    }

    .cb-step__item dl dd {
        padding: 1rem 2rem 1.75rem  2rem;
    }

    .cb-step__list li {
        font-size: 1rem;
        line-height: 1.75;
    }

    .cb-step__cta {
        margin-top: 2.5rem;
    }



    /* c-form
============================ */
    .c_form {
        padding: 48px 0 44.8px;
        padding: 3rem 0 2.8rem;
    }

    .c-form__inner {
        max-width: 900px;
    }

    .c-form__inner h2 {
        margin-bottom: 2rem;
    }

    /*　共通フォーム CSSコード  */
    .hubspot_wrap {
        padding: 4vw;
    }

    .hubspot_wrap {
        padding: 3vw;
    }

    .hbspt-form {
        background: #fff;
        box-sizing: border-box;
        border-radius: 1.0980966325vw;
        padding: 4vw 4vw 1vw;
        margin: 0 auto;
        max-width: 1000px;
        width: 90%;
        box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    }

    .hbspt-form {
        border-radius: 16px;
        border-radius: 1rem;
        width: 100%;
    }

    .hbspt-form .inputs-list {
    }

    .hbspt-form .form-columns-0, .hbspt-form .form-columns-1, .hbspt-form .form-columns-2 {
    }

    .hbspt-form .form-columns-0, .hbspt-form .form-columns-1, .hbspt-form .form-columns-2 {
    }

    .hbspt-form .form-columns-2 {
    }

    .hbspt-form .form-columns-2 .hs-form-field {
    }

    .hbspt-form .hs-form-required {
    }

    .hbspt-form .hs-form-required {
    }

    .hbspt-form .hs-form-required:after {
        font-weight: bold;
        content: "必須";
        display: block;
        width: 2.4vw;
        line-height: 1;
        letter-spacing: 0;
        padding: 0.2vw;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        background: #e8631b;
        color: #fff;
        font-size: 15px;
        font-size: 0.9375rem;
        text-align: center;
    }

    .hbspt-form .hs-form-required:after {
        font-size: 11.2px;
        font-size: 0.7rem;
        width: 2.5em;
        padding: 0.2vw 0 0.3vw;
        border-radius: 0.1rem;
    }

    .hbspt-form .hs-form-required:nth-of-type(1):after {
    }

    .hbspt-form .hs-recaptcha .grecaptcha-badge {
    }

    .hbspt-form .hs-recaptcha .grecaptcha-badge {
        margin: 32px auto;
        margin: 2rem auto;
    }

    .hbspt-form .hs-fieldtype-textarea, .hbspt-form .hs-fieldtype-text, .hbspt-form .hs-fieldtype-phonenumber, .hbspt-form .hs-fieldtype-select {
    }

    .hbspt-form .hs-fieldtype-textarea > label, .hbspt-form .hs-fieldtype-text > label, .hbspt-form .hs-fieldtype-phonenumber > label, .hbspt-form .hs-fieldtype-select > label {
        font-size: 21px;
        font-size: 1.3125rem;
        font-weight: bold;
        margin-bottom: 0.7vw;
        display: block;
    }

    .hbspt-form .hs-fieldtype-textarea > label, .hbspt-form .hs-fieldtype-text > label, .hbspt-form .hs-fieldtype-phonenumber > label, .hbspt-form .hs-fieldtype-select > label {
        font-size: 19.2px;
        font-size: 1.2rem;
    }

    .hbspt-form .hs-fieldtype-textarea .input, .hbspt-form .hs-fieldtype-text .input, .hbspt-form .hs-fieldtype-phonenumber .input, .hbspt-form .hs-fieldtype-select .input {
    }

    .hbspt-form .hs-fieldtype-textarea input[type="text"], .hbspt-form .hs-fieldtype-textarea input[type="tel"], .hbspt-form .hs-fieldtype-textarea input[type="email"], .hbspt-form .hs-fieldtype-textarea textarea, .hbspt-form .hs-fieldtype-textarea select, .hbspt-form .hs-fieldtype-text input[type="text"], .hbspt-form .hs-fieldtype-text input[type="tel"], .hbspt-form .hs-fieldtype-text input[type="email"], .hbspt-form .hs-fieldtype-text textarea, .hbspt-form .hs-fieldtype-text select, .hbspt-form .hs-fieldtype-phonenumber input[type="text"], .hbspt-form .hs-fieldtype-phonenumber input[type="tel"], .hbspt-form .hs-fieldtype-phonenumber input[type="email"], .hbspt-form .hs-fieldtype-phonenumber textarea, .hbspt-form .hs-fieldtype-phonenumber select, .hbspt-form .hs-fieldtype-select input[type="text"], .hbspt-form .hs-fieldtype-select input[type="tel"], .hbspt-form .hs-fieldtype-select input[type="email"], .hbspt-form .hs-fieldtype-select textarea, .hbspt-form .hs-fieldtype-select select {
    }

    .hbspt-form .hs-fieldtype-textarea input[type="text"]:focus, .hbspt-form .hs-fieldtype-textarea input[type="tel"]:focus, .hbspt-form .hs-fieldtype-textarea input[type="email"]:focus, .hbspt-form .hs-fieldtype-textarea textarea:focus, .hbspt-form .hs-fieldtype-textarea select:focus, .hbspt-form .hs-fieldtype-text input[type="text"]:focus, .hbspt-form .hs-fieldtype-text input[type="tel"]:focus, .hbspt-form .hs-fieldtype-text input[type="email"]:focus, .hbspt-form .hs-fieldtype-text textarea:focus, .hbspt-form .hs-fieldtype-text select:focus, .hbspt-form .hs-fieldtype-phonenumber input[type="text"]:focus, .hbspt-form .hs-fieldtype-phonenumber input[type="tel"]:focus, .hbspt-form .hs-fieldtype-phonenumber input[type="email"]:focus, .hbspt-form .hs-fieldtype-phonenumber textarea:focus, .hbspt-form .hs-fieldtype-phonenumber select:focus, .hbspt-form .hs-fieldtype-select input[type="text"]:focus, .hbspt-form .hs-fieldtype-select input[type="tel"]:focus, .hbspt-form .hs-fieldtype-select input[type="email"]:focus, .hbspt-form .hs-fieldtype-select textarea:focus, .hbspt-form .hs-fieldtype-select select:focus {
    }

    .hbspt-form .hs-fieldtype-textarea input[type="text"], .hbspt-form .hs-fieldtype-textarea input[type="tel"], .hbspt-form .hs-fieldtype-textarea input[type="email"], .hbspt-form .hs-fieldtype-textarea textarea, .hbspt-form .hs-fieldtype-textarea select, .hbspt-form .hs-fieldtype-text input[type="text"], .hbspt-form .hs-fieldtype-text input[type="tel"], .hbspt-form .hs-fieldtype-text input[type="email"], .hbspt-form .hs-fieldtype-text textarea, .hbspt-form .hs-fieldtype-text select, .hbspt-form .hs-fieldtype-phonenumber input[type="text"], .hbspt-form .hs-fieldtype-phonenumber input[type="tel"], .hbspt-form .hs-fieldtype-phonenumber input[type="email"], .hbspt-form .hs-fieldtype-phonenumber textarea, .hbspt-form .hs-fieldtype-phonenumber select, .hbspt-form .hs-fieldtype-select input[type="text"], .hbspt-form .hs-fieldtype-select input[type="tel"], .hbspt-form .hs-fieldtype-select input[type="email"], .hbspt-form .hs-fieldtype-select textarea, .hbspt-form .hs-fieldtype-select select {
        padding: 16px;
        padding: 1rem;
    }

    .hbspt-form .hs-fieldtype-textarea input[type="text"].error, .hbspt-form .hs-fieldtype-textarea input[type="tel"].error, .hbspt-form .hs-fieldtype-textarea input[type="email"].error, .hbspt-form .hs-fieldtype-textarea textarea.error, .hbspt-form .hs-fieldtype-textarea select.error, .hbspt-form .hs-fieldtype-text input[type="text"].error, .hbspt-form .hs-fieldtype-text input[type="tel"].error, .hbspt-form .hs-fieldtype-text input[type="email"].error, .hbspt-form .hs-fieldtype-text textarea.error, .hbspt-form .hs-fieldtype-text select.error, .hbspt-form .hs-fieldtype-phonenumber input[type="text"].error, .hbspt-form .hs-fieldtype-phonenumber input[type="tel"].error, .hbspt-form .hs-fieldtype-phonenumber input[type="email"].error, .hbspt-form .hs-fieldtype-phonenumber textarea.error, .hbspt-form .hs-fieldtype-phonenumber select.error, .hbspt-form .hs-fieldtype-select input[type="text"].error, .hbspt-form .hs-fieldtype-select input[type="tel"].error, .hbspt-form .hs-fieldtype-select input[type="email"].error, .hbspt-form .hs-fieldtype-select textarea.error, .hbspt-form .hs-fieldtype-select select.error {
    }

    .hbspt-form .hs-fieldtype-textarea textarea, .hbspt-form .hs-fieldtype-text textarea, .hbspt-form .hs-fieldtype-phonenumber textarea, .hbspt-form .hs-fieldtype-select textarea {
    }

    .hbspt-form .hs-fieldtype-select select {
    }

    .hbspt-form .hs-fieldtype-textarea select, .hbspt-form .hs-fieldtype-text select, .hbspt-form .hs-fieldtype-phonenumber select, .hbspt-form .hs-fieldtype-select select {
        background: url(../../img/ico_select.png) no-repeat center right 2vw / 1vw auto;
    }

    .hbspt-form .hs-fieldtype-textarea textarea, .hbspt-form .hs-fieldtype-text textarea, .hbspt-form .hs-fieldtype-phonenumber textarea, .hbspt-form .hs-fieldtype-select textarea {
    }

    .hbspt-form .hs-error-msgs {
        color: #e83d1b;
        font-size: 14.4px;
        font-size: 0.9rem;
        line-height: 1.4;
        margin-top: 0.4vw;
    }

    .hbspt-form .hs-error-msgs {
    }

    .hbspt-form .hs-fieldtype-booleancheckbox {
    }

    .hbspt-form .hs-fieldtype-booleancheckbox {
        font-size: 14.4px;
        font-size: 0.9rem;
        width: 90%;
        margin: 0 auto;
        margin-top: 16px;
        margin-top: 1rem;
    }

    .hbspt-form .hs-fieldtype-booleancheckbox a {
    }

    .hbspt-form .hs-fieldtype-booleancheckbox input[type="checkbox"] {
    }

    .hbspt-form .hs_submit {
    }

    .hbspt-form .hs_submit {
    }

    .hbspt-form .hs_submit input[type="submit"] {
        font-size: 21px;
        font-size: 1.3125rem;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 700;
        width: 27vw;
        height: 5.5vw;
        box-sizing: border-box;
        margin: 0 auto;
        margin-top: 40px;
        margin-top: 2.5rem;
        border-radius: 5.49vw;
        color: #fff;
        display: grid;
        place-content: center;
        transition: background 0.5s;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        transition: 0.5s ease opacity;
    }

    #label-biz_________cba01_02_-810da3e8-399c-4382-b132-883a6b015c3c {
        font-size: 19.2px;
        font-size: 1.2rem;
    }

    .hbspt-form .inputs-list {
        font-size: 16px;
        font-size: 1rem;
        line-height: 2;
        margin-top: 9.6px;
        margin-top: 0.6rem;
    }

    .hbspt-form .hs_submit input[type="submit"] {
        font-size: 20.8px;
        font-size: 1.3rem;
        width: 60%;
        border-radius: 13vw;
        height: 32px;
        height: 2rem;
        box-shadow: 0 0 10px rgb(0 0 0 / 10%);
        box-shadow: 0 0 0.625rem rgb(0 0 0 / 10%);
    }

    .hbspt-form .hs_submit input[type="submit"]:hover {
    }

    .actions {
    }


  /* cb-sum
============================ */
.cb-sum {
    padding: 64px 0;
    padding: 3rem 0;
  }
  
  .cb-sum__inner {
    max-width: 800px;
  }
  
  .cb-sum__inner h2 {
    margin-bottom: 2.5rem;
  }
  
  .cb-sum__tab tr {
  }
  
  .cb-sum__tab {
    margin-bottom: 32px;
    margin-bottom: 2rem;
  }
  
  .cb-sum__tab table {
  }
  
  .cb-sum__tab table tr th {
    width: 24%;
  }
  
  .cb-sum__tab table tr td {
  }
  
  .cb-sum__tab table tr th,
  .cb-sum__tab table tr td {
  }
  
  .cb-sum__tab table tr th p {
    font-size: 17.6px;
    font-size: 1.1rem;
  }
  
  .cb-sum__tab table tr td p {
    font-size: 17.6px;
    font-size: 1.1rem;
  }
  
  .cb-sum__inner small {
    font-size: 16px;
    font-size: 1rem;
    display: block;
    text-align: center;
  }

    /* サンクスページ
============================ */
.cb-thanks {
    padding: 9rem 0 12rem;
}

.cb-main-thanks {
}

.cb-thanks__inner {
    max-width: 800px;
}

.cb-thanks__mtg-txt-2 {
    color: #002726;
}

.cb-thanks__inner h2 {
}

.cb-thanks__inner h2:after {
    background: #0092BF;
}

.cb-thanks__inner h2 span {
    color: rgba(0, 146, 191, 0.25);
}

.cb-thanks__inner h2 strong {
    font-size: 2.1rem;
    color: #000000;
}

.form_ly {
}

.form_l {
}

.form_l figure {
}

.form_l figure img {
}

.form_r {
}

.explain {
    font-size: 17.6px;
    font-size: 1.1rem;
    margin-bottom: 32px;
    margin-bottom: 3rem;
    color: #002726;
}

.btn_download {
    margin-top: 3rem;
}

.btn_style03 {
}

.btn_style03 img {
}

.cb-schedule {
}

.cb-schedule__inner {
    max-width: 800px;
}

.cb-schedule__inner h2 {
}

.cb-schedule__inner h2:after {
}

.cb-schedule__inner h2 span {
}

.cb-schedule__inner h2 strong {
    font-size: 2.1rem;
}

.f_tel {
    background-color: white;
    width: 22.6em;
    margin: auto;
    padding: 1.4rem;
    border-radius: 0.4rem;
    line-height: 1.4;
}

.f_tel strong {
    color: #006488;
    font-size: 1.7rem;
    font-weight: 600;
}

.f_tel span {
    font-size: 0.9rem;
    color: #006488;
}

.schedule_box {
}

.cb-thanks__chui {font-size: 1rem;margin-bottom: 0rem; margin-top: 3rem; color: #0092BF;}

.cb-thanks__cta-wrap {display: flex;align-items: center;justify-content: center; margin: 2rem 0;}

.cb-thanks__cta-2 {background-color: #FD701A;width: 45%;padding: 1.3rem 1rem;text-align: center;border-radius: 5rem;box-shadow: 0 0 0.625rem rgb(0 0 0 / 10%);margin-bottom: -1rem;position: relative;}

.cb-thanks__cta {
width: 47%
}

.cb-thanks__cta:after{
}

.cb-thanks__cta-txt {font-size: 1.3rem;}

.cb-thanks__mtg .cb-thanks__cta {
width: 80%;
}

}

@media only screen and (min-width: 1200px) {
    /* cb-header
============================ */
    .nav-list {
        gap: 1.875rem;
    }

    .nav-link {
        font-size: 1.125rem;
    }

    .nav-buttons {
        margin-left: 2.5rem;
        gap: 0.6875rem;
    }

    .btn {
        min-width: 7rem;
        padding: 0 1.5rem;
        font-size: 1.0625rem;
    }

    /* cb-work
============================ */
    .cb-work__cont {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.4375rem 1.375rem;
    }

    /* cb-henka
============================ */
    .cb-henka__cont {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.1875rem 1.375rem;
    }

    .cb-henka_item {
        min-height: 9rem;
    }

    /* .cb-sol__inner:before {
        content: "";
        background-image: url(../../../img/acc-gs03/bg-e-1.png);
        display: block;
        background-size: 100% 100%;
        width: 656px;
        width: 39rem;
        height: 336px;
        height: 16rem;
        position: absolute;
        top: 21%;
        left: 2%;
        transform: translate(-50%, -50%);
    } */

    /* .cb-sol__inner:after {
        content: "";
        background-image: url(../../../img/acc-gs03/bg-e-1.png);
        display: block;
        background-size: 100% 100%;
        width: 656px;
        width: 39rem;
        height: 352px;
        height: 20rem;
        position: absolute;
        bottom: 7%;
        right: -34.8%;
        transform: translate(-50%, -50%);
        z-index: -1;
    } */

    .cb-hikaku:before {
        content: "";
        background-image: url(../../../img/acc-gs03/bg-e-1.png);
        display: block;
        background-size: 100% 100%;
        width: 448px;
        width: 28rem;
        height: 208px;
        height: 13rem;
        position: absolute;
        top: 45%;
        left: 5%;
        transform: translate(-50%, -50%);
        z-index: -1;
    }

    .cb-hikaku:after {
        content: "";
        background-image: url(../../../img/acc-gs03/bg-e-1.png);
        display: block;
        background-size: 100% 100%;
        width: 608px;
        width: 38rem;
        height: 304px;
        height: 19rem;
        position: absolute;
        top: 82%;
        right: -34.8%;
        transform: translate(-50%, -50%);
        z-index: -1;
    }
}