.f-recommandLinkLogo {
    width: 160px;
}

.f-logo-white {
    width: 120px;
    margin-left: 5px;
}

.footer_function_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media all and (min-width: 1100px) {
    .footer_function_link {
        margin-left: -85px;
    }
}

.footer_function_link ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .footer_function_link ul li {
        padding: 0px 100px 5px 0px;
    }

.footer-img-icon {
    width: 30px;
    margin: 0px 7px;
}

.footerWrap.footer_all_rights_reserve {
    color: white;
    font-size: 14px;
    min-height: 55px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.FlexColumnTop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.sideFunction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 150;
    position: fixed;
    right: 0px;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

    .sideFunction .sideFixedBtn {
        background-color: #848484;
        width: 70px;
        height: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        cursor: pointer;
    }

        .sideFunction .sideFixedBtn.active {
            background-color: #ff7e25;
        }

        .sideFunction .sideFixedBtn:hover {
            background-color: #ff7e25;
        }

        .sideFunction .sideFixedBtn img {
            max-width: 25px;
        }

        .sideFunction .sideFixedBtn p {
            font-size: 12px;
            font-weight: 500;
            text-align: center;
            color: #ffffff;
            padding: 3px;
        }

.sideRemark {
    font-size: 13px;
    padding-top: 7px;
}

.vaildNumber {
    margin-left: 10px;
    padding: 0px;
}

.sideFunctionBox {
    width: 360px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    padding: 22px 30px 0px;
    min-height: 370px;
}

@media all and (max-width: 960px) {
    .sideFunctionBox {
        width: 305px;
    }
}

.sideFunctionBox .sideFunctionTitle {
    font-size: 24px;
    padding-bottom: 8px;
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

    .sideFunctionBox .sideFunctionTitle span {
        font-size: 13px;
    }

    .sideFunctionBox .sideFunctionTitle a.editor span {
        color: #00994e;
        text-decoration: underline;
    }

    .sideFunctionBox .sideFunctionTitle .editorActice i:before {
        content: "鐬嶏拷";
    }

.sideFunctionBox .sideFunctionClose {
    font-size: 25px;
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 12px;
}

.sideFunctionBox .sideFunctionIcon {
    padding: 15px;
    background-color: #eeeeee;
    border-radius: 50px;
    color: #00a64e;
}

.sideFunctionSubTitle {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    margin-top: 17px;
    margin-bottom: 9px;
}

.secondTitle {
    margin-top: 13px;
}

@media all and (max-width: 640px) {
    .myFavorBox {
        padding: 30px 7px;
    }

        .myFavorBox .sideFunctionTitle {
            margin: 0px 28px;
        }
}

@media all and (max-width: 374px) {
    .rateExchangeBox {
        padding: 30px 5px;
    }
}

.favorFunction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .favorFunction i {
        font-size: 30px;
    }

    .favorFunction .smallDelete {
        display: none;
        font-size: 12px;
    }

    .favorFunction .favorOuter {
        width: 33%;
    }

    .favorFunction .choosedFavor {
        position: relative;
        cursor: pointer;
        height: 115px;
        margin: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 15px;
    }

        .favorFunction .choosedFavor:hover {
            background-color: #fff;
            border-radius: 8px;
        }

            .favorFunction .choosedFavor:hover .sideFunctionIcon {
                background-color: #00a64e;
                color: #fff;
            }

            .favorFunction .choosedFavor:hover .smallDelete {
                display: block;
                position: absolute;
                width: 23px;
                height: 23px;
                top: 5px;
                padding: 4px;
                border: 2px solid #9b9b9b;
                border-radius: 20px;
                right: 5px;
            }

    .favorFunction .choosedFavorHover {
        background-color: #fff;
        border-radius: 8px;
    }

        .favorFunction .choosedFavorHover .sideFunctionIcon {
            background-color: #edf3e9;
        }

        .favorFunction .choosedFavorHover .smallDelete {
            display: block;
            position: absolute;
            width: 23px;
            height: 23px;
            top: 5px;
            padding: 4px;
            border: 2px solid #9b9b9b;
            border-radius: 20px;
            right: 5px;
        }

    .favorFunction p {
        padding: 5px;
        font-size: 14px;
        line-height: 1.29;
        text-align: center;
        color: #4a4a4a;
    }

    .favorFunction .addSetting {
        height: 115px;
    }

        .favorFunction .addSetting p {
            color: #00994e;
        }

.closeFunction {
    right: -360px;
}

@media all and (max-width: 960px) {
    .closeFunction {
        right: -305px;
    }
}

.mt-30 {
    margin-top: 30px;
}

button:focus {
    outline: none;
}

.btn-light-primary {
    border-radius: 0;
    padding: 8px 33px;
    background-color: #ff7e25;
    color: #fff;
    cursor: pointer;
}

    .btn-light-primary:hover {
        color: #fff;
    }

.btn-light-blue {
    padding: 8px 33px;
    background-color: #66aaf1;
    color: #fff;
    cursor: pointer;
}

    .btn-light-blue:hover {
        color: #fff;
    }

.queryItemBtn {
    text-align: center;
    margin: 33px auto;
}

    .queryItemBtn .btn-light-blue {
        padding: 8px 33px;
    }

.sell_logo {
    width: 27px;
    height: 20px;
    vertical-align: text-bottom;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .footerWrap.footer_all_rights_reserve {
        margin-top: 20px;
    }

    .actitvity_wrap {
        margin-right: 30px;
    }

        .actitvity_wrap .img-responsive {
            width: auto;
        }

    .activity_text {
        display: inline-block;
    }

        .activity_text .act_title {
            margin-bottom: 12px;
        }

        .activity_text .act_note {
            margin-top: 30px;
        }
}

a,
a:hover {
    text-decoration: none;
}

.sticky .svg-icon g,
.sticky .svg-icon path {
    fill: #fff;
}

li.on .svg-icon g,
li.on .svg-icon path {
    fill: #ff5100;
}

.hrSpan {
    border-top: 1px solid #fff;
    height: 7px;
    display: block;
}

.f-footerContactUs-icon a {
    color: #333;
}

    .f-footerContactUs-icon a:hover {
        color: #ff5100;
    }

.cs-c-riskProvisions__action span {
    color: #6d6d6d;
}

[data-switch-content="riskProvisions"] {
    display: none;
}

@media only screen and (min-width: 960px) {
    .c-menuLv1__child {
        top: 47px;
        border-bottom: 0px;
        -webkit-box-shadow: 0 0px 8px rgba(2, 2, 2, 0.15);
        box-shadow: 0 0px 8px rgba(2, 2, 2, 0.15);
        min-width: 555px;
    }
}
/* 濡楀本顭奸弶锟� */
@media only screen and (min-width: 960px) {
    header.header .info-menu,
    .l-menu {
        background-color: rgba(255, 255, 255, 0.8);
        -webkit-box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15);
        box-shadow: 0px 3px 8px rgba(2, 2, 2, 0.15);
    }

    .c-menuLv1__name {
        background-color: rgba(255, 255, 255, 0);
        height: 47px;
        line-height: 25px;
    }

    header.header {
        width: 100%;
        /*  overflow: hidden; */
    }

        header.header.sticky {
            position: fixed;
            position: -webkit-sticky;
            position: sticky;
            top: -80px;
            width: 100%;
            background-color: #fff;
            z-index: 1000;
        }

            header.header.sticky .c-menuLv1 > li {
                width: 100%;
            }

        header.header .sub-menu {
            border-top: 1px solid #ff5100;
        }

            header.header .sub-menu .change-unit-menu li div {
                border: none;
                padding: 0px 0px 0px 12px;
            }

            header.header .sub-menu .change-unit-menu {
                position: absolute;
                bottom: 20px;
            }

                header.header .sub-menu .change-unit-menu li a.translateLanguage {
                    padding: 4px 10px !important;
                    margin-top: -10px;
                    color: #fff;
                    background: #ff5100;
                    border-radius: 3px;
                    font-weight: 500;
                    display: inline-block;
                }

                    header.header .sub-menu .change-unit-menu li a.translateLanguage:hover {
                        background: #ff5100;
                    }

                header.header .sub-menu .change-unit-menu li.active {
                    background: none;
                }

                    header.header .sub-menu .change-unit-menu li.active:before {
                        width: 0;
                        content: "";
                        position: absolute;
                        border-style: solid;
                        border-width: 0px 8px 8px 8px;
                        bottom: -19px;
                        left: 32px;
                        border-color: transparent transparent #00994f transparent;
                    }

    .c-menuLv1__name span img {
        width: 25px;
        height: 25px;
        margin-right: 3px;
        vertical-align: middle;
    }

    .c-menuLv1 {
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .c-menuLv1 > li {
            width: 185px;
        }

    .c-menuLv1__child {
        top: 47px;
        border-bottom: 0px;
        -webkit-box-shadow: 0 0px 8px rgba(2, 2, 2, 0.15);
        box-shadow: 0 0px 8px rgba(2, 2, 2, 0.15);
        min-width: 555px;
    }

    .c-menuLv1 > li:last-of-type .c-menuLv1__name {
        opacity: 1;
        color: #fff;
        background: #ff8500;
    }

        .c-menuLv1 > li:last-of-type .c-menuLv1__name:hover {
            cursor: pointer;
        }

    .c-menuLv1__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0px;
    }

    .l-menu {
        border-bottom: 0px;
        background-color: #fff;
    }

    .c-menuLv1__name {
        background-color: #fff;
    }

    a.c-menuLv1__name:hover:not(:last-child) {
        border-top: 1px solid #ff5100;
        margin-top: -1px;
        color: #ff5100;
    }

    .c-menuLv2__name {
        padding: 0 0 15px 0;
        background-color: transparent;
        color: #444444;
        font-weight: bold;
        border-bottom: 1px solid #444444;
        margin-bottom: 15px;
        font-size: 16px;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.1px;
    }

        .c-menuLv2__name span {
            background-color: #009fec;
            color: #fff;
            font-size: 13px;
            border-radius: 3px;
            padding: 1px 2px;
        }

    .c-menuLv2 {
        padding: 0px;
        width: 100%;
        background-color: #f8f8f8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }

        .c-menuLv2 > li {
            border-bottom: 0;
            float: left;
            width: 100%;
            padding: 15px 12px;
            /* height: 100%; */
            text-align: left;
        }

    a.c-menuLv3__name.cs-o-link.cs-o-link--menu {
        line-height: 1.2;
    }

    .c-fastEntry {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0px 2px;
        width: 14.285714%;
        max-height: 275px;
    }

    .c-fastEntryIcon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 60px;
        width: 100%;
        margin: 10px 0px;
        border-radius: 30px;
        background-color: #edf3e9;
    }

        .c-fastEntryIcon:hover {
            background-image: -webkit-gradient( linear, left top, left bottom, from(#51be77), to(#27ae58) );
            background-image: -o-linear-gradient(top, #51be77, #27ae58);
            background-image: linear-gradient(to bottom, #51be77, #27ae58);
            cursor: pointer;
        }

            .c-fastEntryIcon:hover p {
                color: #fff;
            }

        .c-fastEntryIcon img {
            width: 30px;
            height: 30px;
            margin: 5px;
        }

        .c-fastEntryIcon .iconSpan:before {
            content: "";
            margin: 5px;
            width: 30px;
            height: 30px;
            position: absolute;
            background-size: contain;
        }

        .c-fastEntryIcon p {
            word-break: keep-all;
            padding-right: 5px;
            font-size: 13px;
            color: #ff5100;
        }

    .c-fastEntryIcon {
        height: 45px;
    }

    .rwd header.header .container,
    .l-menu__container,
    .c-menuLv1__child {
        width: 100%;
    }

    .l-menu__container {
        max-width: 1240px;
    }

    .c-menuLv1 > li:last-of-type {
        border: 0px solid #dfdfdf;
    }

    /* fixxheader */
    header.is-fixHeader.sticky .l-menu,
    header.is-fixHeader.sticky .c-menuLv1__name,
    header.is-fixHeader.sticky .c-menuLv1__child:hover .c-menuLv1__name {
        background-color: #ff5100;
        color: #fff;
    }

        header.is-fixHeader.sticky .c-menuLv1__name:hover {
            background-color: #fff;
        }

    header.is-fixHeader.sticky
    .c-menuLv1 > li:not(:last-child):hover
    .c-menuLv1__name {
        color: #ff5100;
        background-attachment: #fff;
    }

    /* icon */
    .c-menuLv1 > li:not(:last-child):hover .c-menuLv1__name {
        color: #ff5100;
    }

    .c-menuLv1__name span:before {
        content: "";
        width: 25px;
        height: 25px;
        position: absolute;
        background-size: cover;
    }

    .c-menuLv1 > li:not(:last-child):hover .c-menuLv1__name {
        border-top: 4px solid #ff5100;
        margin-top: -1px;
        padding-top: 7px;
        -webkit-box-shadow: 0px -1px 1px rgba(2, 2, 2, 0.15);
        box-shadow: 0px -1px 1px rgba(2, 2, 2, 0.15);
        z-index: 9999;
    }

    header.is-fixHeader.sticky
    .c-menuLv1 > li:not(:last-child):hover
    .c-menuLv1__name {
        color: #ff5100;
        background: #fff;
        border-top: 4px solid #ff5100;
        margin-top: -1px;
    }

    header.is-fixHeader.sticky .c-menuLv1 > li:last-child .c-menuLv1__name {
        background: #ff5100;
    }
}

@media only screen and (min-width: 320px) {
    .footerGoTop img {
        width: 40px;
        cursor: pointer;
    }

    .footerWrap {
        max-width: 1240px;
        margin: 0 auto;
    }

    .footer .f-footerContactUs {
        background-color: #f8f8f8;
    }

    .f-contactWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding: 25px;
    }

    .f-logo-white {
        width: 100px;
        margin: 0;
    }

    .footer .f-footerContactUs img {
        max-width: 65px;
    }

    .f-footerContactUs-icon {
        text-align: center;
    }

        .f-footerContactUs-icon:hover {
            color: #ff5100;
            cursor: pointer;
        }

            .f-footerContactUs-icon:hover img {
                -webkit-box-shadow: 0px 0px 8px #e6e6e6;
                box-shadow: 0px 0px 8px #e6e6e6;
                border-radius: 30px;
            }

        .f-footerContactUs-icon p {
            padding-top: 10px;
        }

    .f-warningWord {
        text-align: center;
        background-color: #fff;
        padding: 20px;
    }

        .f-warningWord p {
            font-size: 15px;
            letter-spacing: 0.1px;
            text-align: center;
            color: #6d6d6d;
            line-height: 2;
        }

            .f-warningWord p.f-bigWarning {
                font-size: 18px;
                padding: 10px 0px 20px 0px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: 0.1px;
                text-align: center;
                color: #6d6d6d;
            }

    .f-recommandLink {
        background-color: #00a64e;
        padding: 0 20px;
    }

        .f-recommandLink ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

    .f-recommandFlex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .pt-30 {
        padding-top: 30px;
    }

    .f-recommandLink .allRightReserve {
        color: #fff;
        float: right;
        font-size: 14px;
    }

    .f-recommandLink .iconSpan:before {
        content: "";
        width: 25px;
        height: 25px;
        position: absolute;
        background-size: contain;
    }

    .footer .back-to-top {
        float: right;
        text-align: right;
        width: 50px;
        height: 50px;
        z-index: 9999;
        cursor: pointer;
        background-size: contain;
        background-image: url(/Content/my-ship/assets/image/top.png);
    }

    .footer .a-fa {
        text-align: right;
        width: 75px;
        height: 70px;
        position: fixed;
        background-repeat: no-repeat;
        right: 32px;
        cursor: pointer;
        z-index: 100;
        background-size: contain;
        background-image: url(/Content/my-ship/assets/image/a-fa.png);
    }

    .footer .back-to-top:hover {
        background-image: url(/Content/my-ship/assets/image/top-hover.png);
    }

    .footer .back-to-top.sticky {
        right: 50px;
    }

    .footer .back-to-top:hover {
        background-position: 0px;
    }

    .footer .back-to-top a {
        display: block;
        width: 50px;
        height: 50px;
    }

    .rwd-mobile {
        display: none !important;
    }

    .rwd-desktop {
        display: block !important;
    }
}

@media only screen and (min-width: 1080px) {
    .c-fastEntryIcon {
        height: 50px;
    }

        .c-fastEntryIcon p {
            padding-left: 3px;
            font-size: 14px;
        }

        .c-fastEntryIcon img {
            width: 35px;
            height: 35px;
            margin: 5px;
        }

        .c-fastEntryIcon .iconSpan:before {
            content: "";
            margin: 5px 5px 5px 8px;
            width: 35px;
            height: 35px;
            position: absolute;
            background-size: contain;
        }
}


#dvSmartAgent {      position: absolute;    z-index: 9999;         bottom: 0px;           left: 0px;             height: 570px;     }                      #dvSmartAgentICON {        z-index: 99998;        position: fixed;       left: 10px;            bottom: 30px;          max-width: 140px;      cursor: pointer;   }                      #dvICON {                  width: 100%;       }                      #closeIcon {               width: 50%;        }                      #closeRemindBtn {          border-radius:50%  ;    background-color:gray;      position: absolute;    width:1.5rem;          height:1.5rem;         top:-10px;             right:-10px;           opacity: 0.8;          display: flex;         justify-content: center;    align-items: center;    cursor: pointer;   }                      #dvICONTitle {             width: 100%;           text-align:center;     display:flex;          justify-content:center;     align-items:center; }                      #imgICON {                 width: 100%;           min-width:140px    }                      #dvSmartAgentMainFrm {     position: fixed;    height: 80%;           max-height: 565px;     background-color: azure;    display: none;         width: 715px;          margin: 0px;           border: 1px solid #B4B4B4;    box-shadow: rgba(0, 0, 0, 0.15) -8px 10px 15px 0;    overflow: hidden;      border-radius: 20px;    animation: fadeIn 0.5s   alternate;}                      #dvSABody {                width: 100%;           height: 100%;          border: 0px;       }                      #remindUser{               z-index: 99998;        position: fixed;       left: 20px;            display:none;          background: azure;     border: 4px solid cornflowerblue;    border-radius: 10px;    padding: 5px;          text-align: center;    max-width: 15rem   }                      @keyframes fadeIn{         0% {                  opacity:0              }                      100% {                 opacity:1              }                    }                     #unread {                display: flex;         justify-content: center;  align-items: center;   position: absolute;    left: 120px;           top: -15px;            background: #AE0000;   border-radius: 35%;    color: white;          width: 2rem;           font-weigth: bold;     font-family: '寰粺姝ｉ粦楂�';     height: 1.5rem;        margin-left: 2px;      animation: fadeIn 0.5s infinite  alternate;}                      #ifMain {                  width: 100%;           height: 100%;          border: 0px;       }                      #dvP4Page {                background-color: white;    display: none;         right: 0px;            bottom: 0;             margin: 0px 0px 0px 0px;    position: fixed;    z-index: 9999;         height: 100%;          overflow: hidden;      border-radius: 1rem;    border: 1px solid #C7C7C7;}                      #ifP4Url {                 border: 0px;           width: calc(100% - 0.6rem);           height: calc(100% - 3.3rem);          margin: 0.3rem;        border-radius: 1rem;        margin-top: 3rem   }                      .p4-scaleDown {            height: 80% !important;         max-height: 565px !important;     right: auto !important;     left: 0px !important;             -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);     box-shadow: 0 3px 9px rgba(0, 0, 0, .5);     border: 1px solid rgba(0, 0, 0, .2); }                      #btnP4PageClose {          color: black;          cursor: pointer;       width: 15px;           height: 20px;          top: 0.3rem;             position: absolute;    right: 2rem;      }                      #closeRightArea {         display: none;         width: 31px ;          background-color: #CCCCCC;   font: bold 15px/18px Helvetica;    color: #000000;        text-align: center;    padding: 5px;          border-radius: 3px;    box-shadow: 2px 2px 2px #999999;   position: absolute;    bottom: 474px;         left: 380px;           }                   #closeRightArea span {    width: 20px;           height: 20px;          font: bold 20px/20px Helvetica;   color: #000000;        display:none;        }                     #closeRightArea b {       font: bold 15px/20px Helvetica; }                     #closeRightArea span:first-child, #closeRightArea.hideClose span {display:inline-block; }#closeRightArea.hideClose span:first-child {display:none}#btnP4PageZoomIn {         color: black;          cursor: pointer;       width: 15px;           height: 20px;          top: 0.7rem;           position: absolute;    right: 4.5rem;     }                      #btnP4PageZoomOut {        color: black;          cursor: pointer;       width: 15px;           height: 20px;          top: 0.7rem;           position: absolute;    right: 4.5rem;     }                      #btnP4PageMinimum {        color: black;          cursor: pointer;       width: 15px;           height: 20px;          top: 0.7rem;           position: absolute;    right: 7rem;     }                      

#subject h1, #content h1{
        background: initial;
}
.red {
    color: #c50606;
}
#wrapper {
    
    border-top: 0px;
   
}
.g-nav {
    position: fixed;
    left: 0;
    top: 0;
   
    z-index: 10;
    background: #f8f8f8;
}
.g-nav .m-headtop {
    background: #f8f8f8;
    width: 100%;
    height: 60px;
}
.g-nav .m-headtop .u-logo {
    position: absolute;
    left: 50%;
   
    background: #f8f8f8;
}
.g-nav .m-headtop .u-logo img {
    width: 100%;
}
#subject h1, #content h1 {
    width: 100px;   
}
.m-wrap h4.logo img {
    width: 100%;
}
@media (max-width: 960px){
    .logo img {
    display: block;
}    
}
.inside-page .m-wrap h5 {
    font-size: 26px;
    color: #5fa7d5;
    text-align: right;
    font-weight: normal;
    margin: 8px 0;
}
@media only screen and (max-width: 1024px){
    
    .inside-page .m-wrap h5 {
    font-size: 20px;
   
    font-weight: bold;
}
    #ssssooo{
        display:none;
    }
}
@media only screen and (min-width: 1024px){
    #nav{
        display:none;
    }
    #accept{
        display:none;    
    }
        
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
    margin: 0;
    padding: 0
}

fieldset, img {
    border: 0
}

address, caption, cite, code, dfn, em, var {
    font-style: normal;
    font-weight: 400
}

ol, ul {
    list-style: none
}

q:before, q:after {
    content: ''
}

abbr, acronym {
    border: 0
}

a {
    background: transparent;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    line-height: 1em;
    display: inline-block
}

a:active {
    outline: 0
}

input, textarea, button, select, option {
    border: 0;
    margin: 0;
    outline: none;
    padding: 0;
    font-size: 1.6rem;
    font-family: 'Noto Sans TC', 'Open Sans', 'Arial', 'Microsoft JhengHei', 'Apple LiGothic Medium', sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

select::-ms-expand {
    display: none
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #ccc
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #ccc
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ccc
}


/* $font
--------------------------------------------------------------------------------------*/
:before, :after {
    font-family: 'icomoon', 'Microsoft JhengHei', 'Apple LiGothic Medium';
}


/* $body,html
--------------------------------------------------------------------------------------*/
html, body {
    width: 100%;
    height: 100%;
    font-family: 'Microsoft JhengHei', 'Apple LiGothic Medium', Arial, Helvetica, sans-serif;
    font-size: 10px;
}


/* commond
--------------------------------------------------------------------------------------*/
.clearfix:before, .clearfix:after {
    content: ' ';
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* IMAGE REPLACE */
.imageReplace {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* float */
.floatL {
    float: left;
}

.floatR {
    float: right;
}

/* button reset隆垄input reset隆垄select reset */
button, input, select {
    font-family: 'Microsoft JhengHei', 'Apple LiGothic Medium', Arial, Helvetica, sans-serif;
    border: none;
}

/* color */
.color--red {
    color: #f00;
}

/* .color--green{ color: #009380; } */
.color--green {
    color: #FF6633;
}

.color--gray {
    color: #727272;
}

.color--black {
    color: #000;
}

/* bgcolor */
.whitebg {
    background: #fff;
}

.bluelightbg {
    background: #EDF4F3;
}

.bluelight02bg {
    background: #E0EDF6;
}

/* margin */
.mr5 {
    margin: 0 5px 0 0;
}

.mr10 {
    margin: 0 10px 0 0;
}

.mr15 {
    margin: 0 15px 0 0;
}

.mr20 {
    margin: 0 20px 0 0;
}

.ml5 {
    margin: 0 0 0 5px;
}

.ml10 {
    margin: 0 0 0 10px
}

.ml15 {
    margin: 0 0 0 15px;
}

.ml20 {
    margin: 0 0 0 20px;
}

.mlr5 {
    margin: 0 5px 0 5px;
}

.mlr10 {
    margin: 0 10px 0 10px;
}

.ml20r10 {
    margin: 0 10px 0 20px;
}

.ml30r10 {
    margin: 0 10px 0 30px;
}

.ml40r10 {
    margin: 0 10px 0 40px;
}

.ml50r10 {
    margin: 0 10px 0 50px;
}

.mt5 {
    margin: 5px 0 0 0;
}

.mt10 {
    margin: 10px 0 0 0;
}

.mt15 {
    margin: 15px 0 0 0;
}

.mt20 {
    margin: 20px 0 0 0;
}

.mt0 {
    margin-top: 0;
}

/* text style */
.txtbold {
    font-weight: bold;
}

/* text align */
.textalignright {
    text-align: right;
}

.textalignleft {
    text-align: left;
}

.textaligncenter {
    text-align: center;
}


/* edit by Gary */
.LoginTxt input {
    width: 140px;
}

/* $Mobile
--------------------------------------------------------------------------------------*/
html, body {
    width: 100%;
    -webkit-text-size-adjust: none;
}

body.inpage {
    background: #f5f5f5;
}

/* header */
header {
    width: 100vw;
    position: fixed;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    background: #fff;
    z-index: 999;
}

.header-wrap {
    width: 100%;
    height: 60px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    padding: 0 15px;
}

.header-wrap h3 {
    width: 30vw;
}

.header-wrap h3 a {
    width: 100%;
    line-height: 0;
}

.header-wrap h3 a img {
    width: 100%;
}

.header-nav {
    display: flex;
    flex-direction: column;
    color: #000;
    width: 100vw;
    height: calc(100% - 60px);
    position: fixed;
    right: 0;
    top: 60px;
    overflow: auto;
    display: none;
    background: #fff;
}

.header-nav > li {
    display: flex;
    flex-direction: column;
    width: 100vw;
}

.header-nav > li:nth-child(odd) {
    background: #fef7e0;
}

.header-nav > li:nth-child(even) {
    background: #F1F1F1;
}

.header-nav_trigger {
    display: inline-block;
    font-size: 1.6rem;
    cursor: pointer;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 0 20px 0 40px;
}

.header-nav_trigger:after {
    content: '\e90b';
    color: #727272;
    display: inline-block;
}

.header-nav_trigger.active:after {
    content: '\e90a';
}

/* megamenu-wrap */
.megamenu-wrap {
    display: flex;
    width: 100vw;
    background: rgba(255, 255, 255, 1);
    display: none;
}

.megamenu-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 20px 25px 60px;
}

.megamenu-list_title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    margin: 25px 0 10px 0;
}

.megamenu-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #000;
}

.megamenu-list > li {
    display: flex;
    align-items: center;
    width: 100%;
    height: 35px;
    transition: all .25s cubic-bezier(.4, 0, .2, 1);
}

.megamenu-list > li:before {
    content: '-';
    margin: 0 5px 0 0;
}

.megamenu-list > li:hover {
    color: #009380;
}

.megamenu-list > li:hover:before

;
{
    color: #009380
;
}
.header-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 150px;
    height: 35px;
    border-radius: 35px;
    border: 1px solid #E7E7E7;
    position: absolute;
    right: 60px;
}

.header-search input[type='text'] {
    width: calc(100% - 35px);
    height: 100%;
    box-sizing: border-box;
    padding: 0 10px 0 20px;
    font-size: 1.5rem;
    color: #000;
    background: transparent;
}

.header-search input[type='text']::placeholder {
    color: #000;
}

.header-search button {
    width: 35px;
    height: 35px;
    border-radius: 30px;
    border: 1px solid #E7E7E7;
    background: transparent;
    cursor: pointer;
}

.header-search button:after {
    content: '\e926';
    font-size: 1.8rem;
}

.hamburg-box {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    position: relative;
}

.hamburg-box > span {
    width: 100%;
    height: 2px;
    border-radius: 10px;
    background: #FCCF00;
    display: block;
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
}

.hamburg-box:before {
    content: '';
    width: 100%;
    height: 2px;
    border-radius: 10px;
    background: #FCCF00;
    display: block;
    position: absolute;
    top: 0;
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
}

.hamburg-box:after {
    content: '';
    width: 100%;
    height: 2px;
    border-radius: 10px;
    background: #FCCF00;
    display: block;
    position: absolute;
    bottom: 0;
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
}

.hamburg-box.active > span {
    opacity: 0;
}

.hamburg-box.active:before {
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
}

.hamburg-box.active:after {
    bottom: 45%;
    transform: rotate(-45deg) translateY(-50%);
}

/* index msg */
.index-msg {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; /* height: auto; */
    height: 90px;
    background: #FF6633;
    position: fixed;
    top: 60px;
    box-sizing: border-box;
    padding: 10px 15px 10px 15px; /* z-index: 998; */
    z-index: 99999;
}

.index-msg .msg-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 95%;
    margin: 0 auto;
    position: relative;
}

.index-msg .msg-box ul {
    font-size: 1.4rem;
    line-height: 1.58;
    color: #fff;
    width: calc(100% - 50px);
    height: 100%;
}

.index-msg .msg-box ul > li {
    width: 100%;
    margin: 0 0 0 22px;
    display: flex;
    align-items: start;
}

.index-msg .msg-box ul > li:before {
    content: '\e961';
    color: #fccf00;
    margin: 0 5px 0 -22px;
}

.index-msg .msg-box ul > li:nth-child(n+2) {
    display: none;
}

.index-msg .msg-box ul > li a { /* text-decoration: underline; */
    color: #fff; /* color: #FEEC99; */
    line-height: 1.5;
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
}

.index-msg .msg-box ul > li a:hover {
    color: #FEEC99;
}

.index-msg .msg-box .msg-close {
    position: absolute;
    right: 0;
    top: 3px;
    cursor: pointer;
}

.index-msg .msg-box .msg-close:after {
    content: '\e90f';
    color: #fff;
    font-size: 1.4rem;
}

.index-msg .msg-box .msg-more {
    font-size: 1.4rem;
    color: #fccf00;
    text-align: right;
    margin: 5px 0 0 0;
}

.index-msg .msg-box .msg-more:after {
    content: '\e906';
    margin: 0 0 0 5px;
    color: #fccf00;
}

/* idx kv */
.idx-kv {
    box-sizing: border-box;
    padding: 150px 0 30px 0;
    position: relative;
}

.idxkv-bg {
    display: none;
}

.idx-kv .kv-box {
    width: 100vw;
    margin: 0 auto;
}

.idx-kv .kv-box li {
    position: relative;
}

.idx-kv .kv-box li img {
    width: 100%;
}

.idx-kv .kv-box li a {
    width: 100%;
    height: 100%;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.idx-kv .slick-dots {
    display: flex;
    justify-content: center;
    margin: 15px 0 0 0;
}

.idx-kv .slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #727272;
    overflow: hidden;
    cursor: pointer;
}

.idx-kv .slick-dots li.slick-active {
    background: #727272;
}

.idx-kv .slick-dots li button {
    display: none;
}

.idx-kv .slick-dots li + li {
    margin: 0 0 0 10px;
}

.idx-kv .slick-arrows {
    display: none;
}

/* index 鹿虏脫脙 */
/* index h5 藴脣卯} */
.index .tit-box {
    display: flex;
    justify-content: center;
    margin: 0 0 25px 0;
}

.index .tit-box h5 {
    display: inline-block;
    font-size: 2.2rem;
    font-weight: 400;
}

.index .tit-box h5:after {
    content: '';
    display: block;
    width: 100%;
    height: 6px;
    background: #ffc815;
    margin: -8px 0 0 0;
}

/* index more icon */
.index .more-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80px;
    margin: 30px auto 0;
    font-size: 1.5rem;
    position: relative;
}

.index .more-icon:after {
    content: '\e916';
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-size: 1.2rem;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #fccf00;
}

.index .more-icon > a {
    width: 100%;
    height: 100%;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
}

/* idx service */
.idx-service {
}

.idx-service .service-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100vw;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 15px 30px 15px;
}

.idx-service .service-list > li {
    width: 40%;
    font-size: 1.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin: 0 15px 20px 15px;
}

.idx-service .service-list .img-box {
    width: 100%;
    margin: 0 0 5px 0;
    transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.idx-service .service-list .img-box img {
    width: 100%;
}

.idx-service .service-list > li > a {
    width: 100%;
    height: 100%;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
}

/* idx search */
.idx-search {
    position: relative;
    height: 130px;
    margin: 0 0 0 0;
    z-index: 1;
}

.idx-search .search-bg {
    width: 100%;
    height: 100%;
    background: #fccf00;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.idx-search .search-bg:before {
    display: none;
}

.idx-search .search-bg .img-box {
    display: none;
}

.idx-search .search-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 15px 0 15px;
}

.idx-search .search-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.idx-search .checkradio-box {
    display: flex;
    font-size: 2rem;
    font-weight: bold;
}

.idx-search .checkradio-box > li {
    position: relative;
}

.idx-search .checkradio-box > li + li {
    margin: 0 0 0 40px;
}

.idx-search input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    font-size: 13px;
    color: #8b8b8b;
}

.idx-search input[type=radio] + label:before {
    content: '\e922';
    color: #000;
    margin-right: .2rem;
    background: #fff;
    border-radius: 50%;
}

.idx-search input[type=radio]:checked + label:before {
    content: '\e95f';
    color: #000;
}

.idx-search .search-input {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 45px;
    border-radius: 20px;
    background: #fff;
    position: relative;
    margin: 10px 0 0 0;
    overflow: hidden;
}

.idx-search .search-input input[type='text'] {
    width: calc(100% - 45px);
    height: 100%;
    box-sizing: border-box;
    padding: 0 10px 0 20px;
    font-size: 2rem;
    color: #000;
    background: transparent;
}

.idx-search .search-input button {
    width: 45px;
    height: 45px;
    border-radius: 20px;
    background: transparent;
    cursor: pointer;
}

.idx-search .search-input button:after {
    content: '\e926';
    font-size: 2.6rem;
}

/* idx line */
.idx-line {
    background: #E2F2F1;
}

.idx-line .line-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100vw;
    margin: 0 auto 0 auto;
    box-sizing: border-box;
    padding: 30px 15px 30px 15px;
}

.idx-line .line-box .line-list {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.idx-line .line-box .line-list > li {
    width: 235px;
    margin: 10px 0 10px 0;
}

.idx-line .line-box .line-list > li:nth-child(n+2) {
    width: 265px;
}

.idx-line .line-box .line-list > li a {
    width: 100%;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
}

.idx-line .line-box .line-list > li a:hover {
    transform: scale(1.1);
}

.idx-line .line-box .line-list > li img {
    width: 100%;
}

.idx-line .line-box .line-list > li a + a {
    margin: 20px 0 0 0;
}

/* idx foodmap */
.idx-foodmap {
    background: #FFFCE2;
}

.idx-foodmap .banner-box {
    width: 100%;
    margin: 0 auto 0 auto;
    position: relative;
}

.idx-foodmap .banner-box img {
    width: 100%;
}

.idx-foodmap .banner-box a {
    width: 100%;
    height: 100%;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
}


/* idx txtnews */
.idx-txtnews {
    background: #e5e5e5;
}

.idx-txtnews .txtnews-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100vw;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 30px 15px 20px 15px;
}

.idx-txtnews .txtnews-list {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 0;
}

.idx-txtnews .txtnews-list > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: auto;
    position: relative;
}

.idx-txtnews .txtnews-list > li > a {
    width: 100%;
    height: 100%;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.idx-txtnews .txtnews-list > li + li {
    margin: 20px 0 0 0
}

.idx-txtnews .txtnews-tag {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 25px;
    border-radius: 5px;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.txtnews-tag.type01 {
    background: #FF6633;
    color: #fff;
}

.txtnews-tag.type02 {
    background: #47A2E3;
    color: #fff;
}

.txtnews-tag.type03 {
    background: #FCCF00;
    color: #545251;
}

.txtnews-tag.type04 {
    background: #f27b7b;
    color: #fff;
}

.idx-txtnews .txtnews-date {
    display: flex;
    align-items: center;
    width: 80px;
    height: 100%;
    font-size: 1.4rem;
    margin: 0 10px 0 10px;
}

.idx-txtnews .txtnews-txt {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin: 5px 0 0 0;
}

/* idx imgnews  */
.idx-imgnews {
}

.idx-imgnews .imgnews-box {
    width: 100vw;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 30px 15px 20px 15px;
}

.idx-imgnews .imgnews-list {
    display: flex;
    flex-direction: column;
}

.idx-imgnews .imgnews-list li {
    width: 100%;
    height: 500px; /* height: 430px; */
    position: relative;
    font-size: 1.4rem;
    line-height: 1.58;
    color: #727272;
}

.idx-imgnews .imgnews-list li.slick-slide {
    box-shadow: 1px 3px 10px rgba(0, 0, 0, .16) inset;
}

.idx-imgnews .imgnews-list li a {
    width: 100%;
    height: 100%;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.idx-imgnews .imgnews-list li .img-box { /* width: 100%; */
    width: calc(100vw - 30px);
    height: calc(100vw - 30px); /* height: auto; */
    position: relative;
    overflow: hidden;
}

.idx-imgnews .imgnews-list li .img-box img {
    width: 100%;
}

.idx-imgnews .imgnews-list li .txt-box {
    box-sizing: border-box;
    padding: 0 15px 0 15px;
}

.idx-imgnews .imgnews-list .tit {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    color: #000;
    margin: 20px 15px 20px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.idx-imgnews .slick-dots {
    display: flex;
    justify-content: center;
    margin: 15px 0 0 0;
}

.idx-imgnews .slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #727272;
    overflow: hidden;
    cursor: pointer;
}

.idx-imgnews .slick-dots li.slick-active {
    background: #727272;
}

.idx-imgnews .slick-dots li button {
    display: none;
}

.idx-imgnews .slick-dots li + li {
    margin: 0 0 0 10px;
}

/* idx social media */
.idx-socialmedia {
    position: relative;
    z-index: 997; /*  z-index: 9999;  */
}

.idx-socialmedia .socialmedia-list {
    display: flex;
    width: 100vw;
    height: 470px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 30px 15px 20px 15px;
}

.idx-socialmedia .socialmedia-list .fb {
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
}

.idx-socialmedia .socialmedia-list .fb-include {
    height: 303px;
    border-radius: 10px;
    border: 10px solid #363636;
    position: relative;
    background: #363636;
}

.idx-socialmedia .socialmedia-list .cat01 {
    position: absolute;
    left: 50%;
    top: -50px;
    transform: translateX(-50%);
}

.idx-socialmedia .socialmedia-list .tvcf {
    display: none;
}

.index .idx-socialmedia .tit-box {
    margin: 0 0 60px 0;
}

/* inpage */
.inpage-wrap {
    box-sizing: border-box;
    padding: 60px 0 40px 0;
    min-height: calc(100vh - 60px - 280px - 110px);
}

/* breadcrumb */
.breadcrumb-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 40px;
    background: #fff;
}

.breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    font-size: 1.3rem;
    line-height: 1.58;
    color: #727272;
    box-sizing: border-box;
    padding: 5px 15px 5px 15px;
}

.breadcrumb-list > li {
    display: flex;
    align-items: center;
}

.breadcrumb-list > li + li:before {
    content: '\e913';
    margin: 0 5px 0 5px;
    line-height: 1.58;
}

.breadcrumb-list a {
    line-height: 1.58;
}

.breadcrumb-list a:hover {
    text-decoration: underline;
}

.form-box .eye {
    position: absolute;
    left: 85%;
    transform: translateY(0);
    cursor: pointer;
}

.form-box .eye:after {
    content: '\e974';
    font-size: 2rem;
    color: #FF6633;
}

.form-box .eye.close:after {
    content: '\e975';
}


/* member */
.member-box {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 15px 0 15px;
    margin: 0 auto;
    position: relative;
}

.member-box .tit {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    line-height: 1.58;
    margin: 0 0 20px 0;
}

.member-box .tit-subtxt {
    font-size: 1.4rem;
    line-height: 1.58;
    text-align: center;
    margin: 0 0 20px 0;
}

.member-box .tit-subtxt a {
    color: #FF6633;
    text-decoration: underline;
}

.member-box > .note-txt {
    font-size: 1.4rem;
    line-height: 1.58;
    text-align: center;
}

.member-box .login-platform {
    display: flex; /*justify-content:  center ; align-items: center;*/
    width: 90vw;
    min-height: 80px;
    border-radius: 50px;
    background: #fff;
    margin: 0 auto 20px;
    box-sizing: border-box; /* padding: 20px 0 0 0; */
}

.member-box .login-platform.mpt20 {
    padding: 20px 0 0 0;
}

.flexwrap {
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.flexcenter {
    justify-content: center;
    align-items: center;
}

/* .member-box .login-platform li+li{ margin: 0 0 0 20px; } */
.member-box .login-platform li img {
    height: 40px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.member-box .login-platform li:hover img {
    transform: scale(1.2);
    opacity: 0.9;
    cursor: pointer;
}

.member-box .login-platform li.unbind a {
    white-space: nowrap;
}

.login-platform li {
    text-align: center;
    font-size: 1.2rem; /* margin-bottom:8px; */
    margin: 0px 10px 20px 10px;
    width: 46px;
}

.form-box {
    width: 100%;
    margin: 0 auto;
    border-radius: 30px;
    border: 4px solid #FF6633;
    box-sizing: border-box;
    padding: 20px 20px 38px 20px;
    background: #fff;
    position: relative;
}

.member-box .form-box .form-header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.member-box .form-box .form-header:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #FF6633;
}

.member-box .form-box .form-header .header-tit {
    font-size: 2rem;
    line-height: 1.58;
    font-weight: bold;
    color: #FF6633;
}

.member-box .form-box .form-header .header-note {
    font-size: 1.4rem;
    line-height: 1.58;
    color: #FF6633;
    align-self: center;
}

.form-list {
    box-sizing: border-box;
    padding: 0 0 40px 10px;
}

.form-list.last {
    padding: 0 0 10px 10px;
}

.form-list > li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 1.8rem;
    line-height: 1.58;
    margin: 15px 0 0 0;
}

.form-list.mflexrow > li {
    flex-direction: row;
}

.form-list .list_tit {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    font-weight: bold;
    width: 100px;
    height: 50px;
    margin: 0 25px 0 0;
}

.form-list .list_tit.must:before {
    content: '*';
    color: #f00;
    margin: 0 0 0 -10px;
}

.form-list .list_item {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-size: 1.4rem;
    position: relative;
}

.form-list .list_item .account {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-size: 1.4rem;
    position: relative;
}

.form-list .list_item .note-txt {
    width: 100%;
    font-size: 1.3rem;
    line-height: 1.2;
    color: #FF6633;
    margin: 5px 0 0 0;
}

.form-list .list_item .eye {
    position: absolute;
    left: 80%;
    transform: translateY(-30%);
    cursor: pointer;
}

.form-list .list_item.join .eye {
    position: absolute;
    left: 85%;
    transform: translateY(-29px);
    cursor: pointer;
    top: 40px;
}

.form-list .list_item.joinconfirm .eye {
    position: absolute;
    left: 85%;
    transform: translateY(0);
    cursor: pointer;
    top: 12px;
}

.form-list .list_item .eye:after {
    content: '\e974';
    font-size: 2rem;
    color: #FF6633;
}

.form-list .list_item .eye.close:after {
    content: '\e975';
}

/* bind */
.member-box .bind-btn {
    font-size: 1.8rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}

.member-box .bind-btn > .col-1 {
    width: auto;
    height: 50px;
    display: flex;
    align-items: center;
}

.member-box .bind-btn > .col-2 {
    width: 100%;
    font-size: 1.4rem;
}

.member-box .bind-btn {
    margin: 15px 0 0 0;
}

.member-box .bind-btn.other {
    margin: 30px 0 0 0;
}

.member-box .bind-btn .subtit {
    font-weight: bold;
}

.member-box .bind-btn .bind-list > li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.member-box .bind-btn .bind-list > li + li {
    margin: 10px 0 0 0;
}

.member-box .bind-btn .bind-list > li > .col-1 {
    margin: 0 0 10px 0;
}

.member-box .bind-btn .btn {
    background: #fccf00;
    color: #000;
    min-width: 250px;
}


/* member input */
.form-list input[type='text'], .form-box.sheetadd input[type='text'] {
    height: 50px;
    border-radius: 25px;
    border: 1px solid #B2B2B2;
    box-sizing: border-box;
    padding: 0 5px 0 10px;
    font-size: 1.3rem;
}

.form-list input[type='password'] {
    height: 50px;
    border-radius: 25px;
    border: 1px solid #B2B2B2;
    box-sizing: border-box;
    padding: 0 5px 0 10px;
    font-size: 1.3rem;
}

/* member select */
.select-box {
    display: inline-block;
    height: 50px;
    overflow: hidden;
    border-radius: 25px;
    border: 1px solid #B2B2B2;
    background: #fff;
    position: relative;
    vertical-align: middle;
}

.select-box:before {
    display: inline-block;
    content: "\e916";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 1.2rem;
}

select {
    background: transparent;
    width: 100%;
    height: 50px;
    padding: 0px 10px;
    font-size: 1.3rem;
    text-align: center;
    line-height: 1;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    position: absolute;
}

.form-list .select-box + .select-box {
    margin: 0 0 0 10px;
}

/* member check radio */
.member-box .platform-check {
    display: flex;
    justify-content: center;
    margin: 30px 0 0 0;
}

.member-box .platform-check .checkradio-box {
    height: auto;
    flex-wrap: wrap;
    align-items: start;
}

.member-box .platform-check .checkradio-box img {
    height: 40px;
    order: -1;
    margin: 0 0 10px 0;
}

.member-box .platform-check .checkradio-box label {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    font-size: 1.4rem;
}

.member-box .platform-check .checkradio-box a {
    text-decoration: underline;
    margin: 5px 0 0 0;
    font-size: 1.2rem;
}

.checkradio-box {
    display: flex; /* align-items: start; */
    align-items: center;
    height: 50px;
}

.checkradio-box > li {
    position: relative;
}

.checkradio-box li > input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    font-size: 2rem;
    color: #000;
}

.checkradio-box li > input[type=radio] + label:before {
    content: '\e922';
    color: #B2B2B2;
    margin-right: 5px;
}

.checkradio-box li > input[type=radio]:checked + label:before {
    content: '\e923';
    color: #FF6633;
}

.checkradio-box li input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    font-size: 2rem;
    color: #000;
}

.checkradio-box li.unbind input[type=radio] {
    height: 75%;
}


.checkradio-box li input[type=radio] + label:before {
    content: '\e922';
    color: #B2B2B2;
    margin-right: 5px;
}

.checkradio-box li input[type=radio]:checked + label:before {
    content: '\e923';
    color: #FF6633;
}

.member-box .platform-check .checkradio-box li input[type=radio] + label:before {
    display: none;
}

.checkradio-box li > input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    font-size: 2rem;
    color: #000;
}

.checkradio-box li.haslink > input[type=checkbox] {
    width: 13px;
    height: 13px;
}

.checkradio-box li > input[type=checkbox] + label:before {
    content: '\e91f';
    color: #B2B2B2;
    margin-right: 5px;
}

.checkradio-box li > input[type=checkbox]:checked + label:before {
    content: '\e920';
    color: #FF6633;
}

.checkradio-box > li + li {
    margin: 0 0 0 15px;
}

.member-box .platform-check .checkradio-box > li {
    margin: 0 6px 15px 6px;
}

.member-box .readconfirm-check {
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    line-height: 1.58;
    box-sizing: border-box;
    padding: 0 0 0 13px;
}

.member-box .readconfirm-check a {
    color: #FF6633;
    text-decoration: underline;
}

.btn-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0 0 0;
}

.btn-box input[type=button] {
    height: 50px;
    border-radius: 25px;
    background: #FF6633;
    color: #fff;
    font-size: 2rem;
    box-sizing: border-box;
    padding: 0 20px 0 20px;
    cursor: pointer;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.btn-box input[type=submit] {
    height: 50px;
    border-radius: 25px;
    background: #FF6633;
    color: #fff;
    font-size: 2rem;
    box-sizing: border-box;
    padding: 0 20px 0 20px;
    cursor: pointer;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.btn-box input[type=reset] {
    height: 50px;
    border-radius: 25px;
    background: #FF6633;
    color: #fff;
    font-size: 2rem;
    box-sizing: border-box;
    padding: 0 20px 0 20px;
    cursor: pointer;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.btn-box input + input {
    margin: 0 0 0 10px;
}

.btn-box input:hover {
    background: #fccf00;
}

/* login */
.member-box .login-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.member-box .login-box .note-txt {
    text-align: center;
    font-size: 1.4rem;
}

.member-box .login-form {
    width: 100%;
    border-radius: 30px;
    border: 4px solid #FF6633;
    box-sizing: border-box;
    padding: 30px 20px 30px 20px;
    background: #fff;
    font-size: 1.4rem;
    line-height: 1.58;
    margin: 0 0 30px 0;
}

.member-box .login-form .form-list {
    padding: 0 0 20px 0;
}

.member-box .login-form .login-platform {
    width: 100%;
    height: 80px;
    border-radius: 50px;
    background: #EDF4F3;
    margin: 20px auto 30px;
}

/*.member-box .login-form .login-platform li+li{ margin: 0 0 0 15px; }*/
.member-box .login-form .login-platform li img {
    height: 40px;
}

.member-box .login-form .form-list .list_tit {
    margin: 0 0 0 0;
}

.member-box .login-form .list_item a {
    font-size: 1.3rem;
    text-decoration: underline;
    margin: 5px auto 0 auto;
    color: #FF6633;
}

.member-box .login-box .readconfirm-check {
    padding: 0 0 0 0;
    justify-content: center;
}

.member-box .login-form .login-code {
    height: 50px;
    display: flex;
    align-items: center;
    margin: 5px auto 0 auto;
}

.member-box .login-form .btn-box {
    margin: 30px 0 0 0;
}

.member-box .login-box .addmember-box {
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
}

.member-box .login-box .icat-man {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: -1;
}

.member-box .login-box .icat-man img {
    width: 40vw;
}

.member-box .login-box .addmember-form {
    width: 100%;
    border-radius: 30px;
    border: 4px solid #fccf00;
    box-sizing: border-box;
    padding: 30px 20px 30px 20px;
    background: #fff;
    font-size: 2rem;
    line-height: 1.58;
    margin: 0 40px 0 0;
}

.member-box .login-box .addmember-form .select-icon {
    display: flex;
    justify-content: center;
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 20px 0 20px 0;
}

.member-box .login-box .addmember-form .select-icon li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: #fef7e0;
    box-sizing: border-box;
    padding: 20px 0 20px 0;
}

.member-box .login-box .addmember-form .select-icon li + li {
    margin: 0 0 0 20px;
}

.member-box .login-box .addmember-form .select-icon li:before {
    color: #fccf00;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.member-box .login-box .addmember-form .select-icon li:first-child:before {
    content: '\e968';
    font-size: 4rem;
}

.member-box .login-box .addmember-form .select-icon li:last-child:before {
    content: '\e969';
    font-size: 5rem;
}

.member-box .addmember-form .btn-box {
    margin: 30px 0 0 0;
}

.member-box .addmember-form .btn-box input[type=button] {
    background: #fccf00;
    color: #000;
}

.member-box .addmember-form .btn-box input[type=submit] {
    background: #fccf00;
    color: #000;
}

/* fc forget contact */
.member-box .form-box.fc {
    font-size: 1.4rem;
    line-height: 1.58;
}

.member-box .form-box.fc + .form-box.fc {
    margin: 20px auto 0 auto;
}

.member-box .form-box.fc a {
    color: #FF6633;
}

.member-box .form-box.fc .note-txt {
    text-align: center;
    font-size: 1.4rem;
}

.form-list.forget {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0 30px 0;
}

.form-list.forget .list_tit {
    margin: 0 0 0 0;
}

.form-list.forget > li {
    width: 95%;
}

.member-box .form-box.fc .btn-box {
    margin: 30px 0 0 0;
}

.member-box .subtit {
    font-size: 1.6rem;
    color: #363636;
    font-weight: bold;
    text-align: center;
    margin: 30px 0 15px 0;
}

.member-box .form-box .header_tit {
    font-weight: bold;
}

.member-box .form-box .header_tit:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #B2B2B2;
    margin: 10px 0 10px 0;
}

.member-box .form-box .contact-list {
    font-size: 1.4rem;
    line-height: 2;
}

.member-box .form-box .edit-btn {
    width: 110px;
    height: 35px;
    border-radius: 30px;
    border: 4px solid #E5E5E5;
    background: #fff;
    position: absolute;
    right: -4px;
    bottom: -4px;
    font-size: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.member-box .form-box .edit-btn a {
    color: #000;
    box-sizing: border-box;
    padding: 0 10px 0 10px;
}

.member-box .form-box .edit-btn li + li:before {
    content: '|';
    color: #B2B2B2;
}

.member-box .btn-box.add {
    margin: 20px 0 0 0;
}

.member-box .add .form-list {
    padding: 0 0 10px 10px;
}

.member-box .form-box.add {
    margin: 20px auto 0 auto;
}

/* icat */
.full-wrap {
}

.icatsend .full-wrap:nth-of-type(odd) {
    background: #e5e5e5;
}

.full-inner {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
}

.full-inner.sheetadd {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 15px 20px 15px;
}

.sheetadd .tit {
    font-size: 2rem;
    line-height: 1.58;
    font-weight: bold;
    margin: 0 0 20px 0;
}

.sheetadd .tit .hightlight {
    color: #FF6633;
}

.sheetadd .icon-list {
    width: 100%;
    display: flex;
    justify-content: center; /* flex-wrap: wrap;  */
}

.sheetadd .icon-list > li {
    width: 24%;
    min-height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    text-align: center;
    border-radius: 30px;
    margin: 0 5px 0 5px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #B2B2B2;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}

.sheetadd .icon-list.noicon > li {
    width: 30%;
    height: 80px;
    line-height: 1.2;
    flex-direction: column;
    justify-content: center;
    margin: 0 10px 0 10px;
}

.sheetadd .icon-list.columnnoicon {
    flex-direction: column;
    align-items: center;
}

.sheetadd .icon-list.columnnoicon > li {
    width: 100%;
    height: auto;
    line-height: 1.58;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    padding: 15px 10px 15px 15px;
}

.sheetadd .icon-list.columnnoicon > li + li {
    margin: 15px 0 0 0;
}

.sheetadd .icon-list.columnnoicon > li > .checkradio-box.l1 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0 0 0 0;
    color: #FF6633;
    flex-shrink: 0;
}

.sheetadd .icon-list.columnnoicon > li > .checkradio-box.l1 input[type=radio]:checked + label:before {
    content: '\e94f';
    color: #FF6633;
}

/* .sheetadd .icon-list.columnnoicon>li>.checkradio-box.l1:after{ content: ''; height: 100%; border-right: 1px solid #707070; position: absolute; right: 0;  } */
.sheetadd .icon-list.columnnoicon > li > .checkradio-box.l2 {
    display: flex;
    height: 30px;
}

.sheetadd .icon-list.columnnoicon > li > .checkradio-box.l2 > li {
    position: relative;
    white-space: nowrap;
}

.sheetadd .icon-list.columnnoicon > li > .checkradio-box.l2 > li + li {
    margin: 0 0 0 10px;
}

.sheetadd .icon-list.columnnoicon > li > .input-box {
    margin: 0 0 0 5px;
    display: flex;
    align-items: center;
}

.sheetadd .icon-list.columnnoicon > li > .input-box input {
    border-bottom: 1px solid #707070;
    font-size: 2rem;
    margin: 0 0 0 10px;
    width: 100px;
}

.sheetadd .icon-list.columnnoicon > li > .input-box input:disabled {
    background: none;
    border-color: #ccc;
}

.sheetadd .icon-list.columnnoicon .info-txt {
    text-align: left;
}

.sheetadd .icon-list > li p > span {
    display: block;
    line-height: 1.58;
}

.sheetadd .icon-list > li img {
    width: 80%;
}

.sheetadd .icon-list > li:hover, .sheetadd .icon-list > li.active {
    border: 2px solid #FF6633;
}

.sheetadd .icon-list > li.disable {
    border: none; /* background: none; */
    opacity: 0.3;
    cursor: default;
}

.sheetadd .icon-list > li img {
    margin: 0 0 10px 0;
}

.sheetadd .arrow_down {
    display: flex;
    justify-content: center;
    margin: 25px 0 0 0;
}

.sheetadd .arrow_down img {
    width: 40px;
}

.sheetadd .note-txt {
    display: flex;
    justify-content: center;
    font-size: 1.4rem;
    line-height: 1.58;
    color: #727272;
    margin: 25px 0 0 0;
}

.step-list.icat li {
    display: none;
}

.step-list.icat li.active {
    display: flex;
    font-size: 2.2rem;
    width: 220px
}

.sheetadd .select-info {
    width: 100%;
    min-height: 60px;
    border-radius: 30px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1.58;
    box-sizing: border-box;
    padding: 15px 15px 15px 15px;
}

.flex-box {
    display: flex;
}

.sheetadd .flex-box {
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1.58;
}

.sheetadd .flex-box + .flex-box {
    margin: 15px 0 0 0;
}

.sheetadd .form-list .list_tit {
    width: auto;
}

.sheetadd .form-header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    background: #FF6633;
    border-radius: 15px;
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    position: relative;
}

.sheetadd .form-header a {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    font-size: 1.2rem;
    align-items: flex-end;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.sheetadd .form-header a:before {
    content: '\e96a';
    color: #fccf00;
    margin: 0 5px 0 0;
}

.sheetadd .form-header .contact-sel {
    background: none;
    border: none;
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
}

.sheetadd .form-header .contact-sel:before {
    content: '\e94c';
    color: #fccf00;
    margin: 0 0 0 10px;
}

.sheetadd .form-header .contact-sel select {
    color: #fff;
    font-size: 1.2rem;
    padding: 0 0 0 0;
    text-align: left;
    cursor: pointer;
}

.sheetadd .clearall {
    text-decoration: underline;
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0;
}

.sheetadd .clearall a {
    font-size: 1.4rem;
}

.sheetadd .form-list .list_item .notetxt {
    color: #363636;
    text-align: center;
    margin: 5px 0 0 0;
}

.sheetadd .form-list .list_item .notetxt_pcrowmobilecolumn {
    color: #363636;
    text-align: center;
    margin: 10px 0 0 0;
}

.sheetadd .topdline {
    border-top: 1px dashed #B2B2B2;
    padding: 20px 0 20px 0;
}

.sheetadd .topdlinemt0 {
    border-top: 1px dashed #B2B2B2;
    padding: 20px 0 20px 0;
    margin-top: 0;
}

.sheetadd .toplinemt0 {
    border-top: 1px solid #B2B2B2;
    padding: 20px 0 20px 0;
    margin-top: 0;
    flex-wrap: wrap;
}

.sheetadd .toplinemt0 .subnote {
    font-size: 1.2rem;
}

.sheetadd a {
    color: #FF6633;
    text-decoration: underline;
}

.sheetadd .btn-box {
    margin: 30px 0 0 0;
}

.sheetadd .noticeservice .list_item.disabled {
    opacity: 0.3;
}

.sheetadd .noticeservice .list_item.disabled input:disabled {
    cursor: default;
}

.sheetadd .noticeservice .list_item:last-child {
    margin: 10px 0 0 0;
}

.sheetadd .mobile-phone {
    display: flex;
    align-items: center;
    margin: 20px 0 0 0;
}

/* send confirm */
.send-confirm {
    width: 100%;
    margin: 0 auto 30px;
    font-size: 1.8rem;
    line-height: 1.58;
}

.send-confirm > li {
    display: flex;
    flex-direction: column;
}

.send-confirm > li + li {
    margin: 15px 0 0 0;
}

.send-confirm .confirm-tit {
    font-weight: bold;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.send-confirm .confirm-txt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    border-radius: 30px;
    background: #f0f0f0;
    box-sizing: border-box;
    padding: 0 30px 0 30px;
    font-size: 1.3rem;
}

.send-confirm .confirm-txt > p {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.send-confirm .subtit {
    margin: 40px 0 0 0;
}

.send-confirm > li.multi {
    justify-content: flex-start;
}

.send-confirm > li.multi .confirm-tit {
    margin: 0 0 0 0;
    align-items: flex-start;
}

.send-confirm > li.multi .confirm-multitxt {
    font-size: 1.3rem;
    text-align: center;
}

.send-confirm .mdisplaynone {
    display: none;
}

/* send-finish */
.send-finish {
    width: 100%;
    margin: 0 auto;
    font-size: 1.6rem;
    line-height: 1.58;
}

.send-finish .printer-list {
    width: 100%;
    height: 500px;
    border: 1px solid #727272;
    box-sizing: border-box;
    margin: 20px 0 40px 0;
    background: #fff;
    overflow: scroll;
}

.info-box {
    font-size: 1.4rem;
    line-height: 1.58;
    color: #363636;
}

.info-box .info-header {
    font-size: 2rem;
}

.info-box .info-header:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #727272;
    margin: 5px 0 15px 0;
}

.info-box + .info-box {
    margin: 20px 0 0 0;
}

.info-box a {
    color: #FF6633;
    text-decoration: underline;
}

.info-list {
    list-style-type: disc;
    margin: 0 0 0 25px;
}

.send-finish .sedn-finish_notetxt {
    font-size: 1.4rem;
    line-height: 1.58;
    color: #363636;
}

.send-finish .printer-code {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 200px;
    background: #fff;
    border: 1px solid #727272;
    font-size: 1.4rem;
    line-height: 1.58;
    margin: 10px 0 40px 0;
}

.send-finish .printer-code .code-txt {
    margin: 0 10px 0 0;
}

.full-inner .tit .btn {
    background: #fccf00;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}

/* multipleadd */
.full-inner.sheetadd {
    font-size: 1.4rem;
    line-height: 1.58;
}

.form-box.sheetadd .l2 {
    height: auto;
    box-sizing: border-box;
    padding: 0 0 0 18px;
}

.form-box.sheetadd .invoice {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.form-box.sheetadd .invoice li + li {
    margin: 10px 0 0 0;
}

.form-box.sheetadd .invoicenum {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.form-box.sheetadd .invoicenum label {
    margin: 0 0 5px 0;
}

.form-box.sheetadd .invoicenum > input[type=radio] {
    width: 120px;
    height: 40px;
}

.form-box.sheetadd .input-box {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin: 0 0 0 18px;
    font-size: 1.4rem;
    line-height: 1.58;
}

.form-box.sheetadd .invoicenum input[type=text] {
    margin: 0 0 0 0;
}

.form-box.sheetadd .invoicenum input[type=text].alignmargin {
    margin: 0 0 0 18px;
}

.form-box.sheetadd .note-txt {
    justify-content: start;
    margin: 5px 0 0 10px;
}

.form-box.sheetadd .multipleadd-list > li + li {
    margin: 10px 0 0 0;
}

.sheetadd .inport-box .col-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 0 30px 0;
}

.sheetadd .inport-box {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin: 0 0 0 18px;
    font-size: 1.4rem;
    line-height: 1.58;
}

.sheetadd .inport-box .col-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sheetadd .inport-box .icon-box {
    width: 210px;
    height: 188px;
    border-radius: 20px;
    background: #FF6633;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 0 10px 0;
}

.sheetadd .inport-box .icon-box:hover:after {
    transform: scale(1.2);
}

.sheetadd .inport-box .icon-box:after {
    content: '\e970';
    font-size: 12rem;
    color: #fff;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    pointer-events: none;
}

.sheetadd .inport-box .icon-box a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.sheetadd .btn_download {
    min-width: 180px;
    height: 50px;
    border-radius: 20px;
    background: #f4faf9;
    border: 1px solid #FF6633;
    box-sizing: border-box;
    padding: 0 10px 0 10px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #363636;
    margin: 0 0 5px 0;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    font-size: 2rem;
}

.sheetadd .btn_download:hover {
    background: #edfffc;
}

.sheetadd .btn_download:before {
    content: '\e909';
    font-size: 3rem;
    color: #FF6633;
    margin: 0 5px 0 0;
}

.sheetadd .btn_inport {
    min-width: 180px;
    height: 50px;
    border-radius: 20px;
    background: #FF6633;
    border: 1px solid #FF6633;
    box-sizing: border-box;
    padding: 0 20px 0 20px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
    margin: 0 0 5px 0;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    font-size: 2rem;
}

.sheetadd .btn_inport:hover {
    background: #fccf00;
    border-color: #fccf00;
}

.sheetadd .btn_inport:before {
    content: '\e970';
    font-size: 3rem;
    color: #fff;
    margin: 0 5px 0 0;
}

.btn-box.multipleadd {
    flex-direction: column;
}

.btn-box.multipleadd > a {
    width: 250px;
}

.multipleadd-txt {
    width: 100%;
}

.multipleadd .multipleadd-info {
    height: 60px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #727272;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1.58;
    color: #363636;
    box-sizing: border-box;
    padding: 0 10px 0 10px;
}

.multipleadd .multipleadd-info .hightlight {
    font-size: 1.8rem;
    color: #FF6633;
    font-weight: bold;
    margin: 0 5px 0 5px;
}

.multipleadd .multipleadd-info .hightlight--red {
    font-size: 2.4rem;
    color: #f00;
    font-weight: bold;
    margin: 0 5px 0 5px;
}

.multipleadd .multipleadd-info .finish {
    margin: 0 20px 0 0;
}

/* multipleadd table01 */
.multipleadd .table01-box {
    width: 100%;
    overflow: auto;
}

.multipleadd .table01 {
    margin: 0 auto 10px;
    font-size: 1.4rem;
    color: #363636;
    text-align: left;
    border-spacing: 3px;
}

.multipleadd .table01 td {
    box-sizing: border-box;
    padding: 20px 20px 20px 20px;
    width: auto;
    min-height: 60px;
}

.multipleadd .table01 thead td {
    background: #d3ece8;
    border-radius: 10px 10px 0 0;
    font-size: 1.4rem;
    font-weight: bold;
}

.multipleadd .table01.errow thead td {
    background: #FAE1DD;
}

.multipleadd .table01 tbody tr:nth-child(even) td {
    background: #f1f1f1;
}

.multipleadd .table01 tbody tr:nth-child(odd) td {
    background: #fff;
}

.multipleadd .table01 td:first-child {
    text-align: center;
}

.multipleadd .table01 td {
    white-space: nowrap;
}

/* multipleadd table02 */
.multipleadd .table02-box {
    width: 100%;
    overflow: auto;
}

.multipleadd .table02-box .headertr {
    box-sizing: border-box;
    display: flex;
}

.multipleadd .table02-box .headertr > div {
    background: #d3ece8;
    box-sizing: border-box;
    padding: 20px 20px 20px 20px;
    min-height: 60px;
    border-radius: 10px 10px 0 0;
    font-size: 1.4rem;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.multipleadd .table02-box .headertr > div + div {
    margin: 0 0 0 0.5%;
}

.multipleadd .table02-box .headertr > div:nth-child(1) {
    width: 16%;
    min-width: 100px;
}

.multipleadd .table02-box .headertr > div:nth-child(2) {
    width: 22%;
    min-width: 160px;
}

.multipleadd .table02-box .headertr > div:nth-child(3) {
    width: 62%;
    min-width: 300px;
}

.multipleadd .table02-box .divtr {
    background: #fff;
    display: flex;
    margin: 5px 0 0 0;
    font-size: 1.4rem;
    line-height: 1.58;
}

.multipleadd .table02-box .divtr > div {
    box-sizing: border-box;
    padding: 20px 20px 20px 20px
}

.multipleadd .table02-box .divtr > div:nth-child(1) {
    width: 16%;
    min-width: 100px;
    background: #fff;
}

.multipleadd .table02-box .divtr > div:nth-child(2) {
    width: 22%;
    min-width: 160px;
    background: #fff;
}

.multipleadd .table02-box .divtr > div:nth-child(3) {
    width: 62%;
    min-width: 300px;
    background: #fff;
}

.multipleadd .table02-box .divtr > div + div {
    margin: 0 0 0 0.5%;
}

/* order */
.order .full-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1.58;
    padding: 20px 15px 20px 15px;
}

.order .full-inner.whitebg {
    padding: 20px 0 0 0;
}

.order .tit {
    font-size: 2rem;
    line-height: 1.58;
    color: #FF6633;
}

.order .tit-txt {
    box-sizing: border-box;
    padding: 0 15px 0 15px;
}

.order .tab-box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-bottom: 3px solid #FF6633;
    margin: 20px 0 0 0;
}

.order .tab-box > li { /* width: 32%; */
    width: 24.5%;
    height: 40px;
    border-radius: 20px 20px 0 0;
    background: #fff;
    border: 1px solid #B2B2B2;
    border-bottom: 3px solid #FF6633;
    margin: 0 0 -3px 0;
    display: flex;
    justify-content: center;
    align-items: center; /* font-size: 1.4rem; */
    font-size: 1.2rem;
    box-sizing: border-box;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
}

.order .tab-box > li:hover, .order .tab-box > li.active {
    color: #FF6633;
    border: 3px solid #FF6633;
    border-bottom: none;
    background: #f5f5f5;
}

.order .search-bar {
    width: 100%;
    height: 60px;
    border-radius: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fccf00;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0 0 20px 0;
}

.order .search-bar input[type=text] {
    width: 75%;
    height: 40px;
    border-radius: 15px;
    background: #fff;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 1.5rem;
}

.order .search-bar button {
    width: 20%;
    height: 40px;
    border-radius: 30px;
    background: #FF6633;
    font-size: 1.5rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
}

.order .orderlist-box {
    width: 100%;
    margin: 0 auto;
    border-radius: 30px;
    border: 4px solid #E5E5E5;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 10px 40px 10px;
    position: relative;
}

.order .order-list > li {
    display: flex;
    justify-content: flex-start;
    align-items: center; /* height: 60px; */
    min-height: 60px;
    border-bottom: 1px dashed #B2B2B2;
    box-sizing: border-box;
    padding: 5px 0 5px 0;
}

.order .order-list > li:last-child {
    border: none;
}

.order .orderlist-box + .orderlist-box {
    margin: 10px 0 0 0;
}

.order .order-list .col-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    min-height: 40px;
    border-radius: 30px;
    background: #feec99;
    font-size: 1.3rem;
    margin: 0 10px 0 0;
    flex-shrink: 0;
    padding: 5px 10px;
}

.order .order-list a {
    color: #FF6633;
}

.order .orderlist-box .edit-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 210px;
    height: 35px;
    border-radius: 30px;
    font-size: 1.3rem;
    border: 4px solid #E5E5E5;
    position: absolute;
    right: 3px;
    bottom: -4px;
}

.order .orderlist-box .edit-btn > li + li:before {
    content: '|';
    margin: 0 15px 0 15px;
}

.order .orderlist-box .edit-btn a {
    color: #FF6633;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.order .orderlist-box .edit-btn a:hover {
    text-decoration: underline;
    color: #FF6633;
}

.order .orderlistpage {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    color: #727272;
    margin: 20px 0 20px 0;
}

.order .orderlistpage > li {
}

.order .orderlistpage > li.active {
    color: #000;
    font-weight: bold;
}

.order .orderlistpage > li:nth-child(3) {
    margin: 0 5px 0 5px;
}

.order .orderlistpage > li a {
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.order .orderlistpage > li:hover a {
    color: #000;
}

.order .orderlistpage > li:hover a span {
    color: #000;
}

.order .orderlistpage > li span {
    font-size: 2rem;
    color: #b2b2b2;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.order .orderlistpage > li:first-child {
    margin: 0 20px 0 0;
}

.order .orderlistpage > li:last-child {
    margin: 0 0 0 20px;
}

.order .info-box {
    width: 100%;
    margin: 0 auto;
}

.order .form-header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    background: #FF6633;
    border-radius: 15px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    box-sizing: border-box;
    padding: 5px 30px 5px 30px;
    position: relative;
}

.order .form-header a {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    font-size: 1.2rem;
    align-items: flex-end;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.order .form-header a:before {
    content: '\e96a';
    color: #fccf00;
    margin: 0 5px 0 0;
}

.order .form-header.twocol {
    flex-wrap: wrap;
    font-size: 1.6rem;
}

.order .form-header.twocol span {
    line-height: 1.2;
}

.order .form-box {
    padding: 10px 10px 30px 10px;
    margin: 20px auto 0 auto;
}

.btn-box.order {
    margin: 0 0 0 0;
}

.order .qrcode-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0 20px 0;
}

.order .qrcode-box .qrcode-txt {
    margin: 0 10px 0 0;
}

.order .qrcode-box .qrcode-code img {
    width: 100px;
}

.order .form-list {
    border-radius: 15px;
    box-sizing: border-box;
    padding: 10px 15px 20px 15px;
}

.order .form-list.hasbgcolor {
    border-radius: 15px;
    background: #f4faf9;
    box-sizing: border-box;
    padding: 10px 15px 20px 15px;
    margin: 0 0 20px 0;
}

.order .form-list .list_tit {
    width: 150px;
}

.order .form-list .list_tit.w100 {
    width: 100px;
}

.order .form-box .btn-box {
    margin: 30px 0 0 0;
}

.order .list_item.disabled {
    opacity: 0.3;
}

.order .form-list .notetxt {
    display: block;
    margin: 5px 0 0 20px;
    color: #000;
}

.order .form-list .flex-box.tworow {
    flex-direction: column;
    margin: 15px 0 0 0;
}

.order .form-list .flex-box.tworow .txtbold {
    font-size: 1.8rem;
    line-height: 50px;
}

.order .form-list .mobile-address {
    margin: 10px 0 0 0;
}

.order-list .eye {
    position: absolute;
    left: 85%;
    transform: translateY(0);
    cursor: pointer;
}

.order-list .eye:after {
    content: '\e974';
    font-size: 2rem;
    color: #FF6633;
}

.order-list .eye.close:after {
    content: '\e975';
}

/* multiple */
.order .multiplelist-box {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
}

.order .multiplelist-header {
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    line-height: 1.58;
}

.order .multiplelist-header .col-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.order .multiplelist-header .col-2 {
    background: #fff;
    font-size: 1.4rem;
    box-sizing: border-box;
    padding: 0 0 30px 0;
    order: -1;
    margin: 0 0 20px 0;
}

.order .multiplelist-header.type2 .col-2 {
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    order: 1;
    margin: 20px 0 0 0;
}

.order .multiplelist-header .col-2 .toptit {
    height: 45px;
    background: #e5e5e5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.order .multiplelist-header .col-2 .txt-box {
    box-sizing: border-box;
    padding: 0 20px 0 30px;
}

.order .multiplelist-header .col-2 .img-box {
    margin: 20px auto 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.order .multiplelist-header .hightlight {
    font-weight: bold;
    color: #FF6633;
}

.order .multiple-detail {
    width: 100%;
    margin: 0 auto;
    border-radius: 30px;
    border: 1px solid #E5E5E5;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 10px 30px;
    position: relative;
    margin: 30px 0 0 0;
}

.order .multiple-detail .detail-list {
    display: flex;
    flex-direction: column;
}

.order .multiple-detail .detail-list > .col-2 {
    order: -1;
    margin: 0 0 20px 0;
}

.order .multiple-detail .toptit {
    font-size: 1.8rem;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: end;
}

.order .multiple-detail .toptit:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #b2b2b2;
    margin: 15px 0 15px 0;
}

.order .multiple-detail .list-tit {
    font-size: 1.6rem;
    font-weight: bold;
}

.order .multiple-detail .order-list {
    font-size: 1.4rem;
}

.order .multiple-detail .order-list .col-1 {
    width: 80px;
    margin: 0 30px 0 0;
}

.order .multiple-detail .detail-list {
    display: flex;
    justify-content: space-between;
}

.order .multiple-detail .detail-list > .col-1, .order .multiple-detail .detail-list > .col-2 {
    width: 100%;
}

.order .multiple-detail .img-box {
    width: 150px;
}

.order .multiple-detail .img-box img {
    width: 100%;
}

.order .multiple-detail .qrcode-box {
    justify-content: space-between;
    align-items: start;
    margin: 10px 0 0 0;
}

.order .multiple-detail .service .col-1 {
    background: #d3ece8;
    width: 100px;
}

.order .btn_printer {
    min-width: 180px;
    height: 50px;
    border-radius: 20px;
    background: #FF6633;
    border: 1px solid #FF6633;
    box-sizing: border-box;
    padding: 0 20px 0 20px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
    margin: 0 0 5px 0;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    font-size: 2rem;
    font-weight: normal;
}

.order .btn_printer:hover {
    background: #fccf00;
    border-color: #fccf00;
}

.order .btn_printer:before {
    content: '\e971';
    font-size: 3rem;
    color: #fff;
    margin: 0 5px 0 0;
}


/* notice */
.btn-box.notice {
    margin: 40px 0 40px 0;
}

.sheetadd .form-box.mail {
    margin: 10px auto 0 auto;
}

.btn-box.notice .btn {
    font-size: 1.6rem;
}

.sheetadd .mail .form-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 0 0;
}

.sheetadd .mail .form-list > li {
    width: 100%;
}

.sheetadd .mail .subfun {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 20px 0 0 0;
    box-sizing: border-box;
    padding: 0 0 0 0;
}

.sheetadd .mail .subfun li {
    cursor: pointer;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.sheetadd .mail .subfun li:hover {
    color: #FF6633;
}

.sheetadd .mail .subfun li + li {
    margin: 0 0 0 30px;
}

.sheetadd .mail .subfun li span {
    color: #fccf00;
    margin: 0 5px 0 0;
}

.sheetadd .mail .note {
    font-size: 1.6rem;
}

.sheetadd .orderlist-box {
    width: 100%;
    margin: 20px auto;
    border-radius: 30px;
    border: 4px solid #E5E5E5;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 10px 30px 10px;
    position: relative;
}

.sheetadd .order-list > li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 60px;
    border-bottom: 1px dashed #B2B2B2;
}

.sheetadd .order-list > li:last-child {
    border: none;
}

.sheetadd .orderlist-box + .orderlist-box {
    margin: 10px 0 0 0;
}

.sheetadd .order-list .col-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 40px;
    border-radius: 30px;
    background: #feec99;
    font-size: 1.3rem;
    margin: 0 10px 0 0;
    flex-shrink: 0;
}

.sheetadd .order-list a {
    color: #FF6633;
}

.sheetadd .icon-list > li > input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
}

/* sheetadd tab */
.sheetadd.tab-wrap {
    width: auto;
    margin: 0;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    background: #fff;
}

.sheetadd .tab-box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-bottom: 3px solid #FF6633;
    margin: 0px 0 0 0;
}

.sheetadd .tab-box {
    position: static;
}

.sheetadd .tab-box > li {
    width: 45%;
    height: 40px;
    border-radius: 20px 20px 0 0;
    background: #fff;
    border: 1px solid #B2B2B2;
    border-bottom: 3px solid #FF6633;
    margin: 0 0 -3px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    box-sizing: border-box;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
    position: relative;
}

.sheetadd .tab-box > li:hover, .sheetadd .tab-box > li.active {
    color: #FF6633;
    border: 3px solid #FF6633;
    border-bottom: none;
    background: #f5f5f5;
}

.sheetadd .tab-box > li a {
    width: 100%;
    height: 100%;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
}

/* opp switch */
.op-switch {
    display: flex;
    margin: 30px 0 0 0;
}

.op-switch .switch-btn {
    width: 60px;
    height: 30px;
    border-radius: 30px;
    background: #ccc;
    position: relative;
    margin: 0 0 0 10px;
    overflow: hidden;
}

.op-switch .switch-btn:after {
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
}

.op-switch .switch-btn.active {
    background: #FF6633;
}

.op-switch .switch-btn.active:after {
    left: 30px;
}

.pup-info .icon-list {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 30px 0 0 0;
}

.pup-info .icon-list > li {
    width: 45%;
    max-width: 150px;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    border-radius: 30px;
    margin: 0 10px 0 10px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #B2B2B2;
    cursor: pointer;
    transition: all .1s cubic-bezier(.4, 0, .2, 1);
    position: relative;
}

.pup-info .icon-list.noicon > li {
    height: 80px;
    line-height: 1.2;
}

.pup-info .icon-list > li p > span {
    display: inline-block;
    line-height: 0;
}

.pup-info .icon-list > li img {
    width: auto;
}

.pup-info .icon-list > li:hover, .pup-info .icon-list > li.active {
    border: 2px solid #FF6633;
}

.pup-info .icon-list > li.disable {
    border: none;
    opacity: 0.3;
    cursor: default;
}

.pup-info .icon-list > li img {
    margin: 0 0 10px 0;
}

.pup-info .icon-list > li > input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
}

/* inquire */
.inquire .tit {
    font-size: 2rem;
    line-height: 1.58;
    font-weight: bold;
    margin: 0 0 20px 0;
}

.inquire .tit .hightlight {
    color: #FF6633;
}

.full-inner.inquire {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 15px 20px 15px;
}

.inquire-box {
    width: 100%;
    margin: 0 auto 30px;
    font-size: 1.6rem;
    line-height: 1.58;
}

/* form box size M */
.form-box.sizem {
    margin: 10px auto 0 auto;
}

.form-box.sizem .list_tit {
    width: 120px;
}

.form-box.sizem .form-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 0 0;
}

.form-box.sizem .form-list > li {
    width: 100%;
}

.form-box.sizem .subfun {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 20px 0 0 0;
    box-sizing: border-box;
    padding: 0 0 0 0;
}

.form-box.sizem .subfun li {
    cursor: pointer;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.form-box.sizem .subfun li:hover {
    color: #FF6633;
}

.form-box.sizem .subfun li + li {
    margin: 0 0 0 30px;
}

.form-box.sizem .subfun li span {
    color: #fccf00;
    margin: 0 5px 0 0;
}

.form-box.sizem .note {
    font-size: 1.6rem;
}

.form-box.sizem .info-list {
    font-size: 1.4rem;
    color: #727272;
    margin: 20px 0 20px 25px;
}

.form-box .subtit {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.58;
    text-align: center;
}

.form-box .btn-box {
    margin: 30px 0 0 0;
}

.inquire-box .form-list > li {
    flex-direction: row;
}

.inquire-box .demo-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.inquire-box .demo-img img {
    width: auto;
    max-width: 80%;
}

.inquire-box .demo-img.fullimg {
    margin: 0 0 30px 0;
    position: relative;
}

.inquire-box .demo-img.fullimg img {
    max-width: 100%;
}

.inquire-box .demo-img.fullimg a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.inquire-box .form-box.sizem .list_tit {
    width: 20px;
    margin: 0 10px 0 0;
}

.orderlist-box {
    width: 100%;
    margin: 10px auto;
    border-radius: 30px;
    border: 4px solid #E5E5E5;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 10px 30px 10px;
    position: relative;
}

.order-list > li {
    display: flex;
    justify-content: flex-start;
    align-items: center; /* height: 60px; */
    min-height: 60px;
    border-bottom: 1px dashed #B2B2B2;
}

.order-list > li:last-child {
    border: none;
}

.orderlist-box + .orderlist-box {
    margin: 10px 0 0 0;
}

.order-list .col-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 40px;
    border-radius: 30px;
    background: #feec99;
    font-size: 1.3rem;
    margin: 0 10px 0 0;
    flex-shrink: 0;
}

.order-list a {
    color: #FF6633;
    text-decoration: underline;
}

.list-number {
    list-style-type: decimal;
}

.list-disc {
    list-style-type: disc;
}

.list-number > li, .list-disc > li {
    margin: 0 0 0 25px;
}

.inquire-box .list-number {
    font-size: 1.4rem;
    line-height: 1.58;
}

.inquire-box .list-number.sizem {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 0 0 20px;
}

.inquire-box .btn-box {
    margin: 40px 0 0 0;
}

.inquire-box .info-box {
    width: 100%;
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 1.58;
}

.inquire-number {
    width: 300px;
    height: 80px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.4rem;
    color: #FF6633;
    background: #fff;
    margin: 20px auto 30px;
}

.inquire-box .hint-txt {
    font-size: 1.6rem;
}

.inquire-box .single-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto 20px;
}

.inquire-box .single-box > span {
    font-size: 3rem;
    color: #FF6633;
    margin: 0 0 0 5px;
    cursor: pointer;
}

input.single[type='text'] {
    height: 50px;
    border-radius: 30px;
    border: 1px solid #B2B2B2;
    box-sizing: border-box;
    padding: 0 20px 0 20px;
    font-size: 1.6rem;
    text-align: center;
}

.single-box select {
    font-size: 1.6rem;
}

/* service base */
.full-inner.servicebaseheader {
    background: #e2f2f1;
}

.inquire-header {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    line-height: 1.58;
}

.inquire-header .col-1 {
}

.inquire-header .col-2 {
    display: flex;
    justify-content: center;
    margin: 10px 0 0 0;
    order: 0;
}

.inquire-header .col-2 .img-box {
    width: 200px;
}

.inquire-header .col-2 .img-box img {
    width: 100%;
}

.inquire-header .tit {
    font-size: 2.4rem;
    margin: 0 0 5px 0;
}

.inquire-header .search-bar {
    width: 100%;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 10px 10px 10px 10px;
    background: #fccf00;
    margin: 15px 0 10px;
}

.inquire-header .search-bar .select-box, .inquire-header .search-bar input {
    text-align: left;
    margin: 0 5px 0 0;
    font-size: 1.3rem;
}

.inquire-header .search-bar .select-box, .inquire-header .search-bar.hotel input {
    margin: 0 5px 0 5px;
}

.inquire-header .search-bar button {
    height: 50px;
    border-radius: 30px;
    background: #FF6633;
    font-size: 1.4rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 5px 0 5px;
}

.inquire-header .search-bar input[type=submit] {
    height: 50px;
    border-radius: 30px;
    background: #FF6633;
    font-size: 1.4rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 5px 0 5px;
}

.servicebase .inquire-box {
    width: 100%;
    max-width: 990px;
}

.servicebase .inquire-box .info-box {
    max-width: none;
    margin: 0 0 30px 0
}

.inquire-box a {
    text-decoration: underline;
    color: #FF6633;
}

.search-header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.search-list {
    font-size: 1.4rem;
    line-height: 1.58;
    margin: 10px 0 0 0;
}

.search-list > li {
    box-sizing: border-box;
    padding: 10px 10px 10px 10px;
    position: relative;
}

.search-list > li:nth-child(odd) {
    background: #fff;
}

.search-item {
    display: flex;
    flex-direction: column;
}

.search-item .item_name {
    font-weight: bold;
}

.search-item .item_address {
}

.search-item .item-arrow {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.search-item .item-arrow:before {
    content: '\e916';
    opacity: 0.5;
}

.search-item .item-arrow.active:before {
    content: '\e917';
    opacity: 1;
}

.search-info {
    display: flex;
    flex-direction: column;
    font-size: 1.3rem;
    line-height: 1.58;
    color: #727272;
    margin: 10px 0 0 0;
    display: none;
}

.search-info .time-list {
    line-height: 1.8;
}

.search-info .otherservice-list {
    margin: 15px 0 0 0;
}

.storenumber {
    font-size: 3rem;
    color: #FF6633;
}

.substore-search {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 10px 0;
}

.substore-search > li {
    width: 40vw;
    margin: 0 2.5vw 20px 2.5vw;
    position: relative;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.substore-search > li:hover {
    opacity: 0.6;
}

.substore-search .img-box {
    width: 42vw;
    height: 42vw;
    border-radius: 30px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .substore-search .img-box>img{ width: 90%; max-width: 91px; } */
.substore-search .txt-box {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #363636;
    margin: 10px 0 0 0;
}

.substore-search > li > a {
    width: 100%;
    height: 100%;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.column4 .search-item {
    flex-direction: row;
    flex-wrap: wrap;
}

.column4 .search-item .item_number {
    width: 3%;
}

.column4 .search-item .item_name {
    width: auto; /* font-weight: normal; */
}

.column4 .search-item .item_phone {
    width: 100%;
}

.column4 .search-item .item_address {
    width: 100%;
}

.inquire-header .search-bar.golf {
    width: 85%;
    min-width: 300px;
    margin: 15px auto 10px;
}

/* orderlist-table  */
.orderlist-box.hastable {
    width: 100%;
    overflow: auto;
}

.international .orderlist-box.hastable { /* width: 850px; max-width: none; padding: 30px 30px 30px 30px; */
}

.orderlist-table {
    font-size: 1.3rem;
    width: 500px;
}

.international .orderlist-table {
    width: 600px;
}

.orderlist-table .table-header {
    font-size: 1.6rem;
    color: #FF6633;
}

.orderlist-table .table-header:after {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 1px solid #B2B2B2;
    margin: 10px 0 20px 0;
}

.orderlist-table table {
    border-collapse: collapse;
    color: #b2b2b2;
}

.orderlist-table table td {
    height: 40px;
    padding: 0;
}

.orderlist-table table td:nth-child(3) {
    width: 260px;
}

.international .orderlist-table table td:nth-child(4) {
    width: 150px;
}

.international .orderlist-table table tr:nth-child(n+2) td:nth-child(4) {
    box-sizing: border-box;
    padding: 0 0 0 30px;
}

.orderlist-table table td:last-child a {
    box-sizing: border-box;
    padding: 0 0 0 30px;
}

.orderlist-table .table-thead {
    width: 130px;
    height: 40px;
    border-radius: 30px;
    background: #feec99;
    font-size: 1.3rem;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 10px 0;
}

.orderlist-table .time {
    margin: 0 0 0 10px;
}

.orderlist-table .step-disc {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 50px;
    height: 100%;
}

.orderlist-table .step-disc .disc {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e5e5e5;
}

.orderlist-table .step-disc .line {
    width: 1px;
    height: 100%;
    background: #e5e5e5;
    position: absolute;
}

.orderlist-table .active {
    color: #000;
}

.orderlist-table .active td:nth-child(3) {
    color: #FF6633;
}

.orderlist-table .active .disc {
    width: 15px;
    height: 15px;
    background: #FF6633;
    z-index: 1;
}

.orderlist-table table tr:nth-child(2) .line {
    height: 50%;
    bottom: 0;
}

.orderlist-table table tr:last-child .line {
    height: 50%;
    top: 0;
}

.orderlist-table a {
    color: #b2b2b2;
}

.orderlist-table .active a {
    color: #000;
}


/* service */
/* qa */
/* thinborder-box */
.service-header {
    width: 100%;
    margin: 20px auto 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    line-height: 1.58;
}

.service-header .tit {
    font-size: 2.4rem;
    margin: 0 0 15px 0;
}

.service-header .search-bar {
    width: 94%;
    height: 60px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 10px 10px 10px 10px;
    background: #fccf00;
    margin: 10px 0 10px;
}

.service-header .search-bar .select-box, .service-header .search-bar input {
    text-align: left;
    margin: 0 10px 0 0;
    height: 40px;
}

.service-header .search-bar .select-box, .service-header .search-bar.hotel input {
    margin: 0 10px 0 10px;
}

.service-header .search-bar select {
    font-size: 1.3rem;
}

.service-header .search-bar input {
    font-size: 1.3rem;
}

.service-header .search-bar button {
    min-width: 70px;
    height: 40px;
    border-radius: 30px;
    background: #FF6633;
    font-size: 1.4rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 10px 0 10px;
    white-space: nowrap;
}

.qa .qa-wrap {
    box-sizing: border-box;
    padding: 0 15px 0 15px;
}

.thinborder-box {
    width: 100%;
    margin: 0 auto;
    border-radius: 30px;
    border: 3px solid #FF6633;
    box-sizing: border-box;
    padding: 10px 20px 10px 20px;
    background: #fff;
    position: relative;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
}

.thinborder-box + .thinborder-box {
    margin: 25px auto 0 auto;
}

.thinborder-box.active {
    padding: 20px 20px 20px 20px;
}

.thinborder-box.noexpand {
    width: 100%;
    max-width: 990px;
    margin: 0 auto;
    border-radius: 30px;
    border: 3px solid #FF6633;
    box-sizing: border-box;
    padding: 40px 40px 40px 40px;
    background: #fff;
    position: relative;
}

.thinborder-box .thinborder-header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.qa .thinborder-box.active .thinborder-header:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #B2B2B2;
    margin: 10px 0 0 0;
}

.thinborder-box .thinborder-header .header-tit {
    display: flex;
    align-items: center;
    font-size: 2rem;
    line-height: 1.58;
    font-weight: bold;
    color: #FF6633;
}

.qa .thinborder-box .thinborder-header .header-tit:before {
    content: '\e90b';
    font-size: 1.6rem;
    margin: 0 5px 0 0;
}

.qa .thinborder-box.active .thinborder-header .header-tit:before {
    content: '\e90a';
}

.thinborder-box .thinborder-header .header-note {
    font-size: 1.7rem;
    line-height: 1.58;
    color: #FF6633;
    align-self: center;
}

.qa .qa-list {
    font-size: 1.4rem;
    line-height: 1.58;
    color: #707070;
    display: none;
}

.qa .thinborder-box.active .qa-list {
    display: block;
}

.qa .qa-list > li {
    display: flex;
    margin: 20px 0 0 0;
}

.qa .qa-list > li:before {
    content: '\e96c';
    font-size: 1.2rem;
    line-height: 30px;
    color: #FF6633;
    margin: 0 8px 0 0;
}

.qa .qa_tit {
    font-size: 1.6rem;
    color: #363636;
    font-weight: bold;
}

.qa .qa-list a {
    color: #FF6633;
    text-decoration: underline;
}

/* webcontact */
/* .webcontact .service-header .search-bar{ width: 630px; } */
.webcontact .full-inner {
    padding: 20px 15px 20px 15px;
}

.webcontact .form-header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.webcontact .form-header .header-note {
    font-size: 1.7rem;
    line-height: 1.58;
    color: #FF6633;
    align-self: center;
}

.webcontact .info-box {
    max-width: 900px;
    margin: 50px auto 0;
}

.webcontact .form-list .list_tit {
    width: 120px;
}

.webcontact .form-list textarea {
    width: 100%;
    height: 120px;
    border-radius: 30px;
    border: 1px solid #B2B2B2;
    box-sizing: border-box;
    padding: 20px 20px 20px 20px;
}

.webcontact .btn-box {
    margin: 40px 0 0 0;
}

.webcontact .login-code {
    display: flex;
    align-items: center;
    margin: 10px auto 0 auto;
}

.webcontact .id {
    flex-wrap: wrap;
    height: auto;
    min-height: 50px;
}

.webcontact .id > li:first-child {
    width: 100%;
}

.webcontact .id > li + li {
    margin: 0 0 0 0;
}

.webcontact .orderlist-box {
    padding: 20px 10px 20px 10px;
}

.webcontact .order-list {
    font-size: 1.4rem;
    line-height: 1.58;
}

.webcontact .form-box {
    font-size: 1.6rem;
    line-height: 1.58;
}

/* article */
.inpage-header {
    width: 100%;
    margin: 20px auto 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; /* font-size: 2rem; */
    font-size: 1.6rem;
    line-height: 1.58;
}

.inpage-header .tit {
    font-size: 2.4rem;
    margin: 0 0 15px 0;
}

.article .inpage-header {
    margin: 40px auto 0;
}

.article-list {
    display: flex;
    flex-direction: column;
    width: calc(100% - 30px);
    margin: 0 auto;
}

.article-list > li {
    width: 100%;
    margin: 10px 0 10px 0;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .16);
    position: relative;
    transition: all .6s cubic-bezier(.4, 0, .2, 1);
}

.article-list .img-box {
    width: calc(100vw - 30px);
    height: calc(100vw - 30px);
    position: relative;
    overflow: hidden;
}

.article-list .img-box img {
    width: 100%;
}

.article-list .txt-box {
    font-size: 1.4rem;
    line-height: 1.58;
    color: #727272;
    box-sizing: border-box;
    padding: 20px 20px 30px 20px;
}

.article-list .txt-box .tit {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2;
    color: #000;
    text-align: center;
    overflow: hidden;
    margin: 0 0 20px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-list > li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.article-list > li:hover {
    background: #f0f0f0;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0);
}

.page-list {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    font-weight: bold;
    color: #727272;
    margin: 20px 0 0 0;
}

.page-list li:nth-child(1) {
    margin: 0 30px 0 0;
}

.page-list li:nth-child(3) {
    margin: 0 5px 0 5px;
}

.page-list li:nth-child(5) {
    margin: 0 0 0 30px;
}

.page-list span {
    font-size: 3rem;
    color: #b2b2b2;
}

.article-detail {
    font-size: 1.6rem;
    line-height: 1.58;
    color: #707070;
}

.article-detail .tit {
    font-size: 1.8rem;
    line-height: 1.58;
    font-weight: bold;
    color: #FF6633;
    text-align: center;
}

.article-detail .tit:after {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #B2B2B2;
    margin: 10px 0 10px 0;
}

.article-detail a {
    color: #FF6633;
    text-decoration: none;
}

.border-box .article-detail a {
    text-decoration: none;
}

.article-detail .link-list li {
    display: flex;
    align-items: center;
}

.article-detail .link-list li:before {
    content: '\e92b';
    color: #FF6633;
    font-size: 1.2rem;
    margin: 0 5px 0 0;
}

.article-detail .link-list li:first-child:before {
    content: '\e96d';
    color: #707070;
}

.article-detail .link-list li + li {
    margin: 10px 0 0 0;
}

/* .article-detail a:after{ display: block; content: ''; width: 100%; height: 1px; border-bottom: 1px solid #FF6633; } */
.article-detail .col-1 {
    width: 100%;
    flex-shrink: 0;
    margin: 0 0 10px 0;
}

.article-detail .col-1 .img-box {
    width: 100%;
    margin: 0 auto;
}

.article-detail .col-1 .img-box img {
    width: 100%;
}

.article .btn-box {
    margin: 30px 0 0 0;
}

.article .border-box {
    width: calc(100% - 30px);
    margin: 0 15px 0 15px;
}

/* news */
.news .inpage-header {
    margin: 40px auto 0;
}

.news .border-box {
    width: calc(100% - 30px);
    margin: 0 15px 0 15px;
    font-size: 1.6rem;
    line-height: 1.58;
}

.news .border-box img {
    max-width: 100%;
}

.txtnews-list {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 0;
}

.txtnews-list > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: auto;
    position: relative;
}

.txtnews-list > li > a {
    width: 100%;
    height: 100%;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.txtnews-list > li + li {
    margin: 20px 0 0 0
}

.txtnews-tag {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 25px;
    border-radius: 5px;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.txtnews-date {
    display: flex;
    align-items: center;
    width: 80px;
    height: 100%;
    font-size: 1.4rem;
    margin: 0 10px 0 10px;
}

.txtnews-txt {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin: 5px 0 0 0;
}

.txtnews-txt > p {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.txtnews-list > li:hover .txtnews-txt {
    text-decoration: underline;
}

.news .page-list {
    margin: 50px 0 0 0;
}

.news .tit-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 1.8rem;
    line-height: 1.58;
    font-weight: bold;
    color: #FF6633;
}

.news .tit-box .txtnews-tag {
    margin: 0 20px 0 0;
}

.news .tit-box .tit {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 0;
}

.news .tit-box:after {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #B2B2B2;
    margin: 10px 0 10px 0;
}

.news .date {
    font-size: 1.4rem;
    line-height: 1.58;
    color: #b2b2b2;
    text-align: right;
    margin: 0 0 10px 0;
}

.news .btn-box {
    margin: 40px 0 0 0;
}

/* selfhelp */
.selfhelp-wrap {
    width: calc(100% - 30px);
    margin: 0 auto;
}

.selfhelp-list {
}

.selfhelp-list > li {
    width: 100%;
    min-height: 80px;
    border-radius: 30px;
    border: 1px solid #FF6633;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 20px 20px 20px 20px;
    font-size: 1.4rem;
    line-height: 1.58;
    color: #363636;
}

.selfhelp-list > li.top {
    background: #f4faf9;
    font-size: 3.2rem;
    font-weight: bold;
    color: #FF6633;
    justify-content: center;
}

.selfhelp-list > li.top .msg {
    font-size: 1.6rem;
    margin: 0 0 0 0;
}

.selfhelp-list > li + li {
    margin: 20px 0 0 0;
}

.selfhelp-list > li .col-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    align-self: start;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    background: #FF6633;
    font-size: 1.5rem;
    font-weight: bold;
    color: #d3ece8;
    margin: 0 15px 0 0;
}

.selfhelp-list > li .col-1 > span:last-child {
    font-size: 2.2rem;
    color: #fff;
    margin: 0 0 0 2px;
}

.selfhelp-list > li .col-2 {
    width: 100%;
}

.selfhelp-list > li .tit {
    margin: 0 0 0 0;
    font-weight: normal;
    font-size: 1.6rem;
}

.selfhelp-list .line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #B2B2B2;
    margin: 15px 0 15px 0;
}

.selfhelp-list .msg {
    font-size: 1.4rem;
    color: #FF6633;
    margin: 0 0 0 20px;
}

.selfhelp-wrap .info-list {
    font-size: 1.4rem;
    line-height: 1.58;
    margin: 20px 0 0 25px;
}

.selfhelp-wrap .info-list a {
    color: #FF6633;
    text-decoration: underline;
}

/* ezcat */
.full-inner.ezcat {
    padding: 40px 0 40px 0;
    background: #e2f2f1;
}

.ezcat-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

.ezcat-header > .col-1 {
    margin: 0 0 20px 0;
}

.ezcat-header > .col-2 > p {
    font-size: 1.6rem;
    line-height: 1.58;
    color: #727272;
    box-sizing: border-box;
    padding: 0 15px 0 15px;
}

.ezcat-header > .col-2 > p.tit {
    font-size: 2.4rem;
    margin: 0 0 10px 0;
    color: #000;
    text-align: center;
}

.ezcat-header > .col-2 .flex-box {
    flex-direction: column;
    align-items: center;
    margin: 20px 0 0 0;
}

.ezcat-header > .col-2 .phone {
    font-size: 3.6rem;
    font-weight: bold;
    color: #FF6633
}

.ezcat-header > .col-2 .btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: #fccf00;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: bold;
    color: #000;
}

.ezcat-header > .col-2 .flex-box .col-1 {
    font-size: 1.7rem;
    margin: 0 0 20px 0;
}

.ezcat-table {
    width: 94%;
    margin: 0 auto;
    font-size: 1.3rem;
}

.ezcat-table .table-row {
    display: flex;
}

.ezcat-table .table-row .col-1 {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 65px;
    min-height: 60px;
    border-radius: 10px 0 0 10px;
    background: #d3ece8;
    box-sizing: border-box;
    padding: 10px 5px 10px 5px;
    margin: 0 5px 0 0;
}

.ezcat-table .table-row .col-2 {
    display: flex;
    flex-grow: 1;
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    padding: 10px 5px 10px 5px;
}

.ezcat-table > .table-row + .table-row {
    margin: 5px 0 0 0;
}

.ezcat-table > .table-row-column + .table-row {
    margin: 5px 0 0 0;
}

.ezcat-table .info-list {
    line-height: 1.8;
}

.ezcat-table .table-row-column {
    display: flex;
    margin: 5px 0 0 0;
}

.ezcat-table .table-row-column .table-row:first-child {
    width: 55%;
}

.ezcat-table .table-row-column .table-row:last-child {
    width: 45%;
}

.ezcat-table .table-row-column .table-row + .table-row {
    margin: 0 0 0 5px;
}

/* about */
.full-wrap .full-inner .full-kv {
    width: 100vw;
    height: 39.5vw;
    overflow: hidden;
}

.full-wrap.about .full-inner .full-kv {
    background: url('../company/images/about_kv.jpg') no-repeat center bottom / cover;
}

.about-box {
    width: calc(100vw - 30px);
    margin: 20px auto 0;
}

.about-box .flex-box.originl {
    flex-direction: column;
}

.about-box .flex-box.originl .col-1 {
    width: 100%;
    flex-shrink: 0;
}

.about-box .flex-box .img-box img {
    width: 100%;
}

.about-box .flex-box.originl .col-2 {
    width: 100%;
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1.58; /* background: rgba(255,255,255,.9);  */
    box-sizing: border-box;
    padding: 30px 0 0 0;
    margin: 0 0 0 0;
}

.about-box .tit-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-box .tit {
    font-size: 2.4rem;
    font-weight: bold;
    color: #FF6633;
    display: inline-block;
    margin: 0 0 20px 0;
}

.about-box .tit:after {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 3px solid #FF6633;
}

.about-box .txt-box {
    box-sizing: border-box;
    padding: 0 0 0 0;
}

.about-box .about-info {
    box-sizing: border-box;
    padding: 0 0 0 0;
    font-size: 1.4rem;
    line-height: 1.58;
    margin: 20px 0 0 0;
}

.about-box .about-info .tit-txt {
    color: #FF6633;
    margin: 0 0 20px 0;
}

.about-box .about-info .flex-box {
    flex-direction: column;
    margin: 30px 0 0 0;
}

.about-box .about-info .flex-box .col-1 {
    width: 100%;
    margin: 0 0 10px 0;
}

.about-box .about-info .flex-box .col-2 p span {
    display: inline-block;
    width: 120px;
}

/* events */
.full-wrap.events .full-inner .full-kv {
    background: url('../company/images/events_kv.jpg') no-repeat center bottom / cover;
}

.events-box {
    width: calc(100vw - 30px);
    margin: 0 auto;
    box-sizing: border-box;
    padding: 30px 0 0 0;
}

.events-box .tit-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.events-box .tit {
    font-size: 2.4rem;
    font-weight: bold;
    color: #FF6633;
    display: inline-block;
}

.events-box .tit:after {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 3px solid #FF6633;
}

.events-box .txt-box {
    box-sizing: border-box;
    padding: 0 30px 0 30px;
}

.events-box .events-list {
}

.events-box .events-list > li {
    box-sizing: border-box;
    padding: 0 0 20px 20px;
    position: relative;
}

.events-box .events-list > li:before {
    content: '';
    width: 1px;
    height: 100%;
    background: #FF6633;
    position: absolute;
    left: 5px;
    top: 20px;
}

.events-box .events-list > li:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #FF6633;
    position: absolute;
    left: 0px;
    top: 12px;
}

.events-box .events-list > li ul {
    list-style-type: disc;
    font-size: 1.4rem;
    line-height: 1.58;
    color: #363636;
    margin: 10px 0 0 25px;
}

.events-box .events-year {
    font-size: 2rem;
    color: #FF6633;
}

.events-box .flex-box {
    flex-direction: column;
    position: relative;
}

.events-box .col-2 {
    flex-shrink: 0;
    order: -1;
}

.events-box .col-2 .img-box {
    width: 80vw;
    margin: 30px auto 20px;
}

.events-box .col-2 .img-box img {
    width: 100%;
}

/* sitemap */
.sitemap-wrap {
    width: calc(100vw - 30px);
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.sitemap-wrap a:hover {
    color: #FF6633;
    text-decoration: underline;
}

.sitemap-box {
    width: 100%;
    border-radius: 30px;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 10px 20px 20px;
    display: flex;
    flex-direction: column;
}

.sitemap-wrap .sitemap-box + .sitemap-box {
    margin: 20px 0 0 0;
}

.sitemap-box > .sitemap + .sitemap {
    margin: 0 0 0 0;
}

.sitemap-box .sitemap {
    display: flex;
    width: 100%;
}

.sitemap-box .sitemap-tit {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    border: 1px solid #FF6633;
    font-size: 2rem;
    color: #FF6633;
    line-height: 1.2;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 20px 0 0;
    box-sizing: border-box;
    padding: 0 14px 0 14px;
    align-self: start;
    flex-shrink: 0;
}

.sitemap-box .sitemap-list {
    display: flex;
    flex-wrap: wrap;
}

.sitemap-box.onelist .sitemap .sitemap-list {
}

.sitemap-box .sitemap-list > li {
    width: 65%;
    font-size: 1.4rem;
    line-height: 1.8;
    color: #363636;
    margin: 0 5px 20px 5px;
}

.sitemap-box.onelist .sitemap-list > li {
    width: auto;
}

.sitemap-box .sitemap-list .tit {
    font-size: 1.8rem;
    color: #363636;
    margin: 0 0 0 0;
}

.sitemap-box .sitemap-list .tit:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #b2b2b2;
    margin: 10px 0 15px 0;
}

.sitemap-box .sitemap-list .tit.one:after {
    display: none;
}

/* privacy */
.privacy {
    font-size: 1.4rem;
    line-height: 1.58;
}

.txt-list {
    font-size: 1.4rem;
    line-height: 1.58;
    list-style-type: cjk-ideographic;
    margin: 0 0 0 30px;
}

.txt-list > li {
    text-align: justify;
}

.txt-list > li + li {
    margin: 20px 0 0 0;
}

.txt-list a {
    text-decoration: underline;
    color: #009380;
}

.txt-list .listtit {
    font-weight: bold;
}

.privacy .full-inner {
    width: calc(100vw - 30px);
    margin: 0 auto;
}

.privacy .txt-box {
    font-size: 1.4rem;
    line-height: 1.58;
    text-align: justify;
}

.privacy .txt-box a {
    text-decoration: underline;
    color: #009380;
}

.privacy .subtit {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 0 0px 0;
}

.privacy .inpage-header .tit {
    margin: 0 0 0 0;
}

/* clause */
.clause {
    font-size: 1.4rem;
    line-height: 1.58;
}

.clause .full-inner {
    width: calc(100vw - 30px);
    margin: 0 auto;
}

.clause .cjk-list > li {
    text-align: justify;
}

.clause .border-box > ul > li + li {
    margin: 20px 0 0 0;
}

.clause .listtit {
    font-weight: bold;
}

.clause .inpage-header .tit {
    margin: 0 0 0 0;
}

/* productlist */
.productlist .full-inner {
    width: calc(100vw - 30px);
    margin: 0 auto;
}

.productlist-box {
    width: 100%;
    margin: 0 auto;
}

.productlist-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 30px 0;
}

.productlist-list > li {
    width: 100%;
    border-radius: 20px;
    background: #fff;
    outline: 1px solid #727272;
    box-sizing: border-box;
    padding: 10px 10px 20px 10px;
    margin: 13px min(1.66%, 13px) 13px min(1.66%, 13px);
    position: relative;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.productlist-list > li a {
    line-height: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.productlist-list > li .img-box {
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.productlist-list > li .img-box img {
    width: min(100%, 220px);
}

.productlist-list > li .tit {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 0 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.productlist-list > li .tit:after {
    content: '';
    width: 100%;
    display: block;
    border-bottom: 1px solid #727272;
    margin: 10px 0 15px 0;
}

.productlist-list > li .orderinfo {
    display: flex;
    justify-content: space-between;
    font-size: 1.6rem;
}

.productlist-list > li .orderinfo > span {
    color: #FF6633;
    cursor: pointer;
}

.productlist-list > li:hover {
    outline: 8px solid #FF6633;
}

.productlist-list > li:hover .tit:after {
    border-bottom: 1px solid #FF6633;
}

.info .full-inner {
    width: calc(100vw - 30px);
    margin: 0 auto;
}

.info .border-box {
    border: 4px solid #FF6633;
}

.info .flex-box {
    flex-direction: column;
    margin: 0 0 30px 0;
}

.info .flex-box .col-1 {
    width: 100%;
    margin: 0 0 20px 0;
}

.info .flex-box .col-2 {
    font-size: 1.6rem;
    line-height: 1.58;
}

.info .flex-box .img-box img {
    width: 100%;
}

.info .flex-box .col-2 .tit {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 0 0 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.info .flex-box .col-2 .tit:after {
    content: '';
    width: 100%;
    display: block;
    border-bottom: 1px solid #FF6633;
    margin: 10px 0 15px 0;
}

.info .flex-box .col-2 .btn-box {
    justify-content: center;
    margin: 30px 0 0 0;
}

.info .full-inner > .btn-box {
    margin: 30px 0 0 0;
}

/* remind */
.remind .full-inner {
}

.remind .tab-wrap {
    width: calc(100vw - 30px);
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px 0 20px 0;
    position: relative;
}

.remind .mobile-tabheader {
    width: 100%;
    height: 60px;
    border: 1px solid #FF6633;
    font-size: 1.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.remind .mobile-tabheader:after {
    content: '\e916';
    font-size: 2rem;
    color: #FF6633;
    position: absolute;
    right: 20px;
}

.remind .mobile-tabheader.active:after {
    content: '\e917';
}

.remind .tab-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    box-sizing: border-box;
    padding: 0 0 0 0;
    position: absolute;
    top: 82px;
    display: none;
}

.remind .tab-box > li {
    width: 100%;
    height: 60px;
    border-radius: 0 0 0 0;
    background: #edf4f3; /* border: 1px solid #FF6633;  *//* border-bottom: 1px solid #FF6633; */
    margin: 0 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    box-sizing: border-box;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
}

.remind .tab-content {
    width: calc(100vw - 30px);
    margin: 0 auto;
    box-sizing: border-box;
    padding: 30px 0 0 0;
}

.remind .tab-content .flex-box {
    flex-direction: column;
}

.remind .tab-content .img-box {
    width: 50%;
    margin: 0 auto 10px auto;
}

.remind .tab-content .img-box img {
    width: 100%;
}

.remind .tab-content .txt-box {
    font-size: 1.6rem;
    line-height: 1.58;
}

.remind .tab-content .txt-box .tit {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 0 10px 0;
    text-align: center;
}

.remind .help {
    width: calc(100vw - 30px);
    margin: 60px auto 0;
}

.remind .help .tit {
    font-size: 2rem;
    font-weight: bold;
    color: #FF6633;
    text-align: center;
    margin: 0 0 10px 0;
}

.remind .remind-help {
    display: flex;
    flex-direction: column;
}

.remind .remind-help li {
    width: 100%;
    border-radius: 20px;
    border: 1px solid #FF6633;
    box-sizing: border-box;
    padding: 15px 15px 15px 15px;
    margin: 10px 0 10px 0;
    background: #fff;
}

.remind .remind-help .img-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.remind .remind-help .img-box img {
    width: 65%;
}

.remind .remind-help li:last-child {
}

.remind .remind-help li:last-child .img-box {
}

.remind .remind-help li:last-child .img-box img {
    width: 100%;
}

.remind .remind-help li:last-child .txt-box {
}

.remind .remind-help .txt-box {
    font-size: 1.6rem;
    line-height: 1.58;
    color: #363636;
}

.remind .remind-help .subtit {
    display: block;
    width: 100px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin: 10px auto 15px;
}

.remind .remind-help .subtit:after {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 3px solid #FF6633;
    margin: 5px 0 10px 0;
}

/* reject */
.reject .full-inner {
    width: calc(100vw - 30px);
    margin: 0 auto;
}

.reject-info {
    font-size: 1.4rem;
    line-height: 1.58;
    color: #363636;
    align-items: flex-start;
    flex-direction: column;
}

.reject-info .tit {
    font-size: 1.8rem;
    font-weight: bold;
    color: #FF6633;
    margin: 0 0 0 0;
}

.reject-info .col-1 {
}

.reject-info .col-2 {
    width: 100%;
}

.reject-info .col-2 .img-box {
    display: flex;
    justify-content: center;
}

.reject-info .col-2 .img-box img {
    width: 100px;
}

.reject-info a {
    text-decoration: underline;
    color: #FF6633;
}

.reject .border-box {
    margin: 30px 0 0 0;
}

.reject .border-box .tit {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 30px 0;
}

.reject-list {
    font-size: 1.4rem;
    line-height: 1.58;
    color: #363636;
}

.reject-list > li + li:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #b2b2b2;
    margin: 20px 0 20px 0;
}

.reject-list > li > .flex-box { /* flex-direction: column;  */
}

.reject-list > li > .flex-box .col-1 {
    flex-shrink: 0;
    width: 60px;
    margin: 0 10px 0 0;
}

.reject-list > li > .flex-box .col-1 .img-box img {
    width: 100%;
}

.reject-list .subtit {
    font-size: 1.6rem;
    font-weight: bold;
    color: #FF6633;
    margin: 0 0 5px 0;
}

.reject-list .subtit-note {
    font-size: 1.4rem;
    font-weight: normal;
}

.reject-list .twocol {
    display: flex;
    flex-direction: column;
}

.reject-list .twocol li {
    margin: 0 0 0 0;
}

.reject-list > li > .flex-box.country {
    flex-direction: column;
}

.reject-list > li > .flex-box.country .col-1 {
    width: auto;
    margin: 0 60px 0 0;
}

.reject .note {
    font-size: 1.4rem;
    text-align: center;
    margin: 20px 0 0 0;
}

.reject .note span {
    display: block;
}

/* info */
.info .full-inner {
    width: auto;
    margin: 0;
}

.info-top {
    width: calc(100vw - 30px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    font-size: 1.6rem;
    line-height: 1.58;
}

.info-top .tit {
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 0 15px 0;
    text-align: center;
}

.info-top .col-1 {
    box-sizing: border-box;
    padding: 20px 0 20px 0;
}

.info-top .col-1 a {
    margin: 0 0 0;
}

.info-top .col-1 .btn-box {
    margin: 20px 0 0 0;
}

.info-top .col-2 .img-box {
    display: flex;
    justify-content: center;
}

.info-top .col-2 .img-box img {
    width: 70%;
}

.info .tab-wrap {
    width: auto;
    margin: 0;
    box-sizing: border-box;
    padding: 0;
    position: relative;
}

.info .tab-box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-bottom: 3px solid #FF6633;
    margin: -30px 0 0 0;
}

.info .tab-box {
    position: static;
}

.info .tab-box > li {
    width: 45%;
    height: 40px;
    border-radius: 20px 20px 0 0;
    background: #fff;
    border: 1px solid #B2B2B2;
    border-bottom: 3px solid #FF6633;
    margin: 0 0 -3px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    box-sizing: border-box;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
}

.info .tab-box > li:hover, .info .tab-box > li.active {
    color: #FF6633;
    border: 3px solid #FF6633;
    border-bottom: none;
    background: #f5f5f5;
}

.info .tab-content {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.info .tab-content .flex-box {
    flex-direction: row;
}

.info .tab-content .img-box img {
    width: 100%;
}

.info .tab-content .txt-box {
    font-size: 1.8rem;
    line-height: 1.58;
}

.info .tab-content .txt-box .tit {
    font-size: 2rem;
    margin: 0 0 10px 0;
    text-align: left;
}

.info .info-warp {
    width: calc(100vw - 30px);
    margin: 0 auto;
}

.info .info-warp .tit {
    text-align: center;
    font-size: 1.8rem;
    margin: 0 0 20px 0;
}

.info .info-warp .img-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.info .info-warp .img-box > img {
    width: 100%;
    max-width: 900px;
}

.info .info-warp .img-box > img.pc {
    display: none;
}

.info .info-warp .img-box > img.mobile {
    display: block;
}

.info .borderlist-box {
    width: 100%;
    margin: 20px auto 20px;
    border-radius: 30px;
    border: 4px solid #E5E5E5;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 10px 30px 10px;
    position: relative;
}

.info #tab02 .borderlist-box {
    margin: 0 auto 20px;
    0
}

.info .border-list > li {
    display: flex;
    flex-direction: column;
    border-bottom: 1px dashed #B2B2B2;
    font-size: 1.4rem;
    line-height: 1.58;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}

.info .border-list > li + li {
    margin: 10px 0 0 0;
}

.info .border-list > li:last-child {
    border: none;
}

.info .borderlist-box + .borderlist-box {
    margin: 20px 0 0 0;
}

.info .border-list a {
    color: #FF6633;
    text-decoration: underline;
}

.info .border-list .col-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 40px;
    border-radius: 30px;
    background: #feec99;
    font-size: 1.5rem;
    margin: 0 0 0 0;
}

.info .border-list .col-1.moretxt {
    width: 250px;
}

.info .border-list .col-2 {
    box-sizing: border-box;
    padding: 10px 0 0 10px;
}

.info .border-list .consign {
    display: flex;
    justify-content: center;
}

.info .border-list .consign img {
    max-width: 400px;
}

.info .app-info {
    font-size: 1.5rem;
    text-align: center;
}

.info .app-info .flex-box {
    justify-content: center;
    margin: 10px 0 0 0;
}

.info .app-info .flex-box .col-1 {
    width: 40%;
    margin: 0 10px 0 0;
}

.info .app-info .flex-box .col-2 {
    width: 40%;
}

.info .app-info .flex-box img {
    width: 100%;
}

.info .app-info .flex-box .img-box a {
    width: 100%;
    line-height: 0;
}

/* line */
.line .full-inner {
    width: auto;
    margin: 0;
}

.line-top {
    width: calc(100vw - 30px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    font-size: 1.6rem;
    line-height: 1.58;
}

.line-top .tit {
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 0 15px 0;
    text-align: center;
}

.line-top > .col-1 {
    box-sizing: border-box;
    padding: 20px 0 20px 0;
}

.line-top > .col-1 a {
    margin: 0 0 0;
}

.line-top > .col-1 .btn-box {
    margin: 20px 0 0 0;
}

.line-top > .col-2 .img-box {
    display: flex;
    justify-content: center;
}

.line-top > .col-2 .img-box img {
    width: 60%;
}

.line-top .flex-box {
    flex-direction: column;
}

.line-top .flex-box .col-1 {
    margin: 0 0 20px 0;
}

.line-top .flex-box .img-box {
    display: flex;
    justify-content: center;
}

.line-top .flex-box .img-box a {
    width: 45%;
    margin: 0 5px 0 5px
}

.line-top .flex-box .img-box img {
    width: 100%; /* margin: 0 5px 0 5px; */
}

.line-top .flex-box .info-list {
    list-style-type: decimal;
    line-height: 1.8;
}

.line .tab-wrap {
    width: auto;
    margin: 0;
    box-sizing: border-box;
    padding: 0;
    position: relative;
}

.line .tab-box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-bottom: 3px solid #FF6633;
    margin: 20px 0 0 0;
}

.line .tab-box {
    position: static;
}

.line .tab-box > li {
    width: 45%;
    height: 40px;
    border-radius: 20px 20px 0 0;
    background: #fff;
    border: 1px solid #B2B2B2;
    border-bottom: 3px solid #FF6633;
    margin: 0 0 -3px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    box-sizing: border-box;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
}

.line .tab-box > li:hover, .line .tab-box > li.active {
    color: #FF6633;
    border: 3px solid #FF6633;
    border-bottom: none;
    background: #f5f5f5;
}

.line .tab-content {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.line .tab-content .flex-box {
    flex-direction: row;
}

.line .tab-content .img-box img {
    width: 100%;
}

.line .tab-content .txt-box {
    font-size: 1.8rem;
    line-height: 1.58;
}

.line .tab-content .txt-box .tit {
    font-size: 2rem;
    margin: 0 0 10px 0;
    text-align: left;
}

.line #tab01 .full-wrap:last-child { /* background: #fff; */
    margin: 50px 0 0 0;
    padding: 30px 0 20px 0;
}

.line .fun-list {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.line .fun-list > li {
    width: 90%;
    margin: 0 0 10px 0;
}

.line .fun-list > li > img {
    width: 100%;
}

.line .line-warp {
    width: calc(100vw - 30px);
    margin: 0 auto;
}

.line .line-warp .tit {
    text-align: center;
    font-size: 1.8rem;
    margin: 0 0 20px 0;
}

.line .line-warp .img-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.line .line-warp .img-box > img {
    width: 100%;
    max-width: 900px;
}

.line .line-warp .img-box > img.pc {
    display: none;
}

.line .line-warp .img-box > img.mobile {
    display: block;
}

.line .borderlist-box {
    width: 100%;
    margin: 20px auto 20px;
    border-radius: 30px;
    border: 4px solid #E5E5E5;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 10px 30px 10px;
    position: relative;
}

.line #tab02 .borderlist-box {
    margin: 0 auto 20px;
    0
}

.line .border-list > li {
    display: flex;
    flex-direction: column;
    border-bottom: 1px dashed #B2B2B2;
    font-size: 1.4rem;
    line-height: 1.58;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}

.line .border-list > li + li {
    margin: 10px 0 0 0;
}

.line .border-list > li:last-child {
    border: none;
}

.line .borderlist-box + .borderlist-box {
    margin: 20px 0 0 0;
}

.line .border-list a {
    color: #FF6633;
    text-decoration: underline;
}

.line .border-list .col-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 40px;
    border-radius: 30px;
    background: #feec99;
    font-size: 1.5rem;
    margin: 0 0 0 0;
}

.line .border-list .col-1.moretxt {
    width: 250px;
}

.line .border-list .col-2 {
    box-sizing: border-box;
    padding: 10px 0 0 10px;
}

.line .border-list .consign {
    display: flex;
    justify-content: center;
}

.line .border-list .consign img {
    max-width: 400px;
}

.line .app-info {
    font-size: 1.5rem;
    text-align: center;
}

.line .app-info .flex-box {
    justify-content: center;
    margin: 10px 0 0 0;
}

.line .app-info .flex-box .col-1 {
    width: 40%;
    margin: 0 10px 0 0;
}

.line .app-info .flex-box .col-2 {
    width: 40%;
}

.line .app-info .flex-box img {
    width: 100%;
}

.line .app-info .flex-box .img-box a {
    width: 100%;
    line-height: 0;
}

/* icatapp */
.icatapp .info-top .col-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 0 0 0;
}

.icatapp .info-top .col-1 .img-box {
    width: 270px;
    margin: 15px auto 0 auto;
}

.icatapp .info-top .col-1 .img-box > img {
    width: 100%;
}

.icatapp .info-top .col-1 a {
    width: 160px;
    margin: 8px auto 20px auto;
}

.icatapp .info-top > .col-2 {
    width: 100%;
    flex-shrink: 0;
    order: -1;
}

.icatapp .info-top .col-2 .img-box img {
    width: 100%;
}

.icatapp .flex-box {
    width: calc(100vw - 30px);
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 1.58;
    align-items: center;
    flex-direction: column;
}

.icatapp .flex-box .imgl, .icatapp .flex-box .imgr {
    order: 1;
}

.icatapp .flex-box .img-box {
    width: 50%;
    line-height: 0;
    margin: 20px auto 0 auto;
}

.icatapp .flex-box .img-box img {
    width: 100%;
}

.icatapp .subtit {
    font-size: 2rem;
    color: #FF6633;
    margin: 20px 0 5px 0;
    text-align: center;
}

.icatapp .flex-box .imgr {
    margin: 0 0 0 0;
}

.icatapp .flex-box .imgl {
    margin: 0 0 0 0;
}

.icatapp .full-wrap:last-child {
    margin: 0 0 -50px 0;
}

.icatapp .img-flex {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 15px 0 15px 0;
}

.icatapp .img-flex .col-1, .icatapp .img-flex .col-2 {
    width: 45%;
    padding: 0 0 0 0;
}

.icatapp .img-flex > div + div {
    margin: 0 0 0 10px;
}

.icatapp .img-flex .col-1 a, .icatapp .img-flex .col-2 a {
    line-height: 0;
    width: 100%;
    margin: 0 0 0 0;
}

.icatapp .img-flex .col-1 img, .icatapp .img-flex .col-2 img {
    width: 100%;
}

.icatapp .img-flex .pc {
    display: none;
}

.icatapp .img-flex .mobile {
    display: block;
}

/* normal */
.normal .flex-box {
    width: calc(100vw - 30px);
    margin: 0 auto;
    flex-wrap: wrap;
    font-size: 1.5rem;
    line-height: 1.58;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.normal .flex-box > li {
    width: 100%;
    margin: 0 0 30px 0;
}

.normal .flex-box > li:first-child {
    align-self: center;
}

.normal .flex-box .tit {
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px 0;
}

.normal .flex-box > li .img-box img {
    width: 100%;
}

.normal .flex-box > li .btn-box {
    margin: 20px 0 0 0;
}

.normal .flex-box > li .btn {
    margin: 0 0 0 0;
}

.subtit-line {
    font-size: 1.8rem;
}

.subtit-line:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #727272;
    margin: 5px 0 15px 0;
}

.normal .product.link-list {
    margin: 5px 0 10px 0;
}

/* cool */
.cool > .flex-box {
    width: calc(100vw - 30px);
    margin: 0 auto;
    flex-wrap: wrap;
    font-size: 1.5rem;
    line-height: 1.58;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.cool > .flex-box > li {
    width: 100%;
    margin: 0 0 30px 0;
}

.cool > .flex-box > li:first-child {
    width: 100%;
    max-width: none;
}

.cool > .flex-box > li:first-child .flex-box {
    flex-direction: column;
}

.cool > .flex-box > li:first-child .col-1 {
    justify-content: center;
    align-self: center;
    margin: 0 0 0 0;
}

.cool > .flex-box > li:first-child .col-2 {
    display: flex;
    justify-content: center;
    margin: 20px 0 0 0;
}

.cool > .flex-box > li:first-child .img-box {
    width: 270px;
}

.cool > .flex-box > li:last-child {
    width: 100%;
    max-width: none;
}

.cool .img-box img {
    width: 100%;
}

.cool > .flex-box > li:first-child .disc-list {
    border-radius: 20px;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 20px 20px 30px;
    margin: 10px 0 10px 0;
    font-size: 1.4rem;
    line-height: 1.6;
}

.cool > .flex-box .tit {
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center;
}

.cool > .flex-box .tit.hasimg {
    display: flex;
    justify-content: center;
    align-items: center
}

.cool > .flex-box .tit.hasimg img {
    height: 80px;
    margin: 0 0 0 10px;
}

.cool .cool-hightlight {
    display: flex; /* flex-direction: column; */
}

.cool .cool-hightlight > li {
    height: 60px;
    border-radius: 20px;
    background: #e0edf6;
    font-size: 1.6rem;
    color: #363636;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 10px;
    white-space: nowrap;
}

.cool .cool-hightlight > li + li {
    margin: 0 0 0 10px;
}

.cool .cool-hightlight > li span {
    font-weight: bold;
    color: #47a2e3;
    margin: 0 0 0 5px;
}

.cool .product.link-list {
    margin: 0 0 20px 0;
}

.cool .cool-item {
    margin: 20px 0 0 0;
}

.cool .cool-item > li {
    display: flex;
    font-size: 1.3rem;
    line-height: 1.58;
}

.cool .cool-item > li + li {
    margin: 20px 0 0 0;
}

.cool .cool-item > li .col-1 {
    width: 80px;
    flex-shrink: 0;
    margin: 0 10px 0 0;
}

.cool .cool-item .subtit {
    color: #FF6633;
    font-weight: bold;
    font-size: 1.5rem;
}

/* economy */
.economy > .flex-box {
    width: calc(100vw - 30px);
    margin: 0 auto;
    flex-wrap: wrap;
    font-size: 1.5rem;
    line-height: 1.58;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.economy > .flex-box > li {
    width: 100%;
    margin: 0 0 30px 0;
}

.economy > .flex-box > li:first-child {
    width: 100%;
    max-width: none;
}

.economy > .flex-box > li:first-child .flex-box {
    flex-direction: column;
    align-items: center;
    font-size: 1.4rem;
}

.economy > .flex-box > li:first-child .col-1 {
    align-self: center;
    margin: 0 30px 0 0;
}

.economy > .flex-box > li:first-child .col-1 .img-box {
    margin: 10px 0 0 0;
}

.economy > .flex-box > li:first-child .col-1 img {
    max-width: 270px;
}

.economy > .flex-box > li:first-child .img-box {
    width: 100%;
}

.economy > .flex-box > li:nth-child(n+4) {
    width: 100%;
    max-width: none;
}

.economy > .flex-box > li:nth-child(n+4) .img-box {
    max-width: 800px;
    margin: 40px auto 0;
}

.economy > .flex-box > li:nth-child(n+4) .img-box.pc {
    display: none;
}

.economy > .flex-box > li:nth-child(n+4) .img-box.mobile {
    display: block;
}

.economy .img-box img {
    width: 100%;
}

.economy > .flex-box > li:first-child .disc-list {
    margin: 20px 0 30px 20px;
    font-size: 1.4rem;
    line-height: 1.6;
}

.economy > .flex-box .tit {
    font-size: 2.4rem;
    margin: 0 0 20px 0;
    text-align: center;
}

.economy .product.link-list {
    margin: 0 0 20px 0;
}

/* line-list */
.line-list {
    margin: 0 0 0 10px;
}

.line-list:before {
    content: '-';
    margin: 0 0 0 -10px;
    display: inline-block;
}

.idx-line .line-list:before {
    display: none;
}


/* day */
.day > .flex-box {
    width: calc(100vw - 30px);
    margin: 0 auto;
    flex-wrap: wrap;
    font-size: 1.5rem;
    line-height: 1.58;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.day > .flex-box > li {
    margin: 0 0 30px 0;
}

.day > .flex-box > li:first-child .flex-box {
    flex-direction: column; /* align-items: flex-end; */
    font-size: 1.4rem;
}

.day > .flex-box > li:first-child .col-1 {
    align-self: center;
    margin: 0 0 20px 0;
}

.day > .flex-box > li:first-child .col-1 .img-box {
    margin: 20px 0 20px 0;
}

.day > .flex-box > li:first-child .col-2 {
    width: 130px;
    flex-shrink: 0;
    align-self: center;
}

.day > .flex-box > li:first-child img {
    width: 100%;
}

.day > .flex-box > li:nth-child(2) .flex-box {
    flex-direction: column;
}

.day > .flex-box > li:nth-child(2) .col-1 {
}

.day > .flex-box > li:nth-child(2) .col-2 {
    margin: 0 0 20px 0;
    order: -1;
}

.day > .flex-box > li:nth-child(2) img {
    width: 100%;
}

.day > .flex-box .tit {
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center;
}

.day .subtit {
    font-size: 1.8rem;
    color: #FF6633;
    margin: 0 0 5px 0;
}

.day .note {
    font-size: 1.3rem;
    line-height: 1.58;
    color: #363636;
}

.day .product.link-list {
    margin: 10px 0 0 10px;
}

.day .flex-list > li {
    display: flex;
}

.day .flex-list .col-1 {
    width: 60px;
    flex-shrink: 0;
}

/* freight */
.freight > .flex-box {
    width: calc(100vw - 30px);
    margin: 0 auto;
    flex-wrap: wrap;
    font-size: 1.5rem;
    line-height: 1.58;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.freight > .flex-box > li {
    width: 100%;
    margin: 0 0 30px 0;
}

.freight > .flex-box > li:first-child {
    width: 100%;
    max-width: none;
}

.freight > .flex-box > li:first-child .flex-box {
    flex-direction: column;
}

.freight > .flex-box > li:first-child .col-1 {
    align-self: center;
    margin: 0 0 30px 0;
}

.freight > .flex-box > li:first-child .col-2 {
    display: flex;
    justify-content: center;
}

.freight > .flex-box > li:first-child .img-box {
    width: 250px;
}

.freight .img-box img {
    width: 100%;
}

.freight > .flex-box .tit {
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center;
}

.freight .product.link-list {
    margin: 10px 0 20px 0;
}

/* golf */
.golf > .flex-box {
    width: calc(100vw - 30px);
    margin: 0 auto;
    flex-wrap: wrap;
    font-size: 1.5rem;
    line-height: 1.58;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.golf > .flex-box > li {
    width: 100%;
    margin: 0 0 30px 0;
}

.golf > .flex-box > li:first-child {
    width: 100%;
    max-width: none;
}

.golf > .flex-box > li:first-child .flex-box {
    flex-direction: column;
}

.golf > .flex-box > li:first-child .col-1 {
    align-self: center;
    margin: 0 0 30px 0;
}

.golf > .flex-box > li:first-child .col-2 {
    align-self: center;
}

.golf > .flex-box > li:first-child .img-box {
    width: 250px;
}

.golf > .flex-box > li:first-child .disc-list {
    font-size: 1.4rem;
}

.golf .img-box img {
    width: 100%;
}

.golf > .flex-box .tit {
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center;
}

.golf .product.btn-box {
    margin: 30px 0 0 0;
}

.golf .product.link-list {
    margin: 0 0 20px 0;
}

.golf .product.link-list {
    margin: 0 0 0 0;
}

/* medicine */
.medicine > .flex-box {
    width: calc(100vw - 30px);
    margin: 0 auto;
    flex-wrap: wrap;
    font-size: 1.5rem;
    line-height: 1.58;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.medicine > .flex-box > li {
    width: 100%;
    margin: 2% 0 2% 0;
}

.medicine > .flex-box > li:first-child .flex-box {
    flex-direction: column;
    font-size: 1.5rem;
}

.medicine > .flex-box > li:first-child .col-1 {
    align-self: center;
    margin: 0 0 30px 0;
}

.medicine > .flex-box > li:first-child .col-1 .img-box {
    margin: 30px 0 30px 0;
}

.medicine > .flex-box > li:first-child .col-2 {
    width: 100%;
    flex-shrink: 0;
}

.medicine > .flex-box > li:first-child .col-2 img {
    width: 100%;
}

.medicine > .flex-box > li:nth-child(3) .flex-box {
    flex-direction: column;
}

.medicine > .flex-box > li:nth-child(3) .col-1 {
    width: 100%;
}

.medicine > .flex-box > li:nth-child(3) .col-2 {
    width: 100%;
    margin: 0 0 20px 0;
    order: -1;
}

.medicine > .flex-box > li:nth-child(n+2) img {
    width: 100%;
}

.medicine > .flex-box .tit {
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center;
}

.medicine .subtit {
    font-size: 2.2rem;
    color: #FF6633;
    margin: 0 0 5px 0;
}

.medicine .note {
    font-size: 1.7rem;
    line-height: 1.58;
    color: #363636;
}

.medicine .product.link-list {
    margin: 10px 0 0 0;
}

/* cvs */
.cvs > .flex-box {
    width: calc(100vw - 30px);
    margin: 0 auto;
    flex-wrap: wrap;
    font-size: 1.5rem;
    line-height: 1.58;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.cvs > .flex-box > li {
    width: 100%;
    margin: 2% 0 2% 0;
}

.cvs > .flex-box > li:first-child .flex-box {
    flex-direction: column;
    align-items: flex-start;
    font-size: 1.5rem;
}

.cvs > .flex-box > li:first-child .col-1 {
    align-self: center;
    margin: 0 0 30px 0;
}

.cvs > .flex-box > li:first-child .col-2 {
    width: 100%;
    flex-shrink: 0;
}

.cvs > .flex-box > li:first-child .col-2 img {
    width: 100%;
}

.cvs > .flex-box .tit {
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center;
}

.cvs .subtit {
    font-size: 1.8rem;
    color: #FF6633;
    margin: 0 0 5px 0;
}

/* store */
.store > .flex-box {
    width: calc(100vw - 30px);
    margin: 0 auto;
    flex-wrap: wrap;
    font-size: 1.5rem;
    line-height: 1.58;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.store > .flex-box > li {
    width: 100%;
    margin: 2% 0 2% 0;
    font-size: 1.5rem;
}

.store > .flex-box > li:nth-child(2) .flex-box {
    flex-direction: column;
    align-items: flex-start;
    font-size: 1.5rem;
}

.store > .flex-box > li:nth-child(2) .col-1 {
    align-self: center;
    margin: 0 0 0 0;
}

.store > .flex-box > li:nth-child(2) .col-2 {
    margin: 10px 0 0 0;
}

.store > .flex-box > li:nth-child(2) .col-2 img {
    width: 50%;
    display: block;
    margin: 0 auto;
}

.store > .flex-box .tit {
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center;
}

.store .subtit {
    font-size: 1.8rem;
    color: #FF6633;
    margin: 0 0 5px 0;
}

/* twoec */
.twoec .twoec-box {
    width: calc(100vw - 30px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 1.5rem;
    line-height: 1.58;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.twoec .twoec-box .img-box {
    margin: 20px 0 0 0;
}

.twoec .twoec-box .img-box a {
    width: 100%;
}

.twoec .twoec-box .img-box img {
    width: 100%;
}

.twoec .tit {
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 0 20px 0;
}

.twoec .subtit {
    font-size: 1.8rem;
    color: #FF6633;
    margin: 0 0 5px 0;
}

/* product hightlight-txt */
.product.hightlight-txt {
    border-radius: 20px;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 20px 20px 20px;
    margin: 5px 0 20px 0;
    font-size: 1.4rem;
    line-height: 1.6;
}

.product.hightlight-txt .subtit {
    font-size: 1.6rem;
    color: #FF6633;
}

/* product btn-box */
.product.btn-box {
    justify-content: center;
    margin: 30px 0 0 0;
}

.product.btn-box .btn {
    margin: 0 0 0 0;
}

/* product note-txt */
.product.note-txt {
    font-size: 1.3rem;
    line-height: 1.58;
    color: #727272;
}

/* product link-list */
.product.link-list {
    display: flex;
    color: #FF6633;
}

.product.link-list > li:after {
    content: '\e913';
    font-weight: bold;
}

.product.link-list > li + li {
    margin: 0 0 0 30px;
}

/* explain */
.explain .explain-box {
    width: calc(100vw - 30px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 1.5rem;
    line-height: 1.58;
    color: #727272;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.explain .tit {
    font-size: 2.4rem;
    color: #000;
    margin: 0 0 20px 0;
}

.explain-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px 0 0 0;
}

.explain-list > li {
    width: 70%;
    font-size: 1.4rem;
    line-height: 1.58;
    color: #363636;
    text-align: left;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.explain-list > li + li {
    margin: 50px 0 0 0;
}

.explain-list .img-box {
    width: 200px;
}

.explain-list .img-box img {
    width: 100%;
}

.explain-list .searchtype {
    font-size: 1.8rem;
    color: #000;
    font-weight: bold;
    width: 100%;
    height: 50px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0 20px 0;
}

.explain-list > li:nth-child(1) .searchtype {
    background: #FF6633;
}

.explain-list > li:nth-child(2) .searchtype {
    background: #FCCF00;
}

.explain-list > li:nth-child(3) .searchtype {
    background: #47A2E3;
}

.explain-list > li a {
    line-height: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

/* explain table01 */
.explain .table01-box {
    overflow: hidden;
}

.explain .table01 {
    width: 100%;
    margin: 0 auto 30px;
    font-size: 1.4rem;
    color: #000;
    text-align: left;
    border-spacing: 3px;
}

.explain .table01 td {
    box-sizing: border-box;
    padding: 20px 20px 20px 20px;
    width: 50%;
    min-height: 60px;
}

.explain .table01 thead td {
    background: #d3ece8;
    border-radius: 10px 10px 0 0;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
}

.explain .table01 tbody tr:nth-child(even) td {
    background: #f1f1f1;
}

.explain .table01 tbody tr:nth-child(odd) td {
    background: #fff;
}


/* timesheet */
.timesheet .timesheet-box {
    width: calc(100vw - 30px);
    margin: 0 auto;
    font-size: 1.5rem;
    line-height: 1.58;
    color: #363636;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.timesheet .tit {
    font-size: 2.4rem;
    font-weight: bold;
    color: #000;
    margin: 0 0 20px 0;
    text-align: center;
}

.timesheet a {
    color: #FF6633;
    text-decoration: underline;
}

/* timesheet table01 */
.timesheet .table01-box {
    overflow: scroll;
}

.timesheet .table01 {
    width: 600px;
    margin: 0 0 20px;
    font-size: 1.2rem;
    color: #000;
    text-align: center;
    border-spacing: 3px;
}

.timesheet .table01 td {
    box-sizing: border-box;
    padding: 20px 5px 20px 5px;
    width: 160px;
    min-height: 60px;
}

.timesheet .table01 thead td {
    background: #d3ece8;
    border-radius: 10px 10px 0 0;
}

.timesheet .table01 thead td:first-child {
    background: none;
}

.timesheet .table01 tbody tr:nth-child(even) td {
    background: #f1f1f1;
}

.timesheet .table01 tbody tr:nth-child(odd) td {
    background: #fff;
}

.timesheet .table01 tbody tr:nth-child(-n+2) td {
    background: #f1f1f1;
}

.timesheet .table01 tbody tr:nth-child(n+6) td {
    background: #f1f1f1;
}

.timesheet .table01 tbody tr td.tittd {
    background: #FF6633;
    color: #fff;
    border-radius: 10px 0 0 10px;
    font-size: 1.2rem;
    font-weight: bold;
}

/* timesheet table02 */
.timesheet .table02 {
    margin: 15px 0 20px;
    font-size: 1.2rem;
    color: #000;
    text-align: center;
}

.timesheet .table02 .table-row {
    width: 100%;
    display: flex;
}

.timesheet .table02 .table-row.thead {
    margin: 0 0 5px 0;
}

.timesheet .table02 .table-row.thead > div {
    background: #d3ece8;
    width: 80px;
    height: 40px;
    border-radius: 10px 10px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.timesheet .table02 .table-row.thead > div:last-child {
    width: 300px;
    justify-content: flex-start;
    box-sizing: border-box;
    padding: 0 10px 0 10px;
}

.timesheet .table02 .table-row.thead > div + div {
    margin: 0 0 0 5px;
}

.timesheet .table02 .table-row > div {
    min-width: 80px;
}

.timesheet .table02 .table-row:nth-child(n+2) {
    box-sizing: border-box;
    padding: 10px 10px 10px 0;
}

.timesheet .table02 .table-row:nth-child(odd) {
    background: #F1F1F1;
}

.timesheet .table02 .table-row:nth-child(even) {
    background: #fff;
}

.timesheet .table02 .table-row > .col-2 > ul > li {
    display: flex;
}

.timesheet .table02 .table-row > .col-2 {
    margin: 0 0 0 5px;
}

.timesheet .table02 .table-row .col-2 > ul > li .col-1 {
    min-width: 80px;
    margin: 0 5px 0 0;
    text-align: left;
    box-sizing: border-box;
    padding: 0 0 0 20px;
}

.timesheet .table02 .table-row .col-2 > ul > li .col-2 {
    text-align: left;
    box-sizing: border-box;
    padding: 0 0 0 10px;
}

.timesheet .subtithasbg {
    width: 100%;
    height: 40px;
    border-radius: 10px;
    background: #feec99;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    margin: 0 0 10px 0;
}

/* timesheet table03 */
.timesheet .table03-box {
    overflow: scroll;
}

.timesheet .table03 {
    width: 800px;
    margin: 0 0 20px;
    font-size: 1.2rem;
    color: #000;
    text-align: center;
    border-spacing: 3px;
}

.timesheet .table03 td {
    box-sizing: border-box;
    padding: 20px 10px 20px 10px; /*  width: 105px; */
    min-height: 60px;
}

.timesheet .table03 thead td {
    background: #d3ece8;
    border-radius: 10px 10px 0 0;
}

.timesheet .table03 thead td:first-child {
    background: none;
    width: 100px;
}

.timesheet .table03 tbody tr:nth-child(even) td {
    background: #fff;
}

.timesheet .table03 tbody tr:nth-child(odd) td {
    background: #f1f1f1;
}

.timesheet .table03 tbody tr td.tittd {
    background: #FF6633;
    color: #fff;
    border-radius: 10px 0 0 10px;
    font-size: 1.2rem;
    font-weight: bold;
}

/* timesheet table04 */
.timesheet .table04-box {
    overflow: scroll;
}

.timesheet .table04 {
    width: 800px;
    margin: 0 0 20px;
    font-size: 1.2rem;
    color: #000;
    text-align: center;
    border-spacing: 3px;
}

.timesheet .table04 td {
    box-sizing: border-box;
    padding: 20px 10px 20px 10px;
    min-height: 60px;
}

.timesheet .table04 thead td {
    background: #d3ece8;
    border-radius: 10px 10px 0 0;
}

.timesheet .table04 thead td:first-child {
    background: none;
    width: 100px;
}

.timesheet .table04 tbody tr:nth-child(even) td {
    background: #fff;
}

.timesheet .table04 tbody tr:nth-child(odd) td {
    background: #f1f1f1;
}

.timesheet .table04 tbody tr td.tittd {
    background: #FF6633;
    color: #fff;
    border-radius: 10px 0 0 10px;
    font-size: 1.2rem;
    font-weight: bold;
}

/* timesheet table05 */
.timesheet .table05-box {
    overflow: scroll;
}

.timesheet .table05 {
    width: 800px;
    margin: 0 0 20px;
    font-size: 1.2rem;
    color: #000;
    text-align: center;
    border-spacing: 3px;
}

.timesheet .table05 td {
    box-sizing: border-box;
    padding: 20px 10px 20px 10px; /* width: 70px; */
    min-height: 60px;
}

.timesheet .table05 thead td {
    background: #d3ece8;
    border-radius: 10px 10px 0 0;
}

.timesheet .table05 thead td:first-child {
    background: none;
    width: 100px;
}

.timesheet .table05 tbody tr:nth-child(even) td {
    background: #fff;
}

.timesheet .table05 tbody tr:nth-child(odd) td {
    background: #f1f1f1;
}

.timesheet .table05 tbody tr td.tittd {
    background: #FF6633;
    color: #fff;
    border-radius: 10px 0 0 10px;
    font-size: 1.2rem;
    font-weight: bold;
}

.timesheet .img-box {
    display: flex;
    justify-content: center;
    margin: 0 0 30px 0;
}

.timesheet .img-box img {
    width: 100%;
}

/* join */
.join > .flex-box {
    width: calc(100vw - 30px);
    margin: 0 auto;
    font-size: 1.5rem;
    line-height: 1.58;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.join > .flex-box > li:first-child .flex-box {
    flex-direction: column;
}

.join > .flex-box > li:first-child .col-1 {
}

.join > .flex-box > li:first-child .img-box {
}

.join .img-box img {
    display: block;
    width: 80%;
    margin: 30px auto 0;
}

.join > .flex-box .tit {
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center;
}

.join .product.btn-box {
    margin: 30px 0 0 0;
}

/* status */
.status .status-box {
    width: calc(100vw - 30px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 1.5rem;
    line-height: 1.58;
    color: #727272;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.status .tit {
    font-size: 2.4rem;
    font-weight: bold;
    color: #000;
    margin: 0 0 20px 0;
}

.status-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px 0 0 0;
}

.status-list > li {
    width: 70%; /* height: 380px; */
    position: relative;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.status-list > li .list-box {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    border: 5px solid;
    box-sizing: border-box;
    padding: 0 0 0 0;
    font-size: 1.5rem;
    line-height: 1.58;
    color: #363636;
    text-align: left;
    overflow: hidden;
    margin: 0 0 30px;
}

.status-list > li + li {
    margin: 0 0 30px 0;
}

.status-list .img-box {
    height: 165px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.status-list .img-box img {
    display: block;
    margin: 0 auto;
}

.status-list .searchtype {
    font-size: 2rem;
    color: #000;
    font-weight: bold;
    height: 40px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 10px 0;
}

.status-list > li .txt-box {
    box-sizing: border-box;
    padding: 10px 15px 30px 15px;
}

.status-list > li .note-txt {
    font-size: 1.3rem;
    line-height: 1.58;
    color: #727272;
    width: 90%;
    position: absolute;
    left: 50%;
    bottom: -15px;
    transform: translateX(-50%);
}

.status-list > li:nth-child(1) .txt-box {
    background: #d3ece8;
}

.status-list > li:nth-child(2) .txt-box {
    background: #FEEC99;
}

.status-list > li:nth-child(3) .txt-box {
    background: #CBDEF3;
}

.status-list > li:nth-child(1) .list-box {
    border-color: #FF6633;
}

.status-list > li:nth-child(2) .list-box {
    border-color: #FCCF00;
}

.status-list > li:nth-child(3) .list-box {
    border-color: #47A2E3;
}

.status-list > li a {
    line-height: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.status-list > li:hover {
    transform: translate(0, -3%);
}

/* business */
.business .business-box {
    width: calc(100vw - 30px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 1.3rem;
    line-height: 1.58;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.business .tit {
    font-size: 2.4rem;
    font-weight: bold;
    color: #000;
    margin: 0 0 20px 0;
}

.business-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto 0 auto;
}

.business-list > li {
    width: 49%;
    height: 90px;
    background: #fff;
    margin: 0.5% 0.5% 0.5% 0.5%;
    position: relative;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.business-list > li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.business-list .img-box {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.business-list .img-box img {
    display: block;
    margin: 0 auto;
}

.business .login-box {
    width: 80%;
    height: 90px;
    border-radius: 50px;
    background: #d3ece8;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0 15px 0 15px;
    margin: 20px auto 40px auto;
}

.business .login-box .btn {
    width: 120px;
    flex-shrink: 0;
}

/* communicaton */
.communication .note-txt {
    font-size: 1.4rem;
    line-height: 1.58;
    text-align: justify;
}

.communication .tit {
    font-weight: bold;
}

/* bindinginfo */
.bindinginfo .info-top {
    padding: 30px 0 30px 0;
}

.bindinginfo .info-top .tit {
    font-size: 2.2rem;
    margin: 0 0 0 0;
}

.bindinginfo .info-top > .col-1 {
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
}

.bindinginfo .info-top > .col-1 img {
    max-width: 100%;
}

.bindinginfo .info-top > .col-2 a {
    color: #FF6633;
    text-decoration: underline;
}

.bindinginfo .info-top > .col-2 .img-box {
    width: 70px;
}

.bindinginfo .info-top > .col-2 .img-box img {
    width: 100%;
}

.bindinginfo .hightlight-txt {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    margin: 10px 0 10px 0;
}

.bindinginfo .hightlight-txt .col-1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    z-index: 2;
}

.bindinginfo .hightlight-txt .col-2 {
    width: 100%;
    height: auto;
    border-radius: 40px;
    box-sizing: border-box;
    padding: 10px 10px 10px 65px;
    margin: 0 0 0 -60px;
    background: #fff;
    font-size: 1.3rem;
    line-height: 1.6;
    z-index: 1;
}

.bindinginfo .hightlight-txt .col-2 a {
    height: 30px;
    border-radius: 15px;
    background: #FF6633;
    font-size: 1.3rem;
    color: #fff;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 10px 0 10px;
    margin: 0 3px 0 3px;
}

.bindinginfo .hightlight-txt .col-2 > p {
    margin: 0 0 8px 0;
}

.bindinginfo.bindimggopoint .service-header .img-box {
    display: flex;
    justify-content: center;
}

.bindinginfo.bindimggopoint .service-header img {
    width: 90%;
}

.bindinginfo .open-bind {
    width: 100%;
    margin: 20px auto 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bindinginfo .open-bind > li {
    width: 280px;
    height: 670px;
    border-radius: 20px;
    background: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 0 10px 0;
}

.bindinginfo .open-bind > li .tit {
    font-size: 2.2rem;
    color: #FF6633;
    text-align: center;
    margin: 10px 0 10px 0;
}

.bindinginfo .service-header .img-box {
    position: relative;
}

.bindinginfo .service-header .img-box a {
    width: 100%;
    height: 100%;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.bindinginfo .bindimg-box .bindimg-slide {
    width: 250px;
    height: 572px;
    position: relative;
}

.bindinginfo .bindimg-box .bindimg-slide img {
    width: 100%;
}

.bindinginfo .bindimg-box .slide-item {
    width: 100%;
}

.bindinginfo .bindimg-box .txt-box {
    font-size: 1.6rem;
    color: #FF6633;
    text-align: center;
    margin: 5px 0 5px 0;
}

.bindinginfo .bindimg-box .bindimg-ui {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    color: #727272;
}

.bindinginfo .bindimg-box .bindimg-ui .count-num {
    font-family: arial;
    margin: 0 55px 0 55px;
}

.bindinginfo .bindimg-box .bindimg-ui .current {
    font-weight: bold;
    color: #FF6633;
}

.bindinginfo .bindimg-box .bindimg-ui .prevarrow, .bindinginfo .bindimg-box .bindimg-ui .nextarrow {
    cursor: pointer;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.bindinginfo .bindimg-box .bindimg-ui .prevarrow:hover, .bindinginfo .bindimg-box .bindimg-ui .nextarrow:hover {
    color: #FF6633;
}

.bindinginfo .qa-list > p {
    margin: 20px 0 0 0;
}

.info-box.bindinginfo {
    width: calc(100% - 30px);
    margin: 30px auto 0;
}

/* errpage */
.errpage-txt {
    font-size: 1.5rem;
    line-height: 1.58;
}

.errpage.btn-box {
    margin: 10px auto 0;
}

/* chtotw */
.chtotw {
    font-size: 1.4rem;
    line-height: 1.58;
}

.chtotw .full-inner {
    width: calc(100vw - 30px);
    margin: 0 auto;
}

.chtotw .cjk-list > li {
    text-align: justify;
}

.chtotw .border-box > ul > li + li {
    margin: 20px 0 0 0;
}

.chtotw .listtit {
    font-weight: bold;
}

.chtotw .inpage-header .tit {
    margin: 0 0 0 0;
}

.chtotw .txt-list {
    font-weight: bold;
}

.chtotw .txt-list ul {
    font-weight: normal;
}

.chtotw .txtnormal {
    font-weight: normal;
}

/* border box */
.border-box {
    width: 100%;
    margin: 0 auto;
    border-radius: 30px;
    border: 4px solid #FF6633;
    box-sizing: border-box;
    padding: 20px 20px 40px 20px;
    background: #fff;
    position: relative;
}

/* flex box */
.flex-box {
    display: flex;
}

/* column box */
.column-box {
}

/* step-list */
.step-list {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem; /* font-weight: bold; */
    margin: 40px 0 20px 0;
}

.step-list li {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-width: 150px;
    height: 30px;
    border-bottom: 2px solid #E5E5E5;
    position: relative;
}

.step-list li:after {
    content: '';
    width: 2px;
    height: 30px;
    border-right: 2px solid #E5E5E5;
    transform: skewX(25deg);
    position: absolute;
    right: 6px;
    top: 0;
}

.step-list li.active {
    color: #FF6633;
    border-color: #FF6633;
}

.step-list li.active:after {
    border-color: #FF6633;
}

/* disc-list */
.disc-list {
    list-style-type: disc;
    margin: 0 0 0 25px;
}

/* decimal-lisxt */
.decimal-list {
    list-style-type: decimal;
    margin: 0 0 0 25px;
}

/* cjk-list */
.cjk-list {
    list-style-type: cjk-ideographic;
    margin: 0 0 0 37px;
}

.border-box a {
    color: #FF6633;
    text-decoration: underline;
}

/* btn */
.btn-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0 0 0;
}

.pup-info .btn-box {
    margin: 20px 0 0 0;
}

/* .btn-box .btn{ display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 25px; background: #FF6633; color: #fff; font-size: 2rem; box-sizing: border-box; padding: 0 20px 0 20px; cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1); text-decoration: none; } */
.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    border-radius: 25px;
    background: #000;
    color: #fff;
    font-size: 2rem;
    box-sizing: border-box;
    padding: 0 20px 0 20px;
    cursor: pointer;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    text-decoration: none;
}

a.btn {
    color: #fff;
    text-decoration: none;
}

.btn-box .btn + .btn {
    margin: 0 0 0 20px;
}

.btn-box .addcontact-btn:before {
    content: '\e96a';
    font-size: 2.2rem;
    color: #fccf00;
    margin: 0 8px 0 0;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.btn:hover {
    background: #fccf00;
}

.btn:hover:before {
    color: #fff;
}

/* width set */
/* mobile */
.mw100p {
    width: 100%;
}

.mw50 {
    width: 50px;
}

.mw60 {
    width: 60px;
}

.mw70 {
    width: 70px;
}

.mw80 {
    width: 80px;
}

.mw85 {
    width: 85px;
}

.mw90 {
    width: 90px;
}

.mw100 {
    width: 100px;
}

.mw110 {
    width: 110px;
}

.mw120 {
    width: 120px;
}

.mw130 {
    width: 130px;
}

.mw150 {
    width: 150px;
}

.mw175 {
    width: 175px;
}

.mw180 {
    width: 180px;
}

.mw200 {
    width: 200px;
}

.mw225 {
    width: 225px;
}

.mw230 {
    width: 230px;
}

.mw240 {
    width: 240px;
}

.mw250 {
    width: 250px;
}

.mw270 {
    width: 270px;
}

.mw300 {
    width: 300px;
}

.mw400 {
    width: 400px;
}

.form-list .mdisplaynone {
    display: none;
}

/* pup */
.pup-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .9);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
}

.pup-box .pup-info {
    width: 90vw;
    border-radius: 30px;
    background: #fff;
    border: 4px solid #FF6633;
    box-sizing: border-box;
    padding: 40px 20px 20px 20px;
    font-size: 1.6rem;
    line-height: 1.58;
    position: relative;
    text-align: left;
}

.pup-box .pup-info a {
    color: #FF6633;
    text-decoration: underline;
}

.pup-box .pup-info .close {
    font-size: 1.8rem;
    font-weight: bold;
    color: #FF6633;
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}

.pup-info ol {
    list-style: decimal;
    margin-top: 5px;
}

.pup-info ul {
    list-style: disc;
    margin-top: 5px;
}

.pup-info li {
    margin-left: 24px;
}


/* footer */
footer {
}

.footer-bg {
    width: 100%;
    height: 60px;
    position: relative;
    overflow: hidden;
    z-index: 996; /* z-index: 999; */
}

.footer-bg:before {
    content: '';
    width: 300vw;
    height: 500px;
    border-radius: 50%/50%;
    background: #727272;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%, 0);
    z-index: -1;
}

.index .footer-bg {
    height: 150px;
    margin: -150px 0 0 0;
}

.footer-box1 {
    box-sizing: border-box;
    padding: 0 0 30px 0;
    background: #727272;
    position: relative;
}

.footer-box1 .footer-nav {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px 0 15px;
}

.footer-box1 .footer-nav > li {
}

.footer-box1 .footer-nav .footer-nav_title {
    font-size: 2rem;
    line-height: 1.58;
    color: #fff;
    margin: 0 0 0 0;
    position: relative;
}

.footer-box1 .footer-nav .footer-nav_title:before {
    content: '\e916';
    font-size: 2rem;
    position: absolute;
    right: 15px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.footer-box1 .footer-nav .footer-nav_title:after {
    content: '';
    display: block;
    border-bottom: 1px solid #fff;
    margin: 15px 0 15px 0;
}

.footer-box1 .footer-nav > li.active .footer-nav_title:before {
    content: '\e917';
}

.footer-box1 .footer-nav > li.active .footer-nav_title:after {
    content: '';
    display: block;
    border-bottom: 1px solid transparent;
    margin: 5px 0 5px 0;
}

.footer-box1 .footer-nav .nav-list {
    font-size: 1.6rem;
    line-height: 1.58;
    color: #fff;
    margin: 0 0 30px 0;
    display: none;
}

.footer-box1 .footer-nav .nav-list > li {
    transition: color .25s cubic-bezier(.4, 0, .2, 1);
}

.footer-box1 .footer-nav .nav-list > li + li {
    margin: 10px 0 0 0;
}

.footer-box1 .footer-nav .nav-list > li:hover {
    color: #f6c900;
}

.footer-box1 .footer-nav .nav-list .fb:before {
    content: '\e903';
    margin: 0 10px 0 0;
}

.footer-box1 .footer-nav .nav-list .yt:before {
    content: '\e960';
    margin: 0 10px 0 0;
}

.footer-box1 .footer-nav .nav-list .line:before {
    content: '\e92d';
    margin: 0 10px 0 0;
}

.footer-box1 .footer-nav .nav-list .ig:before {
    content: '\e92e';
    margin: 0 10px 0 0;
}

.footer-box2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 15px 15px;
    font-size: 1.5rem;
    line-height: 1.58;
    color: #000;
}

.footer-box2 .footer-copyright {
    display: flex;
    flex-direction: column;
    align-items: center;
    order: 2;
    font-size: 1.3rem;
    margin: 20px 0 0 0;
}

.footer-box2 .footer-copyright .col-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-box2 .footer-copyright .col-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-box2 .footer-link {
    display: flex;
    align-items: center;
    order: 1;
}

.footer-box2 .footer-link {
    display: flex;
    align-items: center;
    order: 1;
}

.footer-box2 .footer-link > li.icon {
    width: 30px;
    padding: 0 5px 0 0;
}

.footer-box2 .footer-link > li.icon span {
    display: none;
}

.footer-box2 .footer-link > li {
    display: flex;
    align-items: center;
    height: 25px;
    font-size: 1.2rem;
    white-space: nowrap;
}

.footer-box2 .footer-link > li:hover {
    color: #009380;
}

.footer-box2 .footer-link > li + li:before {
    content: '';
    display: block;
    width: 1px;
    height: 17px;
    background: #000;
    margin: 0 15px 0 15px;
}


/* $Pad
--------------------------------------------------------------------------------------*/
@media screen and (min-width: 600px) and (max-width: 1024px) {

    .header-wrap h3 {
        width: 160px;
    }

    .header-search {
        width: 200px;
    }

    .index-msg .msg-box ul > li:nth-child(n+2) {
        display: block;
    }

    .idx-service .service-list > li {
        width: 20%;
    }

    .idx-service .service-list {
        padding: 0 15px 15px 15px;
    }

    .idx-search .search-box {
        width: 50%;
    }

    .idx-txtnews .txtnews-box {
        width: 90vw;
    }

    /* idx imgnews  */
    .idx-imgnews {
    }

    .idx-imgnews .imgnews-box {
        width: 100vw;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 40px 15px 20px 15px;
    }

    .idx-imgnews .imgnews-list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .idx-imgnews .imgnews-list li {
        width: 30vw;
        height: 380px; /* height: 360px; */
        position: relative;
        font-size: 1.4rem;
        line-height: 1.58;
        color: #727272;
        box-shadow: 0 3px 20px rgba(0, 0, 0, .16);
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .idx-imgnews .imgnews-list li a {
        width: 100%;
        height: 100%;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .idx-imgnews .imgnews-list li .img-box {
        width: 30vw;
        max-width: 340px;
        height: 30vw;
        max-height: 340px; /* height: 22.5vw;  max-height: 255px;*/
        overflow: hidden;
        position: relative;
    }

    .idx-imgnews .imgnews-list li .img-box img {
        width: 100%;
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
    }

    .idx-imgnews .imgnews-list li:hover {
        background: #f0f0f0;
        box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    }

    .idx-imgnews .imgnews-list li .txt-box {
        box-sizing: border-box;
        padding: 0 15px 0 15px;
    }

    .idx-imgnews .imgnews-list .tit {
        font-size: 2rem;
        font-weight: bold;
        text-align: center;
        color: #000;
        margin: 20px 15px 20px 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .idx-socialmedia .socialmedia-list .fb {
        width: 70%;
        margin: 0 auto 0 auto;
    }

    /* member */
    .member-box {
        width: 100%;
        max-width: 1100px;
        box-sizing: border-box;
        padding: 50px 15px 0 15px;
        margin: 0 auto;
        position: relative;
    }

    .member-box .tit {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.4rem;
        line-height: 1.58;
        margin: 0 0 30px 0;
    }

    .member-box .tit-subtxt {
        font-size: 1.8rem;
        line-height: 1.58;
        text-align: center;
        margin: 0 0 20px 0;
    }

    .member-box .tit-subtxt a {
        color: #FF6633;
        text-decoration: underline;
    }

    .member-box > .note-txt {
        font-size: 1.8rem;
        line-height: 1.58;
        text-align: center;
    }

    .member-box .login-platform {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        width: 600px;
        height: 90px;
        border-radius: 50px;
        background: #fff;
        margin: 0 auto 20px;
    }

    .member-box .login-platform.mpt20 {
        padding: 15px 0 0 0;
    }

    /* .member-box .login-platform li+li{ margin: 0 0 0 50px; } */
    .member-box .login-platform li {
        width: auto;
        margin: 0 25px 0 25px;
    }

    .member-box .login-platform li img {
        height: 60px;
    }

    .member-box .login-platform li:hover img {
        transform: scale(1.2);
        opacity: 0.9;
        cursor: pointer;
    }

    .member-box .form-box {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
        border-radius: 30px;
        border: 4px solid #FF6633;
        box-sizing: border-box;
        padding: 40px 40px 40px 40px;
        background: #fff;
        position: relative;
    }

    .member-box .form-box .form-header {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .member-box .form-box .form-header:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #FF6633;
    }

    .member-box .form-box .form-header .header-tit {
        font-size: 2.4rem;
        line-height: 1.58;
        font-weight: bold;
        color: #FF6633;
    }

    .member-box .form-box .form-header .header-note {
        font-size: 1.7rem;
        line-height: 1.58;
        color: #FF6633;
        align-self: center;
    }

    .form-list {
        box-sizing: border-box;
        padding: 0 0 80px 10px;
    }

    .form-list.last {
        padding: 0 0 10px 10px;
    }

    .form-list > li {
        display: flex;
        flex-direction: row;
        align-items: flex-start; /* flex-wrap: wrap;  */
        font-size: 2rem;
        line-height: 1.58;
        margin: 25px 0 0 0;
    }

    .form-list .list_tit {
        display: flex;
        align-items: center;
        flex-shrink: 0;
        font-weight: bold;
        width: 100px;
        height: 50px;
        margin: 0 25px 0 0;
    }

    .form-list .list_tit.must:before {
        content: '*';
        color: #f00;
        margin: 0 0 0 -10px;
    }

    .form-list .list_item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        font-size: 2rem;
        position: relative;
        min-height: 50px;
    }

    .form-list .list_item.edit span {
        min-height: 50px;
        display: flex;
        align-items: center;
    }

    .form-list .list_item .notetxt {
        font-size: 1.7rem;
        line-height: 1.2;
        color: #FF6633;
        margin: 0 0 0 5px;
    }

    .form-list .list_item .note-txt {
        width: 100%;
        font-size: 1.7rem;
        line-height: 1.2;
        color: #FF6633;
        margin: 5px 0 0 0;
    }

    .form-list .list_item .eye {
        position: absolute;
        left: 120px;
        transform: translateY(0);
        cursor: pointer;
    }

    .form-list .list_item .eye:after {
        content: '\e974';
        font-size: 2rem;
        color: #FF6633;
    }

    .form-list .list_item.join .eye {
        position: absolute;
        left: 260px;
        transform: translateY(-24px);
        cursor: pointer;
    }

    .form-list .list_item.joinconfirm .eye {
        position: absolute;
        left: 260px;
        transform: translateY(0);
        cursor: pointer;
    }

    /* bind */
    .member-box .bind-btn {
        font-size: 2rem;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: start;
    }

    .member-box .bind-btn > .col-1 {
        width: 20%;
        height: 50px;
        display: flex;
        align-items: center;
    }

    .member-box .bind-btn > .col-2 {
        width: 80%;
        font-size: 2rem;
    }

    .member-box .bind-btn {
        margin: 25px 0 0 0;
    }

    .member-box .bind-btn.other {
        margin: 80px 0 0 0;
    }

    .member-box .bind-btn .subtit {
        font-weight: bold;
    }

    .member-box .bind-btn .bind-list > li {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .member-box .bind-btn .bind-list > li + li {
        margin: 20px 0 0 0;
    }

    .member-box .bind-btn .bind-list > li > .col-1 {
        margin: 0 0 0 0;
    }

    .member-box .bind-btn .btn {
        background: #fccf00;
        color: #000;
        min-width: 250px;
    }

    .form-list .list_item .eye.close:after {
        content: '\e975';
    }

    /* member input */
    .form-list input[type='text'] {
        height: 50px;
        border-radius: 30px;
        border: 1px solid #B2B2B2;
        box-sizing: border-box;
        padding: 0 20px 0 20px;
        font-size: 2rem;
    }

    /* member select */
    .form-list .select-box {
        display: inline-block;
        height: 50px;
        overflow: hidden;
        border-radius: 30px;
        border: 1px solid #B2B2B2;
        background: #fff;
        position: relative;
        vertical-align: middle;
    }

    .form-list .select-box:before {
        display: inline-block;
        content: "\e916";
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
    }

    .form-list select {
        background: transparent;
        width: 100%;
        height: 50px;
        padding: 0px 10px;
        font-size: 2rem;
        text-align: center;
        line-height: 1;
        border: 0;
        border-radius: 0;
        -webkit-appearance: none;
        box-sizing: border-box;
        position: absolute;
    }

    .form-list .select-box + .select-box {
        margin: 0 0 0 10px;
    }

    select {
        background: transparent;
        width: 100%;
        height: 50px;
        padding: 0px 10px;
        font-size: 2rem;
        text-align: center;
        line-height: 1;
        border: 0;
        border-radius: 0;
        -webkit-appearance: none;
        box-sizing: border-box;
        position: absolute;
        font-size: 2rem;
    }

    /* member check radio */
    .member-box .platform-check {
        display: flex;
        justify-content: center;
        margin: 30px 0 0 0;
    }

    .member-box .platform-check .checkradio-box {
        height: auto;
    }

    .member-box .platform-check .checkradio-box img {
        height: 60px;
        order: -1;
        margin: 0 0 10px 0;
    }

    .member-box .platform-check .checkradio-box label {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 2rem;
    }

    .checkradio-box {
        display: flex;
        align-items: center;
        height: 50px;
    }

    .checkradio-box > li {
        position: relative;
    }

    .checkradio-box li > input[type=radio] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 2;
        cursor: pointer;
        font-size: 2rem;
        color: #000;
    }

    .checkradio-box li > input[type=radio] + label:before {
        content: '\e922';
        color: #B2B2B2;
        margin-right: 5px;
    }

    .checkradio-box li > input[type=radio]:checked + label:before {
        content: '\e923';
        color: #FF6633;
    }

    .checkradio-box li > input[type=checkbox] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 2;
        cursor: pointer;
        font-size: 2rem;
        color: #000;
    }

    .checkradio-box li.haslink > input[type=checkbox] {
        width: 18px;
        height: 18px;
    }

    .checkradio-box li > input[type=checkbox] + label:before {
        content: '\e91f';
        color: #B2B2B2;
        margin-right: 5px;
    }

    .checkradio-box li > input[type=checkbox]:checked + label:before {
        content: '\e920';
        color: #FF6633;
    }

    .checkradio-box > li + li {
        margin: 0 0 0 40px;
    }

    .member-box .platform-check .checkradio-box > li {
        margin: 0 20px 20px 20px;
    }

    .member-box .readconfirm-check {
        display: flex;
        align-items: center;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 0 0 0 10px;
    }

    .member-box .readconfirm-check a {
        color: #FF6633;
        text-decoration: underline;
    }

    .member-box .btn-box {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 40px 0 0 0;
    }

    .member-box .btn-box input[type=button] {
        height: 50px;
        border-radius: 25px;
        background: #FF6633;
        color: #fff;
        font-size: 2rem;
        box-sizing: border-box;
        padding: 0 30px 0 30px;
        cursor: pointer;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .member-box .btn-box input[type=submit] {
        height: 50px;
        border-radius: 25px;
        background: #FF6633;
        color: #fff;
        font-size: 2rem;
        box-sizing: border-box;
        padding: 0 30px 0 30px;
        cursor: pointer;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .member-box .btn-box input[type=reset] {
        height: 50px;
        border-radius: 25px;
        background: #FF6633;
        color: #fff;
        font-size: 2rem;
        box-sizing: border-box;
        padding: 0 30px 0 30px;
        cursor: pointer;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .member-box .btn-box input + input {
        margin: 0 0 0 20px;
    }

    .member-box .btn-box input:hover {
        background: #fccf00;
    }

    /* login */
    .member-box .login-box {
        align-items: center;
    }

    .member-box .login-box .note-txt {
        text-align: center;
        font-size: 1.8rem;
    }

    .member-box .login-form {
        width: 500px;
        border-radius: 30px;
        border: 4px solid #FF6633;
        box-sizing: border-box;
        padding: 30px 20px 30px 20px;
        background: #fff;
        font-size: 1.8rem;
        line-height: 1.58;
        margin: 0 0 20px 0;
    }

    .member-box .login-form .form-list {
        padding: 0 0 20px 0;
    }

    .member-box .login-form .login-platform {
        width: 100%;
        height: 90px;
        border-radius: 50px;
        background: #EDF4F3;
        margin: 20px auto 50px;
    }

    .member-box .login-form .login-platform li + li {
        margin: 0 0 0 30px;
    }

    .member-box .login-form .login-platform li img {
        height: 50px;
    }

    .login-platform li {
        text-align: center;
        font-size: 1.6rem;
    }

    .member-box .login-form .form-list .list_tit {
        margin: 0 0 0 0;
    }

    .member-box .login-form .list_item a {
        font-size: 1.7rem;
        text-decoration: underline;
        margin: 0 0 0 5px;
        color: #FF6633;
    }

    .member-box .readconfirm-check {
        padding: 0 0 0 0;
        justify-content: center;
        margin: 30px 0 0 0;
    }

    .member-box .login-form .login-code {
        height: 50px;
        display: flex;
        align-items: center;
        margin: 0 0 0 5px;
    }

    .member-box .login-form .btn-box {
        margin: 30px 0 0 0;
    }

    .member-box .login-box .addmember-box {
        width: 500px;
        height: 700px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        position: relative;
    }

    .member-box .login-box .icat-man {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        z-index: -1;
    }

    .member-box .login-box .icat-man img {
        width: auto;
    }

    .member-box .login-box .addmember-form {
        width: 100%;
        border-radius: 30px;
        border: 4px solid #fccf00;
        box-sizing: border-box;
        padding: 30px 20px 30px 20px;
        background: #fff;
        font-size: 2rem;
        line-height: 1.58;
        margin: 0 40px 0 0;
    }

    .member-box .login-box .addmember-form .select-icon {
        display: flex;
        justify-content: center;
        font-size: 1.8rem;
        line-height: 1.2;
        margin: 20px 0 20px 0;
    }

    .member-box .login-box .addmember-form .select-icon li {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        text-align: center;
        width: 140px;
        height: 140px;
        border-radius: 50%;
        background: #fef7e0;
        box-sizing: border-box;
        padding: 20px 0 20px 0;
    }

    .member-box .login-box .addmember-form .select-icon li + li {
        margin: 0 0 0 20px;
    }

    .member-box .login-box .addmember-form .select-icon li:before {
        color: #fccf00;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .member-box .login-box .addmember-form .select-icon li:first-child:before {
        content: '\e968';
        font-size: 4rem;
    }

    .member-box .login-box .addmember-form .select-icon li:last-child:before {
        content: '\e969';
        font-size: 5rem;
    }

    .member-box .addmember-form .btn-box {
        margin: 30px 0 0 0;
    }

    .member-box .addmember-form .btn-box input[type=button] {
        background: #fccf00;
        color: #000;
    }

    .member-box .addmember-form .btn-box input[type=button]:hover {
        background: #FF6633;
    }

    .member-box .addmember-form .btn-box input[type=submit] {
        background: #fccf00;
        color: #000;
    }

    .member-box .addmember-form .btn-box input[type=submit]:hover {
        background: #FF6633;
    }

    /* fc forget contact */
    .member-box .form-box.fc {
        max-width: 720px;
        font-size: 2rem;
        line-height: 1.58;
    }

    .member-box .form-box.fc + .form-box.fc {
        margin: 30px auto 0 auto;
    }

    .member-box .form-box.fc a {
        color: #FF6633;
    }

    .member-box .form-box.fc a:hover {
        text-decoration: underline;
    }

    .member-box .form-box.fc .note-txt {
        text-align: center;
        font-size: 1.8rem;
    }

    .member-box .form-box.add .note-txt {
        text-align: left;
        font-size: 1.8rem;
        margin: 10px 0 10px 0;
    }

    .form-list.forget {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 30px 0 40px 0;
    }

    .form-list.forget .list_tit {
        margin: 0 0 0 0;
    }

    .form-list.forget > li {
        width: auto;
    }

    .member-box .form-box.fc .btn-box {
        margin: 40px 0 0 0;
    }

    .member-box .subtit {
        font-size: 2rem;
        color: #363636;
        font-weight: bold;
        text-align: center;
        margin: 30px 0 15px 0;
    }

    .member-box .form-box .header_tit {
        font-weight: bold;
    }

    .member-box .form-box .header_tit:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #B2B2B2;
        margin: 10px 0 10px 0;
    }

    .member-box .form-box .contact-list {
        font-size: 1.8rem;
        line-height: 2;
    }

    .member-box .form-box .edit-btn {
        width: 150px;
        height: 60px;
        border-radius: 30px;
        border: 8px solid #E5E5E5;
        background: #fff;
        position: absolute;
        right: -8px;
        bottom: -8px;
        font-size: 1.6rem;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }

    .member-box .form-box .edit-btn a {
        color: #000;
        box-sizing: border-box;
        padding: 0 10px 0 10px;
    }

    .member-box .form-box .edit-btn li + li:before {
        content: '|';
        color: #B2B2B2;
    }

    /* icat */
    .full-wrap {
    }

    .icatsend .full-wrap:nth-of-type(odd) {
        background: #e5e5e5;
    }

    .full-inner {
        width: 100%;
        box-sizing: border-box;
        margin: 0 auto;
    }

    .full-inner.sheetadd {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px 15px 20px 15px;
    }

    .sheetadd .tit {
        font-size: 2rem;
        line-height: 1.58;
        font-weight: bold;
        margin: 0 0 25px 0;
    }

    .sheetadd .tit .hightlight {
        color: #FF6633;
    }

    .sheetadd .icon-list {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .sheetadd .icon-list > li {
        width: 24%;
        max-width: 220px;
        height: 180px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 1.6rem;
        border-radius: 30px;
        margin: 0 8px 0 8px;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #B2B2B2;
        cursor: pointer;
        transition: all .1s cubic-bezier(.4, 0, .2, 1);
        position: relative;
    }

    .sheetadd .icon-list.noicon > li {
        height: 120px;
        line-height: 1.58;
    }

    .sheetadd .icon-list.columnnoicon {
        flex-direction: column;
        align-items: center;
    }

    .sheetadd .icon-list.columnnoicon > li {
        width: 90%;
        max-width: 90%;
        height: 80px;
        line-height: 1.58;
        flex-direction: row;
        justify-content: start;
        padding: 20px 30px 20px 30px;
        flex-wrap: nowrap;
    }

    .sheetadd .icon-list.columnnoicon > li + li {
        margin: 15px 0 0 0;
    }

    .sheetadd .icon-list.columnnoicon > li > .checkradio-box.l1 {
        width: 100px;
        height: 100%;
        display: flex;
        align-items: center;
        position: relative;
        font-size: 2rem;
        font-weight: bold;
        margin: 0 20px 0 0;
        color: #FF6633;
        flex-shrink: 0;
    }

    .sheetadd .icon-list.columnnoicon > li > .checkradio-box.l1 input[type=radio]:checked + label:before {
        content: '\e94f';
        color: #FF6633;
    }

    .sheetadd .icon-list.columnnoicon > li > .checkradio-box.l1:after {
        content: '';
        height: 100%;
        border-right: 1px solid #707070;
        position: absolute;
        right: 0;
    }

    .sheetadd .icon-list.columnnoicon > li > .checkradio-box.l2 {
        display: flex;
    }

    .sheetadd .icon-list.columnnoicon > li > .checkradio-box.l2 > li {
        position: relative;
    }

    .sheetadd .icon-list.columnnoicon > li > .checkradio-box.l2 > li + li {
        margin: 0 0 0 20px;
    }

    .sheetadd .icon-list.columnnoicon > li > .input-box {
        margin: 0 0 0 10px;
    }

    .sheetadd .icon-list.columnnoicon > li > .input-box input {
        border-bottom: 1px solid #707070;
        font-size: 2rem;
        margin: 0 0 0 10px;
        width: 150px;
    }

    .sheetadd .icon-list.columnnoicon > li > .input-box input:disabled {
        background: none;
        border-color: #ccc;
    }

    .sheetadd .icon-list.columnnoicon > li > .info-txt {
        text-align: left;
    }

    .sheetadd .icon-list > li p > span {
        display: inline-block;
        line-height: 0;
    }

    .sheetadd .icon-list > li img {
        width: auto;
    }

    .sheetadd .icon-list > li:hover, .sheetadd .icon-list > li.active {
        border: 4px solid #FF6633;
    }

    .sheetadd .icon-list > li.disable {
        border: none;
        opacity: 0.3;
        cursor: default;
    }

    .sheetadd .icon-list > li img {
        margin: 0 0 10px 0;
    }

    .sheetadd .icon-list > li > input[type=radio] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        cursor: pointer;
    }

    .sheetadd .arrow_down {
        display: flex;
        justify-content: center;
        margin: 25px 0 0 0;
    }

    .sheetadd .arrow_down img {
        width: auto;
    }

    .sheetadd .note-txt {
        display: flex;
        justify-content: center;
        font-size: 1.6rem;
        line-height: 1.58;
        color: #727272;
        margin: 25px 0 0 0;
    }

    .step-list.icat li {
        display: flex;
    }

    .step-list.icat li.active {
        display: flex;
        font-size: 1.8rem;
        width: auto;
    }

    .sheetadd .select-info {
        width: 80%;
        min-height: 80px;
        border-radius: 30px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.8rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 20px 20px 20px 20px;
    }

    .sheetadd .flex-box {
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        line-height: 1.58;
    }

    .sheetadd .flex-box + .flex-box {
        margin: 15px 0 0 0;
    }

    .sheetadd .form-list .list_tit {
        width: auto;
    }

    .sheetadd .form-header {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px;
        background: #FF6633;
        border-radius: 15px;
        font-size: 2.2rem;
        font-weight: bold;
        color: #fff;
        position: relative;
    }

    .sheetadd .form-header a {
        color: #fff;
        font-weight: normal;
        text-decoration: none;
        font-size: 1.8rem;
        align-items: flex-end;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .sheetadd .form-header a:before {
        content: '\e96a';
        color: #fccf00;
        margin: 0 5px 0 0;
    }

    .sheetadd .form-header .contact-sel {
        background: none;
        border: none;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .sheetadd .form-header .contact-sel:before {
        content: '\e94c';
        color: #fccf00;
        margin: 0 0 0 3px;
    }

    .sheetadd .form-header .contact-sel select {
        color: #fff;
        font-size: 1.8rem;
        padding: 0 0 0 0;
        text-align: left;
        cursor: pointer;
    }

    .sheetadd .clearall {
        position: absolute;
        right: 10px;
        bottom: 5px;
        text-decoration: underline;
        width: auto;
    }

    .sheetadd .clearall a { /* color: #FF6633; text-decoration: underline;  */
        font-size: 1.8rem;
    }

    .sheetadd .form-list .list_item .notetxt {
        color: #363636;
    }

    .sheetadd .form-list .list_item .notetxt_pcrowmobilecolumn {
        color: #363636;
        text-align: center;
        margin: 0 0 0 5px;
    }

    .sheetadd .topdline {
        border-top: 1px dashed #B2B2B2;
        padding: 25px 0 25px 0;
    }

    .sheetadd .topdlinemt0 {
        border-top: 1px dashed #B2B2B2;
        padding: 25px 0 25px 0;
        margin-top: 0;
    }

    .sheetadd .toplinemt0 {
        border-top: 1px solid #B2B2B2;
        padding: 25px 0 25px 0;
        margin-top: 0;
        flex-wrap: wrap;
    }

    .sheetadd .toplinemt0 .subnote {
        font-size: 2rem;
    }

    .sheetadd a {
        color: #FF6633;
        text-decoration: underline;
    }

    .sheetadd .btn-box {
        margin: 40px 0 0 0;
    }

    .sheetadd .noticeservice .list_item.disabled {
        opacity: 0.3;
    }

    .sheetadd .noticeservice .list_item.disabled input:disabled {
        cursor: default;
    }

    .sheetadd .noticeservice .list_item:last-child {
        margin: 20px 0 0 0;
    }

    .sheetadd .mobile-phone {
        display: flex;
        align-items: center;
        margin: 0 0 0 0;
    }

    /* send confirm */
    .send-confirm {
        width: 90%;
        margin: 0 auto 20px;
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .send-confirm > li {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .send-confirm > li + li {
        margin: 20px 0 0 0;
    }

    .send-confirm .confirm-tit {
        font-weight: bold;
        width: 160px;
        height: 60px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .send-confirm .confirm-txt {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 480px;
        height: 60px;
        border-radius: 30px;
        background: #f0f0f0;
        box-sizing: border-box;
        padding: 0 30px 0 30px;
        font-size: 1.8rem;
    }

    .send-confirm .confirm-txt > p {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .send-confirm .subtit {
        margin: 60px 0 0 0;
    }

    .send-confirm > li.multi {
        justify-content: flex-start;
    }

    .send-confirm > li.multi .confirm-tit {
        margin: 0 50px 0 0;
        align-items: flex-start;
    }

    .send-confirm > li.multi .confirm-multitxt {
        font-size: 1.8rem;
        text-align: left;
    }

    .send-confirm .mdisplaynone {
        display: flex;
    }

    /* send-finish */
    .send-finish {
        width: 94%;
        max-width: 900px;
        margin: 0 auto;
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .send-finish .printer-list {
        width: 100%;
        height: 750px;
        border: 1px solid #727272;
        box-sizing: border-box;
        margin: 30px 0 60px 0;
        background: #fff;
        overflow: scroll;
    }

    .info-box {
        font-size: 1.6rem;
        line-height: 1.58;
        color: #363636;
    }

    .info-box .info-header {
        font-size: 2.2rem;
    }

    .info-box .info-header:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #727272;
        margin: 5px 0 15px 0;
    }

    .info-box + .info-box {
        margin: 40px 0 0 0;
    }

    .info-list {
        list-style-type: disc;
        margin: 0 0 0 25px;
    }

    .send-finish .sedn-finish_notetxt {
        font-size: 1.6rem;
        line-height: 1.58;
        color: #363636;
    }

    .send-finish .printer-code {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 220px;
        background: #fff;
        border: 1px solid #727272;
        font-size: 1.8rem;
        line-height: 1.58;
        margin: 10px 0 60px 0;
    }

    .send-finish .printer-code .code-txt {
        margin: 0 100px 0 0;
    }

    /* multipleadd */
    .full-inner.sheetadd {
        font-size: 2rem;
        line-height: 1.58;
    }

    .form-box.sheetadd .l2 {
        height: auto;
        box-sizing: border-box;
        padding: 0 0 0 25px;
    }

    .form-box.sheetadd .invoice {
        display: flex;
        flex-direction: row;
        align-items: start;
    }

    .form-box.sheetadd .invoice.cloumncheck {
        flex-direction: column;
    }

    .form-box.sheetadd .invoice li + li {
        margin: 0 0 0 20px;
    }

    .form-box.sheetadd .invoice.cloumncheck li + li {
        margin: 0 0 0 0;
    }

    .form-box.sheetadd .invoicenum {
        display: flex;
        flex-direction: row;
        align-items: start;
    }

    .form-box.sheetadd .invoicenum label {
        margin: 0 10px 0 0;
    }

    .form-box.sheetadd .invoicenum > input[type=radio] {
        width: 120px;
        height: 40px;
    }

    .form-box.sheetadd .input-box {
        display: flex;
        align-items: start;
        flex-direction: row;
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .form-box.sheetadd .invoicenum input[type=text] {
        margin: -10px 0 0 10px;
    }

    .form-box.sheetadd .invoicenum input[type=text].alignmargin {
        margin: 0 0 0 0;
    }

    .form-box.sheetadd .note-txt {
        justify-content: start;
        margin: 10px 0 0 25px;
    }

    .form-box.sheetadd .multipleadd-list > li + li {
        margin: 30px 0 0 0;
    }

    .sheetadd .inport-box {
        display: flex;
        align-items: start;
        flex-direction: row;
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .sheetadd .inport-box .col-1 {
        width: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 100px 0 70px;
    }

    .sheetadd .inport-box .col-2 {
        align-items: start;
    }

    .sheetadd .inport-box .icon-box {
        width: 210px;
        height: 188px;
        border-radius: 20px;
        background: #FF6633;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin: 0 0 10px 0;
    }

    .sheetadd .inport-box .icon-box:hover:after {
        transform: scale(1.2);
    }

    .sheetadd .inport-box .icon-box:after {
        content: '\e970';
        font-size: 12rem;
        color: #fff;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        pointer-events: none;
    }

    .sheetadd .inport-box .icon-box a {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .sheetadd .btn_download {
        min-width: 180px;
        height: 50px;
        border-radius: 20px;
        background: #f4faf9;
        border: 1px solid #FF6633;
        box-sizing: border-box;
        padding: 0 10px 0 10px;
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        color: #363636;
        margin: 0 0 5px 0;
        transition: all .3s cubic-bezier(.4, 0, .2, 1);
        font-size: 2rem;
    }

    .sheetadd .btn_download:hover {
        background: #edfffc;
    }

    .sheetadd .btn_download:before {
        content: '\e909';
        font-size: 3rem;
        color: #FF6633;
        margin: 0 5px 0 0;
    }

    .sheetadd .btn_download + .btn_download {
        margin: 0 20px 0 20px;
    }

    .sheetadd .btn_inport {
        min-width: 180px;
        height: 50px;
        border-radius: 20px;
        background: #FF6633;
        border: 1px solid #FF6633;
        box-sizing: border-box;
        padding: 0 20px 0 20px;
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        color: #fff;
        margin: 0 0 5px 0;
        transition: all .3s cubic-bezier(.4, 0, .2, 1);
        font-size: 2rem;
    }

    .sheetadd .btn_inport:hover {
        background: #fccf00;
        border-color: #fccf00;
    }

    .sheetadd .btn_inport:before {
        content: '\e970';
        font-size: 3rem;
        color: #fff;
        margin: 0 5px 0 0;
    }

    .btn-box.multipleadd {
        flex-direction: row;
    }

    .btn-box.multipleadd > a {
        width: auto;
    }

    .multipleadd-txt {
        width: 100%;
        max-width: 800px;
    }

    .multipleadd .multipleadd-info {
        height: 60px;
        border-radius: 20px;
        background: #fff;
        border: 1px solid #727272;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        line-height: 1.58;
        color: #363636;
        box-sizing: border-box;
        padding: 0 30px 0 30px;
    }

    .multipleadd .multipleadd-info .hightlight {
        font-size: 2.4rem;
        color: #FF6633;
        font-weight: bold;
        margin: 0 5px 0 5px;
    }

    .multipleadd .multipleadd-info .hightlight--red {
        font-size: 2.4rem;
        color: #f00;
        font-weight: bold;
        margin: 0 5px 0 5px;
    }

    .multipleadd .multipleadd-info .finish {
        margin: 0 40px 0 0;
    }

    /* multipleadd table01 */
    .multipleadd .table01-box {
        width: 100%;
        max-width: 990px;
        overflow: auto;
    }

    .multipleadd .table01 {
        width: 100%;
        max-width: 990px;
        margin: 0 auto 30px;
        font-size: 1.8rem;
        color: #363636;
        text-align: left;
        border-spacing: 3px;
    }

    .multipleadd .table01 td {
        box-sizing: border-box;
        padding: 20px 20px 20px 20px;
        width: auto;
        min-height: 60px;
    }

    .multipleadd .table01 thead td {
        background: #d3ece8;
        border-radius: 10px 10px 0 0;
        font-size: 2rem;
        font-weight: bold;
    }

    .multipleadd .table01.errow thead td {
        background: #FAE1DD;
    }

    .multipleadd .table01 tbody tr:nth-child(even) td {
        background: #f1f1f1;
    }

    .multipleadd .table01 tbody tr:nth-child(odd) td {
        background: #fff;
    }

    .multipleadd .table01 td:first-child {
        text-align: center;
    }

    /* multipleadd table02 */
    .multipleadd .table02-box {
        width: 100%;
        max-width: 990px;
        overflow: hidden;
    }

    .multipleadd .table02-box .headertr {
        box-sizing: border-box;
        display: flex;
    }

    .multipleadd .table02-box .headertr > div {
        background: #d3ece8;
        box-sizing: border-box;
        padding: 20px 20px 20px 20px;
        min-height: 60px;
        border-radius: 10px 10px 0 0;
        font-size: 2rem;
        font-weight: bold;
        display: flex;
        align-items: center;
    }

    .multipleadd .table02-box .headertr > div + div {
        margin: 0 0 0 0.5%;
    }

    .multipleadd .table02-box .headertr > div:nth-child(1) {
        width: 16%;
        white-space: nowrap;
    }

    .multipleadd .table02-box .headertr > div:nth-child(2) {
        width: 22%;
    }

    .multipleadd .table02-box .headertr > div:nth-child(3) {
        width: 62%;
    }

    .multipleadd .table02-box .divtr {
        background: #fff;
        display: flex;
        margin: 5px 0 0 0;
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .multipleadd .table02-box .divtr > div {
        box-sizing: border-box;
        padding: 20px 20px 20px 20px
    }

    .multipleadd .table02-box .divtr > div:nth-child(1) {
        width: 16%;
    }

    .multipleadd .table02-box .divtr > div:nth-child(2) {
        width: 22%;
    }

    .multipleadd .table02-box .divtr > div:nth-child(3) {
        width: 62%;
    }

    .multipleadd .table02-box .divtr > div + div {
        margin: 0 0 0 0.5%;
    }

    /* order */
    .order .full-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 2rem;
        line-height: 1.58;
        padding: 30px 0 30px 0;
    }

    .order .full-inner.whitebg {
        padding: 30px 0 0 0;
    }

    .order .tit {
        font-size: 2.8rem;
        line-height: 1.58;
        color: #FF6633;
    }

    .order .tab-box {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        border-bottom: 5px solid #FF6633;
        margin: 30px 0 0 0;
    }

    .order .tab-box > li {
        width: 24.5%;
        height: 60px;
        border-radius: 30px 30px 0 0;
        background: #fff;
        border: 1px solid #B2B2B2;
        border-bottom: 5px solid #FF6633;
        margin: 0 0 -5px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.2rem;
        box-sizing: border-box;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
    }

    .order .tab-box > li:hover, .order .tab-box > li.active {
        color: #FF6633;
        border: 5px solid #FF6633;
        border-bottom: none;
        background: #f5f5f5;
    }

    .order .search-bar {
        width: 100%;
        max-width: 700px;
        height: 89px;
        border-radius: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #fccf00;
        box-sizing: border-box;
        padding: 0 20px;
        margin: 0 0 20px 0;
    }

    .order .search-bar input[type=text] {
        width: 80%;
        height: 50px;
        border-radius: 15px;
        background: #fff;
        box-sizing: border-box;
        padding: 0 20px;
        font-size: 2rem;
    }

    .order .search-bar button {
        width: 15%;
        height: 50px;
        border-radius: 30px;
        background: #FF6633;
        font-size: 1.8rem;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
    }

    .order .orderlist-box {
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
        border-radius: 30px;
        border: 8px solid #E5E5E5;
        background: #fff;
        box-sizing: border-box;
        padding: 30px 40px 60px 40px;
        position: relative;
    }

    .order .order-list > li {
        display: flex;
        justify-content: flex-start;
        align-items: center; /* height: 60px; */
        min-height: 60px;
        border-bottom: 1px dashed #B2B2B2;
    }

    .order .order-list > li:last-child {
        border: none;
    }

    .order .orderlist-box + .orderlist-box {
        margin: 20px 0 0 0;
    }

    .order .order-list .col-1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 190px;
        height: 40px;
        border-radius: 30px;
        background: #feec99;
        font-size: 1.6rem;
        margin: 0 70px 0 0;
    }

    .order .orderlist-box .edit-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 260px;
        height: 60px;
        border-radius: 30px;
        font-size: 1.8rem;
        border: 8px solid #E5E5E5;
        position: absolute;
        right: -8px;
        bottom: -8px;
    }

    .order .orderlist-box .edit-btn > li + li:before {
        content: '|';
        margin: 0 15px 0 15px;
    }

    .order .orderlist-box .edit-btn a {
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .order .orderlist-box .edit-btn a:hover {
        text-decoration: underline;
        color: #FF6633;
    }

    .order .orderlistpage {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.8rem;
        color: #727272;
        margin: 40px 0 40px 0;
    }

    .order .orderlistpage > li {
    }

    .order .orderlistpage > li.active {
        color: #000;
        font-weight: bold;
    }

    .order .orderlistpage > li:nth-child(3) {
        margin: 0 5px 0 5px;
    }

    .order .orderlistpage > li a {
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .order .orderlistpage > li:hover a {
        color: #000;
    }

    .order .orderlistpage > li:hover a span {
        color: #000;
    }

    .order .orderlistpage > li span {
        font-size: 3rem;
        color: #b2b2b2;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .order .orderlistpage > li:first-child {
        margin: 0 35px 0 0;
    }

    .order .orderlistpage > li:last-child {
        margin: 0 0 0 35px;
    }

    .order .info-box {
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
    }

    .order .form-header {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px;
        background: #FF6633;
        border-radius: 15px;
        font-size: 2rem;
        font-weight: bold;
        color: #fff;
        box-sizing: border-box;
        padding: 0 30px 0 30px;
        position: relative;
    }

    .order .form-header a {
        color: #fff;
        font-weight: normal;
        text-decoration: none;
        font-size: 1.8rem;
        align-items: flex-end;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .order .form-header a:before {
        content: '\e96a';
        color: #fccf00;
        margin: 0 5px 0 0;
    }

    .order .form-header.twocol {
        justify-content: space-between;
    }

    .order .form-box {
        padding: 15px 15px 40px 15px
    }

    .order .qrcode-box {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 30px 0 30px 0;
    }

    .order .qrcode-box .qrcode-txt {
        margin: 0 100px 0 0;
    }

    .order .qrcode-box .qrcode-code img {
        width: auto;
    }

    .order .form-list {
        border-radius: 15px;
        box-sizing: border-box;
        padding: 20px 30px 30px 30px;
    }

    .order .form-list.hasbgcolor {
        border-radius: 15px;
        background: #f4faf9;
        box-sizing: border-box;
        padding: 20px 30px 30px 30px;
        margin: 0 0 20px 0;
    }

    .order .form-list .list_tit {
        width: 150px;
    }

    .order .form-list .list_tit.w100 {
        width: 100px;
    }

    .order .form-box .btn-box {
        margin: 40px 0 0 0;
    }

    .order .list_item.disabled {
        opacity: 0.3;
    }

    .order .form-list .notetxt {
        display: inline;
        text-align: left;
        color: #000;
    }

    .order .form-list .flex-box.tworow {
        flex-direction: row;
        margin: 20px 0 0 0;
    }

    .order .form-list .flex-box.tworow.email {
        margin: 0 0 0 40px;
    }

    .order .form-list .flex-box.tworow .txtbold {
        font-size: 1.8rem;
        line-height: 50px;
    }

    .order .form-list .mobile-address {
        margin: 20px 0 0 0;
    }

    /* multiple */
    .order .multiplelist-box {
        width: 96%;
        margin: 0 auto;
    }

    .order .multiplelist-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        font-size: 2rem;
        line-height: 1.58;
    }

    .order .multiplelist-header .col-1 {
        width: 56%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .order .multiplelist-header .col-2 {
        width: 43%;
        background: #fff;
        font-size: 1.8rem;
        box-sizing: border-box;
        padding: 0 0 30px 0;
        order: 1;
    }

    .order .multiplelist-header.type2 .col-2 {
        background: none;
        display: flex;
        justify-content: end;
        align-items: center;
    }

    .order .multiplelist-header .col-2 .toptit {
        height: 45px;
        background: #e5e5e5;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .order .multiplelist-header .col-2 .txt-box {
        box-sizing: border-box;
        padding: 0 20px 0 30px;
    }

    .order .multiplelist-header .col-2 .img-box {
        margin: 30px auto 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .order .multiplelist-header .hightlight {
        font-weight: bold;
        color: #FF6633;
    }

    .order .multiple-detail {
        width: 100%;
        max-width: 950px;
        margin: 0 auto;
        border-radius: 30px;
        border: 1px solid #E5E5E5;
        background: #fff;
        box-sizing: border-box;
        padding: 30px 40px 60px 40px;
        position: relative;
        margin: 50px 0 0 0;
    }

    .order .multiple-detail .detail-list {
        display: flex;
    }

    .order .multiple-detail .toptit {
        font-size: 2rem;
        font-weight: bold;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: end;
    }

    .order .multiple-detail .toptit:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #b2b2b2;
        margin: 15px 0 15px 0;
    }

    .order .multiple-detail .list-tit {
        font-size: 2rem;
        font-weight: bold;
    }

    .order .multiple-detail .order-list {
        font-size: 1.8rem;
    }

    .order .multiple-detail .order-list .col-1 {
        width: 80px;
        margin: 0 30px 0 0;
    }

    .order .multiple-detail .detail-list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .order .multiple-detail .detail-list > .col-1, .order .multiple-detail .detail-list > .col-2 {
        width: 47%;
    }

    .order .multiple-detail .detail-list > .col-2 {
        order: 1;
    }

    .order .multiple-detail .img-box {
        width: 150px;
    }

    .order .multiple-detail .img-box img {
        width: 100%;
    }

    .order .multiple-detail .qrcode-box {
        justify-content: space-between;
        align-items: start;
        margin: 30px 0 50px 0;
    }

    .order .multiple-detail .service .col-1 {
        background: #d3ece8;
        width: 100px;
    }

    .order .btn_printer {
        min-width: 180px;
        height: 50px;
        border-radius: 20px;
        background: #FF6633;
        border: 1px solid #FF6633;
        box-sizing: border-box;
        padding: 0 20px 0 20px;
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        color: #fff;
        margin: 0 0 5px 0;
        transition: all .3s cubic-bezier(.4, 0, .2, 1);
        font-size: 2rem;
    }

    .order .btn_printer:hover {
        background: #fccf00;
        border-color: #fccf00;
    }

    .order .btn_printer:before {
        content: '\e971';
        font-size: 3rem;
        color: #fff;
        margin: 0 5px 0 0;
    }

    /* notice */
    .btn-box.notice {
        margin: 50px 0 50px 0;
    }

    .btn-box.notice .btn {
        font-size: 2rem;
    }

    .sheetadd .form-box.mail {
        max-width: 700px;
        margin: 25px auto 0 auto;
    }

    .sheetadd .mail .list_tit {
        width: 120px;
    }

    .sheetadd .mail .form-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 0 0 0;
    }

    .sheetadd .mail .form-list > li {
        width: auto;
    }

    .sheetadd .mail .subfun {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.8rem;
        font-weight: bold;
        margin: 20px 0 0 0;
        box-sizing: border-box;
        padding: 0 0 0 80px;
    }

    .sheetadd .mail .subfun li {
        cursor: pointer;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .sheetadd .mail .subfun li:hover {
        color: #FF6633;
    }

    .sheetadd .mail .subfun li + li {
        margin: 0 0 0 30px;
    }

    .sheetadd .mail .subfun li span {
        color: #fccf00;
        margin: 0 5px 0 0;
    }

    .sheetadd .mail .note {
        font-size: 1.8rem;
    }

    .sheetadd .orderlist-box {
        width: 100%;
        max-width: 700px;
        margin: 30px auto;
        border-radius: 30px;
        border: 8px solid #E5E5E5;
        background: #fff;
        box-sizing: border-box;
        padding: 30px 40px 60px 40px;
        position: relative;
    }

    .sheetadd .order-list > li {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 60px;
        border-bottom: 1px dashed #B2B2B2;
    }

    .sheetadd .order-list > li:last-child {
        border: none;
    }

    .sheetadd .orderlist-box + .orderlist-box {
        margin: 20px 0 0 0;
    }

    .sheetadd .order-list .col-1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 160px;
        height: 40px;
        border-radius: 30px;
        background: #feec99;
        font-size: 1.6rem;
        margin: 0 70px 0 0;
    }

    /* inquire */
    .full-inner.inquire {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px 15px 20px 15px;
    }

    .inquire-box {
        width: 94%;
        max-width: 900px;
        margin: 0 auto 30px;
        font-size: 1.8rem;
        line-height: 1.58;
    }

    /* form box size M */
    .form-box.sizem {
        max-width: 700px;
        margin: 25px auto 0 auto;
    }

    .form-box.sizem .list_tit {
        width: 120px;
    }

    .form-box.sizem .form-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 0 0 0;
    }

    .form-box.sizem .form-list > li {
        width: auto;
    }

    .form-box.sizem .subfun {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.8rem;
        font-weight: bold;
        margin: 20px 0 0 0;
        box-sizing: border-box;
        padding: 0 0 0 50px;
    }

    .form-box.sizem .subfun li {
        cursor: pointer;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .form-box.sizem .subfun li:hover {
        color: #FF6633;
    }

    .form-box.sizem .subfun li + li {
        margin: 0 0 0 30px;
    }

    .form-box.sizem .subfun li span {
        color: #fccf00;
        margin: 0 5px 0 0;
    }

    .form-box.sizem .note {
        font-size: 1.8rem;
    }

    .form-box.sizem .info-list {
        font-size: 1.8rem;
        color: #727272;
    }

    .form-box .btn-box {
        margin: 40px 0 0 0;
    }

    .inquire-box .demo-img {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .inquire-box .form-box.sizem .list_tit {
        width: 20px;
        margin: 0 25px 0 0;
    }

    .orderlist-box {
        width: 100%;
        max-width: 700px;
        margin: 20px auto;
        border-radius: 30px;
        border: 8px solid #E5E5E5;
        background: #fff;
        box-sizing: border-box;
        padding: 30px 40px 60px 40px;
        position: relative;
    }

    .order-list > li {
        display: flex;
        justify-content: flex-start;
        align-items: center; /* height: 60px; */
        min-height: 60px;
        border-bottom: 1px dashed #B2B2B2;
    }

    .order-list > li:last-child {
        border: none;
    }

    .orderlist-box + .orderlist-box {
        margin: 20px 0 0 0;
    }

    .order-list a {
        color: #FF6633;
        text-decoration: underline;
    }

    .order-list .col-1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 160px;
        height: 40px;
        border-radius: 30px;
        background: #feec99;
        font-size: 1.6rem;
        margin: 0 70px 0 0;
    }

    .list-number {
        list-style-type: decimal;
    }

    .list-disc {
        list-style-type: disc;
    }

    .list-number > li, .list-disc > li {
        margin: 0 0 0 25px;
    }

    .inquire-box .list-number {
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .inquire-box .list-number.sizem {
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 0 0 0 40px;
    }

    .inquire-box .btn-box {
        margin: 40px 0 0 0;
    }

    .inquire-box .info-box {
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .inquire-number {
        width: 300px;
        height: 80px;
        border-radius: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.4rem;
        color: #FF6633;
        background: #fff;
        margin: 20px auto 30px;
    }

    .inquire-box .hint-txt {
        font-size: 1.8rem;
    }

    .inquire-box .single-box {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 10px auto 20px;
    }

    .inquire-box .single-box > span {
        font-size: 3rem;
        color: #FF6633;
        margin: 0 0 0 5px;
    }

    input.single[type='text'] {
        height: 50px;
        border-radius: 30px;
        border: 1px solid #B2B2B2;
        box-sizing: border-box;
        padding: 0 20px 0 20px;
        font-size: 2rem;
    }

    .single-box select {
        font-size: 2rem;
    }

    /* service base */
    .full-inner.servicebaseheader {
        background: #e2f2f1;
    }

    .inquire-header {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        font-size: 2rem;
        line-height: 1.58;
    }

    .inquire-header .col-1 {
        width: 500px;
    }

    .inquire-header .col-2 { /* width: 51%; max-width: 500px; */
        display: flex;
        justify-content: center;
    }

    .inquire-header .col-2 .img-box {
        width: 260px;
    }

    .inquire-header .tit {
        font-size: 3.2rem;
        margin: 0 0 15px 0;
    }

    .inquire-header .search-bar {
        width: 100%;
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        padding: 30px 15px 30px 15px;
        background: #fccf00;
        margin: 15px 0 10px;
    }

    .inquire-header .search-bar.golf {
        width: 100%;
    }

    .inquire-header .search-bar .select-box, .inquire-header .search-bar input {
        text-align: left;
        margin: 0 10px 0 0;
    }

    .inquire-header .search-bar .select-box, .inquire-header .search-bar.hotel input {
        margin: 0 10px 0 10px;
    }

    .inquire-header .search-bar select {
        font-size: 1.8rem;
    }

    .inquire-header .search-bar input {
        font-size: 1.8rem;
    }

    .inquire-header .search-bar button {
        height: 50px;
        border-radius: 30px;
        background: #FF6633;
        font-size: 1.8rem;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
        box-sizing: border-box;
        padding: 0 10px 0 10px;
        white-space: nowrap;
    }

    .servicebase .inquire-box {
        width: 100%;
        max-width: 990px;
    }

    .servicebase .inquire-box .info-box {
        max-width: none;
        margin: 0 0 30px 0
    }

    .inquire-box a {
        text-decoration: underline;
        color: #FF6633;
    }

    .search-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .search-list {
        font-size: 1.8rem;
        line-height: 1.58;
        margin: 10px 0 0 0;
    }

    .search-list > li {
        box-sizing: border-box;
        padding: 15px 15px 15px 15px;
        position: relative;
    }

    .search-list > li:nth-child(odd) {
        background: #fff;
    }

    .search-item {
        display: flex;
        flex-direction: row;
        align-items: center; /* margin: 0 0 10px 0; */
    }

    .search-item .item_name {
        width: 370px;
        font-weight: bold;
    }

    .search-item .item_address {
        width: 520px;
    }

    .search-item .item-arrow {
        position: absolute;
        right: 30px;
        top: 15px;
        cursor: pointer;
    }

    .search-item .item-arrow:before {
        content: '\e916';
        opacity: 0.5;
    }

    .search-item .item-arrow.active:before {
        content: '\e917';
        opacity: 1;
    }

    .search-info {
        display: flex;
        flex-direction: row;
        font-size: 1.7rem;
        line-height: 1.58;
        color: #727272;
        margin: 10px 0 0 0;
        display: none;
    }

    .search-info .time-list {
        width: 370px;
        line-height: 1.8;
    }

    .search-info .otherservice-list {
        width: 520px;
    }

    .storenumber {
        font-size: 3rem;
        color: #FF6633;
    }

    .substore-search {
        display: flex;
        flex-wrap: wrap;
        margin: 20px 0 20px 0;
    }

    .substore-search > li {
        width: 120px;
        margin: 0 13px 30px 13px;
        position: relative;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .substore-search > li:hover {
        opacity: 0.6;
    }

    .substore-search .img-box {
        width: 120px;
        height: 120px;
        border-radius: 30px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .substore-search .img-box img {
        max-width: 100%;
    }

    .substore-search .txt-box {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #363636;
        margin: 10px 0 0 0;
    }

    .substore-search > li > a {
        width: 100%;
        height: 100%;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .column4 .search-item .item_number {
        width: 3%;
    }

    .column4 .search-item .item_name {
        width: 25%;
        font-weight: normal;
    }

    .column4 .search-item .item_phone {
        width: 25%;
    }

    .column4 .search-item .item_address {
        width: 45%;
    }

    /* qa */
    .qa-header .search-bar {
        width: 50%;
    }

    .qa-header .search-bar button {
        font-size: 1.8rem;
    }

    .qa-header .search-bar input {
        font-size: 1.8rem;
    }

    .qa-header .tit {
        font-size: 3.2rem;
        font-weight: bold;
    }

    .service-header .search-bar {
        width: 65%;
        height: 80px;
    }

    .service-header .search-bar button {
        font-size: 2rem;
        height: 50px;
        min-width: 100px;
    }

    .webcontact .login-code {
        margin: 0 0 0 10px;
    }

    .webcontact .id {
        flex-wrap: nowrap;
    }

    .webcontact .id > li:first-child {
        width: auto;
    }

    .webcontact .id > li:last-child {
        margin: 0 0 0 10px;
    }

    .webcontact .id > li + li {
        margin: 0 0 0 40px;
    }

    .webcontact .orderlist-box {
        padding: 30px 40px 30px 40px;
    }

    .webcontact .order-list {
        font-size: 2rem;
        line-height: 1.58;
    }

    /* article */
    .article-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto;
    }

    .article-list > li {
        width: 32vw;
        height: 380px;
        margin: 5px 0.65vw 5px 0.65vw;
        background: #fff;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, .16);
        position: relative;
        transition: all .6s cubic-bezier(.4, 0, .2, 1);
    }

    .article-list .img-box {
        width: 100%;
        height: 32vw; /* height: 22.5vw; max-height: 255px; */
        overflow: hidden;
        position: relative;
    }

    .article-list .img-box img {
        width: 100%;
    }

    .article-list .txt-box {
        font-size: 1.4rem;
        line-height: 1.58;
        color: #727272;
        box-sizing: border-box;
        padding: 20px 20px 20px 20px;
    }

    .article-list .txt-box .tit {
        font-size: 1.8rem;
        line-height: 1.2;
        color: #000;
        text-align: center;
        overflow: hidden;
        margin: 0 0 20px 0;
    }

    .article-list > li a {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .article-list > li:hover {
        background: #f0f0f0;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0);
    }

    .page-list {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.6rem;
        font-weight: bold;
        color: #727272;
        margin: 30px 0 0 0;
    }

    .article-detail .col-1 .img-box {
        width: 70%;
        margin: 0 auto;
    }

    /* step-list */
    .step-list {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.8rem; /* font-weight: bold; */
        margin: 40px 0 30px 0;
    }

    .step-list li {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        min-width: 170px;
        height: 30px;
        border-bottom: 2px solid #E5E5E5;
        position: relative;
    }

    .step-list li:after {
        content: '';
        width: 2px;
        height: 30px;
        border-right: 2px solid #E5E5E5;
        transform: skewX(25deg);
        position: absolute;
        right: 6px;
        top: 0;
    }

    .step-list li.active {
        color: #FF6633;
        border-color: #FF6633;
        font-size: 1.8rem;
        width: auto;
    }

    .step-list li.active:after {
        border-color: #FF6633;
    }

    /* selfhelp */
    .selfhelp-wrap {
        width: 100%;
        max-width: 650px;
        margin: 0 auto;
    }

    .selfhelp-list {
    }

    .selfhelp-list > li {
        width: 100%;
        min-height: 80px;
        border-radius: 30px;
        border: 1px solid #FF6633;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 20px 20px 20px 20px;
        font-size: 1.7rem;
        line-height: 1.58;
        color: #363636;
    }

    .selfhelp-list > li.top {
        background: #f4faf9;
        font-size: 3.6rem;
        font-weight: bold;
        color: #FF6633;
        justify-content: center;
    }

    .selfhelp-list > li.top .msg {
        font-size: 2rem;
        margin: 0 0 0 0;
    }

    .selfhelp-list > li + li {
        margin: 40px 0 0 0;
    }

    .selfhelp-list > li .col-1 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        width: 60px;
        height: 60px;
        border-radius: 50px;
        background: #FF6633;
        font-size: 1.5rem;
        font-weight: bold;
        color: #d3ece8;
        margin: 0 30px 0 0;
    }

    .selfhelp-list > li .col-1 > span:last-child {
        font-size: 2.2rem;
        color: #fff;
        margin: 0 0 0 2px;
    }

    .selfhelp-list > li .col-2 {
        width: 100%;
    }

    .selfhelp-list > li .tit {
        margin: 0 0 0 0;
        font-weight: normal;
        font-size: 2.2rem;
    }

    .selfhelp-list .line {
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #B2B2B2;
        margin: 15px 0 15px 0;
    }

    .selfhelp-list .msg {
        font-size: 1.7rem;
        color: #FF6633;
        margin: 0 0 0 20px;
    }

    .selfhelp-wrap .info-list {
        font-size: 1.6rem;
        line-height: 1.58;
        margin: 30px 0 0 25px;
    }

    .selfhelp-wrap .info-list a {
        color: #FF6633;
        text-decoration: underline;
    }

    /* ezcat */
    .full-inner.ezcat {
        padding: 40px 0 40px 0;
        background: #e2f2f1;
    }

    .ezcat-header {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 0 15px 0 15px;
    }

    .ezcat-header > .col-1 {
        margin: 0 35px 0 0;
    }

    .ezcat-header > .col-2 > p {
        font-size: 2rem;
        line-height: 1.58;
        color: #727272;
    }

    .ezcat-header > .col-2 > p.tit {
        font-size: 3.2rem;
        margin: 0 0 10px 0;
        color: #000;
        text-align: left;
    }

    .ezcat-header > .col-2 .flex-box {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 30px 0 0 0;
    }

    .ezcat-header > .col-2 .phone {
        font-size: 3.6rem;
        font-weight: bold;
        color: #FF6633
    }

    .ezcat-header > .col-2 .btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 160px;
        height: 160px;
        border-radius: 50%;
        background: #fccf00;
        font-size: 2rem;
        line-height: 1.4;
        font-weight: bold;
        color: #000;
    }

    .ezcat-header > .col-2 .flex-box .col-1 {
        font-size: 1.7rem;
    }

    .ezcat-table {
        width: 96%;
        max-width: 990px;
        margin: 0 auto;
        font-size: 1.8rem;
    }

    .ezcat-table .table-row {
        display: flex;
    }

    .ezcat-table .table-row .col-1 {
        display: flex;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 120px;
        min-height: 60px;
        border-radius: 10px 0 0 10px;
        background: #d3ece8;
        box-sizing: border-box;
        padding: 20px 15px 20px 15px;
        margin: 0 5px 0 0;
    }

    .ezcat-table .table-row .col-2 {
        display: flex;
        flex-grow: 1;
        align-items: center;
        background: #fff;
        box-sizing: border-box;
        padding: 20px 15px 20px 15px;
    }

    .ezcat-table > .table-row + .table-row {
        margin: 5px 0 0 0;
    }

    .ezcat-table > .table-row-column + .table-row {
        margin: 5px 0 0 0;
    }

    .ezcat-table .info-list {
        line-height: 1.8;
    }

    .ezcat-table .table-row-column {
        display: flex;
        margin: 5px 0 0 0;
    }

    .ezcat-table .table-row-column .table-row:first-child {
        width: 55%;
    }

    .ezcat-table .table-row-column .table-row:last-child {
        width: 45%;
    }

    .ezcat-table .table-row-column .table-row + .table-row {
        margin: 0 0 0 5px;
    }

    /* about */
    .full-wrap .full-inner .full-kv {
        width: 100vw;
        height: 39.5vw;
        max-height: 540px;
        overflow: hidden;
    }

    .full-wrap.about .full-inner .full-kv {
        background: url('../company/images/about_kv.jpg') no-repeat center bottom / cover;
    }

    .about-box {
        width: calc(100vw - 30px);
        margin: 150px auto 0;
    }

    .about-box .flex-box.originl {
        flex-direction: row;
        justify-content: space-between;
    }

    .about-box .flex-box.originl .col-1 {
        width: 350px;
        flex-shrink: 0;
    }

    .about-box .flex-box .img-box img {
        width: 100%;
    }

    .about-box .flex-box.originl .col-2 {
        width: 420px;
        flex-shrink: 0;
        font-size: 1.8rem;
        line-height: 1.58;
        background: rgba(255, 255, 255, .9);
        box-sizing: border-box;
        padding: 30px 0 0 0;
        margin: -360px 0 0 0;
    }

    .about-box .tit-box {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about-box .tit {
        font-size: 2.4rem;
        font-weight: bold;
        color: #FF6633;
        display: inline-block;
    }

    .about-box .tit:after {
        content: '';
        display: block;
        width: 100%;
        border-bottom: 3px solid #FF6633;
    }

    .about-box .txt-box {
        box-sizing: border-box;
        padding: 0 30px 0 30px;
    }

    .about-box .about-info {
        background: #fff;
        box-sizing: border-box;
        padding: 30px 30px 30px 30px;
        font-size: 1.8rem;
        line-height: 1.58;
        margin: -240px 0 0 0;
    }

    .about-box .about-info .tit-box {
        justify-content: flex-start;
    }

    .about-box .about-info .tit-txt {
        width: 320px;
        color: #FF6633;
        margin: 10px 0 50px 0;
    }

    .about-box .about-info .flex-box {
        flex-direction: row;
        align-items: flex-end;
        margin: 30px 0 0 0;
    }

    .about-box .about-info .flex-box .col-1 {
        width: 420px;
        margin: 0 20px 0 0;
    }

    .about-box .about-info .flex-box .col-2 p span {
        display: inline-block;
        width: 120px;
    }

    /* events */
    .full-wrap.events .full-inner .full-kv {
        background: url('../company/images/events_kv.jpg') no-repeat center bottom / cover;
    }

    .events-box {
        width: calc(100vw - 30px);
        margin: 0 auto;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .events-box .tit-box {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 30px 0;
    }

    .events-box .tit {
        font-size: 2.4rem;
        font-weight: bold;
        color: #FF6633;
        display: inline-block;
    }

    .events-box .tit:after {
        content: '';
        display: block;
        width: 100%;
        border-bottom: 3px solid #FF6633;
    }

    .events-box .txt-box {
        box-sizing: border-box;
        padding: 0 30px 0 30px;
    }

    .events-box .events-list {
    }

    .events-box .events-list > li {
        box-sizing: border-box;
        padding: 0 0 40px 20px;
        position: relative;
    }

    .events-box .events-list > li:before {
        content: '';
        width: 1px;
        height: 100%;
        background: #FF6633;
        position: absolute;
        left: 5px;
        top: 20px;
    }

    .events-box .events-list > li:after {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50px;
        background: #FF6633;
        position: absolute;
        left: 0px;
        top: 12px;
    }

    .events-box .events-list > li ul {
        list-style-type: disc;
        font-size: 1.8rem;
        line-height: 1.58;
        color: #363636;
        margin: 10px 0 0 25px;
    }

    .events-box .events-year {
        font-size: 2.4rem;
        color: #FF6633;
    }

    .events-box .flex-box {
        position: relative;
    }

    .events-box .col-2 {
        flex-shrink: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .events-box .col-2 .img-box {
        width: 300px;
    }

    .events-box .col-2 .img-box img {
        width: 100%;
    }

    /* sitemap */
    .sitemap-wrap {
        width: calc(100vw - 30px);
        margin: 0 auto;
        box-sizing: border-box;
        padding: 40px 0 0 0;
    }

    .sitemap-wrap a:hover {
        color: #FF6633;
        text-decoration: underline;
    }

    .sitemap-box {
        width: 100%;
        border-radius: 30px;
        background: #fff;
        box-sizing: border-box;
        padding: 30px 30px 30px 40px;
        display: flex;
    }

    .sitemap-wrap .sitemap-box + .sitemap-box {
        margin: 20px 0 a 0 0;
    }

    .sitemap-box > .sitemap + .sitemap {
        margin: 0 0 0 50px;
    }

    .sitemap-box .sitemap {
        display: flex;
        flex-direction: row;
        width: auto;
    }

    .sitemap-box .sitemap-tit {
        width: 70px;
        height: 70px;
        border-radius: 50px;
        border: 1px solid #FF6633;
        font-size: 2rem;
        color: #FF6633;
        line-height: 1.2;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin: 0 35px 0 0;
        box-sizing: border-box;
        padding: 0 14px 0 14px;
        align-self: start;
        flex-shrink: 0;
    }

    .sitemap-box .sitemap-list {
        display: flex;
    }

    .sitemap-box.onelist {
        flex-direction: row;
    }

    .sitemap-box.onelist .sitemap .sitemap-list {
        justify-content: flex-start;
        text-align: left;
        flex-shrink: 0;
    }

    .sitemap-box.onelist > .sitemap + .sitemap {
        margin: 0 0 0 0;
    }

    .sitemap-box .sitemap-list > li {
        width: auto;
        min-width: 100px;
        font-size: 1.7rem;
        line-height: 1.8;
        color: #363636;
    }

    .sitemap-box .sitemap-list > li + li {
        margin: 0 0 0 50px;
    }

    .sitemap-box .sitemap-list .tit {
        font-size: 1.8rem;
        color: #363636;
        margin: 0 0 0 0;
    }

    .sitemap-box .sitemap-list .tit:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #b2b2b2;
        margin: 15px 0 25px 0;
    }

    .sitemap-box .sitemap-list .tit.one:after {
        display: none;
    }

    /* privacy */
    .privacy {
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .txt-list {
        font-size: 1.8rem;
        line-height: 1.58;
        list-style-type: cjk-ideographic;
        margin: 0 0 0 37px;
    }

    .txt-list > li {
        text-align: justify;
    }

    .txt-list > li + li {
        margin: 40px 0 0 0;
    }

    .privacy .txt-list {
    }

    .privacy .txt-box {
        font-size: 1.8rem;
        line-height: 1.58;
        text-align: justify;
    }

    .privacy .subtit {
        font-size: 2rem;
        font-weight: bold;
        margin: 0 0 20px 0;
    }

    /* productlist */
    .productlist-box {
        width: calc(100vw - 30px);
        margin: 0 auto;
    }

    .productlist-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 40px 0;
    }

    .productlist-list > li {
        width: 46.5%;
        height: 300px;
        border-radius: 20px;
        background: #fff;
        outline: 1px solid #727272;
        box-sizing: border-box;
        padding: 20px 20px 20px 20px;
        margin: 13px min(1.66%, 13px) 13px min(1.66%, 13px);
        position: relative;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .productlist-list > li a {
        line-height: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .productlist-list > li .img-box {
        height: 180px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .productlist-list > li .img-box img {
        width: min(100%, 220px);
    }

    .productlist-list > li .tit {
        font-size: 2rem;
        text-align: center;
        margin: 10px 0 0 0;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .productlist-list > li .tit:after {
        content: '';
        width: 100%;
        display: block;
        border-bottom: 1px solid #727272;
        margin: 10px 0 15px 0;
    }

    .productlist-list > li .orderinfo {
        display: flex;
        justify-content: space-between;
        font-size: 1.8rem;
    }

    .productlist-list > li .orderinfo > span {
        color: #FF6633;
        cursor: pointer;
    }

    .productlist-list > li:hover {
        outline: 8px solid #FF6633;
    }

    .productlist-list > li:hover .tit:after {
        border-bottom: 1px solid #FF6633;
    }

    .info .border-box {
        border: 4px solid #FF6633;
    }

    .info .flex-box {
        flex-direction: row;
        justify-content: space-between;
        margin: 0 0 50px 0;
    }

    .info .flex-box .col-1 {
        width: 300px;
        flex-shrink: 0;
        margin: 0 20px 0 0;
    }

    .info .flex-box .col-2 {
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .info .flex-box .img-box img {
        width: 100%;
    }

    .info .flex-box .col-2 .tit {
        font-size: 2rem;
        margin: 0 0 0 0;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .info .flex-box .col-2 .tit:after {
        content: '';
        width: 100%;
        display: block;
        border-bottom: 1px solid #FF6633;
        margin: 10px 0 15px 0;
    }

    .info .flex-box .col-2 .btn-box {
        justify-content: flex-start;
        margin: 40px 0 0 0;
    }

    .info .full-inner > .btn-box {
        margin: 30px 0 0 0;
    }

    .full-inner.productorder {
        width: calc(100vw - 30px);
        margin: 0 auto;
    }

    /* remind */
    .remind .full-inner {
        width: auto;
        margin: 0;
    }

    .remind .tab-wrap {
        width: auto;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 0;
        position: relative;
    }

    .remind .tab-box {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        border-bottom: 5px solid #FF6633;
        margin: 0 0 0 0;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .remind .mobile-tabheader {
        display: none;
    }

    .remind .tab-box {
        position: static;
    }

    .remind .tab-box > li {
        width: 12.5%;
        max-width: 90px;
        height: 60px;
        border-radius: 30px 30px 0 0;
        background: #fff;
        border: 1px solid #B2B2B2;
        border-bottom: 5px solid #FF6633;
        margin: 0 0 -5px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.8rem;
        box-sizing: border-box;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
    }

    .remind .tab-box > li:hover, .remind .tab-box > li.active {
        color: #FF6633;
        border: 5px solid #FF6633;
        border-bottom: none;
        background: #f5f5f5;
    }

    .remind .tab-content {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .remind .tab-content .flex-box {
        width: calc(100vw - 30px);
        margin: 0 auto;
        flex-direction: row;
    }

    .remind .tab-content .img-box {
        width: 170px;
        margin: 0 20px 0 0;
    }

    .remind .tab-content .img-box img {
        width: 100%;
    }

    .remind .tab-content .txt-box {
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .remind .tab-content .txt-box .tit {
        font-size: 2rem;
        margin: 0 0 15px 0;
        text-align: left;
    }

    .remind .help {
        width: 100%;
        margin: 50px auto 0;
    }

    .remind .help .tit {
        font-size: 2.2rem;
        color: #FF6633;
        text-align: center;
        margin: 0 0 10px 0;
    }

    .remind .remind-help {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .remind .remind-help li {
        width: 30%;
        height: 400px;
        border-radius: 20px;
        border: 1px solid #FF6633;
        box-sizing: border-box;
        padding: 15px 15px 15px 15px;
        margin: 1.66% 1.66% 1.66% 1.66%;
        background: #fff;
    }

    .remind .remind-help .img-box {
        height: 180px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .remind .remind-help .img-box img {
        width: 65%;
    }

    .remind .remind-help li:last-child {
        width: 100%;
        height: 250px;
        display: flex;
        align-items: center;
    }

    .remind .remind-help li:last-child .img-box {
        width: 60%;
        flex-shrink: 0;
        order: 2;
    }

    .remind .remind-help li:last-child .img-box img {
        width: 100%;
    }

    .remind .remind-help li:last-child .txt-box {
        width: 290px;
        margin: 0 30px 0 0;
    }

    .remind .remind-help .txt-box {
        font-size: 1.8rem;
        line-height: 1.58;
        color: #363636;
    }

    .remind .remind-help .subtit {
        display: block;
        width: 100px;
        font-size: 2rem;
        font-weight: bold;
        text-align: center;
        margin: 10px auto 15px;
    }

    .remind .remind-help .subtit:after {
        content: '';
        display: block;
        width: 100%;
        border-bottom: 3px solid #FF6633;
        margin: 5px 0 10px 0;
    }

    /* reject */
    .reject .full-inner {
        width: calc(100vw - 30px);
        margin: 0 auto;
    }

    .reject-info {
        font-size: 1.8rem;
        line-height: 1.58;
        color: #363636;
        flex-direction: row;
        align-items: flex-start;
    }

    .reject-info .tit {
        font-size: 2.2rem;
        font-weight: bold;
        color: #FF6633;
        margin: 0 0 0 0;
    }

    .reject-info .col-1 {
    }

    .reject-info .col-2 {
        width: 200px;
        flex-shrink: 0;
    }

    .reject-info .col-2 .img-box img {
        width: 100%;
    }

    .reject-info a {
        text-decoration: underline;
        color: #FF6633;
    }

    .reject .border-box {
        margin: 60px 0 0 0;
    }

    .reject .border-box .tit {
        font-size: 2.4rem;
        text-align: center;
        margin: 0 0 50px 0;
    }

    .reject-list {
        font-size: 1.8rem;
        line-height: 1.58;
        color: #363636;
    }

    .reject-list > li + li:before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background: #b2b2b2;
        margin: 20px 0 20px 0;
    }

    .reject-list > li > .flex-box .col-1 {
        flex-shrink: 0;
        width: 100px;
        margin: 0 20px 0 0;
    }

    .reject-list > li > .flex-box .col-1 .img-box img {
        width: 100%;
    }

    .reject-list .subtit {
        font-size: 2rem;
        font-weight: bold;
        color: #FF6633;
        margin: 0 0 10px 0;
    }

    .reject-list .subtit-note {
        font-size: 1.8rem;
        font-weight: normal;
    }

    .reject-list .twocol {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: 800px;
    }

    .reject-list .twocol li {
        width: 47%;
        flex-shrink: 0;
        margin: 0 40px 0 0;
    }

    .reject-list > li > .flex-box.country {
        flex-direction: row;
    }

    .reject-list > li > .flex-box.country .col-1 {
        width: 47%;
        flex-shrink: 0;
        margin: 0 60px 0 0;
    }

    .reject .note {
        font-size: 1.8rem;
        text-align: center;
        margin: 30px 0 0 0;
    }

    .reject .note span {
        display: inline-block;
    }

    /* info */
    .info .full-inner {
        width: auto;
        margin: 0;
    }

    .info-top {
        width: calc(100vw - 30px);
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        font-size: 2rem;
        line-height: 1.58;
    }

    .info-top .tit {
        font-size: 3.2rem;
        margin: 0 0 15px 0;
        text-align: left;
    }

    .info-top .col-1 {
        box-sizing: border-box;
        padding: 50px 0 0 0;
    }

    .info-top .col-1 a {
        margin: 0px 0 0 0;
    }

    .info-top .col-2 .img-box img {
        width: auto;
    }

    .info .tab-wrap {
        width: auto;
        margin: 0;
        box-sizing: border-box;
        padding: 0;
        position: relative;
    }

    .info .tab-box {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        border-bottom: 5px solid #FF6633;
        margin: -58px 0 0 0;
        box-sizing: border-box;
        padding: 0 0 0 0;
    }

    .info .tab-box {
        position: static;
    }

    .info .tab-box > li {
        width: 45%;
        max-width: 450px;
        height: 60px;
        border-radius: 30px 30px 0 0;
        background: #fff;
        border: 1px solid #B2B2B2;
        border-bottom: 5px solid #FF6633;
        margin: 0 0 -5px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.2rem;
        box-sizing: border-box;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
    }

    .info .tab-box > li:hover, .info .tab-box > li.active {
        color: #FF6633;
        border: 5px solid #FF6633;
        border-bottom: none;
        background: #f5f5f5;
    }

    .info .tab-content {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .info .tab-content .flex-box {
        flex-direction: row;
    }

    .info .tab-content .img-box img {
        width: 100%;
    }

    .info .tab-content .txt-box {
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .info .tab-content .txt-box .tit {
        font-size: 2rem;
        margin: 0 0 10px 0;
        text-align: left;
    }

    .info .info-warp {
        width: calc(100vw - 30px);
        margin: 0 auto;
    }

    .info .info-warp .tit {
        text-align: center;
    }

    .info .info-warp .img-box {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .info .info-warp .img-box > img {
        width: 100%;
        max-width: 900px;
    }

    .info .info-warp .img-box > img.pc {
        display: block;
    }

    .info .info-warp .img-box > img.mobile {
        display: none;
    }

    .info .borderlist-box {
        width: 100%;
        max-width: 1000px;
        margin: 50px auto;
        border-radius: 30px;
        border: 8px solid #E5E5E5;
        background: #fff;
        box-sizing: border-box;
        padding: 20px 30px 20px 30px;
        position: relative;
    }

    .info .border-list > li {
        display: flex;
        flex-direction: column;
        border-bottom: 1px dashed #B2B2B2;
        font-size: 1.8rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 10px 0 10px 0;
    }

    .info .border-list > li + li {
        margin: 20px 0 0 0;
    }

    .info .border-list > li:last-child {
        border: none;
    }

    .info .borderlist-box + .borderlist-box {
        margin: 20px 0 0 0;
    }

    .info .border-list a {
        color: #FF6633;
        text-decoration: underline;
    }

    .info .border-list .col-1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 180px;
        height: 40px;
        border-radius: 30px;
        background: #feec99;
        font-size: 2rem;
        margin: 0 0 0 0;
    }

    .info .border-list .col-1.moretxt {
        width: 320px;
    }

    .info .border-list .col-2 {
        box-sizing: border-box;
        padding: 10px 0 0 20px;
    }

    .info .border-list .consign {
        display: flex;
        justify-content: center;
    }

    .info .border-list .consign img {
        max-width: 400px;
    }

    .info .app-info {
        font-size: 2.2rem;
        text-align: center;
    }

    .info .app-info .flex-box {
        justify-content: center;
        margin: 20px 0 0 0;
    }

    .info .app-info .flex-box .col-1 {
        width: 230px;
        margin: 0 25px 0 0;
    }

    .info .app-info .flex-box .col-2 {
        width: 230px;
    }

    .info .app-info .flex-box img {
        width: 100%;
    }

    .info .app-info .flex-box .img-box a {
        width: 100%;
        line-height: 0;
    }

    /* line */
    .line .full-inner {
        width: auto;
        margin: 0;
    }

    .line-top {
        width: 96%;
        max-width: 800px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        font-size: 2rem;
        line-height: 1.58;
    }

    .line-top .tit {
        font-size: 3.2rem;
        margin: 0 0 15px 0;
        text-align: left;
    }

    .line-top > .col-1 {
        box-sizing: border-box;
        padding: 50px 0 0 0;
    }

    .line-top > .col-1 a {
        margin: 0 0 0 0;
    }

    .line-top > .col-1 .btn-box {
        margin: 30px 0 0 0;
        justify-content: flex-start;
    }

    .line-top > .col-2 .img-box img {
        width: 200px;
    }

    .line-top .flex-box {
        flex-direction: row;
    }

    .line-top .flex-box .col-1 {
        white-space: nowrap;
        margin: 0 10px 0 0;
    }

    .line-top .flex-box .img-box a {
        width: 38%;
        margin: 0 5px 0 5px
    }

    .line-top .flex-box .img-box img {
        width: 100%; /* margin: 0 5px 0 5px; */
    }

    .line-top .flex-box .info-list {
        list-style-type: decimal;
        line-height: 1.8;
    }

    .line .tab-wrap {
        width: auto;
        margin: 0;
        box-sizing: border-box;
        padding: 0;
        position: relative;
    }

    .line .tab-box {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        border-bottom: 5px solid #FF6633;
        margin: 50px 0 0 0;
        box-sizing: border-box;
        padding: 0 0 0 0;
    }

    .line .tab-box {
        position: static;
    }

    .line .tab-box > li {
        width: 45%;
        max-width: 450px;
        height: 60px;
        border-radius: 30px 30px 0 0;
        background: #fff;
        border: 1px solid #B2B2B2;
        border-bottom: 5px solid #FF6633;
        margin: 0 0 -5px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.2rem;
        box-sizing: border-box;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
    }

    .line .tab-box > li:hover, .line .tab-box > li.active {
        color: #FF6633;
        border: 5px solid #FF6633;
        border-bottom: none;
        background: #f5f5f5;
    }

    .line .tab-content {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .line .tab-content .flex-box {
        flex-direction: row;
    }

    .line .tab-content .img-box img {
        width: 100%;
    }

    .line .tab-content .txt-box {
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .line .tab-content .txt-box .tit {
        font-size: 2rem;
        margin: 0 0 10px 0;
        text-align: left;
    }

    .line #tab01 .full-wrap:last-child { /* background: #fff; */
        margin: 50px 0 0 0;
        padding: 30px 0 30px 0;
    }

    .line .fun-list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: end;
        flex-wrap: wrap;
    }

    .line .fun-list > li {
        width: 32%;
    }

    .line .fun-list > li > img {
        width: 100%;
    }

    .line .line-warp {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
    }

    .line .line-warp .tit {
        text-align: center;
        font-size: 2.4rem;
    }

    .line .line-warp .img-box {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .line .line-warp .img-box > img {
        width: 100%;
        max-width: 900px;
    }

    .line #tab02 .line-warp .img-box > img {
        width: 100%;
        max-width: 700px;
    }

    .line .line-warp .img-box > img.pc {
        display: block;
    }

    .line .line-warp .img-box > img.mobile {
        display: none;
    }

    .line .borderlist-box {
        width: 100%;
        max-width: 1000px;
        margin: 50px auto;
        border-radius: 30px;
        border: 8px solid #E5E5E5;
        background: #fff;
        box-sizing: border-box;
        padding: 20px 30px 20px 30px;
        position: relative;
    }

    .line .border-list > li {
        display: flex;
        flex-direction: column;
        border-bottom: 1px dashed #B2B2B2;
        font-size: 1.8rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 10px 0 10px 0;
    }

    .line .border-list > li + li {
        margin: 20px 0 0 0;
    }

    .line .border-list > li:last-child {
        border: none;
    }

    .line .borderlist-box + .borderlist-box {
        margin: 20px 0 0 0;
    }

    .line .border-list a {
        color: #FF6633;
        text-decoration: underline;
    }

    .line .border-list .col-1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 180px;
        height: 40px;
        border-radius: 30px;
        background: #feec99;
        font-size: 2rem;
        margin: 0 0 0 0;
    }

    .line .border-list .col-1.moretxt {
        width: 320px;
    }

    .line .border-list .col-2 {
        box-sizing: border-box;
        padding: 10px 0 0 20px;
    }

    .line .border-list .consign {
        display: flex;
        justify-content: center;
    }

    .line .border-list .consign img {
        max-width: 400px;
    }

    .line .app-info {
        font-size: 2.2rem;
        text-align: center;
    }

    .line .app-info .flex-box {
        justify-content: center;
        margin: 20px 0 0 0;
    }

    .line .app-info .flex-box .col-1 {
        width: 230px;
        margin: 0 25px 0 0;
    }

    .line .app-info .flex-box .col-2 {
        width: 230px;
    }

    .line .app-info .flex-box img {
        width: 100%;
    }

    .line .app-info .flex-box .img-box a {
        width: 100%;
        line-height: 0;
    }

    /* icatapp */
    .icatapp .info-top .col-1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px 0 0 0;
    }

    .icatapp .info-top .col-1 .img-box {
        width: 200px;
        margin: 15px auto 0 auto;
    }

    .icatapp .info-top .col-1 .img-box > img {
        width: 100%;
    }

    .icatapp .info-top .col-1 a {
        width: 160px;
        margin: 8px auto 20px auto;
    }

    .icatapp .info-top .col-2 {
        width: 400px;
        flex-shrink: 0;
        order: 0;
    }

    .icatapp .info-top .col-2 .img-box img {
        width: 100%;
    }

    .icatapp .flex-box {
        width: calc(100vw - 30px);
        margin: 0 auto;
        font-size: 1.8rem;
        line-height: 1.58;
        align-items: center;
        flex-direction: row;
    }

    .icatapp .flex-box .imgl, .icatapp .flex-box .imgr {
        order: 0;
    }

    .icatapp .flex-box .img-box {
        width: 250px;
        line-height: 0;
        margin: 20px 0 0 0;
    }

    .icatapp .flex-box .img-box img {
        width: 100%;
    }

    .icatapp .subtit {
        font-size: 2.8rem;
        color: #FF6633;
        margin: 0 0 10px 0;
        text-align: left;
    }

    .icatapp .flex-box .imgr {
        margin: 0 0 0 30px;
    }

    .icatapp .flex-box .imgl {
        margin: 0 30px 0 0;
    }

    .icatapp .full-wrap:last-child {
        margin: 0 0 -50px 0;
    }

    .icatapp .img-flex {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 15px 0 15px 0;
    }

    .icatapp .img-flex .col-1, .icatapp .img-flex .col-2 {
        width: 145px;
        padding: 0 0 0 0;
    }

    .icatapp .img-flex > div + div {
        margin: 0 0 0 10px;
    }

    .icatapp .img-flex .col-1 a, .icatapp .img-flex .col-2 a {
        line-height: 0;
        width: 100%;
        margin: 0 0 0 0;
    }

    .icatapp .img-flex .col-1 img, .icatapp .img-flex .col-2 img {
        width: 100%;
    }

    .icatapp .img-flex .pc {
        display: block;
    }

    .icatapp .img-flex .mobile {
        display: none;
    }

    /* orderlist-table  */
    .orderlist-box.hastable {
        width: 750px;
        max-width: none;
        padding: 30px 30px 30px 30px;
    }

    .international .orderlist-box.hastable {
        width: 850px;
        max-width: none;
        padding: 30px 30px 30px 30px;
    }

    .orderlist-table {
        font-size: 1.6rem;
        width: auto;
    }

    .international .orderlist-table {
        width: auto;
    }

    .orderlist-table .table-header {
        font-size: 2rem;
        color: #FF6633;
    }

    .orderlist-table .table-header:after {
        content: '';
        display: block;
        width: 100%;
        border-bottom: 1px solid #B2B2B2;
        margin: 10px 0 20px 0;
    }

    .orderlist-table table {
        border-collapse: collapse;
        color: #b2b2b2;
    }

    .orderlist-table table td {
        height: 40px;
        padding: 0;
    }

    .orderlist-table table td:nth-child(3) {
        width: 260px;
    }

    .orderlist-table table td:last-child a {
        box-sizing: border-box;
        padding: 0 0 0 20px;
    }

    .orderlist-table .table-thead {
        width: 130px;
        height: 40px;
        border-radius: 30px;
        background: #feec99;
        font-size: 1.6rem;
        color: #000;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 10px 0;
    }

    .orderlist-table .time {
        margin: 0 0 0 10px;
    }

    .orderlist-table .step-disc {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 80px;
        height: 100%;
    }

    .orderlist-table .step-disc .disc {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #e5e5e5;
    }

    .orderlist-table .step-disc .line {
        width: 1px;
        height: 100%;
        background: #e5e5e5;
        position: absolute;
    }

    .orderlist-table .active {
        color: #000;
    }

    .orderlist-table .active td:nth-child(3) {
        color: #FF6633;
    }

    .orderlist-table .active .disc {
        width: 15px;
        height: 15px;
        background: #FF6633;
        z-index: 1;
    }

    .orderlist-table table tr:nth-child(2) .line {
        height: 50%;
        bottom: 0;
    }

    .orderlist-table table tr:last-child .line {
        height: 50%;
        top: 0;
    }

    .orderlist-table a {
        color: #b2b2b2;
    }

    .orderlist-table .active a {
        color: #000;
    }

    /* normal */
    .normal .flex-box {
        width: calc(100vw - 30px);
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .normal .flex-box > li {
        width: 46%;
        max-width: 450px;
        margin: 2% 2% 2% 2%;
    }

    .normal .flex-box > li:first-child {
        align-self: center;
    }

    .normal .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .normal .flex-box > li .img-box img {
        width: 100%;
    }

    .normal .flex-box > li .btn-box {
        justify-content: flex-start;
        margin: 30px 0 0 0;
    }

    .normal .flex-box > li .btn {
        margin: 0 0 0 0;
    }

    .subtit-line {
        font-size: 2.2rem;
    }

    .subtit-line:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #727272;
        margin: 5px 0 15px 0;
    }

    .normal .note-txt {
        font-size: 1.7rem;
        line-height: 1.58;
        color: #727272;
    }

    .normal .product.link-list {
        margin: 0 0 20px 0;
    }

    /* cool */
    .cool > .flex-box {
        width: calc(100vw - 30px);
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .cool > .flex-box > li {
        width: 46%;
        max-width: 450px;
        margin: 2% 2% 2% 2%;
    }

    .cool > .flex-box > li:first-child {
        width: 100%;
        max-width: none;
    }

    .cool > .flex-box > li:first-child .flex-box {
        flex-direction: row;
    }

    .cool > .flex-box > li:first-child .col-1 {
        align-self: center;
        margin: 0 30px 0 0;
    }

    .cool > .flex-box > li:first-child .img-box {
        width: 160px;
    }

    .cool > .flex-box > li:last-child {
        width: 100%;
        max-width: none;
    }

    .cool .img-box img {
        width: 100%;
    }

    .cool > .flex-box > li:first-child .disc-list {
        border-radius: 20px;
        background: #fff;
        box-sizing: border-box;
        padding: 30px 30px 30px 40px;
        margin: 20px 0 30px 0;
        font-size: 1.8rem;
        line-height: 1.6;
    }

    .cool > .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .cool > .flex-box .tit.hasimg {
        display: flex;
        justify-content: start;
        align-items: center
    }

    .cool > .flex-box .tit.hasimg img {
        height: 80px;
        margin: 0 0 0 10px;
    }

    .cool .cool-hightlight {
        display: flex;
    }

    .cool .cool-hightlight > li {
        height: 60px;
        border-radius: 20px;
        background: #e0edf6;
        font-size: 2.6rem;
        color: #363636;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        padding: 0 20px;
        white-space: nowrap;
    }

    .cool .cool-hightlight > li + li {
        margin: 0 0 0 20px;
    }

    .cool .cool-hightlight > li span {
        font-weight: bold;
        color: #47a2e3;
        margin: 0 0 0 5px;
    }

    .cool .product.link-list {
        margin: 0 0 20px 0;
    }

    .cool .cool-item {
        margin: 25px 0 0 0;
    }

    .cool .cool-item > li {
        display: flex;
        font-size: 1.7rem;
        line-height: 1.58;
    }

    .cool .cool-item > li + li {
        margin: 30px 0 0 0;
    }

    .cool .cool-item > li .col-1 {
        width: 150px;
        flex-shrink: 0;
        margin: 0 20px 0 0;
    }

    .cool .cool-item .subtit {
        color: #FF6633;
        font-weight: bold;
        font-size: 2rem;
    }

    /* economy */
    .economy > .flex-box {
        width: calc(100vw - 30px);
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .economy > .flex-box > li {
        width: 46%;
        max-width: 450px;
        margin: 2% 2% 2% 2%;
    }

    .economy > .flex-box > li:first-child {
        width: 100%;
        max-width: none;
    }

    .economy > .flex-box > li:first-child .flex-box {
        flex-direction: column;
        align-items: center;
        font-size: 1.8rem;
    }

    .economy > .flex-box > li:first-child .col-1 {
        align-self: center;
        margin: 0 30px 0 0;
    }

    .economy > .flex-box > li:first-child .col-1 .img-box {
        margin: 10px 0 0 0;
    }

    .economy > .flex-box > li:first-child .col-1 img {
        max-width: 270px;
    }

    .economy > .flex-box > li:first-child .img-box {
        width: 500px;
    }

    .economy > .flex-box > li:nth-child(n+4) {
        width: 100%;
        max-width: none;
    }

    .economy > .flex-box > li:nth-child(n+4) .img-box {
        max-width: 800px;
        margin: 40px auto 0;
    }

    .economy > .flex-box > li:nth-child(n+4) .img-box.pc {
        display: block;
    }

    .economy > .flex-box > li:nth-child(n+4) .img-box.mobile {
        display: none;
    }

    .economy .img-box img {
        width: 100%;
    }

    .economy > .flex-box > li:first-child .disc-list {
        margin: 20px 0 30px 20px;
        font-size: 1.8rem;
        line-height: 1.6;
    }

    .economy > .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .economy .product.link-list {
        margin: 0 0 20px 0;
    }

    /* line-list */
    .line-list {
        margin: 0 0 0 10px;
    }

    .line-list:before {
        content: '-';
        margin: 0 0 0 -10px;
        display: inline-block;
    }

    /* day */
    .day > .flex-box {
        width: calc(100vw - 30px);
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .day > .flex-box > li {
        margin: 2% 0 2% 0;
    }

    .day > .flex-box > li:first-child .flex-box {
        flex-direction: row;
        align-items: flex-end;
        font-size: 1.8rem;
    }

    .day > .flex-box > li:first-child .col-1 {
        align-self: center;
        margin: 0 50px 0 0;
    }

    .day > .flex-box > li:first-child .col-1 .img-box {
        margin: 30px 0 30px 0;
    }

    .day > .flex-box > li:first-child .col-2 {
        width: 150px;
        flex-shrink: 0;
    }

    .day > .flex-box > li:first-child .col-2 img {
        width: 100%;
    }

    .day > .flex-box > li:nth-child(2) .flex-box {
        flex-direction: row;
        align-items: center;
    }

    .day > .flex-box > li:nth-child(2) .col-1 {
        width: 45%;
    }

    .day > .flex-box > li:nth-child(2) .col-2 {
        width: 50%;
        margin: 0 0 0 5%;
        order: 1;
    }

    .day > .flex-box > li:nth-child(2) img {
        width: 100%;
    }

    .day > .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .day .subtit {
        font-size: 2.2rem;
        color: #FF6633;
        margin: 0 0 5px 0;
    }

    .day .note {
        font-size: 1.7rem;
        line-height: 1.58;
        color: #363636;
    }

    .day .product.link-list {
        margin: 10px 0 0 10px;
    }

    .day .flex-list > li {
        display: flex;
    }

    .day .flex-list .col-1 {
        width: 80px;
        flex-shrink: 0;
    }

    /* freight */
    .freight > .flex-box {
        width: calc(100vw - 30px);
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .freight > .flex-box > li {
        width: 46%;
        max-width: 450px;
        margin: 2% 2% 2% 2%;
    }

    .freight > .flex-box > li:first-child {
        width: 100%;
        max-width: none;
    }

    .freight > .flex-box > li:first-child .flex-box {
        flex-direction: row;
    }

    .freight > .flex-box > li:first-child .col-1 {
        align-self: center;
        margin: 0 80px 0 0;
    }

    .freight > .flex-box > li:first-child .img-box {
        width: 200px;
    }

    .freight .img-box img {
        width: 100%;
    }

    .freight > .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .freight .btn-box {
        justify-content: flex-start;
        margin: 30px 0 0 0;
    }

    .freight .btn {
        margin: 0 0 0 0;
    }

    .freight .product.link-list {
        margin: 10px 0 20px 0;
    }

    /* golf */
    .golf > .flex-box {
        width: calc(100vw - 30px);
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .golf > .flex-box > li {
        width: 46%;
        max-width: 450px;
        margin: 2% 2% 2% 2%;
    }

    .golf > .flex-box > li:first-child {
        width: 100%;
        max-width: none;
    }

    .golf > .flex-box > li:first-child .flex-box {
        flex-direction: row;
    }

    .golf > .flex-box > li:first-child .col-1 {
        align-self: center;
        margin: 0 40px 0 0;
    }

    .golf > .flex-box > li:first-child .img-box {
        width: 280px;
    }

    .golf > .flex-box > li:first-child .disc-list {
        font-size: 1.8rem;
    }

    .golf .img-box img {
        width: 100%;
    }

    .golf > .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .golf .product.btn-box {
        margin: 30px 0 0 0;
    }

    .golf .product.link-list {
        margin: 0 0 20px 0;
    }

    .golf .product.link-list {
        margin: 0 0 0 0;
    }

    /* medicine */
    .medicine > .flex-box {
        width: calc(100vw - 30px);
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .medicine > .flex-box > li {
        width: 100%;
        margin: 2% 0 2% 0;
    }

    .medicine > .flex-box > li:first-child .flex-box {
        flex-direction: column;
        align-items: flex-end;
        font-size: 1.8rem;
    }

    .medicine > .flex-box > li:first-child .col-1 {
        align-self: center;
        margin: 0 0 30px 0;
    }

    .medicine > .flex-box > li:first-child .col-1 .img-box {
        margin: 30px 0 30px 0;
    }

    .medicine > .flex-box > li:first-child .col-2 {
        display: flex;
        justify-content: center;
        flex-shrink: 0;
    }

    .medicine > .flex-box > li:first-child .col-2 img {
        width: 500px;
    }

    .medicine > .flex-box > li:nth-child(3) .flex-box {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .medicine > .flex-box > li:nth-child(3) .col-1 {
        width: 45%;
    }

    .medicine > .flex-box > li:nth-child(3) .col-2 {
        width: 50%;
        margin: 0 0 0 5%;
        order: 1;
    }

    .medicine > .flex-box > li:nth-child(3) img {
        width: 100%;
    }

    .medicine > .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .medicine .subtit {
        font-size: 2.2rem;
        color: #FF6633;
        margin: 0 0 5px 0;
    }

    .medicine .note {
        font-size: 1.7rem;
        line-height: 1.58;
        color: #363636;
    }

    .medicine .product.link-list {
        margin: 10px 0 0 0;
    }

    /* cvs */
    .cvs > .flex-box {
        width: calc(100vw - 30px);
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .cvs > .flex-box > li {
        width: 100%;
        margin: 2% 0 2% 0;
    }

    .cvs > .flex-box > li:first-child .flex-box {
        flex-direction: row;
        align-items: flex-start;
        font-size: 1.8rem;
    }

    .cvs > .flex-box > li:first-child .col-1 {
        align-self: center;
        margin: 0 50px 0 0;
    }

    .cvs > .flex-box > li:first-child .col-2 {
        width: 400px;
        flex-shrink: 0;
        margin: 70px 0 0 0;
    }

    .cvs > .flex-box > li:first-child .col-2 img {
        width: 100%;
    }

    .cvs > .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .cvs .subtit {
        font-size: 2.2rem;
        color: #FF6633;
        margin: 0 0 5px 0;
    }

    /* store */
    .store > .flex-box {
        width: calc(100vw - 30px);
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .store > .flex-box > li {
        width: 100%;
        margin: 2% 0 2% 0;
        font-size: 1.8rem;
    }

    .store > .flex-box > li:nth-child(2) .flex-box {
        flex-direction: row;
        align-items: flex-start;
        font-size: 1.8rem;
    }

    .store > .flex-box > li:nth-child(2) .col-1 {
        align-self: center;
        margin: 0 50px 0 0;
    }

    .store > .flex-box > li:nth-child(2) .col-2 {
        width: 280px;
        flex-shrink: 0;
        margin: 20px 0 0 0;
    }

    .store > .flex-box > li:nth-child(2) .col-2 img {
        width: 100%;
    }

    .store > .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .store .subtit {
        font-size: 2.2rem;
        color: #FF6633;
        margin: 0 0 5px 0;
    }

    /* twoec */
    .twoec .twoec-box {
        width: calc(100vw - 30px);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
        font-size: 1.8rem;
        line-height: 1.58;
        text-align: center;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .twoec .twoec-box .img-box {
        margin: 30px 0 0 0;
    }

    .twoec .twoec-box .img-box a {
        width: 100%;
    }

    .twoec .twoec-box .img-box img {
        width: 100%;
    }

    .twoec .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
    }

    .twoec .subtit {
        font-size: 2.2rem;
        color: #FF6633;
        margin: 0 0 5px 0;
    }

    /* product hightlight-txt */
    .product.hightlight-txt {
        border-radius: 20px;
        background: #fff;
        box-sizing: border-box;
        padding: 30px 30px 30px 30px;
        margin: 20px 0 20px 0;
        font-size: 1.8rem;
        line-height: 1.6;
    }

    .product.hightlight-txt .subtit {
        font-size: 2rem;
        color: #FF6633;
    }

    /* product btn-box */
    .product.btn-box {
        justify-content: flex-start;
        margin: 20px 0 0 0;
    }

    .product.btn {
        margin: 0 0 0 0;
    }

    /* product note-txt */
    .product.note-txt {
        font-size: 1.7rem;
        line-height: 1.58;
        color: #727272;
    }

    /* product link-list */
    .product.link-list {
        display: flex;
        color: #FF6633;
    }

    .product.link-list > li:after {
        content: '\e913';
        font-weight: bold;
    }

    .product.link-list > li + li {
        margin: 0 0 0 30px;
    }

    /* explain */
    .explain .explain-box {
        width: calc(100vw - 30px);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        color: #727272;
        text-align: center;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .explain .tit {
        font-size: 3.2rem;
        color: #000;
        margin: 0 0 20px 0;
    }

    .explain-list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: start;
        margin: 30px 0 0 0;
    }

    .explain-list > li {
        width: 30%;
        font-size: 1.8rem;
        line-height: 1.58;
        color: #363636;
        text-align: left;
        position: relative;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .explain-list > li + li {
        margin: 0 0 0 0;
    }

    .explain-list .img-box img {
        width: 100%;
    }

    .explain-list .searchtype {
        font-size: 2.4rem;
        color: #000;
        font-weight: bold;
        height: 60px;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 10px 0 20px 0;
    }

    .explain-list > li:nth-child(1) .searchtype {
        background: #FF6633;
    }

    .explain-list > li:nth-child(2) .searchtype {
        background: #FCCF00;
    }

    .explain-list > li:nth-child(3) .searchtype {
        background: #47A2E3;
    }

    .explain-list > li a {
        line-height: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .explain-list > li:hover {
        transform: translate(0, -3%);
    }

    /* explain table01 */
    .explain .table01-box {
        overflow: hidden;
    }

    .explain .table01 {
        width: 100%;
        max-width: 990px;
        margin: 0 auto 30px;
        font-size: 1.8rem;
        color: #000;
        text-align: left;
        border-spacing: 3px;
    }

    .explain .table01 td {
        box-sizing: border-box;
        padding: 20px 20px 20px 20px;
        width: 50%;
        min-height: 60px;
    }

    .explain .table01 thead td {
        background: #d3ece8;
        border-radius: 10px 10px 0 0;
        font-size: 2rem;
        font-weight: bold;
        text-align: center;
    }

    .explain .table01 tbody tr:nth-child(even) td {
        background: #f1f1f1;
    }

    .explain .table01 tbody tr:nth-child(odd) td {
        background: #fff;
    }

    /* timesheet */
    .timesheet .timesheet-box {
        width: calc(100vw - 30px);
        max-width: 990px;
        margin: 0 auto;
        font-size: 1.8rem;
        line-height: 1.58;
        color: #363636;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .timesheet .tit {
        font-size: 3.2rem;
        color: #000;
        margin: 0 0 20px 0;
        text-align: center;
    }

    .timesheet a {
        color: #FF6633;
        text-decoration: underline;
    }

    /* timesheet table01 */
    .timesheet .table01-box {
        overflow: hidden;
    }

    .timesheet .table01 {
        width: 100%;
        max-width: 990px;
        margin: 0 auto 20px;
        font-size: 1.5rem;
        color: #000;
        text-align: center;
        border-spacing: 3px;
    }

    .timesheet .table01 td {
        box-sizing: border-box;
        padding: 20px 15px 20px 15px;
        width: 160px;
        min-height: 60px;
    }

    .timesheet .table01 thead td {
        background: #d3ece8;
        border-radius: 10px 10px 0 0;
    }

    .timesheet .table01 thead td:first-child {
        background: none;
    }

    .timesheet .table01 tbody tr:nth-child(even) td {
        background: #f1f1f1;
    }

    .timesheet .table01 tbody tr:nth-child(odd) td {
        background: #fff;
    }

    .timesheet .table01 tbody tr:nth-child(-n+2) td {
        background: #f1f1f1;
    }

    .timesheet .table01 tbody tr:nth-child(n+6) td {
        background: #f1f1f1;
    }

    .timesheet .table01 tbody tr td.tittd {
        background: #FF6633;
        color: #fff;
        border-radius: 10px 0 0 10px;
        font-size: 1.6rem;
        font-weight: bold;
    }

    /* timesheet table02 */
    .timesheet .table02 {
        width: 100%;
        max-width: 990px;
        margin: 15px auto 20px;
        font-size: 1.8rem;
        color: #000;
        text-align: center;
    }

    .timesheet .table02 .table-row {
        width: 100%;
        display: flex;
    }

    .timesheet .table02 .table-row.thead {
        margin: 0 0 5px 0;
    }

    .timesheet .table02 .table-row.thead > div {
        background: #d3ece8;
        width: 90px;
        height: 40px;
        border-radius: 10px 10px 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .timesheet .table02 .table-row.thead > div:last-child {
        width: 800px;
        justify-content: flex-start;
        box-sizing: border-box;
        padding: 0 15px 0 15px;
    }

    .timesheet .table02 .table-row.thead > div + div {
        margin: 0 0 0 5px;
    }

    .timesheet .table02 .table-row > div {
        min-width: 90px;
    }

    .timesheet .table02 .table-row:nth-child(n+2) {
        box-sizing: border-box;
        padding: 15px 15px 15px 0;
    }

    .timesheet .table02 .table-row:nth-child(odd) {
        background: #F1F1F1;
    }

    .timesheet .table02 .table-row:nth-child(even) {
        background: #fff;
    }

    .timesheet .table02 .table-row > .col-2 > ul > li {
        display: flex;
    }

    .timesheet .table02 .table-row > .col-2 {
        margin: 0 0 0 5px;
    }

    .timesheet .table02 .table-row .col-2 > ul > li .col-1 {
        min-width: 90px;
        margin: 0 5px 0 0;
        text-align: left;
        box-sizing: border-box;
        padding: 0 0 0 15px;
    }

    .timesheet .table02 .table-row .col-2 > ul > li .col-2 {
        text-align: left;
        box-sizing: border-box;
        padding: 0 0 0 15px;
    }

    .timesheet .subtithasbg {
        width: 100%;
        height: 40px;
        border-radius: 10px;
        background: #feec99;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        margin: 0 0 10px 0;
    }

    /* timesheet table03 */
    .timesheet .table03-box {
        overflow: hidden;
    }

    .timesheet .table03 {
        width: 100%; /* max-width: 990px; */
        margin: 0 auto 20px;
        font-size: 1.5rem;
        color: #000;
        text-align: center;
        border-spacing: 3px;
    }

    .timesheet .table03 td {
        box-sizing: border-box;
        padding: 20px 5px 20px 5px; /*  width: 105px; */
        min-height: 60px;
    }

    .timesheet .table03 thead td {
        background: #d3ece8;
        border-radius: 10px 10px 0 0;
    }

    .timesheet .table03 thead td:first-child {
        background: none;
        width: 106px;
    }

    .timesheet .table03 tbody tr:nth-child(even) td {
        background: #fff;
    }

    .timesheet .table03 tbody tr:nth-child(odd) td {
        background: #f1f1f1;
    }

    .timesheet .table03 tbody tr td.tittd {
        background: #FF6633;
        color: #fff;
        border-radius: 10px 0 0 10px;
        font-size: 1.6rem;
        font-weight: bold;
    }

    /* timesheet table04 */
    .timesheet .table04-box {
        overflow: hidden;
    }

    .timesheet .table04 {
        width: 100%; /* max-width: 990px; */
        margin: 0 auto 20px;
        font-size: 1.5rem;
        color: #000;
        text-align: center;
        border-spacing: 3px;
    }

    .timesheet .table04 td {
        box-sizing: border-box;
        padding: 20px 5px 20px 5px;
        min-height: 60px;
    }

    .timesheet .table04 thead td {
        background: #d3ece8;
        border-radius: 10px 10px 0 0;
    }

    .timesheet .table04 thead td:first-child {
        background: none;
        width: 106px;
    }

    .timesheet .table04 tbody tr:nth-child(even) td {
        background: #fff;
    }

    .timesheet .table04 tbody tr:nth-child(odd) td {
        background: #f1f1f1;
    }

    .timesheet .table04 tbody tr td.tittd {
        background: #FF6633;
        color: #fff;
        border-radius: 10px 0 0 10px;
        font-size: 1.6rem;
        font-weight: bold;
    }

    /* timesheet table05 */
    .timesheet .table05-box {
        overflow: hidden;
    }

    .timesheet .table05 {
        width: 100%;
        margin: 0 auto 20px;
        font-size: 1.5rem;
        color: #000;
        text-align: center;
        border-spacing: 3px;
    }

    .timesheet .table05 td {
        box-sizing: border-box;
        padding: 20px 5px 20px 5px;
        min-height: 60px;
    }

    .timesheet .table05 thead td {
        background: #d3ece8;
        border-radius: 10px 10px 0 0;
    }

    .timesheet .table05 thead td:first-child {
        background: none;
        width: 106px;
    }

    .timesheet .table05 tbody tr:nth-child(even) td {
        background: #fff;
    }

    .timesheet .table05 tbody tr:nth-child(odd) td {
        background: #f1f1f1;
    }

    .timesheet .table05 tbody tr td.tittd {
        background: #FF6633;
        color: #fff;
        border-radius: 10px 0 0 10px;
        font-size: 1.6rem;
        font-weight: bold;
    }

    .timesheet .img-box {
        display: flex;
        justify-content: center;
        margin: 0 0 30px 0;
    }

    .timesheet .img-box img {
        width: 70%;
    }

    /* join */
    .join > .flex-box {
        width: calc(100vw - 30px);
        max-width: 990px;
        margin: 0 auto -180px auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .join > .flex-box > li {
        width: 46%;
        max-width: 450px;
        margin: 2% 2% 2% 2%;
    }

    .join > .flex-box > li:first-child {
        width: 100%;
        max-width: none;
    }

    .join > .flex-box > li:first-child .flex-box {
        flex-direction: row;
    }

    .join > .flex-box > li:first-child .col-1 {
        width: 380px;
        margin: 0 -100px 0 0;
        flex-shrink: 0;
    }

    .join > .flex-box > li:first-child .img-box {
        width: 460px;
    }

    .join .img-box img {
        width: 100%;
    }

    .join > .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .join .btn-box {
        margin: 30px 0 0 0;
    }

    /* status */
    .status .status-box {
        width: calc(100vw - 30px);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        color: #727272;
        text-align: center;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .status .tit {
        font-size: 3.2rem;
        color: #000;
        margin: 0 0 20px 0;
    }

    .status-list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 30px 0 0 0;
    }

    .status-list > li {
        width: 32%;
        height: 360px;
        position: relative;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .status-list > li .list-box {
        width: 100%;
        height: 100%;
        border-radius: 30px;
        border: 4px solid;
        box-sizing: border-box;
        padding: 0 0 0 0;
        font-size: 1.6rem;
        line-height: 1.58;
        color: #363636;
        text-align: left;
        overflow: hidden;
    }

    .status-list > li + li {
        margin: 0 0 0 0;
    }

    .status-list .img-box {
        height: 165px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .status-list .img-box img {
        display: block;
        margin: 0 auto;
    }

    .status-list .searchtype {
        font-size: 2rem;
        color: #000;
        font-weight: bold;
        height: 50px;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 10px 0;
    }

    .status-list > li .txt-box {
        height: 200px;
        box-sizing: border-box;
        padding: 15px 15px 15px 15px;
    }

    .status-list > li .note-txt {
        font-size: 1.4rem;
        line-height: 1.58;
        color: #727272;
        width: 90%;
        position: absolute;
        left: 50%;
        bottom: -50px;
        transform: translateX(-50%);
    }

    .status-list > li:nth-child(1) .txt-box {
        background: #d3ece8;
    }

    .status-list > li:nth-child(2) .txt-box {
        background: #FEEC99;
    }

    .status-list > li:nth-child(3) .txt-box {
        background: #CBDEF3;
    }

    .status-list > li:nth-child(1) .list-box {
        border-color: #FF6633;
    }

    .status-list > li:nth-child(2) .list-box {
        border-color: #FCCF00;
    }

    .status-list > li:nth-child(3) .list-box {
        border-color: #47A2E3;
    }

    .status-list > li a {
        line-height: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .status-list > li:hover {
        transform: translate(0, -3%);
    }

    /* business */
    .business .business-box {
        width: calc(100vw - 30px);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
        font-size: 1.8rem;
        line-height: 1.58;
        text-align: center;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .business .tit {
        font-size: 3.2rem;
        color: #000;
        margin: 0 0 20px 0;
    }

    .business-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 0 0 0;
    }

    .business-list > li {
        width: 23.5%;
        height: 130px;
        background: #fff;
        margin: 0.75% 0.75% 0.75% 0.75%;
        position: relative;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .business-list > li a {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .business-list .img-box {
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .business-list .img-box img {
        display: block;
        margin: 0 auto;
    }

    .business .login-box {
        width: 500px;
        height: 90px;
        border-radius: 50px;
        background: #d3ece8;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        padding: 0 15px 0 15px;
        margin: 20px auto 60px auto;
    }

    .business .login-box .btn {
        width: auto;
    }

    /* communicaton */
    .communication .note-txt {
        font-size: 1.8rem;
        line-height: 1.58;
        text-align: justify;
    }

    /* bindinginfo */
    .bindinginfo .info-top {
        padding: 30px 0 30px 0;
        font-size: 1.6rem;
    }

    .bindinginfo .info-top .tit {
        font-size: 2.2rem;
        margin: 0 0 0 0;
    }

    .bindinginfo .info-top > .col-1 {
        margin: 0 20px 0 0;
        padding: 0 0 0 0;
    }

    .bindinginfo .info-top > .col-1 img {
        max-width: 100%;
    }

    .bindinginfo .info-top > .col-2 a {
        color: #FF6633;
        text-decoration: underline;
    }

    .bindinginfo .info-top > .col-2 .img-box {
        width: 80px;
    }

    .bindinginfo .info-top > .col-2 .img-box img {
        width: 100%;
    }

    .bindinginfo .hightlight-txt {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        margin: 10px 0 10px 0;
    }

    .bindinginfo .hightlight-txt .col-1 {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        z-index: 2;
    }

    .bindinginfo .hightlight-txt .col-2 {
        width: 100%;
        height: auto;
        border-radius: 40px;
        box-sizing: border-box;
        padding: 10px 10px 10px 65px;
        margin: 0 0 0 -60px;
        background: #fff;
        font-size: 1.3rem;
        line-height: 1.6;
        z-index: 1;
    }

    .bindinginfo .hightlight-txt .col-2 a {
        height: 30px;
        border-radius: 15px;
        background: #FF6633;
        font-size: 1.4rem;
        color: #fff;
        text-decoration: none;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        padding: 0 10px 0 10px;
        margin: 0 3px 0 3px;
    }

    .bindinginfo .hightlight-txt .col-2 > p {
        margin: 0 0 8px 0;
    }

    .bindinginfo.bindimggopoint .service-header .img-box {
        display: flex;
        justify-content: center;
    }

    .bindinginfo.bindimggopoint .service-header img {
        width: 90%;
    }

    .bindinginfo .open-bind {
        width: 100%;
        margin: 20px auto 10px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: start;
    }

    .bindinginfo .open-bind > li {
        width: 250px;
        height: 600px;
        border-radius: 20px;
        background: #fff;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 5px 0 5px;
    }

    .bindinginfo .open-bind > li .tit {
        font-size: 2.2rem;
        color: #FF6633;
        text-align: center;
        margin: 10px 0 10px 0;
    }

    .bindinginfo .service-header .img-box {
        position: relative;
    }

    .bindinginfo .service-header .img-box a {
        width: 100%;
        height: 100%;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .bindinginfo .bindimg-box .bindimg-slide {
        width: 220px;
        height: 500px;
        position: relative;
    }

    .bindinginfo .bindimg-box .bindimg-slide img {
        width: 100%;
    }

    .bindinginfo .bindimg-box .slide-item {
        width: 100%;
    }

    .bindinginfo .bindimg-box .txt-box {
        font-size: 1.6rem;
        color: #FF6633;
        text-align: center;
        margin: 5px 0 5px 0;
    }

    .bindinginfo .bindimg-box .bindimg-ui {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.6rem;
        color: #727272;
    }

    .bindinginfo .bindimg-box .bindimg-ui .count-num {
        font-family: arial;
        margin: 0 55px 0 55px;
    }

    .bindinginfo .bindimg-box .bindimg-ui .current {
        font-weight: bold;
        color: #FF6633;
    }

    .bindinginfo .bindimg-box .bindimg-ui .prevarrow, .bindinginfo .bindimg-box .bindimg-ui .nextarrow {
        cursor: pointer;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .bindinginfo .bindimg-box .bindimg-ui .prevarrow:hover, .bindinginfo .bindimg-box .bindimg-ui .nextarrow:hover {
        color: #FF6633;
    }

    .bindinginfo .qa-list > p {
        margin: 20px 0 0 0;
    }

    .info-box.bindinginfo {
        width: calc(100% - 30px);
        margin: 30px auto 0;
    }


    /* errpage */
    .errpage-txt {
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .errpage.btn-box {
        margin: 10px auto 0;
    }

    /* idx line */
    .idx-line {
        background: #E2F2F1;
    }

    .idx-line .line-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: calc(100vw - 30px);
        margin: 0px auto 0 auto;
        box-sizing: border-box;
        padding: 30px 0 30px 0;
    }

    .idx-line .line-box .line-list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .idx-line .line-box .line-list > li {
        width: 23%;
        margin: 0 0 0 0;
    }

    .idx-line .line-box .line-list > li:nth-child(n+2) {
        width: 23%;
    }

    .idx-line .line-box .line-list > li a {
        width: 100%;
        transition: all .3s cubic-bezier(.4, 0, .2, 1);
    }

    .idx-line .line-box .line-list > li a:hover {
        transform: scale(1.1);
    }

    .idx-line .line-box .line-list > li img {
        width: 100%;
    }

    .idx-line .line-box .line-list > li a + a {
        margin: 20px 0 0 0;
    }

    .footer-box2 .footer-copyright .col-1 {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .footer-box2 .footer-copyright .col-2 {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .footer-box2 .footer-copyright span {
        margin: 0 0 0 15px;
    }

    /* btn */
    .btn-box {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 40px 0 0 0;
    }

    .btn-box .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
        border-radius: 25px;
        background: #FF6633;
        color: #fff;
        font-size: 2rem;
        box-sizing: border-box;
        padding: 0 30px 0 30px;
        cursor: pointer;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        text-decoration: none;
    }

    .btn-box .addcontact-btn:before {
        content: '\e96a';
        font-size: 2.2rem;
        color: #fccf00;
        margin: 0 8px 0 0;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .btn-box .btn:hover {
        background: #fccf00;
    }

    .btn-box .btn:hover:before {
        color: #fff;
    }

    /* width set */
    /* mobile */
    .mw100p {
        width: auto;
    }

    .mw50 {
        width: auto;
    }

    .mw60 {
        width: auto;
    }

    .mw70 {
        width: auto;
    }

    .mw80 {
        width: auto;
    }

    .mw100 {
        width: auto;
    }

    .mw110 {
        width: auto;
    }

    .mw130 {
        width: auto;
    }

    .mw180 {
        width: auto;
    }

    .mw200 {
        width: auto;
    }

    .mw230 {
        width: auto;
    }

    .mw250 {
        width: auto;
    }

    /* pad */
    .padw100 {
        width: 100px;
    }

    .padw120 {
        width: 120px;
    }

    .padw130 {
        width: 130px;
    }

    .padw150 {
        width: 150px;
    }

    .padw160 {
        width: 160px;
    }

    .padw200 {
        width: 200px;
    }

    .padw210 {
        width: 210px;
    }

    .padw220 {
        width: 220px;
    }

    .padw230 {
        width: 230px;
    }

    .padw240 {
        width: 240px;
    }

    .padw250 {
        width: 250px;
    }

    .padw300 {
        width: 300px;
    }

    .padw350 {
        width: 350px;
    }

    .padw400 {
        width: 400px;
    }

    .padw420 {
        width: 420px;
    }

    .padw500 {
        width: 500px;
    }


}


/* $鈩碌脛掳忙脨脥 */
@media screen and (orientation: landscape) {


}


/* $Pc
--------------------------------------------------------------------------------------*/
@media screen and (min-width: 1025px) {

    html, body {
        min-width: 100%;
    }

    /* border box */
    .border-box {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        border-radius: 30px;
        border: 8px solid #FF6633;
        box-sizing: border-box;
        padding: 40px 40px 40px 40px;
        background: #fff;
        position: relative;
    }

    /* flex box */
    .flex-box {
        display: flex;
    }

    /* column box */
    .column-box {
        display: flex;
    }


    /* step-list */
    .step-list {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2rem; /* font-weight: bold; */
        margin: 80px 0 40px 0;
    }

    .step-list li {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        min-width: 250px;
        height: 30px;
        border-bottom: 2px solid #E5E5E5;
        position: relative;
    }

    .step-list li:after {
        content: '';
        width: 2px;
        height: 30px;
        border-right: 2px solid #E5E5E5;
        transform: skewX(25deg);
        position: absolute;
        right: 6px;
        top: 0;
    }

    .step-list li.active {
        color: #FF6633;
        border-color: #FF6633;
    }

    .step-list li.active:after {
        border-color: #FF6633;
    }

    /* btn */
    .btn-box {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 80px 0 0 0;
    }

    .btn-box .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
        border-radius: 25px;
        background: #FF6633;
        color: #fff;
        font-size: 2rem;
        box-sizing: border-box;
        padding: 0 30px 0 30px;
        cursor: pointer;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        text-decoration: none;
    }

    .btn-box .btn + .btn {
        margin: 0 0 0 20px;
    }

    .btn-box .addcontact-btn:before {
        content: '\e96a';
        font-size: 2.2rem;
        color: #fccf00;
        margin: 0 8px 0 0;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .btn-box .btn:hover {
        background: #fccf00;
    }

    .btn-box .btn:hover:before {
        color: #fff;
    }

    /* width set */
    /* mobile */
    .mw100p {
        width: auto;
    }

    .mw50 {
        width: auto;
    }

    .mw60 {
        width: auto;
    }

    .mw80 {
        width: auto;
    }

    .mw100 {
        width: auto;
    }

    .mw130 {
        width: auto;
    }

    .mw180 {
        width: auto;
    }

    .mw180 {
        width: auto;
    }

    .mw200 {
        width: auto;
    }

    .mw230 {
        width: auto;
    }

    .mw250 {
        width: auto;
    }

    .mw270 {
        width: auto;
    }

    /* pc */
    .w50 {
        width: 50px;
    }

    .w80 {
        width: 80px;
    }

    .w100 {
        width: 100px;
    }

    .w110 {
        width: 110px;
    }

    .w120 {
        width: 120px;
    }

    .w130 {
        width: 130px;
    }

    .w140 {
        width: 140px;
    }

    .w150 {
        width: 150px;
    }

    .w160 {
        width: 160px;
    }

    .w170 {
        width: 170px;
    }

    .w180 {
        width: 180px;
    }

    .w200 {
        width: 200px;
    }

    .w225 {
        width: 225px;
    }

    .w240 {
        width: 240px;
    }

    .w250 {
        width: 250px;
    }

    .w300 {
        width: 300px;
    }

    .w320 {
        width: 320px;
    }

    .w350 {
        width: 350px;
    }

    .w400 {
        width: 400px;
    }

    .w420 {
        width: 420px;
    }

    .w500 {
        width: 500px;
    }

    body.inpage {
        background: #f5f5f5;
    }

    /* header */
    header {
        width: 100vw;
        position: static;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
        background: #fff; /* z-index: 999; */
        z-index: 99999;
    }

    .header-wrap {
        width: 100%;
        height: 90px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        box-sizing: border-box;
        padding: 0 2vw;
    }

    .header-wrap h3 {
        width: 200px;
    }

    .header-wrap h3 a {
        width: 100%;
        line-height: 0;
    }

    .header-wrap h3 a img {
        width: 100%;
    }

    .header-nav {
        display: flex;
        flex-direction: row;
        color: #000;
        width: auto;
        height: auto;
        position: static;
    }

    .header-nav > li {
        display: flex;
        flex-direction: row;
        width: auto;
        align-items: center;
    }

    .header-nav > li:nth-child(odd) {
        background: none
    }

    .header-nav > li:nth-child(even) {
        background: none;
    }

    .header-nav > li + li:before {
        content: '';
        height: 22px;
        border-left: 2px solid #E7E7E7;
    }

    .header-nav_trigger {
        display: inline-block;
        font-size: 2.2rem;
        margin: 0 2.5vw;
        cursor: pointer;
        height: 90px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-sizing: border-box;
        padding: 0 0 0 0;
    }

    .header-nav_trigger:after {
        content: '';
        display: block;
        width: 0%;
        height: 3px;
        line-height: 0;
        background: #f6c900;
        margin: 5px 0 0 0;
        transition: all .2s cubic-bezier(.4, 0, .2, 1);
        align-self: flex-start;
    }

    .header-nav > li:hover .header-nav_trigger:after, .header-nav > li.active .header-nav_trigger:after {
        width: 100%;
    }

    /* megamenu */
    .megamenu-wrap {
        display: flex;
        width: 100vw;
        height: auto;
        max-height: 370px;
        background: rgba(240, 240, 239, .98);
        position: absolute;
        left: 0;
        top: 90px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        display: none;
    }

    .megamenu-inner {
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 30px 0 30px 0;
    }

    .header-nav > li:first-child .megamenu-inner {
        justify-content: space-between;
    }

    .header-nav > li:first-child .megamenu-inner > li:first-child {
        width: 440px;
    }

    .header-nav > li:first-child .megamenu-inner > li .megamenu-list > li {
        width: auto;
        white-space: nowrap;
    }

    .header-nav > li:nth-child(4) .megamenu-inner > li:first-child {
        flex-shrink: 0;
    }

    /* .header-nav>li:nth-child(4) .megamenu-inner>li:first-child{ width: 330px; } */
    .header-nav > li:nth-child(4) .megamenu-inner > li .megamenu-list > li {
        width: auto;
        white-space: nowrap;
    }

    .header-nav > li:nth-child(1) .megamenu-inner > li {
        margin: 0 53px 0 53px;
    }

    .header-nav > li:nth-child(n+2) .megamenu-inner > li {
        margin: 0 60px 0 60px;
    }

    .header-nav > li:last-child .megamenu-inner > li {
        margin: 0 30px 0 30px;
    }

    .megamenu-list_title {
        font-size: 2rem;
        font-weight: bold;
        white-space: nowrap;
        color: #000;
        margin: 0 0 15px 0;
    }

    .header-nav > li:last-child .megamenu-list_title {
        font-size: 2rem;
        font-weight: bold;
        white-space: nowrap;
        color: #000;
        margin: 0 0 0 0;
    }

    .megamenu-list_title a {
        transition: all .2s cubic-bezier(.4, 0, .2, 1);
    }

    .megamenu-list_title a:hover {
        color: #009380;
    }

    .megamenu-list {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        font-size: 1.7rem;
        line-height: 1.6;
        color: #000;
    }

    .header-nav > li:first-child .megamenu-list {
        height: 250px;
    }

    .header-nav > li:nth-child(4) .megamenu-list {
        height: 250px;
    }

    .megamenu-list > li {
        display: flex;
        align-items: center;
        transition: color .25s cubic-bezier(.4, 0, .2, 1);
    }

    .header-nav > li:first-child .megamenu-list > li {
    }

    /* .header-nav>li:first-child .megamenu-inner>li:first-child .megamenu-list>li{ width: 20vw; max-width: 220px; } */
    .header-nav > li:first-child .megamenu-inner > li:first-child .megamenu-list > li {
        max-width: 220px;
    }

    /* .header-nav>li:nth-child(4) .megamenu-inner>li:first-child .mgamenu-list>li{ max-width: 220px; } */
    .header-nav > li:nth-child(4) .megamenu-inner > li:first-child .megamenu-list > li {
        max-width: 220px;
    }

    .megamenu-list > li:before {
        content: '-';
        margin: 0 5px 0 0;
        display: none;
    }

    .megamenu-list > li:hover {
        color: #009380;
    }

    .megamenu-list > li:hover:before

; {
    color: #009380;
}
    .header-search {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 200px;
        height: 45px;
        border-radius: 45px;
        border: 1px solid #E7E7E7;
        position: relative;
        right: auto;
    }

    .header-search input[type='text'] {
        width: calc(100% - 45px);
        height: 100%;
        box-sizing: border-box;
        padding: 0 10px 0 20px;
        font-size: 2rem;
        color: #000;
        background: transparent;
    }

    .header-search input[type='text']::placeholder {
        color: #000;
    }

    .header-search button {
        width: 45px;
        height: 45px;
        border-radius: 30px;
        border: 1px solid #E7E7E7;
        background: transparent;
        cursor: pointer;
    }

    .header-search button:after {
        content: '\e926';
        font-size: 2.2rem;
    }

    .hamburg-box {
        display: none;
    }

    /* index msg */
    .index-msg {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 65px;
        background: #FF6633;
        position: fixed;
        top: 90px;
        box-sizing: border-box;
        padding: 5px 0 5px 0;
        z-index: 998; /*  z-index: 99999; */
    }

    .index-msg .msg-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        max-width: 1100px;
        height: 95%;
        margin: 0 auto;
        position: relative;
    }

    .index-msg .msg-box ul {
        font-size: 1.7rem;
        line-height: 1.58;
        color: #fff;
        width: calc(100% - 100px);
        height: 100%;
    }

    .index-msg .msg-box ul > li {
        width: 95%;
        margin: 0 0 0 22px;
    }

    .index-msg .msg-box ul > li:before {
        content: '\e961';
        color: #fccf00;
        margin: 0 5px 0 -22px;
    }

    .index-msg .msg-box ul > li:nth-child(n+2) {
        display: block;
    }

    .index-msg .msg-box .msg-close {
        position: absolute;
        right: 20px;
        top: 3px;
        cursor: pointer;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .index-msg .msg-box .msg-close:after {
        content: '\e90f';
        color: #fff;
        font-size: 1.4rem;
    }

    .index-msg .msg-box .msg-close:hover {
        transform: rotate(180deg);
    }

    .index-msg .msg-box .msg-more {
        font-size: 1.7rem;
        color: #fccf00;
        position: absolute;
        right: 10px;
        bottom: 0;
    }

    .index-msg .msg-box .msg-more:after {
        content: '\e906';
        margin: 0 0 0 5px;
        color: #fccf00;
    }

    .index-msg .msg-box .msg-more a:hover {
        text-decoration: underline;
    }

    /* idx kv */
    .idx-kv {
        box-sizing: border-box;
        padding: 160px 0 60px 0;
        position: relative;
    }

    .idxkv-bg {
        width: 100%;
        height: 668px;
        position: absolute;
        top: -90px; /* top: -50px; */
        overflow: hidden;
        display: block;
    }

    .idxkv-bg:before {
        content: '';
        width: 2500px;
        height: 668px;
        border-radius: 50%/50%;
        background: #F0F0F0;
        position: absolute;
        left: 50%;
        top: 0px;
        transform: translate(-50%, 0);
        z-index: -1;
    }

    .idx-kv .kv-box {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
    }

    .idx-kv .kv-box li {
        position: relative;
        border-radius: 5px;
        overflow: hidden;
    }

    .idx-kv .kv-box li img {
        width: 100%;
    }

    .idx-kv .kv-box li a {
        width: 100%;
        height: 100%;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .idx-kv .slick-dots {
        display: flex;
        justify-content: center;
        margin: 15px 0 0 0;
    }

    .idx-kv .slick-dots li {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 2px solid #727272;
        overflow: hidden;
        cursor: pointer;
    }

    .idx-kv .slick-dots li.slick-active {
        background: #727272;
    }

    .idx-kv .slick-dots li button {
        display: none;
    }

    .idx-kv .slick-dots li + li {
        margin: 0 0 0 15px;
    }

    .idx-kv .slick-arrows {
        width: 1100px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: block;
    }

    .idx-kv .slick-arrows .prev {
        position: absolute;
        left: -38px;
        cursor: pointer;
    }

    .idx-kv .slick-arrows .prev:before {
        content: '\e900';
        font-size: 3rem;
        color: #000;
    }

    .idx-kv .slick-arrows .next {
        position: absolute;
        right: -38px;
        cursor: pointer;
    }

    .idx-kv .slick-arrows .next:before {
        content: '\e901';
        font-size: 3rem;
        color: #000;
    }

    /* index icon */
    /* index h5 tit} */
    .index .tit-box {
        display: flex;
        justify-content: center;
        margin: 0 0 30px 0;
    }

    .index .tit-box h5 {
        display: inline-block;
        font-size: 2.8rem;
        font-weight: 400;
    }

    .index .tit-box h5:after {
        content: '';
        display: block;
        width: 100%;
        height: 6px;
        background: #ffc815;
        margin: -8px 0 0 0;
    }

    /* index more icon */
    .index .more-icon {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 80px;
        margin: 40px auto 0;
        font-size: 2.2rem;
        position: relative;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
    }

    .index .more-icon:after {
        content: '\e916';
        display: flex;
        justify-content: center;
        align-items: center;
        color: #000;
        font-size: 1.2rem;
        width: 20px;
        height: 20px;
        border-radius: 20px;
        background: #fccf00;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .index .more-icon:hover:after {
        color: #fff;
        background: #009380;
        transform: translateY(2px);
    }

    .index .more-icon > a {
        width: 100%;
        height: 100%;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    /* idx service */
    .idx-service {
    }

    .idx-service .service-list {
        display: flex;
        justify-content: space-between;
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 0 0 30px 0;
    }

    .idx-service .service-list > li {
        width: 20%;
        max-width: 200px;
        font-size: 2.4rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        margin: 0 0 0 0;
    }

    .idx-service .service-list .img-box {
        width: 100%;
        margin: 0 0 20px 0;
        transition: all .2s cubic-bezier(.4, 0, .2, 1)
    }

    .idx-service .service-list .img-box img {
        width: 100%;
    }

    .idx-service .service-list > li:hover .img-box {
        transform: translateY(-30px);
    }

    .idx-service .service-list > li:hover {
        text-decoration: underline;
    }

    .idx-service .service-list > li > a {
        width: 100%;
        height: 100%;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    /* idx search */
    .idx-search {
        position: relative;
        height: 110px;
        margin: 0 0 40px 0;
        z-index: 1;
    }

    .idx-search .search-bg {
        width: 90%;
        height: 100%;
        background: #fccf00;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        display: block;
    }

    .idx-search .search-bg:before {
        content: '';
        width: 110px;
        height: 110px;
        border-radius: 50%;
        background: #fccf00;
        position: absolute;
        right: -55px;
        display: block;
    }

    .idx-search .search-bg .img-box {
        position: absolute;
        right: -40px;
        top: 50%;
        transform: translateY(-50%);
        display: block;
    }

    .idx-search .search-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        max-width: 1100px;
        height: 100%;
        margin: 0 auto;
    }

    .idx-search .search-bar {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .idx-search .checkradio-box {
        display: flex;
        font-size: 2.4rem;
        font-weight: bold;
    }

    .idx-search .checkradio-box > li {
        position: relative;
    }

    .idx-search .checkradio-box > li + li {
        margin: 0 0 0 70px;
    }

    .idx-search input[type=radio] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 2;
        cursor: pointer;
        font-size: 13px;
        color: #8b8b8b;
    }

    .idx-search input[type=radio] + label:before {
        content: '\e922';
        color: #000;
        margin-right: .2rem;
        background: #fff;
        border-radius: 50%;
    }

    .idx-search input[type=radio]:checked + label:before {
        content: '\e95f';
        color: #000;
    }

    .idx-search .search-input {
        display: flex;
        justify-content: space-between; /* width: 270px; */
        width: 500px;
        height: 45px;
        border-radius: 20px;
        background: #fff;
        position: relative;
        margin: 0 0 0 70px;
        overflow: hidden;
    }

    .idx-search .search-input input[type='text'] {
        width: calc(100% - 45px);
        height: 100%;
        box-sizing: border-box;
        padding: 0 10px 0 20px;
        font-size: 2rem;
        color: #000;
        background: transparent;
    }

    .idx-search .search-input button {
        width: 45px;
        height: 45px;
        border-radius: 20px; /* border: 1px solid #E7E7E7; */
        background: transparent;
        cursor: pointer;
    }

    .idx-search .search-input button:after {
        content: '\e926';
        font-size: 2.6rem;
    }

    .idx-search .search-input input[type='submit'] {
        width: 45px;
        height: 45px;
        border-radius: 20px; /* border: 1px solid #E7E7E7; */
        background: transparent;
        cursor: pointer;
    }

    .idx-search .search-input input[type='submit']:after {
        content: '\e926';
        font-size: 2.6rem;
    }

    .idx-search .search-link {
        display: flex;
        font-size: 2rem;
        margin: 10px 0 0 0;
    }

    .idx-search .search-link > li {
        margin: 0 0 0 30px;
    }

    .idx-search .search-link > li:after {
        content: '\e913';
        margin: 0 0 0 2px;
    }

    .idx-search .search-link > li:hover a {
        text-decoration: underline;
    }

    /* idx foodmap */
    .idx-foodmap {
        background: #FFFCE2;
    }

    .idx-foodmap .banner-box {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto 0 auto;
        position: relative;
    }

    .idx-foodmap .banner-box a {
        width: 100%;
        height: 100%;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    /* idx line */
    .idx-line {
        background: #E2F2F1;
    }

    .idx-line .line-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        max-width: 1100px;
        margin: -100px auto 0 auto;
        box-sizing: border-box;
        padding: 100px 0 60px 0;
    }

    .idx-line .line-box .line-list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .idx-line .line-box .line-list > li {
        width: 235px;
        margin: 0 0 0 0;
    }

    .idx-line .line-box .line-list > li:nth-child(n+2) {
        width: 265px;
    }

    .idx-line .line-box .line-list > li a {
        width: 100%;
        transition: all .3s cubic-bezier(.4, 0, .2, 1);
    }

    .idx-line .line-box .line-list > li a:hover {
        transform: scale(1.1);
    }

    .idx-line .line-box .line-list > li img {
        width: 100%;
    }

    .idx-line .line-box .line-list > li a + a {
        margin: 20px 0 0 0;
    }

    /* idx txtnews */
    .idx-txtnews {
        background: #e5e5e5;
    }

    .idx-txtnews .txtnews-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 40px 0 20px 0;
    }

    .idx-txtnews .txtnews-list {
        display: flex;
        flex-direction: column;
        margin: 0 0 0 0;
    }

    .idx-txtnews .txtnews-list > li {
        display: flex;
        height: 50px;
        position: relative;
    }

    .idx-txtnews .txtnews-list > li > a {
        width: 100%;
        height: 100%;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .idx-txtnews .txtnews-list > li + li {
        margin: 20px 0 0 0
    }

    .idx-txtnews .txtnews-tag {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 160px;
        height: 100%;
        border-radius: 5px;
        font-size: 2rem;
    }

    .txtnews-tag.type01 {
        background: #FF6633;
        color: #fff;
    }

    .txtnews-tag.type02 {
        background: #47A2E3;
        color: #fff;
    }

    .txtnews-tag.type03 {
        background: #FCCF00;
        color: #545251;
    }

    .txtnews-tag.type04 {
        background: #f27b7b;
        color: #fff;
    }

    .idx-txtnews .txtnews-date {
        display: flex;
        align-items: center;
        width: 120px;
        height: 100%;
        font-size: 2rem;
        margin: 0 40px 0 40px;
    }

    .idx-txtnews .txtnews-txt {
        display: flex;
        align-items: center;
        font-size: 2.2rem;
        transition: all .2s cubic-bezier(.4, 0, .2, 1);
        width: auto;
        margin: 0 0 0 0;
    }

    .idx-txtnews .txtnews-list > li:hover .txtnews-txt {
        text-decoration: underline;
    }

    /* idx imgnews  */
    .idx-imgnews {
    }

    .idx-imgnews .imgnews-box {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 40px 0 20px 0;
    }

    .idx-imgnews .imgnews-list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .idx-imgnews .imgnews-list li {
        width: 30vw;
        max-width: 340px;
        height: 500px; /* height: 480px; */
        position: relative;
        font-size: 2rem;
        line-height: 1.58;
        color: #727272;
        box-shadow: 0 3px 30px rgba(0, 0, 0, .16);
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .idx-imgnews .imgnews-list li a {
        width: 100%;
        height: 100%;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .idx-imgnews .imgnews-list li .img-box {
        width: 30vw;
        max-width: 340px; /* height: 22.5vw; */
        height: 30vw;
        max-height: 340px; /* max-height: 255px; */
        overflow: hidden;
        position: relative;
    }

    .idx-imgnews .imgnews-list li .img-box img {
        width: 100%;
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
    }

    .idx-imgnews .imgnews-list li:hover {
        background: #f0f0f0;
        box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    }

    .idx-imgnews .imgnews-list li .txt-box {
        box-sizing: border-box;
        padding: 0 15px 0 15px;
    }

    .idx-imgnews .imgnews-list .tit {
        font-size: 2.4rem;
        font-weight: bold;
        text-align: center;
        color: #000;
        margin: 20px 15px 20px 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* idx social media */
    .idx-socialmedia {
    }

    .idx-socialmedia .socialmedia-list {
        display: flex;
        width: 100%;
        max-width: 1100px;
        height: 470px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 40px 0 20px 0;
    }

    .idx-socialmedia .socialmedia-list .fb {
        width: 415px;
        height: 100%;
        margin: 0 120px 0 0;
    }

    .idx-socialmedia .socialmedia-list .fb-include {
        width: 100%;
        height: 303px;
        border-radius: 10px;
        border: 10px solid #363636;
        position: relative;
        background: #363636;
    }

    .idx-socialmedia .socialmedia-list .cat01 {
        position: absolute;
        left: 50%;
        top: -50px;
        transform: translateX(-50%);
    }

    .idx-socialmedia .socialmedia-list .fb-page.pc {
        display: block;
    }

    .idx-socialmedia .socialmedia-list .fb-page.mobile {
        display: none;
    }

    .idx-socialmedia .socialmedia-list .tvcf {
        width: 540px;
        height: 100%;
        display: block;
    }

    .idx-socialmedia .socialmedia-list .tvcf-include {
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
        position: relative;
        border-radius: 10px;
        border: 10px solid #363636;
        background: #363636;
    }

    .idx-socialmedia .socialmedia-list .tvcf-include iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .idx-socialmedia .socialmedia-list .cat02 {
        position: absolute;
        left: 80%;
        top: -80px;
        transform: translateX(-50%);
    }

    .index .idx-socialmedia .tit-box {
        margin: 0 0 60px 0;
    }

    /* inpage */
    .inpage-wrap {
        box-sizing: border-box;
        padding: 90px 0 80px 0;
        min-height: calc(100vh - 60px - 242px - 80px);
    }

    /* breadcrumb */
    .breadcrumb-box {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 60px;
        background: #fff;
    }

    .breadcrumb-list {
        display: flex;
        width: 100%;
        margin: 0 auto;
        font-size: 1.7rem;
        line-height: 1.58;
        color: #727272;
        box-sizing: border-box;
        padding: 0 2vw 0 2vw;
    }

    .breadcrumb-list > li + li:before {
        content: '\e913';
        margin: 0 5px 0 5px;
    }

    .breadcrumb-list a:hover {
        text-decoration: underline;
    }

    /* member */
    .member-box {
        width: 100%;
        max-width: 1100px;
        box-sizing: border-box;
        padding: 50px 0 0 0;
        margin: 0 auto;
        position: relative;
    }

    .member-box .tit {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.4rem;
        line-height: 1.58;
        margin: 0 0 30px 0;
    }

    .member-box .tit-subtxt {
        font-size: 1.8rem;
        line-height: 1.58;
        text-align: center;
        margin: 0 0 20px 0;
    }

    .member-box .tit-subtxt a {
        color: #FF6633;
        text-decoration: underline;
    }

    .member-box > .note-txt {
        font-size: 1.8rem;
        line-height: 1.58;
        text-align: center;
    }

    .member-box div > .note-txt {
        font-size: 1.8rem;
        line-height: 1.58; /* text-align: center; */
    }

    .member-box .login-platform {
        display: flex; /*justify-content: center;*/ /* align-items: start; */
        width: 700px;
        height: 130px;
        border-radius: 50px;
        background: #fff;
        margin: 0 auto 20px;
    }

    .member-box .login-platform.mpt20 {
        padding: 10px 0 0 0;
    }

    .member-box .login-platform li {
        width: auto;
        margin: 0 20px 0 20px;
    }

    .member-box .login-platform li img {
        height: 60px;
    }

    .login-platform li {
        text-align: center;
        font-size: 1.6rem;
    }

    .member-box .login-platform li:hover img {
        transform: scale(1.1);
        opacity: 0.9;
        cursor: pointer;
    }

    .form-box {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
        border-radius: 30px;
        border: 8px solid #FF6633;
        box-sizing: border-box;
        padding: 40px 40px 40px 40px;
        background: #fff;
        position: relative;
    }

    .member-box .form-box .form-header {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .member-box .form-box .form-header:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #FF6633;
    }

    .member-box .form-box .form-header .header-tit {
        font-size: 2.4rem;
        line-height: 1.58;
        font-weight: bold;
        color: #FF6633;
    }

    .member-box .form-box .form-header .header-note {
        font-size: 1.7rem;
        line-height: 1.58;
        color: #FF6633;
        align-self: center;
    }

    .form-list {
        box-sizing: border-box;
        padding: 0 0 80px 10px;
    }

    .form-list.last {
        padding: 0 0 10px 10px;
    }

    .form-list > li {
        display: flex;
        flex-direction: row;
        align-items: flex-start; /* flex-wrap: wrap;  */
        font-size: 2rem;
        line-height: 1.58;
        margin: 25px 0 0 0;
    }

    .form-list > div > li {
        display: flex;
        flex-direction: row;
        align-items: flex-start; /* flex-wrap: wrap;  */
        font-size: 2rem;
        line-height: 1.58;
        margin: 25px 0 0 0;
    }

    .form-list .list_tit {
        display: flex;
        align-items: center;
        flex-shrink: 0;
        font-weight: bold;
        width: 100px;
        height: 50px;
        margin: 0 25px 0 0;
    }

    .form-list .list_tit.must:before {
        content: '*';
        color: #f00;
        margin: 0 0 0 -10px;
    }

    .form-list .list_item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        font-size: 2rem;
        position: relative;
        min-height: 50px;
    }

    .form-list .list_item.edit span {
        min-height: 50px;
        display: flex;
        align-items: center;
    }

    .form-list .list_item .notetxt {
        font-size: 1.7rem;
        line-height: 1.2;
        color: #FF6633;
        margin: 0 0 0 5px;
    }

    .form-list .list_item .note-txt {
        width: 100%;
        font-size: 1.7rem;
        line-height: 1.2;
        color: #FF6633;
        margin: 5px 0 0 0;
    }

    .form-list .list_item .eye {
        position: absolute;
        left: 200px; /*transform: translateY(0);*/
        cursor: pointer;
        top: 20px;
    }

    .form-list .list_item.join .eye {
        position: absolute;
        left: 260px;
        transform: translateY(-13px);
        cursor: pointer;
        top: 20px;
    }

    .form-list .list_item.joinconfirm .eye {
        position: absolute;
        left: 260px; /*transform: translateY(0);*/
        cursor: pointer;
        top: 11px;
    }

    .form-list .list_item .eye:after {
        content: '\e974';
        font-size: 2rem;
        color: #FF6633;
    }

    .form-list .list_item .eye.close:after {
        content: '\e975';
    }

    /* bind */
    .member-box .bind-btn {
        font-size: 2rem;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: start;
    }

    .member-box .bind-btn > .col-1 {
        width: 20%;
        height: 50px;
        display: flex;
        align-items: center;
    }

    .member-box .bind-btn > .col-2 {
        width: 80%;
        font-size: 2rem;
    }

    .member-box .bind-btn {
        margin: 25px 0 0 0;
    }

    .member-box .bind-btn.other {
        margin: 80px 0 0 0;
    }

    .member-box .bind-btn .subtit {
        font-weight: bold;
    }

    .member-box .bind-btn .bind-list > li {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .member-box .bind-btn .bind-list > li + li {
        margin: 20px 0 0 0;
    }

    .member-box .bind-btn .bind-list > li > .col-1 {
        margin: 0 0 0 0;
    }

    .member-box .bind-btn .btn {
        background: #fccf00;
        color: #000;
        min-width: 250px;
    }

    /* member input */
    .form-list input[type='text'], .form-box.sheetadd input[type='text'] {
        height: 50px;
        border-radius: 30px;
        border: 1px solid #B2B2B2;
        box-sizing: border-box;
        padding: 0 20px 0 20px;
        font-size: 2rem;
    }

    .form-list input[type='password'] {
        height: 50px;
        border-radius: 30px;
        border: 1px solid #B2B2B2;
        box-sizing: border-box;
        padding: 0 20px 0 20px;
        font-size: 2rem;
    }

    /* member select */
    .select-box {
        display: inline-block;
        height: 50px;
        overflow: hidden;
        border-radius: 30px;
        border: 1px solid #B2B2B2;
        background: #fff;
        position: relative;
        vertical-align: middle;
    }

    .select-box:before {
        display: inline-block;
        content: "\e916";
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        font-size: 2rem;
    }

    select {
        background: transparent;
        width: 100%;
        height: 50px;
        padding: 0px 10px;
        font-size: 2rem;
        text-align: center;
        line-height: 1;
        border: 0;
        border-radius: 0;
        -webkit-appearance: none;
        box-sizing: border-box;
        position: absolute;
        font-size: 2rem;
    }

    .member-box .form-list .select-box + .select-box {
        margin: 0 0 0 10px;
    }

    /* member check radio */
    .member-box .platform-check {
        display: flex;
        justify-content: center;
        margin: 30px 0 0 0;
    }

    .member-box .platform-check .checkradio-box {
        height: auto;
        align-items: start;
    }

    .member-box .platform-check .checkradio-box img {
        height: 60px;
        order: -1;
        margin: 0 0 10px 0;
    }

    .member-box .platform-check .checkradio-box label {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 1.6rem;
    }

    .checkradio-box {
        display: flex;
        align-items: center;
        height: 50px;
    }

    .checkradio-box > li {
        position: relative;
    }

    .checkradio-box li > input[type=radio] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 2;
        cursor: pointer;
        font-size: 2rem;
        color: #000;
    }

    .checkradio-box li > input[type=radio]:disabled {
        cursor: default;
    }

    .checkradio-box li > input[type=radio] + label:before {
        content: '\e922';
        color: #B2B2B2;
        margin-right: 5px;
    }

    .checkradio-box li > input[type=radio]:checked + label:before {
        content: '\e923';
        color: #FF6633;
    }

    .checkradio-box li input[type=radio] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 2;
        cursor: pointer;
        font-size: 2rem;
        color: #000;
    }

    .checkradio-box li input[type=radio]:disabled {
        cursor: default;
    }

    .checkradio-box li input[type=radio] + label:before {
        content: '\e922';
        color: #B2B2B2;
        margin-right: 5px;
    }

    .checkradio-box li input[type=radio]:checked + label:before {
        content: '\e923';
        color: #FF6633;
    }

    .checkradio-box li > input[type=checkbox] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 2;
        cursor: pointer;
        font-size: 2rem;
        color: #000;
    }

    .checkradio-box li.haslink > input[type=checkbox] {
        width: 18px;
        height: 18px;
    }

    .checkradio-box li > input[type=checkbox] + label:before {
        content: '\e91f';
        color: #B2B2B2;
        margin-right: 5px;
    }

    .checkradio-box li > input[type=checkbox]:checked + label:before {
        content: '\e920';
        color: #FF6633;
    }

    .checkradio-box > li + li {
        margin: 0 0 0 40px;
    }

    .member-box .platform-check .checkradio-box > li {
        margin: 0 20px 20px 20px;
    }

    .member-box .readconfirm-check {
        display: flex;
        align-items: center;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 0 0 0 10px;
    }

    .member-box .readconfirm-check a {
        color: #FF6633;
        text-decoration: underline;
    }

    .btn-box {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 80px 0 0 0;
    }

    .pup-info .btn-box {
        margin: 40px 0 0 0;
    }

    .btn-box input[type=button] {
        height: 50px;
        border-radius: 25px;
        background: #FF6633;
        color: #fff;
        font-size: 2rem;
        box-sizing: border-box;
        padding: 0 30px 0 30px;
        cursor: pointer;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .btn-box input[type=submit] {
        height: 50px;
        border-radius: 25px;
        background: #FF6633;
        color: #fff;
        font-size: 2rem;
        box-sizing: border-box;
        padding: 0 30px 0 30px;
        cursor: pointer;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .btn-box input[type=reset] {
        height: 50px;
        border-radius: 25px;
        background: #FF6633;
        color: #fff;
        font-size: 2rem;
        box-sizing: border-box;
        padding: 0 30px 0 30px;
        cursor: pointer;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .btn-box input + input {
        margin: 0 0 0 20px;
    }

    .btn-box input:hover {
        background: #fccf00;
    }

    /* login */
    .member-box .login-box {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .member-box .login-box .note-txt {
        text-align: center;
        font-size: 1.8rem;
    }

    .member-box .login-form {
        width: 500px;
        border-radius: 30px;
        border: 8px solid #FF6633;
        box-sizing: border-box;
        padding: 30px 20px 30px 20px;
        background: #fff;
        font-size: 1.8rem;
        line-height: 1.58;
        margin: 0 40px 0 0;
    }

    .member-box .login-form .form-list {
        padding: 0 0 20px 0;
    }

    .member-box .login-form .login-platform {
        width: 100%;
        height: 90px;
        border-radius: 50px;
        background: #EDF4F3;
        margin: 20px auto 50px;
    }

    /*.member-box .login-form .login-platform li+li{ margin: 0 0 0 20px; }*/
    .member-box .login-form .login-platform li img {
        height: 50px;
    }

    .member-box .login-form .form-list .list_tit {
        margin: 0 0 0 0;
    }

    .member-box .login-form .list_item a {
        font-size: 1.7rem;
        text-decoration: underline;
        margin: 0 0 0 5px;
        color: #FF6633;
    }

    .member-box .readconfirm-check {
        padding: 0 0 0 0;
        justify-content: center;
        margin: 30px 0 0 0;
    }

    .member-box .login-form .login-code {
        height: 50px;
        display: flex;
        align-items: center;
        margin: 0 0 0 5px;
    }

    .member-box .login-form .btn-box {
        margin: 30px 0 0 0;
    }

    .member-box .login-box .addmember-box {
        width: 400px;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        position: relative;
    }

    .member-box .login-box .icat-man {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        z-index: -1;
    }

    .member-box .login-box .icat-man img {
        width: auto;
    }

    .member-box .login-box .addmember-form {
        width: 100%;
        border-radius: 30px;
        border: 8px solid #fccf00;
        box-sizing: border-box;
        padding: 30px 20px 30px 20px;
        background: #fff;
        font-size: 2rem;
        line-height: 1.58;
        margin: 0 40px 0 0;
    }

    .member-box .login-box .addmember-form .select-icon {
        display: flex;
        justify-content: center;
        font-size: 1.8rem;
        line-height: 1.2;
        margin: 20px 0 20px 0;
    }

    .member-box .login-box .addmember-form .select-icon li {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        text-align: center;
        width: 140px;
        height: 140px;
        border-radius: 50%;
        background: #fef7e0;
        box-sizing: border-box;
        padding: 20px 0 20px 0;
    }

    .member-box .login-box .addmember-form .select-icon li + li {
        margin: 0 0 0 20px;
    }

    .member-box .login-box .addmember-form .select-icon li:before {
        color: #fccf00;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .member-box .login-box .addmember-form .select-icon li:first-child:before {
        content: '\e968';
        font-size: 4rem;
    }

    .member-box .login-box .addmember-form .select-icon li:last-child:before {
        content: '\e969';
        font-size: 5rem;
    }

    .member-box .addmember-form .btn-box {
        margin: 30px 0 0 0;
    }

    .member-box .addmember-form .btn-box input[type=button] {
        background: #fccf00;
        color: #000;
    }

    .member-box .addmember-form .btn-box input[type=button]:hover {
        background: #FF6633;
    }

    .member-box .addmember-form .btn-box input[type=submit] {
        background: #fccf00;
        color: #000;
    }

    .member-box .addmember-form .btn-box input[type=submit]:hover {
        background: #FF6633;
    }

    /* fc forget contact */
    .member-box .form-box.fc {
        max-width: 720px;
        font-size: 2rem;
        line-height: 1.58;
    }

    .member-box .form-box.fc + .form-box.fc {
        margin: 30px auto 0 auto;
    }

    .member-box .form-box.fc a {
        color: #FF6633;
    }

    .member-box .form-box.fc a:hover {
        text-decoration: underline;
    }

    .member-box .form-box.fc .note-txt {
        text-align: center;
        font-size: 1.8rem;
    }

    .member-box .form-box.add .note-txt {
        text-align: left;
        font-size: 1.8rem;
        margin: 10px 0 10px 0;
    }

    .member-box .form-list.forget {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 30px 0 40px 0;
    }

    .member-box .form-list.forget .list_tit {
        margin: 0 0 0 0;
    }

    .member-box .form-list.forget > li {
        width: auto;
    }

    .member-box .form-box.fc .btn-box {
        margin: 40px 0 0 0;
    }

    .member-box .subtit {
        font-size: 2rem;
        color: #363636;
        font-weight: bold;
        text-align: center;
        margin: 30px 0 15px 0;
    }

    .member-box .form-box .header_tit {
        font-weight: bold;
    }

    .member-box .form-box .header_tit:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #B2B2B2;
        margin: 10px 0 10px 0;
    }

    .member-box .form-box .contact-list {
        font-size: 1.8rem;
        line-height: 2;
    }

    .member-box .form-box .edit-btn {
        width: 150px;
        height: 60px;
        border-radius: 30px;
        border: 8px solid #E5E5E5;
        background: #fff;
        position: absolute;
        right: -8px;
        bottom: -8px;
        font-size: 1.6rem;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }

    .member-box .form-box .edit-btn a {
        color: #000;
        box-sizing: border-box;
        padding: 0 10px 0 10px;
    }

    .member-box .form-box .edit-btn li + li:before {
        content: '|';
        color: #B2B2B2;
    }

    .member-box .btn-box.add {
        margin: 30px 0 0 0;
    }

    .member-box .add .form-list {
        padding: 0 0 10px 10px;
    }

    .member-box .form-box.add {
        margin: 30px auto 0 auto;
    }

    /* icat */
    .full-wrap {
    }

    .icatsend .full-wrap:nth-of-type(odd) {
        background: #e5e5e5;
    }

    .full-inner {
        width: 100%;
        box-sizing: border-box;
        margin: 0 auto;
    }

    .full-inner.sheetadd {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 30px 0 30px 0;
    }

    .btn-box.icat {
        margin: 10px 0 30px 0;
    }

    /* .sheetadd .tit{ font-size: 2.4rem; line-height: 1.58; font-weight: bold; margin: 0 0 25px 0; }
.sheetadd .tit .hightlight{ color: #FF6633; }
 */
    .full-inner .tit {
        font-size: 2.4rem;
        line-height: 1.58;
        font-weight: bold;
        margin: 0 0 25px 0;
        position: relative;
    }

    .full-inner .tit .hightlight {
        color: #FF6633;
    }

    .full-inner .tit .btn {
        position: absolute;
        right: -414px;
        top: -8px;
        background: #fccf00;
        color: #fff;
        text-decoration: none;
        font-weight: normal;
    }

    .sheetadd .icon-list {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .sheetadd .icon-list > li {
        width: 24%;
        max-width: 220px;
        height: 180px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        border-radius: 30px;
        margin: 0 20px 0 20px;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #B2B2B2;
        cursor: pointer;
        transition: all .1s cubic-bezier(.4, 0, .2, 1);
        position: relative;
    }

    .sheetadd .icon-list.noicon > li {
        height: 120px;
        line-height: 1.58;
    }

    .sheetadd .icon-list.columnnoicon {
        flex-direction: column;
        align-items: center;
    }

    .sheetadd .icon-list.columnnoicon > li {
        width: 900px;
        max-width: 900px;
        height: 120px;
        line-height: 1.58;
        flex-direction: row;
        justify-content: start;
        padding: 20px 30px 20px 30px;
        flex-wrap: nowrap;
    }

    .sheetadd .icon-list.columnnoicon > li + li {
        margin: 15px 0 0 0;
    }

    .sheetadd .icon-list.columnnoicon > li > .checkradio-box.l1 {
        width: 160px;
        height: 100%;
        display: flex;
        align-items: center;
        position: relative;
        font-size: 2rem;
        font-weight: bold;
        margin: 0 35px 0 0;
        color: #FF6633;
        flex-shrink: 0;
    }

    .sheetadd .icon-list.columnnoicon > li > .checkradio-box.l1 input[type=radio]:checked + label:before {
        content: '\e94f';
        color: #FF6633;
    }

    .sheetadd .icon-list.columnnoicon > li > .checkradio-box.l1:after {
        content: '';
        height: 100%;
        border-right: 1px solid #707070;
        position: absolute;
        right: 0;
    }

    .sheetadd .icon-list.columnnoicon > li > .checkradio-box.l2 {
        display: flex;
    }

    .sheetadd .icon-list.columnnoicon > li > .checkradio-box.l2 > li {
        position: relative;
    }

    .sheetadd .icon-list.columnnoicon > li > .checkradio-box.l2 > li + li {
        margin: 0 0 0 80px;
    }

    .sheetadd .icon-list.columnnoicon > li > .input-box {
        margin: 0 0 0 10px;
    }

    .sheetadd .icon-list.columnnoicon > li > .input-box input {
        border-bottom: 1px solid #707070;
        font-size: 2rem;
        margin: 0 0 0 10px;
        width: 150px;
    }

    .sheetadd .icon-list.columnnoicon > li > .input-box input:disabled {
        background: none;
        border-color: #ccc;
    }

    .sheetadd .icon-list.columnnoicon > li > .info-txt {
        text-align: left;
    }

    .sheetadd .icon-list > li p > span {
        display: inline-block;
        line-height: 0;
    }

    .sheetadd .icon-list > li img {
        width: auto;
    }

    .sheetadd .icon-list > li:hover, .sheetadd .icon-list > li.active {
        border: 8px solid #FF6633;
    }

    .sheetadd .icon-list > li.disable {
        border: none; /* background: none; */
        opacity: 0.3;
        cursor: default;
    }

    .sheetadd .icon-list > li img {
        margin: 0 0 10px 0;
    }

    .sheetadd .icon-list > li > input[type=radio] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        cursor: pointer;
    }

    .sheetadd .arrow_down {
        display: flex;
        justify-content: center;
        margin: 25px 0 0 0;
    }

    .sheetadd .arrow_down img {
        width: auto;
    }

    .sheetadd .note-txt {
        display: flex;
        justify-content: center;
        font-size: 1.8rem;
        line-height: 1.58;
        color: #727272;
        margin: 25px 0 0 0;
    }

    .sheetadd .multiple-notetxt {
        font-size: 1.8rem;
        text-align: center;
        margin: -15px 0 30px 0;
    }

    .step-list.icat li {
        display: flex;
    }

    .sheetadd .select-info {
        width: 100%;
        max-width: 900px;
        min-height: 80px;
        border-radius: 30px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 20px 20px 20px 20px;
    }

    .flex-box {
        display: flex;
    }

    .sheetadd .flex-box {
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        line-height: 1.58;
    }

    .sheetadd .flex-box + .flex-box {
        margin: 15px 0 0 0;
    }

    .sheetadd .form-list .list_tit {
        width: auto;
    }

    .sheetadd .form-header {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px;
        background: #FF6633;
        border-radius: 15px;
        font-size: 2.2rem;
        font-weight: bold;
        color: #fff;
        position: relative;
    }

    .sheetadd .form-header a {
        color: #fff;
        font-weight: normal;
        text-decoration: none;
        font-size: 1.8rem;
        align-items: flex-end;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .sheetadd .form-header a:before {
        content: '\e96a';
        color: #fccf00;
        margin: 0 5px 0 0;
    }

    .sheetadd .form-header .contact-sel {
        background: none;
        border: none;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .sheetadd .form-header .contact-sel:before {
        content: '\e94c';
        color: #fccf00;
        margin: 0 0 0 3px;
    }

    .sheetadd .form-header .contact-sel select {
        color: #fff;
        font-size: 1.8rem;
        padding: 0 0 0 0;
        text-align: left;
        cursor: pointer;
    }

    .sheetadd .clearall {
        position: absolute;
        right: 10px;
        bottom: 5px;
        text-decoration: underline;
        width: auto;
    }

    .sheetadd .clearall a { /* color: #FF6633; text-decoration: underline;  */
        font-size: 1.8rem;
    }

    .sheetadd .form-list .list_item .notetxt {
        color: #363636;
    }

    .sheetadd .form-list .list_item .notetxt_pcrowmobilecolumn {
        font-size: 1.7rem;
        color: #363636;
        margin: 0 0 0 5px;
    }

    .sheetadd .topdline {
        border-top: 1px dashed #B2B2B2;
        padding: 25px 0 25px 0;
    }

    .sheetadd .topdlinemt0 {
        border-top: 1px dashed #B2B2B2;
        padding: 25px 0 25px 0;
        margin-top: 0;
    }

    .sheetadd .toplinemt0 {
        border-top: 1px solid #B2B2B2;
        padding: 25px 0 25px 0;
        margin-top: 0;
        flex-wrap: wrap;
    }

    .sheetadd .toplinemt0 .subnote {
        font-size: 2rem;
    }

    .sheetadd a {
        color: #FF6633;
        text-decoration: underline;
    }

    .sheetadd .btn-box {
        margin: 40px 0 0 0;
    }

    .sheetadd .noticeservice .list_item.disabled {
        opacity: 0.3;
    }

    .sheetadd .noticeservice .list_item.disabled input:disabled {
        cursor: default;
    }

    .sheetadd .noticeservice .list_item:last-child {
        margin: 20px 0 0 0;
    }

    .sheetadd .mobile-phone {
        display: flex;
        align-items: center;
        margin: 0 0 0 0;
    }

    /* send confirm */
    .send-confirm {
        width: 100%;
        max-width: 800px;
        margin: 0 auto 60px;
        font-size: 2rem;
        line-height: 1.58;
    }

    .send-confirm > li {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .send-confirm > li + li {
        margin: 20px 0 0 0;
    }

    .send-confirm .confirm-tit {
        font-weight: bold;
        width: 170px;
        height: 60px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    /* .send-confirm .confirm-txt{ display: flex; justify-content: flex-start; align-items: center; width: 600px; height: 60px; border-radius: 30px; background: #f0f0f0; box-sizing: border-box; padding: 0 30px 0 30px; font-size: 2rem;  } */
    .send-confirm .confirm-txt {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 600px;
        height: 60px;
        border-radius: 30px;
        background: #f0f0f0;
        box-sizing: border-box;
        padding: 0 30px 0 30px;
        font-size: 1.8rem;
    }

    .send-confirm .confirm-txt > p {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .send-confirm .subtit {
        margin: 100px 0 0 0;
    }

    .send-confirm > li.multi {
        justify-content: flex-start;
    }

    .send-confirm > li.multi .confirm-tit {
        margin: 0 60px 0 0;
        align-items: flex-start;
    }

    .send-confirm > li.multi .confirm-multitxt {
        font-size: 2rem;
        text-align: left;
    }

    .send-confirm .mdisplaynone {
        display: flex;
    }

    /* send-finish */
    .send-finish {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
        font-size: 2rem;
        line-height: 1.58;
    }

    .send-finish .printer-list {
        width: 100%;
        height: 750px;
        border: 1px solid #727272;
        box-sizing: border-box;
        margin: 30px 0 60px 0;
        background: #fff;
        overflow: scroll;
    }

    .info-box {
        font-size: 1.8rem;
        line-height: 1.58;
        color: #363636;
    }

    .info-box .info-header {
        font-size: 2.2rem;
    }

    .info-box .info-header:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #727272;
        margin: 5px 0 15px 0;
    }

    .info-box + .info-box {
        margin: 40px 0 0 0;
    }

    .info-list {
        list-style-type: disc;
        margin: 0 0 0 25px;
    }

    .send-finish .sedn-finish_notetxt {
        font-size: 1.8rem;
        line-height: 1.58;
        color: #363636;
    }

    .send-finish .printer-code {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 220px;
        background: #fff;
        border: 1px solid #727272;
        font-size: 2rem;
        line-height: 1.58;
        margin: 10px 0 60px 0;
    }

    .send-finish .printer-code .code-txt {
        margin: 0 100px 0 0;
    }

    /* sheetadd tab */
    .sheetadd.tab-wrap {
        width: auto;
        margin: 0;
        box-sizing: border-box;
        padding: 0;
        position: relative;
        background: #fff;
    }

    .sheetadd .tab-box {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        border-bottom: 5px solid #FF6633;
        margin: 0 0 0 0;
        box-sizing: border-box;
        padding: 0 0 0 0;
    }

    .sheetadd .tab-box {
        position: static;
    }

    .sheetadd .tab-box > li {
        width: 45%;
        max-width: 450px;
        height: 60px;
        border-radius: 30px 30px 0 0;
        background: #fff;
        border: 1px solid #B2B2B2;
        border-bottom: 5px solid #FF6633;
        margin: 0 0 -5px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.2rem;
        box-sizing: border-box;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
        position: relative;
    }

    .sheetadd .tab-box > li:hover, .sheetadd .tab-box > li.active {
        color: #FF6633;
        border: 5px solid #FF6633;
        border-bottom: none;
        background: #f5f5f5;
    }

    .sheetadd .tab-box > li a {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        line-height: 0;
    }

    /* opp switch */
    .op-switch {
        display: flex;
        margin: 30px 0 0 0;
    }

    .op-switch .switch-btn {
        width: 60px;
        height: 30px;
        border-radius: 30px;
        background: #ccc;
        position: relative;
        margin: 0 0 0 10px;
        overflow: hidden;
    }

    .op-switch .switch-btn:after {
        content: '';
        width: 30px;
        height: 30px;
        border-radius: 100%;
        background: #fff;
        position: absolute;
        left: 0;
        top: 0;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
    }

    .op-switch .switch-btn.active {
        background: #FF6633;
    }

    .op-switch .switch-btn.active:after {
        left: 30px;
    }

    .pup-info .icon-list {
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 30px 0 0 0;
    }

    .pup-info .icon-list > li {
        width: 40%;
        max-width: 220px;
        height: 180px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        border-radius: 30px;
        margin: 0 20px 0 20px;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #B2B2B2;
        cursor: pointer;
        transition: all .1s cubic-bezier(.4, 0, .2, 1);
        position: relative;
    }

    .pup-info .icon-list.noicon > li {
        height: 120px;
        line-height: 1.58;
    }

    .pup-info .icon-list > li p > span {
        display: inline-block;
        line-height: 0;
    }

    .pup-info .icon-list > li img {
        width: auto;
    }

    .pup-info .icon-list > li:hover, .pup-info .icon-list > li.active {
        border: 8px solid #FF6633;
    }

    .pup-info .icon-list > li.disable {
        border: none;
        opacity: 0.3;
        cursor: default;
    }

    .pup-info .icon-list > li img {
        margin: 0 0 10px 0;
    }

    .pup-info .icon-list > li > input[type=radio] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        cursor: pointer;
    }


    /* multipleadd */
    .full-inner.sheetadd {
        font-size: 2rem;
        line-height: 1.58;
    }

    .form-box.sheetadd .l2 {
        height: auto;
        box-sizing: border-box;
        padding: 0 0 0 25px;
    }

    .form-box.sheetadd .invoice {
        display: flex;
        flex-direction: row;
        align-items: start;
    }

    .form-box.sheetadd .invoice.cloumncheck {
        flex-direction: column;
    }

    .form-box.sheetadd .invoice li + li {
        margin: 0 0 0 20px;
    }

    .form-box.sheetadd .invoice.cloumncheck li + li {
        margin: 0 0 0 0;
    }

    .form-box.sheetadd .invoicenum {
        display: flex;
        flex-direction: row;
        align-items: start;
    }

    .form-box.sheetadd .invoicenum label {
        margin: 0 10px 0 0;
    }

    .form-box.sheetadd .invoicenum > input[type=radio] {
        width: 120px;
        height: 40px;
    }

    .form-box.sheetadd .input-box {
        display: flex;
        align-items: start;
        flex-direction: row;
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .form-box.sheetadd .invoicenum input[type=text] {
        margin: -10px 0 0 10px;
    }

    .form-box.sheetadd .invoicenum input[type=text].alignmargin {
        margin: 0 0 0 0;
    }

    .form-box.sheetadd .note-txt {
        justify-content: start;
        margin: 10px 0 0 25px;
    }

    .form-box.sheetadd .multipleadd-list > li + li {
        margin: 30px 0 0 0;
    }

    .sheetadd .inport-box {
        display: flex;
        align-items: start;
        flex-direction: row;
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .sheetadd .inport-box .col-1 {
        width: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 100px 0 70px;
    }

    .sheetadd .inport-box .col-2 {
        align-items: start;
    }

    .sheetadd .inport-box .icon-box {
        width: 210px;
        height: 188px;
        border-radius: 20px;
        background: #FF6633;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin: 0 0 10px 0;
    }

    .sheetadd .inport-box .icon-box:hover:after {
        transform: scale(1.2);
    }

    .sheetadd .inport-box .icon-box:after {
        content: '\e970';
        font-size: 12rem;
        color: #fff;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        pointer-events: none;
    }

    .sheetadd .inport-box .icon-box a {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .sheetadd .btn_download {
        min-width: 180px;
        height: 50px;
        border-radius: 20px;
        background: #f4faf9;
        border: 1px solid #FF6633;
        box-sizing: border-box;
        padding: 0 10px 0 10px;
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        color: #363636;
        margin: 0 0 5px 0;
        transition: all .3s cubic-bezier(.4, 0, .2, 1);
        font-size: 2rem;
    }

    .sheetadd .btn_download:hover {
        background: #edfffc;
    }

    .sheetadd .btn_download:before {
        content: '\e909';
        font-size: 3rem;
        color: #FF6633;
        margin: 0 5px 0 0;
    }

    .sheetadd .btn_download + .btn_download {
        margin: 0 20px 0 20px;
    }

    .sheetadd .btn_inport {
        min-width: 180px;
        height: 50px;
        border-radius: 20px;
        background: #FF6633;
        border: 1px solid #FF6633;
        box-sizing: border-box;
        padding: 0 20px 0 20px;
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        color: #fff;
        margin: 0 0 5px 0;
        transition: all .3s cubic-bezier(.4, 0, .2, 1);
        font-size: 2rem;
    }

    .sheetadd .btn_inport:hover {
        background: #fccf00;
        border-color: #fccf00;
    }

    .sheetadd .btn_inport:before {
        content: '\e970';
        font-size: 3rem;
        color: #fff;
        margin: 0 5px 0 0;
    }

    .btn-box.multipleadd {
        flex-direction: row;
    }

    .btn-box.multipleadd > a {
        width: auto;
    }

    .multipleadd-txt {
        width: 100%;
        max-width: 800px;
    }

    .multipleadd .multipleadd-info {
        height: 60px;
        border-radius: 20px;
        background: #fff;
        border: 1px solid #727272;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        line-height: 1.58;
        color: #363636;
        box-sizing: border-box;
        padding: 0 30px 0 30px;
    }

    .multipleadd .multipleadd-info .hightlight {
        font-size: 2.4rem;
        color: #FF6633;
        font-weight: bold;
        margin: 0 5px 0 5px;
    }

    .multipleadd .multipleadd-info .hightlight--red {
        font-size: 2.4rem;
        color: #f00;
        font-weight: bold;
        margin: 0 5px 0 5px;
    }

    .multipleadd .multipleadd-info .finish {
        margin: 0 40px 0 0;
    }

    /* multipleadd table01 */
    .multipleadd .table01-box {
        width: 100%;
        max-width: 990px;
        overflow: hidden;
    }

    .multipleadd .table01 {
        width: 100%;
        max-width: 990px;
        margin: 0 auto 30px;
        font-size: 1.8rem;
        color: #363636;
        text-align: left;
        border-spacing: 3px;
    }

    .multipleadd .table01 td {
        box-sizing: border-box;
        padding: 20px 20px 20px 20px;
        width: auto;
        min-height: 60px;
    }

    .multipleadd .table01 thead td {
        background: #d3ece8;
        border-radius: 10px 10px 0 0;
        font-size: 2rem;
        font-weight: bold;
    }

    .multipleadd .table01.errow thead td {
        background: #FAE1DD;
    }

    .multipleadd .table01 tbody tr:nth-child(even) td {
        background: #f1f1f1;
    }

    .multipleadd .table01 tbody tr:nth-child(odd) td {
        background: #fff;
    }

    .multipleadd .table01 td:first-child {
        text-align: center;
    }

    /* multipleadd table02 */
    .multipleadd .table02-box {
        width: 100%;
        max-width: 990px;
        overflow: hidden;
    }

    .multipleadd .table02-box .headertr {
        box-sizing: border-box;
        display: flex;
    }

    .multipleadd .table02-box .headertr > div {
        background: #d3ece8;
        box-sizing: border-box;
        padding: 20px 20px 20px 20px;
        min-height: 60px;
        border-radius: 10px 10px 0 0;
        font-size: 2rem;
        font-weight: bold;
        display: flex;
        align-items: center;
    }

    .multipleadd .table02-box .headertr > div + div {
        margin: 0 0 0 0.5%;
    }

    .multipleadd .table02-box .headertr > div:nth-child(1) {
        width: 16%;
    }

    .multipleadd .table02-box .headertr > div:nth-child(2) {
        width: 22%;
    }

    .multipleadd .table02-box .headertr > div:nth-child(3) {
        width: 75%;
    }

    .multipleadd .table02-box .divtr {
        background: #fff;
        display: flex;
        margin: 5px 0 0 0;
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .multipleadd .table02-box .divtr > div {
        box-sizing: border-box;
        padding: 20px 20px 20px 20px
    }

    .multipleadd .table02-box .divtr > div:nth-child(1) {
        width: 16%;
    }

    .multipleadd .table02-box .divtr > div:nth-child(2) {
        width: 22%;
    }

    .multipleadd .table02-box .divtr > div:nth-child(3) {
        width: 75%;
    }

    .multipleadd .table02-box .divtr > div + div {
        margin: 0 0 0 0.5%;
    }

    /* order */
    .order .full-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 2rem;
        line-height: 1.58;
        padding: 30px 0 30px 0;
    }

    .order .full-inner.whitebg {
        padding: 30px 0 0 0;
    }

    .order .tit {
        font-size: 2.8rem;
        line-height: 1.58;
        color: #FF6633;
    }

    .order .tab-box {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        border-bottom: 5px solid #FF6633;
        margin: 30px 0 0 0;
    }

    .order .tab-box > li {
        width: 330px;
        height: 60px;
        border-radius: 30px 30px 0 0;
        background: #fff;
        border: 1px solid #B2B2B2;
        border-bottom: 5px solid #FF6633;
        margin: 0 0 -5px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.2rem;
        box-sizing: border-box;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
    }

    .order .tab-box > li:hover, .order .tab-box > li.active {
        color: #FF6633;
        border: 5px solid #FF6633;
        border-bottom: none;
        background: #f5f5f5;
    }

    .order .search-bar {
        width: 100%;
        max-width: 700px;
        height: 89px;
        border-radius: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #fccf00;
        box-sizing: border-box;
        padding: 0 20px;
        margin: 0 0 20px 0;
    }

    .order .search-bar input[type=text] {
        width: 80%;
        height: 50px;
        border-radius: 15px;
        background: #fff;
        box-sizing: border-box;
        padding: 0 20px;
        font-size: 2rem;
    }

    .order .search-bar button {
        width: 15%;
        height: 50px;
        border-radius: 30px;
        background: #FF6633;
        font-size: 1.8rem;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
    }

    .order .orderlist-box {
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
        border-radius: 30px;
        border: 8px solid #E5E5E5;
        background: #fff;
        box-sizing: border-box;
        padding: 30px 40px 60px 40px;
        position: relative;
    }

    .order .order-list > li {
        display: flex;
        justify-content: flex-start;
        align-items: center; /* height: 60px; */
        min-height: 60px;
        border-bottom: 1px dashed #B2B2B2;
        box-sizing: border-box;
        padding: 10px 0 10px 0;
    }

    .order .order-list > li:last-child {
        border: none;
    }

    .order .orderlist-box + .orderlist-box {
        margin: 20px 0 0 0;
    }

    .order .order-list .col-1 {
        display: flex;
        justify-content: center;
        align-items: center; /* width: 160px; */
        width: 190px;
        height: 40px;
        border-radius: 30px;
        background: #feec99;
        font-size: 1.6rem;
        margin: 0 70px 0 0;
    }

    .order .orderlist-box .edit-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 260px;
        height: 60px;
        border-radius: 30px;
        font-size: 1.8rem;
        border: 8px solid #E5E5E5;
        position: absolute;
        right: -8px;
        bottom: -8px;
    }

    .order .orderlist-box .edit-btn > li + li:before {
        content: '|';
        margin: 0 15px 0 15px;
    }

    .order .orderlist-box .edit-btn a {
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .order .orderlist-box .edit-btn a:hover {
        text-decoration: underline;
        color: #FF6633;
    }

    .order .orderlistpage {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.8rem;
        color: #727272;
        margin: 40px 0 40px 0;
    }

    .order .orderlistpage > li {
    }

    .order .orderlistpage > li.active {
        color: #000;
        font-weight: bold;
    }

    .order .orderlistpage > li:nth-child(3) {
        margin: 0 5px 0 5px;
    }

    .order .orderlistpage > li a {
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .order .orderlistpage > li:hover a {
        color: #000;
    }

    .order .orderlistpage > li:hover a span {
        color: #000;
    }

    .order .orderlistpage > li span {
        font-size: 3rem;
        color: #b2b2b2;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .order .orderlistpage > li:first-child {
        margin: 0 35px 0 0;
    }

    .order .orderlistpage > li:last-child {
        margin: 0 0 0 35px;
    }

    .order .info-box {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
    }

    .order .form-header {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px;
        background: #FF6633;
        border-radius: 15px;
        font-size: 2rem;
        font-weight: bold;
        color: #fff;
        box-sizing: border-box;
        padding: 0 30px 0 30px;
        position: relative;
    }

    .order .form-header a {
        color: #fff;
        font-weight: normal;
        text-decoration: none;
        font-size: 1.8rem;
        align-items: flex-end;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .order .form-header a:before {
        content: '\e96a';
        color: #fccf00;
        margin: 0 5px 0 0;
    }

    .order .form-header.twocol {
        justify-content: space-between;
    }

    .order .form-box {
        padding: 15px 15px 40px 15px
    }

    .order .qrcode-box {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 30px 0 30px 0;
    }

    .order .qrcode-box .qrcode-txt {
        margin: 0 100px 0 0;
    }

    .order .qrcode-box .qrcode-code img {
        width: auto;
    }

    .order .form-list {
        border-radius: 15px;
        box-sizing: border-box;
        padding: 20px 30px 30px 30px;
    }

    .order .form-list.hasbgcolor {
        border-radius: 15px;
        background: #f4faf9;
        box-sizing: border-box;
        padding: 20px 30px 30px 30px;
        margin: 0 0 20px 0;
    }

    .order .form-list .list_tit {
        width: 150px;
    }

    .order .form-list .list_tit.w100 {
        width: 100px;
    }

    .order .form-box .btn-box {
        margin: 40px 0 0 0;
    }

    .order .list_item.disabled {
        opacity: 0.3;
    }

    .order .form-list .notetxt {
        display: inline;
        text-align: left;
        color: #000;
    }

    .order .form-list .flex-box.tworow {
        flex-direction: row;
        margin: 0 0 0 20px;
    }

    .order .form-list .flex-box.tworow.email {
        margin: 0 0 0 60px;
    }

    .order .form-list .flex-box.tworow .txtbold {
        font-size: 1.8rem;
        line-height: 50px;
    }

    .order .form-list .mobile-address {
        margin: 0 0 0 10px;
    }

    /* multiple */
    .order .multiplelist-box {
        width: 100%;
        max-width: 950px;
        margin: 0 auto;
    }

    .order .multiplelist-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        font-size: 2rem;
        line-height: 1.58;
    }

    .order .multiplelist-header .col-1 {
        width: 56%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .order .multiplelist-header .col-2 {
        width: 43%;
        background: #fff;
        font-size: 1.8rem;
        box-sizing: border-box;
        padding: 0 0 30px 0;
        order: 1;
    }

    .order .multiplelist-header.type2 .col-2 {
        background: none;
        display: flex;
        justify-content: end;
        align-items: center;
    }

    .order .multiplelist-header .col-2 .toptit {
        height: 45px;
        background: #e5e5e5;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .order .multiplelist-header .col-2 .txt-box {
        box-sizing: border-box;
        padding: 0 20px 0 30px;
    }

    .order .multiplelist-header .col-2 .img-box {
        margin: 30px auto 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .order .multiplelist-header .hightlight {
        font-weight: bold;
        color: #FF6633;
    }

    .order .multiple-detail {
        width: 100%;
        max-width: 950px;
        margin: 0 auto;
        border-radius: 30px;
        border: 1px solid #E5E5E5;
        background: #fff;
        box-sizing: border-box;
        padding: 30px 40px 60px 40px;
        position: relative;
        margin: 50px 0 0 0;
    }

    .order .multiple-detail .detail-list {
        display: flex;
    }

    .order .multiple-detail .toptit {
        font-size: 2rem;
        font-weight: bold;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: end;
    }

    .order .multiple-detail .toptit:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #b2b2b2;
        margin: 15px 0 15px 0;
    }

    .order .multiple-detail .list-tit {
        font-size: 2rem;
        font-weight: bold;
    }

    .order .multiple-detail .order-list {
        font-size: 1.8rem;
    }

    .order .multiple-detail .order-list .col-1 {
        width: 80px;
        margin: 0 30px 0 0;
    }

    .order .multiple-detail .detail-list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .order .multiple-detail .detail-list > .col-1, .order .multiple-detail .detail-list > .col-2 {
        width: 45%;
    }

    .order .multiple-detail .detail-list > .col-2 {
        order: 1;
    }

    .order .multiple-detail .img-box {
        width: 150px;
    }

    .order .multiple-detail .img-box img {
        width: 100%;
    }

    .order .multiple-detail .qrcode-box {
        justify-content: space-between;
        align-items: start;
        margin: 30px 0 50px 0;
    }

    .order .multiple-detail .service .col-1 {
        background: #d3ece8;
        width: 100px;
    }

    .order .btn_printer {
        min-width: 180px;
        height: 50px;
        border-radius: 20px;
        background: #FF6633;
        border: 1px solid #FF6633;
        box-sizing: border-box;
        padding: 0 20px 0 20px;
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        color: #fff;
        margin: 0 0 5px 0;
        transition: all .3s cubic-bezier(.4, 0, .2, 1);
        font-size: 2rem;
    }

    .order .btn_printer:hover {
        background: #fccf00;
        border-color: #fccf00;
    }

    .order .btn_printer:before {
        content: '\e971';
        font-size: 3rem;
        color: #fff;
        margin: 0 5px 0 0;
    }

    /* notice */
    .btn-box.notice {
        margin: 70px 0 70px 0;
    }

    .btn-box.notice .btn {
        font-size: 2rem;
    }

    .sheetadd .form-box.mail {
        max-width: 700px;
        margin: 25px auto 0 auto;
    }

    .sheetadd .mail .list_tit {
        width: 120px;
    }

    .sheetadd .mail .form-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 0 0 0;
    }

    .sheetadd .mail .form-list > li {
        width: auto;
    }

    .sheetadd .mail .subfun {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.8rem;
        font-weight: bold;
        margin: 20px 0 0 0;
        box-sizing: border-box;
        padding: 0 0 0 50px;
    }

    .sheetadd .mail .subfun li {
        cursor: pointer;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .sheetadd .mail .subfun li:hover {
        color: #FF6633;
    }

    .sheetadd .mail .subfun li + li {
        margin: 0 0 0 30px;
    }

    .sheetadd .mail .subfun li span {
        color: #fccf00;
        margin: 0 5px 0 0;
    }

    .sheetadd .mail .note {
        font-size: 1.8rem;
    }

    .sheetadd .orderlist-box {
        width: 100%;
        max-width: 700px;
        margin: 30px auto;
        border-radius: 30px;
        border: 8px solid #E5E5E5;
        background: #fff;
        box-sizing: border-box;
        padding: 30px 40px 60px 40px;
        position: relative;
    }

    .sheetadd .order-list > li {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 60px;
        border-bottom: 1px dashed #B2B2B2;
    }

    .sheetadd .order-list > li:last-child {
        border: none;
    }

    /*.sheetadd .orderlist-box+.orderlist-box{ margin: 20px 0 0 0; }*/
    .sheetadd .orderlist-box + .orderlist-box {
        margin: 20px auto;
    }

    .sheetadd .order-list .col-1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 160px;
        height: 40px;
        border-radius: 30px;
        background: #feec99;
        font-size: 1.6rem;
        margin: 0 70px 0 0;
    }

    .sheetadd .record-txt {
        max-width: 700px;
        margin: 0 auto;
    }

    /* inquire */
    .full-inner.inquire {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 30px 0 30px 0;
    }

    .inquire-box {
        width: 100%;
        max-width: 900px;
        margin: 0 auto 30px;
        font-size: 2rem;
        line-height: 1.58;
    }

    /* form box size M */
    .form-box.sizem {
        max-width: 700px;
        margin: 20px auto 0 auto;
    }

    .form-box.sizem .list_tit {
        width: 120px;
    }

    .form-box.sizem .form-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 0 0 0;
    }

    .form-box.sizem .form-list > li {
        width: auto;
    }

    .form-box.sizem .subfun {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.8rem;
        font-weight: bold;
        margin: 20px 0 0 0;
        box-sizing: border-box;
        padding: 0 0 0 50px;
    }

    .form-box.sizem .subfun li {
        cursor: pointer;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .form-box.sizem .subfun li:hover {
        color: #FF6633;
    }

    .form-box.sizem .subfun li + li {
        margin: 0 0 0 30px;
    }

    .form-box.sizem .subfun li span {
        color: #fccf00;
        margin: 0 5px 0 0;
    }

    .form-box.sizem .note {
        font-size: 1.8rem;
    }

    .form-box.sizem .info-list {
        font-size: 1.8rem;
        color: #727272;
        margin: 20px 0 20px 25px;
    }

    .form-box .subtit {
        font-size: 2rem;
        font-weight: bold;
        line-height: 1.58;
        text-align: center;
    }

    .form-box .btn-box {
        margin: 40px 0 0 0;
    }

    .inquire-box .demo-img {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .inquire-box .form-box.sizem .list_tit {
        width: 20px;
        margin: 0 25px 0 0;
    }

    .orderlist-box {
        width: 100%;
        max-width: 700px;
        margin: 20px auto;
        border-radius: 30px;
        border: 8px solid #E5E5E5;
        background: #fff;
        box-sizing: border-box;
        padding: 30px 40px 60px 40px;
        position: relative;
    }

    .order-list > li {
        display: flex;
        justify-content: flex-start;
        align-items: center; /* height: 60px; */
        min-height: 60px;
        border-bottom: 1px dashed #B2B2B2;
    }

    .order-list > li:last-child {
        border: none;
    }

    .orderlist-box + .orderlist-box {
        margin: 20px 0 0 0;
    }

    .order-list a {
        color: #FF6633;
        text-decoration: underline;
    }

    .order-list .col-1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 160px;
        height: 40px;
        border-radius: 30px;
        background: #feec99;
        font-size: 1.6rem;
        margin: 0 70px 0 0;
    }

    .list-number {
        list-style-type: decimal;
    }

    .list-disc {
        list-style-type: disc;
    }

    .list-number > li, .list-disc > li {
        margin: 0 0 0 25px;
    }

    .inquire-box .list-number {
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .inquire-box .list-number.sizem {
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 0 0 0 40px;
    }

    .inquire-box .btn-box {
        margin: 40px 0 0 0;
    }

    .inquire-box .info-box {
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .inquire-number {
        width: 300px;
        height: 80px;
        border-radius: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.4rem;
        color: #FF6633;
        background: #fff;
        margin: 20px auto 30px;
    }

    .inquire-box .hint-txt {
        font-size: 1.8rem;
    }

    .inquire-box .single-box {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 10px auto 20px;
    }

    .inquire-box .single-box > span {
        font-size: 3rem;
        color: #FF6633;
        margin: 0 0 0 5px;
    }

    input.single[type='text'] {
        height: 50px;
        border-radius: 30px;
        border: 1px solid #B2B2B2;
        box-sizing: border-box;
        padding: 0 20px 0 20px;
        font-size: 2rem;
    }

    .single-box select {
        font-size: 2rem;
    }

    /* service base */
    .full-inner.servicebaseheader {
        background: #e2f2f1;
    }

    .inquire-header {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        line-height: 1.58;
    }

    .inquire-header .col-1 {
        width: 49.5%;
        max-width: 490px;
    }

    .inquire-header .col-2 {
        width: 51%;
        max-width: 500px;
        display: flex;
        justify-content: center;
    }

    .inquire-header .col-2 .img-box {
        width: auto;
        margin: 0 0 0 10px;
    }

    .inquire-header .tit {
        font-size: 3.2rem;
        margin: 0 0 15px 0;
    }

    .inquire-header .search-bar {
        width: 100%;
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        padding: 30px 15px 30px 15px;
        background: #fccf00;
        margin: 15px 0 10px;
    }

    .inquire-header .search-bar.golf {
        width: 100%;
        margin: 15px 0 10px;
    }

    .inquire-header .search-bar .select-box, .inquire-header .search-bar input {
        text-align: left;
        margin: 0 10px 0 0;
    }

    .inquire-header .search-bar .select-box, .inquire-header .search-bar.hotel input {
        margin: 0 10px 0 10px;
    }

    .inquire-header .search-bar select {
        font-size: 1.8rem;
    }

    .inquire-header .search-bar input {
        font-size: 1.8rem;
    }

    .inquire-header .search-bar button {
        height: 50px;
        border-radius: 30px;
        background: #FF6633;
        font-size: 1.8rem;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
        box-sizing: border-box;
        padding: 0 10px 0 10px;
        white-space: nowrap;
    }

    .inquire-header .search-bar input[type=submit] {
        height: 50px;
        border-radius: 30px;
        background: #FF6633;
        font-size: 1.8rem;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
        box-sizing: border-box;
        padding: 0 10px 0 10px;
        white-space: nowrap;
    }

    .servicebase .inquire-box {
        width: 100%;
        max-width: 990px;
    }

    .servicebase .inquire-box .info-box {
        max-width: none;
        margin: 0 0 30px 0
    }

    .inquire-box a {
        text-decoration: underline;
        color: #FF6633;
    }

    .search-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .search-list {
        font-size: 1.8rem;
        line-height: 1.58;
        margin: 10px 0 0 0;
    }

    .search-list > li {
        box-sizing: border-box;
        padding: 15px 20px 15px 20px;
        position: relative;
    }

    .search-list > li:nth-child(odd) {
        background: #fff;
    }

    .search-item {
        display: flex;
        flex-direction: row;
        align-items: center; /* margin: 0 0 10px 0; */
    }

    .search-item .item_name {
        width: 370px;
        font-weight: bold;
    }

    .search-item .item_address {
        width: 520px;
    }

    .search-item .item-arrow {
        position: absolute;
        right: 30px;
        top: 15px;
        cursor: pointer;
    }

    .search-item .item-arrow:before {
        content: '\e916';
        opacity: 0.5;
    }

    .search-item .item-arrow.active:before {
        content: '\e917';
        opacity: 1;
    }

    .search-info {
        display: flex;
        flex-direction: row;
        font-size: 1.7rem;
        line-height: 1.58;
        color: #727272;
        margin: 10px 0 0 0;
        display: none;
    }

    .search-info .time-list {
        width: 370px;
        line-height: 1.8;
    }

    .search-info .otherservice-list {
        width: 520px;
    }

    .storenumber {
        font-size: 3rem;
        color: #FF6633;
    }

    .substore-search {
        display: flex;
        flex-wrap: wrap;
        margin: 20px 0 20px 0;
    }

    .substore-search > li {
        width: 130px;
        margin: 0 15px 30px 15px;
        position: relative;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .substore-search > li:hover {
        opacity: 0.6;
    }

    .substore-search .img-box {
        width: 130px;
        height: 130px;
        border-radius: 30px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* .substore-search .img-box>img{ max-width: 91px; } */
    .substore-search .txt-box {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #363636;
        margin: 10px 0 0 0;
    }

    .substore-search > li > a {
        width: 100%;
        height: 100%;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .column4 .search-item .item_number {
        width: 5%;
    }

    .column4 .search-item .item_name {
        width: 30%;
        font-weight: normal;
    }

    .column4 .search-item .item_phone {
        width: 20%;
    }

    .column4 .search-item .item_address {
        width: 45%;
    }

    /* orderlist-table  */
    .orderlist-box.hastable {
        width: 750px;
        max-width: none;
        padding: 30px 30px 30px 30px;
    }

    .international .orderlist-box.hastable {
        width: 850px;
        max-width: none;
        padding: 30px 30px 30px 30px;
    }

    .orderlist-table {
        font-size: 1.6rem;
        width: auto;
    }

    .international .orderlist-table {
        width: auto;
    }

    .orderlist-table .table-header {
        font-size: 2rem;
        color: #FF6633;
    }

    .orderlist-table .table-header:after {
        content: '';
        display: block;
        width: 100%;
        border-bottom: 1px solid #B2B2B2;
        margin: 10px 0 20px 0;
    }

    .orderlist-table table {
        border-collapse: collapse;
        color: #b2b2b2;
    }

    .orderlist-table table td {
        height: 40px;
        padding: 0;
    }

    .orderlist-table table td:nth-child(3) {
        width: 260px;
    }

    .international .orderlist-table table td:nth-child(4) {
        width: 150px;
    }

    .international .orderlist-table table tr:nth-child(n+2) td:nth-child(4) {
        box-sizing: border-box;
        padding: 0 0 0 20px;
    }

    .orderlist-table table td:last-child a {
        box-sizing: border-box;
        padding: 0 0 0 20px;
    }

    .orderlist-table .table-thead {
        width: 130px;
        height: 40px;
        border-radius: 30px;
        background: #feec99;
        font-size: 1.6rem;
        color: #000;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 10px 0;
    }

    .orderlist-table .time {
        margin: 0 0 0 10px;
    }

    .orderlist-table .step-disc {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 80px;
        height: 100%;
    }

    .orderlist-table .step-disc .disc {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #e5e5e5;
    }

    .orderlist-table .step-disc .line {
        width: 1px;
        height: 100%;
        background: #e5e5e5;
        position: absolute;
    }

    .orderlist-table .active {
        color: #000;
    }

    .orderlist-table .active td:nth-child(3) {
        color: #FF6633;
    }

    .orderlist-table .active .disc {
        width: 15px;
        height: 15px;
        background: #FF6633;
        z-index: 1;
    }

    .orderlist-table table tr:nth-child(2) .line {
        height: 50%;
        bottom: 0;
    }

    .orderlist-table table tr:last-child .line {
        height: 50%;
        top: 0;
    }

    .orderlist-table a {
        color: #b2b2b2;
    }

    .orderlist-table .active a {
        color: #000;
    }

    .orderlist-table + .orderlist-table {
        margin: 30px 0 0 0;
    }

    /* service */
    /* qa */
    /* thinborder-box */
    .service-header {
        width: 100%;
        max-width: 990px;
        margin: 40px auto 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        list-style: height: 1.58;
    }

    .service-header .tit {
        font-size: 3.2rem;
        margin: 0 0 15px 0;
    }

    .service-header .search-bar {
        width: 50%;
        border-radius: 50px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        padding: 30px 15px 30px 15px;
        background: #fccf00;
        margin: 15px 0 10px;
    }

    .service-header .search-bar .select-box, .service-header .search-bar input {
        text-align: left;
        margin: 0 10px 0 0;
    }

    .service-header .search-bar .select-box, .service-header .search-bar.hotel input {
        margin: 0 10px 0 10px;
    }

    .service-header .search-bar select {
        font-size: 1.8rem;
    }

    .service-header .search-bar input {
        font-size: 1.8rem;
    }

    .service-header .search-bar button {
        min-width: 80px;
        height: 50px;
        border-radius: 30px;
        background: #FF6633;
        font-size: 1.8rem;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
        box-sizing: border-box;
        padding: 0 10px 0 10px;
        white-space: nowrap;
    }

    .thinborder-box {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        border-radius: 30px;
        border: 3px solid #FF6633;
        box-sizing: border-box;
        padding: 10px 40px 10px 40px;
        background: #fff;
        position: relative;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
    }

    .thinborder-box + .thinborder-box {
        margin: 25px auto 0 auto;
    }

    .thinborder-box.active {
        padding: 40px 40px 40px 40px;
    }

    .thinborder-box.noexpand {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        border-radius: 30px;
        border: 3px solid #FF6633;
        box-sizing: border-box;
        padding: 40px 40px 40px 40px;
        background: #fff;
        position: relative;
    }

    .thinborder-box .thinborder-header {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .qa .thinborder-box.active .thinborder-header:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #B2B2B2;
        margin: 10px 0 0 0;
    }

    .thinborder-box .thinborder-header .header-tit {
        display: flex;
        align-items: center;
        font-size: 2.4rem;
        line-height: 1.58;
        font-weight: bold;
        color: #FF6633;
    }

    .qa .thinborder-box .thinborder-header .header-tit:before {
        content: '\e90b';
        font-size: 1.8rem;
        margin: 0 5px 0 0;
    }

    .qa .thinborder-box.active .thinborder-header .header-tit:before {
        content: '\e90a';
    }

    .thinborder-box .thinborder-header .header-note {
        font-size: 1.7rem;
        line-height: 1.58;
        color: #FF6633;
        align-self: center;
    }

    .qa .qa-list {
        font-size: 1.8rem;
        line-height: 1.58;
        color: #707070;
        display: none;
    }

    .qa .thinborder-box.active .qa-list {
        display: block;
    }

    .qa .qa-list > li {
        display: flex;
        margin: 20px 0 0 0;
    }

    .qa .qa-list > li:before {
        content: '\e96c';
        font-size: 1.2rem;
        line-height: 30px;
        color: #FF6633;
        margin: 0 8px 0 0;
    }

    .qa .qa_tit {
        font-size: 2rem;
        color: #363636;
        font-weight: bold;
    }

    .qa .qa-list a {
        color: #FF6633;
        text-decoration: underline;
    }

    /* webcontact */
    .webcontact .service-header .search-bar {
        width: 630px;
    }

    .webcontact .form-header {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .webcontact .form-header .header-note {
        font-size: 1.7rem;
        line-height: 1.58;
        color: #FF6633;
        align-self: center;
    }

    .webcontact .info-box {
        max-width: 900px;
        margin: 50px auto 0;
    }

    .webcontact .form-list .list_tit {
        width: 120px;
    }

    .webcontact .form-list textarea {
        width: 90%;
        height: 120px;
        border-radius: 30px;
        border: 1px solid #B2B2B2;
        box-sizing: border-box;
        padding: 20px 20px 20px 20px;
    }

    .webcontact .btn-box {
        margin: 60px 0 0 0;
    }

    .webcontact .login-code {
        display: flex;
        align-items: center;
        margin: 0 0 0 10px;
    }

    .webcontact .id {
        flex-wrap: nowrap;
    }

    .webcontact .id > li:first-child {
        width: auto;
    }

    .webcontact .id > li:last-child {
        margin: 0 0 0 10px;
    }

    .webcontact .id > li + li {
        margin: 0 0 0 40px;
    }

    .webcontact .orderlist-box {
        padding: 30px 40px 30px 40px;
    }

    .webcontact .order-list {
        font-size: 2rem;
        line-height: 1.58;
    }

    .webcontact .form-box {
        font-size: 2rem;
        line-height: 1.58;
    }

    /* article */
    .inpage-header {
        width: 100%;
        max-width: 990px;
        margin: 40px auto 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        line-height: 1.58;
    }

    .inpage-header .tit {
        font-size: 3.2rem;
        margin: 0 0 15px 0;
    }

    .article .inpage-header {
        margin: 40px auto 0;
    }

    .article-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        max-width: 1140px;
        margin: 0 auto;
    }

    .article-list > li {
        width: 30vw;
        max-width: 340px;
        height: 490px;
        margin: 20px 20px 20px 20px;
        background: #fff;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, .16);
        position: relative;
        transition: all .6s cubic-bezier(.4, 0, .2, 1);
    }

    .article-list .img-box {
        width: 100%;
        height: 30vw;
        max-height: 340px; /* height: 22.5vw; max-height: 255px; */
        overflow: hidden;
        position: relative;
    }

    .article-list .img-box img {
        width: 100%;
    }

    .article-list .txt-box {
        font-size: 2rem;
        line-height: 1.58;
        color: #727272;
        box-sizing: border-box;
        padding: 20px 20px 20px 20px;
    }

    .article-list .txt-box .tit {
        font-size: 2.4rem;
        line-height: 1.2;
        color: #000;
        text-align: center;
        overflow: hidden;
        margin: 0 0 20px 0;
    }

    .article-list > li a {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .article-list > li:hover {
        background: #f0f0f0;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0);
    }

    .page-list {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.8rem;
        font-weight: bold;
        color: #727272;
        margin: 70px 0 0 0;
    }

    .page-list li:nth-child(1) {
        margin: 0 30px 0 0;
    }

    .page-list li:nth-child(3) {
        margin: 0 5px 0 5px;
    }

    .page-list li:nth-child(5) {
        margin: 0 0 0 30px;
    }

    .page-list span {
        font-size: 3rem;
        color: #b2b2b2;
    }

    .article-detail {
        font-size: 2rem;
        line-height: 1.58;
        color: #707070;
    }

    .article-detail .tit {
        font-size: 2.2rem;
        line-height: 1.58;
        font-weight: bold;
        color: #FF6633;
        text-align: center;
    }

    .article-detail a {
        color: #FF6633;
    }

    .article-detail .link-list li {
        display: flex;
        align-items: center;
    }

    .article-detail .link-list li:before {
        content: '\e92b';
        color: #FF6633;
        font-size: 1.2rem;
        margin: 0 5px 0 0;
    }

    .article-detail .link-list li:first-child:before {
        content: '\e96d';
        color: #707070;
    }

    .article-detail .link-list li + li {
        margin: 10px 0 0 0;
    }

    .article-detail a {
        text-decoration: none;
    }

    /* .article-detail a:after{ display: block; content: ''; width: 100%; height: 1px; border-bottom: 1px solid #FF6633; } */
    .article-detail .tit:after {
        display: block;
        content: '';
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #B2B2B2;
        margin: 20px 0 20px 0;
    }

    .article-detail .col-1 {
        width: 400px;
        flex-shrink: 0;
        margin: 0 50px 0 0;
    }

    .article-detail .col-1 .img-box {
        width: 100%;
    }

    .article-detail .col-1 .img-box img {
        width: 100%;
    }

    .article .btn-box {
        margin: 60px 0 0 0;
    }

    .article .border-box {
        width: auto;
        margin: 0 auto;
    }

    /* news */
    .news .inpage-header {
        margin: 40px auto 30px;
    }

    .news .border-box {
        width: 100%;
        margin: 0 auto;
        font-size: 2rem;
        line-height: 1.58;
    }

    .txtnews-list {
        display: flex;
        flex-direction: column;
        margin: 0 0 0 0;
    }

    .txtnews-list > li {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        min-height: 50px;
        position: relative;
    }

    .txtnews-list > li > a {
        width: 100%;
        height: 100%;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .txtnews-list > li + li {
        margin: 20px 0 0 0
    }

    .txtnews-tag {
        display: flex;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 120px;
        height: 100%;
        min-height: 50px;
        border-radius: 5px;
        font-size: 1.8rem;
    }

    .txtnews-date {
        display: flex;
        align-items: center;
        width: 100px;
        height: 100%;
        font-size: 2rem;
        margin: 0 40px 0 40px;
    }

    .txtnews-txt {
        display: flex;
        align-items: center;
        font-size: 2rem;
        transition: all .2s cubic-bezier(.4, 0, .2, 1);
        width: calc(100% - 300px);
        margin: 0 0 0 0;
    }

    .txtnews-txt > p {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .txtnews-list > li:hover .txtnews-txt {
        text-decoration: underline;
    }

    .news .page-list {
        margin: 50px 0 0 0;
    }

    .news .tit-box {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        font-size: 2.2rem;
        line-height: 1.58;
        font-weight: bold;
        color: #FF6633;
    }

    .news .tit-box .txtnews-tag {
        margin: 0 20px 0 0;
    }

    .news .tit-box .tit {
        width: calc(100% - 140px);
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 0 0;
    }

    .news .tit-box:after {
        display: block;
        content: '';
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #B2B2B2;
        margin: 20px 0 20px 0;
    }

    .news .date {
        font-size: 1.7rem;
        line-height: 1.58;
        color: #b2b2b2;
        text-align: right;
        margin: 0 0 20px 0;
    }

    .news .btn-box {
        margin: 40px 0 0 0;
    }

    /* selfhelp */
    .selfhelp-wrap {
        width: 100%;
        max-width: 650px;
        margin: 0 auto;
    }

    .selfhelp-list {
    }

    .selfhelp-list > li {
        width: 100%;
        min-height: 80px;
        border-radius: 30px;
        border: 1px solid #FF6633;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 20px 20px 20px 20px;
        font-size: 1.7rem;
        line-height: 1.58;
        color: #363636;
    }

    .selfhelp-list > li.top {
        background: #f4faf9;
        font-size: 3.6rem;
        font-weight: bold;
        color: #FF6633;
        justify-content: center;
    }

    .selfhelp-list > li.top .msg {
        font-size: 2rem;
        margin: 0 0 0 0;
    }

    .selfhelp-list > li + li {
        margin: 40px 0 0 0;
    }

    .selfhelp-list > li .col-1 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        width: 60px;
        height: 60px;
        border-radius: 50px;
        background: #FF6633;
        font-size: 1.5rem;
        font-weight: bold;
        color: #d3ece8;
        margin: 0 30px 0 0;
    }

    .selfhelp-list > li .col-1 > span:last-child {
        font-size: 2.2rem;
        color: #fff;
        margin: 0 0 0 2px;
    }

    .selfhelp-list > li .col-2 {
        width: 100%;
    }

    .selfhelp-list > li .tit {
        margin: 0 0 0 0;
        font-weight: normal;
        font-size: 2.2rem;
    }

    .selfhelp-list .line {
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #B2B2B2;
        margin: 15px 0 15px 0;
    }

    .selfhelp-list .msg {
        font-size: 1.7rem;
        color: #FF6633;
        margin: 0 0 0 20px;
    }

    .selfhelp-wrap .info-list {
        font-size: 1.8rem;
        line-height: 1.58;
        margin: 30px 0 0 25px;
    }

    .selfhelp-wrap .info-list a {
        color: #FF6633;
        text-decoration: underline;
    }

    /* ezcat */
    .full-inner.ezcat {
        padding: 40px 0 40px 0;
        background: #e2f2f1;
    }

    .ezcat-header {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
    }

    .ezcat-header > .col-1 {
        margin: 0 35px 0 0;
    }

    .ezcat-header > .col-2 > p {
        font-size: 2rem;
        line-height: 1.58;
        color: #727272;
    }

    .ezcat-header > .col-2 > p.tit {
        font-size: 3.2rem;
        margin: 0 0 10px 0;
        color: #000;
        text-align: left;
    }

    .ezcat-header > .col-2 .flex-box {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 30px 0 0 0;
    }

    .ezcat-header > .col-2 .phone {
        font-size: 3.6rem;
        font-weight: bold;
        color: #FF6633
    }

    .ezcat-header > .col-2 .btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 160px;
        height: 160px;
        border-radius: 50%;
        background: #fccf00;
        font-size: 2rem;
        line-height: 1.4;
        font-weight: bold;
        color: #000;
    }

    .ezcat-header > .col-2 .flex-box .col-1 {
        font-size: 1.7rem;
    }

    .ezcat-table {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        font-size: 1.8rem;
    }

    .ezcat-table .table-row {
        display: flex;
    }

    .ezcat-table .table-row .col-1 {
        display: flex;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 120px;
        min-height: 60px;
        border-radius: 10px 0 0 10px;
        background: #d3ece8;
        box-sizing: border-box;
        padding: 20px 15px 20px 15px;
        margin: 0 5px 0 0;
    }

    .ezcat-table .table-row .col-2 {
        display: flex;
        flex-grow: 1;
        align-items: center;
        background: #fff;
        box-sizing: border-box;
        padding: 20px 15px 20px 15px;
    }

    .ezcat-table > .table-row + .table-row {
        margin: 5px 0 0 0;
    }

    .ezcat-table > .table-row-column + .table-row {
        margin: 5px 0 0 0;
    }

    .ezcat-table .info-list {
        line-height: 1.8;
    }

    .ezcat-table .table-row-column {
        display: flex;
        margin: 5px 0 0 0;
    }

    .ezcat-table .table-row-column .table-row:first-child {
        width: 55%;
    }

    .ezcat-table .table-row-column .table-row:last-child {
        width: 45%;
    }

    .ezcat-table .table-row-column .table-row + .table-row {
        margin: 0 0 0 5px;
    }

    /* about */
    .full-wrap .full-inner .full-kv {
        width: 100vw;
        height: 39.5vw;
        max-height: 540px;
        overflow: hidden;
    }

    .full-wrap.about .full-inner .full-kv {
        background: url('../company/images/about_kv.jpg') no-repeat center bottom / cover;
    }

    .about-box {
        width: 100%;
        max-width: 990px;
        margin: 150px auto 0;
    }

    .about-box .flex-box.originl {
        flex-direction: row;
        justify-content: space-between;
    }

    .about-box .flex-box.originl .col-1 {
        width: 495px;
        flex-shrink: 0;
    }

    .about-box .flex-box .img-box img {
        width: 100%;
    }

    .about-box .flex-box.originl .col-2 {
        width: 450px;
        flex-shrink: 0;
        font-size: 1.8rem;
        line-height: 1.58;
        background: rgba(255, 255, 255, .9);
        box-sizing: border-box;
        padding: 30px 0 0 0;
        margin: -360px 0 0 0;
    }

    .about-box .tit-box {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about-box .tit {
        font-size: 2.4rem;
        font-weight: bold;
        color: #FF6633;
        display: inline-block;
    }

    .about-box .tit:after {
        content: '';
        display: block;
        width: 100%;
        border-bottom: 3px solid #FF6633;
    }

    .about-box .txt-box {
        box-sizing: border-box;
        padding: 0 30px 0 30px;
    }

    .about-box .about-info {
        background: #fff;
        box-sizing: border-box;
        padding: 60px 60px 60px 60px;
        font-size: 1.8rem;
        line-height: 1.58;
        margin: -240px 0 0 0;
    }

    .about-box .about-info .tit-box {
        justify-content: flex-start;
    }

    .about-box .about-info .tit-txt {
        width: 400px;
        color: #FF6633;
        margin: 10px 0 50px 0;
    }

    .about-box .about-info .flex-box {
        flex-direction: row;
        align-items: flex-end;
        margin: 100px 0 0 0;
    }

    .about-box .about-info .flex-box .col-1 {
        width: 470px;
        margin: 0 50px 0 0;
    }

    .about-box .about-info .flex-box .col-2 p span {
        display: inline-block;
        width: 120px;
    }

    /* events */
    .full-wrap.events .full-inner .full-kv {
        background: url('../company/images/events_kv.jpg') no-repeat center bottom / cover;
    }

    .events-box {
        width: 100%;
        max-width: 910px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 60px 0 0 0;
    }

    .events-box .tit-box {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .events-box .tit {
        font-size: 2.4rem;
        font-weight: bold;
        color: #FF6633;
        display: inline-block;
    }

    .events-box .tit:after {
        content: '';
        display: block;
        width: 100%;
        border-bottom: 3px solid #FF6633;
    }

    .events-box .txt-box {
        box-sizing: border-box;
        padding: 0 30px 0 30px;
    }

    .events-box .events-list {
    }

    .events-box .events-list > li {
        box-sizing: border-box;
        padding: 0 0 40px 20px;
        position: relative;
    }

    .events-box .events-list > li:before {
        content: '';
        width: 1px;
        height: 100%;
        background: #FF6633;
        position: absolute;
        left: 5px;
        top: 20px;
    }

    .events-box .events-list > li:after {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50px;
        background: #FF6633;
        position: absolute;
        left: 0px;
        top: 12px;
    }

    .events-box .events-list > li ul {
        list-style-type: disc;
        font-size: 1.8rem;
        line-height: 1.58;
        color: #363636;
        margin: 10px 0 0 25px;
    }

    .events-box .events-year {
        font-size: 2.4rem;
        color: #FF6633;
    }

    .events-box .flex-box {
        position: relative;
    }

    .events-box .col-2 {
        flex-shrink: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .events-box .col-2 .img-box {
        width: 350px;
    }

    .events-box .col-2 .img-box img {
        width: 100%;
    }

    /* sitemap */
    .sitemap-wrap {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 40px 0 0 0;
    }

    .sitemap-wrap a:hover {
        color: #FF6633;
        text-decoration: underline;
    }

    .sitemap-box {
        width: 100%;
        border-radius: 30px;
        background: #fff;
        box-sizing: border-box;
        padding: 30px 30px 30px 40px;
        display: flex;
    }

    .sitemap-wrap .sitemap-box + .sitemap-box {
        margin: 20px 0 a 0 0;
    }

    .sitemap-box > .sitemap + .sitemap {
        margin: 0 0 0 50px;
    }

    .sitemap-box .sitemap {
        display: flex;
        flex-direction: row;
        width: auto;
    }

    .sitemap-box .sitemap-tit {
        width: 70px;
        height: 70px;
        border-radius: 50px;
        border: 1px solid #FF6633;
        font-size: 2rem;
        color: #FF6633;
        line-height: 1.2;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin: 0 35px 0 0;
        box-sizing: border-box;
        padding: 0 13px 0 13px;
        align-self: start;
        flex-shrink: 0;
    }

    .sitemap-box .sitemap-list {
        display: flex;
    }

    .sitemap-box.onelist {
        flex-direction: row;
    }

    .sitemap-box.onelist .sitemap .sitemap-list {
        justify-content: flex-start;
        text-align: left;
        flex-shrink: 0;
    }

    .sitemap-box.onelist > .sitemap + .sitemap {
        margin: 0 0 0 0;
    }

    .sitemap-box .sitemap-list > li {
        width: auto;
        min-width: 160px;
        font-size: 1.7rem;
        line-height: 1.8;
        color: #363636;
    }

    .sitemap-box .sitemap-list > li + li {
        margin: 0 0 0 50px;
    }

    .sitemap-box .sitemap-list .tit {
        font-size: 1.8rem;
        color: #363636;
        margin: 0 0 0 0;
    }

    .sitemap-box .sitemap-list .tit:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #b2b2b2;
        margin: 15px 0 25px 0;
    }

    .sitemap-box .sitemap-list .tit.one:after {
        display: none;
    }

    /* privacy */
    .privacy {
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .txt-list {
        font-size: 1.8rem;
        line-height: 1.58;
        list-style-type: cjk-ideographic;
        margin: 0 0 0 37px;
    }

    .txt-list > li {
        text-align: justify;
    }

    .txt-list > li + li {
        margin: 40px 0 0 0;
    }

    .privacy .txt-list {
    }

    .privacy .txt-box {
        font-size: 1.8rem;
        line-height: 1.58;
        text-align: justify;
    }

    .privacy .subtit {
        font-size: 2.4rem;
        font-weight: bold;
        margin: 0 0 0px 0;
    }

    /* clause */
    .clause {
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .clause .cjk-list > li {
        text-align: justify;
    }

    .clause .border-box > ul > li + li {
        margin: 40px 0 0 0;
    }

    .clause .listtit {
        font-weight: bold;
    }

    /* productlist */
    .productlist-box {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
    }

    .productlist-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 80px 0;
    }

    .productlist-list > li {
        width: 30%;
        max-width: 300px;
        height: 320px;
        border-radius: 20px;
        background: #fff;
        outline: 1px solid #727272;
        box-sizing: border-box;
        padding: 20px 20px 30px 20px;
        margin: 13px min(1.66%, 13px) 13px min(1.66%, 13px);
        position: relative;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .productlist-list > li a {
        line-height: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .productlist-list > li .img-box {
        height: 180px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .productlist-list > li .img-box img {
        width: min(100%, 220px);
    }

    .productlist-list > li .tit {
        font-size: 2rem;
        text-align: center;
        margin: 10px 0 0 0;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .productlist-list > li .tit:after {
        content: '';
        width: 100%;
        display: block;
        border-bottom: 1px solid #727272;
        margin: 10px 0 15px 0;
    }

    .productlist-list > li .orderinfo {
        display: flex;
        justify-content: space-between;
        font-size: 1.8rem;
    }

    .productlist-list > li .orderinfo > span {
        color: #FF6633;
        cursor: pointer;
    }

    .productlist-list > li:hover {
        outline: 8px solid #FF6633;
    }

    .productlist-list > li:hover .tit:after {
        border-bottom: 1px solid #FF6633;
    }

    .info .border-box {
        border: 5px solid #FF6633;
    }

    .info .flex-box {
        flex-direction: row;
        justify-content: space-between;
        margin: 0 0 70px 0;
    }

    .info .flex-box .col-1 {
        width: 450px;
        flex-shrink: 0;
        margin: 0 40px 0 0;
    }

    .info .flex-box .col-2 {
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .info .flex-box .img-box img {
        width: 100%;
    }

    .info .flex-box .col-2 .tit {
        font-size: 2rem;
        margin: 0 0 0 0;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .info .flex-box .col-2 .tit:after {
        content: '';
        width: 100%;
        display: block;
        border-bottom: 1px solid #FF6633;
        margin: 10px 0 15px 0;
    }

    .info .flex-box .col-2 .btn-box {
        justify-content: flex-start;
        margin: 80px 0 0 0;
    }

    .info .full-inner > .btn-box {
        margin: 30px 0 0 0;
    }

    /* remind */
    .remind .full-inner {
        width: auto;
        margin: 0;
    }

    .remind .tab-wrap {
        width: auto;
        margin: 0;
        box-sizing: border-box;
        padding: 0;
        position: relative;
    }

    .remind .tab-box {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        border-bottom: 5px solid #FF6633;
        margin: 0 0 0 0;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .remind .mobile-tabheader {
        display: none;
    }

    .remind .tab-box {
        position: static;
    }

    .remind .tab-box > li {
        width: 12.5%;
        max-width: 120px;
        height: 60px;
        border-radius: 30px 30px 0 0;
        background: #fff;
        border: 1px solid #B2B2B2;
        border-bottom: 5px solid #FF6633;
        margin: 0 0 -5px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.2rem;
        box-sizing: border-box;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
    }

    .remind .tab-box > li:hover, .remind .tab-box > li.active {
        color: #FF6633;
        border: 5px solid #FF6633;
        border-bottom: none;
        background: #f5f5f5;
    }

    .remind .tab-content {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .remind .tab-content .flex-box {
        flex-direction: row;
    }

    .remind .tab-content .img-box {
        width: 170px;
        margin: 0 40px 0 0;
    }

    .remind .tab-content .img-box img {
        width: 100%;
    }

    .remind .tab-content .txt-box {
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .remind .tab-content .txt-box .tit {
        font-size: 2rem;
        margin: 0 0 15px 0;
        text-align: left;
    }

    .remind .help {
        width: 100%;
        max-width: 990px;
        margin: 70px auto 0;
    }

    .remind .help .tit {
        font-size: 2.2rem;
        color: #FF6633;
        text-align: center;
        margin: 0 0 10px 0;
    }

    .remind .remind-help {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .remind .remind-help li {
        width: 300px;
        height: 400px;
        border-radius: 20px;
        border: 1px solid #FF6633;
        box-sizing: border-box;
        padding: 15px 15px 15px 15px;
        margin: 15px 15px 15px 15px;
        background: #fff;
    }

    .remind .remind-help .img-box {
        height: 180px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .remind .remind-help .img-box img {
        width: 65%;
    }

    .remind .remind-help li:last-child {
        width: 100%;
        height: 250px;
        display: flex;
        align-items: center;
    }

    .remind .remind-help li:last-child .img-box {
        width: 60%;
        flex-shrink: 0;
        order: 2;
    }

    .remind .remind-help li:last-child .img-box img {
        width: 100%;
    }

    .remind .remind-help li:last-child .txt-box {
        width: 290px;
        margin: 0 30px 0 0;
    }

    .remind .remind-help .txt-box {
        font-size: 1.8rem;
        line-height: 1.58;
        color: #363636;
    }

    .remind .remind-help .subtit {
        display: block;
        width: 100px;
        font-size: 2rem;
        font-weight: bold;
        text-align: center;
        margin: 10px auto 15px;
    }

    .remind .remind-help .subtit:after {
        content: '';
        display: block;
        width: 100%;
        border-bottom: 3px solid #FF6633;
        margin: 5px 0 10px 0;
    }

    /* reject */
    .reject .full-inner {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
    }

    .reject-info {
        font-size: 1.8rem;
        line-height: 1.58;
        color: #363636;
        flex-direction: row;
        align-items: flex-start;
    }

    .reject-info .tit {
        font-size: 2.2rem;
        font-weight: bold;
        color: #FF6633;
        margin: 0 0 0 0;
    }

    .reject-info .col-1 {
    }

    .reject-info .col-2 {
        width: 300px;
        flex-shrink: 0;
    }

    .reject-info .col-2 .img-box img {
        width: 100%;
    }

    .reject-info a {
        text-decoration: underline;
        color: #FF6633;
    }

    .reject .border-box {
        margin: 60px 0 0 0;
    }

    .reject .border-box .tit {
        font-size: 2.4rem;
        text-align: center;
        margin: 0 0 50px 0;
    }

    .reject-list {
        font-size: 1.8rem;
        line-height: 1.58;
        color: #363636;
    }

    .reject-list > li + li:before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background: #b2b2b2;
        margin: 30px 0 30px 0;
    }

    .reject-list > li > .flex-box .col-1 {
        flex-shrink: 0;
        width: 130px;
        margin: 0 30px 0 0;
    }

    .reject-list > li > .flex-box .col-1 .img-box img {
        width: 100%;
    }

    .reject-list .subtit {
        font-size: 2rem;
        font-weight: bold;
        color: #FF6633;
        margin: 0 0 10px 0;
    }

    .reject-list .subtit-note {
        font-size: 1.8rem;
        font-weight: normal;
    }

    .reject-list .twocol {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: 680px;
    }

    .reject-list .twocol li {
        width: 400px;
        flex-shrink: 0;
        margin: 0 60px 0 0;
    }

    .reject-list > li > .flex-box.country {
        flex-direction: row;
    }

    .reject-list > li > .flex-box.country .col-1 {
        width: 400px;
        flex-shrink: 0;
        margin: 0 60px 0 0;
    }

    .reject .note {
        font-size: 1.8rem;
        text-align: center;
        margin: 30px 0 0 0;
    }

    .reject .note span {
        display: inline-block;
    }

    /* info */
    .info .full-inner {
        width: auto;
        margin: 0;
    }

    .info-top {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        font-size: 2rem;
        line-height: 1.58;
    }

    .info-top .tit {
        font-size: 3.2rem;
        margin: 0 0 15px 0;
        text-align: left;
    }

    .info-top .col-1 {
        box-sizing: border-box;
        padding: 50px 0 0 0;
    }

    .info-top .col-1 a {
        margin: 0 0 0 0;
    }

    .info-top .col-1 .btn-box {
        margin: 30px 0 0 0;
        justify-content: flex-start;
    }

    .info-top .col-2 .img-box img {
        width: auto;
    }

    .info .tab-wrap {
        width: auto;
        margin: 0;
        box-sizing: border-box;
        padding: 0;
        position: relative;
    }

    .info .tab-box {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        border-bottom: 5px solid #FF6633;
        margin: -58px 0 0 0;
        box-sizing: border-box;
        padding: 0 0 0 0;
    }

    .info .tab-box {
        position: static;
    }

    .info .tab-box > li {
        width: 45%;
        max-width: 450px;
        height: 60px;
        border-radius: 30px 30px 0 0;
        background: #fff;
        border: 1px solid #B2B2B2;
        border-bottom: 5px solid #FF6633;
        margin: 0 0 -5px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.2rem;
        box-sizing: border-box;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
    }

    .info .tab-box > li:hover, .info .tab-box > li.active {
        color: #FF6633;
        border: 5px solid #FF6633;
        border-bottom: none;
        background: #f5f5f5;
    }

    .info .tab-content {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .info .tab-content .flex-box {
        flex-direction: row;
    }

    .info .tab-content .img-box img {
        width: 100%;
    }

    .info .tab-content .txt-box {
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .info .tab-content .txt-box .tit {
        font-size: 2rem;
        margin: 0 0 10px 0;
        text-align: left;
    }

    .info .info-warp {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .info .info-warp .tit {
        text-align: center;
        font-size: 2.4rem;
    }

    .info .info-warp .img-box {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .info .info-warp .img-box > img {
        width: 100%;
        max-width: 900px;
    }

    .info .info-warp .img-box > img.pc {
        display: block;
    }

    .info .info-warp .img-box > img.mobile {
        display: none;
    }

    .info .borderlist-box {
        width: 100%;
        max-width: 1000px;
        margin: 50px auto;
        border-radius: 30px;
        border: 8px solid #E5E5E5;
        background: #fff;
        box-sizing: border-box;
        padding: 20px 30px 20px 30px;
        position: relative;
    }

    .info .border-list > li {
        display: flex;
        flex-direction: column;
        border-bottom: 1px dashed #B2B2B2;
        font-size: 1.8rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 10px 0 10px 0;
    }

    .info .border-list > li + li {
        margin: 20px 0 0 0;
    }

    .info .border-list > li:last-child {
        border: none;
    }

    .info .borderlist-box + .borderlist-box {
        margin: 20px 0 0 0;
    }

    .info .border-list a {
        color: #FF6633;
        text-decoration: underline;
    }

    .info .border-list .col-1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 180px;
        height: 40px;
        border-radius: 30px;
        background: #feec99;
        font-size: 2rem;
        margin: 0 0 0 0;
    }

    .info .border-list .col-1.moretxt {
        width: 320px;
    }

    .info .border-list .col-2 {
        box-sizing: border-box;
        padding: 10px 0 0 20px;
    }

    .info .border-list .consign {
        display: flex;
        justify-content: center;
    }

    .info .border-list .consign img {
        max-width: 400px;
    }

    .info .app-info {
        font-size: 2.2rem;
        text-align: center;
    }

    .info .app-info .flex-box {
        justify-content: center;
        margin: 20px 0 0 0;
    }

    .info .app-info .flex-box .col-1 {
        width: 230px;
        margin: 0 25px 0 0;
    }

    .info .app-info .flex-box .col-2 {
        width: 230px;
    }

    .info .app-info .flex-box img {
        width: 100%;
    }

    .info .app-info .flex-box .img-box a {
        width: 100%;
        line-height: 0;
    }

    /* line */
    .line .full-inner {
        width: auto;
        margin: 0;
    }

    .line-top {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        font-size: 2rem;
        line-height: 1.58;
    }

    .line-top .tit {
        font-size: 3.2rem;
        margin: 0 0 15px 0;
        text-align: left;
    }

    .line-top > .col-1 {
        box-sizing: border-box;
        padding: 50px 0 0 0;
    }

    .line-top > .col-1 a {
        margin: 0 0 0 0;
    }

    .line-top > .col-1 .btn-box {
        margin: 30px 0 0 0;
        justify-content: flex-start;
    }

    .line-top > .col-2 .img-box img {
        width: auto;
    }

    .line-top .flex-box {
        flex-direction: row;
    }

    .line-top .flex-box .col-1 {
        margin: 0 40px 0 0;
    }

    .line-top .flex-box .img-box a {
        width: 45%;
        margin: 0 5px 0 5px
    }

    .line-top .flex-box .img-box img {
        width: 100%; /* margin: 0 5px 0 5px; */
    }

    .line-top .flex-box .info-list {
        list-style-type: decimal;
        line-height: 1.8;
    }

    .line .tab-wrap {
        width: auto;
        margin: 0;
        box-sizing: border-box;
        padding: 0;
        position: relative;
    }

    .line .tab-box {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        border-bottom: 5px solid #FF6633;
        margin: 50px 0 0 0;
        box-sizing: border-box;
        padding: 0 0 0 0;
    }

    .line .tab-box {
        position: static;
    }

    .line .tab-box > li {
        width: 45%;
        max-width: 450px;
        height: 60px;
        border-radius: 30px 30px 0 0;
        background: #fff;
        border: 1px solid #B2B2B2;
        border-bottom: 5px solid #FF6633;
        margin: 0 0 -5px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.2rem;
        box-sizing: border-box;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
    }

    .line .tab-box > li:hover, .line .tab-box > li.active {
        color: #FF6633;
        border: 5px solid #FF6633;
        border-bottom: none;
        background: #f5f5f5;
    }

    .line .tab-content {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .line .tab-content .flex-box {
        flex-direction: row;
    }

    .line .tab-content .img-box img {
        width: 100%;
    }

    .line .tab-content .txt-box {
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .line .tab-content .txt-box .tit {
        font-size: 2rem;
        margin: 0 0 10px 0;
        text-align: left;
    }

    .line #tab01 .full-wrap:last-child { /* background: #fff; */
        margin: 50px 0 0 0;
        padding: 30px 0 30px 0;
    }

    .line .fun-list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: end;
        flex-wrap: wrap;
    }

    .line .fun-list > li {
        width: 32%;
        margin: 0 0 30px 0;
    }

    .line .fun-list > li > img {
        width: 100%;
    }

    .line .line-warp {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .line .line-warp .tit {
        text-align: center;
        font-size: 2.4rem;
    }

    .line .line-warp .img-box {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .line .line-warp .img-box > img {
        width: 100%;
        max-width: 900px;
    }

    .line #tab02 .line-warp .img-box > img {
        width: 100%;
        max-width: 700px;
    }

    .line .line-warp .img-box > img.pc {
        display: block;
    }

    .line .line-warp .img-box > img.mobile {
        display: none;
    }

    .line .borderlist-box {
        width: 100%;
        max-width: 1000px;
        margin: 50px auto;
        border-radius: 30px;
        border: 8px solid #E5E5E5;
        background: #fff;
        box-sizing: border-box;
        padding: 20px 30px 20px 30px;
        position: relative;
    }

    .line .border-list > li {
        display: flex;
        flex-direction: column;
        border-bottom: 1px dashed #B2B2B2;
        font-size: 1.8rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 10px 0 10px 0;
    }

    .line .border-list > li + li {
        margin: 20px 0 0 0;
    }

    .line .border-list > li:last-child {
        border: none;
    }

    .line .borderlist-box + .borderlist-box {
        margin: 20px 0 0 0;
    }

    .line .border-list a {
        color: #FF6633;
        text-decoration: underline;
    }

    .line .border-list .col-1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 180px;
        height: 40px;
        border-radius: 30px;
        background: #feec99;
        font-size: 2rem;
        margin: 0 0 0 0;
    }

    .line .border-list .col-1.moretxt {
        width: 320px;
    }

    .line .border-list .col-2 {
        box-sizing: border-box;
        padding: 10px 0 0 20px;
    }

    .line .border-list .consign {
        display: flex;
        justify-content: center;
    }

    .line .border-list .consign img {
        max-width: 400px;
    }

    .line .app-info {
        font-size: 2.2rem;
        text-align: center;
    }

    .line .app-info .flex-box {
        justify-content: center;
        margin: 20px 0 0 0;
    }

    .line .app-info .flex-box .col-1 {
        width: 230px;
        margin: 0 25px 0 0;
    }

    .line .app-info .flex-box .col-2 {
        width: 230px;
    }

    .line .app-info .flex-box img {
        width: 100%;
    }

    .line .app-info .flex-box .img-box a {
        width: 100%;
        line-height: 0;
    }

    /* icatapp */
    .icatapp .info-top .col-1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 0 0 0;
    }

    .icatapp .info-top .col-1 .img-box {
        width: 270px;
        margin: 15px auto 0 auto;
    }

    .icatapp .info-top .col-1 .img-box > img {
        width: 100%;
    }

    .icatapp .info-top .col-1 a {
        width: 160px;
        margin: 8px auto 10px auto;
    }

    .icatapp .info-top .col-2 {
        width: 610px;
        flex-shrink: 0;
        order: 0;
    }

    .icatapp .info-top .col-2 .img-box img {
        width: 100%;
    }

    .icatapp .flex-box {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
        font-size: 2rem;
        line-height: 1.58;
        align-items: center;
        flex-direction: row;
    }

    .icatapp .flex-box .imgl, .icatapp .flex-box .imgr {
        order: 0;
    }

    .icatapp .flex-box .img-box {
        width: 330px;
        line-height: 0;
        margin: 20px 0 0 0;
    }

    .icatapp .flex-box .img-box img {
        width: 100%;
    }

    .icatapp .subtit {
        font-size: 2.8rem;
        color: #FF6633;
        margin: 0 0 10px 0;
        text-align: left;
    }

    .icatapp .flex-box .imgr {
        margin: 0 0 0 60px;
    }

    .icatapp .flex-box .imgl {
        margin: 0 60px 0 0;
    }

    .icatapp .full-wrap:last-child {
        margin: 0 0 -110px 0;
    }

    .icatapp .img-flex {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        margin: 15px 0 0 0;
    }

    .icatapp .img-flex .col-1, .icatapp .img-flex .col-2 {
        width: 145px;
    }

    .icatapp .img-flex > div + div {
        margin: 0 0 0 10px;
    }

    .icatapp .img-flex .col-1 a, .icatapp .img-flex .col-2 a {
        line-height: 0;
        width: 100%;
        margin: 0 0 0 0;
    }

    .icatapp .img-flex .col-1 img, .icatapp .img-flex .col-2 img {
        width: 100%;
    }

    .icatapp .img-flex .pc {
        display: block;
    }

    .icatapp .img-flex .mobile {
        display: none;
    }

    /* normal */
    .normal .flex-box {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .normal .flex-box > li {
        width: 46%;
        max-width: 450px;
        margin: 2% 2% 2% 2%;
    }

    .normal .flex-box > li:first-child {
        align-self: center;
    }

    .normal .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .normal .flex-box > li .img-box img {
        width: 100%;
    }

    .normal .flex-box > li .btn-box {
        justify-content: flex-start;
        margin: 30px 0 0 0;
    }

    .normal .flex-box > li .btn {
        margin: 0 0 0 0;
    }

    /* subtit-line */
    .subtit-line {
        font-size: 2.2rem;
        color: #000;
        text-align: left;
    }

    .subtit-line:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #727272;
        margin: 5px 0 15px 0;
    }

    .normal .note-txt {
        font-size: 1.7rem;
        line-height: 1.58;
        color: #727272;
    }

    .normal .product.link-list {
        margin: 0 0 20px 0;
    }

    /* cool */
    .cool > .flex-box {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .cool > .flex-box > li {
        width: 46%;
        max-width: 450px;
        margin: 2% 2% 2% 2%;
    }

    .cool > .flex-box > li:first-child {
        width: 100%;
        max-width: none;
    }

    .cool > .flex-box > li:first-child .flex-box {
        flex-direction: row;
    }

    .cool > .flex-box > li:first-child .col-1 {
        align-self: center;
        margin: 0 80px 0 0;
    }

    .cool > .flex-box > li:first-child .img-box {
        width: 270px;
    }

    .cool > .flex-box > li:last-child {
        width: 100%;
        max-width: none;
    }

    .cool .img-box img {
        width: 100%;
    }

    .cool > .flex-box > li:first-child .disc-list {
        border-radius: 20px;
        background: #fff;
        box-sizing: border-box;
        padding: 30px 30px 30px 40px;
        margin: 20px 0 30px 0;
        font-size: 1.8rem;
        line-height: 1.6;
    }

    .cool > .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .cool > .flex-box .tit.hasimg {
        display: flex;
        justify-content: start;
        align-items: center
    }

    .cool > .flex-box .tit.hasimg img {
        height: 80px;
        margin: 0 0 0 15px;
    }

    .cool .cool-hightlight {
        display: flex;
    }

    .cool .cool-hightlight > li {
        height: 95px;
        border-radius: 20px;
        background: #e0edf6;
        font-size: 2.6rem;
        color: #363636;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        padding: 0 20px;
        white-space: nowrap;
    }

    .cool .cool-hightlight > li + li {
        margin: 0 0 0 20px;
    }

    .cool .cool-hightlight > li span {
        font-weight: bold;
        color: #47a2e3;
        margin: 0 0 0 5px;
    }

    .cool .product.link-list {
        margin: 0 0 20px 0;
    }

    .cool .cool-item {
        margin: 25px 0 0 0;
    }

    .cool .cool-item > li {
        display: flex;
        font-size: 1.7rem;
        line-height: 1.58;
    }

    .cool .cool-item > li + li {
        margin: 30px 0 0 0;
    }

    .cool .cool-item > li .col-1 {
        width: 150px;
        flex-shrink: 0;
        margin: 0 20px 0 0;
    }

    .cool .cool-item .subtit {
        color: #FF6633;
        font-weight: bold;
        font-size: 2rem;
    }

    /* economy */
    .economy > .flex-box {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .economy > .flex-box > li {
        width: 46%;
        max-width: 450px;
        margin: 2% 2% 2% 2%;
    }

    .economy > .flex-box > li:first-child {
        width: 100%;
        max-width: none;
    }

    .economy > .flex-box > li:first-child .flex-box {
        flex-direction: row;
        align-items: center;
        font-size: 1.8rem;
    }

    .economy > .flex-box > li:first-child .col-1 {
        align-self: center;
        margin: 0 30px 0 0;
    }

    .economy > .flex-box > li:first-child .col-1 .img-box {
        margin: 10px 0 0 0;
    }

    .economy > .flex-box > li:first-child .col-1 img {
        max-width: 270px;
    }

    .economy > .flex-box > li:first-child .img-box {
        width: 400px;
    }

    .economy > .flex-box > li:nth-child(n+4) {
        width: 100%;
        max-width: none;
    }

    .economy > .flex-box > li:nth-child(n+4) .img-box {
        max-width: 800px;
        margin: 40px auto 0;
    }

    .economy > .flex-box > li:nth-child(n+4) .img-box.pc {
        display: block;
    }

    .economy > .flex-box > li:nth-child(n+4) .img-box.mobile {
        display: none;
    }

    .economy .img-box img {
        width: 100%;
    }

    .economy > .flex-box > li:first-child .disc-list {
        margin: 20px 0 30px 20px;
        font-size: 1.8rem;
        line-height: 1.6;
    }

    .economy > .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .economy .product.link-list {
        margin: 0 0 20px 0;
    }

    /* line-list */
    .line-list {
        margin: 0 0 0 10px;
    }

    .line-list:before {
        content: '-';
        margin: 0 0 0 -10px;
        display: inline-block;
    }

    .idx-line .line-list:before {
        display: none;
    }

    /* day */
    .day > .flex-box {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .day > .flex-box > li {
        margin: 2% 0 2% 0;
    }

    .day > .flex-box > li:first-child .flex-box {
        flex-direction: row;
        align-items: flex-end;
        font-size: 1.8rem;
    }

    .day > .flex-box > li:first-child .col-1 {
        align-self: center;
        margin: 0 50px 0 0;
    }

    .day > .flex-box > li:first-child .col-1 .img-box {
        margin: 30px 0 30px 0;
    }

    .day > .flex-box > li:first-child .col-2 {
        width: 185px;
        flex-shrink: 0;
    }

    .day > .flex-box > li:first-child .col-2 img {
        width: 100%;
    }

    .day > .flex-box > li:nth-child(2) .flex-box {
        flex-direction: row;
        align-items: center;
    }

    .day > .flex-box > li:nth-child(2) .col-1 {
        width: 45%;
    }

    .day > .flex-box > li:nth-child(2) .col-2 {
        width: 50%;
        margin: 0 0 0 5%;
        order: 1;
    }

    .day > .flex-box > li:nth-child(2) img {
        width: 100%;
    }

    .day > .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .day .subtit {
        font-size: 2.2rem;
        color: #FF6633;
        margin: 0 0 5px 0;
    }

    .day .note {
        font-size: 1.7rem;
        line-height: 1.58;
        color: #363636;
    }

    .day .product.link-list {
        margin: 10px 0 0 10px;
    }

    .day .flex-list > li {
        display: flex;
    }

    .day .flex-list .col-1 {
        width: 80px;
        flex-shrink: 0;
    }

    /* freight */
    .freight > .flex-box {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .freight > .flex-box > li {
        width: 46%;
        max-width: 450px;
        margin: 2% 2% 2% 2%;
    }

    .freight > .flex-box > li:first-child {
        width: 100%;
        max-width: none;
    }

    .freight > .flex-box > li:first-child .flex-box {
        flex-direction: row;
    }

    .freight > .flex-box > li:first-child .col-1 {
        align-self: center;
        margin: 0 80px 0 0;
    }

    .freight > .flex-box > li:first-child .img-box {
        width: 350px;
    }

    .freight .img-box img {
        width: 100%;
    }

    .freight > .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .freight .btn-box {
        justify-content: flex-start;
        margin: 30px 0 0 0;
    }

    .freight .btn {
        margin: 0 0 0 0;
    }

    .freight .product.link-list {
        margin: 10px 0 20px 0;
    }

    /* golf */
    .golf > .flex-box {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .golf > .flex-box > li {
        width: 46%;
        max-width: 450px;
        margin: 2% 2% 2% 2%;
    }

    .golf > .flex-box > li:first-child {
        width: 100%;
        max-width: none;
    }

    .golf > .flex-box > li:first-child .flex-box {
        flex-direction: row;
    }

    .golf > .flex-box > li:first-child .col-1 {
        align-self: center;
        margin: 0 40px 0 0;
    }

    .golf > .flex-box > li:first-child .img-box {
        width: 380px;
    }

    .golf > .flex-box > li:first-child .disc-list {
        font-size: 1.8rem;
    }

    .golf .img-box img {
        width: 100%;
    }

    .golf > .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .golf .product.btn-box {
        margin: 30px 0 0 0;
    }

    .golf .product.link-list {
        margin: 0 0 20px 0;
    }

    .golf .product.link-list {
        margin: 0 0 0 0;
    }

    /* medicine */
    .medicine > .flex-box {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .medicine > .flex-box > li {
        width: 100%;
        margin: 2% 0 2% 0;
    }

    .medicine > .flex-box > li:first-child .flex-box {
        flex-direction: row;
        align-items: flex-end;
        font-size: 1.8rem;
    }

    .medicine > .flex-box > li:first-child .col-1 {
        align-self: center;
        margin: 0 50px 0 0;
    }

    .medicine > .flex-box > li:first-child .col-1 .img-box {
        margin: 30px 0 30px 0;
    }

    .medicine > .flex-box > li:first-child .col-2 {
        width: 400px;
        flex-shrink: 0;
    }

    .medicine > .flex-box > li:first-child .col-2 img {
        width: 100%;
    }

    .medicine > .flex-box > li:nth-child(3) .flex-box {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .medicine > .flex-box > li:nth-child(3) .col-1 {
        width: 45%;
    }

    .medicine > .flex-box > li:nth-child(3) .col-3 {
        width: 50%;
        margin: 0 0 0 5%;
        order: 1;
    }

    .medicine > .flex-box > li:nth-child(3) img {
        width: 100%;
    }

    .medicine > .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .medicine .subtit {
        font-size: 2.2rem;
        color: #FF6633;
        margin: 0 0 5px 0;
    }

    .medicine .note {
        font-size: 1.7rem;
        line-height: 1.58;
        color: #363636;
    }

    .medicine .product.link-list {
        margin: 10px 0 0 0;
    }

    /* cvs */
    .cvs > .flex-box {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .cvs > .flex-box > li {
        width: 100%;
        margin: 2% 0 2% 0;
    }

    .cvs > .flex-box > li:first-child .flex-box {
        flex-direction: row;
        align-items: flex-start;
        font-size: 1.8rem;
    }

    .cvs > .flex-box > li:first-child .col-1 {
        align-self: center;
        margin: 0 50px 0 0;
    }

    .cvs > .flex-box > li:first-child .col-2 {
        width: 400px;
        flex-shrink: 0;
        margin: 70px 0 0 0;
    }

    .cvs > .flex-box > li:first-child .col-2 img {
        width: 100%;
    }

    .cvs > .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .cvs .subtit {
        font-size: 2.2rem;
        color: #FF6633;
        margin: 0 0 5px 0;
    }

    /* store */
    .store > .flex-box {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .store > .flex-box > li {
        width: 100%;
        margin: 2% 0 2% 0;
        font-size: 1.8rem;
    }

    .store > .flex-box > li:nth-child(2) .flex-box {
        flex-direction: row;
        align-items: flex-start;
        font-size: 1.8rem;
    }

    .store > .flex-box > li:nth-child(2) .col-1 {
        align-self: center;
        margin: 0 50px 0 0;
    }

    .store > .flex-box > li:nth-child(2) .col-2 {
        width: 280px;
        flex-shrink: 0;
        margin: 20px 0 0 0;
    }

    .store > .flex-box > li:nth-child(2) .col-2 img {
        width: 100%;
    }

    .store > .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .store .subtit {
        font-size: 2.2rem;
        color: #FF6633;
        margin: 0 0 5px 0;
    }

    /* twoec */
    .twoec .twoec-box {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
        font-size: 1.8rem;
        line-height: 1.58;
        text-align: center;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .twoec .twoec-box .img-box {
        max-width: 800px;
        margin: 30px auto 0 auto;
    }

    .twoec .twoec-box .img-box a {
        width: 100%;
    }

    .twoec .twoec-box .img-box img {
        width: 100%;
    }

    .twoec .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
    }

    .twoec .subtit {
        font-size: 2.2rem;
        color: #FF6633;
        margin: 0 0 5px 0;
    }

    /* product hightlight-txt */
    .product.hightlight-txt {
        border-radius: 20px;
        background: #fff;
        box-sizing: border-box;
        padding: 30px 30px 30px 30px;
        margin: 20px 0 20px 0;
        font-size: 1.8rem;
        line-height: 1.6;
    }

    .product.hightlight-txt .subtit {
        font-size: 2rem;
        color: #FF6633;
    }

    /* product btn-bo */
    .product.btn-box {
        justify-content: flex-start;
        margin: 30px 0 0 0;
    }

    .product .btn {
        margin: 0 0 0 0;
    }

    /* product note-txt */
    .product.note-txt {
        font-size: 1.7rem;
        line-height: 1.58;
        color: #727272;
    }

    /* product link-list */
    .product.link-list {
        display: flex;
        color: #FF6633;
    }

    .product.link-list > li:after {
        content: '\e913';
        font-weight: bold;
    }

    .product.link-list > li + li {
        margin: 0 0 0 30px;
    }

    /* explain */
    .explain .explain-box {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        color: #727272;
        text-align: center;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .explain .tit {
        font-size: 3.2rem;
        color: #000;
        margin: 0 0 20px 0;
    }

    .explain-list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: start;
        margin: 30px 0 0 0;
    }

    .explain-list > li {
        width: 200px;
        font-size: 1.8rem;
        line-height: 1.58;
        color: #363636;
        text-align: left;
        position: relative;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .explain-list > li + li {
        margin: 0 0 0 0;
    }

    .explain-list .img-box img {
        width: 100%;
    }

    .explain-list .searchtype {
        font-size: 2.4rem;
        color: #000;
        font-weight: bold;
        height: 60px;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 10px 0 20px 0;
    }

    .explain-list > li:nth-child(1) .searchtype {
        background: #FF6633;
    }

    .explain-list > li:nth-child(2) .searchtype {
        background: #FCCF00;
    }

    .explain-list > li:nth-child(3) .searchtype {
        background: #47A2E3;
    }

    .explain-list > li a {
        line-height: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .explain-list > li:hover {
        transform: translate(0, -3%);
    }

    /* explain table01 */
    .explain .table01-box {
        overflow: hidden;
    }

    .explain .table01 {
        width: 100%;
        max-width: 990px;
        margin: 0 auto 60px;
        font-size: 1.8rem;
        color: #000;
        text-align: left;
        border-spacing: 3px;
    }

    .explain .table01 td {
        box-sizing: border-box;
        padding: 20px 20px 20px 20px;
        width: 50%;
        min-height: 60px;
    }

    .explain .table01 thead td {
        background: #d3ece8;
        border-radius: 10px 10px 0 0;
        font-size: 2rem;
        font-weight: bold;
        text-align: center;
    }

    .explain .table01 tbody tr:nth-child(even) td {
        background: #f1f1f1;
    }

    .explain .table01 tbody tr:nth-child(odd) td {
        background: #fff;
    }

    /* timesheet */
    .timesheet .timesheet-box {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        font-size: 1.8rem;
        line-height: 1.58;
        color: #363636;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .timesheet .tit {
        font-size: 3.2rem;
        color: #000;
        margin: 0 0 20px 0;
        text-align: center;
    }

    .timesheet a {
        color: #FF6633;
        text-decoration: underline;
    }

    /* timesheet table01 */
    .timesheet .table01-box {
        overflow: hidden;
    }

    .timesheet .table01 {
        width: 100%;
        max-width: 990px;
        margin: 0 auto 60px;
        font-size: 1.6rem;
        color: #000;
        text-align: center;
        border-spacing: 3px;
    }

    .timesheet .table01 td {
        box-sizing: border-box;
        padding: 20px 15px 20px 15px;
        width: 160px;
        min-height: 60px;
    }

    .timesheet .table01 thead td {
        background: #d3ece8;
        border-radius: 10px 10px 0 0;
    }

    .timesheet .table01 thead td:first-child {
        background: none;
    }

    .timesheet .table01 tbody tr:nth-child(even) td {
        background: #f1f1f1;
    }

    .timesheet .table01 tbody tr:nth-child(odd) td {
        background: #fff;
    }

    .timesheet .table01 tbody tr:nth-child(-n+2) td {
        background: #f1f1f1;
    }

    .timesheet .table01 tbody tr:nth-child(n+6) td {
        background: #f1f1f1;
    }

    .timesheet .table01 tbody tr td.tittd {
        background: #FF6633;
        color: #fff;
        border-radius: 10px 0 0 10px;
        font-size: 1.6rem;
        font-weight: bold;
    }

    /* timesheet table02 */
    .timesheet .table02 {
        width: 100%;
        max-width: 990px;
        margin: 15px auto 20px;
        font-size: 1.8rem;
        color: #000;
        text-align: center;
    }

    .timesheet .table02 .table-row {
        width: 100%;
        display: flex;
    }

    .timesheet .table02 .table-row.thead {
        margin: 0 0 5px 0;
    }

    .timesheet .table02 .table-row.thead > div {
        background: #d3ece8;
        width: 90px;
        height: 40px;
        border-radius: 10px 10px 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .timesheet .table02 .table-row.thead > div:last-child {
        width: 800px;
        justify-content: flex-start;
        box-sizing: border-box;
        padding: 0 15px 0 15px;
    }

    .timesheet .table02 .table-row.thead > div + div {
        margin: 0 0 0 5px;
    }

    .timesheet .table02 .table-row > div {
        min-width: 90px;
    }

    .timesheet .table02 .table-row:nth-child(n+2) {
        box-sizing: border-box;
        padding: 15px 15px 15px 0;
    }

    .timesheet .table02 .table-row:nth-child(odd) {
        background: #F1F1F1;
    }

    .timesheet .table02 .table-row:nth-child(even) {
        background: #fff;
    }

    .timesheet .table02 .table-row > .col-2 > ul > li {
        display: flex;
    }

    .timesheet .table02 .table-row > .col-2 {
        margin: 0 0 0 5px;
    }

    .timesheet .table02 .table-row .col-2 > ul > li .col-1 {
        min-width: 90px;
        margin: 0 5px 0 0;
        text-align: left;
        box-sizing: border-box;
        padding: 0 0 0 15px;
    }

    .timesheet .table02 .table-row .col-2 > ul > li .col-2 {
        text-align: left;
        box-sizing: border-box;
        padding: 0 0 0 15px;
    }

    .timesheet .subtithasbg {
        width: 100%;
        height: 40px;
        border-radius: 10px;
        background: #feec99;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        margin: 0 0 10px 0;
    }

    /* timesheet table03 */
    .timesheet .table03-box {
        overflow: hidden;
    }

    .timesheet .table03 {
        width: 100%;
        max-width: 990px;
        margin: 0 auto 60px;
        font-size: 1.6rem;
        color: #000;
        text-align: center;
        border-spacing: 3px;
    }

    .timesheet .table03 td {
        box-sizing: border-box;
        padding: 20px 15px 20px 15px;
        width: 105px;
        min-height: 60px;
    }

    .timesheet .table03 thead td {
        background: #d3ece8;
        border-radius: 10px 10px 0 0;
    }

    .timesheet .table03 thead td:first-child {
        background: none;
        width: 130px;
    }

    .timesheet .table03 tbody tr:nth-child(even) td {
        background: #fff;
    }

    .timesheet .table03 tbody tr:nth-child(odd) td {
        background: #f1f1f1;
    }

    .timesheet .table03 tbody tr td.tittd {
        background: #FF6633;
        color: #fff;
        border-radius: 10px 0 0 10px;
        font-size: 1.6rem;
        font-weight: bold;
    }

    /* timesheet table04 */
    .timesheet .table04-box {
        overflow: hidden;
    }

    .timesheet .table04 {
        width: 100%;
        max-width: 990px;
        margin: 0 auto 60px;
        font-size: 1.6rem;
        color: #000;
        text-align: center;
        border-spacing: 3px;
    }

    .timesheet .table04 td {
        box-sizing: border-box;
        padding: 20px 15px 20px 15px;
        min-height: 60px;
    }

    .timesheet .table04 thead td {
        background: #d3ece8;
        border-radius: 10px 10px 0 0;
    }

    .timesheet .table04 thead td:first-child {
        background: none;
        width: 130px;
    }

    .timesheet .table04 tbody tr:nth-child(even) td {
        background: #fff;
    }

    .timesheet .table04 tbody tr:nth-child(odd) td {
        background: #f1f1f1;
    }

    .timesheet .table04 tbody tr td.tittd {
        background: #FF6633;
        color: #fff;
        border-radius: 10px 0 0 10px;
        font-size: 1.6rem;
        font-weight: bold;
    }

    /* timesheet table05 */
    .timesheet .table05-box {
        overflow: hidden;
    }

    .timesheet .table05 {
        width: 100%;
        max-width: 990px;
        margin: 0 auto 60px;
        font-size: 1.6rem;
        color: #000;
        text-align: center;
        border-spacing: 3px;
    }

    .timesheet .table05 td {
        box-sizing: border-box;
        padding: 20px 15px 20px 15px;
        width: 70px;
        min-height: 60px;
    }

    .timesheet .table05 thead td {
        background: #d3ece8;
        border-radius: 10px 10px 0 0;
    }

    .timesheet .table05 thead td:first-child {
        background: none;
        width: 130px;
    }

    .timesheet .table05 tbody tr:nth-child(even) td {
        background: #fff;
    }

    .timesheet .table05 tbody tr:nth-child(odd) td {
        background: #f1f1f1;
    }

    .timesheet .table05 tbody tr td.tittd {
        background: #FF6633;
        color: #fff;
        border-radius: 10px 0 0 10px;
        font-size: 1.6rem;
        font-weight: bold;
    }

    .timesheet .img-box {
        display: flex;
        justify-content: center;
        margin: 0 0 30px 0;
    }

    .timesheet .img-box img {
        width: auto;
    }

    /* join */
    .full-inner.join {
    }

    /* .full-inner.multiple{ min-height: 380px; } */
    .join > .flex-box {
        width: 100%;
        max-width: 990px; /* margin: 0 auto -180px auto; */
        margin: 0 auto 0px auto;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .join > .flex-box > li {
        width: 46%;
        max-width: 450px;
        margin: 2% 2% 2% 2%;
    }

    .join > .flex-box > li:first-child {
        width: 100%;
        max-width: none;
    }

    .join > .flex-box > li:first-child .flex-box {
        flex-direction: row;
    }

    .join > .flex-box > li:first-child .col-1 {
        width: 470px;
        margin: 0 -130px 0 0;
        flex-shrink: 0;
    }

    .join > .flex-box > li:first-child .img-box {
        width: 660px;
    }

    .multiple > .flex-box > li:first-child .col-1 {
        width: 470px;
        margin: 0 50px 0 0;
        flex-shrink: 0;
    }

    .multiple > .flex-box > li:first-child .img-box {
        width: 350px;
    }

    .join .img-box img {
        width: 100%;
    }

    .join > .flex-box .tit {
        font-size: 3.2rem;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .join .btn-box {
        margin: 30px 0 0 0;
    }

    /* status */
    .status .status-box {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
        font-size: 2rem;
        line-height: 1.58;
        color: #727272;
        text-align: center;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .status .tit {
        font-size: 3.2rem;
        color: #000;
        margin: 0 0 20px 0;
    }

    .status-list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 30px 0 0 0;
    }

    .status-list > li {
        width: 300px;
        height: 380px;
        position: relative;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .status-list > li .list-box {
        width: 100%;
        height: 100%;
        border-radius: 30px;
        border: 10px solid;
        box-sizing: border-box;
        padding: 0 0 0 0;
        font-size: 1.8rem;
        line-height: 1.58;
        color: #363636;
        text-align: left;
        overflow: hidden;
    }

    .status-list > li + li {
        margin: 0 0 0 0;
    }

    .status-list .img-box {
        height: 165px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .status-list .img-box img {
        display: block;
        margin: 0 auto;
    }

    .status-list .searchtype {
        font-size: 2.4rem;
        color: #000;
        font-weight: bold;
        height: 60px;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 10px 0;
    }

    .status-list > li .txt-box {
        height: 200px;
        box-sizing: border-box;
        padding: 15px 15px 15px 15px;
    }

    .status-list > li .note-txt {
        font-size: 1.6rem;
        line-height: 1.58;
        color: #727272;
        width: 90%;
        position: absolute;
        left: 50%;
        bottom: -60px;
        transform: translateX(-50%);
    }

    .status-list > li:nth-child(1) .txt-box {
        background: #d3ece8;
    }

    .status-list > li:nth-child(2) .txt-box {
        background: #FEEC99;
    }

    .status-list > li:nth-child(3) .txt-box {
        background: #CBDEF3;
    }

    .status-list > li:nth-child(1) .list-box {
        border-color: #FF6633;
    }

    .status-list > li:nth-child(2) .list-box {
        border-color: #FCCF00;
    }

    .status-list > li:nth-child(3) .list-box {
        border-color: #47A2E3;
    }

    .status-list > li a {
        line-height: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .status-list > li:hover {
        transform: translate(0, -3%);
    }

    /* business */
    .business .business-box {
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
        font-size: 1.8rem;
        line-height: 1.58;
        text-align: center;
        box-sizing: border-box;
        padding: 30px 0 0 0;
    }

    .business .tit {
        font-size: 3.2rem;
        color: #000;
        margin: 0 0 20px 0;
    }

    .business-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 0 0 0;
    }

    .business-list > li {
        width: 190px;
        height: 130px;
        background: #fff;
        margin: 4px 4px 4px 4px;
        position: relative;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .business-list > li a {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .business-list .img-box {
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .business-list .img-box img {
        display: block;
        margin: 0 auto;
    }

    .business .login-box {
        width: 500px;
        height: 90px;
        border-radius: 50px;
        background: #d3ece8;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        padding: 0 15px 0 15px;
        margin: 20px auto 60px auto;
    }

    .business .login-box .btn {
        width: auto;
    }

    /* communicaton */
    .communication .note-txt {
        width: 900px;
        font-size: 2rem;
        line-height: 1.58;
        text-align: justify;
    }

    /* bindinginfo */
    .bindinginfo .info-top {
        padding: 40px 0 40px 0;
    }

    .bindinginfo .info-top .tit {
        font-size: 2.2rem;
        margin: 0 0 0 0;
    }

    .bindinginfo .info-top > .col-1 {
        margin: 0 40px 0 0;
        padding: 0 0 0 0;
    }

    .bindinginfo .info-top > .col-1 img {
        max-width: 400px;
    }

    .bindinginfo .info-top > .col-2 a {
        color: #FF6633;
        text-decoration: underline;
    }

    .bindinginfo .hightlight-txt {
        width: auto;
        height: 140px;
        display: flex;
        align-items: center;
        margin: 10px 0 10px 0;
    }

    .bindinginfo .hightlight-txt .col-1 {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        z-index: 2;
    }

    .bindinginfo .hightlight-txt .col-2 {
        width: 100%;
        height: 130px;
        border-radius: 50px;
        box-sizing: border-box;
        padding: 25px 30px 30px 115px;
        margin: 0 0 0 -100px;
        background: #fff;
        font-size: 1.8rem;
        line-height: 1.6;
        z-index: 1;
    }

    .bindinginfo .hightlight-txt .col-2 a {
        height: 40px;
        border-radius: 25px;
        background: #FF6633;
        font-size: 1.5rem;
        color: #fff;
        text-decoration: none;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        padding: 0 15px 0 15px;
        margin: 0 5px 0 5px;
    }

    .bindinginfo .hightlight-txt .col-2 > p {
        margin: 0 0 8px 0;
    }

    .bindinginfo .info-top > .col-2 .img-box {
        width: auto;
    }

    .bindinginfo .open-bind {
        width: 100%;
        max-width: 990px;
        margin: 50px auto 30px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: start;
    }

    .bindinginfo .open-bind > li {
        width: 350px;
        height: 740px;
        border-radius: 20px;
        background: #fff;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 15px 0 15px;
    }

    .bindinginfo .open-bind > li .tit {
        font-size: 2.4rem;
        color: #FF6633;
        text-align: center;
        margin: 10px 0 10px 0;
    }

    .bindinginfo .service-header .img-box {
        position: relative;
    }

    .bindinginfo .service-header .img-box a {
        width: 100%;
        height: 100%;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .bindinginfo .bindimg-box .bindimg-slide {
        width: 280px;
        height: 640px;
        position: relative;
    }

    .bindinginfo .bindimg-box .bindimg-slide img {
        width: 100%;
    }

    .bindinginfo .bindimg-box .slide-item {
        width: 100%;
    }

    .bindinginfo .bindimg-box .txt-box {
        font-size: 2rem;
        color: #FF6633;
        text-align: center;
        margin: 5px 0 5px 0;
    }

    .bindinginfo .bindimg-box .bindimg-ui {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.8rem;
        color: #727272;
    }

    .bindinginfo .bindimg-box .bindimg-ui .count-num {
        font-family: arial;
        margin: 0 55px 0 55px;
    }

    .bindinginfo .bindimg-box .bindimg-ui .current {
        font-weight: bold;
        color: #FF6633;
    }

    .bindinginfo .bindimg-box .bindimg-ui .prevarrow, .bindinginfo .bindimg-box .bindimg-ui .nextarrow {
        cursor: pointer;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }

    .bindinginfo .bindimg-box .bindimg-ui .prevarrow:hover, .bindinginfo .bindimg-box .bindimg-ui .nextarrow:hover {
        color: #FF6633;
    }

    .bindinginfo .qa-list > p {
        margin: 20px 0 0 0;
    }

    .info-box.bindinginfo {
        width: 100%;
        max-width: 990px;
        margin: 50px auto 0;
    }

    /* errpage */
    .errpage-txt {
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .errpage.btn-box {
        margin: 10px auto 0;
    }

    /* chtotw */
    .chtotw {
        font-size: 1.8rem;
        line-height: 1.58;
    }

    .chtotw .cjk-list > li {
        text-align: justify;
    }

    .chtotw .border-box > ul > li + li {
        margin: 40px 0 0 0;
    }

    .chtotw .listtit {
        font-weight: bold;
    }

    .chtotw .txt-list {
        font-weight: bold;
    }

    .chtotw .txt-list ul {
        font-weight: normal;
    }

    .chtotw .txtnormal {
        font-weight: normal;
    }

    /* pup */
    .pup-box {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .9);
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99999;
    }

    .pup-box .pup-info {
        width: 700px;
        border-radius: 30px;
        background: #fff;
        border: 8px solid #FF6633;
        box-sizing: border-box;
        padding: 50px 50px 50px 50px;
        font-size: 2rem;
        line-height: 1.58;
        position: relative;
        text-align: justify;
    }

    .pup-box .pup-info a {
        color: #FF6633;
        text-decoration: underline;
    }

    .pup-box .pup-info .close {
        font-size: 2rem;
        font-weight: bold;
        color: #FF6633;
        position: absolute;
        right: 15px;
        top: 10px;
        cursor: pointer;
    }

    .pup-info ol {
        list-style: decimal;
        margin-top: 5px;
    }

    .pup-info ul {
        list-style: disc;
        margin-top: 5px;
    }

    .pup-info li {
        margin-left: 24px;
    }

    /* footer */
    footer {
    }

    .footer-bg {
        width: 100%;
        height: 60px;
        position: relative;
        overflow: hidden;
        z-index: 996; /* z-index: 999; */
    }

    .index .footer-bg {
        height: 200px;
        margin: -150px 0 0 0;
    }

    .footer-bg:before {
        content: '';
        width: 3000px;
        height: 350px;
        border-radius: 50%/50%;
        background: #727272;
        position: absolute;
        left: 50%;
        top: 0px;
        transform: translate(-50%, 0);
        z-index: -1;
    }

    .footer-box1 {
        box-sizing: border-box;
        padding: 0 0 30px 0;
        background: #727272;
        position: relative;
    }

    .footer-box1 .footer-nav {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 0 0 0 0;
    }

    .footer-box1 .footer-nav > li {
        min-width: 190px;
        margin: 0 3%;
    }

    .footer-box1 .footer-nav .footer-nav_title {
        font-size: 2.4rem;
        line-height: 1.58;
        color: #fff;
        margin: 0 0 0 0;
    }

    .footer-box1 .footer-nav .footer-nav_title:before {
        display: none;
    }

    .footer-box1 .footer-nav .footer-nav_title:after {
        content: '';
        display: block;
        border-bottom: 1px solid #fff;
        margin: 0 0 15px 0;
    }

    .footer-box1 .footer-nav .nav-list {
        font-size: 2rem;
        line-height: 1.58;
        color: #fff;
        margin: 0 0 0 0;
        display: block;
    }

    .footer-box1 .footer-nav .nav-list > li {
        transition: color .25s cubic-bezier(.4, 0, .2, 1);
    }

    .footer-box1 .footer-nav .nav-list > li + li {
        margin: 0 0 0 0;
    }

    .footer-box1 .footer-nav .nav-list > li:hover {
        color: #f6c900;
    }

    .footer-box1 .footer-nav .nav-list .fb:before {
        content: '\e903';
        margin: 0 10px 0 0;
    }

    .footer-box1 .footer-nav .nav-list .yt:before {
        content: '\e960';
        margin: 0 10px 0 0;
    }

    .footer-box1 .footer-nav .nav-list .line:before {
        content: '\e92d';
        margin: 0 10px 0 0;
    }

    .footer-box1 .footer-nav .nav-list .ig:before {
        content: '\e92e';
        margin: 0 10px 0 0;
    }

    .footer-box2 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: start;
        width: 100%;
        height: 90px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 20px 2vw;
        font-size: 1.7rem;
        line-height: 1.58;
        color: #000;
    }

    .footer-box2 .footer-copyright {
        display: flex;
        flex-direction: column;
        align-items: start;
        order: 1;
        font-size: 1.7rem;
        margin: 0 0 0 0;
    }

    .footer-box2 .footer-copyright .col-1 {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .footer-box2 .footer-copyright .col-2 {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .footer-box2 .footer-copyright span {
        margin: 0 0 0 20px;
    }

    .footer-box2 .footer-link {
        display: flex;
        align-items: center;
    }

    .footer-box2 .footer-link > li {
        display: flex;
        align-items: center;
        transition: color .25s cubic-bezier(.4, 0, .2, 1);
        height: 25px;
        font-size: 1.7rem;
    }

    .footer-box2 .footer-link > li.icon {
        padding: 0 20px 0 0;
    }

    .footer-box2 .footer-link > li.icon span {
        display: none;
    }

    .footer-box2 .footer-link > li:hover {
        color: #009380;
    }

    .footer-box2 .footer-link > li + li:before {
        content: '';
        display: block;
        width: 1px;
        height: 17px;
        background: #000;
        margin: 0 10px 0 10px;
    }


}


/* $1025~1279
--------------------------------------------------------------------------------------*/
@media screen and (min-width: 1025px) and (max-width: 1279px) {


}
*,:after,:before{box-sizing:border-box}
.row-fluid .span12{width:99.99999998999999%;*width:99.94680850063828%}
.row-fluid .span11{width:91.489361693%;*width:91.4361702036383%}
.row-fluid .span10{width:82.97872339599999%;*width:82.92553190663828%}
.row-fluid .span9{width:74.468085099%;*width:74.4148936096383%}
.row-fluid .span8{width:65.95744680199999%;*width:65.90425531263828%}
.row-fluid .span7{width:57.446808505%;*width:57.3936170156383%}
.row-fluid .span6{width:48.93617020799999%;*width:48.88297871863829%}
.row-fluid .span5{width:40.425531911%;*width:40.3723404216383%}
.row-fluid .span4{width:31.914893614%;*width:31.8617021246383%}
.row-fluid .span3{width:23.404255317%;*width:23.3510638276383%}
.row-fluid .span2{width:14.89361702%;*width:14.8404255306383%}
.row-fluid .span1{width:6.382978723%;*width:6.329787233638298%}