@charset "utf-8";


.test_text {
  font-size: 30px;
  font-weight: 700;
  color: red;
  text-align: center;
}

@media (max-width: 768px) {
  body {
    font-size: 16px;
  }

  /* ==== header ==== */
  .header_container {
    width: 100%;
    padding-top: 50px;
  }

  /* .header_logo {
    display: flex;
    align-items: center;
    justify-content: center;
  } */

  .header_logo img {
    /* width: 10px; */
    height: auto;
    max-width: 50%;
  }
  /* ==== slider ==== */
  .slider_box_wrap {
    width: 100%;
  }

  /* .slider_box img {
    width: 100%;
    height: auto;
  } */

  /* ==== news ==== */
  .news_container {
    width: 100%;
    margin: 20px 0;
  }

  .news_inner {
    width: 100%;
    padding: 0 15px;
  }

  .news_list_item {
    padding: 10px;
  }

  /* ==== about ==== */
  .sec_1_container {
    width: 100%;
    padding: 0 15px;
  }

  .sec_1_box {
    width: 100%;
  }

  .col_1 {
    width: 100%;
    padding: 15px;
  }

  /* ==== work ==== */
  .work_container {
    width: 100%;
    padding: 0 15px;
  }

  .workcard_wrap {
    flex-direction: column;
    gap: 20px;
  }

  .workcard_figure {
    width: 100%;
  }


  /* ========= memo ========== */
  .memotext_under {
    margin: 0 20px 20px;
  }
  .memo_container {
    margin-top: 10px;
    width: 95%;
    background-color: #fff;
    max-width: 1024px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px  #5b5b5b;
    border-radius: 10px;
  }
  /* ==== card variety ==== */
  .card_container {
    width: 100%;
    padding: 0 15px;
  }

  .card_titlebox {
    width: 100%;
    padding: 15px;
  }

  .card_wrap {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .card_figure {
    width: 100%;
  }

  /* ==== card yawaraka ==== */
  .soft_card_container {
    width: 100%;
    padding: 0 15px;
  }

  .soft_card_all {
    flex-direction: column;
    gap: 20px;
  }

  .soft_card_wrap {
    width: 100%;
    margin: 0 auto;
  }

  .soft_card_imgbox {
    height: auto;
    margin: auto;
    width: 90%;
    /* background-color: blue; */
  }

  .soft_card_imgbox img {
    width: 100%;
    margin-left: 0;
  }

  /* ==== card tanpin ==== */
  .s_card_container {
    width: 100%;
    padding: 0 15px;
    height: auto;
  }


  /* ==== feature link ==== */
  .feature_container {
    width: 100%;
    padding: 0 15px;
  }

  .feature_content {
    flex-direction: column;
    gap: 20px;
  }

  .feature_box {
    width: 100%;
  }

  .feature_image {
    width: 100%;
    margin-left: 0;
  }

  /* ==== info link ==== */
  .info_container {
    width: 100%;
    padding: 0 15px;
  }

  .info_content {
    flex-direction: column;
    gap: 20px;
  }

  .info_box {
    width: 100%;
    margin-left: 0;
  }

  .info_image {
    width: 100%;
  }

  /* ==== set link ==== */
  .setlink_container {
    width: 100%;
    padding: 0 15px;
  }

  .setlink_content {
    flex-direction: column;
    gap: 20px;
  }

  .setlink_box {
    width: 100%;
    margin-left: 0;
  }

  /* ==== footer ==== */
  .new_footer_container {
    width: 100%;
    padding: 0 15px;
  }

  .new_footer_itembox {
    flex-direction: column;
    gap: 20px;
  }

  .new_footer_item {
    width: 100%;
  }

  .new_footer_logo {
    width: 80%;
    height: auto;
  }

  .new_footer_titlebox {
    flex-direction: column;
    gap: 10px;
  }

  /* ====== new ====== */
  /* .news_container {
    width: 98%;
    overflow-wrap:  break-word;
  } */
  .news_item {
    display: none;
  }
  .news_container {
    background-color: #fff;
    border: solid 1px  #5b5b5b;
    border-radius: 10px;
  }
  .news_sub_ttl {
    font-size: 16px;
    /* font-weight: 700; */
    /* text-align: center; */
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .news_list_date {
    margin-right: 15px;
  }
  
  /* ====== about ====== */
  .sec_1_title {
    font-size: 16px;
  }
  .sec_2_img {
    display: none;
  }
  .about_text{
    font-size: 1.0rem;
    color:#fff;
    line-height: 2.0;
    letter-spacing: 0.05em;
  }
  .work_container {
    margin: 5px;
  }

  /* ====== card variety ====== */
  .card_text {
    /* background-color: pink; */
    width: 100%;
    line-height: 1.7;
  }
  .card_figcaption {
    margin-bottom: 30px;
  }
   /* ====== card yawaraka ====== */

  .soft_title_2 {
    margin-left: 0px;
    margin-bottom: 20px;
    width: auto;
    height: 60px;
  }
  .soft_card_text {
    width: 100%;
    line-height: 1.7;
  }
/* ---------------------- */
  .soft_card_imgfigcabox {
    display: flex;
    flex-wrap: wrap;
    /* background-color: blue; */
  }
  .soft_card_figcaption {
    width: 90%;
    margin-bottom: 20px;
  }
    /* ====== card tanpin ====== */
    .card3_leftbox {
      margin-bottom: 20px;
    }

    .card3_leftbox img{
      width: 100%;
      /* margin-bottom: 20px; */
    }
    .card3_rightbox img {
      width: 100%;
      /* margin-bottom: 20px; */
    }
    /* ====== feature link ====== */ 
    .feature_content {
      /* background-color: blue; */
      display: flex;
      justify-content: start;
      flex-wrap: wrap;
    }
    .feature_image {
      /* width: 150%; */
      margin-left: 20px;
      margin-bottom: 10px;
    }
    /* ====== info link ====== */ 
    .info_content {
      display: flex;
      justify-content: start;
      flex-wrap: wrap;
    }
    .info_image {
      /* width: 95%; */
      margin-bottom: 10px;
    }
    .info_box {
      width: 500px;
      margin-left: 30px;
      /* background-color: blue; */
    }
    /* ====== set link ====== */    
    .setlink_box {
      width: 330px;
      margin-left: 20px;
      margin-bottom: 20px;
      /* border: solid 3px  #5b5b5b; */
    }
    /* ====== pd title 2025-03-08 以降変更部分 ====== */    
    .zero_box {
      /* width: 400px; */
      display: flex;
      flex-wrap: wrap;
      margin: 0 auto;
    }
    .zero_col {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    .zero_col img {
      width:50%;
    }

} /*======== medhia end =======*/

/*======== medhia end =======
480xp
===============================*/
@media (max-width: 480px) {
  body {
    font-size: 14px;
  }

  .header_logo img {
    width: 70%;
  }

  .title_2, .soft_title_2 {
    height: 40px;
  }

  .card_text, .soft_card_text {
    font-size: 14px;
  }

  .news_sub_ttl {
    font-size: 14px;
  }

  .about_text {
    font-size: 14px;
  }

  /* ==== header ==== */
  .header_container {
    width: 90%;
  }
  .slider_box_wrap {
    width: auto;
  }
  .header_logo_text {
    display: none;
  }
  /* ====== new ====== */
  /* .news_container {
    width: 98%;
    overflow-wrap:  break-word;
  } */
  .news_item {
    display: none;
  }
  .news_container {
    background-color: #fff;
    border: solid 1px  #5b5b5b;
    border-radius: 10px;
  }
  .news_inner {
    width: 700px;
    /* background-color: pink; */
    margin: 0 auto;
  }
  .news_sub_ttl {
    font-size: 16px;
    /* font-weight: 700; */
    /* text-align: center; */
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .news_list_date {
    margin-right: 15px;
  }
  
  /* ====== about ====== */
  .sec_1_title {
    font-size: 16px;
  }
  .sec_1_container {
    width: 100%;
  }
  .sec_1_box {
    width: auto;
  }
  .sec_2_img {
    display: none;
  }
  .col_1 {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
  }
  .about_text{
    font-size: 1.0rem;
    color:#fff;
    line-height: 2.0;
    letter-spacing: 0.05em;
  }
  .work_container {
    margin: 5px;
  }

  /* ====== card variety ====== */
  .card_titlebox {
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 80%;
    background-color: white;
    /* border: solid 1px #5b5b5b; */
    border-radius: 8px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    flex-wrap:wrap;
  }
  .title_2 {
    margin-left: 0px;
    margin-bottom: 20px;
    width: auto;
    height: 60px;
  }
  .card_text {
    /* background-color: pink; */
    width: 100%;
    line-height: 1.7;
  }
  .card_figure {
    /* background-color: pink; */
    /* margin-left: 20px; */
    width: 120%;
  }

  /* ----------------- */
.card_wrap {
  margin-right: 80px;
}
.card_figcaption {
  margin-bottom: 30px;
}
   /* ====== card yawaraka ====== */

  .soft_title_2 {
    margin-left: 0px;
    margin-bottom: 20px;
    width: auto;
    height: 60px;
  }
  .soft_card_text {
    width: 100%;
    line-height: 1.7;
  }
/* ---------------------- */
  .soft_card_imgfigcabox {
    display: flex;
    flex-wrap: wrap;
    /* background-color: blue; */
  }
  .soft_card_imgbox {
    height: 530px;
  }
  .soft_card_imgbox img {
    width: 100%;
    margin-left: 20px;
    /* background-color: blue; */
  }
  .soft_card_figcaption {
    width: 90%;
    margin-bottom: 20px;
  }
    /* ====== card tanpin ====== */
    .s_card_container {
      /* background-color: pink; */
      max-width: 1024px;
      margin: 0 auto 100px;
      height: 500px;
      /* border: solid 1px  #5b5b5b; */
      /* border-radius: 10px; */
    }
    .card3_leftbox {
      margin-bottom: 20px;
    }

    .card3_leftbox img{
      width: 100%;
      /* margin-bottom: 20px; */
    }
    .card3_rightbox img {
      width: 100%;
      /* margin-bottom: 20px; */
    }
    /* ====== feature link ====== */ 
    .feature_content {
      /* background-color: blue; */
      display: flex;
      justify-content: start;
      flex-wrap: wrap;
    }
    .feature_image {
      /* width: 150%; */
      margin-left: 20px;
      margin-bottom: 10px;
    }
    /* ====== info link ====== */ 
    .info_content {
      display: flex;
      justify-content: start;
      flex-wrap: wrap;
    }
    .info_image {
      /* width: 95%; */
      margin-bottom: 10px;
    }
    .info_box {
      width: 500px;
      margin-left: 30px;
      /* background-color: blue; */
    }
    /* ====== set link ====== */    
    .setlink_box {
      width: 330px;
      margin-left: 20px;
      margin-bottom: 20px;
      /* border: solid 3px  #5b5b5b; */
    }
    /* ====== pd title 2025-03-08 以降変更部分 ====== */    
    .zero_box {
      /* width: 400px; */
      display: flex;
      flex-wrap: wrap;
      margin: 0 auto;
    }
    .zero_col {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    .zero_col img {
      width:50%;
    }

} /*======== media end =======*/
@media screen and (max-width: 480px) {
  .new_footer_container {
    width: 100%;
    /* background-color: pink; */
  }
  .new_footer_item  {
    width: 100%;
  }


/* ======= 追加 配送haiso ======== */
/* @media screen and (max-width: 480px) {
  .haiso_container {
  現在、いい感じに画像はみ出ているのでこのままで使用します。
  25/04/20
  }
} */
 /* ======= 追加 ソフトsoft ======== */
}

@media screen and (max-width: 768px) {
  .soft_col {
    flex-direction: column;
    align-items: center;
  }

  .soft_box {
    width: 100%;
    max-width: 400px;
    margin-bottom: 20px;
  }
  .soft_box img {
    width: 100vw;
    max-width: 100%;
    border-radius: 10px;
  }
}

@media screen and (max-width: 480px) {
  .soft_container {
    padding: 0;
    max-width: 95%;
  }

  .soft_col {
    gap: 0;
  }

  .soft_box {
    max-width: 100%;
    margin-bottom: 0;
  }

  .soft_box img {
    width: 100vw;
    max-width: 100%;
    border-radius: 10px;
  }
}

 /* ======= 追加 kibou ======== */

@media screen and (max-width: 768px) {
  .kibou_container{
    margin-top: 5px;
    width: 100%;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
  }
  .kibou_container img {
    width: 95%;
  }
  .please_container {
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  }
  .please_container img {
    flex-wrap: wrap;
    margin: 0 auto;
    width: 90%;
  }
  .please_box {
    margin-bottom: 20px;
  }
}