@charset "utf-8";
/*==========================================================
      Target Devices # Tablet MobilePC #
============================================================ */
@media screen and (max-width: 1023px) {
  /*------------------------------------------------------------
     index
------------------------------------------------------------ */
  .p-top-contents {
    background: none;
  }
  .p-top-contents__title {
    font-size: 18px;
    font-size: 1.8rem;
  }
  /*------------------------------------------------------------
     business
------------------------------------------------------------ */
  /* 設備
------------------------------------------------------------ */
  /* プラント */
  .p-business-plant__image02-caption {
    left: 75%;
  }
/* 残コンブロック
------------------------------------------------------------ */
  .p-business-conblock {
    padding-right: 30px;
    padding-left: 30px;
  }
  /*------------------------------------------------------------
     contact
------------------------------------------------------------ */
  .p-contact-form {
    margin: 0;
  }
}
/*==========================================================
      Target Devices # Smart Phone and Tablet #
============================================================ */
@media screen and (max-width: 767px) {
  /*------------------------------------------------------------
     company
------------------------------------------------------------ */
  .p-company-title__haeding {
    top: 10%;
    left: 10%;
  }
  .p-company__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 20px;
    margin-right: -20px;
    margin-left: -20px;
  }
  /* profile
------------------------------------------------------------ */
  .p-company-profile__section {
    display: block;
    margin-left: 0;
  }
  .p-company-profile__heading {
    margin-bottom: 20px;
  }
  .p-company-profile__deco01 img {
    width: 80px;
  }
  .p-company-profile__other {
    text-align: left;
  }
  /* access
------------------------------------------------------------ */
  .p-company-access {
    margin-top: 25px;
  }
  /*------------------------------------------------------------
     release
------------------------------------------------------------ */
  .p-release-news {
    margin-right: -20px;
    margin-left: -20px;
  }
  .p-release-news__list-item {
    flex-wrap: wrap;
    padding-right: 20px;
    padding-left: 20px;
  }
  .p-release-news__title {
    width: 100%;
    margin-top: 5px;
  }
  /*------------------------------------------------------------
     business
------------------------------------------------------------ */
  /* 設備
------------------------------------------------------------ */
  /* ミキサー */
  .p-business-mixer {
    flex-direction: column;
  }
  .p-business-mixer__box {
    width: 100%;
    max-width: inherit;
    margin: 0 0 20px;
  }
  .p-business-mixer__ab {
    width: calc(100% + 40px);
    max-width: inherit;
    margin: 0 -20px;
  }
  .p-business-mixer__overlooking-deco {
    display: none;
  }
  .p-business-mixer__overlooking {
    margin: 0 -20px;
  }
  .p-business-mixer__overlooking-a-line::before, .p-business-mixer__overlooking-a-line::after {
    left: 1.5%;
  }
  .p-business-mixer__overlooking-a-line::before {
    width: 56.5%;
  }
  .p-business-mixer__overlooking-b-line::before, .p-business-mixer__overlooking-b-line::after {
    left: auto;
    right: 47.5%;
  }
  .p-business-mixer__overlooking-b-line::before {
    width: 6.2%;
  }
  .p-business-mixer__overlooking-night {
    width: calc(100% - 60px);
  }
  .p-business-mixer__overlooking-night::before, .p-business-mixer__overlooking-night::after {
    left: -20px;
  }
  .p-business-mixer__overlooking-night::before {
    width: 20px;
  }
  /* プラント */
  .p-business-plant__box {
    width: 100%;
    margin: 0 0 20px;
    text-align: left;
  }
  .p-business-plant__image01 {
    width: calc(100% + 40px);
    margin: 0 -20px 20px;
  }
  .p-business-plant__image01 img {
    width: 100%;
  }
  .p-business-plant__image02 {
    width: calc(65% + 20px);
    margin-left: -20px;
    margin-right: auto;
  }
  .p-business-plant__image02-caption {
    width: calc(100vw - 40px);
    padding: 0 5px;
    margin-top: -25px;
    margin-left: 20px;
    position: relative;
    left: auto;
    bottom: auto;
    font-size: 12px;
    font-size: 1.2rem;
    white-space: inherit;
  }
  .p-business-plant__image03 {
    width: 30%;
    max-width: inherit;
  }
  /* チェック
------------------------------------------------------------ */
  .p-business-check__group-item {
    width: 100% !important;
  }
  .p-business-check__item-thumb {
    margin: 0 -20px;
  }
  .p-business-check__item-heading {
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 -20px;
  }
  .p-business-check__item-text {
    padding: 0;
  }
  /* GREEN CRETE
------------------------------------------------------------ */
  .p-business-gc {
    flex-direction: column;
    padding: 20px;
    margin: 50px -20px 0;
  }
  .p-business-gc__box {
    width: 100%;
  }
  .p-business-gc__heading {
    text-align: center;
  }
  .p-business-gc__lead {
    text-align: center;
  }
  .p-business-gc__point-group-item {
    width: 100%;
  }
  .p-business-gc__image-wrap {
    padding: 45px 0 0;
  }
  .p-business-gc__deco {
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
/* 残コンブロック
------------------------------------------------------------ */
  .p-business-conblock {
    padding: 30px 20px;
    border-top-width: 15px;
    border-bottom-width: 15px;
    margin-right: -20px;
    margin-left: -20px;
  }
  .p-business-conblock::before, .p-business-conblock::after {
    height: 10px;
  }
  .p-business-conblock__title {
    flex-direction: column;
  }
  .p-business-conblock__title-heading {
    margin-right: 0;
    font-size: 20px;
    font-size: 2.0rem;
  }
  .p-business-conblock__title-heading span {
    font-size: 34px;
    font-size: 3.4rem;
  }
  .p-business-conblock__title-lead {
    margin-top: 15px;
  }
  .p-business-conblock__lead {
    margin-right: 0;
    margin-left: 0;
    text-align: left;
  }
  .p-business-conblock__list-group-item {
    width: 100%;
  }
  /*------------------------------------------------------------
     sdgs
------------------------------------------------------------ */
  .p-sdgs-about {
    padding-bottom: 30px;
    margin: 0 -20px;
  }
  .p-sdgs-about__list {
    max-width: 360px;
    margin-right: auto;
    margin-left: auto;
  }
  .p-sdgs-about__list-group {
    flex-wrap: wrap;
  }
  .p-sdgs-about__list-group-item {
    width: 50%;
    max-width: inherit;
  }
  .p-sdgs-about__message {
    margin-top: 50px;
  }
  .p-sdgs-list {
    margin: 20px -20px 0;
  }
  .p-sdgs-list__group {
    margin: -10px;
  }
  .p-sdgs-list__group-item {
    width: 100%;
    padding: 10px;
  }
  .p-sdgs-list__card {
    min-height: inherit;
    padding: 20px;
  }
  .p-sdgs-list__icon {
    width: 80px;
    margin-left: 15px;
  }
  /*------------------------------------------------------------
     recruit
------------------------------------------------------------ */
  .p-recruit-contents__heading {
    margin-bottom: 30px;
  }
  .p-recruit-contents__deco {
    width: 80px;
    right: 0;
    bottom: calc(100% + 5px);
  }
  .p-recruit-contents__list-group-item {
    width: 100%;
  }
  .p-recruit-contents__list-thumb, .p-recruit-contents__list-heading {
    margin: 0 -20px;
  }
  .p-recruit-contents__list-text {
    padding: 5px 0 0;
  }
  .p-recruit-contents__contact-text img {
    display: none;
  }
  /*------------------------------------------------------------
     contact
------------------------------------------------------------ */
  .p-contact__lead {
    margin-bottom: 30px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .p-contact-form__deco {
    width: 80px;
    right: 0;
  }
}