@charset "UTF-8";
/* ---------------------------------------------
*   l-breadcrumb
--------------------------------------------- */
.l-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
}
@media screen and (max-width: 768px) {
    .l-breadcrumb__list {
        gap: 1.3333333333vw 0;
    }
}
.l-breadcrumb__item {
    position: relative;
}
.l-breadcrumb__item:not(:first-of-type) {
    text-indent: 1.2em;
}
@media screen and (max-width: 768px) {
    .l-breadcrumb__item:not(:first-of-type) {
        text-indent: 0.8em;
    }
}
.l-breadcrumb__item:not(:first-of-type)::before {
    content: "";
    position: absolute;
    top: 0.5625rem;
    left: 0.125rem;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 0.4375rem;
    height: 0.4375rem;
    border-top: 2px solid #004299;
    border-right: 2px solid #004299;
}
@media screen and (max-width: 768px) {
    .l-breadcrumb__item:not(:first-of-type)::before {
        top: 2.1333333333vw;
        left: 0.5333333333vw;
        width: 1.6vw;
        height: 1.6vw;
    }
}
.l-breadcrumb__item:not(:last-of-type) {
    margin-right: 1rem;
}
@media screen and (max-width: 768px) {
    .l-breadcrumb__item:not(:last-of-type) {
        margin-right: 2.6666666667vw;
    }
}
.l-breadcrumb__txt {
    display: block;
    font-size: 0.75rem;
    line-height: 1.4166666667;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .l-breadcrumb__txt {
        font-size: 2.6666666667vw;
        line-height: 1.5;
    }
}
.l-breadcrumb__txt--link {
    color: #004299;
}
@media screen and (min-width: 769px) {
    .l-breadcrumb__txt--link {
        transition: opacity 300ms;
    }
    .l-breadcrumb__txt--link:hover {
        opacity: 0.8;
    }
}

.l-breadcrumb-wbgt {
    font-size: 0.8125rem;
    padding: 15px 40px;
}
@media screen and (max-width: 768px) {
    .l-breadcrumb-wbgt {
        padding: 4vw 5.3333333333vw;
        overflow: auto;
    }
}
.l-breadcrumb-wbgt__list {
    display: flex;
    white-space: nowrap;
}
.l-breadcrumb-wbgt__item::after {
    content: "／";
    display: inline-block;
    padding: 0 5px;
}
.l-breadcrumb-wbgt__item:last-of-type::after {
    display: none;
}
@media screen and (max-width: 768px) {
    .l-breadcrumb-wbgt__item:last-of-type {
        padding: 0 4vw 0 0;
    }
}
.l-breadcrumb-wbgt__link {
    text-decoration: underline;
}

/* ---------------------------------------------
*   l-columns-2
--------------------------------------------- */
.l-columns-2 {
    margin-top: 5.3125%;
}
@media screen and (min-width: 1281px) {
    .l-columns-2 {
        margin-top: 68px;
    }
}
@media screen and (max-width: 768px) {
    .l-columns-2 {
        margin-top: 12.5333333333vw;
    }
}
.l-columns-2--news-index {
    margin-top: 6.25%;
    margin-bottom: 9.375%;
}
@media screen and (min-width: 1281px) {
    .l-columns-2--news-index {
        margin-top: 80px;
        margin-bottom: 120px;
    }
}
@media screen and (max-width: 768px) {
    .l-columns-2--news-index {
        margin-top: 10.6666666667%;
        margin-bottom: 21.3333333333%;
    }
}
.l-columns-2__container {
    display: flex;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px;
    max-width: 1281px;
}
@media screen and (max-width: 1280px) {
    .l-columns-2__container {
        padding-right: 3.125%;
        padding-left: 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .l-columns-2__container {
        display: block;
        padding-right: 5.3333333333%;
        padding-left: 5.3333333333%;
    }
}
.no-side .l-columns-2__container {
    justify-content: center;
}

.l-columns-2__side {
    max-width: 200px;
    width: 16.6666666667%;
}
@media screen and (min-width: 769px) {
    .l-columns-2__side {
        min-width: 150px;
    }
}
@media screen and (max-width: 768px) {
    .l-columns-2__side {
        max-width: none;
        width: 100%;
    }
}
.no-side .l-columns-2__side {
    display: none;
}

.l-columns-2__main {
    max-width: 940px;
    width: 78.3333333333%;
}
@media screen and (max-width: 768px) {
    .l-columns-2__main {
        margin-top: 7.7611940299%;
        width: 100%;
    }
}
.l-columns-2__pagination {
    margin-top: 94px;
}
@media screen and (max-width: 1280px) {
    .l-columns-2__pagination {
        margin-top: 7.34375%;
    }
}
@media screen and (max-width: 768px) {
    .l-columns-2__pagination {
        margin-top: 12%;
        padding-right: 5.3333333333%;
        padding-left: 5.3333333333%;
    }
}
.l-columns-2__lead {
    margin-bottom: 67px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px;
    max-width: 905px;
}
@media screen and (max-width: 1280px) {
    .l-columns-2__lead {
        padding-right: 3.125%;
        padding-left: 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .l-columns-2__lead {
        margin-bottom: 8vw;
        padding-right: 5.3333333333%;
        padding-left: 5.3333333333%;
    }
}
.l-columns-2__lead-txt {
    text-align: center;
    line-height: 1.75;
    letter-spacing: 0.06em;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .l-columns-2__lead-txt {
        text-align: justify;
        line-height: 1.86;
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   l-contents
--------------------------------------------- */
.l-contents {
    padding-top: 0;
}
@media screen and (max-width: 768px) {
    .l-contents {
        padding-top: 70px;
    }
}
.l-contents--product-detail {
    padding-top: 0;
}
@media screen and (max-width: 768px) {
    .l-contents--product-detail {
        padding-top: calc(70px + 49px);
    }
}
.l-contents--special {
    padding-top: 0;
}
@media screen and (max-width: 768px) {
    .l-contents--special {
        padding-top: 70px;
    }
}
@media screen and (max-width: 768px) {
    .l-contents--akita {
        padding-top: 70px;
    }
}
.l-contents--recruit-top {
    position: relative;
}
.l-contents--recruit-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4088px;
    background: linear-gradient(180deg, #ffffff 3.02%, #f9f9f9 20.8%, #f7f7f7 66.94%, #ffffff 95.3%);
}
@media screen and (max-width: 768px) {
    .l-contents--recruit-top::before {
        height: 1433.6vw;
    }
}
@media screen and (max-width: 768px) {
    .l-contents.has-sidebar {
        padding-top: 117px;
    }
}

/* ---------------------------------------------
*   l-footer
--------------------------------------------- */
.l-footer {
    color: #fff;
    background-color: #333;
    font-family: noto-sans-cjk-jp, sans-serif;
}
.l-footer__container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 40px 44px;
}
@media screen and (max-width: 1280px) {
    .l-footer__container {
        padding: 4.8611111111% 2.7777777778% 3.0555555556%;
    }
}
@media screen and (max-width: 768px) {
    .l-footer__container {
        padding: 0 5.3333333333% 9.3333333333%;
    }
}
.l-footer__main {
    padding-bottom: 4.1666666667%;
    border-bottom: 1px solid #555;
}
@media screen and (max-width: 768px) {
    .l-footer__main {
        padding-bottom: 10.447761194%;
    }
}
@media screen and (max-width: 768px) {
    .l-footer__main--special-alcohol, .l-footer__main--healthmeter {
        padding-bottom: 0;
        border-bottom: none;
    }
}
@media screen and (max-width: 768px) {
    .l-footer__main--akita {
        padding-bottom: 0;
        border-bottom: none;
    }
}
.l-footer__sub {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 3.3333333333%;
}
@media screen and (max-width: 1060px) {
    .l-footer__sub {
        flex-direction: column;
    }
}
@media screen and (max-width: 768px) {
    .l-footer__sub {
        display: block;
        padding-top: 11.0447761194%;
    }
}
.l-footer__info {
    display: flex;
    align-items: center;
}
@media screen and (max-width: 1060px) {
    .l-footer__info {
        flex-direction: column;
    }
}
@media screen and (max-width: 768px) {
    .l-footer__info {
        display: block;
    }
}
.l-footer__logo {
    width: 100px;
}
@media screen and (max-width: 768px) {
    .l-footer__logo {
        width: 29.8507462687%;
        margin: 0 auto;
    }
}
.l-footer__logo-link {
    display: block;
}
@media screen and (min-width: 769px) {
    .l-footer__logo-link {
        transition: opacity 300ms;
    }
    .l-footer__logo-link:hover {
        opacity: 0.8;
    }
}
.l-footer__logo-link img {
    display: block;
}
.l-footer__sub-nav {
    margin-left: 5px;
}
@media screen and (max-width: 1060px) {
    .l-footer__sub-nav {
        margin-top: 5.9701492537%;
        margin-left: 0;
    }
}
.l-footer__sub-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
    .l-footer__sub-list {
        justify-content: center;
    }
}
.l-footer__sub-item {
    padding: 0 1em;
    border-left: 1px solid #fff;
}
.l-footer__sub-item:first-of-type {
    border: none;
}
@media screen and (max-width: 768px) {
    .l-footer__sub-item:last-of-type {
        border: none;
        margin-top: 0.5em;
    }
}
.l-footer__sub-link {
    display: block;
    font-size: 0.8125rem;
    line-height: 1;
}
@media screen and (min-width: 769px) {
    .l-footer__sub-link {
        transition: opacity 300ms;
    }
    .l-footer__sub-link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .l-footer__sub-link {
        font-size: 3.4666666667vw;
    }
}
.l-footer__copyright-txt {
    display: block;
    font-size: 0.75rem;
    white-space: nowrap;
}
@media screen and (max-width: 1060px) {
    .l-footer__copyright-txt {
        margin-top: 8.9552238806%;
    }
}
@media screen and (max-width: 768px) {
    .l-footer__copyright-txt {
        font-size: 3.2vw;
        text-align: center;
    }
}

/*  l-footer-nav
--------------------------------------------- */
.l-footer-nav {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .l-footer-nav {
        display: block;
    }
}
@media screen and (min-width: 769px) {
    .l-footer-nav__list-wrap {
        display: block !important;
        overflow: visible !important;
        height: auto !important;
    }
}
.l-footer-nav__column {
    width: 18.3333333333%;
    margin-left: 2.0833333333%;
}
@media screen and (max-width: 768px) {
    .l-footer-nav__column {
        width: 100%;
        margin-left: 0;
    }
}
.l-footer-nav__column:first-of-type {
    margin-left: 0 !important;
}
.l-footer-nav--special-alcohol .l-footer-nav__column {
    width: 21.6666666667%;
}
@media screen and (max-width: 768px) {
    .l-footer-nav--special-alcohol .l-footer-nav__column {
        width: 100%;
    }
}
.l-footer-nav--healthmeter .l-footer-nav__column {
    width: auto;
    margin-left: 2em;
}
@media screen and (max-width: 768px) {
    .l-footer-nav--healthmeter .l-footer-nav__column {
        width: 100%;
        margin-left: 0;
    }
}
.l-footer-nav__column--akita-wide {
    width: 20.8333333333%;
    margin-left: 2.0833333333%;
}
@media screen and (max-width: 768px) {
    .l-footer-nav__column--akita-wide {
        width: 100%;
        margin-left: 0;
    }
}
.l-footer-nav__column--akita-wide:first-of-type {
    margin-left: 0 !important;
}
.l-footer-nav__column--akita-narrow {
    width: 16.6666666667%;
    margin-left: 2.0833333333%;
}
@media screen and (max-width: 768px) {
    .l-footer-nav__column--akita-narrow {
        width: 100%;
        margin-left: 0;
    }
}
.l-footer-nav__column--akita-narrow:first-of-type {
    margin-left: 0 !important;
}
.l-footer-nav__unit {
    margin-top: 31.8181818182%;
}
@media screen and (max-width: 768px) {
    .l-footer-nav__unit {
        margin-top: 0;
        border-bottom: 1px solid #555;
    }
}
.l-footer-nav__unit:first-of-type {
    margin-top: 0 !important;
}
.l-footer-nav__unit--select {
    font-family: century-gothic, sans-serif;
    font-size: 1rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .l-footer-nav__unit--select {
        margin-top: 8.9552238806%;
        border-bottom: none;
    }
}
@media screen and (min-width: 769px) {
    .l-footer-nav__unit--select a {
        transition: opacity 300ms;
    }
    .l-footer-nav__unit--select a:hover {
        opacity: 0.8;
    }
}
.l-footer-nav--healthmeter .l-footer-nav__unit {
    margin-top: 25px;
}
@media screen and (max-width: 1280px) {
    .l-footer-nav--healthmeter .l-footer-nav__unit {
        margin-top: 1.7361111111vw;
    }
}
@media screen and (max-width: 768px) {
    .l-footer-nav--healthmeter .l-footer-nav__unit {
        margin-top: 0;
    }
}
.l-footer-nav__unit--instagram {
    letter-spacing: 0;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.6;
}
@media screen and (max-width: 768px) {
    .l-footer-nav__unit--instagram {
        border-bottom: none;
        font-size: 4vw;
        padding: 8vw 0 0;
        line-height: 1.4;
        text-align: center;
    }
}
.l-footer-nav__unit--instagram img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.l-footer-nav__head {
    font-size: 1rem;
    font-weight: bold;
}
@media screen and (min-width: 769px) {
    .l-footer-nav__head {
        pointer-events: none;
    }
}
@media screen and (max-width: 768px) {
    .l-footer-nav__head {
        position: relative;
        padding: 4.8vw 0;
        font-size: 4vw;
        cursor: pointer;
    }
}
.l-footer-nav__unit--select .l-footer-nav__head {
    padding: 0;
    font-family: century-gothic, sans-serif;
    cursor: default;
}
.l-footer-nav__unit--select .l-footer-nav__head::before, .l-footer-nav__unit--select .l-footer-nav__head::after {
    content: none;
}

@media screen and (max-width: 768px) {
    .l-footer-nav__head::before, .l-footer-nav__head::after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 3.2vw;
        width: 3.7333333333vw;
        height: 0.5333333333vw;
        background-color: #fff;
    }
}
@media screen and (max-width: 768px) {
    .l-footer-nav__head::before {
        transform: translateY(-50%);
    }
}
@media screen and (max-width: 768px) {
    .l-footer-nav__head::after {
        transition: transform 0.3s;
        transform: translateY(-50%) rotate(90deg);
    }
}
@media screen and (max-width: 768px) {
    .l-footer-nav__head.is-open::after {
        transform: translateY(-50%) rotate(360deg);
    }
}
.l-footer-nav__head-link {
    display: block;
    font-size: 1rem;
    font-weight: bold;
}
@media screen and (min-width: 769px) {
    .l-footer-nav__head-link {
        transition: opacity 300ms;
    }
    .l-footer-nav__head-link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .l-footer-nav__head-link {
        position: relative;
        padding: 4.8vw 0;
        font-size: 4vw;
        cursor: pointer;
        letter-spacing: 0;
    }
}
.l-footer-nav__list {
    margin-top: 5.9090909091%;
}
@media screen and (min-width: 769px) {
    .l-footer-nav__list {
        display: block !important;
        height: auto !important;
    }
}
@media screen and (max-width: 768px) {
    .l-footer-nav__list {
        transition: height 0.3s ease-in-out;
        overflow: hidden;
        margin-top: 0;
    }
}
.l-footer-nav--healthmeter .l-footer-nav__list {
    margin-top: 30px;
}
@media screen and (max-width: 1280px) {
    .l-footer-nav--healthmeter .l-footer-nav__list {
        margin-top: 2.0833333333vw;
    }
}
@media screen and (max-width: 768px) {
    .l-footer-nav--healthmeter .l-footer-nav__list {
        margin-top: 0;
    }
}
@media screen and (max-width: 768px) {
    .l-footer-nav__item {
        border-top: 1px solid #555;
    }
}
@media screen and (min-width: 769px) {
    .l-footer-nav__item--has-mgt {
        margin-top: 30px;
    }
}
.l-footer-nav__link {
    display: block;
    font-size: 0.8125rem;
    line-height: 2;
    letter-spacing: 0;
}
@media screen and (min-width: 769px) {
    .l-footer-nav__link {
        margin-top: 6px;
        line-height: 1.4;
        transition: opacity 300ms;
    }
    .l-footer-nav__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .l-footer-nav__link {
        padding: 4vw 5.3333333333vw;
        font-size: 3.7333333333vw;
    }
}
.l-footer-nav__link--head {
    pointer-events: none;
    font-weight: bold;
}
.l-footer-nav__select {
    position: relative;
    margin-top: 15px;
    border: 1px solid #fff;
    border-radius: 5px;
}
@media screen and (min-width: 769px) {
    .l-footer-nav__select {
        transition: opacity 300ms;
    }
    .l-footer-nav__select:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .l-footer-nav__select {
        margin-top: 1.3333333333vw;
        border-radius: 1.3333333333vw;
    }
}
.l-footer-nav__select::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background: url(/lp/img/common/icon_arrow_white.svg) 0 0 no-repeat;
    background-size: contain;
}
@media screen and (max-width: 768px) {
    .l-footer-nav__select::before {
        right: 4vw;
        width: 2.6666666667vw;
        height: 1.6vw;
    }
}
.l-footer-nav__select select {
    display: block;
    width: 100%;
    padding: 13px 30px 13px 13px;
    font-size: 0.875rem;
    color: #fff;
    font-family: century-gothic, sans-serif;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .l-footer-nav__select select {
        padding: 3.2vw 8vw 3.2vw 3.2vw;
        font-size: 3.7333333333vw;
    }
}
.l-footer-nav__select select option {
    color: #333;
}

.l-footer-akita-instagram {
    width: 24px;
    height: 24px;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .l-footer-akita-instagram {
        margin: 11.0447761194% auto 0;
    }
}
.l-footer-akita-instagram img {
    width: 100%;
    height: auto;
}

.l-footer-pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 64px;
    height: 64px;
    background: rgba(0, 0, 0, 0.4);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 999;
}
@media screen and (max-width: 768px) {
    .l-footer-pagetop {
        width: 40px;
        height: 40px;
        right: 10px;
        bottom: 10px;
    }
}
.l-footer-pagetop.is-show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.l-footer-pagetop:hover {
    opacity: 0.6;
}

/* ---------------------------------------------
*   l-global-nav
--------------------------------------------- */
.l-global-nav {
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    background-color: #f0f3f5;
    letter-spacing: 0;
}
.l-global-nav__container {
    max-width: 1280px;
    max-height: calc(100vh - 140px);
    overflow-y: auto;
    margin: 0 auto;
    padding: 50px 40px 45px;
}
@media screen and (max-width: 1280px) {
    .l-global-nav__container {
        padding: 3.4722222222% 2.7777777778% 3.125%;
    }
}
.l-global-nav__row {
    display: flex;
    align-items: flex-start;
    border-top: 1px solid #ddd;
}
.l-global-nav__row--product {
    padding-bottom: 3.8333333333%;
    border-top: none;
}
.l-global-nav__row--product-business {
    padding-bottom: 1.6666666667%;
    border-top: none;
}
.l-global-nav__row--service {
    padding-top: 3.8333333333%;
}
.l-global-nav__row--banner {
    padding-bottom: 5%;
    border-top: none;
}
.l-global-nav__ttl {
    flex: none;
    width: 100px;
    margin-right: 4.1666666667%;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.2;
}
.l-global-nav__content {
    display: flex;
    width: 100%;
}
@media screen and (max-width: 1000px) {
    .l-global-nav__content {
        display: block;
    }
}
.l-global-nav__column {
    width: 50%;
}
@media screen and (max-width: 1000px) {
    .l-global-nav__column {
        width: 100%;
        margin-top: 40px;
    }
    .l-global-nav__column:first-of-type {
        margin-top: 0;
    }
}
.l-global-nav__unit {
    width: 100%;
    margin-top: 20px;
}
.l-global-nav__unit:first-of-type {
    margin-top: 0;
}
.l-global-nav__sub-ttl {
    margin-bottom: 20px;
    font-size: 0.9375rem;
    font-weight: bold;
}
.l-global-nav__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.l-global-nav__item {
    margin-bottom: 20px;
}
.l-global-nav__row--product .l-global-nav__item {
    width: 50%;
}
@media screen and (max-width: 1000px) {
    .l-global-nav__row--product .l-global-nav__item {
        width: 33.3333333333%;
    }
}

.l-global-nav__row--product-business .l-global-nav__item {
    width: 50%;
}
@media screen and (max-width: 1000px) {
    .l-global-nav__row--product-business .l-global-nav__item {
        width: 33.3333333333%;
    }
}

.l-global-nav__row--service .l-global-nav__item {
    width: 25%;
}
@media screen and (max-width: 1000px) {
    .l-global-nav__row--service .l-global-nav__item {
        width: 33.3333333333%;
    }
}

.l-global-nav__link {
    display: flex;
    align-items: center;
    padding-right: 1em;
}
@media screen and (min-width: 769px) {
    .l-global-nav__link {
        transition: opacity 300ms;
    }
    .l-global-nav__link:hover {
        opacity: 0.8;
    }
}
.l-global-nav__icon {
    width: 40px;
    margin-right: 10px;
    flex: none;
}
.l-global-nav__icon img {
    width: 100%;
}
.l-global-nav__txt {
    font-size: 0.875rem;
}
.l-global-nav__banner {
    display: flex;
    width: 100%;
    gap: 20px;
}
.l-global-nav__banner-item {
    display: flex;
    align-items: center;
    padding-right: 1em;
    max-width: 515px;
    width: 49.0476190476%;
    gap: 20px;
    background-color: #fff;
    border-radius: 5px;
}
@media screen and (min-width: 769px) {
    .l-global-nav__banner-item {
        transition: opacity 300ms;
    }
    .l-global-nav__banner-item:hover {
        opacity: 0.8;
    }
}
.l-global-nav__banner-img {
    width: 90px;
}
.l-global-nav__banner-txt {
    letter-spacing: 0.03em;
    font-weight: bold;
    font-size: 1rem;
}

/* ---------------------------------------------
*   l-header
--------------------------------------------- */
.l-header {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    height: 100px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    overflow: visible;
    font-family: noto-sans-cjk-jp, sans-serif;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .l-header {
        position: fixed;
        height: 70px;
    }
}
.l-header--akita {
    height: 100px;
}
@media screen and (max-width: 768px) {
    .l-header--akita {
        height: 70px;
    }
}
.l-header__container {
    position: relative;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    max-width: 1280px;
    margin: 0 auto;
    height: 100%;
    padding: 0 40px;
}
@media screen and (max-width: 1280px) {
    .l-header__container {
        padding: 0 2.7777777778%;
    }
}
@media screen and (max-width: 768px) {
    .l-header__container {
        padding: 0 5.3333333333%;
    }
}
.l-header__logo {
    display: flex;
    align-items: center;
    width: 129px;
}
@media screen and (max-width: 1100px) {
    .l-header__logo {
        width: 11.7272727273vw;
    }
}
@media screen and (max-width: 768px) {
    .l-header__logo {
        width: 90px;
    }
}
.l-header__logo--akita {
    width: 240px;
}
@media screen and (max-width: 1100px) {
    .l-header__logo--akita {
        width: 21.8181818182vw;
    }
}
@media screen and (max-width: 768px) {
    .l-header__logo--akita {
        width: 180px;
    }
}
.l-header__logo-link {
    display: block;
}
@media screen and (min-width: 769px) {
    .l-header__logo-link {
        transition: opacity 300ms;
    }
    .l-header__logo-link:hover {
        opacity: 0.8;
    }
}
.l-header__logo-link img {
    display: block;
}
.l-header__flex-wrap {
    display: flex;
    height: 100%;
}

/*  l-header-info
--------------------------------------------- */
.l-header-info {
    position: absolute;
    top: 0;
    right: 40px;
    display: flex;
    justify-content: flex-end;
    letter-spacing: 0;
}
.l-header-info__type {
    display: flex;
    align-items: center;
}
.l-header-info__type-item {
    margin-left: 30px;
}
.l-header-info__type-item:first-of-type {
    margin-left: 0;
}
.l-header-info__type-link {
    display: block;
    padding: 4px 0 3px;
    font-size: 0.875rem;
    border-bottom: 1px solid transparent;
    transition: color 0.3s, border-color 0.3s;
}
.l-header-info__type-link.current {
    font-weight: bold;
    color: #004198;
    border-color: #004198;
}
@media screen and (min-width: 769px) {
    .l-header-info__type-link:hover {
        font-weight: bold;
        color: #004198;
        border-color: #004198;
    }
}
.l-header-info__shop {
    margin-left: 40px;
}
.l-header-info__shop-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px 9px;
    background-color: #004198;
    border-radius: 0 0 4px 4px;
}
@media screen and (min-width: 769px) {
    .l-header-info__shop-link:hover {
        opacity: 0.7;
        transition: opacity 0.3s;
    }
}
.l-header-info__shop-icon {
    width: 20px;
    margin-right: 10px;
    line-height: 1;
}
.l-header-info__shop-txt {
    font-size: 0.875rem;
    font-weight: bold;
    color: #fff;
}

/*  l-header-nav
--------------------------------------------- */
.l-header-nav {
    display: flex;
    align-items: flex-end;
    padding-right: 7.4%;
}
.l-header-nav--akita {
    margin-top: auto;
    height: 100%;
    align-items: center;
    padding-right: 0;
}
.l-header-nav__list {
    display: flex;
}
.l-header-nav--akita .l-header-nav__list {
    margin-right: 23px;
    align-items: center;
}
@media screen and (max-width: 1100px) {
    .l-header-nav--akita .l-header-nav__list {
        margin-left: 2.0909090909vw;
    }
}
.l-header-nav__item {
    margin-left: 80px;
    padding-bottom: 17px;
    line-height: 1.5;
}
@media screen and (max-width: 1100px) {
    .l-header-nav__item {
        margin-left: 9.0909090909vw;
    }
}
.l-header-nav__item:first-of-type {
    margin-left: 0;
}
.l-header-nav__item.is-open {
    position: relative;
}
.l-header-nav__item.is-open::before {
    display: block;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #004198;
}
.l-header-nav--akita .l-header-nav__item {
    margin-left: 50px;
    white-space: nowrap;
    padding-bottom: 0;
}
@media screen and (max-width: 1100px) {
    .l-header-nav--akita .l-header-nav__item {
        margin-left: 4.5454545455vw;
    }
}
.l-header-nav--akita .l-header-nav__item:first-of-type {
    margin-left: 0;
}
.l-header-nav__link {
    display: block;
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    letter-spacing: 0;
}
.l-header-nav__link.is-current {
    color: #999;
}
@media screen and (max-width: 1100px) {
    .l-header-nav__link {
        font-size: 13px;
    }
}
@media screen and (min-width: 769px) {
    .l-header-nav__link {
        transition: opacity 300ms;
    }
    .l-header-nav__link:hover {
        opacity: 0.8;
    }
}

/* ---------------------------------------------
*   l-header-function
--------------------------------------------- */
.l-header-function {
    display: flex;
    align-items: flex-end;
    padding-bottom: 17px;
}
@media screen and (max-width: 768px) {
    .l-header-function {
        margin-right: 40px;
        padding-bottom: 0;
        align-items: center;
    }
}
.l-header-function--akita {
    margin-top: auto;
    height: 100%;
    padding-bottom: 0;
}
.l-header-function__list {
    display: flex;
    align-items: center;
}
.l-header-function--akita .l-header-function__list {
    height: 100%;
}
.l-header-function__item {
    margin-left: 18px;
}
@media screen and (max-width: 768px) {
    .l-header-function__item {
        margin-left: 14px;
    }
}
.l-header-function__link {
    display: block;
    width: 24px;
}
@media screen and (min-width: 769px) {
    .l-header-function__link {
        transition: opacity 300ms;
    }
    .l-header-function__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .l-header-function__link {
        width: 20px;
    }
}
.l-header-function__link img {
    display: block;
}

/* ---------------------------------------------
*   l-header-search
--------------------------------------------- */
.l-header-search {
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    background-color: #f0f3f5;
}
.l-header--akita .l-header-search {
    top: 100px;
}
@media screen and (max-width: 768px) {
    .l-header--akita .l-header-search {
        top: 70px;
    }
}
@media screen and (max-width: 768px) {
    .l-header-search {
        top: 70px;
    }
}
.l-header-search__container {
    padding: 24px 0;
}
@media screen and (max-width: 768px) {
    .l-header-search__container {
        padding: 4% 5.3333333333%;
    }
}

/* ---------------------------------------------
*   l-header-instagram
--------------------------------------------- */
.l-header-instagram--akita {
    width: 24px;
    height: 100%;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin: 0 0 0 18px;
}
@media screen and (max-width: 768px) {
    .l-header-instagram--akita {
        margin: 0;
    }
}

/*  l-header-product-detail
--------------------------------------------- */
.l-header-product-detail {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    height: 100px;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .l-header-product-detail {
        position: fixed;
        height: 70px;
    }
}
.l-header-product-detail__container {
    position: sticky;
    top: 0;
    z-index: 998;
    height: 60px;
    background-color: #fff;
    border-top: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .l-header-product-detail__container {
        position: fixed;
        width: 100%;
        margin-top: 70px;
        height: 50px;
    }
}
.l-header-product-detail__nav-link {
    position: relative;
    font-size: 0.9375rem;
}
@media screen and (max-width: 1100px) {
    .l-header-product-detail__nav-link {
        font-size: 0.8125rem;
    }
}
@media screen and (min-width: 769px) {
    .l-header-product-detail__nav-link {
        transition: opacity 300ms;
    }
    .l-header-product-detail__nav-link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .l-header-product-detail__nav-link {
        display: block;
        padding: 4.8vw 0;
        letter-spacing: 0.06em;
        font-size: 4vw;
    }
}
.l-header-product-detail__nav-link--book {
    padding-left: 30px;
}
@media screen and (max-width: 768px) {
    .l-header-product-detail__nav-link--book {
        padding-left: 8vw;
    }
}
.l-header-product-detail__nav-link--book:before {
    content: "";
    position: absolute;
    top: calc(50% + 1px);
    left: 0;
    width: 23px;
    height: 17px;
    background: url(/lp/img/common/icon_book_black.svg) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
}
@media screen and (max-width: 1100px) {
    .l-header-product-detail__nav-link--book:before {
        width: 21px;
        height: 15px;
    }
}
@media screen and (max-width: 768px) {
    .l-header-product-detail__nav-link--book:before {
        width: 6.1333333333vw;
        height: 4.5333333333vw;
    }
}
.l-header-product-detail__btn-link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    width: 130px;
    height: 36px;
    color: #fff;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 0.875rem;
    background-color: #333;
    border-radius: 18px;
}
@media screen and (max-width: 1100px) {
    .l-header-product-detail__btn-link {
        width: 100px;
        height: 30px;
        border-radius: 15px;
    }
}
@media screen and (min-width: 769px) {
    .l-header-product-detail__btn-link {
        transition: opacity 300ms;
    }
    .l-header-product-detail__btn-link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .l-header-product-detail__btn-link {
        margin-top: 9.6vw;
        width: 89.3333333333vw;
        height: 13.3333333333vw;
        font-weight: 500;
        font-size: 4.2666666667vw;
        border-radius: 6.6666666667vw;
    }
}

/*  l-header-product-detail-nav
--------------------------------------------- */
.l-header-product-detail-nav {
    height: 100%;
}
.l-header-product-detail-nav__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    max-width: 1440px;
    height: 100%;
    padding-right: 2.7777777778%;
    padding-left: 3.4722222222%;
}
@media screen and (min-width: 1281px) {
    .l-header-product-detail-nav__container {
        padding-right: 40px;
        padding-left: 50px;
    }
}
@media screen and (max-width: 768px) {
    .l-header-product-detail-nav__container {
        padding-right: 4vw;
        padding-left: 5.3333333333vw;
    }
}
.l-header-product-detail-nav__row--arrow {
    display: flex;
    align-items: center;
}
.l-header-product-detail-nav__nav {
    display: flex;
}
.l-header-product-detail-nav__list {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 25px;
    padding-left: 29px;
}
@media screen and (max-width: 1100px) {
    .l-header-product-detail-nav__list {
        margin-left: 1.3636363636vw;
        padding-left: 1.7272727273vw;
    }
}
.l-header-product-detail-nav__list:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 30px;
    background-color: #ddd;
    transform: translateY(-50%);
}
.l-header-product-detail-nav__list:first-of-type {
    margin-left: 0;
    padding-left: 0;
}
.l-header-product-detail-nav__list:first-of-type:before {
    display: none;
}
.l-header-product-detail-nav__item {
    position: relative;
    margin-left: 25px;
}
@media screen and (max-width: 1100px) {
    .l-header-product-detail-nav__item {
        margin-left: 1.3636363636vw;
    }
}
.l-header-product-detail-nav__item:first-of-type {
    margin-left: 0;
}
.l-header-product-detail-nav__series {
    line-height: 1.46;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-family: century-gothic, sans-serif;
    font-size: 1.125rem;
}
@media screen and (max-width: 1100px) {
    .l-header-product-detail-nav__series {
        font-size: 0.9375rem;
    }
}
@media screen and (max-width: 768px) {
    .l-header-product-detail-nav__series {
        font-size: 4vw;
    }
}
.l-header-product-detail-nav__series--ff-noto {
    line-height: 1.5;
    font-family: noto-sans-cjk-jp, sans-serif;
}
@media screen and (max-width: 768px) {
    .l-header-product-detail-nav__series--ff-noto {
        font-size: 4vw;
    }
}
@media screen and (max-width: 768px) {
    .l-header-product-detail-nav__arrow {
        width: 4vw;
        height: auto;
    }
}
.l-header-product-detail-nav__arrow img {
    width: 100%;
    vertical-align: middle;
    transform-origin: center;
    transition: transform 0.3s;
    transform: rotate(180deg);
}
.l-header-product-detail-nav__arrow.is-open img {
    transform: rotate(0deg);
}

/* ---------------------------------------------
*   l-header-special
--------------------------------------------- */
.l-header-special {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    height: 90px;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .l-header-special {
        position: fixed;
        height: 70px;
    }
}
.l-header-special__container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    max-width: 1440px;
    margin: 0 auto;
    height: 100%;
    padding: 0 40px;
}
@media screen and (max-width: 1280px) {
    .l-header-special__container {
        padding: 0 2.7777777778%;
    }
}
@media screen and (max-width: 768px) {
    .l-header-special__container {
        padding: 0 5.3333333333%;
    }
}
.l-header-special__logo {
    display: flex;
    align-items: center;
}
.l-header-special__logo-link {
    display: block;
    width: 120px;
}
@media screen and (max-width: 768px) {
    .l-header-special__logo-link {
        width: 90px;
    }
}
@media screen and (min-width: 769px) {
    .l-header-special__logo-link {
        transition: opacity 300ms;
    }
    .l-header-special__logo-link:hover {
        opacity: 0.8;
    }
}
.l-header-special__ttl {
    margin-left: 13px;
    padding-bottom: 5px;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .l-header-special__ttl {
        font-size: 3.4666666667vw;
    }
}

/* ---------------------------------------------
*   l-header-special-nav
--------------------------------------------- */
.l-header-special-nav {
    position: sticky;
    top: 0;
    z-index: 999;
    height: 60px;
    background-color: #f0f3f5;
}
.l-header-special-nav__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    max-width: 1440px;
    width: 100%;
    height: 100%;
}
.l-header-special-nav__list {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 40px;
    height: 100%;
    overflow: auto;
}
.l-header-special-nav__list-item {
    margin-left: 40px;
    padding-top: 2px;
    white-space: nowrap;
}
@media screen and (max-width: 1280px) {
    .l-header-special-nav__list-item {
        margin-left: 2.7777777778vw;
    }
}
.l-header-special-nav__link {
    letter-spacing: 0em;
    font-weight: bold;
    font-size: 1rem;
    border-bottom: 2px solid transparent;
}
@media screen and (min-width: 769px) {
    .l-header-special-nav__link {
        transition: opacity 300ms;
    }
    .l-header-special-nav__link:hover {
        opacity: 0.8;
    }
}
.l-header-special-nav__link.is-current {
    border-bottom: 2px solid #004198;
}
.l-header-special-nav__link-list {
    z-index: 1;
    display: flex;
    height: 100%;
    font-size: 0;
    background-color: #f0f3f5;
    box-shadow: -20px 0px 10px -10px #f0f3f5;
}
.l-header-special-nav__link-list-item {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 15px;
    height: 100%;
    white-space: nowrap;
}
.l-header-special-nav__register {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 21px;
    height: 36px;
    border: 2px solid #004198;
    border-radius: 18px;
    transition: background-color 0.3s;
}
.l-header-special-nav__register:hover {
    background-color: #004198;
}
.l-header-special-nav__register:hover .l-header-special-nav__register-txt {
    color: #fff;
}
.l-header-special-nav__register:hover .l-header-special-nav__register-txt::before {
    background-image: url(/lp/img/common/icon_person_white.svg);
}
.l-header-special-nav__register-txt {
    position: relative;
    padding-left: 21px;
    font-weight: bold;
    font-size: 0.875rem;
    color: #004198;
}
.l-header-special-nav__register-txt::before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 16px;
    height: 18px;
    background: url(/lp/img/common/icon_person_blue.svg) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
    content: "";
}
.l-header-special-nav__register-list {
    position: absolute;
    top: 60px;
    left: 0;
    width: 220px;
    z-index: 99;
}
.l-header-special-nav__register-item:first-of-type {
    border-bottom: 1px solid #ddd;
}
.l-header-special-nav__register-link {
    display: block;
    padding: 18px 15px;
    font-size: 1rem;
    background-color: #fff;
    transition: background-color 0.3s, font-weight 0.3s;
}
.l-header-special-nav__register-link:hover {
    background-color: #f0f3f5;
    font-weight: bold;
}
.l-header-special-nav__contact {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 100%;
    background-color: #004198;
}
.l-header-special-nav__contact--wbgt {
    background-image: linear-gradient(98.6deg, #ff7900 0%, #ff0000 100%);
}
@media screen and (min-width: 769px) {
    .l-header-special-nav__contact {
        transition: opacity 300ms;
    }
    .l-header-special-nav__contact:hover {
        opacity: 0.8;
    }
}
.l-header-special-nav__contact-txt {
    position: relative;
    padding-left: 40px;
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
}
.l-header-special-nav__contact-txt::before {
    position: absolute;
    top: calc(50% + 3px);
    left: 0;
    width: 34px;
    height: 20px;
    background: url(/lp/img/common/icon_contact-white.svg) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
    content: "";
}

/* ---------------------------------------------
*   c-form-search
--------------------------------------------- */
.c-form-search {
    max-width: 750px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-form-search {
        max-width: 100%;
    }
}
.c-form-search__inner {
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 80px;
    background-color: #fff;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-form-search__inner {
        border-radius: 10.6666666667vw;
    }
}
.c-form-search__input {
    padding-left: 20px;
    padding-right: 50px;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-form-search__input {
        padding-left: 5.3333333333vw;
        padding-right: 13.3333333333vw;
        height: 12vw;
        font-size: 3.7333333333vw;
    }
}
.c-form-search__submit {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 24px;
}
@media screen and (max-width: 768px) {
    .c-form-search__submit {
        right: 4.8vw;
        width: 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   slide
--------------------------------------------- */
.slide-enter,
.slide-leave-to {
    height: 0;
}

.slide-enter-active,
.slide-leave-active {
    transition: height 0.3s;
}

/* ---------------------------------------------
*   l-header-menu-button
--------------------------------------------- */
.l-header-menu-button {
    position: absolute;
    top: 42%;
    right: 20px;
    display: block;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    margin: 0;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: none;
    cursor: pointer;
    line-height: 1.5;
}
.l-header-menu-button__lines {
    position: relative;
    display: block;
    width: 25px;
    height: 11px;
}
.l-header-menu-button__line {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 2px;
    background-color: #333;
    transition: 500ms;
}
.l-header-menu-button__line--top {
    top: 0;
}
.l-header-menu-button__line--top.is-open {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}
.l-header-menu-button__line--bottom {
    bottom: 0;
}
.l-header-menu-button__line--bottom.is-open {
    bottom: 50%;
    transform: translateY(50%) rotate(-45deg);
}

/* ---------------------------------------------
*   l-header-menu
--------------------------------------------- */
.l-header-menu {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    height: calc(100vh - 70px);
    height: calc(100dvh - 70px);
    overflow: hidden;
    background-color: #f0f3f5;
    line-height: 1.5;
    letter-spacing: 0.06em;
}
.l-header-menu.slide-enter, .l-header-menu.slide-leave-to {
    height: 0;
}
.l-header-menu.slide-enter-to, .l-header-menu.slide-leave-from {
    height: calc(100vh - 70px);
    height: calc(100dvh - 70px);
}
.l-header-menu .slide-enter-active,
.l-header-menu .slide-leave-active {
    transition: height 0.3s;
}
.l-header-menu--product-detail {
    top: 49px;
}
.l-header-menu__container {
    height: 100%;
    overflow-y: auto;
    padding: 6.4% 5.3333333333% 13.3333333333%;
    box-sizing: border-box;
}
.l-header-menu__container--product-detail {
    padding: 0 5.3333333333% 13.3333333333%;
}
.l-header-menu__type {
    display: flex;
    border: 1px solid #004198;
    border-radius: 1.3333333333vw;
    background-color: #fff;
    overflow: hidden;
}
.l-header-menu__type-btn {
    display: block;
    width: 50%;
    padding: 2.4vw;
    font-size: 4vw;
    text-align: center;
    text-decoration: none;
    color: #333;
}
.l-header-menu__type-btn.current {
    font-weight: bold;
    color: #fff;
    background-color: #004198;
}
.l-header-menu__nav {
    margin: 20px 0 40px;
}
.l-header-menu__item {
    border-bottom: 1px solid #ddd;
}
.l-header-menu__link {
    position: relative;
    display: block;
    width: 100%;
    padding: 4.8vw 0;
    font-size: 4vw;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    color: #333;
}
.l-header-menu__link::before, .l-header-menu__link::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 3.2vw;
    width: 3.7333333333vw;
    height: 0.5333333333vw;
    background-color: #333;
}
.l-header-menu__link::before {
    transform: translateY(-50%);
}
.l-header-menu__link::after {
    transform: translateY(-50%) rotate(90deg);
    transition: transform 0.3s;
}
.l-header-menu__link.is-open::after {
    transform: translateY(-50%) rotate(360deg);
}
.l-header-menu__link--no-acc::before, .l-header-menu__link--no-acc::after {
    display: none;
}
.l-header-menu__inner-list {
    transition: height 0.3s ease-in-out;
    overflow: hidden;
}
.l-header-menu__inner-item {
    border-top: 1px solid #ddd;
}
.l-header-menu__inner-link {
    display: flex;
    align-items: center;
    gap: 3.7333333333vw;
    padding: 5.0666666667vw 5.3333333333vw;
    font-size: 3.7333333333vw;
    text-decoration: none;
    color: #333;
}
.l-header-menu__inner-link--head {
    font-weight: bold;
}
.l-header-menu__inner-icon {
    margin-block: -2.6666666667vw;
    line-height: 1;
}
.l-header-menu__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 7.2vw;
    width: 100%;
    padding: 3.2vw 0 4.2666666667vw;
    border: 1px solid #004198;
    background-color: #fff;
    border-radius: 1.3333333333vw;
    text-decoration: none;
    color: #333;
}
.l-header-menu__btn-txt {
    margin-top: 0.5333333333vw;
    font-size: 4vw;
    font-weight: bold;
    color: #004198;
}
.l-header-menu__shop {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4.2666666667vw;
    width: 100%;
    padding: 3.4666666667vw 0 4.2666666667vw;
    background-color: #004198;
    border-radius: 1.3333333333vw;
    position: relative;
    text-decoration: none;
}
.l-header-menu__shop[target=_blank]::after {
    position: absolute;
    top: 50%;
    right: 10px;
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background: url(/lp/img/common/icon_blank_white2.svg) 0 0/100% no-repeat;
    transform: translateY(-50%);
}
.l-header-menu__shop-icon {
    width: 6.4vw;
    margin-right: 1.6vw;
}
.l-header-menu__shop-icon img {
    display: block;
    width: 100%;
}
.l-header-menu__shop-txt {
    margin-top: 0.5333333333vw;
    font-size: 4vw;
    font-weight: bold;
    color: #fff;
}
.l-header-menu__register {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 7.2vw;
    width: 100%;
    padding: 3.4666666667vw 0 4.2666666667vw;
    border: 2px solid #004198;
    border-radius: 1.3333333333vw;
}
.l-header-menu__register-icon {
    position: relative;
    top: 0;
    width: 5.8666666667vw;
    margin-right: 1.6vw;
}
.l-header-menu__register-icon img {
    display: block;
    width: 100%;
}
.l-header-menu__register-txt {
    margin-top: 0.5333333333vw;
    font-size: 4.2666666667vw;
    font-weight: bold;
    color: #004198;
}
.l-header-menu__contact {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 7.2vw;
    width: 100%;
    padding: 3.4666666667vw 0 4.2666666667vw;
    background-color: #004198;
    border-radius: 1.3333333333vw;
}
.l-header-menu__contact--mgt-10 {
    margin-top: 2.6666666667vw;
}
.l-header-menu__contact-icon {
    position: relative;
    top: 1.0666666667vw;
    width: 9.0666666667vw;
    margin-right: 1.8666666667vw;
}
.l-header-menu__contact-icon img {
    display: block;
    width: 100%;
}
.l-header-menu__contact-txt {
    margin-top: 0.5333333333vw;
    font-size: 4.2666666667vw;
    font-weight: bold;
    color: #fff;
}
.l-header-menu__other-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.l-header-menu__other-item {
    border-left: 1px solid #333;
    padding: 0 1em;
    line-height: 1.1;
}
.l-header-menu__other-item:first-of-type {
    border-left: none;
}
.l-header-menu__other-link {
    display: block;
    font-size: 3.4666666667vw;
    white-space: nowrap;
}
.l-header-menu__sns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    gap: 25px;
}
.l-header-menu__sns-link {
    width: 30px;
}
.l-header-menu__sns-link img {
    vertical-align: top;
}

/* ---------------------------------------------
*   c-form-search
--------------------------------------------- */
.c-form-search {
    max-width: 750px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-form-search {
        max-width: 100%;
    }
}
.c-form-search__inner {
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 80px;
    background-color: #fff;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-form-search__inner {
        border-radius: 10.6666666667vw;
    }
}
.c-form-search__input {
    padding-left: 20px;
    padding-right: 50px;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-form-search__input {
        padding-left: 5.3333333333vw;
        padding-right: 13.3333333333vw;
        height: 12vw;
        font-size: 3.7333333333vw;
    }
}
.c-form-search__submit {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 24px;
}
@media screen and (max-width: 768px) {
    .c-form-search__submit {
        right: 4.8vw;
        width: 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   l-main-recruit
--------------------------------------------- */
.l-main-recruit {
    position: relative;
    background-color: #f9f9f9;
}
.l-main-recruit--top {
    background-color: transparent;
}
.l-main-recruit--top::before {
    top: 0;
}
.l-main-recruit::before {
    content: "";
    position: absolute;
    top: 110px;
    left: 0;
    width: 23px;
    height: 100%;
    background: url(/lp/img/company/recruit/graduate/common/icon_line.png) 0 0 repeat-y;
    background-size: contain;
}
@media screen and (max-width: 768px) {
    .l-main-recruit::before {
        top: 8.5333333333vw;
        width: 3.4666666667vw;
    }
}

/* ---------------------------------------------
*   l-sidebar-1
--------------------------------------------- */
.l-sidebar-1 {
    width: 200px;
    margin-right: 60px;
    flex: none;
}
@media screen and (max-width: 1280px) {
    .l-sidebar-1 {
        margin-right: 4.6875vw;
    }
}
@media screen and (max-width: 768px) {
    .l-sidebar-1 {
        position: absolute;
        top: 70px;
        left: 0;
        margin: 0;
        width: 100%;
        z-index: 1;
    }
}
.l-sidebar-1__head {
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1.125rem;
    font-weight: bold;
    border-bottom: 2px solid #004198;
}
@media screen and (min-width: 769px) {
    .l-sidebar-1__head {
        pointer-events: none;
    }
}
@media screen and (max-width: 768px) {
    .l-sidebar-1__head {
        padding: 13px 20px;
        font-size: 15px;
        background-color: #fff;
        border-bottom: none;
    }
}
@media screen and (max-width: 768px) {
    .l-sidebar-1__head::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        width: 15px;
        height: 9px;
        background: url(/lp/img/common/icon_arrow_black.svg) 0 0 no-repeat;
        background-size: contain;
        transition: transform 0.3s;
    }
}
.l-sidebar-1__head.is-open::before {
    transform: translateY(-50%) rotate(180deg);
}
@media screen and (min-width: 769px) {
    .l-sidebar-1__list-wrap {
        display: block !important;
        overflow: visible !important;
        height: auto !important;
    }
}
@media screen and (max-width: 768px) {
    .l-sidebar-1__list {
        padding: 0 20px;
        background-color: #f0f3f5;
    }
}
.l-sidebar-1__item {
    border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .l-sidebar-1__item:last-of-type {
        border-bottom: none;
    }
}
.l-sidebar-1__link {
    display: block;
    padding: 18px 10px;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .l-sidebar-1__link {
        padding: 18px 0;
        font-size: 15px;
    }
}
.l-sidebar-1__link.current {
    background-color: #f0f3f5;
}

/* ---------------------------------------------
*   l-sidebar-2
--------------------------------------------- */
.l-sidebar-2 {
    position: relative;
}
.l-sidebar-2__head {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .l-sidebar-2__head {
        padding-bottom: 0;
        border-bottom: 0;
        align-items: center;
        background-color: #f0f3f5;
        border-radius: 1.3333333333vw;
        height: 10.6666666667vw;
    }
}
.l-sidebar-2__body {
    margin-top: 28px;
}
@media screen and (max-width: 768px) {
    .l-sidebar-2__body {
        position: absolute;
        z-index: 4;
        margin-top: 4.5333333333vw;
        padding-bottom: 0;
        width: 100%;
        max-height: 80vh;
        border-bottom: none;
        background-color: #fff;
        overflow: auto;
    }
}
.l-sidebar-2__ttl {
    line-height: 1.6;
    font-size: 1rem;
    color: #333;
}
@media screen and (max-width: 768px) {
    .l-sidebar-2__ttl {
        position: relative;
        display: block;
        padding-left: 11.0447761194%;
        width: 100%;
        height: 100%;
        text-align: left;
        line-height: 2;
        font-size: 3.7333333333vw;
    }
    .l-sidebar-2__ttl:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 4.4776119403%;
        width: 4vw;
        height: 4.5333333333vw;
        background: url(/lp/img/common/icon_filtering.svg) 0 0 no-repeat;
        background-size: 100% auto;
        transform: translateY(-50%);
    }
}
.l-sidebar-2__clear {
    line-height: 2.33;
    color: #999;
    font-size: 0.75rem;
}
@media screen and (min-width: 769px) {
    .l-sidebar-2__clear {
        transition: opacity 300ms;
    }
    .l-sidebar-2__clear:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .l-sidebar-2__btn-container {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-top: 9.3333333333vw;
        padding-bottom: 10.6666666667vw;
    }
}

/* ---------------------------------------------
*   l-sidebar-3
--------------------------------------------- */
.l-sidebar-3 {
    position: sticky;
    top: 100px;
    left: 0;
    width: 24.1666666667%;
    padding: 40px 2.0833333333%;
    background-color: #fff;
    flex-shrink: 0;
}
@media screen and (max-width: 768px) {
    .l-sidebar-3 {
        position: static;
        width: 100%;
        margin-bottom: 10.6666666667vw;
        padding: 2.6666666667vw 6.0422960725%;
    }
}
@media screen and (max-width: 768px) {
    .l-sidebar-3__list {
        display: flex;
        flex-wrap: wrap;
        gap: 0 9.9656357388%;
    }
}
.l-sidebar-3__item {
    margin-top: 5px;
}
@media screen and (max-width: 768px) {
    .l-sidebar-3__item {
        margin-top: 0;
        width: 45.0171821306%;
        border-top: 1px solid #eae4de;
    }
    .l-sidebar-3__item:first-of-type, .l-sidebar-3__item:nth-of-type(2) {
        border-top: none;
    }
}
.l-sidebar-3__item:first-of-type {
    margin-top: 0;
}
.l-sidebar-3__link {
    position: relative;
    display: block;
    padding: 12px 5px 12px 45px;
    font-size: 1.125rem;
    font-weight: bold;
    border-radius: 52px;
}
@media screen and (min-width: 769px) {
    .l-sidebar-3__link {
        transition: opacity 300ms;
    }
    .l-sidebar-3__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .l-sidebar-3__link {
        display: flex;
        align-items: center;
        height: 100%;
        padding: 3.7333333333vw 1em 3.7333333333vw 0;
        font-size: 3.4666666667vw;
        border-radius: 0;
        letter-spacing: 0;
    }
}
.l-sidebar-3__link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 21px;
    transform: translateY(-50%);
    width: 13px;
    height: 17px;
    background: url(/lp/img/company/recruit/graduate/common/img_triangle_orange.svg) 0 0 no-repeat;
    background-size: contain;
}
@media screen and (max-width: 768px) {
    .l-sidebar-3__link::before {
        left: auto;
        right: 0;
        width: 2.1333333333vw;
        height: 2.9333333333vw;
        transform: translateY(-50%) rotate(90deg);
    }
}
@media screen and (min-width: 769px) {
    .l-sidebar-3__link.is-current {
        color: #fff;
        background-color: #ee9105;
    }
    .l-sidebar-3__link.is-current::before {
        background-image: url(/lp/img/company/recruit/graduate/common/img_triangle_white.svg);
    }
}

/* ---------------------------------------------
*   l-wrapper
--------------------------------------------- */
@media screen and (max-width: 768px) {
    .l-wrapper {
        overflow: hidden;
    }
}
@media screen and (max-width: 768px) {
    .l-wrapper--recruit {
        overflow: visible;
    }
}

/* ---------------------------------------------
*   c-article-1
--------------------------------------------- */
.c-article-1 {
    position: relative;
    padding-top: 0.25rem;
    padding-left: 0.25rem;
}
@media screen and (max-width: 768px) {
    .c-article-1 {
        padding-top: 1.0666666667vw;
        padding-left: 1.0666666667vw;
    }
}
.c-article-1:nth-of-type(n+2) {
    margin-top: 1rem;
}
@media screen and (max-width: 768px) {
    .c-article-1:nth-of-type(n+2) {
        margin-top: 4.2666666667vw;
    }
}
.c-article-1::before {
    content: counter(number);
    counter-increment: number 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.25rem;
    height: 1.25rem;
    background-color: #333;
    color: #fff;
    font-family: century-gothic, sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
    .c-article-1::before {
        width: 5.3333333333vw;
        height: 5.3333333333vw;
        font-size: 3.7333333333vw;
    }
}
.c-article-1:first-of-type::before, .c-article-1:nth-of-type(2)::before, .c-article-1:nth-of-type(3)::before {
    height: 1.625rem;
    padding-bottom: 0.375rem;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 50% 76.9230769231%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0, 100% 100%, 50% 76.9230769231%, 0% 100%);
}
@media screen and (max-width: 768px) {
    .c-article-1:first-of-type::before, .c-article-1:nth-of-type(2)::before, .c-article-1:nth-of-type(3)::before {
        height: 6.9333333333vw;
        padding-bottom: 1.6vw;
    }
}
.c-article-1:first-of-type::before {
    background-color: #e2a523;
}
.c-article-1:nth-of-type(2)::before {
    background-color: #a1a2a4;
}
.c-article-1:nth-of-type(3)::before {
    background-color: #924848;
}
.c-article-1__link {
    display: flex;
    align-items: flex-start;
    gap: 0 0.75rem;
}
@media screen and (min-width: 769px) {
    .c-article-1__link {
        transition: opacity 300ms;
    }
    .c-article-1__link:hover {
        opacity: 0.8;
    }
}
.c-article-1__img {
    flex-shrink: 0;
    width: 72px;
    aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
    .c-article-1__img {
        width: 23.4666666667vw;
    }
}
.c-article-1__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 4px;
}
@media screen and (max-width: 768px) {
    .c-article-1__img img {
        border-radius: 1.0666666667vw;
    }
}
.c-article-1__ttl {
    flex-grow: 1;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-article-1__ttl {
        font-size: 3.7333333333vw;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

/* ---------------------------------------------
*   c-block-connect
--------------------------------------------- */
.c-block-connect {
    background-color: #f0f3f5;
}
.c-block-connect__container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 80px 40px;
}
@media screen and (max-width: 1280px) {
    .c-block-connect__container {
        padding: 5.5555555556% 2.7777777778%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-connect__container {
        padding: 13.3333333333% 5.3333333333%;
    }
}
.c-block-connect__content {
    display: flex;
    margin-top: 5%;
}
@media screen and (max-width: 768px) {
    .c-block-connect__content {
        display: block;
        margin-top: 5.9701492537%;
    }
}
.c-block-connect__unit {
    width: 15.25%;
    margin-left: 5.1666666667%;
}
@media screen and (max-width: 768px) {
    .c-block-connect__unit {
        width: 100%;
        margin-left: 0;
        border-top: 1px solid #ddd;
    }
    .c-block-connect__unit:last-of-type {
        border-bottom: 1px solid #ddd;
    }
}
.c-block-connect__unit:first-of-type {
    margin-left: 0;
}
.c-block-connect__head {
    display: flex;
    align-items: center;
}
@media screen and (min-width: 769px) {
    .c-block-connect__head {
        pointer-events: none;
    }
}
@media screen and (max-width: 768px) {
    .c-block-connect__head {
        position: relative;
        padding: 4.8vw 0;
        cursor: pointer;
    }
}
@media screen and (max-width: 768px) {
    .c-block-connect__head::before, .c-block-connect__head::after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 3.2vw;
        width: 3.7333333333vw;
        height: 0.5333333333vw;
        background-color: #333;
    }
}
@media screen and (max-width: 768px) {
    .c-block-connect__head::before {
        transform: translateY(-50%);
    }
}
@media screen and (max-width: 768px) {
    .c-block-connect__head::after {
        transition: transform 0.3s;
        transform: translateY(-50%) rotate(90deg);
    }
}
@media screen and (max-width: 768px) {
    .c-block-connect__head.is-open::after {
        transform: translateY(-50%) rotate(360deg);
    }
}
.c-block-connect__head-icon {
    width: 30px;
    flex: none;
}
@media screen and (max-width: 768px) {
    .c-block-connect__head-icon {
        width: 6.4vw;
    }
}
.c-block-connect__head-icon img {
    display: block;
    width: 100%;
}
.c-block-connect__head-txt {
    margin-left: 10px;
    font-size: 1rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-block-connect__head-txt {
        margin-left: 3.2vw;
        font-size: 3.7333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-block-connect__list-wrap {
        display: block !important;
        overflow: visible !important;
        height: auto !important;
    }
}
.c-block-connect__list {
    margin-top: 14px;
}
@media screen and (min-width: 769px) {
    .c-block-connect__list {
        display: block !important;
        height: auto !important;
    }
}
@media screen and (max-width: 768px) {
    .c-block-connect__list {
        transition: height 0.3s ease-in-out;
        overflow: hidden;
        margin-top: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-block-connect__item {
        border-top: 1px solid #ddd;
    }
}
.c-block-connect__link {
    display: block;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0;
}
@media screen and (min-width: 769px) {
    .c-block-connect__link {
        transition: opacity 300ms;
    }
    .c-block-connect__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-block-connect__link {
        font-size: 3.7333333333vw;
        padding: 4vw 9.6vw;
    }
}

/* ---------------------------------------------
*   c-block-1
--------------------------------------------- */
@media screen and (min-width: 1001px) {
    .c-block-1--magazine-detail .c-section-3__part-wrap, .c-block-1--magazine-detail .c-box-5 {
        max-width: none;
    }
    .c-block-1--magazine-detail .c-cassette-5 {
        max-width: 91.061452514%;
    }
}
.c-block-1__container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 40px 50px;
}
@media screen and (max-width: 1280px) {
    .c-block-1__container {
        padding: 4.1666666667% 2.7777777778% 3.4722222222%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-1__container {
        padding: 8% 0 0;
    }
}
@media screen and (min-width: 1001px) {
    .c-block-1--magazine-detail .c-block-1__container {
        padding-inline: 0;
    }
}

.c-block-1__ttl {
    max-width: 750px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 1.44;
}
@media screen and (max-width: 768px) {
    .c-block-1__ttl {
        max-width: 89.3333333333%;
        margin-bottom: 5.3333333333vw;
        font-size: 6.4vw;
        line-height: 1.5;
    }
}
.c-block-1__lead {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.125rem;
    line-height: 2;
    white-space: pre-wrap;
}
@media screen and (max-width: 768px) {
    .c-block-1__lead {
        max-width: 89.3333333333%;
        font-size: 4.2666666667vw;
    }
}
@media screen and (min-width: 1001px) {
    .c-block-1--magazine-detail .c-block-1__lead {
        max-width: none;
    }
}

.c-block-1__content {
    margin-top: 120px;
}
@media screen and (max-width: 1280px) {
    .c-block-1__content {
        margin-top: 10%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-1__content {
        margin-top: 18.6666666667%;
    }
}
.c-block-1__back {
    margin-top: 66px;
    text-align: center;
}
@media screen and (max-width: 1280px) {
    .c-block-1__back {
        margin-top: 5%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-1__back {
        margin-top: 13.3333333333%;
    }
}
.c-block-1__breadcrumb-outer {
    margin-top: 25px;
    margin-bottom: 15px;
}
@media screen and (max-width: 1000px) and (min-width: 769px) {
    .c-block-1__breadcrumb-outer {
        max-width: 750px;
        margin-inline: auto;
        padding-inline: 2.8%;
        box-sizing: content-box;
    }
}
@media screen and (max-width: 768px) {
    .c-block-1__breadcrumb-outer {
        margin-top: 4.2666666667%;
        padding-inline: 5.3333333333%;
    }
}

/* ---------------------------------------------
*   c-block-3
--------------------------------------------- */
.c-block-3__container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 80px 40px 120px;
}
@media screen and (max-width: 1280px) {
    .c-block-3__container {
        padding: 6.25% 3.125% 9.375%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-3__container {
        padding: 0 0 21.3333333333%;
    }
}

/* ---------------------------------------------
*   c-block-5
--------------------------------------------- */
.c-block-5 {
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-block-5 {
        margin-top: 7.4626865672%;
    }
}

/* ---------------------------------------------
*   c-block-7
--------------------------------------------- */
.c-block-7 {
    margin-top: 80px;
}
@media screen and (max-width: 768px) {
    .c-block-7 {
        margin-top: 13.3333333333vw;
    }
}
.c-block-7__head {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px;
    text-align: center;
}
@media screen and (max-width: 1280px) {
    .c-block-7__head {
        padding: 0 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-7__head {
        padding: 0 5.3333333333%;
    }
}
.c-block-7__txt {
    font-size: 1rem;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-block-7__txt {
        font-size: 4vw;
        line-height: 1.73;
        text-align: left;
    }
}
.c-block-7__body {
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .c-block-7__body {
        margin-top: 13.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-block-9
--------------------------------------------- */
.c-block-9 {
    position: relative;
    background: url(/lp/img/akita/top/bg_about.jpg) bottom center no-repeat;
    background-size: cover;
}
@media screen and (max-width: 768px) {
    .c-block-9 {
        background-image: url(/lp/img/akita/top/sp/bg_about.jpg);
    }
}
.c-block-9::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    background: linear-gradient(#236cdd 0%, rgba(62, 113, 191, 0.8) 87.68%, rgba(75, 115, 177, 0) 100%);
    opacity: 0.7;
}
@media screen and (max-width: 768px) {
    .c-block-9::before {
        height: 138.1333333333vw;
    }
}
.c-block-9__container {
    position: relative;
    margin: 0 auto;
    padding: 80px 40px 435px;
    max-width: 1440px;
}
@media screen and (max-width: 768px) {
    .c-block-9__container {
        padding: 13.3333333333% 5.3333333333% 88%;
    }
}
.c-block-9__content {
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .c-block-9__content {
        margin-top: 8.9552238806%;
    }
}
.c-block-9__txt {
    font-size: 1.125rem;
    color: #fff;
    text-align: center;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-block-9__txt {
        font-size: 4vw;
        line-height: 1.86;
        text-align: left;
    }
}

/* ---------------------------------------------
*   c-block-11
--------------------------------------------- */
.c-block-11__container {
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
    padding: 77px 40px 120px;
}
@media screen and (max-width: 1280px) {
    .c-block-11__container {
        padding: 5.3472222222% 2.7777777778% 8.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-11__container {
        max-width: none;
        padding: 16% 5.3333333333% 21.3333333333%;
    }
}
.c-block-11__ttl {
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 1.44;
}
@media screen and (max-width: 768px) {
    .c-block-11__ttl {
        font-size: 6.9333333333vw;
        line-height: 1.38;
    }
}
.c-block-11__content {
    margin-top: 25px;
}
@media screen and (max-width: 768px) {
    .c-block-11__back {
        white-space: nowrap;
    }
}

/* ---------------------------------------------
*   c-block-13
--------------------------------------------- */
.c-block-13__container {
    display: flex;
    justify-content: center;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 40px 50px;
    overflow: hidden;
}
@media screen and (max-width: 1280px) {
    .c-block-13__container {
        padding: 4.1666666667% 2.7777777778% 3.4722222222%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-13__container {
        display: block;
        padding: 8% 0 0;
    }
}
.has-sidebar .c-block-13__main {
    width: 750px;
}
@media screen and (max-width: 1280px) {
    .has-sidebar .c-block-13__main {
        width: 58.59375vw;
    }
}
@media screen and (max-width: 768px) {
    .has-sidebar .c-block-13__main {
        width: 100%;
    }
}

.c-block-13__ttl {
    max-width: 750px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 1.44;
}
@media screen and (max-width: 768px) {
    .c-block-13__ttl {
        max-width: 89.3333333333%;
        margin-bottom: 5.3333333333vw;
        font-size: 6.4vw;
        line-height: 1.5;
    }
}
.c-block-13__lead {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5.4166666667%;
    font-size: 1.125rem;
    line-height: 2;
    white-space: pre-wrap;
}
@media screen and (max-width: 768px) {
    .c-block-13__lead {
        max-width: 89.3333333333%;
        margin-bottom: 14.6666666667%;
        font-size: 4.2666666667vw;
    }
}
.c-block-13__lead .text-tiny {
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-block-13__lead .text-tiny {
        font-size: 3.2vw;
    }
}
.c-block-13__lead .text-small {
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-block-13__lead .text-small {
        font-size: 4.2666666667vw;
    }
}
.c-block-13__lead .text-big {
    font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
    .c-block-13__lead .text-big {
        font-size: 5.3333333333vw;
    }
}
.c-block-13__lead .text-huge {
    font-size: 1.375rem;
}
@media screen and (max-width: 768px) {
    .c-block-13__lead .text-huge {
        font-size: 5.8666666667vw;
    }
}
.c-block-13__lead strong {
    font-weight: bold;
    background: linear-gradient(transparent 70%, #fff367 70%);
}
.c-block-13__lead a {
    color: #004198;
    text-decoration: underline;
    word-break: break-all;
}
.c-block-13__lead a:hover {
    text-decoration: none;
}
.c-block-13__content {
    margin-top: 120px;
}
@media screen and (max-width: 1280px) {
    .c-block-13__content {
        margin-top: 10%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-13__content {
        margin-top: 18.6666666667%;
    }
}
.c-block-13__back {
    margin-top: 66px;
    text-align: center;
}
@media screen and (max-width: 1280px) {
    .c-block-13__back {
        margin-top: 5%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-13__back {
        margin-top: 13.3333333333%;
    }
}
.c-block-13__sidebar {
    width: 200px;
    flex: none;
}
.c-block-13__sidebar-head {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1.125rem;
    font-weight: bold;
    border-bottom: 2px solid #004198;
}
.c-block-13__sidebar-item {
    border-bottom: 1px solid #ddd;
}
.c-block-13__sidebar-link {
    display: block;
    padding: 18px 10px;
    font-size: 0.9375rem;
}

/* ---------------------------------------------
*   c-block-15(for company/recruit/graduate/top)
--------------------------------------------- */
.c-block-15 {
    margin-top: 100px;
    margin-bottom: 20px;
}
@media screen and (max-width: 1440px) {
    .c-block-15 {
        margin-top: 6.9444444444vw;
        margin-bottom: 1.3888888889vw;
        padding: 0 1.3888888889vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-15 {
        margin-top: -74.6666666667vw;
        margin-bottom: 0;
        padding: 0 5.3333333333% 0 6.4%;
    }
}
.c-block-15__container {
    max-width: 990px;
    margin: 0 auto;
    padding: 26px 0 0 45px;
    display: flex;
    align-items: flex-start;
    gap: 0 9.0909090909%;
}
@media screen and (max-width: 768px) {
    .c-block-15__container {
        max-width: none;
        padding: 0;
        display: block;
    }
}
.c-block-15__ttl {
    margin-top: 1.2em;
    font-size: 3.375rem;
    font-weight: bold;
    writing-mode: tb-rl;
    text-indent: -1.1em;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
    .c-block-15__ttl {
        margin-top: 0;
        font-size: 8vw;
        text-indent: 0;
        writing-mode: lr-tb;
        letter-spacing: 0;
    }
}
.c-block-15__lead {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
    .c-block-15__lead {
        margin-top: 8.8vw;
        font-size: 4.8vw;
    }
}
.c-block-15__txt {
    margin-top: 26px;
    font-size: 1.125rem;
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
    .c-block-15__txt {
        margin-top: 4vw;
        font-size: 4.2666666667vw;
        line-height: 1.6;
    }
}

/* ---------------------------------------------
*   c-block-recruit
--------------------------------------------- */
.c-block-recruit {
    position: relative;
    padding: 12px 0;
    background-color: #fff;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-block-recruit {
        padding: 3.2vw 0;
    }
}
.c-block-recruit__container {
    position: relative;
    padding: 110px 30px;
    background: linear-gradient(103.73deg, #ff8514 -5.17%, rgba(255, 205, 29, 0.4) 141.75%, rgba(255, 235, 128, 0.463542) 194.47%);
}
@media screen and (max-width: 1280px) {
    .c-block-recruit__container {
        padding-top: 7.6388888889vw;
        padding-bottom: 7.6388888889vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-recruit__container {
        padding: 10.9333333333vw 9.3333333333vw 9.6vw;
    }
}
.c-block-recruit__container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/lp/img/company/recruit/graduate/top/img_texture.png) 0 0 repeat-x;
    background-size: cover;
}
.c-block-recruit__inner {
    position: relative;
    max-width: 1100px;
    height: 100%;
    margin: 0 auto;
    padding: 0 90px;
    box-sizing: content-box;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 1280px) {
    .c-block-recruit__inner {
        padding: 0 6.25vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-recruit__inner {
        max-width: none;
        display: block;
        padding: 0;
    }
}
.c-block-recruit__lead {
    position: absolute;
    top: -60px;
    left: 3.6363636364%;
    font-size: 6.25rem;
    font-weight: bold;
    font-family: century-gothic, sans-serif;
    color: rgba(69, 47, 21, 0.4);
    opacity: 0.6;
    mix-blend-mode: overlay;
    line-height: 1;
}
@media screen and (max-width: 1280px) {
    .c-block-recruit__lead {
        font-size: 5rem;
    }
}
@media screen and (max-width: 768px) {
    .c-block-recruit__lead {
        top: -3.4666666667vw;
        left: -2.9333333333vw;
        font-size: 16vw;
    }
}
.c-block-recruit__txt {
    font-size: 1.625rem;
    font-weight: bold;
    line-height: 1.8;
    color: #fff;
}
@media screen and (max-width: 1280px) {
    .c-block-recruit__txt {
        font-size: 1rem;
    }
}
@media screen and (max-width: 768px) {
    .c-block-recruit__txt {
        width: 100%;
        font-size: 5.3333333333vw;
        text-align: center;
    }
}
.c-block-recruit__link {
    position: absolute;
    top: 50%;
    right: 35px;
    transform: translateY(-50%);
    width: 256px;
}
@media screen and (min-width: 769px) {
    .c-block-recruit__link {
        transition: opacity 300ms;
    }
    .c-block-recruit__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 1280px) {
    .c-block-recruit__link {
        right: 2.4305555556vw;
        width: 17.7777777778vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-recruit__link {
        position: static;
        transform: none;
        display: block;
        width: 49.8666666667vw;
        margin: 6.4vw auto 0;
        filter: drop-shadow(12px 4px 90px rgba(201, 107, 11, 0.2));
    }
}

/* ---------------------------------------------
*   c-block-17
--------------------------------------------- */
.c-block-17 {
    display: flex;
    align-items: flex-start;
    max-width: 1280px;
    margin: -32px auto 0;
    padding: 112px 40px 180px;
    gap: 0 40px;
}
@media screen and (max-width: 1280px) {
    .c-block-17 {
        margin-top: -2.2222222222vw;
        padding: 8.75% 3.125% 14.0625%;
        gap: 0 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-17 {
        display: block;
        margin-top: 0;
        padding: 10.6666666667% 5.3333333333% 32% 6.4%;
    }
}

/* ---------------------------------------------
*   c-block-19（マガジン）
--------------------------------------------- */
.c-block-19 {
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
}
@media screen and (max-width: 1000px) {
    .c-block-19 {
        display: block;
    }
}
.c-block-19__area--left {
    width: calc(100% - 345px);
    padding-left: 3.125%;
}
@media screen and (max-width: 1000px) {
    .c-block-19__area--left {
        width: 100%;
        padding-left: 0;
    }
}
.c-block-19__area--right {
    flex-shrink: 0;
    position: sticky;
    top: 0;
    width: 345px;
    max-height: 100vh;
    padding: 24px 3.125% 24px 1.5625%;
    overflow-y: scroll;
}
@media screen and (max-width: 1000px) {
    .c-block-19__area--right {
        position: static;
        width: 100%;
        max-height: none;
        padding: 0 4.5% 11.6%;
        overflow-y: auto;
    }
}
@media screen and (max-width: 768px) {
    .c-block-19__area--right {
        padding: 14.6666666667% 5.3333333333% 21.3333333333%;
    }
}
.c-block-19__area--magazine-detail {
    margin-top: 16px;
}
@media screen and (max-width: 1000px) {
    .c-block-19__area--magazine-detail {
        display: none;
        margin-top: 0;
    }
}
.c-block-19__breadcrumb-outer {
    margin-top: 25px;
}
@media screen and (max-width: 1000px) {
    .c-block-19__breadcrumb-outer {
        padding-inline: 4.5%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-19__breadcrumb-outer {
        margin-top: 4.2666666667%;
        padding-inline: 5.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-19__link-wrap {
        margin-top: 6.4vw;
        padding-inline: 5.3333333333%;
    }
}

/* ---------------------------------------------
*   c-block-21（マガジン）
--------------------------------------------- */
@media screen and (max-width: 768px) {
    .c-block-21 {
        overflow: hidden;
    }
}
@media screen and (min-width: 769px) {
    .c-block-21__head {
        display: none !important;
    }
}
@media screen and (max-width: 768px) {
    .c-block-21__head {
        position: relative;
        display: block;
        width: 100%;
        padding: 2.9333333333vw 6.6666666667vw 2.9333333333vw 4vw;
        border-radius: 1.0666666667vw;
        border: 1px solid #dddee0;
        background-color: #f2f3f5;
        transition: border-radius 0s, border-color 0s;
        touch-action: manipulation;
        cursor: pointer;
    }
    .c-block-21.is-close .c-block-21__head {
        border-radius: 1.0666666667vw;
        border-bottom-color: #dddee0;
        transition-delay: 0.5s;
    }
    .c-block-21.is-open .c-block-21__head {
        border-radius: 1.0666666667vw 1.0666666667vw 0 0;
        border-bottom-color: transparent;
        transition-delay: 0s;
    }
    .c-block-21__head::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 4.2666666667vw;
        transform: translateY(-50%) rotate(135deg);
        width: 1.8666666667vw;
        height: 1.8666666667vw;
        border-top: 2px solid #004299;
        border-right: 2px solid #004299;
    }
    .c-block-21.is-close .c-block-21__head::after {
        transform: translateY(-50%) rotate(135deg);
    }
    .c-block-21.is-open .c-block-21__head::after {
        transform: translateY(-50%) rotate(-45deg);
    }
}
@media screen and (max-width: 768px) {
    .c-block-21__ttl {
        display: block;
        font-weight: 700;
        font-size: 4vw;
        line-height: 1.6;
        letter-spacing: 0.05em;
        -moz-text-align-last: left;
             text-align-last: left;
    }
}
@media screen and (max-width: 768px) {
    .c-block-21__body {
        border-radius: 0 0 1.0666666667vw 1.0666666667vw;
        border: 1px solid #dddee0;
        border-top: none;
        transition: border-color 0s;
    }
    .c-block-21.is-close .c-block-21__body {
        border-color: transparent;
        transition-delay: 0.5s;
    }
    .c-block-21.is-open .c-block-21__body {
        border-color: #dddee0;
        transition-delay: 0s;
    }
}
@media screen and (max-width: 768px) {
    .c-block-21__list-wrap {
        padding: 5.3333333333vw 6.6666666667vw 7.4666666667vw 4.2666666667vw;
    }
}
@media screen and (min-width: 769px) {
    .c-block-21__link-outer {
        display: none !important;
    }
}
@media screen and (max-width: 768px) {
    .c-block-21__link-outer {
        border-top: 1px solid #dddee0;
    }
}
@media screen and (max-width: 768px) {
    .c-block-21__link {
        position: relative;
        display: block;
        padding: 4.2666666667vw;
        font-weight: 700;
        font-size: 3.7333333333vw;
        line-height: 1.4285714286;
        letter-spacing: 0.05em;
    }
    .c-block-21__link::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 4vw;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 1.3333333333vw solid transparent;
        border-left: 1.3333333333vw solid transparent;
        border-top: 2.1333333333vw solid #004299;
        border-bottom: 0;
    }
}

/* ---------------------------------------------
*   c-block-23（マガジン）
--------------------------------------------- */
.c-block-21 + .c-block-23 {
    margin-top: 3.5rem;
}
@media screen and (max-width: 768px) {
    .c-block-21 + .c-block-23 {
        margin-top: 14.9333333333vw;
    }
}

.c-block-23__ttl {
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.4545454545;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-block-23__ttl {
        font-size: 5.8666666667vw;
        line-height: 1.5;
    }
}
.c-block-23__sub-ttl {
    display: block;
    margin-top: 0.0625rem;
    font-family: century-gothic, sans-serif;
    color: #999;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1.3333333333;
    letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
    .c-block-23__sub-ttl {
        margin-top: 0;
        font-size: 3.2vw;
    }
}
.c-block-23__lead {
    margin-top: 14px;
    margin-bottom: 28px;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-block-23__lead {
        margin-top: 3.7333333333vw;
        margin-bottom: 7.4666666667vw;
        font-size: 3.7333333333vw;
    }
}
.c-block-23__body {
    margin-top: 1.25rem;
}
@media screen and (max-width: 768px) {
    .c-block-23__body {
        margin-top: 6.4vw;
    }
}
.c-block-23__article-wrap {
    counter-reset: number 0;
}

/* ---------------------------------------------
*   c-block-25（マガジン）
--------------------------------------------- */
.c-block-25 {
    display: none;
}
@media screen and (max-width: 1000px) {
    .c-block-25 {
        display: block;
    }
}
@media screen and (max-width: 1000px) {
    .c-block-25__inner {
        padding: 0 4.5% 11.6%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-25__inner {
        padding: 0 5.3333333333% 21.3333333333%;
    }
}

/* ---------------------------------------------
*   c-block-2
--------------------------------------------- */
.c-block-2 {
    width: 100%;
}
.c-block-2__head {
    display: flex;
    justify-content: space-between;
}
.c-block-2__body {
    margin-top: 25px;
}
@media screen and (max-width: 768px) {
    .c-block-2__body {
        margin-top: 4.1791044776%;
    }
}
.c-block-2__viewmore {
    margin-top: 70px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-block-2__viewmore {
        margin-top: 14.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-block-4
--------------------------------------------- */
.c-block-4 {
    background-color: #f0f3f5;
    margin-top: 10.9375%;
}
@media screen and (min-width: 1281px) {
    .c-block-4 {
        margin-top: 140px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-4 {
        margin-top: 20vw;
    }
}
.c-block-4__container {
    margin: 0 auto;
    padding-top: 5.46875%;
    padding-right: 3.125%;
    padding-bottom: 5.46875%;
    padding-left: 3.125%;
    max-width: 1280px;
}
@media screen and (min-width: 1281px) {
    .c-block-4__container {
        padding-top: 70px;
        padding-right: 40px;
        padding-bottom: 70px;
        padding-left: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-4__container {
        padding-top: 11.2%;
        padding-right: 5.3333333333%;
        padding-bottom: 11.2%;
        padding-left: 5.3333333333%;
        width: 100%;
    }
}
.c-block-4__container--pd-wide {
    padding-top: 7.65625%;
    padding-bottom: 9.21875%;
}
@media screen and (min-width: 1281px) {
    .c-block-4__container--pd-wide {
        padding-top: 98px;
        padding-bottom: 118px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-4__container--pd-wide {
        padding-top: 19.4666666667%;
        padding-bottom: 21.3333333333%;
    }
}
.c-block-4__spacer {
    margin-top: 5.25%;
    margin-bottom: 4.1666666667%;
    border-top: 1px solid #ddd;
}
@media screen and (min-width: 1281px) {
    .c-block-4__spacer {
        margin-top: 63px;
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-4__spacer {
        margin-top: 13.3333333333vw;
        margin-bottom: 13.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-block-6
--------------------------------------------- */
.c-block-6__container {
    margin-right: auto;
    margin-left: auto;
    padding-top: 7.8125%;
    padding-right: 3.125%;
    padding-bottom: 9.375%;
    padding-left: 3.125%;
    max-width: 1280px;
}
@media screen and (min-width: 1281px) {
    .c-block-6__container {
        padding-top: 100px;
        padding-right: 40px;
        padding-bottom: 120px;
        padding-left: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-6__container {
        padding-top: 21.3333333333%;
        padding-right: 5.3333333333%;
        padding-bottom: 24%;
        padding-left: 5.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-6__container--side-pd-none {
        padding-right: 0;
        padding-left: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-block-6--magazine .c-block-6__container {
        padding-bottom: 14.9333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-6__lower {
        padding-right: 5.3333333333%;
        padding-left: 5.3333333333%;
    }
}

/* ---------------------------------------------
*   c-block-8
--------------------------------------------- */
.c-block-8__container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
@media screen and (max-width: 768px) {
    .c-block-8__container {
        flex-direction: column;
        gap: 1.8666666667vw;
    }
}

/* ---------------------------------------------
*   c-block-10
--------------------------------------------- */
.c-block-10--has-mgt {
    margin-top: 9.1666666667%;
}
@media screen and (min-width: 1281px) {
    .c-block-10--has-mgt {
        margin-top: 110px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-10--has-mgt {
        margin-top: 13.3333333333vw;
    }
}
.c-block-10__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
@media screen and (max-width: 768px) {
    .c-block-10__container {
        grid-template-columns: repeat(1, 1fr);
        gap: 5.3333333333vw;
    }
}
.c-block-10__container--wide {
    grid-template-columns: repeat(1, 1fr);
}
@media screen and (max-width: 768px) {
    .c-block-10__container--wide {
        gap: 5.3333333333vw;
    }
}
.c-block-10__container--wide img {
    width: 100%;
}
.c-block-10__bnr-link {
    display: block;
    max-width: 590px;
    width: 100%;
}
@media screen and (min-width: 769px) {
    .c-block-10__bnr-link:hover {
        transition: opacity 300ms;
    }
    .c-block-10__bnr-link:hover:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-block-10__bnr-link {
        max-width: none;
    }
}
.c-block-10__bnr-link--wide {
    max-width: 1200px;
}

/* ---------------------------------------------
*   c-block-12 下層汎用1
--------------------------------------------- */
.c-block-12__container {
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 120px;
    max-width: 1280px;
}
@media screen and (max-width: 1280px) {
    .c-block-12__container {
        padding-top: 6.25%;
        padding-bottom: 9.375%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-12__container {
        padding-top: 8%;
        padding-bottom: 21.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-12__container--pdt-sp-none {
        padding-top: 0;
    }
}
.c-block-12__inner {
    padding-right: 40px;
    padding-left: 40px;
}
@media screen and (max-width: 1280px) {
    .c-block-12__inner {
        padding-right: 3.125%;
        padding-left: 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-12__inner {
        padding-right: 5.3333333333%;
        padding-left: 5.3333333333%;
    }
}

/* ---------------------------------------------
*   c-block-contact
--------------------------------------------- */
.c-block-contact {
    background-color: #f0f3f5;
}
.c-block-contact__container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 40px 90px;
}
@media screen and (max-width: 1280px) {
    .c-block-contact__container {
        padding: 4.8611111111% 2.7777777778% 6.25%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-contact__container {
        padding: 12% 5.3333333333% 13.3333333333%;
    }
}
.c-block-contact__container--alcohol-top {
    padding: 100px 40px 100px;
}
@media screen and (max-width: 1280px) {
    .c-block-contact__container--alcohol-top {
        padding: 6.9444444444% 2.7777777778% 6.9444444444%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-contact__container--alcohol-top {
        padding: 18.6666666667% 5.3333333333% 21.3333333333%;
    }
}
.c-block-contact__container--wbgt-top {
    padding: 100px 40px 100px;
}
@media screen and (max-width: 1280px) {
    .c-block-contact__container--wbgt-top {
        padding: 6.9444444444% 2.7777777778% 6.9444444444%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-contact__container--wbgt-top {
        padding: 18.6666666667% 5.3333333333% 21.3333333333%;
    }
}
.c-block-contact__content {
    display: flex;
    margin-top: 2.9166666667%;
}
@media screen and (max-width: 768px) {
    .c-block-contact__content {
        display: block;
        margin-top: 7.4626865672%;
    }
}
.c-block-contact__content--special-alcohol {
    justify-content: center;
    gap: 20px;
}
@media screen and (max-width: 1280px) {
    .c-block-contact__content--special-alcohol {
        gap: 1.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-contact__content--special-alcohol {
        display: flex;
        flex-direction: column;
        gap: 4vw;
    }
}
.c-block-contact__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 21px;
    max-width: 793px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-block-contact__list {
        gap: 2.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-contact__item {
        width: 100%;
    }
}
.c-block-contact__link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em;
    width: 386px;
    height: 90px;
    text-align: center;
    background-color: #004198;
    border-radius: 5px;
}
@media screen and (min-width: 769px) {
    .c-block-contact__link {
        transition: opacity 300ms;
    }
    .c-block-contact__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-block-contact__link {
        width: 100%;
        height: 16vw;
        border-radius: 1.3333333333vw;
    }
}
.c-block-contact__txt {
    position: relative;
    padding-left: 45px;
    color: #fff;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-block-contact__txt {
        padding-left: 9.8666666667vw;
        font-size: 4.2666666667vw;
    }
}
.c-block-contact__txt:before {
    position: absolute;
    top: calc(50% + 4px);
    left: 0;
    width: 35px;
    height: 21px;
    background: url(/lp/img/common/icon_contact-white.svg) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
    content: "";
}
@media screen and (max-width: 768px) {
    .c-block-contact__txt:before {
        top: calc(50% + 0.8vw);
        width: 8vw;
        height: 4.8vw;
    }
}
.c-block-contact__lead {
    margin-top: 20px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-block-contact__lead {
        margin-top: 4.2666666667vw;
        text-align: justify;
    }
}
.c-block-contact--wbgt {
    background-color: #F0F0F0;
}

/* ---------------------------------------------
*   c-block-14
--------------------------------------------- */
.c-block-14 {
    display: flex;
    margin-top: 40px;
    margin-bottom: 20px;
    width: 100%;
    gap: 20px;
}
@media screen and (max-width: 768px) {
    .c-block-14 {
        flex-direction: column;
        gap: 4vw;
        margin-top: 11.7333333333vw;
        margin-bottom: 5.3333333333vw;
    }
}
.c-block-14__banner-item {
    display: flex;
    align-items: center;
    padding-right: 0.5em;
    max-width: 590px;
    width: 49.1666666667%;
    gap: 25px;
    background-color: #fff;
    border-radius: 5px;
}
@media screen and (min-width: 769px) {
    .c-block-14__banner-item {
        transition: opacity 300ms;
    }
    .c-block-14__banner-item:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-block-14__banner-item {
        gap: 4vw;
        max-width: none;
        width: 100%;
        border-radius: 1.3333333333vw;
    }
}
.c-block-14__banner-img {
    width: 120px;
}
@media screen and (max-width: 768px) {
    .c-block-14__banner-img {
        min-width: 26.6666666667vw;
        width: 26.6666666667vw;
    }
}
.c-block-14__banner-txt {
    letter-spacing: 0.03em;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-block-14__banner-txt {
        font-size: 4.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-block-16
--------------------------------------------- */
.c-block-16__container {
    display: flex;
    justify-content: center;
    gap: 20px;
}
@media screen and (max-width: 1280px) {
    .c-block-16__container {
        gap: calc(2000 / 1280 * 1vw) 1.6666666667%;
    }
}
@media screen and (max-width: 1000px) {
    .c-block-16__container {
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 768px) {
    .c-block-16__container {
        gap: 2.6666666667vw;
    }
}
.c-block-16__card {
    width: 23.75%;
    padding-top: 38px;
    padding-bottom: 41px;
    border-radius: 5px;
}
@media screen and (max-width: 1280px) {
    .c-block-16__card {
        padding-top: 2.96875%;
        padding-bottom: 3.203125%;
    }
}
@media screen and (max-width: 1000px) {
    .c-block-16__card {
        width: 49.1666666667%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-16__card {
        padding-top: 8vw;
        padding-bottom: 8vw;
        width: 100%;
    }
}
.c-block-16__card--wide {
    width: 49.1666666667%;
}
@media screen and (max-width: 1000px) {
    .c-block-16__card--wide {
        width: 100%;
    }
}
.c-block-16__card--blue {
    background-color: #f0f7ff;
}
.c-block-16__card--green {
    background-color: #eaf4f3;
}
.c-block-16__card--yellow {
    background-color: #f7f3e5;
}
.c-block-16__card--red {
    background-color: #faf2f6;
}
.c-block-16__card-ttl {
    text-align: center;
    line-height: 1.45;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
    .c-block-16__card-ttl {
        line-height: 1.5;
        font-size: 4.8vw;
    }
}
.c-block-16__card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 43px;
}
@media screen and (max-width: 1280px) {
    .c-block-16__card-body {
        padding: 0 3.359375vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-16__card-body {
        padding: 0 7.4626865672%;
    }
}
.c-block-16__card-link {
    margin-top: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 45px;
    color: #004198;
    line-height: 1.46;
    letter-spacing: 0.03em;
    font-weight: bold;
    font-size: 0.9375rem;
    border: 2px solid #004198;
    border-radius: 5px;
}
@media screen and (min-width: 769px) {
    .c-block-16__card-link {
        transition: opacity 300ms;
    }
    .c-block-16__card-link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-block-16__card-link {
        margin-top: 5.3333333333vw;
        min-height: 12vw;
        font-size: 4vw;
        border-radius: 1.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-block-18
--------------------------------------------- */
.c-block-18__container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 100px 40px 130px;
}
@media screen and (max-width: 1280px) {
    .c-block-18__container {
        padding: 7.8125% 3.125% 10.15625%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-18__container {
        padding: 21.3333333333% 5.3333333333% 21.3333333333%;
    }
}
.c-block-18__container--pb0 {
    padding-bottom: 0;
}
.c-block-18__outer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 450px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}
@media screen and (max-width: 768px) {
    .c-block-18__outer {
        height: 101.3333333333vw;
    }
}
.c-block-18__outer--alcohol-top {
    background-image: url(/lp/img/business/special/alcohol/top/img_bg-qa.jpg);
}
@media screen and (max-width: 768px) {
    .c-block-18__outer--alcohol-top {
        background-image: url(/lp/img/business/special/alcohol/top/sp/img_bg-qa.jpg);
    }
}
.c-block-18__outer--wbgt-top {
    background-image: url(/lp/img/business/special/alcohol/top/img_bg-qa.jpg);
}
@media screen and (max-width: 768px) {
    .c-block-18__outer--wbgt-top {
        background-image: url(/lp/img/business/special/alcohol/top/sp/img_bg-qa.jpg);
    }
}
.c-block-18__inner {
    padding: 50px;
}
@media screen and (max-width: 768px) {
    .c-block-18__inner {
        padding: 6.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-block-20
--------------------------------------------- */
.c-block-20__container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 40px 90px;
}
@media screen and (max-width: 1280px) {
    .c-block-20__container {
        padding: 6.25% 3.125% 7.03125%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-20__container {
        padding: 13.3333333333% 5.3333333333% 16%;
    }
}

/* ---------------------------------------------
*   c-block-22
--------------------------------------------- */
.c-block-22__head {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-block-22__head {
        text-align: left;
    }
}
.c-block-22__body {
    display: flex;
    justify-content: center;
    gap: 15px;
}
@media screen and (max-width: 768px) {
    .c-block-22__body {
        flex-direction: column;
        gap: 2.6666666667vw;
    }
}
.c-block-22__body--health-support {
    margin-right: auto;
    margin-left: auto;
    max-width: 855px;
}
.c-block-22__txt {
    line-height: 1.88;
    letter-spacing: 0em;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-block-22__txt {
        font-size: 4.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-block-24（アルコール検知器 選び方ページ SELECT）
--------------------------------------------- */
.c-block-24 {
    background: #fff;
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
    padding: 0 30px 60px;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-block-24 {
        padding: 0 5.9701492537% 7.4626865672%;
    }
}
.c-block-24__head {
    color: #fff;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1;
    background: #333;
    display: inline-block;
    padding: 18px 27px;
    transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
    .c-block-24__head {
        font-size: 4.2666666667vw;
        padding: 3.0769230769% 13.4615384615% 4.6153846154%;
        line-height: 1.33333;
    }
}

/* ---------------------------------------------
*   c-block-26（アルコール検知器 選び方ページ センサー期限注意書き）
--------------------------------------------- */
.c-block-26 {
    border: 1px solid #ddd;
    border-radius: o 5px 5px 0;
}
.c-block-26__head {
    background: #333;
    padding: 13px;
    text-align: center;
    width: 100%;
}
.c-block-26__ttl {
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.42;
    letter-spacing: 0.06em;
    display: inline-block;
    padding-left: 35px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-block-26__ttl {
        padding-left: 0;
        font-size: 4.5333333333vw;
    }
}
.c-block-26__ttl::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    top: calc(50% + 1px);
    width: 30px;
    height: 25px;
    background: url(/lp/img/business/special/alcohol/select/icon_attention.png) center no-repeat;
    background-size: contain;
    transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
    .c-block-26__ttl::before {
        position: static;
        margin: auto;
        width: 8vw;
        transform: translateY(0);
        margin-bottom: 1.6vw;
    }
}
.c-block-26__body {
    padding: 30px;
}
@media screen and (max-width: 768px) {
    .c-block-26__body {
        padding: 5.3333333333vw;
    }
}
.c-block-26__text {
    font-size: 1rem;
    line-height: 1.75;
}
@media screen and (max-width: 768px) {
    .c-block-26__text {
        font-size: 4vw;
    }
}
.c-block-26__btn {
    text-align: center;
    margin: 50px 0 0;
}
@media screen and (max-width: 768px) {
    .c-block-26__btn {
        text-align: left;
        margin: 10.6666666667vw auto 0;
        text-align: center;
    }
}
.c-block-26__link {
    display: inline-block;
    border: 2px solid #004198;
    margin: 0 auto;
    padding: 15px 32px 16px;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-block-26__link {
        padding: 3.7333333333vw 5.3333333333vw 4vw;
    }
}
.c-block-26__link-text {
    position: relative;
    padding-right: 16px;
    color: #004198;
    font-weight: bold;
    font-size: 0.9375rem;
    line-height: 1;
    letter-spacing: 0.03em;
    display: inline-block;
}
@media screen and (max-width: 768px) {
    .c-block-26__link-text {
        font-size: 4vw;
        padding-right: 4.2666666667vw;
        line-height: 1.4;
    }
}
.c-block-26__link-text::before {
    position: absolute;
    top: calc(50% + 1px);
    right: 0;
    width: 11px;
    height: 18px;
    background: url(/lp/img/business/special/alcohol/select/icon_arrow.svg) 0 0 no-repeat;
    background-size: contain;
    transform: translateY(-50%);
    content: "";
}
@media screen and (max-width: 768px) {
    .c-block-26__link-text::before {
        width: 2.9333333333vw;
        height: 4.8vw;
    }
}

/* ---------------------------------------------
*   c-box-1
--------------------------------------------- */
.c-box-1 {
    max-width: 1280px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px;
}
@media screen and (max-width: 1280px) {
    .c-box-1 {
        margin-top: 3.4722222222%;
        padding: 0 2.7777777778%;
    }
}
@media screen and (max-width: 768px) {
    .c-box-1 {
        margin-top: 8vw;
        padding: 0 5.3333333333%;
    }
}
.c-box-1__container {
    padding: 2.5%;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: flex;
    align-items: center;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-box-1__container {
        display: block;
        padding: 6.5671641791%;
        border-radius: 1.3333333333vw;
    }
}
.c-box-1__head {
    display: flex;
    align-items: center;
    margin-right: 2.6315789474%;
}
@media screen and (max-width: 768px) {
    .c-box-1__head {
        margin-right: 0;
    }
}
.c-box-1__head-icon {
    width: 22px;
    margin-right: 5px;
}
@media screen and (max-width: 768px) {
    .c-box-1__head-icon {
        width: 5.8666666667vw;
        margin-right: 1.3333333333vw;
    }
}
.c-box-1__head-icon img {
    display: block;
    width: 100%;
}
.c-box-1__head-txt {
    font-size: 1rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-box-1__head-txt {
        font-size: 4vw;
    }
}
.c-box-1__link {
    display: block;
    font-size: 1rem;
    color: #004198;
}
@media screen and (min-width: 769px) {
    .c-box-1__link:hover {
        text-decoration: underline;
    }
}
@media screen and (max-width: 768px) {
    .c-box-1__link {
        margin-top: 2.1333333333vw;
        font-size: 4vw;
    }
}
.c-box-1__link--wbgt {
    color: #ff6f16;
}

/* ---------------------------------------------
*   c-box-3
--------------------------------------------- */
.c-box-3 {
    display: block;
    padding: 2.5% 3.0833333333%;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-box-3 {
        width: 89.3333333333%;
        margin-left: auto;
        margin-right: auto;
        padding: 6.1333333333% 6.6666666667% 5.3333333333%;
        border-radius: 0;
    }
}
.c-box-3__container {
    display: flex;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .c-box-3__container {
        display: block;
    }
}
.c-box-3__head {
    display: flex;
    align-items: center;
    padding-right: 25px;
    border-right: 1px solid #ddd;
    padding: 10px 0;
}
@media screen and (max-width: 768px) {
    .c-box-3__head {
        justify-content: center;
        padding-right: 0;
        border-right: none;
        border-bottom: 1px solid #ddd;
        padding-top: 0;
        padding-bottom: 4.9122807018%;
    }
}
.c-box-3__head-icon {
    width: 38px;
    flex: none;
}
@media screen and (max-width: 768px) {
    .c-box-3__head-icon {
        width: 7.7333333333vw;
    }
}
.c-box-3__head-icon img {
    display: block;
    width: 100%;
}
.c-box-3__head-txt {
    margin-left: 7px;
    font-size: 1.375rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-box-3__head-txt {
        margin-left: 1.6vw;
        font-size: 4.8vw;
    }
}
.c-box-3__head-txt--meddium {
    margin-left: 7px;
    padding-right: 1.5em;
    font-weight: bold;
    font-size: 18px;
}
.c-box-3__txt {
    margin-left: 25px;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-box-3__txt {
        margin-top: 4.2105263158%;
        margin-left: 0;
        font-size: 3.7333333333vw;
        line-height: 1.85;
    }
}
.c-box-3__arrow_icon {
    width: 14px;
    margin-left: 15px;
}
.c-box-3__arrow_icon img {
    display: block;
    width: 100%;
}

/* ---------------------------------------------
*   c-box-5
--------------------------------------------- */
.c-box-5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 750px;
    margin: 85px auto 0;
    padding: 30px;
    background-color: #f0f3f5;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-box-5 {
        display: block;
        max-width: 89.3333333333%;
        margin-top: 18.6666666667%;
        padding: 5.3333333333% 0 6.9333333333%;
        text-align: center;
    }
}
.c-box-5__head {
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-box-5__head {
        font-size: 4.2666666667vw;
    }
}
.c-box-5__btn {
    width: 180px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-box-5__btn {
        width: 48vw;
        height: 10.6666666667vw;
        margin: 4vw auto 0;
        border-radius: 5.3333333333vw;
    }
}
.c-box-5__btn.active {
    pointer-events: none;
}
.c-box-5__icon {
    width: 21px;
    height: 19px;
    margin-right: 5px;
    flex: none;
    background: url(/lp/img/common/icon_good.svg) 0 0 no-repeat;
    background-size: contain;
}
@media screen and (max-width: 768px) {
    .c-box-5__icon {
        width: 5.6vw;
        height: 5.0666666667vw;
        margin-right: 1.3333333333vw;
    }
}
.active .c-box-5__icon {
    background-image: url(/lp/img/common/icon_good_active.svg);
}

.c-box-5__txt {
    font-size: 0.875rem;
    color: #999;
}
@media screen and (max-width: 768px) {
    .c-box-5__txt {
        font-size: 3.7333333333vw;
    }
}
.active .c-box-5__txt {
    font-weight: bold;
    color: #004198;
}

/* ---------------------------------------------
*   c-box-7
--------------------------------------------- */
.c-box-7 {
    border-radius: 5px;
    background-color: #f0f3f5;
}
@media screen and (max-width: 768px) {
    .c-box-7 {
        border-radius: 0;
    }
}
.c-box-7__container {
    padding: 5% 10% 6.1666666667%;
}
@media screen and (max-width: 768px) {
    .c-box-7__container {
        padding: 14.9333333333% 5.3333333333% 16.5333333333%;
    }
}
.c-box-7__lead {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-box-7__lead {
        font-size: 5.3333333333vw;
    }
}
.c-box-7__txt {
    margin-top: 16px;
    font-size: 1rem;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-box-7__txt {
        margin-top: 4.8vw;
        font-size: 4vw;
        text-align: left;
    }
    .windows .c-box-7__txt, .safari .c-box-7__txt {
        letter-spacing: 0;
    }
}
.c-box-7__content {
    margin-top: 38px;
}
@media screen and (max-width: 768px) {
    .c-box-7__content {
        margin-top: 6.6666666667vw;
    }
}
.c-box-7__unit {
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .c-box-7__unit {
        margin-top: 6.6666666667vw;
    }
}
.c-box-7__unit:first-of-type {
    margin-top: 0;
}
.c-box-7__head {
    font-size: 1rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-box-7__head {
        font-size: 3.7333333333vw;
    }
}
.disabled .c-box-7__head {
    opacity: 0.4;
}

.c-box-7__select {
    position: relative;
    width: 100%;
    margin-top: 7px;
}
@media screen and (min-width: 769px) {
    .c-box-7__select {
        transition: opacity 300ms;
    }
    .c-box-7__select:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-box-7__select {
        margin-top: 1.3333333333vw;
    }
}
.c-box-7__select::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 19px;
    transform: translateY(-50%);
    width: 15px;
    height: 9px;
    background: url(/lp/img/common/icon_arrow_black.svg) 0 0 no-repeat;
    background-size: contain;
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    .c-box-7__select::before {
        right: 4vw;
        width: 4vw;
        height: 2.4vw;
    }
}
.c-box-7__select select {
    width: 100%;
    padding: 25px 21px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    font-size: 1.125rem;
    cursor: pointer;
    color: inherit;
}
@media screen and (max-width: 768px) {
    .c-box-7__select select {
        padding: 4.5333333333vw 4vw;
        border-radius: 1.3333333333vw;
        font-size: 4.2666666667vw;
    }
}
.disabled .c-box-7__select select {
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
}

/* ---------------------------------------------
*   c-box-9
--------------------------------------------- */
.c-box-9 {
    max-width: 750px;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    padding: 3.3333333333% 4.1666666667%;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-box-9 {
        max-width: 89.3333333333%;
        margin-top: 8vw;
        padding: 8.5333333333% 6.6666666667% 8%;
        border-radius: 1.3333333333vw;
    }
}
.c-box-9__head {
    display: flex;
    align-items: center;
    justify-content: center;
}
.c-box-9__icon {
    display: block;
    width: 33px;
    margin-right: 7px;
    flex: none;
}
@media screen and (max-width: 768px) {
    .c-box-9__icon {
        width: 6.4vw;
        margin-right: 1.6vw;
    }
}
.c-box-9__icon img {
    width: 100%;
}
.c-box-9__ttl {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-box-9__ttl {
        font-size: 4.8vw;
    }
}
.c-box-9__txt {
    margin-top: 35px;
    font-size: 0.9375rem;
    line-height: 1.86;
    letter-spacing: 0;
}
@media screen and (max-width: 768px) {
    .c-box-9__txt {
        margin-top: 5.8666666667vw;
        font-size: 3.7333333333vw;
    }
}
.c-box-9__content {
    margin-top: 35px;
    display: flex;
    align-items: flex-start;
}
@media screen and (max-width: 768px) {
    .c-box-9__content {
        margin-top: 5.3333333333vw;
        display: block;
    }
}

/* ---------------------------------------------
*   c-box-11
--------------------------------------------- */
.c-box-11 {
    margin-top: 100px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 33px 20px 37px;
    text-align: center;
}
@media screen and (max-width: 1280px) {
    .c-box-11 {
        padding: 4.4% 2.6666666667% 4.9333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-box-11 {
        margin-top: 18.6666666667vw;
        border-radius: 1.3333333333vw;
        padding: 10.7462686567% 7.4626865672% 5.9701492537%;
    }
}
.c-box-11__head {
    display: flex;
    align-items: center;
    justify-content: center;
}
.c-box-11__icon {
    width: 26px;
    margin-right: 5px;
    flex: none;
}
@media screen and (max-width: 768px) {
    .c-box-11__icon {
        width: 5.3333333333vw;
        margin-right: 1.0666666667vw;
    }
}
.c-box-11__icon img {
    width: 100%;
}
.c-box-11__ttl {
    font-size: 1.5rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-box-11__ttl {
        font-size: 4.8vw;
    }
}
.c-box-11__txt {
    margin-top: 8px;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-box-11__txt {
        margin-top: 4.5333333333vw;
        font-size: 3.7333333333vw;
        text-align: left;
        line-height: 1.6;
    }
}
.c-box-11__content {
    margin-top: 18px;
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-box-11__content {
        display: block;
        margin-top: 0;
        padding: 0 3.5087719298%;
    }
}
.c-box-11__unit {
    position: relative;
    padding: 0 5.6497175141%;
    white-space: nowrap;
    border-right: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-box-11__unit {
        padding: 7.5471698113% 4.5283018868%;
        border-right: none;
        border-bottom: 1px solid #ddd;
    }
}
.c-box-11__unit:last-of-type {
    border: none;
}
.c-box-11__lead {
    font-size: 0.875rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-box-11__lead {
        font-size: 3.7333333333vw;
    }
}
.c-box-11__num {
    display: flex;
    align-items: center;
    justify-content: center;
}
.c-box-11__tel-icon {
    width: 50px;
    margin-right: 8px;
}
@media screen and (max-width: 768px) {
    .c-box-11__tel-icon {
        width: 11.4666666667vw;
        margin-right: 2.1333333333vw;
    }
}
.c-box-11__tel-icon img {
    width: 100%;
}
.c-box-11__num-link {
    display: block;
    font-size: 2.125rem;
    font-weight: bold;
    font-family: century-gothic, sans-serif;
    letter-spacing: -0.01em;
}
@media screen and (min-width: 769px) {
    .c-box-11__num-link {
        pointer-events: none;
    }
}
@media screen and (max-width: 768px) {
    .c-box-11__num-link {
        font-size: 8vw;
    }
}
.c-box-11__time {
    margin-top: 6px;
    font-size: 0.75rem;
    letter-spacing: 0;
}
@media screen and (max-width: 768px) {
    .c-box-11__time {
        margin-top: 0.2666666667vw;
        font-size: 2.9333333333vw;
        line-height: 1;
    }
}

/* ---------------------------------------------
*   c-box-13
--------------------------------------------- */
.c-box-13 {
    margin-top: 92px;
    padding: 20px 30px;
    border-radius: 5px;
    background-color: #f0f3f5;
}
@media screen and (max-width: 1280px) {
    .c-box-13 {
        padding: 1.6666666667% 2.5%;
    }
}
@media screen and (max-width: 768px) {
    .c-box-13 {
        margin-top: 14.9253731343%;
        padding: 5.9701492537%;
        border-radius: 1.3333333333vw;
    }
}
.c-box-13__head {
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 2.2;
}
@media screen and (max-width: 768px) {
    .c-box-13__head {
        font-size: 3.7333333333vw;
    }
}
.c-box-13__item {
    font-size: 0.75rem;
    line-height: 1.667;
    text-indent: -1em;
    padding-left: 1em;
}
@media screen and (max-width: 768px) {
    .c-box-13__item {
        font-size: 3.4666666667vw;
        line-height: 1.5;
    }
}

/* ---------------------------------------------
*   c-box-15
--------------------------------------------- */
.c-box-15-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
}
@media screen and (max-width: 768px) {
    .c-box-15-wrap {
        display: block;
        margin-top: 6.6666666667vw;
    }
}

.c-box-15 {
    display: block;
    width: 49.1666666667%;
    margin-left: 1.6666666667%;
    padding: 30px 45px 40px;
    border-radius: 5px;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-box-15 {
        width: 100%;
        margin-top: 4vw;
        margin-left: 0;
        padding: 7.4626865672% 7.4626865672% 11.9402985075%;
        border-radius: 1.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-15:first-of-type {
        margin-top: 0;
    }
}
.c-box-15:nth-of-type(2n + 1) {
    margin-left: 0;
}
.c-box-15__img {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    flex: none;
}
@media screen and (max-width: 768px) {
    .c-box-15__img {
        width: 100%;
        margin-bottom: 4.8vw;
    }
}
.c-box-15__img img {
    width: 100%;
}
.c-box-15__main {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-box-15__main {
        margin-top: 5.3333333333vw;
    }
}
.c-box-15__name {
    font-size: 0.9375rem;
    line-height: 1.2;
}
@media screen and (max-width: 768px) {
    .c-box-15__name {
        font-size: 3.7333333333vw;
    }
}
.c-box-15__model {
    font-size: 1.625rem;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    line-height: 1.2;
}
@media screen and (max-width: 768px) {
    .c-box-15__model {
        margin-top: 1.8666666667vw;
        font-size: 6.9333333333vw;
    }
}
.c-box-15__txt {
    margin-top: 13px;
    font-size: 1rem;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-box-15__txt {
        margin-top: 2.6666666667vw;
        font-size: 4vw;
        line-height: 1.73;
    }
}

/* ---------------------------------------------
*   c-box-17
--------------------------------------------- */
.c-box-17 {
    max-width: 1200px;
    margin-top: 43px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-box-17 {
        max-width: none;
        margin-top: 8%;
        border: none;
    }
}
.c-box-17__list {
    display: flex;
    border-bottom: 1px solid #ddd;
    font-size: 0.9375rem;
    line-height: 1.46;
}
@media screen and (max-width: 768px) {
    .c-box-17__list {
        display: block;
        font-size: 4vw;
        border: none;
    }
}
.c-box-17__list:last-of-type {
    border-bottom: none;
}
.c-box-17__term {
    width: 15%;
    padding: 1.75%;
    flex: none;
    border-right: 1px solid #ddd;
    background-color: #f0f3f5;
    font-weight: bold;
    line-height: 1.46;
}
@media screen and (max-width: 768px) {
    .c-box-17__term {
        width: 100%;
        padding: 2.4% 5.3333333333%;
        border: none;
    }
}
.c-box-17--careers .c-box-17__term {
    width: 12.5%;
    padding: 1.75% 1.25%;
}
@media screen and (max-width: 768px) {
    .c-box-17--careers .c-box-17__term {
        width: 100%;
        padding: 2.4% 5.3333333333%;
    }
}
.c-box-17__desc {
    width: 100%;
    padding: 1.4166666667% 1.5833333333%;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-box-17__desc {
        padding: 5.3333333333%;
        line-height: 1.73;
    }
}
.c-box-17__map {
    margin-top: 10px;
    max-width: 600px;
}
@media screen and (max-width: 768px) {
    .c-box-17__map {
        max-width: none;
        margin-top: 3.5820895522%;
    }
}
.c-box-17__map-inner {
    position: relative;
    height: 0;
    padding-top: 50%;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-box-17__map-inner {
        padding-top: 56.8vw;
    }
}
.c-box-17__map-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.c-box-17__inner-item {
    display: flex;
    margin-top: 1em;
    line-height: 1.6;
}
@media screen and (max-width: 768px) {
    .c-box-17__inner-item {
        display: block;
        margin-top: 6.6666666667vw;
    }
    .c-box-17__inner-list--company .c-box-17__inner-item {
        display: flex;
        margin-top: 3.7333333333vw;
    }
}
.c-box-17__inner-item:first-of-type {
    margin-top: 0;
}
.c-box-17__inner-head {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 2em;
    flex: none;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-box-17__inner-head {
        margin-right: 0;
        line-height: 1.73;
    }
    .c-box-17__inner-list--company .c-box-17__inner-head {
        margin-right: 1.4em;
        line-height: 1.5;
    }
}
.c-box-17__inner-txt {
    display: block;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-box-17__inner-txt {
        line-height: 1.73;
    }
    .c-box-17__inner-list--company .c-box-17__inner-txt {
        line-height: 1.5;
    }
}
.c-box-17__txt {
    word-break: break-all;
}
.c-box-17__txt .txt-red {
    color: #e23838;
}
@media screen and (min-width: 769px) {
    .c-box-17__tel-link {
        pointer-events: none;
    }
}
.c-box-17__link {
    color: #004198;
}
@media screen and (min-width: 769px) {
    .c-box-17__link {
        text-decoration: underline;
    }
    .c-box-17__link:hover {
        text-decoration: none;
    }
}
@media screen and (max-width: 768px) {
    .c-box-17__link {
        text-decoration: underline;
    }
}

/* ---------------------------------------------
*   c-box-19
--------------------------------------------- */
.c-box-19 {
    max-width: 100%;
    width: -moz-fit-content;
    width: fit-content;
    margin: 36px auto 0;
    padding: 2.9055690073% 4.1162227603% 2.1791767554%;
    background-color: #f9f9f9;
}
@media screen and (max-width: 768px) {
    .c-box-19 {
        width: 100%;
        margin-top: 5.3333333333vw;
        padding: 8.2474226804% 5.4982817869% 5.4982817869%;
    }
}
.c-box-19__head {
    font-size: 1rem;
    font-weight: bold;
    color: #ee9105;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-box-19__head {
        font-size: 3.7333333333vw;
    }
}
.c-box-19__body {
    margin-top: 18px;
    display: flex;
    align-items: center;
    gap: 0 7.8590785908%;
}
@media screen and (max-width: 1280px) {
    .c-box-19__body {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .c-box-19__body {
        margin-top: 4.5333333333vw;
    }
}
.c-box-19__item {
    position: relative;
    width: 336px;
    padding: 14px 0;
}
@media screen and (max-width: 768px) {
    .c-box-19__item {
        width: 100%;
        margin-top: 8vw;
        padding: 0;
    }
    .c-box-19__item:first-of-type {
        margin-top: 0;
    }
}
.c-box-19__item:nth-of-type(2n + 1)::before {
    content: none;
}
.c-box-19__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: -29px;
    width: 1px;
    height: 100%;
    background-color: #eae4de;
}
@media screen and (max-width: 1280px) {
    .c-box-19__item::before {
        left: 0;
        width: 100%;
        height: 1px;
    }
}
@media screen and (max-width: 768px) {
    .c-box-19__item::before {
        top: -4vw;
    }
}
.c-box-19__link {
    display: flex;
    align-items: center;
    gap: 0 16px;
}
@media screen and (min-width: 769px) {
    .c-box-19__link {
        transition: opacity 300ms;
    }
    .c-box-19__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-box-19__link {
        align-items: flex-start;
        gap: 0 2.9333333333vw;
    }
}
.c-box-19__img {
    width: 100px;
    flex-shrink: 0;
}
@media screen and (max-width: 768px) {
    .c-box-19__img {
        width: 21.3333333333vw;
    }
}
.c-box-19__img img {
    border-radius: 2px;
}
@media screen and (max-width: 768px) {
    .c-box-19__img img {
        border-radius: 0.5333333333vw;
    }
}
.c-box-19__txt {
    font-size: 0.9375rem;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 0.04em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-box-19__txt {
        font-size: 3.4666666667vw;
        line-height: 1.6;
    }
}
.c-box-19__info {
    margin-top: 3px;
    display: flex;
    align-items: flex-end;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-box-19__info {
        margin-top: 1.0666666667vw;
        align-items: center;
    }
}
.c-box-19__name {
    font-size: 1rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-box-19__name {
        margin-top: -2.6666666667vw;
        font-size: 3.2vw;
    }
}
.c-box-19__year {
    position: relative;
    margin-left: auto;
    padding-right: 44px;
    font-size: 0.75rem;
    font-weight: bold;
    color: #9e988b;
    text-align: right;
    line-height: 1.3;
    white-space: pre-wrap;
}
@media screen and (max-width: 768px) {
    .c-box-19__year {
        padding-right: 0;
        padding-bottom: 6.4vw;
        font-size: 2.9333333333vw;
        line-height: 1.2;
    }
}
.c-box-19__year::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 12px;
    background: url(/lp/img/company/recruit/graduate/common/icon_arrow.svg) 0 0 no-repeat;
    background-size: contain;
}
@media screen and (max-width: 768px) {
    .c-box-19__year::before {
        width: 6.4vw;
        height: 3.2vw;
    }
}

/* ---------------------------------------------
*   c-box-2
--------------------------------------------- */
.c-box-2 {
    margin-top: 5.390625%;
}
@media screen and (min-width: 1281px) {
    .c-box-2 {
        margin-top: 69px;
    }
}
@media screen and (max-width: 768px) {
    .c-box-2 {
        margin-top: 10.6666666667%;
    }
}
.c-box-2__container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 3.125%;
    padding-left: 3.125%;
    max-width: 1281px;
}
@media screen and (min-width: 1281px) {
    .c-box-2__container {
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-box-2__container {
        padding-right: 5.3333333333%;
        padding-left: 5.3333333333%;
    }
}
.c-box-2__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    text-align: center;
    border: 1px solid #333;
    border-radius: 5px;
}
@media screen and (min-width: 769px) {
    .c-box-2__inner {
        transition: opacity 300ms;
    }
    .c-box-2__inner:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-box-2__inner {
        height: 17.3333333333vw;
        border-radius: 1.3333333333vw;
    }
}
.c-box-2__txt {
    position: relative;
    display: inline-block;
    padding-left: 40px;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.125rem;
    color: #333;
}
@media screen and (max-width: 768px) {
    .c-box-2__txt {
        padding-left: 10%;
        font-size: 4vw;
    }
}
.c-box-2__txt:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 26px;
    background: url(/lp/img/common/icon_graph.svg) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
    .c-box-2__txt:before {
        width: 6.9333333333vw;
        height: 6.1333333333vw;
    }
}

/* ---------------------------------------------
*   c-box-4
--------------------------------------------- */
.c-box-4 {
    display: flex;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    min-width: 49.1666666667%;
    min-height: 100px;
    width: 100%;
}
@media screen and (min-width: 1281px) {
    .c-box-4 {
        min-width: 590px;
    }
}
@media screen and (max-width: 768px) {
    .c-box-4 {
        min-height: 0;
    }
}
.c-box-4:nth-of-type(even) {
    border-left: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-box-4:nth-of-type(even) {
        border-top: none;
        border-left: none;
    }
}
@media screen and (max-width: 768px) {
    .c-box-4--wide {
        min-height: 34.6666666667vw;
    }
}
.c-box-4__left {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 4.6666666667%;
    padding-bottom: 4.6666666667%;
    width: 41.6666666667%;
    background-color: #f0f3f5;
}
@media screen and (min-width: 1281px) {
    .c-box-4__left {
        padding-top: 28px;
        padding-bottom: 28px;
        width: 250px;
    }
}
@media screen and (max-width: 768px) {
    .c-box-4__left {
        padding-top: 0;
        padding-bottom: 0;
        width: 41.7910447761%;
    }
}
.c-box-4--wide .c-box-4__left {
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    width: 20.8333333333%;
}
@media screen and (min-width: 1281px) {
    .c-box-4--wide .c-box-4__left {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
@media screen and (max-width: 768px) {
    .c-box-4--wide .c-box-4__left {
        min-width: 41.7910447761%;
        width: 41.7910447761%;
    }
}
.c-box-4__img {
    width: 120px;
}
@media screen and (min-width: 1281px) {
    .c-box-4__img {
        width: 120px;
    }
}
@media screen and (max-width: 768px) {
    .c-box-4__img {
        width: 24.5333333333vw;
    }
}
.c-box-4__link-img {
    width: 120px;
}
@media screen and (min-width: 1281px) {
    .c-box-4__link-img {
        width: 120px;
    }
}
@media screen and (max-width: 768px) {
    .c-box-4__link-img {
        width: 26.6666666667vw;
    }
    .c-box-4__link-img img {
        width: 100%;
    }
}
.c-box-4__right {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-top: 3.3333333333%;
    padding-bottom: 3.3333333333%;
    padding-left: 6.6666666667%;
}
@media screen and (min-width: 1281px) {
    .c-box-4__right {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-box-4__right {
        padding-top: 5.6vw;
        padding-bottom: 5.6vw;
        padding-left: 5.6vw;
    }
}
.c-box-4--wide .c-box-4__right {
    padding-top: 1.6666666667%;
    padding-bottom: 1.6666666667%;
}
@media screen and (min-width: 1281px) {
    .c-box-4--wide .c-box-4__right {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 768px) {
    .c-box-4--wide .c-box-4__right {
        padding-top: 5.6vw;
        padding-bottom: 5.6vw;
        padding-left: 5.6vw;
    }
}
.c-box-4__icon-list {
    display: flex;
}
.c-box-4__icon-item {
    display: block;
    width: 50px;
    margin-right: 15px;
}
@media screen and (min-width: 1281px) {
    .c-box-4__icon-item {
        transition: opacity 300ms;
    }
    .c-box-4__icon-item:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-box-4__icon-item {
        margin-right: 4vw;
        width: 10.6666666667vw;
    }
}
.c-box-4__ttl {
    line-height: 1.66;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-box-4__ttl {
        line-height: 1.33;
        font-size: 4vw;
    }
}
.c-box-4__txt {
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-box-4__txt {
        line-height: 1.53;
        font-size: 3.4666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-4__txt--has-mgt {
        margin-top: 1.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-box-6
--------------------------------------------- */
.c-box-6 {
    background-color: #f0f3f5;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-box-6 {
        border-radius: 1.3333333333vw;
    }
}
.c-box-6__container {
    padding: 30px 40px 38px 40px;
}
@media screen and (max-width: 1280px) {
    .c-box-6__container {
        padding: 30px 3.3333333333% 38px 3.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-box-6__container {
        padding: 5.9701492537% 8.9552238806% 7.1641791045% 5.9701492537%;
    }
}
.c-box-6__txt {
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-box-6__txt {
        line-height: 1.86;
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   c-box-8
--------------------------------------------- */
/* ---------------------------------------------
*   c-box-10
--------------------------------------------- */
.c-box-10 {
    padding: 30px 37px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-box-10 {
        padding: 5.3333333333vw 6.4vw;
    }
}
.c-box-10--business-catalog {
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .c-box-10--business-catalog {
        margin-top: 18.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-10 {
        border-radius: 1.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-box-12
--------------------------------------------- */
.c-box-12 {
    background-color: #fff;
    border-radius: 5px;
    padding: 40px 40px 50px 40px;
    width: 49.1666666667%;
    max-width: 590px;
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 1280px) {
    .c-box-12 {
        padding: 40px 6.25% 50px 6.25%;
    }
}
@media screen and (max-width: 768px) {
    .c-box-12 {
        max-width: none;
        padding: 6.4vw 6.6666666667vw 8.5333333333vw 6.6666666667vw;
        width: 100%;
        border-radius: 1.3333333333vw;
    }
}
.c-box-12__ttl {
    text-align: center;
    line-height: 1.2;
    font-weight: bold;
    font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
    .c-box-12__ttl {
        line-height: 1.5;
        font-size: 4.2666666667vw;
    }
}
.c-box-12__txt {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 1.71;
    letter-spacing: 0em;
    font-size: 0.875rem;
    word-break: break-all;
}
@media screen and (max-width: 768px) {
    .c-box-12__txt {
        max-width: none;
        text-align: justify;
        font-size: 3.7333333333vw;
    }
}
.c-box-12__btn-wrap {
    display: flex;
    justify-content: center;
    margin-top: auto;
}
@media screen and (max-width: 768px) {
    .c-box-12__btn-wrap {
        display: block;
    }
}

/* ---------------------------------------------
*   c-box-14
--------------------------------------------- */
.c-box-14 {
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 40px 0;
    max-width: 1040px;
    width: 100%;
}
@media screen and (max-width: 1280px) {
    .c-box-14 {
        padding: 0 3.3333333333% 0;
    }
}
@media screen and (max-width: 768px) {
    .c-box-14 {
        margin-top: 6.6666666667vw;
        padding: 0;
        max-width: none;
    }
}
@media screen and (max-width: 768px) {
    .c-box-14__inner {
        padding: 0 5.2083333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-box-14__inner--wide {
        padding: 0;
        overflow: auto;
    }
}
.c-box-14__triangle {
    display: block;
    margin-top: 19px;
    margin-bottom: 19px;
    margin-right: auto;
    margin-left: auto;
    width: 40px;
    height: 13px;
    background-color: #999;
    -webkit-clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
            clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
}
@media screen and (max-width: 768px) {
    .c-box-14__triangle {
        margin-top: 4vw;
        margin-bottom: 3.4666666667vw;
        width: 10.6666666667vw;
        height: 3.4666666667vw;
    }
}
.c-box-14__triangle--mg-narrow {
    margin-top: 14px;
    margin-bottom: 14px;
}
@media screen and (max-width: 768px) {
    .c-box-14__triangle--mg-narrow {
        margin-top: 3.7333333333vw;
        margin-bottom: 3.7333333333vw;
    }
}
.c-box-14__item {
    display: flex;
    align-items: center;
    margin-top: 10px;
    padding: 26px 40px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
}
@media screen and (max-width: 1280px) {
    .c-box-14__item {
        padding: 2.7083333333% 4.1666666667%;
    }
}
@media screen and (max-width: 768px) {
    .c-box-14__item {
        margin-top: 2.6666666667vw;
        align-items: flex-start;
        padding: 5.9701492537%;
        border-radius: 1.3333333333vw;
    }
}
.c-box-14__item--narrow {
    padding: 25px 20px 20px 20px;
}
@media screen and (max-width: 1280px) {
    .c-box-14__item--narrow {
        padding: 8.064516129% 6.4516129032%;
    }
}
@media screen and (max-width: 768px) {
    .c-box-14__item--narrow {
        align-items: center;
        padding: 5.3333333333vw;
    }
}
.c-box-14__icon-wrap {
    text-align: center;
}
.c-box-14__icon {
    width: 80px;
    background-color: #f0f3f5;
    border-radius: 50%;
}
@media screen and (max-width: 1280px) {
    .c-box-14__icon {
        width: 6.25vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-14__icon {
        width: 10.6666666667vw;
    }
}
.c-box-14__icon-txt {
    line-height: 2.1;
    font-weight: bold;
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-box-14__icon-txt {
        line-height: 1.8;
        letter-spacing: 0;
        font-size: 2.6666666667vw;
    }
}
.c-box-14__txt-wrap {
    margin-left: 30px;
}
@media screen and (max-width: 768px) {
    .c-box-14__txt-wrap {
        margin-left: 4.776119403%;
    }
}
.c-box-14__txt-wrap--narrow {
    margin-left: 20px;
}
@media screen and (max-width: 768px) {
    .c-box-14__txt-wrap--narrow {
        margin-left: 4vw;
    }
}
.c-box-14__ttl {
    line-height: 2;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-box-14__ttl {
        margin-bottom: 2.6666666667vw;
        line-height: 1.46;
        font-size: 4vw;
    }
}
.c-box-14__ttl--small {
    line-height: 1.5;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-box-14__ttl--small {
        font-size: 4vw;
    }
}
.c-box-14__txt {
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-box-14__txt {
        line-height: 1.71;
        font-size: 3.7333333333vw;
    }
}
.c-box-14__txt--small {
    line-height: 1.57;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-box-14__txt--small {
        font-size: 3.4666666667vw;
    }
}
.c-box-14__txt--indent {
    padding-left: 1em;
    text-indent: -1em;
}
.c-box-14__column {
    display: flex;
    justify-content: center;
    gap: 15px;
}
@media screen and (max-width: 768px) {
    .c-box-14__column {
        justify-content: flex-start;
        gap: 2.6666666667vw;
    }
}
.c-box-14__column-item {
    width: 32.2916666667%;
}
@media screen and (max-width: 768px) {
    .c-box-14__column-item {
        min-width: 85.3333333333vw;
    }
    .c-box-14__column-item:first-of-type {
        padding-left: 5.3333333333vw;
    }
    .c-box-14__column-item:last-of-type {
        padding-right: 5.3333333333vw;
    }
}
.c-box-14__gray-label {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5em;
    min-height: 45px;
    background-color: #f0f3f5;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-box-14__gray-label {
        min-height: 10.6666666667vw;
        border-radius: 1.3333333333vw;
    }
}
.c-box-14__label-txt {
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-box-14__label-txt {
        font-size: 3.4666666667vw;
    }
}
.c-box-14__label-txt--indent {
    text-indent: -1em;
    padding-left: 1em;
}
.c-box-14__note {
    position: relative;
    padding-left: 2em;
    text-indent: -1.9em;
    line-height: 1.84;
    letter-spacing: 0.06em;
    font-size: 0.8125rem;
}
@media screen and (max-width: 768px) {
    .c-box-14__note {
        line-height: 1.83;
        font-size: 3.2vw;
    }
}
.c-box-14__note::before {
    margin-right: 3px;
    content: attr(data-text) "";
}

/* ---------------------------------------------
*   c-box-16
--------------------------------------------- */
.c-box-16 {
    border: 1px solid #ddd;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-box-16 {
        border-radius: 1.3333333333vw;
    }
}
.c-box-16__container {
    padding: 18px;
}
@media screen and (max-width: 768px) {
    .c-box-16__container {
        padding: 4.8vw 4.8vw 3.4666666667vw 4.8vw;
    }
}
.c-box-16__item {
    margin-top: 8px;
    text-align: justify;
    color: #666666;
    padding-left: 2em;
    text-indent: -1.3em;
    line-height: 1.71;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-box-16__item {
        line-height: 1.83;
        margin-top: 0;
        font-size: 3.2vw;
    }
}
.c-box-16__item--bold {
    font-weight: bold;
}
.c-box-16__txt {
    text-align: justify;
    color: #666666;
    line-height: 1.71;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-box-16__txt {
        line-height: 1.83;
        font-size: 3.2vw;
    }
}
.c-box-16__txt--bold {
    font-weight: bold;
}
.c-box-16__num-list {
    margin-bottom: 25px;
    padding-left: 10px;
}
@media screen and (max-width: 768px) {
    .c-box-16__num-list {
        margin-bottom: 4vw;
        padding-left: 0;
    }
}
.c-box-16__num-item {
    margin-top: 15px;
    text-indent: -2.2em;
    padding-left: 2.2em;
    font-size: 0.875rem;
    color: #666666;
    line-height: 1.57;
}
@media screen and (max-width: 768px) {
    .c-box-16__num-item {
        margin-top: 4vw;
        font-size: 3.2vw;
    }
}
.c-box-16__num-item:first-of-type {
    margin-top: 0;
}
.c-box-16__num-item a {
    text-decoration: underline;
    color: #004198;
    word-break: break-all;
}
@media screen and (min-width: 769px) {
    .c-box-16__num-item a:hover {
        text-decoration: none;
    }
}

/* ---------------------------------------------
*   c-box-18（アルコール検知器 選び方ページ POINT3）
--------------------------------------------- */
.c-box-18__ttl {
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    background: #333;
    padding: 10px 13px;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
    .c-box-18__ttl {
        font-size: 2.9333333333vw;
        line-height: 2;
        padding: 1.0666666667vw 2.6666666667vw 1.8666666667vw 2.6666666667vw;
    }
}
.c-box-18__lead {
    font-size: 0.9375rem;
    letter-spacing: 0.06em;
    margin: 15px 0 0 0;
}
@media screen and (max-width: 768px) {
    .c-box-18__lead {
        font-size: 3.7333333333vw;
    }
}
.c-box-18__calc {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin: 21px 0 0 0;
}
@media screen and (max-width: 768px) {
    .c-box-18__calc {
        flex-direction: column;
        margin-top: 4.5333333333vw;
    }
}
.c-box-18__calc-item {
    background: #f0f3f5;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    width: 15%;
    height: 140px;
}
@media screen and (max-width: 768px) {
    .c-box-18__calc-item {
        width: 100%;
        height: auto;
        padding: 1.8666666667vw 0 2.9333333333vw;
    }
}
.c-box-18__calc-item--wide {
    color: #004198;
    width: 25%;
}
@media screen and (max-width: 768px) {
    .c-box-18__calc-item--wide {
        width: 100%;
        padding: 3.7333333333vw 0 5.0666666667vw;
    }
}
.c-box-18__calc-icon {
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-box-18__calc-icon {
        padding: 1.8666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-18__calc-icon img {
        width: 4vw;
        height: 4vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-18__calc-icon--equals {
        transform: rotate(-90deg);
    }
}
.c-box-18__calc-term {
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-box-18__calc-term {
        font-size: 4vw;
    }
}
.c-box-18__calc-num {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-box-18__calc-num {
        font-size: 4.2666666667vw;
    }
}
.c-box-18__calc-num strong {
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    font-size: 3rem;
}
@media screen and (max-width: 768px) {
    .c-box-18__calc-num strong {
        font-size: 6.9333333333vw;
    }
}
.c-box-18__calc-text {
    text-align: center;
    color: #004198;
    font-size: 1rem;
    line-height: 1.625;
    padding: 15px 15px 19px;
    border-radius: 5px;
    border: 2px solid #004198;
    font-weight: bold;
    margin: 33px 0 0 0;
}
@media screen and (max-width: 768px) {
    .c-box-18__calc-text {
        text-align: left;
        font-size: 4vw;
        line-height: 1.6;
        margin-top: 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-btn-1
--------------------------------------------- */
.c-btn-1 {
    display: block;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding: 13px 1em;
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #333;
    border-radius: 80px;
    text-align: center;
}
@media screen and (min-width: 769px) {
    .c-btn-1 {
        transition: opacity 300ms;
    }
    .c-btn-1:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-1 {
        width: 66.6666666667vw;
        padding: 3.7333333333% 1em;
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   c-btn-3
--------------------------------------------- */
.c-btn-3 {
    display: block;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 23px;
    padding: 17px 1em;
    font-size: 1.125rem;
    font-weight: bold;
    color: #fff;
    background-color: #333;
    border-radius: 80px;
    text-align: center;
    letter-spacing: 0.06em;
}
@media screen and (min-width: 769px) {
    .c-btn-3 {
        transition: opacity 300ms;
    }
    .c-btn-3:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-3 {
        width: 100%;
        margin-top: 8vw;
        padding: 4.8vw 1em;
        font-size: 4.2666666667vw;
        border-radius: 10.6666666667vw;
    }
}
.c-btn-3:disabled {
    opacity: 1;
    cursor: default;
    background-color: #999;
}

/* ---------------------------------------------
*   c-btn-5
--------------------------------------------- */
.c-btn-5 {
    display: block;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 23px;
    padding: 13px 1em;
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    background-color: #fff;
    border-radius: 80px;
    text-align: center;
    border: 2px solid #333;
    letter-spacing: 0.06em;
}
@media screen and (min-width: 769px) {
    .c-btn-5 {
        transition: opacity 300ms;
    }
    .c-btn-5:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-5 {
        width: 65.671641791%;
        margin-top: 5.3333333333vw;
        padding: 3.4666666667vw 1em;
        font-size: 3.7333333333vw;
        border-radius: 10.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-btn-7
--------------------------------------------- */
.c-btn-7 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 590px;
    height: 100px;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
    background-color: #004198;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
}
@media screen and (min-width: 769px) {
    .c-btn-7 {
        transition: opacity 300ms;
    }
    .c-btn-7:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-7 {
        width: 100%;
        height: 21.3333333333vw;
        margin-top: 8vw;
        border-radius: 1.3333333333vw;
    }
}
.c-btn-7::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 13px;
    height: 13px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 768px) {
    .c-btn-7::before {
        right: 5.3333333333vw;
        width: 3.4666666667vw;
        height: 3.4666666667vw;
    }
}
.c-btn-7__sub-txt {
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-btn-7__sub-txt {
        font-size: 3.4666666667vw;
    }
}
.c-btn-7__main-txt {
    font-size: 1.375rem;
}
@media screen and (max-width: 768px) {
    .c-btn-7__main-txt {
        font-size: 4.8vw;
    }
}

/* ---------------------------------------------
*   c-btn-9
--------------------------------------------- */
.c-btn-9 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 420px;
    width: 100%;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    background-color: #004198;
    font-size: 1.125rem;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
}
@media screen and (min-width: 769px) {
    .c-btn-9 {
        transition: opacity 300ms;
    }
    .c-btn-9:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-9 {
        max-width: none;
        width: 100%;
        height: 16vw;
        font-size: 4.2666666667vw;
        border-radius: 1.3333333333vw;
    }
}
.c-btn-9--wbgt {
    background-image: linear-gradient(98.6deg, #ff7900 0%, #ff0000 100%);
}
@media screen and (max-width: 768px) {
    .c-btn-9--sp-small {
        width: 89.3333333333%;
    }
}
.c-box-12__btn-wrap .c-btn-9 {
    padding: 0 0.5em;
}
@media screen and (max-width: 768px) {
    .c-box-12__btn-wrap .c-btn-9 {
        margin-left: auto;
        margin-top: 2.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-12__btn-wrap .c-btn-9:first-of-type {
        margin-top: 0;
    }
}

.c-btn-9:disabled {
    opacity: 1;
    cursor: default;
    background-color: #999;
}
.c-btn-9__register-txt {
    position: relative;
    padding-left: 34px;
    font-weight: bold;
    font-size: 1rem;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .c-btn-9__register-txt {
        padding-left: 8vw;
        font-size: 4.2666666667vw;
    }
}
.c-btn-9__register-txt::before {
    position: absolute;
    top: calc(50% + 1px);
    left: 0;
    width: 25px;
    height: 27px;
    background: url(/lp/img/common/icon_person_white.svg) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
    content: "";
}
@media screen and (max-width: 768px) {
    .c-btn-9__register-txt::before {
        width: 5.6vw;
        height: 6.1333333333vw;
    }
}
.c-btn-9__contact-txt {
    position: relative;
    padding-left: 47px;
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-btn-9__contact-txt {
        padding-left: 10.4vw;
        font-size: 4.2666666667vw;
    }
}
.c-btn-9__contact-txt::before {
    position: absolute;
    top: calc(50% + 4px);
    left: 0;
    width: 38px;
    height: 23px;
    background: url(/lp/img/common/icon_contact-white.svg) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
    content: "";
}
@media screen and (max-width: 768px) {
    .c-btn-9__contact-txt::before {
        top: calc(50% + 0.533vw);
        width: 8.5333333333vw;
        height: 4.8vw;
    }
}
.c-btn-9__catalog-txt {
    position: relative;
    padding-right: 34px;
    letter-spacing: 0.03em;
    color: #fff;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-btn-9__catalog-txt {
        padding-right: 8vw;
        font-size: 4.2666666667vw;
    }
}
.c-btn-9__catalog-txt::before {
    position: absolute;
    top: calc(50% + 2px);
    right: 0;
    width: 26px;
    height: 19px;
    background: url(/lp/img/common/icon_book_white.svg) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
    content: "";
}
@media screen and (max-width: 768px) {
    .c-btn-9__catalog-txt::before {
        top: calc(50% + 1px);
        width: 6.9333333333vw;
        height: 5.0666666667vw;
    }
}
.c-btn-9__download-txt {
    position: relative;
    padding-right: 33px;
    letter-spacing: 0.03em;
    color: #fff;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-btn-9__download-txt {
        padding-right: 8vw;
        font-size: 4.2666666667vw;
    }
}
.c-btn-9__download-txt::before {
    position: absolute;
    top: calc(50% + 2px);
    right: 0;
    width: 23px;
    height: 19px;
    background: url(/lp/img/common/icon_dl-white.svg) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
    content: "";
}
@media screen and (max-width: 768px) {
    .c-btn-9__download-txt::before {
        top: calc(50% + 1px);
        width: 6.1333333333vw;
        height: 5.0666666667vw;
    }
}
.c-btn-9--wbgt {
    background-image: linear-gradient(98.6deg, #ff7900 0%, #ff0000 100%);
}

/* ---------------------------------------------
*   c-btn-11
--------------------------------------------- */
.c-btn-11 {
    display: block;
    max-width: 100%;
    width: 200px;
    margin-top: 25px;
    padding: 10px 1em;
    font-size: 0.9375rem;
    font-weight: bold;
    color: #004198;
    border: 2px solid #004198;
    border-radius: 5px;
    text-align: center;
}
@media screen and (min-width: 769px) {
    .c-btn-11 {
        transition: opacity 300ms;
    }
    .c-btn-11:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-11 {
        width: 53.3333333333vw;
        margin-left: auto;
        margin-right: auto;
        padding: 2.6666666667vw 1em;
        font-size: 4vw;
    }
}
.c-btn-11--center {
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 768px) {
    .c-btn-11--sp-small {
        width: 32vw;
        padding: 1.6vw 1em;
        font-size: 3.4666666667vw;
    }
}
.c-btn-11--wbgt {
    border-color: #ff6f16;
    color: #ff6f16;
}

/* ---------------------------------------------
*   c-btn-13（アルコール検知器 選び方ページ PURPOSE）
--------------------------------------------- */
.c-btn-13 {
    display: inline-block;
    text-align: center;
    border: 2px solid #004198;
    padding: 11px 0 13px 0px;
    width: 32.6086956522%;
    max-width: 300px;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-btn-13 {
        width: 100%;
        text-align: left;
        display: flex;
        justify-content: center;
        max-width: none;
    }
}
.c-btn-13--for2col {
    width: 300px;
}
@media screen and (max-width: 768px) {
    .c-btn-13--for2col {
        width: 100%;
    }
}
.c-btn-13--wide {
    width: 100%;
    max-width: none;
}
@media screen and (max-width: 768px) {
    .c-btn-13--wide {
        width: 100%;
    }
}
.c-btn-13__text {
    position: relative;
    padding-right: 16px;
    color: #004198;
    font-size: 0.9375rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-btn-13__text {
        font-size: 4vw;
        padding-right: 4.2666666667vw;
        line-height: 1.4;
    }
}
.c-btn-13__text::before {
    position: absolute;
    top: calc(50% + 1px);
    right: 0;
    width: 11px;
    height: 18px;
    background: url(/lp/img/business/special/alcohol/select/icon_arrow.svg) 0 0 no-repeat;
    background-size: contain;
    transform: translateY(-50%);
    content: "";
}
@media screen and (max-width: 768px) {
    .c-btn-13__text::before {
        width: 2.9333333333vw;
        height: 4.8vw;
    }
}
.c-btn-13__text--pdf {
    padding-right: 29px;
}
.c-btn-13__text--pdf::before {
    background-image: url(/lp/img/business/special/alcohol/select/icon_dl.svg);
    width: 23px;
    height: 19px;
}
@media screen and (max-width: 768px) {
    .c-btn-13__text--pdf::before {
        width: 6.1333333333vw;
        height: 5.0666666667vw;
    }
}
.c-btn-13__text--movie {
    padding-right: 27px;
}
.c-btn-13__text--movie::before {
    background-image: url(/lp/img/business/special/alcohol/select/icon_play.svg);
    width: 21px;
    height: 21px;
}
@media screen and (max-width: 768px) {
    .c-btn-13__text--movie::before {
        width: 5.6vw;
        height: 5.6vw;
    }
}

/* ---------------------------------------------
*   c-btn-15（マガジン一覧）
--------------------------------------------- */
.c-btn-15 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 17.5rem;
    min-height: 3.5rem;
    padding: 0.625rem;
    border-radius: 9999px;
    background-color: #333;
    color: #fff;
    font-weight: 700;
    font-size: 0.9375rem;
    line-height: 1.4;
    letter-spacing: 0.05em;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-btn-15 {
        min-width: 74.6666666667vw;
        min-height: 14.9333333333vw;
        padding: 2.6666666667vw;
        font-size: 4vw;
    }
}
@media screen and (min-width: 769px) {
    .c-btn-15 {
        transition: opacity 300ms;
    }
    .c-btn-15:hover {
        opacity: 0.8;
    }
}

/* ---------------------------------------------
*   c-btn-recruit
--------------------------------------------- */
.c-btn-recruit {
    position: relative;
    display: block;
    width: 320px;
    margin: 60px auto 0;
    padding: 26px 60px;
    background-color: #ee9105;
    border-radius: 60px;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
}
@media screen and (min-width: 769px) {
    .c-btn-recruit {
        transition: opacity 300ms;
    }
    .c-btn-recruit:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-recruit {
        width: 63.4666666667vw;
        margin-top: 8vw;
        padding: 5.3333333333vw 16vw;
        border-radius: 26.6666666667vw;
        font-size: 4.2666666667vw;
    }
}
.c-btn-recruit::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 31px;
    height: 31px;
    background: url(/lp/img/company/recruit/graduate/common/icon_btn.svg) 0 0 no-repeat;
    background-size: contain;
}
@media screen and (max-width: 768px) {
    .c-btn-recruit::before {
        right: 4vw;
        width: 6.1333333333vw;
        height: 6.1333333333vw;
    }
}

/* ---------------------------------------------
*   c-btn-entry
--------------------------------------------- */
.c-btn-entry {
    position: sticky;
    bottom: 20px;
    right: 0;
    display: block;
    width: 256px;
    margin-left: auto;
    margin-right: 76px;
    margin-top: 70px;
    margin-bottom: -284px;
    filter: drop-shadow(12px 4px 90px rgba(201, 107, 11, 0.2));
    z-index: 99;
}
@media screen and (min-width: 769px) {
    .c-btn-entry {
        transition: opacity 300ms;
    }
    .c-btn-entry:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 1440px) {
    .c-btn-entry {
        width: 17.7777777778vw;
        bottom: 1.3888888889vw;
        margin-right: 5.2777777778vw;
        margin-top: 4.8611111111vw;
        margin-bottom: -19.7222222222vw;
    }
}

/* ---------------------------------------------
*   c-btn-17(akita recruit banner)
--------------------------------------------- */
.c-btn-17 {
    text-align: center;
    max-width: 41.6666666667vw;
    margin: 3.125vw auto 0;
}
@media screen and (max-width: 768px) {
    .c-btn-17 {
        margin-top: 8vw;
        max-width: 100%;
    }
}
@media screen and (min-width: 769px) {
    .c-btn-17 {
        transition: opacity 300ms;
    }
    .c-btn-17:hover {
        opacity: 0.8;
    }
}
.c-btn-17 img {
    width: 100%;
    height: auto;
}

/* ---------------------------------------------
*   c-btn-2
--------------------------------------------- */
.c-btn-2 {
    display: inline-block;
    margin-top: -4px;
    width: 16px;
    vertical-align: middle;
}
@media screen and (min-width: 769px) {
    .c-btn-2 {
        transition: opacity 300ms;
    }
    .c-btn-2:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-2 {
        margin-top: -1.0666666667vw;
        width: 4.2666666667vw;
    }
}
.c-btn-2__inner {
    display: flex;
    align-items: center;
}
.c-btn-2 img {
    width: 100%;
    vertical-align: middle;
}

/* ---------------------------------------------
*   c-btn-4
--------------------------------------------- */
.c-btn-4 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    max-width: 300px;
    width: 300px;
    height: 50px;
    background-color: #333;
    border-radius: 25px;
}
@media screen and (min-width: 769px) {
    .c-btn-4 {
        transition: opacity 300ms;
    }
    .c-btn-4:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-4 {
        max-width: 78.6666666667vw;
        width: 78.6666666667vw;
        height: 13.3333333333vw;
        border-radius: 6.6666666667vw;
    }
}
.c-btn-4__txt {
    padding-bottom: 1px;
    color: #fff;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-btn-4__txt {
        font-size: 4.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-btn-6
--------------------------------------------- */
.c-btn-6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48.9552238806%;
    height: 12vw;
    border: 1px solid #333;
    border-radius: 1.3333333333vw;
}
.c-btn-6--black {
    background-color: #333;
    border: none;
}
.c-btn-6__txt {
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 3.7333333333vw;
}
.c-btn-6--black .c-btn-6__txt {
    color: #fff;
}

/* ---------------------------------------------
*   c-btn-8
--------------------------------------------- */
.c-btn-8 {
    display: block;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    padding: 12px 1em 14px;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    background-color: #333;
    border-radius: 80px;
}
@media screen and (min-width: 769px) {
    .c-btn-8 {
        transition: opacity 300ms;
    }
    .c-btn-8:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-8 {
        width: 100%;
        padding: 4.2666666667% 1em;
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   c-btn-10
--------------------------------------------- */
.c-btn-10 {
    display: inline-block;
    margin-top: -4px;
    margin-left: -7px;
    width: 18px;
    vertical-align: middle;
}
@media screen and (min-width: 769px) {
    .c-btn-10 {
        transition: opacity 300ms;
    }
    .c-btn-10:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-10 {
        margin-top: -1.0666666667vw;
        width: 4.2666666667vw;
    }
}
.c-btn-10__inner {
    display: flex;
    align-items: center;
}
.c-btn-10 img {
    width: 100%;
    vertical-align: middle;
}

/* ---------------------------------------------
*   c-btn-12
--------------------------------------------- */
.c-btn-12 {
    display: inline-block;
    margin-top: 27px;
    padding: 9px;
    max-width: 200px;
    width: 100%;
    min-height: 45px;
    text-align: center;
    color: #004198;
    line-height: 1.46;
    letter-spacing: 0.03em;
    font-weight: bold;
    font-size: 0.9375rem;
    border: 2px solid #004198;
    border-radius: 5px;
}
@media screen and (min-width: 769px) {
    .c-btn-12 {
        transition: opacity 300ms;
    }
    .c-btn-12:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-12 {
        padding: 2.4vw;
        max-width: 53.3333333333vw;
        width: 100%;
        min-height: 12vw;
        line-height: 1.46;
        font-size: 4vw;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-12--sp-small {
        padding: 1.6vw;
        width: 32vw;
        min-height: 9.3333333333vw;
        font-size: 3.4666666667vw;
    }
}
.c-btn-12--wbgt {
    border-color: #ff6f16;
    color: #ff6f16;
}
.c-btn-12--slim {
    max-width: 150px;
}

/* ---------------------------------------------
*   c-btn-14
--------------------------------------------- */
.c-btn-14 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 450px;
    width: 100%;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    background-color: #004198;
    font-size: 1.125rem;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
}
@media screen and (min-width: 769px) {
    .c-btn-14 {
        transition: opacity 300ms;
    }
    .c-btn-14:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-14 {
        max-width: none;
        width: 100%;
        height: 16vw;
        font-size: 4.2666666667vw;
        border-radius: 1.3333333333vw;
    }
}
.c-btn-14--wbgt {
    background-image: linear-gradient(98.6deg, #ff7900 0%, #ff0000 100%);
}

/* ---------------------------------------------
*   c-btn-16
--------------------------------------------- */
.c-btn-16 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 450px;
    width: 100%;
    min-height: 80px;
    margin-left: auto;
    margin-right: auto;
    background-color: #004198;
    font-size: 1.375rem;
    color: #fff;
    font-weight: bold;
    border-radius: 50px;
}
@media screen and (min-width: 769px) {
    .c-btn-16 {
        transition: opacity 300ms;
    }
    .c-btn-16:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-16 {
        max-width: none;
        width: 100%;
        min-height: 16vw;
        font-size: 4.8vw;
        border-radius: 13.3333333333vw;
    }
}
.c-btn-16--multi {
    width: 390px;
    margin-right: 0;
}
@media screen and (max-width: 768px) {
    .c-btn-16--multi {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4vw;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-16--sp-narrow {
        width: 89.3333333333vw;
        margin-left: auto;
        margin-right: auto;
    }
}

/* ---------------------------------------------
*   c-card
--------------------------------------------- */
.c-card {
    margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
    .c-card {
        margin-bottom: 16vw;
    }
}
.c-card__head {
    margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
    .c-card__head {
        margin-bottom: 8vw;
    }
}
.c-card__body {
    padding: 0 10px;
}
@media screen and (max-width: 768px) {
    .c-card__body {
        padding: 0;
    }
}

/* ---------------------------------------------
*   c-card-2
--------------------------------------------- */
.c-card-2 {
    position: relative;
    display: block;
}
@media screen and (min-width: 769px) {
    .c-card-2 {
        transition: opacity 300ms;
    }
    .c-card-2:hover {
        opacity: 0.8;
    }
}
.c-card-2__desc {
    margin-top: 16px;
}
@media screen and (max-width: 768px) {
    .c-card-2__desc {
        margin-top: 2.9333333333vw;
    }
}
.c-card-2__color-list {
    display: flex;
    margin-top: 10px;
    font-size: 0;
}
@media screen and (max-width: 768px) {
    .c-card-2__color-list {
        margin-top: 2.9333333333vw;
    }
}
.c-card-2__color-item {
    margin-left: 4px;
    font-size: 0;
}
@media screen and (max-width: 768px) {
    .c-card-2__color-item {
        margin-left: 2.5%;
    }
}
.c-card-2__color-item:first-of-type {
    margin-left: 0;
}
.c-card-2__label-list {
    display: flex;
    margin-top: 14px;
    font-size: 0;
}
@media screen and (max-width: 768px) {
    .c-card-2__label-list {
        margin-top: 4vw;
    }
}
.c-card-2__label-item {
    margin-left: 15px;
    height: 14px;
}
@media screen and (max-width: 768px) {
    .c-card-2__label-item {
        margin-left: 2.5%;
        height: 3.7333333333vw;
    }
}
.c-card-2__label-item img {
    max-width: none;
    width: auto;
    height: 100%;
}
.c-card-2__label-item:first-of-type {
    margin-left: 0;
}
.c-card-2__label-item--alcohol {
    width: 45px;
    height: auto;
}
@media screen and (max-width: 768px) {
    .c-card-2__label-item--alcohol {
        width: 9.3333333333vw;
        height: auto;
    }
}
.c-card-2__label-item--alcohol img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
.c-card-2__main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #f6f6f8;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-card-2__main {
        border-radius: 1.3333333333vw;
    }
}
.c-card-2__img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 220px;
}
@media screen and (max-width: 1280px) {
    .c-card-2__img {
        height: 17.1875vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-2__img {
        height: 42.6666666667vw;
    }
}
.c-card-2__img img {
    width: 150px;
}
@media screen and (max-width: 1280px) {
    .c-card-2__img img {
        width: 68.1818181818%;
    }
}
@media screen and (max-width: 1280px) {
    .c-card-2__img img {
        width: 68.75%;
    }
}
.c-card-2__ttl {
    line-height: 1.85;
    letter-spacing: 0.06em;
    font-size: 0.875rem;
    word-break: break-all;
}
@media screen and (max-width: 768px) {
    .c-card-2__ttl {
        line-height: 1.69;
        font-size: 3.4666666667vw;
    }
}
.c-card-2__color {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
@media screen and (max-width: 768px) {
    .c-card-2__color {
        width: 2.6666666667vw;
        height: 2.6666666667vw;
    }
}
.c-card-2__color--1 {
    background-color: #000;
}
.c-card-2__color--2 {
    background-color: #fff;
    border: 1px solid #ccc;
}
.c-card-2__color--3 {
    background-color: #ddd;
}
.c-card-2__color--4 {
    background-color: #8b4513;
}
.c-card-2__color--5 {
    background-color: #c1ab05;
}
.c-card-2__color--6 {
    background-color: #dc143c;
}
.c-card-2__color--7 {
    background-color: #ffff00;
}
.c-card-2__color--8 {
    background-color: #000080;
}
.c-card-2__color--9 {
    background-color: #008000;
}
.c-card-2__production-end {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4px;
    width: 58px;
    height: 22px;
    line-height: 2.3;
    color: #e23838;
    font-size: 0.75rem;
    border: 1px solid #e23838;
}
@media screen and (max-width: 768px) {
    .c-card-2__production-end {
        margin-top: 0.5333333333vw;
        width: 14.1333333333vw;
        height: 5.3333333333vw;
        line-height: 2.54;
        font-size: 2.9333333333vw;
    }
}
.c-card-2__rank {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: bold;
    font-family: century-gothic, sans-serif;
    font-size: 0.9375rem;
    background-color: #333;
    width: 30px;
    height: 30px;
    text-align: center;
}
.c-card-2__rank--1 {
    background-color: #e2a623;
}
.c-card-2__rank--1:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 30px;
    height: 8px;
    background-color: #e2a623;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 0, 0 100%);
            clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 0, 0 100%);
    transform: translateX(-50%);
}
.c-card-2__rank--2 {
    background-color: #8d8d8d;
}
.c-card-2__rank--2:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 30px;
    height: 8px;
    background-color: #8d8d8d;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 0, 0 100%);
            clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 0, 0 100%);
    transform: translateX(-50%);
}
.c-card-2__rank--3 {
    background-color: #934848;
}
.c-card-2__rank--3:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 30px;
    height: 8px;
    background-color: #934848;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 0, 0 100%);
            clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 0, 0 100%);
    transform: translateX(-50%);
}

/* ------------------------z---------------------
*   c-card-recommend_movie
--------------------------------------------- */
.c-card-recommend_movie {
    display: block;
}
@media screen and (min-width: 769px) {
    .c-card-recommend_movie {
        transition: opacity 300ms;
    }
    .c-card-recommend_movie:hover {
        opacity: 0.8;
    }
}
.c-card-recommend_movie__thumb {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-card-recommend_movie__thumb {
        border-radius: 1.3333333333vw;
    }
}
.c-card-recommend_movie__thumb:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 5.46875vw;
    height: 5.46875vw;
    background: url(/lp/img/common/icon_movie-play.svg) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
@media screen and (min-width: 1281px) {
    .c-card-recommend_movie__thumb:after {
        width: 70px;
        height: 70px;
    }
}
@media screen and (max-width: 768px) {
    .c-card-recommend_movie__thumb:after {
        width: 18.6666666667vw;
        height: 18.6666666667vw;
    }
}
.c-card-recommend_movie__thumb img {
    width: 100%;
    height: 217px;
    -o-object-fit: cover;
       object-fit: cover;
}
@media screen and (max-width: 1280px) {
    .c-card-recommend_movie__thumb img {
        height: 16.953125vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-recommend_movie__thumb img {
        height: 50.1333333333vw;
    }
}
.c-card-recommend_movie__txt {
    margin-top: 5.1813471503%;
    line-height: 1.4;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (min-width: 1281px) {
    .c-card-recommend_movie__txt {
        margin-top: 20px;
    }
}
@media screen and (max-width: 768px) {
    .c-card-recommend_movie__txt {
        margin-top: 2.9333333333vw;
        font-size: 4vw;
    }
}
.c-card-recommend_movie__txt-small {
    margin-top: 15px;
    line-height: 1.4;
    letter-spacing: 0.06em;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-card-recommend_movie__txt-small {
        margin-top: 2.9333333333vw;
        font-size: 3.7333333333vw;
    }
}

/* ---------------------------------------------
*   c-card-4
--------------------------------------------- */
.c-card-4 {
    display: flex;
}
@media screen and (min-width: 769px) {
    .c-card-4 {
        transition: opacity 300ms;
    }
    .c-card-4:hover {
        opacity: 0.8;
    }
}
.c-card-4__main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    background-color: #f6f6f8;
    border-radius: 5px;
}
@media screen and (max-width: 1280px) {
    .c-card-4__main {
        width: 11.71875vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-4__main {
        width: 32vw;
        border-radius: 1.3333333333vw;
    }
}
.c-card-4__img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 150px;
}
@media screen and (max-width: 1280px) {
    .c-card-4__img {
        height: 11.71875vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-4__img {
        height: 32vw;
    }
}
.c-card-4__img img {
    width: 130px;
    max-width: none;
}
@media screen and (max-width: 1280px) {
    .c-card-4__img img {
        width: 86.6666666667%;
    }
}
@media screen and (max-width: 768px) {
    .c-card-4__img img {
        width: 83.3333333333%;
    }
}
.c-card-4__detail {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 7.2727272727%;
    width: 61.1398963731%;
}
@media screen and (min-width: 1281px) {
    .c-card-4__detail {
        padding-left: 16px;
        width: 236px;
    }
}
@media screen and (max-width: 768px) {
    .c-card-4__detail {
        padding-left: 4.4776119403%;
        width: 64.1791044776%;
    }
}
.c-card-4__txt {
    line-height: 1.57;
    letter-spacing: 0.06em;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-card-4__txt {
        line-height: 1.53;
        font-size: 3.4666666667vw;
    }
}
.c-card-4__txt-2 {
    letter-spacing: 0em;
    font-weight: bold;
    font-size: 0.6875rem;
}
@media screen and (max-width: 768px) {
    .c-card-4__txt-2 {
        font-size: 2.6666666667vw;
    }
}
.c-card-4__txt-2--price {
    letter-spacing: 0.06em;
    font-family: century-gothic, sans-serif;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-card-4__txt-2--price {
        line-height: 1;
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   c-card-6
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .c-card-6 {
        transition: opacity 300ms;
    }
    .c-card-6:hover {
        opacity: 0.8;
    }
}
.c-card-6__main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 224px;
    background-color: #f6f6f8;
    border-radius: 5px;
}
@media screen and (max-width: 1280px) {
    .c-card-6__main {
        width: 17.5vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-6__main {
        width: 42.6666666667vw;
        border-radius: 1.3333333333vw;
    }
}
.c-card-6__img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 224px;
}
@media screen and (max-width: 1280px) {
    .c-card-6__img {
        height: 17.5vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-6__img {
        height: 42.6666666667vw;
    }
}
.c-card-6__img img {
    width: 170px;
    max-width: none;
}
@media screen and (max-width: 1280px) {
    .c-card-6__img img {
        width: 75.8928571429%;
    }
}
@media screen and (max-width: 768px) {
    .c-card-6__img img {
        width: 81.25%;
    }
}
.c-card-6__detail {
    margin-top: 6.6964285714%;
}
@media screen and (min-width: 1281px) {
    .c-card-6__detail {
        margin-top: 15px;
    }
}
@media screen and (max-width: 768px) {
    .c-card-6__detail {
        margin-top: 7.8125%;
    }
}
.c-card-6__txt {
    line-height: 1.85;
    letter-spacing: 0.06em;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-card-6__txt {
        line-height: 1.69;
        font-size: 3.4666666667vw;
    }
}
.c-card-6__txt-2 {
    letter-spacing: 0em;
    font-weight: bold;
    font-size: 0.6875rem;
}
@media screen and (max-width: 768px) {
    .c-card-6__txt-2 {
        font-size: 2.6666666667vw;
    }
}
.c-card-6__txt-2--price {
    letter-spacing: 0.06em;
    font-family: century-gothic, sans-serif;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-card-6__txt-2--price {
        line-height: 1.6;
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   c-card-8
--------------------------------------------- */
.c-card-8 {
    margin-top: 2.5%;
}
@media screen and (max-width: 768px) {
    .c-card-8 {
        margin-top: 5.9701492537%;
    }
}
.c-card-8__container {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-card-8__container {
        flex-direction: column;
        gap: 4vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-8__item {
        width: 100%;
    }
}
.c-card-8__link {
    position: relative;
    display: block;
    overflow: hidden;
}
.c-card-8__link::before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 139px;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%);
    pointer-events: none;
    opacity: 0.6;
    z-index: 1;
}
@media screen and (max-width: 1280px) {
    .c-card-8__link::before {
        height: 10.859375vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-8__link::before {
        display: none;
    }
}
.c-card-8__img img {
    width: 100%;
    transition: transform 0.3s;
}
@media screen and (min-width: 769px) {
    .c-card-8__link:hover .c-card-8__img img {
        transform: scale(1.1);
    }
}

.c-card-8__desc {
    position: absolute;
    max-width: 100%;
    padding: 0 24px;
    bottom: 5.2631578947%;
    left: 0;
    color: #fff;
    z-index: 2;
}
@media screen and (max-width: 768px) {
    .c-card-8__desc {
        padding: 0 5.3333333333vw;
        bottom: 0;
        display: flex;
        height: 100%;
        align-items: center;
    }
}
.c-card-8__ttl {
    letter-spacing: 0.06em;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.42;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media screen and (max-width: 1280px) {
    .c-card-8__ttl {
        font-size: 1.25rem;
    }
}
@media screen and (max-width: 768px) {
    .c-card-8__ttl {
        font-size: 4.8vw;
    }
}

/* ---------------------------------------------
*   c-card-10
--------------------------------------------- */
.c-card-10 {
    display: block;
}
@media screen and (min-width: 769px) {
    .c-card-10--link {
        cursor: pointer;
        transition: opacity 300ms;
    }
    .c-card-10--link:hover {
        opacity: 0.8;
    }
}
.c-card-10__img img {
    border-radius: 5px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-card-10__img img {
        border-radius: 1.3333333333vw;
    }
}
.c-card-10__detail {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-card-10__detail {
        margin-top: 3.2vw;
    }
}
.c-card-10__ttl {
    line-height: 1.6;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
    .c-card-10__ttl {
        line-height: 1.55;
        font-size: 4.8vw;
    }
}
.c-card-10__txt {
    margin-top: 8px;
    line-height: 1.86;
    letter-spacing: 0.06em;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-card-10__txt {
        margin-top: 2.1333333333vw;
        font-size: 4vw;
    }
}
.c-card-10__more {
    font-family: century-gothic, sans-serif;
    margin-top: 10px;
    font-size: 0.875rem;
    letter-spacing: 0.04em;
    font-weight: bold;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
}
@media screen and (max-width: 768px) {
    .c-card-10__more {
        margin-top: 2.6666666667vw;
        font-size: 3.7333333333vw;
    }
}
.c-card-10__more::after {
    display: block;
    content: "";
    width: 40px;
    height: 1px;
    background-color: #333;
}
@media screen and (max-width: 768px) {
    .c-card-10__more::after {
        width: 6.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-card-12
--------------------------------------------- */
.c-card-12 {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-card-12 {
        display: block;
        border-radius: 1.3333333333vw;
    }
}
.c-card-12__img {
    position: relative;
    width: 50%;
}
@media screen and (max-width: 768px) {
    .c-card-12__img {
        width: 100%;
    }
}
.c-card-12__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
@media screen and (max-width: 768px) {
    .c-card-12__img img {
        height: auto;
    }
}
.c-card-12__detail {
    width: 50%;
}
@media screen and (max-width: 768px) {
    .c-card-12__detail {
        width: 100%;
    }
}
.c-card-12__detail-container {
    padding: 80px 60px 40px;
}
@media screen and (max-width: 1280px) {
    .c-card-12__detail-container {
        padding: 13.3333333333% 10% 6.6666666667%;
    }
}
@media screen and (max-width: 768px) {
    .c-card-12__detail-container {
        padding: 6.6666666667vw;
    }
}
.c-card-12__ttl {
    line-height: 1.42;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.75rem;
}
@media screen and (max-width: 768px) {
    .c-card-12__ttl {
        line-height: 1.55;
        font-size: 4.8vw;
    }
}
.c-card-12__txt {
    margin-top: 17px;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-card-12__txt {
        margin-top: 2.1333333333vw;
        line-height: 1.86;
        font-size: 4vw;
    }
}
.c-card-12__link {
    margin-top: 22px;
    text-align: right;
}
@media screen and (max-width: 768px) {
    .c-card-12__link {
        margin-top: 5.3333333333vw;
    }
}
.c-card-12__sdgs-logo-list {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    gap: 8px;
}
@media screen and (max-width: 1280px) {
    .c-card-12__sdgs-logo-list {
        top: 1.171875vw;
        right: 1.171875vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-12__sdgs-logo-list {
        display: none;
    }
}
.c-card-12__sdgs-logo-item {
    width: 50px;
}
@media screen and (max-width: 1280px) {
    .c-card-12__sdgs-logo-item {
        width: 3.90625vw;
    }
}
.c-card-12__sdgs-logo-item img {
    width: 100%;
}

/* ---------------------------------------------
*   c-card-14
--------------------------------------------- */
.c-card-14 {
    display: flex;
    flex-direction: column;
    background-color: #f0f3f5;
    border-radius: 5px;
    height: 100%;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-card-14 {
        border-radius: 1.3333333333vw;
    }
}
.c-card-14--white {
    background-color: #fff;
}
.c-card-14__img {
    position: relative;
}
.c-card-14__img img {
    width: 100%;
}
.c-card-14__detail {
    display: flex;
    flex-direction: column;
    padding: 27px 40px 40px;
    height: 100%;
}
@media screen and (max-width: 1280px) {
    .c-card-14__detail {
        padding: 27px 10.5263157895% 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-card-14__detail {
        padding: 5.3333333333vw 6.6666666667vw 7.7333333333vw;
    }
}
.c-card-14__ttl {
    text-align: center;
}
.c-card-14__ttl-main {
    display: block;
    line-height: 1.3;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.75rem;
}
@media screen and (max-width: 1280px) {
    .c-card-14__ttl-main {
        font-size: 1.25rem;
    }
}
@media screen and (max-width: 768px) {
    .c-card-14__ttl-main {
        font-size: 6.4vw;
    }
}
.c-card-14__ttl-main--type-01 {
    font-size: 1.75rem;
}
@media screen and (max-width: 1280px) {
    .c-card-14__ttl-main--type-01 {
        font-size: 1.25rem;
    }
}
@media screen and (max-width: 768px) {
    .c-card-14__ttl-main--type-01 {
        font-size: 6.4vw;
    }
}
.c-card-14__ttl-main--type-02 {
    font-size: 1.125rem;
}
@media screen and (max-width: 1280px) {
    .c-card-14__ttl-main--type-02 {
        font-size: 0.875rem;
    }
}
@media screen and (max-width: 768px) {
    .c-card-14__ttl-main--type-02 {
        font-size: 4.2666666667vw;
    }
}
.c-card-14__ttl-sub {
    display: block;
    color: #004198;
    line-height: 1.21;
    letter-spacing: 0.04em;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-card-14__ttl-sub {
        line-height: 1.23;
        font-size: 3.4666666667vw;
    }
}
.c-card-14__ttl-sub--type-01 {
    font-family: noto-sans-cjk-jp, sans-serif;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-card-14__ttl-sub--type-01 {
        font-size: 3.4666666667vw;
    }
}
.c-card-14__txt {
    text-align: justify;
    margin-top: 12px;
    margin-bottom: 25px;
    line-height: 1.86;
    letter-spacing: 0.06em;
    font-size: 0.9375rem;
    word-break: break-all;
}
@media screen and (max-width: 768px) {
    .c-card-14__txt {
        line-height: 1.73;
        margin-top: 2.1333333333vw;
        margin-bottom: 3.7333333333vw;
        font-size: 4vw;
    }
}
.c-card-14__link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 3px;
    max-width: 240px;
    width: 100%;
    min-height: 45px;
    text-align: center;
    line-height: 1.75;
    letter-spacing: 0.06em;
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
    background-color: #333;
    border-radius: 80px;
}
@media screen and (min-width: 769px) {
    .c-card-14__link {
        transition: opacity 300ms;
    }
    .c-card-14__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-card-14__link {
        max-width: 53.3333333333vw;
        min-height: 10.6666666667vw;
        padding-bottom: 1px;
        font-size: 4vw;
    }
}
.c-card-14__label {
    position: absolute;
    top: 30px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 80px;
    min-height: 24px;
    color: #fff;
    letter-spacing: 0.06em;
    font-size: 0.8125rem;
    background-color: #004198;
}
@media screen and (max-width: 1280px) {
    .c-card-14__label {
        top: 2.34375vw;
    }
}

/* ---------------------------------------------
*   c-cassette-1
--------------------------------------------- */
.c-cassette-1 {
    padding-top: 50px;
    padding-bottom: 70px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-1 {
        padding-top: 3.90625%;
        padding-bottom: 5.46875%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-1 {
        padding-top: 9.3333333333%;
        padding-bottom: 13.3333333333%;
    }
}
.c-cassette-1--akita {
    padding-top: 15px;
    padding-bottom: 60px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-1--akita {
        padding-top: 1.171875%;
        padding-bottom: 4.6875%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-1--akita {
        padding-top: 1.0666666667%;
        padding-bottom: 13.3333333333%;
    }
}
.c-cassette-1__container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-1__container {
        padding: 0 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-1__container {
        padding: 0 5.3333333333%;
    }
}
.c-cassette-1__content {
    margin-top: 2.5%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
@media screen and (max-width: 1000px) {
    .c-cassette-1__content {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-1__content {
        margin-top: 7.4626865672%;
    }
}
.c-cassette-1__column {
    width: 48.3333333333%;
    margin-left: 3.3333333333%;
}
@media screen and (max-width: 1000px) {
    .c-cassette-1__column {
        width: 100%;
        margin-left: 0;
        margin-top: 3%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-1__column {
        margin-top: 13.4328358209%;
    }
}
.c-cassette-1__column:first-of-type {
    margin-left: 0;
}
@media screen and (max-width: 1000px) {
    .c-cassette-1__column:first-of-type {
        margin-top: 0;
    }
}
.c-cassette-1__unit {
    margin-top: 5.1724137931%;
}
@media screen and (max-width: 1000px) {
    .c-cassette-1__unit {
        margin-top: 3%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-1__unit {
        margin-top: 13.4328358209%;
    }
}
.c-cassette-1__unit:first-of-type {
    margin-top: 0;
}
.c-cassette-1__cat-ttl {
    padding-bottom: 1.724137931%;
    font-size: 1.125rem;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-cassette-1__cat-ttl {
        padding-bottom: 2.0895522388%;
        font-size: 4.2666666667vw;
        text-align: left;
    }
}

/* ---------------------------------------------
*   c-cassette-3
--------------------------------------------- */
.c-cassette-3 {
    position: relative;
    padding-top: 70px;
    padding-bottom: 120px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-3 {
        padding-top: 5.46875%;
        padding-bottom: 9.375%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-3 {
        padding-top: 14.6666666667%;
        padding-bottom: 21.3333333333%;
    }
}
.c-cassette-3::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.03);
    pointer-events: none;
}
.c-cassette-3__container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-3__container {
        padding: 0 2.7777777778%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-3__container {
        padding: 0;
    }
}
.c-cassette-3--no-bg {
    position: relative;
    padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
    .c-cassette-3--no-bg {
        padding-top: 20px;
        padding-bottom: 60px;
    }
}
.c-cassette-3--no-bg__container {
    margin-right: auto;
    margin-left: auto;
    padding: 0 40px;
    max-width: 1280px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-3--no-bg__container {
        padding: 0 2.7777777778%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-3--no-bg__container {
        padding: 0;
    }
}

/* ---------------------------------------------
*   c-cassette-5
--------------------------------------------- */
.c-cassette-5 {
    position: relative;
    max-width: 750px;
    margin-top: 5.4166666667%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2.9166666667%;
    border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-cassette-5 {
        max-width: 89.3333333333%;
        margin-top: 14.6666666667%;
        padding-bottom: 8%;
    }
}
.c-cassette-5::before {
    display: block;
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    z-index: -1;
}
@media screen and (max-width: 768px) {
    .c-cassette-5::before {
        top: 3.2vw;
    }
}
.c-cassette-5 .swiper-button-prev::after,
.c-cassette-5 .swiper-button-next::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    width: 10px;
    height: 19px;
    background: url(/lp/img/common/icon_arrow-right.svg) 0 0 no-repeat;
    background-size: contain;
}
.c-cassette-5 .swiper-button-prev {
    left: -35px;
}
@media screen and (max-width: 850px) {
    .c-cassette-5 .swiper-button-prev {
        left: -25px;
    }
}
.c-cassette-5 .swiper-button-prev::after {
    transform: translateY(-50%) rotate(180deg);
}
.c-cassette-5 .swiper-button-next {
    right: -35px;
}
@media screen and (max-width: 850px) {
    .c-cassette-5 .swiper-button-next {
        right: -25px;
    }
}
.c-cassette-5 .swiper-button-disabled {
    opacity: 0 !important;
}
.c-cassette-5__head {
    position: relative;
    display: inline-block;
    padding-right: 6px;
    font-size: 1rem;
    font-weight: bold;
    font-family: century-gothic, sans-serif;
    background-color: #fff;
    letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
    .c-cassette-5__head {
        padding-right: 1.6vw;
        font-size: 4.2666666667vw;
    }
}
.c-cassette-5__list {
    overflow: hidden;
    margin-top: 4%;
}
@media screen and (max-width: 768px) {
    .c-cassette-5__list {
        margin-top: 5.9701492537%;
    }
}
.c-cassette-5__list .swiper-slide {
    width: 174px;
}
@media screen and (max-width: 768px) {
    .c-cassette-5__list .swiper-slide {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-5__list .swiper-slide:first-of-type {
        margin-top: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-5__item {
        margin-top: 4vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-5__item:first-of-type {
        margin-top: 0;
    }
}
.c-cassette-5__link {
    position: relative;
    display: block;
}
@media screen and (min-width: 769px) {
    .c-cassette-5__link {
        transition: opacity 300ms;
    }
    .c-cassette-5__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-5__link {
        padding-left: 5.3333333333vw;
    }
}
.c-cassette-5__num {
    display: block;
    position: absolute;
    top: 17.2413793103%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 2.5rem;
    font-weight: bold;
    color: #fff;
    opacity: 0.8;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-cassette-5__num {
        top: 1.3333333333vw;
        right: auto;
        font-size: 4.2666666667vw;
        font-weight: normal;
        opacity: 1;
        color: #004198;
    }
}
.c-cassette-5__tmb {
    width: 100%;
    height: 98px;
}
@media screen and (max-width: 768px) {
    .c-cassette-5__tmb {
        display: none;
    }
}
.c-cassette-5__tmb img {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-cassette-5__txt {
    margin-top: 7.4712643678%;
    font-size: 0.9375rem;
    color: #004198;
}
@media screen and (max-width: 768px) {
    .c-cassette-5__txt {
        margin-top: 0;
        font-size: 4.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-cassette-7
--------------------------------------------- */
.c-cassette-7 {
    max-width: 750px;
    margin: 70px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-cassette-7 {
        max-width: 89.3333333333%;
        margin-top: 10.6666666667%;
    }
}
.c-cassette-7--mgt-adjust-1 {
    margin-top: 90px;
}
@media screen and (max-width: 768px) {
    .c-cassette-7--mgt-adjust-1 {
        margin-top: 19.2%;
    }
}
.c-cassette-7__head {
    position: relative;
    font-size: 1.25rem;
    font-family: century-gothic, sans-serif;
}
@media screen and (max-width: 768px) {
    .c-cassette-7__head {
        font-size: 4.8vw;
    }
}
.c-cassette-7__head::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -86px;
    transform: translateY(-50%);
    width: 73px;
    height: 1px;
    background-color: #333;
}
@media screen and (max-width: 768px) {
    .c-cassette-7__head::before {
        right: -12.2666666667vw;
        width: 10.6666666667vw;
    }
}
.c-cassette-7__list {
    display: flex;
    align-items: center;
    margin-left: 108px;
}
@media screen and (max-width: 768px) {
    .c-cassette-7__list {
        margin-left: 16.8vw;
    }
}
.c-cassette-7__item {
    margin-left: 22px;
    width: 36px;
}
@media screen and (max-width: 768px) {
    .c-cassette-7__item {
        margin-left: 5.3333333333vw;
        width: 7.7333333333vw;
    }
}
.c-cassette-7__item:first-of-type {
    margin-left: 0;
}
.c-cassette-7__link {
    display: block;
}
@media screen and (min-width: 769px) {
    .c-cassette-7__link {
        transition: opacity 300ms;
    }
    .c-cassette-7__link:hover {
        opacity: 0.8;
    }
}
.c-cassette-7__link img {
    width: 100%;
}

/* ---------------------------------------------
*   c-cassette-9
--------------------------------------------- */
.c-cassette-9 {
    width: 46.1538461538%;
    margin-left: 7.6923076923%;
}
@media screen and (max-width: 768px) {
    .c-cassette-9 {
        width: 100%;
        margin-top: 4vw;
        margin-left: 0;
    }
}
.c-cassette-9:first-of-type {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-cassette-9:first-of-type {
        margin-top: 0;
    }
}
.c-cassette-9__head {
    position: relative;
    text-align: center;
    padding-bottom: 7px;
    border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__head {
        padding-bottom: 1.6vw;
    }
}
.c-cassette-9__ttl {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 1rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__ttl {
        font-size: 3.7333333333vw;
    }
}
.c-cassette-9__ttl .txt-num {
    font-size: 1.875rem;
    line-height: 1.2;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__ttl .txt-num {
        font-size: 6.9333333333vw;
    }
}
.c-cassette-9__sub-ttl {
    position: absolute;
    bottom: 5px;
    right: 0;
    font-size: 0.8125rem;
    font-weight: bold;
    font-family: century-gothic, sans-serif;
    color: #999;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__sub-ttl {
        bottom: 1.8666666667vw;
        font-size: 3.2vw;
    }
}

/* ---------------------------------------------
*   c-cassette-11
--------------------------------------------- */
.c-cassette-11__head {
    display: flex;
    align-items: center;
    justify-content: center;
}
.c-cassette-11__icon {
    width: 31px;
    margin-right: 9px;
    flex: none;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__icon {
        width: 7.2vw;
        margin-right: 1.3333333333vw;
    }
}
.c-cassette-11__icon img {
    display: block;
    width: 100%;
}
.c-cassette-11__ttl {
    font-size: 1.5rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__ttl {
        font-size: 4.8vw;
    }
}
.c-cassette-11__txt {
    margin-top: 15px;
    font-size: 0.9375rem;
    line-height: 1.86;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__txt {
        margin-top: 3.4666666667vw;
        font-size: 3.7333333333vw;
        line-height: 1.7;
        text-align: left;
    }
}

/* ---------------------------------------------
*   c-cassette-13
--------------------------------------------- */
.c-cassette-13__lead {
    font-size: 1rem;
    line-height: 1.75;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-cassette-13__lead {
        font-size: 4vw;
        text-align: left;
    }
}

/* ---------------------------------------------
*   c-cassette-15
--------------------------------------------- */
.c-cassette-15 {
    position: relative;
    width: 100%;
    margin-top: 45px;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-cassette-15 {
        margin-top: 5.3333333333vw;
    }
}
.c-cassette-15__container {
    position: relative;
    padding-top: 47px;
}
@media screen and (max-width: 768px) {
    .c-cassette-15__container {
        padding-top: 10.6666666667vw;
    }
}
.c-cassette-15__container::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 520px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width: 1070px) {
    .c-cassette-15__container::before {
        height: 48.5981308411vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-15__container::before {
        height: 66.6666666667vw;
    }
}
.c-cassette-15__container--01::before {
    background-image: url(/lp/img/business/special/healthmeter/top/bg_reason_01.png);
}
@media screen and (max-width: 768px) {
    .c-cassette-15__container--01::before {
        background-image: url(/lp/img/business/special/healthmeter/top/sp/bg_reason_01.png);
    }
}
.c-cassette-15__container--02::before {
    background-image: url(/lp/img/business/special/healthmeter/top/bg_reason_02.png);
}
@media screen and (max-width: 768px) {
    .c-cassette-15__container--02::before {
        background-image: url(/lp/img/business/special/healthmeter/top/sp/bg_reason_02.png);
    }
}
.c-cassette-15__container--03::before {
    background-image: url(/lp/img/business/special/healthmeter/top/bg_reason_03.png);
}
@media screen and (max-width: 768px) {
    .c-cassette-15__container--03::before {
        background-image: url(/lp/img/business/special/healthmeter/top/sp/bg_reason_03.png);
    }
}
.c-cassette-15__num {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: century-gothic, sans-serif;
    color: #fff;
    text-align: center;
}
.c-cassette-15__num-sub {
    font-size: 0.6875rem;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-cassette-15__num-sub {
        font-size: 2.6666666667vw;
    }
}
.c-cassette-15__num-main {
    font-size: 1.875rem;
    line-height: 1.1;
}
@media screen and (max-width: 768px) {
    .c-cassette-15__num-main {
        font-size: 6.9333333333vw;
    }
}
.c-cassette-15__ttl {
    margin-top: 5px;
    font-size: 2.25rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
    .c-cassette-15__ttl {
        margin-top: 1.3333333333vw;
        font-size: 6.4vw;
    }
}
.c-cassette-15 .swiper-button-prev,
.c-cassette-15 .swiper-button-next {
    margin-top: auto;
    top: 350px;
    width: auto;
    height: auto;
}
@media screen and (max-width: 1070px) {
    .c-cassette-15 .swiper-button-prev,
    .c-cassette-15 .swiper-button-next {
        top: 32.7102803738vw;
    }
}
.c-cassette-15 .swiper-button-prev::after,
.c-cassette-15 .swiper-button-next::after {
    content: "";
    width: 25px;
    height: 48px;
    background-size: 100% auto;
    background-position: 0 0;
    background-repeat: no-repeat;
}
@media screen and (max-width: 1280px) {
    .c-cassette-15 .swiper-button-prev::after,
    .c-cassette-15 .swiper-button-next::after {
        width: 1.7361111111vw;
        height: 3.3333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-cassette-15 .swiper-button-prev:hover,
    .c-cassette-15 .swiper-button-next:hover {
        transition: opacity 300ms;
    }
    .c-cassette-15 .swiper-button-prev:hover:hover,
    .c-cassette-15 .swiper-button-next:hover:hover {
        opacity: 0.8;
    }
}
.c-cassette-15 .swiper-button-prev {
    left: 50%;
    transform: translateX(-530px);
}
@media screen and (max-width: 1070px) {
    .c-cassette-15 .swiper-button-prev {
        left: 10px;
    }
}
.c-cassette-15 .swiper-button-prev::after {
    background-image: url(/lp/img/common/img_arrow-slider-left_white.svg);
}
.c-cassette-15 .swiper-button-next {
    right: 50%;
    transform: translateX(530px);
}
@media screen and (max-width: 1070px) {
    .c-cassette-15 .swiper-button-next {
        right: 10px;
    }
}
.c-cassette-15 .swiper-button-next::after {
    background-image: url(/lp/img/common/img_arrow-slider-right_white.svg);
}

/* ---------------------------------------------
*   c-cassette-17
--------------------------------------------- */
.c-cassette-17 {
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .c-cassette-17 {
        margin-top: 16vw;
    }
}
.c-cassette-17--select-detail {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-17--select-detail {
        padding: 0 3.125%;
    }
}
.c-cassette-17:first-of-type {
    margin-top: 0;
}
.c-cassette-17__ttl {
    max-width: 100%;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.75rem;
    font-weight: bold;
    border-bottom: 2px solid #004198;
}
@media screen and (max-width: 768px) {
    .c-cassette-17__ttl {
        font-size: 5.3333333333vw;
    }
}
.c-cassette-17__content {
    margin-top: 80px;
}
@media screen and (max-width: 768px) {
    .c-cassette-17__content {
        margin-top: 9.6vw;
    }
}
.c-cassette-17--akita-benefits .c-cassette-17__content {
    margin-top: 65px;
}
@media screen and (max-width: 768px) {
    .c-cassette-17--akita-benefits .c-cassette-17__content {
        margin-top: 8vw;
    }
}
.c-cassette-17--akita-jobs .c-cassette-17__content {
    margin-top: 45px;
}
@media screen and (max-width: 768px) {
    .c-cassette-17--akita-jobs .c-cassette-17__content {
        margin-top: 6.6666666667vw;
    }
}
.c-cassette-17__unit {
    display: flex;
    align-items: flex-start;
    margin-top: 80px;
}
@media screen and (max-width: 768px) {
    .c-cassette-17__unit {
        display: block;
        margin-top: 10.6666666667vw;
    }
}
.c-cassette-17__unit:first-of-type {
    margin-top: 0;
}
.c-cassette-17__unit:nth-of-type(2n + 1) {
    flex-direction: row;
}
.c-cassette-17__content--reverse .c-cassette-17__unit:nth-of-type(2n + 1) {
    flex-direction: row-reverse;
}
.c-cassette-17__unit:nth-of-type(2n) {
    flex-direction: row-reverse;
}
.c-cassette-17__content--reverse .c-cassette-17__unit:nth-of-type(2n) {
    flex-direction: row;
}
.c-cassette-17--akita-benefits .c-cassette-17__unit {
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .c-cassette-17--akita-benefits .c-cassette-17__unit {
        margin-top: 16vw;
    }
}
.c-cassette-17--akita-benefits .c-cassette-17__unit:first-of-type {
    margin-top: 0;
}
.c-cassette-17--akita-benefits .c-cassette-17__unit:nth-of-type(2n + 1) {
    flex-direction: row;
}
.c-cassette-17__content--reverse .c-cassette-17--akita-benefits .c-cassette-17__unit:nth-of-type(2n + 1) {
    flex-direction: row-reverse;
}
.c-cassette-17--akita-benefits .c-cassette-17__unit:nth-of-type(2n) {
    flex-direction: row-reverse;
}
.c-cassette-17__content--reverse .c-cassette-17--akita-benefits .c-cassette-17__unit:nth-of-type(2n) {
    flex-direction: row;
}
@media screen and (max-width: 768px) {
    .c-cassette-17--akita-jobs .c-cassette-17__unit {
        margin-top: 16vw;
    }
}
.c-cassette-17--akita-jobs .c-cassette-17__unit:first-of-type {
    margin-top: 0;
}
.c-cassette-17__img {
    width: 48.3333333333%;
    flex: none;
}
@media screen and (max-width: 768px) {
    .c-cassette-17__img {
        width: 100%;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}
.c-cassette-17__unit:nth-of-type(2n + 1) .c-cassette-17__img {
    margin-right: 3.3333333333%;
}
.c-cassette-17__content--reverse .c-cassette-17__unit:nth-of-type(2n + 1) .c-cassette-17__img {
    margin-left: 3.3333333333%;
    margin-right: 0;
}
.c-cassette-17__unit:nth-of-type(2n) .c-cassette-17__img {
    margin-left: 3.3333333333%;
}
.c-cassette-17__content--reverse .c-cassette-17__unit:nth-of-type(2n) .c-cassette-17__img {
    margin-right: 3.3333333333%;
    margin-left: 0;
}
.c-cassette-17__img img {
    margin-top: 30px;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-cassette-17__img img {
        margin-top: 4vw;
        border-radius: 1.3333333333vw;
    }
}
.c-cassette-17__img img:first-of-type {
    margin-top: 0;
}
.c-cassette-17__desc {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-cassette-17__desc {
        margin-top: 5.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-17--akita-jobs .c-cassette-17__desc {
        margin-top: 4.2666666667vw;
    }
}
.c-cassette-17__lead {
    margin-top: 40px;
    font-size: 1rem;
    line-height: 2;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-cassette-17__lead {
        margin-top: 7.4666666667vw;
        font-size: 4vw;
        line-height: 1.73;
        text-align: left;
    }
}
.c-cassette-17__head {
    font-size: 1.25rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-cassette-17__head {
        font-size: 4.8vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-17--akita-benefits .c-cassette-17__head {
        font-size: 5.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-17--akita-jobs .c-cassette-17__head {
        font-size: 5.3333333333vw;
    }
}
.c-cassette-17__txt {
    margin-top: 15px;
    font-size: 1rem;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-cassette-17__txt {
        margin-top: 2.6666666667vw;
        font-size: 4vw;
        line-height: 1.73;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-17--akita-benefits .c-cassette-17__txt {
        line-height: 1.9;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-17--akita-jobs .c-cassette-17__txt {
        line-height: 1.9;
    }
}
.c-cassette-17__txt--small {
    font-size: 0.8125rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-17__txt--small {
        font-size: 3.2vw;
    }
}
.c-cassette-17__txt-link {
    color: #004198;
    text-decoration: underline;
}
.c-cassette-17__caption {
    margin-top: 10px;
    line-height: 1.57;
    letter-spacing: 0.06em;
    color: #666666;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-17__caption {
        margin-top: 2.1333333333vw;
        font-size: 3.7333333333vw;
    }
}
.c-cassette-17__link {
    display: block;
    text-align: center;
    margin-top: 26px;
    padding: 12px 1em 14px;
    max-width: 300px;
    width: 100%;
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #333;
    border-radius: 80px;
}
@media screen and (min-width: 769px) {
    .c-cassette-17__link {
        transition: opacity 300ms;
    }
    .c-cassette-17__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-17__link {
        margin-top: 5.3333333333vw;
        margin-right: auto;
        margin-left: auto;
        max-width: 71.6417910448%;
        padding: 2.6666666667% 1em;
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   c-cassette-19
--------------------------------------------- */
.c-cassette-19 {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px 130px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-19 {
        padding: 0 3.125% 130px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-19 {
        padding: 0 5.3333333333% 21.3333333333%;
    }
}
.c-cassette-19__unit {
    display: flex;
    align-items: center;
    margin-top: 80px;
}
@media screen and (max-width: 768px) {
    .c-cassette-19__unit {
        display: block;
        margin-top: 16vw;
    }
}
.c-cassette-19__unit:first-of-type {
    margin-top: 0;
}
.c-cassette-19__unit:nth-of-type(2n) {
    flex-direction: row-reverse;
}
.c-cassette-19__img {
    width: 48.3333333333%;
    flex: none;
}
@media screen and (max-width: 768px) {
    .c-cassette-19__img {
        width: 100%;
        margin-bottom: 4vw;
    }
}
.c-cassette-19__unit:nth-of-type(2n + 1) .c-cassette-19__img {
    margin-right: 3.3333333333%;
}
@media screen and (max-width: 768px) {
    .c-cassette-19__unit:nth-of-type(2n + 1) .c-cassette-19__img {
        margin-right: 0;
    }
}
.c-cassette-19__unit:nth-of-type(2n) .c-cassette-19__img {
    margin-left: 3.3333333333%;
}
@media screen and (max-width: 768px) {
    .c-cassette-19__unit:nth-of-type(2n) .c-cassette-19__img {
        margin-left: 0;
    }
}
.c-cassette-19__img img {
    width: 100%;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-cassette-19__img img {
        border-radius: 1.3333333333vw;
    }
}
.c-cassette-19__ttl {
    font-size: 2.125rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-cassette-19__ttl {
        font-size: 6.4vw;
    }
}
.c-cassette-19__txt {
    margin-top: 10px;
    font-size: 1rem;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-cassette-19__txt {
        margin-top: 2.6666666667vw;
        font-size: 4vw;
        line-height: 1.73;
    }
}

/* ---------------------------------------------
*   c-cassette-21
--------------------------------------------- */
.c-cassette-21 {
    padding-top: 90px;
    padding-bottom: 45px;
    border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-cassette-21 {
        padding-top: 16vw;
        padding-bottom: 4.5333333333vw;
    }
}
.c-cassette-21:first-of-type {
    padding-top: 60px;
}
@media screen and (max-width: 768px) {
    .c-cassette-21:first-of-type {
        padding-top: 8vw;
    }
}
.c-cassette-21:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}
.c-cassette-21__content {
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .c-cassette-21__content {
        margin-top: 6.4vw;
    }
}
.c-cassette-21__txt {
    font-size: 1rem;
    line-height: 2;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-cassette-21__txt {
        font-size: 4vw;
        line-height: 1.73;
        text-align: left;
    }
}

/* ---------------------------------------------
*   c-cassette-23
--------------------------------------------- */
.c-cassette-23 {
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-cassette-23 {
        margin-top: 10.447761194%;
    }
}
.c-cassette-23__container {
    max-width: 88.9705882353%;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 768px) {
    .c-cassette-23__container {
        max-width: none;
    }
}
.c-cassette-23__unit {
    display: flex;
    align-items: flex-start;
    margin-top: 80px;
}
@media screen and (max-width: 768px) {
    .c-cassette-23__unit {
        display: block;
        margin-top: 14.9253731343%;
    }
}
.c-cassette-23__unit:first-of-type {
    margin-top: 0;
}
.c-cassette-23__unit:nth-of-type(2n) {
    flex-direction: row-reverse;
}
.c-cassette-23__img {
    width: 66.1157024793%;
}
@media screen and (max-width: 768px) {
    .c-cassette-23__img {
        width: 111.9402985075%;
        margin-left: -5.9701492537%;
    }
}
.c-cassette-23__img img {
    border-radius: 5px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-cassette-23__img img {
        border-radius: 0;
    }
}
.c-cassette-23__desc {
    position: relative;
    margin-top: 9.9173553719%;
    margin-left: -12.3966942149%;
    width: 46.2809917355%;
    padding: 5.7851239669% 5.7851239669% 5.3719008264%;
    border-radius: 5px;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-cassette-23__desc {
        margin-top: -5.9701492537%;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding: 7.7611940299% 7.4626865672%;
        border-radius: 1.3333333333vw;
    }
}
.c-cassette-23__unit:nth-of-type(2n) .c-cassette-23__desc {
    margin-right: -12.3966942149%;
}
@media screen and (max-width: 768px) {
    .c-cassette-23__unit:nth-of-type(2n) .c-cassette-23__desc {
        margin-right: auto;
    }
}
.c-cassette-23__head {
    position: relative;
    padding-left: 30px;
    font-size: 0.9375rem;
    font-weight: bold;
    color: #004198;
    line-height: 1.2;
}
@media screen and (max-width: 768px) {
    .c-cassette-23__head {
        padding-left: 9.8245614035%;
        font-size: 3.4666666667vw;
    }
}
.c-cassette-23__head::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 26px;
    height: 1px;
    background-color: #004198;
}
@media screen and (max-width: 768px) {
    .c-cassette-23__head::before {
        width: 6.9333333333vw;
    }
}
.c-cassette-23__ttl {
    margin-top: 16px;
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 1.35;
}
@media screen and (max-width: 768px) {
    .c-cassette-23__ttl {
        margin-top: 5.6140350877%;
        font-size: 5.3333333333vw;
        line-height: 1.6;
    }
}
.c-cassette-23__txt {
    margin-top: 17px;
    font-size: 1rem;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-cassette-23__txt {
        margin-top: 3.1578947368%;
        font-size: 4vw;
        line-height: 1.73;
    }
}

/* ---------------------------------------------
*   c-cassette-25
--------------------------------------------- */
.c-cassette-25 {
    max-width: 1200px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 768px) {
    .c-cassette-25 {
        margin-top: 8.9552238806%;
    }
}
.c-cassette-25__head {
    position: relative;
    padding: 9.1666666667% 6%;
    color: #fff;
    background: url(/lp/img/akita/company/bg_message.jpg) 0 0 no-repeat;
    background-size: cover;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-cassette-25__head {
        padding: 7.4626865672% 5.9701492537% 29.8507462687% 7.4626865672%;
        background-image: url(/lp/img/akita/company/sp/bg_message.jpg);
        border-radius: 1.3333333333vw;
    }
}
.c-cassette-25__head::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 70.25%;
    height: 100%;
    border-radius: 5px;
    background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0.73) 66%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.3;
}
@media screen and (max-width: 768px) {
    .c-cassette-25__head::before {
        width: 100%;
        border-radius: 1.3333333333vw;
        opacity: 0.5;
    }
}
.c-cassette-25__head-inner {
    position: relative;
}
.c-cassette-25__message {
    font-size: 1.75rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-25__message {
        font-size: 4.8vw;
        line-height: 1.63;
    }
}
.c-cassette-25__post {
    margin-top: 45px;
    font-size: 0.875rem;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-cassette-25__post {
        margin-top: 13.3333333333%;
        font-size: 3.4666666667vw;
    }
}
.c-cassette-25__name {
    font-size: 1.625rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-25__name {
        font-size: 5.3333333333vw;
    }
}
.c-cassette-25__body {
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .c-cassette-25__body {
        margin-top: 8.9552238806%;
    }
}
.c-cassette-25__unit {
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-cassette-25__unit {
        margin-top: 17.9104477612%;
    }
}
.c-cassette-25__unit:first-of-type {
    margin-top: 0;
}
.c-cassette-25__lead {
    font-size: 1.625rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-cassette-25__lead {
        font-size: 5.3333333333vw;
    }
}
.c-cassette-25__txt {
    margin-top: 20px;
    font-size: 1rem;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-cassette-25__txt {
        margin-top: 1.4925373134%;
        font-size: 4vw;
        line-height: 1.86;
    }
}

/* ---------------------------------------------
*   c-cassette-27
--------------------------------------------- */
.c-cassette-27 {
    display: none;
    max-width: 1200px;
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 768px) {
    .c-cassette-27 {
        max-width: none;
        margin-top: 8%;
    }
}
.c-cassette-27.is-show {
    display: block;
}
.c-cassette-27__entry {
    display: grid;
    grid-template-rows: repeat(2, auto);
    grid-template-columns: repeat(auto-fit, 390px);
    justify-content: center;
    gap: 15px;
    margin-top: 80px;
}
@media screen and (max-width: 768px) {
    .c-cassette-27__entry {
        display: block;
        gap: 0;
        margin-top: 10.6666666667%;
        padding: 0 5.3333333333%;
    }
}

/* ---------------------------------------------
*   c-cassette-29
--------------------------------------------- */
.c-cassette-29 {
    margin-top: 77px;
}
@media screen and (max-width: 768px) {
    .c-cassette-29 {
        margin-top: 13.3333333333%;
        padding: 0 5.3333333333%;
    }
}
.c-cassette-29__ttl {
    padding-bottom: 13px;
    border-bottom: 1px solid #ddd;
    font-size: 2rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-cassette-29__ttl {
        padding-bottom: 4.4776119403%;
        font-size: 6.4vw;
    }
}
.c-cassette-29__content {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-cassette-29__content {
        margin-top: 5.9701492537%;
    }
}
.c-cassette-29__txt {
    margin-top: 32px;
    font-size: 1rem;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-cassette-29__txt {
        margin-top: 8.9552238806%;
        font-size: 4vw;
        line-height: 1.73;
    }
}
.c-cassette-29__txt:first-of-type {
    margin-top: 0;
}
.c-cassette-29__contact {
    margin-top: 40px;
    padding: 17px 20px;
    border-radius: 5px;
    background-color: #f0f3f5;
    font-size: 1rem;
    line-height: 1.625;
}
@media screen and (max-width: 768px) {
    .c-cassette-29__contact {
        margin-top: 10.447761194%;
        padding: 5.671641791% 5.9701492537%;
        font-size: 4vw;
    }
}
.c-cassette-29__contact-head {
    font-weight: bold;
}
@media screen and (min-width: 769px) {
    .c-cassette-29__contact-link {
        pointer-events: none;
    }
}

/* ---------------------------------------------
*   c-cassette-31（アルコール検知器導入事例）
--------------------------------------------- */
.c-cassette-31 {
    margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
    .c-cassette-31 {
        margin-bottom: 13.4328358209%;
    }
}
.c-cassette-31__ttl {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    font-size: 2rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-cassette-31__ttl {
        padding-bottom: 2.9850746269%;
        margin-bottom: 2.9850746269%;
        font-size: 6.4vw;
    }
}

/* ---------------------------------------------
*   .c-cassette-2
--------------------------------------------- */
.c-cassette-2 {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .c-cassette-2 {
        max-width: none;
        width: 183.5820895522%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-2--model {
        display: block;
        width: 100%;
    }
}
.c-cassette-2__container {
    max-width: 590px;
    width: 49.1666666667%;
}
@media screen and (max-width: 768px) {
    .c-cassette-2__container {
        max-width: none;
        width: 48.7804878049%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-2--pickup .c-cassette-2__container {
        margin-right: 4vw;
    }
    .c-cassette-2--pickup .c-cassette-2__container:last-of-type {
        box-sizing: content-box;
        margin-right: 0;
        padding-right: 2.9850746269%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-2--model .c-cassette-2__container {
        width: 100%;
    }
    .c-cassette-2--model .c-cassette-2__container:nth-of-type(n + 2) {
        margin-top: 4vw;
    }
}
.c-cassette-2__card {
    padding: 6.7796610169%;
    background-color: #fff;
    border-radius: 5px;
    height: 100%;
}
@media screen and (min-width: 769px) {
    .c-cassette-2__card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}
@media screen and (min-width: 1281px) {
    .c-cassette-2__card {
        padding: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-2__card {
        padding: 5.9701492537%;
        border-radius: 1.3333333333vw;
    }
}
.c-cassette-2__main {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-cassette-2__main {
        display: block;
    }
}
.c-cassette-2__function {
    margin-top: 4.9019607843%;
}
@media screen and (min-width: 1281px) {
    .c-cassette-2__function {
        margin-top: 25px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-2__function {
        margin-top: 5.0666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-2--model .c-cassette-2__function {
        margin-top: 8vw;
    }
}
.c-cassette-2__btn-area {
    margin-top: 5.0980392157%;
    margin-bottom: 2.3529411765%;
}
@media screen and (min-width: 1281px) {
    .c-cassette-2__btn-area {
        margin-top: 26px;
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-2__btn-area {
        margin-top: 8.4745762712%;
        margin-bottom: 5.0847457627%;
    }
}
.c-cassette-2__slide {
    max-width: 220px;
    width: 43.137254902%;
}
@media screen and (max-width: 768px) {
    .c-cassette-2__slide {
        max-width: none;
        width: 100%;
    }
}
.c-cassette-2__detail {
    margin-left: 5.8823529412%;
    max-width: 260px;
    width: 50.9803921569%;
}
@media screen and (min-width: 1281px) {
    .c-cassette-2__detail {
        margin-left: 30px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-2__detail {
        margin-top: 5.3333333333vw;
        margin-left: auto;
        max-width: none;
        width: 100%;
    }
}
.c-cassette-2__ttl {
    margin-top: -6px;
    line-height: 1.44;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-2__ttl {
        margin-top: 0;
        line-height: 1.62;
        font-size: 4.2666666667vw;
    }
}
.c-cassette-2__series {
    line-height: 1.57;
    letter-spacing: 0.06em;
    font-family: century-gothic, sans-serif;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-2__series {
        margin-top: 0.8vw;
        line-height: 1.53;
        font-size: 3.4666666667vw;
    }
}
.c-cassette-2__price-wrap {
    font-size: 0;
}
.c-cassette-2__price-wrap:first-of-type {
    margin-top: 1.6949152542%;
}
@media screen and (min-width: 1281px) {
    .c-cassette-2__price-wrap:first-of-type {
        margin-top: 10px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-2__price-wrap:first-of-type {
        margin-top: 1.6949152542%;
    }
}
.c-cassette-2__price-model {
    display: inline-block;
    line-height: 1.42;
    letter-spacing: 0.06em;
    font-family: century-gothic, sans-serif;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-2__price-model {
        line-height: 1.53;
        font-size: 3.4666666667vw;
    }
}
.c-cassette-2__price {
    display: inline-block;
    padding-left: 1em;
    line-height: 1.42;
    letter-spacing: 0.06em;
    font-size: 0.875rem;
}
.c-cassette-2__price:first-of-type {
    margin-top: 1.6949152542%;
}
@media screen and (min-width: 1281px) {
    .c-cassette-2__price:first-of-type {
        margin-top: 10px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-2__price {
        line-height: 1.53;
        font-size: 3.4666666667vw;
    }
}
.c-cassette-2__note {
    margin-top: 1.6949152542%;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.45;
    letter-spacing: 0.06em;
    color: #666666;
    font-size: 0.6875rem;
    white-space: pre-wrap;
}
@media screen and (min-width: 1281px) {
    .c-cassette-2__note {
        margin-top: 10px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-2__note {
        margin-top: 3.0508474576%;
        letter-spacing: 0.06em;
        font-size: 2.9333333333vw;
    }
}
.c-cassette-2__txt {
    margin-bottom: 2.2033898305%;
    line-height: 1.57;
    letter-spacing: 0.06em;
    font-size: 0.875rem;
}
@media screen and (min-width: 1281px) {
    .c-cassette-2__txt {
        margin-bottom: 13px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-2__txt {
        margin-bottom: 2.2033898305%;
        line-height: 1.53;
        font-size: 3.4666666667vw;
    }
}
.c-cassette-2__txt-block {
    margin-top: 6.5384615385%;
    padding-top: 5%;
    border-top: 1px solid #ddd;
    font-size: 0;
}
@media screen and (min-width: 1281px) {
    .c-cassette-2__txt-block {
        margin-top: 17px;
        padding-top: 13px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-2__txt-block {
        margin-top: 6.6666666667vw;
        padding-top: 5.3333333333vw;
    }
}
.c-cassette-2__txt-block-txt {
    display: inline;
    line-height: 1.67;
    letter-spacing: 0.06em;
    font-size: 0.75rem;
    white-space: pre-wrap;
}
@media screen and (max-width: 768px) {
    .c-cassette-2__txt-block-txt {
        line-height: 1.66;
        font-size: 3.2vw;
    }
}
.c-cassette-2__txt-block-txt * {
    color: #333 !important;
}
.c-cassette-2__label-list {
    display: flex;
    font-size: 0;
    margin-top: 6.5384615385%;
}
@media screen and (min-width: 1281px) {
    .c-cassette-2__label-list {
        margin-top: 17px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-2__label-list {
        margin-top: 4.5333333333vw;
    }
}
.c-cassette-2__label-item {
    margin-left: 5.7692307692%;
    height: 20px;
}
@media screen and (min-width: 1281px) {
    .c-cassette-2__label-item {
        margin-left: 15px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-2__label-item {
        margin-left: 5.7692307692%;
        height: 5.3333333333vw;
    }
}
.c-cassette-2__label-item:first-of-type {
    margin-left: 0;
}
.c-cassette-2__label-item img {
    width: auto;
    max-width: none;
    height: 100%;
}

/* ---------------------------------------------
*   c-cassette-4
--------------------------------------------- */
.c-cassette-4 {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ddd;
}
.c-cassette-4:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
@media screen and (min-width: 769px) {
    .c-cassette-4--has-bdb {
        padding-bottom: 32px;
        border-bottom: 1px solid #ddd;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-4 {
        margin-top: 0;
        padding-top: 4vw;
        border-top: none;
    }
}
.c-cassette-4__head {
    position: relative;
    cursor: pointer;
}
@media screen and (min-width: 769px) {
    .c-cassette-4__head {
        transition: opacity 300ms;
    }
    .c-cassette-4__head:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-4__head {
        padding-bottom: 5.0666666667vw;
        border-bottom: 1px solid #ddd;
    }
}
.c-cassette-4__head:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 15px;
    height: 10px;
    background: url(/lp/img/common/icon-arrow.svg) 0 0 no-repeat;
    background-size: 100% auto;
    transition: transform 0.2s;
    transform: translateY(-50%) rotate(0deg);
}
@media screen and (max-width: 768px) {
    .c-cassette-4__head:after {
        top: 2.4vw;
        right: 2.9333333333vw;
        width: 4vw;
        height: 2.6666666667vw;
        transform: translateY(0%) rotate(0deg);
    }
}
.c-cassette-4__head--arrow-none:after {
    display: none;
}
.c-cassette-4__head.is-open:after {
    transform: translateY(-50%) rotate(180deg);
}
@media screen and (max-width: 768px) {
    .c-cassette-4__head.is-open:after {
        transform: translateY(0%) rotate(180deg);
    }
}
.c-cassette-4__body {
    margin-top: 17px;
}
@media screen and (max-width: 768px) {
    .c-cassette-4__body {
        margin-top: 0;
        overflow: hidden;
    }
}
.c-cassette-4__ttl {
    line-height: 1.44;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-4__ttl {
        line-height: 1.62;
        font-size: 4.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-cassette-6
--------------------------------------------- */
@media screen and (max-width: 768px) {
    .c-cassette-6--has-side-pd {
        padding-right: 5.3333333333%;
        padding-left: 5.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-6__head--has-side-pd {
        padding-right: 5.3333333333%;
        padding-left: 5.3333333333%;
    }
}
.c-cassette-6__body {
    margin-top: 3.0833333333%;
}
@media screen and (min-width: 1281px) {
    .c-cassette-6__body {
        margin-top: 37px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-6__body {
        margin-top: 6.6666666667vw;
    }
}
.c-cassette-6__spacer {
    margin-top: 67px;
    margin-bottom: 50px;
    border-top: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-cassette-6__spacer {
        margin-top: 14.4vw;
        margin-bottom: 13.3333333333vw;
        margin-right: auto;
        margin-left: auto;
        max-width: 89.3333333333%;
    }
}

/* ---------------------------------------------
*   c-cassette-8
--------------------------------------------- */
.c-cassette-8__main {
    text-align: center;
}
.c-cassette-8__detail {
    margin-top: 5px;
}
@media screen and (max-width: 768px) {
    .c-cassette-8__detail {
        margin-top: 1.6vw;
    }
}
.c-cassette-8__name {
    line-height: 1.7;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 0.8125rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-8__name {
        line-height: 2.16;
        font-size: 3.2vw;
    }
}
.c-cassette-8__label {
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    width: 37.2093023256%;
}
@media screen and (min-width: 1281px) {
    .c-cassette-8__label {
        width: 160px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-8__label {
        margin-top: 0.5333333333vw;
        width: 44.126984127%;
    }
}
.c-cassette-8__ttl {
    margin-top: 10px;
    line-height: 1.62;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-8__ttl {
        margin-top: 2.1333333333vw;
        line-height: 1.73;
        font-size: 4vw;
    }
}
.c-cassette-8__txt {
    position: relative;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.71;
    letter-spacing: 0em;
    font-size: 0.875rem;
}
@media screen and (min-width: 769px) {
    .c-cassette-8__txt {
        margin-top: 2px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-8__txt {
        line-height: 1.62;
        font-size: 3.4666666667vw;
    }
}
.c-cassette-8__txt:before {
    content: "・";
}

/* ---------------------------------------------
*   c-cassette-10
--------------------------------------------- */
.c-cassette-10 {
    margin-top: 4.0625%;
}
@media screen and (min-width: 1281px) {
    .c-cassette-10 {
        margin-top: 52px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-10 {
        margin-top: 11.9402985075%;
    }
}
.c-cassette-10__body {
    margin-top: 1%;
}
@media screen and (min-width: 1281px) {
    .c-cassette-10__body {
        margin-top: 12px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-10__body {
        margin-top: 2.3880597015%;
    }
}
.c-cassette-10__box {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-cassette-10__box {
        display: block;
    }
}
.c-cassette-10__box--has-mgt {
    margin-top: 1.40625%;
}
@media screen and (min-width: 1281px) {
    .c-cassette-10__box--has-mgt {
        margin-top: 18px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-10__box--has-mgt {
        margin-top: 4vw;
    }
}
.c-cassette-10__ttl {
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-10__ttl {
        font-size: 4.2666666667vw;
    }
}
.c-cassette-10__txt {
    line-height: 1.86;
    letter-spacing: 0.06em;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-10__txt {
        font-size: 3.7333333333vw;
    }
}
.c-cassette-10__note {
    padding-left: 1em;
    text-indent: -1em;
    letter-spacing: 0.06em;
    font-size: 0.75rem;
    white-space: pre-wrap;
}
@media screen and (max-width: 768px) {
    .c-cassette-10__note {
        font-size: 3.2vw;
    }
}
@media screen and (min-width: 769px) {
    .c-cassette-10__note--has-mgt {
        margin-top: 1%;
    }
}
@media screen and (min-width: 1281px) {
    .c-cassette-10__note--has-mgt {
        margin-top: 13px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-10__note--has-mgt {
        margin-top: 4vw;
    }
}

/* ---------------------------------------------
*   c-cassette-12
--------------------------------------------- */
.c-cassette-12 {
    margin-top: 80px;
    overflow: hidden;
}
@media screen and (max-width: 1280px) {
    .c-cassette-12 {
        margin-top: 10.6666666667%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-12 {
        margin-top: 17.3134328358%;
    }
}
.c-cassette-12__head {
    text-align: center;
}
.c-cassette-12__list {
    margin-top: 24px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-12__list {
        margin-top: 3.2%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-12__list {
        margin-top: 6.5671641791%;
    }
}
.c-cassette-12__list-item {
    margin-top: 20px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-12__list-item {
        margin-top: 2.6666666667%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-12__list-item {
        margin-top: 4.776119403%;
    }
}
.c-cassette-12__list-item:first-of-type {
    margin-top: 0;
}
.c-cassette-12__ttl {
    position: relative;
    display: inline-block;
    padding-right: 13px;
    padding-left: 13px;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-12__ttl {
        font-size: 4.8vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-12__ttl {
        padding-right: 2.1333333333vw;
        padding-left: 2.1333333333vw;
    }
}
.c-cassette-12__ttl:before {
    content: "";
    position: absolute;
    top: calc(50% + 1px);
    left: -60px;
    width: 60px;
    height: 1px;
    background-color: #333;
    transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
    .c-cassette-12__ttl:before {
        top: calc(50% + 2px);
    }
}
.c-cassette-12__ttl:after {
    content: "";
    position: absolute;
    top: calc(50% + 1px);
    right: -60px;
    width: 60px;
    height: 1px;
    background-color: #333;
    transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
    .c-cassette-12__ttl:after {
        top: calc(50% + 2px);
    }
}
.c-cassette-12__box {
    padding: 22px 29px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-12__box {
        padding: 2.9333333333% 3.8666666667%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-12__box {
        padding: 4.4776119403% 4.1791044776%;
        border-radius: 1.3333333333vw;
    }
}
.c-cassette-12__box-head {
    margin-bottom: 7px;
    padding-bottom: 13px;
    border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 1280px) {
    .c-cassette-12__box-head {
        margin-bottom: 0.9333333333%;
        padding-bottom: 1.7333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-12__box-head {
        margin-bottom: 2.9850746269%;
        padding-bottom: 2.9850746269%;
    }
}
.c-cassette-12__box-ttl {
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-12__box-ttl {
        font-size: 4.2666666667vw;
    }
}
.c-cassette-12__box-txt {
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-12__box-txt {
        font-size: 3.7333333333vw;
    }
}
/* ---------------------------------------------
*   c-cassette-14
--------------------------------------------- */
.c-cassette-14__block {
    margin-top: 60px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-14__block {
        margin-top: 5%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-14__block {
        margin-top: 13.3333333333%;
    }
}
.c-cassette-14__block--mgt-none {
    margin-top: 0;
}
.c-cassette-14__block--flex {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-cassette-14__block--flex {
        flex-direction: column;
        gap: 6.6666666667vw;
    }
}
.c-cassette-14__block--border {
    padding: 25px 20px 33px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-cassette-14__block--border {
        padding: 4vw 2.6666666667vw 6.1333333333vw;
    }
}
.c-cassette-14--health-support .c-cassette-14__block {
    margin-top: 0;
}
.c-cassette-14__block-wrap {
    display: flex;
    margin-top: 25px;
}
@media screen and (max-width: 768px) {
    .c-cassette-14__block-wrap {
        display: block;
        margin-top: 5.3333333333vw;
    }
}
.c-cassette-14__wrap--left {
    padding-right: 38px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-14__wrap--left {
        padding-right: 2.96875%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-14__wrap--left {
        padding-right: 0;
    }
}
.c-cassette-14__note-list {
    margin-top: 13px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-14__note-list {
        margin-top: 1.0833333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-14__note-list {
        margin-top: 4.8%;
    }
}
.c-cassette-14__ttl {
    line-height: 1.77;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-14__ttl {
        line-height: 2;
        font-size: 4.2666666667vw;
    }
}
.c-cassette-14--health-support .c-cassette-14__ttl {
    margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
    .c-cassette-14--health-support .c-cassette-14__ttl {
        font-size: 4.8vw;
    }
}
.c-cassette-14__txt {
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-14__txt {
        line-height: 1.86;
        font-size: 4vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-14--health-support .c-cassette-14__txt {
        line-height: 1.73;
    }
}
.c-cassette-14__note {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.69;
    letter-spacing: 0.06em;
    font-size: 0.8125rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-14__note {
        line-height: 1.83;
        font-size: 3.2vw;
    }
}
.c-cassette-14__unit {
    margin-top: 40px;
    margin-right: 20px;
}
@media screen and (max-width: 768px) {
    .c-cassette-14__unit {
        margin-top: 8vw;
        margin-right: 0;
    }
}
.c-cassette-14__unit:first-of-type {
    margin-top: 0;
}
.c-cassette-14__unit-head {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .c-cassette-14__unit-head {
        margin-bottom: 3.4666666667vw;
    }
}
.c-cassette-14__unit-head-num {
    display: flex;
    align-self: auto;
    justify-content: center;
    width: 26px;
    height: 26px;
    background-color: #004198;
    border-radius: 50%;
    color: #fff;
    font-size: 0.9375rem;
    font-weight: bold;
    font-family: century-gothic, sans-serif;
    line-height: 1.7;
    letter-spacing: 0;
}
@media screen and (max-width: 768px) {
    .c-cassette-14__unit-head-num {
        width: 6.9333333333vw;
        height: 6.9333333333vw;
        font-size: 4vw;
    }
}
.c-cassette-14__unit-head-txt {
    margin-left: 6px;
    font-size: 1rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-cassette-14__unit-head-txt {
        margin-left: 1.6vw;
        font-size: 4.2666666667vw;
    }
}
.c-cassette-14__unit-note {
    margin-top: 10px;
    font-size: 0.8125rem;
    color: #666666;
}
@media screen and (max-width: 768px) {
    .c-cassette-14__unit-note {
        margin-top: 2.6666666667vw;
        font-size: 3.2vw;
    }
}
.c-cassette-14__table-wrap {
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .c-cassette-14__table-wrap {
        margin-top: 5.3333333333vw;
    }
}
.c-cassette-14__table-wrap:first-of-type {
    margin-top: 0;
}
@media screen and (max-width: 768px) {
    .c-cassette-14__table-wrap:first-of-type {
        margin-top: 9.0666666667vw;
    }
}
.c-cassette-14__table-head {
    font-size: 0.875rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-cassette-14__table-head {
        font-size: 3.4666666667vw;
    }
}
.c-cassette-14__table-img {
    margin-top: 12px;
}
@media screen and (max-width: 768px) {
    .c-cassette-14__table-img {
        margin-top: 2.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-cassette-16
--------------------------------------------- */
.c-cassette-16 {
    max-width: 860px;
}
@media screen and (max-width: 768px) {
    .c-cassette-16 {
        padding: 0 5.6338028169%;
    }
}
.c-cassette-16__head {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-cassette-16__head {
        margin-bottom: 3.2vw;
        padding-bottom: 3.4666666667vw;
    }
}
.c-cassette-16__ttl {
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-16__ttl {
        font-size: 5.3333333333vw;
    }
}
.c-cassette-16__lead {
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-16__lead {
        line-height: 1.86;
        font-size: 4vw;
    }
}
.c-cassette-16__card-list {
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .c-cassette-16__card-list {
        margin-top: 8vw;
    }
}
.c-cassette-16__card {
    display: flex;
    gap: 0 30px;
    margin-top: 30px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-16__card {
        gap: 0 3.488372093%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-16__card {
        flex-direction: column;
        align-items: center;
        gap: 5.3333333333vw 0;
        margin-top: 9.8666666667vw;
    }
}
.c-cassette-16__card:first-of-type {
    margin-top: 0;
}
.c-cassette-16__card-column {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.c-cassette-16__card-img {
    width: 200px;
}
@media screen and (max-width: 768px) {
    .c-cassette-16__card-img {
        width: 53.3333333333vw;
    }
}
.c-cassette-16__card-ttl {
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-16__card-ttl {
        margin-bottom: 1.0666666667vw;
        font-size: 4vw;
    }
}
.c-cassette-16__card-txt {
    line-height: 1.86;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-16__card-txt {
        font-size: 3.7333333333vw;
    }
}

/* ---------------------------------------------
*   c-cassete-18
--------------------------------------------- */
.c-cassete-18 {
    position: relative;
}
.c-cassete-18__head {
    position: absolute;
    display: flex;
    align-items: flex-end;
    top: -44px;
    left: -1px;
    width: 63.0208333333%;
    height: 45px;
    background-color: #f0f3f5;
    border-top-right-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-cassete-18__head {
        position: relative;
        top: auto;
        width: 100%;
        height: auto;
        border-radius: 0;
    }
}
.c-cassete-18__head--wbgt {
    background-color: #fff5ec;
}
.c-cassete-18__body {
    padding-top: 5px;
    background-color: #f0f3f5;
}
@media screen and (max-width: 768px) {
    .c-cassete-18__body {
        padding-top: 1.6vw;
    }
}
.c-cassete-18__body--wbgt {
    background-color: #fff5ec;
}
.c-cassete-18__note-wrap {
    margin-top: 15px;
    padding-left: 5px;
}
@media screen and (max-width: 768px) {
    .c-cassete-18__note-wrap {
        margin-top: 4.5333333333vw;
        padding-left: 0;
    }
}
.c-cassete-18__color-txt {
    color: #004198;
    line-height: 1;
    letter-spacing: 0em;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-cassete-18__color-txt {
        font-size: 3.4666666667vw;
    }
}
.c-cassete-18__color-txt--wbgt {
    color: #ff6f16;
}
.c-cassete-18__ttl {
    line-height: 1.46;
    letter-spacing: 0.03em;
    font-weight: bold;
    font-size: 1.625rem;
}
@media screen and (max-width: 768px) {
    .c-cassete-18__ttl {
        line-height: 1.5;
        font-size: 4.8vw;
    }
}
.c-cassete-18__txt {
    margin-top: 12px;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-cassete-18__txt {
        margin-top: 2.1333333333vw;
        text-align: justify;
        line-height: 1.73;
        font-size: 4vw;
    }
}
.c-cassete-18__note {
    padding-left: calc(1em + 5px);
    text-indent: -1em;
    line-height: 1.83;
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-cassete-18__note {
        text-align: justify;
        letter-spacing: 0.06em;
        font-size: 3.2vw;
    }
}
.c-cassete-18__note:before {
    position: relative;
    left: -5px;
    content: "※";
}

/* ---------------------------------------------
*   c-cassete-20
--------------------------------------------- */
.c-cassete-20 {
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-top: 80px;
    padding-top: 120px;
    z-index: 1;
}
@media screen and (max-width: 768px) {
    .c-cassete-20 {
        margin-top: 10.6666666667vw;
        padding-top: 50.6666666667vw;
        justify-content: center;
    }
}
.c-cassete-20--reverse {
    justify-content: flex-start;
}
@media screen and (max-width: 768px) {
    .c-cassete-20--reverse {
        justify-content: center;
    }
}
.c-cassete-20__img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 800px;
}
.c-cassete-20--reverse .c-cassete-20__img {
    right: 0;
    left: auto;
}
@media screen and (max-width: 1280px) {
    .c-cassete-20__img {
        width: 66.6666666667%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassete-20__img {
        width: 100%;
    }
}
.c-cassete-20__img img {
    width: 100%;
}
.c-cassete-20__box {
    display: flex;
    align-items: center;
    padding: 62px 70px;
    width: 560px;
    min-height: 380px;
    background-color: #fff;
    border-radius: 5px;
}
@media screen and (min-width: 769px) {
    .c-cassete-20__box {
        min-width: 400px;
    }
}
@media screen and (max-width: 1280px) {
    .c-cassete-20__box {
        padding: 5.1666666667% 5.8333333333%;
        width: 46.6666666667%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassete-20__box {
        align-items: flex-start;
        width: 89.3333333333%;
        min-height: 0;
        padding: 8vw 6.6666666667vw 9.6vw 6.6666666667vw;
        border-radius: 1.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassete-20__box-inner {
        text-align: center;
    }
}
.c-cassete-20__ttl {
    text-align: left;
    line-height: 1.46;
    font-weight: bold;
    font-size: 1.625rem;
}
@media screen and (max-width: 768px) {
    .c-cassete-20__ttl {
        line-height: 1.6;
        font-size: 5.3333333333vw;
    }
}
.c-cassete-20__txt {
    margin-top: 12px;
    line-height: 2;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-cassete-20__txt {
        margin-top: 0.8vw;
        text-align: justify;
        line-height: 1.73;
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   c-cassette-22
--------------------------------------------- */
.c-cassette-22__head {
    margin-bottom: 20px;
    padding-left: 3px;
}
@media screen and (max-width: 768px) {
    .c-cassette-22__head {
        margin-bottom: 4vw;
        padding-left: 1.3333333333vw;
    }
}
.c-cassette-22__body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 37px 20px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-22__body {
        gap: 37px 1.6666666667%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-22__body {
        gap: 8vw;
    }
}
.c-cassette-22__item {
    width: 48.9583333333%;
}
@media screen and (max-width: 768px) {
    .c-cassette-22__item {
        width: 100%;
    }
}
.c-cassette-22__item-head {
    display: flex;
    align-items: center;
    padding: 10px 18px;
    width: 100%;
    min-height: 45px;
    background-color: #f0f3f5;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-cassette-22__item-head {
        padding: 2.6666666667vw 2.1333333333vw;
        min-height: 9.3333333333vw;
    }
}
@media screen and (max-width: 768px) and (orientation: landscape) {
    .c-cassette-22__item-head {
        padding: 2.6666666667vw 1.8666666667vw;
    }
}
.c-cassette-22__item-body {
    margin-top: 12px;
}
@media screen and (max-width: 768px) {
    .c-cassette-22__item-body {
        margin-top: 3.2vw;
    }
}
.c-cassette-22__txt-wrap {
    margin-top: 24px;
}
@media screen and (max-width: 768px) {
    .c-cassette-22__txt-wrap {
        margin-top: 5.6vw;
    }
}
.c-cassette-22__txt-wrap--mgt-0 {
    margin-top: 0;
}
.c-cassette-22__ttl {
    line-height: 1.2;
    letter-spacing: 0em;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-22__ttl {
        font-size: 4.8vw;
    }
}
.c-cassette-22__item-head-ttl {
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-22__item-head-ttl {
        line-height: 1.14;
        font-size: 3.7333333333vw;
    }
}
.c-cassette-22__item-head-ttl--small {
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-22__item-head-ttl--small {
        font-size: 2.9333333333vw;
    }
}
.c-cassette-22__item-txt {
    line-height: 1.71;
    letter-spacing: 0.06em;
    font-size: 0.875rem;
    word-break: break-word;
}
@media screen and (max-width: 768px) {
    .c-cassette-22__item-txt {
        line-height: 1.69;
        font-size: 3.4666666667vw;
    }
}
.c-cassette-22__item-txt--bold {
    font-weight: bold;
}
@media screen and (min-width: 769px) {
    .c-cassette-22__item-txt--link {
        text-decoration: underline;
    }
    .c-cassette-22__item-txt--link:hover {
        text-decoration: none;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-22__item-txt--link {
        text-decoration: underline;
    }
}
.c-cassette-22__item-txt--small {
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-22__item-txt--small {
        font-size: 2.9333333333vw;
    }
}

/* ---------------------------------------------
*   c-cassette-24
--------------------------------------------- */
.c-cassette-24 {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
    background-color: #fff;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-cassette-24 {
        border-radius: 1.3333333333vw;
    }
}
.c-cassette-24__container {
    padding: 60px 30px 70px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-24__container {
        padding: 60px 2.5% 70px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-24__container {
        padding: 10.6666666667vw 7.1641791045% 6.6666666667vw;
    }
}
.c-cassette-24__head {
    text-align: center;
}
.c-cassette-24__content {
    margin-top: 36px;
}
@media screen and (max-width: 768px) {
    .c-cassette-24__content {
        margin-top: 6.1333333333vw;
    }
}
.c-cassette-24__sdgs-logo {
    margin-right: auto;
    margin-left: auto;
    width: 530px;
}
@media screen and (max-width: 768px) {
    .c-cassette-24__sdgs-logo {
        width: 66.6666666667vw;
    }
}
.c-cassette-24__sdgs-logo img {
    width: 100%;
}
.c-cassette-24__sdgs-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 35px;
    margin-right: auto;
    margin-left: auto;
    max-width: 970px;
    gap: 20px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-24__sdgs-list {
        gap: 1.5625vw 2.0618556701%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-24__sdgs-list {
        margin-top: 5.3333333333vw;
        -moz-column-gap: 4.181184669%;
             column-gap: 4.181184669%;
        row-gap: 3.2vw;
    }
}
.c-cassette-24__sdgs-item {
    width: 14.9484536082%;
}
@media screen and (max-width: 768px) {
    .c-cassette-24__sdgs-item {
        width: 30.3135888502%;
    }
}
.c-cassette-24__ttl {
    margin-bottom: 12px;
    line-height: 1.2;
    letter-spacing: 0.04em;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    font-size: 1.875rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-24__ttl {
        margin-bottom: 3.2vw;
        font-size: 5.8666666667vw;
    }
}
.c-cassette-24__txt {
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-24__txt {
        text-align: left;
        line-height: 1.86;
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   c-cassette-26
--------------------------------------------- */
.c-cassette-26__unit {
    position: relative;
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .c-cassette-26__unit {
        margin-top: 16vw;
    }
}
.c-cassette-26__unit:first-of-type {
    margin-top: 0;
}
.c-cassette-26__img {
    position: relative;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-cassette-26__img {
        padding-top: 72vw;
    }
}
.c-cassette-26__img img {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-cassette-26__img img {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.c-cassette-26__label-box {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 29px 25px 27px 30px;
    background-color: #004198;
    border-radius: 0 5px 0 0;
}
@media screen and (max-width: 1280px) {
    .c-cassette-26__label-box {
        padding: 2.265625vw 1.953125vw 2.109375vw 2.34375vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-26__label-box {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        padding: 5.3333333333%;
        width: 89.3333333333%;
        border-radius: 1.3333333333vw;
    }
}
.c-cassette-26__label-ttl {
    position: relative;
    padding-left: 42px;
    color: #fff;
    letter-spacing: 0.04em;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    font-size: 0.8125rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-26__label-ttl {
        padding-left: 11.2vw;
        font-size: 3.4666666667vw;
    }
}
.c-cassette-26__label-ttl::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 38px;
    height: 1px;
    background-color: #fff;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-cassette-26__label-ttl::before {
        width: 10.1333333333vw;
    }
}
.c-cassette-26__label {
    display: inline-block;
    margin-top: 25px;
    padding: 0px 8px 2px 8px;
    color: #fff;
    letter-spacing: 0.06em;
    font-weight: 400;
    font-size: 0.8125rem;
    border: 1px solid #fff;
}
@media screen and (min-width: 769px) {
    .windows .c-cassette-26__label {
        padding: 1px 8px;
    }
}

@media screen and (max-width: 1280px) {
    .c-cassette-26__label {
        margin-top: 1.953125vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-26__label {
        margin-top: 4vw;
        padding: 0.5333333333vw 1.8666666667vw;
        font-size: 3.2vw;
    }
}
.c-cassette-26__label-txt-1 {
    margin-top: 9px;
    color: #fff;
    letter-spacing: 0.06em;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-26__label-txt-1 {
        margin-top: 2.4vw;
        font-size: 4vw;
    }
}
.c-cassette-26__label-txt-2 {
    color: #fff;
    letter-spacing: 0.06em;
    font-size: 1.75rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-26__label-txt-2 {
        font-size: 5.8666666667vw;
    }
}
.c-cassette-26__label-txt-2--small {
    font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-26__label-txt-2--small {
        font-size: 3.4666666667vw;
    }
}
.c-cassette-26__desc {
    margin-top: 39px;
}
@media screen and (max-width: 768px) {
    .c-cassette-26__desc {
        margin-top: 5.6vw;
        padding: 0 5.3333333333%;
    }
}
.c-cassette-26__desc-head {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-cassette-26__desc-head {
        text-align: left;
    }
}
.c-cassette-26__desc-ttl {
    display: inline;
    line-height: 1.6;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.75rem;
    border-bottom: 2px solid #004198;
}
@media screen and (max-width: 768px) {
    .c-cassette-26__desc-ttl {
        display: inline;
        line-height: 1.9;
        font-size: 5.3333333333vw;
    }
}
.c-cassette-26__box-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 48px;
}
@media screen and (max-width: 768px) {
    .c-cassette-26__box-wrap {
        flex-direction: column;
        gap: 4vw;
        margin-top: 7.2vw;
    }
}
.c-cassette-26__box {
    padding: 34px 39px 30px 39px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 100%;
    background-color: #fff;
}
@media screen and (max-width: 1280px) {
    .c-cassette-26__box {
        padding: 34px 3.046875vw 30px 3.046875vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-26__box {
        padding: 7.4626865672% 7.1641791045%;
        border-radius: 1.3333333333vw;
    }
}
.c-cassette-26__box--wide {
    width: 100%;
}
.c-cassette-26__box--narrow {
    flex-shrink: 0;
    margin-left: 30px;
    width: 330px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-26__box--narrow {
        margin-left: 2.5%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-26__box--narrow {
        margin-left: 0;
        width: 100%;
    }
}
.c-cassette-26__box-ttl {
    position: relative;
    padding-bottom: 3px;
    padding-left: 16px;
    line-height: 1.6;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.25rem;
    border-left: 2px solid #004198;
}
@media screen and (max-width: 768px) {
    .c-cassette-26__box-ttl {
        padding-bottom: 0.8vw;
        padding-left: 2.9333333333vw;
        font-size: 4.8vw;
    }
}
.c-cassette-26__box-txt {
    margin-top: 11px;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-26__box-txt {
        margin-top: 2.6666666667vw;
        line-height: 1.86;
        font-size: 4vw;
    }
}
.c-cassette-26__box-note {
    margin-top: 25px;
    letter-spacing: 0.06em;
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-26__box-note {
        margin-top: 5.8666666667vw;
        font-size: 3.2vw;
    }
}
.c-cassette-26__flow {
    position: relative;
    z-index: 1;
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .c-cassette-26__flow {
        margin-top: 5.3333333333vw;
    }
}
.c-cassette-26__flow-item {
    display: flex;
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .c-cassette-26__flow-item {
        margin-top: 8.2666666667vw;
    }
}
.c-cassette-26__flow-item .c-cassette-26__flow-label::after {
    position: absolute;
    z-index: -1;
    bottom: -31px;
    left: 50%;
    width: 1px;
    height: 30px;
    background-color: #004198;
    content: "";
    transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
    .c-cassette-26__flow-item .c-cassette-26__flow-label::after {
        bottom: -8.5333333333vw;
        height: 9.0666666667vw;
    }
}
.c-cassette-26__flow-item:last-of-type .c-cassette-26__flow-label::after {
    display: none;
}
.c-cassette-26__flow-item:first-of-type {
    margin-top: 0;
}
.c-cassette-26__flow-label {
    position: relative;
    display: inline-block;
    text-align: center;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-top: 3px;
    padding-bottom: 4px;
    max-width: 80px;
    width: 100%;
    color: #004198;
    line-height: 1.18;
    letter-spacing: 0.06em;
    font-family: century-gothic, sans-serif;
    font-size: 1rem;
    background-color: #fff;
    border: 1px solid #004198;
}
@media screen and (max-width: 768px) {
    .c-cassette-26__flow-label {
        padding-top: 0.8vw;
        padding-bottom: 1.0666666667vw;
        max-width: 21.3333333333vw;
        line-height: 1.2;
        font-size: 4vw;
    }
}
.c-cassette-26__flow-txt {
    margin-left: 15px;
    letter-spacing: 0.06em;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-26__flow-txt {
        margin-left: 4vw;
        font-size: 4.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-cassette-product-article
--------------------------------------------- */
.c-cassette-product-article {
    margin-top: 8.59375%;
}
@media screen and (min-width: 1281px) {
    .c-cassette-product-article {
        margin-top: 110px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-product-article {
        margin-top: 14.1333333333%;
    }
}
.c-cassette-product-article:first-of-type {
    margin-top: 0;
}
.c-cassette-product-article:nth-of-type(even) .c-cassette-product-article__container {
    flex-direction: row-reverse;
}
.c-cassette-product-article:nth-of-type(even) .c-cassette-product-article__detail {
    margin-left: 0;
    margin-right: 6.25%;
}
@media screen and (min-width: 1281px) {
    .c-cassette-product-article:nth-of-type(even) .c-cassette-product-article__detail {
        margin-right: 90px;
    }
}
.c-cassette-product-article__container {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-cassette-product-article__container {
        display: block;
    }
}
.c-cassette-product-article__img {
    max-width: 800px;
    width: 55.5555555556%;
}
@media screen and (max-width: 768px) {
    .c-cassette-product-article__img {
        width: 100%;
    }
}
.c-cassette-product-article__movie {
    position: relative;
    max-width: 800px;
    width: 55.5555555556%;
    height: 100%;
}
@media screen and (max-width: 768px) {
    .c-cassette-product-article__movie {
        width: 100%;
    }
}
.c-cassette-product-article__movie-inner {
    padding-top: 56.25%;
}
.c-cassette-product-article__movie-inner iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.c-cassette-product-article__movie-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: #fff;
}
@media screen and (min-width: 769px) {
    .c-cassette-product-article__movie-thumb img {
        transition: opacity 300ms;
    }
    .c-cassette-product-article__movie-thumb img:hover {
        opacity: 0.8;
    }
}
.c-cassette-product-article__movie-thumb::before {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 11.328125vw;
    height: 11.328125vw;
    transform: translate(-50%, -50%);
    background: url(/lp/img/common/icon_movie-play.svg) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}
.c-cassette-product-article__detail {
    align-self: center;
    max-width: 430px;
    width: 29.8611111111%;
    margin-left: 5.5555555556%;
}
@media screen and (min-width: 1281px) {
    .c-cassette-product-article__detail {
        margin-left: 80px;
        width: 430px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-product-article__detail {
        margin-top: 6.6666666667%;
        margin-left: auto;
        padding-right: 5.3333333333%;
        padding-left: 5.3333333333%;
        max-width: none;
        width: 100%;
    }
}
.c-cassette-product-article__txt-wrap {
    margin-top: 5.5555555556%;
}
@media screen and (min-width: 1281px) {
    .c-cassette-product-article__txt-wrap {
        margin-top: 20px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-product-article__txt-wrap {
        margin-top: 4.4776119403%;
    }
}
.c-cassette-product-article__ttl {
    line-height: 1.43;
    letter-spacing: 0.06em;
    font-size: 2rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-product-article__ttl {
        line-height: 1.45;
        font-size: 5.8666666667vw;
    }
}
.c-cassette-product-article__txt {
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 1rem;
    white-space: pre-wrap;
}
@media screen and (max-width: 768px) {
    .c-cassette-product-article__txt {
        line-height: 1.86;
        font-size: 4vw;
    }
}
.c-cassette-product-article__audio-button {
    display: block;
    margin-top: 5px;
    text-align: justify;
}
@media screen and (max-width: 768px) {
    .c-cassette-product-article__audio-button {
        margin-top: 1.3333333333vw;
    }
}
.c-cassette-product-article__audio-button:first-of-type {
    margin-top: 15px;
}
@media screen and (max-width: 768px) {
    .c-cassette-product-article__audio-button:first-of-type {
        margin-top: 4vw;
    }
}
.c-cassette-product-article__audio-button-txt {
    pointer-events: none;
    position: relative;
    padding-left: 25px;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 1rem;
    font-weight: bold;
    text-decoration: underline;
}
@media screen and (max-width: 768px) {
    .c-cassette-product-article__audio-button-txt {
        padding-left: 6.1333333333vw;
        line-height: 1.86;
        font-size: 4vw;
    }
}
@media screen and (min-width: 769px) {
    .c-cassette-product-article__audio-button:hover .c-cassette-product-article__audio-button-txt {
        text-decoration: none;
    }
}
.c-cassette-product-article__audio-button-txt::before {
    position: absolute;
    top: 0.2em;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(/lp/img/common/icon_sound-play.svg) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-cassette-product-article__audio-button-txt::before {
        width: 4.8vw;
        height: 4.8vw;
    }
}

/* ---------------------------------------------
*   c-cassette-catalog
--------------------------------------------- */
.c-cassette-catalog__head {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-cassette-catalog__head {
        text-align: left;
    }
}
.c-cassette-catalog__body {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 50px 60px;
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-cassette-catalog__body {
        margin-top: 5.3333333333vw;
    }
}
.c-cassette-catalog__unit {
    width: 500px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-catalog__unit {
        width: 41.6666666667%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-catalog__unit {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-catalog__unit:nth-of-type(n + 2) {
        margin-top: 8vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-catalog__img {
        display: flex;
        flex-direction: column;
    }
}
.c-cassette-catalog__img img {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-cassette-catalog__img img {
        margin: 0 auto;
        width: 68.6567164179%;
    }
}
.c-cassette-catalog__caption {
    margin-top: 20px;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-catalog__caption {
        margin-top: 5.3333333333vw;
        line-height: 1.6;
        font-size: 4.2666666667vw;
    }
}
.c-cassette-catalog__lead {
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-catalog__lead {
        line-height: 1.86;
        font-size: 4vw;
    }
}
.c-cassette-catalog__link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    padding: 0.5em 1em;
    max-width: 400px;
    width: 100%;
    min-height: 60px;
    background-color: #333;
    border-radius: 80px;
}
@media screen and (min-width: 769px) {
    .c-cassette-catalog__link {
        transition: opacity 300ms;
    }
    .c-cassette-catalog__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 1280px) {
    .c-cassette-catalog__link {
        width: 80%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-catalog__link {
        margin-top: 3.2vw;
        max-width: none;
        width: 100%;
        min-height: 14.6666666667vw;
    }
}
.c-cassette-catalog__link:first-of-type {
    margin-top: 50px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-catalog__link:first-of-type {
        margin-top: 10%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-catalog__link:first-of-type {
        margin-top: 8vw;
    }
}
.c-cassette-catalog__link-txt {
    position: relative;
    padding-right: 28px;
    color: #fff;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-catalog__link-txt {
        padding-right: 7.4666666667vw;
        font-size: 4.2666666667vw;
    }
}
.c-cassette-catalog__link-txt:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 23px;
    height: 19px;
    background: url(/lp/img/common/icon_dl-white.svg) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
    content: "";
}
@media screen and (max-width: 768px) {
    .c-cassette-catalog__link-txt:after {
        width: 6.1333333333vw;
        height: 5.0666666667vw;
    }
}
.c-cassette-catalog__link-txt--catalog {
    padding-right: 30px;
}
@media screen and (max-width: 768px) {
    .c-cassette-catalog__link-txt--catalog {
        padding-right: 8vw;
    }
}
.c-cassette-catalog__link-txt--catalog:after {
    top: calc(50% + 2px);
    width: 24px;
    height: 18px;
    background-image: url(/lp/img/common/icon_book_white.svg);
}
@media screen and (max-width: 768px) {
    .c-cassette-catalog__link-txt--catalog:after {
        top: calc(50% + 200 / 768 * 1vw);
        width: 6.4vw;
        height: 4.8vw;
    }
}

/* ---------------------------------------------
*   c-cassette-alcohol-product
--------------------------------------------- */
.c-cassette-alcohol-product {
    display: flex;
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product {
        display: block;
        margin-top: 13.3333333333vw;
    }
}
.c-cassette-alcohol-product:first-of-type {
    margin-top: 0;
}
.c-cassette-alcohol-product__img-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 450px;
    height: 450px;
    background-color: #fff;
    border-radius: 5px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-alcohol-product__img-box {
        width: 35.15625vw;
        height: 35.15625vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__img-box {
        width: 100%;
        height: 89.3333333333vw;
        border-radius: 1.3333333333vw;
    }
}
.c-cassette-alcohol-product__img {
    width: 400px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-alcohol-product__img {
        width: 31.25vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__img {
        width: 80vw;
    }
}
.c-cassette-alcohol-product__img img {
    width: 100%;
}
.c-cassette-alcohol-product__detail {
    margin-left: 50px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-alcohol-product__detail {
        margin-left: 4.1666666667%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__detail {
        margin-top: 5.3333333333vw;
        margin-left: 0;
    }
}
.c-cassette-alcohol-product__unit-2 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 9px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__unit-2 {
        display: block;
        margin-top: 1.8666666667vw;
        padding-bottom: 6.1333333333vw;
    }
}
.c-cassette-alcohol-product__unit-3 {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 13px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-alcohol-product__unit-3 {
        gap: 2.34375vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__unit-3 {
        margin-top: 2.4vw;
        gap: 4vw 3.2vw;
    }
}
.c-cassette-alcohol-product__unit-4 {
    margin-top: 15px;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__unit-4 {
        margin-top: 4.8vw;
    }
}
.c-cassette-alcohol-product__unit-5 {
    margin-top: 33px;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__unit-5 {
        text-align: center;
        margin-top: 8vw;
    }
}
.c-cassette-alcohol-product__label-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__label-block {
        flex-direction: column;
        align-items: flex-start;
        gap: 2.6666666667vw;
    }
}
.c-cassette-alcohol-product__label-list {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-left: 20px;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__label-list {
        gap: 2.9333333333vw;
        margin-top: 2.6666666667vw;
        margin-left: 0;
    }
}
.c-cassette-alcohol-product__label-item {
    width: 66px;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__label-item {
        width: 17.6vw;
    }
}
.c-cassette-alcohol-product__icon-list {
    margin-top: 14px;
    margin-left: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__icon-list {
        margin-top: 4vw;
        margin-left: 2.6666666667vw;
        gap: 3.2vw 5.0666666667vw;
    }
}
.c-cassette-alcohol-product__icon-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__icon-item {
        width: 20%;
    }
}
.c-cassette-alcohol-product__icon {
    width: 40px;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__icon {
        width: 10.4vw;
    }
}
.c-cassette-alcohol-product__icon img {
    width: 100%;
}
.c-cassette-alcohol-product__icon-txt {
    margin-top: 4px;
    line-height: 1.2;
    letter-spacing: 0em;
    font-weight: bold;
    font-size: 0.625rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__icon-txt {
        margin-top: 1.0666666667vw;
        font-size: 2.6666666667vw;
    }
}
.c-cassette-alcohol-product__txt-1 {
    color: #666666;
    line-height: 1.3;
    letter-spacing: 0.06em;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__txt-1 {
        font-size: 3.7333333333vw;
    }
}
.c-cassette-alcohol-product__txt-2 {
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__txt-2 {
        font-size: 4.2666666667vw;
    }
}
.c-cassette-alcohol-product__txt-3 {
    line-height: 1.1;
    letter-spacing: 0.06em;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    font-size: 2.25rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__txt-3 {
        line-height: 1.15;
        font-size: 6.9333333333vw;
    }
}
.c-cassette-alcohol-product__txt-4 {
    line-height: 1.1;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__txt-4 {
        font-size: 4.8vw;
    }
}
.c-cassette-alcohol-product__txt-4--small-1 {
    font-weight: normal;
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__txt-4--small-1 {
        font-size: 3.2vw;
    }
}
.c-cassette-alcohol-product__txt-4--small-2 {
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__txt-4--small-2 {
        font-size: 2.6666666667vw;
    }
}
.c-cassette-alcohol-product__txt-5 {
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__txt-5 {
        line-height: 1.73;
        font-size: 4vw;
    }
}
.c-cassette-alcohol-product__txt-5 * {
    color: #333 !important;
}
.c-cassette-alcohol-product__txt-6 {
    line-height: 1.46;
    font-weight: bold;
    letter-spacing: 0.06em;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__txt-6 {
        font-size: 4vw;
    }
}
.c-cassette-alcohol-product__txt-7 {
    margin-bottom: 2px;
    letter-spacing: 0.06em;
    font-size: 0.8125rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-alcohol-product__txt-7 {
        margin-bottom: 0.5333333333vw;
        font-size: 3.4666666667vw;
    }
}

/* ---------------------------------------------
*  c-cassette-blank-form
--------------------------------------------- */
.c-cassette-blank-form__container {
    padding-top: 30px;
    border-top: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-cassette-blank-form__container {
        padding-top: 6.4vw;
    }
}
.c-cassette-blank-form__head {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-cassette-blank-form__head {
        text-align: left;
    }
}
.c-cassette-blank-form__body {
    margin-top: 17px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-cassette-blank-form__body {
        margin-top: 5.3333333333vw;
    }
}
.c-cassette-blank-form__ttl {
    line-height: 1.5;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.25rem;
    white-space: pre-line;
}
@media screen and (max-width: 768px) {
    .c-cassette-blank-form__ttl {
        font-size: 4.2666666667vw;
    }
}
.c-cassette-blank-form__link {
    display: inline-block;
    padding: 18px 75px;
    border-radius: 80px;
    line-height: 1.5;
    text-align: center;
    word-break: break-all;
    font-size: 1rem;
    background-color: #333;
    color: #fff;
}
@media screen and (max-width: 1280px) {
    .c-cassette-blank-form__link {
        padding: 18px 5.859375vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-blank-form__link {
        padding: 4vw 5.3333333333vw 5.3333333333vw 5.3333333333vw;
        text-align: left;
        letter-spacing: 0.06em;
        font-size: 4vw;
        border-radius: 1.3333333333vw;
    }
}

/* ---------------------------------------------
*  c-cassette-error
--------------------------------------------- */
.c-cassette-error__container {
    padding-top: 160px;
    padding-bottom: 160px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-cassette-error__container {
        padding-top: 36vw;
        padding-bottom: 37.3333333333vw;
    }
}
.c-cassette-error__ttl {
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    font-size: 4.375rem;
    letter-spacing: 0.06em;
    line-height: 1.2;
}
@media screen and (max-width: 768px) {
    .c-cassette-error__ttl {
        font-size: 11.7333333333vw;
        line-height: 1.1;
    }
}
.c-cassette-error__txt {
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-error__txt {
        font-size: 4vw;
    }
}
.c-cassette-error__link {
    padding: 13px 90px;
    background-color: #333;
    border-radius: 80px;
    display: inline-block;
    justify-content: center;
    align-items: center;
}
@media screen and (min-width: 769px) {
    .c-cassette-error__link {
        transition: opacity 300ms;
    }
    .c-cassette-error__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-error__link {
        padding: 3.4666666667vw 24vw;
    }
}
.c-cassette-error__link-txt {
    color: #fff;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-error__link-txt {
        font-size: 4.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-cassette-28（アルコール検知器 選び方ページ ポイント）
--------------------------------------------- */
.c-cassette-28__item {
    display: flex;
    justify-content: space-between;
    margin: 0 0 70px;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__item {
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 16vw;
    }
}
.c-cassette-28__item:last-of-type {
    margin-bottom: 0;
}
.c-cassette-28__head {
    background: #f0f7ff;
    text-align: center;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    color: #004198;
    font-size: 1rem;
    line-height: 1;
    width: 13.3333333333%;
    border-radius: 5px;
    padding: 40px 0 0;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__head {
        width: 100%;
        border-radius: 0;
        padding: 3.4666666667vw 5.3333333333vw 4vw;
        display: flex;
        align-items: center;
        font-size: 4vw;
        gap: 1.6vw;
    }
}
.c-cassette-28__head strong {
    font-size: 2.5rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__head strong {
        font-size: 6.9333333333vw;
    }
}
.c-cassette-28__body {
    width: 83.3333333333%;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__body {
        width: 100%;
        padding: 0 5.3333333333%;
    }
}
.c-cassette-28__ttl {
    font-size: 2.125rem;
    font-weight: bold;
    margin: 0 0 15px;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__ttl {
        font-size: 6.4vw;
        margin: 5.3333333333vw 0;
    }
}
.c-cassette-28__desc {
    padding: 23px 0 0;
    margin: 0 0 40px;
    border-top: 1px solid #ddd;
    font-size: 1rem;
    line-height: 2;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__desc {
        padding-top: 6.6666666667vw;
        margin-bottom: 8vw;
        font-size: 4vw;
        line-height: 1.86666;
    }
}
.c-cassette-28__cases {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__cases {
        flex-direction: column;
    }
}
.c-cassette-28__case {
    width: 49%;
    border: 1px solid #ddd;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__case {
        width: 100%;
        margin-top: 5.3333333333vw;
    }
}
.c-cassette-28__case:first-of-type {
    margin-top: 0;
}
.c-cassette-28__case-head {
    background: #f0f3f5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__case-head {
        padding: 4vw 5.3333333333vw;
        gap: 1.3333333333vw;
    }
}
.c-cassette-28__case-ttl-sub {
    font-family: century-gothic, sans-serif;
    color: #004198;
    font-size: 0.875rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__case-ttl-sub {
        font-size: 3.4666666667vw;
    }
}
.c-cassette-28__case-ttl-main {
    font-size: 1.25rem;
    letter-spacing: 0.06em;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__case-ttl-main {
        line-height: 1.33333;
        font-size: 4.8vw;
    }
}
.c-cassette-28__case-body {
    padding: 25px 30px;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__case-body {
        padding: 5.3333333333vw;
    }
}
.c-cassette-28__case-imgs {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__case-imgs {
        flex-direction: column;
        gap: 2.6666666667vw;
    }
}
.c-cassette-28__case-imgs img {
    width: 48.8372093023%;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__case-imgs img {
        width: 100%;
    }
}
.c-cassette-28__merit {
    overflow: hidden;
    min-height: 6em;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__merit {
        min-height: auto;
    }
}
.c-cassette-28__merit--demerit {
    margin-top: 20px;
    min-height: 4.5em;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__merit--demerit {
        min-height: auto;
    }
}
.c-cassette-28__merit-ttl {
    float: left;
    font-size: 0.8125rem;
    line-height: 2;
    border: 1px solid #e88600;
    color: #e88600;
    width: 85px;
    text-align: center;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__merit-ttl {
        font-size: 3.2vw;
        line-height: 1.5;
        float: none;
        width: 20vw;
        display: inline-block;
        margin-bottom: 1.3333333333vw;
    }
}
.c-cassette-28__merit-ttl--demerit {
    border-color: #666666;
    color: #666666;
}
.c-cassette-28__merit-item {
    font-size: 0.9375rem;
    padding-left: calc(96px + 1em);
    text-indent: -1em;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__merit-item {
        font-size: 3.7333333333vw;
        padding-left: 1em;
    }
}
.c-cassette-28__feature-list {
    margin: 0 0 30px;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__feature-list {
        margin-bottom: 5.3333333333vw;
    }
}
.c-cassette-28__feature-item {
    font-size: 0.9375rem;
    line-height: 1.6;
    padding: 0 0 0 1em;
    text-indent: -1em;
}
@media screen and (max-width: 768px) {
    .c-cassette-28__feature-item {
        font-size: 3.7333333333vw;
        line-height: 1.428;
    }
}

/* ---------------------------------------------
*   c-cassette-30（アルコール検知器 選び方ページ 目的）
--------------------------------------------- */
.c-cassette-30 {
    margin: 50px 0 0;
}
@media screen and (max-width: 768px) {
    .c-cassette-30 {
        margin-top: 8vw;
    }
}
.c-cassette-30__item {
    margin-bottom: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5% 10% 5.8333333333%;
}
@media screen and (max-width: 768px) {
    .c-cassette-30__item {
        margin-bottom: 8vw;
        padding: 8vw 5.3333333333vw;
    }
}
.c-cassette-30__item:last-of-type {
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {
    .c-cassette-30__item:last-of-type {
        margin-bottom: 0;
    }
}
.c-cassette-30__ttl {
    padding: 0 0 20px 0;
    border-bottom: 2px solid #004198;
}
.c-cassette-30__ttl-sub {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 0.06em;
    line-height: 1.42;
    margin: 0 0 3px;
}
@media screen and (max-width: 768px) {
    .c-cassette-30__ttl-sub {
        text-align: left;
        font-size: 4vw;
        margin-bottom: 1.0666666667vw;
    }
}
.c-cassette-30__ttl-main {
    text-align: center;
    font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: 0.06em;
    line-height: 1.15;
}
@media screen and (max-width: 768px) {
    .c-cassette-30__ttl-main {
        text-align: left;
        font-size: 6.4vw;
    }
}
.c-cassette-30__text {
    font-size: 1rem;
    line-height: 2;
    letter-spacing: 0.06em;
    margin: 25px 0 0 0;
}
@media screen and (max-width: 768px) {
    .c-cassette-30__text {
        margin-top: 5.3333333333vw;
        font-size: 4vw;
    }
}
.c-cassette-30__imgs {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 0;
}
@media screen and (max-width: 768px) {
    .c-cassette-30__imgs {
        flex-direction: column;
        margin-top: 8vw;
        gap: 2.6666666667vw;
    }
}
.c-cassette-30__imgs--2imgs {
    justify-content: center;
    gap: 30px;
}
@media screen and (max-width: 768px) {
    .c-cassette-30__imgs--2imgs {
        gap: 2.6666666667vw;
    }
}
.c-cassette-30__img {
    width: 31.25%;
}
@media screen and (max-width: 768px) {
    .c-cassette-30__img {
        width: 100%;
    }
}
.c-cassette-30__img--arrow {
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-cassette-30__img--arrow {
        padding: 5.8666666667vw 0;
    }
}
.c-cassette-30__img--arrow::before, .c-cassette-30__img--arrow::after {
    content: "";
    display: block;
    width: 12px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #004198;
}
@media screen and (max-width: 768px) {
    .c-cassette-30__img--arrow::before, .c-cassette-30__img--arrow::after {
        width: 8vw;
        height: 3.2vw;
        left: 50%;
        transform: translate(-50%, 0);
        top: auto;
    }
}
.c-cassette-30__img--arrow::before {
    left: -19px;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
            clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
@media screen and (max-width: 768px) {
    .c-cassette-30__img--arrow::before {
        left: 50%;
        top: 0;
        -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
                clip-path: polygon(0 0, 50% 100%, 100% 0);
    }
}
.c-cassette-30__img--arrow::after {
    right: -19px;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 50%);
            clip-path: polygon(100% 0, 100% 100%, 0 50%);
}
@media screen and (max-width: 768px) {
    .c-cassette-30__img--arrow::after {
        right: auto;
        bottom: 0;
        -webkit-clip-path: polygon(0 100%, 100% 100%, 50% 0);
                clip-path: polygon(0 100%, 100% 100%, 50% 0);
    }
}
.c-cassette-30__caption {
    font-size: 0.875rem;
    letter-spacing: 0.06em;
    margin: 5px 0 0;
}
@media screen and (max-width: 768px) {
    .c-cassette-30__caption {
        font-size: 3.2vw;
        margin-top: 1.3333333333vw;
    }
}
.c-cassette-30__btn {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 60px 0 0;
    gap: 10px;
}
@media screen and (max-width: 768px) {
    .c-cassette-30__btn {
        flex-direction: column;
        gap: 2.6666666667vw;
        margin-top: 8vw;
    }
}
.c-cassette-30__btn--narrow {
    width: 610px;
    margin: 60px auto 0;
}
@media screen and (max-width: 768px) {
    .c-cassette-30__btn--narrow {
        width: 100%;
        margin-top: 8vw;
    }
}
.c-cassette-30__notice {
    font-size: 0.8125rem;
    letter-spacing: 0.06em;
    line-height: 1.33333;
    margin: 30px 0 0 0;
}
@media screen and (max-width: 768px) {
    .c-cassette-30__notice {
        margin-top: 5.3333333333vw;
        font-size: 3.2vw;
    }
}

/* ---------------------------------------------
*   c-cassette-32（暑さ指数計 選び方ページ ポイント）
--------------------------------------------- */
.c-cassette-32__item {
    display: flex;
    justify-content: space-between;
    margin: 0 0 70px;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__item {
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 16vw;
    }
}
.c-cassette-32__item:last-of-type {
    margin-bottom: 0;
}
.c-cassette-32__head {
    background: #f8eee5;
    text-align: center;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    color: #ff6f16;
    font-size: 1rem;
    line-height: 1;
    width: 13.3333333333%;
    border-radius: 5px;
    padding: 40px 0 0;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__head {
        width: 100%;
        border-radius: 0;
        padding: 3.4666666667vw 5.3333333333vw 4vw;
        display: flex;
        align-items: center;
        font-size: 4vw;
        gap: 1.6vw;
    }
}
.c-cassette-32__head strong {
    font-size: 2.5rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__head strong {
        font-size: 6.9333333333vw;
    }
}
.c-cassette-32__body {
    width: 83.3333333333%;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__body {
        width: 100%;
        padding: 0 5.3333333333%;
    }
}
.c-cassette-32__ttl {
    font-size: 2.125rem;
    font-weight: bold;
    margin: 0 0 15px;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__ttl {
        font-size: 6.4vw;
        margin: 5.3333333333vw 0;
    }
}
.c-cassette-32__desc {
    padding: 23px 0 0;
    margin: 0 0 40px;
    border-top: 1px solid #ddd;
    font-size: 1rem;
    line-height: 2;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__desc {
        padding-top: 6.6666666667vw;
        margin-bottom: 8vw;
        font-size: 4vw;
        line-height: 1.86666;
    }
}
.c-cassette-32__cases {
    display: flex;
    justify-content: space-between;
    gap: 2%;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__cases {
        flex-direction: column;
    }
}
.c-cassette-32__case {
    border: 1px solid #ddd;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__case {
        width: 100%;
        margin-top: 5.3333333333vw;
    }
}
.c-cassette-32__case:first-of-type {
    margin-top: 0;
}
.c-cassette-32__case-head {
    background: #F0F0F0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px 18px 30px;
    flex-grow: 1;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__case-head {
        padding: 4vw 5.3333333333vw;
        gap: 1.3333333333vw;
    }
}
.c-cassette-32__case-head--3col {
    padding: 14px 14px 14px 20px;
    height: 130px;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__case-head--3col {
        padding: 4vw 5.3333333333vw;
        height: auto;
    }
}
.c-cassette-32__case-ttl-sub {
    font-family: century-gothic, sans-serif;
    color: #004198;
    color: #ff6f16;
    font-size: 0.875rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__case-ttl-sub {
        font-size: 3.4666666667vw;
    }
}
.c-cassette-32__case-ttl-main {
    font-size: 1.25rem;
    letter-spacing: 0.06em;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__case-ttl-main {
        line-height: 1.33333;
        font-size: 4.8vw;
    }
}
.c-cassette-32__case-ttl-main--3col {
    line-height: 1.33333;
}
@media screen and (max-width: 850px) {
    .c-cassette-32__case-ttl-main--3col {
        font-size: 1.125rem;
    }
}
.c-cassette-32__case-body {
    padding: 25px 30px;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__case-body {
        padding: 5.3333333333vw;
    }
}
.c-cassette-32__case-imgs {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__case-imgs {
        flex-direction: column;
        gap: 2.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-32__case-imgs img {
        width: 100%;
    }
}
.c-cassette-32__merit {
    overflow: hidden;
    min-height: 6em;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__merit {
        min-height: auto;
    }
}
.c-cassette-32__merit--demerit {
    margin-top: 20px;
    min-height: 4.5em;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__merit--demerit {
        min-height: auto;
    }
}
.c-cassette-32__merit-ttl {
    float: left;
    font-size: 0.8125rem;
    line-height: 2;
    border: 1px solid #e88600;
    color: #e88600;
    width: 85px;
    text-align: center;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__merit-ttl {
        font-size: 3.2vw;
        line-height: 1.5;
        float: none;
        width: 20vw;
        display: inline-block;
        margin-bottom: 1.3333333333vw;
    }
}
.c-cassette-32__merit-ttl--demerit {
    border-color: #666666;
    color: #666666;
}
.c-cassette-32__merit-item {
    font-size: 0.9375rem;
    padding-left: calc(96px + 1em);
    text-indent: -1em;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__merit-item {
        font-size: 3.7333333333vw;
        padding-left: 1em;
    }
}
.c-cassette-32__feature-list {
    margin: 0 0 30px;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__feature-list {
        margin-bottom: 5.3333333333vw;
    }
}
.c-cassette-32__feature-item {
    font-size: 0.9375rem;
    line-height: 1.6;
    padding: 0 0 0 1em;
    text-indent: -1em;
}
@media screen and (max-width: 768px) {
    .c-cassette-32__feature-item {
        font-size: 3.7333333333vw;
        line-height: 1.428;
    }
}

/* ---------------------------------------------
*   c-cassette-wbgt-product（暑さ指数計 選び方ページ ポイント）
--------------------------------------------- */
.c-cassette-wbgt-product {
    display: flex;
    margin-top: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product {
        display: block;
        margin-top: 13.3333333333vw;
    }
}
.c-cassette-wbgt-product:first-of-type {
    margin-top: 0;
}
.c-cassette-wbgt-product__img-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 450px;
    height: 450px;
    background-color: #fff;
    border-radius: 5px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-wbgt-product__img-box {
        width: 35.15625vw;
        height: 35.15625vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__img-box {
        width: 100%;
        height: 89.3333333333vw;
        border-radius: 1.3333333333vw;
    }
}
.c-cassette-wbgt-product__img {
    width: 400px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-wbgt-product__img {
        width: 31.25vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__img {
        width: 80vw;
    }
}
.c-cassette-wbgt-product__img img {
    width: 100%;
}
.c-cassette-wbgt-product__detail {
    width: calc(100% - 500px);
}
@media screen and (max-width: 1280px) {
    .c-cassette-wbgt-product__detail {
        width: 54.6875vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__detail {
        margin-top: 5.3333333333vw;
        width: 100%;
    }
}
.c-cassette-wbgt-product__unit-2 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 9px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__unit-2 {
        display: block;
        margin-top: 1.8666666667vw;
        padding-bottom: 6.1333333333vw;
    }
}
.c-cassette-wbgt-product__unit-3 {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 13px;
}
@media screen and (max-width: 1280px) {
    .c-cassette-wbgt-product__unit-3 {
        gap: 2.34375vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__unit-3 {
        margin-top: 2.4vw;
        gap: 4vw 3.2vw;
    }
}
.c-cassette-wbgt-product__unit-4 {
    margin-top: 15px;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__unit-4 {
        margin-top: 4.8vw;
    }
}
.c-cassette-wbgt-product__unit-5 {
    margin-top: 33px;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__unit-5 {
        text-align: center;
        margin-top: 8vw;
    }
}
.c-cassette-wbgt-product__label-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__label-block {
        flex-direction: column;
        align-items: flex-start;
        gap: 2.6666666667vw;
    }
}
.c-cassette-wbgt-product__label-list {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-left: 20px;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__label-list {
        gap: 2.9333333333vw;
        margin-top: 2.6666666667vw;
        margin-left: 0;
    }
}
.c-cassette-wbgt-product__label-item {
    width: 66px;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__label-item {
        width: 17.6vw;
    }
}
.c-cassette-wbgt-product__icon-list {
    margin-top: 14px;
    margin-left: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__icon-list {
        margin-top: 4vw;
        margin-left: 2.6666666667vw;
        gap: 3.2vw 5.0666666667vw;
    }
}
.c-cassette-wbgt-product__icon-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__icon-item {
        width: 20%;
    }
}
.c-cassette-wbgt-product__icon {
    width: 40px;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__icon {
        width: 10.4vw;
    }
}
.c-cassette-wbgt-product__icon img {
    width: 100%;
}
.c-cassette-wbgt-product__icon-txt {
    margin-top: 4px;
    line-height: 1.2;
    letter-spacing: 0em;
    font-weight: bold;
    font-size: 0.625rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__icon-txt {
        margin-top: 1.0666666667vw;
        font-size: 2.6666666667vw;
    }
}
.c-cassette-wbgt-product__txt-1 {
    color: #666666;
    line-height: 1.3;
    letter-spacing: 0.06em;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__txt-1 {
        font-size: 3.7333333333vw;
    }
}
.c-cassette-wbgt-product__txt-2 {
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__txt-2 {
        font-size: 4.2666666667vw;
    }
}
.c-cassette-wbgt-product__txt-3 {
    line-height: 1.1;
    letter-spacing: 0.06em;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    font-size: 2.25rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__txt-3 {
        line-height: 1.15;
        font-size: 6.9333333333vw;
    }
}
.c-cassette-wbgt-product__txt-4 {
    line-height: 1.1;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__txt-4 {
        font-size: 4.8vw;
    }
}
.c-cassette-wbgt-product__txt-4--small-1 {
    font-weight: normal;
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__txt-4--small-1 {
        font-size: 3.2vw;
    }
}
.c-cassette-wbgt-product__txt-4--small-2 {
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__txt-4--small-2 {
        font-size: 2.6666666667vw;
    }
}
.c-cassette-wbgt-product__txt-5 {
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__txt-5 {
        line-height: 1.73;
        font-size: 4vw;
    }
}
.c-cassette-wbgt-product__txt-5 * {
    color: #333 !important;
}
.c-cassette-wbgt-product__txt-6 {
    line-height: 1.46;
    font-weight: bold;
    letter-spacing: 0.06em;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__txt-6 {
        font-size: 4vw;
    }
}
.c-cassette-wbgt-product__txt-7 {
    margin-bottom: 2px;
    letter-spacing: 0.06em;
    font-size: 0.8125rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__txt-7 {
        margin-bottom: 0.5333333333vw;
        font-size: 3.4666666667vw;
    }
}
.c-cassette-wbgt-product__point {
    margin: 60px 0 0 0;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__point {
        overflow: auto;
    }
}
.c-cassette-wbgt-product__point-list {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__point-list {
        width: 236vw;
    }
}
.c-cassette-wbgt-product__point-num {
    width: 61px;
    height: 61px;
    border-radius: 31px;
    background: #ff6f16;
    color: #fff;
    font-family: century-gothic, sans-serif;
    text-align: center;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 1.25rem;
    margin: 0 auto 9px;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__point-num {
        font-size: 4.8vw;
        width: 13.3333333333vw;
        height: 13.3333333333vw;
        border-radius: 6.6666666667vw;
    }
}
.c-cassette-wbgt-product__point-num span {
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__point-num span {
        font-size: 2.6666666667vw;
    }
}
.c-cassette-wbgt-product__point-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 31.6666666667%;
    justify-content: flex-start;
}
.c-cassette-wbgt-product__point-title {
    font-size: 1.5rem;
    line-height: 1.42;
    font-weight: bold;
    margin: 0 0 25px 0;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: pre-line;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__point-title {
        font-size: 5.3333333333vw;
        min-height: 15.2vw;
    }
}
.c-cassette-wbgt-product__point-img {
    border-radius: 5px;
}
.c-cassette-wbgt-product__point-cap {
    text-align: left;
    font-size: 0.9375rem;
    line-height: 2;
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .c-cassette-wbgt-product__point-cap {
        font-size: 3.7333333333vw;
    }
}

/* ---------------------------------------------
*   c-checkbox-2
--------------------------------------------- */
.c-checkbox-2 {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
@media screen and (min-width: 769px) {
    .c-checkbox-2 {
        transition: opacity 300ms;
    }
    .c-checkbox-2:hover {
        opacity: 0.8;
    }
}
.c-checkbox-2__input {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}
.c-checkbox-2__txt {
    position: relative;
    display: inline-block;
    padding-left: 22px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    line-height: 1.38;
    letter-spacing: 0em;
    font-size: 0.8125rem;
}
@media screen and (max-width: 768px) {
    .c-checkbox-2__txt {
        padding-left: 8vw;
        line-height: 1.42;
        font-size: 3.7333333333vw;
    }
}
.c-checkbox-2__txt::before, .c-checkbox-2__txt::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: inline-block;
}
.c-checkbox-2__txt::before {
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 2px;
}
@media screen and (max-width: 768px) {
    .c-checkbox-2__txt::before {
        top: 0;
        width: 5.3333333333vw;
        height: 5.3333333333vw;
        border-radius: 0.5333333333vw;
    }
}
.c-checkbox-2__txt::after {
    top: 4px;
    left: 5px;
    width: 5px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotateZ(45deg);
    opacity: 0;
}
@media screen and (max-width: 768px) {
    .c-checkbox-2__txt::after {
        top: 0.5333333333vw;
        left: 1.8666666667vw;
        width: 1.6vw;
        height: 3.2vw;
        border-right-width: 0.5333333333vw;
        border-bottom-width: 0.5333333333vw;
    }
}
.c-checkbox-2__input:checked + .c-checkbox-2__txt::before {
    background-color: #004198;
    border: 1px solid #004198;
}
.c-checkbox-2__input:checked + .c-checkbox-2__txt::after {
    opacity: 1;
}
.c-checkbox-2__input:checked + .c-checkbox-2__txt--wbgt::before {
    background-color: #ff6f16;
    border: 1px solid #ff6f16;
}
.c-checkbox-2__level-label {
    margin-right: 7px;
    width: 60px;
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
    .c-checkbox-2__level-label {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .c-checkbox-2__level-label {
        margin-right: 1.8666666667vw;
        width: 16vw;
    }
}
.c-checkbox-2__color-label {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background-color: #000;
    border-radius: 50%;
}
@media screen and (min-width: 769px) {
    .c-checkbox-2__color-label {
        top: -1px;
    }
}
@media screen and (max-width: 768px) {
    .c-checkbox-2__color-label {
        top: -0.5333333333vw;
        margin-right: 1.8666666667vw;
        width: 4.5333333333vw;
        height: 4.5333333333vw;
    }
}
.c-checkbox-2__color-label--1 {
    background-color: #000;
}
.c-checkbox-2__color-label--2 {
    background-color: #fff;
    border: 1px solid #ccc;
}
.c-checkbox-2__color-label--3 {
    background-color: #ddd;
}
.c-checkbox-2__color-label--4 {
    background-color: #8b4513;
}
.c-checkbox-2__color-label--5 {
    background-color: #c1ab05;
}
.c-checkbox-2__color-label--6 {
    background-color: #dc143c;
}
.c-checkbox-2__color-label--7 {
    background-color: #ffff00;
}
.c-checkbox-2__color-label--8 {
    background-color: #000080;
}
.c-checkbox-2__color-label--9 {
    background-color: #008000;
}

/* ---------------------------------------------
*   c-checkbox-4
--------------------------------------------- */
.c-checkbox-4 {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
@media screen and (min-width: 769px) {
    .c-checkbox-4 {
        transition: opacity 300ms;
    }
    .c-checkbox-4:hover {
        opacity: 0.8;
    }
}
.c-checkbox-4__input {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}
.c-checkbox-4__txt {
    position: relative;
    display: inline-block;
    padding-left: 28px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    line-height: 1.38;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-checkbox-4__txt {
        padding-left: 8vw;
        line-height: 2;
        font-size: 3.7333333333vw;
    }
}
.c-checkbox-4__txt--contact {
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-checkbox-4__txt--contact {
        font-size: 4.2666666667vw;
    }
}
.c-checkbox-4__txt::before, .c-checkbox-4__txt::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: inline-block;
}
.c-checkbox-4__txt::before {
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 2px;
}
@media screen and (max-width: 768px) {
    .c-checkbox-4__txt::before {
        top: 1.3333333333vw;
        left: 0.5333333333vw;
        width: 5.3333333333vw;
        height: 5.3333333333vw;
        border-radius: 0.8vw;
    }
}
.c-checkbox-4__txt::after {
    top: 6px;
    left: 8px;
    width: 5px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotateZ(45deg);
    opacity: 0;
}
@media screen and (max-width: 768px) {
    .c-checkbox-4__txt::after {
        top: 2.1333333333vw;
        left: 2.4vw;
        width: 1.6vw;
        height: 2.9333333333vw;
        border-right-width: 0.5333333333vw;
        border-bottom-width: 0.5333333333vw;
    }
}
.c-checkbox-4__input:checked + .c-checkbox-4__txt::before {
    background-color: #004198;
    border: 1px solid #004198;
}
.c-checkbox-4__input:checked + .c-checkbox-4__txt::after {
    opacity: 1;
}

/* ---------------------------------------------
*   c-figure
--------------------------------------------- */
/* ---------------------------------------------
*   c-figure-2
--------------------------------------------- */
.c-figure-2__container {
    display: flex;
    justify-content: center;
    gap: 10px;
}
@media screen and (max-width: 768px) {
    .c-figure-2__container {
        gap: 2.6666666667vw;
    }
}
.c-figure-2__unit {
    max-width: 100px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-figure-2__unit {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
.c-figure-2__img {
    width: 100px;
}
@media screen and (max-width: 1200px) {
    .c-figure-2__img {
        width: 8.3333333333vw;
        min-width: 90px;
    }
}
@media screen and (max-width: 768px) {
    .c-figure-2__img {
        width: 21.3333333333vw;
        min-width: 0;
    }
}
.c-figure-2__txt {
    margin-top: 7px;
    line-height: 1.2;
    letter-spacing: 0em;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    font-size: 0.875rem;
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
    .c-figure-2__txt {
        margin-top: 0;
        line-height: 1.16;
        font-size: 3.2vw;
    }
}

/* ---------------------------------------------
*   c-flexgrid--cell-vertical
--------------------------------------------- */
.c-flexgrid--cell-vertical {
    margin-top: 20px;
}
.c-flexgrid--cell-vertical__container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}
@media screen and (max-width: 768px) {
    .c-flexgrid--cell-vertical__container {
        grid-template-columns: repeat(2, 1fr);
        gap: 11px;
    }
}
.c-flexgrid--cell-vertical__item {
    aspect-ratio: 1/1;
    background: #F0F7FF;
}
.c-flexgrid--cell-vertical__link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    transition: opacity 0.3s ease;
    opacity: 1;
}
.c-flexgrid--cell-vertical__link:hover {
    opacity: 0.5;
}
@media screen and (max-width: 768px) {
    .c-flexgrid--cell-vertical__link {
        gap: 10px;
    }
}
.c-flexgrid--cell-vertical__icon {
    width: 42%;
    height: 42%;
    -o-object-fit: contain;
       object-fit: contain;
}
.c-flexgrid--cell-vertical__icon img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
}
.c-flexgrid--cell-vertical__txt {
    text-align: center;
    font-size: 16px;
}
@media screen and (max-width: 768px) {
    .c-flexgrid--cell-vertical__txt {
        font-size: 13px;
    }
}

/* ---------------------------------------------
*   c-form-1
--------------------------------------------- */
.c-form-1 {
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-form-1 {
        margin-top: 7.2vw;
    }
}
.c-form-1__list {
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-form-1__list {
        margin-top: 8vw;
    }
}
.c-form-1__list:first-of-type {
    margin-top: 0;
}
.confirm .c-form-1__list {
    margin-top: 30px;
    padding-bottom: 32px;
    border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .confirm .c-form-1__list {
        margin-top: 6.6666666667vw;
        padding-bottom: 6.6666666667vw;
    }
}

.c-form-1__list--spacer {
    padding-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-form-1__list--spacer {
        padding-top: 8vw;
    }
}
.c-form-1__term {
    display: flex;
    align-items: center;
}
.c-form-1__term-txt {
    font-size: 1rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-form-1__term-txt {
        font-size: 3.7333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-form-1__term-txt--sp-les-small {
        letter-spacing: 0.02em;
        white-space: nowrap;
    }
}
.c-form-1__term-required {
    display: block;
    margin-top: 0.2em;
    margin-left: 5px;
    padding: 0 5px 2px;
    font-size: 0.6875rem;
    font-weight: bold;
    color: #e23838;
    border: 1px solid #e23838;
    border-radius: 2px;
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
    .c-form-1__term-required {
        margin-left: 1.6vw;
        padding: 0 1.6vw;
        font-size: 2.9333333333vw;
        border-radius: 0.5333333333vw;
    }
    .safari .c-form-1__term-required {
        padding: 0 1.6vw 0.2666666667vw;
    }
}
.c-form-1__desc {
    margin-top: 7px;
}
@media screen and (max-width: 768px) {
    .c-form-1__desc {
        margin-top: 1.6vw;
    }
}
.c-form-1__type {
    margin-top: 8px;
}
@media screen and (max-width: 768px) {
    .c-form-1__type {
        margin-top: 1.0666666667vw;
    }
}
.c-form-1__type-txt {
    position: relative;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-form-1__type-txt {
        font-size: 4.8vw;
    }
}
.c-form-1__type-txt::after {
    display: inline-block;
    content: "＞";
    font-size: 1.125rem;
    margin-left: 0.4em;
}
@media screen and (max-width: 768px) {
    .c-form-1__type-txt::after {
        font-size: 4.8vw;
    }
}
.c-form-1__type-txt:last-of-type::after {
    content: none;
}
.c-form-1__input {
    margin-top: 10px;
    width: 100%;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .c-form-1__input {
        margin-top: 1.3333333333vw;
    }
}
.c-form-1__input:first-of-type {
    margin-top: 0;
}
.c-form-1__input input {
    width: 100%;
    padding: 21px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1.125rem;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
    .c-form-1__input input {
        padding: 4.5333333333vw;
        border-radius: 1.3333333333vw;
        font-size: 4.2666666667vw;
    }
}
.c-form-1__input input::-moz-placeholder {
    color: #999;
}
.c-form-1__input input::placeholder {
    color: #999;
}
.c-form-1__input input::-moz-placeholder {
    opacity: 1;
}
.c-form-1__list.error .c-form-1__input input {
    border-color: #e23838;
    background-color: #fff7f7;
}

.c-form-1__input--small input {
    width: 26.6666666667%;
}
@media screen and (max-width: 768px) {
    .c-form-1__input--small input {
        width: 44.776119403%;
    }
}
.c-form-1__tel {
    display: flex;
    align-items: center;
}
.c-form-1__tel-input {
    width: 150px;
}
@media screen and (max-width: 768px) {
    .c-form-1__tel-input {
        width: 28.3582089552%;
    }
}
.c-form-1__tel-input input {
    width: 100%;
    padding: 21px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1.125rem;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
    .c-form-1__tel-input input {
        padding: 4.5333333333vw;
        border-radius: 1.3333333333vw;
        font-size: 4.2666666667vw;
    }
}
.c-form-1__tel-input input::-moz-placeholder {
    color: #999;
}
.c-form-1__tel-input input::placeholder {
    color: #999;
}
.c-form-1__tel-input input::-moz-placeholder {
    opacity: 1;
}
.c-form-1__list.error .c-form-1__tel-input input {
    border-color: #e23838;
    background-color: #fff7f7;
}

.c-form-1__hyphen {
    margin: 0 8px;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-form-1__hyphen {
        margin: 0 1.0666666667vw;
        font-size: 4.2666666667vw;
    }
}
.c-form-1__term-help {
    width: 16px;
    margin-left: 5px;
}
@media screen and (min-width: 769px) {
    .c-form-1__term-help {
        transition: opacity 300ms;
    }
    .c-form-1__term-help:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-form-1__term-help {
        width: 4.2666666667vw;
        margin-left: 0.8vw;
    }
}
.c-form-1__term-help img {
    display: block;
    width: 100%;
}
.c-form-1__radio {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-form-1__radio {
        width: 100%;
    }
}
.c-form-1__radio--wide {
    flex-direction: column;
}
.c-form-1__radio-label {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 10px;
    cursor: pointer;
    font-size: 1.125rem;
    letter-spacing: 0.06em;
    max-height: 70px;
}
@media screen and (max-width: 768px) {
    .c-form-1__radio-label {
        width: 48.3582089552%;
        max-height: 16vw;
        margin-right: 3.2835820896%;
        font-size: 4.2666666667vw;
    }
}
.c-form-1__radio-label:last-of-type {
    margin-right: 0;
}
.c-form-1__list.error .c-form-1__radio-label {
    border-color: #e23838;
    background-color: #fff7f7;
}

.c-form-1__radio--wide .c-form-1__radio-label {
    margin-top: 10px;
    margin-right: 0;
    max-height: none;
}
@media screen and (max-width: 768px) {
    .c-form-1__radio--wide .c-form-1__radio-label {
        width: 100%;
        margin-right: 0;
        margin-top: 2.6666666667vw;
    }
}

.c-form-1__radio-input {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}
.c-form-1__radio-txt {
    position: relative;
    display: inline-block;
    width: 200px;
    padding: 21px 46px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    border: 1px solid #ccc;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-form-1__radio-txt {
        width: 100%;
        padding: 4.8vw 11.2vw;
        border-radius: 1.3333333333vw;
    }
}
.c-form-1__radio-txt::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 2px solid #ccc;
    border-radius: 50%;
}
@media screen and (max-width: 768px) {
    .c-form-1__radio-txt::before {
        left: 4vw;
        width: 5.8666666667vw;
        height: 5.8666666667vw;
        border-width: 0.5333333333vw;
    }
}
.c-form-1__radio-txt::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-color: #004198;
    border-radius: 50%;
    opacity: 0;
}
@media screen and (max-width: 768px) {
    .c-form-1__radio-txt::after {
        left: 5.3333333333vw;
        width: 3.2vw;
        height: 3.2vw;
    }
}
.c-form-1__radio-input:checked + .c-form-1__radio-txt {
    border-color: #004198;
    border-width: 2px;
}
@media screen and (max-width: 768px) {
    .c-form-1__radio-input:checked + .c-form-1__radio-txt {
        border-width: 0.5333333333vw;
    }
}
.c-form-1__radio-input:checked + .c-form-1__radio-txt::before {
    border-color: #004198;
}
.c-form-1__radio-input:checked + .c-form-1__radio-txt::after {
    opacity: 1;
}
.c-form-1__list.error .c-form-1__radio-txt {
    border-color: #e23838;
}

.c-form-1__radio--wide .c-form-1__radio-txt {
    width: 100%;
}

.c-form-1__check-box {
    margin-top: 7px;
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 768px) {
    .c-form-1__check-box {
        margin-top: 1.6vw;
    }
}
.c-form-1__check-box .c-checkbox-4 {
    margin-top: 15px;
}
@media screen and (max-width: 768px) {
    .c-form-1__check-box .c-checkbox-4 {
        margin-top: 1.8666666667vw;
    }
}
.c-form-1__check-box .c-checkbox-4:first-of-type {
    margin-top: 0;
}
.c-form-1__unit {
    margin-left: 10px;
    font-size: 1.125rem;
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
    .c-form-1__unit {
        margin-left: 1.8666666667vw;
        font-size: 4.2666666667vw;
    }
}
.c-form-1__unit--mgl-none {
    margin-left: 0 !important;
}
.c-form-1__unit--mgr-none {
    margin-right: 0 !important;
}
.c-form-1__date .c-form-1__unit {
    margin-right: 10px;
}
@media screen and (max-width: 768px) {
    .c-form-1__date .c-form-1__unit {
        margin-right: 1.8666666667vw;
    }
}
.c-form-1__txt {
    margin-top: 1.5em;
    font-size: 0.8125rem;
    line-height: 1.69;
    white-space: pre-line;
}
@media screen and (max-width: 768px) {
    .c-form-1__txt {
        font-size: 3.4666666667vw;
        line-height: 1.53;
    }
}
.c-form-1__txt:first-of-type {
    margin-top: 0;
}
.c-form-1__textarea {
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .c-form-1__textarea {
        margin-top: 2.6666666667vw;
    }
}
.c-form-1__textarea textarea {
    width: 100%;
    min-height: 250px;
    padding: 21px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1.125rem;
    letter-spacing: 0.06em;
    line-height: 1.77;
}
@media screen and (max-width: 768px) {
    .c-form-1__textarea textarea {
        min-height: 80vw;
        padding: 4.2666666667vw 4vw;
        border-radius: 1.3333333333vw;
        font-size: 4.2666666667vw;
    }
}
.c-form-1__list.error .c-form-1__textarea textarea {
    border-color: #e23838;
    background-color: #fff7f7;
}

.c-form-1__privacy {
    margin-top: 70px;
    padding: 24px 30px;
    background-color: #f0f3f5;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-form-1__privacy {
        margin-top: 8vw;
        padding: 5.9701492537%;
        border-radius: 1.3333333333vw;
    }
}
.c-form-1__privacy-unit {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-form-1__privacy-unit {
        margin-top: 5.3333333333vw;
    }
}
.c-form-1__privacy-unit:first-of-type {
    margin-top: 0;
}
.c-form-1__privacy-ttl {
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.6;
}
@media screen and (max-width: 768px) {
    .c-form-1__privacy-ttl {
        font-size: 3.7333333333vw;
        line-height: 1.9;
    }
}
.c-form-1__privacy-txt {
    font-size: 0.75rem;
    line-height: 1.67;
    letter-spacing: 0;
}
@media screen and (max-width: 768px) {
    .c-form-1__privacy-txt {
        font-size: 3.4666666667vw;
        line-height: 1.53;
    }
}
.c-form-1__privacy-item {
    font-size: 0.75rem;
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.67;
    letter-spacing: 0;
    word-break: break-all;
}
@media screen and (max-width: 768px) {
    .c-form-1__privacy-item {
        font-size: 3.4666666667vw;
        line-height: 1.53;
    }
}
.c-form-1__agree {
    margin-top: 50px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 768px) {
    .c-form-1__agree {
        margin-top: 9.3333333333vw;
    }
}
.c-form-1__check {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-form-1__check {
        margin-top: 4vw;
    }
}
.c-form-1__check:first-of-type {
    margin-top: 0;
}
.c-form-1__check-input {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}
.c-form-1__check-txt {
    position: relative;
    display: inline-block;
    padding-left: 31px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    font-size: 1rem;
    letter-spacing: 0;
}
@media screen and (max-width: 768px) {
    .c-form-1__check-txt {
        padding-left: 7.7333333333vw;
        font-size: 3.7333333333vw;
    }
}
.c-form-1__check-txt::before, .c-form-1__check-txt::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: inline-block;
}
.c-form-1__check-txt::before {
    top: 50%;
    left: 0;
    transform: translateY(-45%);
    width: 22px;
    height: 22px;
    border: 2px solid #ccc;
    border-radius: 2px;
}
@media screen and (max-width: 768px) {
    .c-form-1__check-txt::before {
        width: 5.8666666667vw;
        height: 5.8666666667vw;
        border-width: 0.5333333333vw;
        border-radius: 0.5333333333vw;
    }
}
.c-form-1__check-txt::after {
    top: 5px;
    left: 8px;
    width: 7px;
    height: 13px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotateZ(45deg);
    opacity: 0;
}
@media screen and (max-width: 768px) {
    .c-form-1__check-txt::after {
        top: 0.8vw;
        left: 1.8666666667vw;
        width: 1.8666666667vw;
        height: 3.4666666667vw;
    }
}
.c-form-1__check-input:checked + .c-form-1__check-txt::before {
    background-color: #004198;
    border-color: #004198;
}
.c-form-1__check-input:checked + .c-form-1__check-txt::after {
    opacity: 1;
}
.c-form-1__error {
    margin-top: 5px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #e23838;
}
@media screen and (max-width: 768px) {
    .c-form-1__error {
        margin-top: 1.3333333333vw;
        font-size: 3.4666666667vw;
    }
}
.c-form-1__answer {
    font-size: 1.25rem;
    white-space: pre-line;
}
@media screen and (max-width: 768px) {
    .c-form-1__answer {
        font-size: 4.8vw;
    }
}
.c-form-1__prefectures {
    position: relative;
    width: 370px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-form-1__prefectures {
        width: 100%;
        border-radius: 1.3333333333vw;
    }
}
.c-form-1__prefectures::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translateY(-50%);
    width: 15px;
    height: 9px;
    background: url(/lp/img/common/icon_arrow_black.svg) 0 0 no-repeat;
    background-size: contain;
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    .c-form-1__prefectures::before {
        right: 4vw;
        width: 4vw;
        height: 2.4vw;
    }
}
.c-form-1__list.error .c-form-1__prefectures {
    border-color: #e23838;
    background-color: #fff7f7;
}

.c-form-1__prefectures select {
    width: 100%;
    padding: 22px 21px;
    font-size: 1.125rem;
    color: inherit;
    letter-spacing: 0.06em;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .c-form-1__prefectures select {
        padding: 4.8vw 4.5333333333vw;
        font-size: 4.2666666667vw;
    }
}
.c-form-1__date {
    display: flex;
    align-items: center;
}
.c-form-1__date input {
    width: 100%;
    padding: 21px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1.125rem;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
    .c-form-1__date input {
        padding: 4.5333333333vw;
        border-radius: 1.3333333333vw;
        font-size: 4.2666666667vw;
    }
}
.c-form-1__list.error .c-form-1__date input {
    border-color: #e23838;
    background-color: #fff7f7;
}

.c-form-1__date-inner {
    display: flex;
    align-items: center;
}
.c-form-1__date-inner--year input {
    width: 200px;
}
@media screen and (max-width: 768px) {
    .c-form-1__date-inner--year input {
        width: 37.3333333333vw;
    }
}
.c-form-1__date-inner--month input {
    width: 120px;
}
@media screen and (max-width: 768px) {
    .c-form-1__date-inner--month input {
        width: 24vw;
    }
}
.c-form-1__form-ttl {
    padding-top: 120px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.06em;
    font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
    .c-form-1__form-ttl {
        padding-top: 21.3333333333vw;
        font-size: 4.8vw;
    }
}
.c-form-1__bnr-link {
    display: block;
    margin-top: 20px;
}
@media screen and (min-width: 769px) {
    .c-form-1__bnr-link {
        transition: opacity 300ms;
    }
    .c-form-1__bnr-link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-form-1__bnr-link {
        margin-top: 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-form-partnumber
--------------------------------------------- */
.c-form-partnumber {
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px;
    padding: 0 40px;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber {
        padding: 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .c-form-partnumber {
        padding: 0;
    }
}
.c-form-partnumber--adjust-mgt {
    margin-top: 90px;
}
@media screen and (max-width: 1280px) {
    .c-form-partnumber--adjust-mgt {
        margin-top: 7.5%;
    }
}
@media screen and (max-width: 768px) {
    .c-form-partnumber--adjust-mgt {
        margin-top: 16%;
    }
}
.c-form-partnumber--repair {
    margin-top: 45px;
    padding: 0;
}
.c-form-partnumber__container {
    position: relative;
    padding: 60px 120px 66px 120px;
    background-color: #f0f3f5;
    border-radius: 5px;
}
@media screen and (max-width: 1280px) {
    .c-form-partnumber__container {
        padding: 5% 10% 5.5% 10%;
    }
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__container {
        padding: 16% 5.3333333333% 12% 5.3333333333%;
        border-radius: 1.3333333333vw;
    }
}
.c-form-partnumber__head {
    text-align: center;
}
.c-form-partnumber__body {
    margin-top: 42px;
}
@media screen and (max-width: 1280px) {
    .c-form-partnumber__body {
        margin-top: 3.5%;
    }
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__body {
        margin-top: 8.9552238806%;
    }
}
.c-form-partnumber__row {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__row {
        flex-direction: column;
        row-gap: 3.4666666667vw;
    }
}
.c-form-partnumber__column {
    width: 48.9583333333%;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__column {
        width: 100%;
    }
}
.c-form-partnumber__column--wide {
    width: 100%;
}
.c-form-partnumber__flex-wrap {
    display: flex;
    align-items: center;
}
.c-form-partnumber__spacer {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    margin-top: 42px;
    margin-bottom: 36px;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__spacer {
        margin-top: 7.4666666667vw;
        margin-bottom: 6.9333333333vw;
    }
}
.c-form-partnumber__spacer:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 100%;
    height: 1px;
    transform: translate(-50%, -50%);
    background-color: #ddd;
}
.c-form-partnumber__spacer-txt {
    display: inline-block;
    padding: 0 0.2em;
    font-size: 0.875rem;
    background-color: #f0f3f5;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__spacer-txt {
        font-size: 3.7333333333vw;
    }
}
.c-form-partnumber__input-txt {
    display: block;
    padding-left: 20px;
    padding-right: 50px;
    width: 100%;
    height: 70px;
    letter-spacing: 0.06em;
    color: inherit;
    font-size: 1.125rem;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__input-txt {
        padding-left: 4vw;
        padding-right: 13.3333333333vw;
        height: 16vw;
        font-size: 4.2666666667vw;
        border-radius: 1.3333333333vw;
    }
}
.c-form-partnumber__input-select {
    position: relative;
    display: block;
    padding-left: 20px;
    padding-right: 50px;
    width: 100%;
    height: 70px;
    color: inherit;
    letter-spacing: 0.06em;
    font-size: 1.125rem;
    background: #fff url(/lp/img/common/icon_arrow_black.svg) 0 0 no-repeat;
    background-size: 15px auto;
    background-position: right 19px center;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__input-select {
        padding-left: 4vw;
        padding-right: 13.3333333333vw;
        height: 16vw;
        font-size: 4.2666666667vw;
        border-radius: 1.3333333333vw;
        background-size: 4vw auto;
        background-position: right 3.7333333333vw center;
    }
}
.c-form-partnumber__input-spacer {
    padding: 0 6px;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__input-spacer {
        padding: 0 1.0666666667vw;
        font-size: 4.2666666667vw;
    }
}
.c-form-partnumber__label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__label {
        margin-bottom: 1.3333333333vw;
        font-size: 3.7333333333vw;
    }
}
.c-form-partnumber__ttl {
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__ttl {
        font-size: 5.3333333333vw;
    }
}
.c-form-partnumber__lead {
    margin-top: 15px;
    line-height: 1.75;
    letter-spacing: 0.06em;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__lead {
        text-align: left;
        line-height: 1.86;
        font-size: 4vw;
    }
}
.c-form-partnumber__submit {
    display: block;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 13px 1em;
    width: 300px;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #333;
    border-radius: 80px;
}
@media screen and (min-width: 769px) {
    .c-form-partnumber__submit {
        transition: opacity 300ms;
    }
    .c-form-partnumber__submit:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__submit {
        margin-top: 8vw;
        width: 66.6666666667vw;
        padding: 3.2% 1em;
        font-size: 4vw;
    }
}
.c-form-partnumber__submit--disabled {
    color: #eee;
    background-color: #999;
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__submit--narrow-sp {
        width: 58.6666666667vw;
    }
}
.c-form-partnumber__submit--contact {
    margin-top: 33px;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__submit--contact {
        margin-top: 8vw;
        width: 100%;
        height: 13.3333333333vw;
    }
}
.c-form-partnumber__result {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 85px;
    padding: 30px;
    background-color: #fff;
    border-radius: 5px;
}
@media screen and (max-width: 1280px) {
    .c-form-partnumber__result {
        padding: 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__result {
        margin-top: 20.5333333333vw;
        padding: 5.9701492537%;
        border-radius: 1.3333333333vw;
    }
}
.c-form-partnumber__result::before {
    display: block;
    content: "";
    position: absolute;
    top: -55px;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 25px;
    background-color: #ddd;
    -webkit-clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
            clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__result::before {
        top: -14.6666666667vw;
        width: 26.6666666667vw;
        height: 5.3333333333vw;
    }
}
.c-form-partnumber__desc--no-result {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 240px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__desc--no-result {
        text-align: left;
        min-height: 42.6666666667vw;
    }
}
.c-form-partnumber__img {
    width: 220px;
    margin-right: 40px;
    padding: 30px;
    border-radius: 5px;
    flex: none;
    background-color: #f6f6f8;
}
@media screen and (max-width: 1280px) {
    .c-form-partnumber__img {
        width: 24.4444444444%;
        margin-right: 4.4444444444%;
        padding: 3.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__img {
        width: 40.6779661017%;
        margin-right: 5.4237288136%;
        padding: 5.4237288136%;
        border-radius: 1.3333333333vw;
    }
}
.c-form-partnumber__name {
    font-size: 1.125rem;
    font-weight: bold;
    white-space: pre-line;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__name {
        font-size: 3.4666666667vw;
    }
}
.c-form-partnumber__num {
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__num {
        font-size: 3.2vw;
    }
}
.c-form-partnumber__price {
    margin-top: 10px;
    font-size: 1rem;
    font-weight: bold;
    color: #e23838;
    line-height: 1.875;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber__price {
        margin-top: 1.3333333333vw;
        font-size: 4.2666666667vw;
    }
}
.c-form-partnumber__price--black {
    color: #333;
    font-weight: normal;
}
.c-form-partnumber__price-num {
    white-space: pre-wrap;
    font-family: century-gothic, sans-serif;
}

/*  c-form-partnumber-result
--------------------------------------------- */
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__container {
        padding: 0 5.3333333333%;
    }
}
.c-form-partnumber-out-result__arrow {
    display: block;
    margin-top: 50px;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
    width: 120px;
    height: 25px;
    background-color: #ddd;
    -webkit-clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
            clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__arrow {
        margin-top: 10.6666666667vw;
        margin-bottom: 5.3333333333vw;
        width: 26.6666666667vw;
        height: 5.3333333333vw;
    }
}
.c-form-partnumber-out-result__box {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 50px;
    padding: 40px 30px;
}
@media screen and (max-width: 1280px) {
    .c-form-partnumber-out-result__box {
        padding: 40px 2.5%;
    }
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__box {
        display: block;
        margin-top: 10.6666666667vw;
        padding: 8vw 0;
    }
}
.c-form-partnumber-out-result--business .c-form-partnumber-out-result__box {
    padding: 40px 0;
}
@media screen and (max-width: 1280px) {
    .c-form-partnumber-out-result--business .c-form-partnumber-out-result__box {
        padding: 40px 0;
    }
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result--business .c-form-partnumber-out-result__box {
        display: block;
        margin-top: 10.6666666667vw;
        padding: 8vw 0;
    }
}
.c-form-partnumber-out-result__left {
    display: flex;
    align-items: center;
    width: 50%;
    gap: 0 40px;
}
@media screen and (max-width: 1280px) {
    .c-form-partnumber-out-result__left {
        gap: 0 7.0175438596%;
    }
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__left {
        width: 100%;
        gap: 0 4.4776119403%;
    }
}
.c-form-partnumber-out-result--business .c-form-partnumber-out-result__left {
    gap: 0 30px;
}
@media screen and (max-width: 1280px) {
    .c-form-partnumber-out-result--business .c-form-partnumber-out-result__left {
        gap: 0 5%;
    }
}
.c-form-partnumber-out-result__img-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    background-color: #f6f6f8;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__img-box {
        border-radius: 1.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__img-box {
        width: 35.8208955224%;
    }
}
.c-form-partnumber-out-result__img-box--white {
    background-color: #fff;
}
.c-form-partnumber-out-result__img-box img {
    padding-top: 12.8%;
    padding-bottom: 12.8%;
    width: 74%;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__img-box img {
        padding-top: 12.5%;
        padding-bottom: 12.5%;
        width: 75%;
    }
}
.c-form-partnumber-out-result--business .c-form-partnumber-out-result__img-box img {
    padding-top: 0%;
    padding-bottom: 0%;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result--business .c-form-partnumber-out-result__img-box img {
        padding-top: 0%;
        padding-bottom: 0%;
        width: 100%;
    }
}
.c-form-partnumber-out-result__ttl {
    line-height: 1.63;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.375rem;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__ttl {
        line-height: 1.73;
        font-size: 4vw;
    }
}
.c-form-partnumber-out-result__txt {
    margin-top: 5px;
    font-family: century-gothic, sans-serif;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__txt {
        margin-top: 0px;
        line-height: 1.2;
        font-size: 3.7333333333vw;
    }
}
.c-form-partnumber-out-result__note {
    text-align: right;
    margin-top: 12px;
    font-family: century-gothic, sans-serif;
    font-size: 0.75rem;
    white-space: pre-wrap;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__note {
        text-align: left;
        margin-top: 10px;
        line-height: 1.2;
        font-size: 3.7333333333vw;
    }
}
.c-form-partnumber-out-result__right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    width: 50%;
    gap: 10px;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__right {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__right {
        flex-direction: column;
        margin-top: 4.2666666667vw;
        gap: 5.3333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-form-partnumber-out-result--business .c-form-partnumber-out-result__right {
        gap: 18px;
    }
}
.c-form-partnumber-out-result__btn-wrap {
    max-width: 300px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__btn-wrap {
        max-width: none;
        width: 100%;
    }
}
@media screen and (min-width: 769px) {
    .c-form-partnumber-out-result--business .c-form-partnumber-out-result__btn-wrap {
        max-width: 100%;
    }
}
@media screen and (min-width: 769px) {
    .c-form-partnumber-out-result--business .c-form-partnumber-out-result__btn-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px 20px;
    }
}
.c-form-partnumber-out-result__list-ttl {
    margin-bottom: 10px;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__list-ttl {
        margin-bottom: 10px;
        font-size: 4vw;
    }
}
.c-form-partnumber-out-result__btn-item {
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__btn-item {
        margin-top: 2.1333333333vw;
    }
}
.c-form-partnumber-out-result__btn-item:first-of-type {
    margin-top: 0;
}
@media screen and (min-width: 769px) {
    .c-form-partnumber-out-result--business .c-form-partnumber-out-result__btn-item {
        margin-top: 0;
    }
}
.c-form-partnumber-out-result__btn {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    width: 100%;
    min-height: 50px;
    background-color: #333;
    border-radius: 5px;
}
@media screen and (min-width: 769px) {
    .c-form-partnumber-out-result__btn {
        transition: opacity 300ms;
    }
    .c-form-partnumber-out-result__btn:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__btn {
        padding: 2.6666666667vw 4vw;
        border-radius: 1.3333333333vw;
    }
}
.c-form-partnumber-out-result__btn-txt {
    position: relative;
    padding-right: 28px;
    padding-bottom: 1px;
    color: #fff;
    font-weight: bold;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__btn-txt {
        padding-right: 7.4666666667vw;
        font-size: 3.7333333333vw;
    }
}
.c-form-partnumber-out-result__btn-txt--download:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 23px;
    height: 19px;
    background: url(/lp/img/common/icon_dl-white.svg) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
    content: "";
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__btn-txt--download:after {
        width: 6.1333333333vw;
        height: 5.0666666667vw;
    }
}
.c-form-partnumber-out-result__noresult-box {
    padding: 0 30px 40px 30px;
    text-align: center;
}
@media screen and (max-width: 1280px) {
    .c-form-partnumber-out-result__noresult-box {
        padding: 0 2.5% 40px 2.5%;
    }
}
@media screen and (max-width: 768px) {
    .c-form-partnumber-out-result__noresult-box {
        padding: 0vw 0 5.3333333333vw 0;
    }
}

/* ---------------------------------------------
*   c-img
--------------------------------------------- */
.c-img img {
    width: 100%;
}
.c-img--alcohol-maintenance-1 {
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
}
@media screen and (max-width: 768px) {
    .c-img--alcohol-maintenance-1 {
        margin-top: 20px;
        max-width: 85.0746268657%;
    }
}
.c-img--alcohol-maintenance-2 {
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}
@media screen and (max-width: 768px) {
    .c-img--alcohol-maintenance-2 {
        margin-top: 8vw;
        max-width: 85.0746268657%;
    }
}
.c-img--alcohol-maintenance-3 {
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    max-width: 680px;
}
@media screen and (max-width: 768px) {
    .c-img--alcohol-maintenance-3 {
        margin-top: 2.1333333333vw;
    }
}

/* ---------------------------------------------
*   c-img
--------------------------------------------- */
/* ---------------------------------------------
*   c-item-1
--------------------------------------------- */
.c-item-1 {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
}
.c-item-1--healthmeter {
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 768px) {
    .c-item-1--healthmeter {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-item-1--alcohol-top {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-item-1--wbgt-top {
        width: 100%;
    }
}
.c-item-1__img {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-item-1__img {
        width: 81.25%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 768px) {
    .c-item-1--column-1 .c-item-1__img {
        width: 53.3333333333%;
    }
}
.c-item-1--column-1 .c-item-1__img img {
    width: 100%;
}
.c-item-1--healthmeter .c-item-1__img {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 768px) {
    .c-item-1--healthmeter .c-item-1__img {
        max-width: none;
    }
}
@media screen and (max-width: 768px) {
    .c-item-1--alcohol .c-item-1__img {
        text-align: center;
        width: 91.875%;
    }
}
.c-item-1--alcohol .c-item-1__img img {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-item-1--alcohol-top .c-item-1__img {
        text-align: center;
        width: 68.6567164179%;
    }
}
.c-item-1--alcohol-top .c-item-1__img img {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-item-1--wbgt .c-item-1__img {
        text-align: center;
        width: 91.875%;
    }
}
.c-item-1--wbgt .c-item-1__img img {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-item-1--wbgt-top .c-item-1__img {
        text-align: center;
        width: 68.6567164179%;
    }
}
.c-item-1--wbgt-top .c-item-1__img img {
    width: 100%;
}
.c-item-1__info {
    max-width: 300px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 25px;
    text-align: center;
    line-height: 1.35;
}
@media screen and (max-width: 768px) {
    .c-item-1__info {
        max-width: none;
        margin-top: 4.8vw;
        margin-bottom: 6.6666666667vw;
    }
}
.c-item-1--alcohol .c-item-1__info {
    margin-top: 28px;
    margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
    .c-item-1--alcohol .c-item-1__info {
        margin-top: 5.3333333333vw;
        margin-bottom: 2.1333333333vw;
    }
}
.c-item-1--alcohol-top .c-item-1__info {
    margin-top: 28px;
    margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
    .c-item-1--alcohol-top .c-item-1__info {
        margin-top: 4vw;
        margin-bottom: 5.3333333333vw;
    }
}
.c-item-1--wbgt .c-item-1__info {
    margin-top: 28px;
    margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
    .c-item-1--wbgt .c-item-1__info {
        margin-top: 5.3333333333vw;
        margin-bottom: 2.1333333333vw;
    }
}
.c-item-1--wbgt-top .c-item-1__info {
    margin-top: 28px;
    margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
    .c-item-1--wbgt-top .c-item-1__info {
        margin-top: 4vw;
        margin-bottom: 5.3333333333vw;
    }
}
.c-item-1__name {
    font-size: 0.9375rem;
    letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
    .c-item-1__name {
        font-size: 3.2vw;
    }
}
@media screen and (max-width: 768px) {
    .c-item-1--column-1 .c-item-1__name {
        font-size: 3.7333333333vw;
    }
}
.c-item-1--alcohol .c-item-1__name {
    line-height: 1.3;
}
.c-item-1--alcohol-top .c-item-1__name {
    line-height: 1.3;
}
.c-item-1--wbgt .c-item-1__name {
    line-height: 1.3;
}
.c-item-1--wbgt-top .c-item-1__name {
    line-height: 1.3;
}
.c-item-1__model {
    font-size: 1.625rem;
    font-weight: bold;
    line-height: 1.22;
    letter-spacing: 0;
    font-family: century-gothic, sans-serif;
}
@media screen and (max-width: 768px) {
    .c-item-1__model {
        font-size: 4.8vw;
    }
}
@media screen and (max-width: 768px) {
    .c-item-1--column-1 .c-item-1__model {
        font-size: 6.9333333333vw;
    }
}
.c-item-1--alcohol .c-item-1__model {
    line-height: 1.22;
}
.c-item-1--alcohol-top .c-item-1__model {
    line-height: 1.22;
}
.c-item-1--wbgt .c-item-1__model {
    line-height: 1.22;
}
.c-item-1--wbgt-top .c-item-1__model {
    line-height: 1.22;
}
.c-item-1__function-list {
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(auto-fit, 65px);
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-item-1__function-list {
        grid-template-columns: repeat(auto-fit, 14.1333333333vw);
        margin-top: 2.9850746269%;
    }
}
@media screen and (max-width: 768px) {
    .c-item-1--column-1 .c-item-1__function-list {
        grid-template-columns: repeat(auto-fit, 17.3333333333vw);
    }
}
.c-item-1--alcohol .c-item-1__function-list {
    margin-top: 10px;
    grid-template-columns: repeat(auto-fit, 65px);
}
@media screen and (max-width: 768px) {
    .c-item-1--alcohol .c-item-1__function-list {
        margin-top: 2.9333333333vw;
        grid-template-columns: repeat(auto-fit, 14.1333333333vw);
        justify-content: flex-start;
    }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
    .windows .c-item-1--alcohol .c-item-1__function-list {
        grid-template-columns: repeat(auto-fit, 13.3333333333vw);
    }
}
.c-item-1--alcohol-top .c-item-1__function-list {
    margin-top: 10px;
    grid-template-columns: repeat(auto-fit, 65px);
}
@media screen and (max-width: 768px) {
    .c-item-1--alcohol-top .c-item-1__function-list {
        margin-top: 2.9333333333vw;
        grid-template-columns: repeat(auto-fit, 22.1333333333vw);
        justify-content: flex-start;
    }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
    .windows .c-item-1--alcohol-top .c-item-1__function-list {
        grid-template-columns: repeat(auto-fit, 21.3333333333vw);
    }
}
.c-item-1--wbgt .c-item-1__function-list {
    margin-top: 10px;
    grid-template-columns: repeat(auto-fit, 65px);
}
@media screen and (max-width: 768px) {
    .c-item-1--wbgt .c-item-1__function-list {
        margin-top: 2.9333333333vw;
        grid-template-columns: repeat(auto-fit, 14.1333333333vw);
        justify-content: flex-start;
    }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
    .windows .c-item-1--wbgt .c-item-1__function-list {
        grid-template-columns: repeat(auto-fit, 13.3333333333vw);
    }
}
.c-item-1--wbgt-top .c-item-1__function-list {
    margin-top: 10px;
    grid-template-columns: repeat(auto-fit, 65px);
}
@media screen and (max-width: 768px) {
    .c-item-1--wbgt-top .c-item-1__function-list {
        margin-top: 2.9333333333vw;
        grid-template-columns: repeat(auto-fit, 22.1333333333vw);
        justify-content: flex-start;
    }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
    .windows .c-item-1--wbgt-top .c-item-1__function-list {
        grid-template-columns: repeat(auto-fit, 21.3333333333vw);
    }
}
.c-item-1__function-item {
    width: 65px;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .c-item-1__function-item {
        margin-bottom: 0;
        width: 14.1333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-item-1--column-1 .c-item-1__function-item {
        width: 17.3333333333vw;
    }
}
.c-item-1--alcohol .c-item-1__function-item {
    margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
    .c-item-1--alcohol .c-item-1__function-item {
        margin-bottom: 2.1333333333vw;
        width: 14.1333333333vw;
    }
}
.c-item-1--alcohol-top .c-item-1__function-item {
    margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
    .c-item-1--alcohol-top .c-item-1__function-item {
        margin-bottom: 2.1333333333vw;
        width: 22.1333333333vw;
    }
}
.c-item-1--wbgt .c-item-1__function-item {
    margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
    .c-item-1--wbgt .c-item-1__function-item {
        margin-bottom: 2.1333333333vw;
        width: 14.1333333333vw;
    }
}
.c-item-1--wbgt-top .c-item-1__function-item {
    margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
    .c-item-1--wbgt-top .c-item-1__function-item {
        margin-bottom: 2.1333333333vw;
        width: 22.1333333333vw;
    }
}
.c-item-1__icon {
    width: 50px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 768px) {
    .c-item-1__icon {
        width: 66.0377358491%;
    }
}
@media screen and (max-width: 768px) {
    .c-item-1--column-1 .c-item-1__icon {
        width: 76.9230769231%;
    }
}
.c-item-1--alcohol .c-item-1__icon {
    width: 42px;
}
@media screen and (max-width: 768px) {
    .c-item-1--alcohol .c-item-1__icon {
        width: 75%;
    }
}
.c-item-1--alcohol-top .c-item-1__icon {
    width: 42px;
}
@media screen and (max-width: 768px) {
    .c-item-1--alcohol-top .c-item-1__icon {
        width: 48.1927710843%;
    }
}
.c-item-1--wbgt .c-item-1__icon {
    width: 42px;
}
@media screen and (max-width: 768px) {
    .c-item-1--wbgt .c-item-1__icon {
        width: 75%;
    }
}
.c-item-1--wbgt-top .c-item-1__icon {
    width: 42px;
}
@media screen and (max-width: 768px) {
    .c-item-1--wbgt-top .c-item-1__icon {
        width: 48.1927710843%;
    }
}
.c-item-1__icon img {
    width: 100%;
}
.c-item-1__function-txt {
    margin-top: 5px;
    font-size: 0.625rem;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0;
}
@media screen and (max-width: 768px) {
    .c-item-1__function-txt {
        margin-top: 7.6923076923%;
        font-size: 2.4vw;
    }
}
@media screen and (max-width: 768px) {
    .c-item-1--column-1 .c-item-1__function-txt {
        font-size: 2.6666666667vw;
    }
}
.c-item-1__medical {
    position: absolute;
    top: -49px;
    right: -28px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #004198;
    text-align: center;
    border: 1px solid #004198;
    border-radius: 50%;
    line-height: 1.2;
    background-color: #fff;
}
@media screen and (max-width: 1200px) {
    .c-item-1__medical {
        right: -18px;
        width: 60px;
        height: 60px;
        font-size: 0.75rem;
    }
}
@media screen and (max-width: 768px) {
    .c-item-1__medical {
        top: -2.6666666667vw;
        right: 2px;
        width: 14.6666666667vw;
        height: 14.6666666667vw;
        font-size: 2.6666666667vw;
    }
}
.c-item-1__medical--low {
    top: -32px;
    right: -50px;
}
@media screen and (max-width: 768px) {
    .c-item-1__medical--low {
        width: 17.3333333333vw;
        height: 17.3333333333vw;
        top: -6.4vw;
        right: 8vw;
        font-size: 3.2vw;
    }
}
.c-item-1 .c-btn-11 {
    margin-top: auto;
}

/* ---------------------------------------------
*   c-item-pagination
--------------------------------------------- */
.c-item-pagination {
    display: flex;
    justify-content: center;
}
.c-item-pagination__list {
    display: flex;
    align-items: center;
}
.c-item-pagination__prev {
    margin-right: 20px;
}
.c-item-pagination__next {
    margin-left: 20px;
}
.c-item-pagination__arrow-link {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    background-color: #333;
    border-radius: 5px;
}
@media screen and (min-width: 769px) {
    .c-item-pagination__arrow-link {
        transition: opacity 300ms;
    }
    .c-item-pagination__arrow-link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-item-pagination__arrow-link {
        width: 13.3333333333vw;
        height: 13.3333333333vw;
        background-color: #fff;
    }
}
@media screen and (max-width: 768px) {
    .c-item-pagination__prev .c-item-pagination__arrow-link {
        border-right: 1px solid #ddd;
        border-radius: 1.3333333333vw 0 0 1.3333333333vw;
    }
}
.c-item-pagination__prev .c-item-pagination__arrow-link:after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(50% - 1px);
    width: 9px;
    height: 15px;
    background: url(/lp/img/common/icon_arrow-pagination.svg) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translate(-50%, -50%) rotate(0deg);
}
@media screen and (max-width: 768px) {
    .c-item-pagination__prev .c-item-pagination__arrow-link:after {
        width: 4vw;
        height: 2.6666666667vw;
        background-image: url(/lp/img/common/icon_arrow_black.svg);
        transform: translate(-50%, -50%) rotate(90deg);
    }
}
@media screen and (max-width: 768px) {
    .c-item-pagination__next .c-item-pagination__arrow-link {
        border-left: 1px solid #ddd;
        border-radius: 0 1.3333333333vw 1.3333333333vw 0;
    }
}
.c-item-pagination__next .c-item-pagination__arrow-link:after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(50% + 1px);
    width: 9px;
    height: 15px;
    background: url(/lp/img/common/icon_arrow-pagination.svg) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translate(-50%, -50%) rotate(180deg);
}
@media screen and (max-width: 768px) {
    .c-item-pagination__next .c-item-pagination__arrow-link:after {
        width: 4vw;
        height: 2.6666666667vw;
        background-image: url(/lp/img/common/icon_arrow_black.svg);
        transform: translate(-50%, -50%) rotate(-90deg);
    }
}
.c-item-pagination__link {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 45px;
    opacity: 0.3;
    line-height: 1.22;
    letter-spacing: 0.04em;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (min-width: 769px) {
    .c-item-pagination__link {
        transition: opacity 300ms;
    }
    .c-item-pagination__link:hover {
        opacity: 0.8;
    }
}
.c-item-pagination__link--current {
    opacity: 1 !important;
    pointer-events: none;
}
.c-item-pagination__link--dot {
    opacity: 0.3 !important;
}
.c-item-pagination__box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 1.3333333333vw;
    overflow: hidden;
}
.c-item-pagination__counter-txt {
    line-height: 1.2;
    letter-spacing: 0.04em;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    font-size: 4.2666666667vw;
}

/* ---------------------------------------------
*   c-item-pdf-reader
--------------------------------------------- */
.c-item-pdf-reader {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 80px;
}
@media screen and (max-width: 768px) {
    .c-item-pdf-reader {
        display: block;
        margin-top: 18.6666666667vw;
    }
}
.c-item-pdf-reader--has-bdt {
    margin-top: 80px;
    padding-top: 30px;
    border-top: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-item-pdf-reader--has-bdt {
        margin-top: 16vw;
        padding-top: 8vw;
    }
}
.c-item-pdf-reader--border-none {
    margin-top: 0 !important;
    border-top: none;
}
.c-item-pdf-reader__link {
    display: block;
    margin-left: 30px;
    min-width: 162px;
    width: 162px;
}
@media screen and (min-width: 769px) {
    .c-item-pdf-reader__link {
        transition: opacity 300ms;
    }
    .c-item-pdf-reader__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-item-pdf-reader__link {
        margin-top: 3.7333333333vw;
        margin-left: 0;
        min-width: 43.2vw;
        width: 43.2vw;
    }
}
.c-item-pdf-reader__ttl {
    margin-bottom: 10px;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 0.8125rem;
}
@media screen and (max-width: 768px) {
    .c-item-pdf-reader__ttl {
        margin-bottom: 1.8666666667vw;
        font-size: 3.4666666667vw;
    }
}
.c-item-pdf-reader__txt {
    line-height: 1.66;
    letter-spacing: 0.06em;
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-item-pdf-reader__txt {
        font-size: 3.2vw;
    }
}

/*  c-item-spinner
--------------------------------------------- */
.c-item-spinner {
    position: relative;
    width: auto;
    height: 0;
    pointer-events: none;
}
.c-item-spinner--cover {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
}
.c-item-spinner__item {
    position: absolute;
    top: 0;
    left: 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: solid 4px;
    border-color: #000000 rgba(0, 0, 0, 0.062745098) rgba(0, 0, 0, 0.062745098);
    position: relative;
    animation-name: spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform: translateX(-50%);
}
.c-item-spinner--cover .c-item-spinner__item {
    top: 50%;
    animation-name: spin-cover;
    transform: translate(-50%, -50%);
}

@keyframes spin {
    to {
        transform: translate(-50%) rotate(360deg);
    }
}
@keyframes spin-cover {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
/* ---------------------------------------------
*   c-kv-top
--------------------------------------------- */
.c-kv-top {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.c-kv-top__container {
    position: relative;
    max-width: 1200px;
    min-height: 540px;
    padding-bottom: 34px;
    margin-inline: auto;
    overflow: visible;
}
@media screen and (max-width: 768px) {
    .c-kv-top__container {
        aspect-ratio: initial;
    }
}
.c-kv-top__slide {
    width: 100%;
    height: 100%;
}
.c-kv-top__slide .swiper-slide {
    height: auto;
}
.c-kv-top__link {
    display: block;
    width: 100%;
    height: 100%;
}
.c-kv-top__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-kv-top__img--type2 {
    width: 100%;
    height: 100%;
    aspect-ratio: 3/1;
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 1200px) {
    .c-kv-top__img--type2 {
        aspect-ratio: 375/520;
    }
}
.c-kv-top__img--type2 img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1200px) {
    .c-kv-top__img--type2 img {
        -o-object-fit: cover;
           object-fit: cover;
    }
}
.c-kv-top__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-kv-top__inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
.c-kv-top__logo {
    width: 400px;
}
@media screen and (max-width: 1280px) {
    .c-kv-top__logo {
        width: 27.7777777778%;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-top__logo {
        width: 64%;
    }
}
.c-kv-top__lead {
    margin-top: 23px;
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
}
@media screen and (max-width: 1280px) {
    .c-kv-top__lead {
        font-size: 2.5vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-top__lead {
        margin-top: 3.4666666667vw;
        font-size: 4.8vw;
    }
}
.c-kv-top:has(.c-kv-top__img--type2) {
    background-color: #fff;
}

/* ---------------------------------------------
*   c-kv-1
--------------------------------------------- */
.c-kv-1 {
    position: relative;
    width: 100%;
    background-color: #000;
}
.c-kv-1__container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1em;
    max-height: 450px;
    height: 31.25vw;
}
@media screen and (max-width: 768px) {
    .c-kv-1__container {
        max-height: none;
        height: 146.6666666667vw;
        padding: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-1--contact .c-kv-1__container {
        height: 120vw;
    }
}

@media screen and (min-width: 769px) {
    .c-kv-1--magazine-index .c-kv-1__container {
        max-width: 1280px;
        height: 378px;
        margin: 0 auto;
        padding-inline: 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-1--magazine-index .c-kv-1__container {
        height: 131.2vw;
        flex-direction: column;
    }
}

.c-kv-1--magazine-cat-large .c-kv-1__container {
    height: 230px;
}
@media screen and (max-width: 768px) {
    .c-kv-1--magazine-cat-large .c-kv-1__container {
        height: 68.2666666667vw;
    }
}

.c-kv-1--magazine-cat-middle .c-kv-1__container {
    height: 160px;
}
@media screen and (max-width: 768px) {
    .c-kv-1--magazine-cat-middle .c-kv-1__container {
        height: 51.7333333333vw;
    }
}

.c-kv-1__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}
.c-kv-1--contact .c-kv-1__img {
    opacity: 0.4;
}

.c-kv-1__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
@media screen and (min-width: 769px) {
    .c-kv-1--magazine-cat-large .c-kv-1__img img, .c-kv-1--magazine-cat-middle .c-kv-1__img img {
        -o-object-position: top;
           object-position: top;
    }
}

.c-kv-1__inner {
    position: relative;
    text-align: center;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .c-kv-1__inner {
        padding: 0 5.3333333333%;
    }
}
@media screen and (min-width: 769px) {
    .c-kv-1--magazine-index .c-kv-1__inner {
        width: 50%;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-1--magazine-index .c-kv-1__inner {
        margin-top: 7.4666666667%;
    }
}
.c-kv-1__ttl-sub {
    display: block;
    font-size: 0.9375rem;
    font-weight: bold;
    font-family: century-gothic, sans-serif;
}
@media screen and (max-width: 768px) {
    .c-kv-1__ttl-sub {
        font-size: 3.4666666667vw;
    }
}
.c-kv-1__ttl-main {
    display: block;
    font-size: 3.375rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-kv-1__ttl-main {
        font-size: 9.0666666667vw;
    }
}
@media screen and (min-width: 769px) {
    .c-kv-1--magazine-index .c-kv-1__ttl-main {
        font-size: 3.125rem;
        letter-spacing: 0.05em;
    }
}
@media screen and (min-width: 769px) and (max-width: 840px) {
    .c-kv-1--magazine-index .c-kv-1__ttl-main {
        font-size: 5.9523809524vw;
        white-space: nowrap;
    }
}

@media screen and (min-width: 769px) {
    .c-kv-1--magazine-cat-large .c-kv-1__ttl-main, .c-kv-1--magazine-cat-middle .c-kv-1__ttl-main {
        font-size: 2.875rem;
        letter-spacing: 0.05em;
    }
}

.c-kv-1__lead {
    margin-top: 20px;
    font-size: 1rem;
    line-height: 2;
    white-space: pre-wrap;
}
@media screen and (max-width: 768px) {
    .c-kv-1__lead {
        margin-top: 4.8vw;
        font-size: 4vw;
        text-align: left;
        line-height: 1.73;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-1--magazine-index .c-kv-1__lead {
        margin-top: 3.7333333333%;
        line-height: 1.6;
        letter-spacing: 0.02em;
    }
}

@media screen and (min-width: 769px) {
    .c-kv-1--magazine-cat-large .c-kv-1__lead {
        margin-top: 8px;
    }
}

.c-kv-1__lead a {
    background: linear-gradient(0deg, #fff 5%, transparent 5%);
}
@media screen and (max-width: 768px) {
    .c-kv-1__lead a {
        white-space: nowrap;
    }
}
@media screen and (min-width: 769px) {
    .c-kv-1__lead a:hover {
        background: none;
    }
}

/* ---------------------------------------------
*   c-kv-3
--------------------------------------------- */
.c-kv-3 {
    position: relative;
    width: 100%;
    background-color: #000;
}
.c-kv-3--magazine-detail {
    margin-top: 40px;
}
@media screen and (max-width: 1000px) {
    .c-kv-3--magazine-detail {
        margin-top: 0;
    }
}
.c-kv-3__container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 550px;
    height: 38.1944444444vw;
    z-index: 1;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-kv-3__container {
        max-height: none;
        height: auto;
        padding-top: 91.2%;
        padding-bottom: 13.3333333333%;
    }
}
@media screen and (min-width: 769px) {
    .c-kv-3--magazine-detail .c-kv-3__container {
        height: 360px;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-3--magazine-detail .c-kv-3__container {
        align-items: flex-end;
        min-height: 106.4vw;
        padding-top: 41.6%;
        padding-bottom: 5.8666666667%;
    }
}

.c-kv-3__bg {
    position: absolute;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    opacity: 0.6;
    z-index: -1;
    filter: blur(20px);
}
.c-kv-3__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
.c-kv-3__inner {
    position: relative;
    max-width: 730px;
    width: 50.6944444444vw;
    margin-right: 40px;
    margin-left: 120px;
    color: #fff;
    z-index: 1;
}
@media screen and (max-width: 1280px) {
    .c-kv-3__inner {
        margin-right: 2.7777777778vw;
        margin-left: 8.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-3__inner {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        padding: 0 5.3333333333%;
    }
}
@media screen and (min-width: 769px) {
    .c-kv-3--magazine-detail .c-kv-3__inner {
        flex-grow: 1;
        width: auto;
        margin-inline: 4.469273743%;
    }
}

.c-kv-3__cat {
    padding-left: 10px;
    font-size: 1.25rem;
    line-height: 1.5;
    border-left: 2px solid #31dba7;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 1100px) {
    .c-kv-3__cat {
        font-size: 0.9375rem;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-3__cat {
        padding-left: 2.4vw;
        font-size: 4.2666666667vw;
    }
}
@media screen and (min-width: 769px) {
    .c-kv-3--magazine-detail .c-kv-3__cat {
        font-size: 1rem;
        letter-spacing: 0.05em;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-3--magazine-detail .c-kv-3__cat {
        letter-spacing: 0.05em;
    }
}

.c-kv-3__ttl {
    margin-top: 10px;
    font-size: 3.125rem;
    font-weight: bold;
    line-height: 1.28;
    letter-spacing: 0.06em;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap;
}
@media screen and (max-width: 1100px) {
    .c-kv-3__ttl {
        font-size: 1.75rem;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-3__ttl {
        margin-top: 1.6vw;
        font-size: 8.5333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-kv-3--magazine-detail .c-kv-3__ttl {
        margin-top: 4.3956043956%;
        font-size: 2rem;
        line-height: 1.5;
        letter-spacing: 0.05em;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-3--magazine-detail .c-kv-3__ttl {
        letter-spacing: 0.05em;
    }
}

.c-kv-3__date {
    margin-top: 10px;
    font-size: 1rem;
    font-family: century-gothic, sans-serif;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 1100px) {
    .c-kv-3__date {
        font-size: 0.75rem;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-3__date {
        margin-top: 1.6vw;
        font-size: 3.7333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-kv-3--magazine-detail .c-kv-3__date {
        font-size: 0.875rem;
        letter-spacing: 0.02em;
    }
}

.c-kv-3__img {
    max-width: 550px;
    width: 38.1944444444vw;
    flex: none;
}
@media screen and (max-width: 768px) {
    .c-kv-3__img {
        position: absolute;
        top: 16vw;
        right: 0;
        max-width: none;
        width: 89.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-3__img img {
        opacity: 0.8;
        border-radius: 1.3333333333vw 0 0 1.3333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-kv-3--magazine-detail .c-kv-3__img {
        width: 40.2234636872%;
        height: 100%;
    }
    .c-kv-3--magazine-detail .c-kv-3__img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-3--magazine-detail .c-kv-3__img {
        top: 8.5333333333vw;
        aspect-ratio: 1/1;
    }
    .c-kv-3--magazine-detail .c-kv-3__img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        opacity: 1;
    }
    .c-kv-3--magazine-detail .c-kv-3__img::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        aspect-ratio: 1/1;
        background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%);
        opacity: 0.6;
    }
}

/* ---------------------------------------------
*   c-kv-top-healthmeter
--------------------------------------------- */
.c-kv-top-healthmeter {
    position: relative;
    width: 100%;
    height: 41.6666666667vw;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-kv-top-healthmeter {
        height: 138.6666666667vw;
    }
}
.c-kv-top-healthmeter__container {
    width: 100%;
    height: 100%;
}
.c-kv-top-healthmeter__img {
    width: 100%;
    height: 100%;
}
.c-kv-top-healthmeter__img .swiper-slide {
    height: auto;
}
.c-kv-top-healthmeter__link {
    display: block;
    width: 100%;
    height: 100%;
}
.c-kv-top-healthmeter__link img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-kv-top-healthmeter__inner {
    position: absolute;
    top: 50%;
    left: 6.9444444444vw;
    z-index: 1;
    transform: translateY(-56%);
    text-align: center;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .c-kv-top-healthmeter__inner {
        top: 9.3333333333vw;
        left: 0;
        right: 0;
        margin: auto;
        padding: 0 5.3333333333%;
        transform: none;
    }
}
.c-kv-top-healthmeter__lead {
    position: relative;
    display: inline-block;
    font-size: 1.375rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-kv-top-healthmeter__lead {
        font-size: 4vw;
        letter-spacing: 0;
    }
}
.c-kv-top-healthmeter__lead::before, .c-kv-top-healthmeter__lead::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 2px;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-kv-top-healthmeter__lead::before, .c-kv-top-healthmeter__lead::after {
        width: 4vw;
        height: 0.2666666667vw;
    }
}
.c-kv-top-healthmeter__lead::before {
    left: -42px;
}
@media screen and (max-width: 768px) {
    .c-kv-top-healthmeter__lead::before {
        left: -5.0666666667vw;
    }
}
.c-kv-top-healthmeter__lead::after {
    right: -42px;
}
@media screen and (max-width: 768px) {
    .c-kv-top-healthmeter__lead::after {
        right: -5.0666666667vw;
    }
}
.c-kv-top-healthmeter__ttl {
    margin-top: 4px;
    font-size: 3.25rem;
    font-weight: bold;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
    .c-kv-top-healthmeter__ttl {
        margin-top: 1.3333333333vw;
        font-size: 9.0666666667vw;
        line-height: 1.24;
    }
}
.c-kv-top-healthmeter__txt {
    margin-top: 17px;
    font-size: 1.125rem;
    line-height: 1.77;
}
@media screen and (max-width: 768px) {
    .c-kv-top-healthmeter__txt {
        margin-top: 2.9333333333vw;
        font-size: 4vw;
        text-align: left;
    }
}

/* ---------------------------------------------
*   c-kv-5
--------------------------------------------- */
.c-kv-5 {
    position: relative;
}
.c-kv-5__container {
    max-height: 600px;
    height: 41.6666666667vw;
}
@media screen and (max-width: 768px) {
    .c-kv-5__container {
        max-height: none;
        height: 120vw;
    }
}
.c-kv-5__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
}
.c-kv-5__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top left;
       object-position: top left;
}
.c-kv-5__img::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 47.2222222222%;
    height: 100%;
    background-color: rgba(0, 65, 152, 0.7);
    mix-blend-mode: multiply;
}
@media screen and (max-width: 768px) {
    .c-kv-5__img::before {
        width: 100%;
        height: 64vw;
    }
}
.c-kv-5__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 47.2222222222%;
    height: 100%;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-kv-5__inner {
        width: 100%;
        height: auto;
        padding: 11.7333333333% 5.3333333333% 11.4666666667%;
    }
}
.c-kv-5__logo {
    position: relative;
    width: 400px;
    padding-bottom: 36px;
}
@media screen and (max-width: 1280px) {
    .c-kv-5__logo {
        width: 58.8235294118%;
        padding-bottom: 5.2941176471%;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-5__logo {
        width: 74.6268656716%;
        padding-bottom: 5.0746268657%;
    }
}
.c-kv-5__logo::before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 1px;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-kv-5__logo::before {
        width: 20.8955223881%;
    }
}
.c-kv-5__txt {
    margin-top: 27px;
    font-size: 1.875rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.73;
    text-align: center;
}
@media screen and (max-width: 1280px) {
    .c-kv-5__txt {
        margin-top: 3.9705882353%;
    }
}
@media screen and (max-width: 1100px) {
    .c-kv-5__txt {
        font-size: 1.25rem;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-5__txt {
        margin-top: 4%;
        font-size: 4.8vw;
    }
}

/* ---------------------------------------------
*   c-kv-recruit-top
--------------------------------------------- */
.c-kv-recruit-top {
    position: relative;
    padding-bottom: 400px;
    overflow: hidden;
    background: url(/lp/img/company/recruit/graduate/top/bg_kv.png) 0 0 repeat-x;
    background-size: auto 100%;
    background-repeat: repeat-x;
}
@media screen and (max-width: 1440px) {
    .c-kv-recruit-top {
        padding-bottom: 27.7777777778vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-recruit-top {
        padding-bottom: 85.3333333333vw;
        background-size: auto 100vh;
    }
}
.c-kv-recruit-top::before {
    content: "";
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 107.5%;
    height: 798px;
    background: linear-gradient(160.63deg, #fd7d20 10.55%, #f9b34a 36.31%, rgba(255, 207, 83, 0.85) 57.86%, #ffffff 80.91%);
    mix-blend-mode: multiply;
    filter: blur(42px);
}
@media screen and (max-width: 1440px) {
    .c-kv-recruit-top::before {
        height: 55.4166666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-recruit-top::before {
        top: -9.3333333333vw;
        width: 120.8%;
        height: 229.3333333333vw;
        background: linear-gradient(163.78deg, #fd7d20 23.35%, #f9b34a 46.25%, rgba(255, 207, 83, 0.85) 65.4%, #ffffff 85.9%);
    }
}
.c-kv-recruit-top__container {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    padding: 4.8611111111% 7.9166666667% 0;
}
@media screen and (max-width: 768px) {
    .c-kv-recruit-top__container {
        padding: 8.2666666667% 5.3333333333% 0;
    }
}
.c-kv-recruit-top__lead {
    position: absolute;
    top: 167px;
    left: 80px;
    font-size: 7.75rem;
    font-weight: bold;
    font-family: century-gothic, sans-serif;
    line-height: 1;
    color: rgba(69, 47, 21, 0.3);
    mix-blend-mode: overlay;
    opacity: 0.6;
}
@media screen and (max-width: 1440px) {
    .c-kv-recruit-top__lead {
        top: 11.5972222222vw;
        left: 5.5555555556vw;
        font-size: 8.6111111111vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-recruit-top__lead {
        top: 34.6666666667vw;
        left: 5.3333333333vw;
        font-size: 16vw;
    }
}
.c-kv-recruit-top__logo {
    position: relative;
    width: 321px;
}
@media screen and (max-width: 768px) {
    .c-kv-recruit-top__logo {
        width: 50.4vw;
    }
}
.c-kv-recruit-top__ttl {
    position: relative;
    margin-top: 103px;
    font-size: 4.125rem;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    font-feature-settings: "palt";
}
@media screen and (max-width: 1440px) {
    .c-kv-recruit-top__ttl {
        margin-top: 7.1527777778vw;
        font-size: 4.5833333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-recruit-top__ttl {
        margin-top: 9.3333333333vw;
        font-size: 10.6666666667vw;
        line-height: 1.3;
        letter-spacing: 0.1em;
    }
}
.c-kv-recruit-top__txt {
    position: relative;
    margin-top: 30px;
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 1.6;
    color: #fff;
}
@media screen and (max-width: 1440px) {
    .c-kv-recruit-top__txt {
        font-size: 2.5vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-recruit-top__txt {
        margin-top: 5.3333333333vw;
        font-size: 5.3333333333vw;
        line-height: 1.7;
    }
}
.c-kv-recruit-top__img {
    position: absolute;
    width: 780px;
    top: 0px;
    right: -100px;
}
@media screen and (max-width: 1440px) {
    .c-kv-recruit-top__img {
        top: -4.1666666667vw;
        right: -6.6666666667vw;
        width: 52.5694444444vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-recruit-top__img {
        position: static;
        margin-top: 4vw;
        margin-left: -5.3333333333vw;
        width: 100vw;
    }
}

/* ---------------------------------------------
*   c-kv-recruit
--------------------------------------------- */
.c-kv-recruit {
    position: relative;
    margin-bottom: 10px;
    padding: 108px 30px 128px;
    background-color: #fff;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-kv-recruit {
        margin-bottom: 2.1333333333vw;
        padding: 11.7333333333vw 5.3333333333vw 8.5333333333vw 6.4vw;
    }
}
.c-kv-recruit::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/lp/img/company/recruit/graduate/top/img_texture.png) 0 0 repeat-x;
    background-size: auto;
}
@media screen and (max-width: 768px) {
    .c-kv-recruit::before {
        background-size: cover;
    }
}
.c-kv-recruit::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(104.15deg, #fd7d20 -5.19%, #fcc354 65.03%, rgba(255, 204, 24, 0.4) 131.25%, rgba(255, 235, 128, 0.463542) 198.39%);
    mix-blend-mode: multiply;
}
@media screen and (max-width: 768px) {
    .c-kv-recruit::after {
        top: -2.9333333333vw;
        left: -6.9333333333vw;
        width: 112.8vw;
        height: 88.8vw;
        background: linear-gradient(163.78deg, #fd7d20 23.35%, #f9b34a 46.25%, rgba(255, 207, 83, 0.85) 65.4%, #ffffff 85.9%);
    }
}
.c-kv-recruit__container {
    position: relative;
    max-width: 1280px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 105px 0 90px;
    gap: 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width: 1280px) {
    .c-kv-recruit__container {
        padding-right: 7.2916666667vw;
        padding-left: 6.25vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-recruit__container {
        padding: 0;
        display: block;
    }
}
.c-kv-recruit__lead {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 7.875rem;
    font-weight: bold;
    font-family: century-gothic, sans-serif;
    line-height: 1;
    color: rgba(69, 47, 21, 0.3);
    mix-blend-mode: overlay;
    opacity: 0.6;
    white-space: nowrap;
    z-index: 1;
}
@media screen and (max-width: 1440px) {
    .c-kv-recruit__lead {
        font-size: 8.75vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-recruit__lead {
        top: -2.6666666667vw;
        left: 0;
        transform: none;
        font-size: 14.9333333333vw;
    }
}
.c-kv-recruit__ttl {
    position: relative;
    z-index: 10;
    line-height: 1;
    color: #fff;
}
.c-kv-recruit__ttl-sub {
    display: block;
    font-size: 1.375rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-kv-recruit__ttl-sub {
        font-size: 3.7333333333vw;
    }
}
.c-kv-recruit__ttl-main {
    display: block;
    margin-top: 12px;
    font-size: 4.75rem;
    font-weight: bold;
    font-family: century-gothic, sans-serif;
}
@media screen and (max-width: 768px) {
    .c-kv-recruit__ttl-main {
        margin-top: 4vw;
        font-size: 12.8vw;
    }
}
.c-kv-recruit__txt {
    position: relative;
    z-index: 10;
    font-size: 1.25rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.7;
}
@media screen and (max-width: 768px) {
    .c-kv-recruit__txt {
        margin-top: 5.3333333333vw;
        font-size: 4.2666666667vw;
        line-height: 1.6;
    }
}

/* ---------------------------------------------
*   c-kv-top-business
--------------------------------------------- */
.c-kv-top-business {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.c-kv-top-business__container {
    position: relative;
    max-width: 1200px;
    min-height: 540px;
    padding-bottom: 34px;
    margin-inline: auto;
    overflow: visible;
}
@media screen and (max-width: 768px) {
    .c-kv-top-business__container {
        aspect-ratio: initial;
    }
}
.c-kv-top-business__img {
    width: 100%;
    height: 100%;
}
.c-kv-top-business__img .swiper-slide {
    height: auto;
}
.c-kv-top-business__link {
    width: 100%;
    height: 100%;
}
.c-kv-top-business__link img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-kv-top-business__inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
    transform: translateY(-50%);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.c-kv-top-business__ttl {
    position: relative;
    top: -20px;
}
@media screen and (max-width: 768px) {
    .c-kv-top-business__ttl {
        top: -2.6666666667vw;
    }
}
.c-kv-top-business__ttl-main {
    display: block;
    color: #fff;
    letter-spacing: 0.06em;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    font-size: 4.625rem;
}
@media screen and (max-width: 1280px) {
    .c-kv-top-business__ttl-main {
        font-size: 5.78125vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-top-business__ttl-main {
        font-size: 8.8vw;
    }
}
.c-kv-top-business__ttl-sub {
    display: inline-block;
    padding: 9px 30px;
    letter-spacing: 0.06em;
    font-size: 1.75rem;
    font-weight: bold;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
@media screen and (max-width: 1280px) {
    .c-kv-top-business__ttl-sub {
        font-size: 2.1875vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-top-business__ttl-sub {
        padding: 1.6vw 2.4vw;
        margin-top: 0.5333333333vw;
        font-size: 4.2666666667vw;
    }
}
.c-kv-top-business__alcohol-inner {
    padding-top: 32px;
}
@media screen and (max-width: 1280px) {
    .c-kv-top-business__alcohol-inner {
        padding-top: 2.5vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-top-business__alcohol-inner {
        padding-top: 0;
    }
}
.c-kv-top-business__alcohol-logo {
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
    width: 200px;
}
@media screen and (max-width: 1280px) {
    .c-kv-top-business__alcohol-logo {
        width: 15.625vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-top-business__alcohol-logo {
        margin-bottom: 0;
        width: 34.6666666667vw;
    }
}
.c-kv-top-business__alcohol-ttl {
    line-height: 1.24;
    letter-spacing: 0.06em;
    color: #fff;
    font-weight: bold;
    font-size: 3.125rem;
}
@media screen and (max-width: 1280px) {
    .c-kv-top-business__alcohol-ttl {
        font-size: 3.90625vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-top-business__alcohol-ttl {
        line-height: 1.24;
        font-size: 9.0666666667vw;
    }
}
.c-kv-top-business__alcohol-img {
    position: relative;
    left: -30px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    width: 211px;
}
@media screen and (max-width: 1280px) {
    .c-kv-top-business__alcohol-img {
        width: 16.484375vw;
        left: -2.34375vw;
    }
}

/* ---------------------------------------------
*   c-kv-2
--------------------------------------------- */
.c-kv-2__container {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #000;
    max-height: 450px;
    height: 31.25vw;
}
@media screen and (max-width: 768px) {
    .c-kv-2__container {
        max-height: none;
        height: 120vw;
    }
}
.c-kv-2--business .c-kv-2__container {
    background-color: #172540;
}
.c-kv-2--repair-form .c-kv-2__container {
    max-height: 300px;
    height: 20.8333333333vw;
}
@media screen and (max-width: 768px) {
    .c-kv-2--repair-form .c-kv-2__container {
        height: 66.6666666667vw;
    }
}
.c-kv-2--business-repair-form .c-kv-2__container {
    max-height: 350px;
    height: 24.3055555556vw;
}
@media screen and (max-width: 768px) {
    .c-kv-2--business-repair-form .c-kv-2__container {
        height: 66.6666666667vw;
    }
}
.c-kv-2__img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}
.c-kv-2__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
.c-kv-2__img--opacity-04 {
    opacity: 0.4;
}
.c-kv-2__img--opacity-05 {
    opacity: 0.5;
}
.c-kv-2__img--opacity-06 {
    opacity: 0.6;
}
.c-kv-2__img--opacity-07 {
    opacity: 0.7;
}
.c-kv-2__img--opacity-08 {
    opacity: 0.8;
}
.c-kv-2__img--opacity-09 {
    opacity: 0.9;
}
.c-kv-2__inner {
    position: relative;
    padding-right: 40px;
    padding-left: 40px;
    max-width: 1440px;
    width: 100%;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-kv-2__inner {
        padding-right: 5.3333333333%;
        padding-left: 5.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-2__inner--news-index {
        padding-right: 4%;
        padding-left: 4%;
    }
    .windows .c-kv-2__inner--news-index {
        padding-right: 2.9333333333%;
        padding-left: 2.9333333333%;
    }
}
.c-kv-2__ttl-sub {
    display: block;
    color: #fff;
    line-height: 1.6;
    letter-spacing: 0.04em;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-kv-2__ttl-sub {
        line-height: 1.38;
        font-size: 3.4666666667vw;
    }
}
.c-kv-2__ttl-main {
    display: block;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 3.125rem;
}
@media screen and (max-width: 768px) {
    .c-kv-2__ttl-main {
        line-height: 1.47;
        font-size: 9.0666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-2__ttl-main--news-index {
        letter-spacing: 0em;
    }
}
.c-kv-2__lead {
    display: block;
    margin-top: 26px;
    margin-right: auto;
    margin-left: auto;
    max-width: 510px;
    color: #fff;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 1rem;
    word-wrap: break-word;
    white-space: pre-wrap;
}
@media screen and (max-width: 768px) {
    .c-kv-2__lead {
        margin-top: 3.4666666667vw;
        max-width: 100%;
        text-align: justify;
        line-height: 1.73;
        font-size: 4vw;
    }
}
.c-kv-2__lead--wide {
    max-width: 960px;
}

/* ---------------------------------------------
*   c-kv-product-detail
--------------------------------------------- */
.c-kv-product-detail {
    position: relative;
}
.c-kv-product-detail__container {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.c-kv-product-detail__img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 38.1944444444vw;
    background-color: #000;
    overflow: hidden;
}
@media screen and (min-width: 1441px) {
    .c-kv-product-detail__img {
        height: 550px;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-product-detail__img {
        height: 146.6666666667vw;
    }
}
.c-kv-product-detail__img img {
    position: absolute;
    top: -9px;
    left: -9px;
    max-width: none;
    width: calc(100% + 18px);
    height: calc(100% + 18px);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    opacity: 0.6;
    filter: blur(6px);
}
.c-kv-product-detail__inner {
    position: relative;
    margin-top: 5.625%;
    padding-right: 3.125%;
    padding-left: 3.125%;
    max-width: 1280px;
    width: 100%;
    text-align: center;
    min-height: 38.1944444444vw;
}
@media screen and (min-width: 1281px) {
    .c-kv-product-detail__inner {
        margin-top: 72px;
        padding-right: 40px;
        padding-left: 40px;
        min-height: 550px;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-product-detail__inner {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 0;
        padding-right: 5.3333333333vw;
        padding-left: 5.3333333333vw;
        min-height: 146.6666666667vw;
    }
}
.c-kv-product-detail__ttl {
    display: block;
    margin-bottom: 4.84375%;
    color: #fff;
    line-height: 1.2;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 3.375rem;
}
@media screen and (min-width: 1281px) {
    .c-kv-product-detail__ttl {
        margin-bottom: 62px;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-product-detail__ttl {
        margin-bottom: 6.4vw;
        line-height: 1.3;
        letter-spacing: 0em;
        font-size: 9.0666666667vw;
    }
}

/* ---------------------------------------------
*   c-kv-special
--------------------------------------------- */
.c-kv-special__container {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #1a2945;
    max-height: 450px;
    height: 27.7777777778vw;
}
@media screen and (max-width: 768px) {
    .c-kv-special__container {
        max-height: none;
        height: 69.3333333333vw;
    }
}
.c-kv-special__container--wbgt {
    max-height: 200px;
}
.c-kv-special__img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}
.c-kv-special__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
.c-kv-special__img--opacity-02 {
    opacity: 0.2;
}
.c-kv-special__img--opacity-03 {
    opacity: 0.3;
}
.c-kv-special__img--opacity-04 {
    opacity: 0.4;
}
.c-kv-special__img--opacity-05 {
    opacity: 0.5;
}
.c-kv-special__img--opacity-06 {
    opacity: 0.6;
}
.c-kv-special__img--opacity-07 {
    opacity: 0.7;
}
.c-kv-special__img--opacity-08 {
    opacity: 0.8;
}
.c-kv-special__img--opacity-09 {
    opacity: 0.9;
}
.c-kv-special__inner {
    position: relative;
    padding-right: 40px;
    padding-left: 40px;
    max-width: 1440px;
    width: 100%;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-kv-special__inner {
        padding-right: 5.3333333333%;
        padding-left: 5.3333333333%;
    }
}
.c-kv-special__ttl-main {
    display: block;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 3.375rem;
}
@media screen and (max-width: 768px) {
    .c-kv-special__ttl-main {
        line-height: 1.31;
        font-size: 8.5333333333vw;
    }
}
.c-kv-special__ttl-main br.only-sp {
    display: none;
}
@media screen and (max-width: 768px) {
    .c-kv-special__ttl-main br.only-sp {
        display: inline;
    }
}
.c-kv-special__lead {
    display: block;
    margin-top: 26px;
    margin-right: auto;
    margin-left: auto;
    max-width: 510px;
    color: #fff;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 1rem;
    word-wrap: break-word;
    white-space: pre-wrap;
}
@media screen and (max-width: 768px) {
    .c-kv-special__lead {
        margin-top: 3.4666666667vw;
        max-width: 100%;
        text-align: justify;
        line-height: 1.73;
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   c-link-1
--------------------------------------------- */
.c-link-1 {
    position: relative;
    display: inline-block;
    font-size: 1.375rem;
    font-weight: bold;
}
@media screen and (min-width: 769px) {
    .c-link-1 {
        transition: opacity 300ms;
    }
    .c-link-1:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-link-1 {
        font-size: 4.8vw;
    }
}
.c-link-1::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -127px;
    transform: translateY(-50%);
    width: 120px;
    height: 1px;
    background-color: #333;
}
@media screen and (max-width: 768px) {
    .c-link-1::before {
        left: -14.1333333333vw;
        width: 13.3333333333vw;
    }
}
.c-link-1--small-01 {
    letter-spacing: 0.04em;
    font-family: century-gothic, sans-serif;
    font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
    .c-link-1--small-01 {
        font-size: 4.8vw;
    }
}
.c-link-1--small-01::before {
    left: -96px;
    width: 90px;
}
@media screen and (max-width: 768px) {
    .c-link-1--small-01::before {
        left: -14.1333333333vw;
        width: 13.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-link-3
--------------------------------------------- */
.c-link-3 {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
    padding: 25px 24px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f0f3f5;
}
@media screen and (min-width: 769px) {
    .c-link-3 {
        transition: opacity 300ms;
    }
    .c-link-3:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-link-3 {
        margin-bottom: 8vw;
        padding: 4.5333333333vw 4vw;
        border-radius: 1.3333333333vw;
    }
}
.c-section-7__link-list .c-link-3 {
    margin-left: 20px;
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {
    .c-section-7__link-list .c-link-3 {
        margin-top: 2.1333333333vw;
        margin-left: 0;
    }
}
.c-section-7__link-list .c-link-3:first-of-type {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-section-7__link-list .c-link-3:first-of-type {
        margin-top: 0;
    }
}

.c-link-3__txt {
    position: relative;
    display: inline-block;
    padding-right: 22px;
    font-size: 1.125rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-link-3__txt {
        padding-right: 4.8vw;
        font-size: 4vw;
    }
}
.c-link-3__txt::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-45%);
    width: 11px;
    height: 18px;
    background: url(/lp/img/common/icon_arrow-right.svg) 0 0 no-repeat;
    background-size: contain;
}
@media screen and (max-width: 768px) {
    .c-link-3__txt::before {
        width: 2.9333333333vw;
        height: 4.8vw;
    }
}

/* ---------------------------------------------
*   c-link-2
--------------------------------------------- */
.c-link-2 {
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (min-width: 769px) {
    .c-link-2 {
        transition: opacity 300ms;
    }
    .c-link-2:hover {
        opacity: 0.8;
    }
}
.c-link-2__txt {
    position: relative;
    padding-right: 35px;
    line-height: 1.18;
    letter-spacing: 0.04em;
    font-weight: bold;
    font-size: 1.375rem;
}
@media screen and (max-width: 768px) {
    .c-link-2__txt {
        padding-right: 9.0666666667vw;
        line-height: 1.22;
        font-size: 4.8vw;
    }
}
.c-link-2__txt:before, .c-link-2__txt:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 28px;
    height: 1px;
    background-color: #333;
    transition: transform 0.5s;
}
@media screen and (max-width: 768px) {
    .c-link-2__txt:before, .c-link-2__txt:after {
        width: 6.4vw;
    }
}
.c-link-2__txt:before {
    transform: translateY(-50%);
}
.c-link-2:hover .c-link-2__txt:before {
    transform: translateY(-50%) rotate(360deg);
}
.c-link-2__txt:after {
    transform-origin: center;
    transform: translateY(-50%) rotate(90deg);
}
.c-link-2:hover .c-link-2__txt:after {
    transform: translateY(-50%) rotate(450deg);
}

/* ---------------------------------------------
*   c-link-4
--------------------------------------------- */
.c-link-4 {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 3.8983050847%;
    padding-left: 3.8983050847%;
    min-height: 100px;
    width: 44.53125vw;
    min-height: 80px;
    background-color: #f0f3f5;
    border: 1px solid #ddd;
    border-radius: 5px;
    flex-grow: 1;
}
@media screen and (min-width: 769px) {
    .c-link-4 {
        transition: opacity 300ms;
    }
    .c-link-4:hover {
        opacity: 0.8;
    }
}
@media screen and (min-width: 1281px) {
    .c-link-4 {
        padding-right: 23px;
        padding-left: 23px;
        width: 590px;
    }
}
@media screen and (max-width: 768px) {
    .c-link-4 {
        padding-right: 4.4776119403%;
        padding-left: 4.4776119403%;
        min-height: 16vw;
        border-radius: 1.3333333333vw;
        width: 100%;
    }
}
.c-link-4__txt {
    position: relative;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-link-4__txt {
        font-size: 4.2666666667vw;
    }
}
.c-link-4__txt:after {
    content: "";
    position: absolute;
    top: calc(50% + 1px);
    right: -20px;
    width: 11px;
    height: 18px;
    background: url(/lp/img/common/icon_arrow-right.svg) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
    .c-link-4__txt:after {
        right: -4vw;
        width: 2.6666666667vw;
        height: 4.2666666667vw;
    }
}
.c-link-4--download .c-link-4__txt:after {
    top: 50%;
    right: -30px;
    width: 23px;
    height: 19px;
    background: url(/lp/img/common/icon_dl-black.svg) 0 0 no-repeat;
    background-size: 100% auto;
}
@media screen and (max-width: 768px) {
    .c-link-4--download .c-link-4__txt:after {
        right: -6.6666666667vw;
        width: 5.3333333333vw;
        height: 4.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-link-download
--------------------------------------------- */
.c-link-download {
    position: relative;
    padding-right: 23px;
}
@media screen and (max-width: 768px) {
    .c-link-download {
        padding-right: 6.1333333333vw;
    }
}
.c-link-download:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 23px;
    height: 19px;
    background: url(/lp/img/common/icon_dl.svg) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
    .c-link-download:before {
        width: 6.1333333333vw;
        height: 5.0666666667vw;
    }
}
.c-link-download__txt {
    position: relative;
    display: inline-block;
    color: #004198;
    letter-spacing: 0.06em;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-link-download__txt {
        font-size: 4.2666666667vw;
    }
}

/*  c-link-blank-icon
--------------------------------------------- */
.c-link-blank-icon {
    display: inline-block;
    width: 15px;
}
@media screen and (max-width: 768px) {
    .c-link-blank-icon {
        width: 4vw;
    }
}
.c-link-blank-icon img {
    vertical-align: baseline;
    width: 100%;
}

/* ---------------------------------------------
*   c-link-round
--------------------------------------------- */
.c-link-round--white-hover-blue {
    width: 750px;
    height: 100px;
    margin: 0 auto;
    display: grid;
    place-content: center;
    border-radius: 50px;
    background-color: #fff;
    border: 1px solid #333333;
    color: #333333;
    position: relative;
    transition: all 0.3s ease;
}
.c-link-round--white-hover-blue:hover {
    color: #fff;
    background-color: #014297;
}
.c-link-round--white-hover-blue:hover svg {
    fill: #fff;
}
.c-link-round--white-hover-blue svg {
    fill: #000;
}
@media screen and (max-width: 768px) {
    .c-link-round--white-hover-blue {
        width: 100%;
        height: 84px;
    }
}
.c-link-round__ttl {
    font-size: 22px;
}
@media screen and (max-width: 768px) {
    .c-link-round__ttl {
        font-size: 18px;
    }
}
.c-link-round__note {
    font-size: 18px;
}
@media screen and (max-width: 768px) {
    .c-link-round__note {
        font-size: 14px;
    }
}
.c-link-round__arrow_icon {
    width: 14px;
    position: absolute;
    top: calc(50% - 14px);
    right: 50px;
}
@media screen and (max-width: 768px) {
    .c-link-round__arrow_icon {
        right: 15px;
    }
}

/* ---------------------------------------------
*   c-list-1
--------------------------------------------- */
.c-list-1 {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
    .c-list-1 {
        margin-top: 8.3582089552%;
        display: block;
    }
}
.c-list-1__item {
    width: 50%;
    margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
    .c-list-1__item {
        width: 33.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-list-1__item {
        width: 100%;
        margin-bottom: 4.4776119403%;
    }
}
.c-list-1__link {
    display: flex;
    align-items: center;
    padding-right: 1em;
}
@media screen and (min-width: 769px) {
    .c-list-1__link {
        transition: opacity 300ms;
    }
    .c-list-1__link:hover {
        opacity: 0.8;
    }
}
.c-list-1__icon {
    width: 50px;
    margin-right: 10px;
    flex-shrink: 0;
}
@media screen and (max-width: 768px) {
    .c-list-1__icon {
        width: 13.3333333333vw;
        margin-right: 2.6666666667vw;
    }
}
.c-list-1__icon img {
    width: 100%;
}
.c-list-1__txt {
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-list-1__txt {
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   c-list-3
--------------------------------------------- */
.c-list-3__item {
    border-bottom: 1px solid #ddd;
}
.c-list-3__item:first-of-type {
    border-top: 1px solid #ddd;
}
.c-list-3__link {
    display: flex;
    align-items: flex-start;
    padding: 2.3333333333% 1.0833333333%;
    transition: background-color 0.3s;
}
@media screen and (min-width: 769px) {
    .c-list-3__link:hover {
        background-color: #f0f3f5;
    }
}
@media screen and (max-width: 768px) {
    .c-list-3__link {
        display: block;
        padding: 6.5671641791% 0;
    }
}
.c-list-3__link--news-index {
    padding: 2.9787234043% 1.3829787234%;
}
@media screen and (max-width: 768px) {
    .c-list-3__link--news-index {
        padding: 6.5671641791% 0;
    }
}
.c-list-3__link--disabled:hover {
    background-color: transparent;
}
.c-list-3__head {
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
}
.c-list-3__date {
    flex: none;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-list-3__date {
        font-size: 3.7333333333vw;
    }
}
.c-list-3__cat-wrap {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
@media screen and (max-width: 768px) {
    .c-list-3__cat-wrap {
        flex-direction: row;
        gap: 0;
    }
}
.c-list-3__cat {
    flex: none;
    margin-left: 10px;
    padding: 2px 0;
    width: 100px;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
}
@media screen and (max-width: 768px) {
    .c-list-3__cat {
        margin-left: 1.8666666667vw;
        padding: 0.5333333333vw;
        width: 24vw;
        font-size: 2.6666666667vw;
        border-radius: 0.8vw;
    }
}
.c-list-3__cat--important {
    color: #db2c2c;
    border-color: #db2c2c;
}
.c-list-3__cat--news {
    color: #004982;
    border-color: #004982;
}
.c-list-3__cat--press {
    color: #0b8e33;
    border-color: #0b8e33;
}
.c-list-3__cat--product {
    color: #e88600;
    border-color: #e88600;
}
.c-list-3__cat--event {
    color: #930b8e;
    border-color: #930b8e;
}
.c-list-3__cat--campaign {
    color: #0085b9;
    border-color: #0085b9;
}
.c-list-3__txt {
    display: inline-block;
    margin-top: -2px;
    margin-left: 25px;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-list-3__txt {
        display: block;
        margin-top: 1.3333333333vw;
        margin-left: 0;
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   c-list-5
--------------------------------------------- */
.c-list-5 {
    margin-top: 4.1666666667%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-list-5 {
        margin-top: 8.9552238806%;
        justify-content: flex-start;
        white-space: nowrap;
        overflow-x: auto;
        padding-bottom: 10px;
    }
}
.c-list-5__item {
    margin-left: 5.4166666667%;
}
@media screen and (max-width: 768px) {
    .c-list-5__item {
        margin-left: 6.6666666667vw;
    }
}
.c-list-5__item:first-of-type {
    margin-left: 0;
}
.c-list-5__btn {
    display: block;
    font-size: 1.125rem;
    border-bottom: 1px solid transparent;
    line-height: 1.77;
}
@media screen and (max-width: 768px) {
    .c-list-5__btn {
        font-size: 4.2666666667vw;
        line-height: 1.5;
    }
}
.c-list-5__btn.current {
    font-weight: bold;
    border-color: #004198;
}
@media screen and (min-width: 769px) {
    .c-list-5__btn:hover {
        font-weight: bold;
        border-color: #004198;
    }
}

/* ---------------------------------------------
*   c-list-7
--------------------------------------------- */
.c-list-7 {
    padding-top: 50px;
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-list-7 {
        padding-top: 8vw;
        padding: 0 5.3333333333%;
    }
}
.c-list-7--alcohol {
    align-items: flex-end;
}
@media screen and (max-width: 768px) {
    .c-list-7--alcohol {
        padding-top: 6.6666666667vw;
        padding: 0;
    }
}
.c-list-7--fixed {
    position: sticky;
    top: 0px;
    background-color: #fff;
    z-index: 100;
}
@media screen and (max-width: 768px) {
    .c-list-7--fixed {
        top: 0px;
    }
}
.c-list-7__item {
    display: flex;
    width: 258px;
    margin-left: 10px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-list-7__item {
        width: 32.8358208955%;
        margin-left: 0.8955223881%;
    }
}
.c-list-7__item:first-of-type {
    margin-left: 0;
}
.c-list-7--alcohol .c-list-7__item {
    width: 280px;
    margin-left: 20px;
}
.c-list-7--alcohol .c-list-7__item:first-of-type {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-list-7--alcohol .c-list-7__item {
        width: 32.8358208955%;
        margin-left: 0.8955223881%;
    }
}
.c-list-7--recruit .c-list-7__item {
    width: 300px;
    margin-left: 2px;
}
.c-list-7--recruit .c-list-7__item:first-of-type {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-list-7--recruit .c-list-7__item {
        width: 100%;
        margin-left: 0;
    }
}
.c-list-7__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-bottom: 14px;
    font-size: 1.125rem;
    color: #999;
    border-bottom: 2px solid #ddd;
    transition-property: color, border-color, font-weight;
    transition: 0.3s;
}
@media screen and (max-width: 768px) {
    .c-list-7__btn {
        padding-bottom: 2.6666666667vw;
        font-size: 3.7333333333vw;
        line-height: 1.4;
    }
}
.c-list-7__btn.current {
    color: #004198;
    border-color: #004198;
    font-weight: bold;
}
@media screen and (min-width: 769px) {
    .c-list-7__btn:hover {
        color: #004198;
        border-color: #004198;
        font-weight: bold;
    }
}
.c-list-7__btn--wbgt {
    white-space: nowrap;
}
.c-list-7__btn--wbgt.current {
    color: #ff6f16;
    border-color: #ff6f16;
}
@media screen and (min-width: 769px) {
    .c-list-7__btn--wbgt:hover {
        color: #ff6f16;
        border-color: #ff6f16;
    }
}
.c-list-7--alcohol .c-list-7__btn {
    padding-bottom: 17px;
}
@media screen and (max-width: 768px) {
    .c-list-7--alcohol .c-list-7__btn {
        padding-bottom: 2.6666666667vw;
    }
}
.c-list-7--recruit .c-list-7__btn {
    padding-bottom: 23px;
    font-size: 1.375rem;
}
@media screen and (max-width: 768px) {
    .c-list-7--recruit .c-list-7__btn {
        padding-bottom: 3.2vw;
        font-size: 4.2666666667vw;
    }
}
.c-list-7--wbgt .c-list-7__btn {
    padding-bottom: 17px;
}
@media screen and (max-width: 768px) {
    .c-list-7--wbgt .c-list-7__btn {
        padding-bottom: 2.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-list-9
--------------------------------------------- */
.c-list-9 {
    display: flex;
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .c-list-9 {
        display: block;
        margin-top: 6.6666666667vw;
    }
}
.c-list-9__item {
    width: 25%;
}
@media screen and (max-width: 768px) {
    .c-list-9__item {
        width: 100%;
    }
}
.c-list-9__link {
    position: relative;
    display: block;
    background-color: #02122c;
}
@media screen and (min-width: 769px) {
    .c-list-9__link {
        transition: opacity 300ms;
    }
    .c-list-9__link:hover {
        opacity: 0.8;
    }
}
.c-list-9__img {
    width: 100%;
    opacity: 0.4;
}
.c-list-9__img img {
    width: 100%;
}
.c-list-9__txt {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-list-9__txt {
        font-size: 6.4vw;
    }
}

/* ---------------------------------------------
*   c-list-11
--------------------------------------------- */
.c-list-11 {
    margin-top: 55px;
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-list-11 {
        margin-top: 8vw;
    }
}
.c-list-11__item {
    width: 25%;
    margin-left: 1.6666666667%;
}
@media screen and (max-width: 768px) {
    .c-list-11__item {
        width: 32.2388059701%;
        margin-left: 1.7910447761%;
    }
}
.c-list-11__item:first-of-type {
    margin-left: 0;
}
.c-list-11__link {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 20px 1em 30px;
    border: 2px solid #004198;
    border-radius: 5px;
}
@media screen and (min-width: 769px) {
    .c-list-11__link {
        transition: opacity 300ms;
    }
    .c-list-11__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-list-11__link {
        padding: 4.2666666667vw 0 5.0666666667vw;
        border-radius: 1.3333333333vw;
    }
}
.c-list-11__link::before {
    display: block;
    content: "";
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
    width: 21px;
    height: 10px;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
            clip-path: polygon(0 0, 100% 0, 50% 100%);
    background-color: #004198;
}
@media screen and (max-width: 768px) {
    .c-list-11__link::before {
        bottom: -2.9333333333vw;
        width: 5.6vw;
        height: 2.6666666667vw;
    }
}
.c-list-11__num {
    font-size: 1.25rem;
    font-weight: bold;
    font-family: century-gothic, sans-serif;
    color: #004198;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-list-11__num {
        font-size: 3.7333333333vw;
    }
}
.c-list-11__txt {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.28;
}
@media screen and (max-width: 768px) {
    .c-list-11__txt {
        margin-top: 0.8vw;
        font-size: 3.7333333333vw;
    }
}

/* ---------------------------------------------
*   c-list-13
--------------------------------------------- */
.c-list-13 {
    margin-top: 70px;
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, 260px);
    grid-gap: 135px;
}
@media screen and (max-width: 1280px) {
    .c-list-13 {
        grid-template-columns: repeat(auto-fit, 18.0555555556vw);
        grid-gap: 9.375vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-13 {
        display: block;
    }
}
.c-list-13__item {
    width: 100%;
    margin-bottom: 55px;
}
@media screen and (max-width: 768px) {
    .c-list-13__item {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 16vw;
    }
}
.c-list-13__item--single {
    width: 260px;
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {
    .c-list-13__item--single {
        width: 100%;
    }
}

/* ---------------------------------------------
*   c-list-15
--------------------------------------------- */
.c-list-15 {
    margin-top: 70px;
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, 260px);
    grid-gap: 53px;
}
@media screen and (max-width: 1280px) {
    .c-list-15 {
        grid-template-columns: repeat(auto-fit, 18.0555555556vw);
        grid-gap: 3.6805555556vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-15 {
        margin-top: 8vw;
        grid-template-columns: repeat(auto-fit, 42.6666666667vw);
        grid-gap: 4vw;
    }
}
.c-list-15__item {
    width: 100%;
    margin-bottom: 55px;
}
@media screen and (max-width: 768px) {
    .c-list-15__item {
        margin-bottom: 11.4666666667vw;
    }
}

/* ---------------------------------------------
*   c-list-17
--------------------------------------------- */
.c-list-17 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 0 9%;
}
@media screen and (max-width: 768px) {
    .c-list-17 {
        display: block;
    }
}
.c-list-17__item {
    width: 27.2727272727%;
}
@media screen and (max-width: 768px) {
    .c-list-17__item {
        width: 77.3333333333vw;
        margin-top: 12.8vw;
        margin-left: auto;
        margin-right: auto;
    }
    .c-list-17__item:first-of-type {
        margin-top: 0;
    }
}
.c-list-17__img {
    width: 93.3333333333%;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-list-17__img {
        width: 42.6666666667vw;
    }
}
.c-list-17__desc {
    margin-top: 24px;
}
@media screen and (max-width: 768px) {
    .c-list-17__desc {
        margin-top: 6.4vw;
    }
}
.c-list-17__lead {
    font-size: 1.25rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}
@media screen and (max-width: 768px) {
    .c-list-17__lead {
        font-size: 4.2666666667vw;
    }
}
.c-list-17__txt {
    margin-top: 14px;
    font-size: 0.9375rem;
    line-height: 1.6;
}
@media screen and (max-width: 768px) {
    .c-list-17__txt {
        margin-top: 4.2666666667vw;
        font-size: 3.7333333333vw;
    }
}

/* ---------------------------------------------
*   c-list-19（アルコール検知器 選び方ページ POINTのアンカー）
--------------------------------------------- */
.c-list-19 {
    margin-top: 55px;
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-list-19 {
        margin-top: 8vw;
        flex-direction: column;
        padding: 0 5.3333333333% 0;
    }
}
.c-list-19__item {
    width: 25%;
    margin-left: 1.6666666667%;
}
@media screen and (max-width: 768px) {
    .c-list-19__item {
        width: 100%;
        margin-left: 0;
        margin-top: 5.3333333333vw;
    }
}
.c-list-19__link {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 22px 0 25px;
    border: 2px solid #004198;
    border-radius: 5px;
}
@media screen and (min-width: 769px) {
    .c-list-19__link {
        transition: opacity 300ms;
    }
    .c-list-19__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-list-19__link {
        padding: 4.2666666667vw 0 5.0666666667vw;
        border-radius: 1.3333333333vw;
    }
}
.c-list-19__link::before {
    display: block;
    content: "";
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
    width: 21px;
    height: 10px;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
            clip-path: polygon(0 0, 100% 0, 50% 100%);
    background-color: #004198;
}
@media screen and (max-width: 768px) {
    .c-list-19__link::before {
        bottom: -2.9333333333vw;
        width: 5.6vw;
        height: 2.6666666667vw;
    }
}
.c-list-19__link--wbgt {
    border-color: #ff6f16;
}
.c-list-19__link--wbgt::before {
    background-color: #ff6f16;
}
.c-list-19__num {
    font-size: 0.9375rem;
    font-weight: bold;
    font-family: century-gothic, sans-serif;
    color: #004198;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-list-19__num {
        font-size: 3.2vw;
    }
}
.c-list-19__num--wbgt {
    color: #ff6f16;
}
.c-list-19__txt {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.28;
    margin-top: 3px;
    text-align: center;
}
@media screen and (max-width: 1280px) {
    .c-list-19__txt {
        font-size: 1.25vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-19__txt {
        margin-top: 0;
        font-size: 4.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-list-21（アルコール検知器 選び方ページ 新たに追加される安全運転管理者の業務）
--------------------------------------------- */
.c-list-21 {
    max-width: 715px;
    margin: auto;
    padding: 45px 0 0;
}
@media screen and (max-width: 768px) {
    .c-list-21 {
        padding: 0;
    }
}
.c-list-21__item {
    display: flex;
    align-items: flex-start;
    margin: 0 0 30px;
    text-align: left;
}
@media screen and (max-width: 768px) {
    .c-list-21__item {
        margin-bottom: 4vw;
    }
}
.c-list-21__item:last-child {
    margin-bottom: 0;
}
.c-list-21__num {
    font-family: century-gothic, sans-serif;
    font-size: 1.625rem;
    line-height: 1.7;
    color: #004198;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-list-21__num {
        font-size: 4.8vw;
    }
}
.c-list-21__text {
    font-size: 1.25rem;
    line-height: 1.7;
    padding: 4px 0 0 10px;
}
@media screen and (max-width: 768px) {
    .c-list-21__text {
        font-size: 4.2666666667vw;
        padding: 1.1940298507% 0 0 2.9850746269%;
    }
}

/* ---------------------------------------------
*   c-list-23（アルコール検知器 選び方ページ アイコンリスト）
--------------------------------------------- */
.c-list-23 {
    display: flex;
    gap: 20px;
    margin: 0 0 15px;
}
@media screen and (max-width: 768px) {
    .c-list-23 {
        margin-bottom: 6.6666666667vw;
        gap: 2.6666666667vw;
    }
}
.c-list-23--center {
    justify-content: center;
}
.c-list-23__item {
    text-align: center;
}
.c-list-23__img {
    width: 40px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-list-23__img {
        width: 9.0666666667vw;
    }
}
.c-list-23__img img {
    width: 100%;
    height: auto;
}
.c-list-23__text {
    margin-top: 4px;
    line-height: 1.2;
    letter-spacing: 0em;
    font-weight: bold;
    font-size: 0.625rem;
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
    .c-list-23__text {
        margin-top: 1.0666666667vw;
        font-size: 2.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-list-25（マガジン）
--------------------------------------------- */
.c-list-25 + .c-list-25 {
    margin-top: 2rem;
}
@media screen and (max-width: 768px) {
    .c-list-25 + .c-list-25 {
        margin-top: 6.4vw;
    }
}
.c-list-25__ttl {
    display: block;
    padding-bottom: 1rem;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.4444444444;
    letter-spacing: normal;
}
@media screen and (max-width: 768px) {
    .c-list-25__ttl {
        padding-bottom: 3.2vw;
        font-size: 3.7333333333vw;
        line-height: 1.4285714286;
        letter-spacing: 0.05em;
    }
}
@media screen and (min-width: 769px) {
    .c-list-25__ttl {
        transition: opacity 300ms;
    }
    .c-list-25__ttl:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-list-25__item-wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 4.2666666667vw 6.4vw;
    }
}
@media screen and (min-width: 769px) {
    .c-list-25__item {
        border-top: 1px solid #dddee0;
    }
    .c-list-25__item:last-of-type {
        border-bottom: 1px solid #dddee0;
    }
}
.c-list-25__link {
    position: relative;
    display: block;
    padding: 1rem 0.5rem;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    letter-spacing: normal;
}
@media screen and (max-width: 768px) {
    .c-list-25__link {
        padding: 0 4.2666666667vw 0 0;
        font-size: 3.7333333333vw;
        line-height: 1.4285714286;
    }
}
@media screen and (min-width: 769px) {
    .c-list-25__link {
        transition: opacity 300ms;
    }
    .c-list-25__link:hover {
        opacity: 0.8;
    }
}
.c-list-25__link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%) rotate(45deg);
    width: 0.4375rem;
    height: 0.4375rem;
    border-top: 2px solid #004299;
    border-right: 2px solid #004299;
}
@media screen and (max-width: 768px) {
    .c-list-25__link::after {
        right: 0;
        width: 1.6vw;
        height: 1.6vw;
        transform: translate3d(0, -50%, 0) rotate(45deg);
    }
}

/* ---------------------------------------------
*   c-list-27（アルコール検知器活用時例の導入実績）
--------------------------------------------- */
.c-list-27__items {
    display: grid;
    gap: 60px 40px;
    grid-template-columns: repeat(6, 1fr);
}
@media screen and (max-width: 910px) {
    .c-list-27__items {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .c-list-27__items {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 20px;
    }
}
.c-list-27__item {
    text-align: center;
    position: relative;
}
@media screen and (min-width: 769px) {
    .c-list-27__link:hover .c-list-27__img {
        opacity: 0.7;
    }
    .c-list-27__link:hover .c-list-27__btn {
        color: #fff;
        background: #004198;
    }
}
.c-list-27__img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 3/2;
    transition: all 0.3s;
    margin: 0 0 5px;
}
.c-list-27__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.c-list-27__btn {
    display: inline-block;
    color: #004198;
    border: 1px solid #004198;
    background: #fff;
    font-size: 0.75rem;
    font-weight: bold;
    padding: 0.25rem 1.25rem;
    border-radius: 5px;
    transition: all 0.3s;
}

/* ---------------------------------------------
*   c-list-29（暑さ指数計のピックアッププロダクトのポイント説明用）
--------------------------------------------- */
/* ---------------------------------------------
*   c-list-2  機能ラベル
--------------------------------------------- */
.c-list-2__list {
    display: flex;
    flex-wrap: wrap;
}
.c-list-2__item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3px;
    margin-right: 3px;
    width: 61px;
    height: 33px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-align: center;
}
@media screen and (min-width: 1281px) {
    .c-list-2__item:nth-of-type(8n) {
        margin-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-list-2__item {
        margin-top: 1.6vw;
        margin-right: 1.5384615385%;
        width: 23.8461538462%;
        height: 8.5333333333vw;
        border-radius: 0.8vw;
    }
    .c-list-2__item:nth-of-type(4n) {
        margin-right: 0;
    }
}
.c-list-2__item--disabled {
    background-color: #f6f6f8;
}
.c-list-2__item--no-series {
    width: 59px;
}
@media screen and (min-width: 1281px) {
    .c-list-2__item--no-series:nth-of-type(8n) {
        margin-right: 3px;
    }
    .c-list-2__item--no-series:nth-of-type(12n) {
        margin-right: 0px;
    }
}
@media screen and (max-width: 768px) {
    .c-list-2__item--no-series {
        margin-top: 1.6vw;
        margin-right: 1.5384615385%;
        width: 23.8461538462%;
        height: 8.5333333333vw;
        border-radius: 0.8vw;
    }
    .c-list-2__item--no-series:nth-of-type(4n) {
        margin-right: 0;
    }
}
.c-list-2__ttl {
    line-height: 1.57;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-list-2__ttl {
        font-size: 3.7333333333vw;
    }
}
.c-list-2__txt {
    line-height: 1.15;
    font-size: 0.625rem;
    padding: 2px;
    word-break: break-all;
}
.c-list-2__item--disabled .c-list-2__txt {
    color: #999;
}
@media screen and (max-width: 768px) {
    .c-list-2__txt {
        font-size: 2.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-list-4    商品リスト
--------------------------------------------- */
.c-list-4 {
    display: flex;
    flex-wrap: wrap;
}
.c-list-4__item {
    margin-top: 42px;
    margin-left: 2.1276595745%;
    max-width: 220px;
    width: 23.4042553191%;
}
@media screen and (min-width: 1281px) {
    .c-list-4__item {
        margin-left: 20px;
    }
}
@media screen and (min-width: 769px) {
    .c-list-4__item:nth-of-type(-n + 4) {
        margin-top: 0;
    }
    .c-list-4__item:first-of-type {
        margin-left: 0;
    }
    .c-list-4__item:nth-of-type(4n + 1) {
        margin-left: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-list-4__item {
        margin-top: 11.2vw;
        margin-left: 4.4776119403%;
        max-width: none;
        width: 47.7611940299%;
    }
    .c-list-4__item:nth-of-type(-n + 2) {
        margin-top: 0;
    }
    .c-list-4__item:first-of-type {
        margin-left: 0;
    }
    .c-list-4__item:nth-of-type(2n + 1) {
        margin-left: 0;
    }
}

/* ---------------------------------------------
*   c-list-6    絞り込みのリスト
--------------------------------------------- */
.c-list-6 {
    padding-right: 5%;
    padding-left: 5%;
}
@media screen and (min-width: 1281px) {
    .c-list-6 {
        padding-right: 10px;
        padding-left: 10px;
    }
}
@media screen and (max-width: 768px) {
    .c-list-6 {
        padding-right: 0;
        padding-left: 0;
    }
}
.c-list-6__item {
    margin-top: 20px;
    font-size: 0;
}
.c-list-6__item:first-of-type {
    margin-top: 0;
}
@media screen and (max-width: 768px) {
    .c-list-6__item {
        margin-top: 0;
        padding-top: 4.8vw;
        padding-right: 5.3333333333vw;
        padding-bottom: 5.6vw;
        padding-left: 4vw;
        border-bottom: 1px solid #ddd;
    }
}

/* ---------------------------------------------
*   c-list-8
--------------------------------------------- */
.c-list-8 {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-list-8 {
        padding-right: 5.3333333333%;
        padding-bottom: 8px;
        padding-left: 5.3333333333%;
        overflow: auto;
    }
}
.c-list-8__item {
    margin-left: 1.6666666667%;
    max-width: 224px;
    width: 18.6666666667%;
}
@media screen and (min-width: 1281px) {
    .c-list-8__item {
        margin-left: 20px;
    }
}
@media screen and (max-width: 768px) {
    .c-list-8__item {
        margin-left: 4.4776119403%;
        min-width: 41.7910447761%;
        width: 41.7910447761%;
    }
}
.c-list-8__item:first-of-type {
    margin-left: 0;
}

/* ---------------------------------------------
*   c-list-10   モーダル内ラベル説明
--------------------------------------------- */
.c-list-10 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    width: 66.6666666667vw;
}
@media screen and (min-width: 1281px) {
    .c-list-10 {
        width: 860px;
    }
}
@media screen and (max-width: 768px) {
    .c-list-10 {
        display: block;
        width: 100%;
    }
}
.c-list-10__item {
    width: 50%;
    padding-bottom: 40px;
}
@media screen and (min-width: 769px) {
    .c-list-10__item:nth-of-type(odd) {
        padding-right: 30px;
        border-right: 1px solid #ddd;
    }
    .c-list-10__item:nth-of-type(even) {
        padding-left: 30px;
    }
    .c-list-10__item:nth-of-type(n + 3) {
        padding-top: 40px;
        border-top: 1px solid #ddd;
    }
    .c-list-10__item:nth-last-of-type(-n + 2) {
        padding-bottom: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-list-10__item {
        margin-top: 6.6666666667vw;
        padding-top: 6.6666666667vw;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 0;
        width: 88.7323943662%;
        border-top: 1px solid #ddd;
    }
    .c-list-10__item:first-of-type {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }
}

/* ---------------------------------------------
*   c-list-12
--------------------------------------------- */
.c-list-12 {
    display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
    .c-list-12 {
        display: block;
    }
}
.c-list-12__item {
    margin-right: 1.75%;
    max-width: 386px;
    width: 32.1666666667%;
}
@media screen and (min-width: 1281px) {
    .c-list-12__item {
        margin-right: 20px;
    }
}
@media screen and (max-width: 768px) {
    .c-list-12__item {
        margin-top: 4vw;
        max-width: none;
        width: 100%;
        margin-right: auto;
    }
}
@media screen and (max-width: 768px) {
    .c-list-12__item:first-of-type {
        margin-top: 0;
    }
}
.c-list-12__item:nth-of-type(3n) {
    margin-right: 0;
}
@media screen and (min-width: 769px) {
    .c-list-12__item:nth-of-type(n + 4) {
        margin-top: 2.5%;
    }
}
@media screen and (min-width: 1281px) {
    .c-list-12__item:nth-of-type(n + 4) {
        margin-top: 30px;
    }
}
@media screen and (max-width: 768px) {
    .c-list-12__item--movie {
        margin-top: 6.4vw;
    }
}

/* ---------------------------------------------
*   c-list-14
--------------------------------------------- */
.c-list-14 {
    display: flex;
    flex-wrap: wrap;
}
.c-list-14__item {
    margin-right: 1.6666666667%;
    max-width: 224px;
    width: 18.6666666667%;
}
@media screen and (min-width: 1281px) {
    .c-list-14__item {
        margin-right: 20px;
    }
}
@media screen and (max-width: 768px) {
    .c-list-14__item {
        margin-right: 4.4776119403%;
        max-width: none;
        width: 47.7611940299%;
    }
}
@media screen and (max-width: 768px) {
    .c-list-14__item:nth-of-type(2n) {
        margin-right: 0;
    }
}
@media screen and (min-width: 769px) {
    .c-list-14__item:nth-of-type(5n) {
        margin-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-list-14__item:nth-of-type(n + 3) {
        margin-top: 8vw;
    }
}

/* ---------------------------------------------
*   c-list-16
--------------------------------------------- */
.c-list-16 {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-list-16 {
        padding-right: 5.3333333333%;
        padding-bottom: 8px;
        padding-left: 5.3333333333%;
        overflow: auto;
    }
}
.c-list-16__item {
    position: relative;
    margin-left: 8.3333333333%;
    max-width: 224px;
    width: 18.6666666667%;
}
@media screen and (min-width: 1281px) {
    .c-list-16__item {
        margin-left: 100px;
    }
}
@media screen and (max-width: 768px) {
    .c-list-16__item {
        margin-left: 7.4626865672%;
        max-width: none;
        min-width: 41.7910447761%;
        width: 41.7910447761%;
    }
}
.c-list-16__item:first-of-type {
    margin-left: 0;
}
.c-list-16__item:first-of-type:before, .c-list-16__item:first-of-type:after {
    display: none;
}
.c-list-16__item:before, .c-list-16__item:after {
    content: "";
    position: absolute;
    top: 8.046875vw;
    left: -5vw;
    width: 2.03125vw;
    height: 0.3125vw;
    background-color: #333;
}
@media screen and (min-width: 1281px) {
    .c-list-16__item:before, .c-list-16__item:after {
        top: 103px;
        left: -64px;
        width: 26px;
        height: 4px;
    }
}
@media screen and (max-width: 768px) {
    .c-list-16__item:before, .c-list-16__item:after {
        top: 18.4vw;
        left: -5.0666666667vw;
        width: 4vw;
        height: 0.5333333333vw;
    }
}
.c-list-16__item:before {
    transform: rotate(0deg);
}
.c-list-16__item:after {
    transform: rotate(90deg);
}

/* ---------------------------------------------
*   c-list-18
--------------------------------------------- */
.c-list-18 {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-list-18 {
        flex-wrap: wrap;
    }
}
.c-list-18__item {
    margin-right: 1.6666666667%;
    max-width: 285px;
    width: 23.75%;
    border-radius: 5px;
    overflow: hidden;
}
@media screen and (min-width: 769px) {
    .c-list-18__item:nth-of-type(4n) {
        margin-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-list-18__item:nth-of-type(2n) {
        margin-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-list-18__item:nth-of-type(n + 3) {
        margin-top: 4.4776119403%;
    }
}
@media screen and (min-width: 1281px) {
    .c-list-18__item {
        margin-right: 20px;
    }
}
@media screen and (max-width: 768px) {
    .c-list-18__item {
        margin-right: 4.4776119403%;
        max-width: none;
        width: 47.7611940299%;
        border-radius: 1.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-list-20
--------------------------------------------- */
.c-list-20__item {
    margin-bottom: 30px;
    padding-bottom: 28px;
    border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 1280px) {
    .c-list-20__item {
        margin-bottom: 2.5%;
        padding-bottom: 2.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-list-20__item {
        margin-bottom: 8.9552238806%;
        padding-bottom: 8.9552238806%;
    }
}
.c-list-20__item:last-of-type {
    margin-bottom: 0;
}
.c-list-20__link {
    display: flex;
}
@media screen and (min-width: 769px) {
    .c-list-20__link {
        transition: opacity 300ms;
    }
    .c-list-20__link:hover {
        opacity: 0.8;
    }
}
.c-list-20__column {
    word-break: break-all;
}
.c-list-20__column--img {
    margin-right: 20px;
    width: 240px;
    height: 126px;
    flex-shrink: 0;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-list-20__column--img {
        margin-right: 4.4776119403%;
        width: 32vw;
        height: 16.8vw;
    }
}
.c-list-20__column--img img {
    width: 240px;
    height: 126px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
@media screen and (max-width: 768px) {
    .c-list-20__column--img img {
        width: 32vw;
        height: 16.8vw;
    }
}
.c-list-20__row {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.c-list-20__row--middle {
    margin-top: 7px;
    -webkit-line-clamp: 4;
}
@media screen and (max-width: 1280px) {
    .c-list-20__row--middle {
        margin-top: 0.546875vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-20__row--middle {
        margin-top: 2vw;
    }
}
.c-list-20__row--bottom {
    margin-top: 3px;
    -webkit-line-clamp: 2;
}
@media screen and (max-width: 1280px) {
    .c-list-20__row--bottom {
        margin-top: 0.234375vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-20__row--bottom {
        margin-top: 0.6666666667vw;
    }
}
.c-list-20__ttl {
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-list-20__ttl {
        font-size: 3.4666666667vw;
    }
}
.c-list-20__txt {
    line-height: 1.73;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-list-20__txt {
        font-size: 3.2vw;
    }
}
.c-list-20__note {
    color: #999;
    line-height: 1.27;
    letter-spacing: 0;
    font-family: century-gothic, sans-serif;
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-list-20__note {
        font-size: 2.9333333333vw;
    }
}

/* ---------------------------------------------
*   c-list-22
--------------------------------------------- */
.c-list-22 {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    gap: 30px;
}
@media screen and (max-width: 768px) {
    .c-list-22 {
        margin-top: 7.4666666667vw;
        flex-direction: column;
        gap: 13.3333333333vw;
    }
}
.c-list-22__item {
    width: 23.0833333333%;
    text-align: center;
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 768px) {
    .c-list-22__item {
        width: 100%;
    }
}
.c-list-22__img {
    margin-right: auto;
    margin-left: auto;
    width: 160px;
    height: 160px;
    min-width: 120px;
    min-height: 120px;
}
@media screen and (max-width: 1280px) {
    .c-list-22__img {
        width: 42.4403183024%;
        height: 13.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-22__img {
        width: 26.6666666667vw;
        height: 26.6666666667vw;
        min-width: 0;
        min-height: 0;
    }
}
.c-list-22__img img {
    width: 100%;
}
.c-list-22__ttl {
    display: block;
    margin-top: 15px;
    text-align: center;
    line-height: 1.54;
    letter-spacing: 0.03em;
    font-weight: bold;
    font-size: 1.375rem;
}
@media screen and (max-width: 768px) {
    .c-list-22__ttl {
        margin-top: 3.2vw;
        line-height: 1.88;
        font-size: 4.8vw;
    }
}
.c-list-22__txt {
    margin-top: 16px;
    display: block;
    text-align: justify;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-list-22__txt {
        margin-top: 2.1333333333vw;
        line-height: 1.73;
        font-size: 4vw;
    }
}
.c-list-22__btn-wrap {
    margin-top: auto;
}

/* ---------------------------------------------
*   c-list-24
--------------------------------------------- */
.c-list-24 {
    display: flex;
    justify-content: center;
    gap: 20px;
}
@media screen and (max-width: 1280px) {
    .c-list-24 {
        gap: 1.6666666667%;
    }
}
@media screen and (max-width: 768px) {
    .c-list-24 {
        flex-direction: column;
        gap: 2.6666666667vw;
    }
}
.c-list-24__item {
    width: 224px;
}
@media screen and (max-width: 1280px) {
    .c-list-24__item {
        width: 18.6666666667%;
    }
}
@media screen and (max-width: 768px) {
    .c-list-24__item {
        width: 100%;
    }
}
.c-list-24__link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    height: 80px;
    border: 2px solid #004198;
    border-radius: 5px;
}
@media screen and (min-width: 769px) {
    .c-list-24__link {
        transition: opacity 300ms;
    }
    .c-list-24__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-list-24__link {
        justify-content: flex-start;
        padding: 2.6666666667vw 8vw 2.6666666667vw 4.8vw;
        text-align: left;
        height: 13.3333333333vw;
        border-radius: 1.3333333333vw;
    }
}
.c-list-24__link::after {
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 21px;
    height: 10px;
    background-color: #004198;
    transform: translateX(-50%);
    content: "";
    -webkit-clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
            clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
}
@media screen and (max-width: 768px) {
    .c-list-24__link::after {
        top: 50%;
        right: 3.2vw;
        left: auto;
        bottom: auto;
        width: 3.4666666667vw;
        height: 1.6vw;
        transform: translateY(-50%);
    }
}
.c-list-24__link-txt {
    text-align: center;
    letter-spacing: 0.03em;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-list-24__link-txt {
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   c-list-26
--------------------------------------------- */
.c-list-26 {
    display: flex;
    justify-content: center;
    gap: 60px;
    margin-top: 38px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-list-26 {
        margin-top: 2.1333333333vw;
        flex-direction: column;
        gap: 3.4666666667vw;
    }
}
.c-list-26__item {
    width: 280px;
}
@media screen and (max-width: 768px) {
    .c-list-26__item {
        display: flex;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-list-26__img {
        width: 42.6666666667vw;
    }
}
.c-list-26__wrap {
    margin-top: 18px;
}
@media screen and (max-width: 768px) {
    .c-list-26__wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 0;
        margin-left: 4vw;
        text-align: left;
    }
}
.c-list-26__txt {
    letter-spacing: 0.03em;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-list-26__txt {
        font-size: 4.2666666667vw;
        white-space: nowrap;
    }
}

/* ---------------------------------------------
*   c-list-28
--------------------------------------------- */
.c-list-28 {
    --column-gap: 80px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--column-gap);
    row-gap: 50px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1090px;
}
@media screen and (max-width: 1280px) {
    .c-list-28 {
        --column-gap: 6.66%;
    }
}
@media screen and (max-width: 768px) {
    .c-list-28 {
        --column-gap: 15px;
        row-gap: 8vw;
    }
}
.c-list-28__item {
    --col: 3;
    width: calc((100% - var(--column-gap) * (var(--col) - 1)) / var(--col));
}
@media screen and (max-width: 768px) {
    .c-list-28__item {
        --col: 2;
    }
}

/* ---------------------------------------------
*   c-list-30
--------------------------------------------- */
.c-list-30 {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 30px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
}
@media screen and (max-width: 1280px) {
    .c-list-30 {
        gap: 50px 2.5%;
    }
}
.windows .c-list-30 {
    gap: 50px 29px;
}
@media screen and (max-width: 1280px) {
    .windows .c-list-30 {
        gap: 50px 2.5%;
    }
}

@media screen and (max-width: 768px) {
    .c-list-30 {
        gap: 8vw;
    }
}
.c-list-30__item {
    width: 31.6666666667%;
}
@media screen and (max-width: 768px) {
    .c-list-30__item {
        width: 100%;
    }
}

/* ---------------------------------------------
*   c-list-32
--------------------------------------------- */
.c-list-32 {
    margin-top: 80px;
    display: flex;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
}
@media screen and (max-width: 768px) {
    .c-list-32 {
        padding-right: 5.3333333333%;
        padding-left: 5.3333333333%;
        margin-top: 8vw;
    }
}
.c-list-32__item {
    width: 26.5%;
    border-right: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-list-32__item {
        width: 32.8358208955%;
    }
}
.c-list-32__item:first-of-type {
    margin-left: 0;
    border-left: 1px solid #ddd;
}
.c-list-32__link {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 10px 1em 38px;
}
@media screen and (min-width: 769px) {
    .c-list-32__link {
        transition: opacity 300ms;
    }
    .c-list-32__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-list-32__link {
        padding: 3.4666666667vw 0 6.1333333333vw;
    }
}
.c-list-32__link::before {
    display: block;
    content: "";
    position: absolute;
    bottom: 9px;
    left: 50%;
    transform: translateX(-50%);
    width: 21px;
    height: 10px;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
            clip-path: polygon(0 0, 100% 0, 50% 100%);
    background-color: #004198;
}
@media screen and (max-width: 768px) {
    .c-list-32__link::before {
        bottom: 2.1333333333vw;
        width: 4.2666666667vw;
        height: 2.1333333333vw;
    }
}
.c-list-32__num {
    font-size: 1.125rem;
    font-weight: bold;
    font-family: century-gothic, sans-serif;
    color: #999;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-list-32__num {
        font-size: 4vw;
    }
}
.c-list-32__txt {
    margin-top: 8px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.28;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-list-32__txt {
        display: flex;
        align-items: center;
        min-height: 10.6666666667vw;
        line-height: 1.2;
        margin-top: 0.8vw;
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   vue-js-modal overwriting
--------------------------------------------- */
.vm--container {
    display: flex;
}
.vm--container .vm--overlay {
    background-color: rgba(0, 0, 0, 0.8);
}
.vm--container .vm--top-right-slot {
    top: 30px;
    right: 30px;
}
@media screen and (max-width: 768px) {
    .vm--container .vm--top-right-slot {
        top: 3.4666666667vw;
        right: 2.6666666667vw;
    }
}
.vm--container .vm--top-right-slot button {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
}
@media screen and (min-width: 769px) {
    .vm--container .vm--top-right-slot button {
        transition: opacity 300ms;
    }
    .vm--container .vm--top-right-slot button:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .vm--container .vm--top-right-slot button {
        width: 6.1333333333vw;
        height: 6.1333333333vw;
    }
}
.vm--container .vm--top-right-slot button:before, .vm--container .vm--top-right-slot button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 1px;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .vm--container .vm--top-right-slot button:before, .vm--container .vm--top-right-slot button:after {
        width: 140%;
    }
}
.vm--container .vm--top-right-slot button:before {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.vm--container .vm--top-right-slot button:after {
    transform: translate(-50%, -50%) rotate(45deg);
}
.vm--container .vm--modal {
    position: relative;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    margin: auto;
    max-width: 83.3333333333%;
    height: auto !important;
    max-height: 80vh;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
}
@media screen and (min-width: 769px) {
    .vm--container .vm--modal {
        width: auto !important;
    }
}
@media screen and (min-width: 1281px) {
    .vm--container .vm--modal {
        max-width: 1200px;
    }
}
@media screen and (max-width: 768px) {
    .vm--container .vm--modal {
        max-width: 94.6666666667%;
        width: 94.6666666667% !important;
        max-height: 83vh;
        border-radius: 1.3333333333vw;
    }
}
@media screen and (orientation: landscape) and (max-width: 768px) {
    .vm--container .vm--modal {
        max-height: 60vh;
    }
}

/* ---------------------------------------------
*   c-modal-2
--------------------------------------------- */
.c-modal-2 {
    width: auto;
    max-height: 80vh;
    background-color: #fff;
    border-radius: 5px;
    overflow: auto;
}
@media screen and (max-width: 768px) {
    .c-modal-2 {
        width: 100%;
        max-height: 83vh;
        border-radius: 1.3333333333vw;
    }
}
@media screen and (orientation: landscape) and (max-width: 768px) {
    .c-modal-2 {
        max-height: 60vh;
    }
}
.c-modal-2__container {
    padding: 50px;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 768px) {
    .c-modal-2__container {
        padding: 8vw 0;
    }
}

/* ---------------------------------------------
*   c-modal-movie
--------------------------------------------- */
.c-modal-movie__container {
    margin-right: auto;
    margin-left: auto;
    width: 62.5vw;
    height: 35.15625vw;
}
@media screen and (min-width: 1281px) {
    .c-modal-movie__container {
        width: 800px;
        height: 450px;
    }
}
@media screen and (max-width: 768px) {
    .c-modal-movie__container {
        width: 89.3333333333vw;
        height: 50.1333333333vw;
    }
}
.c-modal-movie__movie {
    position: relative;
    padding-top: 56.25%;
}
.c-modal-movie__movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* ---------------------------------------------
*   c-modal-medical
--------------------------------------------- */
.c-modal-medical__overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
}
.c-modal-medical__container {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 650px;
    width: 100%;
    z-index: 10001;
    padding: 50px;
    background-color: #fff;
    border-radius: 5px;
    transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
    .c-modal-medical__container {
        max-width: 89.3333333333vw;
        padding: 8.8vw 6.6666666667vw;
        border-radius: 1.3333333333vw;
    }
}
.c-modal-medical__btn-block {
    margin-top: 30px;
    padding-top: 30px;
    text-align: center;
    border-top: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-modal-medical__btn-block {
        margin-top: 7.2vw;
        padding-top: 7.2vw;
    }
}
.c-modal-medical__lead-txt {
    line-height: 1.75;
    letter-spacing: 0;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-modal-medical__lead-txt {
        line-height: 1.73;
        letter-spacing: 0.06em;
        font-size: 4vw;
    }
}
.c-modal-medical__txt {
    line-height: 1.53;
    letter-spacing: 0;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-modal-medical__txt {
        text-align: left;
        font-size: 3.4666666667vw;
    }
}
.c-modal-medical__ttl {
    margin-bottom: 9px;
    line-height: 1.4;
    letter-spacing: 0;
    font-weight: bold;
    font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
    .c-modal-medical__ttl {
        margin-bottom: 2.1333333333vw;
        font-size: 5.3333333333vw;
    }
}
.c-modal-medical__btn-list {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 25px;
}
@media screen and (max-width: 768px) {
    .c-modal-medical__btn-list {
        gap: 1.3333333333vw;
        margin-top: 6.6666666667vw;
    }
}
.c-modal-medical__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 60px;
    background-color: #004198;
    border: 2px solid #004198;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.03em;
    font-size: 1.125rem;
}
@media screen and (min-width: 769px) {
    .c-modal-medical__btn {
        transition: opacity 300ms;
    }
    .c-modal-medical__btn:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-modal-medical__btn {
        width: 37.3333333333vw;
        height: 13.3333333333vw;
        border-radius: 1.3333333333vw;
    }
}
.c-modal-medical__btn--white {
    background-color: #fff;
    border: 2px solid #004198;
    color: #004198;
}

/* ---------------------------------------------
*   c-nav-recruit
--------------------------------------------- */
.c-nav-recruit {
    position: sticky;
    top: 0;
    left: 0;
    max-width: 95.3125%;
    width: 1280px;
    margin: -40px auto 0;
    padding: 0 50px;
    background-color: #fff;
    border-radius: 70px;
    box-shadow: 4px 4px 30px rgba(230, 185, 144, 0.02);
    z-index: 100;
}
@media screen and (max-width: 1440px) {
    .c-nav-recruit {
        margin-top: -2.7777777778vw;
        padding: 0 3.4722222222vw;
    }
}
@media screen and (max-width: 768px) {
    .c-nav-recruit {
        opacity: 0;
        pointer-events: none;
        position: fixed;
        top: 0;
        max-width: none;
        width: 100%;
        height: 100dvh;
        margin: 0;
        padding: 31px 20px 57px 25px;
        border-radius: 0;
        box-shadow: none;
        transition: opacity 0.3s;
        z-index: 2000;
        overflow-y: auto;
    }
}
@media screen and (max-width: 768px) {
    .c-nav-recruit.is-show {
        opacity: 1;
        pointer-events: auto;
    }
}
.c-nav-recruit--top {
    margin-top: -280px;
}
@media screen and (max-width: 1440px) {
    .c-nav-recruit--top {
        margin-top: -19.4444444444vw;
    }
}
@media screen and (max-width: 768px) {
    .c-nav-recruit--top {
        margin-top: 0;
    }
}
.c-nav-recruit__list {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-nav-recruit__list {
        display: block;
        margin-top: 18px;
        padding: 0 20px;
    }
}
.c-nav-recruit__item {
    position: relative;
    padding: 0 40px;
}
@media screen and (max-width: 1440px) {
    .c-nav-recruit__item {
        padding: 0 2.7777777778vw;
    }
}
@media screen and (max-width: 768px) {
    .c-nav-recruit__item {
        padding: 0;
        border-top: 1px solid #eae4de;
    }
    .c-nav-recruit__item:first-of-type {
        border-top: none;
    }
}
.c-nav-recruit__item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%) rotate(-45deg);
    width: 16px;
    height: 1px;
    background-color: #9e988b;
}
@media screen and (max-width: 1440px) {
    .c-nav-recruit__item::before {
        left: -0.6944444444vw;
    }
}
@media screen and (max-width: 768px) {
    .c-nav-recruit__item::before {
        content: none;
    }
}
.c-nav-recruit__item:first-of-type::before {
    content: none;
}
.c-nav-recruit__link {
    display: block;
    padding: 28px 0;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
    .c-nav-recruit__link {
        transition: opacity 300ms;
    }
    .c-nav-recruit__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-nav-recruit__link {
        position: relative;
        padding: 22px 20px;
        font-size: 16px;
    }
    .c-nav-recruit__link::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 8px;
        height: 11px;
        background: url(/lp/img/company/recruit/graduate/common/img_triangle_orange.svg) 0 0 no-repeat;
        background-size: contain;
    }
}
.c-nav-recruit__link--anchor {
    position: relative;
    padding-right: 21px;
}
@media screen and (max-width: 768px) {
    .c-nav-recruit__link--anchor {
        padding: 20px;
    }
}
@media screen and (min-width: 769px) {
    .c-nav-recruit__link--anchor::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-40%) rotate(90deg);
        width: 10px;
        height: 13px;
        background: url(/lp/img/company/recruit/graduate/common/img_triangle_orange.svg) 0 0 no-repeat;
        background-size: contain;
    }
}
@media screen and (min-width: 769px) {
    .c-nav-recruit__link.is-current {
        color: #ee9105;
    }
    .c-nav-recruit__link.is-current::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 45px;
        height: 5px;
        background-color: #ee9105;
        border-radius: 3px 3px 0 0;
    }
}
.c-nav-recruit__logo {
    width: 189px;
}
.c-nav-recruit__btn {
    display: block;
    margin-top: -10px;
    margin-left: auto;
    margin-right: 17px;
    width: 155px;
}
.c-nav-recruit__close {
    position: absolute;
    top: 34px;
    right: 20px;
    width: 40px;
    border-radius: 50%;
}

/* ---------------------------------------------
*   c-nav-recruit-sp
--------------------------------------------- */
.c-nav-recruit-sp {
    position: fixed;
    bottom: 20px;
    right: 0;
    width: 39px;
    z-index: 10;
}
.c-nav-recruit-sp__item {
    margin-top: 5px;
}
.c-nav-recruit-sp__item:first-of-type {
    margin-top: 0;
}
.c-nav-recruit-sp__btn {
    display: block;
    font-size: 14px;
    font-weight: bold;
    writing-mode: tb-rl;
    background-color: #fff;
    border-radius: 10px 0 0 3px;
    padding: 14px 8px;
    border: 2px solid #fff;
    border-right: none;
    cursor: pointer;
}
.c-nav-recruit-sp__link {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    writing-mode: tb-rl;
    background: linear-gradient(175.09deg, rgb(243, 142, 48) 2.53%, rgba(255, 186, 26, 0.36) 121.28%, rgba(255, 105, 72, 0) 187.77%);
    border-radius: 3px 0 0 10px;
    padding: 14px 8px;
    border: 2px solid #ee9105;
    border-right: none;
    border-color: #bbb;
    background: linear-gradient(175.09deg, rgba(156, 156, 156, 0.82) 2.53%, rgba(156, 156, 156, 0.294335) 121.28%, rgba(156, 156, 156, 0.24) 187.77%);
    pointer-events: none;
}
.c-nav-recruit-sp__link::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: url(/lp/img/company/recruit/graduate/top/sp/bg_entry.png) 0 0 no-repeat;
    background-size: cover;
}
.c-nav-recruit-sp__link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
    border-radius: 1px 0 0 8px;
}

/* ---------------------------------------------
*   c-section-top-magazine
--------------------------------------------- */
.c-section-top-magazine__container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 90px 40px 110px;
}
@media screen and (max-width: 1280px) {
    .c-section-top-magazine__container {
        padding: 7.03125% 3.125% 8.59375%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-top-magazine__container {
        padding: 18.6666666667% 5.3333333333% 24.2666666667%;
    }
}
.c-section-top-magazine__content {
    margin-top: 1.6666666667%;
}
@media screen and (max-width: 768px) {
    .c-section-top-magazine__content {
        margin-top: 4.4776119403%;
    }
}
.c-section-top-magazine__link {
    margin-top: 3.3333333333%;
    text-align: right;
}
@media screen and (max-width: 768px) {
    .c-section-top-magazine__link {
        margin-top: 7.4626865672%;
    }
}

/* ---------------------------------------------
*   c-section-top-magazine-2
--------------------------------------------- */
.c-section-top-magazine-2__container {
    margin-right: auto;
    margin-left: auto;
    padding: 90px 40px 0;
    max-width: 1280px;
}
@media screen and (max-width: 768px) {
    .c-section-top-magazine-2__container {
        padding: 7.8125% 3.125% 0;
    }
}
@media screen and (max-width: 768px) {
    .c-section-top-magazine-2__container {
        padding: 18.6666666667% 5.3333333333% 0;
    }
}
.c-section-top-magazine-2__content {
    margin-top: 1.66667%;
}
@media screen and (max-width: 768px) {
    .c-section-top-magazine-2__content {
        margin-top: 4.47761%;
    }
}
.c-section-top-magazine-2__link {
    margin-top: 3.33333%;
    text-align: right;
}
@media screen and (max-width: 768px) {
    .c-section-top-magazine-2__link {
        margin-top: 7.46269%;
    }
}
.c-section-top-magazine-2__link-center {
    margin-top: 57px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-top-magazine-2__link-center {
        margin-top: 7.46269%;
    }
}

/* ---------------------------------------------
*   c-section-top-product
--------------------------------------------- */
.c-section-top-product {
    padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
    .c-section-top-product {
        padding-bottom: 60px;
    }
}

.c-section-top-product__container {
    padding-top: 60px;
}

@media screen and (max-width: 1280px) {
    .c-section-top-product__container {
        padding-top: 8.59375%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-top-product__container {
        padding-top: 18.66667%;
    }
}
.c-section-top-product__content {
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .c-section-top-product__content {
        margin-top: 5.33333%;
    }
}
.c-section-top-product__unit {
    margin-top: 2.5%;
    margin-right: auto;
    margin-left: auto;
    padding: 0 40px;
    max-width: 1280px;
}

@media screen and (max-width: 768px) {
    .c-section-top-product__unit {
        margin-top: 8.59375%;
        padding: 0 5.33333%;
    }
}
.c-section-top-product__ttl {
    font-weight: bold;
    font-size: 1.125rem;
}

/* ---------------------------------------------
*   c-section-top-service
--------------------------------------------- */
.c-section-top-service {
    background-color: #f7f3e5;
}
.c-section-top-service--light-green {
    background-color: #eaf4f3;
}
.c-section-top-service__container {
    padding-top: 110px;
}
@media screen and (max-width: 1280px) {
    .c-section-top-service__container {
        padding-top: 8.59375%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-top-service__container {
        padding-top: 18.6666666667%;
    }
}
.c-section-top-service__content {
    margin-top: 20px;
}
@media screen and (max-width: 1280px) {
    .c-section-top-service__content {
        margin-top: 1.5625%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-top-service__content {
        margin-top: 5.3333333333%;
    }
}

/* ---------------------------------------------
*   c-section-top-service-2
--------------------------------------------- */
.c-section-top-service-2 {
    background-color: #EFEDE1;
}
.c-section-top-service-2--light-green {
    background-color: #eaf4f3;
}
.c-section-top-service-2__container {
    padding-top: 60px;
}
@media screen and (max-width: 768px) {
    .c-section-top-service-2__container {
        padding-top: 8.59375%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-top-service-2__container {
        padding-top: 18.66667%;
    }
}
.c-section-top-service-2__content {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-section-top-service-2__content {
        margin-top: 1.5625%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-top-service-2__content {
        margin-top: 5.33333%;
    }
}

/* ---------------------------------------------
*   c-section-top-support
--------------------------------------------- */
.c-section-top-support__container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 100px 40px 0;
}
@media screen and (max-width: 1280px) {
    .c-section-top-support__container {
        padding: 7.8125% 3.125% 0;
    }
}
@media screen and (max-width: 768px) {
    .c-section-top-support__container {
        padding: 18.6666666667% 5.3333333333% 0;
    }
}
.c-section-top-support__content {
    margin-top: 20px;
}
@media screen and (max-width: 1280px) {
    .c-section-top-support__content {
        margin-top: 1.5625%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-top-support__content {
        margin-top: 5.9701492537%;
    }
}

/* ---------------------------------------------
*   c-section-top-activities
--------------------------------------------- */
.c-section-top-activities__container {
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 120px;
}
@media screen and (max-width: 1280px) {
    .c-section-top-activities__container {
        padding-top: 7.8125%;
        padding-bottom: 9.375%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-top-activities__container {
        padding-top: 17.3333333333%;
        padding-bottom: 18.6666666667%;
    }
}
.c-section-top-activities__content {
    margin-top: 20px;
}
@media screen and (max-width: 1280px) {
    .c-section-top-activities__content {
        margin-top: 1.5625%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-top-activities__content {
        margin-top: 5.3333333333%;
    }
}
.c-section-top-activities__link {
    margin-top: 50px;
    text-align: center;
}
@media screen and (max-width: 1280px) {
    .c-section-top-activities__link {
        margin-top: 3.90625%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-top-activities__link {
        margin-top: 8%;
    }
}

/* ---------------------------------------------
*   c-section-top-company
--------------------------------------------- */
.c-section-top-company {
    background-color: #f0f3f5;
}
.c-section-top-company__container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 40px 70px;
}
@media screen and (max-width: 1280px) {
    .c-section-top-company__container {
        padding: 6.25% 3.125% 7.8125%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-top-company__container {
        padding: 18.6666666667% 5.3333333333% 17.3333333333%;
    }
}
.c-section-top-company__content {
    margin-top: 20px;
}
@media screen and (max-width: 1280px) {
    .c-section-top-company__content {
        margin-top: 1.5625%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-top-company__content {
        margin-top: 5.9701492537%;
    }
}

/* ---------------------------------------------
*   c-section-top-news
--------------------------------------------- */
.c-section-top-news__container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 100px 40px 120px;
}
@media screen and (max-width: 1280px) {
    .c-section-top-news__container {
        padding: 7.8125% 3.125% 9.375%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-top-news__container {
        padding: 18.6666666667% 5.3333333333% 21.3333333333%;
    }
}
.c-section-top-news__content {
    margin-top: 40px;
}
@media screen and (max-width: 1280px) {
    .c-section-top-news__content {
        margin-top: 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-top-news__content {
        margin-top: 8.9552238806%;
    }
}
.c-section-top-news__link {
    margin-top: 45px;
    text-align: right;
}
.c-section-top-news__link-center {
    margin-top: 57px;
    text-align: center;
}
@media screen and (max-width: 1280px) {
    .c-section-top-news__link {
        margin-top: 3.515625%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-top-news__link {
        margin-top: 6.6666666667%;
    }
}

/* ---------------------------------------------
*   c-section-1
--------------------------------------------- */
.c-section-1--special {
    background-color: #f7f3e5;
}
.c-section-1:not(.c-section-1--magazine):nth-of-type(2n) {
    background-color: #f7f3e5;
}
.c-section-1__container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 100px 40px;
}
@media screen and (max-width: 1280px) {
    .c-section-1__container {
        padding: 7.8125% 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-1__container {
        padding: 13.3333333333% 5.3333333333% 18.6666666667%;
    }
}
.c-section-1--magazine .c-section-1__container {
    padding: 4.0223463687% 0 1.5642458101%;
}
@media screen and (max-width: 1000px) {
    .c-section-1--magazine .c-section-1__container {
        padding: 4.0223463687% 4.469273743% 1.5642458101%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-1--magazine .c-section-1__container {
        padding: 12.5333333333% 5.3333333333% 0%;
    }
}
.c-section-1--magazine:last-of-type .c-section-1__container {
    padding: 8.7150837989% 0 11.6201117318%;
}
@media screen and (max-width: 1000px) {
    .c-section-1--magazine:last-of-type .c-section-1__container {
        padding: 8.7150837989% 4.469273743% 11.6201117318%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-1--magazine:last-of-type .c-section-1__container {
        padding: 19.2% 5.3333333333% 0%;
    }
}
.c-section-1__container--cat {
    padding-top: 0 !important;
}
@media screen and (max-width: 768px) {
    .c-section-1__container--cat {
        padding-top: 3.2% !important;
    }
}
.c-section-1__content {
    margin-top: 20px;
}
@media screen and (max-width: 1280px) {
    .c-section-1__content {
        margin-top: 1.5625%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-1__content {
        margin-top: 5.9701492537%;
    }
}
.c-section-1--magazine .c-section-1__content {
    margin-top: 2.1229050279%;
}
@media screen and (max-width: 768px) {
    .c-section-1--magazine .c-section-1__content {
        margin-top: 5.9701492537%;
    }
}
.c-section-1__link {
    margin-top: 40px;
    text-align: center;
}
@media screen and (max-width: 1280px) {
    .c-section-1__link {
        margin-top: 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-1__link {
        margin-top: 14.328358209%;
    }
}
.c-section-1--magazine .c-section-1__link {
    margin-top: 4.469273743%;
}
@media screen and (max-width: 768px) {
    .c-section-1--magazine .c-section-1__link {
        margin-top: 10.1492537313%;
    }
}

/* ---------------------------------------------
*   c-section-3
--------------------------------------------- */
.c-section-3 {
    margin-top: 12.5%;
}
@media screen and (max-width: 768px) {
    .c-section-3 {
        margin-top: 21.3333333333%;
    }
}
.c-section-3:first-of-type {
    margin-top: 0;
}
.c-section-3__main-img {
    width: 100%;
    margin: 70px 0;
}
@media screen and (max-width: 768px) {
    .c-section-3__main-img {
        margin: 8vw 0;
    }
}
.c-section-3__main-img img {
    display: block;
    border-radius: 5px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-section-3__main-img img {
        border-radius: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-block-11 .c-section-3__main-img img {
        border-radius: 1.3333333333vw;
    }
}

.c-section-3__main-img figcaption {
    display: block;
    margin-top: 13px;
    font-size: 0.875rem;
    color: #666666;
}
@media screen and (max-width: 768px) {
    .c-section-3__main-img figcaption {
        margin-top: 2.6666666667vw;
        font-size: 3.7333333333vw;
    }
}
.c-section-3__part-wrap {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 768px) {
    .c-section-3__part-wrap {
        max-width: none;
    }
}
.c-section-3__inner {
    max-width: 750px;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 768px) {
    .c-section-3__inner {
        max-width: none;
        margin-top: 7.4666666667%;
    }
}
.c-section-3__ttl {
    margin-top: 70px;
    margin-bottom: 35px;
    padding-left: 18px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.125;
    letter-spacing: 0.06em;
    border-left: 2px solid #004198;
}
@media screen and (max-width: 768px) {
    .c-section-3__ttl {
        max-width: 89.3333333333%;
        margin-top: 8vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 4%;
        padding-left: 2.9333333333%;
        font-size: 6.4vw;
        line-height: 1.4;
    }
}
@media screen and (max-width: 768px) {
    .c-block-11 .c-section-3__ttl {
        max-width: 100%;
    }
}

.c-section-3__txt {
    margin-bottom: 40px;
    font-size: 1rem;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-section-3__txt {
        max-width: 89.3333333333%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5.3333333333%;
        font-size: 4.2666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-3__unit .c-section-3__txt {
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    .c-section-3__unit--reverse .c-section-3__txt {
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
    }
}

@media screen and (max-width: 768px) {
    .c-block-11 .c-section-3__txt, .c-section-3__column-wrap .c-section-3__txt, .c-section-3__box .c-section-3__txt {
        max-width: 100%;
    }
}

.c-section-3__txt strong {
    font-weight: bold;
    background: linear-gradient(transparent 70%, #fff367 70%);
}
.c-section-3__txt a {
    color: #004198;
    text-decoration: underline;
    word-break: break-all;
}
.c-section-3__txt a:hover {
    text-decoration: none;
}
.c-section-3__txt .text-tiny {
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-section-3__txt .text-tiny {
        font-size: 3.2vw;
    }
}
.c-section-3__txt .text-small {
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-section-3__txt .text-small {
        font-size: 3.7333333333vw;
    }
}
.c-section-3__txt .text-big {
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-section-3__txt .text-big {
        font-size: 4.8vw;
    }
}
.c-section-3__txt .text-huge {
    font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
    .c-section-3__txt .text-huge {
        font-size: 5.3333333333vw;
    }
}
.c-section-3__txt img {
    height: auto;
}
.c-section-3__sub-ttl {
    margin-top: 60px;
    margin-bottom: 30px;
    padding-bottom: 9px;
    font-size: 1.375rem;
    font-weight: bold;
    border-bottom: 2px solid #f0f3f5;
}
@media screen and (max-width: 768px) {
    .c-section-3__sub-ttl {
        max-width: 89.3333333333%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 8vw;
        margin-bottom: 5.3333333333%;
        padding-bottom: 1.8666666667%;
        font-size: 5.3333333333vw;
    }
}
.c-section-3__unit {
    display: flex;
    align-items: flex-start;
    margin: 20px 0;
}
@media screen and (max-width: 768px) {
    .c-section-3__unit {
        max-width: 89.3333333333%;
        margin: 5.3333333333vw auto 10.6666666667vw;
        display: block;
    }
}
.c-section-3__unit--reverse {
    flex-direction: row-reverse;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .c-section-3__unit--reverse {
        display: flex;
        flex-direction: column-reverse;
    }
}
.c-section-3__sub-img {
    width: 355px;
    margin-right: 40px;
    flex: none;
}
@media screen and (max-width: 768px) {
    .c-section-3__sub-img {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 768px) {
    .c-section-3__unit .c-section-3__sub-img {
        margin: 5.3333333333vw 0;
    }
}
.c-section-3__unit--reverse .c-section-3__sub-img {
    margin-right: 0;
    margin-left: 40px;
}
@media screen and (max-width: 768px) {
    .c-section-3__unit--reverse .c-section-3__sub-img {
        margin-left: auto;
    }
}
@media screen and (max-width: 1280px) {
    .has-sidebar .c-section-3__sub-img {
        width: 27.734375vw;
    }
}
@media screen and (max-width: 768px) {
    .has-sidebar .c-section-3__sub-img {
        width: 100%;
    }
}

.c-section-3__sub-img img {
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-section-3__sub-img img {
        border-radius: 1.3333333333vw;
    }
}
.c-section-3__figure {
    width: 100%;
    margin: 40px 0;
}
@media screen and (max-width: 768px) {
    .c-section-3__figure {
        max-width: 89.3333333333%;
        margin-left: auto;
        margin-right: auto;
        margin: 5.3333333333% auto;
    }
}
.c-section-3__figure img {
    width: 100%;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-section-3__figure img {
        border-radius: 1.3333333333vw;
    }
}
.c-section-3__heading {
    position: relative;
    margin-top: 35px;
    margin-bottom: 10px;
    font-size: 1.125rem;
    font-weight: bold;
    text-indent: -1em;
    padding-left: 1em;
}
@media screen and (max-width: 768px) {
    .c-section-3__heading {
        max-width: 89.3333333333%;
        margin-top: 6.6666666667vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2.6666666667%;
        font-size: 4.8vw;
    }
}
.c-section-3__heading::before {
    content: "●";
    font-size: 1.125rem;
    font-weight: bold;
    font-family: noto-sans-cjk-jp, sans-serif;
    color: #004198;
}
@media screen and (max-width: 768px) {
    .c-section-3__heading::before {
        font-size: 4.8vw;
    }
}
.c-section-3__movie {
    display: flex;
    margin: 70px auto;
}
@media screen and (max-width: 768px) {
    .c-section-3__movie {
        display: block;
        max-width: 89.3333333333%;
        margin: 8% auto;
    }
}
.c-section-3__movie-inner {
    position: relative;
    width: 100%;
    margin-left: 30px;
    aspect-ratio: 16/9;
}
@media screen and (max-width: 768px) {
    .c-section-3__movie-inner {
        margin-top: 4vw;
        margin-left: 0;
    }
}
.c-section-3__movie-inner:first-of-type {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-section-3__movie-inner:first-of-type {
        margin-top: 0;
    }
}
.c-section-3__movie-inner iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.c-section-3__check-list {
    margin: 60px 0;
}
@media screen and (max-width: 768px) {
    .c-section-3__check-list {
        max-width: 89.3333333333%;
        margin: 10.6666666667% auto;
    }
}
.c-section-3__check-list li {
    position: relative;
    margin-top: 1em;
    padding-left: 28px;
    font-size: 1rem;
    line-height: 1.625;
}
@media screen and (max-width: 768px) {
    .c-section-3__check-list li {
        padding-left: 7.4666666667%;
        font-size: 4.2666666667vw;
    }
}
.c-section-3__check-list li:first-of-type {
    margin-top: 0;
}
.c-section-3__check-list li::before {
    display: block;
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 20px;
    height: 16px;
    background: url(/lp/img/common/icon_check_blue.svg) 0 0 no-repeat;
    background-size: contain;
}
@media screen and (max-width: 768px) {
    .c-section-3__check-list li::before {
        top: 1.6vw;
        width: 5.3333333333vw;
        height: 4.2666666667vw;
    }
}
.c-section-3__btn-wrap {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 70px 0;
}
@media screen and (max-width: 768px) {
    .c-section-3__btn-wrap {
        display: block;
        margin: 16vw 0;
    }
}
.c-section-3__box .c-section-3__btn-wrap {
    margin: 0;
}
.c-section-3__btn {
    display: block;
    width: 342px;
    margin-left: 10px;
    padding: 16px 1em;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    border-radius: 80px;
    background-color: #333;
}
@media screen and (min-width: 769px) {
    .c-section-3__btn {
        transition: opacity 300ms;
    }
    .c-section-3__btn:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-section-3__btn {
        max-width: none;
        width: 89.3333333333%;
        margin-top: 4vw;
        margin-left: auto;
        margin-right: auto;
        padding: 4% 1em;
        font-size: 4.2666666667vw;
        border-radius: 14.6666666667vw;
    }
}
.c-section-3__btn:first-of-type {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-section-3__btn:first-of-type {
        margin-top: 0;
        margin-left: auto;
    }
}
.c-section-3__table-wrap {
    margin-top: 50px;
    margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
    .c-section-3__table-wrap {
        margin-top: 10.6666666667%;
        margin-bottom: 4%;
    }
}
.c-section-3__table-ttl {
    font-size: 1rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-section-3__table-ttl {
        max-width: 89.3333333333%;
        margin-left: auto;
        margin-right: auto;
        font-size: 4.2666666667vw;
    }
}
.c-section-3__table-inner {
    margin-top: 15px;
    overflow-x: auto;
}
@media screen and (max-width: 768px) {
    .c-section-3__table-inner {
        margin-bottom: 1.8666666667%;
        padding: 0 5.3333333333% 15px;
        overflow-x: auto;
    }
}
.c-section-3__table-inner table {
    border: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-section-3__table-inner table {
        position: relative;
        width: 200vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-3__table-inner table::before {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 100%;
        width: 5.3333333333vw;
        height: 100%;
    }
}
.c-section-3__table-inner table thead th {
    padding: 12px 1em;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    background-color: #f0f3f5;
    border-right: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-section-3__table-inner table thead th {
        padding: 3.2vw 1em;
        font-size: 4.2666666667vw;
    }
}
.c-section-3__table-inner table tbody th {
    padding: 12px 1em;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    background-color: #f0f3f5;
    border-right: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-section-3__table-inner table tbody th {
        padding: 3.2vw 1em;
        font-size: 4.2666666667vw;
    }
}
.c-section-3__table-inner table tbody td {
    padding: 18px 1em;
    line-height: 1.73;
    font-size: 0.9375rem;
    border-right: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-section-3__table-inner table tbody td {
        padding: 4.8vw 1em;
        font-size: 4vw;
    }
}
.c-section-3__table-inner table tr {
    border-bottom: 1px solid #ddd;
}
.c-section-3__note-list {
    margin: 20px 0;
}
@media screen and (max-width: 768px) {
    .c-section-3__note-list {
        max-width: 89.3333333333%;
        margin: 4% auto;
    }
}
.c-section-3__note-list li {
    position: relative;
    margin-top: 1em;
    font-size: 0.8125rem;
    padding-left: 1em;
    text-indent: -0.5em;
}
@media screen and (max-width: 768px) {
    .c-section-3__note-list li {
        margin-top: 0.5em;
        font-size: 3.4666666667vw;
    }
}
.c-section-3__note-list li:first-of-type {
    margin-top: 0;
}
.c-section-3__note-list li::before {
    display: inline-block;
    content: "※";
    font: inherit;
}
.c-section-3__default-size-img {
    margin: 70px 0;
}
@media screen and (max-width: 768px) {
    .c-section-3__default-size-img {
        max-width: 89.3333333333%;
        margin: 16vw auto;
    }
}
.c-section-3__column-wrap {
    display: flex;
    margin: 70px 0;
}
@media screen and (max-width: 768px) {
    .c-section-3__column-wrap {
        display: block;
        max-width: 89.3333333333%;
        margin: 16vw auto;
    }
}
.c-section-3__column-wrap--column2 .c-section-3__column {
    width: 48%;
    margin-left: 4%;
}
@media screen and (max-width: 768px) {
    .c-section-3__column-wrap--column2 .c-section-3__column {
        width: 100%;
        margin-top: 13.3333333333vw;
        margin-left: auto;
        margin-right: auto;
    }
}
.c-section-3__column-wrap--column3 .c-section-3__column {
    width: 31.3333333333%;
    margin-left: 3.0666666667%;
}
@media screen and (max-width: 768px) {
    .c-section-3__column-wrap--column3 .c-section-3__column {
        width: 100%;
        margin-top: 13.3333333333vw;
        margin-left: auto;
        margin-right: auto;
    }
}
.c-section-3__column:first-of-type {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-section-3__column:first-of-type {
        margin-top: 0;
    }
}
.c-section-3__column-img {
    margin-bottom: 20px;
}
.c-section-3__column-img img {
    width: 100%;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-section-3__column-img img {
        border-radius: 1.3333333333vw;
    }
}
.c-section-3__box {
    margin: 80px 0;
    padding: 30px 30px 40px;
    border-radius: 5px;
    background-color: #f0f3f5;
}
@media screen and (max-width: 768px) {
    .c-section-3__box {
        max-width: 89.3333333333%;
        margin: 16vw auto;
        padding: 6.6666666667vw 6.6666666667vw 8vw;
        border-radius: 1.3333333333vw;
    }
}
.c-section-3__important-txt {
    margin: 80px 0;
    padding: 30px;
    font-size: 1rem;
    font-weight: bold;
    color: #e23838;
    border: 1px solid #e23838;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-section-3__important-txt {
        max-width: 89.3333333333%;
        margin: 16vw auto;
        padding: 6.6666666667vw;
        font-size: 4.2666666667vw;
    }
}
.c-section-3__important-txt strong {
    background: linear-gradient(transparent 70%, #fff367 70%);
}
.c-section-3__important-txt a {
    color: #004198;
    text-decoration: underline;
    word-break: break-all;
}
.c-section-3__important-txt a:hover {
    text-decoration: none;
}
.c-section-3__important-txt .text-tiny {
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-section-3__important-txt .text-tiny {
        font-size: 3.2vw;
    }
}
.c-section-3__important-txt .text-small {
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-section-3__important-txt .text-small {
        font-size: 3.7333333333vw;
    }
}
.c-section-3__important-txt .text-big {
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-section-3__important-txt .text-big {
        font-size: 4.8vw;
    }
}
.c-section-3__important-txt .text-huge {
    font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
    .c-section-3__important-txt .text-huge {
        font-size: 5.3333333333vw;
    }
}
.c-section-3__dot-list {
    margin: 60px 0;
}
@media screen and (max-width: 768px) {
    .c-section-3__dot-list {
        max-width: 89.3333333333%;
        margin: 10.6666666667% auto;
    }
}
.c-section-3__dot-list li {
    position: relative;
    margin-top: 1em;
    padding-left: 20px;
    font-size: 1rem;
    line-height: 1.625;
}
@media screen and (max-width: 768px) {
    .c-section-3__dot-list li {
        padding-left: 4%;
        font-size: 4.2666666667vw;
    }
}
.c-section-3__dot-list li:first-of-type {
    margin-top: 0;
}
.c-section-3__dot-list li::before {
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #333;
    border-radius: 50%;
}
@media screen and (max-width: 768px) {
    .c-section-3__dot-list li::before {
        top: 2.6666666667vw;
        width: 1.6vw;
        height: 1.6vw;
    }
}
@media screen and (min-width: 769px) {
    .c-section-3__img-link {
        transition: opacity 300ms;
    }
    .c-section-3__img-link:hover {
        opacity: 0.8;
    }
}

/* ---------------------------------------------
*   c-section-5
--------------------------------------------- */
.c-section-5 {
    position: relative;
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-section-5 {
        margin-top: 11.4666666667vw;
    }
}
.c-section-5::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 60px 0 60px;
    border-color: #ddd transparent transparent transparent;
}
@media screen and (max-width: 768px) {
    .c-section-5::before {
        border-width: 5.3333333333vw 13.3333333333vw 0 13.3333333333vw;
    }
}
.c-section-5--confirm {
    margin-top: 0;
}
.c-section-5--confirm::before {
    display: none;
}
.c-section-5--rental {
    margin-top: 0;
}
.c-section-5--rental::before {
    display: none;
}
.error .c-section-5, .confirm .c-section-5, .complete .c-section-5, .repair .c-section-5 {
    margin-top: 0;
}
@media screen and (max-width: 768px) {
    .error .c-section-5, .confirm .c-section-5, .complete .c-section-5, .repair .c-section-5 {
        padding-top: 13.3333333333%;
    }
}
.error .c-section-5::before, .confirm .c-section-5::before, .complete .c-section-5::before, .repair .c-section-5::before {
    content: none;
}

.c-section-5__container {
    max-width: 750px;
    margin: 0 auto;
    padding-top: 65px;
}
@media screen and (max-width: 768px) {
    .c-section-5__container {
        max-width: none;
        padding: 12.8% 5.3333333333% 0;
    }
}
.c-section-5--wide .c-section-5__container {
    max-width: none;
}

@media screen and (min-width: 769px) {
    .c-section-5--rental .c-section-5__container {
        padding-top: 0;
    }
}

.error .c-section-5__container, .confirm .c-section-5__container, .complete .c-section-5__container, .repair .c-section-5__container {
    padding-top: 0;
}

.c-section-5__ttl {
    font-size: 2.25rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
    .c-section-5__ttl {
        font-size: 6.9333333333vw;
        line-height: 1.4;
    }
}
.c-section-5__txt {
    margin-top: 12px;
    font-size: 1rem;
    text-align: center;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-section-5__txt {
        margin-top: 2.6666666667vw;
        font-size: 4vw;
        line-height: 1.86;
        text-align: left;
    }
}
.c-section-5__content {
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-section-5__content {
        margin-top: 6.6666666667vw;
    }
}
.confirm .c-section-5__content {
    margin-top: 92px;
}
@media screen and (max-width: 768px) {
    .confirm .c-section-5__content {
        margin-top: 10.6666666667vw;
    }
}

.complete .c-section-5__content {
    margin-top: 25px;
}
@media screen and (max-width: 768px) {
    .complete .c-section-5__content {
        margin-top: 3.7333333333vw;
    }
}

.c-section-5__thanks-txt {
    display: inline-block;
    margin-top: 1em;
    font-size: 1rem;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-section-5__thanks-txt {
        font-size: 4vw;
        line-height: 1.86;
    }
}
.c-section-5__thanks-txt:first-of-type {
    margin-top: 0;
}
.c-section-5__note {
    margin-top: 12px;
    font-size: 0.75rem;
    text-align: center;
    line-height: 1.6;
    letter-spacing: 0;
}
@media screen and (max-width: 768px) {
    .c-section-5__note {
        padding-left: 1em;
        text-indent: -1em;
        margin-top: 1.8666666667vw;
        font-size: 3.2vw;
        text-align: left;
    }
}

/* ---------------------------------------------
*   c-section-7
--------------------------------------------- */
.c-section-7 {
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .c-section-7 {
        margin-top: 16%;
        padding: 0 5.3333333333%;
    }
}
@media screen and (min-width: 769px) {
    .c-section-7:first-of-type {
        margin-top: 0;
    }
}
.c-section-7__ttl {
    font-size: 2.25rem;
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-7__ttl {
        font-size: 6.9333333333vw;
    }
}
.c-section-7__content {
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .c-section-7__content {
        margin-top: 2.6666666667vw;
    }
}
.c-section-7__lead {
    font-size: 1rem;
    text-align: center;
    line-height: 1.75;
}
@media screen and (max-width: 768px) {
    .c-section-7__lead {
        font-size: 4vw;
        line-height: 1.86;
        text-align: left;
    }
}
.c-section-7__link-list {
    margin-top: 35px;
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-section-7__link-list {
        margin-top: 4.8vw;
        display: block;
    }
}
.c-section-7__list {
    margin-top: 35px;
}
@media screen and (max-width: 768px) {
    .c-section-7__list {
        margin-top: 5.3333333333vw;
    }
}
.c-section-7__item {
    margin-top: 35px;
}
@media screen and (max-width: 768px) {
    .c-section-7__item {
        margin-top: 8vw;
    }
}
.c-section-7__item:first-of-type {
    margin-top: 0;
}
.c-section-7__item-head {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-section-7__item-head {
        font-size: 4.8vw;
    }
}
.c-section-7__item-head-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-right: 7px;
    font-size: 0.9375rem;
    font-family: century-gothic, sans-serif;
    color: #fff;
    text-align: center;
    background-color: #333;
    border-radius: 50%;
    letter-spacing: 0;
}
@media screen and (max-width: 768px) {
    .c-section-7__item-head-num {
        width: 5.8666666667vw;
        height: 5.8666666667vw;
        margin-right: 1.3333333333vw;
        font-size: 3.4666666667vw;
    }
}
.c-section-7__item-txt {
    margin-top: 10px;
    font-size: 1rem;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-section-7__item-txt {
        margin-top: 2.6666666667vw;
        font-size: 4vw;
        line-height: 1.86;
    }
}
.c-section-7__flow {
    margin-top: 15px;
}
@media screen and (max-width: 768px) {
    .c-section-7__flow {
        margin-top: 9.3333333333vw;
    }
}
.c-section-7__unit {
    display: flex;
    align-items: flex-start;
    padding: 50px 18px;
    border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-section-7__unit {
        padding: 8vw 0;
    }
}
.c-section-7__head {
    display: flex;
    align-items: center;
    margin-right: 30px;
}
@media screen and (max-width: 768px) {
    .c-section-7__head {
        display: block;
        margin-right: 4vw;
    }
}
.c-section-7__step {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 50px;
    font-weight: bold;
    font-family: century-gothic, sans-serif;
    color: #ccc;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-section-7__step {
        flex-direction: row;
        justify-content: center;
        margin-right: 0;
    }
}
.c-section-7__step-txt {
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-section-7__step-txt {
        margin-right: 0.3em;
        font-size: 4vw;
    }
}
.c-section-7__step-num {
    font-size: 2.25rem;
    letter-spacing: 0;
}
@media screen and (max-width: 768px) {
    .c-section-7__step-num {
        font-size: 4vw;
    }
}
.c-section-7__icon {
    width: 90px;
    flex: none;
}
@media screen and (max-width: 768px) {
    .c-section-7__icon {
        width: 18.6666666667vw;
        margin-top: 1.8666666667vw;
    }
}
.c-section-7__icon img {
    width: 100%;
}
.c-section-7__body {
    margin-top: 13px;
}
@media screen and (max-width: 768px) {
    .c-section-7__body {
        margin-top: -1.3333333333vw;
    }
}
.c-section-7__flow-ttl {
    font-size: 1.375rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-section-7__flow-ttl {
        font-size: 4.8vw;
    }
}
.c-section-7__flow-txt {
    font-size: 1rem;
    line-height: 1.75;
}
@media screen and (max-width: 768px) {
    .c-section-7__flow-txt {
        font-size: 4vw;
        line-height: 1.86;
    }
}
.c-section-7__flow-item {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 1rem;
    line-height: 1.75;
}
@media screen and (max-width: 768px) {
    .c-section-7__flow-item {
        text-indent: 0;
        padding-left: 0;
        font-size: 4vw;
        line-height: 1.86;
    }
}

/* ---------------------------------------------
*   c-section-9
--------------------------------------------- */
.c-section-9--light-blue {
    background-color: #f0f3f5;
}
.c-section-9__container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 90px 40px 120px;
}
@media screen and (max-width: 1280px) {
    .c-section-9__container {
        padding: 7.03125% 3.125% 9.375%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-9__container {
        padding: 12% 5.3333333333% 21.3333333333%;
    }
}
.c-section-9__container--pb0 {
    padding-bottom: 0;
}
.c-section-9__container--w1440 {
    max-width: 1440px;
}
.c-section-9--alcohol .c-section-9__container--w1440 {
    padding: 90px 40px 120px;
}
@media screen and (max-width: 1280px) {
    .c-section-9--alcohol .c-section-9__container--w1440 {
        padding: 7.03125% 3.125% 9.375%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-9--alcohol .c-section-9__container--w1440 {
        padding: 12% 5.3333333333% 21.3333333333%;
    }
}
.c-section-9--wbgt .c-section-9__container--w1440 {
    padding: 90px 40px 120px;
}
@media screen and (max-width: 1280px) {
    .c-section-9--wbgt .c-section-9__container--w1440 {
        padding: 7.03125% 3.125% 9.375%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-9--wbgt .c-section-9__container--w1440 {
        padding: 12% 5.3333333333% 21.3333333333%;
    }
}
.c-section-9__container--side-padding-none {
    padding-left: 0;
    padding-right: 0;
}
.c-section-9__container--products {
    padding-bottom: 75px;
}
@media screen and (max-width: 1280px) {
    .c-section-9__container--products {
        padding-bottom: 5.859375%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-9__container--products {
        padding-bottom: 9.8666666667vw;
    }
}
.c-section-9__content {
    margin-top: 25px;
}
@media screen and (max-width: 768px) {
    .c-section-9__content {
        margin-top: 4vw;
    }
}

/* ---------------------------------------------
*   c-section-11
--------------------------------------------- */
.c-section-11 {
    padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
    .c-section-11 {
        padding-bottom: 21.3333333333vw;
    }
}
.c-section-11__head {
    position: relative;
    height: 27.7777777778vw;
    max-height: 400px;
    background-color: #0f1d37;
}
@media screen and (max-width: 768px) {
    .c-section-11__head {
        height: 66.6666666667vw;
        max-height: none;
    }
}
.c-section-11__head-img {
    width: 100%;
    height: 100%;
}
.c-section-11__head-img--opacity-02 {
    opacity: 0.2;
}
.c-section-11__head-img--opacity-03 {
    opacity: 0.3;
}
.c-section-11__head-img--opacity-05 {
    opacity: 0.5;
}
.c-section-11__head-img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
}
.c-section-11__head-inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.c-section-11__sub-head {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    font-family: century-gothic, sans-serif;
}
.c-section-11__sub-head-txt {
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-section-11__sub-head-txt {
        font-size: 2.6666666667vw;
    }
}
.c-section-11__sub-head-num {
    font-size: 2.5rem;
}
@media screen and (max-width: 768px) {
    .c-section-11__sub-head-num {
        font-size: 6.9333333333vw;
    }
}
.c-section-11__ttl {
    font-size: 2.75rem;
}
@media screen and (max-width: 768px) {
    .c-section-11__ttl {
        font-size: 6.4vw;
    }
}
.c-section-11__body {
    max-width: 1280px;
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px;
}
@media screen and (max-width: 1280px) {
    .c-section-11__body {
        padding: 0 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-11__body {
        margin-top: 9.0666666667vw;
        padding: 0 5.3333333333%;
    }
}

/* ---------------------------------------------
*   c-section-13
--------------------------------------------- */
.c-section-13:nth-of-type(2n) {
    background-color: #f0f3f5;
}
.c-section-13__container {
    max-width: 750px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
    .c-section-13__container {
        max-width: none;
        padding: 21.3333333333% 5.3333333333% 13.3333333333%;
    }
}
.c-section-13:first-of-type .c-section-13__container {
    padding-top: 80px;
}
@media screen and (max-width: 768px) {
    .c-section-13:first-of-type .c-section-13__container {
        padding-top: 14.6666666667%;
    }
}
.c-section-13__txt {
    margin: 30px 0;
    font-size: 1rem;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-section-13__txt {
        margin: 4.4776119403% 0 8.9552238806%;
        font-size: 4.2666666667vw;
    }
}
.c-section-13__img {
    margin: 30px 0 40px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-section-13__img {
        margin: 8.9552238806% 0;
    }
}
.c-section-13__img img {
    width: 100%;
}

/* ---------------------------------------------
*   c-section-15
--------------------------------------------- */
.c-section-15__container {
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 80px;
    padding-right: 40px;
    padding-bottom: 120px;
    padding-left: 40px;
}
@media screen and (max-width: 1280px) {
    .c-section-15__container {
        padding-top: 7.8125%;
        padding-right: 3.125%;
        padding-bottom: 9.375%;
        padding-left: 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-15__container {
        padding-top: 16%;
        padding-bottom: 21.3333333333%;
        padding-left: 0;
        padding-right: 0;
    }
}
.c-section-15__container--pt0 {
    padding-top: 0;
}
.c-section-15__content {
    margin-top: 20px;
}
@media screen and (max-width: 1280px) {
    .c-section-15__content {
        margin-top: 1.5625%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-15__content {
        margin-top: 5.3333333333%;
    }
}

/* ---------------------------------------------
*   c-section-recruit-top
--------------------------------------------- */
.c-section-recruit-top {
    padding: 70px 30px 95px;
}
@media screen and (max-width: 1440px) {
    .c-section-recruit-top {
        padding: 4.8611111111vw 30px 6.5972222222vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-recruit-top {
        padding: 21.3333333333% 5.8666666667% 10.6666666667%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-recruit-top--interview {
        padding-bottom: 32%;
    }
}
.c-section-recruit-top.bg-gray {
    padding-bottom: 180px;
    background-color: #f9f9f9;
}
@media screen and (max-width: 1440px) {
    .c-section-recruit-top.bg-gray {
        padding-bottom: 12.5vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-recruit-top.bg-gray {
        padding-bottom: 32%;
    }
}
.c-section-recruit-top__container {
    max-width: 1100px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-recruit-top__container {
        max-width: none;
    }
}
.c-section-recruit-top__lead {
    margin-top: 34px;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}
@media screen and (max-width: 768px) {
    .c-section-recruit-top__lead {
        margin-top: 5.8666666667vw;
        font-size: 4.5333333333vw;
        text-align: left;
    }
}
.c-section-recruit-top__content {
    margin-top: 60px;
}
@media screen and (max-width: 768px) {
    .c-section-recruit-top__content {
        margin-top: 10.6666666667vw;
    }
}
.c-section-recruit-top__note {
    margin-top: 20px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #9e988b;
    text-align: right;
}
@media screen and (max-width: 768px) {
    .c-section-recruit-top__note {
        margin-top: 4vw;
        font-size: 3.2vw;
        font-weight: normal;
    }
}

/* ---------------------------------------------
*   c-section-recruit-style
--------------------------------------------- */
.c-section-recruit-style {
    padding: 98px 30px 93px;
    background: url(/lp/img/company/recruit/graduate/top/img_workstyle.jpg) 0 0 no-repeat;
    background-size: cover;
}
@media screen and (max-width: 768px) {
    .c-section-recruit-style {
        position: relative;
        padding: 14.6666666667% 5.3333333333% 22.6666666667%;
        background-image: url(/lp/img/company/recruit/graduate/top/sp/img_workstyle.jpg);
    }
}
.c-section-recruit-style__container {
    max-width: 1100px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-recruit-style__container {
        max-width: none;
    }
}
.c-section-recruit-style__lead {
    margin-top: 45px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.6;
}
@media screen and (max-width: 768px) {
    .c-section-recruit-style__lead {
        margin-top: 5.8666666667vw;
        font-size: 4.5333333333vw;
    }
}
.c-section-recruit-style__content .c-btn-recruit {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-section-recruit-style__content .c-btn-recruit {
        margin-left: auto;
        margin-right: auto;
    }
}

/* ---------------------------------------------
*   c-section-17
--------------------------------------------- */
.c-section-17 {
    padding-top: 60px;
}
@media screen and (max-width: 768px) {
    .c-section-17 {
        padding-top: 10.6666666667vw;
    }
}
.c-section-17:first-of-type {
    margin-top: -60px;
}
@media screen and (max-width: 768px) {
    .c-section-17:first-of-type {
        margin-top: 0;
        padding-top: 0;
    }
}
.c-section-17__container {
    padding: 6.8965517241% 3.4482758621%;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-section-17__container {
        padding: 12.084592145% 6.0422960725%;
    }
}
.c-section-17__ttl {
    font-size: 1.875rem;
    font-weight: bold;
    color: #ee9105;
    text-align: center;
    line-height: 1;
    letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
    .c-section-17__ttl {
        font-size: 5.3333333333vw;
    }
}
.c-section-17__lead {
    margin-top: 30px;
    padding: 0 40px;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
    .c-section-17__lead {
        margin-top: 5.3333333333vw;
        padding: 0;
        font-size: 4.2666666667vw;
        line-height: 1.6;
    }
}
.c-section-17__content {
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .c-section-17__content {
        margin-top: 5.3333333333vw;
    }
}
.c-section-17__row {
    display: flex;
    gap: 0 4.1554959786%;
    margin-top: 24px;
    padding: 0 5.3619302949%;
}
@media screen and (max-width: 768px) {
    .c-section-17__row {
        display: block;
        margin-top: 5.3333333333vw;
        padding: 0;
    }
}
.c-section-17__row:first-of-type {
    margin-top: 0;
}
.c-section-17__row--reverse {
    flex-direction: row-reverse;
}
.c-section-17__img {
    width: 46.3806970509%;
    flex-shrink: 0;
}
@media screen and (max-width: 768px) {
    .c-section-17__img {
        width: 100%;
    }
}
.c-section-17__desc {
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 768px) {
    .c-section-17__desc {
        display: block;
        margin-top: 6.4vw;
    }
}
.c-section-17__txt {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
    .c-section-17__txt {
        font-size: 4.2666666667vw;
    }
}
.c-section-17__note {
    margin-top: -8px;
    margin-left: auto;
    font-size: 0.75rem;
    font-weight: bold;
    color: #ee9105;
}
@media screen and (max-width: 768px) {
    .c-section-17__note {
        margin-top: 0;
        font-size: 3.7333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-2 sp右貫通利用
--------------------------------------------- */
.c-section-2 {
    background-color: #f7f3e5;
}
.c-section-2--model {
    background-color: #f0f3f5;
}
.c-section-2__container {
    margin: 0 auto;
    padding-top: 6.25%;
    padding-right: 3.125%;
    padding-bottom: 7.34375%;
    padding-left: 3.125%;
    max-width: 1280px;
}
@media screen and (min-width: 1281px) {
    .c-section-2__container {
        padding-top: 80px;
        padding-right: 40px;
        padding-bottom: 94px;
        padding-left: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-2__container {
        padding-top: 12.9333333333%;
        padding-left: 0;
        padding-bottom: 14.9333333333%;
        padding-right: 0;
    }
}
.c-section-2--model .c-section-2__container {
    padding-top: 7.03125%;
    padding-bottom: 8.59375%;
}
@media screen and (min-width: 1281px) {
    .c-section-2--model .c-section-2__container {
        padding-top: 90px;
        padding-bottom: 110px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-2--model .c-section-2__container {
        padding-top: 15.2%;
        padding-left: 0;
        padding-bottom: 19.7333333333%;
        padding-right: 0;
    }
}
.c-section-2__head {
    text-align: center;
}
.c-section-2__body {
    margin-top: 2.8333333333%;
}
@media screen and (min-width: 1281px) {
    .c-section-2__body {
        margin-top: 34px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-2__body {
        margin-top: 6%;
        padding-right: 5.3333333333%;
        padding-left: 5.3333333333%;
        overflow: auto;
    }
}
@media screen and (max-width: 768px) {
    .c-section-2--model .c-section-2__body {
        margin-top: 9.3333333333%;
    }
}

/* ---------------------------------------------
*   c-section-4
--------------------------------------------- */
.c-section-4 {
    margin-top: 4.296875%;
}
@media screen and (min-width: 1281px) {
    .c-section-4 {
        margin-top: 55px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-4 {
        margin-top: 9.6vw;
    }
}
.c-section-4--has-slider {
    margin-top: 4.6875%;
}
@media screen and (min-width: 1281px) {
    .c-section-4--has-slider {
        margin-top: 60px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-4--has-slider {
        margin-top: 13.3333333333vw;
    }
}
.c-section-4__container {
    margin: 0 auto;
    padding-right: 3.125%;
    margin-bottom: 7.34375%;
    padding-left: 3.125%;
    max-width: 1280px;
}
@media screen and (min-width: 1281px) {
    .c-section-4__container {
        padding-right: 40px;
        margin-bottom: 94px;
        padding-left: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-4__container {
        padding-right: 5.3333333333%;
        margin-bottom: 16%;
        padding-left: 5.3333333333%;
    }
}
.c-section-4--has-slider .c-section-4__container {
    margin-bottom: 8.125%;
}
@media screen and (min-width: 1281px) {
    .c-section-4--has-slider .c-section-4__container {
        margin-bottom: 104px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-4--has-slider .c-section-4__container {
        margin-bottom: 21.3333333333%;
    }
}
.c-section-4--has-slider .c-section-4__inner {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 3.3333333333%;
    padding-bottom: 3.3333333333%;
}
@media screen and (min-width: 1281px) {
    .c-section-4--has-slider .c-section-4__inner {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-4--has-slider .c-section-4__inner {
        padding-top: 6.6666666667vw;
        padding-bottom: 9.3333333333vw;
    }
}
.c-section-4__head {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.c-section-4__lead {
    margin-top: 1.3333333333%;
    margin-right: auto;
    margin-left: auto;
    max-width: 750px;
    text-align: justify;
}
@media screen and (min-width: 1281px) {
    .c-section-4__lead {
        margin-top: 10px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-4__lead {
        margin-top: 2.1333333333vw;
        max-width: 88.0597014925%;
    }
}
.c-section-4__body {
    margin-top: 3.3333333333%;
    margin-right: auto;
    margin-left: auto;
    max-width: 750px;
}
@media screen and (min-width: 1281px) {
    .c-section-4__body {
        margin-top: 25px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-4__body {
        margin-top: 5.8666666667vw;
    }
}
.c-section-4__ttl {
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.5rem;
    white-space: pre-wrap;
}
@media screen and (max-width: 768px) {
    .c-section-4__ttl {
        line-height: 1.55;
        font-size: 4.8vw;
    }
}
.c-section-4__txt-lead {
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 1rem;
    white-space: pre-wrap;
}
@media screen and (max-width: 768px) {
    .c-section-4__txt-lead {
        text-align: left;
        font-size: 4vw;
    }
}
.c-section-4__label-list {
    display: flex;
    justify-content: center;
}
.c-section-4__label-list-item {
    margin-left: 21px;
    height: 35px;
}
@media screen and (max-width: 768px) {
    .c-section-4__label-list-item {
        margin-left: 4.5333333333vw;
        height: 7.4666666667vw;
    }
}
.c-section-4__label-list-item:first-of-type {
    margin-left: 0;
}
.c-section-4__label-list-item img {
    max-width: none;
    width: auto;
    height: 100%;
}
.c-section-4__label-list-item--alcohol {
    width: 66px;
    height: auto;
}
@media screen and (max-width: 768px) {
    .c-section-4__label-list-item--alcohol {
        width: 17.6vw;
        height: auto;
    }
}
.c-section-4__label-list-item--alcohol img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
.c-section-4__function {
    margin-top: 1.6666666667%;
    margin-right: auto;
    margin-left: auto;
    max-width: 750px;
}
@media screen and (min-width: 1281px) {
    .c-section-4__function {
        margin-top: 20px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-4__function {
        margin-top: 7.2vw;
        max-width: 88.0597014925%;
    }
}
.c-section-4__btn-area {
    margin-top: 3%;
    margin-right: auto;
    margin-bottom: 0.3333333333%;
    margin-left: auto;
    max-width: 750px;
}
@media screen and (min-width: 1281px) {
    .c-section-4__btn-area {
        margin-top: 36px;
        margin-bottom: 4px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-4__btn-area {
        margin-top: 6.6666666667vw;
        margin-bottom: 0;
        max-width: 88.0597014925%;
    }
}
.c-section-4__price {
    line-height: 1.4;
    letter-spacing: 0.06em;
    font-family: century-gothic, sans-serif;
    font-size: 0.875rem;
}
.c-section-4__price--ff-noto {
    margin-left: 5px;
    font-family: noto-sans-cjk-jp, sans-serif;
}
.c-section-4__notice {
    margin-top: 5px;
    line-height: 1.4;
    letter-spacing: 0.06em;
    font-size: 0.75rem;
}
.c-section-4__production-end {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 14px;
    width: 76px;
    height: 28px;
    line-height: 2.3;
    color: #e23838;
    font-size: 0.875rem;
    border: 1px solid #e23838;
}
@media screen and (max-width: 768px) {
    .c-section-4__production-end {
        margin-bottom: 2.6666666667vw;
        width: 15.4666666667vw;
        height: 5.8666666667vw;
        line-height: 2.54;
        font-size: 2.9333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-product-overview
--------------------------------------------- */
.c-section-product-overview {
    margin-top: 7.0833333333%;
}
@media screen and (min-width: 1281px) {
    .c-section-product-overview {
        margin-top: 102px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-product-overview {
        margin-top: 19.2%;
    }
}
.c-section-product-overview__container {
    margin-right: auto;
    margin-left: auto;
}
.c-section-product-overview__body {
    margin-right: auto;
    margin-left: auto;
    max-width: 1440px;
}
.c-section-product-overview__slider {
    margin-top: 1.7361111111%;
}
@media screen and (min-width: 1281px) {
    .c-section-product-overview__slider {
        margin-top: 25px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-product-overview__slider {
        margin-top: 6.6666666667%;
    }
}
.c-section-product-overview__lead {
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 3.125%;
    padding-left: 3.125%;
    max-width: 1040px;
}
@media screen and (min-width: 1281px) {
    .c-section-product-overview__lead {
        margin-top: 50px;
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-product-overview__lead {
        margin-top: 10.6666666667%;
        padding-right: 5.3333333333%;
        padding-left: 5.3333333333%;
    }
}
.c-section-product-overview__article {
    margin-top: 6.25%;
    margin-bottom: 3.8194444444%;
}
@media screen and (min-width: 1281px) {
    .c-section-product-overview__article {
        margin-top: 80px;
        margin-bottom: 55px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-product-overview__article {
        margin-top: 13.6%;
        margin-bottom: -2.6666666667vw;
    }
}
.c-section-product-overview__color-slider {
    margin-top: 9.375%;
}
@media screen and (min-width: 1281px) {
    .c-section-product-overview__color-slider {
        margin-top: 120px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-product-overview__color-slider {
        margin-top: 21.8666666667%;
    }
}

/* ---------------------------------------------
*   c-section-6
--------------------------------------------- */
.c-section-6 {
    margin-top: 8.3333333333%;
}
@media screen and (min-width: 1281px) {
    .c-section-6 {
        margin-top: 120px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-6 {
        margin-top: 23.4666666667%;
    }
}
.c-section-6__container {
    margin: 0 auto;
    padding-right: 3.125%;
    padding-left: 3.125%;
    max-width: 1280px;
}
@media screen and (min-width: 1281px) {
    .c-section-6__container {
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-6__container {
        padding-right: 0;
        padding-left: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-section-6__head {
        padding-right: 5.3333333333%;
        padding-left: 5.3333333333%;
    }
}
.c-section-6__body {
    padding-top: 2.5%;
}
@media screen and (min-width: 1281px) {
    .c-section-6__body {
        padding-top: 30px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-6__body {
        padding-top: 4.4776119403%;
    }
}

/* ---------------------------------------------
*   c-section-8
--------------------------------------------- */
.c-section-8 {
    margin-top: 6.25%;
}
@media screen and (min-width: 1281px) {
    .c-section-8 {
        margin-top: 80px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-8 {
        margin-top: 13.0666666667%;
    }
}
.c-section-8--mgt-wide {
    margin-top: 9.375%;
}
@media screen and (min-width: 1281px) {
    .c-section-8--mgt-wide {
        margin-top: 120px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-8--mgt-wide {
        margin-top: 17.6vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-8--adjust-mgt {
        margin-top: 16vw;
    }
}
.c-section-8__container {
    margin: 0 auto;
    padding-right: 3.125%;
    padding-left: 3.125%;
    max-width: 1280px;
}
@media screen and (min-width: 1281px) {
    .c-section-8__container {
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-8__container {
        padding-right: 5.3333333333%;
        padding-left: 5.3333333333%;
    }
}
.c-section-8__head {
    margin-bottom: 2.03125%;
    padding-bottom: 1.015625%;
    border-bottom: 1px solid #ddd;
}
@media screen and (min-width: 1281px) {
    .c-section-8__head {
        margin-bottom: 26px;
        padding-bottom: 13px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-8__head {
        margin-bottom: 5.9701492537%;
        padding-bottom: 3.5820895522%;
    }
}
/* ---------------------------------------------
*   c-section-news-article
--------------------------------------------- */
.c-section-news-article {
    margin-top: 80px;
    margin-bottom: 120px;
}
@media screen and (max-width: 1280px) {
    .c-section-news-article {
        margin-top: 6.25%;
        margin-bottom: 9.375%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-news-article {
        margin-top: 13.3333333333%;
        margin-bottom: 21.3333333333%;
    }
}
.c-section-news-article__notice {
    background: #f9f9f9;
    padding: 30px 40px;
    margin-bottom: 50px;
    margin-top: -20px;
}
@media screen and (max-width: 768px) {
    .c-section-news-article__notice {
        padding: 4% 5.3333333333%;
        margin-bottom: 10.6666666667%;
        margin-top: -8%;
    }
}
.c-section-news-article__container {
    margin: 0 auto;
    padding-right: 3.125%;
    padding-left: 3.125%;
    max-width: 750px;
    box-sizing: content-box;
}
@media screen and (min-width: 1281px) {
    .c-section-news-article__container {
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-news-article__container {
        padding-left: 5.3333333333%;
        padding-right: 5.3333333333%;
    }
}
.c-section-news-article__body {
    margin-top: 50px;
}
@media screen and (max-width: 1280px) {
    .c-section-news-article__body {
        margin-top: 6.6666666667%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-news-article__body {
        margin-top: 8%;
    }
}
.c-section-news-article__ttl {
    line-height: 1.44;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 2.25rem;
    white-space: pre-wrap;
}
@media screen and (max-width: 768px) {
    .c-section-news-article__ttl {
        line-height: 1.38;
        font-size: 6.9333333333vw;
    }
}
.c-section-news-article__txt {
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-section-news-article__txt {
        font-size: 4.2666666667vw;
    }
}
.c-section-news-article__figure {
    margin-top: 60px;
}
@media screen and (max-width: 1280px) {
    .c-section-news-article__figure {
        margin-top: 8%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-news-article__figure {
        margin-top: 10.6666666667%;
    }
}
.c-section-news-article__figure-caption {
    margin-top: 10px;
    color: #666666;
    line-height: 1.7;
    letter-spacing: 0.06em;
    font-size: 0.875rem;
}
@media screen and (max-width: 1280px) {
    .c-section-news-article__figure-caption {
        margin-top: 1.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-news-article__figure-caption {
        margin-top: 2.6666666667%;
        font-size: 3.7333333333vw;
    }
}
.c-section-news-article__date {
    flex: none;
    font-family: century-gothic, sans-serif;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-section-news-article__date {
        font-size: 4vw;
    }
}
.c-section-news-article__label {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
@media screen and (max-width: 1280px) {
    .c-section-news-article__label {
        margin-bottom: 1.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-news-article__label {
        margin-bottom: 2.1333333333%;
    }
}
.c-section-news-article__cat {
    display: inline-block;
    flex: none;
    margin-left: 7px;
    padding: 2px 6px;
    letter-spacing: 0em;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
}
@media screen and (max-width: 768px) {
    .c-section-news-article__cat {
        margin-left: 1.8666666667vw;
        padding: 0.5333333333vw 1.6vw;
        min-width: 24vw;
        font-size: 2.6666666667vw;
        border-radius: 0.8vw;
    }
}
.c-section-news-article__cat--important {
    color: #db2c2c;
    border-color: #db2c2c;
}
.c-section-news-article__cat--news {
    color: #004982;
    border-color: #004982;
}
.c-section-news-article__cat--press {
    color: #0b8e33;
    border-color: #0b8e33;
}
.c-section-news-article__cat--product {
    color: #e88600;
    border-color: #e88600;
}
.c-section-news-article__back {
    margin-top: 66px;
    text-align: center;
}
@media screen and (max-width: 1280px) {
    .c-section-news-article__back {
        margin-top: 8.8%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-news-article__back {
        margin-top: 14.6666666667%;
    }
}
.c-section-news-article__download-link {
    margin-top: 25px;
    text-align: right;
}
@media screen and (max-width: 1280px) {
    .c-section-news-article__download-link {
        margin-top: 3.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-news-article__download-link {
        margin-top: 4.5333333333%;
        padding-right: 2.6666666667%;
    }
}

/* ---------------------------------------------
*   c-section-search
--------------------------------------------- */
.c-section-search {
    margin-top: 70px;
}
@media screen and (max-width: 1280px) {
    .c-section-search {
        margin-top: 5.46875%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-search {
        margin-top: 10.6666666667%;
    }
}
.c-section-search__container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px;
    padding-bottom: 130px;
    padding-left: 40px;
}
@media screen and (max-width: 1280px) {
    .c-section-search__container {
        padding-right: 3.125%;
        padding-left: 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-search__container {
        padding-right: 5.3333333333%;
        padding-bottom: 21.3333333333%;
        padding-left: 5.3333333333%;
    }
}
.c-section-search__head {
    text-align: center;
}
.c-section-search__body {
    margin-top: 70px;
}
@media screen and (max-width: 1280px) {
    .c-section-search__body {
        margin-top: 5.46875%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-search__body {
        margin-top: 11.9402985075%;
    }
}
.c-section-search__pagination {
    margin-top: 84px;
}
@media screen and (max-width: 1280px) {
    .c-section-search__pagination {
        margin-top: 6.5625%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-search__pagination {
        margin-top: 14.328358209%;
    }
}
.c-section-search__search-box {
    margin-top: 40px;
}
@media screen and (max-width: 1280px) {
    .c-section-search__search-box {
        margin-top: 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-search__search-box {
        margin-top: 10.6666666667%;
    }
}

/* ---------------------------------------------
*   c-section-business-top-pickup
--------------------------------------------- */
.c-section-business-top-pickup__container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 40px 130px;
}
@media screen and (max-width: 1280px) {
    .c-section-business-top-pickup__container {
        padding: 5.46875% 3.125% 10.15625%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-business-top-pickup__container {
        padding: 16% 5.3333333333% 22.4%;
    }
}
.c-section-business-top-pickup__content {
    margin-top: 1.6666666667%;
}
@media screen and (max-width: 768px) {
    .c-section-business-top-pickup__content {
        margin-top: 4.4776119403%;
    }
}

/* ---------------------------------------------
*   c-section-10
--------------------------------------------- */
.c-section-10--light-blue {
    background-color: #f0f3f5;
}
.c-section-10--light-orange {
    background-color: #fff5ec;
}
.c-section-10--alcohol-reason {
    padding-bottom: 100px;
}
@media screen and (max-width: 1280px) {
    .c-section-10--alcohol-reason {
        padding-bottom: 6.9444444444%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10--alcohol-reason {
        padding-bottom: 22.4%;
    }
}
.c-section-10--wbgt-reason {
    padding-bottom: 100px;
}
@media screen and (max-width: 1280px) {
    .c-section-10--wbgt-reason {
        padding-bottom: 6.9444444444%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10--wbgt-reason {
        padding-bottom: 22.4%;
    }
}
.c-section-10__container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px 0;
}
@media screen and (max-width: 1280px) {
    .c-section-10__container {
        padding: 0 3.125% 0;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__container {
        padding: 0 5.3333333333% 0;
    }
}
.c-section-10__container--special-column-last {
    padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
    .c-section-10__container--special-column-last {
        padding-bottom: 21.3333333333vw;
    }
}
.c-section-10__container--alcohol-top {
    padding: 100px 40px 100px;
}
@media screen and (max-width: 1280px) {
    .c-section-10__container--alcohol-top {
        padding: 6.9444444444% 2.7777777778% 6.9444444444%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__container--alcohol-top {
        padding: 18.6666666667% 5.3333333333% 21.3333333333%;
    }
}
.c-section-10__container--alcohol-choice {
    padding: 100px 40px 100px;
}
@media screen and (max-width: 1280px) {
    .c-section-10__container--alcohol-choice {
        padding: 6.9444444444% 2.7777777778% 6.9444444444%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__container--alcohol-choice {
        padding: 18.6666666667% 0% 21.3333333333%;
    }
}
.c-section-10__container--alcohol-customers {
    max-width: 100%;
    margin: 0;
    padding: 70px 0 0;
}
.c-section-10__container--alcohol-news {
    padding: 70px 40px 100px;
}
@media screen and (max-width: 1280px) {
    .c-section-10__container--alcohol-news {
        padding: 6.9444444444% 2.7777777778% 6.9444444444%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__container--alcohol-news {
        padding: 14.4% 5.3333333333% 21.3333333333%;
    }
}
.c-section-10__container--alcohol-reason {
    padding: 100px 40px 32px;
}
@media screen and (max-width: 1280px) {
    .c-section-10__container--alcohol-reason {
        padding: 6.9444444444% 2.7777777778% 2.2222222222%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__container--alcohol-reason {
        padding: 18.6666666667% 5.3333333333% 6.6666666667%;
    }
}
.c-section-10__container--alcohol-products {
    padding: 80px 40px 110px;
}
@media screen and (max-width: 1280px) {
    .c-section-10__container--alcohol-products {
        padding: 5.5555555556% 2.7777777778% 7.6388888889%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__container--alcohol-products {
        padding: 12% 5.3333333333% 21.3333333333%;
    }
}
.c-section-10__container--alcohol-lineup {
    padding: 110px 40px 130px;
}
@media screen and (max-width: 1280px) {
    .c-section-10__container--alcohol-lineup {
        padding: 7.6388888889% 2.7777777778% 9.0277777778%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__container--alcohol-lineup {
        padding: 18.6666666667% 5.3333333333% 21.3333333333%;
    }
}
.c-section-10__container--wbgt-top {
    padding: 100px 40px 100px;
}
@media screen and (max-width: 1280px) {
    .c-section-10__container--wbgt-top {
        padding: 6.9444444444% 2.7777777778% 6.9444444444%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__container--wbgt-top {
        padding: 18.6666666667% 5.3333333333% 21.3333333333%;
    }
}
.c-section-10__container--wbgt-choice {
    padding: 100px 40px 100px;
}
@media screen and (max-width: 1280px) {
    .c-section-10__container--wbgt-choice {
        padding: 6.9444444444% 2.7777777778% 6.9444444444%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__container--wbgt-choice {
        padding: 18.6666666667% 0% 21.3333333333%;
    }
}
.c-section-10__container--wbgt-customers {
    max-width: 100%;
    margin: 0;
    padding: 100px 0 120px;
}
@media screen and (max-width: 768px) {
    .c-section-10__container--wbgt-customers {
        padding: 18.6666666667% 0 18.6666666667%;
    }
}
.c-section-10__container--wbgt-news {
    padding: 70px 40px 0;
}
@media screen and (max-width: 1280px) {
    .c-section-10__container--wbgt-news {
        padding: 6.9444444444% 2.7777777778% 0%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__container--wbgt-news {
        padding: 14.4% 5.3333333333% 0%;
    }
}
.c-section-10__container--wbgt-reason {
    padding: 100px 40px 32px;
}
@media screen and (max-width: 1280px) {
    .c-section-10__container--wbgt-reason {
        padding: 6.9444444444% 2.7777777778% 2.2222222222%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__container--wbgt-reason {
        padding: 18.6666666667% 5.3333333333% 6.6666666667%;
    }
}
.c-section-10__container--wbgt-products {
    padding: 80px 40px 110px;
}
@media screen and (max-width: 1280px) {
    .c-section-10__container--wbgt-products {
        padding: 5.5555555556% 2.7777777778% 7.6388888889%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__container--wbgt-products {
        padding: 12% 5.3333333333% 21.3333333333%;
    }
}
.c-section-10__container--wbgt-lineup {
    padding: 110px 40px 130px;
}
@media screen and (max-width: 1280px) {
    .c-section-10__container--wbgt-lineup {
        padding: 7.6388888889% 2.7777777778% 9.0277777778%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__container--wbgt-lineup {
        padding: 18.6666666667% 5.3333333333% 21.3333333333%;
    }
}
.c-section-10__content {
    margin-top: 26px;
}
@media screen and (max-width: 1280px) {
    .c-section-10__content {
        margin-top: 2.03125%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__content {
        margin-top: 5.0746268657%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__content--alcohol-choice {
        padding: 0 5.3333333333% 0;
    }
}
.c-section-10__content--alcohol-news {
    margin-top: 40px;
}
@media screen and (max-width: 1280px) {
    .c-section-10__content--alcohol-news {
        margin-top: 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__content--alcohol-news {
        margin-top: 10.447761194%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__content--wbgt-choice {
        padding: 0 5.3333333333% 0;
    }
}
.c-section-10__content--wbgt-news {
    margin-top: 40px;
}
@media screen and (max-width: 1280px) {
    .c-section-10__content--wbgt-news {
        margin-top: 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__content--wbgt-news {
        margin-top: 10.447761194%;
    }
}
.c-section-10__inner--alcohol-products {
    margin-top: 58px;
}
@media screen and (max-width: 768px) {
    .c-section-10__inner--alcohol-products {
        margin-top: 8vw;
    }
}
.c-section-10__inner--alcohol-lineup {
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .c-section-10__inner--alcohol-lineup {
        margin-top: 8vw;
    }
}
.c-section-10__inner--wbgt-products {
    margin-top: 58px;
}
@media screen and (max-width: 768px) {
    .c-section-10__inner--wbgt-products {
        margin-top: 8vw;
    }
}
.c-section-10__inner--wbgt-lineup {
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .c-section-10__inner--wbgt-lineup {
        margin-top: 8vw;
    }
}
.c-section-10__link {
    margin-top: 65px;
    text-align: center;
}
@media screen and (max-width: 1280px) {
    .c-section-10__link {
        margin-top: 5.078125%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__link {
        margin-top: 4%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__link--sp-w335 {
        margin-right: auto;
        margin-left: auto;
        width: 89.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__link--alcohol-customers {
        padding: 0 5.3333333333% 0;
    }
}
.c-section-10__link--alcohol-news {
    margin-top: 57px;
}
@media screen and (max-width: 1280px) {
    .c-section-10__link--alcohol-news {
        margin-top: 4.453125%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__link--alcohol-news {
        margin-top: 8%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__link--wbgt-customers {
        padding: 0 5.3333333333% 0;
        margin: 10.6666666667% 0 0;
    }
}
.c-section-10__link--wbgt-news {
    margin-top: 57px;
}
@media screen and (max-width: 1280px) {
    .c-section-10__link--wbgt-news {
        margin-top: 4.453125%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__link--wbgt-news {
        margin-top: 8%;
    }
}

/* ---------------------------------------------
*   c-section-alcohol-maintenance
--------------------------------------------- */
.c-section-alcohol-maintenance--has-pdb {
    padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-maintenance--has-pdb {
        padding-bottom: 21.3333333333vw;
    }
}
.c-section-alcohol-maintenance__head--blue {
    background-color: #f0f7ff;
}
.c-section-alcohol-maintenance__head--green {
    background-color: #eaf4f3;
}
.c-section-alcohol-maintenance__head--yellow {
    background-color: #f7f3e5;
}
.c-section-alcohol-maintenance__head--red {
    background-color: #faf2f6;
}
.c-section-alcohol-maintenance__head-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 39px 40px 39px;
}
@media screen and (max-width: 1280px) {
    .c-section-alcohol-maintenance__head-container {
        padding: 39px 3.125% 39px;
    }
}
@media screen and (max-width: 1050px) {
    .c-section-alcohol-maintenance__head-container {
        flex-direction: column;
    }
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-maintenance__head-container {
        padding: 8.5333333333% 5.3333333333% 10.6666666667%;
    }
}
.c-section-alcohol-maintenance__head-unit {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 20px;
}
@media screen and (max-width: 1280px) {
    .c-section-alcohol-maintenance__head-unit {
        gap: 1.6666666667%;
    }
}
@media screen and (max-width: 1050px) {
    .c-section-alcohol-maintenance__head-unit {
        margin-bottom: 20px;
        flex-direction: column;
        align-items: center;
    }
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-maintenance__head-unit {
        margin-bottom: 5.3333333333vw;
    }
}
@media screen and (max-width: 1050px) {
    .c-section-alcohol-maintenance__head-wrap {
        text-align: center;
    }
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-maintenance__head-wrap {
        margin-top: 1.6vw;
    }
}
.c-section-alcohol-maintenance__head-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-maintenance__head-img {
        width: 16vw;
    }
}
.c-section-alcohol-maintenance__head-ttl {
    line-height: 1.47;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 2.5rem;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-maintenance__head-ttl {
        margin-bottom: 1.6vw;
        line-height: 1.5;
        font-size: 6.4vw;
    }
}
.c-section-alcohol-maintenance__head-txt {
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-maintenance__head-txt {
        text-align: left;
        line-height: 1.73;
        font-size: 4vw;
    }
}
.c-section-alcohol-maintenance__body {
    max-width: 1280px;
    margin: 0 auto;
    padding: 50px 40px 0;
}
@media screen and (max-width: 1280px) {
    .c-section-alcohol-maintenance__body {
        padding: 50px 3.125% 0;
    }
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-maintenance__body {
        padding: 8% 5.3333333333% 0;
    }
}
.c-section-alcohol-maintenance__inner {
    margin-right: auto;
    margin-left: auto;
    max-width: 960px;
}

/* ---------------------------------------------
*   c-section-alcohol-select
--------------------------------------------- */
.c-section-alcohol-select--light-blue {
    background-color: #f0f3f5;
}
.c-section-alcohol-select__container {
    padding: 100px 40px 120px;
    max-width: 1280px;
    margin: 0 auto;
}
@media screen and (max-width: 1280px) {
    .c-section-alcohol-select__container {
        padding: 5.46875% 3.125% 6.25%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-select__container {
        padding: 18.6666666667% 5.3333333333% 21.3333333333%;
    }
}
.c-section-alcohol-select__container--last {
    padding-top: 0;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-select__container--no-side-pd {
        padding-left: 0;
        padding-right: 0;
    }
}

/* ---------------------------------------------
*   c-section-alcohol-cooperation
--------------------------------------------- */
.c-section-alcohol-cooperation__container {
    padding: 80px 40px 120px;
    max-width: 1280px;
    margin: 0 auto;
}
@media screen and (max-width: 1280px) {
    .c-section-alcohol-cooperation__container {
        padding: 5.46875% 3.125% 6.25%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-cooperation__container {
        padding: 16% 5.3333333333% 21.3333333333%;
    }
}
.c-section-alcohol-cooperation__anchor {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.c-section-alcohol-cooperation__anchor-item {
    display: flex;
    align-items: flex-start;
    padding: 14px 22px;
    overflow: auto;
    border-radius: 6px;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-cooperation__anchor-item {
        padding-right: 4.2666666667vw;
        padding-left: 4.2666666667vw;
    }
}
.c-section-alcohol-cooperation__anchor-item:nth-of-type(1) {
    background-color: #f0f7ff;
}
.c-section-alcohol-cooperation__anchor-item:nth-of-type(2) {
    background-color: #eaf4f3;
}
.c-section-alcohol-cooperation__anchor-item:nth-of-type(3) {
    background-color: #faf2f6;
}
.c-section-alcohol-cooperation__anchor-item a {
    transition: opacity 300ms;
}
.c-section-alcohol-cooperation__anchor-item a:hover {
    opacity: 0.8;
}
.c-section-alcohol-cooperation__anchor-text {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 8px;
    width: 168px;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-cooperation__anchor-text {
        width: 37.3333333333vw;
    }
}
.c-section-alcohol-cooperation__anchor-text::before {
    display: block;
    width: 18px;
    height: 12px;
    margin-top: 2px;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
            clip-path: polygon(0 0, 100% 0, 50% 100%);
    background-color: #004198;
    content: "";
}
.c-section-alcohol-cooperation__anchor-sub {
    display: flex;
    flex-wrap: nowrap;
    padding-top: 4px;
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-cooperation__anchor-sub {
        padding-top: 0;
    }
}
.c-section-alcohol-cooperation__anchor-sub-item a {
    padding-right: 26px;
    color: #004198;
    letter-spacing: 0.06em;
    font-size: 0.9375rem;
    text-decoration: underline;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-cooperation__anchor-sub-item a {
        font-size: 3.7333333333vw;
    }
}
.c-section-alcohol-cooperation__content, .c-section-alcohol-cooperation__content-item {
    display: flex;
    flex-direction: column;
    gap: 90px;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-cooperation__content, .c-section-alcohol-cooperation__content-item {
        gap: 18.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-cooperation__content {
        margin-right: -5.3333333333%;
    }
}
.c-section-alcohol-cooperation__content-inner {
    margin-top: -60px;
    padding-top: 60px;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-cooperation__content-inner {
        margin-top: -70px;
        padding-top: 70px;
    }
}
.c-section-alcohol-cooperation__list {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-cooperation__list {
        flex-wrap: nowrap;
        gap: 5.3333333333vw;
        overflow-x: auto;
        padding-right: 5.3333333333%;
        padding-bottom: 2px;
    }
}
.c-section-alcohol-cooperation__list-item, .c-section-alcohol-cooperation__list-content {
    display: flex;
    flex-direction: column;
}
.c-section-alcohol-cooperation__list-item {
    width: calc(25% - 21px);
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-cooperation__list-item {
        width: 66.6666666667vw;
    }
}
.c-section-alcohol-cooperation__list-content {
    flex: 1;
}
.c-section-alcohol-cooperation__list-image {
    overflow: hidden;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    border: 1px solid #ddd;
    border-radius: 6px;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-cooperation__list-image {
        width: 66.6666666667vw;
    }
}
.c-section-alcohol-cooperation__list-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-section-alcohol-cooperation__list-company {
    font-size: 0.8125rem;
    line-height: 1.4615384615;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-cooperation__list-company {
        font-size: 3.2vw;
    }
}
.c-section-alcohol-cooperation__list-name {
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.3;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-cooperation__list-name {
        font-size: 4.8vw;
    }
}
.c-section-alcohol-cooperation__list-text {
    font-size: 0.875rem;
    line-height: 1.7142857143;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-cooperation__list-text {
        font-size: 3.4666666667vw;
    }
}
.c-section-alcohol-cooperation__list-note {
    font-size: 0.75rem;
    line-height: 2;
    color: #666666;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-cooperation__list-note {
        font-size: 2.9333333333vw;
    }
}
.c-section-alcohol-cooperation__list-option {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 2;
    color: #666666;
}
.c-section-alcohol-cooperation__list-option::before {
    display: block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    background: url("/lp/img/business/special/alcohol/system_cooperation/icon_option.svg") no-repeat center/contain;
    content: "";
}
.c-section-alcohol-cooperation__list-button {
    margin-top: auto;
}
.c-section-alcohol-cooperation__product {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.c-section-alcohol-cooperation__product-item {
    padding: 7px 8px 5px;
    border-radius: 6px;
    background-color: #f0f3f5;
    font-weight: bold;
    font-size: 0.6875rem;
    font-family: century-gothic, sans-serif;
    line-height: 1;
}

/* ---------------------------------------------
*   c-section-alcohol-select-lead
--------------------------------------------- */
.c-section-alcohol-select-lead {
    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 40px 120px;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-select-lead {
        padding: 13.3333333333% 5.3333333333% 18.6666666667%;
    }
}
.c-section-alcohol-select-lead__notice {
    border: 2px solid #e23838;
    color: #e23838;
    text-align: center;
    padding: 22px 22px 30px;
    font-weight: bold;
    margin: 0 0 30px;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-select-lead__notice {
        text-align: left;
        padding: 5.3333333333%;
        margin: 0 0 5.3333333333vw 0;
    }
}
.c-section-alcohol-select-lead__notice-s {
    font-size: 1.25rem;
    letter-spacing: 0.06em;
    line-height: 1.33333;
    margin: 0 0 5px;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-select-lead__notice-s {
        font-size: 4vw;
    }
}
.c-section-alcohol-select-lead__notice-s strong {
    font-size: 2.0833333333vw;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-select-lead__notice-s strong {
        font-size: 5.3333333333vw;
    }
}
.c-section-alcohol-select-lead__notice-l {
    font-size: 2.25rem;
    line-height: 1.4;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-select-lead__notice-l {
        font-size: 5.3333333333vw;
    }
}
.c-section-alcohol-select-lead__notice-l sup {
    font-size: 12px;
}
.c-section-alcohol-select-lead__num-item {
    text-indent: -2.3em;
    padding-left: 2.3em;
    font-size: 0.75rem;
    color: #666666;
    line-height: 1.67;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-select-lead__num-item {
        font-size: 3.2vw;
    }
}
.c-section-alcohol-select-lead__text {
    display: flex;
    justify-content: center;
    margin: 0 0 42px;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-select-lead__text {
        margin: 0 0 5.3333333333vw 0;
    }
}

/* ---------------------------------------------
*   c-section-alcohol-cooperation-lead
--------------------------------------------- */
.c-section-alcohol-cooperation-lead {
    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 40px 0;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-cooperation-lead {
        padding: 10.6666666667% 5.3333333333% 0;
    }
}
.c-section-alcohol-cooperation-lead__product {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-cooperation-lead__product {
        gap: 1.6vw 1.0666666667vw;
    }
}
.c-section-alcohol-cooperation-lead__product-item {
    width: calc(16.6666666667% - 15px);
    height: 80px;
    padding: 10px;
}
@media screen and (max-width: 768px) {
    .c-section-alcohol-cooperation-lead__product-item {
        width: calc(33.3333333333% - 0.7111111111vw);
    }
}
.c-section-alcohol-cooperation-lead__product-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.c-section-alcohol-cooperation-lead__product-item--no-padding {
    padding: 0;
}

/* ---------------------------------------------
*   c-cooperation-index
--------------------------------------------- */
.c-cooperation-index {
    display: flex;
    gap: 40px;
}
@media screen and (max-width: 768px) {
    .c-cooperation-index {
        flex-direction: column;
        gap: 4vw;
    }
}
.c-cooperation-index__item {
    text-align: center;
    width: calc(50% - 20px);
    padding: 50px 0 60px;
    border-radius: 6px;
}
@media screen and (max-width: 768px) {
    .c-cooperation-index__item {
        width: 100%;
        padding: 6.6666666667% 0 8%;
    }
}
.c-cooperation-index__item:nth-of-type(1) {
    background-color: #f0f7ff;
}
.c-cooperation-index__item:nth-of-type(2) {
    background-color: #eaf4f3;
}
.c-cooperation-index__image {
    width: 150px;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-cooperation-index__image {
        width: 26.6666666667vw;
    }
}
/* ---------------------------------------------
*   c-section-special-support
--------------------------------------------- */
.c-section-special-support--has-pdb {
    padding-bottom: 130px;
}
@media screen and (max-width: 1280px) {
    .c-section-special-support--has-pdb {
        padding-bottom: 10.15625%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-special-support--has-pdb {
        padding-bottom: 21.3333333333vw;
    }
}
.c-section-special-support__head {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    background-color: #0f1d37;
}
@media screen and (max-width: 768px) {
    .c-section-special-support__head {
        height: 66.6666666667vw;
    }
}
.c-section-special-support__container {
    position: relative;
    z-index: 2;
    margin: -80px auto 0;
    padding: 0 40px 0;
    max-width: 1280px;
}
@media screen and (max-width: 1280px) {
    .c-section-special-support__container {
        padding: 0 3.125% 0;
    }
}
@media screen and (max-width: 768px) {
    .c-section-special-support__container {
        margin-top: 0;
        padding: 8vw 0 0 0;
    }
}
.c-section-special-support__body {
    background-color: #fff;
    border-radius: 5px 5px 0 0;
}
@media screen and (max-width: 768px) {
    .c-section-special-support__body {
        border-radius: 0;
    }
}
.c-section-special-support__inner {
    margin-right: auto;
    margin-left: auto;
    padding: 50px 40px 0;
    max-width: 1040px;
}
@media screen and (max-width: 1280px) {
    .c-section-special-support__inner {
        padding: 50px 3.3333333333% 0;
    }
}
@media screen and (max-width: 768px) {
    .c-section-special-support__inner {
        padding: 0 5.3333333333% 0;
    }
}
.c-section-special-support__img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.c-section-special-support__img--opacity-02 {
    opacity: 0.2;
}
.c-section-special-support__img--opacity-03 {
    opacity: 0.3;
}
.c-section-special-support__img--opacity-04 {
    opacity: 0.4;
}
.c-section-special-support__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-section-special-support__ttl {
    margin-top: -80px;
    color: #fff;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 2.75rem;
}
@media screen and (max-width: 768px) {
    .c-section-special-support__ttl {
        margin-top: 0;
        font-size: 6.4vw;
    }
}

/* ---------------------------------------------
*   c-section-akita
--------------------------------------------- */
.c-section-akita:nth-of-type(2n) {
    background-color: #f0f3f5;
}
.c-section-akita--light-blue {
    background-color: #f0f3f5;
}
.c-section-akita__container {
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 80px;
    padding-right: 40px;
    padding-bottom: 120px;
    padding-left: 40px;
}
@media screen and (max-width: 1280px) {
    .c-section-akita__container {
        padding-top: 7.8125%;
        padding-right: 3.125%;
        padding-bottom: 9.375%;
        padding-left: 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-akita__container {
        padding-top: 16%;
        padding-right: 5.3333333333%;
        padding-bottom: 18.6666666667%;
        padding-left: 5.3333333333%;
    }
}
.c-section-akita__container--pd-type-01 {
    padding-bottom: 100px;
}
@media screen and (max-width: 1280px) {
    .c-section-akita__container--pd-type-01 {
        padding-bottom: 7.8125%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-akita__container--pd-type-01 {
        padding-bottom: 18.6666666667%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-akita__container--pb-type-02 {
        padding-right: 0;
        padding-left: 0;
    }
}
.c-section-akita__container--pb-type-03 {
    padding-bottom: 140px;
}
@media screen and (max-width: 1280px) {
    .c-section-akita__container--pb-type-03 {
        padding-bottom: 10.9375%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-akita__container--pb-type-03 {
        padding-bottom: 24%;
    }
}
.c-section-akita__container--pb-type-04 {
    padding-top: 110px;
}
@media screen and (max-width: 1280px) {
    .c-section-akita__container--pb-type-04 {
        padding-top: 8.59375%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-akita__container--pb-type-04 {
        padding-top: 21.3333333333%;
    }
}
.c-section-akita__container--pb-type-05 {
    padding-top: 110px;
}
@media screen and (max-width: 1280px) {
    .c-section-akita__container--pb-type-05 {
        padding-top: 8.59375%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-akita__container--pb-type-05 {
        padding-top: 21.3333333333%;
        padding-bottom: 21.3333333333%;
    }
}
.c-section-akita__container--pb-type-06 {
    padding-top: 0;
    padding-bottom: 140px;
}
@media screen and (max-width: 1280px) {
    .c-section-akita__container--pb-type-06 {
        padding-bottom: 10.9375%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-akita__container--pb-type-06 {
        padding-bottom: 24%;
    }
}
.c-section-akita__content {
    margin-top: 20px;
}
@media screen and (max-width: 1280px) {
    .c-section-akita__content {
        margin-top: 1.5625%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-akita__content {
        margin-top: 5.3333333333%;
    }
}
.c-section-akita__inner {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
}
.c-section-akita__link {
    margin-top: 50px;
    text-align: center;
}
@media screen and (max-width: 1280px) {
    .c-section-akita__link {
        margin-top: 3.90625%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-akita__link {
        margin-top: 8%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-akita__adjust-outer {
        padding-left: 5.3333333333%;
        padding-right: 5.3333333333%;
    }
}

/* ---------------------------------------------
*   c-section-akita-top-products
--------------------------------------------- */
.c-section-akita-top-products {
    background-color: #f7f3e5;
}
.c-section-akita-top-products--light-green {
    background-color: #eaf4f3;
}
.c-section-akita-top-products__container {
    padding-top: 80px;
}
@media screen and (max-width: 1280px) {
    .c-section-akita-top-products__container {
        padding-top: 6.25%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-akita-top-products__container {
        padding-top: 16%;
    }
}
.c-section-akita-top-products__content {
    margin-top: 20px;
}
@media screen and (max-width: 1280px) {
    .c-section-akita-top-products__content {
        margin-top: 1.5625%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-akita-top-products__content {
        margin-top: 5.3333333333%;
    }
}

/* ---------------------------------------------
*   c-section-wbgt-alert（暑さ指数計SPサイトトップ用）
--------------------------------------------- */
.c-section-wbgt-alert {
    max-width: 1280px;
    margin: 0 auto;
    padding: 100px 0 150px;
}
@media screen and (max-width: 768px) {
    .c-section-wbgt-alert {
        padding: 16% 0 21.3333333333%;
    }
}
.c-section-wbgt-alert__inner {
    background: #ffef4a;
    position: relative;
    padding: 70px 60px 90px;
    text-align: center;
}
.c-section-wbgt-alert__inner:before, .c-section-wbgt-alert__inner:after {
    content: "";
    display: block;
    width: 100%;
    height: 18px;
    position: absolute;
    left: 0;
    background: repeating-linear-gradient(45deg, #000, #000 8px, #ffef4a 8px, #ffef4a 21px);
}
.c-section-wbgt-alert__inner:before {
    top: 0;
}
.c-section-wbgt-alert__inner:after {
    bottom: 0;
}
@media screen and (max-width: 768px) {
    .c-section-wbgt-alert__inner {
        padding: 13.3333333333% 5.3333333333% 18.6666666667%;
    }
}
.c-section-wbgt-alert__title {
    font-size: 2.75rem;
    line-height: 1.32;
    font-weight: bold;
    margin: 0 0 22px;
    background: url(https://api-img.tanita.co.jp/files/user/business/special/wbgt/top/icon-alert.png) center top no-repeat;
    background-size: 60px auto;
    padding: 62px 0 0;
}
@media screen and (max-width: 768px) {
    .c-section-wbgt-alert__title {
        font-size: 6.4vw;
    }
}
.c-section-wbgt-alert__lead {
    margin: 0 0 36px;
    font-size: 1rem;
    line-height: 2;
}
@media screen and (max-width: 1024px) {
    .c-section-wbgt-alert__lead {
        font-size: 1.5277777778vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-wbgt-alert__lead {
        font-size: 4vw;
        text-align: left;
    }
}
.c-section-wbgt-alert__sample-title {
    font-size: 1.375rem;
    font-weight: bold;
    margin: 0 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.c-section-wbgt-alert__sample-title:before, .c-section-wbgt-alert__sample-title:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 18px;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
            clip-path: polygon(0 0, 100% 0, 50% 100%);
    background: #E23838;
}
@media screen and (max-width: 768px) {
    .c-section-wbgt-alert__sample-title {
        font-size: 4.2666666667vw;
        align-items: flex-end;
    }
    .c-section-wbgt-alert__sample-title:before, .c-section-wbgt-alert__sample-title:after {
        width: 3.4666666667vw;
        height: 2.6666666667vw;
    }
}
.c-section-wbgt-alert__sample-list {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 960px) {
    .c-section-wbgt-alert__sample-list {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-wbgt-alert__sample-list {
        gap: 0;
        justify-content: space-between;
    }
}
.c-section-wbgt-alert__sample-item {
    border-radius: 5px;
    border: 3px solid #333;
    width: 18.5185185185%;
    padding: 20px 0 22px;
}
@media screen and (max-width: 960px) {
    .c-section-wbgt-alert__sample-item {
        width: 25%;
        margin: 0 0 2.6666666667vw 0;
    }
}
@media screen and (max-width: 768px) {
    .c-section-wbgt-alert__sample-item {
        width: 48.1355932203%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-wbgt-alert__sample-item:last-of-type {
        width: 100%;
    }
}
.c-section-wbgt-alert__sample-item-tit {
    font-size: 1.1111111111vw;
    font-weight: bold;
    margin: 0 0 10px 0;
}
@media screen and (max-width: 960px) {
    .c-section-wbgt-alert__sample-item-tit {
        font-size: 1.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-wbgt-alert__sample-item-tit {
        font-size: 4vw;
    }
}
@media screen and (min-width: 1280px) {
    .c-section-wbgt-alert__sample-item-tit {
        font-size: 16px;
    }
}
.c-section-wbgt-alert__sample-img {
    display: block;
}
.c-section-wbgt-alert__sample-img img {
    width: 50%;
}
@media screen and (max-width: 768px) {
    .c-section-wbgt-alert__sample-img img {
        width: 21.3333333333vw;
    }
}
.c-section-wbgt-alert__sample-cap {
    font-size: 0.9722222222vw;
    padding: 10px 0 0;
}
@media screen and (max-width: 960px) {
    .c-section-wbgt-alert__sample-cap {
        font-size: 1.25vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-wbgt-alert__sample-cap {
        font-size: 3.4666666667vw;
    }
}
@media screen and (min-width: 1280px) {
    .c-section-wbgt-alert__sample-cap {
        font-size: 14px;
    }
}

/* ---------------------------------------------
*   c-section-wbgt-select
--------------------------------------------- */
.c-section-wbgt-select--light-blue {
    background-color: #f0f3f5;
}
.c-section-wbgt-select__container {
    padding: 100px 40px 120px;
    max-width: 1280px;
    margin: 0 auto;
}
@media screen and (max-width: 1280px) {
    .c-section-wbgt-select__container {
        padding: 5.46875% 3.125% 6.25%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-wbgt-select__container {
        padding: 18.6666666667% 5.3333333333% 21.3333333333%;
    }
}
.c-section-wbgt-select__container--last {
    padding-top: 0;
}
@media screen and (max-width: 768px) {
    .c-section-wbgt-select__container--no-side-pd {
        padding-left: 0;
        padding-right: 0;
    }
}

/* ---------------------------------------------
*   c-select-1
--------------------------------------------- */
.c-select-1 {
    margin-top: 15px;
}
.c-select-1--mgt-none {
    margin-top: 0;
}
.c-select-1--magazine {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 28px;
    margin-left: auto;
    border: 1px solid #DDDEE0;
    border-radius: 9999px;
}
@media screen and (max-width: 768px) {
    .c-select-1--magazine {
        margin-top: 5.9701492537%;
    }
}
.c-select-1__inner {
    position: relative;
    text-align: right;
}
.c-select-1--magazine .c-select-1__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 94px;
    min-height: 30px;
    padding-inline: 12px;
}
@media screen and (max-width: 768px) {
    .c-select-1--magazine .c-select-1__inner {
        min-width: 25.0666666667vw;
        min-height: 8vw;
        padding-inline: 3.2vw;
    }
}
@media screen and (min-width: 769px) {
    .windows .c-select-1--magazine .c-select-1__inner {
        padding-bottom: 1px;
    }
}

.c-select-1__output {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
}
@media screen and (min-width: 769px) {
    .c-select-1__output {
        transition: opacity 300ms;
    }
    .c-select-1__output:hover {
        opacity: 0.8;
    }
}
.c-select-1__txt {
    margin-right: 7px;
    font-size: 0.9375rem;
}
.c-select-1--magazine .c-select-1__txt {
    margin-right: 4px;
    padding-left: 2px;
}
@media screen and (max-width: 768px) {
    .c-select-1--magazine .c-select-1__txt {
        margin-right: 1.0666666667vw;
        padding-left: 0.5333333333vw;
    }
}
.c-select-1__icon {
    width: 15px;
    transition: transform 0.3s;
}
.is-open .c-select-1__icon {
    transform: rotate(180deg);
}

.c-select-1__icon img {
    display: block;
}
.c-select-1--magazine .c-select-1__icon {
    width: 14px;
}
@media screen and (max-width: 768px) {
    .c-select-1--magazine .c-select-1__icon {
        width: 3.2vw;
        margin-top: 0.5333333333vw;
    }
    .c-select-1--magazine .c-select-1__icon img {
        width: 100%;
    }
}
.c-select-1__selecter {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    padding: 9px 0;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    z-index: 1;
}
.c-select-1__selecter-item {
    padding: 8px 15px;
    font-size: 0.875rem;
    white-space: nowrap;
    text-align: left;
    cursor: pointer;
    transition: background 0.3s;
}
@media screen and (min-width: 769px) {
    .c-select-1__selecter-item:hover {
        background-color: #f0f3f5;
    }
}
.c-select-1 select {
    display: none;
}

/*  .c-select-3
--------------------------------------------- */
.c-select-3 {
    margin-top: 15px;
}
.c-select-3__selecter {
    position: absolute;
    top: calc(100% + 0px);
    left: 50%;
    z-index: 1;
    padding: 9px 0;
    border-radius: 0px;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
}
.l-header-product-detail__nav-link--book:hover + .c-select-3__selecter {
    opacity: 1;
    pointer-events: auto;
}

.c-select-3__selecter:hover {
    opacity: 1;
    pointer-events: auto;
}
.c-select-3__selecter-item {
    display: block;
    padding: 8px 15px;
    font-size: 0.875rem;
    white-space: nowrap;
    text-align: left;
    cursor: pointer;
    transition: background 0.3s;
}
@media screen and (min-width: 769px) {
    .c-select-3__selecter-item:hover {
        background-color: #f0f3f5;
    }
}

/* ---------------------------------------------
*   c-slider-1
--------------------------------------------- */
.c-slider-1 {
    margin-top: 24px;
}
@media screen and (max-width: 768px) {
    .c-slider-1 {
        margin-top: 6.6666666667vw;
    }
}
.c-slider-1__main {
    position: relative;
    max-width: 1070px;
    margin: 0 auto;
    padding: 0 55px;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-slider-1__main {
        padding: 0 5.3333333333%;
    }
}
.c-slider-1 .swiper-slide {
    width: 100%;
    margin: 0 55px;
}
@media screen and (max-width: 768px) {
    .c-slider-1 .swiper-slide {
        margin: 0 5.3333333333%;
    }
}
.c-slider-1__img {
    width: 100%;
}
.c-slider-1__img img {
    width: 100%;
}
.c-slider-1__lead {
    margin-top: 28px;
    font-size: 1.375rem;
    font-weight: bold;
    letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
    .c-slider-1__lead {
        margin-top: 6.1333333333vw;
        font-size: 4.8vw;
    }
}
.c-slider-1__txt {
    margin-top: 14px;
    font-size: 1rem;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-slider-1__txt {
        margin-top: 2.6666666667vw;
        font-size: 4vw;
        line-height: 1.73;
    }
}
.c-slider-1__link {
    display: inline-block;
    margin-top: 10px;
    font-size: 1rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-slider-1__link {
        margin-top: 4vw;
        font-size: 4.2666666667vw;
    }
}
.c-slider-1 .swiper-button-prev,
.c-slider-1 .swiper-button-next {
    margin-top: auto;
    top: 186px;
    width: auto;
    height: auto;
}
@media screen and (max-width: 1070px) {
    .c-slider-1 .swiper-button-prev,
    .c-slider-1 .swiper-button-next {
        top: 17.3831775701vw;
    }
}
.c-slider-1 .swiper-button-prev::after,
.c-slider-1 .swiper-button-next::after {
    content: "";
    width: 25px;
    height: 48px;
    background-size: 100% auto;
    background-position: 0 0;
    background-repeat: no-repeat;
}
@media screen and (max-width: 1280px) {
    .c-slider-1 .swiper-button-prev::after,
    .c-slider-1 .swiper-button-next::after {
        width: 1.7361111111vw;
        height: 3.3333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-slider-1 .swiper-button-prev:hover,
    .c-slider-1 .swiper-button-next:hover {
        transition: opacity 300ms;
    }
    .c-slider-1 .swiper-button-prev:hover:hover,
    .c-slider-1 .swiper-button-next:hover:hover {
        opacity: 0.8;
    }
}
.c-slider-1 .swiper-button-prev {
    left: 0;
}
@media screen and (max-width: 1070px) {
    .c-slider-1 .swiper-button-prev {
        left: 10px;
    }
}
.c-slider-1 .swiper-button-prev::after {
    background-image: url(/lp/img/common/img_arrow-slider-left_white.svg);
}
.c-slider-1 .swiper-button-next {
    right: 0;
}
@media screen and (max-width: 1070px) {
    .c-slider-1 .swiper-button-next {
        right: 10px;
    }
}
.c-slider-1 .swiper-button-next::after {
    background-image: url(/lp/img/common/img_arrow-slider-right_white.svg);
}

/* ---------------------------------------------
*   c-slider-3
--------------------------------------------- */
.c-slider-3 {
    position: relative;
    max-width: 1310px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 65px;
    box-sizing: content-box;
}
@media screen and (max-width: 1280px) {
    .c-slider-3 {
        padding: 0 4.5138888889vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-3 {
        padding: 0;
    }
}
.c-slider-3 .swiper-wrapper {
    align-items: stretch;
}
.c-slider-3 .swiper-container {
    padding-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-slider-3 .swiper-container {
        padding-top: 5.3333333333vw;
    }
}
.c-slider-3--alcohol .swiper-container {
    overflow: hidden;
}

.c-slider-3--healthmeter .swiper-container {
    overflow: hidden;
}

.c-slider-3--healthmeter {
    box-sizing: border-box;
}
.c-slider-3--alcohol {
    padding: 0 65px;
}
@media screen and (max-width: 1280px) {
    .c-slider-3--alcohol {
        padding: 0 4.5138888889vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-3--alcohol {
        padding: 0;
    }
}
.c-slider-3__slide .swiper-slide {
    display: flex;
    justify-content: center;
    width: 22.8070175439%;
    height: auto;
    margin-right: 0;
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-slider-3__slide .swiper-slide {
        width: auto;
    }
}
.c-slider-3--alcohol .c-slider-3__slide .swiper-slide {
    display: flex;
    justify-content: center;
    width: 26.3157894737%;
    height: auto;
    margin-right: 0;
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-slider-3--alcohol .c-slider-3__slide .swiper-slide {
        margin-right: 0;
        margin-left: 0;
        width: auto;
    }
}
.c-slider-3__item {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-slider-3--healthmeter .c-slider-3__item {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-3--alcohol .c-slider-3__item {
        width: 100%;
    }
}
.c-slider-3 .swiper-button-prev,
.c-slider-3 .swiper-button-next {
    margin-top: auto;
    top: 190px;
    width: auto;
    height: auto;
}
@media screen and (max-width: 768px) {
    .c-slider-3 .swiper-button-prev,
    .c-slider-3 .swiper-button-next {
        top: 42.6666666667vw;
    }
}
.c-slider-3 .swiper-button-prev::after,
.c-slider-3 .swiper-button-next::after {
    content: "";
    width: 25px;
    height: 48px;
    background-size: 100% auto;
    background-position: 0 0;
    background-repeat: no-repeat;
}
@media screen and (max-width: 1280px) {
    .c-slider-3 .swiper-button-prev::after,
    .c-slider-3 .swiper-button-next::after {
        width: 1.7361111111vw;
        height: 3.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-3 .swiper-button-prev::after,
    .c-slider-3 .swiper-button-next::after {
        width: 4.2666666667vw;
        height: 8vw;
    }
}
@media screen and (min-width: 769px) {
    .c-slider-3 .swiper-button-prev:hover,
    .c-slider-3 .swiper-button-next:hover {
        transition: opacity 300ms;
    }
    .c-slider-3 .swiper-button-prev:hover:hover,
    .c-slider-3 .swiper-button-next:hover:hover {
        opacity: 0.8;
    }
}
.c-slider-3.c-slider-3--alcohol .swiper-button-prev, .c-slider-3.c-slider-3--alcohol .swiper-button-next {
    top: 150px;
}
@media screen and (min-width: 769px) {
    .c-slider-3.c-slider-3--alcohol .swiper-button-prev, .c-slider-3.c-slider-3--alcohol .swiper-button-next {
        transform: translateY(0);
    }
}
@media screen and (max-width: 1280px) {
    .c-slider-3.c-slider-3--alcohol .swiper-button-prev, .c-slider-3.c-slider-3--alcohol .swiper-button-next {
        top: 11.71875vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-3.c-slider-3--alcohol .swiper-button-prev, .c-slider-3.c-slider-3--alcohol .swiper-button-next {
        top: 30.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-3.c-slider-3--healthmeter .swiper-button-prev {
        left: 4.2666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-3.c-slider-3--healthmeter .swiper-button-next {
        right: 4.2666666667vw;
    }
}
.c-slider-3 .swiper-button-prev {
    left: 0;
    transform: translate(50%, -50%);
}
.c-slider-3 .swiper-button-prev::after {
    background-image: url(/lp/img/common/img_arrow-slider-left.svg);
}
.c-slider-3 .swiper-button-next {
    right: 0;
    transform: translate(-50%, -50%);
}
.c-slider-3 .swiper-button-next::after {
    background-image: url(/lp/img/common/img_arrow-slider-right.svg);
}

/* ---------------------------------------------
*   c-slider-5
--------------------------------------------- */
.c-slider-5 {
    position: relative;
    margin: 80px 0;
}
@media screen and (max-width: 768px) {
    .c-slider-5 {
        margin: 16vw 0;
    }
}
.c-slider-5__main-img img {
    width: 100%;
}
.c-slider-5__list {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
@media screen and (max-width: 768px) {
    .c-slider-5__list {
        margin-top: 2.6666666667vw;
    }
}
.c-slider-5__item {
    width: 100px;
    margin-left: 10px;
}
@media screen and (max-width: 768px) {
    .c-slider-5__item {
        width: 16vw;
        margin-left: 2.6666666667vw;
    }
}
.c-slider-5__item:first-of-type {
    margin-left: 0;
}
.c-slider-5 .swiper-container {
    overflow: hidden;
}
.c-slider-5 .swiper-button-prev,
.c-slider-5 .swiper-button-next {
    margin-top: auto;
    top: 50%;
    transform: translateY(-70px);
    width: auto;
    height: auto;
}
.c-slider-5 .swiper-button-prev::after,
.c-slider-5 .swiper-button-next::after {
    content: "";
    width: 25px;
    height: 48px;
    background-size: 100% auto;
    background-position: 0 0;
    background-repeat: no-repeat;
}
@media screen and (max-width: 870px) {
    .c-slider-5 .swiper-button-prev::after,
    .c-slider-5 .swiper-button-next::after {
        content: none;
    }
}
@media screen and (min-width: 769px) {
    .c-slider-5 .swiper-button-prev:hover,
    .c-slider-5 .swiper-button-next:hover {
        transition: opacity 300ms;
    }
    .c-slider-5 .swiper-button-prev:hover:hover,
    .c-slider-5 .swiper-button-next:hover:hover {
        opacity: 0.8;
    }
}
.c-slider-5 .swiper-button-prev {
    left: -55px;
}
@media screen and (max-width: 870px) {
    .c-slider-5 .swiper-button-prev {
        left: 0;
    }
}
.c-slider-5 .swiper-button-prev::after {
    background-image: url(/lp/img/common/img_arrow-slider-left.svg);
}
.c-slider-5 .swiper-button-next {
    right: -55px;
}
@media screen and (max-width: 870px) {
    .c-slider-5 .swiper-button-next {
        right: 0;
    }
}
.c-slider-5 .swiper-button-next::after {
    background-image: url(/lp/img/common/img_arrow-slider-right.svg);
}
.c-slider-5--magazine .swiper-button-prev {
    left: 30px;
}
.c-slider-5--magazine .swiper-button-prev::after {
    background-image: url(/lp/img/common/img_arrow-slider-left_white.svg);
}
.c-slider-5--magazine .swiper-button-next {
    right: 30px;
}
.c-slider-5--magazine .swiper-button-next::after {
    background-image: url(/lp/img/common/img_arrow-slider-right_white.svg);
}

/* ---------------------------------------------
*   c-slider-7
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .c-kv-1--magazine-index .c-slider-7 {
        width: 50%;
        padding-left: 2.5%;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-1--magazine-index .c-slider-7 {
        width: 100%;
        margin-top: 9.6%;
        padding: 0 5.3333333333%;
    }
}

.c-slider-7__content {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
    background-color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 768px) {
    .c-slider-7__content {
        border-radius: 1.0666666667vw 1.0666666667vw 0 0;
    }
}
.c-slider-7__article {
    height: 100%;
}
.c-slider-7__link {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0 3.5087719298%;
    height: 100%;
    padding: 4.2105263158%;
    border-radius: inherit;
}
@media screen and (max-width: 768px) {
    .c-slider-7__link {
        gap: 0 3.2vw;
        padding: 4.2666666667vw;
    }
}
.c-slider-7__link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: rgba(255, 255, 255, 0.2);
    opacity: 0;
    transition: opacity 0.3s;
}
@media screen and (min-width: 769px) {
    .c-slider-7__link:hover::before {
        opacity: 1;
    }
}
.c-slider-7__img {
    flex-shrink: 0;
    align-self: center;
    width: 41.7624521073%;
    min-width: 135px;
    aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
    .c-slider-7__img {
        width: 37.3333333333vw;
        min-width: auto;
        height: 37.3333333333vw;
    }
}
.c-slider-7__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 4px;
}
@media screen and (max-width: 768px) {
    .c-slider-7__img img {
        border-radius: 1.0666666667vw;
    }
}
.c-slider-7__txt-wrap {
    padding-top: 5.7471264368%;
}
@media screen and (max-width: 768px) {
    .c-slider-7__txt-wrap {
        padding-top: 6.4vw;
    }
}
.c-slider-7__label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 7.125rem;
    height: 1.875rem;
    padding-right: 0.5rem;
    padding-bottom: 0.125rem;
    background-color: #004299;
    color: #fff;
    font-family: century-gothic, sans-serif;
    font-style: italic;
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1;
    letter-spacing: 0.02em;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 94.7368421053% 50%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0, 94.7368421053% 50%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 768px) {
    .c-slider-7__label {
        width: 20.8vw;
        height: 5.3333333333vw;
        padding-right: 1.6vw;
        padding-bottom: 0;
        font-size: 3.7333333333vw;
        -webkit-clip-path: polygon(0% 0%, 100% 0, 94.8717948718% 50%, 100% 100%, 0% 100%);
                clip-path: polygon(0% 0%, 100% 0, 94.8717948718% 50%, 100% 100%, 0% 100%);
    }
    .windows .c-slider-7__label {
        height: 5.6vw;
        padding-top: 0.2666666667vw;
    }
}
.c-slider-7__ttl {
    margin-top: 0.5rem;
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-slider-7__ttl {
        margin-top: 1.0666666667vw;
        font-size: 3.7333333333vw;
        line-height: 1.4285714286;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}
.c-slider-7__control {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-slider-7__control {
        height: 9.6vw;
        border-radius: 0 0 1.0666666667vw 1.0666666667vw;
    }
}
.c-slider-7 .swiper-wrapper, .c-slider-7 .swiper-slide {
    align-self: stretch;
    height: auto;
}
.c-slider-7 .swiper-pagination {
    position: static;
    font-size: 0;
}
.c-slider-7 .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 0;
    background-color: #004299;
}
@media screen and (max-width: 768px) {
    .c-slider-7 .swiper-pagination-bullet {
        width: 1.0666666667vw;
        height: 1.0666666667vw;
    }
}
.c-slider-7 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin-inline: 8px 0;
}
@media screen and (max-width: 768px) {
    .c-slider-7 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin-inline: 1.6vw 0;
    }
}
.c-slider-7 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:first-of-type {
    margin-inline: 0;
}
.c-slider-7 .swiper-button-prev, .c-slider-7 .swiper-button-next {
    transform: translateY(-50%);
    width: 8px;
    height: 16px;
    margin-top: 0;
    color: #004299;
}
@media screen and (max-width: 768px) {
    .c-slider-7 .swiper-button-prev, .c-slider-7 .swiper-button-next {
        width: 1.6vw;
        height: 3.2vw;
    }
}
@media screen and (min-width: 769px) {
    .c-slider-7 .swiper-button-prev, .c-slider-7 .swiper-button-next {
        transition: opacity 300ms;
    }
    .c-slider-7 .swiper-button-prev:hover, .c-slider-7 .swiper-button-next:hover {
        opacity: 0.8;
    }
}
.c-slider-7 .swiper-button-prev, .c-slider-7 .swiper-rtl .swiper-button-next {
    left: 24px;
}
@media screen and (max-width: 768px) {
    .c-slider-7 .swiper-button-prev, .c-slider-7 .swiper-rtl .swiper-button-next {
        left: 4.2666666667vw;
    }
}
.c-slider-7 .swiper-button-next, .c-slider-7 .swiper-rtl .swiper-button-prev {
    right: 24px;
}
@media screen and (max-width: 768px) {
    .c-slider-7 .swiper-button-next, .c-slider-7 .swiper-rtl .swiper-button-prev {
        right: 4.2666666667vw;
    }
}
.c-slider-7 .swiper-button-prev:after, .c-slider-7 .swiper-rtl .swiper-button-next:after,
.c-slider-7 .swiper-button-next:after, .c-slider-7 .swiper-rtl .swiper-button-prev:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 14px;
    height: 14px;
    border-top: 2px solid #004299;
    border-right: 2px solid #004299;
}
@media screen and (max-width: 768px) {
    .c-slider-7 .swiper-button-prev:after, .c-slider-7 .swiper-rtl .swiper-button-next:after,
    .c-slider-7 .swiper-button-next:after, .c-slider-7 .swiper-rtl .swiper-button-prev:after {
        width: 2.4vw;
        height: 2.4vw;
    }
}
.c-slider-7 .swiper-button-prev:after, .c-slider-7 .swiper-rtl .swiper-button-next:after {
    left: 0;
    transform: translateY(-50%) rotate(-135deg);
}
.c-slider-7 .swiper-button-next:after, .c-slider-7 .swiper-rtl .swiper-button-prev:after {
    right: 0;
    transform: translateY(-50%) rotate(45deg);
}

/* ---------------------------------------------
*   swiper-pagination
--------------------------------------------- */
.c-kv-top .swiper-button-prev,
.c-kv-top .swiper-button-next,
.c-kv-top-business .swiper-button-prev,
.c-kv-top-business .swiper-button-next {
    margin-top: auto;
    top: 50%;
    width: 64px;
    height: 64px;
    margin-top: -32px;
    background-color: #fff;
    border-radius: 50%;
    background-size: 100% auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .c-kv-top .swiper-button-prev,
    .c-kv-top .swiper-button-next,
    .c-kv-top-business .swiper-button-prev,
    .c-kv-top-business .swiper-button-next {
        display: none;
    }
}
.c-kv-top .swiper-button-prev::after,
.c-kv-top .swiper-button-next::after,
.c-kv-top-business .swiper-button-prev::after,
.c-kv-top-business .swiper-button-next::after {
    content: "";
    display: block;
    width: 7px;
    height: 12px;
    transition: transform 0.2s;
}
@media screen and (min-width: 769px) {
    .c-kv-top .swiper-button-prev:hover,
    .c-kv-top .swiper-button-next:hover,
    .c-kv-top-business .swiper-button-prev:hover,
    .c-kv-top-business .swiper-button-next:hover {
        transition: opacity 300ms;
    }
    .c-kv-top .swiper-button-prev:hover:hover,
    .c-kv-top .swiper-button-next:hover:hover,
    .c-kv-top-business .swiper-button-prev:hover:hover,
    .c-kv-top-business .swiper-button-next:hover:hover {
        opacity: 0.8;
    }
}
.c-kv-top .swiper-button-prev,
.c-kv-top-business .swiper-button-prev {
    left: -37px;
}
.c-kv-top .swiper-button-prev::after,
.c-kv-top-business .swiper-button-prev::after {
    background-image: url(/lp/img/common/icon_arrow-left_blue-small.svg);
}
@media screen and (min-width: 769px) {
    .c-kv-top .swiper-button-prev:hover::after,
    .c-kv-top-business .swiper-button-prev:hover::after {
        transform: translateX(-5px);
    }
}
.c-kv-top .swiper-button-next,
.c-kv-top-business .swiper-button-next {
    right: -37px;
}
.c-kv-top .swiper-button-next::after,
.c-kv-top-business .swiper-button-next::after {
    background-image: url(/lp/img/common/icon_arrow-right_blue-small.svg);
}
@media screen and (min-width: 769px) {
    .c-kv-top .swiper-button-next:hover::after,
    .c-kv-top-business .swiper-button-next:hover::after {
        transform: translateX(5px);
    }
}
.c-kv-top .swiper-pagination-bullets.swiper-pagination-horizontal,
.c-kv-top-business .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
}
.c-kv-top .swiper-pagination,
.c-kv-top-business .swiper-pagination {
    line-height: 0;
}
.c-kv-top .swiper-pagination .swiper-pagination-bullet,
.c-kv-top-business .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px !important;
    width: 14px;
    height: 14px;
    background-color: rgba(0, 65, 152, 0.1);
    opacity: 0.5;
    border-radius: 50%;
    transition: background-color 0.3s;
    z-index: 12;
}
@media screen and (max-width: 768px) {
    .c-kv-top .swiper-pagination .swiper-pagination-bullet,
    .c-kv-top-business .swiper-pagination .swiper-pagination-bullet {
        margin: 0 1.3333333333vw !important;
        width: 3.7333333333vw;
        height: 3.7333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-kv-top .swiper-pagination .swiper-pagination-bullet:hover,
    .c-kv-top-business .swiper-pagination .swiper-pagination-bullet:hover {
        background-color: #004198;
        opacity: 0.8;
    }
}
.c-kv-top .swiper-pagination .swiper-pagination-bullet-active,
.c-kv-top-business .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #004198;
    opacity: 0.8;
}

/* ---------------------------------------------
*   c-slider-pickup
--------------------------------------------- */
.c-slider-pickup {
    width: 100%;
    box-sizing: border-box;
}
.c-slider-pickup__main {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #f6f6f8;
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-slider-pickup__main {
        border-radius: 2.6666666667vw;
    }
}
.c-slider-pickup__main--new:after {
    content: "NEW";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: bold;
    font-family: century-gothic, sans-serif;
    padding-top: 1px;
    width: 40px;
    height: 16px;
    line-height: 1;
    font-size: 0.75rem;
    background-color: #f45216;
    text-align: center;
}
@media screen and (min-width: 1281px) {
    .c-slider-pickup__main--new:after {
        padding-top: 1px;
        width: 50px;
        height: 20px;
        line-height: 1;
        font-size: 0.8125rem;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-pickup__main--new:after {
        padding-top: 0;
        width: 13.3333333333vw;
        height: 5.3333333333vw;
        line-height: 1;
        letter-spacing: 0.04em;
        font-size: 3.4666666667vw;
    }
}
.c-slider-pickup__list {
    display: flex;
    margin-top: 6px;
    width: 100%;
}
@media screen and (min-width: 1281px) {
    .c-slider-pickup__list {
        margin-top: 6px;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-pickup__list {
        margin-top: 1.6vw;
    }
}
.c-slider-pickup__item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 3.1818181818%;
    background-color: #f6f6f8;
    border-radius: 2px;
}
@media screen and (min-width: 1281px) {
    .c-slider-pickup__item {
        margin-left: 7px;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-pickup__item {
        margin-left: 2.6923076923%;
        width: 23%;
    }
}
.c-slider-pickup__item:first-of-type {
    margin-left: 0;
}
.c-slider-pickup__main-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 220px;
}
@media screen and (max-width: 1280px) {
    .c-slider-pickup__main-img {
        height: 17.1875vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-pickup__main-img {
        height: 69.3333333333vw;
    }
}
.c-slider-pickup__main-img img {
    width: 150px;
}
@media screen and (max-width: 1280px) {
    .c-slider-pickup__main-img img {
        width: 68.1818181818%;
    }
}
@media screen and (max-width: 1280px) {
    .c-slider-pickup__main-img img {
        width: 73.0769230769%;
    }
}
.c-slider-pickup__thumbnail {
    padding: 12%;
    max-width: 50px;
    width: 76%;
    box-sizing: content-box;
    cursor: pointer;
}
@media screen and (min-width: 769px) {
    .c-slider-pickup__thumbnail {
        transition: opacity 300ms;
    }
    .c-slider-pickup__thumbnail:hover {
        opacity: 0.8;
    }
}
@media screen and (min-width: 1281px) {
    .c-slider-pickup__thumbnail {
        padding: 6px;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-pickup__thumbnail {
        padding: 13.3333333333%;
        max-width: none;
        width: 100%;
    }
}

/* ---------------------------------------------
*   c-slider-4  productdetail color
--------------------------------------------- */
.c-slider-4 {
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-slider-4 {
        width: 100%;
    }
}
.c-slider-4__container {
    margin: 0 auto;
}
.c-slider-4__main {
    margin: 0 auto;
    max-width: 50.78125%;
}
@media screen and (min-width: 1441px) {
    .c-slider-4__main {
        max-width: 650px;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-4__main {
        max-width: 80vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-4__main img {
        width: 100%;
    }
}
.c-slider-4__thumbs {
    display: flex;
    justify-content: center;
    margin-top: 0.78125%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px;
    padding-right: 3.125%;
    padding-left: 3.125%;
}
@media screen and (min-width: 1281px) {
    .c-slider-4__thumbs {
        margin-top: 10px;
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-4__thumbs {
        margin-top: 3.7333333333vw;
    }
}
.c-slider-4__thumb {
    cursor: pointer;
    text-align: center;
    margin-left: 0.8333333333%;
    width: 80px;
}
@media screen and (min-width: 769px) {
    .c-slider-4__thumb {
        transition: opacity 300ms;
    }
    .c-slider-4__thumb:hover {
        opacity: 0.8;
    }
}
@media screen and (min-width: 1281px) {
    .c-slider-4__thumb {
        margin-left: 10px;
        width: 80px;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-4__thumb {
        margin-left: 2.6666666667vw;
        width: 16vw;
    }
}
.c-slider-4__thumb:first-of-type {
    margin-left: 0;
}
.c-slider-4__txt {
    display: block;
    letter-spacing: 0.06em;
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-slider-4__txt {
        margin-top: 0.5333333333vw;
        letter-spacing: 0em;
        font-size: 2.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-slider-6 product OVERVIEW
--------------------------------------------- */
.c-slider-6 {
    overflow: hidden;
}
.c-slider-6__main {
    position: relative;
    display: flex;
    justify-content: center;
}
.c-slider-6__main-item {
    margin-right: auto;
    margin-left: auto;
    width: 41.6666666667vw;
    padding-right: 10%;
    padding-left: 10%;
}
@media screen and (min-width: 1441px) {
    .c-slider-6__main-item {
        width: 600px;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-6__main-item {
        width: 100%;
    }
}
.c-slider-6__caption {
    margin-top: 8px;
    opacity: 0;
    color: #666666;
    letter-spacing: 0.06em;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-slider-6__caption {
        margin-top: 2.1333333333%;
        padding-right: 5.3333333333%;
        padding-left: 5.3333333333%;
        font-size: 3.7333333333vw;
    }
}
.c-slider-6__thumbs {
    margin-top: 2.2916666667%;
    display: flex;
    justify-content: center;
}
@media screen and (min-width: 1441px) {
    .c-slider-6__thumbs {
        margin-top: 30px;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-6__thumbs {
        margin-top: 7.7333333333%;
    }
}
.c-slider-6__thumb {
    margin-left: 1.5277777778%;
    width: 70px;
    cursor: pointer;
}
.c-slider-6__thumb:first-of-type {
    margin-left: 0;
}
@media screen and (min-width: 769px) {
    .c-slider-6__thumb {
        transition: opacity 300ms;
    }
    .c-slider-6__thumb:hover {
        opacity: 0.8;
    }
}
@media screen and (min-width: 1441px) {
    .c-slider-6__thumb {
        margin-left: 22px;
        width: 70px;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-6__thumb {
        margin-left: 4.2666666667%;
        width: 13.3333333333vw;
    }
}
.c-slider-6 .swiper-container {
    padding-right: 60px;
    padding-left: 60px;
}
@media screen and (max-width: 1280px) {
    .c-slider-6 .swiper-container {
        padding-right: 4.1666666667vw;
        padding-left: 4.1666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-6 .swiper-container {
        padding-right: 0;
        padding-left: 0;
    }
}
.c-slider-6 .swiper-button-prev {
    top: 17.3611111111vw;
    left: 25.5%;
    margin-top: auto;
    width: auto;
    height: auto;
    transform: translate(50%, -50%);
}
@media screen and (min-width: 1441px) {
    .c-slider-6 .swiper-button-prev {
        top: 250px;
    }
}
.c-slider-6 .swiper-button-prev:after {
    content: "";
    width: 1.7361111111vw;
    height: 3.3333333333vw;
    background: url(/lp/img/common/img_arrow-slider-left.svg) 0 0 no-repeat;
    background-size: 100% auto;
}
@media screen and (min-width: 1441px) {
    .c-slider-6 .swiper-button-prev:after {
        width: 25px;
        height: 48px;
    }
}
@media screen and (min-width: 769px) {
    .c-slider-6 .swiper-button-prev:hover {
        transition: opacity 300ms;
    }
    .c-slider-6 .swiper-button-prev:hover:hover {
        opacity: 0.8;
    }
}
.c-slider-6 .swiper-button-next {
    top: 17.3611111111vw;
    right: 25.5%;
    margin-top: auto;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}
@media screen and (min-width: 1441px) {
    .c-slider-6 .swiper-button-next {
        top: 250px;
    }
}
.c-slider-6 .swiper-button-next:after {
    content: "";
    width: 1.7361111111vw;
    height: 3.3333333333vw;
    background: url(/lp/img/common/img_arrow-slider-right.svg) 0 0 no-repeat;
    background-size: 100% auto;
}
@media screen and (min-width: 769px) {
    .c-slider-6 .swiper-button-next:after {
        transition: opacity 300ms;
    }
    .c-slider-6 .swiper-button-next:after:hover {
        opacity: 0.8;
    }
}
@media screen and (min-width: 1441px) {
    .c-slider-6 .swiper-button-next:after {
        width: 25px;
        height: 48px;
    }
}
@media screen and (min-width: 769px) {
    .c-slider-6 .swiper-button-next:hover {
        transition: opacity 300ms;
    }
    .c-slider-6 .swiper-button-next:hover:hover {
        opacity: 0.8;
    }
}
.c-slider-6 .swiper-slide-active .c-slider-6__caption {
    opacity: 1;
}

/* ---------------------------------------------
*   c-slider-8 special reason
--------------------------------------------- */
.c-slider-8 {
    overflow: hidden;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
}
.c-slider-8__main {
    position: relative;
    display: flex;
    justify-content: center;
}
.c-slider-8__img {
    margin-right: auto;
    margin-left: auto;
    width: 960px;
}
@media screen and (max-width: 1440px) {
    .c-slider-8__img {
        width: 66.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-8__img {
        width: 100%;
    }
}
.c-slider-8__img img {
    width: 100%;
}
.c-slider-8__desc {
    opacity: 0;
    transition: opacity 0.3s;
}
@media screen and (max-width: 768px) {
    .c-slider-8__desc {
        margin-top: 7.2vw;
        padding: 0 5.2083333333%;
    }
}
.c-slider-8 .swiper-container {
    padding-right: 5px;
    padding-left: 5px;
}
@media screen and (max-width: 1280px) {
    .c-slider-8 .swiper-container {
        padding-right: 0.3472222222vw;
        padding-left: 0.3472222222vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-8 .swiper-container {
        padding-right: 0;
        padding-left: 0;
    }
}
.c-slider-8 .swiper-button-prev {
    top: 14.5833333333vw;
    left: 12.8%;
    margin-top: auto;
    width: auto;
    height: auto;
    transform: translate(50%, -50%);
}
@media screen and (min-width: 1441px) {
    .c-slider-8 .swiper-button-prev {
        top: 210px;
    }
}
.c-slider-8 .swiper-button-prev:after {
    content: "";
    width: 1.7361111111vw;
    height: 3.3333333333vw;
    background: url(/lp/img/common/img_arrow-slider-left.svg) 0 0 no-repeat;
    background-size: 100% auto;
}
@media screen and (min-width: 1441px) {
    .c-slider-8 .swiper-button-prev:after {
        width: 25px;
        height: 48px;
    }
}
@media screen and (min-width: 769px) {
    .c-slider-8 .swiper-button-prev:hover {
        transition: opacity 300ms;
    }
    .c-slider-8 .swiper-button-prev:hover:hover {
        opacity: 0.8;
    }
}
.c-slider-8 .swiper-button-next {
    top: 14.5833333333vw;
    right: 12.8%;
    margin-top: auto;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}
@media screen and (min-width: 1441px) {
    .c-slider-8 .swiper-button-next {
        top: 210px;
    }
}
.c-slider-8 .swiper-button-next:after {
    content: "";
    width: 1.7361111111vw;
    height: 3.3333333333vw;
    background: url(/lp/img/common/img_arrow-slider-right.svg) 0 0 no-repeat;
    background-size: 100% auto;
}
@media screen and (min-width: 769px) {
    .c-slider-8 .swiper-button-next:after {
        transition: opacity 300ms;
    }
    .c-slider-8 .swiper-button-next:after:hover {
        opacity: 0.8;
    }
}
@media screen and (min-width: 1441px) {
    .c-slider-8 .swiper-button-next:after {
        width: 25px;
        height: 48px;
    }
}
@media screen and (min-width: 769px) {
    .c-slider-8 .swiper-button-next:hover {
        transition: opacity 300ms;
    }
    .c-slider-8 .swiper-button-next:hover:hover {
        opacity: 0.8;
    }
}
.c-slider-8 .swiper-slide-active .c-slider-8__desc {
    opacity: 1;
}

/* ---------------------------------------------
*   c-slider-color
--------------------------------------------- */
.c-slider-color {
    position: relative;
    overflow: hidden;
}
.c-slider-color__container {
    position: relative;
    height: 45.1388888889vw;
}
@media screen and (min-width: 1441px) {
    .c-slider-color__container {
        height: 650px;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-color__container {
        height: 120vw;
    }
}
.c-slider-color__logo {
    position: absolute;
    top: 2.9166666667vw;
    left: 2.7083333333vw;
    z-index: 2;
    -webkit-background-clip: text;
            background-clip: text;
}
@media screen and (min-width: 1441px) {
    .c-slider-color__logo {
        top: 42px;
        left: 39px;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-color__logo {
        top: 8vw;
        left: 5.3333333333vw;
    }
}
.c-slider-color__logo-ttl {
    position: relative;
    line-height: 1.2;
    letter-spacing: 0.04em;
    color: #fff;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    font-size: 3rem;
    filter: invert(100%);
}
@media screen and (max-width: 768px) {
    .c-slider-color__logo-ttl {
        font-size: 9.0666666667vw;
    }
}
.c-slider-color__logo-sub {
    padding-left: 0.2em;
    line-height: 1.46;
    letter-spacing: 0.06em;
    color: #fff;
    font-weight: bold;
    font-size: 0.8125rem;
    filter: invert(100%);
}
@media screen and (max-width: 768px) {
    .c-slider-color__logo-sub {
        font-size: 3.4666666667vw;
    }
}
.c-slider-color__main {
    position: relative;
}
.c-slider-color__main img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-slider-color__main-color {
    width: 100%;
    height: 100%;
}
.c-slider-color__item-slider {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 35.2777777778vw;
    height: 100%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    pointer-events: none;
}
@media screen and (min-width: 1441px) {
    .c-slider-color__item-slider {
        width: 508px;
        height: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-color__item-slider {
        max-width: 80vw;
        width: 100%;
    }
}
.c-slider-color__item-outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: width 0s;
}
.c-slider-color__item-img {
    position: absolute;
    top: 50%;
    left: 0;
    max-width: none;
    width: 35.2777777778vw;
    height: auto;
    transform: translateY(-50%);
}
@media screen and (min-width: 1441px) {
    .c-slider-color__item-img {
        width: 508px;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-color__item-img {
        top: calc(50% + 6.51vw);
        width: 80vw;
        transform: translateY(-50%);
    }
}
.c-slider-color__thumbs {
    display: flex;
    justify-content: center;
    margin-top: 0.78125%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px;
    padding-right: 3.125%;
    padding-left: 3.125%;
}
@media screen and (min-width: 1281px) {
    .c-slider-color__thumbs {
        margin-top: 10px;
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-color__thumbs {
        margin-top: 6.6666666667vw;
    }
}
.c-slider-color__thumb {
    cursor: pointer;
    text-align: center;
    margin-left: 0.8333333333%;
    width: 80px;
}
@media screen and (min-width: 769px) {
    .c-slider-color__thumb {
        transition: opacity 300ms;
    }
    .c-slider-color__thumb:hover {
        opacity: 0.8;
    }
}
@media screen and (min-width: 1281px) {
    .c-slider-color__thumb {
        margin-left: 10px;
        width: 80px;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-color__thumb {
        margin-left: 2.6666666667vw;
        width: 16vw;
    }
}
.c-slider-color__thumb:first-of-type {
    margin-left: 0;
}
.c-slider-color__txt {
    display: block;
    letter-spacing: 0.06em;
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-slider-color__txt {
        margin-top: 0.5333333333vw;
        letter-spacing: 0em;
        font-size: 2.6666666667vw;
    }
}
.c-slider-color .swiper-button-prev {
    left: 25%;
    margin-top: auto;
    width: auto;
    height: auto;
    transform: translate(50%, -50%);
}
.c-slider-color .swiper-button-prev:after {
    content: "";
    width: 1.7361111111vw;
    height: 3.3333333333vw;
    background: url(/lp/img/common/img_arrow-slider-left_white.svg) 0 0 no-repeat;
    background-size: 100% auto;
}
@media screen and (min-width: 1441px) {
    .c-slider-color .swiper-button-prev:after {
        width: 25px;
        height: 48px;
    }
}
@media screen and (min-width: 769px) {
    .c-slider-color .swiper-button-prev:hover {
        transition: opacity 300ms;
    }
    .c-slider-color .swiper-button-prev:hover:hover {
        opacity: 0.8;
    }
}
.c-slider-color--arrow-black .swiper-button-prev:after {
    background-image: url(/lp/img/common/img_arrow-slider-left.svg);
}
.c-slider-color .swiper-button-next {
    right: 25%;
    margin-top: auto;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}
.c-slider-color .swiper-button-next:after {
    content: "";
    width: 1.7361111111vw;
    height: 3.3333333333vw;
    background: url(/lp/img/common/img_arrow-slider-right_white.svg) 0 0 no-repeat;
    background-size: 100% auto;
}
@media screen and (min-width: 769px) {
    .c-slider-color .swiper-button-next:after {
        transition: opacity 300ms;
    }
    .c-slider-color .swiper-button-next:after:hover {
        opacity: 0.8;
    }
}
@media screen and (min-width: 1441px) {
    .c-slider-color .swiper-button-next:after {
        width: 25px;
        height: 48px;
    }
}
@media screen and (min-width: 769px) {
    .c-slider-color .swiper-button-next:hover {
        transition: opacity 300ms;
    }
    .c-slider-color .swiper-button-next:hover:hover {
        opacity: 0.8;
    }
}
.c-slider-color--arrow-black .swiper-button-next:after {
    background-image: url(/lp/img/common/img_arrow-slider-right.svg);
}

/* ---------------------------------------------
*  c-kv-top-business
--------------------------------------------- */
.c-kv-top-healthmeter .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 28px;
}
@media screen and (max-width: 1440px) {
    .c-kv-top-healthmeter .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 1.9444444444vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-top-healthmeter .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 4.5333333333vw;
    }
}
.c-kv-top-healthmeter .swiper-pagination .swiper-pagination-bullet {
    margin: 0 10px;
    width: 50px;
    height: 3px;
    background-color: #fff;
    opacity: 0.3;
    border-radius: 0;
    transition: opacity 0.3s;
}
@media screen and (min-width: 769px) {
    .c-kv-top-healthmeter .swiper-pagination .swiper-pagination-bullet:hover {
        opacity: 1;
    }
}
.c-kv-top-healthmeter .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

/* ---------------------------------------------
*  c-slider-casestudy
--------------------------------------------- */
.c-slider-casestudy {
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-top: 26px;
}
@media screen and (max-width: 1280px) {
    .c-slider-casestudy {
        margin-top: 2.03125%;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-casestudy {
        margin-top: 5.0746268657%;
    }
}
.c-slider-casestudy__items {
    display: flex;
    animation: loop-slide 50s infinite linear 1s both;
}
.c-slider-casestudy__item {
    width: 210px;
    height: 140px;
    margin: 0 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-slider-casestudy__item {
        width: 120px;
        height: 80px;
    }
}
.c-slider-casestudy__item img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
}

@keyframes loop-slide {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
/* ---------------------------------------------
*   c-table-1
--------------------------------------------- */
.c-table-1 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px;
}
@media screen and (max-width: 768px) {
    .c-table-1 {
        border-spacing: 3.5087719298%;
    }
}
.c-table-1 th {
    padding: 6px 0;
    line-height: 1.3;
    text-align: center;
    font-size: 0.8125rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-table-1 th {
        padding: 1.6vw 0;
        font-size: 3.4666666667vw;
    }
}
.c-table-1 th.sunday {
    color: #e23838;
}
.c-table-1 th.saturday {
    color: #207cfa;
}
.c-table-1 td {
    padding: 5px 0;
    text-align: center;
    font-size: 0.8125rem;
    font-family: century-gothic, sans-serif;
}
@media screen and (max-width: 768px) {
    .c-table-1 td {
        padding: 1.3333333333vw 0;
        font-size: 3.4666666667vw;
    }
}
.c-table-1 td.holiday {
    font-weight: bold;
    background-color: #fbe0e0;
}

/* ---------------------------------------------
*   c-table-3
--------------------------------------------- */
.c-table-3 {
    border: 3px solid #f1f3f5;
    letter-spacing: 0;
}
@media screen and (max-width: 768px) {
    .c-table-3 {
        border-width: 2px;
    }
}
.c-table-3__row {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-table-3__row {
        display: block;
    }
}
.c-table-3__head {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    width: 200px;
    padding: 40px 1em;
    font-size: 1.25rem;
    font-weight: bold;
    text-align: center;
    background-color: #f1f3f5;
}
@media screen and (max-width: 768px) {
    .c-table-3__head {
        display: block;
        width: 100%;
        margin-top: 0;
        padding: 4vw 5.0666666667vw;
        font-size: 4.2666666667vw;
        text-align: left;
    }
}
.c-table-3__head::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% + 3px);
    height: 3px;
    background-color: #fff;
    border-radius: 3px;
}
@media screen and (max-width: 768px) {
    .c-table-3__head::before {
        content: none;
    }
}
.c-table-3__row:last-of-type .c-table-3__head::before {
    content: none;
}
.c-table-3__desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    border-bottom: 3px solid #f1f3f5;
    padding: 40px 74px 40px 60px;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-table-3__desc {
        display: block;
        border-bottom: none;
        padding: 4.8vw 5.3333333333vw 8.5333333333vw;
    }
}
.c-table-3__row:last-of-type .c-table-3__desc {
    border-bottom: none;
}
.c-table-3__txt {
    font-size: 0.9375rem;
    line-height: 1.6;
}
@media screen and (max-width: 768px) {
    .c-table-3__txt {
        font-size: 3.7333333333vw;
        line-height: 1.4;
    }
}
.c-table-3__txt .txt-small {
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-table-3__txt .txt-small {
        font-size: 3.7333333333vw;
    }
}
.c-table-3__txt .txt-strong {
    font-weight: bold;
}
.c-table-3__txt a {
    color: #ee9105;
    text-decoration: underline;
}
@media screen and (min-width: 769px) {
    .c-table-3__txt a:hover {
        text-decoration: none;
    }
}
.c-table-3__lead {
    font-size: 1.125rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-table-3__lead {
        font-size: 3.7333333333vw;
    }
}
.c-table-3__lead .txt-small {
    font-size: 0.75rem;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-table-3__lead .txt-small {
        font-size: 3.2vw;
    }
}
.c-table-3__job {
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .c-table-3__job {
        margin-top: 5.3333333333vw;
    }
}
.c-table-3__job-item {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
}
@media screen and (max-width: 768px) {
    .c-table-3__job-item {
        margin-top: 5.3333333333vw;
        display: block;
    }
}
.c-table-3__job-item:first-of-type {
    margin-top: 0;
}
.c-table-3__job-head {
    margin-top: 3px;
    margin-right: 16px;
    flex-shrink: 0;
    padding: 2px 12px;
    font-size: 0.9375rem;
    font-weight: bold;
    color: #fff;
    background-color: #ee9105;
    border-radius: 3px;
}
@media screen and (max-width: 768px) {
    .c-table-3__job-head {
        margin-right: 0;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0.5333333333vw 2.9333333333vw;
        font-size: 3.4666666667vw;
        border-radius: 0.5333333333vw;
    }
}
.c-table-3__item {
    padding-left: 1.35em;
    text-indent: -1.35em;
    font-size: 0.9375rem;
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
    .c-table-3__item {
        margin-top: 0.2666666667vw;
        padding-left: 1.2em;
        text-indent: -1.2em;
        font-size: 3.7333333333vw;
        line-height: 1.4;
    }
    .c-table-3__item:first-of-type {
        margin-top: 2.6666666667vw;
    }
}
.c-table-3__job-txt {
    margin-top: 16px;
    padding-left: 1.35em;
    font-size: 0.9375rem;
    line-height: 1.6;
}
@media screen and (max-width: 768px) {
    .c-table-3__job-txt {
        margin-top: 1.5em;
        font-size: 3.7333333333vw;
        line-height: 1.4;
    }
}

/* ---------------------------------------------
*   c-table-5（アルコール検知器メンテナンスページ）
--------------------------------------------- */
.c-table-5 {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-table-5 {
        width: 105.93333%;
    }
}
@media screen and (max-width: 768px) {
    .c-table-5__inner {
        overflow: auto;
    }
}
@media screen and (max-width: 768px) {
    .c-table-5__table {
        width: 960px;
    }
}
.c-table-5__th {
    background: #333;
    color: #fff;
    border-right: 1px solid #fff;
    padding: 13px 0;
    text-align: center;
    font-size: 1.25rem;
    width: 25%;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-table-5__th {
        font-size: 3.7333333333vw;
    }
}
.c-table-5__th--blank {
    background: #fff;
}
.c-table-5__td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 25px;
    vertical-align: top;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-table-5__td {
        padding: 20px 22px;
        font-size: 3.7333333333vw;
    }
}
.c-table-5__head {
    background: #f0f3f5;
    font-weight: bold;
    padding: 24px 0 24px 20px;
    white-space: nowrap;
    vertical-align: middle;
}
@media screen and (max-width: 768px) {
    .c-table-5__head {
        padding: 24px 15px;
    }
}
.c-table-5__center {
    padding: 24px 18px;
    text-align: center;
    font-family: century-gothic, noto-sans-cjk-jp, sans-serif;
}
@media screen and (max-width: 768px) {
    .c-table-5__center {
        padding: 24px 15px;
    }
}
@media screen and (max-width: 768px) {
    .c-table-5__num-list {
        margin-bottom: 4vw;
    }
}
.c-table-5__num-item {
    text-indent: -2.7em;
    padding-left: 2.7em;
    font-size: 0.875rem;
    color: #666666;
    line-height: 1.57;
}
@media screen and (max-width: 768px) {
    .c-table-5__num-item {
        margin-top: 4vw;
        font-size: 3.2vw;
    }
}
.c-table-5__num-item:first-of-type {
    margin-top: 0;
}
.c-table-5__num-item a {
    text-decoration: underline;
    color: #004198;
    word-break: break-all;
}
@media screen and (min-width: 769px) {
    .c-table-5__num-item a:hover {
        text-decoration: none;
    }
}

/* ---------------------------------------------
*   c-table-5（アルコール検知器 選び方ページ）
--------------------------------------------- */
.c-table-7 {
    position: relative;
    overflow: hidden;
}
.c-table-7__table {
    width: 1200px;
    overflow: hidden;
    margin-top: 60px;
}
@media screen and (max-width: 768px) {
    .c-table-7__table {
        width: 280vw;
        margin-top: 9.0666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-table-7__table--narrow {
        width: 140vw;
    }
}
.c-table-7__inner {
    overflow-x: auto;
    padding: 0 0 20px;
}
@media screen and (max-width: 768px) {
    .c-table-7__inner {
        padding-bottom: 5.3333333333vw;
    }
}
.c-table-7__th {
    color: #fff;
    background: #333;
    font-size: 0.9375rem;
    line-height: 1;
    padding: 10px;
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-table-7__th {
        font-size: 3.7333333333vw;
        text-align: left;
        height: 3em;
    }
}
.c-table-7__th-text {
    text-align: center;
    display: inline;
}
@media screen and (max-width: 768px) {
    .c-table-7__th-text {
        text-align: left;
        position: absolute;
        left: 50vw;
        transform: translate(-50%, -50%);
    }
}
.c-table-7__td {
    padding: 30px 19px;
    border-left: 1px solid #ddd;
    width: 14.2857142857%;
    vertical-align: top;
    font-size: 0.8333333333vw;
    line-height: 1.53;
}
@media screen and (max-width: 768px) {
    .c-table-7__td {
        font-size: 3.4666666667vw;
        width: 40vw;
        padding: 5.3333333333vw 4vw;
    }
}
.c-table-7__td--nopd {
    padding: 0;
}
.c-table-7__td--center {
    text-align: center;
}
.c-table-7__td--pb0 {
    padding-bottom: 0;
}
.c-table-7__td:first-child {
    border-left: 0;
}
@media screen and (max-width: 768px) {
    .c-table-7__td--narrow {
        width: 20vw;
    }
}
.c-table-7__name {
    font-family: century-gothic, sans-serif;
    font-size: 1.125rem;
    font-weight: bold;
    letter-spacing: 0.06em;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-table-7__name {
        font-size: 4.2666666667vw;
    }
}
.c-table-7__name-sub {
    font-size: 0.8333333333vw;
    display: block;
}
@media screen and (max-width: 768px) {
    .c-table-7__name-sub {
        font-size: 3.2vw;
    }
}
.c-table-7__name-main {
    display: block;
}
@media screen and (max-width: 768px) {
    .c-table-7__name-main {
        font-size: 5.3333333333vw;
    }
}
.c-table-7__img {
    height: 120px;
    width: auto;
    text-align: center;
}
.c-table-7__img img {
    height: 100%;
    width: auto;
}
.c-table-7__functions {
    padding: 0 0 30px;
}
.c-table-7__function {
    font-size: 0.8125rem;
    line-height: 1;
    border: 1px solid #333;
    color: #000;
    padding: 4px 0;
    margin: 0 19px 5px;
    text-align: center;
    border-radius: 3px;
}
@media screen and (max-width: 768px) {
    .c-table-7__function {
        font-size: 3.2vw;
    }
}
.c-table-7__function:last-of-type {
    margin-bottom: 0;
}
.c-table-7__icons {
    display: flex;
    justify-content: center;
    gap: 5px;
    padding: 14px 0 30px;
}
@media screen and (max-width: 768px) {
    .c-table-7__icons {
        gap: 2.1333333333vw;
    }
}
.c-table-7__icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.625rem;
    font-weight: bold;
    min-width: 60px;
    white-space: nowrap;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-table-7__icon {
        width: 10.6666666667vw;
        min-width: auto;
    }
}
.c-table-7__icon img {
    width: 40px;
    height: 40px;
}
.c-table-7__data-item {
    padding: 0 0 0 1em;
    text-indent: -1em;
}
@media screen and (max-width: 768px) {
    .c-table-7__price {
        font-size: 3.2vw;
        min-width: 45.3333333333vw;
    }
}
.c-table-7__nowrap {
    white-space: nowrap;
}
.c-table-7__link {
    display: block;
    border: 2px solid #004198;
    color: #004198;
    border-radius: 5px;
    text-align: center;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1;
    padding: 11px;
    margin: 0 19px;
    box-sizing: border-box;
}
.c-table-7__link--wbgt {
    border-color: #ff6f16;
    color: #ff6f16;
}
.c-table-7__num-list {
    margin: 30px 0 0;
}
@media screen and (max-width: 768px) {
    .c-table-7__num-list {
        padding: 0 5.3333333333%;
        margin-top: 5.3333333333vw;
    }
}
.c-table-7__num-item {
    font-size: 0.75rem;
    line-height: 1.6;
    color: #666666;
    padding: 0 0 0 2.4em;
    text-indent: -2.4em;
}

/* ---------------------------------------------
*   c-table-2	モーダル内機能説明
--------------------------------------------- */
.c-table-2 {
    margin: auto;
    width: 66.6666666667vw;
}
@media screen and (min-width: 1281px) {
    .c-table-2 {
        width: 860px;
    }
}
@media screen and (max-width: 768px) {
    .c-table-2 {
        width: 100%;
    }
}
.c-table-2__tr {
    border-top: 1px solid #ddd;
}
.c-table-2__tr:first-of-type {
    border-top: none;
}
.c-table-2__tr:nth-of-type(odd) {
    background-color: #fff;
}
.c-table-2__tr:nth-of-type(even) {
    background-color: #f0f3f5;
}
@media screen and (max-width: 768px) {
    .c-table-2__tr {
        display: flex;
        flex-direction: column;
        padding: 1.2em 0;
    }
}
.c-table-2__th {
    padding: 1.7em 1.2em 1.7em 1.2em;
    border-right: 1px solid #ddd;
    width: 23.2558139535%;
    vertical-align: top;
}
@media screen and (max-width: 768px) {
    .c-table-2__th {
        padding: 0em 1.2em 0em 1.2em;
        width: 100%;
        border-right: none;
    }
}
.c-table-2__td {
    padding: 1.7em 1.8em 1.7em 1.8em;
}
@media screen and (max-width: 768px) {
    .c-table-2__td {
        padding: 0em 2.2em 0em 1.2em;
    }
}
.c-table-2__txt {
    text-align: left;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 0.9375rem;
    white-space: pre-wrap;
}
@media screen and (max-width: 768px) {
    .c-table-2__txt {
        line-height: 1.73;
        font-size: 4vw;
    }
}
.c-table-2__txt--bold {
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-table-2__txt--bold {
        font-size: 4.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-table-4
--------------------------------------------- */
.c-table-4 {
    width: 100%;
    overflow: auto;
}
@media screen and (max-width: 768px) {
    .c-table-4 {
        padding-right: 5.3333333333%;
        padding-left: 5.3333333333%;
    }
}
.c-table-4__head {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-table-4__head {
        text-align: left;
    }
}
.c-table-4__table {
    margin-top: 3.1666666667%;
    width: 100%;
}
@media screen and (min-width: 1281px) {
    .c-table-4__table {
        margin-top: 38px;
    }
}
@media screen and (max-width: 768px) {
    .c-table-4__table {
        margin-top: 2.4vw;
    }
}
.c-table-4__table--has-mgt {
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-table-4__table--has-mgt {
        margin-top: 9.3333333333vw;
    }
}
.c-table-4__thead .c-table-4__th {
    padding: 0.6em 1em 1.3em 1em;
    text-align: center;
    border-right: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-table-4__thead .c-table-4__th {
        padding: 0.9em 0.45em 1.2em 0.6em;
    }
}
.c-table-4__thead .c-table-4__td {
    padding: 0.6em 1em 1.3em 1em;
    text-align: center;
    border-right: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-table-4__thead .c-table-4__td {
        padding: 0.9em 0.45em 1.2em 0.6em;
    }
}
.c-table-4__tbody .c-table-4__tr {
    border-top: 1px solid #ddd;
}
.c-table-4__tbody .c-table-4__tr:last-of-type {
    border-bottom: 1px solid #ddd;
}
.c-table-4__tbody .c-table-4__th {
    background-color: #f0f3f5;
}
.c-table-4__tbody .c-table-4__th {
    padding: 1.25em 0.93em 1.2em 0.93em;
    border-right: 1px solid #ddd;
    max-width: 150px;
    width: 12.5%;
    vertical-align: top;
}
@media screen and (max-width: 768px) {
    .c-table-4__tbody .c-table-4__th {
        padding: 0.9em 0.4em 1em 0.6em;
        min-width: 26.6666666667vw;
        max-width: 26.6666666667vw;
        width: 26.6666666667vw;
        border-right: none;
    }
}
.c-table-4__tbody .c-table-4__td {
    padding: 1.25em 1.2em 1.2em 1.2em;
    border-right: 1px solid #ddd;
    vertical-align: top;
    white-space: pre-line;
}
@media screen and (max-width: 768px) {
    .c-table-4__tbody .c-table-4__td {
        padding: 0.9em 0.5em 1em 1em;
        min-width: 56vw;
        max-width: 56vw;
        width: 56vw;
        border-right: none;
        border-left: 1px solid #ddd;
    }
}
.c-table-4__ttl {
    letter-spacing: 0.06em;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    font-size: 1.25rem;
}
.c-table-4__ttl--ff-noto {
    font-family: noto-sans-cjk-jp, sans-serif;
}
@media screen and (max-width: 768px) {
    .c-table-4__ttl {
        line-height: 2;
        font-size: 4.2666666667vw;
    }
}
.c-table-4__model-name {
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-table-4__model-name {
        font-size: 3.7333333333vw;
    }
}
.c-table-4__txt {
    text-align: left;
    line-height: 1.57;
    letter-spacing: 0.06em;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-table-4__txt {
        text-align: left;
        line-height: 1.53;
        font-size: 3.4666666667vw;
    }
}
.c-table-4__txt--bold {
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-table-4__txt--bold {
        line-height: 1.38;
    }
}
.c-table-4__spacer-th {
    border-right: none !important;
    background-color: #fff !important;
}
.c-table-4__spacer-td {
    padding: 1.6em 0em 1.6em 0em !important;
    border-right: none !important;
    border-left: none !important;
}

/* ---------------------------------------------
*   c-table-6
--------------------------------------------- */
.c-table-6 {
    width: 480px;
}
@media screen and (max-width: 1000px) {
    .c-table-6 {
        width: 48vw;
    }
}
@media screen and (max-width: 768px) {
    .c-table-6 {
        width: 100%;
    }
}
.c-table-6__tr {
    border-bottom: 1px solid #ddd;
}
.c-table-6__th {
    background-color: #f0f3f5;
    border-right: 1px solid #ddd;
}
.c-table-6__th--white {
    background-color: #fff;
}
.c-table-6__td {
    border-right: 1px solid #ddd;
}
.c-table-6__td--orange {
    background-color: #fff2ea;
}
.c-table-6__th, .c-table-6__td {
    padding: 0.8em;
    letter-spacing: 0.03em;
    font-size: 0.8125rem;
}
@media screen and (max-width: 768px) {
    .c-table-6__th, .c-table-6__td {
        font-size: 3.2vw;
    }
}
.c-table-6__th--bold, .c-table-6__td--bold {
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-table-6__th--sp-small, .c-table-6__td--sp-small {
        line-height: 1.27;
        font-size: 2.9333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-table-6__th--sp-large, .c-table-6__td--sp-large {
        font-size: 3.4666666667vw;
    }
}
.c-table-6__thead .c-table-6__th {
    padding: 1em 0.7em;
    text-align: center;
}
.c-table-6__tbody .c-table-6__th {
    width: 93px;
}
@media screen and (max-width: 768px) {
    .c-table-6__tbody .c-table-6__th {
        padding: 0.94em 0.8em;
        width: 17.3333333333vw;
    }
}
.c-table-6__tbody .c-table-6__td {
    padding: 1em 0em;
    text-align: center;
}

/* ---------------------------------------------
*   c-table-8	モーダル内 比較
--------------------------------------------- */
.c-table-8 {
    width: auto;
    border-collapse: separate;
    padding-right: 50px;
}
@media screen and (max-width: 768px) {
    .c-table-8 {
        padding-right: 8vw;
    }
}
.c-table-8--has-mgt {
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-table-8--has-mgt {
        margin-top: 9.3333333333vw;
    }
}
.c-table-8__thead .c-table-8__th {
    position: relative;
    padding: 0.3em 1.8em 0.7em 1.8em;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    min-width: 150px;
}
@media screen and (max-width: 768px) {
    .c-table-8__thead .c-table-8__th {
        min-width: 26.6666666667vw;
    }
}
.c-table-8__thead .c-table-8__th:after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-table-8__thead .c-table-8__th:after {
        display: none;
    }
}
.c-table-8__thead .c-table-8__th--bd-none {
    border-bottom: none;
    border-left: none;
    background-color: #fff;
    position: sticky;
    left: 0;
    z-index: 1;
}
.c-table-8__thead .c-table-8__td {
    padding: 1.2em 1em 1em 1em;
    text-align: center;
    border-left: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-table-8__thead .c-table-8__td {
        padding: 1em 1em 0.8em 1em;
    }
}
.c-table-8__tbody .c-table-8__tr:last-of-type .c-table-8__th, .c-table-8__tbody .c-table-8__tr:last-of-type .c-table-8__td {
    border-bottom: 1px solid #ddd;
}
.c-table-8__tbody .c-table-8__th {
    position: sticky;
    left: 0;
    z-index: 1;
    padding: 1.2em 1em 1.2em 0.6em;
    min-width: 150px;
    background-color: #f0f3f5;
    border-top: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-table-8__tbody .c-table-8__th {
        padding: 1em 0.6em 1em 0.6em;
        min-width: 26.6666666667vw;
    }
}
.c-table-8__tbody .c-table-8__td {
    padding: 1.2em 1.3em 1.2em 1.3em;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .c-table-8__tbody .c-table-8__td {
        padding: 1em 1em 1em 1em;
    }
}
.c-table-8__th {
    vertical-align: top;
}
.c-table-8__td {
    min-width: 300px;
    vertical-align: top;
}
@media screen and (max-width: 768px) {
    .c-table-8__td {
        min-width: 50.6666666667vw;
    }
}
.c-table-8__ttl {
    line-height: 2;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-table-8__ttl {
        font-size: 4.2666666667vw;
    }
}
.c-table-8__txt {
    text-align: left;
    line-height: 1.57;
    letter-spacing: 0.06em;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-table-8__txt {
        line-height: 1.53;
        font-size: 3.4666666667vw;
    }
}
.c-table-8__txt--bold {
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-table-8__txt--bold {
        line-height: 1.38;
        letter-spacing: 0em;
    }
}
.c-table-8__model-img {
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
    width: 80px;
}
@media screen and (max-width: 768px) {
    .c-table-8__model-img {
        margin-bottom: 0.8vw;
        width: 16vw;
    }
}
.c-table-8__model-name {
    line-height: 2;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-table-8__model-name {
        font-size: 3.4666666667vw;
    }
}
.c-table-8__spacer-th {
    background-color: #fff !important;
}
.c-table-8__spacer-td {
    padding: 1.6em 0em 1.6em 0em !important;
    border-left: none !important;
}

/* ---------------------------------------------
*   c-tile-1
--------------------------------------------- */
.c-tile-1 {
    margin-top: 2.5%;
}
@media screen and (max-width: 768px) {
    .c-tile-1 {
        margin-top: 5.0746268657%;
    }
}
.c-tile-1--magazine {
    margin-top: 1.796875%;
}
@media screen and (max-width: 768px) {
    .c-tile-1--magazine {
        margin-top: 5.9701492537%;
    }
}
.c-tile-1__container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 0;
}
@media screen and (max-width: 1000px) {
    .c-tile-1__container {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
}
@media screen and (max-width: 768px) {
    .c-tile-1__container {
        display: flex;
        flex-wrap: wrap;
    }
}
.c-tile-1--gap .c-tile-1__container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
@media screen and (max-width: 768px) {
    .c-tile-1--gap .c-tile-1__container {
        grid-column-gap: 0;
        grid-row-gap: 0;
    }
}

.c-tile-1--magazine .c-tile-1__container {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
}
@media screen and (max-width: 768px) {
    .c-tile-1--magazine .c-tile-1__container {
        display: flex;
        flex-wrap: wrap;
        grid-column-gap: 0;
        grid-row-gap: 0;
    }
}

@media screen and (max-width: 768px) {
    .c-tile-1__item {
        width: 50%;
    }
    .c-tile-1--gap .c-tile-1__item {
        width: 47.7611940299%;
        margin-left: 4.4776119403%;
        margin-bottom: 4.4776119403%;
    }
    .c-tile-1--gap .c-tile-1__item:nth-of-type(2n) {
        margin-left: 0;
    }
}
.c-tile-1__item:first-of-type {
    grid-area: 1/1/3/3;
}
@media screen and (max-width: 768px) {
    .c-tile-1__item:first-of-type {
        width: 100%;
        margin-left: 0;
    }
}
.c-tile-1__item:first-of-type .c-tile-1__img img {
    min-height: 720px;
    height: 100%;
}
@media screen and (max-width: 1440px) {
    .c-tile-1__item:first-of-type .c-tile-1__img img {
        min-height: 50vw;
    }
}
@media screen and (max-width: 1000px) {
    .c-tile-1__item:first-of-type .c-tile-1__img img {
        min-height: 66.6vw;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-1__item:first-of-type .c-tile-1__img img {
        min-height: 100vw;
    }
}
.c-tile-1--gap .c-tile-1__item:first-of-type .c-tile-1__img img {
    max-height: 590px;
    min-height: 590px;
}
@media screen and (max-width: 1280px) {
    .c-tile-1--gap .c-tile-1__item:first-of-type .c-tile-1__img img {
        max-height: 46.09375vw;
        min-height: 46.09375vw;
    }
}
@media screen and (max-width: 1000px) {
    .c-tile-1--gap .c-tile-1__item:first-of-type .c-tile-1__img img {
        max-height: 61.8vw;
        min-height: 61.8vw;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-1--gap .c-tile-1__item:first-of-type .c-tile-1__img img {
        max-height: 89.3333333333vw;
        min-height: 89.3333333333vw;
    }
}

@media screen and (min-width: 769px) {
    .c-tile-1--magazine .c-tile-1__item:first-of-type .c-tile-1__img img {
        height: 100%;
        max-height: none;
        min-height: auto;
    }
}

@media screen and (min-width: 769px) {
    .c-tile-1--magazine .c-tile-1__item {
        aspect-ratio: 1/1;
    }
}

.c-tile-1__link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.c-tile-1--gap .c-tile-1__link {
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-tile-1--gap .c-tile-1__link {
        border-radius: 1.3333333333vw;
    }
}

.c-tile-1__link::before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 139px;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%);
    pointer-events: none;
    opacity: 0.6;
    z-index: 1;
}
@media screen and (max-width: 1280px) {
    .c-tile-1__link::before {
        height: 10.859375vw;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-1__link::before {
        height: 19.2vw;
    }
}
.c-tile-1--gap .c-tile-1__link::before {
    height: 62.3728813559%;
    border-radius: 0 0 5px 5px;
}
@media screen and (max-width: 768px) {
    .c-tile-1--gap .c-tile-1__link::before {
        height: 62.5%;
        border-radius: 0 0 1.3333333333vw 1.3333333333vw;
    }
}

.c-tile-1__img {
    height: 100%;
}
.c-tile-1--gap .c-tile-1__img {
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-tile-1--gap .c-tile-1__img {
        border-radius: 1.3333333333vw;
    }
}

.c-tile-1__img img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: 100%;
    height: 360px;
    transition: transform 0.3s;
}
@media screen and (max-width: 1280px) {
    .c-tile-1__img img {
        height: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-1__img img {
        height: 49.8666666667vw;
    }
}
.c-tile-1--gap .c-tile-1__img img, .c-cassette-6 .c-tile-1__img img {
    height: 285px;
}
@media screen and (max-width: 1280px) {
    .c-tile-1--gap .c-tile-1__img img, .c-cassette-6 .c-tile-1__img img {
        height: 22.265625vw;
    }
}
@media screen and (max-width: 1000px) {
    .c-tile-1--gap .c-tile-1__img img, .c-cassette-6 .c-tile-1__img img {
        height: 29.9vw;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-1--gap .c-tile-1__img img, .c-cassette-6 .c-tile-1__img img {
        height: 42.6666666667vw;
    }
}

@media screen and (min-width: 769px) {
    .c-tile-1--magazine .c-tile-1__img img {
        height: 100%;
    }
}

@media screen and (min-width: 769px) {
    .c-tile-1__link:hover .c-tile-1__img img {
        transform: scale(1.1);
    }
}

.c-tile-1__desc {
    position: absolute;
    max-width: 100%;
    padding: 0 20px;
    bottom: 5.2631578947%;
    left: 0;
    color: #fff;
    z-index: 2;
}
@media screen and (max-width: 768px) {
    .c-tile-1__desc {
        padding: 0 2.6666666667vw;
        bottom: 2.6666666667vw;
    }
}
.c-tile-1__info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
    .c-tile-1__info {
        display: block;
    }
}
.c-tile-1__date {
    display: block;
    margin-right: 13px;
    font-size: 0.8125rem;
    font-family: century-gothic, sans-serif;
}
@media screen and (max-width: 768px) {
    .c-tile-1__date {
        margin-right: 0;
        font-size: 2.9333333333vw;
    }
}
.c-tile-1__item:first-of-type .c-tile-1__date {
    font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
    .c-tile-1__item:first-of-type .c-tile-1__date {
        font-size: 3.4666666667vw;
    }
}

.c-tile-1__cat {
    position: relative;
    display: block;
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-tile-1__cat {
        font-size: 2.6666666667vw;
    }
}
.c-tile-1__item:first-of-type .c-tile-1__cat {
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-tile-1__item:first-of-type .c-tile-1__cat {
        font-size: 3.2vw;
    }
}

.c-tile-1__cat::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -6px;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-tile-1__cat::before {
        content: none;
    }
}
.c-tile-1__ttl {
    margin-top: 4px;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.44;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-tile-1__ttl {
        margin-top: 0.8vw;
        font-size: 3.7333333333vw;
    }
    .c-tile-1--gap .c-tile-1__ttl {
        font-size: 3.4666666667vw;
    }
}
.c-tile-1__item:first-of-type .c-tile-1__ttl {
    font-size: 1.375rem;
}
@media screen and (max-width: 768px) {
    .c-tile-1__item:first-of-type .c-tile-1__ttl {
        font-size: 4.8vw;
    }
}

/* ---------------------------------------------
*   c-tile-3
--------------------------------------------- */
.c-tile-3 {
    margin-top: 2.5%;
}
@media screen and (max-width: 768px) {
    .c-tile-3 {
        margin-top: 6.6666666667%;
        margin-bottom: 10.6666666667%;
    }
}
.c-tile-3__container {
    display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
    .c-tile-3__container {
        flex-wrap: nowrap;
        overflow-x: auto;
    }
}
.c-tile-3__item {
    width: 31.6666666667%;
    margin-bottom: 2.5%;
    margin-left: 2.5%;
}
@media screen and (max-width: 768px) {
    .c-tile-3__item {
        width: 58.6666666667vw;
        margin-bottom: 0;
        margin-left: 5.3333333333vw;
        flex: none;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-3__item:last-of-type {
        padding-right: 5.3333333333vw;
        box-sizing: content-box;
    }
}
@media screen and (min-width: 769px) {
    .c-tile-3__item:nth-of-type(3n + 1) {
        margin-left: 0;
    }
}
.c-tile-3__link {
    display: block;
}
@media screen and (min-width: 769px) {
    .c-tile-3__link {
        transition: opacity 300ms;
    }
    .c-tile-3__link:hover {
        opacity: 0.8;
    }
}
.c-tile-3__img {
    width: 100%;
}
.c-tile-3__img img {
    border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .c-tile-3__img img {
        border-radius: 1.3333333333vw;
    }
}
.c-tile-3__desc {
    margin-top: 5.2631578947%;
}
@media screen and (max-width: 768px) {
    .c-tile-3__desc {
        margin-top: 7.7272727273%;
    }
}
.c-tile-3__name {
    font-size: 1.125rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-tile-3__name {
        font-size: 4.2666666667vw;
    }
}
.c-tile-3__txt {
    margin-top: 2.6315789474%;
    font-size: 0.9375rem;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-tile-3__txt {
        margin-top: 5.9090909091%;
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   c-tile-5
--------------------------------------------- */
.c-tile-5 {
    margin-top: 2.9166666667%;
}
@media screen and (max-width: 768px) {
    .c-tile-5 {
        margin-top: 5.9701492537%;
    }
}
.c-tile-5__container {
    display: flex;
    flex-wrap: wrap;
}
.c-tile-5__item {
    width: 32.5%;
    margin-left: 1.25%;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-tile-5__item {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 47.7611940299%;
        height: 34.6666666667vw;
        margin-left: 4.4776119403%;
        margin-bottom: 4.4776119403%;
    }
}
@media screen and (min-width: 769px) {
    .c-tile-5__item:nth-of-type(3n + 1) {
        margin-left: 0;
    }
}
@media screen and (min-width: 769px) {
    .c-tile-5__item:nth-of-type(n + 4) {
        margin-top: 14px;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-5__item:nth-of-type(2n + 1) {
        margin-left: 0;
    }
}
.c-tile-5__link {
    display: block;
    padding: 27px 0;
}
@media screen and (max-width: 1280px) {
    .c-tile-5__link {
        padding: 6.9230769231% 0;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-5__link {
        padding: 0;
    }
}
@media screen and (min-width: 769px) {
    .c-tile-5__link:hover {
        opacity: 0.7;
        transition: opacity 0.3s;
    }
}
.c-tile-5__icon {
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-tile-5__icon {
        height: 12.2666666667vw;
    }
}
.c-tile-5__item--faq .c-tile-5__icon {
    width: 74px;
}
@media screen and (max-width: 768px) {
    .c-tile-5__item--faq .c-tile-5__icon {
        width: 16.5333333333vw;
    }
}

.c-tile-5__item--contact .c-tile-5__icon {
    width: 67px;
}
@media screen and (max-width: 768px) {
    .c-tile-5__item--contact .c-tile-5__icon {
        width: 14.9333333333vw;
    }
}

.c-tile-5__item--repair .c-tile-5__icon {
    width: 48px;
}
@media screen and (max-width: 768px) {
    .c-tile-5__item--repair .c-tile-5__icon {
        width: 10.6666666667vw;
    }
}

.c-tile-5__item--dl .c-tile-5__icon {
    width: 55px;
}
@media screen and (max-width: 768px) {
    .c-tile-5__item--dl .c-tile-5__icon {
        width: 12.2666666667vw;
    }
}

.c-tile-5__item--enquete .c-tile-5__icon {
    width: 48px;
}
@media screen and (max-width: 768px) {
    .c-tile-5__item--enquete .c-tile-5__icon {
        width: 10.6666666667vw;
    }
}

.c-tile-5__item--catalog .c-tile-5__icon {
    width: 58px;
}
@media screen and (max-width: 768px) {
    .c-tile-5__item--catalog .c-tile-5__icon {
        width: 13.0666666667vw;
    }
}

.c-tile-5__item--restitution .c-tile-5__icon {
    width: 51px;
}
@media screen and (max-width: 768px) {
    .c-tile-5__item--restitution .c-tile-5__icon {
        width: 12vw;
    }
}

.c-tile-5__icon img {
    display: block;
    width: 100%;
}
.c-tile-5__txt {
    margin-top: 14px;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-tile-5__txt {
        margin-top: 3.2vw;
        font-size: 3.4666666667vw;
    }
}

/* ---------------------------------------------
*   c-tile-7
--------------------------------------------- */
.c-tile-7 {
    margin-top: 45px;
}
@media screen and (max-width: 1280px) {
    .c-tile-7 {
        margin-top: 3.75%;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-7 {
        margin-top: 5.9701492537%;
    }
}
.c-tile-7__container {
    display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
    .c-tile-7__container {
        display: block;
    }
}
.c-tile-7__item {
    display: flex;
    flex-direction: column;
    width: 31.6666666667%;
    margin-left: 2.5%;
    margin-bottom: 2.5%;
}
@media screen and (max-width: 768px) {
    .c-tile-7__item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 4.4776119403%;
    }
}
@media screen and (min-width: 769px) {
    .c-tile-7__item:nth-of-type(3n + 1) {
        margin-left: 0;
    }
}
.c-tile-7__link {
    display: flex;
    align-items: center;
    background-color: #fff;
    height: 100%;
}
@media screen and (min-width: 769px) {
    .c-tile-7__link:hover {
        opacity: 0.7;
        transition: opacity 0.3s;
    }
}
.c-tile-7__img {
    width: 34.2105263158%;
    flex: none;
}
@media screen and (max-width: 768px) {
    .c-tile-7__img {
        width: 29.8507462687%;
    }
}
.c-tile-7__desc {
    margin-left: 6.5789473684%;
    padding-right: 6.5789473684%;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-tile-7__desc {
        margin-left: 5.9701492537%;
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   c-tile-9
--------------------------------------------- */
.c-tile-9 {
    margin-top: 25px;
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-tile-9 {
        margin-top: 5.3333333333vw;
        flex-wrap: wrap;
    }
}
.c-tile-9__item {
    width: 19.1666666667%;
    margin-left: 1%;
}
@media screen and (max-width: 768px) {
    .c-tile-9__item {
        width: 47.7611940299%;
        margin-left: 4.4776119403%;
        margin-top: 4vw;
    }
}
.c-tile-9__item:first-of-type {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-tile-9__item:first-of-type {
        margin-top: 0;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-9__item:nth-of-type(2n) {
        margin-left: 0;
    }
}
.c-tile-9__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 41px 0 32px;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
}
@media screen and (min-width: 769px) {
    .c-tile-9__link {
        transition: opacity 300ms;
    }
    .c-tile-9__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-9__link {
        padding: 7.4666666667vw 1em 6.6666666667vw;
        border: 1px solid #ddd;
    }
}
.c-tile-9__icon {
    height: 53px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-tile-9__icon {
        height: 12.2666666667vw;
    }
}
.c-tile-9__icon--repair {
    width: 48px;
}
@media screen and (max-width: 768px) {
    .c-tile-9__icon--repair {
        width: 11.2vw;
    }
}
.c-tile-9__icon--order {
    width: 41px;
}
@media screen and (max-width: 768px) {
    .c-tile-9__icon--order {
        width: 8.8vw;
    }
}
.c-tile-9__icon--maintenance {
    width: 53px;
}
@media screen and (max-width: 768px) {
    .c-tile-9__icon--maintenance {
        width: 12.2666666667vw;
    }
}
.c-tile-9__icon--inspection {
    width: 47px;
}
@media screen and (max-width: 768px) {
    .c-tile-9__icon--inspection {
        width: 10.6666666667vw;
    }
}
.c-tile-9__icon--dl {
    width: 55px;
}
@media screen and (max-width: 768px) {
    .c-tile-9__icon--dl {
        width: 12.2666666667vw;
    }
}
.c-tile-9__icon img {
    width: 100%;
}
.c-tile-9__txt {
    margin-top: 27px;
    font-size: 1.125rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-tile-9__txt {
        margin-top: 2.9333333333vw;
        font-size: 3.7333333333vw;
    }
}

/* ---------------------------------------------
*   c-tile-11
--------------------------------------------- */
.c-tile-11 {
    display: grid;
    grid-template-columns: 1.6933797909fr repeat(2, 1fr);
    grid-template-rows: 1.5326086957fr 1fr;
    gap: 20px;
}
@media screen and (max-width: 1160px) {
    .c-tile-11 {
        gap: 1.724137931vw;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-11 {
        grid-template: auto/repeat(2, auto);
        gap: 3.2vw 2.9333333333vw;
    }
}
.c-tile-11__item--01 {
    grid-area: 1/1/3/2;
}
@media screen and (max-width: 768px) {
    .c-tile-11__item--01 {
        grid-area: 1/1/2/3;
    }
}
.c-tile-11__item--02 {
    grid-area: 1/2/2/3;
}
@media screen and (max-width: 768px) {
    .c-tile-11__item--02 {
        width: 42.4vw;
        grid-area: 2/1/3/2;
    }
}
.c-tile-11__item--03 {
    grid-area: 1/3/2/4;
}
@media screen and (max-width: 768px) {
    .c-tile-11__item--03 {
        width: 42.4vw;
        grid-area: 2/2/3/3;
    }
}
.c-tile-11__item--04 {
    grid-area: 2/2/3/4;
}
@media screen and (max-width: 768px) {
    .c-tile-11__item--04 {
        width: 100%;
        grid-area: 3/1/4/3;
    }
}

/* ---------------------------------------------
*   c-tile-13
--------------------------------------------- */
.c-tile-13 {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 70px 1.0909090909%;
}
@media screen and (max-width: 768px) {
    .c-tile-13 {
        gap: 9.6vw 2.7190332326%;
    }
}
.c-tile-13__item {
    width: 24.1818181818%;
}
@media screen and (max-width: 768px) {
    .c-tile-13__item {
        width: 48.6404833837%;
    }
}
.c-tile-13__desc {
    margin-top: 24px;
}
@media screen and (max-width: 768px) {
    .c-tile-13__desc {
        margin-top: 4.2666666667vw;
    }
}
.c-tile-13__ttl {
    font-size: 1.25rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-tile-13__ttl {
        font-size: 4vw;
    }
}
.c-tile-13__txt {
    margin-top: 16px;
    font-size: 0.9375rem;
    line-height: 1.6;
}
@media screen and (max-width: 768px) {
    .c-tile-13__txt {
        margin-top: 3.2vw;
        font-size: 3.7333333333vw;
        line-height: 1.3;
    }
}

/* ---------------------------------------------
*   c-tile-15
--------------------------------------------- */
.c-tile-15 {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0 1.4545454545%;
}
@media screen and (max-width: 768px) {
    .c-tile-15 {
        display: block;
    }
}
.c-tile-15__item {
    width: 32.3636363636%;
}
@media screen and (max-width: 768px) {
    .c-tile-15__item {
        width: 77.6vw;
        margin-top: 8.8vw;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (min-width: 769px) {
    .c-tile-15__item:nth-of-type(3n-1) {
        margin-top: 95px;
    }
}
@media screen and (min-width: 769px) {
    .c-tile-15__item:nth-of-type(3n) {
        margin-top: 190px;
    }
}
@media screen and (min-width: 769px) {
    .c-tile-15__item:nth-of-type(n + 4) {
        position: relative;
        top: -67px;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-15__item:first-of-type {
        margin-top: 0;
    }
}
.c-tile-15__link {
    display: block;
}
@media screen and (min-width: 769px) {
    .c-tile-15__link {
        transition: opacity 300ms;
    }
    .c-tile-15__link:hover {
        opacity: 0.8;
    }
}
.c-tile-15__thumb {
    position: relative;
}
.c-tile-15__thumb::before {
    content: "";
    position: absolute;
    bottom: 24px;
    right: 24px;
    width: 88px;
    height: 88px;
    background: url(/lp/img/company/recruit/graduate/common/icon_arrow_circle.svg) 0 0 no-repeat;
    background-size: contain;
}
@media screen and (max-width: 768px) {
    .c-tile-15__thumb::before {
        bottom: 3.2vw;
        right: 3.2vw;
        width: 17.0666666667vw;
        height: 17.0666666667vw;
    }
}
.c-tile-15__desc {
    margin-top: 12px;
    padding: 0 10px;
}
@media screen and (max-width: 768px) {
    .c-tile-15__desc {
        margin-top: 3.2vw;
        padding: 0;
    }
}
.c-tile-15__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
}
@media screen and (max-width: 1040px) {
    .c-tile-15__info {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-15__info {
        display: flex;
        align-items: flex-end;
    }
}
.c-tile-15__dept {
    margin-top: 10px;
    font-size: 1.125rem;
    font-weight: bold;
    color: #ee9105;
}
@media screen and (max-width: 768px) {
    .c-tile-15__dept {
        margin-top: 0;
        font-size: 4.8vw;
    }
}
.c-tile-15__inner {
    display: flex;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .c-tile-15__inner {
        align-items: flex-end;
    }
}
.c-tile-15__name {
    margin-top: 8px;
    margin-left: auto;
    font-size: 1rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-tile-15__name {
        margin-top: 0;
        font-size: 3.7333333333vw;
    }
}
.c-tile-15__year {
    margin-left: 8px;
    font-size: 0.75rem;
    color: #9e988b;
    text-align: right;
    line-height: 1.3;
    white-space: pre-wrap;
}
@media screen and (max-width: 768px) {
    .c-tile-15__year {
        margin-left: 2.6666666667vw;
        font-size: 3.2vw;
    }
}
.c-tile-15__txt {
    margin-top: 16px;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.4;
}
@media screen and (max-width: 768px) {
    .c-tile-15__txt {
        margin-top: 3.7333333333vw;
        font-size: 4.2666666667vw;
        line-height: 1.6;
    }
}

/* ---------------------------------------------
*   c-tile-2
--------------------------------------------- */
.c-tile-2 {
    margin-top: 2.5%;
    margin-bottom: 4.1666666667%;
}
@media screen and (max-width: 768px) {
    .c-tile-2 {
        margin-top: 6.6666666667%;
        margin-bottom: 10.6666666667%;
    }
}
.c-tile-2__container {
    display: flex;
    flex-wrap: wrap;
    gap: 2.75%;
}
@media screen and (max-width: 768px) {
    .c-tile-2__container {
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 5.3333333333vw;
    }
}
.c-tile-2__item {
    width: 22.9166666667%;
}
@media screen and (max-width: 768px) {
    .c-tile-2__item {
        width: 58.6666666667vw;
        flex: none;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-2__item:first-of-type {
        padding-left: 5.3333333333vw;
        box-sizing: content-box;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-2__item:last-of-type {
        padding-right: 5.3333333333vw;
        box-sizing: content-box;
    }
}
.c-tile-2__link {
    display: block;
}
@media screen and (min-width: 769px) {
    .c-tile-2__link {
        transition: opacity 300ms;
    }
    .c-tile-2__link:hover {
        opacity: 0.8;
    }
}
.c-tile-2__img {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-tile-2__img {
        border-radius: 1.3333333333vw;
    }
}
.c-tile-2__img img {
    width: 100%;
}
.c-tile-2__desc {
    margin-top: 9.0909090909%;
}
@media screen and (max-width: 768px) {
    .c-tile-2__desc {
        margin-top: 7.7272727273%;
    }
}
.c-tile-2__name {
    font-size: 1.125rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-tile-2__name {
        font-size: 4.2666666667vw;
    }
}
.c-tile-2__txt {
    margin-top: 3.6363636364%;
    font-size: 0.9375rem;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-tile-2__txt {
        margin-top: 5.9090909091%;
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   c-tooltip-1
--------------------------------------------- */
.c-tooltip-1 {
    position: relative;
    top: -0.1em;
    margin-left: 0.2em;
}
.c-tooltip-1 img {
    width: 16px;
    height: auto;
    vertical-align: middle;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .c-tooltip-1 img {
        width: 4.2666666667vw;
    }
}
@media (hover: hover) and (pointer: fine) {
    .c-tooltip-1 img {
        transition: opacity 300ms;
    }
    .c-tooltip-1 img:hover {
        opacity: 0.8;
    }
}
.c-tooltip-1__txt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    display: block;
    width: 200px;
    margin-top: 0.1em;
    padding: 1em;
    border-radius: 5px;
    font-weight: normal;
    border: 1px solid #999;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}
@media screen and (max-width: 768px) {
    .c-tooltip-1__txt {
        left: 8vw;
        width: 53.3333333333vw;
        border-radius: 1.3333333333vw;
    }
}
.c-tooltip-1--type2 .c-tooltip-1__txt {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    opacity: 1;
    visibility: visible;
    display: none;
    width: 100%;
    margin-top: 2em;
    font-size: 0.8em;
}
.c-tooltip-1--type2 .c-tooltip-1__txt.is-show {
    display: block;
}
.c-tooltip-1__txt.is-show {
    opacity: 1;
    visibility: visible;
}
.c-tooltip-1__txt::before, .c-tooltip-1__txt::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -18px;
    transform: translateY(-50%);
    z-index: 1;
    border: 8px solid transparent;
    border-right-width: 10px;
}
@media screen and (max-width: 768px) {
    .c-tooltip-1__txt::before, .c-tooltip-1__txt::after {
        left: -4.8vw;
        border: 2.1333333333vw solid transparent;
        border-right-width: 2.6666666667vw;
    }
}
.c-tooltip-1--type2 .c-tooltip-1__txt::before, .c-tooltip-1--type2 .c-tooltip-1__txt::after {
    top: auto;
    bottom: calc(100% + 1px);
    left: 50%;
    transform: translate(-50%, 0) rotate(90deg);
}
.c-tooltip-1__txt::before {
    border-right-color: #999;
}
.c-tooltip-1__txt::after {
    border-right-color: #fff;
    margin-left: 1.5px;
}
.c-tooltip-1--type2 .c-tooltip-1__txt::after {
    margin-left: 0;
    bottom: calc(100% - 1px);
}

/* ---------------------------------------------
*   fade2
--------------------------------------------- */
/* アニメーション中のスタイル */
.fade2-leave-active,
.fade2-enter-active {
    transition: opacity 0.5s;
}

/* 表示アニメーション */
.fade2-enter {
    opacity: 0;
}

.fade2-enter-to {
    opacity: 1;
}

/* 非表示アニメーション */
.fade2-leave {
    opacity: 1;
}

.fade2-leave-to {
    opacity: 0;
}

/* ---------------------------------------------
*   slidedown2
--------------------------------------------- */
/* ---------------------------------------------
*   accordion2
--------------------------------------------- */
.accordion2-leave-active,
.accordion2-enter-active {
    transition: opacity 0.3s, height 0.3s;
}

/* 表示アニメーション */
.accordion2-enter {
    opacity: 0;
}

.accordion2-enter-to {
    opacity: 1;
}

/* 非表示アニメーション */
.accordion2-leave {
    opacity: 1;
}

.accordion2-leave-to {
    opacity: 0;
}

/* ---------------------------------------------
*   c-ttl-1
--------------------------------------------- */
.c-ttl-1 {
    text-align: center;
}
.c-ttl-1--white {
    color: #fff;
}
.c-ttl-1__main {
    display: block;
    font-family: century-gothic, sans-serif;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.2;
}
@media screen and (max-width: 768px) {
    .c-ttl-1__main {
        letter-spacing: 0.04em;
        font-size: 9.0666666667vw;
    }
}
.c-ttl-1__sub {
    display: block;
    font-size: 0.8125rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-ttl-1__sub {
        line-height: 1.46;
        letter-spacing: 0.06em;
        font-size: 3.4666666667vw;
    }
}
.c-ttl-1__sub-2 {
    display: block;
    margin-bottom: -3px;
    color: #004198;
    line-height: 1;
    letter-spacing: 0.04em;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
    font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
    .c-ttl-1__sub-2 {
        margin-bottom: 0;
        line-height: 1.2;
        font-size: 4.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-ttl-3
--------------------------------------------- */
.c-ttl-3 {
    font-size: 1.375rem;
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-ttl-3 {
        font-size: 4.8vw;
    }
}

/* ---------------------------------------------
*   c-ttl-5
--------------------------------------------- */
.c-ttl-5 {
    text-align: center;
}
.c-ttl-5__main {
    display: block;
    font-size: 2.5rem;
    color: #fff;
    font-weight: bold;
    line-height: 1.2;
}
@media screen and (max-width: 768px) {
    .c-ttl-5__main {
        letter-spacing: 0.04em;
        font-size: 9.0666666667vw;
    }
}

/* ---------------------------------------------
*   c-ttl-7
--------------------------------------------- */
.c-ttl-7 {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.75rem;
    font-weight: bold;
    border-bottom: 2px solid #004198;
}
@media screen and (max-width: 768px) {
    .c-ttl-7 {
        font-size: 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-ttl-9
--------------------------------------------- */
.c-ttl-9 {
    display: flex;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .c-ttl-9 {
        display: block;
    }
}
.c-ttl-9__logo {
    width: 100px;
    margin-right: 27px;
    flex: none;
}
@media screen and (max-width: 768px) {
    .c-ttl-9__logo {
        width: 23.8805970149%;
        margin-left: auto;
        margin-right: auto;
    }
}
.c-ttl-9__txt {
    display: block;
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 1.44;
}
@media screen and (max-width: 768px) {
    .c-ttl-9__txt {
        margin-top: 4vw;
        font-size: 6.9333333333vw;
        line-height: 1.38;
    }
}

/* ---------------------------------------------
*   c-ttl-recruit
--------------------------------------------- */
.c-ttl-recruit {
    position: relative;
    padding-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-ttl-recruit {
        padding-top: 9.3333333333vw;
    }
}
.c-ttl-recruit::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 26px;
    background: url(/lp/img/company/recruit/graduate/common/icon_recruit.svg) 0 0 no-repeat;
    background-size: contain;
}
@media screen and (max-width: 768px) {
    .c-ttl-recruit::before {
        width: 3.7333333333vw;
        height: 5.0666666667vw;
    }
}
.c-ttl-recruit__sub {
    display: block;
    text-align: center;
    font-size: 1.125rem;
    font-weight: bold;
    color: #ee9105;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-ttl-recruit__sub {
        font-size: 3.7333333333vw;
        letter-spacing: 0.12em;
    }
}
.c-ttl-recruit__main {
    display: block;
    text-align: center;
    font-size: 4.75rem;
    font-weight: bold;
    line-height: 1.2;
    font-family: century-gothic, sans-serif;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-ttl-recruit__main {
        margin-top: 2.6666666667vw;
        font-size: 12.8vw;
    }
}
.c-ttl-recruit--small .c-ttl-recruit__main {
    margin-top: 32px;
    font-size: 3.5rem;
    letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
    .c-ttl-recruit--small .c-ttl-recruit__main {
        margin-top: 5.8666666667vw;
        font-size: 10.1333333333vw;
        letter-spacing: 0.05em;
    }
}

/* ---------------------------------------------
*   c-ttl-style
--------------------------------------------- */
@media screen and (max-width: 768px) {
    .c-ttl-style {
        text-align: center;
    }
}
.c-ttl-style__sub {
    display: block;
    position: relative;
    padding-left: 30px;
    font-size: 1.125rem;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-ttl-style__sub {
        padding: 9.3333333333vw 0 0;
        font-size: 3.7333333333vw;
    }
}
.c-ttl-style__sub::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    transform: translateY(-50%);
    width: 20px;
    height: 27px;
    background: url(/lp/img/company/recruit/graduate/common/icon_recruit_white.svg) 0 0 no-repeat;
    background-size: contain;
}
@media screen and (max-width: 768px) {
    .c-ttl-style__sub::before {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 3.7333333333vw;
        height: 5.0666666667vw;
    }
}
.c-ttl-style__main {
    display: block;
    margin-top: 8px;
    font-size: 4.75rem;
    font-weight: bold;
    font-family: century-gothic, sans-serif;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-ttl-style__main {
        margin-top: 5.8666666667vw;
        font-size: 12.8vw;
    }
}

/* ---------------------------------------------
*   c-ttl-2
--------------------------------------------- */
.c-ttl-2 {
    line-height: 1.46;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 2rem;
}
@media screen and (max-width: 768px) {
    .c-ttl-2 {
        line-height: 1.5;
        font-size: 5.8666666667vw;
    }
}

/* ---------------------------------------------
*   c-ttl-4
--------------------------------------------- */
.c-ttl-4 {
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.06em;
    font-size: 2rem;
}
@media screen and (max-width: 768px) {
    .c-ttl-4 {
        text-align: left;
        line-height: 1.45;
        font-size: 5.8666666667vw;
    }
}

/* ---------------------------------------------
*   c-ttl-6
--------------------------------------------- */
.c-ttl-6 {
    font-weight: bold;
    letter-spacing: 0.06em;
    font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
    .c-ttl-6 {
        line-height: 1.45;
        font-size: 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-ttl-8
--------------------------------------------- */
.c-ttl-8 {
    font-weight: bold;
    letter-spacing: 0.06em;
    font-size: 3.125rem;
}
@media screen and (max-width: 768px) {
    .c-ttl-8 {
        font-size: 9.0666666667vw;
    }
}

/* ---------------------------------------------
*   c-ttl-10
--------------------------------------------- */
.c-ttl-10 {
    text-align: center;
}
.c-ttl-10__main {
    display: block;
    line-height: 1.3;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 2.75rem;
}
@media screen and (max-width: 768px) {
    .c-ttl-10__main {
        line-height: 1.28;
        font-size: 7.4666666667vw;
    }
}
.c-ttl-10__main--mgt-pc-5 {
    margin-top: 5px;
}
@media screen and (max-width: 768px) {
    .c-ttl-10__main--mgt-pc-5 {
        margin-top: 0;
    }
}
.c-ttl-10--white .c-ttl-10__main {
    color: #fff;
}
.c-ttl-10__sub {
    position: relative;
    display: inline-block;
    color: #004198;
    line-height: 1.2;
    font-weight: bold;
    font-size: 0.9375rem;
    font-family: century-gothic, sans-serif;
}
@media screen and (max-width: 768px) {
    .c-ttl-10__sub {
        line-height: 2.2;
        font-size: 3.2vw;
    }
}
.c-ttl-10__sub::before, .c-ttl-10__sub::after {
    position: absolute;
    top: 50%;
    width: 21px;
    height: 1px;
    background-color: #004198;
    transform: translateY(-50%);
    content: "";
}
@media screen and (max-width: 768px) {
    .c-ttl-10__sub::before, .c-ttl-10__sub::after {
        width: 4vw;
        height: 1px;
    }
}
.c-ttl-10--white .c-ttl-10__sub::before, .c-ttl-10--white .c-ttl-10__sub::after {
    background-color: #fff;
}
.c-ttl-10__sub::before {
    left: -25px;
}
@media screen and (max-width: 768px) {
    .c-ttl-10__sub::before {
        left: -5.6vw;
    }
}
.c-ttl-10__sub::after {
    right: -25px;
}
@media screen and (max-width: 768px) {
    .c-ttl-10__sub::after {
        right: -5.6vw;
    }
}
.c-ttl-10--white .c-ttl-10__sub {
    color: #fff;
}
.c-ttl-10__sub--wbgt {
    color: #ff6f16;
}
.c-ttl-10__sub--wbgt::before, .c-ttl-10__sub--wbgt::after {
    background-color: #ff6f16;
}

/* ---------------------------------------------
*   c-ttl-12
--------------------------------------------- */
.c-ttl-12 {
    text-align: center;
    letter-spacing: 0.03em;
    font-weight: bold;
    font-size: 1.625rem;
}
@media screen and (max-width: 768px) {
    .c-ttl-12 {
        font-size: 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-ttl-14
--------------------------------------------- */
.c-ttl-14 {
    text-align: center;
}
.c-ttl-14__txt {
    display: inline-block;
    line-height: 1.46;
    letter-spacing: 0.03em;
    font-weight: bold;
    font-size: 1.75rem;
    border-bottom: 2px solid #004198;
}
@media screen and (max-width: 768px) {
    .c-ttl-14__txt {
        padding-bottom: 1.0666666667vw;
        font-size: 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-ttl-16
--------------------------------------------- */
.c-ttl-16 {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-ttl-16--side-padding {
        padding: 0 5.3333333333%;
    }
}
.c-ttl-16__main {
    display: block;
    line-height: 1.35;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 2.75rem;
}
@media screen and (max-width: 768px) {
    .c-ttl-16__main {
        font-size: 8vw;
    }
}

/* ---------------------------------------------
*   c-ttl-18
--------------------------------------------- */
.c-ttl-18 {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: -60px;
    padding-top: 60px;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 2.5rem;
}
@media screen and (max-width: 768px) {
    .c-ttl-18 {
        font-size: 6.4vw;
        margin-top: -70px;
        padding-top: 70px;
    }
}
.c-ttl-18::before {
    display: block;
    width: 16px;
    height: 90px;
    margin-right: 22px;
    border-radius: 16px;
    background-color: #333;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-ttl-18::before {
        width: 2.6666666667vw;
        height: 16vw;
        margin-right: 4.2666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-ttl-18:has(small)::before {
        height: 21.3333333333vw;
    }
}
.c-ttl-18 > span {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
@media screen and (max-width: 768px) {
    .c-ttl-18 > span {
        flex-direction: column;
        align-items: flex-start;
    }
}
.c-ttl-18 small {
    display: flex;
    align-items: center;
    margin-top: 2px;
    font-size: 1.625rem;
}
@media screen and (max-width: 768px) {
    .c-ttl-18 small {
        margin-top: 0;
        font-size: 3.7333333333vw;
    }
}
.c-ttl-18 small::before {
    display: block;
    width: 1px;
    height: 40px;
    margin: 0 20px;
    background-color: #333;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-ttl-18 small::before {
        display: none;
    }
}
.c-ttl-18--0::before, .c-ttl-18--3::before {
    background-color: #f0f7ff;
}
.c-ttl-18--1::before, .c-ttl-18--4::before {
    background-color: #eaf4f3;
}
.c-ttl-18--2::before, .c-ttl-18--5::before {
    background-color: #faf2f6;
}

/* ---------------------------------------------
*   c-txt-1
--------------------------------------------- */
.c-txt-1 {
    font-size: 1rem;
    line-height: 2;
    letter-spacing: 0.06em;
    text-align: center;
    word-break: break-all;
    white-space: pre-line;
}
@media screen and (max-width: 768px) {
    .c-txt-1 {
        font-size: 4vw;
        text-align: left;
        line-height: 1.73;
    }
}
@media screen and (max-width: 768px) {
    .c-txt-1--narrow {
        padding: 0 5.3333333333%;
    }
}
.c-txt-1--side-padding {
    padding-left: 40px;
    padding-right: 40px;
}
@media screen and (max-width: 1280px) {
    .c-txt-1--side-padding {
        padding-left: 3.125%;
        padding-right: 3.125%;
    }
}
@media screen and (max-width: 768px) {
    .c-txt-1--side-padding {
        padding-left: 5.3333333333%;
        padding-right: 5.3333333333%;
    }
}

/* ---------------------------------------------
*   c-txt-lead-2
--------------------------------------------- */
.c-txt-lead-2 {
    margin-top: 22px;
    text-align: justify;
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 1rem;
    white-space: pre-wrap;
}
@media screen and (max-width: 1280px) {
    .c-txt-lead-2 {
        margin-top: 2.2916666667%;
    }
}
@media screen and (max-width: 768px) {
    .c-txt-lead-2 {
        margin-top: 4.2666666667vw;
        line-height: 1.86;
        font-size: 4vw;
    }
}
.c-txt-lead-2--ta-type-1 {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-txt-lead-2--ta-type-1 {
        line-height: 1.7;
        text-align: justify;
    }
}

/* ---------------------------------------------
*   c-txt-2
--------------------------------------------- */
.c-txt-2 {
    line-height: 1.77;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-txt-2 {
        line-height: 1.62;
        font-size: 4.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-txt-4
--------------------------------------------- */
.c-txt-4 {
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .c-txt-4 {
        line-height: 1.86;
        font-size: 4vw;
    }
}
.c-txt-4--ta-type-1 {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-txt-4--ta-type-1 {
        text-align: justify;
    }
}
@media screen and (max-width: 768px) {
    .c-txt-4--health-support {
        line-height: 1.73;
    }
}

/* ---------------------------------------------
*   c-txt-6
--------------------------------------------- */
.c-txt-6 {
    line-height: 1.71;
    letter-spacing: 0.06em;
    font-size: 0.875rem;
    color: #666666;
}
@media screen and (max-width: 768px) {
    .c-txt-6 {
        font-size: 3.7333333333vw;
    }
}

/* ---------------------------------------------
*   c-txt-8(for alcohol SP select)
--------------------------------------------- */
.c-txt-8 {
    line-height: 1.75;
    letter-spacing: 0.06em;
    font-size: 1.375rem;
    color: #333;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-txt-8 {
        font-size: 4.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-txt-10(for alcohol SP maintenance notice text)
--------------------------------------------- */
.c-txt-10 {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 0.875rem;
    color: #666666;
    line-height: 1.57;
    margin-top: 1em;
}
@media screen and (max-width: 768px) {
    .c-txt-10 {
        margin-top: 4vw;
        font-size: 3.2vw;
    }
}

/* ---------------------------------------------
*   c-wysiwyg
--------------------------------------------- */
/*  c-wysiwyg-1  NEWSのメインブロック
--------------------------------------------- */
.c-wysiwyg-1 p {
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 1rem;
    clear: both;
}
@media screen and (max-width: 768px) {
    .c-wysiwyg-1 p {
        font-size: 4.2666666667vw;
    }
}
.c-wysiwyg-1 p .text-tiny {
    font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
    .c-wysiwyg-1 p .text-tiny {
        font-size: 3.2vw;
    }
}
.c-wysiwyg-1 p .text-small {
    font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
    .c-wysiwyg-1 p .text-small {
        font-size: 3.7333333333vw;
    }
}
.c-wysiwyg-1 p .text-big {
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .c-wysiwyg-1 p .text-big {
        font-size: 4.8vw;
    }
}
.c-wysiwyg-1 p .text-huge {
    font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
    .c-wysiwyg-1 p .text-huge {
        font-size: 5.3333333333vw;
    }
}
.c-wysiwyg-1 figure {
    margin-top: 60px;
}
@media screen and (max-width: 1280px) {
    .c-wysiwyg-1 figure {
        margin-top: 8%;
    }
}
@media screen and (max-width: 768px) {
    .c-wysiwyg-1 figure {
        margin-top: 10.6666666667%;
    }
}
.c-wysiwyg-1 figure img {
    height: auto;
}
.c-wysiwyg-1 figcaption {
    margin-top: 10px;
    color: #666666;
    line-height: 1.7;
    letter-spacing: 0.06em;
    font-size: 0.875rem;
    text-align: center;
}
@media screen and (max-width: 1280px) {
    .c-wysiwyg-1 figcaption {
        margin-top: 1.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-wysiwyg-1 figcaption {
        margin-top: 2.6666666667%;
        font-size: 3.7333333333vw;
    }
}
.c-wysiwyg-1 a {
    position: relative;
    color: #004198;
    background: linear-gradient(0deg, #004198, #004198) right bottom no-repeat;
    background-size: 0 1px;
    transition: background-size 0.3s;
}
@media screen and (max-width: 768px) {
    .c-wysiwyg-1 a {
        background-size: 100% 1px;
    }
}
@media screen and (min-width: 769px) {
    .c-wysiwyg-1 a:hover {
        background-size: 100% 1px;
        background-position: left bottom;
    }
}
.c-wysiwyg-1 strong {
    font-weight: bold;
}
.c-wysiwyg-1 .image-style-align-left {
    float: left;
    margin-right: 20px;
}
@media screen and (max-width: 768px) {
    .c-wysiwyg-1 .image-style-align-left {
        margin-right: auto;
        float: none;
    }
}
.c-wysiwyg-1 .image-style-align-center {
    margin-right: auto !important;
    margin-left: auto !important;
}
.c-wysiwyg-1 .image-style-align-right {
    float: right;
    margin-left: 20px;
}
@media screen and (max-width: 768px) {
    .c-wysiwyg-1 .image-style-align-right {
        margin-left: auto;
        float: none;
    }
}
.c-wysiwyg-1 .wrap-text {
    clear: none;
    margin-top: 60px;
}
@media screen and (max-width: 1280px) {
    .c-wysiwyg-1 .wrap-text {
        margin-top: 8%;
    }
}
@media screen and (max-width: 768px) {
    .c-wysiwyg-1 .wrap-text {
        clear: both;
        margin-top: 10.6666666667%;
    }
}
.c-wysiwyg-1 sup {
    font-size: x-small;
}
.c-wysiwyg-1 sub {
    font-size: x-small;
}

/*  c-wysiwyg-2  NEWSのお問い合わせブロック
--------------------------------------------- */
.c-wysiwyg-2 p {
    line-height: 2;
    letter-spacing: 0.06em;
    font-size: 0.9375rem;
    clear: both;
}
@media screen and (max-width: 768px) {
    .c-wysiwyg-2 p {
        font-size: 3.7333333333vw;
    }
}
.c-wysiwyg-2 figure {
    margin-top: 60px;
}
@media screen and (max-width: 1280px) {
    .c-wysiwyg-2 figure {
        margin-top: 8%;
    }
}
@media screen and (max-width: 768px) {
    .c-wysiwyg-2 figure {
        margin-top: 10.6666666667%;
    }
}
.c-wysiwyg-2 figcaption {
    margin-top: 10px;
    color: #666666;
    line-height: 1.7;
    letter-spacing: 0.06em;
    font-size: 0.875rem;
}
@media screen and (max-width: 1280px) {
    .c-wysiwyg-2 figcaption {
        margin-top: 1.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-wysiwyg-2 figcaption {
        margin-top: 2.6666666667%;
        font-size: 3.7333333333vw;
    }
}
.c-wysiwyg-2 a {
    position: relative;
    color: #004198;
    background: linear-gradient(0deg, #004198, #004198) right bottom no-repeat;
    background-size: 0 1px;
    transition: background-size 0.3s;
}
@media screen and (max-width: 768px) {
    .c-wysiwyg-2 a {
        background-size: 100% 1px;
    }
}
@media screen and (min-width: 769px) {
    .c-wysiwyg-2 a:hover {
        background-size: 100% 1px;
        background-position: left bottom;
    }
}
.c-wysiwyg-2 strong {
    font-weight: bold;
}
.c-wysiwyg-2 .image-style-align-left {
    float: left;
    margin-right: 20px;
}
@media screen and (max-width: 768px) {
    .c-wysiwyg-2 .image-style-align-left {
        margin-right: auto;
        float: none;
    }
}
.c-wysiwyg-2 .image-style-align-center {
    margin-right: auto !important;
    margin-left: auto !important;
}
.c-wysiwyg-2 .image-style-align-right {
    float: right;
    margin-left: 20px;
}
@media screen and (max-width: 768px) {
    .c-wysiwyg-2 .image-style-align-right {
        margin-left: auto;
        float: none;
    }
}
.c-wysiwyg-2 .wrap-text {
    clear: none;
    margin-top: 60px;
}
@media screen and (max-width: 1280px) {
    .c-wysiwyg-2 .wrap-text {
        margin-top: 8%;
    }
}
@media screen and (max-width: 768px) {
    .c-wysiwyg-2 .wrap-text {
        clear: both;
        margin-top: 10.6666666667%;
    }
}
.c-wysiwyg-2 sup {
    font-size: x-small;
}
.c-wysiwyg-2 sub {
    font-size: x-small;
}

/* ---------------------------------------------
*   background-color
--------------------------------------------- */
.bg-white {
    background-color: #fff !important;
}

/* ---------------------------------------------
*   txt color
--------------------------------------------- */
.tc-white {
    color: #fff !important;
}

/* ---------------------------------------------
*   font-wight
--------------------------------------------- */
.fw-normal {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

/* ---------------------------------------------
*   text-align
--------------------------------------------- */
.txt-al-center {
    text-align: center !important;
}

.txt-al-right {
    text-align: right !important;
}

.txt-al-left {
    text-align: left !important;
}

/* ---------------------------------------------
*   ff
--------------------------------------------- */
.txt-ff-cg {
    font-family: century-gothic, sans-serif !important;
}

/* ---------------------------------------------
*   txt-link
--------------------------------------------- */
.txt-link {
    position: relative;
    color: #004198;
    background: linear-gradient(0deg, #004198, #004198) right bottom no-repeat;
    background-size: 0 1px;
    transition: background-size 0.3s;
}
@media screen and (max-width: 768px) {
    .txt-link {
        background-size: 100% 1px;
    }
}
@media screen and (min-width: 769px) {
    .txt-link:hover {
        background-size: 100% 1px;
        background-position: left bottom;
    }
}

/* ---------------------------------------------
*   txt-underline
--------------------------------------------- */
.txt-underline {
    font-weight: bold;
}
.txt-underline--yellow {
    background: linear-gradient(transparent 70%, #fff367 70%);
}

/* ---------------------------------------------
*   fade
--------------------------------------------- */
.fade-enter,
.fade-leave-to {
    opacity: 0;
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.3s;
}

/* ---------------------------------------------
*   slide
--------------------------------------------- */
.slide-enter,
.slide-leave-to {
    height: 0;
}

.slide-enter-active,
.slide-leave-active {
    transition: height 0.3s;
}

/* ---------------------------------------------
*   slide-toggle
--------------------------------------------- */
.slide-toggle-enter-active,
.slide-toggle-leave-active {
    animation-duration: 0.3s;
    animation-fill-mode: both;
}

/* ---------------------------------------------
*   c-sup
--------------------------------------------- */
.c-sup-1 {
    font-size: 0.625rem;
}
@media screen and (max-width: 768px) {
    .c-sup-1 {
        font-size: 2.6666666667vw;
    }
}

/* ---------------------------------------------
*   <hr> tag as anchor target
--------------------------------------------- */
hr[id^=anchor-special-] {
    display: block;
    width: auto;
    height: 0;
    padding: 60px 0 0 0;
    border: 0;
    margin: -60px 0 0 0;
    background: 0;
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    hr[id^=anchor-special-] {
        padding-top: 70px;
        margin-top: -70px;
    }
}

hr[id^=anchor-calendar] {
    display: block;
    width: auto;
    height: 0;
    padding: 60px 0 0 0;
    border: 0;
    margin: -60px 0 0 0;
    background: 0;
    pointer-events: none;
}

/*  SF reCAPTCHA
--------------------------------------------- */
.g-recaptcha {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .g-recaptcha {
        margin-top: 8vw;
    }
}

.js-header-inout {
    transition: transform 0.3s;
    transform: translateY(0%);
}
@media screen and (max-width: 768px) {
    .js-header-inout.is-out {
        transform: translateY(-100%);
    }
}

.js-nav-inout {
    transition: transform 0.3s;
    transform: translateY(0px);
}
@media screen and (max-width: 768px) {
    .js-nav-inout.is-out {
        transform: translateY(-70px);
    }
}

.js-threshold {
    position: absolute;
    top: 140px;
}

/* ---------------------------------------------
*   アコーディオン（マガジン）
--------------------------------------------- */
@media screen and (max-width: 768px) {
    .js-acc-target {
        --acc-body-height: 0;
        height: 0;
        overflow: hidden;
    }
}
@media screen and (max-width: 768px) {
    .js-acc-scope.is-close .js-acc-target {
        animation: closeAccAnim 0.5s forwards;
    }
}

@media screen and (max-width: 768px) {
    .js-acc-scope.is-open .js-acc-target {
        animation: openAccAnim 0.5s forwards;
    }
}

@keyframes openAccAnim {
    0% {
        height: 0px;
        visibility: hidden;
    }
    99% {
        visibility: visible;
        height: var(--acc-body-height);
    }
    100% {
        height: auto;
    }
}
@keyframes closeAccAnim {
    0% {
        height: var(--acc-body-height);
    }
    99% {
        visibility: visible;
    }
    100% {
        height: 0px;
        visibility: hidden;
    }
}
@media print and (min-width: 769px), screen and (min-width: 769px) {
    .pc-hide {
        display: none !important;
    }
}
@media print and (max-width: 768px), screen and (max-width: 768px) {
    .sp-hide {
        display: none !important;
    }
}
/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--0 {
    margin-top: 0 !important;
}

.mgt-pc--5 {
    margin-top: 5px !important;
}

.mgt-pc--10 {
    margin-top: 10px !important;
}

.mgt-pc--15 {
    margin-top: 15px !important;
}

.mgt-pc--20 {
    margin-top: 20px !important;
}

.mgt-pc--25 {
    margin-top: 25px !important;
}

.mgt-pc--30 {
    margin-top: 30px !important;
}

.mgt-pc--35 {
    margin-top: 35px !important;
}

.mgt-pc--40 {
    margin-top: 40px !important;
}

.mgt-pc--45 {
    margin-top: 45px !important;
}

.mgt-pc--50 {
    margin-top: 50px !important;
}

.mgt-pc--55 {
    margin-top: 55px !important;
}

.mgt-pc--60 {
    margin-top: 60px !important;
}

.mgt-pc--65 {
    margin-top: 65px !important;
}

.mgt-pc--70 {
    margin-top: 70px !important;
}

.mgt-pc--75 {
    margin-top: 75px !important;
}

.mgt-pc--80 {
    margin-top: 80px !important;
}

.mgt-pc--85 {
    margin-top: 85px !important;
}

.mgt-pc--90 {
    margin-top: 90px !important;
}

.mgt-pc--95 {
    margin-top: 95px !important;
}

.mgt-pc--100 {
    margin-top: 100px !important;
}

.mgt-pc--105 {
    margin-top: 105px !important;
}

.mgt-pc--110 {
    margin-top: 110px !important;
}

.mgt-pc--115 {
    margin-top: 115px !important;
}

.mgt-pc--120 {
    margin-top: 120px !important;
}

.mgt-pc--125 {
    margin-top: 125px !important;
}

.mgt-pc--130 {
    margin-top: 130px !important;
}

.mgt-pc--135 {
    margin-top: 135px !important;
}

.mgt-pc--140 {
    margin-top: 140px !important;
}

.mgt-pc--145 {
    margin-top: 145px !important;
}

.mgt-pc--150 {
    margin-top: 150px !important;
}

.mgt-pc--155 {
    margin-top: 155px !important;
}

.mgt-pc--160 {
    margin-top: 160px !important;
}

.mgt-pc--165 {
    margin-top: 165px !important;
}

.mgt-pc--170 {
    margin-top: 170px !important;
}

.mgt-pc--175 {
    margin-top: 175px !important;
}

.mgt-pc--180 {
    margin-top: 180px !important;
}

.mgt-pc--185 {
    margin-top: 185px !important;
}

.mgt-pc--190 {
    margin-top: 190px !important;
}

.mgt-pc--195 {
    margin-top: 195px !important;
}

.mgt-pc--200 {
    margin-top: 200px !important;
}

.mgt-pc--205 {
    margin-top: 205px !important;
}

.mgt-pc--210 {
    margin-top: 210px !important;
}

.mgt-pc--215 {
    margin-top: 215px !important;
}

.mgt-pc--220 {
    margin-top: 220px !important;
}

.mgt-pc--225 {
    margin-top: 225px !important;
}

.mgt-pc--230 {
    margin-top: 230px !important;
}

.mgt-pc--235 {
    margin-top: 235px !important;
}

.mgt-pc--240 {
    margin-top: 240px !important;
}

.mgt-pc--245 {
    margin-top: 245px !important;
}

.mgt-pc--250 {
    margin-top: 250px !important;
}

@media screen and (max-width: 768px) {
    .mgt-sp--0 {
        margin-top: 0 !important;
    }
    .mgt-sp--5 {
        margin-top: 1.3333333333vw !important;
    }
    .mgt-sp--10 {
        margin-top: 2.6666666667vw !important;
    }
    .mgt-sp--15 {
        margin-top: 4vw !important;
    }
    .mgt-sp--20 {
        margin-top: 5.3333333333vw !important;
    }
    .mgt-sp--25 {
        margin-top: 6.6666666667vw !important;
    }
    .mgt-sp--30 {
        margin-top: 8vw !important;
    }
    .mgt-sp--35 {
        margin-top: 9.3333333333vw !important;
    }
    .mgt-sp--40 {
        margin-top: 10.6666666667vw !important;
    }
    .mgt-sp--45 {
        margin-top: 12vw !important;
    }
    .mgt-sp--50 {
        margin-top: 13.3333333333vw !important;
    }
    .mgt-sp--55 {
        margin-top: 14.6666666667vw !important;
    }
    .mgt-sp--60 {
        margin-top: 16vw !important;
    }
    .mgt-sp--65 {
        margin-top: 17.3333333333vw !important;
    }
    .mgt-sp--70 {
        margin-top: 18.6666666667vw !important;
    }
    .mgt-sp--75 {
        margin-top: 20vw !important;
    }
    .mgt-sp--80 {
        margin-top: 21.3333333333vw !important;
    }
    .mgt-sp--85 {
        margin-top: 22.6666666667vw !important;
    }
    .mgt-sp--90 {
        margin-top: 24vw !important;
    }
    .mgt-sp--95 {
        margin-top: 25.3333333333vw !important;
    }
    .mgt-sp--100 {
        margin-top: 26.6666666667vw !important;
    }
    .mgt-sp--105 {
        margin-top: 28vw !important;
    }
    .mgt-sp--110 {
        margin-top: 29.3333333333vw !important;
    }
    .mgt-sp--115 {
        margin-top: 30.6666666667vw !important;
    }
    .mgt-sp--120 {
        margin-top: 32vw !important;
    }
    .mgt-sp--125 {
        margin-top: 33.3333333333vw !important;
    }
    .mgt-sp--130 {
        margin-top: 34.6666666667vw !important;
    }
    .mgt-sp--135 {
        margin-top: 36vw !important;
    }
    .mgt-sp--140 {
        margin-top: 37.3333333333vw !important;
    }
    .mgt-sp--145 {
        margin-top: 38.6666666667vw !important;
    }
    .mgt-sp--150 {
        margin-top: 40vw !important;
    }
    .mgt-sp--155 {
        margin-top: 41.3333333333vw !important;
    }
    .mgt-sp--160 {
        margin-top: 42.6666666667vw !important;
    }
    .mgt-sp--165 {
        margin-top: 44vw !important;
    }
    .mgt-sp--170 {
        margin-top: 45.3333333333vw !important;
    }
    .mgt-sp--175 {
        margin-top: 46.6666666667vw !important;
    }
    .mgt-sp--180 {
        margin-top: 48vw !important;
    }
    .mgt-sp--185 {
        margin-top: 49.3333333333vw !important;
    }
    .mgt-sp--190 {
        margin-top: 50.6666666667vw !important;
    }
    .mgt-sp--195 {
        margin-top: 52vw !important;
    }
    .mgt-sp--200 {
        margin-top: 53.3333333333vw !important;
    }
    .mgt-sp--205 {
        margin-top: 54.6666666667vw !important;
    }
    .mgt-sp--210 {
        margin-top: 56vw !important;
    }
    .mgt-sp--215 {
        margin-top: 57.3333333333vw !important;
    }
    .mgt-sp--220 {
        margin-top: 58.6666666667vw !important;
    }
    .mgt-sp--225 {
        margin-top: 60vw !important;
    }
    .mgt-sp--230 {
        margin-top: 61.3333333333vw !important;
    }
    .mgt-sp--235 {
        margin-top: 62.6666666667vw !important;
    }
    .mgt-sp--240 {
        margin-top: 64vw !important;
    }
    .mgt-sp--245 {
        margin-top: 65.3333333333vw !important;
    }
    .mgt-sp--250 {
        margin-top: 66.6666666667vw !important;
    }
}
/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
.mgb-pc--0 {
    margin-bottom: 0 !important;
}

.mgb-pc--5 {
    margin-bottom: 5px !important;
}

.mgb-pc--10 {
    margin-bottom: 10px !important;
}

.mgb-pc--15 {
    margin-bottom: 15px !important;
}

.mgb-pc--20 {
    margin-bottom: 20px !important;
}

.mgb-pc--25 {
    margin-bottom: 25px !important;
}

.mgb-pc--30 {
    margin-bottom: 30px !important;
}

.mgb-pc--35 {
    margin-bottom: 35px !important;
}

.mgb-pc--40 {
    margin-bottom: 40px !important;
}

.mgb-pc--45 {
    margin-bottom: 45px !important;
}

.mgb-pc--50 {
    margin-bottom: 50px !important;
}

.mgb-pc--55 {
    margin-bottom: 55px !important;
}

.mgb-pc--60 {
    margin-bottom: 60px !important;
}

.mgb-pc--65 {
    margin-bottom: 65px !important;
}

.mgb-pc--70 {
    margin-bottom: 70px !important;
}

.mgb-pc--75 {
    margin-bottom: 75px !important;
}

.mgb-pc--80 {
    margin-bottom: 80px !important;
}

.mgb-pc--85 {
    margin-bottom: 85px !important;
}

.mgb-pc--90 {
    margin-bottom: 90px !important;
}

.mgb-pc--95 {
    margin-bottom: 95px !important;
}

.mgb-pc--100 {
    margin-bottom: 100px !important;
}

.mgb-pc--105 {
    margin-bottom: 105px !important;
}

.mgb-pc--110 {
    margin-bottom: 110px !important;
}

.mgb-pc--115 {
    margin-bottom: 115px !important;
}

.mgb-pc--120 {
    margin-bottom: 120px !important;
}

.mgb-pc--125 {
    margin-bottom: 125px !important;
}

.mgb-pc--130 {
    margin-bottom: 130px !important;
}

.mgb-pc--135 {
    margin-bottom: 135px !important;
}

.mgb-pc--140 {
    margin-bottom: 140px !important;
}

.mgb-pc--145 {
    margin-bottom: 145px !important;
}

.mgb-pc--150 {
    margin-bottom: 150px !important;
}

.mgb-pc--155 {
    margin-bottom: 155px !important;
}

.mgb-pc--160 {
    margin-bottom: 160px !important;
}

.mgb-pc--165 {
    margin-bottom: 165px !important;
}

.mgb-pc--170 {
    margin-bottom: 170px !important;
}

.mgb-pc--175 {
    margin-bottom: 175px !important;
}

.mgb-pc--180 {
    margin-bottom: 180px !important;
}

.mgb-pc--185 {
    margin-bottom: 185px !important;
}

.mgb-pc--190 {
    margin-bottom: 190px !important;
}

.mgb-pc--195 {
    margin-bottom: 195px !important;
}

.mgb-pc--200 {
    margin-bottom: 200px !important;
}

.mgb-pc--205 {
    margin-bottom: 205px !important;
}

.mgb-pc--210 {
    margin-bottom: 210px !important;
}

.mgb-pc--215 {
    margin-bottom: 215px !important;
}

.mgb-pc--220 {
    margin-bottom: 220px !important;
}

.mgb-pc--225 {
    margin-bottom: 225px !important;
}

.mgb-pc--230 {
    margin-bottom: 230px !important;
}

.mgb-pc--235 {
    margin-bottom: 235px !important;
}

.mgb-pc--240 {
    margin-bottom: 240px !important;
}

.mgb-pc--245 {
    margin-bottom: 245px !important;
}

.mgb-pc--250 {
    margin-bottom: 250px !important;
}

@media screen and (max-width: 768px) {
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }
    .mgb-sp--5 {
        margin-bottom: 1.3333333333vw !important;
    }
    .mgb-sp--10 {
        margin-bottom: 2.6666666667vw !important;
    }
    .mgb-sp--15 {
        margin-bottom: 4vw !important;
    }
    .mgb-sp--20 {
        margin-bottom: 5.3333333333vw !important;
    }
    .mgb-sp--25 {
        margin-bottom: 6.6666666667vw !important;
    }
    .mgb-sp--30 {
        margin-bottom: 8vw !important;
    }
    .mgb-sp--35 {
        margin-bottom: 9.3333333333vw !important;
    }
    .mgb-sp--40 {
        margin-bottom: 10.6666666667vw !important;
    }
    .mgb-sp--45 {
        margin-bottom: 12vw !important;
    }
    .mgb-sp--50 {
        margin-bottom: 13.3333333333vw !important;
    }
    .mgb-sp--55 {
        margin-bottom: 14.6666666667vw !important;
    }
    .mgb-sp--60 {
        margin-bottom: 16vw !important;
    }
    .mgb-sp--65 {
        margin-bottom: 17.3333333333vw !important;
    }
    .mgb-sp--70 {
        margin-bottom: 18.6666666667vw !important;
    }
    .mgb-sp--75 {
        margin-bottom: 20vw !important;
    }
    .mgb-sp--80 {
        margin-bottom: 21.3333333333vw !important;
    }
    .mgb-sp--85 {
        margin-bottom: 22.6666666667vw !important;
    }
    .mgb-sp--90 {
        margin-bottom: 24vw !important;
    }
    .mgb-sp--95 {
        margin-bottom: 25.3333333333vw !important;
    }
    .mgb-sp--100 {
        margin-bottom: 26.6666666667vw !important;
    }
    .mgb-sp--105 {
        margin-bottom: 28vw !important;
    }
    .mgb-sp--110 {
        margin-bottom: 29.3333333333vw !important;
    }
    .mgb-sp--115 {
        margin-bottom: 30.6666666667vw !important;
    }
    .mgb-sp--120 {
        margin-bottom: 32vw !important;
    }
    .mgb-sp--125 {
        margin-bottom: 33.3333333333vw !important;
    }
    .mgb-sp--130 {
        margin-bottom: 34.6666666667vw !important;
    }
    .mgb-sp--135 {
        margin-bottom: 36vw !important;
    }
    .mgb-sp--140 {
        margin-bottom: 37.3333333333vw !important;
    }
    .mgb-sp--145 {
        margin-bottom: 38.6666666667vw !important;
    }
    .mgb-sp--150 {
        margin-bottom: 40vw !important;
    }
    .mgb-sp--155 {
        margin-bottom: 41.3333333333vw !important;
    }
    .mgb-sp--160 {
        margin-bottom: 42.6666666667vw !important;
    }
    .mgb-sp--165 {
        margin-bottom: 44vw !important;
    }
    .mgb-sp--170 {
        margin-bottom: 45.3333333333vw !important;
    }
    .mgb-sp--175 {
        margin-bottom: 46.6666666667vw !important;
    }
    .mgb-sp--180 {
        margin-bottom: 48vw !important;
    }
    .mgb-sp--185 {
        margin-bottom: 49.3333333333vw !important;
    }
    .mgb-sp--190 {
        margin-bottom: 50.6666666667vw !important;
    }
    .mgb-sp--195 {
        margin-bottom: 52vw !important;
    }
    .mgb-sp--200 {
        margin-bottom: 53.3333333333vw !important;
    }
    .mgb-sp--205 {
        margin-bottom: 54.6666666667vw !important;
    }
    .mgb-sp--210 {
        margin-bottom: 56vw !important;
    }
    .mgb-sp--215 {
        margin-bottom: 57.3333333333vw !important;
    }
    .mgb-sp--220 {
        margin-bottom: 58.6666666667vw !important;
    }
    .mgb-sp--225 {
        margin-bottom: 60vw !important;
    }
    .mgb-sp--230 {
        margin-bottom: 61.3333333333vw !important;
    }
    .mgb-sp--235 {
        margin-bottom: 62.6666666667vw !important;
    }
    .mgb-sp--240 {
        margin-bottom: 64vw !important;
    }
    .mgb-sp--245 {
        margin-bottom: 65.3333333333vw !important;
    }
    .mgb-sp--250 {
        margin-bottom: 66.6666666667vw !important;
    }
}