@charset "utf-8";
/*----------------------------------------------------
  グループ会社
----------------------------------------------------*/
/*-- タイトル --*/
.pagemenu-title-area {
  background: url("../images/pho_main01.jpg") center center no-repeat;
  background-size: cover;
}
/*-- 日海不二サッシの位置付け --*/
.group-diagram {
  margin: 0 auto;
}
.position-txt {
  margin-bottom: 30px;
}
/*-- 不二サッシグループ --*/
.company-link {
  margin-bottom: 15px;
  display: flex;
}
.company-name {
  font-size: 1.7rem;
  padding-left: 2em;
  width: 35%;
}

@media (max-width: 767.98px) {
  .company-link {
    flex-wrap: wrap;
  }
  .company-name {
    padding-left: 0.5em;
    width: 100%;
  }
  
}

.company-name:before {
  position:relative;
  top: 0;
  left: 0;
  display: inline-block;
  padding-right: 5px;
  font-family: "Font Awesome 5 Free";
  content: "\f0c8";
  color: #0085cf;
  font-weight: 900;
}
.company-link a:after {
  display: inline-block;
  margin-left: 5px;
  font-family: "Font Awesome 5 Free";
  content: "\f2d2";
  color: #0085cf;
  font-weight: 400;
}
.company-link-inner {
  margin-left: 1.0rem;
  width: 65%;
}

@media (max-width: 767.98px) {
  .company-link-inner {
    margin-left: 1.0rem;
    width: 100%;
  }  
}

.list {
  list-style: none;
  padding-left: 1.0rem;
}
.list li {
  margin-bottom: 1.0rem;
}
.list li:before {
  position: relative;
  top: -5px;
  left: -10px;
  display: inline-block;
  width: 3px;
  height: 3px;
  content: "";
  background: #222;
  border-radius: 100%;
}