@charset "UTF-8";
/* CSS Document */

.section-top {
  text-align: left;
  padding: 10px 35px 15px;
}
.section-top h2 {
  font-size: 2.4rem;
  margin:0 auto  10px;
  max-width: 400px;
}
@media(min-width: 960px) {
  .section-top {
    padding: 50px 75px;
    max-width: 1260px;
  }
  .section-top__title {
    max-width: 1000px;
    padding-left: 70px;
    margin: 0 auto;
  }
  .section-top__title h2 {
    max-width: 1000px;
  }
}
/*mobile*/
.section-mobile {
  padding: 50px 35px 15px;
}
.section-mobile__image {
  max-width: 400px;
  margin: 0 auto;
}
.section-mobile__image img {
  width: 100%;
}
.section-mobile__description {
  padding-top: 30px;
  margin: 0 auto;
  text-align: left;
  max-width: 400px;
}
/*mobile,aroma-stone*/
.section-mobile__description h3,
.section-aroma-stone__description h3 {
  font-size: 1.6rem;
  font-weight: 400;
  padding: 0 15px;
  margin-bottom: 25px;
}
/*mobile,ornament,aroma-stone*/
.section-mobile__description p,
.section-ornament__description p,
.section-aroma-stone__description p {
  padding: 0 15px;
  margin-bottom: 15px;
}
@media(min-width:960px) {
  .section-mobile {
    padding: 50px 75px 100px; 
    max-width: 1260px;
  }
  .section-mobile__wrapper {
    display: flex;
    padding: 0 0 0 80px;
    max-width: 1000px;
    margin: 0 auto;
  }
  .section-mobile__image {
    margin: 0;
    max-width: 500px;
  }
  .section-mobile__description {
    padding: 120px 0 0 55px;
    margin: 0;
    font-size: 1.3rem;
  }
  .section-mobile__description h3 {
    font-size: 1.8rem;
    margin-bottom: 40px;
  }
  .section-mobile__description p {
    margin-bottom: 20px;
    padding: 0 0 0 15px;
    font-size: 1.3rem;
  }
}
/*ornament,aroma-stone*/
.section-ornament {
  padding: 30px 35px 15px;
}
.section-aroma-stone {
  padding: 30px 35px 15px;
}
.section-ornament ul li,
.section-aroma-stone ul li {
  list-style: none;
  max-width: 400px;
  padding: 40px 0 20px;
  margin: 0 auto;
}
.section-ornament ul li img,
.section-aroma-stone ul li img {
  width: 100%;
}
.section-ornament__description,
.section-aroma-stone__description{
  text-align: left;
  margin: 0 auto;
  max-width: 400px;
}
.section-ornament__description h3,
.section-aroma-stone__description h3 {
  font-size: 1.6rem;
  font-weight: 400;
  padding: 10px 15px 0;
  margin-bottom: 25px;
}
.description-flex {
  display: none;
}
@media(min-width: 960px) {
  .description-flex {
    display: block;
  }
  .section-ornament,
  .section-aroma-stone {
    padding: 100px 75px;
    max-width: 1260px;
  }
  .section-ornament ul li:first-child,
  .section-aroma-stone ul li:first-child {
    display: flex;
    max-width: 1000px;
    text-align: left;
    padding: 0 0 0 80px;
    margin: 0 auto;
  }
  .section-ornament ul li:first-child img,
  .section-aroma-stone ul li:first-child img {
    max-width: 500px;
    max-height: 500px;
  }
  .section-ornament ul li:first-child h3 {
    font-size: 1.8rem;
    font-weight: 400;
    padding: 100px 0 25px 15px;
    margin-bottom: 25px;
  }
  .section-aroma-stone ul li:first-child h3 {
    font-size: 1.8rem;
    font-weight: 400;
    padding: 140px 0 25px 15px;
    margin-bottom: 25px;
  }
  .section-ornament ul li:first-child p,
  .section-aroma-stone ul li:first-child p {
    font-size: 1.3rem;
    padding: 0 70px 0 15px;
    margin-bottom: 20px;
  }
  .section-ornament ul li:last-child,
  .section-aroma-stone ul li:last-child {
    padding: 80px 200px 0 0;
    margin: 0 auto;
    max-width: 500px;
  }
  .section-ornament__description,
  .section-aroma-stone__description {
    display: none;
  }
}