@charset "utf-8";


/*Play*/
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
/*{font-family: 'Play', sans-serif;}*/


#multipleDiv_templet_04_6{padding-top:100px;}
@media all and (max-width:1280px) {
  #multipleDiv_templet_04_6{padding-top:135px;}
}
@media all and (max-width:768px) {
  #multipleDiv_templet_04_6{padding-top:115px;}
}

#multipleContentsDiv_templet_04_6{padding:100px 0;background:#000;}
#menu5950_obj19{position:absolute;left:0;top:0;width:100% !important;height:100% !important;}

#menu5950_obj26{width:1600px !important;margin:0 auto !important;}
.slogan{color:#FFF;}
.slogan .p_1{font-size:40px;line-height:1.3;font-family:'S-CoreDream-6Bold';}
.slogan .p_2{font-size:20px;line-height:1.4;margin-top:30px;}

@media all and (max-width:1600px) {
  #menu5950_obj26{width:96% !important;}
}
@media all and (max-width:1280px) {
  #multipleContentsDiv_templet_04_6{padding:50px 0;}
  .slogan .p_1{font-size:35px;}
  .slogan .p_2{font-size:18px;}
}
@media all and (max-width:768px) {
  #multipleContentsDiv_templet_04_6{padding:30px 0;}
  .slogan .p_1{font-size:25px;}
  .slogan .p_2{font-size:15px;margin-top:15px;}
}


#menu5950_obj37{width:1600px !important;margin:50px auto 0 auto !important;}
.mainGoTo{display:flex;flex-wrap:wrap;}
.mainGoTo a{height:170px;width:23%;margin:0 0 1% 1%;background:#FFF;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.mainGoTo a::before{content:"";display:block;width:45px;height:45px;margin-bottom:10px;background:url(/sites/evaluation/images/main/main_icon_1.png) no-repeat center;}
.mainGoTo a span{font-size:25px;color:#222;}
.mainGoTo a span strong{font-family:'S-CoreDream-6Bold';padding-right:5px;}
.mainGoTo a i{font-size:16px;color:#666;padding-top:10px;border-bottom:1px solid #666;}
.mainGoTo a.a_1{/*margin-left:25%;*/background:#f3e2c1;}
@media all and (max-width:1600px) {
  #menu5950_obj37{width:98% !important;}
}
@media all and (max-width:1280px) {
  .mainGoTo a span{font-size:20px;}
  .mainGoTo a i{font-size:14px;}
}
@media all and (max-width:768px) {
  .mainGoTo a.a_1{margin-left:0;}  
  .mainGoTo a{width:32.3%;margin:0 0.5% 1% 0.5% !important;}
}
@media all and (max-width:540px) {
  .mainGoTo a{width:49%;}
  .mainGoTo a span strong{padding-right:0;display:block;text-align:center;}
  .mainGoTo a span{font-size:18px;}
}

/*HOVER*/
@media all and (min-width:1281px) {
  .mainGoTo a:hover{transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);background:#a90057;}
  .mainGoTo a:hover::before{background:url(/sites/evaluation/images/main/main_icon_1_w.png) no-repeat center;}
  .mainGoTo a:hover span,
  .mainGoTo a:hover i{color:#FFF;border-color:#FFF;}
}