.wrap{position:relative;} 
.header{position:absolute; top:0; left:0; width:100%; background:transparent; z-index:99}
.gnb li a{color:#fff;}

.login_menu a{color:#fff;}

.header.fix{background-color:rgba(255,255,255,0.95); }
.header.fix .gnb li a{color:#1f1513;}
.header.fix .login_menu a{color:#1f1513;}


.main_tit{position:relative;}
.main_tit h3{color:#fff; }
.main_tit h3 span{font-weight:400;line-height: 0.9em;}
.main_tit h3 font{font-weight:400; font-size:89%; line-height:.9em}
.main_tit h3 strong{position:relative;/* display:inline-block; */line-height: 0.9em;}
.main_tit h3 strong::after{position:absolute;transform: scaleX(0);transform-origin:0 50%;content:'';background-color:#e8340c;height: 100%;left: 0;z-index: -1; -webkit-animation-duration: 1s; -webkit-animation-delay: 2s; animation-duration: 1s; animation-delay: 2s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}


.scroll{position:absolute; display:block; left:50%; }
 
.contents h5{color:#1f1513; font-weight:400; text-align:center; line-height:1.2em}
.contents .text{color:#282828; font-weight:400; text-align:center; line-height:1.4em}
.contents .text font{font-weight:400}


.main_con1{}
.main_con1 li{position:relative; float:left;}
.main_con1 li::after{position:absolute;top:50%;content:'';transform: translate(0,-50%);}
.main_con1 li h6{font-weight:500; text-align:center}
.main_con1 li h6 strong{color:#fff;display:block;font-weight:bold;line-height: 1.1em;word-break: keep-all;}
.main_con1 .con1_1 h6{color:#ffc6b9;}
.main_con1 .con1_2 h6{color:#ffe3c3;}
.main_con1 .con1_3 h6{color:#bce2ff;}
.main_con1 li p{position:absolute;color:#fff;word-break: keep-all;font-weight: 500;line-height: 1.2em;}

.main_con1 li::after{width:46px;height:57px;left: 93%;}
.main_con1 .con1_1::after{ background:url(/on-tact/images/pc/main/arr1.png) no-repeat 50%;}
.main_con1 .con1_2::after{ background:url(/on-tact/images/pc/main/arr2.png) no-repeat 50%;}


.main_con2 li{position:relative; float:left; font-family: 'GmarketSans'; }
.main_con2 li .box{text-align:center;}
.main_con2 li h6{color:#fff;}
.main_con2 li h6 span{display:block; color:#fff;}
.main_con2 li p strong{font-weight:500}
.main_con2 li.con2_1 p{color:#ffc6b9;}
.main_con2 li.con2_2 p{color:#ffe3c3;}
.main_con2 li.con2_3 p{color:#bce2ff;}

 

.main_con2 li .top_box,.main_con2 li .bot_box{position:absolute;border:1px solid #dedede;background-color:#fff;box-shadow: 3px 13px 30px rgba(0,0,0,0.2);text-align:center;color:#1f1513;line-height:1.2em;z-index: 1;border-radius: 10px;}
.main_con2 .top_box::after,.main_con2 .bot_box::after{position:absolute; left:50%; display:block; width:18px; height:15px; content:''; background:url(/on-tact/images/pc/main/arrow.png) no-repeat 50%;}
.main_con2 li>div  strong{display:block;font-weight: bold;}

.main_con2 li .top_box{top: 20px;}
.main_con2 li .top_box::after{ top:100%;}
.main_con2 li .bot_box{bottom: 20px;}
.main_con2 li .bot_box::after{ bottom:100%; -webkit-transform: scaleY(-1);
 transform: scaleY(-1);}
.main_con2 li .top_box  strong,.main_con2 li .bot_box  strong{display:block; color:#e8340c; font-size:bold;}


.main_con3 .shadow{position:relative;}
.main_con3 h6{font-weight:bold; line-height:1.1em}
.main_con3 h6 span{display:block; color:#1f1513;}
.main_con3 p{color:#1f1513; line-height:1.1em; font-weight:500}
.int_book h6{color:#e8340c;}
.int_class h6{color:#0068b7;}
 
.main_con3 .con3_2{}
.main_con3 .con3_2 li{position:relative; float:left;}
.main_con3 .con3_2 li h6{font-weight:500; text-align:center}
.main_con3 .con3_2 li h6 strong{color:#fff; display:block; font-weight:bold; line-height:1.1em}
.main_con3 .con3_list1 h6{color:#ffc6b9;}
.main_con3 .con3_list2 h6{color:#ffe3c3;}
.main_con3 .con3_list3 h6{color:#bce2ff;}



.class_tb h6,.class_tb ul{display:inline-block; vertical-align:middle;}
.class_tb h6{font-weight:400; text-align:center;}
.class_tb h6 span{color:#1f1513}
.class_tb li{font-size:0;}
.class_tb li.last{margin-bottom:0 !important}
.class_tb strong{display:inline-block; color:#fff; text-align:center; font-weight:500; vertical-align:middle;}
.class_tb p{display:inline-block;color:#282828;font-weight:300;line-height: 1.5em;vertical-align:middle;}

.class_tb.tb1 h6{color:#e8340c;}
.class_tb.tb1 strong{background-color:#e8340c}

.class_tb.tb2 h6{color:#f18e1e;}
.class_tb.tb2 strong{background-color:#f18e1e} 

.class_tb.tb3 h6{color:#0068b7;}
.class_tb.tb3 strong{background-color:#0068b7} 


.class_map{position:relative; display:table; width:100%; text-align:center;}

.class_map .class_main{display:table-cell; vertical-align:middle; }
.class_map h6{color:#e8340c; font-weight:bold;}
.class_map p{color:#1f1513; font-weight:400; line-height:1.4em}
.class_map h6 span{display:block; color:#1f1513; font-weight:500}

.class_map .movbox{position:absolute; color:#1f1513; font-weight:500}
.class_map .movbox strong{display:block; font-weight:bold;}
.class_map .tool1 strong, .class_map .tool4 strong{color:#f18e1e;}
.class_map .tool2 strong, .class_map .tool3 strong{color:#0068b7;}



@media (min-width:1200px){
.main_tit {background: url(/on-tact/images/pc/main/visual.png) no-repeat 0 0; background-size:cover;}
.main_tit .inbox{display:table;height: 970px;vertical-align:middle;}
.main_tit h3{display:table-cell;vertical-align:middle;font-size:65px; }
.main_tit h3 font{font-size:35px; margin-bottom:22px}
.main_tit h3 span{margin:20px 0;}
.main_tit h3 strong{ }
.main_tit h3 strong::after{top: -6px;left: -12px;width: 106%;}
.scroll{width:30px;margin-left:-15px;bottom: 30px;}

.contents h5{font-size: 64px;}
.contents .text{font-size: 27px;margin-top:20px;}
 
.main_con1{position:relative;} 
.main_con1::after{position:absolute; bottom:-332px; left:0; content:''; width:352px; height:581px; background:url(/on-tact/images/pc/main/deco1.png) no-repeat} 
.main_con1 .inbox>div{margin-top:40px}
.main_con1 ul{margin:0 -4px;}
.main_con1 li{width: 434px;height: 476px;padding: 50px 27px 24px 10px;}
.main_con1 .con1_1{background:url(/on-tact/images/pc/main/main_con1_1.png) no-repeat 50%;}
.main_con1 .con1_2{background:url(/on-tact/images/pc/main/main_con1_2.png) no-repeat 50%;background-size: 87%;}
.main_con1 .con1_3{background:url(/on-tact/images/pc/main/main_con1_3.png) no-repeat 50%;}

.main_con1 h6{font-size: 34px;}
.main_con1 h6 strong{font-size: 52px;margin-bottom: 5px;}
.main_con1 li p{left: 135px;bottom: 50px;font-size:25px;width: 175px;}
.main_con1 li::after{width:46px;height:57px;left: 93%;}
.main_con1 .con1_1::after{ background:url(/on-tact/images/pc/main/arr1.png) no-repeat 50%;}
.main_con1 .con1_2::after{ background:url(/on-tact/images/pc/main/arr2.png) no-repeat 50%;}

.main_con2{position:relative;}
.main_con2::after{position:absolute; bottom:-300px; right:0; content:''; width:337px; height:568px; background:url(/on-tact/images/pc/main/deco2.png) no-repeat} 
.main_con2 h5{margin-bottom: 50px;}
.main_con2 li{padding:100px 0;}
.main_con2 li  .box{width: 470px;height: 460px;padding-top:140px;margin-left: -55px;background-size: 98% auto !important;}
.main_con2 li.con2_1 .box{margin-left:0 !important;background: url(/on-tact/images/pc/main/main_con2_1.png) no-repeat 50%;}
.main_con2 li.con2_2 .box{background: url(/on-tact/images/pc/main/main_con2_2.png) no-repeat 50%;}
.main_con2 li.con2_3 .box{background: url(/on-tact/images/pc/main/main_con2_3.png) no-repeat 50%;/* background-size: 95% auto; */}
.main_con2 li h6{font-size: 55px;margin-bottom:30px;}
.main_con2 li h6 span{font-size: 28px;margin-top:10px;}
.main_con2 li p{font-size: 23px;line-height:1.2em;}

.main_con2 .top_box,.main_con2 .bot_box{right:-107px; width:280px; padding:30px 0 35px;font-size:25px; }
.main_con2 li>div strong{font-size: 22px;margin-top:5px;}



.main_con3 h5{margin-bottom:70px;}
.main_con3 .shadow{padding:80px 55px; margin-bottom:45px;}
.int_book img{top:58px; right:50px;}
.int_class img{top:90px; left:50px;}
.main_con3 h6 span{margin-bottom:30px; font-size:30px;}
.main_con3 h6{font-size: 55px;margin-bottom:25px;}
.main_con3 p{font-size: 30px;}


.main_con3 .con3_2{margin-top:100px}
.main_con3 .con3_2 ul{margin:0 -4px;}
.main_con3 .con3_2 li{width:436px; height:486px;  padding:60px 27px 24px 10px}
.main_con3 .con3_list1{background:url(/on-tact/images/pc/sub2/con2_bg1.png) no-repeat 50%;}
.main_con3 .con3_list2{background:url(/on-tact/images/pc/sub2/con2_bg2.png) no-repeat 50%;}
.main_con3 .con3_list3{background:url(/on-tact/images/pc/sub2/con2_bg3.png) no-repeat 50%;}

.main_con3 .con3_2 h6{font-size:30px;}
.main_con3 .con3_2 h6 strong{font-size: 50px;margin-top:20px;}


.main_con4{position:relative;}
.main_con4::after{position:absolute;bottom:-270px;left:0;content:'';width: 350px;height: 572px;background:url(/on-tact/images/pc/main/deco3.png) no-repeat;z-index: 1;}  
.class_tb.tb1 ul{border-left:3px solid #e8340c}
.class_tb.tb2 ul{border-left:3px solid #f18e1e}
.class_tb.tb3 ul{border-left:3px solid #0068b7}

.class_tb{font-size:0;}
.class_tb h6,.class_tb ul{display:inline-block;}
.class_tb h6{font-size: 55px;padding-right:40px;width:284px;}
.class_tb h6 span{font-size:30px;}
.class_tb ul{padding:8px 0 8px 40px;}
.class_tb li{margin-bottom:54px;}
.class_tb strong{width:270px;height:55px;line-height:61px;border-radius:27px;margin-right:30px;font-size: 25px;}
.class_tb p{font-size: 23px;}


.class_tb.tb2{margin:50px 0;}


.main_con5{position:relative;padding: 120px 0 165px;}
.main_con5::after{position:absolute;bottom:-250px;right:0;content:'';width: 326px;height: 574px;background:url(/on-tact/images/pc/main/deco4.png) no-repeat;}  
.class_map{width:603px; height:583px; margin:50px auto 0; background:url(/on-tact/images/pc/sub3/con1_bg.png) no-repeat 50%;}
.class_map h6{font-size: 58px;padding-top:45px;}
.class_map h6 span{margin-top:20px;font-size: 33px;}
.class_map p{font-size: 23px;margin-top:20px;}

.class_map .movbox{padding-top:150px; width:326px; height:326px; font-size:30px;}
.class_map strong{margin-top:10px; font-size:40px;}
.class_map .tool1{top:0; left:-140px; background:url(/on-tact/images/pc/sub3/con1_img1.png) no-repeat 50%;}
.class_map .tool2{top:0; right:-140px; background:url(/on-tact/images/pc/sub3/con1_img2.png) no-repeat 50%;}
.class_map .tool3{bottom:-120px;left: -88px;background:url(/on-tact/images/pc/sub3/con1_img3.png) no-repeat 50%;}
.class_map .tool4{bottom:-120px;right: -75px;background:url(/on-tact/images/pc/sub3/con1_img4.png) no-repeat 50%;}



.main_con6 .inbox>img{display:block;width:1063px;margin: 60px auto 0;}


}
@media (min-width: 650px){
 .main_con3 img{position:absolute;}
}
@media (max-width:1199px){
 
}
@media (min-width:650px) and (max-width:1199px){
.main_tit {background: url(/on-tact/images/tab/main/visual.png) no-repeat 0 0; background-size:auto 100% !important;}
.main_tit .inbox{display:table;height:144vw;vertical-align:middle;}
.main_tit h3{display:table-cell;vertical-align: top;font-size:228%;padding-top: 34.75vw;}
.main_tit h3 font{font-size:62.5%; margin-bottom:3vw}
.main_tit h3 span{margin:2vw 0;}
.main_tit h3 strong{ }
.main_tit h3 strong::after{top: -8%;left: -1%;width: 104%;}

.scroll{width:4vw; margin-left:-2vw; bottom:8vw}

.contents h5{font-size: 220%;}
.contents .text{font-size: 96%;margin-top: 3vw;}



.main_con1 .inbox>div{margin-top: 3vw;}
.main_con1 ul{margin: 0px -6vw 0 -3.5vw;}
.main_con1 li{width: 33.3vw;height: 52vw;padding: 6.25vw 3.8vw 2vw 2.8vw;background-size: 85% !important;}
.main_con1 .con1_1{background:url(/on-tact/images/tab/sub1/con1_bg1.png) no-repeat 50%;}
.main_con1 .con1_2{background:url(/on-tact/images/tab/sub1/con1_bg2.png) no-repeat 50%;}
.main_con1 .con1_3{background:url(/on-tact/images/tab/sub1/con1_bg3.png) no-repeat 50%;}


.main_con1 h6{font-size:100%;}
.main_con1 h6 strong{font-size: 138%;margin-bottom: 5px;}
.main_con1 li p{left: 19%;bottom: 11%;font-size:85%;width: 42%;line-height: 1.4em;}
.main_con1 li::after{width:3.8vw;height:4.75vw;left: 93%; background-size:100% !important}
.main_con1 .con1_1::after{ background:url(/on-tact/images/pc/main/arr1.png) no-repeat 50%;}
.main_con1 .con1_2::after{ background:url(/on-tact/images/pc/main/arr2.png) no-repeat 50%;}




.main_con2 h5{margin-bottom:6vw;}
.main_con2 li{padding:9vw 0;}
.main_con2 li  .box{width:33.6vw;height:33.5vw;padding-top:8vw;background-size: 98% !important;}
.main_con2 li.con2_1 .box{margin-left:0 !important;background: url(/on-tact/images/tab/main/main_con2_1.png) no-repeat 50% 0;}
.main_con2 li.con2_2 .box{background: url(/on-tact/images/tab/main/main_con2_2.png) no-repeat 50% 0;margin-left: -4.5vw;}
.main_con2 li.con2_3 .box{background: url(/on-tact/images/tab/main/main_con2_3.png) no-repeat 50% 0;margin-left: -5.6vw;}
.main_con2 li h6{font-size: 184%;margin-bottom: 2vw;}
.main_con2 li h6 span{font-size:54%; margin-top:1vw;}
.main_con2 li p{font-size: 67%;line-height:1.2em;}

.main_con2 .top_box,.main_con2 .bot_box{right: -6.75vw;width: 21.3vw;padding:2vw 0 2.5vw;font-size: 70%;}
.main_con2 li>div  strong{font-size:100%; margin-top:5px;}


.main_con3 h5{margin-bottom:6vw;}
.main_con3 .shadow{padding:6.6vw 4vw; margin-bottom:3.75vw;}
.int_book img{top:5vw;right:4vw;width: 38vw;}
.int_class img{top:7.5vw;left:4vw;width: 48vw;}
.main_con3 h6 span{margin-bottom:2.8vw; font-size:50%;}
.main_con3 h6{font-size: 156%;margin-bottom:2.5vw;}
.main_con3 p{font-size: 90%;}
 
 
.con3_2 ul{margin: 0px -1.5vw;}
.con3_2 li{width:31.3vw;height:46.6vw;padding: 8vw 2.6vw 2vw 0.8vw;background-size:100% !important;}
.main_con3 .con3_list1{background:url(/on-tact/images/tab/sub2/con2_bg1.png) no-repeat 50%;}
.main_con3 .con3_list2{background:url(/on-tact/images/tab/sub2/con2_bg2.png) no-repeat 50%;}
.main_con3 .con3_list3{background:url(/on-tact/images/tab/sub2/con2_bg3.png) no-repeat 50%;}


.main_con3 .con3_2 h6{font-size:100%;}
.main_con3 .con3_2 h6 strong{font-size: 165%;margin-top: 5px;}
 
 
 .main_con4 .shadow{padding: 6vw 4vw;}
.class_tb h6{font-size: 171%;margin-bottom: 2vw;}
.class_tb h6 span{font-size: 53%;display: inline-block;}
.class_tb ul{}
.class_tb li{margin-bottom: 2%;}
.class_tb strong{width: 30vw;height: 5.6vw;line-height: 6vw;border-radius: 3.3vw;margin-right: 2vw;font-size: 2.4vw;}
.class_tb p{font-size: 2.2vw;}

.class_tb.tb2{margin: 7vw 0;}


 
.class_map{width:100%;height: 65vw;margin: 4.8vw auto 0;background: url(/on-tact/images/tab/main/map_bg.png) no-repeat 50%;background-size: 69% !important;}
.class_map h6{padding-top: 4vw;font-size:214%;}
.class_map h6 span{margin-top: 1vw;font-size:41%;}
.class_map p{margin-top: 1vw;font-size:80%;}
 
.class_map .movbox{padding-top:14.5vw; width:33.33vw; height:33.33vw; font-size:105%; background-size:100% !important}
.class_map strong{margin-top:10px;font-size: 130%;}
.class_map .tool1{top: 0;left: 0;background:url(/on-tact/images/tab/sub3/con1_img1.png) no-repeat 50%;}
.class_map .tool2{top: 0;right:-3vw;background:url(/on-tact/images/tab/sub3/con1_img2.png) no-repeat 50%;}
.class_map .tool3{bottom: -9vw;left: 5.25vw;background:url(/on-tact/images/tab/sub3/con1_img3.png) no-repeat 50%;}
.class_map .tool4{bottom: -8vw;right: 5.25vw;background:url(/on-tact/images/tab/sub3/con1_img4.png) no-repeat 50%;}

.main_con6 .inbox>img{display:block;width: 91.6%;margin: 5vw auto 0;}

}
@media (max-width:649px){
.gnb li a{color:#1f1513;}
.main_tit {background: url(/on-tact/images/mb/main/visual.png) no-repeat 0 0; background-size:auto 100% !important;}
.main_tit .inbox{display:table;height:186.4vw;vertical-align:middle;}
.main_tit h3{display:table-cell;vertical-align: top;font-size:200%;padding-top: 33vw;text-align:center;}
.main_tit h3 font{font-size:50%;margin-bottom: 4vw;}
.main_tit h3 span{margin: 3vw 0;}
.main_tit h3 strong{ }
.main_tit h3 strong::after{top: -8%;left: -1%;width: 103%;}


.scroll{width:4.8vw; margin-left:-2.4vw;  bottom:10vw}

.contents h5{font-size: 180%;}
.contents .text{font-size: 75%;margin-top: 2vw;}
 
 
.main_con1 .inbox>div{margin-top:6vw}
.main_con1 ul{margin: 0px -1.5vw 0 -0.5vw;}
.main_con1 li{width: 31.6vw;height: 60.6vw;padding: 5.5vw 1.5vw 2vw 0.5vw;background-size: 98% !important;}
.main_con1 .con1_1{background:url(/on-tact/images/mb/main/main_con1_1.png) no-repeat 50%;}
.main_con1 .con1_2{background:url(/on-tact/images/mb/main/main_con1_2.png) no-repeat 50%;}
.main_con1 .con1_3{background:url(/on-tact/images/mb/main/main_con1_3.png) no-repeat 50%;}

.main_con1 li  h6{font-size: 67%;}
.main_con1 li  h6 strong{font-size:185%;margin-bottom: 5px;}
.main_con1   li p{left: 9%;bottom: 10%;font-size: 60%;width: 78%;line-height: 1.5em;}
.main_con1 li::after{width:3.5vw;height:4.2vw;left: 93%; background-size:100% !important}
.main_con1 .con1_1::after{ background:url(/on-tact/images/pc/main/arr1.png) no-repeat 50%;}
.main_con1 .con1_2::after{ background:url(/on-tact/images/pc/main/arr2.png) no-repeat 50%;}

 
 

.main_con2 h5{margin-bottom:6vw;}
.main_con2 li{padding:17vw 0 30vw;}
.main_con2 li .box{width:34.4vw; height:34.3vw; padding-top:9.6vw;  background-size:100% !important}
.main_con2 li.con2_1 .box{margin-left:0 !important; background:url(/on-tact/images/mb/main/main_con2_1.png) no-repeat;}
.main_con2 li.con2_2 .box{background:url(/on-tact/images/mb/main/main_con2_2.png) no-repeat; margin-left: -5vw;}
.main_con2 li.con2_3  .box{background:url(/on-tact/images/mb/main/main_con2_3.png) no-repeat; margin-left: -4.6vw;}
.main_con2 li h6{font-size: 134%;margin-bottom:3vw;}
.main_con2 li h6 span{font-size:54%; margin-top:1vw; line-height:1.1em}
.main_con2 li p{position:absolute;top:52vw;left:0;width:100%;text-align:center;font-size: 58%;line-height:1.2em;}

.main_con2 li.con2_1 p{color:#e8340c;}
.main_con2 li.con2_2 p{color:#f18e1e;}
.main_con2 li.con2_3 p{color:#0068b7;}

.main_con2 .top_box,.main_con2 .bot_box{right: -10.3vw;width: 28.5vw;padding:3.8vw 0 3.5vw;font-size: 59%;}
.main_con2 li>div  strong{font-size:100%; margin-top:5px;}

.main_con2 li.con2_2>div div{right:-18vw}
.main_con2 li .bot_box{bottom: 3%;}
 
 


.main_con3 h5{margin-bottom:6vw;}
.main_con3 .shadow{padding: 6.5vw;margin-bottom:3vw;}
.int_book img{display:block; width:60.8vw; margin:4.3vw auto 0;}
.int_class img{display:block; width:75.3vw; margin:5vw auto 0;}
.main_con3 h6 span{margin-bottom:3.5vw; font-size:58%;}
.main_con3 h6{font-size: 120%;margin-bottom:2vw;}
.main_con3 p{font-size: 74%;}
 
 

.main_con3 .con3_2 ul{margin: 0px -1.5vw 0 -0.5vw;}
.main_con3 .con3_2 li{width: 31.6vw;height: 44.6vw;padding: 6vw 1.5vw 2vw 0.5vw;background-size: 105% !important;}
.main_con3 .con3_list1{background:url(/on-tact/images/mb/sub2/con2_bg1.png) no-repeat 50%;}
.main_con3 .con3_list2{background:url(/on-tact/images/mb/sub2/con2_bg2.png) no-repeat 50%;}
.main_con3 .con3_list3{background:url(/on-tact/images/mb/sub2/con2_bg3.png) no-repeat 50%;}

.main_con3 .con3_2 h6{font-size: 70%;}
.main_con3 .con3_2 h6 strong{font-size: 149%;margin-top: 5px;}

.main_con4 .shadow{padding:8vw 9vw}
.class_tb h6{font-size: 140%;margin-bottom: 3vw;}
.class_tb h6 span{font-size: 53%;display: inline-block;}
.class_tb ul{}
.class_tb li{margin-bottom: 2.5%;}
.class_tb strong{width: 40vw;height: 7vw;line-height: 8vw;border-radius: 4vw;margin-right: 2vw;font-size: 3.8vw;}
.class_tb p{font-size: 3.3vw;padding: 2% 0;}

.class_tb.tb2{margin: 6vw 0;}



.class_map{width:100%;height: 71vw;margin: 5vw auto 0;background:url(/on-tact/images/mb/main/map_bg.png) no-repeat 50%;background-size: 75% !important;}
.class_map h6{font-size: 130%;}
.class_map h6 span{margin-top:2vw; font-size:53%;}
.class_map p{margin-top: 1vw;font-size:56%;}
 
 
.class_map .movbox{padding-top: 14.5vw;width:33.33vw;height:33.33vw;font-size: 70%;background-size:100% !important;}
.class_map strong{margin-top: 1vw;font-size:135%;}
.class_map .tool1{top: 4vw;left: 0;background:url(/on-tact/images/tab/sub3/con1_img1.png) no-repeat 50%;}
.class_map .tool2{top: 0;right:-3vw;background:url(/on-tact/images/tab/sub3/con1_img2.png) no-repeat 50%;}
.class_map .tool3{bottom: -8vw;left: 5.25vw;background:url(/on-tact/images/tab/sub3/con1_img3.png) no-repeat 50%;}
.class_map .tool4{bottom: -10vw;right: 4.25vw;background:url(/on-tact/images/tab/sub3/con1_img4.png) no-repeat 50%;}


.main_con6 .inbox>img{display:block;width: 90%;margin:8vw auto 0;}
 
}