#block_02 {width:100%; }
#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;}

article .top {position:relative;}
article .top>p {font-size:26px; letter-spacing:-1px; margin-bottom:65px;}
article .top>p span {display:block; font-weight:bold; color:#21b7cf;}
article .bg_txt {color:#d8e8ed; background:#084880; padding:70px 0 150px 0; max-width:1500px; margin:0 auto; border-radius:12px;}
article .bg_txt p {font-size:50px; font-weight:600; opacity:.3; line-height:1.1;}
article .top div>img {position:absolute; right:50px; top:0px;}
article .bg_txt .p {color:#fff; transform: translateY(-20%); text-shadow: 1px 0 var(--sub), -1px 0 var(--sub), 0 1px var(--sub), 0 -1px var(--sub), 1px 1px var(--sub), -1px -1px var(--sub), 1px -1px var(--sub), -1px 1px var(--sub); font-size: 83px; font-style: italic; font-weight: 700; line-height: 80%; letter-spacing: -3px; opacity: 0.25; z-index: -1; white-space: nowrap;}

.sub_txt {display:flex; align-items: flex-start; margin-top:100px; align-items: stretch;}
.sub_txt .txt_right {text-align:center; padding:90px; background: linear-gradient(-10deg, #6CC1C0, #21B7CF); color:#fff; font-size:18px;}
.sub_txt .txt_right p:nth-child(2) {font-weight:500; font-size:24px; margin-top:40px;}
.sub_txt .txt_right p {margin:25px 0;}
/*.sub_txt .txt_right p:nth-child(2) {font-weight:500; font-size:24px; margin-top:40px;}
.sub_txt .txt_right p:nth-child(3) {opacity:.7; padding:30px 0;}
.sub_txt .txt_right p:nth-child(5) {margin-top:20px;}*/


.middle_txt {text-align:center; margin:70px 0;}
.middle_txt span {display:block; font-size:18px; letter-spacing:11px; color:#ccc; padding:30px 0;}
.middle_txt h3 {font-size:36px; font-weight:bold; line-height:1.3;}

.number {margin-bottom:70px;}
.number li {position:relative; border:1px solid #ebebeb; margin-bottom:-1px;}
.number li p {font-size:20px; padding:20px 0 20px 50px;}
.number li p span {font-weight:bold; /*border:1px solid #084880; border-radius:100px; padding:5px 15px 8px 15px;*/ line-height:1.4; color:#21b7cf;}
.number li p strong {position:absolute; left:-20px; top:15px; display:inline-block; padding-top:4px; text-align:center; color:#fff; width:40px; height:40px; border-radius:100px; background:#21b7cf;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#block_02 section a {width:48%;}
#block_02 div.icoBox2 section {width:48%;}
}
@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) {
}
@media (max-width: 320px) {
}