@charset "UTF-8";
@import url("../css");
@import url("../releases/v5.0.6/css/all.css");
.blue {
  color: #004695;
}

.lightblue {
  color: #6699CC;
}

.pink {
  color: #F19FB9;
}

.red {
  color: #FC0E1C;
}

#main #pageTtl {
  background-image: url(img/company_main.jpg);
}

#company .sec .ttl1 {
  margin: 3.125rem auto 1.875rem !important;
}
#company .idx {
  padding: 0;
  text-align: center !important;
}

#company .idx ul.svList {
  list-style: none;
  margin: auto;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: 1200px;
}
@media screen and (max-width: 767px) {
  #company .idx ul.svList {
    margin: 0 -7px;
  }
}
#company .idx ul.svList li {
  flex-basis: 33.333%;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  #company .idx ul.svList li {
    flex-basis: 50%;
    margin-bottom: 15px;
  }
}
#company .idx ul.svList li a {
  display: block;
  text-decoration: none !important;
  padding: 0 3.333%;
}
#company .idx ul.svList li a figure {
  margin: 0;
  padding: 0;
}
#company .idx ul.svList li a figure img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
#company .idx ul.svList li a figure figcaption {
  text-align: left;
  padding: 1rem 0 0 10px;
  line-height: 1.3;
  font-size: 1.125rem;
  /*18px*/
  color: #000;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #company .idx ul.svList li a figure figcaption {
    font-size: 12px;
    padding: 5px 0 0 0;
  }
}
#company .idx ul.svList li a figure figcaption::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f105';
  color: #FFA6BE;
  margin-right: 5px;
}
#company .idx ul.svList li a figure p {
  text-align: left;
  color: #000;
  padding-top: 0.5em;
  font-size: 0.875rem;
  /*14px*/
  line-height: 1.6;
}

/* __________________________________________________ コンセプト */
#concept .sec ol, #concept .sec p, #concept .sec dl {
  font-size: 1.125rem;
  /*18px*/
  line-height: 2.4;
}
#concept .sec dl {
  margin: 0;
  padding: 1em 2em;
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  #concept .sec dl {
    display: block;
  }
}
#concept .sec dl * {
  margin: 0;
  padding: 0;
}
#concept .sec dl dt {
  padding-right: 2em;
}

/* __________________________________________________ 会社概要・沿革 */
#history .sec table {
  border: none;
  border-top: 1px solid #BAC2C8;
}
#history .sec table th, #history .sec table td {
  background: none;
  text-align: left;
  border: none;
  border-bottom: 1px solid #BAC2C8;
  padding-left: 0;
  padding: 1.5rem 0;
  line-height: 1.8;
  vertical-align: top;
}
@media screen and (max-width: 640px) {
  #history .sec table th, #history .sec table td {
    display: block;
  }
}
#history .sec table th {
  font-weight: bold;
  width: 20%;
}
@media screen and (max-width: 640px) {
  #history .sec table th {
    width: auto;
    border-bottom: none;
    padding-bottom: 0;
  }
}

/* __________________________________________________ グループ一覧 */
#group #sec01 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #group #sec01 {
    display: block;
  }
}
#group #sec01 dl {
  flex-basis: 48%;
}
#group #sec01 dl dt {
  font-size: 1.5rem;
  /*24px*/
  font-weight: bold;
}
#group #sec01 dl dt small {
  font-size: 0.875rem;
  /*14px*/
  color: #000;
  display: block;
  font-weight: normal;
}
#group #sec01 dl dt span {
  display: inline-block;
  background: #FF9900;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  margin: -0.3em 0 0 5px;
}
#group #sec01 dl dd {
  margin: 0;
}
#group #sec01 dl dd .phone, #group #sec01 dl dd .fax {
  font-size: 1.5rem;
  /*24px*/
}
#group #sec01 dl dd .phone::before, #group #sec01 dl dd .fax::before {
  line-height: 24px;
  height: 24px;
  width: 24px;
}
#group #sec01 dl dd .phone {
  margin-right: 1rem;
}
#group #sec01 dl dd address {
  font-style: normal;
}
#group #sec01 dl:last-child dt span {
  background: #659900;
}
#group .list {
  padding: 0 30px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #group .list {
    padding: 0;
    display: block;
  }
}
#group .list div {
  flex-basis: 49%;
}
#group .list div dl {
  padding-left: 1em;
  padding-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  #group .list div dl {
    padding-bottom: 0;
  }
}
#group .list div dl dt {
  font-weight: bold;
}
#group .list div dl dt::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  background: #FF9900;
  border-radius: 1em;
  margin-left: -1.2em;
  margin-right: 0.2em;
  margin-bottom: -0.1em;
}
#group .list div dl.cc dt::before {
  background: #659900;
}
#group .list div dl dd {
  margin: 0;
}
#group .list div dl dd a::before {
  display: none;
}
#group #sonota, #group #kanren {
  max-width: 1200px;
}
#group .houjin {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #group .houjin {
    display: block;
  }
}
#group .houjin dl {
  flex-basis: 25%;
  max-width: 25%;
  padding: 15px;
}
@media screen and (max-width: 767px) {
  #group .houjin dl {
    max-width: 100%;
    margin: 0;
    padding: 0 0 20px;
  }
}
#group .houjin dl dt {
  border-bottom: 1px solid #C3C8CA;
  font-weight: bold;
  line-height: 1.5;
  padding-bottom: 0.7em;
}
#group .houjin dl dd {
  margin: 0;
  padding: 0;
}
#group .houjin dl dd ul {
  padding-left: 1.5em;
}