@charset "UTF-8";
/*============================================================================
               企業情報共通
============================================================================ */
.un_company_section {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .un_company_section {
    margin-bottom: 50px;
  }
}
.un_company_footerBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 80px;
}
.un_company_footerBtn li {
  max-width: 400px;
  width: 49%;
  height: 152px;
  margin-bottom: 20px;
}
.un_company_footerBtn li a {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 152px;
}
.un_company_footerBtn li._type01 a {
  background-image: url(/assets/img/company/footer-btn01.jpg);
  background-position: center center;
}
.un_company_footerBtn li._type03 a {
  background-image: url(/assets/img/company/footer-btn03.jpg);
  background-position: center center;
}
@media screen and (max-width: 767px) {
  .un_company_footerBtn {
    display: block;
  }
  .un_company_footerBtn li {
    width: 100%;
    height: auto;
    margin: 0 auto 20px auto;
  }
  .un_company_footerBtn li._type03 a {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 38.25%;
  }
}

/*============================================================================
               企業情報TOP
============================================================================ */
.un_compTop_leadTxt {
  text-align: center;
  margin-bottom: 60px;
  padding: 0 15px;
}
.un_compTop_linkList01, .un_compTop_linkList02, .un_compTop_linkList03 {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  width: 100%;
}
.un_compTop_linkList01 li, .un_compTop_linkList02 li {
  width: 48%;
}
.un_compTop_linkList01 li:first-of-type, .un_compTop_linkList02 li:first-of-type {
  margin-right: 4%;
}
.un_compTop_linkList01 {
  margin-bottom: 70px;
}
.un_compTop_linkList01 li {
  width: 48%;
}
.un_compTop_linkList01 li:first-of-type {
  margin-right: 4%;
}
.un_compTop_linkList02, .un_compTop_linkList03 {
  max-width: 1230px;
  padding: 0 15px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}
.un_compTop_linkList02 {
  margin-bottom: 50px;
}
.un_compTop_linkList03 li {
  width: 23.8%;
  margin-right: 1.5%;
}
.un_compTop_linkList03 li:last-of-type {
  margin-right: 0;
}
.un_compTop_link01Item, .un_compTop_link02Item, .un_compTop_link03Item {
  display: block;
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
.un_compTop_link01Item p, .un_compTop_link02Item p, .un_compTop_link03Item p {
  position: absolute;
  color: #fff;
  font-weight: bold;
}
.un_compTop_link01Item p span, .un_compTop_link02Item p span, .un_compTop_link03Item p span {
  font-weight: bold;
}
.un_compTop_link01Item {
  background-position: center left;
  height: 400px;
}
.un_compTop_link01Item p {
  font-size: 2.4rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.un_compTop_link01Item.__01 {
  background-image: url(/assets/img/company/top/bg-link01-1.jpg);
}
.un_compTop_link01Item.__01 p {
  right: 10%;
}
.un_compTop_link01Item.__02 {
  background-image: url(/assets/img/company/top/bg-link01-2.jpg);
}
.un_compTop_link01Item.__02 p {
  left: 10%;
}
.un_compTop_linkWrap {
  background-color: #eaedf0;
  padding: 80px 0;
}
.un_compTop_link02Item {
  background-position: center right;
  height: 400px;
}
.un_compTop_link02Item p {
  width: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  font-size: 2.4rem;
  text-shadow: 1px 1px 10px rgba(12, 20, 41, 0.5), -1px -1px 10px rgba(12, 20, 41, 0.5);
}
.un_compTop_link02Item.__01 {
  background-image: url(/assets/img/company/top/bg-link02-1.jpg);
}
.un_compTop_link02Item.__02 {
  background-image: url(/assets/img/company/top/bg-link02-2.jpg);
}
.un_compTop_link03Item {
  height: 200px;
  background-position: center center;
}
.un_compTop_link03Item p {
  width: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  font-size: 2rem;
  text-shadow: 1px 1px 10px rgba(12, 20, 41, 0.5), -1px -1px 10px rgba(12, 20, 41, 0.5);
}
.un_compTop_link03Item.__01 {
  background-image: url(/assets/img/company/top/bg-link03-1.jpg);
}
.un_compTop_link03Item.__02 {
  background-image: url(/assets/img/company/top/bg-link03-2.jpg);
}
.un_compTop_link03Item.__03 {
  background-image: url(/assets/img/company/top/bg-link03-3.jpg);
}
.un_compTop_link03Item.__04 {
  background-image: url(/assets/img/company/top/bg-link03-4.jpg);
}
.un_compTop_link03Item.__05 {
  background-image: url(/assets/img/company/top/bg-link03-5.jpg);
}
@media screen and (max-width: 767px) {
  .un_compTop_leadTxt {
    text-align: left;
    margin-bottom: 40px;
  }
  .un_compTop_linkList01, .un_compTop_linkList02 {
    display: block;
    margin-bottom: 40px;
  }
  .un_compTop_linkList01 li, .un_compTop_linkList02 li {
    width: 100%;
    margin-bottom: 25px;
  }
  .un_compTop_linkList03 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .un_compTop_linkList03 li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 25px;
  }
  .un_compTop_linkList03 li:nth-of-type(2n) {
    margin-right: 0;
  }
  .un_compTop_linkWrap {
    padding: 60px 0 50px 0;
  }
  .un_compTop_link01Item, .un_compTop_link02Item {
    height: 300px;
  }
  .un_compTop_link01Item p, .un_compTop_link02Item p {
    font-size: 2.2rem;
    padding: 0 15px;
    text-shadow: 1px 1px 10px rgba(12, 20, 41, 0.5), -1px -1px 10px rgba(12, 20, 41, 0.5);
  }
  .un_compTop_link01Item p {
    background-position: top left;
    right: 5%;
  }
  .un_compTop_link03Item {
    height: 120px;
  }
  .un_compTop_link03Item p {
    font-size: 1.8rem;
    padding: 0 10px;
  }
}
@media screen and (max-width: 420px) {
  .un_compTop_link01Item, .un_compTop_link02Item {
    height: 200px;
  }
  .un_compTop_link01Item.__01 p {
    right: 0;
  }
}
/*============================================================================
               会社概要
============================================================================ */
.un_compProfile_map {
  position: relative;
  width: 100%;
  padding: 75% 0 0;
  padding: -webkit-calc(450 / 600 * 100%) 0 0;
}
.un_compProfile_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*============================================================================
               役員一覧
============================================================================ */
/*============================================================================
               東証一部上場時のセレモニー
============================================================================ */
.un_compCeremony_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.un_compCeremony_img {
  max-width: 580px;
}
@media screen and (max-width: 1220px) {
  .un_compCeremony_img {
    width: 49%;
  }
}
@media screen and (max-width: 599px) {
  .un_compCeremony_img {
    width: 100%;
  }
}

/*============================================================================
               クワザワグループ本社ビルのご紹介
============================================================================ */
.un_compBuilding_ttl {
  font-weight: bold !important;
}
.un_compBuilding_table {
  display: flex;
  justify-content: space-between;
  max-width: 1220px;
}
@media screen and (max-width: 1060px) {
  .un_compBuilding_table {
    width: 100%;
    flex-direction: column;
    justify-content: start;
  }
}
@media screen and (max-width: 1060px) {
  .un_compBuilding_bb0 {
    border-bottom: none !important;
  }
}
.un_compBuilding_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.un_compBuilding_container {
  max-width: 580px;
}
@media screen and (max-width: 1220px) {
  .un_compBuilding_container {
    width: 49%;
  }
}
@media screen and (max-width: 599px) {
  .un_compBuilding_container {
    width: 100%;
  }
}
.un_compBuilding_imgList {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.un_compBuilding_img {
  font-size: 0;
}

/*============================================================================
               企業理念
============================================================================ */
.un_concept_section {
  text-align: center;
}
.un_concept_section01 {
  width: 100%;
  height: 100%;
  color: #fff;
  position: relative;
  background: rgba(0, 107, 219, 0.8);
  z-index: -100;
}
@media screen and (max-width: 799px) {
  .un_concept_section01 {
    padding-right: 10%;
    padding-left: 10%;
  }
}
.un_concept_section01_container {
  position: relative;
  z-index: 100;
}
.un_concept_bgLogo {
  max-width: 320px;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
@media screen and (max-width: 799px) {
  .un_concept_bgLogo {
    width: 80%;
  }
}
@media screen and (max-width: 599px) {
  .un_concept_bgLogo {
    width: 36%;
  }
}
@media screen and (max-width: 499px) {
  .un_concept_bgLogo {
    width: 50%;
  }
}
@media screen and (max-width: 399px) {
  .un_concept_bgLogo {
    width: 60%;
  }
}
.un_concept_ttl {
  text-align: center;
  font-size: 4rem;
  font-weight: bold;
  font-family: "BebasNeue-Bold", "メイリオ", "ヒラギノ角ゴ Pro W3", "Meiryo", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS Pgothic", Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 599px) {
  .un_concept_ttl {
    font-size: 2.8rem;
  }
}
.un_concept_barWhite {
  background: #fff;
}
.un_concept_sloganImg {
  width: 78% !important;
}
@media screen and (max-width: 599px) {
  .un_concept_sloganImg {
    width: 99% !important;
  }
}
.un_concept_subTtl {
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 599px) {
  .un_concept_subTtl {
    margin-bottom: 6px;
    font-size: 1.8rem;
  }
}
.un_concept_section03 {
  background: #f2f2f2;
  display: flex;
  flex-direction: column;
  margin-bottom: 95px;
}
@media screen and (max-width: 1220px) {
  .un_concept_section03 {
    width: 100%;
    padding-top: 50px;
  }
}
@media screen and (max-width: 599px) {
  .un_concept_section03 {
    width: 100%;
    padding-top: 30px;
  }
}
.un_concept_container {
  width: 700px;
  margin: auto;
}
@media screen and (max-width: 1220px) {
  .un_concept_container {
    width: 100%;
    padding: 10px 90px;
  }
}
@media screen and (max-width: 800px) {
  .un_concept_container {
    padding-top: 1%;
  }
}
@media screen and (max-width: 710px) {
  .un_concept_container {
    padding: 3% 5%;
  }
}
@media screen and (max-width: 320px) {
  .un_concept_container {
    padding: 3% 2%;
  }
}
.un_concept_box01 {
  max-width: 415px;
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .un_concept_box01 {
    width: 87%;
  }
}
.un_concept_box02 {
  padding-top: 55px;
  max-width: 415px;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .un_concept_box02 {
    width: 87%;
    padding-top: 40px;
  }
}
.un_concept_list {
  max-width: 415px;
  margin: auto;
  text-align: left;
}
.un_concept_listBox {
  display: flex;
}

/*============================================================================
               トップメッセージ
============================================================================ */
.un_compMessage_txtImg {
  width: 100%;
  margin: 30px 0;
}
.un_compMessage_txtImg img {
  width: auto;
}
@media screen and (max-width: 767px) {
  .un_compMessage_txtImg {
    margin: 20px 0;
  }
  .un_compMessage_txtImg img {
    max-width: 100%;
  }
}
.un_compMessage_sign {
  text-align: right;
  margin-top: 80px;
}
.un_compMessage_sign img {
  max-width: 308px;
  width: 60%;
}
.un_compMessage_sign.__bn {
  margin-top: 0;
}
.un_compMessage_sign.__bn img {
  width: 100%;
  vertical-align: top;
}
.un_compMessage_sign_wrap {
  margin-top: 60px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}
.un_compMessage_sign_bn {
  display: block;
  max-width: 300px;
  width: 43%;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .un_compMessage_sign {
    margin-top: 50px;
  }
}
@media screen and (max-width: 599px) {
  .un_compMessage_sign {
    margin-top: 50px;
  }
  .un_compMessage_sign_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
  }
  .un_compMessage_sign_bn {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
  }
  .un_compMessage_sign.__bn {
    margin-bottom: 50px;
    width: 60%;
    margin-left: auto;
  }
}

.un_radio_headline {
  font-weight: bold;
  font-size: 3rem;
  color: #333;
  position: relative;
  text-indent: 3rem;
  margin-bottom: 30px;
  line-height: 1.3;
}

.un_radio_headline:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  width: 18px;
  height: 5px;
  background-color: #006BD1;
}

.un_radio_lead {
  display: flex;
}

.un_radio_icon_area {
  display: flex;
}

.un_icon_audee {
  width: 130px;
  margin: -5% 30px 0 0;
  display: flex;
  align-items: center;
}

.un_icon_dna {
  width: 80px;
  margin: -5% 30px 0 0;
  display: flex;
  align-items: center;
}

.un_radio-list {
  column-count: 2;
}

.un_radio-list li {
  margin: 0 1em 0.5em 0;
  padding: 1em 0em 0.5em 1em;
  border-bottom: dotted 1px #999999;
}

.un_radio-list li:first-child {
  margin-right: 1em;
}

.un_radio-page {
  padding-left: 24px;
  background: url(/assets/img/icon-link.svg) no-repeat 0 4px;
  background-size: 20px;
}

.un_radio-sound {
  margin-left: 24px;
  padding-left: 26px;
  background: url(/assets/img/icon-sound.svg) no-repeat 0 0px;
  background-size: 24px;
}

@media screen and (max-width: 767px) {
  .un_radio_lead {
    display: block;
  }

  .un_lead_text {
    width: 100%;
  }

  .un_radio_icon_area {
    margin-bottom: 2em;
  }

  .un_icon_audee {
    width: 55%;
    margin: 0% 0px 0 0;
  }

  .un_icon_dna {
    width: 45%;
    margin: 0% 0px 0 0;
  }

  .un_icon_audee img {
    width: 70%;
    margin: 0 auto;
  }

  .un_icon_dna img {
    width: 80%;
    margin: 0 auto;
  }

  .un_radio-list li span {
    display: block;
  }

  .un_radio-sound {
    margin-left: 0px;
  }
}
/*============================================================================
               健康経営
============================================================================ */
.un_health_section {
  margin-bottom: 115px;
}
.un_health_section img {
  width: auto;
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: top;
}
.un_health_ttl {
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 40px;
}
.un_health_ttl::after {
  content: "";
  display: block;
  width: 30px;
  height: 5px;
  background-color: #006BD1;
  margin: 10px auto 0;
}
.un_health_sign {
  text-align: right;
  margin-bottom: 60px;
}
.un_health_about {
  -ms-display: flex;
  -webkit-display: flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.un_health_aboutWrap {
  background-color: #80b5e8;
  border-radius: 10px;
  padding: 30px 15px 15px;
  width: 48%;
  width: calc((100% - 60px) / 2);
}
.un_health_aboutPlus {
  margin: 0 10px;
}
.un_health_aboutTtl {
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
  font-size: 2.4rem;
  margin-bottom: 15px;
}
.un_health_aboutDetail {
  -ms-display: flex;
  -webkit-display: flex;
  display: flex;
}
.un_health_aboutDetail p {
  line-height: 1.4;
  margin-top: 15px;
}
.un_health_aboutInner {
  background-color: #fff;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
  width: 49%;
  width: calc((100% - 15px) / 2);
}
.un_health_aboutInner:first-of-type {
  margin-right: 15px;
}
.un_health_aboutArrow {
  text-align: center;
  margin-bottom: 20px;
}
.un_health_realize {
  background: #006bd1;
  border-radius: 10px;
  padding: 35px 30px 30px;
  text-align: center;
  color: #fff;
}
.un_health_realizeTtl {
  font-weight: bold;
  font-size: 3rem;
}
.un_health_orgImg {
  max-width: 655px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .un_health_section {
    margin-bottom: 80px;
  }
  .un_health_ttl {
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
  .un_health_sign img {
    display: inline-block;
    max-width: 50%;
  }
  .un_health_about {
    display: block;
  }
  .un_health_aboutWrap {
    width: 100%;
    padding: 20px 15px 15px;
  }
  .un_health_aboutTtl {
    font-size: 1.8rem;
  }
  .un_health_aboutPlus {
    text-align: center;
    margin: 15px 0;
  }
  .un_health_aboutArrow {
    margin: 15px 0;
  }
  .un_health_realize {
    padding: 20px 15px;
  }
  .un_health_realizeTtl {
    font-size: 2.2rem;
  }
}