@charset "UTF-8";
/*============================================================
               グループ事業紹介
============================================================== */
.un_group_subHeader {
  height: 280px;
  width: 100%;
}

.un_groupHeader_list {
  display: flex;
  display: -ms-flexbox;
  height: 100%;
}

.un_groupHeader_item {
  width: calc(100% / 7);
  width: -webkit-calc(100% / 7);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.un_groupHeader_item a {
  display: block;
  height: 280px;
  width: 100%;
  background-color: rgba(0, 0, 40, 0.5);
}

.un_groupHeader_item a:hover, .un_groupHeader_item a.is_current {
  opacity: 1;
  background-color: rgba(0, 0, 40, 0.2);
}

.un_groupHeader_item.__cat01 {
  background-image: url(/assets/img/group/bg-link01.jpg);
}

.un_groupHeader_item.__cat02 {
  background-image: url(/assets/img/group/bg-link02.jpg);
}

.un_groupHeader_item.__cat03 {
  background-image: url(/assets/img/group/bg-link03.jpg);
}

.un_groupHeader_item.__cat04 {
  background-image: url(/assets/img/group/bg-link04.jpg);
}

.un_groupHeader_item.__cat05 {
  background-image: url(/assets/img/group/bg-link05.jpg);
}

.un_groupHeader_item.__cat06 {
  background-image: url(/assets/img/group/bg-link06.jpg);
}

.un_groupHeader_item.__cat07 {
  background-image: url(/assets/img/group/bg-link07.jpg);
}

.un_groupHeader_itemInner {
  position: relative;
  top: 100px;
  height: 180px;
}

.un_groupHeader_itemInner p {
  color: #fff;
  padding: 3px;
  max-width: 142px;
  width: 94%;
  text-align: center;
  border: 1px #fff solid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  font-size: 1.5rem;
}

.un_groupHeader_itemInner.is_current p {
  text-shadow: 1px 1px 10px rgba(12, 20, 41, 0.5), -1px -1px 10px rgba(12, 20, 41, 0.5);
}

#cat01, #cat02, #cat03, #cat04, #cat05, #cat06, #cat07 {
  margin-top: -100px;
  padding-top: 100px;
}

@media screen and (max-width: 960px) {
  .un_groupHeader_itemInner p {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .un_groupHeader_list {
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
  }
  .un_groupHeader_item a {
    height: 100%;
  }
  .un_groupHeader_item.__cat01, .un_groupHeader_item.__cat02, .un_groupHeader_item.__cat03 {
    width: calc(100% / 3);
    width: -webkit-calc(100% / 3);
    height: 170px;
  }
  .un_groupHeader_item.__cat04, .un_groupHeader_item.__cat05, .un_groupHeader_item.__cat06, .un_groupHeader_item.__cat07 {
    width: 25%;
    height: 110px;
  }
  .un_groupHeader_item.__cat04 .un_groupHeader_itemInner, .un_groupHeader_item.__cat05 .un_groupHeader_itemInner, .un_groupHeader_item.__cat06 .un_groupHeader_itemInner, .un_groupHeader_item.__cat07 .un_groupHeader_itemInner {
    top: 0;
    height: 100%;
  }
  .un_groupHeader_itemInner {
    position: relative;
    top: 60px;
    height: 100px;
  }
  .un_groupHeader_itemInner p {
    font-size: 1.1rem;
  }
}

.un_group_ttl {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 30px;
  font-family: "BebasNeue-Bold","メイリオ","ヒラギノ角ゴ Pro W3", "Meiryo", "Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS Pgothic", Helvetica, Arial , sans-serif;
}

.un_group_ttl span {
  color: #191E78;
  font-size: 7rem;
  display: block;
  line-height: 1;
}

.un_group_img {
  padding: 30px 0 80px 0;
  background: linear-gradient(to bottom, #fff, #f5f5d2);
}

.un_group_img img {
  display: block;
  max-width: 700px;
  width: 90%;
  margin: 0 auto;
}

.un_group_wrap {
  width: 100%;
  min-height: 586px;
  margin-bottom: 50px;
}

.un_group_wrap::after {
  content: "";
  display: block;
  clear: both;
}

.un_group_wrap.__bgBlue {
  background-color: #006BD1;
}

.un_group_wrap.__bgGray {
  background-color: #f2f2f2;
}

.un_group_imgBox {
  width: 40%;
  display: block;
  min-height: 594px;
}

.un_group_imgBox.__left {
  float: left;
}

.un_group_imgBox.__right {
  float: right;
}

.un_group_imgBox.__cat01 {
  background: url(/assets/img/group/img-cat01.jpg) no-repeat center center/cover;
}

.un_group_imgBox.__cat02 {
  background: url(/assets/img/group/img-cat02.jpg) no-repeat center center/cover;
}

.un_group_imgBox.__cat03 {
  background: url(/assets/img/group/img-cat03.jpg) no-repeat center center/cover;
}

.un_group_imgBox.__cat04 {
  background: url(/assets/img/group/img-cat04.jpg) no-repeat center center/cover;
}

.un_group_imgBox.__cat05 {
  background: url(/assets/img/group/img-cat05.jpg) no-repeat center center/cover;
}

.un_group_imgBox.__cat06 {
  background: url(/assets/img/group/img-cat06.jpg) no-repeat center center/cover;
}

.un_group_imgBox.__cat07 {
  background: url(/assets/img/group/img-cat07.jpg) no-repeat center center/cover;
}

.un_group_txtBox {
  max-width: 1230px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

.un_group_txtBoxInner {
  width: 60%;
  padding: 70px 5px;
}

.un_group_txtBoxInner.__right {
  float: right;
}

.un_group_catTtl {
  font-size: 3rem;
  font-weight: bold;
}

.un_group_companyTtl {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 20px;
  padding-left: 50px;
  position: relative;
}

.un_group_companyTtl:before {
  content: "";
  width: 40px;
  height: 2px;
  position: absolute;
  top: 15px;
  left: 0;
}

.un_group_companyTtl.__bgBlue {
  color: #fff;
}

.un_group_companyTtl.__bgBlue:before {
  background-color: #fff;
}

.un_group_companyTtl.__bgWhite {
  color: #006BD1;
}

.un_group_companyTtl.__bgWhite:before {
  background-color: #006BD1;
}

.un_group_companyList {
  display: flex;
  flex-wrap: wrap;
}

.un_group_companyList li {
  line-height: 0;
  margin-right: 15px;
  margin-bottom: 15px;
}

@media screen and (max-width: 1199px) {
  .un_group_imgBox {
    width: 35%;
    min-height: 697px;
  }
  .un_group_txtBoxInner {
    width: 65%;
    padding: 50px 0px 50px 10px;
  }
}

@media screen and (max-width: 767px) {
  #cat01, #cat02, #cat03, #cat04, #cat05, #cat06, #cat07 {
    margin-top: -60px;
    padding-top: 60px;
  }
  .un_group_top > p {
    padding: 0 10px;
  }
  .un_group_ttl {
    font-size: 2rem;
    margin-bottom: 20px;
  }
  .un_group_ttl span {
    font-size: 5rem;
  }
  .un_group_wrap {
    position: relative;
    display: block;
    min-height: auto;
    margin-bottom: 0;
  }
  .un_group_wrap.__bgBlue {
    background-color: rgba(0, 107, 209, 0.8);
  }
  .un_group_wrap.__bgGray {
    background-color: rgba(242, 242, 242, 0.8);
  }
  .un_group_imgBox {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -10;
  }
  .un_group_imgBox.__right, .un_group_imgBox.__left {
    float: none;
  }
  .un_group_txtBox {
    display: block;
  }
  .un_group_txtBoxInner {
    width: 100%;
    padding: 40px 0;
  }
  .un_group_txtBoxInner.__right {
    float: none;
  }
}

@media screen and (max-width: 500px) {
  .un_group_companyList li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 2%;
  }
  .un_group_companyList li:nth-of-type(2n) {
    margin-left: 2%;
  }
  .un_group_companyList li img {
    width: 100%;
  }
  .un_group_catTtl {
    font-size: 2.4rem;
  }
  .un_group_companyTtl {
    font-size: 1.8rem;
  }
}

/*============================================================
               会社紹介テンプレート
============================================================== */
.un_group_grandWrap {
  overflow: hidden;
}

.un_groupAbout_wrap {
  width: 100%;
  min-height: 594px;
  margin-bottom: 50px;
  background-color: #006BD1;
}

.un_groupAbout_wrap::after {
  content: "";
  display: block;
  clear: both;
}

.un_groupAbout_imgBox {
  width: 40%;
  display: block;
  min-height: 594px;
  float: right;
}

.un_groupAbout_imgBox.__cat01 {
  background: url(/assets/img/group/img-cat01.jpg) no-repeat center center/cover;
}

.un_groupAbout_imgBox.__cat02 {
  background: url(/assets/img/group/img-cat02.jpg) no-repeat center center/cover;
}

.un_groupAbout_imgBox.__cat03 {
  background: url(/assets/img/group/img-cat03.jpg) no-repeat center center/cover;
}

.un_groupAbout_imgBox.__cat04 {
  background: url(/assets/img/group/img-cat04.jpg) no-repeat center center/cover;
}

.un_groupAbout_imgBox.__cat05 {
  background: url(/assets/img/group/img-cat05.jpg) no-repeat center center/cover;
}

.un_groupAbout_imgBox.__cat06 {
  background: url(/assets/img/group/img-cat06.jpg) no-repeat center center/cover;
}

.un_groupAbout_imgBox.__cat07 {
  background: url(/assets/img/group/img-cat07.jpg) no-repeat center center/cover;
}

.un_groupAbout_txtBox {
  max-width: 1230px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

.un_groupAbout_txtBoxInner {
  width: 60%;
  padding: 70px 5px;
}

.un_groupAbout_catTtl {
  font-size: 3rem;
  font-weight: bold;
}

.un_groupAbout_companyTtl {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 20px;
  padding-left: 50px;
  position: relative;
  color: #fff;
}

.un_groupAbout_companyTtl:before {
  content: "";
  width: 40px;
  height: 2px;
  position: absolute;
  top: 15px;
  left: 0;
  background-color: #fff;
}

.un_groupAbout_companyList {
  display: flex;
  flex-wrap: wrap;
}

.un_groupAbout_companyList li {
  line-height: 0;
  margin-right: 15px;
  margin-bottom: 15px;
}

@media screen and (max-width: 1199px) {
  .un_groupAbout_imgBox {
    width: 35%;
    min-height: 760px;
  }
  .un_groupAbout_txtBoxInner {
    width: 65%;
    padding: 50px 0px 50px 10px;
  }
}

@media screen and (max-width: 767px) {
  .un_groupAbout_wrap {
    position: relative;
    display: block;
    min-height: auto;
    margin-bottom: 0;
    background-color: rgba(0, 107, 209, 0.8);
  }
  .un_groupAbout_imgBox {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 300px;
    height: 100%;
    width: 100%;
    z-index: -10;
  }
  .un_groupAbout_imgBox.__right, .un_groupAbout_imgBox.__left {
    float: none;
  }
  .un_groupAbout_txtBox {
    display: block;
  }
  .un_groupAbout_txtBoxInner {
    width: 100%;
    padding: 40px 0;
  }
  .un_groupAbout_txtBoxInner.__right {
    float: none;
  }
}

@media screen and (max-width: 500px) {
  .un_groupAbout_companyList li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 2%;
  }
  .un_groupAbout_companyList li:nth-of-type(2n) {
    margin-left: 2%;
  }
  .un_groupAbout_companyList li img {
    width: 100%;
  }
  .un_groupAbout_catTtl {
    font-size: 2.4rem;
  }
  .un_groupAbout_companyTtl {
    font-size: 1.8rem;
  }
}

.un_groupCompany_section {
  margin-top: -100px;
  padding-top: 100px;
}

@media screen and (max-width: 767px) {
  .un_groupCompany_section {
    margin-top: -60px;
    padding-top: 60px;
  }
}

.un_groupCompany_section:nth-of-type(odd) .un_groupCompany_wrap {
  background-color: #eaedf0;
}

.un_groupCompany_inner {
  max-width: 1230px;
  width: 100%;
  padding: 90px 15px;
  margin: 0 auto;
}

.un_groupCompany_ttl {
  background-color: #003264;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 3.2rem;
  padding: 10px 10px 8px 10px;
  margin-bottom: 40px;
}

.un_groupCompany_row01 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}

.un_groupCompany_row01 table {
  max-width: 720px;
  width: 60%;
  margin-right: 10px;
}

.un_groupCompany_row01 table a {
  color: #333;
}

.un_groupCompany_row01 figure {
  max-width: 450px;
  width: 37.5%;
}

.un_groupCompany_row02 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.un_groupCompany_row02 figure {
  max-width: 480px;
  width: 40%;
}

.un_groupCompany_row02 dl {
  max-width: 690px;
  width: 57.5%;
}

.un_groupCompany_subheading {
  color: #006BD1;
  font-weight: bold;
  font-size: 2rem;
}

@media screen and (max-width: 767px) {
  .un_groupCompany_inner {
    padding: 50px 15px;
  }
  .un_groupCompany_ttl {
    font-size: 2.4rem;
  }
  .un_groupCompany_row01 {
    flex-direction: column;
  }
  .un_groupCompany_row01 table, .un_groupCompany_row01 figure {
    max-width: 100%;
    width: 100%;
  }
  .un_groupCompany_row01 table {
    margin-right: 0;
    order: 2;
  }
  .un_groupCompany_row01 figure {
    order: 1;
    margin-bottom: 25px;
  }
  .un_groupCompany_row02 {
    display: block;
  }
  .un_groupCompany_row02 figure, .un_groupCompany_row02 dl {
    max-width: 100%;
    width: 100%;
  }
}
/*# sourceMappingURL=style.css.map */