@charset "UTF-8";
/* 1085px
=================================================================== */
@media only screen and (max-width: 1085px) {
  .coPh .contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bgGray--text dt {
    width: 365px;
    font-size: 50px; }
  .coPh .contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bgGray--text dd {
    width: calc(100% - 365px); }
    .coPh .contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bgGray--text dd br {
      display: none; }
    .coPh .contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bgGray--text dd strong br {
      display: block; } }
/* 1023px
=================================================================== */
@media only screen and (max-width: 1023px) {
  .coPh .coPh__contents > li {
    margin-bottom: 60px; }
    .coPh .coPh__contents > li .coPh__contents--wrapper {
      width: calc(100% - 310px); }
      .coPh .coPh__contents > li .coPh__contents--wrapper > dl {
        flex-direction: column; }
        .coPh .coPh__contents > li .coPh__contents--wrapper > dl > dt, .coPh .coPh__contents > li .coPh__contents--wrapper > dl > dd {
          width: 100%; }
        .coPh .coPh__contents > li .coPh__contents--wrapper > dl > dt {
          margin-bottom: 35px; }

  .coManagement .modal.modalManagement .modal__contents {
    width: calc(100% - 200px); }
  .coManagement .modal.modalManagement .modalManagement__arrow {
    width: calc(100% - 200px); }
    .coManagement .modal.modalManagement .modalManagement__arrow > li.prev {
      left: -50px; }
    .coManagement .modal.modalManagement .modalManagement__arrow > li.next {
      right: -50px; } }
/* 900px
=================================================================== */
@media only screen and (max-width: 900px) {
  /* color
  =================================================================== */
  /* common
  =================================================================== */
  /* layout
  =================================================================== */
  /* background
  =================================================================== */
  /* flex
  =================================================================== */
  /* animation delay
  =================================================================== */
  /* 3d
  =================================================================== */
  /* font
  =================================================================== */
  /* vw
  =================================================================== */
  /* form
  =================================================================== */
  /* vw
  ================================================*/
  /* vh
  ================================================*/
  /* ========================================================================================================= coPh 企業情報 */
  /*ーーーーーーーーーーーーーーーーーーーー kv*/
  .coPh .contentsKv__bgGray:after {
    height: calc(100% - 110px); }
  .coPh .contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bg {
    height: 200px;
    margin-bottom: 45px; }
    .coPh .contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bg .btn {
      width: 195px;
      height: 54px;
      bottom: -27px;
      right: 0; }
      .coPh .contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bg .btn > span {
        font-size: 11px;
        padding: 19px; }
  .coPh .contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bgGray--text dt {
    width: 100%;
    font-size: 33px;
    line-height: 1.1;
    padding-right: 0; }
    .coPh .contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bgGray--text dt span {
      font-weight: 300; }
  .coPh .contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bgGray--text dd {
    width: 100%; }
    .coPh .contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bgGray--text dd strong {
      font-size: 17px; }
    .coPh .contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bgGray--text dd br {
      display: none; }
      .coPh .contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bgGray--text dd br.br {
        display: block; }
  .coPh .coPh__contents > li {
    padding-top: 0;
    margin-bottom: 45px;
    flex-direction: column; }
    .coPh .coPh__contents > li .coPh__contents--title {
      width: 100%;
      padding-bottom: 20px;
      padding-top: 20px;
      background-color: #fff;
      background-color: var(--colorW);
      text-align: left; }
      .coPh .coPh__contents > li .coPh__contents--title span {
        font-size: 10px;
        padding-bottom: 13px;
        margin-bottom: 13px; }
      .coPh .coPh__contents > li .coPh__contents--title strong {
        font-size: 35px; }
        .coPh .coPh__contents > li .coPh__contents--title strong br {
          display: none; }
    .coPh .coPh__contents > li .coPh__contents--wrapper {
      width: 100%;
      padding-top: 0; }
      .coPh .coPh__contents > li .coPh__contents--wrapper > dl {
        margin-bottom: 20px; }
        .coPh .coPh__contents > li .coPh__contents--wrapper > dl > dt {
          font-size: 15px; }
        .coPh .coPh__contents > li .coPh__contents--wrapper > dl > dd {
          font-size: 13px; }
    .coPh .coPh__contents > li:nth-child(1) .coPh__contents--wrapper > dl > dd br {
      display: none; }

  .coTopmessage .contentsKv {
    margin-bottom: 20px; }
  .coTopmessage .textBlock > dd {
    width: 100%; }

  /* ========================================================================================================= coHistory 沿革 */
  .coHistory .list__underline--lr.noline > li > dl > dt:after {
    bottom: 25px; }

  /* ========================================================================================================= coManagement 役員紹介 */
  .coManagement .column.column--3.mb60 {
    margin-bottom: 20px; }
  .coManagement .coManagement--h3 {
    margin-bottom: 15px; }
  .coManagement .column.column--3.mb60 > li {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    .coManagement .column.column--3.mb60 > li .column__img {
      width: 50%;
      padding-top: 0; }
      .coManagement .column.column--3.mb60 > li .column__img span {
        position: relative;
        padding-top: calc(420 / 666 * 100%); }
    .coManagement .column.column--3.mb60 > li .coManagement__people {
      width: calc(50% - 20px); }
      .coManagement .column.column--3.mb60 > li .coManagement__people > dl > dt strong, .coManagement .column.column--3.mb60 > li .coManagement__people > dl > dt span {
        display: block; }
    .coManagement .column.column--3.mb60 > li .coManagement__people > dl > dt {
      margin-bottom: 5px; }
      .coManagement .column.column--3.mb60 > li .coManagement__people > dl > dt strong {
        font-size: 15px;
        margin-right: 15px; }
      .coManagement .column.column--3.mb60 > li .coManagement__people > dl > dt span {
        font-size: 11px; }
    .coManagement .column.column--3.mb60 > li .coManagement__people > dl > dd {
      font-size: 11px; }
  .coManagement .modal.modalManagement .modal__contents {
    width: calc(100% - 80px);
    min-height: 600px; }
    .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text {
      padding: 17px 25px;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px; }
      .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--main {
        margin-bottom: 20px;
        padding-bottom: 20px; }
        .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--main dt strong {
          font-size: 17px;
          margin-right: 15px; }
        .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--main dt span {
          font-size: 11px; }
        .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--main dd {
          font-size: 12px; }
      .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--profile {
        padding-left: 0; }
        .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--profile dt {
          position: relative;
          font-size: 12px;
          margin-bottom: 8px; }
        .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--profile dd {
          position: relative;
          font-size: 11px;
          margin-bottom: 7px;
          padding-left: 80px;
          line-height: 1.6; }
          .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--profile dd span {
            position: absolute;
            width: 68px;
            left: 0;
            top: 0; }
          .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--profile dd:first-of-type {
            padding-left: 0; }
  .coManagement .modal.modalManagement .modalManagement__arrow {
    width: calc(100% - 80px); }
    .coManagement .modal.modalManagement .modalManagement__arrow > li {
      width: 35px;
      height: 35px; }
      .coManagement .modal.modalManagement .modalManagement__arrow > li:after {
        width: 18px;
        height: 18px; }
      .coManagement .modal.modalManagement .modalManagement__arrow > li.prev {
        left: -23px; }
      .coManagement .modal.modalManagement .modalManagement__arrow > li.next {
        right: -23px; }

  /* ========================================================================================================= coManagement 役員紹介 */
  .coAccess .coAccess__map {
    height: 165px;
    margin-bottom: 10px; }
  .coAccess .coAccess__map--icon {
    margin-bottom: 15px; }
  .coAccess .textBlock > dt {
    width: 100%;
    font-size: 13px;
    margin-bottom: 10px; }
  .coAccess .textBlock > dd {
    width: 100%;
    font-size: 12px; }
  .coAccess .access--icon {
    font-size: 10px;
    padding: 3px 0 3px 28px;
    margin-top: 10px;
    line-height: 1.6; }
    .coAccess .access--icon:after {
      top: 3px; }

  /* ========================================================================================================= coCsr CSR */
  .coCsr .contentsKv {
    height: 170px;
    margin-bottom: 15px; }
  .coCsr .list__underline > li {
    margin-bottom: 30px;
    padding-left: 0; }
  .coCsr .textBlock > dt {
    width: 100%;
    margin-bottom: 20px; }
  .coCsr .textBlock > dd {
    width: 100%; }
    .coCsr .textBlock > dd .underlineCommon {
      padding-bottom: 15px;
      margin-bottom: 15px; }
    .coCsr .textBlock > dd > dl {
      margin-bottom: 25px; }
      .coCsr .textBlock > dd > dl > dt {
        margin-bottom: 8px; }
      .coCsr .textBlock > dd > dl > dd img {
        margin-top: 10px; }
      .coCsr .textBlock > dd > dl > dd aside {
        margin-top: 10px; }
      .coCsr .textBlock > dd > dl > dd p {
        margin-top: 8px; }
      .coCsr .textBlock > dd > dl:last-of-type {
        margin-bottom: 0; } }