@charset "utf-8";

@font-face {
    font-family: 'RiaSans';
    src: url('/font/RiaSans-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'RiaSans';
    src: url('/font/RiaSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


.mc01_visual .swiper-slide {
    position: relative;
}
.mc01_visual .swiper-slide .banner-content {
    position: absolute;
    top: 48%;
    left: 30.3%;
    transform:translate(-50%, -50%);
    width: auto;
}

.mc01_visual .swiper-slide .banner-content .main_title {
    width:auto;
    font-family: "RiaSans", sans-serif !important;
    font-weight: 700;
    font-size: clamp(18px,1.8vw,34px);
    color:#222222;
    line-height:clamp(46px,4.167vw,80px);
}

.mc01_visual .swiper-slide .banner-content .main_title .point_color {
    font-family: "RiaSans", sans-serif !important;
    font-size: clamp(36px,3.65vw,70px);
    font-weight: 800;
}

.mc01_visual .swiper-slide .banner_sub p {
    margin-top: 20px;
    font-size: clamp(18px,1.041666666666667vw,20px);
    font-weight: 400;
    color:#666666;
}
.mc01_visual .swiper-slide .banner-content .banner_btn {
    margin-top: 60px;
    display: flex;
    gap: 0 10px;
}
.mc01_visual .swiper-slide .banner-content .banner_btn .banner_btn_a  {
    display: flex;
    align-items:center;
    justify-content: center;
    min-width: 210px;
    line-height:clamp(45px,2.864583333333333vw,55px);
    border-radius:50px;
    background:var(--main-point-color-hover);
}
.mc01_visual .swiper-slide .banner-content .banner_btn .banner_btn_a p {
    color:#222;
    font-size: clamp(14px,0.9375vw,18px);
    font-weight: 700;
}