@import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap");
.midashi {
  margin-bottom: 3rem; }

@media screen and (max-width: 768px) {
  .main02 img {
    width: 130%;
    margin-left: -15%;
    margin-right: -15%; } }

@media screen and (max-width: 768px) {
  .main03 img {
    width: 140%;
    margin-left: -20%;
    margin-right: -20%; } }

#appearance {
  /**background: url("../images/design/design-bg01.jpg") center right no-repeat;
  background-size: cover;**/ }
  #appearance .inner {
    padding-top: 8rem;
    padding-bottom: 8rem; }
  @media screen and (max-width: 768px) {
    #appearance {
      /**background: url("../images/design/design-bg01.jpg") no-repeat;
      background-size: cover;**/
      background-position: right 40% bottom 0%; } }

#material .inner {
  padding-top: 8rem;
  padding-bottom: 8rem; }
#material .obi-ttl {
  margin-bottom: 1.5rem;
  letter-spacing: 0.2rem; }
#material .note {
  text-align: right;
  margin-top: 1rem;
  display: block; }

.inner01 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-bottom: 1rem; }
  .inner01 .copy {
    width: 69%; }
  .inner01 .img {
    width: 28%;
    margin-left: 3%; }
  @media screen and (max-width: 600px) {
    .inner01 .copy {
      width: 100%; }
    .inner01 .img {
      width: 100%;
      margin-left: 0%;
      margin-top: 4rem; } }

.plant-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 3rem; }
  .plant-list li {
    width: 24%;
    margin-top: 1%; }
  @media screen and (max-width: 600px) {
    .plant-list li {
      width: 49%;
      margin-top: 2%; } }