/** Shopify CDN: Minification failed

Line 12:0 Unexpected "{"
Line 12:1 Expected identifier but found "%"
Line 31:0 Unexpected "{"
Line 31:1 Expected identifier but found "%"

**/


/* CSS from section stylesheet tags */
{% if template.name =='index' %}
  .clipped-bg-bottom {
    position:absolute;
    bottom: 99.5%;
    right: 0;
    width: 70%;
    height:100%;
    background-color: #1c302c;
    clip-path: polygon(100% 81%, 0% 100%, 100% 100%);
  }

  @media screen and (min-width: 750px) {
    .clipped-bg-bottom {
      width: 85%;
      height: 150%; 
      bottom: 99.5%;
    }
  }

{% endif %}



  
  .pc-image, .mobile-image {
  max-width: 100%; /* 親要素に合わせて画像の幅を調整 */
  height: auto; /* アスペクト比を保持して高さを自動調整 */
}

  .new-image-container{
    margin-top:50px;
    margin-bottom:50px;
    /* text-align:center;
    width: 100%; 
    margin: 0 auto; 
    padding: 20px; 
    box-sizing: border-box; */
  }

@media screen and (min-width: 768px) {
  .pc-image{
    padding:auto 50px;
    margin:0% auto;
  }
  .mobile-image {
    display: none; /* スマホ画像を非表示にする */
  }
}

/* スマホサイズの場合 */
@media screen and (max-width: 767px) {
  .pc-image {
    display: none; /* PC画像を非表示にする */
  }
   .mobile-image{
     margin:0% auto;
   }
}