@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@-moz-keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    65% {
        opacity: 0;
        -webkit-transform: scale3d(0.6, 0.6, 0.6)
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes zoomOut {
    from {
        opacity: 1
    }

    65% {
        opacity: 0;
        transform: scale3d(0.6, 0.6, 0.6)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    65% {
        opacity: 0;
        transform: scale3d(0.6, 0.6, 0.6)
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes right-to-center {
    0% {
        opacity: 0;
        transform: translateX(30px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes left-to-center {
    0% {
        opacity: 0;
        transform: translateX(-30px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes center-to-left {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(-30px)
    }
}

@keyframes center-to-right {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(30px)
    }
}

@keyframes bounce {
    0% {
        transform: scale(1)
    }

    30% {
        transform: scale(1.4)
    }

    60% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1.3)
    }
}

.__wb {
    white-space: normal
}

.__wb span {
    display: inline-block;
    white-space: nowrap
}

.billboard {
    width: 100%;
    height: auto
}

.billboard img {
    width: 100%;
    height: auto
}

.__image {
    width: 100%;
    height: auto
}

.lazyload {
    opacity: 0;
    transition: opacity 1s
}

.lazyload.loaded {
    opacity: 1
}

.asterisk.__pointer {
    font-size: .6em;
    vertical-align: text-top;
    padding-right: .2rem
}

.asterisk.__ref {
    margin-top: 1.5rem;
    font-size: .8rem;
    font-style: italic
}

body.products .modal__cashless {
    display: block
}

.sp {
    display: none
}

.section {
    overflow: hidden
}

.button {
    display: block;
    box-sizing: border-box;
    width: 180px;
    height: 44px;
    margin: 2.5rem auto 0;
    border: 1px solid #000;
    border-radius: 22px;
    font-size: .9rem;
    line-height: 44px;
    text-decoration: none;
    color: #000;
    transition: all .2s;
    text-align: center
}

.button:hover {
    width: 210px;
    text-decoration: none
}

.note {
    line-height: 1.4;
    font-size: .9rem;
    color: #999;
    font-style: normal
}

.slick-dots li {
    width: 20px
}

.slick-dots li button {
    width: 20px
}

.slick-dots li button:before {
    font-size: 18px
}

.video_play {
    position: absolute;
    z-index: 400;
    color: #fff;
    margin: 0 0 0 -100px;
    text-align: center;
    text-decoration: none;
    transition: opacity 2s ease-out;
    opacity: 1;
    cursor: pointer;
    width: 110px;
    height: 110px
}

.video_play:after {
    position: absolute;
    top: -2px;
    left: -2px;
    display: block;
    content: "";
    background: #666;
    opacity: .56;
    width: 110px;
    height: 110px;
    border: 4px solid #fff;
    border-radius: 50%;
    z-index: 549;
    transform: scale(1);
    transition: transform .1s ease-out
}

.video_play.invisible {
    opacity: 0
}

.video_play span {
    position: relative;
    z-index: 551;
    display: block;
    height: 110px
}

.video_play span::before {
    content: url("../img/svg/ctrl__play.svgz");
    position: absolute;
    top: calc(50% - 24px);
    left: calc(50% - 17px);
    width: 42px;
    height: 42px;
    line-height: 44px;
    display: block;
    text-align: center;
    z-index: 550
}

.video_play span:after {
    content: "ビデオを再生";
    font-size: .6875rem;
    width: 110px;
    height: 11px;
    display: block;
    text-align: center;
    padding-top: 75px;
    text-decoration: none
}

.video_play:hover {
    text-decoration: none
}

.video_play:hover:after {
    transform: scale(1.1);
    box-shadow: 0px 10px 5px -4px rgba(41, 41, 41, .3)
}

.video_play.__imagebtn {
    background-size: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1)
}

.modal.modal--buynow {
    margin: 5%
}

.pure-frame {
    display: none
}

.buynow {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.buynow .__step {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 5% 5% 0;
    transition: visibility .5s;
    animation: center-to-right .5s 0s backwards
}

.buynow .__step.visible {
    visibility: visible;
    opacity: 1;
    transition: visibility .7s;
    animation: right-to-center .5s .2s backwards;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.buynow .__step.move-left {
    animation: center-to-left .5s 0s backwards
}

.buynow .__step.visible.back {
    animation: left-to-center .5s .2s backwards
}

.buynow .__step .__title {
    margin-bottom: 3rem;
    margin-bottom: 3rem;
    text-align: center;
    font-size: 2.5rem
}

.buynow .__step .__sku_wrapper {
    margin: 0 auto;
    text-align: center;
    font-size: 0
}

@media only screen and (max-width: 1096px) {
    .buynow .__step .__sku_wrapper {
        max-width: 500px
    }
}

.buynow .__step .__sku_wrapper .__sku {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    max-width: 280px;
    min-height: 560px;
    margin: 0 .5rem 1rem;
    padding: 2rem 1.5rem;
    border: 2px solid #ededed;
    border-radius: 5px;
    font-size: 1rem;
    text-align: center;
    cursor: pointer;
    transition: all .3s
}

.buynow .__step .__sku_wrapper .__sku:not(.__out_of_stock):hover {
    border-color: #fff;
    z-index: 1;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.buynow .__step .__sku_wrapper .__sku.selected {
    border-color: #4ba53a
}

.buynow .__step .__sku_wrapper .__sku span {
    display: block;
    line-height: 1.4
}

.buynow .__step .__sku_wrapper .__sku .__code {
    color: #999
}

.buynow .__step .__sku_wrapper .__sku .price {
    font-size: 2rem;
    padding: 1.3rem 0 0 2rem;
    border-top: 2px solid #ededed
}

.buynow .__step .__sku_wrapper .__sku .price:before {
    font-size: .6em
}

.buynow .__step .__sku_wrapper .__sku .price:after {
    font-size: .4em
}

.buynow .__step .__sku_wrapper .__sku .__oos_caption {
    margin-top: .5rem;
    font-size: .8rem;
    text-align: left;
    line-height: 1.4;
    color: #999
}

.buynow .__step .__sku_wrapper .__sku .radio {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    height: 30px;
    width: 30px;
    margin: 1rem auto
}

.buynow .__step .__sku_wrapper .__sku .radio::after,
.buynow .__step .__sku_wrapper .__sku .radio::before {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    transform: translateZ(0);
    backface-visibility: hidden
}

.buynow .__step .__sku_wrapper .__sku .radio::before {
    border: 2px solid #ddd;
    border-radius: 50%;
    background: #fff;
    transition: background-color .3s, transform .3s, border-color .3s
}

.buynow .__step .__sku_wrapper .__sku .radio::after {
    background: url("/_theme/img/svg/icon-check.svg?20210602") no-repeat center center
}

.buynow .__step .__sku_wrapper .__sku.selected .radio::before {
    background: #4ba53a;
    border-color: #4ba53a;
    transform: scale(1.3);
    animation: bounce .5s
}

.buynow .__step .__sku_wrapper .__sku.selected .__deliv_date {
    color: #4ba53a
}

.buynow .__step .__sku_wrapper .__sku.__out_of_stock {
    cursor: default
}

.buynow .__step .__sku_wrapper .__sku.__out_of_stock:hover {
    border-color: #ededed
}

.buynow .__step .__sku_wrapper .__sku.__out_of_stock .price {
    color: #999
}

.buynow .__step .__sku_wrapper .__sku.__out_of_stock .__deliv_date {
    color: #fb4b60
}

.buynow .__step .__option {
    max-width: 872px;
    margin: 0 auto
}

.buynow .__step .__option span {
    display: block
}

.buynow .__step .__option .slick-dotted.slick-slider {
    margin-bottom: 6rem
}

.buynow .__step .__option .slick-next,
.buynow .__step .__option .slick-prev {
    margin: 0
}

.buynow .__step .__option .__name {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.2
}

.buynow .__step .__option .price {
    font-size: 2rem;
    line-height: 1
}

.buynow .__step .__option .price:before {
    font-size: .6em
}

.buynow .__step .__option .price:after {
    font-size: .4em
}

.buynow .__step .__option .__deliv_date {
    color: #999
}

.buynow .__step .__option .__column {
    float: left;
    width: 45%;
    margin-right: 5%
}

.buynow .__step .__option .radio_group {
    width: 100%;
    position: relative;
    cursor: pointer
}

.buynow .__step .__option .radio_group .__label {
    position: absolute;
    top: 0;
    left: 50px
}

.buynow .__step .__option .radio {
    box-sizing: border-box;
    position: relative;
    display: block;
    height: 30px;
    width: 30px;
    margin: 1rem 0
}

.buynow .__step .__option .radio::after,
.buynow .__step .__option .radio::before {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    transform: translateZ(0);
    backface-visibility: hidden
}

.buynow .__step .__option .radio::before {
    border: 2px solid #ddd;
    border-radius: 50%;
    background: #fff;
    transition: background-color .3s, transform .3s, border-color .3s
}

.buynow .__step .__option .radio::after {
    background: url("/_theme/img/svg/icon-check.svg?20210602") no-repeat center center
}

.buynow .__step .__option .radio.selected::before {
    background: #4ba53a;
    border-color: #4ba53a;
    transform: scale(1.3);
    animation: bounce .5s
}

.buynow .__step .__option .__description {
    padding-top: 2rem
}

.buynow .__step .__option .__description p {
    margin-bottom: 1rem
}

.buynow .__step .__option .__description .__basic {
    width: 100%;
    margin-bottom: 2rem;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    font-size: .9rem;
    line-height: 1.5
}

.buynow .__step .__option .__description .__basic td,
.buynow .__step .__option .__description .__basic th {
    padding: .5rem 0;
    border-bottom: 1px solid #ebebeb;
    vertical-align: top
}

.buynow .__step .__option .__description .__basic th {
    width: 160px
}

.buynow .__step .__option .__description .note {
    margin-top: 1rem
}

.buynow__footer {
    position: absolute;
    bottom: -90px;
    width: 100%;
    height: 90px;
    padding: 20px 0;
    background-color: #4ba53a;
    list-style: none;
    color: #fff;
    transition: all .3s;
    z-index: 600
}

.buynow__footer.visible {
    bottom: 0
}

.buynow__footer li {
    position: absolute;
    box-sizing: border-box;
    display: none;
    visibility: hidden;
    opacity: 0;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 25px;
    line-height: 46px;
    cursor: pointer
}

.buynow__footer li.visible {
    display: inline;
    visibility: visible;
    opacity: 1
}

.buynow__footer li.visible:hover {
    background-color: #2b9417
}

.buynow__footer li.next {
    right: 7%;
    display: block;
    padding: 0 3rem;
    text-align: center
}

.buynow__footer li.prev {
    left: 7%;
    width: 50px
}

.buynow__footer li.prev:before {
    padding-left: 11px;
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 20px
}

.buy {
    margin-bottom: 4rem;
    padding: 3.4rem 0 0
}

.buy .__image_wrapper {
    width: 100%;
    text-align: center;
    float: none;
    margin-bottom: 12px
}

.buy .__image_wrapper .__image {
    width: 414px;
    height: auto
}

.buy .__contents {
    width: 100%;
    text-align: center;
    float: none
}

.buy .__product_logo {
    width: 394px;
    height: auto;
    margin: 0 auto 1rem
}

.buy .price {
    padding-left: 2rem;
    font-size: 2rem
}

.buy .price::before {
    font-size: 1.4rem
}

.buy .price::after {
    font-size: .8rem
}

.buy .__information {
    margin: 0 0 1rem;
    font-size: .8rem
}

.buy .colores {
    margin: 0 0 2rem
}

.buy .btn--pagemap {
    width: 90px;
    height: 32px;
    margin: 20px auto 33px;
    font-size: .8rem;
    line-height: 32px;
    border-radius: 16px;
    transition: width .2s
}

.buy .btn--pagemap:hover {
    width: 100px
}

.banner {
    position: relative;
    height: 28.125rem;
    margin: 6.125rem 0 8.5625rem 0
}

.banner .viewport {
    width: 90%;
    max-width: 980px;
    background: no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    padding-left: 4.2%
}

.banner .viewport.loaded {
    background-image: url("../img/cta/desktop/cta_30-days.jpg?20210602")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .banner .viewport.loaded {
        background-image: url("../img/cta/desktop/cta_30-days@2x.jpg?20210602")
    }
}

.banner .__image {
    position: absolute;
    width: 14.234375rem;
    top: 7.0625rem;
    right: 5.2%
}

@media only screen and (max-width: 920px) {
    .banner .__image {
        top: 12.6875rem;
        width: 11.25rem
    }
}

.banner .__content {
    width: 23.75rem
}

@media only screen and (max-width: 920px) {
    .banner .__content {
        width: 17.5rem
    }
}

.banner .__content .banner__label {
    display: inline-block;
    font-size: 1.0625rem;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    box-sizing: border-box;
    padding: .1rem 1.1em;
    margin-bottom: .75rem
}

.banner .__content .banner__title {
    font-size: 1.5rem;
    line-height: 1.52;
    margin-bottom: .875rem
}

.banner .__content .banner__title sup {
    font-size: .8125rem
}

@media only screen and (max-width: 920px) {
    .banner .__content .banner__title br {
        display: none
    }
}

.banner .__content .banner__desc {
    font-size: .9rem;
    margin-bottom: .625rem
}

.banner .__content .banner__attention {
    font-size: .7625rem;
    margin-bottom: 1.5625rem
}

.banner .__content .banner__btn {
    width: 10.625rem;
    height: 2.5rem;
    margin: 0 0 0;
    color: #fff;
    background: #666;
    font-size: .9rem;
    line-height: 2.5rem;
    text-align: center;
    text-decoration: none;
    border-radius: 22px;
    display: inline-block;
    cursor: pointer;
    transition: width .4s
}

.banner .__content .banner__btn:hover {
    width: 12.5rem
}

@media only screen and (max-width: 800px) {
    .cta_headline {
        text-align: left
    }

    .cta_headline .__text span {
        display: inline-block
    }
}

.nozzle_cpn .viewport {
    width: 90%;
    max-width: 980px;
    margin-bottom: 4rem
}

.nozzle_cpn .banner {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 440px;
    overflow: hidden;
    margin: 0 auto;
    background-size: cover;
    background-position: center center;
    border-radius: 10px;
    display: flex;
    align-items: center
}

.nozzle_cpn .banner .__limited {
    display: block;
    position: absolute;
    top: 44px;
    right: -136px;
    transform: rotate(45deg);
    width: 400px;
    padding: .2rem 0;
    background-color: #59a340;
    text-align: center;
    color: #fff;
    font-size: 1rem
}

@media only screen and (max-width: 830px) {
    .nozzle_cpn .banner .__limited {
        top: 45px;
        right: -140px;
        font-size: 2vw
    }
}

.nozzle_cpn .banner.__novelty {
    margin-bottom: 2rem;
    background-position: left center;
    border: 1px solid #ddd
}

.nozzle_cpn .banner.__novelty.loaded {
    background-image: url("../img/cta/desktop/nozzle_cpn.jpg?20210602");
    background-position: center right
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .nozzle_cpn .banner.__novelty.loaded {
        background-image: url("../img/cta/desktop/nozzle_cpn@2x.jpg?20210602")
    }
}

@media only screen and (max-width: 900px) {
    .nozzle_cpn .banner.__novelty.loaded {
        background-position: calc(1vw - 165px) 0
    }
}

@media only screen and (max-width: 820px) {
    .nozzle_cpn .banner.__novelty.loaded {
        background-position: right -92px top 0
    }
}

.nozzle_cpn .banner.__novelty .__content {
    position: absolute;
    width: 36%;
    left: 3.4rem
}

@media only screen and (max-width: 1000px) {
    .nozzle_cpn .banner.__novelty .__content {
        width: 30%
    }

    .nozzle_cpn .banner.__novelty .__content .__information img {
        width: 92%
    }
}

@media only screen and (max-width: 800px) {
    .nozzle_cpn .banner.__novelty .__content {
        width: 36%;
        left: 1.5rem
    }

    .nozzle_cpn .banner.__novelty .__content .__information img {
        width: 88%
    }
}

.nozzle_cpn .banner.__novelty .__note {
    font-size: .7rem;
    font-feature-settings: "palt" 1
}

@media only screen and (max-width: 880px) {
    .nozzle_cpn .banner.__novelty .__note {
        word-break: break-all;
        font-size: .7rem;
        line-height: 1.55
    }
}

.nozzle_cpn .banner.__novelty .__explanation {
    font-size: 14px;
    font-feature-settings: "palt" 1;
    margin: 1.6rem 0
}

@media only screen and (max-width: 880px) {
    .nozzle_cpn .banner.__novelty .__explanation {
        font-size: 13px;
        line-height: 1.55
    }

    .nozzle_cpn .banner.__novelty .__explanation br {
        display: none
    }
}

.nozzle_cpn .banner.__novelty .__information {
    line-height: 1.65;
    font-size: 1.5rem
}

@media only screen and (max-width: 800px) {
    .nozzle_cpn .banner.__novelty .__information {
        margin-bottom: .65rem;
        line-height: 1.4;
        font-size: 1.4rem
    }

    .nozzle_cpn .banner.__novelty .__information br {
        display: none
    }
}

.nozzle_cpn .banner.__novelty .__information .__product_logo {
    max-width: 100%
}

.nozzle_cpn .banner.__novelty .__informationdate {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: .9rem
}

.nozzle_cpn .banner.__novelty .button {
    display: block;
    box-sizing: border-box;
    width: 170px;
    height: 40px;
    border-radius: 22px;
    font-size: .9rem;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    margin: 1rem 0 0;
    color: #000;
    transition: all .2s;
    border: 1px solid #000
}

.nozzle_cpn .banner.__novelty .button a {
    text-decoration: none
}

.nozzle_cpn .banner.__novelty .button:hover {
    width: 190px
}

.btn--pagemap {
    width: 90px;
    height: 32px;
    margin-right: 0;
    background-color: #4ba53a;
    color: #fff;
    line-height: 32px;
    border-radius: 16px
}

.btn--pagemap:hover {
    background-color: #2b9417
}

.btn--dealer {
    width: 90px;
    height: 32px;
    margin-left: 10px;
    color: #4ba53a;
    line-height: 32px;
    border: solid 1px #4ba53a;
    border-radius: 16px
}

.btn--dealer:hover {
    opacity: .8
}

.pagemap--desktop {
    width: 100%;
    height: 90px
}

.pagemap--desktop .pagemap__content {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    width: 90%;
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
    font-size: .8rem
}

.pagemap--desktop .pagemap__main {
    height: 90px;
    overflow: hidden;
    display: flex;
    list-style: none;
    padding-left: .6rem
}

.pagemap--desktop .pagemap__content__item {
    flex: none
}

.pagemap--desktop .pagemap__content__item>a {
    color: #333;
    text-decoration: none
}

.pagemap--desktop .pagemap__content__item>a:before {
    display: inline-block;
    position: relative;
    height: 100%;
    margin-right: 1.4rem
}

.pagemap--desktop .pagemap__content__item.__current>a {
    color: #4ba53a
}

.pagemap--desktop .pagemap__dropdown {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 70px;
    text-align: center;
    cursor: pointer
}

.pagemap--desktop .pagemap__dropdown.hidden {
    display: none
}

.pagemap--desktop .pagemap__dropdown__btn {
    position: relative;
    display: block;
    height: 70px;
    text-align: center
}

.pagemap--desktop .pagemap__dropdown__btn:before {
    display: block;
    position: absolute;
    top: 67%;
    right: 70%;
    width: 100%;
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    text-align: center;
    font-size: 1.4rem;
    color: #666
}

.pagemap--desktop .pagemap__dropdown__content {
    z-index: 880;
    display: none;
    position: absolute;
    top: 85px;
    left: -98px;
    width: 180px;
    background-color: #fff;
    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
    box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
    border-radius: 4px;
    list-style: none;
    opacity: 0;
    -webkit-animation-duration: .2s;
    -moz-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-name: fadeIn
}

.pagemap--desktop .pagemap__dropdown__content:before {
    content: "";
    position: absolute;
    top: -18px;
    left: 50%;
    width: 0;
    height: 0;
    border: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #fff;
    z-index: 9997;
    margin-left: -10px
}

.pagemap--desktop .pagemap__dropdown:hover .pagemap__dropdown__content {
    opacity: 1;
    display: block
}

.pagemap--desktop .pagemap__dropdown__content .pagemap__content__item {
    height: 3rem;
    line-height: 3rem
}

.pagemap--desktop .pagemap__dropdown__content .pagemap__content__item:hover a {
    color: #4ba53a
}

.pagemap--desktop .pagemap__btns {
    display: flex;
    align-items: flex-start;
    height: 90px;
    margin-left: 20px;
    padding-top: 25px
}

.pagemap--desktop.__header {
    position: absolute;
    top: 0;
    z-index: 888;
    background-color: rgba(255, 255, 255, .9);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2)
}

.pagemap--desktop.__header .pagemap__main {
    width: 100%;
    align-items: flex-end
}

.pagemap--desktop.__header .pagemap__content__item {
    padding: 0 1.6rem 11px 0
}

.pagemap--desktop.__footer {
    height: 70px
}

.pagemap--desktop.__footer .pagemap__main {
    height: 70px
}

.pagemap--desktop.__footer .pagemap__content {
    height: 70px;
    max-width: 820px;
    width: 100%;
    align-items: center
}

.pagemap--desktop.__footer .pagemap__content__item {
    padding: 0 1rem
}

.topics {
    height: 180px;
    background-color: #444
}

.topics .viewport {
    display: flex;
    justify-content: space-around;
    box-sizing: border-box;
    overflow: hidden
}

.topics .topic {
    max-width: 42.375rem;
    width: 42.375rem;
    padding: 40px 0 40px 0;
    display: flex;
    align-items: center;
    text-decoration: none;
    display: flex;
    justify-content: space-between
}

.topics .topic_inner {
    display: flex;
    justify-content: left;
    align-items: center
}

.topics .topic .__image {
    float: left;
    width: 30%;
    height: auto;
    max-width: 100px;
    margin-right: 2.0625rem;
    border-radius: 50%
}

.topics .topic .__text .__title {
    display: block;
    margin-bottom: 5.4px;
    margin-bottom: .3rem;
    font-size: 22.5px;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #fff
}

.topics .topic .__text .__caption {
    font-size: 12.6px;
    font-size: .7rem;
    line-height: 1.5;
    line-height: 1.4375rem;
    color: #999;
    transition: color .2s
}

.topics .topic .__btn {
    background: #fff;
    margin-top: 3rem;
    position: relative;
    min-width: 170px;
    height: 2.1875rem;
    width: 170px;
    color: #444;
    font-size: .9rem;
    line-height: 2.1875rem;
    text-align: center;
    text-decoration: none;
    border-radius: 22px;
    display: inline-block;
    transition: width .4s;
    font-size: .75rem;
    padding-right: 1.25rem;
    cursor: pointer
}

.topics .topic .__btn:hover {
    width: 190px
}

.topics .topic .__btn::after {
    content: "";
    background-image: url("../img/topics/desktop/topic_ico.svg");
    background-position: center;
    width: 12px;
    height: 11px;
    top: 11px;
    margin-left: 8px;
    position: absolute
}

.pswp__caption {
    left: 0;
    right: 0;
    max-width: 800px;
    margin: 0 auto;
    padding: 1rem 0;
    font-size: .8rem;
    text-align: center
}

.pswp__caption .pswp__caption__center {
    max-width: 800px;
    text-align: center
}

.pswp__caption .pswp__caption__center .__caption {
    padding: 0 1.5rem
}

.pswp__caption .pswp__caption__center .__caption:before {
    position: relative;
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ccc;
    top: -0.2rem;
    left: -0.5rem;
    content: ""
}

.pswp__caption .pswp__caption__center .__caption .__user {
    display: block;
    text-align: center;
    color: #666
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 500
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    position: relative;
    top: 0;
    height: 40px;
    width: 40px;
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 40px;
    line-height: 1;
    color: #666;
    opacity: 1;
    background: none
}

.pswp__button--arrow--left {
    left: 6px
}

[dir=rtl] .pswp__button--arrow--left {
    left: auto;
    right: 10px
}

.pswp__button--arrow--left:before {
    left: 0;
    content: ""
}

[dir=rtl] .pswp__button--arrow--left:before {
    content: ""
}

.pswp__button--arrow--right {
    right: 6px
}

[dir=rtl] .pswp__button--arrow--right {
    left: 10px;
    right: auto
}

.pswp__button--arrow--right:before {
    right: 0;
    content: ""
}

[dir=rtl] .pswp__button--arrow--right:before {
    content: ""
}

.pswp__button--close {
    margin: 5px 5px 0 0;
    z-index: 99;
    width: 40px;
    height: 40px;
    color: #666;
    cursor: pointer;
    background: none
}

.pswp__button--close:after {
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40px
}

.pswp__button--close:hover {
    opacity: .8
}

@media(-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {

    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: none
    }
}

.main {
    padding-top: 90px
}

.billboard {
    opacity: 0;
    transition: opacity 2s
}

.billboard .slick-slide {
    position: relative
}

.billboard.slick-initialized {
    opacity: 1
}

.billboard .billboard--00:before {
    display: block;
    position: absolute;
    z-index: 99;
    content: "";
    background: url("../img/svg/top.svg?20210602") no-repeat;
    background-size: contain;
    top: 8.203125vw;
    left: 50%;
    width: 51.796875vw;
    height: 8.203125vw;
    transform: translateX(-50%)
}

.billboard .slick-dots {
    padding: 0
}

.billboard .slick-prev:before,
.billboard .slick-next:before {
    opacity: 1;
    width: 3.875rem;
    height: 3.875rem;
    display: block;
    content: "";
    background-size: 3.75rem 3.75rem;
    background-repeat: no-repeat
}

.billboard .slick-next:before {
    background-image: url("../img/index/svg/billboard_next_ico.svg?20210602")
}

.billboard .slick-prev:before {
    background-image: url("../img/index/svg/billboard_prev_ico.svg?20210602")
}

.billboard .slick-next:hover,
.billboard .slick-prev:hover {
    opacity: .6
}

.section--index {
    padding: 0;
    color: #000
}

.section--index .section_wrap .section_overlay.section_overlay--tvcm01 {
    height: auto
}

.section--index .viewport {
    max-width: 980px
}

.section--index .__image {
    margin: 1rem auto
}

.section--index .__title {
    display: block;
    height: auto
}

.section--index .__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.section--index .section__label {
    display: inline-block;
    font-size: 1.25rem;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    box-sizing: border-box;
    padding: .4rem 1.6rem;
    margin-bottom: 1.4875rem
}

.section--index .section__title {
    font-size: 2.4rem;
    margin-bottom: 3rem;
    line-height: 1.52
}

.section--index .section__desc {
    font-size: 1.125rem
}

.section--index .section__btn {
    background: #666;
    margin-top: 2.2rem;
    min-width: 220px;
    width: 200px;
    color: #fff;
    font-size: .9rem;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    border-radius: 22px;
    display: inline-block;
    transition: width .4s;
    cursor: pointer
}

.section--index .section__btn:hover {
    width: 240px
}

.section--index .__nowrap {
    white-space: nowrap
}

.section--index.section--00 {
    text-align: center;
    padding-top: 4.25rem;
    padding-bottom: 7rem
}

.section--index.section--00 .viewport {
    max-width: 880px
}

.section--index.section--00 .__mainimage {
    max-width: 244px;
    margin: 0 auto 2rem
}

.section--index.section--00 .page__title {
    margin-bottom: 2rem
}

@media only screen and (max-width: 860px) {
    .section--index.section--00 .page__title br:not(.__is_mobile) {
        display: inline-block
    }
}

.section--index.section--00 .label__block {
    display: inline-block;
    margin-bottom: 2rem;
    padding: .36rem 2rem;
    border: 1px solid #000;
    border-radius: 2px;
    font-size: .9375rem;
    color: #000
}

.section--index.section--00 .overview_text .__is_se {
    display: none
}

@media only screen and (max-width: 860px) {
    .section--index.section--00 .overview_text .__is_mobile {
        display: block
    }
}

.section--index.section--00 .attention_text {
    padding-top: 1rem;
    font-size: .65rem
}

.section--index.section--00 .the-price {
    padding-top: 4.2rem
}

.section--index.section--00 .the-price .price {
    margin-left: 2rem;
    font-size: 2rem;
    line-height: 1.2
}

.section--index.section--00 .the-price .price:before {
    font-size: .6em
}

.section--index.section--00 .the-price .price:after {
    font-size: .4em
}

.section--index.section--00 .the-price .colores {
    font-size: .9rem;
    color: #666
}

.section--index.section--00 .cta_headline {
    margin: 2rem auto 0
}

.section--index.section--00 .cta_headline .__text span {
    border-bottom: 1px solid #e59703
}

.section--index.section--00 .news__campaign {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .625rem 0;
    border-top: 1px solid #e59806;
    border-bottom: 1px solid #e59806;
    margin: 2.25rem auto 0;
    max-width: 880px;
    font-size: .9375rem
}

.section--index.section--00 .news__campaign .__news {
    display: inline-block;
    margin-right: .4rem;
    padding: .2rem 1rem;
    border-radius: 2px;
    background-color: #e59703;
    color: #fff;
    text-transform: uppercase;
    font-size: .9rem
}

.section--index.section--00 .news__campaign__txt a {
    font-size: .9375rem;
    line-height: 2.3333333333;
    color: #e59806;
    padding: .2rem 0;
    text-align: left;
    margin: 0 auto;
    display: block;
    text-decoration: none
}

.section--index.section--01 {
    position: relative;
    overflow: visible
}

.section--index.section--01 .viewport {
    width: 100%
}

.section--index.section--01 .__content {
    width: 600px;
    margin: 0 auto;
    padding-top: 7.5rem
}

.section--index.section--01 .section__title {
    margin-bottom: 32px;
    text-align: center;
    width: 100%
}

.section--index.section--01 .section__title span {
    display: inline-block
}

.section--index.section--01 .section__description {
    text-align: center;
    width: 100%
}

.section--index.section--01 .section_overlay_inner {
    width: 100%;
    margin: auto
}

.section--index.section--01 .video_wrap {
    position: relative;
    min-height: 50rem;
    height: 56.25vw;
    overflow: hidden
}

.section--index.section--01 .__video_area {
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden
}

.section--index.section--01 .__video {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    height: 56.25vw;
    transform: translate(-50%, 0);
    min-height: 100%;
    min-width: 100%
}

.section--index.section--01 .video_play.__imagebtn {
    position: absolute;
    margin-top: 1.625rem
}

.section--index.section--01 .video_play span::before {
    top: calc(50% - 30px)
}

.section--index.section--01 .video_play:after {
    background: #000;
    opacity: .3
}

.section--index.section--01 .video_play span:after {
    padding-top: 69px
}

.section--index.section--02 {
    height: 750px;
    padding: 0 2rem
}

.section--index.section--02.loaded {
    background-image: url("../img/index/desktop/section--02.jpg?20210602");
    background-position: bottom
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--index.section--02.loaded {
        background-image: url("../img/index/desktop/section--02@2x.jpg?20210602")
    }
}

.section--index.section--02 .__content {
    width: 400px
}

@media only screen and (max-width: 860px) {
    .section--index.section--02 .__content {
        width: 55vw
    }
}

.section--index.section--02 .section__title {
    margin-bottom: 32px
}

.section--index.section--02 .section__title span {
    display: inline-block
}

.section--index.section--02 .viewport {
    display: flex;
    justify-content: flex-start
}

.section--index.section--02.__textRight .viewport {
    justify-content: flex-end
}

.section--index.section--03 {
    padding-bottom: 6.687rem
}

.section--index.section--03 .viewport {
    max-width: 100%;
    text-align: center
}

.section--index.section--03 .viewport .__gallery__wrap {
    max-width: 100%;
    width: 100%;
    overflow: hidden
}

.section--index.section--03 .viewport .__gallery {
    list-style: none;
    display: flex;
    width: 100%
}

.section--index.section--03 .viewport .__gallery li:first-child {
    flex-basis: 32.0472441%
}

.section--index.section--03 .viewport .__gallery li:nth-child(2) {
    flex-basis: 35.9055118%;
    margin-left: .312rem;
    margin-right: .312rem
}

.section--index.section--03 .viewport .__gallery li:nth-child(3) {
    flex-basis: 32.0472441%
}

.section--index.section--03 .viewport .__image {
    margin-top: .312rem
}

.section--index.section--04 {
    background: #efefef;
    padding-top: 5.5rem;
    padding-bottom: 6.6rem
}

.section--index.section--04 .viewport {
    text-align: center
}

.section--index.section--04 .__content {
    max-width: 960px;
    margin: 0 auto
}

.section--index.section--04 .__gallery__wrap {
    max-width: 100%;
    overflow: hidden
}

.section--index.section--04 .section__title {
    margin: 0 auto 1.5rem auto;
    text-align: center
}

.section--index.section--04 .section__title span {
    display: inline-block
}

.section--index.section--04 .section__desc {
    margin: 0 auto 0 auto;
    text-align: center
}

.section--index.section--04 .__gallery__wrap {
    margin-top: 3.875rem;
    margin-bottom: 1.875rem
}

.section--index.section--04 .__gallery {
    list-style: none
}

.section--index.section--04 .__image {
    margin: .625rem auto 0 auto
}

.section--index.section--05,
.section--index.section--06 {
    min-height: 650px;
    padding: 0 2rem;
    display: flex;
    align-items: center
}

.section--index.section--05.__textLeft,
.section--index.section--06.__textLeft {
    justify-content: right
}

.section--index.section--05.__textLeft .viewport,
.section--index.section--06.__textLeft .viewport {
    justify-content: flex-start
}

.section--index.section--05.__textRight .viewport,
.section--index.section--06.__textRight .viewport {
    justify-content: flex-end
}

.section--index.section--05.__textWhite,
.section--index.section--06.__textWhite {
    color: #fff
}

.section--index.section--05 .viewport,
.section--index.section--06 .viewport {
    flex: 1 1 auto;
    display: flex
}

.section--index.section--05 .section__title,
.section--index.section--06 .section__title {
    margin-bottom: 1.375rem;
    font-size: 2.375rem;
    line-height: 1.5625
}

.section--index.section--05 .section__description,
.section--index.section--06 .section__description {
    font-size: 1.125rem;
    line-height: 1.8
}

.section--index.section--05 .__content {
    flex: 0 0 438px;
    max-width: 438px
}

.section--index.section--06 .__content {
    flex: 0 0 455px;
    max-width: 455px;
    margin-top: 3.75rem
}

.section--index.section--06 .section__desc {
    white-space: nowrap
}

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

    .section--index.section--05 .section__desc,
    .section--index.section--06 .section__desc {
        white-space: normal
    }
}

.section--index.section--05 {
    background-image: url("../img/index/desktop/section--05.jpg?20210602")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--index.section--05 {
        background-image: url("../img/index/desktop/section--05@2x.jpg?20210602")
    }
}

.section--index.section--06 {
    background-image: url("../img/index/desktop/section--06.jpg?20210602")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--index.section--06 {
        background-image: url("../img/index/desktop/section--06@2x.jpg?20210602")
    }
}

.section--index.section--07 {
    min-height: 1080px;
    padding: 0 2rem;
    height: 76.5625vw;
    display: flex;
    color: #fff;
    position: relative;
    background-image: url("../img/index/desktop/section--07.jpg?20210602");
    background-position: bottom center
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--index.section--07 {
        background-image: url("../img/index/desktop/section--07@2x.jpg?20210602")
    }
}

.section--index.section--07 .section__title {
    margin: 5rem auto 1.375rem auto;
    font-size: 2.375rem;
    line-height: 1.5625
}

@media only screen and (max-width: 1080px) {
    .section--index.section--07 .section__title .__is_mobile {
        display: block
    }
}

.section--index.section--07 .section__desc {
    font-size: 1.125rem;
    line-height: 1.8;
    text-align: center
}

.section--index.section--07 .section__btn {
    margin-left: auto;
    margin-right: auto
}

.section--index.section--07 .section__attention {
    font-size: .65rem;
    text-align: center;
    width: 100%;
    padding-top: 1.375rem
}

.section--index.section--07 .__name {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 5.375rem;
    width: 100%;
    font-size: 1.25rem
}

.section--index.section--07 .__name ul {
    list-style: none;
    display: flex;
    justify-content: center;
    padding-right: .625rem;
    padding-left: .625rem
}

.section--index.section--07 .__name ul li {
    max-width: 25.625rem;
    width: 50%
}

.section--index.section--07 .__name ul li .adaptiveimage {
    max-width: 22.25rem;
    width: 100%
}

.section--index.section--07 .__name ul li.section--07-00 {
    text-align: right;
    padding-right: 3.25rem
}

.section--index.section--07 .__name ul li.section--07-00 p {
    text-align: center;
    padding-left: 3.125rem
}

.section--index.section--07 .__name ul li.section--07-01 {
    padding-left: 3.25rem
}

.section--index.section--07 .__name ul li.section--07-01 p {
    text-align: center
}

.section--index.section--gallery {
    padding: 12.5rem 2rem 3.875rem 2rem;
    box-sizing: border-box
}

.section--index.section--gallery .section__title {
    margin-bottom: 2.875rem;
    font-size: 2.4rem;
    line-height: 1.5625
}

.section--index.section--gallery .gallery__content {
    display: flex;
    flex-wrap: wrap
}

.section--index.section--gallery .gallery__content figure {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(25% - 3.8265306122%)
}

.section--index.section--gallery .gallery__content figure:not(:nth-child(4n+1)) {
    margin-left: 5.1020408163%
}

.section--index.section--gallery .gallery__content figure:nth-child(n+5) {
    margin-top: 5.1020408163%
}

.section--index.section--gallery .gallery__content figure .__clip {
    width: 100%;
    height: auto
}

@media screen and (max-width: 768px) {
    .section--index.section--gallery .gallery__content figure {
        width: 48.2244318181%;
        margin-bottom: 3.5%
    }
}

.section--index.section--banner {
    margin-bottom: 7.5rem
}

.section--index.section--banner .viewport {
    width: 90%;
    max-width: 974px
}

.grid.grid--spaces>.col {
    margin-left: 0
}

.video_stop {
    position: absolute;
    z-index: 99;
    top: 2%;
    right: 2%;
    width: 50px;
    height: 50px;
    color: #666;
    cursor: pointer
}

.video_stop:hover {
    opacity: .8
}

.video_stop::after {
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 54px;
    font-size: 3rem
}

.modal-bg {
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -100
}

.modal-bg.__visible {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    cursor: pointer;
    z-index: 900
}

.section_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -99
}

.section_overlay.visible {
    opacity: 1;
    z-index: 901;
    transition: opacity .8s;
    pointer-events: all;
    cursor: pointer
}

.section_overlay video {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    cursor: default
}

.section_overlay_inner {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.cpn-info {
    display: flex;
    width: 94%;
    max-width: 800px;
    margin: 4.5rem auto 0;
    padding: 2rem 0 2rem 2rem;
    border: 1px solid #b7b6b6
}

@media screen and (max-width: 780px) {
    .cpn-info {
        padding: 2rem 1rem 2rem 2rem
    }
}

.cpn-info .cpn-photo {
    width: 40%;
    max-width: 276px;
    padding-right: 2.3rem;
    border-right: 1px solid #b7b6b6
}

.cpn-info .cpn-photo img {
    width: 100%;
    margin: 0 !important
}

@media screen and (max-width: 780px) {
    .cpn-info .cpn-photo img {
        margin: 1rem auto !important
    }
}

.cpn-info .cpn-info-text {
    height: 100%;
    padding: 0 0 0 2.3rem;
    width: 60%;
    text-align: left;
    margin-top: 10px
}

.cpn-info .cpn-info-text .info-bold {
    font-size: 1.76rem;
    font-weight: bold;
    line-height: 2.2rem;
    margin-bottom: .7rem
}

.cpn-info .cpn-info-text span {
    font-size: .9rem;
    line-height: 1.4rem;
    display: block
}

.cpn-info .cpn-info-text span span {
    font-size: .6rem
}

.cpn-info-sp {
    display: none
}

@media screen and (max-width: 780px) {
    .__is_desktop {
        display: none;
        line-height: 1rem
    }
}

.section--spec {
    background-size: cover;
    border-bottom: 1px solid #fff
}

.section--spec sup {
    font-size: .8rem;
    vertical-align: super;
    margin-right: .2rem
}

.section--spec .__basic {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
    border-spacing: 0;
    text-align: left;
    font-size: .9rem;
    line-height: 1.5
}

.section--spec .__basic td,
.section--spec .__basic th {
    padding: .4375rem 0;
    border-bottom: 1px solid #ebebeb;
    vertical-align: top
}

.section--spec .__basic th {
    width: 220px
}

.section--spec.section--00 {
    border-bottom: 1px solid #ddd;
    padding-top: 5.75rem;
    padding-bottom: 2.6rem
}

.section--spec.section--00 .__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: opacity .4s
}

.section--spec.section--00 .__image.__current {
    opacity: 1
}

.section--spec.section--00 .__image_outer {
    margin: 0 auto;
    width: 100%;
    max-width: 980px
}

.section--spec.section--00 .__image_inner {
    position: relative;
    padding-top: 55.4678692221%
}

.section--spec.section--00 .__selector {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 149px;
    height: 50px;
    border: 2px solid #999;
    border-radius: 25px;
    font-size: 14.4px;
    font-size: .8rem;
    color: #999;
    cursor: pointer;
    transition: all .3s
}

.section--spec.section--00 .__selector:hover {
    border-color: #039be5;
    color: #039be5
}

.section--spec.section--00 .__selector.__current {
    background-color: #039be5;
    border-color: #039be5;
    color: #fff;
    cursor: default
}

.section--spec.section--00 .__selector_wrap {
    margin-top: 2px;
    display: flex;
    justify-content: center
}

.section--spec.section--00 .__selector_wrap>:not(:last-child) {
    margin-right: 9px
}

.section--spec.section--01 {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ddd
}

.section--spec.section--01 .__content {
    padding: 0
}

.section--spec.section--01.section--spec .__basic tr:first-child td,
.section--spec.section--01.section--spec .__basic tr:first-child th {
    border-top: 1px solid #ebebeb
}

.section--spec.section--01 .note {
    margin-bottom: .5rem;
    font-style: normal;
    font-size: .9rem;
    padding: 1rem 0 0 0
}

.section--spec.section--01 .note:first-child {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.section--spec.section--01 .section__title-modify {
    margin-top: 5.625rem
}

.section--spec.section--02 {
    border-bottom: 1px solid #ddd;
    padding-top: 5.575rem;
    padding-bottom: 10.625rem
}

.section--spec.section--02 .viewport {
    max-width: 980px
}

.section--spec.section--02 .section__title {
    margin-bottom: 3.375rem
}

.section--spec.section--02 .section__desc {
    font-size: 1.575rem;
    margin-bottom: 3.1rem
}

.section--spec.section--02 .__image {
    max-width: 980px;
    margin: 0 auto;
    display: block
}

.section--spec.section--02 .spec--slider-slide {
    position: relative
}

.section--spec.section--02 .spec--slider-slide p {
    font-size: 1.125rem;
    padding-top: 2.4rem;
    text-align: center;
    white-space: nowrap
}

@media only screen and (max-width: 840px) {
    .section--spec.section--02 .spec--slider-slide p {
        font-size: .875rem
    }
}

.section--spec.section--02 .spec--slider-slide_list {
    display: flex;
    list-style: none;
    width: 100%
}

.section--spec.section--02 .spec--slider-slide_list--00-03 {
    padding-top: 0;
    justify-content: center
}

.section--spec.section--02 .spec--slider-slide_item {
    width: 25%
}

.section--spec.section--02 .spec--slider-slide_item-01 p {
    padding-right: .75rem
}

.section--spec.section--02 .spec--slider-slide_item-02 p {
    padding-right: .375rem
}

.section--spec.section--02 .spec--slider-slide_item-03 p {
    padding-left: 2.25rem
}

.section--spec.section--02 .spec--slider-slide_item-04 p {
    padding-right: .875rem
}

.section--spec.section--02 .spec--slider-slide_item-05 {
    width: 38%
}

.section--spec.section--02 .slick-dots {
    padding-top: 2.5rem
}

.section--spec.section--03 {
    padding-bottom: 5.375rem
}

.section--spec.section--03 .section--03_list {
    display: flex;
    list-style: none;
    width: 100%;
    margin-bottom: 1.1875rem;
    padding-top: 3.5rem
}

.section--spec.section--03 .section--03_list p {
    font-size: .875rem;
    padding-top: 2.4rem;
    text-align: center;
    white-space: nowrap
}

.section--spec.section--03 .section--03_item-01 {
    width: 32.3%;
    margin-left: 2.0625rem
}

.section--spec.section--03 .section--03_item-02 {
    width: 16%;
    margin-left: 2.5625rem
}

.section--spec.section--03 .section--03_item-03 {
    width: 26%;
    margin-left: 4.0625rem
}

.section--spec.section--04 {
    border: none;
    background-color: #f2f2f2
}

.section--spec.section--04 .columns {
    padding-top: 6.25rem;
    display: flex;
    flex-wrap: wrap;
    gap: 5rem 4.375rem
}

@media(max-width: 1060px) {
    .section--spec.section--04 .columns {
        gap: 1.25rem 1rem
    }
}

.section--spec.section--04 .columns .column {
    box-sizing: border-box;
    width: 280px;
    min-height: 100%;
    padding: 200px 30px 30px;
    background-repeat: no-repeat;
    background-color: #fff;
    font-size: .8rem
}

@media(max-width: 1060px) {
    .section--spec.section--04 .columns .column {
        width: calc(50% - 8px);
        max-width: calc(50% - 8px)
    }
}

.section--spec.section--04 .columns .column.__award__gd {
    background-image: url("/_assets/image/award/gooddesign.png");
    background-size: 63px 113px;
    background-position: 30px 50px
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--spec.section--04 .columns .column.__award__gd {
        background-image: url("/_assets/image/award/gooddesign@2x.png")
    }
}

@media(max-width: 1006px) {
    .section--spec.section--04 .columns .column {
        width: 49%
    }
}

.section--spec.section--05 {
    padding: 6rem 2rem;
    background-color: #fff
}

.section--spec.section--05 .section__btn {
    margin-top: 55px;
    text-align: center
}

.section--spec.section--05 .section__btn .btn {
    box-sizing: border-box;
    background: #666;
    border-radius: 22px;
    padding: 10px;
    color: #fff;
    font-size: 14.4px;
    opacity: .75;
    text-decoration: none;
    display: inline-block;
    width: 220px;
    text-align: center;
    transition: width .2s
}

.section--spec.section--05 .section__btn .btn:hover {
    width: 240px
}

.section--spec.section--05__modal-outter {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .75)
}

.section--spec.section--05__modal-outter .section--05__modal-inner {
    width: 1100px;
    height: auto;
    max-height: 996px;
    overflow-y: scroll;
    margin: 0 auto;
    background: #fff;
    padding: 7.0625rem 10.75rem 6rem;
    position: absolute;
    top: 5rem;
    bottom: 3.125rem;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media only screen and (max-width: 1081px) {
    .section--spec.section--05__modal-outter .section--05__modal-inner {
        width: 100%;
        max-width: 850px;
        padding: 8.3125rem 2rem 3.5rem
    }
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section__title {
    text-align: left;
    margin-bottom: 3rem
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section-model__title {
    font-family: "YuGothic_Family", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 1.375rem;
    font-weight: bold;
    border-bottom: 1px solid #707070;
    padding-bottom: 1.25rem;
    margin-bottom: 1.5rem;
    line-height: 1
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section-model {
    margin-bottom: 4.75rem
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section-model:last-child {
    margin-bottom: 0
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section-model__list {
    list-style: none;
    display: flex;
    gap: 0 5.8rem;
    flex-wrap: wrap
}

@media only screen and (max-width: 1081px) {
    .section--spec.section--05__modal-outter .section--05__modal-inner .section-model__list {
        gap: 1rem 3rem
    }
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section-model__link {
    font-size: 1.125rem;
    color: #333;
    text-decoration: none
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section-model__link .icon__circle__right {
    color: #666;
    margin-left: .6875rem
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method {
    margin: 0 auto 5rem;
    padding: 0 .3125rem;
    overflow: unset
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .viewport {
    max-width: 960px;
    background: #fbfbfb;
    border: 1px solid #dbdbdb;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, .16);
    padding: 3.75rem 1.875rem 3rem 1.875rem
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__content {
    max-width: 53.9375rem;
    margin: 0 auto;
    padding: 0
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__text {
    font-size: 1rem
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__btn {
    font-size: .9rem;
    height: 3rem;
    line-height: 3rem;
    font-weight: bold;
    margin-top: 2.375rem;
    text-align: center;
    background: #5f5f5f;
    color: #fff;
    position: relative;
    cursor: pointer;
    opacity: 1;
    transition: all 1s
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__images {
    display: none;
    justify-content: space-between;
    background-color: #fff;
    padding: 1.875rem 2.25rem 1.5625rem 2.25rem
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__images .__image--00,
.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__images .__image--01 {
    max-width: 23.75rem
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__images .__image--00 {
    margin-right: .9375rem
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__images .__image--01 {
    margin-left: .9375rem
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .round_btn {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    transition: all 1s;
    position: absolute;
    right: 30px;
    top: 14px
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .round_btn::before,
.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .round_btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 11px;
    background: #000
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .round_btn::before {
    transform: translate(-50%, -50%) rotate(0deg)
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .round_btn::after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__btn:hover {
    opacity: .8
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__btn:hover .round_btn {
    transform: rotate(180deg)
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__btn.__active .round_btn::after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__btn.__active .round_btn::before {
    display: none
}

@keyframes modalopen {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.section--spec.section--05__modal-outter .round1_btn {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: all 1s;
    position: absolute;
    right: 0;
    top: 20px;
    cursor: pointer
}

.section--spec.section--05__modal-outter .round1_btn::before,
.section--spec.section--05__modal-outter .round1_btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 50px;
    background: #fff
}

.section--spec.section--05__modal-outter .round1_btn::before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.section--spec.section--05__modal-outter .round1_btn::after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.section--spec.section--05__modal-outter .round1_btn:hover {
    transform: rotate(180deg)
}

.section--spec #section--05__modal {
    animation-name: modalopen;
    animation-duration: .5s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 2rem;
    z-index: 10;
    overflow-x: hidden
}

.section_wrap {
    position: relative
}

.section_wrap .video_stop {
    position: absolute;
    z-index: 99;
    top: 2%;
    right: 2%;
    width: 50px;
    height: 50px;
    color: #666;
    cursor: pointer
}

.section_wrap .video_stop:hover {
    opacity: .8
}

.section_wrap .video_stop::after {
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 54px;
    font-size: 3rem
}

.section_wrap .section_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -99
}

.section_wrap .section_overlay.visible {
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity .8s;
    -moz-transition: opacity .8s;
    transition: opacity .8s
}

.section_wrap .section_overlay_inner {
    position: absolute;
    bottom: 20%;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    transform: translateY(-50%)
}

.section_wrap .section_overlay--v3 video {
    max-width: 960px;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
    box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
    z-index: 2;
    right: 0;
    left: 0;
    margin: 0 auto
}

.section--setting .section__title {
    text-align: center;
    font-size: 2.5rem;
    line-height: 1.1;
    margin-bottom: 2.6875rem
}

.section--setting.section--00 {
    padding: 0
}

.section--setting.section--00 .section__title {
    font-size: 2.625rem
}

.section--setting.section--00 .__image {
    width: 100%;
    display: block;
    margin: 0 auto
}

.section--setting.section--01 {
    padding: 3.5rem 0 5.5rem
}

.section--setting.section--01 .section__txt {
    text-align: center;
    padding: 0 2rem
}

.section--setting.section--01 .section__txt_sub {
    font-size: 1rem;
    padding: 0 3rem;
    margin-top: 2.6875rem
}

.section--setting.section--01 .section__txt span {
    white-space: nowrap
}

.section--setting.section--02 {
    background: #edefef;
    padding: 6.875rem 0 9.6875rem
}

.section--setting.section--02 .section__title {
    margin-bottom: 3.5625rem
}

.section--setting.section--02 .section__txt {
    text-align: center
}

.section--setting.section--02 #live_light {
    margin: 0;
    padding: 0;
    line-height: 0
}

.section--setting.section--02 .__content__02 {
    margin-top: 6.6875rem
}

.section--setting.section--02 .__box {
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .15);
    margin-bottom: 5rem
}

.section--setting.section--02 .__box:last-child {
    margin-bottom: 0
}

.section--setting.section--02 .__box .__wrap {
    background: #fff;
    padding: 2.625rem 6.25rem 4.5625rem
}

.section--setting.section--02 .__box .__wrap__02 {
    padding: 2.625rem 3.25rem 4.5625rem
}

.section--setting.section--02 .__box .__wrap__02 .__title {
    padding: 0 3rem
}

.section--setting.section--02 .__box .__wrap__02>p {
    padding: 0 3rem;
    margin-bottom: 2.1875rem
}

.section--setting.section--02 .__box .__wrap .__title {
    font-size: 1.75rem;
    margin-bottom: 1.5625rem
}

.section--setting.section--02 .__box .__wrap .__txt {
    font-size: 1.125rem
}

.section--setting.section--02 .__box .__wrap .__txt_sub {
    font-size: 1rem;
    padding: 0 3rem;
    margin-top: 2.6875rem
}

.section--setting.section--02 .__box .__wrap .list__txt {
    display: flex;
    margin-top: .625rem
}

.section--setting.section--02 .__box .__wrap .list__txt--no {
    font-size: 4rem;
    line-height: 1;
    color: #666;
    margin-right: .875rem
}

.section--setting.section--02 .__box .__wrap .list__txt--icon {
    width: 34px;
    height: auto
}

.section--setting.section--02 .__box .__wrap .list__txt--txt {
    font-size: 1.125rem
}

.section--setting.section--02 .__box .__wrap .list__txt--txt__01 {
    margin-top: 1.875rem
}

.section--setting.section--02 .__box .__wrap .list__txt--txt__02 {
    margin-top: .875rem
}

.section--setting.section--02 .__box .__wrap .list__txt--txt br.sp {
    display: none
}

.section--setting.section--02 .__box .__wrap .__icon {
    width: 54.26px;
    height: auto
}

.section--setting.section--02 .__box .__wrap .__speaker {
    list-style: none;
    display: flex;
    justify-content: space-between
}

.section--setting.section--02 .__box .__wrap .__speaker_item {
    width: 29.5454545455%;
    position: relative
}

.section--setting.section--02 .__box .__wrap .__speaker_item::after {
    content: "";
    width: 0;
    height: 0;
    border-width: 9px 0 9px 15px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
    position: absolute;
    top: 54%;
    right: -14%
}

.section--setting.section--02 .__box .__wrap .__speaker_item:last-child::after {
    content: none
}

.section--setting.section--02 .__box .__wrap .__speaker_info {
    margin-top: 1rem
}

.section--setting.section--02 .__box .__wrap .__speaker_info_sp {
    display: none
}

.section--setting.section--02 .__box .__wrap .__speaker_title {
    font-size: 1.5rem;
    text-align: center;
    line-height: 1;
    margin-bottom: .75rem
}

.section--setting.section--02 .__box .__wrap .__speaker_text {
    font-size: .9rem;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1.25rem
}

@media(max-width: 1023px) {
    .section--setting.section--02 .__box .__wrap .__speaker_text {
        font-size: .75rem
    }
}

.section--setting.section--02 .__box .__wrap .__speaker_button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1.25rem auto 0;
    width: 160px;
    height: 52px;
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    background: #666;
    border-radius: 26px;
    transition: opacity .4s;
    cursor: pointer
}

.section--setting.section--02 .__box .__wrap .__speaker_button:hover {
    opacity: .8
}

.section--setting.section--02 .__box .__wrap .__caption {
    background: #edefef;
    padding: 1.875rem 3.125rem
}

.section--setting.section--02 .__box .__wrap .__caption_box {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.section--setting.section--02 .__box .__wrap .__caption_txt_01 {
    width: 28.718%;
    font-size: 1.5625rem;
    line-height: 1.52;
    border-right: 1px solid #707070
}

.section--setting.section--02 .__box .__wrap .__caption_txt_02 {
    width: 63.846%
}

body.bg {
    position: relative
}

body.bg::after {
    content: "";
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: all;
    cursor: pointer
}

.section--technology .section__label {
    display: inline-block;
    font-size: 1.25rem;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    box-sizing: border-box;
    padding: .1rem 1.6rem;
    margin-bottom: 1.875rem
}

.section--technology .section__title {
    font-size: 2.4rem;
    line-height: 1.52;
    margin-bottom: 1.875rem
}

.section--technology .section__btn {
    width: 13.125rem;
    margin: 0 2rem 0;
    color: #000;
    font-size: 1.5rem;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    border-radius: 22px;
    display: inline-block;
    cursor: pointer;
    transition: width .4s
}

.section--technology .section__btn:hover {
    width: 15rem
}

.section--technology .__image__sp {
    display: none
}

.section--technology.section--00 {
    padding: 0 0 10rem 0
}

.section--technology.section--00 span {
    display: inline-block
}

.section--technology.section--00 .viewport {
    padding: 4.3rem 2rem 0 2rem
}

.section--technology.section--00 .__content {
    text-align: center
}

.section--technology.section--00 .__content .page__title {
    margin-bottom: 1.2rem;
    line-height: 1.5625
}

.section--technology.section--00 .__content p {
    font-size: 1.3rem
}

.section--technology.section--01 {
    position: relative;
    padding-top: 28rem;
    padding-bottom: 5rem;
    height: 820px
}

.section--technology.section--01.loaded {
    background-image: url("../img/technology/desktop/section--01.jpg?20210602")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--technology.section--01.loaded {
        background-image: url("../img/technology/desktop/section--01@2x.jpg?20210602")
    }
}

.section--technology.section--01 .__content {
    width: 600px
}

.section--technology.section--01 .__content .section__title span {
    display: inline-block
}

.section--technology.section--01 .__content .section__desc {
    width: 100%
}

.section--technology.section--01 .__content .section__desc span {
    font-feature-settings: "palt"
}

.section--technology.section--02 {
    position: relative;
    padding-top: 9.625rem;
    height: 675px
}

@media only screen and (max-width: 840px) {
    .section--technology.section--02 {
        padding-top: 4rem
    }
}

.section--technology.section--02.loaded {
    background-image: url("../img/technology/desktop/section--02.jpg?20210602")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--technology.section--02.loaded {
        background-image: url("../img/technology/desktop/section--02@2x.jpg?20210602")
    }
}

.section--technology.section--02 .__content {
    margin-left: auto;
    width: 31.25rem
}

@media only screen and (max-width: 840px) {
    .section--technology.section--02 .__content {
        width: 55vw
    }

    .section--technology.section--02 .__content .__is_desktop {
        display: none
    }

    .section--technology.section--02 .__content br {
        display: none
    }
}

.section--technology.section--02 .__content .section__title span {
    display: inline-block
}

.section--technology.section--02 .__content .section__desc {
    width: 100%
}

.section--technology.section--02 .__content .section__desc span {
    font-feature-settings: "palt"
}

.section--technology.section--03 {
    text-align: center;
    background: #efefef
}

.section--technology.section--03 .section__title {
    margin-top: 2.5rem
}

.section--technology.section--03 .section__btn {
    font-size: .9rem;
    background: #666;
    color: #fff
}

.section--technology.section--03 .section__svg {
    width: 32.8125rem;
    padding-bottom: 15px;
    padding-right: 10px
}

.section--dealer .viewport {
    max-width: 700px
}

.section--dealer.section--00 {
    padding: 6rem 0;
    text-align: center
}

.section--dealer.section--01 {
    padding-top: 3rem;
    background-color: #fbfbfb;
    border-top: 1px solid #ddd
}

.section--dealer .input {
    margin-bottom: 0
}

.section--dealer .input>select {
    height: 3.5rem
}

.section--dealer .states ul {
    list-style: none
}

.section--dealer .prefecture {
    position: relative;
    height: 3.5rem;
    padding: 0 1rem;
    border-bottom: 1px solid #ddd;
    line-height: 3.5rem
}

.section--dealer .prefecture>span {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 1rem;
    width: 100%;
    height: 100%;
    text-align: right;
    cursor: pointer
}

.section--dealer .shop {
    padding: 1rem 1rem .7rem;
    border-bottom: 1px solid #ddd
}

.section--dealer .shop .name,
.section--dealer .shop .tel,
.section--dealer .shop .address {
    display: block;
    position: relative;
    margin-bottom: .3rem;
    line-height: 1.4
}

.section--dealer .shop .name {
    font-weight: bold
}

.section--dealer .shop .tel,
.section--dealer .shop .address {
    padding-left: 1.7rem
}

.section--dealer .shop .tel:before,
.section--dealer .shop .address:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ccc
}

.section--dealer .shop .tel a,
.section--dealer .shop .address a {
    text-decoration: none
}

.section--dealer .shop .tel:before {
    content: ""
}

.section--dealer .shop .address:before {
    content: "";
    font-size: 1.1rem
}

.section--dealer .shop .address>a:after {
    display: inline-block;
    position: relative;
    top: -1px;
    content: "地図";
    height: 1.2rem;
    border: 1px solid #666;
    margin-left: .5rem;
    padding: 0 .8rem;
    font-size: .8rem;
    line-height: 1.3rem;
    color: #666
}

.section--shops .viewport {
    max-width: 880px
}

.section--shops.section--00 {
    padding-top: 7rem;
    border-bottom: 1px solid #ddd;
    text-align: center
}

.section--shops .states ul {
    list-style: none
}

.section--shops .states .name,
.section--shops .states .tel,
.section--shops .states .address {
    display: block;
    position: relative;
    margin-bottom: .3rem;
    line-height: 1.4
}

.section--shops .states .name {
    font-weight: bold;
    margin-bottom: .5rem
}

.section--shops .states .umeda {
    margin-top: 22%
}

.section--shops .states .tel a,
.section--shops .states .address a {
    text-decoration: none;
    color: #666
}

.section--shops .states .tel {
    padding-left: 1.7rem
}

.section--shops .states .tel:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #666
}

.section--shops .states .address>a:after {
    display: inline-block;
    position: relative;
    top: -1px;
    content: "地図";
    height: 1.2rem;
    border: 1px solid #666;
    margin-left: 1rem;
    padding: 0 .8rem;
    font-size: .8rem;
    line-height: 1.3rem;
    color: #666
}

.section--shops.section--01 {
    padding-top: 2rem;
    padding-bottom: 0
}

.section--shops.section--01 .states {
    padding: 3rem 0 0
}

.section--shops.section--01 .states .button {
    margin-left: 0;
    width: 200px;
    color: #333;
    font-size: .8rem;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    border: solid 1px #333;
    border-radius: 22px;
    display: block;
    transition: all .2s;
    cursor: pointer
}

.section--shops.section--01 .states .button:hover {
    width: 220px
}

.section--shops.section--01 .shop {
    padding-bottom: 5rem
}

.section--shops.section--01 .shop:not(:last-child) .pickup {
    border-bottom: 1px solid #ddd
}

.section--shops.section--01 .shop .pickup {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    padding: 5rem 0 4rem
}

.section--shops.section--01 .shop .pickup .label {
    position: absolute;
    top: 2rem;
    left: 0;
    display: block;
    width: 200px;
    padding: .3rem 0;
    background-color: #333;
    color: #fff;
    text-align: center
}

.section--shops.section--01 .shop .pickup .name {
    margin-bottom: .8rem;
    font-size: 21px
}

.section--shops.section--01 .shop .pickup .photo {
    width: 480px;
    height: 300px;
    border-radius: 10px;
    overflow: hidden
}

.section--shops.section--01 .shop .pickup .contents {
    flex: 1;
    padding: 0 2rem 0 0;
    margin-top: .5rem
}

.section--shops.section--01 .shop .pickup .description {
    margin-top: 1.5rem
}

.section--shops.section--01 .shop .pickup .date {
    display: block;
    margin-top: 1rem;
    font-weight: bold
}

.section--shops.section--01 .shop .pickup .note {
    margin-top: 1rem;
    line-height: 1.6;
    color: #999;
    font-style: normal
}

.section--shops.section--01 .shop .pickup .button {
    margin-top: 2.2rem;
    margin-left: 0;
    width: 180px;
    color: #333;
    font-size: .8rem;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    border: solid 1px #333;
    border-radius: 22px;
    display: block;
    transition: all .2s;
    cursor: pointer
}

.section--shops.section--01 .shop .pickup .button:hover {
    width: 200px
}

@media screen and (max-width: 940px) {
    .section--shops.section--01 .shop .pickup {
        display: block;
        flex: none;
        padding-top: 6rem
    }

    .section--shops.section--01 .shop .pickup .contents {
        padding-top: 3rem
    }
}

.section--shops.section--02 {
    padding-top: 5rem;
    background-color: #fbfbfb;
    border-top: 1px solid #ddd
}

.section--shops.section--02 .section__title {
    margin-bottom: 1rem
}

.section--shops.section--02 .title_caption {
    margin-bottom: 4rem
}

.section--shops.section--02 .input {
    margin-bottom: 0
}

.section--shops.section--02 .input>select {
    height: 3.5rem
}

.section--shops.section--02 .prefecture {
    position: relative;
    height: 3.5rem;
    padding: 0 1rem;
    border-bottom: 1px solid #ddd;
    line-height: 3.5rem
}

.section--shops.section--02 .prefecture>span {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 1rem;
    width: 100%;
    height: 100%;
    text-align: right;
    cursor: pointer
}

.section--shops.section--02 .shop {
    padding: 1rem 1rem .7rem;
    border-bottom: 1px solid #ddd
}

.section--shops.section--02 .shop .name {
    margin-bottom: .3rem
}

.section--shops .__information {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 5rem;
    padding: 1rem 2rem;
    border-radius: 10px;
    color: #fff;
    background-color: #4dc0db;
    text-align: center;
    text-decoration: none
}

.shoptit .label {
    top: 2rem;
    left: 0;
    display: block;
    text-align: left !important;
    padding: .3rem 0;
    color: #333;
    text-align: center;
    font-size: 2.4rem
}

.shoptit .description {
    margin-top: 1.5rem
}

@media only screen and (max-width: 800px) {
    .section--shops .states .umeda {
        margin-top: 8% !important
    }
}

.aoyama_store {
    background-color: #f5f5f5;
    padding: 120px 0
}

.aoyama_store .store__ttl {
    margin: 0 auto;
    text-align: center;
    width: 492px;
    margin-bottom: 29px
}

.aoyama_store .store__ttl img {
    width: 100%;
    height: auto
}

.aoyama_store .store__subttl {
    width: 100%;
    font-size: 1rem;
    text-align: center;
    margin-bottom: 80px;
    font-size: 1rem;
    line-height: 1.8
}

.aoyama_store .store__inner {
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    width: 80%
}

.aoyama_store .store-col1 {
    text-align: left;
    width: 460px;
    padding-right: 30px
}

.aoyama_store .store-col2 {
    text-align: left;
    width: 520px;
    margin-bottom: 0px
}

.aoyama_store .store-info__etc {
    text-align: left;
    line-height: 200%;
    font-size: .875rem;
    margin-bottom: 20px
}

.aoyama_store .store-info__text {
    text-align: left;
    line-height: 200%;
    font-size: .875rem;
    margin-bottom: 16px
}

.aoyama_store .btn-external {
    width: 270px;
    margin-top: 20px
}

.aoyama_store .btn-external::first-child {
    margin-top: 0px
}

.aoyama_store .store__img {
    width: 100%
}

.aoyama_store .store__img img {
    width: 100%
}

.brand_shop {
    padding: 110px 0 120px 0
}

.brand_shop .shop__ttl {
    text-align: center;
    font-weight: bold;
    line-height: 160%;
    margin-bottom: 20px;
    font-size: 2rem
}

.brand_shop .shop__ttl .sp {
    display: none
}

.brand_shop .shop__subttl {
    margin: 0 auto;
    line-height: 180%;
    width: 80%;
    text-align: center;
    margin-bottom: 67px;
    font-size: 1rem
}

.brand_shop .shop__subttl .sp {
    display: none
}

.brand_shop .shop_block {
    display: flex;
    width: 90%;
    max-width: 1070px;
    margin: 0 auto
}

.brand_shop .shop__inner {
    text-align: center;
    margin: 0 auto;
    flex-direction: row;
    width: 80%;
    max-width: 980px
}

.brand_shop .shop-col1 {
    text-align: left;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    display: flex
}

@media only screen and (max-width: 800px) {
    .brand_shop .shop-col1 {
        display: block
    }
}

.brand_shop .shop-col1 .shop-info_block {
    width: 91%
}

.brand_shop .shop-col1 .shop-info__btn {
    text-align: center
}

.brand_shop .shop-col2 {
    border-top: 1px solid #707070;
    padding-top: 50px;
    border: none;
    padding: 0;
    text-align: left;
    width: 43%;
    padding-right: 0px
}

.brand_shop .shop-info__ttl {
    font-weight: bold;
    text-align: left;
    line-height: 180%;
    font-size: 1.25rem;
    margin-bottom: 16px
}

.brand_shop .shop-info__etc {
    text-align: left;
    line-height: 200%;
    font-size: .875rem;
    margin-bottom: 20px
}

.brand_shop .shop-info__text {
    text-align: left;
    line-height: 180%;
    font-size: .875rem;
    margin-bottom: 25px;
    border-top: 1px solid #707070;
    padding-top: 20px
}

.brand_shop .btn-external {
    width: 250px;
    margin-top: 20px
}

@media screen and (min-width: 641px)and (max-width: 800px) {
    .brand_shop .btn-external {
        margin: 20px 10px 0
    }
}

.brand_shop .shop__img {
    width: 100%;
    display: none;
    margin-bottom: 25px
}

.btn-external {
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #707070;
    box-sizing: border-box;
    background: #fff;
    border-radius: 100vh;
    text-align: center;
    color: #000;
    padding: 12px 40px 13px;
    text-indent: -0.7em;
    line-height: 1.5
}

.btn-external-inner {
    line-height: 1;
    text-align: center;
    vertical-align: baseline;
    position: relative;
    display: inline-block;
    font-size: .9rem
}

.btn-external-inner::before {
    content: "";
    position: absolute;
    background: #707070;
    border-radius: 50%;
    transition: all;
    top: 0px;
    right: -28px;
    bottom: 0;
    width: 14px;
    height: 14px
}

.btn-external-inner::after {
    content: "";
    position: absolute;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    opacity: 1;
    transform: rotate(45deg);
    transition: all .15s;
    top: 5px;
    right: -22px;
    bottom: 0;
    width: 4px;
    height: 4px
}

.btn-external--fillblack {
    border: none;
    background-color: #000;
    color: #fff
}

.btn-external--fillblack .btn-external-inner::before {
    background: #fff
}

.btn-external--fillblack .btn-external-inner::after {
    border-color: #fff
}

.btn-external--fillgray {
    border: none;
    background-color: #707070;
    color: #fff
}

.btn-external--fillgray .btn-external-inner::before {
    background: #fff
}

.btn-external--fillgray .btn-external-inner::after {
    border-color: #707070
}

.btn-external--fillgreen {
    border: none;
    background-color: #4aa53a;
    color: #fff
}

.btn-external--fillgreen .btn-external-inner::before {
    background: #fff
}

.btn-external--fillgreen .btn-external-inner::after {
    border-color: #4aa53a
}

.btn-external:hover {
    opacity: .5
}

.btn-external:hover::after {
    opacity: .5
}

@media(min-width: 1090px) {
    .store__inner {
        width: 980px !important
    }

    .shop__inner {
        width: 980px !important
    }
}

.accordion-area {
    list-style: none;
    width: 100%;
    margin: 0 auto
}

.accordion-area section {
    border: 1px solid #ccc
}

.accordion-area .title {
    position: relative;
    cursor: pointer;
    font-size: .75rem;
    transition: all .5s ease
}

.accordion-area .title.close::before {
    transform: rotate(45deg)
}

.accordion-area .title.close::after {
    transform: rotate(-45deg)
}

.accordion-area .accordion-box {
    display: none;
    background: rgba(255, 255, 255, .6);
    margin: 0;
    padding: 20px;
    font-size: .75rem
}

.accordion-area .accordion-box ul {
    list-style: none
}

.accordion-area .accordion-box ul li {
    margin: 0
}

.accordion-area .accordion-box ul li span {
    font-weight: bold
}

.accordion-area .accordion-box ul li.title {
    margin: 0
}

.accordion-area .accordion-box2 {
    margin-top: 20px
}

.icon__circle__right {
    margin-left: 3px
}

.icon__circle__right:before {
    vertical-align: bottom
}

.store-info__etc {
    margin-bottom: 10px !important
}

.section--function .__nowrap {
    white-space: nowrap
}

.section--function .section__label {
    display: inline-block;
    font-size: 1.25rem;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    box-sizing: border-box;
    padding: .1rem 1.6rem;
    margin-bottom: 1.875rem
}

.section--function .section__title {
    font-size: 2.4rem;
    line-height: 1.52;
    margin-bottom: 1.625rem
}

.section--function.section--00 {
    padding: 0 0 10rem 0
}

.section--function.section--00 span {
    display: inline-block
}

.section--function.section--00 .viewport {
    padding: 4.3rem 2rem 0 2rem
}

.section--function.section--00 .__content {
    text-align: center
}

.section--function.section--00 .__content .page__title {
    margin-bottom: 1.2rem;
    line-height: 1.5625
}

.section--function.section--00 .__content p {
    font-size: 1.3rem
}

.section--function.section--01 {
    position: relative;
    height: 650px;
    padding: 0;
    background: url("../img/function/desktop/section--01_bg.png");
    background-size: 100% 650px
}

.section--function.section--01.loaded .__bg {
    background-image: url("../img/function/desktop/section--01.jpg?20210602");
    background-position: top;
    background-repeat: no-repeat;
    background-size: 2000px 650px;
    height: 650px;
    padding: 10rem 2rem 5rem 2rem
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--function.section--01.loaded .__bg {
        background-image: url("../img/function/desktop/section--01@2x.jpg?20210602")
    }
}

@media only screen and (max-width: 840px) {
    .section--function.section--01.loaded .__bg {
        padding-top: 6rem
    }

    .section--function.section--01.loaded .__bg .section__label br {
        display: block
    }
}

.section--function.section--01 .section__label br {
    display: none
}

.section--function.section--01 .__content {
    width: 411px
}

@media only screen and (max-width: 840px) {
    .section--function.section--01 .__content {
        width: 38vw
    }

    .section--function.section--01 .__content .__is_desktop {
        display: none
    }

    .section--function.section--01 .__content br {
        display: none
    }
}

.section--function.section--01 .__content .section__title span {
    display: inline-block
}

.section--function.section--01 .__content .section__desc {
    width: 100%
}

.section--function.section--01 .__content .section__desc span {
    font-function-settings: "palt"
}

.section--function.section--02 {
    position: relative;
    padding-top: 8.812rem;
    height: 600px
}

@media only screen and (max-width: 840px) {
    .section--function.section--02 {
        padding-top: 4rem
    }
}

.section--function.section--02.loaded {
    background-image: url("../img/function/desktop/section--02.jpg?20210602")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--function.section--02.loaded {
        background-image: url("../img/function/desktop/section--02@2x.jpg?20210602")
    }
}

.section--function.section--02 .__content {
    width: 411px
}

@media only screen and (max-width: 840px) {
    .section--function.section--02 .__content {
        width: 55vw
    }

    .section--function.section--02 .__content .__is_desktop {
        display: none
    }

    .section--function.section--02 .__content br {
        display: none
    }
}

.section--function.section--02 .__content .section__label {
    margin-bottom: 1.125rem
}

.section--function.section--02 .__content .section__title span {
    display: inline-block
}

.section--function.section--02 .__content .section__desc {
    width: 100%
}

.section--function.section--02 .__content .section__desc span {
    font-function-settings: "palt"
}

.section--function.section--03 .colum2,
.section--function.section--04 .colum2 {
    display: flex;
    justify-content: space-between;
    margin-top: 2.5rem
}

.section--function.section--03 .colum2 .colum2--inner,
.section--function.section--04 .colum2 .colum2--inner {
    width: 48%
}

.section--function.section--03 .colum2 .colum2--inner .section__title,
.section--function.section--04 .colum2 .colum2--inner .section__title {
    font-size: 1.7rem;
    margin: 1.2rem 0 1.1rem
}

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

    .section--function.section--03 .colum2 .colum2--inner .section__title,
    .section--function.section--04 .colum2 .colum2--inner .section__title {
        font-size: 1.5rem
    }
}

.section--function.section--03 .colum2 .colum2--inner p,
.section--function.section--04 .colum2 .colum2--inner p {
    font-size: 1.125rem;
    text-align: left
}

.section--function.section--03 .colum2 .colum2--inner p sup,
.section--function.section--04 .colum2 .colum2--inner p sup {
    font-size: 60%;
    top: .2rem
}

.section--function.section--03 {
    position: relative;
    padding-top: 7.5rem;
    padding-bottom: 5rem
}

@media only screen and (max-width: 840px) {
    .section--function.section--03 {
        padding-top: 4rem
    }
}

.section--function.section--03 .__content .section__title span {
    display: inline-block
}

.section--function.section--03 .__content .section__sup {
    margin-top: .4rem
}

.section--function.section--04 {
    position: relative;
    padding-top: 6.25rem;
    padding-bottom: 8rem;
    background: #efefef
}

@media only screen and (max-width: 840px) {
    .section--function.section--04 {
        padding-top: 4rem
    }
}

.section--function.section--04 .__content .section__title span {
    display: inline-block
}

.section--function.section--04 .__content .colum2--inner p.section__link {
    padding-top: 1.6rem;
    font-size: 1rem
}

.section--function.section--05 {
    position: relative;
    padding-top: 6.25rem;
    padding-bottom: 2.1875rem
}

.section--function.section--05 .__content .section__title {
    margin-bottom: 2.875rem
}

.section--function.section--05 .__content .section__title span {
    display: inline-block
}

.section--function.section--05 .__content .colum2--inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.875rem
}

.section--function.section--05 .__content .colum2--inner .__image {
    width: 46%;
    max-width: 450px;
    margin-right: 4%
}

.section--function.section--05 .__content .colum2--inner__text {
    width: 460px
}

.section--function.section--05 .__content .colum2--inner .section__title {
    font-size: 1.7rem;
    margin: 2rem 0 1.1rem
}

@media only screen and (max-width: 940px) {
    .section--function.section--05 .__content .colum2--inner .section__title {
        font-size: 1.5rem;
        margin-top: 0
    }
}

.section--function.section--05 .__content .colum2--inner p {
    font-size: 1.125rem;
    text-align: left
}

.section--function.section--05 .__content .colum2--inner p sup {
    font-size: 60%;
    top: .2rem
}

.section--function.section--05 .__content .colum2--inner p.section__link {
    padding-top: 1.2rem;
    font-size: 1rem
}

.section--feature .section__title {
    font-size: 2.4rem;
    line-height: 1.52;
    margin-bottom: 2.0625rem
}

.section--feature .section__title sup {
    font-size: 42%;
    vertical-align: top;
    position: relative;
    top: -0.1em
}

.section--feature.section--00 {
    padding: 0
}

.section--feature.section--00 span {
    display: inline-block
}

.section--feature.section--00 .viewport {
    padding: 4.3rem 0 0 0
}

.section--feature.section--00 .__content {
    text-align: center
}

.section--feature.section--00 .__content .page__title {
    margin-bottom: 1.2rem;
    line-height: 1.5625
}

.section--feature.section--00 .__content p {
    font-size: 1.3rem
}

.section--feature.section--01 span {
    display: inline-block
}

.section--feature.section--01 .viewport {
    padding: 4rem 0 0 0
}

.section--feature.section--01 .__content {
    max-width: 980px;
    margin: 0 auto;
    text-align: center
}

.section--feature.section--01 .__content .section__title {
    margin-top: 3rem;
    margin-bottom: 1.2rem;
    line-height: 1.5625
}

.section--feature.section--01 .__content p {
    font-size: 1.125rem
}

.section--feature.section--02 {
    position: relative;
    padding: 2.3rem 2.5rem 0 2.5rem
}

.section--feature.section--02 .viewport {
    max-width: 1500px;
    margin-bottom: 12.5rem
}

.section--feature.section--02 .viewport .viewport__inner {
    display: flex;
    align-items: center
}

.section--feature.section--02 .viewport .video_play::after {
    top: calc(50% - 55px);
    left: calc(50% - 55px)
}

.section--feature.section--02 .viewport .video_play>span {
    position: absolute;
    top: calc(50% - 55px);
    left: calc(50% - 55px)
}

.section--feature.section--02 .viewport .video_play>span:before {
    top: calc(50% - 20px);
    left: calc(50% - 14px)
}

.section--feature.section--02 .viewport .video_play.__third {
    position: relative;
    bottom: 0;
    right: 0;
    width: 55%;
    margin: 4rem 0
}

.section--feature.section--02 .viewport .video_play.__third img {
    width: 100%;
    margin: 0
}

@media only screen and (max-width: 870px) {
    .section--feature.section--02 .viewport .video_play.__third {
        width: 100%
    }
}

.section--feature.section--02 .viewport .__first .__content--inner {
    max-width: 340px
}

.section--feature.section--02 .viewport .__second .__content--inner {
    max-width: 360px;
    margin-top: -57px
}

.section--feature.section--02 .viewport .__third .__content--inner {
    max-width: 380px
}

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

    .section--feature.section--02 .viewport .__content.__first,
    .section--feature.section--02 .viewport .__content.__third {
        flex-direction: row-reverse;
        -ms-flex-direction: row-reverse
    }

    .section--feature.section--02 .viewport .__first .__content--inner {
        margin-right: 4.375rem
    }

    .section--feature.section--02 .viewport .__second .__content--inner {
        margin-left: 4.375rem
    }

    .section--feature.section--02 .viewport .__third .__content--inner {
        margin-right: 1.875rem
    }
}

@media only screen and (min-width: 1280px) {
    .section--feature.section--02 .viewport .__content.__second {
        flex-direction: row-reverse;
        -ms-flex-direction: row-reverse
    }

    .section--feature.section--02 .viewport .__first .__content--inner,
    .section--feature.section--02 .viewport .__third .__content--inner {
        margin-left: 6.75rem
    }

    .section--feature.section--02 .viewport .__second .__content--inner {
        margin-right: 6.75rem
    }
}

.section--feature.section--02 .viewport .__content {
    box-sizing: border-box;
    display: flex;
    width: 50%;
    text-align: left
}

.section--feature.section--02 .viewport .__content .section__title {
    font-size: 2.4rem;
    margin-bottom: 2rem
}

.section--feature.section--02 .viewport .__content .section__desc {
    font-size: 1.125rem
}

@media only screen and (max-width: 970px) {
    .section--feature.section--02 .viewport .__content .__is_desktop {
        display: none
    }

    .section--feature.section--02 .viewport .__content br {
        display: none
    }
}

.section--feature.section--02 .viewport .__image {
    width: 57.9420579%;
    margin: 0 0
}

@media only screen and (min-width: 1082px)and (max-width: 1280px) {
    .section--feature.section--02 .viewport .__image {
        width: 56.6666667%
    }
}

@media only screen and (min-width: 1281px)and (max-width: 1500px) {
    .section--feature.section--02 .viewport .__image {
        width: 55.6338028%
    }
}

.section--feature.section--02 .viewport.__reverse .viewport__inner {
    flex-direction: row-reverse;
    -ms-flex-direction: row-reverse
}

.section--feature.section--02 .viewport.__reverse .__content {
    text-align: left
}

.section--feature.section--02 .viewport.border-none {
    border-bottom: none !important
}

.section--feature.section--02 .sp {
    display: none
}

.section--feature.section--03 {
    padding: 0 0 7.5rem 0
}

.section--feature.section--03 span {
    display: inline-block
}

.section--feature.section--03 .viewport {
    padding: 4.3rem 0 0 0
}

.section--feature.section--03 .__content {
    text-align: center
}

.section--feature.section--06 {
    background-color: #efefef;
    padding: 6rem 0;
    text-align: center;
    margin: 0 auto
}

.section--feature.section--06 .__content .page__title {
    margin-bottom: 1.25rem;
    font-size: 2.1875rem;
    line-height: 4.125rem
}

.section--feature.section--06 .__content .page__title .__image {
    width: 32.8125rem;
    padding-right: .5rem;
    vertical-align: initial
}

.section--feature.section--06 .__content .page__title _:-ms-lang(x)::-ms-backdrop,
.section--feature.section--06 .__content .page__title .__image {
    vertical-align: top
}

.section--feature.section--06 .__content h3 {
    padding: 3px 0;
    font-size: 1.25rem;
    margin: 0 2.5rem;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070
}

.section--feature.section--06 .__content h3 sup {
    font-size: .875rem
}

.section--feature.section--06 .__content h3 a {
    text-decoration-thickness: 1px;
    font-size: .875rem;
    vertical-align: middle;
    margin-top: -5px;
    display: inline-block
}

@media only screen and (max-width: 970px) {
    .section--feature.section--06 .__content {
        padding: 0 2rem
    }
}

.section--feature.section--06 .__content .colum2 {
    display: flex;
    justify-content: space-between;
    margin-top: 5rem
}

.section--feature.section--06 .__content .colum2 .colum2--inner {
    box-shadow: 0px 5px 5px 2px rgba(41, 41, 41, .2);
    width: 47.5%;
    background-color: #fff;
    border-radius: 15px;
    padding: 3rem 0
}

.section--feature.section--06 .__content .colum2 .colum2--inner .section__title {
    font-size: 1.7rem;
    margin: 0 0 1.1rem
}

.section--feature.section--06 .__content .colum2 .colum2--inner p {
    font-size: 1rem;
    text-align: center;
    padding: 0 1rem
}

@media only screen and (max-width: 870px) {
    .section--feature.section--06 .__content .colum2 .colum2--inner p br {
        display: none
    }
}

.section--feature.section--06 .__content .colum3 {
    text-align: right;
    font-size: .7625rem;
    padding-top: 1.25rem
}

.section--feature.section--06 .__content .section__btn {
    color: #fff;
    background-color: #2b9417;
    width: 240px;
    margin-top: 2.5rem;
    min-width: 180px;
    font-size: .875rem;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    border-radius: 22px;
    display: inline-block;
    cursor: pointer;
    transition: width .4s
}

.section--feature.section--06 .__content .section__btn:hover {
    width: 260px
}

.__is_mobile {
    display: none
}

.section--design .section__label {
    display: inline-block;
    font-size: 1.625rem;
    color: #000;
    text-align: center;
    border: 1px solid #707070;
    border-radius: 3px;
    box-sizing: border-box;
    padding: .5rem 2rem;
    margin-bottom: 1.2875rem
}

.section--design .section__title {
    font-size: 2.4rem;
    line-height: 1.52;
    margin-bottom: 2.75rem
}

.section--design .section__catch {
    font-size: 2.0625rem;
    line-height: 1.4;
    margin-bottom: 2.7625rem
}

.section--design .section__desc {
    font-size: 1.125rem;
    line-height: 2.0555555556;
    font-feature-settings: "palt"
}

@media only screen and (max-width: 940px) {
    .section--design .section__desc {
        line-height: 1.8
    }

    .section--design .section__desc br {
        display: none
    }
}

.section--design .section__btn {
    width: 13.125rem;
    margin: 0 2rem 0;
    color: #000;
    font-size: 1.5rem;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    border-radius: 22px;
    display: inline-block;
    cursor: pointer;
    transition: width .4s
}

.section--design .section__btn:hover {
    width: 15rem
}

.section--design.section--00 {
    padding: 0;
    border-bottom: 1px rgba(112, 112, 112, .48) solid
}

.section--design.section--00 span {
    display: inline-block
}

.section--design.section--00 .viewport {
    padding: 4.3rem 0 10rem 0
}

.section--design.section--00 .__content {
    text-align: center
}

.section--design.section--00 .__content .page__title {
    margin-bottom: 1.8rem;
    line-height: 1.6927083333
}

.section--design.section--00 .__content p {
    font-size: 1.3rem;
    margin-bottom: 8.6rem
}

.section--design.section--00 .__gallery {
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.section--design.section--00 .__gallery__wrap {
    overflow: hidden
}

.section--design.section--00 .__gallery__item {
    margin: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.section--design.section--00 .__gallery__item.__half--pc {
    flex-basis: calc(50% - 3px);
    max-width: calc(50% - 3px)
}

.section--design.section--00 .__gallery__item.__full--pc {
    flex-basis: 100%;
    max-width: 100%
}

.section--design.section--00 .__gallery__item.__half--left {
    margin: 0 3px 6px 0
}

.section--design.section--00 .__gallery__item.__half--right {
    margin: 0 0 6px 3px
}

.section--design.section--01,
.section--design.section--02,
.section--design.section--03 {
    min-height: 650px;
    display: flex;
    align-items: center
}

.section--design.section--01.__textLeft,
.section--design.section--02.__textLeft,
.section--design.section--03.__textLeft {
    justify-content: right
}

.section--design.section--01.__textLeft .viewport,
.section--design.section--02.__textLeft .viewport,
.section--design.section--03.__textLeft .viewport {
    justify-content: flex-start
}

.section--design.section--01.__textRight .viewport,
.section--design.section--02.__textRight .viewport,
.section--design.section--03.__textRight .viewport {
    justify-content: flex-end
}

.section--design.section--01.__textWhite,
.section--design.section--02.__textWhite,
.section--design.section--03.__textWhite {
    color: #fff
}

.section--design.section--01 .viewport,
.section--design.section--02 .viewport,
.section--design.section--03 .viewport {
    flex: 1 1 auto;
    display: flex
}

.section--design.section--01 .section__title,
.section--design.section--02 .section__title,
.section--design.section--03 .section__title {
    margin-bottom: 1.375rem;
    font-size: 2.375rem;
    line-height: 1.5625
}

.section--design.section--01 .section__description,
.section--design.section--02 .section__description,
.section--design.section--03 .section__description {
    font-size: 1.125rem;
    line-height: 1.8
}

.section--design.section--01 .__content {
    flex: 0 0 380px;
    max-width: 380px
}

.section--design.section--02 .__content {
    flex: 0 0 455px;
    max-width: 455px
}

.section--design.section--03 .__content {
    flex: 0 0 400px;
    max-width: 400px
}

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

    .section--design.section--01 .__content,
    .section--design.section--02 .__content,
    .section--design.section--03 .__content {
        flex-basis: vw_base(1080, 325);
        max-width: vw_base(1080, 325)
    }
}

.section--design.section--01 {
    background-image: url("../img/design/desktop/section--01.jpg?20210602")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--design.section--01 {
        background-image: url("../img/design/desktop/section--01@2x.jpg?20210602")
    }
}

.section--design.section--02 {
    background-image: url("../img/design/desktop/section--02.jpg?20210602")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--design.section--02 {
        background-image: url("../img/design/desktop/section--02@2x.jpg?20210602")
    }
}

.section--design.section--03 {
    background-image: url("../img/design/desktop/section--03.jpg?20210602")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--design.section--03 {
        background-image: url("../img/design/desktop/section--03@2x.jpg?20210602")
    }
}

.section--design.section--04 {
    text-align: center;
    background: #efefef
}

.section--design.section--04 .section__title {
    margin-top: 2.5rem
}

.section--design.section--04 .section__btn {
    font-size: .9rem;
    background: #666;
    color: #fff
}

.section--design.section--04 .section__svg {
    width: 525px;
    padding-bottom: 15px;
    padding-right: 10px
}

.section--accessory.section--head {
    padding-top: 6.4375rem;
    padding-bottom: 7.75rem;
    border-bottom: solid 1px #ddd
}

.section--accessory.section--head .__content {
    padding: 0 50px
}

.section--accessory.section--head .section__title {
    margin-bottom: 5rem;
    text-align: center;
    line-height: 1.5625
}

.section--accessory.section--head .__list_product {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 50px
}

.section--accessory.section--head .__list_product__item {
    width: calc(50% - 25px)
}

.section--accessory.section--head .__list_product__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none
}

.section--accessory.section--head .__list_product__link .__image {
    max-width: 260px
}

.section--accessory.section--head .__list_product__title.__is_desktop {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.9230769231;
    letter-spacing: 0;
    text-align: center;
    display: block;
    margin-bottom: 1.5rem
}

.section--accessory.section--head .__list_product__title.__is_desktop span {
    border-bottom: solid 1px #000
}

.section--accessory.section--head .__list_product__release {
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #000;
    width: 164px;
    height: 32px;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.7142857143;
    letter-spacing: .02em
}

.section--accessory.section--nozzle {
    padding: 0 !important
}

.section--accessory.section--nozzle .__description {
    margin-top: 8.5rem;
    width: 655px
}

.section--accessory.section--nozzle .__description h2 {
    font-size: 1.9rem;
    margin-bottom: 2.5rem
}

.section--accessory.section--nozzle .page__title {
    text-align: center;
    padding: 5rem 0 2.5rem
}

.section--accessory .__label {
    display: inline-block;
    padding: .2rem 2rem;
    font-size: 1.125rem;
    color: #000
}

.section--accessory .__label_wrap {
    margin-bottom: 3rem;
    text-align: center
}

.section--accessory.section--set {
    margin: 10rem auto 1.6rem;
    padding: 0
}

@media(min-width: 641px) {
    .section--accessory.section--set {
        padding: 0 2rem
    }
}

.section--accessory.section--set h3 {
    text-align: center;
    margin: 0 auto 4rem;
    font-size: 29px;
    width: 148px;
    border-bottom: 1px solid #707070
}

.section--accessory.section--set .section__nozzleset {
    margin: 6.7rem auto
}

.section--accessory.section--set .__setinner {
    display: flex;
    justify-content: space-between
}

.section--accessory.section--set .__setbox {
    width: 48.5%
}

.section--accessory.section--set .__setbox img {
    width: 100%
}

.section--accessory.section--set .__setbox .nozzle--name {
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 1.5rem
}

.section--accessory.section--set .__setbox figure {
    margin: 1.8rem 0
}

.section--accessory.section--set .__setbox figure span:first-child {
    margin-left: 0
}

.section--accessory.section--set .__setbox figure span {
    display: inline-block;
    border: 1px solid #707070;
    border-radius: 3px;
    font-size: .9rem;
    padding: .5rem 1.1rem;
    margin: .28rem;
    font-weight: bold
}

@media only screen and (max-width: 800px) {
    .section--accessory.section--set .__setbox figure span.last {
        display: inline-block;
        margin: 8px 0 0
    }
}

.section--accessory.section--set .__setbox .__setbox_text {
    width: 400px
}

@media only screen and (max-width: 800px) {
    .section--accessory.section--set .__setbox .__setbox_text {
        width: 100%
    }
}

.section--accessory.section--set .__setbox .__setbox_text_2 {
    display: flex
}

@media only screen and (max-width: 800px) {
    .section--accessory.section--set .__setbox .__setbox_text_2 {
        display: block;
        width: 100%
    }
}

.section--accessory.section--set .__setbox .__setbox_text_2 div {
    width: 266px
}

.section--accessory.section--set .__setbox .__setbox_text_2 img {
    width: 216px;
    height: 155px
}

@media only screen and (max-width: 800px) {
    .section--accessory.section--set .__setbox .__setbox_text_2 img {
        display: block;
        margin: 0 auto
    }
}

.section--accessory .__product {
    list-style: none;
    margin-bottom: 2.5rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.section--accessory .__product_item {
    position: relative;
    box-sizing: border-box;
    box-shadow: 0 16px 28px rgba(0, 0, 0, .2);
    width: 31.3333%;
    min-height: 370px;
    margin: 0 1% 2rem;
    padding: 2rem 1.5rem 6rem;
    background-color: #fff
}

@media(max-width: 980px) {
    .section--accessory .__product_item {
        width: 48%
    }
}

.section--accessory .__product_name {
    display: block;
    height: 3.5rem;
    margin: 1rem auto 0 0;
    line-height: 1.5;
    color: #000
}

.section--accessory .__product_code {
    display: block;
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #ddd;
    color: #999
}

.section--accessory .__product_box {
    position: absolute;
    width: 100%;
    bottom: 2.5rem;
    padding-right: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.section--accessory .__product_btn {
    text-align: center;
    text-decoration: none;
    width: 90px;
    height: 32px;
    border-radius: 2px;
    background-color: #4ba53a;
    line-height: 32px;
    color: #fff
}

.section--accessory .__product_btn:hover {
    background-color: #2b9417
}

.section--accessory .__product_price {
    font-size: 1.5rem;
    line-height: 1.2
}

.section--accessory .__basic {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    font-size: .9rem;
    line-height: 1.5
}

.section--accessory .__basic td,
.section--accessory .__basic th {
    padding: .5rem 0;
    border-bottom: 1px solid #ebebeb;
    vertical-align: top
}

.section--accessory .__basic td.__title,
.section--accessory .__basic th.__title {
    border-bottom: 3px solid #ebebeb;
    border-top: none
}

.section--accessory .__basic th {
    width: 222px
}

.section--accessory.section--spec .note {
    margin-top: 18px;
    margin-top: 1rem
}

.section--accessory.section--spec .__content {
    padding-right: 30px
}

.section--accessory.section--spec .__box {
    display: flex;
    align-items: center
}

@media only screen and (max-width: 800px) {
    .section--accessory.section--spec .__box {
        flex-direction: column-reverse
    }

    .section--accessory.section--spec .__box_img {
        padding-left: 0
    }
}

.section--accessory.section--spec .__box_info {
    flex: 1 1 60.8695652174%
}

@media only screen and (max-width: 800px) {
    .section--accessory.section--spec .__box_info {
        width: 100%
    }
}

.section--accessory.section--spec .__box_img {
    padding-left: 30px;
    flex: 1 0 50%;
    text-align: center
}

.section--accessory.section--spec .__box_img img {
    width: 100%
}

.section--accessory.section--spec .__box_img.-p1 img {
    width: 485px
}

@media only screen and (max-width: 800px) {
    .section--accessory.section--spec .__box_img.-p1 img {
        width: 100%
    }
}

.section--accessory.section--spec .__box_img.-p2 img {
    max-width: 310px
}

.section--accessory.section--00 {
    background-image: url("../img/accessory/desktop/section--00.jpg?20210602");
    background-size: cover;
    padding: 0;
    display: block;
    height: 540px
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--accessory.section--00 {
        background-image: url("../img/accessory/desktop/section--00@2x.jpg?20210602")
    }
}

.section--accessory.section--00 .viewport {
    width: 692px
}

.section--accessory.section--01 {
    padding: 15rem 2rem 0 2rem
}

.section--accessory.section--01 .viewport {
    width: 664px
}

@media only screen and (max-width: 800px) {
    .section--accessory.section--01 .viewport {
        width: 80%
    }
}

.section--accessory.section--01 .page__title {
    text-align: center
}

.section--accessory.section--01 .page__disc {
    text-align: left
}

.section--accessory.section--02 {
    background: #fbfbfb
}

.section--accessory.section--02 .__basic {
    margin-left: auto;
    margin-right: auto;
    width: 692px
}

.section--accessory.section--spec2 {
    padding: 1rem 2rem 3rem 2rem
}

.section--accessory.buy {
    background-color: #fbfbfb;
    margin-bottom: 0 !important;
    padding: 6rem 2rem 6rem 2rem
}

.section--accessory.buy.-p1 {
    border-bottom: 1px solid #ddd
}

@media only screen and (max-width: 800px) {
    .section--accessory.buy.-p1 .viewport {
        width: 90%
    }
}

.section--accessory.buy.-p2 {
    border-top: 1px solid #ddd
}

.section--accessory.buy .__purchase span {
    display: block
}

.section--accessory.buy .__purchase .__name {
    margin-bottom: 18px;
    margin-bottom: 1rem;
    font-size: 27px;
    font-size: 1.5rem;
    line-height: 1.4
}

.section--accessory.buy .__purchase .__name span {
    font-weight: normal;
    font-size: 19px
}

.section--accessory.buy .__purchase .price {
    font-size: 36px;
    font-size: 2rem;
    line-height: 1;
    padding-left: 0 !important
}

.section--accessory.buy .__purchase .price:before {
    font-size: .6em
}

.section--accessory.buy .__purchase .price:after {
    font-size: .4em
}

.section--accessory.buy .__purchase .__deliv_date {
    color: #999
}

.section--accessory.buy .__purchase .__column {
    float: left;
    width: 50%
}

.section--accessory.buy .__purchase .btn {
    float: right;
    font-size: 18px;
    font-size: 1rem
}

.section--accessory.buy .__battery p {
    border: 1px solid #000;
    padding: 8px 38px;
    width: 268px;
    font-size: 17px
}

.pcbr {
    display: block
}

.spbr {
    display: none
}

.spbr2 {
    display: none
}

.section--compare.section--head {
    margin-bottom: 4.375rem;
    padding: 7rem 2rem 0 2rem
}

.section--compare.section--head .__page_title {
    text-align: center;
    font-size: 2.4rem;
    line-height: 1.4
}

.section--compare.section--00 {
    background: #f4f4f4;
    padding-top: 4.5rem;
    padding-bottom: 1.875rem
}

.section--compare.section--00 .section__table {
    display: table;
    width: 100%;
    top: 0
}

.section--compare.section--00 .section__table--tr {
    list-style: none;
    display: table-row
}

.section--compare.section--00 .section__table.section__table-logo {
    max-width: 980px;
    width: 100%;
    background: #f4f4f4;
    z-index: 10
}

.section--compare.section--00 .section__table--tr-logo .section__table--td {
    width: 100%;
    max-width: 824px
}

.section--compare.section--00 .section__table--tr-logo .section__table--th,
.section--compare.section--00 .section__table--tr-logo .section__table--td-00 {
    border: none;
    padding: 1rem 0
}

.section--compare.section--00 .section__table--tr-00 .section__table--th,
.section--compare.section--00 .section__table--tr-00 .section__table--td-00 {
    border: none;
    padding-top: 1.25rem
}

.section--compare.section--00 .section__table--tr-03 .section__table--td-00 {
    padding-top: 1.875rem
}

.section--compare.section--00 .section__table--tr-03 .section__table--td-00:first-child {
    border-right: none;
    text-align: right;
    padding-right: 3rem
}

.section--compare.section--00 .section__table--tr-03 .section__table--td-00:nth-child(2) {
    text-align: left;
    padding-left: 2.1875rem
}

.section--compare.section--00 .section__table--tr-03 .section__table--td-03 {
    height: 23.75rem
}

.section--compare.section--00 .section__table--tr-03 .section__table--td-03.loaded {
    background-image: url("../img/compare/desktop/section--00-03.jpg?20210602");
    background-size: cover;
    background-position: center
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--compare.section--00 .section__table--tr-03 .section__table--td-03.loaded {
        background-image: url("../img/compare/desktop/section--00-03@2x.jpg?20210602")
    }
}

.section--compare.section--00 .section__table--tr-04 .section__table--th {
    border-width: 0 1px 0 1px
}

.section--compare.section--00 .section__table--tr-last .section__table--th,
.section--compare.section--00 .section__table--tr-last .section__table--td-00 {
    border-bottom: #d3d3d3 solid 1px
}

.section--compare.section--00 .section__table--tr-last-00 .section__table--td-00 {
    padding-top: 3rem
}

.section--compare.section--00 .section__table .height_fix .section__table--td-00 p {
    height: 35px
}

.section--compare.section--00 .section__table--th {
    display: table-cell;
    vertical-align: top;
    padding-top: 2.875rem;
    max-width: 9.75rem;
    width: 9.75rem;
    border: #d3d3d3 solid;
    border-width: 1px 1px 0 1px
}

.section--compare.section--00 .section__table--th h3 {
    font-size: .875rem;
    font-weight: bold;
    text-align: center;
    padding: 0 .1875rem;
    line-height: 1.25rem
}

.section--compare.section--00 .section__table--td {
    display: table-cell;
    display: flex
}

.section--compare.section--00 .section__table--td.img_middle img {
    vertical-align: middle
}

.section--compare.section--00 .section__table--td-00 {
    width: 50%;
    padding: 2.875rem 1.5rem;
    border: solid #d3d3d3;
    border-width: 1px 1px 0 0;
    text-align: center
}

.section--compare.section--00 .section__table--td-00 p {
    font-size: .9375rem
}

.section--compare.section--00 .section__table--td-00 table {
    border-collapse: collapse;
    margin: 0 auto
}

.section--compare.section--00 .section__table--td-00 table th {
    vertical-align: baseline
}

.section--compare.section--00 .section__table--td-00 table th p {
    text-align: right
}

.section--compare.section--00 .section__table--td-00 table td:nth-child(2) p {
    text-align: right
}

.section--compare.section--00 .section__table--td-00 table td {
    vertical-align: baseline
}

.section--compare.section--00 .section__table--td-00 .__image.section--00-00-00 {
    max-width: 73%;
    vertical-align: middle
}

.section--compare.section--00 .section__table--td-00 .__image.section--00-00-01 {
    max-width: 102%;
    vertical-align: middle
}

.section--compare.section--00 .section__table--td-00 .__image.section--00-00,
.section--compare.section--00 .section__table--td-00 .__image.section--00-01 {
    max-width: 12.125rem
}

.section--compare.section--00 .section__table--td-00 .__image.section--00-02-00 {
    width: 12.9375rem;
    margin-top: 1.5rem
}

.section--compare.section--00 .section__table--td-00 .__image.section--00-02-01 {
    width: 11.9375rem;
    margin-top: 1.5rem
}

.section--compare.section--00 .section__table--td-00 .price {
    padding-top: 1.6875rem;
    padding-left: 2rem;
    font-size: 2rem
}

.section--compare.section--00 .section__table--td-00 .price::before {
    font-size: 1.4rem
}

.section--compare.section--00 .section__table--td-00 .price::after {
    font-size: .8rem
}

.section--compare.section--00 .section__table--td-00 .__information {
    margin: 0 0 1rem;
    font-size: .8rem
}

.section--compare.section--00 .section__table--td-00 .colores {
    margin: 0 0 2rem
}

.section--compare.section--00 .section__table--td-00 .btn--pagemap {
    width: 124px;
    height: 32px;
    margin: 20px auto 33px;
    font-size: .8rem;
    line-height: 32px;
    border-radius: 16px;
    transition: width .2s;
    background: #707070
}

.section--compare.section--00 .section__table--td-00 .btn--pagemap:hover {
    width: 134px
}

.section--compare.section--00 .section__table--td-02 {
    background: #fff
}

.section--compare.section--00 .section__table__txt-th {
    padding-right: .625rem
}

.section--compare.section--00 .section__table__txt-large {
    font-size: 1.875rem;
    padding: 0 .3125rem;
    line-height: 1.875rem
}

.section--compare.section--00 .section__table__txt-small {
    font-size: .75rem;
    font-weight: normal
}

.section--compare.section--00 .section__table__txt-small-00 {
    font-size: 1rem
}

.section--compare.section--00 .section__table .section__svg {
    width: 1.25rem;
    margin: 0 auto
}

.section--story {
    position: relative;
    padding: 0 0 14rem 0
}

.section--story .viewport {
    width: 90%;
    max-width: 780px
}

.section--story .viewport .__content {
    width: 100%
}

.section--story .__image {
    margin-bottom: 4.25rem
}

.section--story .__sign {
    width: 231px;
    margin: auto
}

.section--story .__sign .__note {
    display: block;
    font-size: .9375rem;
    color: #000;
    margin-top: .375rem
}

.section--story .section__title {
    text-align: center;
    font-size: 2.4rem;
    margin-bottom: 3.625rem
}

@media(max-width: 1023px) {
    .section--story .section__title {
        font-size: 3rem
    }
}

.section--story .section__txt--large {
    font-size: 3.125rem;
    float: left;
    margin-bottom: 0;
    line-height: 1;
    padding: 9px 20px 0 4px
}

.section--story .section__txt sup {
    font-size: 36%;
    vertical-align: top;
    position: relative;
    top: -0.1em
}

.section--story .section__txt.caution {
    font-size: 14px;
    margin-top: 36px
}

.section--story p {
    font-size: 18px
}

.section--story.section--00 {
    text-align: center;
    padding: 8rem 0
}

.section--story.section--00 .viewport {
    max-width: 900px
}

.section--story.section--00 .__content {
    margin-left: auto;
    margin-right: auto
}

.section--story.section--00 .__content>h1 {
    font-size: 2.4rem;
    margin-bottom: 3rem
}

.section--story.section--00 .__content>h1>span:first-of-type {
    margin-right: 8px
}

.section--story.section--00 .__content p {
    margin-bottom: 5rem
}

.section--story.section--00 .__content p span {
    display: inline-block
}

.section--story.section--05 .section__title br {
    display: none
}

.section--story.section--07 {
    background-color: #a8d2e2;
    position: relative;
    padding: 0;
    min-height: 1200px;
    background-position: center bottom;
    background-size: 100%
}

.section--story.section--07.loaded {
    background-image: url("../img/story/desktop/section--07.jpg?20210602")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--story.section--07.loaded {
        background-image: url("../img/story/desktop/section--07@2x.jpg?20210602")
    }
}

.section--story.section--07 .viewport {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding-top: 5.625rem
}

.section--story.section--07.section--story .__image {
    margin-bottom: 0
}

@media(max-width: 1023px) {
    .section--story.section--07 p {
        font-size: 1.0625rem
    }
}

.section--story.section--08 {
    padding-bottom: 5.6875rem;
    background-color: #f4f4f4
}

.section--story.section--08 .viewport {
    margin-top: 7.5625rem;
    max-width: 980px
}

.section--story.section--08 .section__title {
    margin: 0 auto
}

.section--story.section--08 .section__title .__image {
    max-width: 35.6875rem
}

.section--story.section--08 .__content {
    display: flex;
    padding-top: 1.25rem
}

.section--story.section--08 .__content .section__table {
    width: 100%;
    text-align: center
}

.section--story.section--08 .__content .section__table--00 {
    padding-left: 1%
}

.section--story.section--08 .__content .section__table--01 {
    padding-right: 5%
}

.section--story.section--08 .__content .__information {
    font-size: 1rem
}

.section--story.section--08 .__content .__image.section--08-00,
.section--story.section--08 .__content .__image.section--08-01 {
    max-width: 12.125rem;
    margin-bottom: .625rem
}

.section--story.section--08 .__content .__image.section--08-00-01 {
    max-width: 62.374768089%;
    margin-bottom: .625rem
}

.section--story.section--08 .__content .__image.section--08-01-01 {
    max-width: 90.440386681%;
    margin-bottom: .625rem
}

.section--story.section--08 .btn--pagemap {
    width: 124px;
    height: 32px;
    margin: .9375rem auto 33px;
    font-size: .8rem;
    line-height: 32px;
    border-radius: 16px;
    transition: width .2s;
    background: #707070
}

.section--story.section--08 .btn--pagemap:hover {
    width: 134px
}

.section--cashback {
    padding: 0
}

.section--cashback .viewport {
    width: 90%
}

.section--cashback .section__title {
    font-weight: bold
}

.section--cashback .__content {
    margin: 0;
    padding: 0
}

.section--cashback .__content .note {
    padding-top: 16px;
    color: #333
}

.section--cashback.section--00 .billboard-wrap {
    width: 100vw;
    position: relative
}

.section--cashback.section--00 .billboard-wrap .billboard-image {
    width: 100%;
    height: 52.96875%;
    min-height: 520px;
    object-fit: cover;
    object-position: 0 100%
}

.section--cashback.section--00 .billboard-wrap .badge-wrap {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 90%;
    margin: 0 auto
}

.section--cashback.section--00 .billboard-wrap .badge-wrap .badge {
    display: block;
    width: 23.90625vw;
    height: 23.90625vw;
    min-width: 240px;
    min-height: 240px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="333.989" height="333.989" viewBox="0 0 331.732 333.989" preserveAspectRatio="none"><g transform="translate(0.024 0.022)"><path d="M256.329,187.683c-.453,0-.513-.061-.513-.514l.008-.419c.021-.958.075-3.482.075-7.865V160.8c0-4.448-.055-7.037-.076-7.96l-.007-.367c0-.491.06-.558.513-.558l.359.011c.656.023,2.187.074,5.268.074H283.5c3.209,0,4.77-.054,5.4-.077l.307-.009c.453,0,.514.067.514.558l-.007.381c-.02.963-.078,3.666-.078,8.112v14.454c0,2.263.033,3.964.058,5.274.014.817.026,1.484.026,2.036,0,1.733-.409,2.794-1.37,3.547-1.09.861-2.642,1.11-6.92,1.11-1.364,0-1.442-.065-1.7-1.391a12.238,12.238,0,0,0-1.1-3.243c2.149.13,4.391.139,4.819.139,1.209,0,1.6-.337,1.6-1.387V170.936l-24.63.053.049,8.952c0,3.731.056,5.991.076,6.851l.008.375c0,.453-.067.514-.556.514Zm4.1-31.443.049,10.6,9.882-.051-.049-10.552Zm14.327,0,.049,10.6,10.3-.051-.048-10.552Z" fill="%23ffffff"/><path d="M59.711,80.912h6.062a4.882,4.882,0,0,1,3.532,1.2,3.026,3.026,0,0,1,.907,2.238v.039A3.216,3.216,0,0,1,68.281,87.4c1.585.54,2.684,1.447,2.684,3.282v.039c0,2.413-1.99,3.706-5,3.706H59.711Zm8.126,3.82c0-1.061-.849-1.717-2.373-1.717H62.047v3.59H65.29c1.524,0,2.547-.6,2.547-1.835Zm-2.026,3.88H62.047v3.706h3.937c1.621,0,2.6-.637,2.6-1.852v-.039C68.589,89.289,67.678,88.612,65.811,88.612Z" fill="%23ffffff"/><path d="M78.24,80.815h2.2l5.946,13.607h-2.51l-1.37-3.262h-6.39l-1.389,3.262H72.294Zm3.4,8.242L79.3,83.651l-2.316,5.406Z" fill="%23ffffff"/><path d="M88.7,80.912h2.374V92.26h7.1v2.163H88.695Z" fill="%23ffffff"/><path d="M100.647,80.912h2.528l4.111,6.388,4.111-6.388h2.529V94.423H111.55V84.732l-4.265,6.37h-.078l-4.227-6.33v9.65h-2.335Z" fill="%23ffffff"/><path d="M117.186,88.691V80.912h2.373v7.682c0,2.508,1.292,3.839,3.416,3.839,2.1,0,3.4-1.254,3.4-3.743V80.911h2.374v7.661c0,4.034-2.276,6.062-5.809,6.062C119.426,94.635,117.186,92.607,117.186,88.691Z" fill="%23ffffff"/><path d="M132.007,80.912h5.039c4.246,0,7.179,2.913,7.179,6.716v.039c0,3.8-2.933,6.756-7.181,6.756h-5.037Zm2.375,2.161V92.26h2.662a4.4,4.4,0,0,0,4.693-4.555v-.039a4.435,4.435,0,0,0-4.265-4.6c-.142-.006-.284,0-.426,0Z" fill="%23ffffff"/><path d="M150.94,80.815h2.2l5.944,13.607h-2.508L155.2,91.16h-6.388l-1.391,3.262h-2.431Zm3.4,8.242L152,83.651l-2.315,5.406Z" fill="%23ffffff"/><path d="M168.11,83.111h-4.285v-2.2h10.963v2.2H170.5V94.423H168.11Z" fill="%23ffffff"/><path d="M176.832,80.333h2.336v5.461a3.692,3.692,0,0,1,3.184-1.775c2.3,0,3.629,1.543,3.629,3.9v6.506h-2.334v-5.79c0-1.584-.791-2.491-2.182-2.491a2.267,2.267,0,0,0-2.315,2.218,2.307,2.307,0,0,0,.015.311v5.751h-2.336Z" fill="%23ffffff"/><path d="M188.142,89.366v-.039a5.057,5.057,0,0,1,4.8-5.3c.059,0,.119,0,.178-.006,3.243,0,4.885,2.547,4.885,5.481,0,.212-.019.424-.039.656h-7.489a2.845,2.845,0,0,0,2.933,2.587,3.7,3.7,0,0,0,2.76-1.217l1.369,1.217a5.152,5.152,0,0,1-4.169,1.91,5.085,5.085,0,0,1-5.232-4.934C188.137,89.6,188.137,89.484,188.142,89.366Zm7.548-.752a2.645,2.645,0,0,0-2.587-2.683,2.757,2.757,0,0,0-2.644,2.683Z" fill="%23ffffff"/><path d="M204.113,87.7v-.039a6.835,6.835,0,0,1,6.679-6.986c.1,0,.191,0,.287,0a7.046,7.046,0,0,1,5.29,2.1l-1.525,1.757a5.37,5.37,0,0,0-3.783-1.68,4.55,4.55,0,0,0-4.464,4.633c0,.045,0,.089.005.134v.039a4.554,4.554,0,0,0,4.313,4.783l.146,0a5.278,5.278,0,0,0,3.88-1.738l1.526,1.545a6.977,6.977,0,0,1-5.482,2.392,6.794,6.794,0,0,1-6.873-6.714C204.111,87.858,204.111,87.781,204.113,87.7Z" fill="%23ffffff"/><path d="M218.913,80.333h2.336v14.09h-2.336Z" fill="%23ffffff"/><path d="M223.451,89.366v-.039a5.057,5.057,0,0,1,4.8-5.3c.059,0,.119,0,.178-.006,3.243,0,4.883,2.547,4.883,5.481,0,.212-.019.424-.039.656h-7.487a2.844,2.844,0,0,0,2.932,2.587,3.7,3.7,0,0,0,2.761-1.217l1.37,1.217a5.152,5.152,0,0,1-4.169,1.91,5.085,5.085,0,0,1-5.233-4.933C223.446,89.6,223.446,89.484,223.451,89.366ZM231,88.614a2.645,2.645,0,0,0-2.587-2.683,2.759,2.759,0,0,0-2.645,2.683Z" fill="%23ffffff"/><path d="M235.145,89.347v-.039c0-3.378,2.3-5.288,4.73-5.288a4.167,4.167,0,0,1,3.474,1.794V84.232h2.336V94.423h-2.336v-1.7a4.08,4.08,0,0,1-3.474,1.91C237.482,94.635,235.145,92.725,235.145,89.347Zm8.243,0v-.039a3.059,3.059,0,0,0-2.846-3.257l-.109-.005a2.986,2.986,0,0,0-2.944,3.029c0,.078.005.156.012.233v.039a3.034,3.034,0,0,0,2.794,3.255c.046,0,.092.006.138.007a3.071,3.071,0,0,0,2.962-3.176c0-.029,0-.057,0-.086Z" fill="%23ffffff"/><path d="M248.522,84.232h2.335v1.563a3.689,3.689,0,0,1,3.185-1.775c2.3,0,3.629,1.544,3.629,3.9v6.5h-2.337V88.63c0-1.584-.791-2.491-2.18-2.491a2.267,2.267,0,0,0-2.315,2.218,2.3,2.3,0,0,0,.015.311v5.751h-2.337Z" fill="%23ffffff"/><path d="M259.734,89.366v-.039a5.057,5.057,0,0,1,4.8-5.3l.18-.006c3.243,0,4.883,2.547,4.883,5.481,0,.212-.02.424-.039.656h-7.489A2.847,2.847,0,0,0,265,92.744a3.693,3.693,0,0,0,2.76-1.217l1.371,1.217a5.159,5.159,0,0,1-4.169,1.91,5.083,5.083,0,0,1-5.233-4.928C259.729,89.606,259.729,89.486,259.734,89.366Zm7.545-.752a2.644,2.644,0,0,0-2.584-2.683,2.756,2.756,0,0,0-2.645,2.683Z" fill="%23ffffff"/><path d="M272.048,84.232h2.334v2.3a3.618,3.618,0,0,1,3.61-2.489v2.47h-.135c-2.045,0-3.475,1.333-3.475,4.034v3.88h-2.334Z" fill="%23ffffff"/><path d="M57.185,211.663a16.331,16.331,0,0,0-.99-4.6,34.96,34.96,0,0,1,4.8-.112c.475.039.719.186.679.553a8.107,8.107,0,0,0-.2,2.652l.229,3.1,3.073-.516c2.142-.368,4.77-.812,6.739-1.328.183,0,.317.147.36.407a24.106,24.106,0,0,1,.409,3.167c-.028.26-.222.367-.6.405-1.728.295-4.385.7-6.264,1.033l-3.3.589.428,4.715,5.439-.921c2.666-.444,4.513-.847,5.913-1.217.5-.111.586.038.586.407a19.413,19.413,0,0,1,.316,2.945.659.659,0,0,1-.615.628c-1.121.147-3.371.516-6.034.958l-5.18.884.418,4.089c.261,2.468.639,4.827.926,6.667.016.186-.179.3-.525.407a26.511,26.511,0,0,1-3.432.772c-.484.039-.685-.145-.693-.44-.112-1.363-.249-3.943-.517-6.3l-.465-4.348-5.1.884c-2.554.442-4.664.884-6.1,1.254-.421.146-.705.035-.808-.407-.252-1.068-.475-2.468-.646-3.647,2.274-.258,4.258-.554,6.957-.994l5.248-.847-.421-4.753-3.522.553c-2.063.332-4.587.847-5.608,1.1-.381.111-.556,0-.661-.367a28.965,28.965,0,0,1-.648-3.687c2-.146,4.059-.4,6.646-.809l3.4-.516Z" fill="%23ffffff"/><path d="M86.908,226a29.827,29.827,0,0,0-3.781,1.294,2.027,2.027,0,0,1-.615.167c-.231,0-.385-.135-.515-.467a16.671,16.671,0,0,1-.857-2.919,42.4,42.4,0,0,0,5.157-1.093l2.045-.531-.438-2.785a11.447,11.447,0,0,0-1.007-3.35c1.377-.167,3.056-.367,3.915-.367.531,0,.743.2.63.665A5.382,5.382,0,0,0,91.391,219l.37,2.487,7.386-1.824a4.113,4.113,0,0,0,1.733-.73.642.642,0,0,1,.42-.2.916.916,0,0,1,.533.3,15.433,15.433,0,0,1,1.783,1.656.67.67,0,0,1,.212.5,1.1,1.1,0,0,1-.436.665,2.934,2.934,0,0,0-.6.7,45.314,45.314,0,0,1-4.4,6.233.7.7,0,0,1-.526.3.86.86,0,0,1-.484-.163,7.9,7.9,0,0,0-2.545-1,27.925,27.925,0,0,0,4.046-5.074l-6.577,1.691.9,6c.344,2.089.639,3.715.94,5.571a.716.716,0,0,1-.482.889l-.042.011a12.257,12.257,0,0,1-2.258.663c-.441.1-.7.067-.778-.5-.2-1.857-.476-3.683-.744-5.541l-.917-6.135Z" fill="%23ffffff"/><path d="M114.1,219.064c.38-.163.61-.13.837.235a15.528,15.528,0,0,1,2.336,4.908,2.026,2.026,0,0,1,.082.5c-.021.2-.165.3-.445.467a15.742,15.742,0,0,1-2.231,1.028c-.482.167-.664,0-.781-.465a17.272,17.272,0,0,0-2.556-5.341C112.538,219.762,113.374,219.4,114.1,219.064Zm18.158.433c.246.2.394.365.372.565s-.136.365-.427.6a5.273,5.273,0,0,0-1.172,1.691,46.547,46.547,0,0,1-5.93,8.824,30.939,30.939,0,0,1-7.5,6.4,1.6,1.6,0,0,1-.832.365.686.686,0,0,1-.506-.231,6.635,6.635,0,0,0-2.674-1.394c4.251-2.619,6.421-4.311,8.682-6.9a39.512,39.512,0,0,0,5.312-7.993,12.875,12.875,0,0,0,1.13-3.517,14.1,14.1,0,0,1,3.544,1.59Zm-11.292-2.022c.38-.167.61-.133.833.265a17.063,17.063,0,0,1,2.049,4.841c.113.5.029.665-.428.9a15.331,15.331,0,0,1-2.394,1.028c-.38.133-.494-.033-.614-.5a19.911,19.911,0,0,0-2.228-5.307c1.386-.631,2.186-1,2.781-1.227Z" fill="%23ffffff"/><path d="M141.361,216.86c.212-.26.416-.442.737-.368a22.469,22.469,0,0,1,6.7,3.608c.235.186.37.333.345.552a1.147,1.147,0,0,1-.189.405,17.446,17.446,0,0,1-1.913,2.8c-.209.221-.374.368-.521.368s-.248-.074-.42-.221a28.126,28.126,0,0,0-7.021-4.015C140.156,218.514,140.858,217.447,141.361,216.86Zm4.54,13.667a71.085,71.085,0,0,0,10.764-6.374,78.4,78.4,0,0,0,11.692-10.28,17.267,17.267,0,0,0,.636,4.127,1.722,1.722,0,0,1,.111.7,1.3,1.3,0,0,1-.493.849,80.267,80.267,0,0,1-10.254,8.508,98.607,98.607,0,0,1-11.747,6.927,13.915,13.915,0,0,0-2.268,1.252.91.91,0,0,1-.62.3.839.839,0,0,1-.689-.444,20.159,20.159,0,0,1-2.336-3.755,18.872,18.872,0,0,0,5.2-1.807Zm.808-22.14c.3-.442.531-.517.953-.295a21.771,21.771,0,0,1,6.5,4.089.525.525,0,0,1,.248.479,1.007,1.007,0,0,1-.2.477,18.136,18.136,0,0,1-2.174,2.766.454.454,0,0,1-.389.219.846.846,0,0,1-.525-.258,30.968,30.968,0,0,0-6.677-4.532c.725-.96,1.534-1.99,2.264-2.947Z" fill="%23ffffff"/><path d="M189.357,231.735c1.328,0,2.787-.035,4.048-.035.568-.032.692.068.668.6-.032.63-.119,1.459-.219,2.091s-.2.661-.7.661c-1.5,0-3.08-.032-4.608-.032h-12.2c-1.361,0-2.652,0-4.287.065-.363,0-.478-.165-.492-.663a17.306,17.306,0,0,1,.126-2.787c1.878.135,3.1.135,4.762.135h7.694l1.97-8.059h-5.337c-1.295,0-2.792.065-3.658.1-.4.033-.526-.065-.532-.63-.026-.694.018-1.758.068-2.854,2.21.1,3.2.168,4.588.168h4.576a4.262,4.262,0,0,0,1.991-.3.672.672,0,0,1,.378-.131.955.955,0,0,1,.478.2,9.786,9.786,0,0,1,1.83,1.824.776.776,0,0,1,.237.6.98.98,0,0,1-.36.6,2.947,2.947,0,0,0-.841,1.658l-1.74,6.8Z" fill="%23ffffff"/><path d="M207.984,219.14a20.564,20.564,0,0,0,2.229-5.451,32.687,32.687,0,0,1,4.371,1.878.557.557,0,0,1,.381.589,1.235,1.235,0,0,1-.446.737,8.032,8.032,0,0,0-1.524,2.247,46.947,46.947,0,0,1-9.184,12.379,1.57,1.57,0,0,1-1.09.551,1.112,1.112,0,0,1-.809-.368,9.086,9.086,0,0,0-3.076-1.584A37.934,37.934,0,0,0,207.984,219.14Zm14.3-5.009a.983.983,0,0,1,.542-.221.667.667,0,0,1,.52.295,40.234,40.234,0,0,1,7.834,13.52.855.855,0,0,1,.093.516.821.821,0,0,1-.428.589,25.568,25.568,0,0,1-3.264,1.952c-.5.221-.754.149-.851-.33-2.082-6.153-4.36-10.462-7.6-14.332,1.424-.88,2.492-1.58,3.16-1.989Zm4.776-4.422c.2-.147.342-.109.544.074a14.508,14.508,0,0,1,3.087,3.943c.126.221.107.4-.172.589l-1.667,1.142c-.274.182-.457.149-.613-.112a15.682,15.682,0,0,0-3.276-4.271Zm3.531-2.394c.236-.147.344-.111.545.074a13.2,13.2,0,0,1,3.1,3.8.445.445,0,0,1-.106.62.469.469,0,0,1-.075.043l-1.593,1.142c-.318.219-.491.111-.617-.111a14.858,14.858,0,0,0-3.241-4.236Z" fill="%23ffffff"/><path d="M239.286,219.064c.383-.163.613-.13.839.235a15.616,15.616,0,0,1,2.337,4.908,2.177,2.177,0,0,1,.083.5c-.022.2-.165.3-.449.467a15.7,15.7,0,0,1-2.227,1.028c-.483.167-.663,0-.781-.465a17.3,17.3,0,0,0-2.559-5.341C237.723,219.762,238.559,219.4,239.286,219.064Zm18.161.433c.243.2.394.365.373.565s-.14.365-.428.6a5.22,5.22,0,0,0-1.172,1.691,46.693,46.693,0,0,1-5.934,8.824,30.961,30.961,0,0,1-7.5,6.4,1.6,1.6,0,0,1-.835.365.68.68,0,0,1-.5-.231,6.634,6.634,0,0,0-2.677-1.394c4.255-2.619,6.425-4.311,8.682-6.9a39.572,39.572,0,0,0,5.316-7.993,13,13,0,0,0,1.13-3.517,14.115,14.115,0,0,1,3.547,1.59Zm-11.3-2.022c.385-.167.61-.133.836.265a16.955,16.955,0,0,1,2.045,4.841c.112.5.032.665-.424.9a15.355,15.355,0,0,1-2.4,1.028c-.377.133-.494-.033-.611-.5a19.914,19.914,0,0,0-2.229-5.307c1.4-.631,2.2-1,2.789-1.227Z" fill="%23ffffff"/><path d="M285.667,212.326a3.672,3.672,0,0,0,1.887-.442.818.818,0,0,1,.5-.147.954.954,0,0,1,.565.221,14.478,14.478,0,0,1,2.3,1.989,1.059,1.059,0,0,1,.391.847,1.22,1.22,0,0,1-.524.773,5.149,5.149,0,0,0-1.38,1.586,59,59,0,0,1-8.49,11.381,54.523,54.523,0,0,1-12.168,9.173,1.087,1.087,0,0,1-.6.184,1.155,1.155,0,0,1-.806-.405,8.6,8.6,0,0,0-3.324-1.7,49.3,49.3,0,0,0,13.256-9.392,43.475,43.475,0,0,0,7.913-10.464l-8.945.261a60.155,60.155,0,0,1-7.756,7.551,1.289,1.289,0,0,1-.816.4.8.8,0,0,1-.531-.221,8.911,8.911,0,0,0-3.37-1.586A50.97,50.97,0,0,0,274.826,211.4a17.8,17.8,0,0,0,2.7-4.972,16.068,16.068,0,0,1,4.109,1.954.675.675,0,0,1,.3.626.836.836,0,0,1-.47.624,4.756,4.756,0,0,0-1.024.994c-.472.626-.9,1.18-1.41,1.845Z" fill="%23ffffff"/><path d="M121.563,272.1c-3.048,0-4.088.067-4.286.067-.33,0-.359-.035-.326-.365l.226-2.157c.038-.365.075-.4.408-.4.2,0,1.22.067,4.271.067h7.2a13.092,13.092,0,0,0,.442-2.024h-3.183c-3.182,0-4.317.067-4.515.067-.331,0-.363-.035-.324-.365l.219-2.091c.037-.365.072-.4.4-.4.2,0,1.32.067,4.5.067h3.282l.2-1.957h-3.05c-3.082,0-4.185.067-4.385.067-.331,0-.359-.035-.32-.4l.216-2.056c.036-.365.074-.4.407-.4.2,0,1.285.065,4.369.065h3.017c.075-1.028.058-1.822.058-2.454,1.094.033,2.382.067,3.36.2.4.067.58.2.553.432a2.306,2.306,0,0,1-.271.694,2.78,2.78,0,0,0-.283,1.128h3.415c3.052,0,4.151-.065,4.349-.065.367,0,.4.032.357.4l-.216,2.056c-.037.365-.076.4-.439.4-.2,0-1.286-.067-4.335-.067h-3.416l-.205,1.957h3.583c3.217,0,4.284-.067,4.482-.067.366,0,.4.032.359.4l-.219,2.091c-.039.33-.075.365-.439.365-.2,0-1.254-.067-4.47-.067h-3.648c-.1.73-.277,1.393-.407,2.024h8.354c3.054,0,4.087-.067,4.287-.067.363,0,.393.032.352.4l-.222,2.157c-.039.33-.072.365-.438.365-.2,0-1.219-.067-4.27-.067H133.63c2.322,3.183,6.57,4.709,11.975,5.339a9.049,9.049,0,0,0-1.517,2.489c-.274.695-.4.893-.761.893a3.282,3.282,0,0,1-.72-.067c-5.244-.893-9.259-3.084-11.873-7.26a10.564,10.564,0,0,1-.918,1.159c-2.674,3.05-6.506,4.809-11.972,6.036a6.814,6.814,0,0,1-.777.132c-.265,0-.374-.23-.535-.893a6.4,6.4,0,0,0-1.024-2.257c5.652-.8,10.031-2.685,11.94-5.072l.348-.5Zm20.547-18.243c3.084,0,4.187-.065,4.385-.065.334,0,.36.033.327.363-.018.168-.149.765-.241,1.661l-.147,1.391c-.3,2.885-.291,3.419-.309,3.582-.034.333-.067.365-.4.365h-2.72c-.333,0-.36-.031-.326-.365l.423-4.013H122.044l-.421,4.013c-.035.333-.073.365-.436.365H118.5c-.331,0-.363-.031-.329-.365.017-.163.141-.7.443-3.582l.119-1.126c.12-1.161.117-1.757.134-1.926.035-.33.072-.363.4-.363.23,0,1.32.065,4.368.065h7.232l.017-.163a13.348,13.348,0,0,0,.065-3.152c1.222.033,2.442.1,3.559.2.363.035.514.167.5.3a2.024,2.024,0,0,1-.267.665,6.593,6.593,0,0,0-.373,1.991l-.017.163Z" fill="%23ffffff"/><path d="M164.526,261.814c-.367.332-.583.5-.745.5s-.312-.2-.6-.665a5.661,5.661,0,0,0-1.449-1.359,19.79,19.79,0,0,0,1.692-1.557h-.069c-.163,0-1.02-.067-3.573-.067h-2.324c-.165,1.26-.287,2.454-.472,3.582h3.247c1.426,0,1.8-.067,2-.067.332,0,.39.067.356.4-.175,1.028-.284,2.089-.477,3.582-.784,7.163-1.355,9.784-2.15,11.674a3.673,3.673,0,0,1-3.716,2.554c-.5,0-.93,0-1.389-.032-.527-.035-.589-.066-.6-.9a7.744,7.744,0,0,0-.5-2.522,12.673,12.673,0,0,0,2.138.2c.957,0,1.19-.331,1.654-1.857s.849-4.013,1.545-10.017h-2.555c-1.039,6.136-2.444,10.68-5.208,14.6-.273.4-.459.565-.657.565-.165,0-.316-.168-.507-.533a6.106,6.106,0,0,0-1.634-2.122c3.877-4.743,4.782-10.513,5.782-19.1-1.959.034-2.692.067-2.861.067-.3,0-.328-.033-.29-.4l.254-2.421c.033-.33.075-.365.373-.365.2,0,1.018.067,3.6.067h1.362l.177-1.693a14.367,14.367,0,0,0,.107-3.217c1.223.033,2.282.068,3.462.167.365.033.581.165.559.365a1.505,1.505,0,0,1-.3.631,5.788,5.788,0,0,0-.414,2.054l-.179,1.693c2.487,0,3.357-.067,3.555-.067.334,0,.359.035.327.365l-.258,2.456a19.306,19.306,0,0,0,3.618-5.706,8.336,8.336,0,0,0,.69-2.156c1.043.167,1.923.3,2.862.53.416.133.535.267.521.4a.855.855,0,0,1-.242.433,4.207,4.207,0,0,0-.769,1.324l-.853,1.792h7.693c2.688,0,3.587-.067,3.787-.067.332,0,.364.033.328.365l-.252,2.422c-.038.33-.076.365-.406.365-.2,0-1.089-.067-3.774-.067h-9.185a22.4,22.4,0,0,1-1.978,2.452c.856.035,1.582.067,2.434.168.363,0,.518.131.5.3a1.479,1.479,0,0,1-.228.6,5.621,5.621,0,0,0-.37,1.957l-.128,1.193,2.386-.6.026-.266a33.705,33.705,0,0,0,.295-4.709,22.707,22.707,0,0,1,3.026.23c.328.035.482.167.462.367a2.557,2.557,0,0,1-.236.663,9.627,9.627,0,0,0-.507,2.952l2.007-.5c2.831-.732,3.864-1.13,4.135-1.163.2-.031.253.1.23.332-.078.431-.142,1.028-.258,1.826a51.425,51.425,0,0,1-1.448,7.5,3,3,0,0,1-2.224,1.922,7.1,7.1,0,0,1-1.765.065c-.5,0-.553-.1-.522-.7a5.811,5.811,0,0,0-.392-2.289,6.477,6.477,0,0,0,1.507.165.84.84,0,0,0,.9-.7,34.035,34.035,0,0,0,.834-4.444l-3.31.863-.449,4.311c-.26,2.487-.315,3.65-.339,3.848-.034.331-.072.365-.435.365h-2.354c-.333,0-.356-.1-.323-.431.025-.2.2-1.294.466-3.782l.37-3.548-2.385.6-.767,7.328c-.14,1.326-.123,1.792.215,2.056.467.3,1.284.4,3.807.4,3.113,0,4.155-.1,4.7-.563.65-.5.876-1.093,1.164-3.517a7.745,7.745,0,0,0,2.164.865c.8.263.8.263.641,1.159-.54,2.954-1.223,3.45-2.333,4.213-1.039.729-3.778.929-7.1.929-3.579,0-4.792-.133-5.659-.731-.679-.5-1.013-1.063-.816-2.985l.878-8.358c-1.059.3-1.4.431-1.542.466-.373.1-.431,0-.5-.333l-.337-2.156c-.043-.233,0-.3.3-.365.2-.033.916-.167,2.375-.5l.163-1.559a24.952,24.952,0,0,0,.2-2.852Z" fill="%23ffffff"/><path d="M196.766,254.849a24.778,24.778,0,0,0,.182-4.244c1.223.033,2.542.1,3.656.232.295.033.544.165.521.4a1.671,1.671,0,0,1-.233.663,8.261,8.261,0,0,0-.549,2.685l-.26,2.489h6.433c3.182,0,4.285-.067,4.516-.067.332,0,.362.033.328.365-.02.2-.2,1.226-.5,4.113l-.4,3.846c-.557,5.307-.59,6.27-.611,6.469-.036.33-.072.365-.4.365h-2.82c-.331,0-.359-.035-.324-.365l.147-1.393h-7.76l-.428,4.08c-.415,3.945-.561,5.967-.579,6.134-.035.333-.068.367-.4.367h-2.952c-.329,0-.359-.033-.326-.367.022-.2.291-2.154.7-6.069l.436-4.145h-7.328l-.161,1.526c-.037.363-.075.4-.406.4h-2.82c-.329,0-.36-.033-.322-.4.019-.2.192-1.2.745-6.5l.36-3.417c.354-3.382.4-4.443.419-4.643.033-.332.071-.365.4-.365.232,0,1.318.067,4.5.067h6Zm-8.622,12.339h7.328l.723-6.9h-7.329Zm11.6-6.9-.724,6.9h7.761l.723-6.9Z" fill="%23ffffff"/><path d="M65.292,189.158c-4.629,0-9.152-1.251-12.091-3.345-2.818-1.775-5.588-4.86-4.892-8.179.427-2.038,3.207-4.147,7.119-4.147,2.678,0,3.324,3.071,3.845,5.538.124.592.242,1.147.376,1.608a6.145,6.145,0,0,0,6.275,5.109c7.262,0,12.933-7.175,15.551-19.683,1.282-6.123.619-11.18-1.868-14.242a7.487,7.487,0,0,0-6-2.831c-5.086,0-9.126,2.138-13.1,6.932a1.974,1.974,0,0,1-1.589.921,4.138,4.138,0,0,1-1.489-.375c-1.332-.675-1.173-1.314-.781-2.212a22.9,22.9,0,0,0,.851-2.375l.1-.328,9.008-30.342a2.13,2.13,0,0,1,.918-1.361l.157-.109a2.032,2.032,0,0,1,1.271-.519c3.715.1,9.3.1,14.22.1,2.928,0,8.88-.063,15.807-.486h0a.86.86,0,0,1,.709.254,1.058,1.058,0,0,1,.1.861L95.824,127.1a1.574,1.574,0,0,1-1.3.782l-2.441-.061c-2.8-.072-5.122-.132-8.125-.132H68.782l-5.518,18.433c-.293,1.058-.657,2.22-1.068,3.522l-.263.84a21.021,21.021,0,0,1,14.682-5.492c5.327,0,9.577,1.764,12.286,5.1,3.093,3.808,3.992,9.324,2.6,15.954C88.614,179.87,78.076,189.158,65.292,189.158Z" fill="%23ffffff"/><path d="M90.374,196.575a1,1,0,0,1-.847-.614,1.013,1.013,0,0,1,.088-1.431.944.944,0,0,1,.175-.125c3.06-1.75,5.014-3.74,5.374-5.46a1.548,1.548,0,0,0-.886-1.626c-.129-.079-.277-.153-.43-.232-.776-.4-1.841-.937-1.515-2.5.438-2.094,3.09-4.652,5.562-4.652a2.992,2.992,0,0,1,2.213,1.21,4.866,4.866,0,0,1,.845,4.2c-.785,3.752-4.149,7.461-10,11.022A1.046,1.046,0,0,1,90.374,196.575Z" fill="%23ffffff"/><path d="M125.974,189.158c-4.924,0-8.805-1.7-11.534-5.069-4.78-5.883-5.748-16.421-2.8-30.478,4.683-22.354,15.907-36.24,29.293-36.24a13.522,13.522,0,0,1,11.036,5c4.867,5.991,5.951,16.91,3.053,30.74C150.361,175.345,139.233,189.158,125.974,189.158ZM140.3,120.781c-7.839,0-13.227,9.756-18.017,32.62-3.554,16.966-3.714,26.288-.514,30.224a5.826,5.826,0,0,0,4.835,2.117c7.693,0,13-9.7,17.764-32.424,3.6-17.164,3.781-26.565.6-30.482a5.64,5.64,0,0,0-4.668-2.055Z" fill="%23ffffff"/><path d="M176.442,189.158c-4.923,0-8.8-1.7-11.535-5.069-4.778-5.883-5.747-16.421-2.8-30.478,4.681-22.354,15.906-36.24,29.293-36.24a13.528,13.528,0,0,1,11.036,5c4.865,5.991,5.949,16.91,3.053,30.74C200.829,175.345,189.7,189.158,176.442,189.158Zm14.325-68.377c-7.836,0-13.226,9.756-18.014,32.62-3.555,16.966-3.713,26.288-.514,30.224a5.821,5.821,0,0,0,4.836,2.117c7.691,0,13-9.7,17.765-32.424,3.6-17.164,3.781-26.565.6-30.482a5.633,5.633,0,0,0-4.674-2.055Z" fill="%23ffffff"/><path d="M253.327,160.8c0-4.415-.054-6.986-.076-7.9l-.006-.375a2.926,2.926,0,0,1,2.656-3.172,3.071,3.071,0,0,1,.429-.006l.314.009c1.961-12.043.672-21.544-3.745-26.981a13.521,13.521,0,0,0-11.036-5c-13.387,0-24.61,13.886-29.294,36.24-2.944,14.058-1.976,24.6,2.8,30.478,2.729,3.364,6.61,5.069,11.534,5.069,11.207,0,20.877-9.9,26.42-26.385Zm-8.023-7.481c-4.76,22.728-10.073,32.424-17.766,32.424a5.826,5.826,0,0,1-4.835-2.117c-3.2-3.936-3.038-13.256.515-30.224,4.791-22.865,10.177-32.62,18.014-32.62a5.638,5.638,0,0,1,4.671,2.056c3.182,3.917,3,13.319-.6,30.477Z" fill="%23ffffff"/><path d="M328.784,141.294l-.461.067a283.434,283.434,0,0,1,.244,28.7,162.928,162.928,0,0,1-4.058,28.2A170.507,170.507,0,0,1,302.543,250.3,165.953,165.953,0,0,1,264.8,292.019,162.107,162.107,0,0,1,24.31,244.274l9.77-.976c-7.41-3.192-16.16-9.88-22.216-15.745.766,8.4.487,19.408-1.67,27.181l7.01-7.123c18.567,33.5,49.13,60.019,84.634,74.216A167.418,167.418,0,0,0,159.363,333.9a170.454,170.454,0,0,0,58.11-8.556,167.511,167.511,0,0,0,90.461-71.693,162.132,162.132,0,0,0,20.873-54.49,166.443,166.443,0,0,0,2.868-29.011A117.494,117.494,0,0,0,328.784,141.294Z" fill="%23ffffff"/><path d="M321.489,82.364l-5.947,5.952c-18.211-33.979-48.717-61.009-84.323-75.6a167.848,167.848,0,0,0-168.063,23.3A165.39,165.39,0,0,0,24.01,79.912a162.093,162.093,0,0,0-21.083,54.67,166.263,166.263,0,0,0-2.915,29.13A117.651,117.651,0,0,0,2.906,192.7l.462-.067a282.877,282.877,0,0,1-.241-28.814A162.809,162.809,0,0,1,7.235,135.5,170.477,170.477,0,0,1,29.4,83.282,165.8,165.8,0,0,1,67.45,41.534,162.062,162.062,0,0,1,294.866,70.941,170.883,170.883,0,0,1,308.418,91.58l-8.161.752c6.541,2.88,14.246,8.861,19.573,14.1C319.206,98.984,319.53,89.236,321.489,82.364Z" fill="%23ffffff"/></g></svg>')
}

.section--cashback.section--00 .__content {
    padding-top: 100px
}

.section--cashback.section--00 .__content .balmuda-the-cleaner {
    width: 600px;
    height: 39.28px;
    margin-bottom: 16px
}

.section--cashback.section--00 .__content .page__title {
    font-size: 3rem;
    font-weight: bold;
    text-indent: -0.07em;
    color: #000;
    margin-bottom: 20px
}

.section--cashback.section--00 .__content .date {
    display: inline-block;
    margin-bottom: 70px;
    padding: .45em 1.4em .5em;
    background-color: #e5e5e5;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    color: #000
}

.section--cashback.section--00 .__content .date sup {
    vertical-align: super;
    font-size: .6em
}

.section--cashback.section--00 .__content .overview_text {
    font-size: 1.4;
    font-weight: bold;
    margin-bottom: 30px
}

.section--cashback.section--00 .__content .overview_text sup {
    vertical-align: super;
    font-size: .6em
}

.section--cashback.section--00 .__content .sup {
    counter-reset: number 0
}

.section--cashback.section--00 .__content .sup li {
    position: relative;
    counter-increment: number 1;
    list-style: none;
    font-size: .9rem;
    line-height: 1.4;
    padding-left: 2em
}

.section--cashback.section--00 .__content .sup li:not(:last-child) {
    margin-bottom: .5rem
}

.section--cashback.section--00 .__content .sup li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "＊" counter(number);
    vertical-align: super;
    font-size: .8em
}

.section--cashback.section--00 .closed {
    padding: 100px 0;
    background-color: #555;
    color: #fff
}

.section--cashback.section--00 .closed .page__title {
    font-size: 3rem;
    font-weight: bold
}

.section--cashback.section--00 .closed a {
    color: #fff
}

.section--cashback.section--01 .__content {
    padding-top: 100px
}

.section--cashback.section--01 .__content .list {
    margin-left: 1.5rem
}

.section--cashback.section--01 .__content dl dt {
    font-weight: bold
}

.section--cashback.section--01 .__content dl dd:not(:last-child) {
    margin-bottom: 30px
}

.section--cashback.section--02 {
    padding-bottom: 100px
}

.section--cashback.section--02 .__content {
    padding: 100px 0 0
}

.section--cashback.section--02 .__content .steps {
    counter-reset: step;
    display: grid;
    gap: 60px 0;
    column-gap: 20px;
    grid-template-columns: 320px 1fr;
    padding-bottom: 60px
}

.section--cashback.section--02 .__content .steps .title {
    counter-increment: step;
    position: relative;
    height: 90px;
    background-color: #555;
    font-size: 1.3rem;
    line-height: 1.2;
    font-weight: bold;
    color: #fff;
    text-align: center
}

.section--cashback.section--02 .__content .steps .title::before {
    content: counter(step);
    display: block;
    padding-top: 16px;
    font-size: 2.5rem
}

.section--cashback.section--02 .__content .steps .title::after {
    content: "";
    display: block;
    position: absolute;
    top: 90px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 36px 160px 0 160px;
    border-color: #555 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

@media screen and (max-width: 780px) {
    .section--cashback.section--02 .__content .steps {
        grid-template-columns: 260px 1fr
    }

    .section--cashback.section--02 .__content .steps .title {
        font-size: 1.2rem
    }

    .section--cashback.section--02 .__content .steps .title::after {
        border-width: 36px 130px 0 130px
    }
}

.section--cashback.section--02 .__content .steps .description .text {
    margin-bottom: 20px
}

.section--cashback.section--02 .__content .steps .description .text strong {
    font-weight: bold
}

.section--cashback.section--02 .__content .steps .description.__step1 .text {
    margin-bottom: 0
}

.section--cashback.section--02 .__content .steps .description .note {
    line-height: 1.6;
    padding-top: 24px
}

.section--cashback.section--02 .__content .steps .description .__image {
    width: 100%;
    max-width: 411px;
    height: auto
}

.section--cashback.section--02 .__content .steps .buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0
}

.section--cashback.section--02 .__content .steps .buttons>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 400px;
    height: 44px;
    border-radius: 22px;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    margin: 5px 0
}

.section--cashback.section--02 .__content .steps .buttons>a::after {
    display: inline-block;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.section--cashback.section--02 .__content .steps .buttons>a.form::after {
    width: 15px;
    height: 15px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path d="M7.5,15A7.5,7.5,0,1,1,15,7.5,7.509,7.509,0,0,1,7.5,15ZM6.3,4.3,5.7,5,8.4,7.4,5.7,9.8l.6.7L9.9,7.4Z" fill="%23ffffff"/></svg>');
    margin: 1px 0 0 8px
}

.section--cashback.section--02 .__content .steps .buttons>a.post::after {
    width: 13.56px;
    height: 13.56px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13.556" height="13.556" viewBox="0 0 13.556 13.556"><path d="M2.848,1H7.162a.559.559,0,0,1,.431.185.559.559,0,0,1,.185.431.559.559,0,0,1-.185.431.559.559,0,0,1-.431.185H2.848a.559.559,0,0,0-.431.185.559.559,0,0,0-.185.431v9.859a.559.559,0,0,0,.185.431.559.559,0,0,0,.431.185h9.859a.632.632,0,0,0,.616-.616V8.394a.616.616,0,0,1,1.232,0v4.313a1.9,1.9,0,0,1-1.849,1.849H2.848A1.773,1.773,0,0,1,1.555,14,1.773,1.773,0,0,1,1,12.707V2.848a1.773,1.773,0,0,1,.555-1.294A1.773,1.773,0,0,1,2.848,1Zm7.394,0h3.7a.559.559,0,0,1,.431.185.559.559,0,0,1,.185.431v3.7a.616.616,0,0,1-1.232,0V3.095L8.209,8.209a.61.61,0,1,1-.863-.863l5.114-5.114H10.242a.559.559,0,0,1-.431-.185.559.559,0,0,1-.185-.431.559.559,0,0,1,.185-.431A.559.559,0,0,1,10.242,1Z" transform="translate(-1 -1)" fill="%23ffffff"/></svg>');
    margin: 1px 0 0 -2px
}

@media screen and (max-width: 780px) {
    .section--cashback.section--02 .__content .steps .buttons>a {
        width: 100%;
        font-size: .9em
    }
}

@media screen and (max-width: 720px) {
    .section--cashback.section--02 .__content .steps .buttons>a.post>span {
        display: none
    }

    .section--cashback.section--02 .__content .steps .buttons>a.post::after {
        margin: 1px 0 0 8px
    }
}

.section--cashback.section--02 .__content .complete {
    margin-bottom: 10px;
    padding: 30px 20px;
    border-radius: 4px;
    background-color: #555;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: bold;
    color: #fff
}

.section--cashback.section--02 .__content.__content__faq dt,
.section--cashback.section--02 .__content.__content__faq dd {
    padding-left: 30px
}

.section--cashback.section--02 .__content.__content__faq dt::before,
.section--cashback.section--02 .__content.__content__faq dd::before {
    display: inline-block;
    width: 30px
}

.section--cashback.section--02 .__content.__content__faq dt {
    font-weight: bold
}

.section--cashback.section--02 .__content.__content__faq dt::before {
    content: "Q.";
    margin-left: -30px
}

.section--cashback.section--02 .__content.__content__faq dd::before {
    content: "A.";
    margin-left: -28px
}

.section--cashback.section--02 .__content.__content__faq dd:not(:last-child) {
    margin-bottom: 1rem
}

.section--cashback.section--03,
.section--cashback.section--04,
.section--cashback.section--05 {
    padding: 100px 0 0 0;
    background-color: #f0f0f0;
    font-size: .8rem
}

.section--cashback.section--03 .list,
.section--cashback.section--04 .list,
.section--cashback.section--05 .list {
    margin-left: 1.4rem
}

.section--cashback.section--03 .list li:not(:last-child),
.section--cashback.section--04 .list li:not(:last-child),
.section--cashback.section--05 .list li:not(:last-child) {
    margin-bottom: 5px
}

.section--cashback.section--03 .list li>ul,
.section--cashback.section--04 .list li>ul,
.section--cashback.section--05 .list li>ul {
    margin-left: 1.4rem;
    padding-top: 5px
}

.section--cashback.section--03 .list li>ul li,
.section--cashback.section--04 .list li>ul li,
.section--cashback.section--05 .list li>ul li {
    margin-bottom: 0
}

.section--cashback.section--03 .list li .number_list,
.section--cashback.section--04 .list li .number_list,
.section--cashback.section--05 .list li .number_list {
    margin-left: 0;
    list-style-type: none;
    counter-reset: number
}

.section--cashback.section--03 .list li .number_list li,
.section--cashback.section--04 .list li .number_list li,
.section--cashback.section--05 .list li .number_list li {
    counter-increment: number
}

.section--cashback.section--03 .list li .number_list li:not(:last-child),
.section--cashback.section--04 .list li .number_list li:not(:last-child),
.section--cashback.section--05 .list li .number_list li:not(:last-child) {
    margin-bottom: 5px
}

.section--cashback.section--03 .list li .number_list li::before,
.section--cashback.section--04 .list li .number_list li::before,
.section--cashback.section--05 .list li .number_list li::before {
    content: "(" counter(number) ") "
}

.section--cashback.section--03 .list li .number_list li>ul,
.section--cashback.section--04 .list li .number_list li>ul,
.section--cashback.section--05 .list li .number_list li>ul {
    margin-left: 1.4rem;
    padding-top: 5px;
    counter-reset: number
}

.section--cashback.section--03 .list li .number_list li>ul li,
.section--cashback.section--04 .list li .number_list li>ul li,
.section--cashback.section--05 .list li .number_list li>ul li {
    counter-increment: number
}

.section--cashback.section--03 .list li .number_list li>ul li:not(:last-child),
.section--cashback.section--04 .list li .number_list li>ul li:not(:last-child),
.section--cashback.section--05 .list li .number_list li>ul li:not(:last-child) {
    margin-bottom: 5px
}

.section--cashback.section--03 .list li .number_list li>ul li::before,
.section--cashback.section--04 .list li .number_list li>ul li::before,
.section--cashback.section--05 .list li .number_list li>ul li::before {
    content: "(" counter(number) ") "
}

.section--cashback.section--03 .list li .reference_list,
.section--cashback.section--04 .list li .reference_list,
.section--cashback.section--05 .list li .reference_list {
    margin-left: 0;
    list-style-type: none
}

.section--cashback.section--03 .list li .reference_list li:not(:last-child),
.section--cashback.section--04 .list li .reference_list li:not(:last-child),
.section--cashback.section--05 .list li .reference_list li:not(:last-child) {
    margin-bottom: 5px
}

.section--cashback.section--03 .list li .reference_list li::before,
.section--cashback.section--04 .list li .reference_list li::before,
.section--cashback.section--05 .list li .reference_list li::before {
    content: "※"
}

.section--cashback.section--05 {
    padding-bottom: 100px
}

.section--cashback.section--05 .text {
    margin-top: 30px
}

.section--cashback.section--06 {
    padding: 100px 0;
    background-color: #555;
    color: #fff
}

.section--cashback.section--06 dl {
    margin-bottom: 20px
}

.section--cashback.section--06 dl dt {
    font-weight: bold
}

.section--cashback.section--06 dl dd::before {
    content: "●";
    padding-right: 4px
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@-moz-keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    65% {
        opacity: 0;
        -webkit-transform: scale3d(0.6, 0.6, 0.6)
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes zoomOut {
    from {
        opacity: 1
    }

    65% {
        opacity: 0;
        transform: scale3d(0.6, 0.6, 0.6)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    65% {
        opacity: 0;
        transform: scale3d(0.6, 0.6, 0.6)
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes right-to-center {
    0% {
        opacity: 0;
        transform: translateX(30px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes left-to-center {
    0% {
        opacity: 0;
        transform: translateX(-30px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes center-to-left {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(-30px)
    }
}

@keyframes center-to-right {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(30px)
    }
}

@keyframes bounce {
    0% {
        transform: scale(1)
    }

    30% {
        transform: scale(1.4)
    }

    60% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1.3)
    }
}

.__wb {
    white-space: normal
}

.__wb span {
    display: inline-block;
    white-space: nowrap
}

.billboard {
    width: 100%;
    height: auto
}

.billboard img {
    width: 100%;
    height: auto
}

.__image {
    width: 100%;
    height: auto
}

.lazyload {
    opacity: 0;
    transition: opacity 1s
}

.lazyload.loaded {
    opacity: 1
}

.asterisk.__pointer {
    font-size: .6em;
    vertical-align: text-top;
    padding-right: .2rem
}

.asterisk.__ref {
    margin-top: 1.5rem;
    font-size: .8rem;
    font-style: italic
}

body.products .modal__cashless {
    display: block
}

.sp {
    display: none
}

.section {
    overflow: hidden
}

.button {
    display: block;
    box-sizing: border-box;
    width: 180px;
    height: 44px;
    margin: 2.5rem auto 0;
    border: 1px solid #000;
    border-radius: 22px;
    font-size: .9rem;
    line-height: 44px;
    text-decoration: none;
    color: #000;
    transition: all .2s;
    text-align: center
}

.button:hover {
    width: 210px;
    text-decoration: none
}

.note {
    line-height: 1.4;
    font-size: .9rem;
    color: #999;
    font-style: normal
}

.slick-dots li {
    width: 20px
}

.slick-dots li button {
    width: 20px
}

.slick-dots li button:before {
    font-size: 18px
}

.video_play {
    position: absolute;
    z-index: 400;
    color: #fff;
    margin: 0 0 0 -100px;
    text-align: center;
    text-decoration: none;
    transition: opacity 2s ease-out;
    opacity: 1;
    cursor: pointer;
    width: 110px;
    height: 110px
}

.video_play:after {
    position: absolute;
    top: -2px;
    left: -2px;
    display: block;
    content: "";
    background: #666;
    opacity: .56;
    width: 110px;
    height: 110px;
    border: 4px solid #fff;
    border-radius: 50%;
    z-index: 549;
    transform: scale(1);
    transition: transform .1s ease-out
}

.video_play.invisible {
    opacity: 0
}

.video_play span {
    position: relative;
    z-index: 551;
    display: block;
    height: 110px
}

.video_play span::before {
    content: url("../img/svg/ctrl__play.svgz");
    position: absolute;
    top: calc(50% - 24px);
    left: calc(50% - 17px);
    width: 42px;
    height: 42px;
    line-height: 44px;
    display: block;
    text-align: center;
    z-index: 550
}

.video_play span:after {
    content: "ビデオを再生";
    font-size: .6875rem;
    width: 110px;
    height: 11px;
    display: block;
    text-align: center;
    padding-top: 75px;
    text-decoration: none
}

.video_play:hover {
    text-decoration: none
}

.video_play:hover:after {
    transform: scale(1.1);
    box-shadow: 0px 10px 5px -4px rgba(41, 41, 41, .3)
}

.video_play.__imagebtn {
    background-size: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1)
}

.modal.modal--buynow {
    margin: 5%
}

.pure-frame {
    display: none
}

.buynow {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.buynow .__step {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 5% 5% 0;
    transition: visibility .5s;
    animation: center-to-right .5s 0s backwards
}

.buynow .__step.visible {
    visibility: visible;
    opacity: 1;
    transition: visibility .7s;
    animation: right-to-center .5s .2s backwards;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.buynow .__step.move-left {
    animation: center-to-left .5s 0s backwards
}

.buynow .__step.visible.back {
    animation: left-to-center .5s .2s backwards
}

.buynow .__step .__title {
    margin-bottom: 3rem;
    margin-bottom: 3rem;
    text-align: center;
    font-size: 2.5rem
}

.buynow .__step .__sku_wrapper {
    margin: 0 auto;
    text-align: center;
    font-size: 0
}

@media only screen and (max-width: 1096px) {
    .buynow .__step .__sku_wrapper {
        max-width: 500px
    }
}

.buynow .__step .__sku_wrapper .__sku {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    max-width: 280px;
    min-height: 560px;
    margin: 0 .5rem 1rem;
    padding: 2rem 1.5rem;
    border: 2px solid #ededed;
    border-radius: 5px;
    font-size: 1rem;
    text-align: center;
    cursor: pointer;
    transition: all .3s
}

.buynow .__step .__sku_wrapper .__sku:not(.__out_of_stock):hover {
    border-color: #fff;
    z-index: 1;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.buynow .__step .__sku_wrapper .__sku.selected {
    border-color: #4ba53a
}

.buynow .__step .__sku_wrapper .__sku span {
    display: block;
    line-height: 1.4
}

.buynow .__step .__sku_wrapper .__sku .__code {
    color: #999
}

.buynow .__step .__sku_wrapper .__sku .price {
    font-size: 2rem;
    padding: 1.3rem 0 0 2rem;
    border-top: 2px solid #ededed
}

.buynow .__step .__sku_wrapper .__sku .price:before {
    font-size: .6em
}

.buynow .__step .__sku_wrapper .__sku .price:after {
    font-size: .4em
}

.buynow .__step .__sku_wrapper .__sku .__oos_caption {
    margin-top: .5rem;
    font-size: .8rem;
    text-align: left;
    line-height: 1.4;
    color: #999
}

.buynow .__step .__sku_wrapper .__sku .radio {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    height: 30px;
    width: 30px;
    margin: 1rem auto
}

.buynow .__step .__sku_wrapper .__sku .radio::after,
.buynow .__step .__sku_wrapper .__sku .radio::before {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    transform: translateZ(0);
    backface-visibility: hidden
}

.buynow .__step .__sku_wrapper .__sku .radio::before {
    border: 2px solid #ddd;
    border-radius: 50%;
    background: #fff;
    transition: background-color .3s, transform .3s, border-color .3s
}

.buynow .__step .__sku_wrapper .__sku .radio::after {
    background: url("/_theme/img/svg/icon-check.svg?20210604") no-repeat center center
}

.buynow .__step .__sku_wrapper .__sku.selected .radio::before {
    background: #4ba53a;
    border-color: #4ba53a;
    transform: scale(1.3);
    animation: bounce .5s
}

.buynow .__step .__sku_wrapper .__sku.selected .__deliv_date {
    color: #4ba53a
}

.buynow .__step .__sku_wrapper .__sku.__out_of_stock {
    cursor: default
}

.buynow .__step .__sku_wrapper .__sku.__out_of_stock:hover {
    border-color: #ededed
}

.buynow .__step .__sku_wrapper .__sku.__out_of_stock .price {
    color: #999
}

.buynow .__step .__sku_wrapper .__sku.__out_of_stock .__deliv_date {
    color: #fb4b60
}

.buynow .__step .__option {
    max-width: 872px;
    margin: 0 auto
}

.buynow .__step .__option span {
    display: block
}

.buynow .__step .__option .slick-dotted.slick-slider {
    margin-bottom: 6rem
}

.buynow .__step .__option .slick-next,
.buynow .__step .__option .slick-prev {
    margin: 0
}

.buynow .__step .__option .__name {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.2
}

.buynow .__step .__option .price {
    font-size: 2rem;
    line-height: 1
}

.buynow .__step .__option .price:before {
    font-size: .6em
}

.buynow .__step .__option .price:after {
    font-size: .4em
}

.buynow .__step .__option .__deliv_date {
    color: #999
}

.buynow .__step .__option .__column {
    float: left;
    width: 45%;
    margin-right: 5%
}

.buynow .__step .__option .radio_group {
    width: 100%;
    position: relative;
    cursor: pointer
}

.buynow .__step .__option .radio_group .__label {
    position: absolute;
    top: 0;
    left: 50px
}

.buynow .__step .__option .radio {
    box-sizing: border-box;
    position: relative;
    display: block;
    height: 30px;
    width: 30px;
    margin: 1rem 0
}

.buynow .__step .__option .radio::after,
.buynow .__step .__option .radio::before {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    transform: translateZ(0);
    backface-visibility: hidden
}

.buynow .__step .__option .radio::before {
    border: 2px solid #ddd;
    border-radius: 50%;
    background: #fff;
    transition: background-color .3s, transform .3s, border-color .3s
}

.buynow .__step .__option .radio::after {
    background: url("/_theme/img/svg/icon-check.svg?20210604") no-repeat center center
}

.buynow .__step .__option .radio.selected::before {
    background: #4ba53a;
    border-color: #4ba53a;
    transform: scale(1.3);
    animation: bounce .5s
}

.buynow .__step .__option .__description {
    padding-top: 2rem
}

.buynow .__step .__option .__description p {
    margin-bottom: 1rem
}

.buynow .__step .__option .__description .__basic {
    width: 100%;
    margin-bottom: 2rem;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    font-size: .9rem;
    line-height: 1.5
}

.buynow .__step .__option .__description .__basic td,
.buynow .__step .__option .__description .__basic th {
    padding: .5rem 0;
    border-bottom: 1px solid #ebebeb;
    vertical-align: top
}

.buynow .__step .__option .__description .__basic th {
    width: 160px
}

.buynow .__step .__option .__description .note {
    margin-top: 1rem
}

.buynow__footer {
    position: absolute;
    bottom: -90px;
    width: 100%;
    height: 90px;
    padding: 20px 0;
    background-color: #4ba53a;
    list-style: none;
    color: #fff;
    transition: all .3s;
    z-index: 600
}

.buynow__footer.visible {
    bottom: 0
}

.buynow__footer li {
    position: absolute;
    box-sizing: border-box;
    display: none;
    visibility: hidden;
    opacity: 0;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 25px;
    line-height: 46px;
    cursor: pointer
}

.buynow__footer li.visible {
    display: inline;
    visibility: visible;
    opacity: 1
}

.buynow__footer li.visible:hover {
    background-color: #2b9417
}

.buynow__footer li.next {
    right: 7%;
    display: block;
    padding: 0 3rem;
    text-align: center
}

.buynow__footer li.prev {
    left: 7%;
    width: 50px
}

.buynow__footer li.prev:before {
    padding-left: 11px;
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 20px
}

.buy {
    margin-bottom: 4rem;
    padding: 3.4rem 0 0
}

.buy .__image_wrapper {
    width: 100%;
    text-align: center;
    float: none;
    margin-bottom: 12px
}

.buy .__image_wrapper .__image {
    width: 414px;
    height: auto
}

.buy .__contents {
    width: 100%;
    text-align: center;
    float: none
}

.buy .__product_logo {
    width: 394px;
    height: auto;
    margin: 0 auto 1rem
}

.buy .price {
    padding-left: 2rem;
    font-size: 2rem
}

.buy .price::before {
    font-size: 1.4rem
}

.buy .price::after {
    font-size: .8rem
}

.buy .__information {
    margin: 0 0 1rem;
    font-size: .8rem
}

.buy .colores {
    margin: 0 0 2rem
}

.buy .btn--pagemap {
    width: 90px;
    height: 32px;
    margin: 20px auto 33px;
    font-size: .8rem;
    line-height: 32px;
    border-radius: 16px;
    transition: width .2s
}

.buy .btn--pagemap:hover {
    width: 100px
}

.banner {
    position: relative;
    height: 28.125rem;
    margin: 6.125rem 0 8.5625rem 0
}

.banner .viewport {
    width: 90%;
    max-width: 980px;
    background: no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    padding-left: 4.2%
}

.banner .viewport.loaded {
    background-image: url("../img/cta/desktop/cta_30-days.jpg?20210604")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .banner .viewport.loaded {
        background-image: url("../img/cta/desktop/cta_30-days@2x.jpg?20210604")
    }
}

.banner .__image {
    position: absolute;
    width: 14.234375rem;
    top: 7.0625rem;
    right: 5.2%
}

@media only screen and (max-width: 920px) {
    .banner .__image {
        top: 12.6875rem;
        width: 11.25rem
    }
}

.banner .__content {
    width: 23.75rem
}

@media only screen and (max-width: 920px) {
    .banner .__content {
        width: 17.5rem
    }
}

.banner .__content .banner__label {
    display: inline-block;
    font-size: 1.0625rem;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    box-sizing: border-box;
    padding: .1rem 1.1em;
    margin-bottom: .75rem
}

.banner .__content .banner__title {
    font-size: 1.5rem;
    line-height: 1.52;
    margin-bottom: .875rem
}

.banner .__content .banner__title sup {
    font-size: .8125rem
}

@media only screen and (max-width: 920px) {
    .banner .__content .banner__title br {
        display: none
    }
}

.banner .__content .banner__desc {
    font-size: .9rem;
    margin-bottom: .625rem
}

.banner .__content .banner__attention {
    font-size: .7625rem;
    margin-bottom: 1.5625rem
}

.banner .__content .banner__btn {
    width: 10.625rem;
    height: 2.5rem;
    margin: 0 0 0;
    color: #fff;
    background: #666;
    font-size: .9rem;
    line-height: 2.5rem;
    text-align: center;
    text-decoration: none;
    border-radius: 22px;
    display: inline-block;
    cursor: pointer;
    transition: width .4s
}

.banner .__content .banner__btn:hover {
    width: 12.5rem
}

@media only screen and (max-width: 800px) {
    .cta_headline {
        text-align: left
    }

    .cta_headline .__text span {
        display: inline-block
    }
}

.nozzle_cpn .viewport {
    width: 90%;
    max-width: 980px;
    margin-bottom: 4rem
}

.nozzle_cpn .banner {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 440px;
    overflow: hidden;
    margin: 0 auto;
    background-size: cover;
    background-position: center center;
    border-radius: 10px;
    display: flex;
    align-items: center
}

.nozzle_cpn .banner .__limited {
    display: block;
    position: absolute;
    top: 44px;
    right: -136px;
    transform: rotate(45deg);
    width: 400px;
    padding: .2rem 0;
    background-color: #59a340;
    text-align: center;
    color: #fff;
    font-size: 1rem
}

@media only screen and (max-width: 830px) {
    .nozzle_cpn .banner .__limited {
        top: 45px;
        right: -140px;
        font-size: 2vw
    }
}

.nozzle_cpn .banner.__novelty {
    margin-bottom: 2rem;
    background-position: left center;
    border: 1px solid #ddd
}

.nozzle_cpn .banner.__novelty.loaded {
    background-image: url("../img/cta/desktop/nozzle_cpn.jpg?20210604");
    background-position: center right
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .nozzle_cpn .banner.__novelty.loaded {
        background-image: url("../img/cta/desktop/nozzle_cpn@2x.jpg?20210604")
    }
}

@media only screen and (max-width: 900px) {
    .nozzle_cpn .banner.__novelty.loaded {
        background-position: calc(1vw - 165px) 0
    }
}

@media only screen and (max-width: 820px) {
    .nozzle_cpn .banner.__novelty.loaded {
        background-position: right -92px top 0
    }
}

.nozzle_cpn .banner.__novelty .__content {
    position: absolute;
    width: 36%;
    left: 3.4rem
}

@media only screen and (max-width: 1000px) {
    .nozzle_cpn .banner.__novelty .__content {
        width: 30%
    }

    .nozzle_cpn .banner.__novelty .__content .__information img {
        width: 92%
    }
}

@media only screen and (max-width: 800px) {
    .nozzle_cpn .banner.__novelty .__content {
        width: 36%;
        left: 1.5rem
    }

    .nozzle_cpn .banner.__novelty .__content .__information img {
        width: 88%
    }
}

.nozzle_cpn .banner.__novelty .__note {
    font-size: .7rem;
    font-feature-settings: "palt" 1
}

@media only screen and (max-width: 880px) {
    .nozzle_cpn .banner.__novelty .__note {
        word-break: break-all;
        font-size: .7rem;
        line-height: 1.55
    }
}

.nozzle_cpn .banner.__novelty .__explanation {
    font-size: 14px;
    font-feature-settings: "palt" 1;
    margin: 1.6rem 0
}

@media only screen and (max-width: 880px) {
    .nozzle_cpn .banner.__novelty .__explanation {
        font-size: 13px;
        line-height: 1.55
    }

    .nozzle_cpn .banner.__novelty .__explanation br {
        display: none
    }
}

.nozzle_cpn .banner.__novelty .__information {
    line-height: 1.65;
    font-size: 1.5rem
}

@media only screen and (max-width: 800px) {
    .nozzle_cpn .banner.__novelty .__information {
        margin-bottom: .65rem;
        line-height: 1.4;
        font-size: 1.4rem
    }

    .nozzle_cpn .banner.__novelty .__information br {
        display: none
    }
}

.nozzle_cpn .banner.__novelty .__information .__product_logo {
    max-width: 100%
}

.nozzle_cpn .banner.__novelty .__informationdate {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: .9rem
}

.nozzle_cpn .banner.__novelty .button {
    display: block;
    box-sizing: border-box;
    width: 170px;
    height: 40px;
    border-radius: 22px;
    font-size: .9rem;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    margin: 1rem 0 0;
    color: #000;
    transition: all .2s;
    border: 1px solid #000
}

.nozzle_cpn .banner.__novelty .button a {
    text-decoration: none
}

.nozzle_cpn .banner.__novelty .button:hover {
    width: 190px
}

.btn--pagemap {
    width: 90px;
    height: 32px;
    margin-right: 0;
    background-color: #4ba53a;
    color: #fff;
    line-height: 32px;
    border-radius: 16px
}

.btn--pagemap:hover {
    background-color: #2b9417
}

.btn--dealer {
    width: 90px;
    height: 32px;
    margin-left: 10px;
    color: #4ba53a;
    line-height: 32px;
    border: solid 1px #4ba53a;
    border-radius: 16px
}

.btn--dealer:hover {
    opacity: .8
}

.pagemap--desktop {
    width: 100%;
    height: 90px
}

.pagemap--desktop .pagemap__content {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    width: 90%;
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
    font-size: .8rem
}

.pagemap--desktop .pagemap__main {
    height: 90px;
    overflow: hidden;
    display: flex;
    list-style: none;
    padding-left: .6rem
}

.pagemap--desktop .pagemap__content__item {
    flex: none
}

.pagemap--desktop .pagemap__content__item>a {
    color: #333;
    text-decoration: none
}

.pagemap--desktop .pagemap__content__item>a:before {
    display: inline-block;
    position: relative;
    height: 100%;
    margin-right: 1.4rem
}

.pagemap--desktop .pagemap__content__item.__current>a {
    color: #4ba53a
}

.pagemap--desktop .pagemap__dropdown {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 70px;
    text-align: center;
    cursor: pointer
}

.pagemap--desktop .pagemap__dropdown.hidden {
    display: none
}

.pagemap--desktop .pagemap__dropdown__btn {
    position: relative;
    display: block;
    height: 70px;
    text-align: center
}

.pagemap--desktop .pagemap__dropdown__btn:before {
    display: block;
    position: absolute;
    top: 67%;
    right: 70%;
    width: 100%;
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    text-align: center;
    font-size: 1.4rem;
    color: #666
}

.pagemap--desktop .pagemap__dropdown__content {
    z-index: 880;
    display: none;
    position: absolute;
    top: 85px;
    left: -98px;
    width: 180px;
    background-color: #fff;
    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
    box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
    border-radius: 4px;
    list-style: none;
    opacity: 0;
    -webkit-animation-duration: .2s;
    -moz-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-name: fadeIn
}

.pagemap--desktop .pagemap__dropdown__content:before {
    content: "";
    position: absolute;
    top: -18px;
    left: 50%;
    width: 0;
    height: 0;
    border: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #fff;
    z-index: 9997;
    margin-left: -10px
}

.pagemap--desktop .pagemap__dropdown:hover .pagemap__dropdown__content {
    opacity: 1;
    display: block
}

.pagemap--desktop .pagemap__dropdown__content .pagemap__content__item {
    height: 3rem;
    line-height: 3rem
}

.pagemap--desktop .pagemap__dropdown__content .pagemap__content__item:hover a {
    color: #4ba53a
}

.pagemap--desktop .pagemap__btns {
    display: flex;
    align-items: flex-start;
    height: 90px;
    margin-left: 20px;
    padding-top: 25px
}

.pagemap--desktop.__header {
    position: absolute;
    top: 0;
    z-index: 888;
    background-color: rgba(255, 255, 255, .9);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2)
}

.pagemap--desktop.__header .pagemap__main {
    width: 100%;
    align-items: flex-end
}

.pagemap--desktop.__header .pagemap__content__item {
    padding: 0 1.6rem 11px 0
}

.pagemap--desktop.__footer {
    height: 70px
}

.pagemap--desktop.__footer .pagemap__main {
    height: 70px
}

.pagemap--desktop.__footer .pagemap__content {
    height: 70px;
    max-width: 820px;
    width: 100%;
    align-items: center
}

.pagemap--desktop.__footer .pagemap__content__item {
    padding: 0 1rem
}

.topics {
    height: 180px;
    background-color: #444
}

.topics .viewport {
    display: flex;
    justify-content: space-around;
    box-sizing: border-box;
    overflow: hidden
}

.topics .topic {
    max-width: 42.375rem;
    width: 42.375rem;
    padding: 40px 0 40px 0;
    display: flex;
    align-items: center;
    text-decoration: none;
    display: flex;
    justify-content: space-between
}

.topics .topic_inner {
    display: flex;
    justify-content: left;
    align-items: center
}

.topics .topic .__image {
    float: left;
    width: 30%;
    height: auto;
    max-width: 100px;
    margin-right: 2.0625rem;
    border-radius: 50%
}

.topics .topic .__text .__title {
    display: block;
    margin-bottom: 5.4px;
    margin-bottom: .3rem;
    font-size: 22.5px;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #fff
}

.topics .topic .__text .__caption {
    font-size: 12.6px;
    font-size: .7rem;
    line-height: 1.5;
    line-height: 1.4375rem;
    color: #999;
    transition: color .2s
}

.topics .topic .__btn {
    background: #fff;
    margin-top: 3rem;
    position: relative;
    min-width: 170px;
    height: 2.1875rem;
    width: 170px;
    color: #444;
    font-size: .9rem;
    line-height: 2.1875rem;
    text-align: center;
    text-decoration: none;
    border-radius: 22px;
    display: inline-block;
    transition: width .4s;
    font-size: .75rem;
    padding-right: 1.25rem;
    cursor: pointer
}

.topics .topic .__btn:hover {
    width: 190px
}

.topics .topic .__btn::after {
    content: "";
    background-image: url("../img/topics/desktop/topic_ico.svg");
    background-position: center;
    width: 12px;
    height: 11px;
    top: 11px;
    margin-left: 8px;
    position: absolute
}

.pswp__caption {
    left: 0;
    right: 0;
    max-width: 800px;
    margin: 0 auto;
    padding: 1rem 0;
    font-size: .8rem;
    text-align: center
}

.pswp__caption .pswp__caption__center {
    max-width: 800px;
    text-align: center
}

.pswp__caption .pswp__caption__center .__caption {
    padding: 0 1.5rem
}

.pswp__caption .pswp__caption__center .__caption:before {
    position: relative;
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ccc;
    top: -0.2rem;
    left: -0.5rem;
    content: ""
}

.pswp__caption .pswp__caption__center .__caption .__user {
    display: block;
    text-align: center;
    color: #666
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 500
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    position: relative;
    top: 0;
    height: 40px;
    width: 40px;
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 40px;
    line-height: 1;
    color: #666;
    opacity: 1;
    background: none
}

.pswp__button--arrow--left {
    left: 6px
}

[dir=rtl] .pswp__button--arrow--left {
    left: auto;
    right: 10px
}

.pswp__button--arrow--left:before {
    left: 0;
    content: ""
}

[dir=rtl] .pswp__button--arrow--left:before {
    content: ""
}

.pswp__button--arrow--right {
    right: 6px
}

[dir=rtl] .pswp__button--arrow--right {
    left: 10px;
    right: auto
}

.pswp__button--arrow--right:before {
    right: 0;
    content: ""
}

[dir=rtl] .pswp__button--arrow--right:before {
    content: ""
}

.pswp__button--close {
    margin: 5px 5px 0 0;
    z-index: 99;
    width: 40px;
    height: 40px;
    color: #666;
    cursor: pointer;
    background: none
}

.pswp__button--close:after {
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40px
}

.pswp__button--close:hover {
    opacity: .8
}

@media(-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {

    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: none
    }
}

.main {
    padding-top: 90px
}

.billboard {
    opacity: 0;
    transition: opacity 2s
}

.billboard .slick-slide {
    position: relative
}

.billboard.slick-initialized {
    opacity: 1
}

.billboard .billboard--00:before {
    display: block;
    position: absolute;
    z-index: 99;
    content: "";
    background: url("../img/svg/top.svg?20210604") no-repeat;
    background-size: contain;
    top: 8.203125vw;
    left: 50%;
    width: 51.796875vw;
    height: 8.203125vw;
    transform: translateX(-50%)
}

.billboard .slick-dots {
    padding: 0
}

.billboard .slick-prev:before,
.billboard .slick-next:before {
    opacity: 1;
    width: 3.875rem;
    height: 3.875rem;
    display: block;
    content: "";
    background-size: 3.75rem 3.75rem;
    background-repeat: no-repeat
}

.billboard .slick-next:before {
    background-image: url("../img/index/svg/billboard_next_ico.svg?20210604")
}

.billboard .slick-prev:before {
    background-image: url("../img/index/svg/billboard_prev_ico.svg?20210604")
}

.billboard .slick-next:hover,
.billboard .slick-prev:hover {
    opacity: .6
}

.section--index {
    padding: 0;
    color: #000
}

.section--index .section_wrap .section_overlay.section_overlay--tvcm01 {
    height: auto
}

.section--index .viewport {
    max-width: 980px
}

.section--index .__image {
    margin: 1rem auto
}

.section--index .__title {
    display: block;
    height: auto
}

.section--index .__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.section--index .section__label {
    display: inline-block;
    font-size: 1.25rem;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    box-sizing: border-box;
    padding: .4rem 1.6rem;
    margin-bottom: 1.4875rem
}

.section--index .section__title {
    font-size: 2.4rem;
    margin-bottom: 3rem;
    line-height: 1.52
}

.section--index .section__desc {
    font-size: 1.125rem
}

.section--index .section__btn {
    background: #666;
    margin-top: 2.2rem;
    min-width: 220px;
    width: 200px;
    color: #fff;
    font-size: .9rem;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    border-radius: 22px;
    display: inline-block;
    transition: width .4s;
    cursor: pointer
}

.section--index .section__btn:hover {
    width: 240px
}

.section--index .__nowrap {
    white-space: nowrap
}

.section--index.section--00 {
    text-align: center;
    padding-top: 4.25rem;
    padding-bottom: 7rem
}

.section--index.section--00 .viewport {
    max-width: 880px
}

.section--index.section--00 .__mainimage {
    max-width: 244px;
    margin: 0 auto 2rem
}

.section--index.section--00 .page__title {
    margin-bottom: 2rem
}

@media only screen and (max-width: 860px) {
    .section--index.section--00 .page__title br:not(.__is_mobile) {
        display: inline-block
    }
}

.section--index.section--00 .label__block {
    display: inline-block;
    margin-bottom: 2rem;
    padding: .36rem 2rem;
    border: 1px solid #000;
    border-radius: 2px;
    font-size: .9375rem;
    color: #000
}

.section--index.section--00 .overview_text .__is_se {
    display: none
}

@media only screen and (max-width: 860px) {
    .section--index.section--00 .overview_text .__is_mobile {
        display: block
    }
}

.section--index.section--00 .attention_text {
    padding-top: 1rem;
    font-size: .65rem
}

.section--index.section--00 .the-price {
    padding-top: 4.2rem
}

.section--index.section--00 .the-price .price {
    margin-left: 2rem;
    font-size: 2rem;
    line-height: 1.2
}

.section--index.section--00 .the-price .price:before {
    font-size: .6em
}

.section--index.section--00 .the-price .price:after {
    font-size: .4em
}

.section--index.section--00 .the-price .colores {
    font-size: .9rem;
    color: #666
}

.section--index.section--00 .cta_headline {
    margin: 2rem auto 0
}

.section--index.section--00 .cta_headline .__text span {
    border-bottom: 1px solid #e59703
}

.section--index.section--00 .news__campaign {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .625rem 0;
    border-top: 1px solid #e59806;
    border-bottom: 1px solid #e59806;
    margin: 2.25rem auto 0;
    max-width: 880px;
    font-size: .9375rem
}

.section--index.section--00 .news__campaign .__news {
    display: inline-block;
    margin-right: .4rem;
    padding: .2rem 1rem;
    border-radius: 2px;
    background-color: #e59703;
    color: #fff;
    text-transform: uppercase;
    font-size: .9rem
}

.section--index.section--00 .news__campaign__txt a {
    font-size: .9375rem;
    line-height: 2.3333333333;
    color: #e59806;
    padding: .2rem 0;
    text-align: left;
    margin: 0 auto;
    display: block;
    text-decoration: none
}

.section--index.section--01 {
    position: relative;
    overflow: visible
}

.section--index.section--01 .viewport {
    width: 100%
}

.section--index.section--01 .__content {
    width: 600px;
    margin: 0 auto;
    padding-top: 7.5rem
}

.section--index.section--01 .section__title {
    margin-bottom: 32px;
    text-align: center;
    width: 100%
}

.section--index.section--01 .section__title span {
    display: inline-block
}

.section--index.section--01 .section__description {
    text-align: center;
    width: 100%
}

.section--index.section--01 .section_overlay_inner {
    width: 100%;
    margin: auto
}

.section--index.section--01 .video_wrap {
    position: relative;
    min-height: 50rem;
    height: 56.25vw;
    overflow: hidden
}

.section--index.section--01 .__video_area {
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden
}

.section--index.section--01 .__video {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    height: 56.25vw;
    transform: translate(-50%, 0);
    min-height: 100%;
    min-width: 100%
}

.section--index.section--01 .video_play.__imagebtn {
    position: absolute;
    margin-top: 1.625rem
}

.section--index.section--01 .video_play span::before {
    top: calc(50% - 30px)
}

.section--index.section--01 .video_play:after {
    background: #000;
    opacity: .3
}

.section--index.section--01 .video_play span:after {
    padding-top: 69px
}

.section--index.section--02 {
    height: 750px;
    padding: 0 2rem
}

.section--index.section--02.loaded {
    background-image: url("../img/index/desktop/section--02.jpg?20210604");
    background-position: bottom
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--index.section--02.loaded {
        background-image: url("../img/index/desktop/section--02@2x.jpg?20210604")
    }
}

.section--index.section--02 .__content {
    width: 400px
}

@media only screen and (max-width: 860px) {
    .section--index.section--02 .__content {
        width: 55vw
    }
}

.section--index.section--02 .section__title {
    margin-bottom: 32px
}

.section--index.section--02 .section__title span {
    display: inline-block
}

.section--index.section--02 .viewport {
    display: flex;
    justify-content: flex-start
}

.section--index.section--02.__textRight .viewport {
    justify-content: flex-end
}

.section--index.section--03 {
    padding-bottom: 6.687rem
}

.section--index.section--03 .viewport {
    max-width: 100%;
    text-align: center
}

.section--index.section--03 .viewport .__gallery__wrap {
    max-width: 100%;
    width: 100%;
    overflow: hidden
}

.section--index.section--03 .viewport .__gallery {
    list-style: none;
    display: flex;
    width: 100%
}

.section--index.section--03 .viewport .__gallery li:first-child {
    flex-basis: 32.0472441%
}

.section--index.section--03 .viewport .__gallery li:nth-child(2) {
    flex-basis: 35.9055118%;
    margin-left: .312rem;
    margin-right: .312rem
}

.section--index.section--03 .viewport .__gallery li:nth-child(3) {
    flex-basis: 32.0472441%
}

.section--index.section--03 .viewport .__image {
    margin-top: .312rem
}

.section--index.section--04 {
    background: #efefef;
    padding-top: 5.5rem;
    padding-bottom: 6.6rem
}

.section--index.section--04 .viewport {
    text-align: center
}

.section--index.section--04 .__content {
    max-width: 960px;
    margin: 0 auto
}

.section--index.section--04 .__gallery__wrap {
    max-width: 100%;
    overflow: hidden
}

.section--index.section--04 .section__title {
    margin: 0 auto 1.5rem auto;
    text-align: center
}

.section--index.section--04 .section__title span {
    display: inline-block
}

.section--index.section--04 .section__desc {
    margin: 0 auto 0 auto;
    text-align: center
}

.section--index.section--04 .__gallery__wrap {
    margin-top: 3.875rem;
    margin-bottom: 1.875rem
}

.section--index.section--04 .__gallery {
    list-style: none
}

.section--index.section--04 .__image {
    margin: .625rem auto 0 auto
}

.section--index.section--05,
.section--index.section--06 {
    min-height: 650px;
    padding: 0 2rem;
    display: flex;
    align-items: center
}

.section--index.section--05.__textLeft,
.section--index.section--06.__textLeft {
    justify-content: right
}

.section--index.section--05.__textLeft .viewport,
.section--index.section--06.__textLeft .viewport {
    justify-content: flex-start
}

.section--index.section--05.__textRight .viewport,
.section--index.section--06.__textRight .viewport {
    justify-content: flex-end
}

.section--index.section--05.__textWhite,
.section--index.section--06.__textWhite {
    color: #fff
}

.section--index.section--05 .viewport,
.section--index.section--06 .viewport {
    flex: 1 1 auto;
    display: flex
}

.section--index.section--05 .section__title,
.section--index.section--06 .section__title {
    margin-bottom: 1.375rem;
    font-size: 2.375rem;
    line-height: 1.5625
}

.section--index.section--05 .section__description,
.section--index.section--06 .section__description {
    font-size: 1.125rem;
    line-height: 1.8
}

.section--index.section--05 .__content {
    flex: 0 0 438px;
    max-width: 438px
}

.section--index.section--06 .__content {
    flex: 0 0 455px;
    max-width: 455px;
    margin-top: 3.75rem
}

.section--index.section--06 .section__desc {
    white-space: nowrap
}

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

    .section--index.section--05 .section__desc,
    .section--index.section--06 .section__desc {
        white-space: normal
    }
}

.section--index.section--05 {
    background-image: url("../img/index/desktop/section--05.jpg?20210604")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--index.section--05 {
        background-image: url("../img/index/desktop/section--05@2x.jpg?20210604")
    }
}

.section--index.section--06 {
    background-image: url("../img/index/desktop/section--06.jpg?20210604")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--index.section--06 {
        background-image: url("../img/index/desktop/section--06@2x.jpg?20210604")
    }
}

.section--index.section--07 {
    min-height: 1080px;
    padding: 0 2rem;
    height: 76.5625vw;
    display: flex;
    color: #fff;
    position: relative;
    background-image: url("../img/index/desktop/section--07.jpg?20210604");
    background-position: bottom center
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--index.section--07 {
        background-image: url("../img/index/desktop/section--07@2x.jpg?20210604")
    }
}

.section--index.section--07 .section__title {
    margin: 5rem auto 1.375rem auto;
    font-size: 2.375rem;
    line-height: 1.5625
}

@media only screen and (max-width: 1080px) {
    .section--index.section--07 .section__title .__is_mobile {
        display: block
    }
}

.section--index.section--07 .section__desc {
    font-size: 1.125rem;
    line-height: 1.8;
    text-align: center
}

.section--index.section--07 .section__btn {
    margin-left: auto;
    margin-right: auto
}

.section--index.section--07 .section__attention {
    font-size: .65rem;
    text-align: center;
    width: 100%;
    padding-top: 1.375rem
}

.section--index.section--07 .__name {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 5.375rem;
    width: 100%;
    font-size: 1.25rem
}

.section--index.section--07 .__name ul {
    list-style: none;
    display: flex;
    justify-content: center;
    padding-right: .625rem;
    padding-left: .625rem
}

.section--index.section--07 .__name ul li {
    max-width: 25.625rem;
    width: 50%
}

.section--index.section--07 .__name ul li .adaptiveimage {
    max-width: 22.25rem;
    width: 100%
}

.section--index.section--07 .__name ul li.section--07-00 {
    text-align: right;
    padding-right: 3.25rem
}

.section--index.section--07 .__name ul li.section--07-00 p {
    text-align: center;
    padding-left: 3.125rem
}

.section--index.section--07 .__name ul li.section--07-01 {
    padding-left: 3.25rem
}

.section--index.section--07 .__name ul li.section--07-01 p {
    text-align: center
}

.section--index.section--gallery {
    padding: 12.5rem 2rem 3.875rem 2rem;
    box-sizing: border-box
}

.section--index.section--gallery .section__title {
    margin-bottom: 2.875rem;
    font-size: 2.4rem;
    line-height: 1.5625
}

.section--index.section--gallery .gallery__content {
    display: flex;
    flex-wrap: wrap
}

.section--index.section--gallery .gallery__content figure {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(25% - 3.8265306122%)
}

.section--index.section--gallery .gallery__content figure:not(:nth-child(4n+1)) {
    margin-left: 5.1020408163%
}

.section--index.section--gallery .gallery__content figure:nth-child(n+5) {
    margin-top: 5.1020408163%
}

.section--index.section--gallery .gallery__content figure .__clip {
    width: 100%;
    height: auto
}

@media screen and (max-width: 768px) {
    .section--index.section--gallery .gallery__content figure {
        width: 48.2244318181%;
        margin-bottom: 3.5%
    }
}

.section--index.section--banner {
    margin-bottom: 7.5rem
}

.section--index.section--banner .viewport {
    width: 90%;
    max-width: 974px
}

.grid.grid--spaces>.col {
    margin-left: 0
}

.video_stop {
    position: absolute;
    z-index: 99;
    top: 2%;
    right: 2%;
    width: 50px;
    height: 50px;
    color: #666;
    cursor: pointer
}

.video_stop:hover {
    opacity: .8
}

.video_stop::after {
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 54px;
    font-size: 3rem
}

.modal-bg {
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -100
}

.modal-bg.__visible {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    cursor: pointer;
    z-index: 900
}

.section_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -99
}

.section_overlay.visible {
    opacity: 1;
    z-index: 901;
    transition: opacity .8s;
    pointer-events: all;
    cursor: pointer
}

.section_overlay video {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    cursor: default
}

.section_overlay_inner {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.cpn-info {
    display: flex;
    width: 94%;
    max-width: 800px;
    margin: 4.5rem auto 0;
    padding: 2rem 0 2rem 2rem;
    border: 1px solid #b7b6b6
}

@media screen and (max-width: 780px) {
    .cpn-info {
        padding: 2rem 1rem 2rem 2rem
    }
}

.cpn-info .cpn-photo {
    width: 40%;
    max-width: 276px;
    padding-right: 2.3rem;
    border-right: 1px solid #b7b6b6
}

.cpn-info .cpn-photo img {
    width: 100%;
    margin: 0 !important
}

@media screen and (max-width: 780px) {
    .cpn-info .cpn-photo img {
        margin: 1rem auto !important
    }
}

.cpn-info .cpn-info-text {
    height: 100%;
    padding: 0 0 0 2.3rem;
    width: 60%;
    text-align: left;
    margin-top: 10px
}

.cpn-info .cpn-info-text .info-bold {
    font-size: 1.76rem;
    font-weight: bold;
    line-height: 2.2rem;
    margin-bottom: .7rem
}

.cpn-info .cpn-info-text span {
    font-size: .9rem;
    line-height: 1.4rem;
    display: block
}

.cpn-info .cpn-info-text span span {
    font-size: .6rem
}

.cpn-info-sp {
    display: none
}

@media screen and (max-width: 780px) {
    .__is_desktop {
        display: none;
        line-height: 1rem
    }
}

@media screen and (max-width: 780px) {
    .pagemap--desktop.__is_desktop {
        display: block !important;
        line-height: 1.8 !important
    }
}

.section--spec {
    background-size: cover;
    border-bottom: 1px solid #fff
}

.section--spec sup {
    font-size: .8rem;
    vertical-align: super;
    margin-right: .2rem
}

.section--spec .__basic {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
    border-spacing: 0;
    text-align: left;
    font-size: .9rem;
    line-height: 1.5
}

.section--spec .__basic td,
.section--spec .__basic th {
    padding: .4375rem 0;
    border-bottom: 1px solid #ebebeb;
    vertical-align: top
}

.section--spec .__basic th {
    width: 220px
}

.section--spec.section--00 {
    border-bottom: 1px solid #ddd;
    padding-top: 5.75rem;
    padding-bottom: 2.6rem
}

.section--spec.section--00 .__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: opacity .4s
}

.section--spec.section--00 .__image.__current {
    opacity: 1
}

.section--spec.section--00 .__image_outer {
    margin: 0 auto;
    width: 100%;
    max-width: 980px
}

.section--spec.section--00 .__image_inner {
    position: relative;
    padding-top: 55.4678692221%
}

.section--spec.section--00 .__selector {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 149px;
    height: 50px;
    border: 2px solid #999;
    border-radius: 25px;
    font-size: 14.4px;
    font-size: .8rem;
    color: #999;
    cursor: pointer;
    transition: all .3s
}

.section--spec.section--00 .__selector:hover {
    border-color: #039be5;
    color: #039be5
}

.section--spec.section--00 .__selector.__current {
    background-color: #039be5;
    border-color: #039be5;
    color: #fff;
    cursor: default
}

.section--spec.section--00 .__selector_wrap {
    margin-top: 2px;
    display: flex;
    justify-content: center
}

.section--spec.section--00 .__selector_wrap>:not(:last-child) {
    margin-right: 9px
}

.section--spec.section--01 {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ddd
}

.section--spec.section--01 .__content {
    padding: 0
}

.section--spec.section--01.section--spec .__basic tr:first-child td,
.section--spec.section--01.section--spec .__basic tr:first-child th {
    border-top: 1px solid #ebebeb
}

.section--spec.section--01 .note {
    margin-bottom: .5rem;
    font-style: normal;
    font-size: .9rem;
    padding: 1rem 0 0 0
}

.section--spec.section--01 .note:first-child {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.section--spec.section--01 .section__title-modify {
    margin-top: 5.625rem
}

.section--spec.section--02 {
    border-bottom: 1px solid #ddd;
    padding-top: 5.575rem;
    padding-bottom: 10.625rem
}

.section--spec.section--02 .viewport {
    max-width: 980px
}

.section--spec.section--02 .section__title {
    margin-bottom: 3.375rem
}

.section--spec.section--02 .section__desc {
    font-size: 1.575rem;
    margin-bottom: 3.1rem
}

.section--spec.section--02 .__image {
    max-width: 980px;
    margin: 0 auto;
    display: block
}

.section--spec.section--02 .spec--slider-slide {
    position: relative
}

.section--spec.section--02 .spec--slider-slide p {
    font-size: 1.125rem;
    padding-top: 2.4rem;
    text-align: center;
    white-space: nowrap
}

@media only screen and (max-width: 840px) {
    .section--spec.section--02 .spec--slider-slide p {
        font-size: .875rem
    }
}

.section--spec.section--02 .spec--slider-slide_list {
    display: flex;
    list-style: none;
    width: 100%
}

.section--spec.section--02 .spec--slider-slide_list--00-03 {
    padding-top: 0;
    justify-content: center
}

.section--spec.section--02 .spec--slider-slide_item {
    width: 25%
}

.section--spec.section--02 .spec--slider-slide_item-01 p {
    padding-right: .75rem
}

.section--spec.section--02 .spec--slider-slide_item-02 p {
    padding-right: .375rem
}

.section--spec.section--02 .spec--slider-slide_item-03 p {
    padding-left: 2.25rem
}

.section--spec.section--02 .spec--slider-slide_item-04 p {
    padding-right: .875rem
}

.section--spec.section--02 .spec--slider-slide_item-05 {
    width: 38%
}

.section--spec.section--02 .slick-dots {
    padding-top: 2.5rem
}

.section--spec.section--03 {
    padding-bottom: 5.375rem
}

.section--spec.section--03 .section--03_list {
    display: flex;
    list-style: none;
    width: 100%;
    margin-bottom: 1.1875rem;
    padding-top: 3.5rem
}

.section--spec.section--03 .section--03_list p {
    font-size: .875rem;
    padding-top: 2.4rem;
    text-align: center;
    white-space: nowrap
}

.section--spec.section--03 .section--03_item-01 {
    width: 32.3%;
    margin-left: 2.0625rem
}

.section--spec.section--03 .section--03_item-02 {
    width: 16%;
    margin-left: 2.5625rem
}

.section--spec.section--03 .section--03_item-03 {
    width: 26%;
    margin-left: 4.0625rem
}

.section--spec.section--04 {
    border: none;
    background-color: #f2f2f2
}

.section--spec.section--04 .columns {
    padding-top: 6.25rem;
    display: flex;
    flex-wrap: wrap;
    gap: 5rem 4.375rem
}

@media(max-width: 1060px) {
    .section--spec.section--04 .columns {
        gap: 1.25rem 1rem
    }
}

.section--spec.section--04 .columns .column {
    box-sizing: border-box;
    width: 280px;
    min-height: 100%;
    padding: 200px 30px 30px;
    background-repeat: no-repeat;
    background-color: #fff;
    font-size: .8rem
}

@media(max-width: 1060px) {
    .section--spec.section--04 .columns .column {
        width: calc(50% - 8px);
        max-width: calc(50% - 8px)
    }
}

.section--spec.section--04 .columns .column.__award__gd {
    background-image: url("/_assets/image/award/gooddesign.png");
    background-size: 63px 113px;
    background-position: 30px 50px
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--spec.section--04 .columns .column.__award__gd {
        background-image: url("/_assets/image/award/gooddesign@2x.png")
    }
}

@media(max-width: 1006px) {
    .section--spec.section--04 .columns .column {
        width: 49%
    }
}

.section--spec.section--05 {
    padding: 6rem 2rem;
    background-color: #fff
}

.section--spec.section--05 .section__btn {
    margin-top: 55px;
    text-align: center
}

.section--spec.section--05 .section__btn .btn {
    box-sizing: border-box;
    background: #666;
    border-radius: 22px;
    padding: 10px;
    color: #fff;
    font-size: 14.4px;
    opacity: .75;
    text-decoration: none;
    display: inline-block;
    width: 220px;
    text-align: center;
    transition: width .2s
}

.section--spec.section--05 .section__btn .btn:hover {
    width: 240px
}

.section--spec.section--05__modal-outter {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .75)
}

.section--spec.section--05__modal-outter .section--05__modal-inner {
    width: 1100px;
    height: auto;
    max-height: 996px;
    overflow-y: scroll;
    margin: 0 auto;
    background: #fff;
    padding: 7.0625rem 10.75rem 6rem;
    position: absolute;
    top: 5rem;
    bottom: 3.125rem;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media only screen and (max-width: 1081px) {
    .section--spec.section--05__modal-outter .section--05__modal-inner {
        width: 100%;
        max-width: 850px;
        padding: 8.3125rem 2rem 3.5rem
    }
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section__title {
    text-align: left;
    margin-bottom: 3rem
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section-model__title {
    font-family: "YuGothic_Family", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 1.375rem;
    font-weight: bold;
    border-bottom: 1px solid #707070;
    padding-bottom: 1.25rem;
    margin-bottom: 1.5rem;
    line-height: 1
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section-model {
    margin-bottom: 4.75rem
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section-model:last-child {
    margin-bottom: 0
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section-model__list {
    list-style: none;
    display: flex;
    gap: 0 5.8rem;
    flex-wrap: wrap
}

@media only screen and (max-width: 1081px) {
    .section--spec.section--05__modal-outter .section--05__modal-inner .section-model__list {
        gap: 1rem 3rem
    }
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section-model__link {
    font-size: 1.125rem;
    color: #333;
    text-decoration: none
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section-model__link .icon__circle__right {
    color: #666;
    margin-left: .6875rem
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method {
    margin: 0 auto 5rem;
    padding: 0 .3125rem;
    overflow: unset
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .viewport {
    max-width: 960px;
    background: #fbfbfb;
    border: 1px solid #dbdbdb;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, .16);
    padding: 3.75rem 1.875rem 3rem 1.875rem
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__content {
    max-width: 53.9375rem;
    margin: 0 auto;
    padding: 0
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__text {
    font-size: 1rem
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__btn {
    font-size: .9rem;
    height: 3rem;
    line-height: 3rem;
    font-weight: bold;
    margin-top: 2.375rem;
    text-align: center;
    background: #5f5f5f;
    color: #fff;
    position: relative;
    cursor: pointer;
    opacity: 1;
    transition: all 1s
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__images {
    display: none;
    justify-content: space-between;
    background-color: #fff;
    padding: 1.875rem 2.25rem 1.5625rem 2.25rem
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__images .__image--00,
.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__images .__image--01 {
    max-width: 23.75rem
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__images .__image--00 {
    margin-right: .9375rem
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__images .__image--01 {
    margin-left: .9375rem
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .round_btn {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    transition: all 1s;
    position: absolute;
    right: 30px;
    top: 14px
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .round_btn::before,
.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .round_btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 11px;
    background: #000
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .round_btn::before {
    transform: translate(-50%, -50%) rotate(0deg)
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .round_btn::after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__btn:hover {
    opacity: .8
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__btn:hover .round_btn {
    transform: rotate(180deg)
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__btn.__active .round_btn::after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.section--spec.section--05__modal-outter .section--05__modal-inner .section--method .__btn.__active .round_btn::before {
    display: none
}

@keyframes modalopen {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.section--spec.section--05__modal-outter .round1_btn {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: all 1s;
    position: absolute;
    right: 0;
    top: 20px;
    cursor: pointer
}

.section--spec.section--05__modal-outter .round1_btn::before,
.section--spec.section--05__modal-outter .round1_btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 50px;
    background: #fff
}

.section--spec.section--05__modal-outter .round1_btn::before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.section--spec.section--05__modal-outter .round1_btn::after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.section--spec.section--05__modal-outter .round1_btn:hover {
    transform: rotate(180deg)
}

.section--spec #section--05__modal {
    animation-name: modalopen;
    animation-duration: .5s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 2rem;
    z-index: 10;
    overflow-x: hidden
}

.section_wrap {
    position: relative
}

.section_wrap .video_stop {
    position: absolute;
    z-index: 99;
    top: 2%;
    right: 2%;
    width: 50px;
    height: 50px;
    color: #666;
    cursor: pointer
}

.section_wrap .video_stop:hover {
    opacity: .8
}

.section_wrap .video_stop::after {
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 54px;
    font-size: 3rem
}

.section_wrap .section_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -99
}

.section_wrap .section_overlay.visible {
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity .8s;
    -moz-transition: opacity .8s;
    transition: opacity .8s
}

.section_wrap .section_overlay_inner {
    position: absolute;
    bottom: 20%;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    transform: translateY(-50%)
}

.section_wrap .section_overlay--v3 video {
    max-width: 960px;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
    box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
    z-index: 2;
    right: 0;
    left: 0;
    margin: 0 auto
}

.section--setting .section__title {
    text-align: center;
    font-size: 2.5rem;
    line-height: 1.1;
    margin-bottom: 2.6875rem
}

.section--setting.section--00 {
    padding: 0
}

.section--setting.section--00 .section__title {
    font-size: 2.625rem
}

.section--setting.section--00 .__image {
    width: 100%;
    display: block;
    margin: 0 auto
}

.section--setting.section--01 {
    padding: 3.5rem 0 5.5rem
}

.section--setting.section--01 .section__txt {
    text-align: center;
    padding: 0 2rem
}

.section--setting.section--01 .section__txt_sub {
    font-size: 1rem;
    padding: 0 3rem;
    margin-top: 2.6875rem
}

.section--setting.section--01 .section__txt span {
    white-space: nowrap
}

.section--setting.section--02 {
    background: #edefef;
    padding: 6.875rem 0 9.6875rem
}

.section--setting.section--02 .section__title {
    margin-bottom: 3.5625rem
}

.section--setting.section--02 .section__txt {
    text-align: center
}

.section--setting.section--02 #live_light {
    margin: 0;
    padding: 0;
    line-height: 0
}

.section--setting.section--02 .__content__02 {
    margin-top: 6.6875rem
}

.section--setting.section--02 .__box {
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .15);
    margin-bottom: 5rem
}

.section--setting.section--02 .__box:last-child {
    margin-bottom: 0
}

.section--setting.section--02 .__box .__wrap {
    background: #fff;
    padding: 2.625rem 6.25rem 4.5625rem
}

.section--setting.section--02 .__box .__wrap__02 {
    padding: 2.625rem 3.25rem 4.5625rem
}

.section--setting.section--02 .__box .__wrap__02 .__title {
    padding: 0 3rem
}

.section--setting.section--02 .__box .__wrap__02>p {
    padding: 0 3rem;
    margin-bottom: 2.1875rem
}

.section--setting.section--02 .__box .__wrap .__title {
    font-size: 1.75rem;
    margin-bottom: 1.5625rem
}

.section--setting.section--02 .__box .__wrap .__txt {
    font-size: 1.125rem
}

.section--setting.section--02 .__box .__wrap .__txt_sub {
    font-size: 1rem;
    padding: 0 3rem;
    margin-top: 2.6875rem
}

.section--setting.section--02 .__box .__wrap .list__txt {
    display: flex;
    margin-top: .625rem
}

.section--setting.section--02 .__box .__wrap .list__txt--no {
    font-size: 4rem;
    line-height: 1;
    color: #666;
    margin-right: .875rem
}

.section--setting.section--02 .__box .__wrap .list__txt--icon {
    width: 34px;
    height: auto
}

.section--setting.section--02 .__box .__wrap .list__txt--txt {
    font-size: 1.125rem
}

.section--setting.section--02 .__box .__wrap .list__txt--txt__01 {
    margin-top: 1.875rem
}

.section--setting.section--02 .__box .__wrap .list__txt--txt__02 {
    margin-top: .875rem
}

.section--setting.section--02 .__box .__wrap .list__txt--txt br.sp {
    display: none
}

.section--setting.section--02 .__box .__wrap .__icon {
    width: 54.26px;
    height: auto
}

.section--setting.section--02 .__box .__wrap .__speaker {
    list-style: none;
    display: flex;
    justify-content: space-between
}

.section--setting.section--02 .__box .__wrap .__speaker_item {
    width: 29.5454545455%;
    position: relative
}

.section--setting.section--02 .__box .__wrap .__speaker_item::after {
    content: "";
    width: 0;
    height: 0;
    border-width: 9px 0 9px 15px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
    position: absolute;
    top: 54%;
    right: -14%
}

.section--setting.section--02 .__box .__wrap .__speaker_item:last-child::after {
    content: none
}

.section--setting.section--02 .__box .__wrap .__speaker_info {
    margin-top: 1rem
}

.section--setting.section--02 .__box .__wrap .__speaker_info_sp {
    display: none
}

.section--setting.section--02 .__box .__wrap .__speaker_title {
    font-size: 1.5rem;
    text-align: center;
    line-height: 1;
    margin-bottom: .75rem
}

.section--setting.section--02 .__box .__wrap .__speaker_text {
    font-size: .9rem;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1.25rem
}

@media(max-width: 1023px) {
    .section--setting.section--02 .__box .__wrap .__speaker_text {
        font-size: .75rem
    }
}

.section--setting.section--02 .__box .__wrap .__speaker_button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1.25rem auto 0;
    width: 160px;
    height: 52px;
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    background: #666;
    border-radius: 26px;
    transition: opacity .4s;
    cursor: pointer
}

.section--setting.section--02 .__box .__wrap .__speaker_button:hover {
    opacity: .8
}

.section--setting.section--02 .__box .__wrap .__caption {
    background: #edefef;
    padding: 1.875rem 3.125rem
}

.section--setting.section--02 .__box .__wrap .__caption_box {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.section--setting.section--02 .__box .__wrap .__caption_txt_01 {
    width: 28.718%;
    font-size: 1.5625rem;
    line-height: 1.52;
    border-right: 1px solid #707070
}

.section--setting.section--02 .__box .__wrap .__caption_txt_02 {
    width: 63.846%
}

body.bg {
    position: relative
}

body.bg::after {
    content: "";
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: all;
    cursor: pointer
}

.section--technology .section__label {
    display: inline-block;
    font-size: 1.25rem;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    box-sizing: border-box;
    padding: .1rem 1.6rem;
    margin-bottom: 1.875rem
}

.section--technology .section__title {
    font-size: 2.4rem;
    line-height: 1.52;
    margin-bottom: 1.875rem
}

.section--technology .section__btn {
    width: 13.125rem;
    margin: 0 2rem 0;
    color: #000;
    font-size: 1.5rem;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    border-radius: 22px;
    display: inline-block;
    cursor: pointer;
    transition: width .4s
}

.section--technology .section__btn:hover {
    width: 15rem
}

.section--technology .__image__sp {
    display: none
}

.section--technology.section--00 {
    padding: 0 0 10rem 0
}

.section--technology.section--00 span {
    display: inline-block
}

.section--technology.section--00 .viewport {
    padding: 4.3rem 2rem 0 2rem
}

.section--technology.section--00 .__content {
    text-align: center
}

.section--technology.section--00 .__content .page__title {
    margin-bottom: 1.2rem;
    line-height: 1.5625
}

.section--technology.section--00 .__content p {
    font-size: 1.3rem
}

.section--technology.section--01 {
    position: relative;
    padding-top: 28rem;
    padding-bottom: 5rem;
    height: 820px
}

.section--technology.section--01.loaded {
    background-image: url("../img/technology/desktop/section--01.jpg?20210604")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--technology.section--01.loaded {
        background-image: url("../img/technology/desktop/section--01@2x.jpg?20210604")
    }
}

.section--technology.section--01 .__content {
    width: 600px
}

.section--technology.section--01 .__content .section__title span {
    display: inline-block
}

.section--technology.section--01 .__content .section__desc {
    width: 100%
}

.section--technology.section--01 .__content .section__desc span {
    font-feature-settings: "palt"
}

.section--technology.section--02 {
    position: relative;
    padding-top: 9.625rem;
    height: 675px
}

@media only screen and (max-width: 840px) {
    .section--technology.section--02 {
        padding-top: 4rem
    }
}

.section--technology.section--02.loaded {
    background-image: url("../img/technology/desktop/section--02.jpg?20210604")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--technology.section--02.loaded {
        background-image: url("../img/technology/desktop/section--02@2x.jpg?20210604")
    }
}

.section--technology.section--02 .__content {
    margin-left: auto;
    width: 31.25rem
}

@media only screen and (max-width: 840px) {
    .section--technology.section--02 .__content {
        width: 55vw
    }

    .section--technology.section--02 .__content .__is_desktop {
        display: none
    }

    .section--technology.section--02 .__content br {
        display: none
    }
}

.section--technology.section--02 .__content .section__title span {
    display: inline-block
}

.section--technology.section--02 .__content .section__desc {
    width: 100%
}

.section--technology.section--02 .__content .section__desc span {
    font-feature-settings: "palt"
}

.section--technology.section--03 {
    text-align: center;
    background: #efefef
}

.section--technology.section--03 .section__title {
    margin-top: 2.5rem
}

.section--technology.section--03 .section__btn {
    font-size: .9rem;
    background: #666;
    color: #fff
}

.section--technology.section--03 .section__svg {
    width: 32.8125rem;
    padding-bottom: 15px;
    padding-right: 10px
}

.section--dealer .viewport {
    max-width: 700px
}

.section--dealer.section--00 {
    padding: 6rem 0;
    text-align: center
}

.section--dealer.section--01 {
    padding-top: 3rem;
    background-color: #fbfbfb;
    border-top: 1px solid #ddd
}

.section--dealer .input {
    margin-bottom: 0
}

.section--dealer .input>select {
    height: 3.5rem
}

.section--dealer .states ul {
    list-style: none
}

.section--dealer .prefecture {
    position: relative;
    height: 3.5rem;
    padding: 0 1rem;
    border-bottom: 1px solid #ddd;
    line-height: 3.5rem
}

.section--dealer .prefecture>span {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 1rem;
    width: 100%;
    height: 100%;
    text-align: right;
    cursor: pointer
}

.section--dealer .shop {
    padding: 1rem 1rem .7rem;
    border-bottom: 1px solid #ddd
}

.section--dealer .shop .name,
.section--dealer .shop .tel,
.section--dealer .shop .address {
    display: block;
    position: relative;
    margin-bottom: .3rem;
    line-height: 1.4
}

.section--dealer .shop .name {
    font-weight: bold
}

.section--dealer .shop .tel,
.section--dealer .shop .address {
    padding-left: 1.7rem
}

.section--dealer .shop .tel:before,
.section--dealer .shop .address:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ccc
}

.section--dealer .shop .tel a,
.section--dealer .shop .address a {
    text-decoration: none
}

.section--dealer .shop .tel:before {
    content: ""
}

.section--dealer .shop .address:before {
    content: "";
    font-size: 1.1rem
}

.section--dealer .shop .address>a:after {
    display: inline-block;
    position: relative;
    top: -1px;
    content: "地図";
    height: 1.2rem;
    border: 1px solid #666;
    margin-left: .5rem;
    padding: 0 .8rem;
    font-size: .8rem;
    line-height: 1.3rem;
    color: #666
}

.section--shops .viewport {
    max-width: 880px
}

.section--shops.section--00 {
    padding-top: 7rem;
    border-bottom: 1px solid #ddd;
    text-align: center
}

.section--shops .states ul {
    list-style: none
}

.section--shops .states .name,
.section--shops .states .tel,
.section--shops .states .address {
    display: block;
    position: relative;
    margin-bottom: .3rem;
    line-height: 1.4
}

.section--shops .states .name {
    font-weight: bold;
    margin-bottom: .5rem
}

.section--shops .states .umeda {
    margin-top: 22%
}

.section--shops .states .tel a,
.section--shops .states .address a {
    text-decoration: none;
    color: #666
}

.section--shops .states .tel {
    padding-left: 1.7rem
}

.section--shops .states .tel:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #666
}

.section--shops .states .address>a:after {
    display: inline-block;
    position: relative;
    top: -1px;
    content: "地図";
    height: 1.2rem;
    border: 1px solid #666;
    margin-left: 1rem;
    padding: 0 .8rem;
    font-size: .8rem;
    line-height: 1.3rem;
    color: #666
}

.section--shops.section--01 {
    padding-top: 2rem;
    padding-bottom: 0
}

.section--shops.section--01 .states {
    padding: 3rem 0 0
}

.section--shops.section--01 .states .button {
    margin-left: 0;
    width: 200px;
    color: #333;
    font-size: .8rem;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    border: solid 1px #333;
    border-radius: 22px;
    display: block;
    transition: all .2s;
    cursor: pointer
}

.section--shops.section--01 .states .button:hover {
    width: 220px
}

.section--shops.section--01 .shop {
    padding-bottom: 5rem
}

.section--shops.section--01 .shop:not(:last-child) .pickup {
    border-bottom: 1px solid #ddd
}

.section--shops.section--01 .shop .pickup {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    padding: 5rem 0 4rem
}

.section--shops.section--01 .shop .pickup .label {
    position: absolute;
    top: 2rem;
    left: 0;
    display: block;
    width: 200px;
    padding: .3rem 0;
    background-color: #333;
    color: #fff;
    text-align: center
}

.section--shops.section--01 .shop .pickup .name {
    margin-bottom: .8rem;
    font-size: 21px
}

.section--shops.section--01 .shop .pickup .photo {
    width: 480px;
    height: 300px;
    border-radius: 10px;
    overflow: hidden
}

.section--shops.section--01 .shop .pickup .contents {
    flex: 1;
    padding: 0 2rem 0 0;
    margin-top: .5rem
}

.section--shops.section--01 .shop .pickup .description {
    margin-top: 1.5rem
}

.section--shops.section--01 .shop .pickup .date {
    display: block;
    margin-top: 1rem;
    font-weight: bold
}

.section--shops.section--01 .shop .pickup .note {
    margin-top: 1rem;
    line-height: 1.6;
    color: #999;
    font-style: normal
}

.section--shops.section--01 .shop .pickup .button {
    margin-top: 2.2rem;
    margin-left: 0;
    width: 180px;
    color: #333;
    font-size: .8rem;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    border: solid 1px #333;
    border-radius: 22px;
    display: block;
    transition: all .2s;
    cursor: pointer
}

.section--shops.section--01 .shop .pickup .button:hover {
    width: 200px
}

@media screen and (max-width: 940px) {
    .section--shops.section--01 .shop .pickup {
        display: block;
        flex: none;
        padding-top: 6rem
    }

    .section--shops.section--01 .shop .pickup .contents {
        padding-top: 3rem
    }
}

.section--shops.section--02 {
    padding-top: 5rem;
    background-color: #fbfbfb;
    border-top: 1px solid #ddd
}

.section--shops.section--02 .section__title {
    margin-bottom: 1rem
}

.section--shops.section--02 .title_caption {
    margin-bottom: 4rem
}

.section--shops.section--02 .input {
    margin-bottom: 0
}

.section--shops.section--02 .input>select {
    height: 3.5rem
}

.section--shops.section--02 .prefecture {
    position: relative;
    height: 3.5rem;
    padding: 0 1rem;
    border-bottom: 1px solid #ddd;
    line-height: 3.5rem
}

.section--shops.section--02 .prefecture>span {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 1rem;
    width: 100%;
    height: 100%;
    text-align: right;
    cursor: pointer
}

.section--shops.section--02 .shop {
    padding: 1rem 1rem .7rem;
    border-bottom: 1px solid #ddd
}

.section--shops.section--02 .shop .name {
    margin-bottom: .3rem
}

.section--shops .__information {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 5rem;
    padding: 1rem 2rem;
    border-radius: 10px;
    color: #fff;
    background-color: #4dc0db;
    text-align: center;
    text-decoration: none
}

.shoptit .label {
    top: 2rem;
    left: 0;
    display: block;
    text-align: left !important;
    padding: .3rem 0;
    color: #333;
    text-align: center;
    font-size: 2.4rem
}

.shoptit .description {
    margin-top: 1.5rem
}

@media only screen and (max-width: 800px) {
    .section--shops .states .umeda {
        margin-top: 8% !important
    }
}

.aoyama_store {
    background-color: #f5f5f5;
    padding: 120px 0
}

.aoyama_store .store__ttl {
    margin: 0 auto;
    text-align: center;
    width: 492px;
    margin-bottom: 29px
}

.aoyama_store .store__ttl img {
    width: 100%;
    height: auto
}

.aoyama_store .store__subttl {
    width: 100%;
    font-size: 1rem;
    text-align: center;
    margin-bottom: 80px;
    font-size: 1rem;
    line-height: 1.8
}

.aoyama_store .store__inner {
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    width: 80%
}

.aoyama_store .store-col1 {
    text-align: left;
    width: 460px;
    padding-right: 30px
}

.aoyama_store .store-col2 {
    text-align: left;
    width: 520px;
    margin-bottom: 0px
}

.aoyama_store .store-info__etc {
    text-align: left;
    line-height: 200%;
    font-size: .875rem;
    margin-bottom: 20px
}

.aoyama_store .store-info__text {
    text-align: left;
    line-height: 200%;
    font-size: .875rem;
    margin-bottom: 16px
}

.aoyama_store .btn-external {
    width: 270px;
    margin-top: 20px
}

.aoyama_store .btn-external::first-child {
    margin-top: 0px
}

.aoyama_store .store__img {
    width: 100%
}

.aoyama_store .store__img img {
    width: 100%
}

.brand_shop {
    padding: 110px 0 120px 0
}

.brand_shop .shop__ttl {
    text-align: center;
    font-weight: bold;
    line-height: 160%;
    margin-bottom: 20px;
    font-size: 2rem
}

.brand_shop .shop__ttl .sp {
    display: none
}

.brand_shop .shop__subttl {
    margin: 0 auto;
    line-height: 180%;
    width: 80%;
    text-align: center;
    margin-bottom: 67px;
    font-size: 1rem
}

.brand_shop .shop__subttl .sp {
    display: none
}

.brand_shop .shop_block {
    display: flex;
    width: 90%;
    max-width: 1070px;
    margin: 0 auto
}

.brand_shop .shop__inner {
    text-align: center;
    margin: 0 auto;
    flex-direction: row;
    width: 80%;
    max-width: 980px
}

.brand_shop .shop-col1 {
    text-align: left;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    display: flex
}

@media only screen and (max-width: 800px) {
    .brand_shop .shop-col1 {
        display: block
    }
}

.brand_shop .shop-col1 .shop-info_block {
    width: 91%
}

.brand_shop .shop-col1 .shop-info__btn {
    text-align: center
}

.brand_shop .shop-col2 {
    border-top: 1px solid #707070;
    padding-top: 50px;
    border: none;
    padding: 0;
    text-align: left;
    width: 43%;
    padding-right: 0px
}

.brand_shop .shop-info__ttl {
    font-weight: bold;
    text-align: left;
    line-height: 180%;
    font-size: 1.25rem;
    margin-bottom: 16px
}

.brand_shop .shop-info__etc {
    text-align: left;
    line-height: 200%;
    font-size: .875rem;
    margin-bottom: 20px
}

.brand_shop .shop-info__text {
    text-align: left;
    line-height: 180%;
    font-size: .875rem;
    margin-bottom: 25px;
    border-top: 1px solid #707070;
    padding-top: 20px
}

.brand_shop .btn-external {
    width: 250px;
    margin-top: 20px
}

@media screen and (min-width: 641px)and (max-width: 800px) {
    .brand_shop .btn-external {
        margin: 20px 10px 0
    }
}

.brand_shop .shop__img {
    width: 100%;
    display: none;
    margin-bottom: 25px
}

.btn-external {
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #707070;
    box-sizing: border-box;
    background: #fff;
    border-radius: 100vh;
    text-align: center;
    color: #000;
    padding: 12px 40px 13px;
    text-indent: -0.7em;
    line-height: 1.5
}

.btn-external-inner {
    line-height: 1;
    text-align: center;
    vertical-align: baseline;
    position: relative;
    display: inline-block;
    font-size: .9rem
}

.btn-external-inner::before {
    content: "";
    position: absolute;
    background: #707070;
    border-radius: 50%;
    transition: all;
    top: 0px;
    right: -28px;
    bottom: 0;
    width: 14px;
    height: 14px
}

.btn-external-inner::after {
    content: "";
    position: absolute;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    opacity: 1;
    transform: rotate(45deg);
    transition: all .15s;
    top: 5px;
    right: -22px;
    bottom: 0;
    width: 4px;
    height: 4px
}

.btn-external--fillblack {
    border: none;
    background-color: #000;
    color: #fff
}

.btn-external--fillblack .btn-external-inner::before {
    background: #fff
}

.btn-external--fillblack .btn-external-inner::after {
    border-color: #fff
}

.btn-external--fillgray {
    border: none;
    background-color: #707070;
    color: #fff
}

.btn-external--fillgray .btn-external-inner::before {
    background: #fff
}

.btn-external--fillgray .btn-external-inner::after {
    border-color: #707070
}

.btn-external--fillgreen {
    border: none;
    background-color: #4aa53a;
    color: #fff
}

.btn-external--fillgreen .btn-external-inner::before {
    background: #fff
}

.btn-external--fillgreen .btn-external-inner::after {
    border-color: #4aa53a
}

.btn-external:hover {
    opacity: .5
}

.btn-external:hover::after {
    opacity: .5
}

@media(min-width: 1090px) {
    .store__inner {
        width: 980px !important
    }

    .shop__inner {
        width: 980px !important
    }
}

.accordion-area {
    list-style: none;
    width: 100%;
    margin: 0 auto
}

.accordion-area section {
    border: 1px solid #ccc
}

.accordion-area .title {
    position: relative;
    cursor: pointer;
    font-size: .75rem;
    transition: all .5s ease
}

.accordion-area .title.close::before {
    transform: rotate(45deg)
}

.accordion-area .title.close::after {
    transform: rotate(-45deg)
}

.accordion-area .accordion-box {
    display: none;
    background: rgba(255, 255, 255, .6);
    margin: 0;
    padding: 20px;
    font-size: .75rem
}

.accordion-area .accordion-box ul {
    list-style: none
}

.accordion-area .accordion-box ul li {
    margin: 0
}

.accordion-area .accordion-box ul li span {
    font-weight: bold
}

.accordion-area .accordion-box ul li.title {
    margin: 0
}

.accordion-area .accordion-box2 {
    margin-top: 20px
}

.icon__circle__right {
    margin-left: 3px
}

.icon__circle__right:before {
    vertical-align: bottom
}

.store-info__etc {
    margin-bottom: 10px !important
}

.section--function .__nowrap {
    white-space: nowrap
}

.section--function .section__label {
    display: inline-block;
    font-size: 1.25rem;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    box-sizing: border-box;
    padding: .1rem 1.6rem;
    margin-bottom: 1.875rem
}

.section--function .section__title {
    font-size: 2.4rem;
    line-height: 1.52;
    margin-bottom: 1.625rem
}

.section--function.section--00 {
    padding: 0 0 10rem 0
}

.section--function.section--00 span {
    display: inline-block
}

.section--function.section--00 .viewport {
    padding: 4.3rem 2rem 0 2rem
}

.section--function.section--00 .__content {
    text-align: center
}

.section--function.section--00 .__content .page__title {
    margin-bottom: 1.2rem;
    line-height: 1.5625
}

.section--function.section--00 .__content p {
    font-size: 1.3rem
}

.section--function.section--01 {
    position: relative;
    height: 650px;
    padding: 0;
    background: url("../img/function/desktop/section--01_bg.png");
    background-size: 100% 650px
}

.section--function.section--01.loaded .__bg {
    background-image: url("../img/function/desktop/section--01.jpg?20210604");
    background-position: top;
    background-repeat: no-repeat;
    background-size: 2000px 650px;
    height: 650px;
    padding: 10rem 2rem 5rem 2rem
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--function.section--01.loaded .__bg {
        background-image: url("../img/function/desktop/section--01@2x.jpg?20210604")
    }
}

@media only screen and (max-width: 840px) {
    .section--function.section--01.loaded .__bg {
        padding-top: 6rem
    }

    .section--function.section--01.loaded .__bg .section__label br {
        display: block
    }
}

.section--function.section--01 .section__label br {
    display: none
}

.section--function.section--01 .__content {
    width: 411px
}

@media only screen and (max-width: 840px) {
    .section--function.section--01 .__content {
        width: 38vw
    }

    .section--function.section--01 .__content .__is_desktop {
        display: none
    }

    .section--function.section--01 .__content br {
        display: none
    }
}

.section--function.section--01 .__content .section__title span {
    display: inline-block
}

.section--function.section--01 .__content .section__desc {
    width: 100%
}

.section--function.section--01 .__content .section__desc span {
    font-function-settings: "palt"
}

.section--function.section--02 {
    position: relative;
    padding-top: 8.812rem;
    height: 600px
}

@media only screen and (max-width: 840px) {
    .section--function.section--02 {
        padding-top: 4rem
    }
}

.section--function.section--02.loaded {
    background-image: url("../img/function/desktop/section--02.jpg?20210604")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--function.section--02.loaded {
        background-image: url("../img/function/desktop/section--02@2x.jpg?20210604")
    }
}

.section--function.section--02 .__content {
    width: 411px
}

@media only screen and (max-width: 840px) {
    .section--function.section--02 .__content {
        width: 55vw
    }

    .section--function.section--02 .__content .__is_desktop {
        display: none
    }

    .section--function.section--02 .__content br {
        display: none
    }
}

.section--function.section--02 .__content .section__label {
    margin-bottom: 1.125rem
}

.section--function.section--02 .__content .section__title span {
    display: inline-block
}

.section--function.section--02 .__content .section__desc {
    width: 100%
}

.section--function.section--02 .__content .section__desc span {
    font-function-settings: "palt"
}

.section--function.section--03 .colum2,
.section--function.section--04 .colum2 {
    display: flex;
    justify-content: space-between;
    margin-top: 2.5rem
}

.section--function.section--03 .colum2 .colum2--inner,
.section--function.section--04 .colum2 .colum2--inner {
    width: 48%
}

.section--function.section--03 .colum2 .colum2--inner .section__title,
.section--function.section--04 .colum2 .colum2--inner .section__title {
    font-size: 1.7rem;
    margin: 1.2rem 0 1.1rem
}

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

    .section--function.section--03 .colum2 .colum2--inner .section__title,
    .section--function.section--04 .colum2 .colum2--inner .section__title {
        font-size: 1.5rem
    }
}

.section--function.section--03 .colum2 .colum2--inner p,
.section--function.section--04 .colum2 .colum2--inner p {
    font-size: 1.125rem;
    text-align: left
}

.section--function.section--03 .colum2 .colum2--inner p sup,
.section--function.section--04 .colum2 .colum2--inner p sup {
    font-size: 60%;
    top: .2rem
}

.section--function.section--03 {
    position: relative;
    padding-top: 7.5rem;
    padding-bottom: 5rem
}

@media only screen and (max-width: 840px) {
    .section--function.section--03 {
        padding-top: 4rem
    }
}

.section--function.section--03 .__content .section__title span {
    display: inline-block
}

.section--function.section--03 .__content .section__sup {
    margin-top: .4rem
}

.section--function.section--04 {
    position: relative;
    padding-top: 6.25rem;
    padding-bottom: 8rem;
    background: #efefef
}

@media only screen and (max-width: 840px) {
    .section--function.section--04 {
        padding-top: 4rem
    }
}

.section--function.section--04 .__content .section__title span {
    display: inline-block
}

.section--function.section--04 .__content .colum2--inner p.section__link {
    padding-top: 1.6rem;
    font-size: 1rem
}

.section--function.section--05 {
    position: relative;
    padding-top: 6.25rem;
    padding-bottom: 2.1875rem
}

.section--function.section--05 .__content .section__title {
    margin-bottom: 2.875rem
}

.section--function.section--05 .__content .section__title span {
    display: inline-block
}

.section--function.section--05 .__content .colum2--inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.875rem
}

.section--function.section--05 .__content .colum2--inner .__image {
    width: 46%;
    max-width: 450px;
    margin-right: 4%
}

.section--function.section--05 .__content .colum2--inner__text {
    width: 460px
}

.section--function.section--05 .__content .colum2--inner .section__title {
    font-size: 1.7rem;
    margin: 2rem 0 1.1rem
}

@media only screen and (max-width: 940px) {
    .section--function.section--05 .__content .colum2--inner .section__title {
        font-size: 1.5rem;
        margin-top: 0
    }
}

.section--function.section--05 .__content .colum2--inner p {
    font-size: 1.125rem;
    text-align: left
}

.section--function.section--05 .__content .colum2--inner p sup {
    font-size: 60%;
    top: .2rem
}

.section--function.section--05 .__content .colum2--inner p.section__link {
    padding-top: 1.2rem;
    font-size: 1rem
}

.section--feature .section__title {
    font-size: 2.4rem;
    line-height: 1.52;
    margin-bottom: 2.0625rem
}

.section--feature .section__title sup {
    font-size: 42%;
    vertical-align: top;
    position: relative;
    top: -0.1em
}

.section--feature.section--00 {
    padding: 0
}

.section--feature.section--00 span {
    display: inline-block
}

.section--feature.section--00 .viewport {
    padding: 4.3rem 0 0 0
}

.section--feature.section--00 .__content {
    text-align: center
}

.section--feature.section--00 .__content .page__title {
    margin-bottom: 1.2rem;
    line-height: 1.5625
}

.section--feature.section--00 .__content p {
    font-size: 1.3rem
}

.section--feature.section--01 span {
    display: inline-block
}

.section--feature.section--01 .viewport {
    padding: 4rem 0 0 0
}

.section--feature.section--01 .__content {
    max-width: 980px;
    margin: 0 auto;
    text-align: center
}

.section--feature.section--01 .__content .section__title {
    margin-top: 3rem;
    margin-bottom: 1.2rem;
    line-height: 1.5625
}

.section--feature.section--01 .__content p {
    font-size: 1.125rem
}

.section--feature.section--02 {
    position: relative;
    padding: 2.3rem 2.5rem 0 2.5rem
}

.section--feature.section--02 .viewport {
    max-width: 1500px;
    margin-bottom: 12.5rem
}

.section--feature.section--02 .viewport .viewport__inner {
    display: flex;
    align-items: center
}

.section--feature.section--02 .viewport .video_play::after {
    top: calc(50% - 55px);
    left: calc(50% - 55px)
}

.section--feature.section--02 .viewport .video_play>span {
    position: absolute;
    top: calc(50% - 55px);
    left: calc(50% - 55px)
}

.section--feature.section--02 .viewport .video_play>span:before {
    top: calc(50% - 20px);
    left: calc(50% - 14px)
}

.section--feature.section--02 .viewport .video_play.__third {
    position: relative;
    bottom: 0;
    right: 0;
    width: 55%;
    margin: 4rem 0
}

.section--feature.section--02 .viewport .video_play.__third img {
    width: 100%;
    margin: 0
}

@media only screen and (max-width: 870px) {
    .section--feature.section--02 .viewport .video_play.__third {
        width: 100%
    }
}

.section--feature.section--02 .viewport .__first .__content--inner {
    max-width: 340px
}

.section--feature.section--02 .viewport .__second .__content--inner {
    max-width: 360px;
    margin-top: -57px
}

.section--feature.section--02 .viewport .__third .__content--inner {
    max-width: 380px
}

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

    .section--feature.section--02 .viewport .__content.__first,
    .section--feature.section--02 .viewport .__content.__third {
        flex-direction: row-reverse;
        -ms-flex-direction: row-reverse
    }

    .section--feature.section--02 .viewport .__first .__content--inner {
        margin-right: 4.375rem
    }

    .section--feature.section--02 .viewport .__second .__content--inner {
        margin-left: 4.375rem
    }

    .section--feature.section--02 .viewport .__third .__content--inner {
        margin-right: 1.875rem
    }
}

@media only screen and (min-width: 1280px) {
    .section--feature.section--02 .viewport .__content.__second {
        flex-direction: row-reverse;
        -ms-flex-direction: row-reverse
    }

    .section--feature.section--02 .viewport .__first .__content--inner,
    .section--feature.section--02 .viewport .__third .__content--inner {
        margin-left: 6.75rem
    }

    .section--feature.section--02 .viewport .__second .__content--inner {
        margin-right: 6.75rem
    }
}

.section--feature.section--02 .viewport .__content {
    box-sizing: border-box;
    display: flex;
    width: 50%;
    text-align: left
}

.section--feature.section--02 .viewport .__content .section__title {
    font-size: 2.4rem;
    margin-bottom: 2rem
}

.section--feature.section--02 .viewport .__content .section__desc {
    font-size: 1.125rem
}

@media only screen and (max-width: 970px) {
    .section--feature.section--02 .viewport .__content .__is_desktop {
        display: none
    }

    .section--feature.section--02 .viewport .__content br {
        display: none
    }
}

.section--feature.section--02 .viewport .__image {
    width: 57.9420579%;
    margin: 0 0
}

@media only screen and (min-width: 1082px)and (max-width: 1280px) {
    .section--feature.section--02 .viewport .__image {
        width: 56.6666667%
    }
}

@media only screen and (min-width: 1281px)and (max-width: 1500px) {
    .section--feature.section--02 .viewport .__image {
        width: 55.6338028%
    }
}

.section--feature.section--02 .viewport.__reverse .viewport__inner {
    flex-direction: row-reverse;
    -ms-flex-direction: row-reverse
}

.section--feature.section--02 .viewport.__reverse .__content {
    text-align: left
}

.section--feature.section--02 .viewport.border-none {
    border-bottom: none !important
}

.section--feature.section--02 .sp {
    display: none
}

.section--feature.section--03 {
    padding: 0 0 7.5rem 0
}

.section--feature.section--03 span {
    display: inline-block
}

.section--feature.section--03 .viewport {
    padding: 4.3rem 0 0 0
}

.section--feature.section--03 .__content {
    text-align: center
}

.section--feature.section--06 {
    background-color: #efefef;
    padding: 6rem 0;
    text-align: center;
    margin: 0 auto
}

.section--feature.section--06 .__content .page__title {
    margin-bottom: 1.25rem;
    font-size: 2.1875rem;
    line-height: 4.125rem
}

.section--feature.section--06 .__content .page__title .__image {
    width: 32.8125rem;
    padding-right: .5rem;
    vertical-align: initial
}

.section--feature.section--06 .__content .page__title _:-ms-lang(x)::-ms-backdrop,
.section--feature.section--06 .__content .page__title .__image {
    vertical-align: top
}

.section--feature.section--06 .__content h3 {
    padding: 3px 0;
    font-size: 1.25rem;
    margin: 0 2.5rem;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070
}

.section--feature.section--06 .__content h3 sup {
    font-size: .875rem
}

.section--feature.section--06 .__content h3 a {
    text-decoration-thickness: 1px;
    font-size: .875rem;
    vertical-align: middle;
    margin-top: -5px;
    display: inline-block
}

@media only screen and (max-width: 970px) {
    .section--feature.section--06 .__content {
        padding: 0 2rem
    }
}

.section--feature.section--06 .__content .colum2 {
    display: flex;
    justify-content: space-between;
    margin-top: 5rem
}

.section--feature.section--06 .__content .colum2 .colum2--inner {
    box-shadow: 0px 5px 5px 2px rgba(41, 41, 41, .2);
    width: 47.5%;
    background-color: #fff;
    border-radius: 15px;
    padding: 3rem 0
}

.section--feature.section--06 .__content .colum2 .colum2--inner .section__title {
    font-size: 1.7rem;
    margin: 0 0 1.1rem
}

.section--feature.section--06 .__content .colum2 .colum2--inner p {
    font-size: 1rem;
    text-align: center;
    padding: 0 1rem
}

@media only screen and (max-width: 870px) {
    .section--feature.section--06 .__content .colum2 .colum2--inner p br {
        display: none
    }
}

.section--feature.section--06 .__content .colum3 {
    text-align: right;
    font-size: .7625rem;
    padding-top: 1.25rem
}

.section--feature.section--06 .__content .section__btn {
    color: #fff;
    background-color: #2b9417;
    width: 240px;
    margin-top: 2.5rem;
    min-width: 180px;
    font-size: .875rem;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    border-radius: 22px;
    display: inline-block;
    cursor: pointer;
    transition: width .4s
}

.section--feature.section--06 .__content .section__btn:hover {
    width: 260px
}

.__is_mobile {
    display: none
}

.section--design .section__label {
    display: inline-block;
    font-size: 1.625rem;
    color: #000;
    text-align: center;
    border: 1px solid #707070;
    border-radius: 3px;
    box-sizing: border-box;
    padding: .5rem 2rem;
    margin-bottom: 1.2875rem
}

.section--design .section__title {
    font-size: 2.4rem;
    line-height: 1.52;
    margin-bottom: 2.75rem
}

.section--design .section__catch {
    font-size: 2.0625rem;
    line-height: 1.4;
    margin-bottom: 2.7625rem
}

.section--design .section__desc {
    font-size: 1.125rem;
    line-height: 2.0555555556;
    font-feature-settings: "palt"
}

@media only screen and (max-width: 940px) {
    .section--design .section__desc {
        line-height: 1.8
    }

    .section--design .section__desc br {
        display: none
    }
}

.section--design .section__btn {
    width: 13.125rem;
    margin: 0 2rem 0;
    color: #000;
    font-size: 1.5rem;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    border-radius: 22px;
    display: inline-block;
    cursor: pointer;
    transition: width .4s
}

.section--design .section__btn:hover {
    width: 15rem
}

.section--design.section--00 {
    padding: 0;
    border-bottom: 1px rgba(112, 112, 112, .48) solid
}

.section--design.section--00 span {
    display: inline-block
}

.section--design.section--00 .viewport {
    padding: 4.3rem 0 10rem 0
}

.section--design.section--00 .__content {
    text-align: center
}

.section--design.section--00 .__content .page__title {
    margin-bottom: 1.8rem;
    line-height: 1.6927083333
}

.section--design.section--00 .__content p {
    font-size: 1.3rem;
    margin-bottom: 8.6rem
}

.section--design.section--00 .__gallery {
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.section--design.section--00 .__gallery__wrap {
    overflow: hidden
}

.section--design.section--00 .__gallery__item {
    margin: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.section--design.section--00 .__gallery__item.__half--pc {
    flex-basis: calc(50% - 3px);
    max-width: calc(50% - 3px)
}

.section--design.section--00 .__gallery__item.__full--pc {
    flex-basis: 100%;
    max-width: 100%
}

.section--design.section--00 .__gallery__item.__half--left {
    margin: 0 3px 6px 0
}

.section--design.section--00 .__gallery__item.__half--right {
    margin: 0 0 6px 3px
}

.section--design.section--01,
.section--design.section--02,
.section--design.section--03 {
    min-height: 650px;
    display: flex;
    align-items: center
}

.section--design.section--01.__textLeft,
.section--design.section--02.__textLeft,
.section--design.section--03.__textLeft {
    justify-content: right
}

.section--design.section--01.__textLeft .viewport,
.section--design.section--02.__textLeft .viewport,
.section--design.section--03.__textLeft .viewport {
    justify-content: flex-start
}

.section--design.section--01.__textRight .viewport,
.section--design.section--02.__textRight .viewport,
.section--design.section--03.__textRight .viewport {
    justify-content: flex-end
}

.section--design.section--01.__textWhite,
.section--design.section--02.__textWhite,
.section--design.section--03.__textWhite {
    color: #fff
}

.section--design.section--01 .viewport,
.section--design.section--02 .viewport,
.section--design.section--03 .viewport {
    flex: 1 1 auto;
    display: flex
}

.section--design.section--01 .section__title,
.section--design.section--02 .section__title,
.section--design.section--03 .section__title {
    margin-bottom: 1.375rem;
    font-size: 2.375rem;
    line-height: 1.5625
}

.section--design.section--01 .section__description,
.section--design.section--02 .section__description,
.section--design.section--03 .section__description {
    font-size: 1.125rem;
    line-height: 1.8
}

.section--design.section--01 .__content {
    flex: 0 0 380px;
    max-width: 380px
}

.section--design.section--02 .__content {
    flex: 0 0 455px;
    max-width: 455px
}

.section--design.section--03 .__content {
    flex: 0 0 400px;
    max-width: 400px
}

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

    .section--design.section--01 .__content,
    .section--design.section--02 .__content,
    .section--design.section--03 .__content {
        flex-basis: vw_base(1080, 325);
        max-width: vw_base(1080, 325)
    }
}

.section--design.section--01 {
    background-image: url("../img/design/desktop/section--01.jpg?20210604")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--design.section--01 {
        background-image: url("../img/design/desktop/section--01@2x.jpg?20210604")
    }
}

.section--design.section--02 {
    background-image: url("../img/design/desktop/section--02.jpg?20210604")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--design.section--02 {
        background-image: url("../img/design/desktop/section--02@2x.jpg?20210604")
    }
}

.section--design.section--03 {
    background-image: url("../img/design/desktop/section--03.jpg?20210604")
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--design.section--03 {
        background-image: url("../img/design/desktop/section--03@2x.jpg?20210604")
    }
}

.section--design.section--04 {
    text-align: center;
    background: #efefef
}

.section--design.section--04 .section__title {
    margin-top: 2.5rem
}

.section--design.section--04 .section__btn {
    font-size: .9rem;
    background: #666;
    color: #fff
}

.section--design.section--04 .section__svg {
    width: 525px;
    padding-bottom: 15px;
    padding-right: 10px
}

.section--accessory.section--head {
    padding-top: 6.4375rem;
    padding-bottom: 7.75rem;
    border-bottom: solid 1px #ddd
}

.section--accessory.section--head .__content {
    padding: 0 50px
}

.section--accessory.section--head .section__title {
    margin-bottom: 5rem;
    text-align: center;
    line-height: 1.5625
}

.section--accessory.section--head .__list_product {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 50px
}

.section--accessory.section--head .__list_product__item {
    width: calc(50% - 25px)
}

.section--accessory.section--head .__list_product__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none
}

.section--accessory.section--head .__list_product__link .__image {
    max-width: 260px
}

.section--accessory.section--head .__list_product__title.__is_desktop {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.9230769231;
    letter-spacing: 0;
    text-align: center;
    display: block;
    margin-bottom: 1.5rem
}

.section--accessory.section--head .__list_product__title.__is_desktop span {
    border-bottom: solid 1px #000
}

.section--accessory.section--head .__list_product__release {
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #000;
    width: 164px;
    height: 32px;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.7142857143;
    letter-spacing: .02em
}

.section--accessory.section--nozzle {
    padding: 0 !important
}

.section--accessory.section--nozzle .__description {
    margin-top: 8.5rem;
    width: 655px
}

.section--accessory.section--nozzle .__description h2 {
    font-size: 1.9rem;
    margin-bottom: 2.5rem
}

.section--accessory.section--nozzle .page__title {
    text-align: center;
    padding: 5rem 0 2.5rem
}

.section--accessory .__label {
    display: inline-block;
    padding: .2rem 2rem;
    font-size: 1.125rem;
    color: #000
}

.section--accessory .__label_wrap {
    margin-bottom: 3rem;
    text-align: center
}

.section--accessory.section--set {
    margin: 10rem auto 1.6rem;
    padding: 0
}

@media(min-width: 641px) {
    .section--accessory.section--set {
        padding: 0 2rem
    }
}

.section--accessory.section--set h3 {
    text-align: center;
    margin: 0 auto 4rem;
    font-size: 29px;
    width: 148px;
    border-bottom: 1px solid #707070
}

.section--accessory.section--set .section__nozzleset {
    margin: 6.7rem auto
}

.section--accessory.section--set .__setinner {
    display: flex;
    justify-content: space-between
}

.section--accessory.section--set .__setbox {
    width: 48.5%
}

.section--accessory.section--set .__setbox img {
    width: 100%
}

.section--accessory.section--set .__setbox .nozzle--name {
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 1.5rem
}

.section--accessory.section--set .__setbox figure {
    margin: 1.8rem 0
}

.section--accessory.section--set .__setbox figure span:first-child {
    margin-left: 0
}

.section--accessory.section--set .__setbox figure span {
    display: inline-block;
    border: 1px solid #707070;
    border-radius: 3px;
    font-size: .9rem;
    padding: .5rem 1.1rem;
    margin: .28rem;
    font-weight: bold
}

@media only screen and (max-width: 800px) {
    .section--accessory.section--set .__setbox figure span.last {
        display: inline-block;
        margin: 8px 0 0
    }
}

.section--accessory.section--set .__setbox .__setbox_text {
    width: 400px
}

@media only screen and (max-width: 800px) {
    .section--accessory.section--set .__setbox .__setbox_text {
        width: 100%
    }
}

.section--accessory.section--set .__setbox .__setbox_text_2 {
    display: flex
}

@media only screen and (max-width: 800px) {
    .section--accessory.section--set .__setbox .__setbox_text_2 {
        display: block;
        width: 100%
    }
}

.section--accessory.section--set .__setbox .__setbox_text_2 div {
    width: 266px
}

.section--accessory.section--set .__setbox .__setbox_text_2 img {
    width: 216px;
    height: 155px
}

@media only screen and (max-width: 800px) {
    .section--accessory.section--set .__setbox .__setbox_text_2 img {
        display: block;
        margin: 0 auto
    }
}

.section--accessory .__product {
    list-style: none;
    margin-bottom: 2.5rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.section--accessory .__product_item {
    position: relative;
    box-sizing: border-box;
    box-shadow: 0 16px 28px rgba(0, 0, 0, .2);
    width: 31.3333%;
    min-height: 370px;
    margin: 0 1% 2rem;
    padding: 2rem 1.5rem 6rem;
    background-color: #fff
}

@media(max-width: 980px) {
    .section--accessory .__product_item {
        width: 48%
    }
}

.section--accessory .__product_name {
    display: block;
    height: 3.5rem;
    margin: 1rem auto 0 0;
    line-height: 1.5;
    color: #000
}

.section--accessory .__product_code {
    display: block;
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #ddd;
    color: #999
}

.section--accessory .__product_box {
    position: absolute;
    width: 100%;
    bottom: 2.5rem;
    padding-right: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.section--accessory .__product_btn {
    text-align: center;
    text-decoration: none;
    width: 90px;
    height: 32px;
    border-radius: 2px;
    background-color: #4ba53a;
    line-height: 32px;
    color: #fff
}

.section--accessory .__product_btn:hover {
    background-color: #2b9417
}

.section--accessory .__product_price {
    font-size: 1.5rem;
    line-height: 1.2
}

.section--accessory .__basic {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    font-size: .9rem;
    line-height: 1.5
}

.section--accessory .__basic td,
.section--accessory .__basic th {
    padding: .5rem 0;
    border-bottom: 1px solid #ebebeb;
    vertical-align: top
}

.section--accessory .__basic td.__title,
.section--accessory .__basic th.__title {
    border-bottom: 3px solid #ebebeb;
    border-top: none
}

.section--accessory .__basic th {
    width: 222px
}

.section--accessory.section--spec .note {
    margin-top: 18px;
    margin-top: 1rem
}

.section--accessory.section--spec .__content {
    padding-right: 30px
}

.section--accessory.section--spec .__box {
    display: flex;
    align-items: center
}

@media only screen and (max-width: 800px) {
    .section--accessory.section--spec .__box {
        flex-direction: column-reverse
    }

    .section--accessory.section--spec .__box_img {
        padding-left: 0
    }
}

.section--accessory.section--spec .__box_info {
    flex: 1 1 60.8695652174%
}

@media only screen and (max-width: 800px) {
    .section--accessory.section--spec .__box_info {
        width: 100%
    }
}

.section--accessory.section--spec .__box_img {
    padding-left: 30px;
    flex: 1 0 50%;
    text-align: center
}

.section--accessory.section--spec .__box_img img {
    width: 100%
}

.section--accessory.section--spec .__box_img.-p1 img {
    width: 485px
}

@media only screen and (max-width: 800px) {
    .section--accessory.section--spec .__box_img.-p1 img {
        width: 100%
    }
}

.section--accessory.section--spec .__box_img.-p2 img {
    max-width: 310px
}

.section--accessory.section--00 {
    background-image: url("../img/accessory/desktop/section--00.jpg?20210604");
    background-size: cover;
    padding: 0;
    display: block;
    height: 540px
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--accessory.section--00 {
        background-image: url("../img/accessory/desktop/section--00@2x.jpg?20210604")
    }
}

.section--accessory.section--00 .viewport {
    width: 692px
}

.section--accessory.section--01 {
    padding: 15rem 2rem 0 2rem
}

.section--accessory.section--01 .viewport {
    width: 664px
}

@media only screen and (max-width: 800px) {
    .section--accessory.section--01 .viewport {
        width: 80%
    }
}

.section--accessory.section--01 .page__title {
    text-align: center
}

.section--accessory.section--01 .page__disc {
    text-align: left
}

.section--accessory.section--02 {
    background: #fbfbfb
}

.section--accessory.section--02 .__basic {
    margin-left: auto;
    margin-right: auto;
    width: 692px
}

.section--accessory.section--spec2 {
    padding: 1rem 2rem 3rem 2rem
}

.section--accessory.buy {
    background-color: #fbfbfb;
    margin-bottom: 0 !important;
    padding: 6rem 2rem 6rem 2rem
}

.section--accessory.buy.-p1 {
    border-bottom: 1px solid #ddd
}

@media only screen and (max-width: 800px) {
    .section--accessory.buy.-p1 .viewport {
        width: 90%
    }
}

.section--accessory.buy.-p2 {
    border-top: 1px solid #ddd
}

.section--accessory.buy .__purchase span {
    display: block
}

.section--accessory.buy .__purchase .__name {
    margin-bottom: 18px;
    margin-bottom: 1rem;
    font-size: 27px;
    font-size: 1.5rem;
    line-height: 1.4
}

.section--accessory.buy .__purchase .__name span {
    font-weight: normal;
    font-size: 19px
}

.section--accessory.buy .__purchase .price {
    font-size: 36px;
    font-size: 2rem;
    line-height: 1;
    padding-left: 0 !important
}

.section--accessory.buy .__purchase .price:before {
    font-size: .6em
}

.section--accessory.buy .__purchase .price:after {
    font-size: .4em
}

.section--accessory.buy .__purchase .__deliv_date {
    color: #999
}

.section--accessory.buy .__purchase .__column {
    float: left;
    width: 50%
}

.section--accessory.buy .__purchase .btn {
    float: right;
    font-size: 18px;
    font-size: 1rem
}

.section--accessory.buy .__battery p {
    border: 1px solid #000;
    padding: 8px 38px;
    width: 268px;
    font-size: 17px
}

.pcbr {
    display: block
}

.spbr {
    display: none
}

.spbr2 {
    display: none
}

.section--compare.section--head {
    margin-bottom: 4.375rem;
    padding: 7rem 2rem 0 2rem
}

.section--compare.section--head .__page_title {
    text-align: center;
    font-size: 2.4rem;
    line-height: 1.4
}

.section--compare.section--00 {
    background: #f4f4f4;
    padding-top: 4.5rem;
    padding-bottom: 1.875rem
}

.section--compare.section--00 .section__table {
    display: table;
    width: 100%;
    top: 0
}

.section--compare.section--00 .section__table--tr {
    list-style: none;
    display: table-row
}

.section--compare.section--00 .section__table.section__table-logo {
    max-width: 980px;
    width: 100%;
    background: #f4f4f4;
    z-index: 10
}

.section--compare.section--00 .section__table--tr-logo .section__table--td {
    width: 100%;
    max-width: 824px
}

.section--compare.section--00 .section__table--tr-logo .section__table--th,
.section--compare.section--00 .section__table--tr-logo .section__table--td-00 {
    border: none;
    padding: 1rem 0
}

.section--compare.section--00 .section__table--tr-00 .section__table--th,
.section--compare.section--00 .section__table--tr-00 .section__table--td-00 {
    border: none;
    padding-top: 1.25rem
}

.section--compare.section--00 .section__table--tr-03 .section__table--td-00 {
    padding-top: 1.875rem
}

.section--compare.section--00 .section__table--tr-03 .section__table--td-00:first-child {
    border-right: none;
    text-align: right;
    padding-right: 3rem
}

.section--compare.section--00 .section__table--tr-03 .section__table--td-00:nth-child(2) {
    text-align: left;
    padding-left: 2.1875rem
}

.section--compare.section--00 .section__table--tr-03 .section__table--td-03 {
    height: 23.75rem
}

.section--compare.section--00 .section__table--tr-03 .section__table--td-03.loaded {
    background-image: url("../img/compare/desktop/section--00-03.jpg?20210604");
    background-size: cover;
    background-position: center
}

@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section--compare.section--00 .section__table--tr-03 .section__table--td-03.loaded {
        background-image: url("../img/compare/desktop/section--00-03@2x.jpg?20210604")
    }
}

.section--compare.section--00 .section__table--tr-04 .section__table--th {
    border-width: 0 1px 0 1px
}

.section--compare.section--00 .section__table--tr-last .section__table--th,
.section--compare.section--00 .section__table--tr-last .section__table--td-00 {
    border-bottom: #d3d3d3 solid 1px
}

.section--compare.section--00 .section__table--tr-last-00 .section__table--td-00 {
    padding-top: 3rem
}

.section--compare.section--00 .section__table .height_fix .section__table--td-00 p {
    height: 35px
}

.section--compare.section--00 .section__table--th {
    display: table-cell;
    vertical-align: top;
    padding-top: 2.875rem;
    max-width: 9.75rem;
    width: 9.75rem;
    border: #d3d3d3 solid;
    border-width: 1px 1px 0 1px
}

.section--compare.section--00 .section__table--th h3 {
    font-size: .875rem;
    font-weight: bold;
    text-align: center;
    padding: 0 .1875rem;
    line-height: 1.25rem
}

.section--compare.section--00 .section__table--td {
    display: table-cell;
    display: flex
}

.section--compare.section--00 .section__table--td.img_middle img {
    vertical-align: middle
}

.section--compare.section--00 .section__table--td-00 {
    width: 50%;
    padding: 2.875rem 1.5rem;
    border: solid #d3d3d3;
    border-width: 1px 1px 0 0;
    text-align: center
}

.section--compare.section--00 .section__table--td-00 p {
    font-size: .9375rem
}

.section--compare.section--00 .section__table--td-00 table {
    border-collapse: collapse;
    margin: 0 auto
}

.section--compare.section--00 .section__table--td-00 table th {
    vertical-align: baseline
}

.section--compare.section--00 .section__table--td-00 table th p {
    text-align: right
}

.section--compare.section--00 .section__table--td-00 table td:nth-child(2) p {
    text-align: right
}

.section--compare.section--00 .section__table--td-00 table td {
    vertical-align: baseline
}

.section--compare.section--00 .section__table--td-00 .__image.section--00-00-00 {
    max-width: 73%;
    vertical-align: middle
}

.section--compare.section--00 .section__table--td-00 .__image.section--00-00-01 {
    max-width: 102%;
    vertical-align: middle
}

.section--compare.section--00 .section__table--td-00 .__image.section--00-00,
.section--compare.section--00 .section__table--td-00 .__image.section--00-01 {
    max-width: 12.125rem
}

.section--compare.section--00 .section__table--td-00 .__image.section--00-02-00 {
    width: 12.9375rem;
    margin-top: 1.5rem
}

.section--compare.section--00 .section__table--td-00 .__image.section--00-02-01 {
    width: 11.9375rem;
    margin-top: 1.5rem
}

.section--compare.section--00 .section__table--td-00 .price {
    padding-top: 1.6875rem;
    padding-left: 2rem;
    font-size: 2rem
}

.section--compare.section--00 .section__table--td-00 .price::before {
    font-size: 1.4rem
}

.section--compare.section--00 .section__table--td-00 .price::after {
    font-size: .8rem
}

.section--compare.section--00 .section__table--td-00 .__information {
    margin: 0 0 1rem;
    font-size: .8rem
}

.section--compare.section--00 .section__table--td-00 .colores {
    margin: 0 0 2rem
}

.section--compare.section--00 .section__table--td-00 .btn--pagemap {
    width: 124px;
    height: 32px;
    margin: 20px auto 33px;
    font-size: .8rem;
    line-height: 32px;
    border-radius: 16px;
    transition: width .2s;
    background: #707070
}

.section--compare.section--00 .section__table--td-00 .btn--pagemap:hover {
    width: 134px
}

.section--compare.section--00 .section__table--td-02 {
    background: #fff
}

.section--compare.section--00 .section__table__txt-th {
    padding-right: .625rem
}

.section--compare.section--00 .section__table__txt-large {
    font-size: 1.875rem;
    padding: 0 .3125rem;
    line-height: 1.875rem
}

.section--compare.section--00 .section__table__txt-small {
    font-size: .75rem;
    font-weight: normal
}

.section--compare.section--00 .section__table__txt-small-00 {
    font-size: 1rem
}

.section--compare.section--00 .section__table .section__svg {
    width: 1.25rem;
    margin: 0 auto
}

.section--cashback {
    padding: 0
}

.section--cashback .viewport {
    width: 90%
}

.section--cashback .section__title {
    font-weight: bold
}

.section--cashback .__content {
    margin: 0;
    padding: 0
}

.section--cashback .__content .note {
    padding-top: 16px;
    color: #333
}

.section--cashback.section--00 .billboard-wrap {
    width: 100vw;
    position: relative
}

.section--cashback.section--00 .billboard-wrap .billboard-image {
    width: 100%;
    height: 52.96875%;
    min-height: 520px;
    object-fit: cover;
    object-position: 0 100%
}

.section--cashback.section--00 .billboard-wrap .badge-wrap {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 90%;
    margin: 0 auto
}

.section--cashback.section--00 .billboard-wrap .badge-wrap .badge {
    display: block;
    width: 23.90625vw;
    height: 23.90625vw;
    min-width: 240px;
    min-height: 240px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="333.989" height="333.989" viewBox="0 0 331.732 333.989" preserveAspectRatio="none"><g transform="translate(0.024 0.022)"><path d="M256.329,187.683c-.453,0-.513-.061-.513-.514l.008-.419c.021-.958.075-3.482.075-7.865V160.8c0-4.448-.055-7.037-.076-7.96l-.007-.367c0-.491.06-.558.513-.558l.359.011c.656.023,2.187.074,5.268.074H283.5c3.209,0,4.77-.054,5.4-.077l.307-.009c.453,0,.514.067.514.558l-.007.381c-.02.963-.078,3.666-.078,8.112v14.454c0,2.263.033,3.964.058,5.274.014.817.026,1.484.026,2.036,0,1.733-.409,2.794-1.37,3.547-1.09.861-2.642,1.11-6.92,1.11-1.364,0-1.442-.065-1.7-1.391a12.238,12.238,0,0,0-1.1-3.243c2.149.13,4.391.139,4.819.139,1.209,0,1.6-.337,1.6-1.387V170.936l-24.63.053.049,8.952c0,3.731.056,5.991.076,6.851l.008.375c0,.453-.067.514-.556.514Zm4.1-31.443.049,10.6,9.882-.051-.049-10.552Zm14.327,0,.049,10.6,10.3-.051-.048-10.552Z" fill="%23ffffff"/><path d="M59.711,80.912h6.062a4.882,4.882,0,0,1,3.532,1.2,3.026,3.026,0,0,1,.907,2.238v.039A3.216,3.216,0,0,1,68.281,87.4c1.585.54,2.684,1.447,2.684,3.282v.039c0,2.413-1.99,3.706-5,3.706H59.711Zm8.126,3.82c0-1.061-.849-1.717-2.373-1.717H62.047v3.59H65.29c1.524,0,2.547-.6,2.547-1.835Zm-2.026,3.88H62.047v3.706h3.937c1.621,0,2.6-.637,2.6-1.852v-.039C68.589,89.289,67.678,88.612,65.811,88.612Z" fill="%23ffffff"/><path d="M78.24,80.815h2.2l5.946,13.607h-2.51l-1.37-3.262h-6.39l-1.389,3.262H72.294Zm3.4,8.242L79.3,83.651l-2.316,5.406Z" fill="%23ffffff"/><path d="M88.7,80.912h2.374V92.26h7.1v2.163H88.695Z" fill="%23ffffff"/><path d="M100.647,80.912h2.528l4.111,6.388,4.111-6.388h2.529V94.423H111.55V84.732l-4.265,6.37h-.078l-4.227-6.33v9.65h-2.335Z" fill="%23ffffff"/><path d="M117.186,88.691V80.912h2.373v7.682c0,2.508,1.292,3.839,3.416,3.839,2.1,0,3.4-1.254,3.4-3.743V80.911h2.374v7.661c0,4.034-2.276,6.062-5.809,6.062C119.426,94.635,117.186,92.607,117.186,88.691Z" fill="%23ffffff"/><path d="M132.007,80.912h5.039c4.246,0,7.179,2.913,7.179,6.716v.039c0,3.8-2.933,6.756-7.181,6.756h-5.037Zm2.375,2.161V92.26h2.662a4.4,4.4,0,0,0,4.693-4.555v-.039a4.435,4.435,0,0,0-4.265-4.6c-.142-.006-.284,0-.426,0Z" fill="%23ffffff"/><path d="M150.94,80.815h2.2l5.944,13.607h-2.508L155.2,91.16h-6.388l-1.391,3.262h-2.431Zm3.4,8.242L152,83.651l-2.315,5.406Z" fill="%23ffffff"/><path d="M168.11,83.111h-4.285v-2.2h10.963v2.2H170.5V94.423H168.11Z" fill="%23ffffff"/><path d="M176.832,80.333h2.336v5.461a3.692,3.692,0,0,1,3.184-1.775c2.3,0,3.629,1.543,3.629,3.9v6.506h-2.334v-5.79c0-1.584-.791-2.491-2.182-2.491a2.267,2.267,0,0,0-2.315,2.218,2.307,2.307,0,0,0,.015.311v5.751h-2.336Z" fill="%23ffffff"/><path d="M188.142,89.366v-.039a5.057,5.057,0,0,1,4.8-5.3c.059,0,.119,0,.178-.006,3.243,0,4.885,2.547,4.885,5.481,0,.212-.019.424-.039.656h-7.489a2.845,2.845,0,0,0,2.933,2.587,3.7,3.7,0,0,0,2.76-1.217l1.369,1.217a5.152,5.152,0,0,1-4.169,1.91,5.085,5.085,0,0,1-5.232-4.934C188.137,89.6,188.137,89.484,188.142,89.366Zm7.548-.752a2.645,2.645,0,0,0-2.587-2.683,2.757,2.757,0,0,0-2.644,2.683Z" fill="%23ffffff"/><path d="M204.113,87.7v-.039a6.835,6.835,0,0,1,6.679-6.986c.1,0,.191,0,.287,0a7.046,7.046,0,0,1,5.29,2.1l-1.525,1.757a5.37,5.37,0,0,0-3.783-1.68,4.55,4.55,0,0,0-4.464,4.633c0,.045,0,.089.005.134v.039a4.554,4.554,0,0,0,4.313,4.783l.146,0a5.278,5.278,0,0,0,3.88-1.738l1.526,1.545a6.977,6.977,0,0,1-5.482,2.392,6.794,6.794,0,0,1-6.873-6.714C204.111,87.858,204.111,87.781,204.113,87.7Z" fill="%23ffffff"/><path d="M218.913,80.333h2.336v14.09h-2.336Z" fill="%23ffffff"/><path d="M223.451,89.366v-.039a5.057,5.057,0,0,1,4.8-5.3c.059,0,.119,0,.178-.006,3.243,0,4.883,2.547,4.883,5.481,0,.212-.019.424-.039.656h-7.487a2.844,2.844,0,0,0,2.932,2.587,3.7,3.7,0,0,0,2.761-1.217l1.37,1.217a5.152,5.152,0,0,1-4.169,1.91,5.085,5.085,0,0,1-5.233-4.933C223.446,89.6,223.446,89.484,223.451,89.366ZM231,88.614a2.645,2.645,0,0,0-2.587-2.683,2.759,2.759,0,0,0-2.645,2.683Z" fill="%23ffffff"/><path d="M235.145,89.347v-.039c0-3.378,2.3-5.288,4.73-5.288a4.167,4.167,0,0,1,3.474,1.794V84.232h2.336V94.423h-2.336v-1.7a4.08,4.08,0,0,1-3.474,1.91C237.482,94.635,235.145,92.725,235.145,89.347Zm8.243,0v-.039a3.059,3.059,0,0,0-2.846-3.257l-.109-.005a2.986,2.986,0,0,0-2.944,3.029c0,.078.005.156.012.233v.039a3.034,3.034,0,0,0,2.794,3.255c.046,0,.092.006.138.007a3.071,3.071,0,0,0,2.962-3.176c0-.029,0-.057,0-.086Z" fill="%23ffffff"/><path d="M248.522,84.232h2.335v1.563a3.689,3.689,0,0,1,3.185-1.775c2.3,0,3.629,1.544,3.629,3.9v6.5h-2.337V88.63c0-1.584-.791-2.491-2.18-2.491a2.267,2.267,0,0,0-2.315,2.218,2.3,2.3,0,0,0,.015.311v5.751h-2.337Z" fill="%23ffffff"/><path d="M259.734,89.366v-.039a5.057,5.057,0,0,1,4.8-5.3l.18-.006c3.243,0,4.883,2.547,4.883,5.481,0,.212-.02.424-.039.656h-7.489A2.847,2.847,0,0,0,265,92.744a3.693,3.693,0,0,0,2.76-1.217l1.371,1.217a5.159,5.159,0,0,1-4.169,1.91,5.083,5.083,0,0,1-5.233-4.928C259.729,89.606,259.729,89.486,259.734,89.366Zm7.545-.752a2.644,2.644,0,0,0-2.584-2.683,2.756,2.756,0,0,0-2.645,2.683Z" fill="%23ffffff"/><path d="M272.048,84.232h2.334v2.3a3.618,3.618,0,0,1,3.61-2.489v2.47h-.135c-2.045,0-3.475,1.333-3.475,4.034v3.88h-2.334Z" fill="%23ffffff"/><path d="M57.185,211.663a16.331,16.331,0,0,0-.99-4.6,34.96,34.96,0,0,1,4.8-.112c.475.039.719.186.679.553a8.107,8.107,0,0,0-.2,2.652l.229,3.1,3.073-.516c2.142-.368,4.77-.812,6.739-1.328.183,0,.317.147.36.407a24.106,24.106,0,0,1,.409,3.167c-.028.26-.222.367-.6.405-1.728.295-4.385.7-6.264,1.033l-3.3.589.428,4.715,5.439-.921c2.666-.444,4.513-.847,5.913-1.217.5-.111.586.038.586.407a19.413,19.413,0,0,1,.316,2.945.659.659,0,0,1-.615.628c-1.121.147-3.371.516-6.034.958l-5.18.884.418,4.089c.261,2.468.639,4.827.926,6.667.016.186-.179.3-.525.407a26.511,26.511,0,0,1-3.432.772c-.484.039-.685-.145-.693-.44-.112-1.363-.249-3.943-.517-6.3l-.465-4.348-5.1.884c-2.554.442-4.664.884-6.1,1.254-.421.146-.705.035-.808-.407-.252-1.068-.475-2.468-.646-3.647,2.274-.258,4.258-.554,6.957-.994l5.248-.847-.421-4.753-3.522.553c-2.063.332-4.587.847-5.608,1.1-.381.111-.556,0-.661-.367a28.965,28.965,0,0,1-.648-3.687c2-.146,4.059-.4,6.646-.809l3.4-.516Z" fill="%23ffffff"/><path d="M86.908,226a29.827,29.827,0,0,0-3.781,1.294,2.027,2.027,0,0,1-.615.167c-.231,0-.385-.135-.515-.467a16.671,16.671,0,0,1-.857-2.919,42.4,42.4,0,0,0,5.157-1.093l2.045-.531-.438-2.785a11.447,11.447,0,0,0-1.007-3.35c1.377-.167,3.056-.367,3.915-.367.531,0,.743.2.63.665A5.382,5.382,0,0,0,91.391,219l.37,2.487,7.386-1.824a4.113,4.113,0,0,0,1.733-.73.642.642,0,0,1,.42-.2.916.916,0,0,1,.533.3,15.433,15.433,0,0,1,1.783,1.656.67.67,0,0,1,.212.5,1.1,1.1,0,0,1-.436.665,2.934,2.934,0,0,0-.6.7,45.314,45.314,0,0,1-4.4,6.233.7.7,0,0,1-.526.3.86.86,0,0,1-.484-.163,7.9,7.9,0,0,0-2.545-1,27.925,27.925,0,0,0,4.046-5.074l-6.577,1.691.9,6c.344,2.089.639,3.715.94,5.571a.716.716,0,0,1-.482.889l-.042.011a12.257,12.257,0,0,1-2.258.663c-.441.1-.7.067-.778-.5-.2-1.857-.476-3.683-.744-5.541l-.917-6.135Z" fill="%23ffffff"/><path d="M114.1,219.064c.38-.163.61-.13.837.235a15.528,15.528,0,0,1,2.336,4.908,2.026,2.026,0,0,1,.082.5c-.021.2-.165.3-.445.467a15.742,15.742,0,0,1-2.231,1.028c-.482.167-.664,0-.781-.465a17.272,17.272,0,0,0-2.556-5.341C112.538,219.762,113.374,219.4,114.1,219.064Zm18.158.433c.246.2.394.365.372.565s-.136.365-.427.6a5.273,5.273,0,0,0-1.172,1.691,46.547,46.547,0,0,1-5.93,8.824,30.939,30.939,0,0,1-7.5,6.4,1.6,1.6,0,0,1-.832.365.686.686,0,0,1-.506-.231,6.635,6.635,0,0,0-2.674-1.394c4.251-2.619,6.421-4.311,8.682-6.9a39.512,39.512,0,0,0,5.312-7.993,12.875,12.875,0,0,0,1.13-3.517,14.1,14.1,0,0,1,3.544,1.59Zm-11.292-2.022c.38-.167.61-.133.833.265a17.063,17.063,0,0,1,2.049,4.841c.113.5.029.665-.428.9a15.331,15.331,0,0,1-2.394,1.028c-.38.133-.494-.033-.614-.5a19.911,19.911,0,0,0-2.228-5.307c1.386-.631,2.186-1,2.781-1.227Z" fill="%23ffffff"/><path d="M141.361,216.86c.212-.26.416-.442.737-.368a22.469,22.469,0,0,1,6.7,3.608c.235.186.37.333.345.552a1.147,1.147,0,0,1-.189.405,17.446,17.446,0,0,1-1.913,2.8c-.209.221-.374.368-.521.368s-.248-.074-.42-.221a28.126,28.126,0,0,0-7.021-4.015C140.156,218.514,140.858,217.447,141.361,216.86Zm4.54,13.667a71.085,71.085,0,0,0,10.764-6.374,78.4,78.4,0,0,0,11.692-10.28,17.267,17.267,0,0,0,.636,4.127,1.722,1.722,0,0,1,.111.7,1.3,1.3,0,0,1-.493.849,80.267,80.267,0,0,1-10.254,8.508,98.607,98.607,0,0,1-11.747,6.927,13.915,13.915,0,0,0-2.268,1.252.91.91,0,0,1-.62.3.839.839,0,0,1-.689-.444,20.159,20.159,0,0,1-2.336-3.755,18.872,18.872,0,0,0,5.2-1.807Zm.808-22.14c.3-.442.531-.517.953-.295a21.771,21.771,0,0,1,6.5,4.089.525.525,0,0,1,.248.479,1.007,1.007,0,0,1-.2.477,18.136,18.136,0,0,1-2.174,2.766.454.454,0,0,1-.389.219.846.846,0,0,1-.525-.258,30.968,30.968,0,0,0-6.677-4.532c.725-.96,1.534-1.99,2.264-2.947Z" fill="%23ffffff"/><path d="M189.357,231.735c1.328,0,2.787-.035,4.048-.035.568-.032.692.068.668.6-.032.63-.119,1.459-.219,2.091s-.2.661-.7.661c-1.5,0-3.08-.032-4.608-.032h-12.2c-1.361,0-2.652,0-4.287.065-.363,0-.478-.165-.492-.663a17.306,17.306,0,0,1,.126-2.787c1.878.135,3.1.135,4.762.135h7.694l1.97-8.059h-5.337c-1.295,0-2.792.065-3.658.1-.4.033-.526-.065-.532-.63-.026-.694.018-1.758.068-2.854,2.21.1,3.2.168,4.588.168h4.576a4.262,4.262,0,0,0,1.991-.3.672.672,0,0,1,.378-.131.955.955,0,0,1,.478.2,9.786,9.786,0,0,1,1.83,1.824.776.776,0,0,1,.237.6.98.98,0,0,1-.36.6,2.947,2.947,0,0,0-.841,1.658l-1.74,6.8Z" fill="%23ffffff"/><path d="M207.984,219.14a20.564,20.564,0,0,0,2.229-5.451,32.687,32.687,0,0,1,4.371,1.878.557.557,0,0,1,.381.589,1.235,1.235,0,0,1-.446.737,8.032,8.032,0,0,0-1.524,2.247,46.947,46.947,0,0,1-9.184,12.379,1.57,1.57,0,0,1-1.09.551,1.112,1.112,0,0,1-.809-.368,9.086,9.086,0,0,0-3.076-1.584A37.934,37.934,0,0,0,207.984,219.14Zm14.3-5.009a.983.983,0,0,1,.542-.221.667.667,0,0,1,.52.295,40.234,40.234,0,0,1,7.834,13.52.855.855,0,0,1,.093.516.821.821,0,0,1-.428.589,25.568,25.568,0,0,1-3.264,1.952c-.5.221-.754.149-.851-.33-2.082-6.153-4.36-10.462-7.6-14.332,1.424-.88,2.492-1.58,3.16-1.989Zm4.776-4.422c.2-.147.342-.109.544.074a14.508,14.508,0,0,1,3.087,3.943c.126.221.107.4-.172.589l-1.667,1.142c-.274.182-.457.149-.613-.112a15.682,15.682,0,0,0-3.276-4.271Zm3.531-2.394c.236-.147.344-.111.545.074a13.2,13.2,0,0,1,3.1,3.8.445.445,0,0,1-.106.62.469.469,0,0,1-.075.043l-1.593,1.142c-.318.219-.491.111-.617-.111a14.858,14.858,0,0,0-3.241-4.236Z" fill="%23ffffff"/><path d="M239.286,219.064c.383-.163.613-.13.839.235a15.616,15.616,0,0,1,2.337,4.908,2.177,2.177,0,0,1,.083.5c-.022.2-.165.3-.449.467a15.7,15.7,0,0,1-2.227,1.028c-.483.167-.663,0-.781-.465a17.3,17.3,0,0,0-2.559-5.341C237.723,219.762,238.559,219.4,239.286,219.064Zm18.161.433c.243.2.394.365.373.565s-.14.365-.428.6a5.22,5.22,0,0,0-1.172,1.691,46.693,46.693,0,0,1-5.934,8.824,30.961,30.961,0,0,1-7.5,6.4,1.6,1.6,0,0,1-.835.365.68.68,0,0,1-.5-.231,6.634,6.634,0,0,0-2.677-1.394c4.255-2.619,6.425-4.311,8.682-6.9a39.572,39.572,0,0,0,5.316-7.993,13,13,0,0,0,1.13-3.517,14.115,14.115,0,0,1,3.547,1.59Zm-11.3-2.022c.385-.167.61-.133.836.265a16.955,16.955,0,0,1,2.045,4.841c.112.5.032.665-.424.9a15.355,15.355,0,0,1-2.4,1.028c-.377.133-.494-.033-.611-.5a19.914,19.914,0,0,0-2.229-5.307c1.4-.631,2.2-1,2.789-1.227Z" fill="%23ffffff"/><path d="M285.667,212.326a3.672,3.672,0,0,0,1.887-.442.818.818,0,0,1,.5-.147.954.954,0,0,1,.565.221,14.478,14.478,0,0,1,2.3,1.989,1.059,1.059,0,0,1,.391.847,1.22,1.22,0,0,1-.524.773,5.149,5.149,0,0,0-1.38,1.586,59,59,0,0,1-8.49,11.381,54.523,54.523,0,0,1-12.168,9.173,1.087,1.087,0,0,1-.6.184,1.155,1.155,0,0,1-.806-.405,8.6,8.6,0,0,0-3.324-1.7,49.3,49.3,0,0,0,13.256-9.392,43.475,43.475,0,0,0,7.913-10.464l-8.945.261a60.155,60.155,0,0,1-7.756,7.551,1.289,1.289,0,0,1-.816.4.8.8,0,0,1-.531-.221,8.911,8.911,0,0,0-3.37-1.586A50.97,50.97,0,0,0,274.826,211.4a17.8,17.8,0,0,0,2.7-4.972,16.068,16.068,0,0,1,4.109,1.954.675.675,0,0,1,.3.626.836.836,0,0,1-.47.624,4.756,4.756,0,0,0-1.024.994c-.472.626-.9,1.18-1.41,1.845Z" fill="%23ffffff"/><path d="M121.563,272.1c-3.048,0-4.088.067-4.286.067-.33,0-.359-.035-.326-.365l.226-2.157c.038-.365.075-.4.408-.4.2,0,1.22.067,4.271.067h7.2a13.092,13.092,0,0,0,.442-2.024h-3.183c-3.182,0-4.317.067-4.515.067-.331,0-.363-.035-.324-.365l.219-2.091c.037-.365.072-.4.4-.4.2,0,1.32.067,4.5.067h3.282l.2-1.957h-3.05c-3.082,0-4.185.067-4.385.067-.331,0-.359-.035-.32-.4l.216-2.056c.036-.365.074-.4.407-.4.2,0,1.285.065,4.369.065h3.017c.075-1.028.058-1.822.058-2.454,1.094.033,2.382.067,3.36.2.4.067.58.2.553.432a2.306,2.306,0,0,1-.271.694,2.78,2.78,0,0,0-.283,1.128h3.415c3.052,0,4.151-.065,4.349-.065.367,0,.4.032.357.4l-.216,2.056c-.037.365-.076.4-.439.4-.2,0-1.286-.067-4.335-.067h-3.416l-.205,1.957h3.583c3.217,0,4.284-.067,4.482-.067.366,0,.4.032.359.4l-.219,2.091c-.039.33-.075.365-.439.365-.2,0-1.254-.067-4.47-.067h-3.648c-.1.73-.277,1.393-.407,2.024h8.354c3.054,0,4.087-.067,4.287-.067.363,0,.393.032.352.4l-.222,2.157c-.039.33-.072.365-.438.365-.2,0-1.219-.067-4.27-.067H133.63c2.322,3.183,6.57,4.709,11.975,5.339a9.049,9.049,0,0,0-1.517,2.489c-.274.695-.4.893-.761.893a3.282,3.282,0,0,1-.72-.067c-5.244-.893-9.259-3.084-11.873-7.26a10.564,10.564,0,0,1-.918,1.159c-2.674,3.05-6.506,4.809-11.972,6.036a6.814,6.814,0,0,1-.777.132c-.265,0-.374-.23-.535-.893a6.4,6.4,0,0,0-1.024-2.257c5.652-.8,10.031-2.685,11.94-5.072l.348-.5Zm20.547-18.243c3.084,0,4.187-.065,4.385-.065.334,0,.36.033.327.363-.018.168-.149.765-.241,1.661l-.147,1.391c-.3,2.885-.291,3.419-.309,3.582-.034.333-.067.365-.4.365h-2.72c-.333,0-.36-.031-.326-.365l.423-4.013H122.044l-.421,4.013c-.035.333-.073.365-.436.365H118.5c-.331,0-.363-.031-.329-.365.017-.163.141-.7.443-3.582l.119-1.126c.12-1.161.117-1.757.134-1.926.035-.33.072-.363.4-.363.23,0,1.32.065,4.368.065h7.232l.017-.163a13.348,13.348,0,0,0,.065-3.152c1.222.033,2.442.1,3.559.2.363.035.514.167.5.3a2.024,2.024,0,0,1-.267.665,6.593,6.593,0,0,0-.373,1.991l-.017.163Z" fill="%23ffffff"/><path d="M164.526,261.814c-.367.332-.583.5-.745.5s-.312-.2-.6-.665a5.661,5.661,0,0,0-1.449-1.359,19.79,19.79,0,0,0,1.692-1.557h-.069c-.163,0-1.02-.067-3.573-.067h-2.324c-.165,1.26-.287,2.454-.472,3.582h3.247c1.426,0,1.8-.067,2-.067.332,0,.39.067.356.4-.175,1.028-.284,2.089-.477,3.582-.784,7.163-1.355,9.784-2.15,11.674a3.673,3.673,0,0,1-3.716,2.554c-.5,0-.93,0-1.389-.032-.527-.035-.589-.066-.6-.9a7.744,7.744,0,0,0-.5-2.522,12.673,12.673,0,0,0,2.138.2c.957,0,1.19-.331,1.654-1.857s.849-4.013,1.545-10.017h-2.555c-1.039,6.136-2.444,10.68-5.208,14.6-.273.4-.459.565-.657.565-.165,0-.316-.168-.507-.533a6.106,6.106,0,0,0-1.634-2.122c3.877-4.743,4.782-10.513,5.782-19.1-1.959.034-2.692.067-2.861.067-.3,0-.328-.033-.29-.4l.254-2.421c.033-.33.075-.365.373-.365.2,0,1.018.067,3.6.067h1.362l.177-1.693a14.367,14.367,0,0,0,.107-3.217c1.223.033,2.282.068,3.462.167.365.033.581.165.559.365a1.505,1.505,0,0,1-.3.631,5.788,5.788,0,0,0-.414,2.054l-.179,1.693c2.487,0,3.357-.067,3.555-.067.334,0,.359.035.327.365l-.258,2.456a19.306,19.306,0,0,0,3.618-5.706,8.336,8.336,0,0,0,.69-2.156c1.043.167,1.923.3,2.862.53.416.133.535.267.521.4a.855.855,0,0,1-.242.433,4.207,4.207,0,0,0-.769,1.324l-.853,1.792h7.693c2.688,0,3.587-.067,3.787-.067.332,0,.364.033.328.365l-.252,2.422c-.038.33-.076.365-.406.365-.2,0-1.089-.067-3.774-.067h-9.185a22.4,22.4,0,0,1-1.978,2.452c.856.035,1.582.067,2.434.168.363,0,.518.131.5.3a1.479,1.479,0,0,1-.228.6,5.621,5.621,0,0,0-.37,1.957l-.128,1.193,2.386-.6.026-.266a33.705,33.705,0,0,0,.295-4.709,22.707,22.707,0,0,1,3.026.23c.328.035.482.167.462.367a2.557,2.557,0,0,1-.236.663,9.627,9.627,0,0,0-.507,2.952l2.007-.5c2.831-.732,3.864-1.13,4.135-1.163.2-.031.253.1.23.332-.078.431-.142,1.028-.258,1.826a51.425,51.425,0,0,1-1.448,7.5,3,3,0,0,1-2.224,1.922,7.1,7.1,0,0,1-1.765.065c-.5,0-.553-.1-.522-.7a5.811,5.811,0,0,0-.392-2.289,6.477,6.477,0,0,0,1.507.165.84.84,0,0,0,.9-.7,34.035,34.035,0,0,0,.834-4.444l-3.31.863-.449,4.311c-.26,2.487-.315,3.65-.339,3.848-.034.331-.072.365-.435.365h-2.354c-.333,0-.356-.1-.323-.431.025-.2.2-1.294.466-3.782l.37-3.548-2.385.6-.767,7.328c-.14,1.326-.123,1.792.215,2.056.467.3,1.284.4,3.807.4,3.113,0,4.155-.1,4.7-.563.65-.5.876-1.093,1.164-3.517a7.745,7.745,0,0,0,2.164.865c.8.263.8.263.641,1.159-.54,2.954-1.223,3.45-2.333,4.213-1.039.729-3.778.929-7.1.929-3.579,0-4.792-.133-5.659-.731-.679-.5-1.013-1.063-.816-2.985l.878-8.358c-1.059.3-1.4.431-1.542.466-.373.1-.431,0-.5-.333l-.337-2.156c-.043-.233,0-.3.3-.365.2-.033.916-.167,2.375-.5l.163-1.559a24.952,24.952,0,0,0,.2-2.852Z" fill="%23ffffff"/><path d="M196.766,254.849a24.778,24.778,0,0,0,.182-4.244c1.223.033,2.542.1,3.656.232.295.033.544.165.521.4a1.671,1.671,0,0,1-.233.663,8.261,8.261,0,0,0-.549,2.685l-.26,2.489h6.433c3.182,0,4.285-.067,4.516-.067.332,0,.362.033.328.365-.02.2-.2,1.226-.5,4.113l-.4,3.846c-.557,5.307-.59,6.27-.611,6.469-.036.33-.072.365-.4.365h-2.82c-.331,0-.359-.035-.324-.365l.147-1.393h-7.76l-.428,4.08c-.415,3.945-.561,5.967-.579,6.134-.035.333-.068.367-.4.367h-2.952c-.329,0-.359-.033-.326-.367.022-.2.291-2.154.7-6.069l.436-4.145h-7.328l-.161,1.526c-.037.363-.075.4-.406.4h-2.82c-.329,0-.36-.033-.322-.4.019-.2.192-1.2.745-6.5l.36-3.417c.354-3.382.4-4.443.419-4.643.033-.332.071-.365.4-.365.232,0,1.318.067,4.5.067h6Zm-8.622,12.339h7.328l.723-6.9h-7.329Zm11.6-6.9-.724,6.9h7.761l.723-6.9Z" fill="%23ffffff"/><path d="M65.292,189.158c-4.629,0-9.152-1.251-12.091-3.345-2.818-1.775-5.588-4.86-4.892-8.179.427-2.038,3.207-4.147,7.119-4.147,2.678,0,3.324,3.071,3.845,5.538.124.592.242,1.147.376,1.608a6.145,6.145,0,0,0,6.275,5.109c7.262,0,12.933-7.175,15.551-19.683,1.282-6.123.619-11.18-1.868-14.242a7.487,7.487,0,0,0-6-2.831c-5.086,0-9.126,2.138-13.1,6.932a1.974,1.974,0,0,1-1.589.921,4.138,4.138,0,0,1-1.489-.375c-1.332-.675-1.173-1.314-.781-2.212a22.9,22.9,0,0,0,.851-2.375l.1-.328,9.008-30.342a2.13,2.13,0,0,1,.918-1.361l.157-.109a2.032,2.032,0,0,1,1.271-.519c3.715.1,9.3.1,14.22.1,2.928,0,8.88-.063,15.807-.486h0a.86.86,0,0,1,.709.254,1.058,1.058,0,0,1,.1.861L95.824,127.1a1.574,1.574,0,0,1-1.3.782l-2.441-.061c-2.8-.072-5.122-.132-8.125-.132H68.782l-5.518,18.433c-.293,1.058-.657,2.22-1.068,3.522l-.263.84a21.021,21.021,0,0,1,14.682-5.492c5.327,0,9.577,1.764,12.286,5.1,3.093,3.808,3.992,9.324,2.6,15.954C88.614,179.87,78.076,189.158,65.292,189.158Z" fill="%23ffffff"/><path d="M90.374,196.575a1,1,0,0,1-.847-.614,1.013,1.013,0,0,1,.088-1.431.944.944,0,0,1,.175-.125c3.06-1.75,5.014-3.74,5.374-5.46a1.548,1.548,0,0,0-.886-1.626c-.129-.079-.277-.153-.43-.232-.776-.4-1.841-.937-1.515-2.5.438-2.094,3.09-4.652,5.562-4.652a2.992,2.992,0,0,1,2.213,1.21,4.866,4.866,0,0,1,.845,4.2c-.785,3.752-4.149,7.461-10,11.022A1.046,1.046,0,0,1,90.374,196.575Z" fill="%23ffffff"/><path d="M125.974,189.158c-4.924,0-8.805-1.7-11.534-5.069-4.78-5.883-5.748-16.421-2.8-30.478,4.683-22.354,15.907-36.24,29.293-36.24a13.522,13.522,0,0,1,11.036,5c4.867,5.991,5.951,16.91,3.053,30.74C150.361,175.345,139.233,189.158,125.974,189.158ZM140.3,120.781c-7.839,0-13.227,9.756-18.017,32.62-3.554,16.966-3.714,26.288-.514,30.224a5.826,5.826,0,0,0,4.835,2.117c7.693,0,13-9.7,17.764-32.424,3.6-17.164,3.781-26.565.6-30.482a5.64,5.64,0,0,0-4.668-2.055Z" fill="%23ffffff"/><path d="M176.442,189.158c-4.923,0-8.8-1.7-11.535-5.069-4.778-5.883-5.747-16.421-2.8-30.478,4.681-22.354,15.906-36.24,29.293-36.24a13.528,13.528,0,0,1,11.036,5c4.865,5.991,5.949,16.91,3.053,30.74C200.829,175.345,189.7,189.158,176.442,189.158Zm14.325-68.377c-7.836,0-13.226,9.756-18.014,32.62-3.555,16.966-3.713,26.288-.514,30.224a5.821,5.821,0,0,0,4.836,2.117c7.691,0,13-9.7,17.765-32.424,3.6-17.164,3.781-26.565.6-30.482a5.633,5.633,0,0,0-4.674-2.055Z" fill="%23ffffff"/><path d="M253.327,160.8c0-4.415-.054-6.986-.076-7.9l-.006-.375a2.926,2.926,0,0,1,2.656-3.172,3.071,3.071,0,0,1,.429-.006l.314.009c1.961-12.043.672-21.544-3.745-26.981a13.521,13.521,0,0,0-11.036-5c-13.387,0-24.61,13.886-29.294,36.24-2.944,14.058-1.976,24.6,2.8,30.478,2.729,3.364,6.61,5.069,11.534,5.069,11.207,0,20.877-9.9,26.42-26.385Zm-8.023-7.481c-4.76,22.728-10.073,32.424-17.766,32.424a5.826,5.826,0,0,1-4.835-2.117c-3.2-3.936-3.038-13.256.515-30.224,4.791-22.865,10.177-32.62,18.014-32.62a5.638,5.638,0,0,1,4.671,2.056c3.182,3.917,3,13.319-.6,30.477Z" fill="%23ffffff"/><path d="M328.784,141.294l-.461.067a283.434,283.434,0,0,1,.244,28.7,162.928,162.928,0,0,1-4.058,28.2A170.507,170.507,0,0,1,302.543,250.3,165.953,165.953,0,0,1,264.8,292.019,162.107,162.107,0,0,1,24.31,244.274l9.77-.976c-7.41-3.192-16.16-9.88-22.216-15.745.766,8.4.487,19.408-1.67,27.181l7.01-7.123c18.567,33.5,49.13,60.019,84.634,74.216A167.418,167.418,0,0,0,159.363,333.9a170.454,170.454,0,0,0,58.11-8.556,167.511,167.511,0,0,0,90.461-71.693,162.132,162.132,0,0,0,20.873-54.49,166.443,166.443,0,0,0,2.868-29.011A117.494,117.494,0,0,0,328.784,141.294Z" fill="%23ffffff"/><path d="M321.489,82.364l-5.947,5.952c-18.211-33.979-48.717-61.009-84.323-75.6a167.848,167.848,0,0,0-168.063,23.3A165.39,165.39,0,0,0,24.01,79.912a162.093,162.093,0,0,0-21.083,54.67,166.263,166.263,0,0,0-2.915,29.13A117.651,117.651,0,0,0,2.906,192.7l.462-.067a282.877,282.877,0,0,1-.241-28.814A162.809,162.809,0,0,1,7.235,135.5,170.477,170.477,0,0,1,29.4,83.282,165.8,165.8,0,0,1,67.45,41.534,162.062,162.062,0,0,1,294.866,70.941,170.883,170.883,0,0,1,308.418,91.58l-8.161.752c6.541,2.88,14.246,8.861,19.573,14.1C319.206,98.984,319.53,89.236,321.489,82.364Z" fill="%23ffffff"/></g></svg>')
}

.section--cashback.section--00 .__content {
    padding-top: 100px
}

.section--cashback.section--00 .__content .balmuda-the-cleaner {
    width: 600px;
    height: 39.28px;
    margin-bottom: 16px
}

.section--cashback.section--00 .__content .page__title {
    font-size: 3rem;
    font-weight: bold;
    text-indent: -0.07em;
    color: #000;
    margin-bottom: 20px
}

.section--cashback.section--00 .__content .date {
    display: inline-block;
    margin-bottom: 70px;
    padding: .45em 1.4em .5em;
    background-color: #e5e5e5;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    color: #000
}

.section--cashback.section--00 .__content .date sup {
    vertical-align: super;
    font-size: .6em
}

.section--cashback.section--00 .__content .overview_text {
    font-size: 1.4;
    font-weight: bold;
    margin-bottom: 30px
}

.section--cashback.section--00 .__content .overview_text sup {
    vertical-align: super;
    font-size: .6em
}

.section--cashback.section--00 .__content .sup {
    counter-reset: number 0
}

.section--cashback.section--00 .__content .sup li {
    position: relative;
    counter-increment: number 1;
    list-style: none;
    font-size: .9rem;
    line-height: 1.4;
    padding-left: 2em
}

.section--cashback.section--00 .__content .sup li:not(:last-child) {
    margin-bottom: .5rem
}

.section--cashback.section--00 .__content .sup li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "＊" counter(number);
    vertical-align: super;
    font-size: .8em
}

.section--cashback.section--00 .closed {
    padding: 100px 0;
    background-color: #555;
    color: #fff
}

.section--cashback.section--00 .closed .page__title {
    font-size: 3rem;
    font-weight: bold
}

.section--cashback.section--00 .closed a {
    color: #fff
}

.section--cashback.section--01 .__content {
    padding-top: 100px
}

.section--cashback.section--01 .__content .list {
    margin-left: 1.5rem
}

.section--cashback.section--01 .__content dl dt {
    font-weight: bold
}

.section--cashback.section--01 .__content dl dd:not(:last-child) {
    margin-bottom: 30px
}

.section--cashback.section--02 {
    padding-bottom: 100px
}

.section--cashback.section--02 .__content {
    padding: 100px 0 0
}

.section--cashback.section--02 .__content .steps {
    counter-reset: step;
    display: grid;
    gap: 60px 0;
    column-gap: 20px;
    grid-template-columns: 320px 1fr;
    padding-bottom: 60px
}

.section--cashback.section--02 .__content .steps .title {
    counter-increment: step;
    position: relative;
    height: 90px;
    background-color: #555;
    font-size: 1.3rem;
    line-height: 1.2;
    font-weight: bold;
    color: #fff;
    text-align: center
}

.section--cashback.section--02 .__content .steps .title::before {
    content: counter(step);
    display: block;
    padding-top: 16px;
    font-size: 2.5rem
}

.section--cashback.section--02 .__content .steps .title::after {
    content: "";
    display: block;
    position: absolute;
    top: 90px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 36px 160px 0 160px;
    border-color: #555 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

@media screen and (max-width: 780px) {
    .section--cashback.section--02 .__content .steps {
        grid-template-columns: 260px 1fr
    }

    .section--cashback.section--02 .__content .steps .title {
        font-size: 1.2rem
    }

    .section--cashback.section--02 .__content .steps .title::after {
        border-width: 36px 130px 0 130px
    }
}

.section--cashback.section--02 .__content .steps .description .text {
    margin-bottom: 20px
}

.section--cashback.section--02 .__content .steps .description .text strong {
    font-weight: bold
}

.section--cashback.section--02 .__content .steps .description.__step1 .text {
    margin-bottom: 0
}

.section--cashback.section--02 .__content .steps .description .note {
    line-height: 1.6;
    padding-top: 24px
}

.section--cashback.section--02 .__content .steps .description .__image {
    width: 100%;
    max-width: 411px;
    height: auto
}

.section--cashback.section--02 .__content .steps .buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0
}

.section--cashback.section--02 .__content .steps .buttons>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 400px;
    height: 44px;
    border-radius: 22px;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    margin: 5px 0
}

.section--cashback.section--02 .__content .steps .buttons>a::after {
    display: inline-block;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.section--cashback.section--02 .__content .steps .buttons>a.form::after {
    width: 15px;
    height: 15px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path d="M7.5,15A7.5,7.5,0,1,1,15,7.5,7.509,7.509,0,0,1,7.5,15ZM6.3,4.3,5.7,5,8.4,7.4,5.7,9.8l.6.7L9.9,7.4Z" fill="%23ffffff"/></svg>');
    margin: 1px 0 0 8px
}

.section--cashback.section--02 .__content .steps .buttons>a.post::after {
    width: 13.56px;
    height: 13.56px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13.556" height="13.556" viewBox="0 0 13.556 13.556"><path d="M2.848,1H7.162a.559.559,0,0,1,.431.185.559.559,0,0,1,.185.431.559.559,0,0,1-.185.431.559.559,0,0,1-.431.185H2.848a.559.559,0,0,0-.431.185.559.559,0,0,0-.185.431v9.859a.559.559,0,0,0,.185.431.559.559,0,0,0,.431.185h9.859a.632.632,0,0,0,.616-.616V8.394a.616.616,0,0,1,1.232,0v4.313a1.9,1.9,0,0,1-1.849,1.849H2.848A1.773,1.773,0,0,1,1.555,14,1.773,1.773,0,0,1,1,12.707V2.848a1.773,1.773,0,0,1,.555-1.294A1.773,1.773,0,0,1,2.848,1Zm7.394,0h3.7a.559.559,0,0,1,.431.185.559.559,0,0,1,.185.431v3.7a.616.616,0,0,1-1.232,0V3.095L8.209,8.209a.61.61,0,1,1-.863-.863l5.114-5.114H10.242a.559.559,0,0,1-.431-.185.559.559,0,0,1-.185-.431.559.559,0,0,1,.185-.431A.559.559,0,0,1,10.242,1Z" transform="translate(-1 -1)" fill="%23ffffff"/></svg>');
    margin: 1px 0 0 -2px
}

@media screen and (max-width: 780px) {
    .section--cashback.section--02 .__content .steps .buttons>a {
        width: 100%;
        font-size: .9em
    }
}

@media screen and (max-width: 720px) {
    .section--cashback.section--02 .__content .steps .buttons>a.post>span {
        display: none
    }

    .section--cashback.section--02 .__content .steps .buttons>a.post::after {
        margin: 1px 0 0 8px
    }
}

.section--cashback.section--02 .__content .complete {
    margin-bottom: 10px;
    padding: 30px 20px;
    border-radius: 4px;
    background-color: #555;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: bold;
    color: #fff
}

.section--cashback.section--02 .__content.__content__faq dt,
.section--cashback.section--02 .__content.__content__faq dd {
    padding-left: 30px
}

.section--cashback.section--02 .__content.__content__faq dt::before,
.section--cashback.section--02 .__content.__content__faq dd::before {
    display: inline-block;
    width: 30px
}

.section--cashback.section--02 .__content.__content__faq dt {
    font-weight: bold
}

.section--cashback.section--02 .__content.__content__faq dt::before {
    content: "Q.";
    margin-left: -30px
}

.section--cashback.section--02 .__content.__content__faq dd::before {
    content: "A.";
    margin-left: -28px
}

.section--cashback.section--02 .__content.__content__faq dd:not(:last-child) {
    margin-bottom: 1rem
}

.section--cashback.section--03,
.section--cashback.section--04,
.section--cashback.section--05 {
    padding: 100px 0 0 0;
    background-color: #f0f0f0;
    font-size: .8rem
}

.section--cashback.section--03 .list,
.section--cashback.section--04 .list,
.section--cashback.section--05 .list {
    margin-left: 1.4rem
}

.section--cashback.section--03 .list li:not(:last-child),
.section--cashback.section--04 .list li:not(:last-child),
.section--cashback.section--05 .list li:not(:last-child) {
    margin-bottom: 5px
}

.section--cashback.section--03 .list li>ul,
.section--cashback.section--04 .list li>ul,
.section--cashback.section--05 .list li>ul {
    margin-left: 1.4rem;
    padding-top: 5px
}

.section--cashback.section--03 .list li>ul li,
.section--cashback.section--04 .list li>ul li,
.section--cashback.section--05 .list li>ul li {
    margin-bottom: 0
}

.section--cashback.section--03 .list li .number_list,
.section--cashback.section--04 .list li .number_list,
.section--cashback.section--05 .list li .number_list {
    margin-left: 0;
    list-style-type: none;
    counter-reset: number
}

.section--cashback.section--03 .list li .number_list li,
.section--cashback.section--04 .list li .number_list li,
.section--cashback.section--05 .list li .number_list li {
    counter-increment: number
}

.section--cashback.section--03 .list li .number_list li:not(:last-child),
.section--cashback.section--04 .list li .number_list li:not(:last-child),
.section--cashback.section--05 .list li .number_list li:not(:last-child) {
    margin-bottom: 5px
}

.section--cashback.section--03 .list li .number_list li::before,
.section--cashback.section--04 .list li .number_list li::before,
.section--cashback.section--05 .list li .number_list li::before {
    content: "(" counter(number) ") "
}

.section--cashback.section--03 .list li .number_list li>ul,
.section--cashback.section--04 .list li .number_list li>ul,
.section--cashback.section--05 .list li .number_list li>ul {
    margin-left: 1.4rem;
    padding-top: 5px;
    counter-reset: number
}

.section--cashback.section--03 .list li .number_list li>ul li,
.section--cashback.section--04 .list li .number_list li>ul li,
.section--cashback.section--05 .list li .number_list li>ul li {
    counter-increment: number
}

.section--cashback.section--03 .list li .number_list li>ul li:not(:last-child),
.section--cashback.section--04 .list li .number_list li>ul li:not(:last-child),
.section--cashback.section--05 .list li .number_list li>ul li:not(:last-child) {
    margin-bottom: 5px
}

.section--cashback.section--03 .list li .number_list li>ul li::before,
.section--cashback.section--04 .list li .number_list li>ul li::before,
.section--cashback.section--05 .list li .number_list li>ul li::before {
    content: "(" counter(number) ") "
}

.section--cashback.section--03 .list li .reference_list,
.section--cashback.section--04 .list li .reference_list,
.section--cashback.section--05 .list li .reference_list {
    margin-left: 0;
    list-style-type: none
}

.section--cashback.section--03 .list li .reference_list li:not(:last-child),
.section--cashback.section--04 .list li .reference_list li:not(:last-child),
.section--cashback.section--05 .list li .reference_list li:not(:last-child) {
    margin-bottom: 5px
}

.section--cashback.section--03 .list li .reference_list li::before,
.section--cashback.section--04 .list li .reference_list li::before,
.section--cashback.section--05 .list li .reference_list li::before {
    content: "※"
}

.section--cashback.section--05 {
    padding-bottom: 100px
}

.section--cashback.section--05 .text {
    margin-top: 30px
}

.section--cashback.section--06 {
    padding: 100px 0;
    background-color: #555;
    color: #fff
}

.section--cashback.section--06 dl {
    margin-bottom: 20px
}

.section--cashback.section--06 dl dt {
    font-weight: bold
}

.section--cashback.section--06 dl dd::before {
    content: "●";
    padding-right: 4px
}