@charset "UTF-8";


/*　
---------------------------------------------------------*/

.srring{
    position: relative;
    z-index: 1;    
}
.srring_inner{
    padding-top: 18rem;
    padding-bottom: 18rem;
    position: relative;
    z-index: 5;    
}

.srring_mes{
    font-size: var(--f16);
    margin-bottom: 2.8rem;
    display: grid;
    gap: 2rem 0;
}
.srring_box{
    display: flex;
    justify-content:space-between;
}
.srring_img{
    width: 56.9rem;
    margin: -1.3rem 0 0 -3rem;
}
.srring_main{
}
.srring_list{}
.srring_list li{
    border-bottom: 1px solid rgba(34, 34, 34, 0.4);
    font-size: var(--f14);
    line-height: var(--line-height-min);
    padding: 2.2rem 0;
}
.srring_btn{
    margin-top: 6rem;
}


.srring .c-textSlide2{
    top: 10rem;
}
.srring .c-textSlide2_main{
    width: 478rem;
}


@media only screen and (max-width: 1200px) {
    .srring_img{
    margin: 0 auto;
}
    .srring_box{
        display: block;
    }

}

/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media only screen and (max-width: 767px) {
    .srring{}
    .srring_inner{
    padding-top: 7rem;
    padding-bottom: 6rem;
    }

    .srring_mes{
    font-size: 1.4rem;
    margin-bottom: 1.8rem;
}
    .srring_box{}
    .srring_img{
    width: auto;
}
    .srring_main{
    margin-top: 2rem;
}
    .srring_list{}
    .srring_list li{
    font-size: 1.2rem;
    padding: 1.2rem 0;
}
    .srring_btn{
    margin-top: 3rem;
    text-align: center;
}


    .srring .c-textSlide2{
    top: 3rem;
}
    .srring .c-textSlide2_main{
    width: 245rem;
}


}


/*　
---------------------------------------------------------*/

.beam{
    position: relative;
    z-index: 1;   
}
.beam_inner{
    padding-top: 18rem;
    padding-bottom: 18rem;
    position: relative;
    z-index: 5;      
}


.beam_box{
    display: flex;
    justify-content: space-between;    
}
.beam_img{
    width: 44rem;
    margin-top: 3rem;
    margin-left: -4.6rem;
}
.beam_main{
    width: 56rem;
}
.beam_table{
    font-size: var(--f12);
    line-height: 1.2;
    text-transform: uppercase;    
}
.beam_table table{
    width: 100%;
}
.beam_table td,
.beam_table th{
    padding: 1.5rem 1.2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    vertical-align: middle;
}
.beam_table .pdf{
    white-space: nowrap;
}

.beam_table td:last-child{
    width: 17rem;
}



.beam .c-textSlide2{
    top: 10rem;
}
.beam .c-textSlide2_main{
    width: 519rem;
}

@media only screen and (max-width: 1200px) {
    .beam_img{margin: 5rem auto 5rem;}
    .beam_box{
        display: block;
    }
    .beam_main {
        width: auto;
    }
    .beam_table td:last-child{
        width: auto;
    }

}

/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media only screen and (max-width: 767px) {
    .beam{}
    .beam_inner{
    padding-top: 7rem;
    padding-bottom: 6rem;        
    }

    .beam_box{}
    .beam_img{
    width: auto;
}
    .beam_main{
    overflow: auto;
}
    .beam_table{
    width: 50rem;
}
    .beam_table table{}
    .beam_table td,
    .beam_table th{}
    .beam_table .pdf{}
    .beam_table td:last-child{}


    .beam .c-textSlide2{
    top: 3rem;
}
    .beam .c-textSlide2_main{
        width: 263rem;        
    }
}


/*　
---------------------------------------------------------*/

.offline{
    position: relative;
    z-index: 1;   
}
.offline_inner{
    padding-top: 18rem;
    padding-bottom: 18rem;
    position: relative;
    z-index: 5;      
}


.offline_box{}
.offline_img{
    width: 44rem;
    margin-top: 3rem;
    margin-left: -4.6rem;
}
.offline_main{
    width: 56rem;
}
.offline_table{
    font-size: var(--f12);
    line-height: 1.2;
    text-transform: uppercase;    
}
.offline_table table{
    width: 100%;
}
.offline_table td,
.offline_table th{
    padding: 1.5rem 1.2rem;
    border-bottom:  1px solid rgba(34, 34, 34, 0.4);
    vertical-align: middle;
}
.offline_table .pdf{
    white-space: nowrap;
}

.offline_table td:last-child{
    /* width: 17rem; */
}

.font-lower{
    text-transform: none;     
}



.offline .c-textSlide2{
    top: 10rem;
}
.offline .c-textSlide2_main{
    width: 626rem;
}

/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media only screen and (max-width: 767px) {
    .offline{}
    .offline_inner{
    padding-top: 7rem;
    padding-bottom: 6rem;        
    }

    .offline_box{
        overflow: auto;
    }
    .offline_img{}
    .offline_main{}
    .offline_table{
    width: 50rem;
}
    .offline_table table{}
    .offline_table td,
    .offline_table th{}
    .offline_table .pdf{}
    .offline_table td:last-child{}


    .offline .c-textSlide2{
        top: 3rem;
    }
    .offline .c-textSlide2_main{
        width: 315rem;        
    }
}