@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&family=Noto+Serif+JP:wght@300;400;500;600;700&display=swap");
/* -----------------------------
変数
----------------------------- */
@media (max-width: 767px) { .group { padding-bottom: 60px; } }
@media (min-width: 768px) { .group { padding-bottom: 100px; } }

/* -----------------------------
ThinQ I Group
----------------------------- */
@media (max-width: 767px) { .group__about > .flex { margin-bottom: 40px; } }
@media (min-width: 768px) { .group__about > .flex { margin-bottom: 80px; } }
@media (max-width: 767px) { .group__about .group__about__img { margin-bottom: 30px; }
  .group__about .group__about__img img { width: 100%; } }
@media (min-width: 768px) { .group__about .group__about__img { width: 340px; } }
@media (max-width: 767px) { .group__about .group__about__section { margin-bottom: 30px; } }
@media (min-width: 768px) { .group__about .group__about__section { width: 625px; } }
.group__about .group__about__section h4 { line-height: 1.5; }
@media (max-width: 767px) { .group__about .group__about__section h4 { font-size: 1.8rem; margin-bottom: 20px; } }
@media (min-width: 768px) { .group__about .group__about__section h4 { font-size: 2.4rem; margin-bottom: 30px; } }
@media (max-width: 767px) { .group__about .group__about__grid { margin-bottom: 60px; } }
@media (min-width: 768px) { .group__about .group__about__grid { margin-bottom: 100px; } }
@media (max-width: 767px) { .group__about .group__about__grid .group__about__grid-list { margin-bottom: 40px; } }
@media (min-width: 768px) { .group__about .group__about__grid .group__about__grid-list { width: 470px; margin-bottom: 70px; } }
.group__about .group__about__grid .group__about__grid-list:last-child { margin-bottom: 0; }
.group__about .group__about__grid .group__about__grid-list-tit { text-align: center; background: #000; color: white; }
@media (max-width: 767px) { .group__about .group__about__grid .group__about__grid-list-tit { font-size: 1.6rem; line-height: 1.5; padding: 3px 0; } }
@media (min-width: 768px) { .group__about .group__about__grid .group__about__grid-list-tit { padding: 10px; font-size: 2.0rem; } }
.group__about .group__about__grid .group__about__grid-list-img { margin-bottom: 10px; }
.group__about .group__about__grid .group__about__grid-list-discription { letter-spacing: 0; border-bottom: 1px solid #ccc; }
@media (max-width: 767px) { .group__about .group__about__grid .group__about__grid-list-discription { margin-bottom: 15px; padding-bottom: 15px; } }
@media (min-width: 768px) { .group__about .group__about__grid .group__about__grid-list-discription { margin-bottom: 25px; padding-bottom: 25px; } }
.group__about .icon-company-list a { text-decoration: underline; line-height: 1.8; display: inline-block; width: auto; }
@media (max-width: 767px) { .group__about .icon-company-list a { font-size: 1.5rem; } }
@media (min-width: 768px) { .group__about .icon-company-list a { font-size: 1.8rem; } }
.group__about .icon-company-list a::before { content: "●"; display: inline-block; position: relative; top: calc(50% + 2px); width: 14px; height: 14px; line-height: 18px; color: transparent; background: #000; border-radius: 50%; margin-right: 10px; }
.group__about .icon-company-list .icon_pmt::before { background: #e40011; }
.group__about .icon-company-list .icon_ntc::before { background: #1c1f86; }
.group__about .icon-company-list .icon_sil::before { background: #3285c6; }
.group__about .icon-company-list .icon_new::before { background: #1a4e9f; }
.group__about .icon-company-list .icon_ksk::before { background: #009039; }
.group__about .icon-company-list .icon_tak::before { background: #333333; }

/* -----------------------------
TQIネットワーク
----------------------------- */
@media (max-width: 767px) { .group__network { margin-bottom: 60px; } }
@media (min-width: 768px) { .group__network { margin-bottom: 100px; } }

/* -----------------------------
グループ企業
----------------------------- */
@media (max-width: 767px) { .group__company { margin-bottom: 60px; } }
@media (min-width: 768px) { .group__company { margin-bottom: 100px; } }
.group__company .group__company-list { background: white; }
@media (max-width: 767px) { .group__company .group__company-list { padding: 25px; margin-bottom: 20px; } }
@media (min-width: 768px) { .group__company .group__company-list { padding: 40px; margin-bottom: 30px; } }
.group__company .group__company-list:last-child { margin-bottom: 0; }
@media (max-width: 767px) { .group__company .group__company-list__img { width: 100%; margin-bottom: 15px; }
  .group__company .group__company-list__img img { width: 100%; } }
@media (min-width: 768px) { .group__company .group__company-list__img { width: 320px; } }
@media (min-width: 768px) { .group__company .group__company-list__section { width: 560px; } }
.group__company .group__company-list__logo { display: block; width: 100%; }
@media (max-width: 767px) { .group__company .group__company-list__logo { margin-bottom: 20px; } }
@media (min-width: 768px) { .group__company .group__company-list__logo { margin-bottom: 25px; } }
@media (max-width: 767px) { .group__company .group__company-name { font-size: 1.8rem; margin-bottom: 10px; line-height: 1.5; } }
@media (min-width: 768px) { .group__company .group__company-name { font-size: 2.4rem; margin-bottom: 20px; } }
.group__company .group__company-name__small { font-size: 75%; }
.group__company .group__company__table { font-family: "YakuHanJP","ヒラギノ角ゴ Pro W3", "游ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif; border-collapse: collapse; width: 100%; border-top: 1px solid #ccc; line-height: 1.5; }
@media (max-width: 767px) { .group__company .group__company__table { display: block; width: 100%; margin-bottom: 20px; } }
@media (min-width: 768px) { .group__company .group__company__table { margin-bottom: 30px; } }
@media (max-width: 767px) { .group__company tbody { display: block; width: 100%; } }
.group__company tr { border-bottom: 1px solid #ccc; }
@media (max-width: 767px) { .group__company tr { display: block; width: 100%; } }
@media (max-width: 767px) { .group__company th { display: block; width: 100%; padding: 10px 0 0; font-size: 1.5rem; font-weight: bold; } }
@media (min-width: 768px) { .group__company th { padding: 15px 0; width: 95px; } }
@media (max-width: 767px) { .group__company td { display: block; width: 100%; padding: 0 0 10px 0; } }
@media (min-width: 768px) { .group__company td { padding: 15px 0; } }

.group__company__overseas { margin-bottom: 0; }
@media (min-width: 768px) { .group__company__overseas .group__company-list { margin-bottom: 80px; } }

/* -----------------------------
aaaaa
----------------------------- */
/* -----------------------------
aaaaa
----------------------------- */
/* -----------------------------
aaaaa
----------------------------- */