@charset "UTF-8";
/* ================================================

- タイトル

================================================ */
.m-h-ttl {
  font-size: 3.6rem;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  font-family: 'Noto Sans JP';
  font-weight: 900; }

@media screen and (max-width: 767px) {
  .m-h-ttl {
    font-size: 6.4vw;
    line-height: 1.3; } }
/* ================================================

- 装飾：三角

================================================ */
.m-triangle {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) calc(50% - .5px), #006cb8 calc(50% + .5px)) no-repeat top left/100% 100%; }

/* ================================================

- 装飾：アロー白

================================================ */
.m-arrow-w {
  content: '';
  position: absolute;
  bottom: 31px;
  right: 20px;
  display: inline-block;
  width: 33px;
  height: 7px;
  -webkit-transform: skewX(45deg);
          transform: skewX(45deg);
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  z-index: 2; }

/* ================================================

- 装飾：アロー青

================================================ */
.m-arrow-b {
  content: '';
  position: absolute;
  bottom: 31px;
  right: 20px;
  display: inline-block;
  width: 33px;
  height: 7px;
  -webkit-transform: skewX(45deg);
          transform: skewX(45deg);
  border-right: 2px solid #006cb8;
  border-bottom: 2px solid #006cb8; }

/* ================================================

- 装飾：ホバー

================================================ */
/* ================================================

- 経営方針 基本情報

================================================ */
.p-company {
  background-color: #1c1c1c; }
  .p-company .p-company-inner {
    max-width: 1280px;
    margin: 0 auto;
    position: relative; }

.p-company.p-basicinfo {
  background: url(../../images/common/bg_m_linkcard.jpg);
  background-size: 100px;
  background-repeat: repeat;
  background-position: top left; }

.p-company-cont {
  padding: 80px 0; }
  .p-company-cont .p-company-ttl {
    text-align: center; }

.p-company-panel {
  max-width: 1052px;
  margin: 40px auto 0; }
  .p-company-panel ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex; }
    .p-company-panel ul li {
      max-width: 496px;
      width: calc(50% - 30px);
      margin-left: 60px;
      overflow: hidden; }
      .p-company-panel ul li a {
        display: block; }
        .p-company-panel ul li a figure img {
          width: 100%;
          height: auto;
          -webkit-transition: all .3s;
          transition: all .3s;
          -webkit-transform: scale(1.04);
          transform: scale(1.04); }
        .p-company-panel ul li a figcaption {
          display: -ms-flexbox;
          display: -webkit-box;
          display: flex;
          -ms-align-items: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-justify-content: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          height: 60px;
          background-color: #FFFFFF;
          position: relative; }
          .p-company-panel ul li a figcaption h4 {
            font-size: 2rem;
            letter-spacing: 0.08em;
            color: #2f2f2f; }
        .p-company-panel ul li a figcaption::after {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          height: 100%;
          width: 60px;
          background-color: #006cb8; }
        .p-company-panel ul li a figcaption::before {
          content: "";
          display: block;
          position: absolute;
          top: 50%;
          top: calc(50% - 4px);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 18px;
          width: 24px;
          height: 6px;
          -webkit-transform: skewX(45deg);
          transform: skewX(45deg);
          border-right: 1px solid #FFFFFF;
          border-bottom: 1px solid #FFFFFF;
          z-index: 2; }
      .p-company-panel ul li a:hover figure img,
      .p-company-panel ul li a:active figure img {
        -webkit-transform: scale(1);
        transform: scale(1); }
    .p-company-panel ul li:first-child {
      margin-left: 0; }

@media screen and (max-width: 767px) {
  .p-company .p-company-inner {
    padding: 0 4vh; }

  .p-company.p-basicinfo .p-company-cont {
    padding: 10.66666% 0 20.26666%; }

  .p-company-cont {
    padding: 18.66666% 0 10.66666%; }

  .p-company-panel {
    margin: 6.66666% auto 0; }
    .p-company-panel ul {
      display: block; }
      .p-company-panel ul li {
        max-width: 100%;
        width: calc(100%);
        margin-left: 0;
        margin-top: 6.66666%; }
        .p-company-panel ul li a figcaption {
          height: 42px; }
          .p-company-panel ul li a figcaption h4 {
            font-size: 4vw; }
        .p-company-panel ul li a figcaption::after {
          width: 10.93333%; }
        .p-company-panel ul li a figcaption::before {
          top: 42%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 3vw;
          width: 4.26666vw;
          height: 5px;
          -webkit-transform: skewX(45deg);
                  transform: skewX(45deg); }
      .p-company-panel ul li:first-child {
        margin: 0 auto; } }