<div id="seconde-life">
  <div class="hero">
    <ul class="breadcrumb-sl">
      <li><a href="https://www.alinea.com/">accueil</a></li>
      <li><a href="/fr-fr/marius/nos-engagements.html">Nos engagements</a></li>
      <li>seconde vie</li>
    </ul>
  </div>
  <div class="container">
    <div class="text-container">
      <h1 class="highlight">
        alinea vous permet de donner une <strong>seconde vie</strong>
        à vos meubles.
      </h1>

      <p>
        Nous disposons d’un service de rachat de vos meubles d’occasion alinea
        en échange d’un bon d’achat d’une valeur correspondante au prix de
        rachat de votre produit. alinea proposera la revente du produit dans
        l’espace seconde vie en magasin.
      </p>
    </div>
  </div>

  <div class="how-to-bloc">
    <h2>Comment offrir une seconde vie à vos meubles ?</h2>
    <div class="how-to">
      <div class="item">
        <p class="it">1</p>
        <p>
          Je réalise mon estimation en ligne avec mon smartphone ou mon
          ordinateur.
        </p>
      </div>
      <div class="item">
        <p class="it">2</p>
        <p>
          Je me rends dans un des magasins participants pour l’estimation
          définitive et la reprise de mon meuble
        </p>
      </div>
      <div class="item">
        <p class="it">3</p>
        <p>J’obtiens mon bon d’achat pour me faire plaisir en magasin</p>
      </div>
      <div class="item">
        <p class="it">4</p>
        <p>
          alinea propose à la vente mon meuble d’occasion dans le corner Seconde
          vie en magasin
        </p>
      </div>
    </div>
    <a href="#iframe-target" class="cta"><p>J'estime mon meuble</p> </a>
  </div>
  <div class="seconde-life__map">
    <div class="container">
      <h2>
        Dans quels magasins sont implantés les corners Seconde Vie d'alinea ?
      </h2>
      <img
        src="https://www.alinea.com/on/demandware.static/-/Library-Sites-Alinea-Shared/default/dwe6285e93/seconde-vie/carte_mobile.png"
        alt="decouvrez Seconde Vie notre service de reprise de vos meubles alinea "
        class="mobile"
      />
      <div class="map-container">
        <img
          src="https://www.alinea.com/on/demandware.static/-/Library-Sites-Alinea-Shared/default/dw39822210/seconde-vie/carte_desktop.png"
          alt="decouvrez Seconde Vie notre service de reprise de vos meubles alinea "
          class="desktop"
        />

        <a
          href="https://www.alinea.com/fr-fr/magasin-alinea-grenoble-saint-egreve-38120/"
          class="rim-hotspot"
          style="
            width: 3.9%;
            height: 6.8%;
            left: 63.3%;
            top: 63.2%;
            position: absolute;
            cursor: pointer;
            display: block;
            z-index: 5;
            overflow: hidden;
          "
        ></a>

        <a
          href="https://www.alinea.com/fr-fr/magasin-alinea-aubagne-13400/"
          class="rim-hotspot"
          style="
            width: 4.5%;
            height: 7.4%;
            left: 63.1%;
            top: 84.8%;
            position: absolute;
            cursor: pointer;
            display: block;
            z-index: 5;
            overflow: hidden;
          "
        ></a>
        <a
          href="https://www.alinea.com/fr-fr/magasin-alinea-montpellier-perols-34470/"
          class="rim-hotspot"
          style="
            width: 4.3%;
            height: 6.7%;
            left: 52.4%;
            top: 81.4%;
            position: absolute;
            cursor: pointer;
            display: block;
            z-index: 5;
            overflow: hidden;
          "
        ></a>
        <a
          href="https://www.alinea.com/fr-fr/magasin-alinea-bordeaux-33700/"
          class="rim-hotspot"
          style="
            width: 5.9%;
            height: 6.6%;
            left: 28.6%;
            top: 68.2%;
            position: absolute;
            cursor: pointer;
            display: block;
            z-index: 5;
            overflow: hidden;
          "
        ></a>
        <a
          href="https://www.alinea.com/fr-fr/magasin-alinea-limoges-87280/"
          class="rim-hotspot"
          style="
            width: 3.9%;
            height: 6.2%;
            left: 36.4%;
            top: 56.8%;
            position: absolute;
            cursor: pointer;
            display: block;
            z-index: 5;
            overflow: hidden;
          "
        ></a>
        <a
          href="https://www.alinea.com/fr-fr/magasin-alinea-paris-herblay-95200/"
          class="rim-hotspot"
          style="
            width: 4.5%;
            height: 6.2%;
            left: 42%;
            top: 22.7%;
            position: absolute;
            cursor: pointer;
            display: block;
            z-index: 5;
            overflow: hidden;
          "
        ></a>
        <a
          href="https://www.alinea.com/fr-fr/magasin-alinea-creil-saint-maximin-60740/"
          class="rim-hotspot"
          style="
            width: 2.8%;
            height: 6.8%;
            left: 48.4%;
            top: 18%;
            position: absolute;
            cursor: pointer;
            display: block;
            z-index: 5;
            overflow: hidden;
          "
        ></a>
        <a
          href="https://www.alinea.com/fr-fr/magasin-alinea-beauvais-allonne-60000/"
          class="rim-hotspot"
          style="
            width: 4.1%;
            height: 6.3%;
            left: 43.6%;
            top: 13.2%;
            position: absolute;
            cursor: pointer;
            display: block;
            z-index: 5;
            overflow: hidden;
          "
        ></a>
        <a
          href="https://www.alinea.com/fr-fr/alinea-le-havre-montivilliers-76290/"
          class="rim-hotspot"
          style="
            width: 4.2%;
            height: 8.2%;
            left: 31.2%;
            top: 13%;
            position: absolute;
            cursor: pointer;
            display: block;
            z-index: 5;
            overflow: hidden;
          "
        ></a>
      </div>
    </div>
  </div>
  <div class="iframe-container">
    <div class="container">
      <h2>J'estime mon meuble en ligne</h2>
      <div
        id="iframe-target"
        data-tf-widget="T03jRtsD"
        data-tf-opacity="100"
        data-tf-iframe-props="title=SECONDE VIE"
        data-tf-transitive-search-params
        data-tf-medium="snippet"
        style="
          width: 100%;
          height: 120vh;
          border-radius: none !important;
          margin-bottom: 4rem;
        "
      ></div>
    </div>
  </div>
</div>
<script src="//embed.typeform.com/next/embed.js"></script>
<style>
  #seconde-life strong {
    font-weight: 700;
  }

  #seconde-life {
    scroll-behavior: smooth;
  }

  #seconde-life .desktop {
    display: none;
  }

  #seconde-life p {
    font-size: 1.4rem;
    line-height: 1.5;
  }

  #seconde-life .hero {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 30vh;
    background-image: url(https://www.alinea.com/on/demandware.static/-/Library-Sites-Alinea-Shared/default/dw47114800/seconde-vie/mobile.jpg);
    position: relative;
  }
  #seconde-life h2,
  .seconde-life__faq h2 {
    font-size: 2.5rem;
    text-align: center;
    width: 80%;

    text-transform: inherit;
  }

  #seconde-life h2 {
    margin: 0 auto;
  }

  #seconde-life .iframe-container h2 {
    padding: 0 0 4rem;
  }

  .seconde-life__faq h2 {
    margin: 2rem auto 6rem;
  }

  #seconde-life .seconde-life__map h2 {
    padding: 0 0 6rem;
  }

  #seconde-life .text-container {
    width: 80%;
    margin: 5rem auto;
    text-align: center;
  }
  #seconde-life .text-container .highlight {
    font-size: 2.5rem;
    margin-bottom: 2.5rem;
  }

  #seconde-life .how-to-bloc {
    text-align: center;
    padding: 4rem 0 2rem;
  }

  #seconde-life .how-to {
    display: grid;
    width: 80%;
    margin: 4rem auto 2rem;
    gap: 1rem;
  }

  #seconde-life .item {
    display: flex;
    justify-content: center;

    padding: 1rem 2rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    border-radius: 10px;

    margin: 0 auto;
    align-items: center;
    flex-direction: column;
  }

  #seconde-life .item p:nth-of-type(2) {
    font-size: 1.4rem;

    flex-grow: 0;
    line-height: 1.5;
  }

  #seconde-life .it {
    font-size: 10rem;
    font-weight: 700;
    -webkit-text-stroke: 2px #333d28;
    /* text-shadow: -1px -1px 0 #333d28, 1px -1px 0 #333d28, -1px 1px 0 #333d28,
      1px 1px 0 #333d28; */
    color: transparent;
    transition: 1s ease-in-out;
    margin-bottom: 0;
  }

  #seconde-life .item:hover {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake 2s;

    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
  }

  @keyframes shake {
    0% {
      transform: translate(1px, 1px) rotate(0deg);
    }
    10% {
      transform: translate(-1px, -2px) rotate(-1deg);
    }
    20% {
      transform: translate(-3px, 0px) rotate(1deg);
    }
    30% {
      transform: translate(3px, 2px) rotate(0deg);
    }
    40% {
      transform: translate(1px, -1px) rotate(1deg);
    }
    50% {
      transform: translate(-1px, 2px) rotate(-1deg);
    }
    60% {
      transform: translate(-3px, 1px) rotate(0deg);
    }
    70% {
      transform: translate(3px, 1px) rotate(-1deg);
    }
    80% {
      transform: translate(-1px, -1px) rotate(1deg);
    }
    90% {
      transform: translate(1px, 2px) rotate(0deg);
    }
    100% {
      transform: translate(1px, -2px) rotate(-1deg);
    }
  }

  #seconde-life .item:hover .it {
    color: #333d28;
  }

  #seconde-life .breadcrumb-sl {
    display: none;
  }

  #seconde-life .cta {
    padding: 18px 24px;
    cursor: pointer;

    display: inline-block;
    font-weight: 550;
    font-size: 1.6rem;

    font-weight: 550;
    transition: margin 0.2s ease-out;
  }

  #seconde-life .cta p {
    position: relative;
    display: inline-block;
  }

  #seconde-life .cta p {
    margin-left: 60px;
  }

  #seconde-life .cta p:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 45px;
    background-color: #2d3714;
    top: 50%;
    left: -40%;
    transition: width 0.2s ease-out;
  }

  #seconde-life .cta p:hover:before {
    width: 50px;
  }

  #seconde-life .cta p:hover {
    margin-left: 80px;
    transition: margin 0.2s ease-out;
  }

  #seconde-life .how-to-bloc,
  #seconde-life .iframe-container,
  #seconde-life .seconde-life__map {
    background-color: #f8f5f0;
  }

  #seconde-life .seconde-life__map {
    text-align: center;
    padding-bottom: 6rem;
  }

  #seconde-life .seconde-life__map .map-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }

  #seconde-life .seconde-life__map .map-container img {
    width: 100%;
  }
  #seconde-life .iframe-container {
    padding-bottom: 2rem;

    border-radius: 0 0 10px 10px;
  }

  .seconde-life__faq .cgv span:first-child {
    border-radius: 50%;
    border: 1px solid;
    padding: 4px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
  }

  .seconde-life__faq .cgv {
    text-align: center;
    margin: 2rem;
    font-size: 1.6rem;
    font-weight: 370;
  }

  @media screen and (min-width: 1024px) {
    #seconde-life .desktop {
      display: block;
    }

    #seconde-life .mobile {
      display: none;
    }

    #seconde-life ul.breadcrumb-sl li,
    #seconde-life .breadcrumb-sl {
      display: inline;
    }

    #seconde-life .breadcrumb-sl {
      position: absolute;
      top: 30%;
      right: 50%;
      transform: translate(50%, -50%);
      color: #fff;
      font-size: 1.6rem;
    }

    #seconde-life ul.breadcrumb-sl li + li:before {
      content: "/\00a0";
    }

    #seconde-life ul.breadcrumb-sl li a {
      text-decoration: none;
      color: #fff;
    }
    #seconde-life .hero {
      background-image: url(https://www.alinea.com/on/demandware.static/-/Library-Sites-Alinea-Shared/default/dwd812c49d/seconde-vie/desktop.jpg);
      height: 50vh;
    }
    #seconde-life .text-container .highlight {
      font-size: 3.5rem;
      line-height: 1.3;
    }

    #seconde-life h2,
    .seconde-life__faq h2 {
      font-size: 3rem;
    }

    #seconde-life .iframe-container h2 {
      padding: 2rem 0 6rem;
    }

    #seconde-life .how-to {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      margin-bottom: 4rem;
    }

    #seconde-life .how-to-bloc {
      background-color: #f8f5f0;
      padding: 4rem 0;
    }

    #seconde-life .item {
      display: grid;
      grid-template-rows: 1fr 0.5fr;
    }

    #seconde-life .text-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      text-align: start;
      margin: 7rem auto;
      gap: 2rem;
    }

    #seconde-life .text-container p {
      line-height: 2;
    }

    #seconde-life .seconde-life__map .map-container {
      width: 65%;
    }

    #seconde-life .seconde-life__map h2 {
      padding: 2rem 0 6rem;
    }

    #seconde-life .seconde-life__map {
      padding-bottom: 8rem;
    }
  }

  @media screen and (min-width: 1400px) {
    #seconde-life .text-container {
      margin: 13rem auto 10rem;
    }

    #seconde-life .how-to {
      width: 60%;
      margin: 7rem auto 5rem;
    }
  }
</style>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<style type="text/css">
  .title {
    font-size: 3em;
    color: #333d28;
  }
  p {
    font-size: 1.3em;
    color: #333d28;
  }
  .button-lined {
    border: #333d28 1px solid;
    padding: 10px;
    background: transparent;
    transition: all 0.3s ease 0s;
    color: #333d28;
  }
  .button-lined:hover {
    background: #333d28;
    color: white !important;
    transition: all 0.3s ease 0s;
  }
</style>

<div class="seconde-life__faq">
  <h2>Foire aux questions</h2>
  <div class="section closea">
    <div class="subtitle no-pct button-close">
      Quand déposer mon meuble ?
      <span> -</span>
    </div>
    <div class="subtitle no-pct button-open">
      Quand déposer mon meuble ?
      <span>+</span>
    </div>
    <div class="box boxclosea">
      <div class="text-content">
        <div class="col-a">
          <p>
            Si l’estimation de reprise vous convient vous pouvez vous rendre
            tous les jours dans un de nos magasins participants pour faire
            reprendre votre meuble. Il n’y a pas de jour ou de créneau
            spécifique réservé à la reprise, pour éviter trop d’attente nous
            vous conseillons d’éviter le samedi. Attention, le prix de reprise
            estimé en ligne n’est qu’une estimation sur la base des réponses aux
            questionnaires. C’est le conseiller en magasin qui établira le prix
            de reprise définitif après l’inspection du meuble.
          </p>
        </div>
      </div>
    </div>
  </div>

  <div class="section closeb">
    <div class="subtitle no-pct button-close">
      Où déposer mon meuble ?
      <span> -</span>
    </div>
    <div class="subtitle no-pct button-open">
      Où déposer mon meuble ?
      <span>+</span>
    </div>
    <div class="box boxcloseb">
      <div class="text-content">
        <div class="col-a">
          <p>
            Les reprises de meubles d’occasion ont lieu dans l’espace retrait
            marchandise des magasins participants
          </p>
        </div>
      </div>
    </div>
  </div>
  <div class="section closec">
    <div class="subtitle no-pct button-close">
      Est-ce mon magasin dispose d’un corner seconde vie ? <span> -</span>
    </div>
    <div class="subtitle no-pct button-open">
      Est-ce mon magasin dispose d’un corner seconde vie ? <span>+</span>
    </div>
    <div class="box boxclosec">
      <div class="text-content">
        <div class="col-a">
          <p>
            Tous les magasins alinea ne disposent pas d’un espace de reprise et
            revente seconde vie. Les magasins participants sont : Aubagne,
            Herblay, Bordeaux, Grenoble, Montpellier, Beauvais, Creil, Le Havre,
            Limoges
          </p>
        </div>
      </div>
    </div>
  </div>

  <div class="section closed">
    <div class="subtitle no-pct button-close">
      Quels sont les conditions de reprise des meubles ?
      <span> -</span>
    </div>
    <div class="subtitle no-pct button-open">
      Quels sont les conditions de reprise des meubles ?
      <span>+</span>
    </div>
    <div class="box boxclosed">
      <div class="text-content">
        <div class="col-a">
          <p>
            Les meubles repris sont de marque alinea, en bon état, complet et
            fonctionnel.
          </p>
          <p>
            Les produits éligibles sont : liste des produits éligibles : canapé
            non convertible, fauteuil, table basse, bibliothèque, buffet, meuble
            TV, bout de canapé, console, meuble à chaussures, vestiaire, bureau,
            chaise de bureau, tête de lit, armoire, commode, chiffonnier,
            chevet, colonne de salle de bain, table fixe, table extensible,
            ilot, bar, tabouret de bar, dessert, salon de jardin, chilienne,
            bain de soleil, pied de parasol, hamac, fauteuil suspendu
          </p>
        </div>
      </div>
    </div>
  </div>

  <div class="section closee">
    <div class="subtitle no-pct button-close">
      Comment sont fixés les tarifs de reprise ?
      <span> -</span>
    </div>
    <div class="subtitle no-pct button-open">
      Comment sont fixés les tarifs de reprise ?
      <span>+</span>
    </div>
    <div class="box boxclosee">
      <div class="text-content">
        <div class="col-a">
          <p>
            Les tarifs de reprise sont fixés en fonction de la catégorie du
            meuble, de son état général, de sa vétusté et de son prix de vente
            initial. C’est le conseiller en magasin qui fixe le tarif de
            reprise. L’estimateur en ligne donnera une estimation sur la base
            des réponses au questionnaire.
          </p>
        </div>
      </div>
    </div>
  </div>
  <div class="section closef">
    <div class="subtitle no-pct button-close">
      Pourquoi certains meubles ne sont pas repris ? <span> -</span>
    </div>
    <div class="subtitle no-pct button-open">
      Pourquoi certains meubles ne sont pas repris ? <span>+</span>
    </div>
    <div class="box boxclosef">
      <div class="text-content">
        <div class="col-a">
          <p>
            Pour des raisons d’hygiène principalement, la literie et les meubles
            de salle de bain ne sont pas repris.
          </p>
        </div>
      </div>
    </div>
  </div>

  <div class="section closeg">
    <div class="subtitle no-pct button-close">
      Comment estimer l’état de mon meuble ? <span> -</span>
    </div>
    <div class="subtitle no-pct button-open">
      Comment estimer l’état de mon meuble ? <span>+</span>
    </div>
    <div class="box boxcloseg">
      <div class="text-content">
        <div class="col-a">
          <p>
            Comme neuf : Le meuble a moins d’1 an et ne présente aucun défaut.
          </p>
          <p>
            Très bon état : Le meuble a plus d’1 an et ne présente pas de défaut
            visible.
          </p>
          <p>
            Bon état : Le meuble présente des signes d’usure possible et peut
            posséder des défaut non visibles à plus d’1 mètre
          </p>
          <p>
            Si votre meuble présente de fortes marques usure et des défaut
            visible à moins d’1 mètre, il ne pourra pas être repris chez alinea
            dans le cadre du programme Seconde vie.
          </p>
        </div>
      </div>
    </div>
  </div>
  <div class="section closeh">
    <div class="subtitle no-pct button-close">
      Comment utiliser le bon d’achat reçu ? <span> -</span>
    </div>
    <div class="subtitle no-pct button-open">
      Comment utiliser le bon d’achat reçu ? <span>+</span>
    </div>
    <div class="box boxcloseh">
      <div class="text-content">
        <div class="col-a">
          <p>
            Le bon d’achat peut être utilisé en dans toutes les catégories de
            produit sans minimum d’achat sous 3 mois.
          </p>
        </div>
      </div>
    </div>
  </div>

  <div class="section closei">
    <div class="subtitle no-pct button-close">
      Que deviendra mon meuble ensuite ? <span> -</span>
    </div>
    <div class="subtitle no-pct button-open">
      Que deviendra mon meuble ensuite ? <span>+</span>
    </div>
    <div class="box boxclosei">
      <div class="text-content">
        <div class="col-a">
          <p>
            Le meuble d’occasion sera proposé à la revente dans l’espace seconde
            vie du magasin alinea. Le prix sera fixé par le personnel en
            magasin.
          </p>
        </div>
      </div>
    </div>
  </div>

  <div class="section closej">
    <div class="subtitle no-pct button-close">
      Est-ce que je peux faire reprendre de la déco ? <span> -</span>
    </div>
    <div class="subtitle no-pct button-open">
      Est-ce que je peux faire reprendre de la déco ? <span>+</span>
    </div>
    <div class="box boxclosej">
      <div class="text-content">
        <div class="col-a">
          <p>
            Le programme seconde vie ne concerne que les meubles aujourd’hui
            mais nous travaillons activement à la reprise d’objet déco et linge
            de maison en 2024.
          </p>
        </div>
      </div>
    </div>
  </div>

  <div class="cgv">
    <a href="/fr-fr/media/cgv-seconde-vie.html">
      <span>i</span>
      <span>Consulter les CGV du service</span></a
    >
  </div>
</div>

<style>
  .seconde-life__faq {
    padding: 30px;
  }

  .text-content {
    display: block;
  }
  .col-a {
    width: 100%;
  }
  .title {
    font-size: 30px;
    line-height: 0px;
    color: #242d1b;
  }
  .section {
    background: #f8f8f2;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 10px;
  }
  .subtitle {
    font-size: 20px;
    font-weight: bold;
    padding: 15px 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid #c2c8be;
    color: #242d1b;
  }
  .section p,
  .section span {
    font-size: 1.3em;
    color: #494e56;
  }

  th {
    text-align: left;
    background: #f2f2e6;
    padding: 15px;
  }
  tr {
    text-align: left;
    background: #fbfbf9;
  }
  tr:nth-child(even) {
    background-color: #fff;
  }
  td {
    padding: 15px;
    color: #3a4049;
  }
  table {
    border-spacing: 0px;
  }
  td:first-child {
    color: #487274;
  }

  .section ul {
    padding: 0px 15px;
    list-style: none;
  }

  .section li::before {
    content: "• ";
    color: #b58452;
    padding-right: 7px;
    font-size: 14px;
  }
  .section li {
    padding: 10px;
    text-indent: -1.3em;
    list-style-type: none;
  }
  .section .content-titleb {
    font-size: 1.4em;
    padding-bottom: 15px;
    border-bottom: 1px solid #c2c8be;
    width: 100%;
    font-weight: bold;
    max-width: 40%;
  }

  .sub-content {
    display: flex;
  }
  .sub-content .pct {
    width: 45px;
    margin-right: 15px;
  }

  .button-lined {
    border: #333d28 1px solid;
    padding: 10px;
    background: transparent;
    transition: all 0.3s ease 0s;
    color: #333d28;
  }

  .button-lined:hover {
    background: #333d28;
    color: white !important;
    transition: all 0.3s ease 0s;
  }

  .subtitle span {
    float: right;
  }
  .close .button-close {
    display: none;
  }
  .closea .button-close {
    display: none;
  }
  .closeb .button-close {
    display: none;
  }
  .closec .button-close {
    display: none;
  }
  .closed .button-close {
    display: none;
  }
  .closee .button-close {
    display: none;
  }
  .closef .button-close {
    display: none;
  }
  .closeg .button-close {
    display: none;
  }
  .closeh .button-close {
    display: none;
  }
  .closei .button-close {
    display: none;
  }
  .closej .button-close {
    display: none;
  }
  .closek .button-close {
    display: none;
  }
  .closel .button-close {
    display: none;
  }
  .closem .button-close {
    display: none;
  }
  .closen .button-close {
    display: none;
  }
  .closeo .button-close {
    display: none;
  }
  .closep .button-close {
    display: none;
  }
  .closeq .button-close {
    display: none;
  }
  .closer .button-close {
    display: none;
  }

  .close .box {
    display: none;
  }
  .closea .box {
    display: none;
  }
  .closeb .box {
    display: none;
  }
  .closec .box {
    display: none;
  }
  .closed .box {
    display: none;
  }
  .closee .box {
    display: none;
  }
  .closef .box {
    display: none;
  }
  .closeg .box {
    display: none;
  }
  .closeh .box {
    display: none;
  }
  .closei .box {
    display: none;
  }
  .closej .box {
    display: none;
  }
  .closek .box {
    display: none;
  }
  .closel .box {
    display: none;
  }
  .closem .box {
    display: none;
  }
  .closen .box {
    display: none;
  }
  .closeo .box {
    display: none;
  }
  .closep .box {
    display: none;
  }
  .closeq .box {
    display: none;
  }
  .closer .box {
    display: none;
  }

  .box p {
    width: 100%;
    line-height: 20px;
  }
  .open .button-open {
    display: none;
  }
  .opena .button-open {
    display: none;
  }
  .openb .button-open {
    display: none;
  }

  @media all and (max-width: 415px) {
    .title-container {
      height: 918px;
      padding: 4rem 2rem 1rem;
      margin: 0;
    }

    .text-content {
      display: block;
    }
    .col-a {
      width: 100%;
      padding: 30px 0px;
    }
    .content-titleb {
      max-width: 100%;
    }
  }
</style>

<script>
  $(".open .button-close").click(function () {
    $(".boxopen").hide();
    $(".open .button-open").show();
    $(".open .button-close").hide();
  });

  $(".open .button-open").click(function () {
    $(".open .boxopen").show();
    $(".open .button-open").hide();
    $(".open .button-close").show();
  });

  $(".closea .button-close").click(function () {
    $(".boxclosea").hide();
    $(".closea .button-open").show();
    $(".closea .button-close").hide();
  });

  $(".closea .button-open").click(function () {
    $(".closea .boxclosea").show();
    $(".closea .button-open").hide();
    $(".closea .button-close").show();
  });

  $(".closeb .button-close").click(function () {
    $(".boxcloseb").hide();
    $(".closeb .button-open").show();
    $(".closeb .button-close").hide();
  });

  $(".closeb .button-open").click(function () {
    $(".closeb .boxcloseb").show();
    $(".closeb .button-open").hide();
    $(".closeb .button-close").show();
  });

  $(".closec .button-close").click(function () {
    $(".boxclosec").hide();
    $(".closec .button-open").show();
    $(".closec .button-close").hide();
  });

  $(".closec .button-open").click(function () {
    $(".closec .boxclosec").show();
    $(".closec .button-open").hide();
    $(".closec .button-close").show();
  });

  $(".closed .button-close").click(function () {
    $(".boxclosed").hide();
    $(".closed .button-open").show();
    $(".closed .button-close").hide();
  });

  $(".closed .button-open").click(function () {
    $(".closed .boxclosed").show();
    $(".closed .button-open").hide();
    $(".closed .button-close").show();
  });

  $(".closee .button-close").click(function () {
    $(".boxclosee").hide();
    $(".closee .button-open").show();
    $(".closee .button-close").hide();
  });

  $(".closee .button-open").click(function () {
    $(".closee .boxclosee").show();
    $(".closee .button-open").hide();
    $(".closee .button-close").show();
  });

  $(".closef .button-close").click(function () {
    $(".boxclosef").hide();
    $(".closef .button-open").show();
    $(".closef .button-close").hide();
  });

  $(".closef .button-open").click(function () {
    $(".closef .boxclosef").show();
    $(".closef .button-open").hide();
    $(".closef .button-close").show();
  });

  $(".closeg .button-close").click(function () {
    $(".boxcloseg").hide();
    $(".closeg .button-open").show();
    $(".closeg .button-close").hide();
  });

  $(".closeg .button-open").click(function () {
    $(".closeg .boxcloseg").show();
    $(".closeg .button-open").hide();
    $(".closeg .button-close").show();
  });

  $(".closeh .button-close").click(function () {
    $(".boxcloseh").hide();
    $(".closeh .button-open").show();
    $(".closeh .button-close").hide();
  });

  $(".closeh .button-open").click(function () {
    $(".closeh .boxcloseh").show();
    $(".closeh .button-open").hide();
    $(".closeh .button-close").show();
  });

  $(".closei .button-close").click(function () {
    $(".boxclosei").hide();
    $(".closei .button-open").show();
    $(".closei .button-close").hide();
  });

  $(".closei .button-open").click(function () {
    $(".closei .boxclosei").show();
    $(".closei .button-open").hide();
    $(".closei .button-close").show();
  });

  $(".closej .button-close").click(function () {
    $(".boxclosej").hide();
    $(".closej .button-open").show();
    $(".closej .button-close").hide();
  });

  $(".closej .button-open").click(function () {
    $(".closej .boxclosej").show();
    $(".closej .button-open").hide();
    $(".closej .button-close").show();
  });

  $(".closek .button-close").click(function () {
    $(".boxclosek").hide();
    $(".closek .button-open").show();
    $(".closek .button-close").hide();
  });

  $(".closek .button-open").click(function () {
    $(".closek .boxclosek").show();
    $(".closek .button-open").hide();
    $(".closek .button-close").show();
  });

  $(".closel .button-close").click(function () {
    $(".boxclosel").hide();
    $(".closel .button-open").show();
    $(".closel .button-close").hide();
  });

  $(".closel .button-open").click(function () {
    $(".closel .boxclosel").show();
    $(".closel .button-open").hide();
    $(".closel .button-close").show();
  });

  $(".closem .button-close").click(function () {
    $(".boxclosem").hide();
    $(".closem .button-open").show();
    $(".closem .button-close").hide();
  });

  $(".closem .button-open").click(function () {
    $(".closem .boxclosem").show();
    $(".closem .button-open").hide();
    $(".closem .button-close").show();
  });

  $(".closen .button-close").click(function () {
    $(".boxclosen").hide();
    $(".closen .button-open").show();
    $(".closen .button-close").hide();
  });

  $(".closen .button-open").click(function () {
    $(".closen .boxclosen").show();
    $(".closen .button-open").hide();
    $(".closen .button-close").show();
  });

  $(".closeo .button-close").click(function () {
    $(".boxcloseo").hide();
    $(".closeo .button-open").show();
    $(".closeo .button-close").hide();
  });

  $(".closeo .button-open").click(function () {
    $(".closeo .boxcloseo").show();
    $(".closeo .button-open").hide();
    $(".closeo .button-close").show();
  });

  $(".closep .button-close").click(function () {
    $(".boxclosep").hide();
    $(".closep .button-open").show();
    $(".closep .button-close").hide();
  });

  $(".closep .button-open").click(function () {
    $(".closep .boxclosep").show();
    $(".closep .button-open").hide();
    $(".closep .button-close").show();
  });

  $(".closeq .button-close").click(function () {
    $(".boxcloseq").hide();
    $(".closeq .button-open").show();
    $(".closeq .button-close").hide();
  });

  $(".closeq .button-open").click(function () {
    $(".closeq .boxcloseq").show();
    $(".closeq .button-open").hide();
    $(".closeq .button-close").show();
  });

  $(".closer .button-close").click(function () {
    $(".boxcloser").hide();
    $(".closer .button-open").show();
    $(".closer .button-close").hide();
  });

  $(".closer .button-open").click(function () {
    $(".closer .boxcloser").show();
    $(".closer .button-open").hide();
    $(".closer .button-close").show();
  });
</script>