/* response */
@media screen and (max-width: 1440px){
    .inner_1440 {
        max-width: 1200px;
    }
    .inner_100{
        padding: 0 5rem;
    }
}

@media screen and (max-width: 1200px){
    .mb80{
        margin-bottom: 6rem;
    }
    .inner_1440, .artist_list{
        max-width: 950px;
    }
    .inner_100{
        padding: 0 2rem;
    }
    nav{
        padding: 2rem 0;
    }
    #nav ul li{
        margin-right: 4rem;
    }
    #nav ul li:last-child{
        margin-right: 0;
    }
    #nav ul li a {
        font-size: 1.8rem;
    }
    #floating-object{
        width: 40rem;
        height: 40rem;
    }
    .tit{
        font-size: 6rem;
    }
    .sub_tit{
        font-size: 2.4rem;
    }
    .st_box{
        width: 90rem;
        max-width: 90rem;
    }
    .st_tit{
        font-size: 3rem;
    }
    .st_exp{
        font-size: 2rem;
    }
    .sv_box{
        width: 70rem;
    }
    .sv_box p{
        font-size: 2.4rem;
    }
    .bgimg1{
        height: 80vh;
    }
    .bgimg2{
        height: 60vh;
    }
    .sec05{
        padding: 7rem 0;
    }
    .submit_btn_area{
        padding-top: 2rem;
    }
    .contact .tit{
        font-size: 3rem;
    }
    .contact .sub_tit{
        font-size: 1.6rem;
    }
    .f_info p{
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
    .copyright{
        font-size: 1.2rem;
    }
    .modal .modal_pop{
        width: 80%;
        left: 10%;
    }
}

@media screen and (max-width:1024px){
    :root{ --stars-count: 80; }
    #nav h1 img{
        width: 15rem;
    }
    #nav ul{
        display: none;
    }
    .menu_btn{
        display:flex;
    }
    #floating-object{
        width: 30rem;
        height: 30rem;
    }
    .sec02{
        padding: 7.5rem 0 5rem;
        background-size: 72.5%;
        background-position: center 0%;
    }
    .sec02_inner{
        text-align: center;
        padding: 0 5rem;
    }
    .tit{
        font-size: 4rem;
    }
    .exp{
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
    .mb100{
        margin-bottom: 5rem;
    }
    .slogan{
        margin: 0 auto 7rem;
    }
    .sec03{
        padding: 10rem 0 5rem;
    }
    .at_name{
        font-size: 2rem;
        margin-bottom: 0.2rem;
    }
    .at_job{
        font-size: 1.6rem;
    }
    .sec04{
        padding: 6rem 0;
    }
    .st_box{
        padding: 4rem 0 3.5rem
    }
    .st_tit{
        margin-bottom: 1.2rem;
    }
    .sv_box{
        padding: 2.5rem 0;
    }
    .sv_box p{
        font-size: 2.2rem;
    }
    .f_area{
        padding: 5rem 0 ;
    }
    .info_form .if_each > p, .ag_chk p{
        font-size: 1.6rem;
    }
    .submit_btn{
        font-size: 1.6rem;
    }
    .modal .modal_pop .modal_tit{
        margin-bottom: 2rem;
        align-items: center;
    }
    .modal .modal_pop .modal_tit h4{
        font-size: 2.4rem;
    }
    .modal .modal_pop .modal_con{
        font-size: 1.4rem;
    }
    .modal .modal_pop{
        padding: 2rem;
    }
    .top_btn{
        width: 5rem;
        height: 5rem;
    }
}
@media screen and (max-width:998px){
    :root{ --stars-count: 60; }
    p{
        line-height: 2.2rem;
    }
    .tit{
        font-size: 3rem;
        margin-bottom: 0.2rem;
    }
    .exp{
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
    .sub_tit{
        font-size: 1.6rem;
    }
    .mb100{
        margin-bottom: 4rem;
    }
    .slogan{
        margin: 0 auto 4rem;
    }
    .marquee-track img{
        height: 2rem;
        margin-right: 3rem;
    }
    .mb80{
        margin-bottom: 4rem;
    }
    .artist_list{
        max-width: 90rem;
        width: 100%;
        padding: 0 2rem;
    }
    .artist_item{
        width: 49%;
        margin-bottom: 2.4rem;
    }
    .at_thumb{
        margin-bottom: 1rem;
    }
    .at_name{
        font-size: 1.8rem;
    }
    .at_job{
        font-size: 1.4rem;
    }
    .st_box {
        width: 90%;
        max-width: 90rem;
        padding: 3rem 1rem;
        margin-bottom: 2rem;
    }
    .st_tit {
        font-size: 2rem;
        margin-bottom: 1rem;
    }
    .st_exp{
        font-size: 1.6rem;
    }
    .sv_box{
        width: 90%;
        max-width: 90rem; 
        padding: 2rem 1rem;
    }
    .sv_box p {
        font-size: 1.8rem;
    }
    .f_area .d-flex{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .f_area .d-flex > div{
        padding: 3rem 2rem;
    }
    .contact .sub_tit{
        line-height: 2.4rem;
    }
    .footer{
        align-items: center;
    }
    .f_info{
        text-align: center;
    }
    .bgimg1 {
        height: 50vh;
    }
    .rotate-90{
        width: 50px;
    }
    .info_form{
        padding-top: 3rem;
    }
    .submit_btn_area{
        flex-direction: column;
    }
    .f_logo{
        width: 10rem;
    }
    .modal .modal_pop .modal_tit h4{
        font-size: 2rem;
    }
    .top_btn{
        right: 1.5rem;
        bottom: 1.5rem;
        width: 4rem;
        height: 4rem;
    }
}

@media screen and (max-width:768px){
:root{ --stars-count: 40; }
}

@media screen and (max-width:576px){
    nav{
        padding: 1rem 0;
    }
    #nav h1 img{
        width: 12rem;
    }
    #floating-object {
        width: 20rem;
        height: 20rem;
    }
    .sec02{
        padding: 5rem 0 3rem;
    }
    .exp{
        font-size: 1.4rem;
        line-height: 2.4rem;
        white-space: initial;
        padding: 0 1rem;
    }
    .mb100 {
        margin-bottom: 2rem;
    }
    .slogan{
        padding: 1.5rem;
    }
    .sec02_inner{
        padding: 0 2rem;
    }
    .sec03{
        padding: 5rem 0 2rem;
    }
    .at_name {
        font-size: 1.6rem;
        margin-bottom: 0;
    }

    .sec04{
        padding: 5rem 0;
    }
    .st_box{
        padding: 2rem;
    }
    .st_tit {
        font-size: 1.6rem;
        line-height: 2.6rem;
        margin-bottom: 0.5rem;
    }
    .st_exp{
        font-size: 1.4rem;
    }
    .sec05 .sub_tit{
        padding: 0 4rem;
    }
    .mb80{
        margin-bottom: 3rem;
    }
    .sv_box p{
        font-size: 1.6rem;
    }
    .contact .tit{
        font-size: 2.4rem;
    }
    .contact .sub_tit{
        font-size: 1.4rem;
        line-height: 2rem;
    }
    .info_form .if_each{
        margin: 1rem 2rem 2rem 0;
    }
    .info_form .flex-spacebetween{
        display: block;
    }
    .info_form .if_each > p, .ag_chk p{
        font-size: 1.4rem;
    }
    .agree_btn{
        font-size: 1.4rem;
    }
    .submit_btn{
        padding: 1.5rem;
    }
    .f_info{
        padding-bottom: 2rem;
    }
    .f_info p{
        font-size: 1.2rem;
        line-break: 2rem;
    }
    .f_area {
        padding: 5rem 0 0;
    }
    .sv_box {
        padding: 1rem;
    }
    .sv_box p {
        font-size: 1.4rem;
    }
    .modal .modal_pop .modal_tit h4{
        font-size: 1.8rem;
    }
}

@media screen and (max-width:400px){

}