#sub-vision2{margin-top:20px;}
#sub-vision2 .gw-intro-container{margin:0 auto;}
#sub-vision2 .gw-intro .gw-text{font-size: var(--main-title04);line-height: 1.5;font-weight: 500;}
#sub-vision2 .gw-necessity-box {display: flex;justify-content: space-between;position: relative;}
#sub-vision2 .gw-necessity-box .gw-necessity-item {background: #f3f3f3;border-radius: 30px;width: 49.23%;padding: 100px 50px;box-sizing: border-box;}
#sub-vision2 .gw-necessity-box .gw-necessity-item:nth-of-type(1) {padding-right:200px;}
#sub-vision2 .gw-necessity-box .gw-necessity-item:nth-of-type(3) {padding-left: 200px;}
#sub-vision2 .gw-necessity-box .gw-necessity-item dl {text-align: center;}
#sub-vision2 .gw-necessity-box .gw-necessity-item dl dt {font-size:2em;line-height: 1.4;color:var(--main-color);font-weight:700;}
#sub-vision2 .gw-necessity-box .gw-necessity-item dl dd {line-height: 1.5;color: #555;margin-top: 25px; font-size: 18px;}
#sub-vision2 .gw-necessity-box .gw-necessity-item dl dd span{display:inline-block; line-height:1.5em; position:relative;}
#sub-vision2 .gw-necessity-box .gw-necessity-item dl dd span:before{content:'·'; position:absolute; margin-left: -15px;}
#sub-vision2 .gw-necessity-box .gw-necessity-circle {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#sub-vision2 .gw-necessity-box .gw-necessity-circle:before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 125%;height: 125%;border-radius: 50%;background: #e1e1e1;}
#sub-vision2 .gw-necessity-box .gw-necessity-circle .tit {position: relative;font-size:22px; padding:10px; line-height: 1.4;color: #fff; font-weight:100;text-align: center;display: flex;align-items: center;justify-content: center;width: 250px;height: 250px;border-radius: 50%;background: var(--main-color);}
#sub-vision2 .gw-necessity-box .gw-necessity-item {background:transparent;}
#sub-vision2 .gw-importance-list .list-item {display: flex;align-items: center;padding: 20px;box-sizing: border-box;border-radius: 100px;background: #fff;margin-bottom: 10px;}
#sub-vision2 .gw-importance-list .gw-num {width: 45px;height: 45px;border-radius: 100%;line-height: 45px;color: #fff;font-weight: 700;text-align: center;background: var(--main-color);}
#sub-vision2 .gw-importance-list .gw-tit {width: 300px;font-size: var(--main-title04);line-height: 1.3;color: #111; font-weight: 800;padding: 0 30px;box-sizing: border-box;}
#sub-vision2 .gw-importance-list .gw-txt {width: calc(100% - 300px);line-height: 1.5;color: #666;}
#sub-vision2 .gw-effect-list {padding: 40px;border-radius: 30px;background: #fff;box-shadow: 10px 10px 30px 0 rgba(0,0,0,0.07);box-sizing: border-box;}
#sub-vision2 .gw-effect-list .gw-effect-item {display: flex;align-items: center;padding: 30px 0;border-bottom: 2px dashed #ddd;}
#sub-vision2 .gw-effect-list .gw-effect-item:first-child {padding-top: 0;}
#sub-vision2 .gw-effect-list .gw-effect-item:last-child {padding-bottom: 0;border-bottom: 0;}
#sub-vision2 .gw-effect-list .gw-left-box {width: 30%;text-align: center;}
#sub-vision2 .gw-effect-list .gw-left-box .gw-tit {margin-top: 10px;font-size: var(--main-title04); font-weight: 800;}
#sub-vision2 .gw-effect-list .gw-left-box .gw-text {display: block;color: #666;font-weight: 500;font-size: var(--main-text01);}
#sub-vision2 .gw-effect-list .gw-right-box {width: 70%;}
.sub4_1margin100{margin-top:150px;}

@media screen and (max-width:1024px) {
    #sub-vision2 .gw-effect-list{padding: 20px;}
}

@media screen and (max-width:820px) {
    #sub-vision2 .gw-necessity-box{flex-direction: column;}
    #sub-vision2 .gw-necessity-box .gw-necessity-item{padding:50px 15px;width: 100%;}
    #sub-vision2 .gw-necessity-box .gw-necessity-item:nth-of-type(1){padding-right:15px;padding-bottom:115px;}
    #sub-vision2 .gw-necessity-box .gw-necessity-item:nth-of-type(3){padding-left:15px;padding-top:250px;}
    #sub-vision2 .gw-necessity-box .gw-necessity-circle .tit{width: 150%;height: 200px; left: 50%;  transform: translate(-50%, 0px); padding: 0 20px;}
    #sub-vision2 .gw-importance-list .list-item{flex-direction: column;gap: 10px;border-radius: 30px;text-align: center;}
    #sub-vision2 .gw-importance-list .gw-num{width: 30px;height: 30px;line-height: 30px;}
    #sub-vision2 .gw-importance-list .gw-tit{width: 100%;padding: 0;}
    #sub-vision2 .gw-importance-list .gw-txt{width: 100%;}
    #sub-vision2 .gw-effect-list .gw-effect-item{flex-direction: column;gap: 20px;}
    #sub-vision2 .gw-effect-list .gw-left-box{width: 100%;}
    #sub-vision2 .gw-effect-list .gw-right-box{width: 100%;}
	#sub-vision2 .gw-necessity-box .gw-necessity-circle{transform: translate(-50%, -65%);}
	#sub-vision2 .gw-necessity-box .gw-necessity-circle:before{width: 160%; height: 120%;}
}

@media screen and (max-width:414px) {
	
	#sub-vision2 .gw-necessity-box .gw-necessity-item:nth-of-type(1){padding-bottom: 0px;}
	#sub-vision2 .gw-necessity-box .gw-necessity-item:nth-of-type(3){padding-top: 300px;}
	#sub-vision2 .gw-necessity-box .gw-necessity-circle{transform: translate(-50%, -77%);}
	
	
}



@media screen and (max-width:375px) {
	
	#sub-vision2 .gw-necessity-box .gw-necessity-circle{transform: translate(-50%, -85%);}
	#sub-vision2 .gw-necessity-box .gw-necessity-circle .tit{font-size: 17px;}
	
	
}