@charset "UTF-8";
.title-style2 {
  padding: 0 0 25px; }

/*====================================================
修理可否・修理目安金額チェック
アプリ
取扱説明書
部品購入 
====================================================*/
#item-search-repair,
#item-search-app,
#item-search-parts,
#item-search-manual {
  width: 80%;
  max-width: 1082px;
  margin: 80px auto 100px; }

/*検索機能の説明文*/
.text {
  margin-bottom: 80px;
  text-align: center; }

/*検索ボックス*/
.search-container {
  margin-bottom: 100px; }
  .search-container .search-box {
    display: flex;
    align-items: flex-start;
    padding: 0 26px; }
    .search-container .search-box .wrap {
      width: 100%;
      max-width: 440px;
      margin-right: 10px; }
    .search-container .search-box .btn-style1 {
      max-width: 220px;
      padding: 20px 10px; }
  .search-container .search-input {
    width: 100%;
    max-width: 440px;
    padding: 10px;
    border: 1px solid #D1D1D1;
    margin-right: 30px;
    height: 59px; }

/*検索方法の案内タイトル*/
.section-title {
  text-align: center;
  padding: 10px 0;
  font-size: 2.2rem;
  font-weight: bold;
  border-bottom: 1px solid #38B281;
  margin: 40px 0; }

/*製品一覧*/
.product-container {
  margin-bottom: 120px; }

.product {
  margin-bottom: 80px; }
  .product .product-header {
    font-size: 1.8rem;
    font-weight: bold;
    background-color: #E7F6F1;
    padding: 14px;
    text-align: center;
    margin-bottom: 40px; }
  .product .product-title {
    color: #39B281;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 2rem; }
  .product .product-list-innner {
    padding: 0 26px; }
  .product ul.product-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
    .product ul.product-items li {
      width: calc(100% / 4);
      min-width: 150px;
      padding: 8px;
      text-align: center; }
      .product ul.product-items li a {
        display: block;
        text-decoration: none; }
        .product ul.product-items li a:hover {
          opacity: 0.8; }
      .product ul.product-items li .product-img {
        margin-bottom: 10px;
        aspect-ratio: 1 / 1; }
        .product ul.product-items li .product-img img {
          max-width: 100%;
          height: 100%;
          object-fit: contain; }
      .product ul.product-items li .product-name {
        font-size: 1.8rem;
        font-weight: 500; }

/*共通ボタンの幅変更(検索)*/
.btn-style1 {
  max-width: 200px; }

/*======================================================================
SPレスポンシブ
======================================================================*/
@media screen and (max-width: 820px) {
  #item-search-repair,
  #item-search-app,
  #item-search-parts,
  #item-search-manual {
    width: 95%;
    margin: 40px auto 100px; }

  .text {
    margin-bottom: 40px; }

  /*検索ボックスの縦並び*/
  .search-container .search-box {
    display: block; }
  .search-container .wrap {
    margin-bottom: 3em; }
  .search-container .search-input {
    margin: 0; }

  /*共通ボタンの幅変更(検索)*/
  .btn-style1 {
    display: block;
    margin: 0 auto; }

  /*製品リストのレスポンシブ対応*/
  .product-container {
    margin-bottom: 70px; }

  .product {
    margin-bottom: 40px; }
    .product .product-header {
      margin-bottom: 28px; }
    .product ul.product-items li {
      width: calc(100% / 3);
      min-width: 100px;
      padding: 5px; }
      .product ul.product-items li .product-img {
        margin-bottom: 5px; } }
@media screen and (max-width: 480px) {
  /*製品リストのレスポンシブ対応（小さい画面）*/
  .product ul.product-items li {
    width: calc(100% / 2); } }
/*====================================================
部品購入※画像なし
====================================================*/
#item-search-parts .product {
  margin-bottom: 40px; }
  #item-search-parts .product ul {
    display: flex;
    flex-wrap: wrap; }
    #item-search-parts .product ul li {
      width: calc(100% / 6);
      min-width: 150px;
      padding: 8px; }
  #item-search-parts .product .product-name {
    font-size: 1.8rem;
    font-weight: bold; }

/*------------部品購入のお知らせボックス------------*/
#item-search-parts {
  /*部品購入お知らせボックス*/
  /*ボックス内余白・文字サイズ・背景色*/ }
  #item-search-parts .order {
    margin-bottom: 100px;
    /*リンクのスタイル*/ }
    #item-search-parts .order a {
      color: #000000;
      text-decoration: underline;
      position: relative; }
      #item-search-parts .order a:hover {
        opacity: 0.6; }
    #item-search-parts .order .text-b {
      font-weight: bold; }
  #item-search-parts .order-text {
    font-size: 1.8rem; }
  #item-search-parts .order-text-b {
    font-weight: bold;
    margin-bottom: 40px; }
  #item-search-parts .order-title {
    padding: 20px 0;
    border-bottom: 1px solid #E3E3E3;
    border-top: 1px solid #E3E3E3;
    margin-bottom: 54px; }
    #item-search-parts .order-title h3 {
      font-size: 2.2rem;
      font-weight: bold;
      color: #000000;
      margin-left: 10px; }
  #item-search-parts .order-inner {
    width: 95%;
    margin: 0 auto; }
  #item-search-parts .order-box {
    width: 85%;
    margin: 20px auto 0;
    border: 1.5px solid #BEBEBE;
    padding: 20px 0; }
    #item-search-parts .order-box p {
      font-size: 1.6rem;
      margin-bottom: 1.8rem; }
  #item-search-parts .order-box-inner {
    width: 90%;
    margin: 0 auto;
    line-height: 1.8; }
  #item-search-parts .box-title {
    font-size: 1.7rem;
    margin-bottom: 2rem;
    font-weight: bold; }
  #item-search-parts .order-list {
    margin: 20px 0; }
    #item-search-parts .order-list ul {
      margin-bottom: 4rem; }
    #item-search-parts .order-list li {
      margin-bottom: 0.5rem;
      /*リスト下余白*/
      padding-left: 1.2rem;
      position: relative; }
    #item-search-parts .order-list li::before {
      content: "・";
      position: absolute;
      left: -0.3em; }
  #item-search-parts .order-list-title {
    margin-bottom: 1.8rem; }

/*======================================================================
SPレスポンシブ
======================================================================*/
@media screen and (max-width: 768px) {
  #item-search-parts .order {
    margin-bottom: 4rem;
    /*リンクのスタイル*/ }
    #item-search-parts .order .text-b {
      margin-bottom: 2rem; }
  #item-search-parts .order-title {
    margin-bottom: 24px; }
  #item-search-parts .order-box {
    width: 95%; } }