/* CSS Document */

.icon_link_wrap {
  display: flex;
  flex-wrap: wrap;
}
.icon_link_wrap .icon_link img{
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .icon_link_wrap {
    max-width: 763px;
    margin: 60px auto;
  }
  .icon_link_wrap .icon_link{
    width: calc(73.4%/5);
    margin-right: calc(26.6%/4);
  }
  .icon_link_wrap .icon_link a{
    display: block;
  }
  .icon_link_wrap .icon_link a:hover{
    opacity: .6;
  }
  .icon_link_wrap .icon_link:last-of-type{
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .icon_link_wrap{
    width: 90%;
    margin: 0 auto;
    justify-content: center;
  }
  .icon_link_wrap .icon_link{
    width: 30%;
    margin-right: 5%;
    margin-bottom: 20px;
  }
  .icon_link_wrap .icon_link:nth-of-type(3n){
    margin-right: 0;
  }
}

.solutions .ttl_bdr_gray {
  position: relative;;
}
.solutions .ttl_bdr_gray.ttl_icon1::before{
  background: url(/jpn/decarbonization/solutions/images/solutions_ttl_icon1.png) no-repeat center;
}
.solutions .ttl_bdr_gray.ttl_icon2::before{
  background: url(/jpn/decarbonization/solutions/images/solutions_ttl_icon2.png) no-repeat center;
}
.solutions .ttl_bdr_gray.ttl_icon3::before{
  background: url(/jpn/decarbonization/solutions/images/solutions_ttl_icon3.png) no-repeat center;
}
.solutions .ttl_bdr_gray.ttl_icon4::before{
  background: url(/jpn/decarbonization/solutions/images/solutions_ttl_icon4.png) no-repeat center;
}
.solutions .ttl_bdr_gray.ttl_icon5::before{
  background: url(/jpn/decarbonization/solutions/images/solutions_ttl_icon5.png) no-repeat center;
}

.solutions .ttl_bdr_gray:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  height: 52px;
  background: #cfcfcf;
  border-radius: 50%;
}
.solutions .ttl_bdr_gray .ttl_bdr_gray_txt {
  position: relative;
  font-weight: bold;
  letter-spacing: 0.15em;
  padding-left: 70px;
  line-height: 1.55em;
}
.solutions .ttl_bdr_gray .ttl_bdr_gray_txt:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
.solutions .ttl_bdr_gray .ttl_bdr_gray_txt:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 2px;
  background-color: #1ba1e6;
}
.solutions .ttl_bdr_left {
  position: relative;
  font-weight: bold;
}
.solutions .ttl_bdr_left:before {
  content: "";
  position: absolute;
  top: 0.15em;
  left: 0;
  width: 4px;
  height: 30px;
  background-color: #1ba1e6;
}
.solutions .col_inner.img_r .txt .txt_mb {
  margin-bottom: 15px;
}
.solutions .col_inner.img_r .txt .link_arrow {
  color: #1ba1e6;
  font-weight: bold;
}
.solutions .col_inner.img_r .txt .link_arrow:hover {
  color: #222;
}
.solutions .btn_img_txt a .btn_txt {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  width: 100%;
  overflow: hidden;
  z-index: 0;
}
.solutions .sec1 {
  padding-top: 0px;
}
.solutions .sec1 .content_inner .img {
  text-align: center;
}
.solutions .sec1 .link_page {
  margin-top: 30px;
}
.solutions .sec7 .ttl_black .txt_main {
  color: #222;
  letter-spacing: 0.2em;
}
/* 
-------------------------------------------------- */
@media print, screen and (min-width: 768px) {
  .solutions .sec {
    margin-bottom: 60px;
  }
  .solutions .sec1 .link_page {
    margin-top: 40px;
  }
  .solutions .sec.other_fields_wrap{
    margin-bottom: 0;
  }
  .solutions .mb50 {
    margin-bottom: 50px !important;
  }
  .solutions .imgtxt_hor_2_1 .col_inner .txt {
    width: calc((100% + 44px) / 2);
  }
  .solutions .imgtxt_hor_2_1 .col_inner .img {
    width: calc((100% - 56px) / 2);
  }
  .solutions .ttl_bdr_gray {
    margin-bottom: 36px;
  }
  .solutions .ttl_bdr_gray .ttl_bdr_gray_txt {
    padding-bottom: 11px;
    font-size: 34px;
  }
  .solutions .ttl_bdr_gray .ttl_bdr_gray_txt sub {
    font-size: 26px;
  }
  .solutions .col_inner.img_r .txt .text_mb {
    margin-bottom: 15px;
  }
  .solutions .ttl_bdr_left {
    margin-bottom: 23px;
    padding-left: 20px;
    font-size: 22px;
    letter-spacing: 0.06em;
  }
  .solutions .imgtxt_hor_2_1 {
    margin-bottom: 40px;
  }
  .solutions .imgtxt_hor_2_1 > .col_inner.img_r {
    flex-direction: row-reverse;
  }
  .solutions .imgtxt_hor_2_1 > .col_inner.img_r .img {
    padding-left: 47px;
    padding-top: 6px;
  }
  .solutions .btn_block_col2 {
    display: flex;
    justify-content: space-between;
  }
  .solutions .btn_block_col2 .btn_img_txt {
    width: calc((100% - 50px) / 2);
  }
  .solutions .btn_img_txt a .btn_txt {
    text-align: left;
  }
  .solutions .btn_img_txt a:hover {
    color: #fff;
    text-decoration: none;
  }
  .solutions .btn_img_txt a:hover .btn_txt:before {
    background: url(/jpn/common_v3/images/icon_arrow_wh.png) no-repeat;
  }
  .solutions .btn_img_txt a:hover .btn_txt:after {
    transform: scale(1, 1);
    transform-origin: left top;
    visibility: visible;
  }
  .solutions .sec1 {
    margin-bottom: 50px;
  }
  .solutions .sec1 .ttl_page {
    margin-bottom: 36px;
  }
  .solutions .sec1 .sec_inner {
    margin-bottom: 40px;
  }
  .solutions .sec6 {
    margin-bottom: 102px;
  }
  .solutions .sec7.bg_light_gray_sec {
    padding: 60px 0 80px;
    margin-bottom: 0;
  }
  .solutions .sec7 .ttl_bdr_blue {
    margin-bottom: 54px;
  }
  .solutions .sec7 .btn_block_col2 .btn_img_txt {
    width: calc((100% - 62px) / 2);
  }
}
@media screen and (max-width: 767px) {
	
  .sec {
    margin-bottom: 40px;
  }
  .solutions .ttl_bdr_gray {
    margin-bottom: 13px;
  }
  .solutions .ttl_bdr_gray:before {
    width: 36px;
    height: 36px;
  }
  .solutions .ttl_bdr_gray .ttl_bdr_gray_txt {
    padding-bottom: 10px;
    font-size: 23px;
    padding-left: 55px;
  }
  .solutions .ttl_bdr_left {
    margin-bottom: 20px;
    padding-left: 20px;
    font-size: 18px;
  }
  .solutions .imgtxt_hor_2_1 > .col_inner.img_r {
    flex-direction: column;
  }
}