#block_02 {width:100%; }
#block_02 h2 {font-size:30px; padding:0 0 20px 0; position:relative; text-align:center; }
#block_02 h3 {font-size:20px; padding:0 0 20px 16px; position:relative; }
#block_02 h3::before {content:""; height:20px; width:4px; background-color:#555; position:absolute; top:6px;  left:0px; }
#block_02 p.txtP { line-height:25px; }
#block_02 div.icoBox {overflow:hidden; margin:10px 0 60px 0;}
#block_02 section a{display:block; font-size:13px; padding:20px 20px 22px 20px; text-align:center; border:1px solid #dfdfdf; 
border-radius:10px; margin:1% 1%; width:23%; box-sizing:border-box; float:left; }
#block_02 section a:hover span.detail{background-color:#333; color:#fff; box-sizing:border-box; }
#block_02 section a span.detail {display:block; background-color:#f0f0f0; color:#888; width:150px; margin:10px auto 0 auto; padding:2px 0 4px 0; font-size:12px;}
#block_02 div.icoBox2 {overflow:hidden; margin:10px 0; font-size:13px;}
#block_02 div.icoBox2 section {display:block; padding:20px 20px; text-align:center; border:1px solid #dfdfdf; 
border-radius:10px; margin:1% 1%; width:23%; box-sizing:border-box; float:left; }
#block_02 div.icoBox2 section:hover {background-color:#f5f5f5;}

#block_02 section01 {float:left; width:100%; box-sizing:border-box; padding-top:50px;}
#block_02 section01 div{font-size:17px;  background-color:#f0f0f0; background-repeat:no-repeat; background-position: center 48px; 
 display:block;  min-height:270px; padding:0px 10%; box-sizing:border-box; text-align:left; }
#block_02 section01 div p {vertical-align: middle; overflow:hidden;  padding-top:30px; }
#block_02 section01 span.txt01{display:block; padding:25px 0; line-height:30px; }
#block_02 section01 strong {font-size:35px; font-weight:bold; color:#2c648e; }

#block_02 section02 {float:left; width:25%; box-sizing:border-box;}
#block_02 section02 div{background-color:#0171c5; background-repeat:no-repeat; background-position: center 48px; 
 display:block;  min-height:258px; padding:0px 0px; margin:8% 5%; box-sizing:border-box; text-align:center; }
#block_02 section02 div1{background-color:#FFFFFF; background-repeat:no-repeat; background-position: center 48px; 
 display:block;  min-height:258px; padding:0px 0px; margin:8% 5%; box-sizing:border-box; text-align:center; }
#block_02 section02 div p {vertical-align: middle; overflow:hidden;  padding-top:30px; }
#block_02 section02 span.txt01{display:block; padding:25px 0; line-height:30px; font-size:30px; font-weight:bold; color:white; }

#block_02 section03 {float:left; width:18.4%; box-sizing:border-box;}
#block_02 section03 div{background-color:white; background-repeat:no-repeat; background-position: center 48px; 
 display:block;  min-height:258px; padding:10% 0px; margin:8% 5%; box-sizing:border-box; text-align:center;}
#block_02 section03 div p {vertical-align: middle; overflow:hidden;  padding-top:30px; }

#block_02 section04 {float:left; width:14.7%; box-sizing:border-box;}
#block_02 section04 div{background-color:white; background-repeat:no-repeat; background-position: center 48px; 
 display:block;  min-height:258px; padding:15% 0px; margin:8% 7%; box-sizing:border-box; text-align:center;}
#block_02 section04 div p {vertical-align: middle; overflow:hidden;  padding-top:30px; }

#block_02 section05 {float:left; width:12.3%; box-sizing:border-box;}
#block_02 section05 img {width:80%;}
#block_02 section05 div{background-color:white; background-repeat:no-repeat; background-position: center 48px; 
 display:block;  min-height:258px; padding:15% 0px; margin:8% 7%; box-sizing:border-box; text-align:center;}
#block_02 section05 div p {vertical-align: middle; overflow:hidden;  padding-top:30px; }


/*button effect*/
.link-effect-12 div { position: relative;  overflow: hidden; 
}
.link-effect-12 div p::before {
  height:2px; width: 100%;  content: "";  position: absolute;  left: 0;  top: 0;
  -moz-transform: translateX(-100%);  -ms-transform: translateX(-100%);  -webkit-transform: translateX(-100%);  transform: translateX(-100%);  -moz-transition: 0.4s;  -o-transition: 0.4s;  -webkit-transition: 0.4s;  transition: 0.4s;
}
.link-effect-12 div p::after {
  height:2px; width: 100%;  content: "";  position: absolute;  right: 0;  bottom: 0;  
   -moz-transform: translateX(100%);  -ms-transform: translateX(100%);  -webkit-transform: translateX(100%);  transform: translateX(100%);  -moz-transition: 0.4s;  -o-transition: 0.4s;  -webkit-transition: 0.4s;  transition: 0.4s;
}
.link-effect-12 div::before {  
  width:2px;  height: 100%;  content: "";  position: absolute;  left: 0;  top: 0;
  -moz-transform: translateY(100%);  -ms-transform: translateY(100%);  -webkit-transform: translateY(100%);  transform: translateY(100%);  -moz-transition: 0.4s;  -o-transition: 0.4s;  -webkit-transition: 0.4s;  transition: 0.4s;
}
.link-effect-12 div::after {
  width:2px;  height: 100%;  content: "";     position: absolute;  right: 0px;  bottom: 0;  
    -moz-transform: translateY(-100%);  -ms-transform: translateY(-100%);  -webkit-transform: translateY(-100%);  transform: translateY(-100%);  -moz-transition: 0.4s;  -o-transition: 0.4s;  -webkit-transition: 0.4s;  transition: 0.4s;
}
.link-effect-12 div:hover::before, .link-effect-12 div:hover::after {
  -moz-transform: translateX(0);  -ms-transform: translateX(0);  -webkit-transform: translateX(0);  transform: translateX(0);
}
.link-effect-12 div:hover p::before, .link-effect-12 div:hover p::after {
  -moz-transform: translateX(0);  -ms-transform: translateX(0);  -webkit-transform: translateX(0);  transform: translateX(0);
}




/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#block_02 section a {width:48%;}
#block_02 div.icoBox2 section {width:48%;}
#block_02 section01 {float:none; width:100%; }
#block_02 section01 nav div { border:1px solid #dfdfdf;}
#block_02 section01 strong {opacity: 1;}
#block_02 section01 span.txt01{ font-size:16px; line-height:25px; }
#block_02 section02 {float:none; width:100%; }
#block_02 section03 {float:none; width:100%; border:1px solid #dfdfdf;}
#block_02 section04 {float:none; width:100%; border:1px solid #dfdfdf;}
#block_02 section05 {float:none; width:100%; border:1px solid #dfdfdf;}

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
#block_02 section a {width:98%;}
#block_02 div.icoBox2 section {width:98%;}	
}
@media (max-width: 480px) {
#block_02 section02 {float:left; width:100%;}
#block_02 section01 {float:left; width:100%;}
#block_02 section03 {float:left; width:50%;}
#block_02 section04 {float:left; width:50%;}
#block_02 section05 {float:left; width:50%;}
}
@media (max-width: 320px) {
}