@charset "utf-8";   
 
/* main-6 */
.main6__sec , .main6__inner { width:100% }
.main6__sec   { padding:6rem 0 }
.main6__inner { 
    width:96% ; margin:auto ;
    margin-bottom:3rem ; font-size:0 ; text-align:center }  

.main6__title {
    font-size:3.4rem ; line-height:140% ; font-weight:600 ; color:#111111 ; text-align:center ;
    margin-bottom:3rem ; letter-spacing:-0.1rem ;
}

.main6__acc__btns { width:100% ; font-size:0 ; text-align:center ; margin-bottom:2rem ; }
.main6__acc__btns > li { display:inline-block ; margin:0.1rem 0.3rem }
.main6__acc__allOpen , .main6__acc__allClose {
    display:block ; padding:0.7rem 1.5rem ; border-radius:0.4rem ;
    font-size:1.2rem ; line-height:120% ;
    border:solid 1px rgba(0,0,0,0.1) ; transition:0.3s all ;
} 
.main6__acc__allOpen:hover , .main6__acc__allClose:hover {
    background-color:#111111 ; border-color:#111111 ;
    color:#ffffff
} 
.main6__acc { border-top:solid 1px rgba(0,0,0,0.1) ; text-align:left } 
.main6__acc__header , .main6__acc__title { position:relative } 
.main6__acc__header , .main6__acc__header::before , .main6__acc__title , .main6__acc__title > b , .main6__acc__open::after { transition:0.3s all }
.main6__acc__header { border-bottom:solid 1px rgba(0,0,0,0.1) } 
.main6__acc__header::before {
    display:block ; content:"" ; width:0 ; height:1px ;
    background-color:#ff6600 ;
    position:absolute ; left:0 ; bottom:-1px ;
} 
.main6__acc__header:hover::before , .active .main6__acc__header::before { width:100% } 
.main6__acc__title , .main6__acc__body { padding:1rem 4rem 1rem }
.main6__acc__title  { font-size:1.8rem ; line-height:160% ; font-weight:500 }
.main6__acc__header:hover .main6__acc__title , .active .main6__acc__title { color:#111111 }
.main6__acc__title > b {
    display:block ; width:3rem ; height:3rem ; border-radius:100% ;
    background-color:#444444 ;
    font-size:1.4rem ; line-height:2.8rem ; color:#ffffff ; font-weight:500 ; text-align:center ;
    text-shadow:0 0 0.3rem rgba(0,0,0,0.1) ;
    position:absolute ; left:0.5rem ; top:2.5rem ; transform:translateY(-50%) ;
}    
.main6__acc__header:hover .main6__acc__title > b , .active .main6__acc__title > b { background-color:#ff6600 }
.main6__acc__open {
    display:block ; overflow:hidden ; width:100% ; height:100% ;
    font-size:0 ; color:transparent ; text-indent:-999rem ;
    position:absolute ; left:0 ; top:0
} 
.main6__acc__open::after {
    display:block ; content:"" ; width:0.8rem ; height:0.8rem ;
    position:absolute ; right:1rem ; top:50% ; transform:translate(-50%,-50%) rotate(45deg) ;
    border:solid 1px #111111 ; border-left:none ; border-top:none ;
    opacity:0.3 ;
} 
.main6__acc__header:hover .main6__acc__open::after {
    opacity:0.7 ;
    transform:translate(-50%,-50%) rotate(45deg) scale(1.1) ;
}
.active .main6__acc__open::after ,
.active .main6__acc__header:hover .main6__acc__open::after { 
    transform:translate(-50%,-50%) rotate(225deg) ; top:55% ;
    opacity:1 ; border-color:#ff6600  
} 
 
.main6__acc__body { 
    padding-top:0 ; padding-right:0.5rem ; padding-bottom:0  ;
    border-bottom:0 ; height:0 ; overflow:hidden ;
    position:relative ; 
}
.active .main6__acc__body {
    padding-top:1rem ; padding-bottom:6rem ; 
    border-bottom:solid 1px rgba(0,0,0,0.1) ;
    height:auto ; overflow:initial ;
}  
.p { font-size:1.6rem ; line-height:180% ; text-align:justify ; margin-bottom:2rem }
.p:last-child { margin-bottom:0 }

.main6__acc__body , 
.main6__acc__close , .main6__acc__close::before , .main6__acc__close::after { transition:0.3s all }
.main6__acc__close {
    width:2rem ; height:2rem ; 
    font-size:0 ; color:transparent ; 
    position:absolute ; left:50% ; bottom:1rem ; transform:translateX(-50%) ;
    opacity:0.2 ;
}
.main6__acc__close:hover { opacity:0.8 } 
.main6__acc__close::before , .main6__acc__close::after {
    display:block ; content:"" ; width:1.4rem ; height:0.1rem ;
    background-color:#000000 ;
    position:absolute ; left:50% ; top:50% ;  
}
.main6__acc__close:hover::before , .main6__acc__close:hover:after { width:1.8rem }
.main6__acc__close::before { transform:translate(-50%,-50%) rotate(45deg) }
.main6__acc__close::after  { transform:translate(-50%,-50%) rotate(-45deg)} 
.main6__acc__close:hover::before { transform:translate(-50%,-50%) rotate(135deg) }
.main6__acc__close:hover::after  { transform:translate(-50%,-50%) rotate(45deg)}

.main6__acc__container , .main6__acc__close { display:none }
.active .main6__acc__container , .active .main6__acc__close { display:block }




@media screen and (min-width:1024px){ 
     
    /* main-6 */
    .main6__sec   { padding:8rem 0 }
    .main6__title { font-size:4rem ; margin-bottom:4rem }
    .main6__inner { max-width:120rem ; padding:0 ; margin:0 auto ; position:relative } 
     
    .main6__acc__title { font-size:2rem ; letter-spacing:-0.1rem ; padding:1.6rem 4rem 1.6rem }
    .main6__acc__title > b {
        width:3.4rem ; height:3.4rem ; font-size:1.6rem ; line-height:3rem ;
        letter-spacing:0; top:3.2rem ; left:0.2rem
    }

    .main6__acc__title , .main6__acc__body { padding-left:4.5rem }
    .p { font-size:1.8rem }

    .main6__acc__btns {
        width:20rem ; display:block ; 
        position:absolute ; right:0 ; top:1.5rem ;
        text-align:right 
    }
    .main6__acc__btns > li { margin:0 0 0 0.5rem }
     
}
  




@media print {  }