.mo{
    display:none !important;
}
.pc{
    display: initial !important;
}
@media screen and (max-width: 1300px) { 



}


@media screen and (max-width: 1300px) { 
    header > div > ul{
        margin-right:80px;
        width: calc(100% - 345px);
    }
    footer > div,
    .main-ex,
    .idx-box .contact-content   {
        width:100%;
    }
}

@media screen and (max-width: 1000px) { 
    .mo {
        display:initial !important;
    }
    .pc {
        display:none !important;
    }
    .top-space{
        height:60px;
    }    
    header > div > ul{
        display:none;
    }
    .main-idx{
        height:auto;
        text-align: center;
    }
    .lawyer,
    .lawyer-txt {
        position:static;
        margin:0;
        max-width:60%;
        height:auto;
    }
    .lawyer{
        max-width:50%;
    }
    .lawyer-mo {
        width:100%;
        padding: 50px 0;
    }

    .main-idx::after {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0px 0 40px 40px;
        border-color: transparent transparent transparent var(--color-text-04);
        z-index: -1;
    }
    .main-idx::before {
        content: ' ';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 40px 40px 0 0;
        border-color: transparent var(--color-text-04) transparent transparent ;
        z-index: -1;
    }
    header,
    header > div{
        height:60px;
    }
    header > div > a > img{
        padding:10px;
        height:60px;
    }
    .mo-menu, 
    .mo-menu-close,
    .mo-call{
        background: #fff;
        border: 1px solid #d5e5fb;
        position: absolute;
        right: 13px;
        top: 13px;
        font-size: 21px;
        width: 36px;
        height: 35px;
        border-radius: 5%;
        padding-top: 5px;
        text-align:center;
        
    }
    .mo-call {
        right: 57px;
    }
    .main-info .cont{
        width:100%;
        padding: 5px 15px 77px;
    }
    .main-info .logo{
        max-width:200px;
        margin:0;
        padding:0;
        margin-top:30px;
    }
    .main-ex{
        width:100%;
    }
    .main-ex img{
        width:100%;
    }
    .main-ex-box{
        padding: 60px 4px;
    }

    .about-box{
        padding: 35px;
    }
    .padding-set{
        padding: 25px;
    }
    .about-box h3{
        font-size:20px;
    }
    .about-content .td2{
        display:none;
    }
    .mo-lawyer-img{
        max-width:100%;
        text-align:center;
        display: block;
    }
    .mo-lawyer-img img{
        max-width:370px;
        width:100%;
    }
    .about-content .td1{
        width:100% !important;
    }
    .about-content .td1 div:first-child{
        padding:25px;
        text-align:center;
    }
    .mo-lawyer-img img:last-child{
        max-width:240px;
        
        width:100%;
    }
    .about-content .td1 div h3{
        font-size:22px;
        margin-bottom:30px;
        line-height: 132%;
        text-align:left;
    }
    .about-content .td1 div p{
        font-family: "L";
        font-size: 16px;
        text-align:left;
    }
    .about-history li{
        font-size:12px;
        font-family: "L";
        text-align:left;
    }
    .wrap-menu > div img{
        max-width:240px;
        margin-top:80px;
    }
    .wrap-menu > div ul{
        max-width:260px;
    }
    .wrap-menu > div ul a{
        display:block;
        text-align:left;
        font-size: 20px;
    }

    .about-content .td1{
        display:block;
    }

    .map-content{
        width:100%;
    }
    .map-content .map-cont {
        padding-left:60px;
        padding-right:25px;
    }
    .map-content .map-box-s > h3{
        font-size:18px;
        margin: 0 0 5px 0;
    }
    .map-content .map-box-s > span{
        font-size:14px;
        line-height: 154%;
        font-family: 'L';
    }
    .map-content .map-box-s > h3 > i{
        font-size:32px;
        top: -8px;
    }
    .map-content .title{
        font-size:16px;
        margin-bottom:40px;
        padding: 9px 28px;
        margin-right:35px;
    }

    .map-content .map-box-s .center{
        display:block !important;
    }
    .sub-title h3{
        font-size: 26px;
    }
    .wrap-menu > div ul a > i {

        margin-right: 10px;
    }
    .wrap-menu > div ul a::after{
        height: 1px;
    }
    .contact-content{
        width:100%;
        margin:0;
    }
    
    .contact-content .cc-box{
        width:100%;
    }
    .contact-content .cc-box a{
        display:block;
        margin:0 15px 15px;
    }
    .contact-content .cc-box a:last-child{
        margin-left:15px;
    }
    .contact-content .cc-box:first-child{
        margin-right:0;
    }
    .contact-content .cc-call a{
        width:calc(100% - 30px);
        margin:0 15px;
        display: block;
    }
    .idx-box .contact-content{
        width:100%;
    }
    .contact-cate, .contact-cate i{
        font-size: 22px;
    }
    .idx-box {
        padding:0;
    }

    footer > div{
        width:100%;
        padding:15px;
        padding-bottom:60px;
    }
    footer > div > div{
        
        height:auto;
        margin-bottom:5px;
        font-size:14px;
    }

    .bottom-btn {
        margin:0 auto;
        width:100%;
        max-width:440px;
        position:fixed;
        bottom:0;
        left:0;
        right:0;
        border-radius: 35px 35px 0 0;
        overflow: hidden;
        z-index:1000;
        background:#00913e;
        text-align:center;
        box-shadow: 0 0 10px 0 rgba(0,0,0,.3);

    }
    .bottom-btn img{
        width:auto;
        display: block;
        margin:0 auto;
        
        height:55px;
    }
}