@charset "UTF-8";


/*
  --------------------------------
  Created: 2015.02.10
  Last Modified: 2021.09.29
  --------------------------------
*/



/* --------------------------------
  支社　ビジネス・導入事例　共通
-------------------------------- */

.sec_installations {
  width: 980px;
  margin: 0 auto;
  padding: 0 0 94px;
}


/* 記事 --------------- */
.sec_installations .article {
}

.sec_installations .article_header {
  position: relative;
  margin: 0 0 16px;
  padding: 60px 170px 0 0;
}

.sec_installations .article_header .client {
  margin: 0 0 8px;
  font-size: 121.43%;
  font-weight: bold;
  line-height: 1.2;
}

.sec_installations .article_header .h {
  font-size: 214.29%;
  font-weight: bold;
  line-height: 1.2;
}

.sec_installations .article_header .h sup {
  font-size: 18px;
}

.sec_installations .article_header .lead {
  margin: 10px 0 0;
  font-size: 164.29%;
  font-weight: bold;
  color: #f6810e;
}

.sec_installations .article_header .ico {
  position: absolute;
  top: 57px;
  right: 0;
}

.sec_installations .article_header .ico .ico_item {
  float: left;
  padding: 0 0 0 15px;
}

.sec_installations .article_header-2col {
  padding: 68px 0 0;
}

.sec_installations .article_header-2col::after {
  content: "";
  display: block;
  clear: both;
}

.sec_installations .article_header-2col .col_primary {
  float: left;
  width: 485px;
}

.sec_installations .article_header-2col .col_secondary {
  float: right;
  width: 480px;
}

.sec_installations .article_header-2col .client {
  margin: 0 0 8px;
  font-size: 121.43%;
  font-weight: bold;
  line-height: 1.2;
}

.sec_installations .article_header-2col .h {
  font-size: 214.29%;
  font-weight: bold;
  line-height: 1.2;
}

.sec_installations .article_header-2col .h sup {
  font-size: 18px;
}

.sec_installations .article_header-2col .lead {
  margin: 10px 0 0;
  font-size: 164.29%;
  font-weight: bold;
  color: #f6810e;
}

.sec_installations .article_header-2col .sdgs {
  margin-top: -28px;
}

.sec_installations .article_header-2col .sdgs_link {
  margin-bottom: 10px;
  text-align: right;
  font-size: 85.7%;
}

.sec_installations .article_header-2col .sdgs_list {
  overflow: hidden;
  margin-top: -8px;
  text-align: right;
  font-size: 0;
}

.sec_installations .article_header-2col .sdgs_list li {
  display: inline-block;
  margin: 8px 0 0 8px;
}

.sec_installations .article_header-2col .sdgs_list li img {
  vertical-align: bottom;
}

.sec_installations .article_header-2col .ico {
  overflow: hidden;
  margin: 20px -5px 0 0;
  text-align: right;
  font-size: 0;
}

.sec_installations .article_header-2col .ico .ico_item {
  display: inline-block;
  margin-left: 6px;
}

.sec_installations .article_anchor {
  margin: 55px 0 0;
  padding: 16px 0 0;
  border-top: 3px solid #ccc;
}

.sec_installations .article_body {
  margin: 20px 0 0;
}

.sec_installations .article_body > p {
  margin: 20px 0 0;
}

.sec_installations .article_body .lead {
}

.sec_installations .mod_link-btn-list {
  margin: 10px 0 0;
}


/* お問い合わせ --------------- */
.sec_installations .contact {
  margin-top: 45px;
}

.sec_installations .contact .header {
  padding-bottom: 4px;
  border-bottom: 2px solid #d81e00;
}

.sec_installations .contact .header .h {
  font-weight: bold;
}

.sec_installations .contact .body {
  margin-top: 20px;
}

.sec_installations .contact .nav {
  overflow: hidden;
  margin-top: 27px;
}

.sec_installations .contact .nav_item {
  box-sizing: border-box;
  float: left;
  width: 448px;
}

.sec_installations .contact .nav_item_02 {
  margin-left: 84px;
}

.sec_installations .contact .nav .h {
  margin-bottom: 10px;
  font-size: 18px;
}

.sec_installations .contact .nav_item .content {
  border: 1px solid #bdbdbd;
}

.sec_installations .contact .nav_item_01 .inner {
  border-top: 5px solid #6797c4;
}
.sec_installations .contact .nav_item_02 .inner {
  border-top: 5px solid #f67a00;
}

.sec_installations .contact .nav_item .content a {
  display: block;
  padding: 30px 58px;
  color: inherit;
  background-color: #fff;
}
.sec_installations .contact .nav_item .content a:hover {
  text-decoration: none;
  background-color: #f2f2f2;
}
.sec_installations .contact .nav_item_02 .content a:hover {
  background-color: #f9f3ef;
}

.sec_installations .contact .nav_item .content_h {
  margin-left: -30px;
  padding-left: 30px;
  font-size: 18px;
  font-weight: bold;
  background: url(/business/area/shared/img/branch_installations/contact_arw.png) no-repeat 0 5px;
}

.sec_installations .contact .nav_item .content_desc {
  margin-top: 10px;
}