.mhspn-wrap{
    width:100%;
    box-sizing:border-box;
    font-size:16px;
    line-height:1.8;
    color:#222;
}

.mhspn-inner{
max-width: 1540px;
    margin:0 auto;
}

.mhspn-title{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:25px;
}

.mhspn-title span{
    width:25px;
    height:25px;
    border:7px solid #8ea1c1;
    border-radius:50%;
    box-sizing:border-box;
	margin: 3px 0 0 0;
}

.mhspn-title h3{
    margin:0;
    font-size:34px;
    font-family: 'nsh7';
    color:#222;

}

.mhspn-title-2{
    margin-top:110px;
}

.mhspn-desc{
    margin-bottom:25px;
	    font-size:18px;
		    font-family: 'nsh7';
    color:#555;
}

.mhspn-box{
    background:#efefef;
    padding:35px;
    line-height:1.9;
    margin-bottom:35px;
}

.mhspn-box p{
    margin:0;
}

.mhspn-table{
    border-top:1px solid #8ea1c1;
    border-left:1px solid #ddd;
}

.mhspn-thead{
    display:grid;
   grid-template-columns:49% 29% 22%;
}

.mhspn-thead div{
    background:#efefef;
    padding:12px;
    text-align:center;
    font-family: 'nsh7';
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
}

.mhspn-tbody{
    display:grid;
   grid-template-columns:49% 29% 22%;
}

.mhspn-tbody > div{
    padding:50px 40px;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    box-sizing:border-box;
}

.mhspn-type{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}

.mhspn-type ul{
    margin:0;
    padding:0;
    list-style:none;
}

.mhspn-type li{
    display:flex;
    align-items:flex-start;
    margin-bottom:12px;
    line-height:1.6;
}

.mhspn-type li:before{
    content:"\002D";
    flex:none;
    margin-right:6px;
}

.mhspn-method p{
    display:flex;
    align-items:flex-start;
    margin:0 0 12px;
    line-height:1.6;
}

.mhspn-method p:before{
    content:"\002D";
    flex:none;
    margin-right:6px;
}

.mhspn-online{
    display:flex;
    align-items:center;
    text-align:left;
    word-break:break-all;
}

.mhspn-target{
    display:grid;
    grid-template-columns:220px 1fr;
}

.mhspn-target div{
    padding:18px;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
}

.mhspn-target div:first-child{
    background:#efefef;
    text-align:center;
    font-weight:700;
}

.mhspn-process{
    display:grid;
    grid-template-columns:220px 1fr;
}

.mhspn-process-title{
    display:flex;
    justify-content:center;
    align-items:center;
    background:#efefef;
    font-weight:700;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
}

.mhspn-process-img{
    padding:30px;
    border-bottom:1px solid #ddd;

	    border-right:1px solid #ddd;
}

.mhspn-process-img img{
    display:block;
    width:100%;
    max-width:1000px;
    height:auto;
    margin:0 auto;
}

.mhspn-protect{
    margin-bottom:0;
}


.mhspn-mobile-title{
    display:none;
}


@media (max-width:991px){

    .mhspn-mobile-title{
        display:block;
        background:#efefef;
        padding:5px 20px !important;
    font-family: 'nsh7';
        border-bottom:1px solid #ddd;
    }


    .mhspn-title h3{
        font-size:24px;
    }

    .mhspn-thead{
        display:none;
    }

    .mhspn-tbody{
        display:block;
    }

    .mhspn-tbody > div{
        padding:25px;
    }
.mhspn-title span {
    width: 20px;
    height: 20px;
    border: 6px solid #8ea1c1;
    margin: 3px 0 0 0;
}
    .mhspn-type{
        grid-template-columns:1fr;
        gap:0;
    }

    .mhspn-target,
    .mhspn-process{
        grid-template-columns:1fr;
    }

    .mhspn-target div:first-child,
    .mhspn-process-title{
        text-align:left;
        justify-content:flex-start;
		    font-family: 'nsh7';
        padding:5px 20px !important;
    }

    .mhspn-process-img{
        overflow-x:auto;
    }
.mhspn-desc {
    font-size: 16px;
}
.mhspn-box {
    padding: 40px 30px;
    line-height: 1.8;
    margin-bottom: 0;
}

.mhspn-box00{margin-bottom: 50px;}
}