@media screen and (min-width:1200px) {
.framework {
	width: 75%;
	margin: 35px auto 0px;
}
.umbrella{
	margin-top: 30px;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
}
.umbrella-left{
	    width: 47%;
	    line-height: 2.5;
	    font-size: 0.8rem;
}
.title-text{
	font-size: 1.1rem;
	    letter-spacing: 1px;
	    font-weight: 500;
}
.umbrella-right{
	width: 47%;
}
.blockTab{
	width: 16%;
	display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
}
.blockTab-text{
	    margin-top: 20px;
	    font-size: 0.8rem;
	    line-height: 2;
	    color: #585656;
		text-align: center;
		width: 100%;
}
}

@media screen and (min-width:960px) and (max-width:1200px) {
.framework {
	width: 75%;
	margin: 35px auto 0px;
}
.umbrella{
	margin-top: 30px;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
}
.umbrella-left{
	    width: 47%;
	    line-height: 2.5;
	    font-size: 0.8rem;
}
.title-text{
	font-size: 1.1rem;
	    letter-spacing: 1px;
	    font-weight: 500;
}
.umbrella-right{
	width: 47%;
}
.blockTab{
	width: 16%;
	display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
}
.blockTab-text{
	    margin-top: 20px;
	    font-size: 0.8rem;
	    line-height: 2;
	    color: #585656;
		text-align: center;
		width: 100%;
}
}

@media screen and (max-width:960px) {
.framework {
    width: 90%;
    margin: 35px auto 0px;
}
.umbrella {
    margin-top: 30px;
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
}
.umbrella-left {
    width: 100%;
    line-height: 2.5;
    font-size: 1rem;
}
.title-text {
    font-size: 1.4rem;
    letter-spacing: 1px;
    font-weight: 500;
}
.umbrella-right {
    width: 100%;
    margin-top: 20px;
}
.blockTab {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.blockTab-text {
    margin-top: 20px;
    font-size: 1rem;
    line-height: 2;
    color: #585656;
    text-align: center;
    width: 100%;
}
}
body {
	padding: 0px;
	margin: 0px;
}

.entirety {
	width: 100%;
	margin: 0px;
}

.main-image {
	width: 100%;
	/* height: 28rem; */
}

.main-image img {
	width: 100%;
	height: 100%;
}


.title{}

.title-link{
	    margin-top: 15px;
}
.title-link span{
	    width: 3rem;
	    display: block;
	    height: 2px;
	    background: #235EBC;
}



.umbrella-right img{
	width: 100%;
	    height: 100%;
}
.images{
	width: 100%;
	margin-top: 30px;
}
.images img{
	width: 100%;
	height: 100%;
}

.blockTab-img{
    width: 6rem;
}
.blockTab-img img{
		width: 100%;
		height: 100%;
	}