@charset "utf-8";

.main_wrap {background:url(../img/main/bg_log_main.jpg) no-repeat 0 0; background-size:100%;}
.main_wrap .content {padding:0 1rem 2rem;}
.header_box a.logo_man {display:block; padding-left:2.5rem; width:90px; height:3.5rem; line-height:3.5rem; font-size:0; text-indent:-9999px; background:url(../img/main/log_mm_man.png) no-repeat 1rem center; background-size:3rem;}
.mm_caption {padding:1rem 0 0; font-size:1rem; color:#a2a2a2; text-align:center;}
.mm_topic {display:block; font-size:1.6rem; color:#000; font-weight:600; text-align:center; }
.mm_user_txt {margin:.7rem 0; font-size:.9rem; text-align:center; font-weight:300;}
.mm_user_txt strong {font-weight:600;}
.btn_service_reservation {display:block; padding:0 1rem; height:48px; line-height:48px; font-size:1rem; color:#fff; font-weight:600; text-align:center; border-radius:10px; background-color:#e71151 /*background:#e71151 url(../img/main/ico_service_plus.gif) no-repeat 95% center;  background-size:12px;*/}
.btn_service_reservation::before {content:""; display:inline-block; margin:-4px 3px 0 0; width:34px; height:34px; vertical-align:middle; background:url(../img/main/ico_service_reservation.gif) no-repeat 0 0; background-size:100%;}

.mm_service_box {display:flex; margin-top:.5rem; justify-content:space-between; flex-wrap: wrap;}
.mm_service_box li {margin:1%; width:32%; text-align:center; border-radius:10px; background-color:#fff; box-shadow:0 0 5px 3px rgba(0, 0, 0, .05)}
.mm_service_box li:nth-child(3n) {margin-right:0;}
.mm_service_box li:nth-child(3n+1) {margin-left:0;}
.mm_service_box li a {display:block; padding:1rem 0; font-size:.9rem; font-weight:400;}
.mm_service_box li a::before {content:""; display:block; margin:0 auto 5px; width:50px; height:50px; background:url(../img/main/ico_mm_manu.gif) no-repeat 0 0; background-size:100%;}
.mm_service_box li a.ctsearch::before {background-position:0 0;}
.mm_service_box li a.product::before {background-position:0 -50px;}
.mm_service_box li a.estimate::before {background-position:0 -100px;}
.mm_service_box li a.carinfo::before {background-position:0 -150px;}
.mm_service_box li a.carpart::before {background-position:0 -200px;}
.mm_service_box li a.opinion::before {background-position:0 -250px;}

.banner_box {margin:.5rem 0; border-radius:20px; overflow:hidden;}
.banner_box a {display:block !important;}
.banner_box a img {display:block; width:100%;}

.banner_box .slick-slide {border-radius:20px; overflow:hidden;}
.login_before_box.banner_box {margin:.5rem auto 2rem;}
.login_before_box.banner_box .slick-dots {bottom:-20px}

.slider {width:65%; margin:1rem auto;}
.slider img {display:block; margin:0 auto; width:100%;}
.slick-slide {transition: all ease-in-out .3s;}

.login_before_box .slider_before {width:100%; margin:0 auto 1rem;}
.login_before_box .slider_before a {height:100%; min-height:13rem;}
.login_before_box .slider_before img {display:block; width:100%; height:100%;}
.login_before_box .slick-dots {bottom:22px;}
.login_after_box .slider {margin:1rem auto 2rem;}
.login_after_box .slick-prev {left:-2rem;}
.login_after_box .slick-next {right:-2rem;}
.login_after_box .slick-prev, .login_after_box .slick-next {background:rgba(0, 0, 0, .4)}
.login_before_box.banner_box .slick-prev {left:10px;}
.login_before_box.banner_box .slick-next {right:10px;}
.login_before_box.banner_box .slick-prev, .login_before_box.banner_box .slick-next {background:rgba(0, 0, 0, .7)}

.tit_menu {display:block; padding:0 0 .5rem 1rem; height:3.5rem; line-height:3.5rem; font-size:1.1rem; color:#fff;}
.login_info {margin:-7.4rem -1rem -1rem; padding:3.5rem 1rem 2rem; background-color:#303c49;}
.login_info .txt_log_before {display:block; padding:.8rem 1rem; border-radius:10px; color:#fff; font-weight:300; background-color:#26303a;}
.login_info .txt_log_before a {color:#2aaefa; font-weight:600; text-decoration:underline;}

.mm_user_info {display:flex; padding:.5rem 1rem; color:#fff; font-size:.9rem; font-weight:300;}
.mm_user_info .name strong {font-weight:600;}
.mm_user_info .date {margin-left:auto; color:#adb0b3;}
.mm_user_info .date strong::after {content:""; display:inline-block; margin:-2px 10px 0 10px; width:1px; height:12px; vertical-align:middle; background-color:#59636d;}

.togg_box {display:none;}
.my_car_info {padding:.8rem 2.5rem .8rem 1rem; border-radius:10px; background-color:#26303a;}
.my_car_info .btn_acc_list {position:relative; display:flex; color:#fff;}
.my_car_info .btn_acc_list::after {content:""; display:block; position:absolute; right:-25px; top:2px; width:20px; height:20px; background:#26303a url(../img/main/ico_mm_vehicles_off.png) no-repeat 0 0; background-size:20px;}
.my_car_info .btn_acc_list:hover .name {color:#fff;}
.my_car_info .name {color:#fff;}
.my_car_info .number, .my_car_info .togg_box .number {margin-left:auto; color:#e40045;}
.my_car_info .togg_box {display:flex; padding-top:5px;}

.my_menu_object {padding:2rem 0 1rem;}
.my_menu_object .tit_my_menu {margin-bottom:.5rem; padding:.5rem 0; font-size:1.1rem; font-weight:600; border-bottom:2px solid #000;}
.my_menu_object .my_menu_Box {display:flex; margin-bottom:1rem; justify-content:space-between; flex-wrap:wrap;}
.my_menu_object .my_menu_Box a {display:block; margin:6px 0; width:50%; font-weight:300;}
.my_menu_object .my_menu_Box a::before {content:""; display:inline-block; margin:-2px 5px 0 0; width:35px; height:35px; vertical-align:middle; background:#ddd url(../img/main/ico_my_menu.gif) no-repeat 0 0; background-size:105px;}
.my_menu_object .my_menu_Box a.ico_my_01::before {background-position:0 0;}
.my_menu_object .my_menu_Box a.ico_my_02::before {background-position:0 -35px;}
.my_menu_object .my_menu_Box a.ico_my_03::before {background-position:0 -70px;}
.my_menu_object .my_menu_Box a.ico_my_04::before {background-position:0 -105px;}
.my_menu_object .my_menu_Box a.ico_my_05::before {background-position:0 -140px;}
.my_menu_object .my_menu_Box a.ico_my_06::before {background-position:0 -175px;}
.my_menu_object .my_menu_Box a.ico_my_07::before {background-position:0 -210px;}
.my_menu_object .my_menu_Box a.ico_my_08::before {background-position:0 -245px;}
.my_menu_object .my_menu_Box a.ico_my_09::before {background-position:0 -280px;}
.my_menu_object .my_menu_Box a.ico_my_10::before {background-position:0 -315px;}
.my_menu_object .my_menu_Box a.ico_my_11::before {background-position:0 -350px;}
.my_menu_object .my_menu_Box a.ico_my_12::before {background-position:-35px 0;}
.my_menu_object .my_menu_Box a.ico_my_13::before {background-position:-35px -35px;;}
.my_menu_object .my_menu_Box a.ico_my_14::before {background-position:-35px -70px;}
.my_menu_object .my_menu_Box a.ico_my_15::before {background-position:-35px -105px;}
.my_menu_object .my_menu_Box a.ico_my_16::before {background-position:-35px -140px;}
.my_menu_object .my_menu_Box a.ico_my_17::before {background-position:-35px -175px;}
.my_menu_object .my_menu_Box a.ico_my_18::before {background-position:-35px -210px;}
.my_menu_object .my_menu_Box a.ico_my_19::before {background-position:-35px -245px;}
.my_menu_object .my_menu_Box a.ico_my_20::before {background-position:-35px -280px;}
.my_menu_object .my_menu_Box a.ico_my_21::before {background-position:-35px -315px;}
.my_menu_object .my_menu_Box a.ico_my_22::before {background-position:-35px -350px;}
.my_menu_object .my_menu_Box a.ico_my_23::before {background-position:-70px 0;}

.my_menu_object .my_menu_Box a.ico_my_99::before {
    content: "";
    display: inline-block;
    margin: -5px 5px 0 7px;
    width: 23px;
    height: 35px;
    vertical-align: middle;
    background: #ddd url(../img/main/ico_my_menu_csat.png) no-repeat center center;
    background-size: contain;
}

.loader_object {position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(255, 255, 255, .8); z-index:9;}
.loader_object .loader_box {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.loader_object .loader_box .loader {
    padding:8px; width:50px; aspect-ratio:1; border-radius:50%; background-color:#e71151; --_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m); mask: var(--_m); -webkit-mask-composite: source-out; mask-composite: subtract; animation: l3 1s infinite linear;
}

.my_menu_object .my_menu_Box a.ico_my_24::before {background-position:-70px 0;}
.my_menu_object .my_menu_Box a.ico_my_25::before {background-position:-70px -35px;}
.my_menu_object .my_menu_Box a.ico_my_26::before {background-position:-70px -70px;}
.my_menu_object .my_menu_Box a.ico_my_27::before {background-position:-70px -105px;}
.my_menu_object .my_menu_Box a.ico_my_28::before {background-position:-70px -140px;}
.my_menu_object .my_menu_Box a.ico_my_29::before {background-position:-70px -175px;}

/* png */
.my_menu_object.my_ico_pn .my_menu_Box a::before {content:""; display:inline-block; margin:-2px 5px 0 0; width:35px; height:35px; vertical-align:middle; background:#ddd url(../img/main/ico_my_menu.png) no-repeat 0 0; background-size:105px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_01::before {background-position:0 0;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_02::before {background-position:0 -35px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_03::before {background-position:0 -70px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_04::before {background-position:0 -105px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_05::before {background-position:0 -140px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_06::before {background-position:0 -175px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_07::before {background-position:0 -210px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_08::before {background-position:0 -245px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_09::before {background-position:0 -280px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_10::before {background-position:0 -315px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_11::before {background-position:0 -350px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_12::before {background-position:-35px 0;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_13::before {background-position:-35px -35px;;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_14::before {background-position:-35px -70px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_15::before {background-position:-35px -105px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_16::before {background-position:-35px -140px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_17::before {background-position:-35px -175px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_18::before {background-position:-35px -210px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_19::before {background-position:-35px -245px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_20::before {background-position:-35px -280px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_21::before {background-position:-35px -315px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_22::before {background-position:-35px -350px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_23::before {background-position:-70px 0;}

.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_24::before {background-position:-70px -35px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_25::before {background-position:-70px -70px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_26::before {background-position:-70px -105px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_27::before {background-position:-70px -140px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_28::before {background-position:-70px -175px;}
.my_menu_object.my_ico_pn .my_menu_Box a.ico_my_29::before {background-position:-70px -210px;}

@keyframes l3 {to{transform: rotate(1turn)}}