@charset "utf-8";

.icon_section {background-color:rgba(22,112,88,.1); }

.icon_section .top_tit {display:flex; flex-wrap:wrap; align-items:end;}
.icon_section .cont {padding-bottom:8px; padding-left:50px;}

.icon_section .nbgall.grid2 {grid-template-columns: repeat(2, 1fr); column-gap: 150px; row-gap: 150px;}

.icon_section .bttmLine::after {background-color:#167058; opacity:.6;}

.icon_section .gall_inn {max-width:1100px; margin:0 auto;}
.icon_section .nbgall li {position:relative;}
.icon_section .nbgall li::after {content:""; position:absolute; }
.icon_section .nbgall li:nth-child(1)::after {content:""; top:50%; right:-8em; width: 102px;height: 12px; background:url('./line1.png'); background-size: 100%; background-repeat: no-repeat; }
.icon_section .nbgall li:nth-child(2)::after {content:""; position:absolute;  position:absolute; bottom:-6em; left:50%; width: 12px; height:77px; background:url('./line3.png'); background-size: 100%; background-repeat: no-repeat;  }
.icon_section .nbgall li:nth-child(3)::after {content:""; position:absolute; top:-8em; left:50%; width: 12px; height:77px; background:url('./line2.png');background-size: 100%; background-repeat: no-repeat;  }
.icon_section .nbgall li:nth-child(4)::after {content:""; top:50%; left:-8em; width: 102px;height: 12px; background:url('./line1.png'); background-size: 100%; background-repeat: no-repeat; } 

.icon_section .nbgall .gallIcon {width:100%; max-width:300px; margin:0 auto;}
.icon_section .nbgall .gallIcon img{ width:100%;}

@media screen and (max-width:768px){
  .icon_section .top_tit {display:flex; flex-wrap:wrap; align-items:end;}
  .icon_section .top_tit .tit {width:100%; }
  .icon_section .top_tit .cont {width:100%; padding-top:8px; padding-left:0;}
  .icon_section .nbgall.grid2 { row-gap: 100px;}
  .bttmLine::after { width: 200px;}
  .icon_section .nbgall li:nth-child(1)::after {    right:-7em; width: 70px;}
  .icon_section .nbgall li:nth-child(2)::after {bottom:-5em; width:9px; }
  .icon_section .nbgall li:nth-child(3)::after {top:-6em; width:9px; }
  .icon_section .nbgall li:nth-child(4)::after {    left:-7em; width: 70px;}
}

@media screen and (max-width:560px){
  .icon_section .nbgall.grid2 {grid-template-columns: repeat(1, 1fr); column-gap: 0; row-gap: 50px;}
  .icon_section .nbgall li:nth-child(1)::after,
  .icon_section .nbgall li:nth-child(2)::after,
  .icon_section .nbgall li:nth-child(3)::after,
  .icon_section .nbgall li:nth-child(4)::after {display:none; }
}