@charset "UTF-8";
/* color
=================================================================== */
/* common
=================================================================== */
/* layout
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* vw
================================================*/
/* vh
================================================*/
/* ========================================================================================================= coPh 企業情報 */
/*ーーーーーーーーーーーーーーーーーーーー kv*/
.coPh .contentsKv__bgGray:after {
  height: calc(100% - 343px); }
.coPh .contentsKv__bgGray .contentsKv__bgGray--main {
  overflow: hidden; }
  .coPh .contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bg {
    height: 750px; }
    .coPh .contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bg .btn {
      position: absolute;
      width: 254px;
      height: 98px;
      bottom: 0;
      right: 0; }
      .coPh .contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bg .btn > span {
        font-size: 13px;
        padding: 40px 58px 40px 28px; }
  .coPh .contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bgGray--text dt {
    width: 495px;
    font-size: 69px;
    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: calc(100% - 495px); }
.coPh .coPh__contents > li {
  position: relative;
  padding-top: 55px;
  margin-bottom: 120px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }
  .coPh .coPh__contents > li .coPh__contents--title {
    align-self: flex-start;
    position: -webkit-sticky;
    position: sticky;
    width: 280px;
    top: 0; }
    .coPh .coPh__contents > li .coPh__contents--title span {
      display: inline-block;
      font-size: 13px;
      line-height: 1;
      padding-bottom: 15px;
      margin-bottom: 15px;
      border-bottom: 1px solid #000;
      border-bottom: 1px solid var(--colorB); }
    .coPh .coPh__contents > li .coPh__contents--title strong {
      display: block;
      font-size: 51px;
      line-height: 1.2;
      font-weight: 600; }
  .coPh .coPh__contents > li .coPh__contents--wrapper {
    width: calc(100% - 280px);
    padding-top: 57px; }
    .coPh .coPh__contents > li .coPh__contents--wrapper > dl {
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
      margin-bottom: 65px; }
      .coPh .coPh__contents > li .coPh__contents--wrapper > dl > dt {
        width: 335px;
        font-size: 21px;
        line-height: 1.7; }
      .coPh .coPh__contents > li .coPh__contents--wrapper > dl > dd {
        width: calc(100% - 335px);
        font-size: 16px; }

/* ========================================================================================================= coHistory 沿革 */
.coHistory .list__underline--lr.noline > li > dl > dt {
  position: relative; }
  .coHistory .list__underline--lr.noline > li > dl > dt:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    top: auto;
    bottom: 30px;
    background-color: #000;
    background-color: var(--colorB);
    opacity: .3; }
.coHistory .list__underline--lr > li > dl:before {
  border-bottom: 1px dotted #000;
  border-bottom: 1px dotted var(--colorB);
  background-color: transparent; }
.coHistory .list__underline--lr > li > dl:after {
  opacity: .15; }

/* ========================================================================================================= coManagement 役員紹介 */
.coManagement .coManagement--h3 {
  margin-bottom: 30px; }
.coManagement .wrapper .column.column--3 > li {
  cursor: pointer; }
  .coManagement .wrapper .column.column--3 > li .coManagement__people > dl {
    line-height: 1.7; }
    .coManagement .wrapper .column.column--3 > li .coManagement__people > dl > dt {
      margin-bottom: 5px; }
      .coManagement .wrapper .column.column--3 > li .coManagement__people > dl > dt strong {
        font-size: 18px;
        margin-right: 20px; }
      .coManagement .wrapper .column.column--3 > li .coManagement__people > dl > dt span {
        font-size: 13px; }
    .coManagement .wrapper .column.column--3 > li .coManagement__people > dl > dd {
      font-size: 12px; }
.coManagement .modal.modalManagement {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }
  .coManagement .modal.modalManagement .modal__contents {
    max-width: 753px;
    min-height: 1000px;
    margin: 0 auto;
    z-index: 2; }
    .coManagement .modal.modalManagement .modal__contents .modal__contents--main {
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
      .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__img {
        position: relative;
        padding-top: calc(942 / 1506 * 100%);
        overflow: hidden;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
        .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__img span {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 100% auto; }
      .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text {
        background-color: #fff;
        background-color: var(--colorW);
        color: #000;
        color: var(--colorB);
        padding: 37px 50px;
        overflow: hidden;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        text-align: left; }
        .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--main {
          position: relative;
          margin-bottom: 30px;
          padding-bottom: 30px; }
          .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--main:after {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            height: 1px;
            top: auto;
            bottom: 0;
            background-color: #000;
            background-color: var(--colorB);
            opacity: .1; }
          .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--main dt strong {
            font-size: 25px;
            margin-right: 20px; }
          .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--main dt span {
            font-size: 13px; }
          .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--main dd {
            font-size: 15px; }
        .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--profile {
          position: relative;
          padding-left: 115px; }
          .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--profile dt {
            position: absolute;
            top: 0;
            left: 0;
            font-weight: normal; }
          .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--profile dd {
            position: relative;
            font-size: 14px;
            margin-bottom: 5px;
            padding-left: 120px; }
            .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--profile dd span {
              position: absolute;
              left: 0;
              top: 0;
              display: inline-block;
              width: 88px;
              display: flex;
              flex-wrap: nowrap;
              justify-content: space-between; }
            .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--profile dd strong {
              font-weight: normal;
              text-align: right;
              width: 2.5em;
              position: absolute;
              right: 0;
              top: 0; }
            .coManagement .modal.modalManagement .modal__contents .modal__contents--main .modalManagement__text .modalManagement__text--profile dd em {
              font-style: normal;
              white-space: nowrap;
              position: absolute;
              left: 100%; }
            .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 {
    position: fixed;
    max-width: 753px;
    width: 753px;
    height: 100vh;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 1; }
    .coManagement .modal.modalManagement .modalManagement__arrow > li {
      position: fixed;
      width: 40px;
      height: 40px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      cursor: pointer;
      opacity: .5;
      transition-duration: 0.5s;
      transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
      -ms-transition-duration: 0.5s;
      -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
      -webkit-transition-duration: 0.5s;
      -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
      　-moz-transition-duration: 0.5s;
      -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
      .coManagement .modal.modalManagement .modalManagement__arrow > li:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        width: 26px;
        height: 26px;
        border: 1px solid;
        border-color: transparent transparent #fff #fff;
        border-color: transparent transparent var(--colorW) var(--colorW);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transition-duration: 0.5s;
        transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -ms-transition-duration: 0.5s;
        -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-transition-duration: 0.5s;
        -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        　-moz-transition-duration: 0.5s;
        -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
      .coManagement .modal.modalManagement .modalManagement__arrow > li.prev {
        left: -90px; }
      .coManagement .modal.modalManagement .modalManagement__arrow > li.next {
        right: -90px; }
        .coManagement .modal.modalManagement .modalManagement__arrow > li.next:after {
          left: auto;
          right: 0;
          transform: rotate(-135deg);
          -webkit-transform: rotate(-135deg); }
      .coManagement .modal.modalManagement .modalManagement__arrow > li:hover, .coManagement .modal.modalManagement .modalManagement__arrow > li:active {
        opacity: 1; }
        .coManagement .modal.modalManagement .modalManagement__arrow > li:hover.prev:after, .coManagement .modal.modalManagement .modalManagement__arrow > li:active.prev:after {
          left: -5px; }
        .coManagement .modal.modalManagement .modalManagement__arrow > li:hover.next:after, .coManagement .modal.modalManagement .modalManagement__arrow > li:active.next:after {
          right: -5px; }
      .coManagement .modal.modalManagement .modalManagement__arrow > li.disable {
        opacity: .2;
        pointer-events: none; }
  .coManagement .modal.modalManagement .icon--close {
    position: fixed; }

@media screen\0  {
  .modal.modalManagement {
    visibility: hidden; }
    .modalOpen .modal.modalManagement {
      visibility: visible; } }
/* ========================================================================================================= coManagement 役員紹介 */
.coAccess .coAccess__map {
  height: 515px;
  margin-bottom: 15px;
  background-color: rgba(0, 0, 0, 0.1); }
.coAccess .coAccess__map--icon {
  text-align: right;
  margin-bottom: 30px; }
  .coAccess .coAccess__map--icon .mapLink--icon {
    display: inline-block; }
.coAccess .textBlock > dt {
  width: 340px; }
.coAccess .textBlock > dd {
  width: calc(100% - 340px); }
.coAccess .access--icon {
  position: relative;
  height: auto;
  font-size: 13px;
  line-height: 1;
  padding: 3px 0 3px 24px;
  margin-top: 10px; }
  .coAccess .access--icon:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 15px;
    height: 19px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url("../img/common/icon--accessW.svg"); }
  @media (prefers-color-scheme: light) {
    .coAccess .access--icon:after {
      background-image: url("../img/common/icon--accessW.svg"); } }
  @media (prefers-color-scheme: dark) {
    .coAccess .access--icon:after {
      background-image: url("../img/common/icon--accessW.svg"); } }

/* ========================================================================================================= coCsr CSR */
.coCsr .contentsKv {
  height: 380px;
  margin-bottom: 25px; }
.coCsr .list__underline > li {
  margin-bottom: 50px; }
  .coCsr .list__underline > li:before {
    opacity: .2;
    background-color: transparent;
    border-bottom: 1px dashed #000;
    border-bottom: 1px dotted var(--colorB); }
  .coCsr .list__underline > li:last-child:before {
    display: none; }
.coCsr .textBlock > dt {
  width: 380px; }
.coCsr .textBlock > dd {
  width: calc(100% - 380px); }
  .coCsr .textBlock > dd .underlineCommon {
    padding-bottom: 10px;
    margin-bottom: 21px; }
  .coCsr .textBlock > dd > dl {
    margin-bottom: 30px; }
    .coCsr .textBlock > dd > dl > dd > dl {
      position: relative;
      padding-left: 2em; }
      .coCsr .textBlock > dd > dl > dd > dl > dt {
        position: absolute;
        left: 0;
        top: 0; }
    .coCsr .textBlock > dd > dl > dd img {
      margin-top: 10px; }
    .coCsr .textBlock > dd > dl > dd aside {
      margin-top: 13px;
      text-align: right; }
    .coCsr .textBlock > dd > dl > dd p {
      margin-top: 10px; }

.corporate .contentsKv .contentsKv__bg span {
  background-image: url("../img/contents/corporate/kv.jpg"); }

.coTopmessage .contentsKv .contentsKv__bg span {
  background-image: url("../img/contents/corporate/topmessage/kv.jpg"); }
.coTopmessage .textBlock {
  justify-content: center; }
  .coTopmessage .textBlock > dt {
    width: 0; }
  .coTopmessage .textBlock > dd {
    width: calc(100% - 190px); }

.coCompany .contentsKv .contentsKv__bg span {
  background-image: url("../img/contents/corporate/company/kv.jpg"); }

.coAccess .coAccess__map {
  position: relative;
  z-index: 1; }

.coAccess .coAccess__map iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%; }

.modal .modal__contents {
  transition: none !important;
  transition-delay: 0 !important; }

.txtxt {
  font-size: 14px !important; }