@charset "utf-8";

@import "foundation/_setting.scss";
//==========================================================================
//torituke.scss
//==========================================================================
.index {
    .search {
        padding: 50px 0 120px;
        @include smMax {
            padding: sm_vw(80) 0 sm_vw(210);
        }
    }
    .js-pagetop {
        //position: absolute !important;
    }
}

.tabSearch {
    &__tabs {
        display: flex;
        border-radius: 6px 6px 0 0;
        overflow: hidden;
        li {
            font-weight: 500;
            @include smMin {
                height: 72px;
                font-size: 20px;
                font-weight: 500;
                flex: 1;
            }
            @include smMax {
                height: sm_vw(110);
                font-size: sm_vw(30);
                text-align: center;
                flex: 1;
                line-height: 1.2;
            }
            a {
                display: flex;
                width: 100%;
                height: 100%;
                justify-content: center;
                align-items: center;
                color: #aaa;
                background-color: #e0e0e0;
                &.current {
                    color: #fff;
                    background-color: $colorBlue;
                }
                @include hover {
                    color: #fff;
                    background-color: $colorBlue;
                }
            }
        }
    }
}

.tabsOuter {
    position: relative;
    overflow: hidden;
}
.tabsInner {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    @include transition;
    &.active {
        position: relative;
        opacity: 2;
        z-index: 2;
    }
}

.search {
    background-color: #fff;
    .search__tabsBox + .search__tabsBox {
        margin-top: 50px;
        @include smMax {
            margin-top: sm_vw(96);
        }
    }
    &__tabsBox {
        position: relative;
    }
    &__box {
        &__ttlBox {
            display: flex;
            align-items: center;
            @include smMax {
            }
            .p-form__checkBox01 {
                .checkBox01+label {
                    @include smMax {
                        padding-left: sm_vw(60);
                        font-size: sm_vw(28);
                    }
                }
                .checkBox01+label span {
                    @include smMax {
                        width: sm_vw(40);
                        height: sm_vw(40);
                    }
                }
            }
        }
    }
    &__box02 {
        padding: 25px 0;
        text-align: center;
        border: 1px solid $colorBorder;
        @include smMax {
            padding: sm_vw(25) 0;
        }
        .p-form__checkBox01 {
            .checkBox01 + label {
                padding-left: 40px;
                font-size: 18px;
                @include smMax {
                    padding-left: sm_vw(60);
                    font-size: sm_vw(28);
                }
            }
            .checkBox01 + label .checkbox {
                width: 30px;
                height: 30px;
                @include smMax {
                    width: sm_vw(40);
                    height: sm_vw(40);
                }
            }
            .checkBox01:checked + label .checkbox {
                background-size: 17px auto;
                @include smMax {
                    background-size: sm_vw(23) auto;
                }
            }
        }
    }
    .search__box + .search__box {
        margin-top: 40px;
        @include smMax {
            margin-top: sm_vw(60);
        }
    }
    &__ttl01 {
        margin-bottom: 30px;
        font-weight: 500;
        @include smMax {
            margin-bottom: sm_vw(50);
            line-height: 1.2;
        }
        .txt {
            margin-right: 10px;
        }
        small {
            font-size: 14px;
            @include smMax {
                font-size: sm_vw(24);
            }
            &.small01 {
                margin-left: -10px;
                @include smMax {
                    margin-left: sm_vw(-18);
                }
            }
        }
        .is-necessary {
            position: relative;
            top: -2px;
            margin-left: 5px;
            padding: 2px 6px 4px 6px;
            display: inline-block;
            font-size: 12px;
            color: #fff;
            line-height: 1;
            border-radius: 2px;
            background-color: $colorRed03;
            @include smMax {
                top: sm_vw(-2);
                margin-left: sm_vw(8);
                padding: sm_vw(6) sm_vw(12) sm_vw(6) sm_vw(12);
                font-size: sm_vw(20);
            }
        }
        .is-any {
            position: relative;
            top: -2px;
            margin-left: 5px;
            padding: 2px 6px 4px 6px;
            display: inline-block;
            font-size: 12px;
            color: #fff;
            line-height: 1;
            border-radius: 2px;
            background-color: #999;
            @include smMax {
                top: sm_vw(-2);
                margin-left: sm_vw(8);
                padding: sm_vw(6) sm_vw(12) sm_vw(6) sm_vw(12);
                font-size: sm_vw(20);
            }
        }
        .p-form-error {
            &.u-sm-min {
                @include smMin {
                    margin-left: 30px;
                    display: inline-block;
                }
            }
            &.u-sm-max {
                @include smMax {
                    display: block;
                    margin: sm_vw(20) 0 0 0;
                }
            }
            &.error01 {
                &.is-ico {
                    padding: 2px 0 2px 20px;
                    @include smMax {
                        padding: sm_vw(6) 0 sm_vw(2) sm_vw(30);
                    }
                }
            }
        }
    }
    &__ttl02 {
        font-size: 20px;
        font-weight: 500;
        @include smMax {
            font-size: sm_vw(32);
        }
    }
    &__ttl03 {
        font-size: 24px;
        font-weight: 500;
        text-align: center;
    }
    &__ttl04 {
        margin-bottom: 10px;
        font-weight: 500;
        font-size: 20px !important;
        @include smMax {
            font-size: sm_vw(36) !important;
            margin-bottom: sm_vw(20);
        }
        &.is-small {
            @include smMax {
                font-size: sm_vw(32) !important;
            }
        }
        small {
            font-size: 14px;
            @include smMax {
                font-size: sm_vw(24);
            }
        }
        .is-necessary {
            position: relative;
            top: -2px;
            margin-left: 10px;
            padding: 2px 6px 4px 6px;
            display: inline-block;
            font-size: 12px;
            color: #fff;
            line-height: 1;
            border-radius: 2px;
            background-color: $colorRed03;
            @include smMax {
                top: sm_vw(-2);
                margin-left: sm_vw(8);
                padding: sm_vw(6) sm_vw(12) sm_vw(6) sm_vw(12);
                font-size: sm_vw(20);
            }
        }
        .is-any {
            position: relative;
            top: -2px;
            margin-left: 10px;
            padding: 2px 6px 4px 6px;
            display: inline-block;
            font-size: 12px;
            color: #fff;
            line-height: 1;
            border-radius: 2px;
            background-color: #999;
            @include smMax {
                top: sm_vw(-2);
                margin-left: sm_vw(8);
                padding: sm_vw(6) sm_vw(12) sm_vw(6) sm_vw(12);
                font-size: sm_vw(20);
            }
        }
    }
    &__txt01 {
        font-size: 16px;
        @include smMax {
            font-size: sm_vw(24);
        }
    }
    &__list01 {
        display: flex;
        flex-wrap: wrap;
        @include smMin {
            margin: 0 -15px;
        }
        @include smMax {
            display: block;
        }
        li {
            @include smMin {
                padding: 0 15px;
                width: 50%;
                max-width: 370px;
                &:nth-child(n+4) {
                    margin-top: 30px;
                }
            }
            @include smMax {
                margin-right: 0;
                width: 100%;
                &:nth-child(n+2) {
                    margin-top: sm_vw(30);
                }
            }
            .cat {
                margin-top: 5px;
                font-size: 14px;
                font-weight: 400;
                color: #e60013;
                @include smMax {
                    margin-top: sm_vw(10);
                    font-size: sm_vw(24);
                }
            }
            &.btn {
                margin-top: 30px;
                @include smMax {
                    margin-top: sm_vw(60);
                    .c-btn-01 {
                        height: sm_vw(100);
                        border-radius: sm_vw(50);
                    }
                }
            }
            .p-form-error {
                margin-top: 5px;
                @include smMax {
                    margin-top: sm_vw(10);
                }
                &.error01 {
                    &.is-ico {
                        padding: 2px 0 2px 20px;
                        @include smMax {
                            padding: 0 0 0 sm_vw(30);
                        }
                    }
                }
            }
        }
        &.column03 {
            li {
                @include smMin {
                    width: calc(100% / 3);
                }
            }
        }
    }
    &__list02 {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        @include smMax {
            margin-top: sm_vw(50);
        }
        > li {
            position: relative;
            @include smMax {
                width: sm_vw(325);
                margin-right: sm_vw(20);
                &:nth-child(2n) {
                    margin-right: 0;
                }
                &:nth-child(n+3) {
                    margin-top: sm_vw(20);
                }
            }
            .image {
                position: relative;
                padding: 2px;
                z-index: 3;
                @include smMin {
                    height: auto !important;
                }
                @include smMax {
                    padding: 0;
                }
                .thumbs {
                    display: block;
                    text-align: center;
                    @include smMax {
                        position: relative;
                        overflow: hidden;
                        display: block;
                        margin: 0 2px;
                        height: sm_vw(350);
                    }
                    img {
                        @include smMin {
                            max-width: 255px;
                        }
                        @include smMax {
                            position: absolute;
                            top: sm_vw(45);
                            left: 0;
                            display: block;
                            transform: scale(1.3);
                        }
                    }
                }
                .caption {
                    position: absolute;
                    left: 0;
                    bottom: 10px;
                    width: 100%;
                    font-size: 15px;
                    font-weight: 500;
                    text-align: center;
                    @include smMax {
                        position: relative;
                        margin-top: sm_vw(-46);
                        bottom: 0;
                        display: block;
                        text-align: center;
                        padding: 0 sm_vw(15);
                        font-size: sm_vw(28);
                        bottom: sm_vw(16);
                    }
                }
            }
            .color {
                position: relative;
                width: 100%;
                height: 80px;
                z-index: 3;
                display: flex;
                justify-content: center;
                align-items: center;
                @include smMax {
                    height: sm_vw(100);
                }
                .ico {
                    font-size: 15px;
                    padding: 10px 0 10px 40px;
                    display: inline-block;
                    @include smMax {
                        padding: 0 0 0 sm_vw(60);
                        font-size: sm_vw(26);
                    }
                    &.is-black {
                        background: transparent url("../images/torituke/img_color_b.png") 0 50% no-repeat;
                        background-size: 30px auto;
                        @include smMax {
                            background-size: sm_vw(40) auto;
                        }
                    }
                    &.is-white {
                        background: transparent url("../images/torituke/img_color_w.png") 0 50% no-repeat;
                        background-size: 30px auto;
                        @include smMax {
                            background-size: sm_vw(40) auto;
                        }
                    }
                    &.is-silver {
                        background: transparent url("../images/torituke/img_color_s.png") 0 50% no-repeat;
                        background-size: 30px auto;
                        @include smMax {
                            background-size: sm_vw(40) auto;
                        }
                    }
                    &.is-wood {
                        background: transparent url("../images/torituke/img_color_wood.png") 0 50% no-repeat;
                        background-size: 30px auto;
                        @include smMax {
                            background-size: sm_vw(40) auto;
                        }
                    }
                }
            }
            &::before {
                content: "";
                position: absolute;
                top: 0;
                right: 50%;
                transform: translateX(50%);
                width: 100%;
                height: 100%;
                border: 1px solid $colorBorder;
            }
        }
        &.column03 {
            @include smMin {
                margin: 20px -10.5px 0;
            }
            > li {
                @include smMin {
                    padding: 0 10.5px;
                    width: calc(100% / 3);
                    &:nth-child(n+4) {
                        margin-top: 21px;
                    }
                    &::before {
                        width: calc(100%  - 21px);
                    }
                }
            }
        }
        &.column04 {
            @include smMin {
                margin: 20px -10px 0;
            }
            > li {
                @include smMin {
                    padding: 0 10px;
                    width: calc(100% / 4);
                    &:nth-child(n+5) {
                        margin-top: 20px;
                    }
                    &::before {
                        width: calc(100%  - 20px);
                    }
                }
            }
        }
        &__checkbox01 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            .checkBox01 {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: block;
                margin: 0;
                opacity: 0;
                cursor: pointer;
            }
            .checkBox01 + label {
                position: absolute;
                top: 0;
                right: 0;
            }
            .checkBox01 + label .checkbox {
                top: 0;
                right: 0;
                left: auto;
                bottom: auto;
                transform: translate(0,0);
                width: 30px;
                height: 30px;
                @include smMax {
                    width: sm_vw(40);
                    height: sm_vw(40);
                }
            }
            .checkBox01:checked + label .checkbox {
                background-size: 17px auto;
                @include smMax {
                    background-size: sm_vw(23) auto;
                }
            }
        }
    }
    &__list03 {
        position: relative;
        padding: 20px 10px 20px 27px;
        margin: 0 1px;
        z-index: 3;
        border-top: 1px solid $colorBorder;
        @include smMin {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            gap: 12px 0;
            height: 140px;
        }
        @include max-screen(1000px) {
            display: block;
            height: auto;
        }
        @include smMax {
            margin: 0 sm_vw(2);
            padding: sm_vw(38) sm_vw(20) sm_vw(36) sm_vw(36);
        }
        li {
            @include smMin {
                width: 50%;
            }
            @include max-screen(1000px) {
                width: auto;
            }
            + li {
                @include max-screen(1000px) {
                    margin-top: 12px;
                }
                @include smMax {
                    margin-top: sm_vw(24);
                }
            }
        }
        .p-form__checkBox01 {
            .checkBox01 + label .checkbox {
                @include smMax {
                    width: sm_vw(30);
                    height: sm_vw(30);
                    top: 0.2em;
                    bottom: auto;
                    transform: translateY(0);
                }
            }
            .checkBox01 + label {
                @include smMax {
                    padding-left: sm_vw(40);
                    display: block;
                }
            }
            .checkBox01:checked + label .checkbox {
                @include smMax {
                    background-size: sm_vw(20) auto;
                }
            }
        }
    }
    .search__list02 {
        li {
            &.checked {
                &::before {
                    border: 2px solid $colorBlue;
                }
                .search__list03 {
                    @include smMax {
                        padding: sm_vw(38) sm_vw(20) sm_vw(36) sm_vw(34);
                        margin: 0 sm_vw(4);
                    }
                }
            }
        }
    }
    &__attention {
        margin: 70px auto 0;
        padding: 30px 0;
        width: 100%;
        max-width: 767px;
        border: 1px solid $colorBorder;
        @include smMax {
            padding: sm_vw(50) 0;
            margin: sm_vw(60) auto 0;
            width: 100%;
            max-width: 100%;
        }
        &__list01 {
            margin-top: 20px;
            padding: 0 57px;
            @include smMax {
                margin-top: sm_vw(30);
                padding: 0 0 0 sm_vw(40);
            }
            li {
                font-size: 14px;
                color: #666;
                @include smMax {
                    font-size: sm_vw(24);
                    padding-left: 1em;
                    text-indent: -1em;
                }
            }
        }
        &__txt01 {
            margin-top: 20px;
            display: flex;
            justify-content: center;
            color: $colorRed03;
            @include smMax {
                margin-top: sm_vw(20);
                font-size: sm_vw(24);
            }
            .ico {
                position: relative;
                display: inline-block;
                padding-left: 17px;
                @include smMax {
                    padding-left: sm_vw(30);
                }
                &::after {
                    content: "※";
                    position: absolute;
                    top: -1px;
                    left: 0;
                    @include smMax {
                        top: 0;
                    }
                }
            }
        }
    }
    &__btnArea {
        position: relative;
        margin-top: 40px;
        padding-bottom: 64px;
        z-index: 10;
        @include smMax {
            margin-top: sm_vw(60);
            padding-bottom: sm_vw(110);
        }
        .p-form__btn01 {
            position: absolute;
            bottom: 0;
            right: 50%;
            transform: translateX(50%);
            z-index: 10;
        }
        &.fixed {
            .p-form__btn01 {
                position: fixed;
                bottom: 0;
                right: 0;
                transform: translateX(0);
                width: 100%;
            }
        }
    }
    .search__txt01 + .search__input01 {
        margin-top: 25px;
        @include smMax {
            margin-top: sm_vw(30);
        }
    }
    &__input01 {
        width: 710px;
        @include smMax {
            width: 100%;
        }
        .twitter-typeahead {
            width: 100%;
        }
        .tt-menu {
            width: calc(100% - 20px);
            top: calc(100% - 10px) !important;
            left: auto !important;
            right: 50%;
            transform: translateX(50%);
            background-color: #E5E2E9;
            border-radius: 10px;
            padding: 10px;
            box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.36);
            @include smMax {
                top: calc(100% - 1.3333333333333335vw) !important;
                width: calc(100% - 2.666666666666667vw);
                border-radius: sm_vw(10);
                padding: 1sm_vw(10);
            }
        }
        .tt-dataset {
            max-height: 438px;
            overflow-y: auto;
            @include smMax {
                max-height: sm_vw(600);
            }
            /*
            &::-webkit-scrollbar{
                width: 10px;
            }
            &::-webkit-scrollbar-track{
                border-radius: 5px;
                background-color: #ccc;
            }
            &::-webkit-scrollbar-thumb{
                border-radius: 5px;
                background-color: #17585d;
            }
            */
        }
        .tt-suggestion {
            cursor: pointer;
            font-size: 18px;
            padding: 15px 30px;
            @include smMax {
                font-size: sm_vw(28);
                padding: sm_vw(10) sm_vw(10);
            }
            @include hover {
                color: #fff;
                border-radius: 10px;
                background-color: #659BF7;
            }
        }
    }
}

.result {
    background-color: #fff;
    padding: 50px 0 120px;
    @include smMax {
        padding: sm_vw(50) 0 sm_vw(210);
    }
    .result__tabsBox + .result__tabsBox {
        margin-top: 50px;
        @include smMax {
            margin-top: sm_vw(60);
        }
    }
    &__ttl01 {
        margin-bottom: 20px;
        font-size: 24px;
        font-weight: 500;
        @include smMax {
            margin-bottom: sm_vw(24);
            font-size: sm_vw(32);
        }
    }
    &__box01 {
        padding: 15px 20px 35px 50px;
        border: 1px solid $colorBorder;
        @include smMax {
            padding: sm_vw(30) sm_vw(40) sm_vw(40) sm_vw(40);
        }
    }
    &__box02 {
        margin-top: 50px;
        @include smMax {
            margin-top: sm_vw(96);
        }
    }
    &__list01 {
        .txt {
            position: relative;
            margin-top: 20px;
            display: inline-block;
            font-size: 14px;
            @include smMin {
                &::after {
                    content: "｜";
                    margin: 0 15px 0 20px;
                }
                &:last-child {
                    &::after {
                        display: none;
                    }
                }
            }
            @include smMax {
                margin-top: sm_vw(10);
                display: block;
                font-size: sm_vw(26);
            }
            .ttl {
                font-weight: 500;
                &::after {
                    content: "：";
                }
            }
            .name {
                color: #666;
            }
            &.is-wide {
                display: flex;
                @include smMax {
                    margin: sm_vw(30) 0;
                    display: block;
                }
                &::after {
                    display: none;
                }
                .name {
                    flex: 1;
                    @include smMax {
                        display: block;
                    }
                }
            }
        }
    }
    .acBox {
        display: none;
        .search {
            padding: 50px 0 0;
            @include smMax {
                padding: sm_vw(80) 0 0;
            }
        }
    }
    &__btn01 {
        margin: 30px auto 0;
        width: 288px;
        @include smMax {
            width: sm_vw(590);
            margin: sm_vw(60) auto 0;
        }
        .c-btn-01 {
            @include smMax {
                height: sm_vw(100);
                border-radius: sm_vw(50);
            }
            .ac {
                position: relative;
                display: inline-block;
                padding-right: 24px;
                @include smMax {
                    padding-right: sm_vw(40);
                }
                &::before {
                    content: "";
                    position: absolute;
                    right: 0;
                    bottom: 50%;
                    transform: translateY(50%);
                    width: 12px;
                    height: 2px;
                    background-color: #fff;
                    @include smMax {
                        width: sm_vw(20);
                        height: 1px;
                    }
                }
                &::after {
                    content: "";
                    position: absolute;
                    right: 0;
                    bottom: 50%;
                    transform: translateY(50%) rotate(90deg);
                    width: 12px;
                    height: 2px;
                    background-color: #fff;
                    @include smMax {
                        width: sm_vw(20);
                        height: 1px;
                    }
                }
            }
            &.open {
                .ac {
                    &::after {
                        display: none;
                    }
                }
            }
        }
    }
    &__table01 {
        width: 100%;
        border-top: 1px solid $colorBorder;
        @include smMax {
            border-left: none;
        }
        th {
            padding: 20px 20px;
            font-size: 15px;
            font-weight: 500;
            border-right: 1px solid $colorBorder;
            border-bottom: 1px solid $colorBorder;
            background-color: #f7f7f7;
            vertical-align: middle;
            &:last-child {
                border-right: none;
            }
            @include smMax {
                padding: sm_vw(20) sm_vw(30);
                font-size: sm_vw(26);
                text-align: left;
                border-right: none;
            }
            &.w01 {
                width: 160px;
                @include smMax {
                    width: sm_vw(280);
                }
            }
            &.w02 {
                width: 170px;
            }
            &.w03 {
                width: 170px;
            }
            &.w04 {
                width: 230px;
            }
            &.w05 {
                width: 140px;
            }
            &.w06 {
                width: 210px;
            }
            &.w07 {
                width: 310px;
            }
            &.w08 {
                width: 310px;
            }
            &.w09 {
                width: 300px;
            }
        }
        td {
            padding: 20px 20px;
            font-size: 14px;
            font-weight: 400;
            border-right: 1px solid $colorBorder;
            border-bottom: 1px solid $colorBorder;
            vertical-align: middle;
            text-align: center;
            &:last-child {
                border-right: none;
            }
            @include smMax {
                padding: sm_vw(20) sm_vw(30);
                font-size: sm_vw(26);
                text-align: left;
                border-right: none;
            }
            a {
                color: $colorBlue;
                border-bottom: 1px solid $colorBlue;
                @include hover {
                    border-bottom: none;
                }
            }
            .thumbs {
                width: 80px;
                display: inline-block;
                @include smMax {
                    margin: 0 auto;
                    width: sm_vw(300);
                    display: block;
                }
                a {
                    @include hover {
                        opacity: 0.7;
                    }
                }
            }
            .list01 {
                li {
                    font-size: 13px;
                    padding-left: 1em;
                    text-indent: -1em;
                    text-align: left;
                    @include smMax {
                        font-size: sm_vw(26);
                    }
                }
            }
        }
    }
    .result__table01 + .result__table01 {
        @include smMax {
            margin-top: sm_vw(80);
        }
    }
    &__table02 {
        width: 100%;
        border-top: 1px solid $colorBorder;
        th {
            padding: 20px 20px;
            font-size: 15px;
            font-weight: 500;
            border-right: 1px solid $colorBorder;
            border-bottom: 1px solid $colorBorder;
            vertical-align: middle;
            &:last-child {
                border-right: none;
            }
            @include smMax {
                padding: sm_vw(20) sm_vw(30);
                font-size: sm_vw(26);
                text-align: left;
                border-right: none;
            }
            &.w01 {
                width: 270px;
                @include smMax {
                    width: sm_vw(280);
                }
            }
            &.w02 {
                width: 200px;
            }
            &.w03 {
                width: 610px;
            }
            &.th01 {
                color: #fff;
                background-color: #777;
            }
            &.th02 {
                background-color: #f7f7f7;
            }
        }
        td {
            padding: 20px 20px;
            font-size: 14px;
            font-weight: 400;
            border-right: 1px solid $colorBorder;
            border-bottom: 1px solid $colorBorder;
            vertical-align: middle;
            text-align: center;
            &:last-child {
                border-right: none;
            }
            @include smMax {
                padding: sm_vw(20) sm_vw(30);
                font-size: sm_vw(26);
                text-align: left;
                border-right: none;
            }
            a {
                color: $colorBlue;
                border-bottom: 1px solid $colorBlue;
                @include hover {
                    border-bottom: none;
                }
            }
            .thumbs {
                width: 80px;
                display: inline-block;
                @include smMax {
                    margin: 0 auto;
                    width: sm_vw(300);
                    display: block;
                }
            }
            .list01 {
                li {
                    font-size: 13px;
                    padding-left: 1em;
                    text-indent: -1em;
                    text-align: left;
                    @include smMax {
                        font-size: sm_vw(26);
                    }
                }
            }
        }
    }
    &__tableBox {
        padding: sm_vw(40);
        background-color: #f2f2f2;
    }
    &__tableList01 {
        li {
            font-size: sm_vw(26);
            font-weight: 500;
            color: #666;
            display: flex;
            &.is-black {
                color: #222;
            }
            .ttl {
                position: relative;
                &::after {
                    content: "：";
                }
            }
            .txt {
                flex: 1;
                &.is-caution {
                    display: block;
                    padding-left: 1em;
                    text-indent: -1em;
                }
            }
        }
        li + li {
            margin-top: sm_vw(10);
        }
    }
    .result__tableList01 + .result__tableList01 {
        padding-top: sm_vw(30);
        margin-top: sm_vw(30);
        border-top: 1px solid $colorBorder
    }
}

.err {
    margin-top: 15px;
    @include smMax {
        margin-top: sm_vw(30);
    }
}