.h3_tit{
    margin-bottom:var(--size80);
}
@media (max-width:799px)  {

}
@media (max-width:499px)  {

}

/*-------------------------
  KV
-------------------------*/

@media (max-width:1024px) {

}
@media (max-width:699px)  {


}

/*-------------------------
  
-------------------------*/
.legal{
    width:100%;
    position:relative;
    z-index: 2;
    overflow: visible;
    padding-bottom:150px;
}
.legal .inner {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap:20px;
}
.legal_cont {
    grid-column: 2 / 9;
}
.legal_list_box {
    display: flex;
    gap:var(--size60);
}
.legal_list_box .img_box {
    width:min(26.6%,245px);
    flex-shrink: 0;
}
.legal_list_box .img_box figure {
    border-radius: 50%;
    overflow: hidden;
}
.legal_list_box .txt_box {
    flex:1;
}
.legal_list_box .txt_box h4 {
    display: flex;
    align-items: baseline;
    gap:1em;
}
.legal_list_box .txt_box h4 .ja {
    font-size:2em;
}
.legal_list_box .txt_box h4 .en {
    font-size:1.5em;
}
.legal_list_box .txt_box .spec {
    font-size:1.25em;
    margin-bottom:1em;
}
.legal_list_box .txt_box .txt{
    line-height: 2;
}
.legal_list_box + .legal_list_box {
    margin-top:var(--size80);
}


.dot {
    opacity:0.8;
}

.dot01{left:3.125%;top:180px;}
.dot02{right:36.979%;top:340px;}
.dot03{right:0.05%;top:220px;}
.dot04{left:34.375%;bottom:50px;}
.dot05{left:calc(34.375% + 50px);bottom:-50px;}

.dot06{right:3.125%;top:50px;opacity:0.6}
.dot07{right:13.208%;top:640px;opacity:0.6}
.dot08{left:10.9375%;top:750px;opacity:0.6}
.dot09{left:calc(10.9375% - 100px);top:800px;opacity:0.6}
.dot10{left:36.979%;bottom:60px;opacity:0.6}



@media (max-width:1024px) {
    .dot01{width:50px;height:50px;left:0;top:100px;}
    .dot04{left:auto;right:0;top:200px;}
    .dot02{left:100px;top:400px;}
    .dot03{left:150px;top:375px;}
    .dot05{width:50px;height:50px;left:auto;right:100px;bottom:0;}
    .legal_list_box {
        gap: var(--size30);
    }
    .legal_list_box .txt_box h4 {
        flex-flow:column;
        gap:0;
        align-items: flex-start;
        margin-bottom:var(--size20);
    }
    .legal_list_box .txt_box h4 *{
        white-space: nowrap;
    }
}
@media (max-width:768px)  {
    .legal {
        padding-bottom: 80px;
    }
    .legal_cont {
        padding-top:80px;
    }
    .legal .inner {
        display: block
    }
    .legal_list_box {
        flex-flow: column;
        align-items: center;
    }
    .legal_list_box .img_box {
        width: min(80%, 200px);
    }
    
}