@charset "utf-8";
.main_visual{background: url(/img/main_visual_bg.jpg)no-repeat center center /cover; padding: 165px 0 160px;}
.main_visual .flex_row{display: flex; align-items: center; justify-content: space-between; gap: 30px;}
.main_visual .txt_box h2{font-size: 56px; color: #fff; letter-spacing: 0; line-height: 1.14285em;}
.main_visual .shop_list ul{display: flex; gap: 10px; flex-wrap: wrap;}
.main_visual .shop_list ul li{border-radius: 10px; background-color: rgba(255,255,255,.1); padding: 10px 20px; font-size: 18px; font-weight: 700; color: #fff; letter-spacing: -0.05em;}

.main .phone_wrap{display: flex; position: relative; justify-content: space-between; height: 640px; padding: 60px 0; box-sizing: border-box;}
.main .phone_wrap .phone_box{position: absolute; left: 50%; top:0; transform: translateX(-50%); width: 32%; max-width: 460px; opacity: 0; visibility: hidden; transition: .5s;}
.main .phone_wrap .phone_box img{width: 100%;}
.main .phone_wrap .tab_box{width: 28%; max-width: 400px; box-sizing: border-box; opacity: .4; transition: .5s; cursor: pointer;}
.main .phone_wrap .right_box{align-self: flex-end; text-align: right;}
.main .phone_wrap .right_box .main_con_tit .num_box{margin-right: 0; margin-left: auto;}

.main .phone_wrap .tab_box.active .phone_box{opacity: 1; visibility: visible;}
.main .phone_wrap .tab_box.active {opacity: 1;}

@media all and (max-width:1024px){
    .main_visual{padding: 80px 0;}
    .main_visual .txt_box h2{font-size: 42px;}

    .main .phone_wrap{flex-wrap: wrap; height: auto; padding: 0; gap: 30px;}
    .main .phone_wrap .phone_box{position: unset; transform: none; width: 100%; margin: 50px auto 0;}
    .main .phone_wrap .tab_box{width: 100%; max-width: none;}
    .main .phone_wrap .tab_box .phone_box{opacity: 1; visibility: visible;}
    .main .phone_wrap .tab_box {opacity: 1;}

    .main_visual .flex_row{flex-direction: column; gap: 60px;}
}

.main .con04 .img_box{text-align: center;}
.main .con04 .img_box img{width: 100%; max-width: fit-content;}

.main .con05{padding: 80px 0;}
.main .con05 .txt_box{color: #fff; text-align: center;}
.main .con05 .txt_box h6{font-size: 32px; font-weight: 700; letter-spacing: -0.045em;}
.main .con05 .txt_box p{font-size: 18px; font-weight: 200; letter-spacing: -0.045em; line-height: 1.777em; margin-top: 25px;}