@charset "UTF-8";
.index_footer {
    background-color: #262C36;
    position: relative;
}

.index_footer .container .wrapper .footer_top {
    color: #fff;
}

.index_footer .container .wrapper .footer_top p {
    font-size: clamp(14px, 0.94vw, 18px);
    font-weight: 500;
}

.index_footer .container .wrapper .footer_top .num_wrap a {
    font-size: clamp(16px, 1.04vw, 20px);
    font-weight: 700;
}

.index_footer .container .wrapper .footer_top .num_wrap a:last-child {
    margin-left: 2.2%;
    position: relative;
}

.index_footer .container .wrapper .footer_top .num_wrap a:last-child::after {
    content: "";
    width: 1px;
    height: 15px;
    background-color: rgba(255, 255, 255, 0.2);
    display: block;
    position: absolute;
    top: 50%;
    left: -13%;
    transform: translateY(-50%);
}

.index_footer .container .wrapper .link {
    font-size: clamp(13px, 0.78vw, 15px);
}

.index_footer .container .wrapper .link a {
    color: #bbb;
    margin-right: 1.5%;
    font-weight: 600;
}

.index_footer .webAcc {
    background-color: #fff;
    position: absolute;
    padding: 20px 35px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid #262c36;
    display: none;
    z-index: 32;
}
.index_footer .webAcc.on {
    display: block;
}
.index_footer .webAcc p:first-child {
    font-size: clamp(20px, 1.25vw, 24px);
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.index_footer .webAcc p:nth-child(2) {
    font-size: clamp(12px, 0.73vw, 14px);
    line-height: 1.6;
    margin-bottom: 15px;
}

.index_footer .webAcc button {
    font-size: clamp(18px, 0.94vw, 18px);
}

.index_footer .container .wrapper .all_location {
    flex-direction: column;
    color: #999;
    font-size: clamp(10px, 0.63vw, 12px);
}

.index_footer .container .wrapper .all_location span {
    line-height: 2;
}

.index_footer .container .wrapper .footer_info {
    max-width: 570px;
    flex-wrap: wrap;
    color: #999;
    font-size: clamp(12px, 0.73vw, 14px);
}

.index_footer .container .wrapper .footer_info span {
    margin-right: 4%;
    position: relative;
    line-height: 1.8;
}

.index_footer .container .wrapper .footer_info span::after {
    content: "";
    width: 1px;
    height: clamp(10px, 0.63vw, 12px);
    background-color: #999;
    display: block;
    position: absolute;
    top: 50%;
    right: -12.5px;
    transform: translateY(-50%);
}

.index_footer .container .wrapper .footer_info span:nth-child(2)::after, .index_footer .container .wrapper .footer_info span:nth-child(6)::after {
    display: none;
}

.index_footer .container .wrapper > p {
    font-size: clamp(11px, 0.68vw, 13px);
    color: #999;
}

.counsel_container {
    position: fixed;
    bottom: 30px;
    width: 100%;
    z-index: 33;
}

.counsel_container .counsel_wrap > div {
    width: calc((100% - 20px) / 2);
    border-radius: 10px;
    overflow: hidden;
}

.counsel_container .counsel_wrap > div a {
    padding: 26px 0;
}

.counsel_container .counsel_wrap .counsel_left {
    background-color: #555;
}

.counsel_container .counsel_wrap .counsel_right {
    background-color: var(--color-point);
}

.counsel_container .counsel_wrap > div a span:first-child {
    font-size: clamp(14px, 0.83vw, 16px);
    color: rgba(255, 255, 255, 0.6);
    font-weight: 300;
    margin-right: 15px;
}

.counsel_container .counsel_wrap > div a span:last-child {
    font-size: clamp(24px, 1.46vw, 28px);
    color: #fff;
    font-weight: 700;
}

@media (max-width: 1100px) {
	.index_footer .container .wrapper .footer_top .num_wrap a:last-child::after {
        left: -8.5%;
    }
}

@media (max-width: 1670px) {
    .index_footer .container .wrapper .footer_info_wrap .footer_info span:nth-child(2)::after {
        display: block;
	}
    .index_footer .container .wrapper .footer_info_wrap .footer_info span:nth-child(3)::after {
        display: none;
	}
}

@media (max-width: 750px) {
    .index_footer .container .wrapper {
        max-width: 96%;
    }
    .index_footer .container .wrapper .footer_top p {
        font-size: clamp(18px, 4.00vw, 30px);
    }
    .index_footer .container .wrapper .footer_top .num_wrap a {
        font-size: clamp(18px, 4.00vw, 30px);
    }
    .index_footer .container .wrapper .footer_top .num_wrap a:last-child {
        margin-left: 5%;
    }
    .index_footer .container .wrapper .footer_top .num_wrap a:last-child::after {
        height: 20px;
        left: -8.5%;
    }
    .index_footer .container .wrapper .link a {
        font-size: clamp(14px, 3.2vw, 24px);
        font-weight: 300;
    }
    .index_footer .container .wrapper .link a {
        margin-right: 4%;
    }
    .index_footer .container .wrapper .link a:last-child {
        margin-right: 0;
    }
    .index_footer .webAcc {
        width: 90%;
        padding: 20px;
        top: -12%;
    }
    .index_footer .webAcc p:first-child {
        font-size: clamp(18px, 2.67vw, 20px);
    }
    .index_footer .webAcc p:nth-child(2) {
        font-size: clamp(11px, 1.73vw, 13px);
    }
    .index_footer .webAcc button {
        font-size: clamp(13px, 2.00vw, 15px);
    }
    .index_footer .container .wrapper .footer_info_wrap .footer_info {
        max-width: 690px;
    }
    .index_footer .container .wrapper .footer_info_wrap .footer_info span {
        font-size: clamp(14px, 2.27vw, 17px);
        margin-right: 3.5%;
        line-height: 2;
    }
    .index_footer .container .wrapper .footer_info_wrap .footer_info span:nth-child(2)::after {
        display: none;
    }
    .index_footer .container .wrapper .footer_info_wrap .footer_info span:nth-child(3)::after {
        display: block;
    }
    .index_footer .container .wrapper .footer_info_wrap .footer_info span:last-child, .index_footer .container .wrapper .footer_info_wrap .footer_info span:nth-child(2) {
        margin-right: 0;
    }
    .index_footer .container .wrapper .footer_info_wrap .footer_info span::after {
        height: clamp(10px, 1.6vw, 12px);
        right: -13px;
    }
    .index_footer .container .wrapper .all_location {
        font-size: clamp(10px, 2.13vw, 16px);
    }
    .index_footer .container .wrapper > p {
        font-size: clamp(12px, 2.67vw, 20px);
    }

    .counsel_container .counsel_wrap > div a {
        padding: clamp(12px, 3.20vw, 24px) 0;
        flex-direction: column;
    }
    .counsel_container .counsel_wrap > div a span:first-child {
        font-size: clamp(12px, 2.67vw, 20px);
        margin-right: 0;
        order: 2;
    }
    
    .counsel_container .counsel_wrap > div a span:last-child {
        font-size: clamp(18px, 4.27vw, 32px);
        margin-bottom: 10px;
    }
}

@media (max-width: 500px) {
    .index_footer .container .wrapper .footer_info_wrap .footer_info span::after {
        right: -10px;
    }
}

@media (max-width: 409px) {
    .index_footer .container .wrapper .footer_top .num_wrap a:last-child::after {
        height: 15px;
        left: -6%;
    }
    .index_footer .container .wrapper .footer_info_wrap .footer_info span::after {
        right: -7px;
    }
    .index_footer .container .wrapper .footer_info_wrap .footer_info span:nth-child(3)::after {
        display: block;
    }
    .index_footer .container .wrapper .footer_info_wrap .footer_info span:nth-child(1)::after, .index_footer .container .wrapper .footer_info_wrap .footer_info span:nth-child(2)::after, .index_footer .container .wrapper .footer_info_wrap .footer_info span:nth-child(4)::after, .index_footer .container .wrapper .footer_info_wrap .footer_info span:nth-child(6)::after {
        display: none;
    }
    .index_footer .container .wrapper .footer_info_wrap .footer_info span:nth-child(1),.index_footer .container .wrapper .footer_info_wrap .footer_info span:nth-child(4) {
        margin-right: 0;
    }
}

@media (max-width: 330px) {
    .index_footer .container .wrapper .footer_info_wrap .footer_info span::after {
        right: -7.5px;
    }
}