@media screen and (max-width: 880px) {
  .info_main_img_container {
    height: 200px;
  }
  /* メインページ中のインフォメーション */
  .info_top_wrapper {
    background-color: #fff;
    padding: 30px 0 50px;
    flex-direction: column;
    position: relative;
    width: auto;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
  .info_top_container > a {
    flex-direction: column;
  }

  .info_top_container {
    padding: 10px 20px;
  }
  .info_top_title {
    text-align: center;
    position: absolute;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 80%;
    bottom: -30%;
    left: 50%;
    padding: 0px;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
  }

  /* メインページ中のインフォメーションここまで */
}
@media screen and (max-width: 889px) {
	  /* ブログの画像絶定 */
  .attachment-600x400 {
    object-fit: contain;
  }
  /* 地図の設定 */
  .company_map_container {
    width: auto;
  }
  /*　画面サイズが1024pxまではここを読み込む　*/

  /* ヘッダー---------------------- */
  #home {
    background-position: left center;
  }
  .openbtn {
    display: block;
  }
  .page_header > .wrapper {
    padding: 0;
  }
  .page_header {
    height: 80px;
  }
  .head_flex > h1 > a {
    height: 80px;
    display: flex;
    align-items: center;
  }
  .logo {
    width: 250px;
  }
  .sp_nav_menu {
    background-color: #261f18;
    border: solid 1px #fff;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
  }
  .hone-content {
    width: 100vw;
  }

  /* ヘッダーここまで--------------- */
  /* メインページ---------------- */
  .main_nav {
    display: none;
  }
  .hone-content h2 {
    font-size: 1.5em;
  }

  .about_bg {
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 8%;
  }
  .about_bg h2 {
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .home_about_text > h3 {
    margin-bottom: 30px;
  }
  .home_about_text {
    width: auto;
  }
  .button_white {
    width: 100%;
    text-align: center;
  }
  .about_img {
    display: none;
  }

  /* 主要設備 ------------------*/
  #equipment {
    flex-direction: column;
    padding: 30px 0;
  }
  .equipment_content {
    width: auto;
    max-width: none;
  }
  .equipment_item {
    padding: 20px 0;
  }
  .equipment_img {
    margin-bottom: 30px;
    width: 100%;
    max-width: 500px;
  }

  .equipment_img_wrap {
    padding: 0 4%;
    margin: 0 auto;
    text-align: center;
  }
  .equipment_content > h2 {
    text-align: center;
  }

  .equipment_img_wrap {
    max-width: none;
  }
  /* 主要設備ここまで ------------------*/
  /* WORK */
  .work_contet {
    padding: 30px 0 0;
  }
  .work_contet,
  .work_contet:nth-child(even) {
    flex-direction: column-reverse;
  }

  .work_img {
    width: auto;
    max-width: none;
    max-height: 300px;
  }
  .work_text {
    max-width: none;
    margin-bottom: 30px;
  }
  /* WORK ここまで*/
  /* メインページ ここまで---------------- */
  /* 注文の流れ-------------- */
  .work_flow_img {
    margin: 25px auto;
  }

  /* 注文の流れここまで-------------- */
  /* お問い合わせ(メイン)---------- */
  .home_contact_wrap {
    flex-direction: column;
    align-items: center;
  }
  .tel_warp {
    justify-content: center;
    align-items: center;
  }

  .contact_text {
    margin: 20px 0;
  }
  .home_contact_wrap > h2 {
    text-align: center;
    writing-mode: horizontal-tb;
    margin: 0;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
  }
  .home_contact_wrap {
    padding: 50px;
  }
  .Reception_time {
    padding: 10px 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
  }

  /* お問い合わせ(メイン)ここまで---------- */

  /* 私たちについてページ---------------- */
  .about_bk_image {
    position: static;
    width: auto;
  }
  .about_title {
    width: auto;
    background-color: transparent;
    padding: 20px;
    margin: 0;
  }
  .about_title > h2,
  .about_title > p {
    color: #fff;
  }
  .ceo_img {
    display: none;
  }
  .ceo_img_SP {
    display: block;
    /* 写真を入れて更新したらnoneを外す */
    /* display: none; */
    margin-top: 30px;
  }
  .about_bg {
    padding-top: 60px;
  }
  .company_ov_item {
    flex-direction: column;
    padding: 20px 0;
  }
  .company_ov_text {
    width: 100%;
  }
  .number_list {
    padding-left: 4%;
  }
  #history {
    padding: 7% 0;
  }
  .history_link > img {
    width: 90vw;
  }
  .company_overview_wrapper {
    padding-top: 30px;
  }
  /* 古見産業の歩み */
  #history_home {
    min-height: auto;
  }
  .history_top_img {
    display: block;
    min-height: 100vh;
    object-fit: cover;
  }
  .history_top_sp_cover {
    position: relative;
  }
  .furumi_moji {
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
  }
  /* お問い合わせフォーム */
  .contact_form_container {
    padding-top: 140px;
    padding-bottom: 4%;
  }
  .contact_wrapper {
    padding: 4%;
  }
  .contact_content {
    flex-direction: column;
  }

  .contact_right {
    margin: 0;
    justify-content: center;
  }
  .contact_wrapper > h3 {
    margin-bottom: 20px;
  }
  .pForm__item {
    flex-direction: column;
    align-items: flex-start;
  }
  input,
  textarea,
  .email_input,
  input[id="company"],
  .tel_wrapper,
  .contact_name_wrap {
    width: 100%;
  }
  label[for="email"] {
    flex-direction: row;
  }
  .textarea_wrapper {
    width: 100%;
  }
  label {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
    justify-content: flex-start;
  }
  .p-region {
    width: 100%;
  }
  .pForm__address {
    width: 100%;
  }
  .pForm__policy {
    margin-bottom: 30px;
  }
  /* インフォメーション------------------ */
  .mwform-tel-field input[type="text"] {
    width: 30% !important;
  }
  #info_conetnt {
    flex-direction: column;
  }
  article {
    width: auto;
    padding: 20px 0;
  }
  #info_conetnt {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  _::-webkit-full-page-media,
  _:future,
  :root #info_conetnt {
    margin-top: 0;
  }
  aside {
    width: 100%;
    padding: 20px 0;
  }
  .info_title_wrapper {
    background-color: #fff;
  }
  .info_title_wrapper > h2,
  .info_title_wrapper > p {
    color: #261f18;
  }
  #info_conetnt > article {
    margin-top: 70px;
  }
  .article_contet_wrap {
    margin-top: 100px;
  }
  /* iOSのみ */
  /*Safariだけに適用される新型CSSハック*/
  _::-webkit-full-page-media,
  _:future,
  :root .article_contet_wrap {
    margin-top: 0;
  }
  /* iOSのみ ここまで*/
  .bottom_page {
    flex-direction: column;
  }
  .bottom_page_middle {
    text-align: center;
  }
  .bottom_page_right {
    text-align: right;
  }
  /* インフォメーションここまで------------------ */

  /* フッターの設定---------------------- */

  .company_address {
    font-family: "Noto Serif JP", serif;
  }
  #footer_contet {
    flex-direction: column-reverse;
    margin: 0;
  }
  .footer_left {
    flex-direction: column;
    margin: 30px 0;
  }
  .footer_nav {
    flex-wrap: nowrap;
    height: auto;
    max-height: none;
    width: auto;
  }
  .logo_link {
    flex-direction: row;
    justify-content: center;
  }
  .company_address {
    margin: 0;
  }
  .logo_link::after {
    display: none;
  }
  .footer_nav_item {
    display: block;
    /* padding: 20px 0; */
    border-bottom: 1px solid #fff;
  }
  .footer_nav_item > a {
    display: block;

    padding: 20px 0;
  }
  .footer_right {
    margin: 20px 0;
  }
  .footer_nav_item:first-child {
    border-top: #fff solid 1px;
  }
  .lFooter__copyright {
    margin: 0;
  }
  /* フッターの設定ここまで---------------- */
}