@font-face {
    font-family: "icons";
    src: url(../fonts/icons.eot);
    src: url(../fonts/icons.eot) format("eot"), url(../fonts/icons.woff) format("woff"), url(../fonts/icons.ttf) format("truetype"), url(../fonts/icons.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.beforeArrowBtn>div,
.beforeArrowBtn>a {
    line-height: 1;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    gap: 0 10px
}

.beforeArrowBtn>div::before,
.beforeArrowBtn>a::before {
    flex-grow: 0;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "\ea03";
    font-family: "icons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    border: 1px solid #231815
}

.beforeArrowBtn>a {
    transition: all .4s
}

.beforeArrowBtn>a::before {
    transition: all .4s
}

.beforeArrowBtn-gray>div,
.beforeArrowBtn-gray>a {
    color: #535a5a
}

.beforeArrowBtn-gray>div::before,
.beforeArrowBtn-gray>a::before {
    border-color: #535a5a
}

.beforeArrowBtn-green>div::before,
.beforeArrowBtn-green>a::before {
    color: #01b1a4;
    border-color: #01b1a4
}

.util-select {
    position: relative
}

.util-select::after {
    position: absolute;
    content: "";
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: #231815 transparent transparent transparent
}

.util-form {
    position: relative;
    height: 50px;
    width: 100%
}

.util-form input {
    padding-right: 130px;
    border-color: #231815;
    height: 100%;
    width: 100%
}

.util-form button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 5px;
    width: 120px;
    height: 100%;
    background: #231815;
    color: #fff;
    line-height: 1;
    transition: all .4s
}

.util-form button::before {
    margin-top: 5px;
    content: "\ea19";
    font-family: "icons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .8em;
    line-height: 1
}

.util-form-noIcon button::before {
    content: none
}

@keyframes scroll {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(5px)
    }
}

@keyframes text-spin {
    to {
        transform: rotate(1turn)
    }
}

@font-face {
    font-family: "icons";
    src: url(../fonts/icons.eot);
    src: url(../fonts/icons.eot) format("eot"), url(../fonts/icons.woff) format("woff"), url(../fonts/icons.ttf) format("truetype"), url(../fonts/icons.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.mainVisual {
    margin-top: -110px !important;
    position: relative;
    z-index: 2
}

.mainVisual_inner {
    height: 930px;
    margin: 0 auto;
    max-width: 1200px
}

.mainVisual_inner>a,
.mainVisual_inner>div {
    padding-top: 260px;
    width: 100%;
    height: 100%;
    display: block
}

.mainVisual_inner>a {
    text-decoration: none;
    color: inherit
}

.mainVisual_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
    opacity: 0;
    visibility: 0
}

.mainVisual_img img {
    aspect-ratio: 1920/930;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mainVisual_lead {
    margin: 0;
    font-weight: 700;
    font-size: 70px;
    line-height: 1.5857142857;
    text-shadow: 0 9px 5.5px rgba(132, 118, 101, .15), -5.5px -5.5px 5.5px rgba(132, 118, 101, .15), -5.5px 5.5px 5.5px rgba(132, 118, 101, .15), 0 0 5.5px rgba(132, 118, 101, .15), 5.5px 0 5.5px rgba(132, 118, 101, .15), -5.5px 0 5.5px rgba(132, 118, 101, .15), 0 5.5px 5.5px rgba(132, 118, 101, .15), 0 -5.5px 5.5px rgba(132, 118, 101, .15);
    color: #fff;
    position: relative;
    z-index: 2;
    opacity: 0;
    visibility: 0
}

.topImportant {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 3
}

.topImportant>a,
.topImportant>div {
    display: flex;
    justify-content: center
}

.topImportant>a {
    text-decoration: none;
    color: inherit;
    transition: all .4s
}

.topImportant_head {
    padding: 15px 25px;
    background: #535a5a;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 0 5px
}

.topImportant_head::before {
    content: "\ea12";
    font-family: "icons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 25px;
    line-height: 1
}

.topImportant_body {
    padding: 15px;
    background: #fff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 20px;
    width: 400px
}

.topImportant_date {
    margin: 0;
    color: #9ba0a0
}

.topImportant_categories {
    margin: 10px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0
}

.topImportant_category {
    margin: 0
}

.topImportant_category>a,
.topImportant_category>span {
    padding: 3px 11px;
    text-decoration: none;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    min-height: 26px;
    min-width: 84px;
    line-height: 1.4;
    border: 1px solid transparent;
    color: #fff;
    background: #a6adad
}

.topImportant_text {
    margin: 0;
    width: 100%;
    font-size: .9375rem;
    line-height: 1.4666666667;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: left
}

.topScroll {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    line-height: 1;
    z-index: 3
}

.topScroll>span {
    text-decoration: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.topScroll>span::after {
    content: "\ea18";
    font-family: "icons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 40px;
    animation: scroll .5s infinite alternate ease-in-out
}

.topProduct {
    padding: 60px 0 80px;
    background: linear-gradient(to bottom, #231815 265px, #f0f2f2 266px, #f0f2f2 100%)
}

.topProduct_inner {
    margin: 0 auto;
    max-width: 1200px
}

.topProduct_head {
    display: flex;
    align-items: flex-start;
    gap: 0 30px
}

.topProduct_titles {
    color: #fff
}

.topProduct_title {
    margin-left: -5px;
    font-family: "Jost", sans-serif;
    font-size: 6.25rem;
    line-height: .85;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.topProduct_title .char {
    transform: translateY(100px)
}

.topProduct_title .word>:first-child {
    color: #01b1a4
}

.topProduct_subTitle {
    margin: 3px 0 0;
    line-height: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.topProduct_subTitle .char {
    transform: translateY(100px)
}

.topProduct_lead {
    margin: 5px 0 0;
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 1.8181818182;
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 10px
}

.topProduct_grid {
    margin: 105px 0 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px
}

.topProduct_col {
    padding: 25px 40px 35px;
    background: #fff;
    position: relative
}

.topProduct_col-01 {
    grid-row: 1;
    grid-column: 1/span 3;
    padding-left: 480px
}

.topProduct_col-01 .topProduct_img {
    top: -70px;
    left: 80px;
    bottom: auto;
    right: auto
}

.topProduct_col-01 .topProduct_name {
    padding-bottom: 10px
}

.topProduct_col-01 .topProduct_name span {
    font-size: 1.875rem
}

.topProduct_col-01 .topProduct_content {
    width: 100%
}

.topProduct_col-01 .topProduct_details {
    padding-right: 0;
    columns: 3
}

.topProduct_col-02 {
    grid-row: 2;
    grid-column: 1
}

.topProduct_col-03 {
    grid-row: 2;
    grid-column: 2
}

.topProduct_col-04 {
    grid-row: 2;
    grid-column: 3
}

.topProduct_img {
    position: absolute;
    bottom: -53px;
    right: 30px;
    z-index: 2
}

.topProduct_name {
    margin: 0;
    border-bottom: 2px solid #231815;
    padding-bottom: 3px
}

.topProduct_name span {
    font-weight: 500;
    font-size: 1.375rem
}

.topProduct_details {
    margin: 20px 0 0;
    padding-right: 160px
}

.topProduct_details>:first-child {
    margin-top: 0
}

.topProduct_detail {
    margin: 5px 0 0;
    padding-left: 15px;
    position: relative
}

.topProduct_detail::before {
    position: absolute;
    top: 7px;
    left: 0;
    content: "\ea08";
    font-family: "icons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #a6adad;
    font-size: .6em
}

.topProduct_detail>a {
    text-decoration: none;
    color: inherit;
    display: inline;
    background-image: linear-gradient(90deg, #01b1a4, #01b1a4);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 0 1px;
    transition: all .2s
}

.topProduct_btn {
    margin: 60px auto 0;
    width: 380px;
    margin: 120px auto 0
}

.topProduct_subBtn {
    margin: 20px 0 0;
    text-align: center
}

.topProduct_subBtn>a {
    color: #535a5a
}

.topProduct_toggleArea {
    display: none
}

.topProduct_toggleText {
    display: none
}

.topProduct_toggle {
    display: none
}

.topCase {
    padding: 60px 0 80px;
    background: linear-gradient(180deg, #fff 60%, #231815 60%)
}

.topCase_inner {
    margin: 0 auto;
    max-width: 1640px;
    width: 85%
}

.topCase_titles {
    margin: 0 auto;
    max-width: 1200px
}

.topCase_title {
    margin-left: -5px;
    font-family: "Jost", sans-serif;
    font-size: 6.25rem;
    line-height: .85;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.topCase_title .char {
    transform: translateY(100px)
}

.topCase_title .word>:first-child {
    color: #01b1a4
}

.topCase_subTitle {
    margin: 3px 0 0;
    line-height: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.topCase_subTitle .char {
    transform: translateY(100px)
}

.topCase_btn {
    margin: 60px auto 0;
    width: 380px
}

.topCase .case {
    margin: 40px 0 0
}

.topCase .case_slider {
    margin: -10px;
    padding: 10px
}

.topCase .case_list {
    gap: 0
}

.topCase .case_item {
    height: auto !important
}

.topSupport {
    padding: 60px 0 0;
    position: relative
}

.topSupport::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 57.2%;
    height: 778px;
    display: block;
    background: #f0f2f2;
    z-index: -1
}

.topSupport_titles {
    margin: 0 auto;
    max-width: 1200px
}

.topSupport_title {
    margin-left: -5px;
    font-family: "Jost", sans-serif;
    font-size: 6.25rem;
    line-height: .85;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.topSupport_title .char {
    transform: translateY(100px)
}

.topSupport_title .word>:first-child {
    color: #01b1a4
}

.topSupport_subTitle {
    margin: 3px 0 0;
    line-height: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.topSupport_subTitle .char {
    transform: translateY(100px)
}

.topSupport_container {
    margin: 40px auto 0;
    max-width: 1920px;
    display: flex;
    align-items: flex-start;
    gap: 0 60px
}

.topSupport_img {
    width: 974px
}

.topSupport_img img {
    aspect-ratio: 974/610;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.topSupport_content {
    flex-grow: 0;
    flex-shrink: 0
}

.topSupport_list {
    margin: 0
}

.topSupport_list>:first-child {
    margin-top: 0
}

.topSupport_item {
    margin: 20px 0 0;
    display: flex;
    align-items: center;
    gap: 0 30px
}

.topSupport_icon {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    box-shadow: 2px 3px 13px 0 rgba(154, 154, 154, .3)
}

.topSupport_lead {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500
}

.topSupport_btn {
    margin: 60px auto 0;
    width: 380px;
    margin: 60px 0 0
}

.topNews {
    padding: 80px 0 180px
}

.topNews_inner {
    margin: 0 auto;
    max-width: 1200px;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 20px 140px
}

.topNews_title {
    grid-row: 1;
    grid-column: 1;
    font-family: "Jost", sans-serif;
    font-size: 2.625rem
}

.topNews_container {
    grid-row: 1/span 2;
    grid-column: 2
}

.topNews_more {
    grid-row: 2;
    grid-column: 1
}

.topAbout {
    padding: 0 0 100px;
    background: url(../images/top/topAbout-bg8c48.png) no-repeat center center/cover
}

.topAbout_inner {
    margin: 0 auto;
    max-width: 1200px;
    display: flex;
    align-items: center;
    gap: 0 150px
}

.topAbout_titles {
    color: #fff
}

.topAbout_title {
    margin-left: -5px;
    font-family: "Jost", sans-serif;
    font-size: 6.25rem;
    line-height: .85;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.topAbout_title .char {
    transform: translateY(100px)
}

.topAbout_title .word>:first-child {
    color: #01b1a4
}

.topAbout_title .char {
    transform: translateY(200px)
}

.topAbout_title .line:nth-child(2) .word>:first-child {
    color: #fff
}

.topAbout_subTitle {
    margin: 3px 0 0;
    line-height: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.topAbout_subTitle .char {
    transform: translateY(100px)
}

.topAbout_lead {
    margin: 40px 0 0;
    padding-bottom: 5px;
    color: #fff;
    border-bottom: 2px solid #fff;
    font-weight: 500;
    font-size: 1.75rem;
    line-height: 1.3571428571;
    letter-spacing: -.02em
}

.topAbout_btn {
    margin: 60px auto 0;
    width: 380px;
    margin: 60px 0 0
}

.topAbout_img {
    margin: -80px 0 0
}

.topBottom {
    padding: 40px 0;
    background: linear-gradient(180deg, #fff 32%, #f0f2f2 32%)
}

.topLink {
    margin: 40px auto 0;
    max-width: 1840px;
    width: 95.8%
}

.topLink_list {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px
}

.topLink_item>a {
    position: relative;
    padding: 30px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: inherit;
    min-height: 225px;
    transition: all .3s;
    position: relative
}

.topLink_item>a::after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "\ea03";
    font-family: "icons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    width: 40px;
    height: 40px;
    background: #231815;
    color: #fff;
    z-index: 4;
    transition: all .4s
}

.topLink_item>a::after {
    transition: all .3s
}

.topLink_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden
}

.topLink_bg::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    background: #fff;
    opacity: 1;
    visibility: visible;
    transition: all .3s
}

.topLink_bg img {
    aspect-ratio: 586/223;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: all .3s
}

.topLink_title {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3
}

.topLink_title span {
    font-weight: 500;
    font-size: 1.375rem
}

.topLink_text {
    margin: 5px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3
}

.topLink_text span {
    text-align: center
}

.topBanner {
    margin: 0 auto;
    padding: 50px 0 60px;
    max-width: 1840px;
    width: 95.8%
}

.topBanner_list {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 40px
}

.topBanner_item>a {
    text-decoration: none;
    display: block
}

@media screen and (max-width:736px) {

    .beforeArrowBtn>div,
    .beforeArrowBtn>a {
        font-size: 1.0714285714rem;
        gap: 0 5px
    }

    .beforeArrowBtn>div::before,
    .beforeArrowBtn>a::before {
        width: 25px;
        height: 25px
    }

    .util-form {
        height: 40px
    }

    .util-form input {
        padding-right: 70px;
        font-size: .7857142857rem
    }

    .util-form button {
        width: 65px;
        font-size: .8571428571rem;
        gap: 0 3px
    }

    .util-form button::before {
        margin-top: 3px
    }

    .mainVisual {
        margin-top: -60px !important
    }

    .mainVisual_inner {
        width: 89.3%
    }

    .mainVisual_inner {
        height: 500px
    }

    .mainVisual_inner>a,
    .mainVisual_inner>div {
        padding: 150px 0 0
    }

    .mainVisual_img img {
        aspect-ratio: 750/1000
    }

    .mainVisual_lead {
        font-size: 34px
    }

    .topImportant {
        left: 20px;
        bottom: 15px
    }

    .topImportant>a,
    .topImportant>div {
        display: block
    }

    .topImportant_head {
        padding: 4px 20px;
        font-size: 14px
    }

    .topImportant_head::before {
        font-size: 15px
    }

    .topImportant_body {
        padding: 10px 20px;
        width: auto;
        gap: 5px 8px
    }

    .topImportant_date {
        font-size: 12px
    }

    .topImportant_category>a,
    .topImportant_category>span {
        padding: 3px 7px;
        font-size: .7142857143rem;
        min-height: 19px;
        min-width: 56px;
        line-height: 1.1
    }

    .topImportant_text {
        font-size: .9285714286rem;
        line-height: 1.3076923077
    }

    .topProduct {
        padding: 20px 0 40px;
        background: linear-gradient(to bottom, #231815 190px, #f0f2f2 191px, #f0f2f2 100%)
    }

    .topProduct_inner {
        width: 89.3%
    }

    .topProduct_head {
        display: block
    }

    .topProduct_title {
        font-size: 5rem
    }

    .topProduct_lead {
        font-size: 1.5714285714rem
    }

    .topProduct_grid {
        display: block
    }

    .topProduct_grid>:first-child {
        margin-top: 0
    }

    .topProduct_col {
        margin: 95px 0 0;
        padding: 80px 0 0
    }

    .topProduct_col-01 {
        padding-left: 0
    }

    .topProduct_col-01 .topProduct_img {
        left: 50%;
        transform: translateX(-50%)
    }

    .topProduct_col-01 .topProduct_name span {
        font-size: 1.6428571429rem
    }

    .topProduct_col-01 .topProduct_details {
        columns: inherit
    }

    .topProduct_img {
        top: -80px;
        left: 50%;
        transform: translateX(-50%);
        bottom: auto;
        right: auto;
        max-width: 189px
    }

    .topProduct_name {
        margin: 0 20px -1px;
        padding-bottom: 10px;
        border-width: 1px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .topProduct_name span {
        font-size: 1.6428571429rem
    }

    .topProduct_details {
        margin: 0;
        padding-right: 0
    }

    .topProduct_details>:first-child {
        border-top: none
    }

    .topProduct_detail {
        margin: 0 20px;
        padding-left: 0;
        border-top: 1px solid #e3e3e3
    }

    .topProduct_detail::before {
        content: none
    }

    .topProduct_detail>a {
        display: block;
        padding: 8px 10px 8px 0;
        font-size: 1.0714285714rem;
        position: relative
    }

    .topProduct_detail>a::after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        content: "\ea08";
        font-family: "icons";
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #a6adad;
        font-size: .6em
    }

    .topProduct_btn {
        margin: 40px 0 0;
        width: auto
    }

    .topProduct_subBtn>a {
        font-size: 1.0714285714rem
    }

    .topProduct_toggleArea {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 1;
        position: relative
    }

    .topProduct_toggleText {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0 5px;
        width: 100%;
        height: 100%;
        color: #fff;
        background: #000;
        transition: all .4s
    }

    .topProduct_toggleText[data-acc-btn=open] {
        background: #a6adad
    }

    .topProduct_toggleText[data-acc-btn=open] .topProduct_toggle::after {
        transform: translateX(-50%) rotate(-90deg)
    }

    .topProduct_toggle {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 38.3%;
        display: block;
        width: 12px;
        height: 12px
    }

    .topProduct_toggle::before,
    .topProduct_toggle::after {
        position: absolute;
        content: "";
        display: block;
        background: #fff
    }

    .topProduct_toggle::before {
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 12px;
        height: 1px
    }

    .topProduct_toggle::after {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 1px;
        height: 12px;
        transition: all .4s
    }

    .topCase {
        background: linear-gradient(180deg, #fff 56.3%, #231815 56.3%);
        padding: 60px 0
    }

    .topCase_inner {
        width: 89.3%
    }

    .topCase_titles {
        width: 89.3%
    }

    .topCase_title {
        font-size: 5rem
    }

    .topCase_btn {
        margin: 40px 0 0;
        width: auto
    }

    .topCase_btn {
        margin: 20px 0 0
    }

    .topCase .case {
        margin: 30px 0 0
    }

    .topSupport {
        padding: 50px 0 0
    }

    .topSupport::before {
        width: 75.2%;
        height: 96.5%
    }

    .topSupport_titles {
        width: 89.3%
    }

    .topSupport_titles {
        padding: 0 20px
    }

    .topSupport_title {
        font-size: 5rem
    }

    .topSupport_container {
        margin: 30px 0 0;
        display: block
    }

    .topSupport_img {
        margin-right: 40px;
        width: auto
    }

    .topSupport_content {
        margin: 20px 0 0
    }

    .topSupport_list {
        padding: 0 40px
    }

    .topSupport_item {
        gap: 0 20px
    }

    .topSupport_icon {
        width: 80px;
        height: 80px
    }

    .topSupport_lead {
        font-size: 1.1428571429rem;
        line-height: 1.3125
    }

    .topSupport_btn {
        margin: 40px 0 0;
        width: auto
    }

    .topSupport_btn {
        margin: 40px auto 0;
        width: 89.3%
    }

    .topNews {
        padding: 45px 0 60px
    }

    .topNews_inner {
        width: 89.3%
    }

    .topNews_inner {
        display: block
    }

    .topNews_title {
        font-size: 1.8571428571rem;
        text-align: center
    }

    .topNews_more {
        margin: 30px 0 0;
        text-align: right
    }

    .topAbout {
        padding: 90px 0;
        background: url(../images/top/sp/topAbout-bg-sp2268.png) no-repeat center center/cover
    }

    .topAbout_inner {
        width: 89.3%
    }

    .topAbout_inner {
        display: block
    }

    .topAbout_titles {
        margin: 0 0 10px
    }

    .topAbout_title {
        font-size: 5rem
    }

    .topAbout_lead {
        padding-bottom: 1px;
        display: inline;
        border-width: 1px;
        font-size: 1.5714285714rem;
        line-height: 1.8181818182
    }

    .topAbout_btn {
        margin: 40px 0 0;
        width: auto
    }

    .topAbout_btn {
        margin: 30px 0 0
    }

    .topAbout_img {
        display: none
    }

    .topBottom {
        padding: 20px 0 30px;
        background: linear-gradient(180deg, #fff 35%, #f0f2f2 35%)
    }

    .topLink {
        margin: 30px auto 0;
        width: 89.3%
    }

    .topLink_list {
        display: block
    }

    .topLink_list>:first-child {
        margin-top: 0
    }

    .topLink_item {
        margin: 20px 0 0
    }

    .topLink_item>a::after {
        width: 30px;
        height: 30px;
        font-size: 10px
    }

    .topLink_item>a {
        padding: 20px 15px;
        min-height: 152px
    }

    .topLink_title span {
        font-size: 1.5rem
    }

    .topLink_text span {
        font-size: 1.0714285714rem;
        line-height: 1.6;
        text-align: left
    }

    .topBanner {
        padding: 20px 0 60px;
        width: 89.3%
    }

    .topBanner_list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px
    }
}

@media (hover:hover) {
    .beforeArrowBtn>a:hover {
        opacity: 1
    }

    .beforeArrowBtn>a:hover::before {
        background: #01b1a4;
        border-color: #01b1a4;
        color: #fff
    }

    .util-form button:hover {
        opacity: 1;
        background: #535a5a
    }

    .topImportant>a:hover {
        opacity: 1;
        box-shadow: 0 1px 11px 2px rgba(166, 173, 173, .9)
    }

    .topProduct_detail>a:hover {
        opacity: 1;
        color: #01b1a4;
        background-size: 100% 1px
    }

    .topLink_item>a:hover::after {
        background: #01b1a4
    }

    .topLink_item>a:hover {
        opacity: 1;
        color: #fff
    }

    .topLink_item>a:hover .topLink_bg::after {
        opacity: 0;
        visibility: visible
    }

    .topLink_item>a:hover .topLink_bg img {
        transform: scale(1.05)
    }
}

@media screen and (max-width:1440px) {
    .topScroll {
        display: none
    }
}

@media screen and (max-width:1200px) {
    .topPickup .pickup_arrow-prev {
        left: -15px
    }

    .topPickup .pickup_arrow-next {
        right: -15px
    }
}

@media screen and (min-width:737px) {
    .topProduct_col-01 .topProduct_details {
        height: auto !important
    }

    .topProduct_details {
        height: auto !important
    }
}