@charset "uft-8";


                    /* main */

  .main{

  }

  .main__inner{
    position: relative;
    background-color: #E02E33;
    padding-bottom:40px ;
  }
/* 
  .main__img--txtBox{
    background-image: url(../img/test_img.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 42%;
    height: 11%;
    position: absolute;
    top: 11vw;
    right: 4%;
    z-index: 100;
  } */

  .main__img--txtBox{
    background-image: url(../img/test_img-3.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 550px;
    height: 270px;
    position: absolute;
    top: 11vw;
    right: 4%;
    z-index: 100;
    opacity: 0;
  }

                      @media screen and (max-width:1180px){
                        .main__img--txtBox{
                          width: 35%;
                          height: 8%;
                          top: 16vw;
                          right: 6%;
                        }
                      }

                      @media screen and (max-width:837px){
                        .main__img--txtBox{
                            width: 34%;
                            height: 7%;
                            top: 18vw;
                            right: 6%;
                        }
                      }

                      @media screen and (max-width:768px){
                        .main__img--txtBox {
                          width: 39%;
                          height: 7%;
                          top: 18vw;
                          right: 6%;
                      }
                      }

                      @media screen and (max-width:600px){
                      .main__img--txtBox {
                        width: 40%;
                        height: 7%;
                        top: 18vw;
                        right: 6%;
                    }
                  }

                      @media screen and (max-width:600px){
                      .main__img--txtBox {
                        width: 40%;
                        height: 7%;
                        top: 18vw;
                        right: 6%;
                    }
                  }

                  @media screen and (max-width:597px){
                  .main__img--txtBox {
                    width: 210px;
                    height: 99px;
                    top: 21vw;
                    right: 3%;
                }
              }

                 

  .main__img-box{
    width: 100%;
  }

.main__img-pc{
  padding-top: 60px;
    position: relative;
    margin: 0 auto;
    max-width: 2160px;
}

.main__img-pc::before{
  content: "KAMAGAYA";
  display: block;
  position: absolute;
  bottom: -50px;
  left: 49px;
  font-family: "Alfa Slab One";
  font-size: 8.5rem;
  font-weight: 500;
  color: #E02E33;
  line-height: 1.3;
  letter-spacing: 0.2em;
  -webkit-text-stroke: 4px #FFF;
}

.main__img-pc::after{
  content: "CEDARS";
  display: block;
  position: absolute;
  bottom: -133px;
  left: 50px;
  font-family: "Alfa Slab One";
  font-size: 8.5rem;
  font-weight: 500;
  color: #E02E33;
  line-height: 1.3;
  letter-spacing: 0.2em;
  -webkit-text-stroke: 4px #FFF;
}

.main__img-sp{
  display: none;
}

.main__img img{
    
}


/* .main__title{
  color: #E02E33;
  font-family: "Alfa Slab One";
  font-size: 85px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 12.75px;
  -webkit-text-stroke:6px #F4F4F4;
  margin-top:-50px  ;
}

.main__title2{
  display: block;
  line-height:1.3;
} */

/* home__最上段白斜め背景 */
.home__box--1{
  position: relative;
}

.red__line::before{
  content: "";
  display: inline-block;
  position: absolute;
  top: -54%;
  left: 0;
  clip-path: polygon(100% 0, 0 82%, 0 100%);
  background-color: #E02E33;
  width: 64%;
  height: 49px;
  z-index: 100;
  margin-left: -20px;
  transform: rotate(-10deg);
}

.red__line::after{
  content: "";
  display: inline-block;
  position: absolute;
  top: -55%;
  left: -5px;
  clip-path: polygon(100% 0, 0 72%, 0 100%);
  background-color: #E02E33;
  width: 68%;
  height: 54px;
  z-index: 100;
  margin-left: -20px;
  transform: rotate(-13deg);
}

.home__inner{
  max-width: 1200px;
  width: 94%;
  margin: 0 auto;
}

.home__box--1::after{
  content: "";
  position: absolute;
  top: -300px;
  left: 0px;
  display: inline-block;
  background-color: #F4F4F4;
  clip-path: polygon(100% 0, 100% 13%, 0 100%, 0 24%);
  width: 100%;
  height: 978px;
}

.about{
  display: flex;
  align-items: center;
  margin-top: 300px;
}

.about__txtbox{
  /* background-color: pink; */
  width: 50%;
  z-index: 1;
  margin-top: -50px;
}

.about__logo{
  width: 45%;
  margin: 0 auto;
}

/* homeクラスはabout goal　teamSizeで共通 */

.home__title{
  color: #333;
  font-family: "Hiragino Sans";
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 3.6px;
  text-align: center;
  white-space: nowrap;
}

.home__title::before{
  content: "";
  display: inline-block;
  background-image: url(../img/bat.png);
  background-size: cover;
  background-position: center;
  width: 54px;
  height: 54px;
  margin-right:20px;
  margin-bottom: -3px;
}

.home__title::after{
  content: "";
  display: inline-block;
  background-image: url(../img/bat_right.png);
  background-size: cover;
  background-position: center;
  width: 54px;
  height: 54px;
  margin-left:18px;
  margin-bottom: -3px;
}

.home__txt{
  color: #333;
  font-family: "Hiragino Sans";
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 30px; /* 187.5% */
  margin-top: 24px;
  padding: 0 15px;
}

.home__img{
  width: 50%;
  margin-left: 108px;
  margin-top: -84px;
  z-index: 1;
}

.home__img img{

}

/* home__斜め背景中段 */
.home__box--2{
  position: relative;
  overflow-x: clip;
}

.red__line-2::before{
  content: "";
  display: inline-block;
  position: absolute;
  top: 10%;
  right: -5px;
  clip-path: polygon(0 0, 100% 100%, 100% 69%);
  background-color: #E02E33;
  width: 35%;
  height: 49px;
  z-index: 100;
  transform: rotate(-2deg);
}

.red__line-2::after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 12%;
  right: 0;
  clip-path: polygon(0 0, 100% 100%, 100% 65%);
  background-color: #E02E33;
  width: 48%;
  height: 54px;
  z-index: 100;
  margin-right: -20px;
  transform: rotate(1deg);
}

.home__inner{
  position: relative;
  z-index: 1;
  max-width: 1200px;
  width: 94%;
  margin: 0 auto;
}

.home__box--2::after{
  content: "";
  position: absolute;
  top: 75px;
  left: 0px;
  display: inline-block;
  background-color: #F4F4F4;
  clip-path: polygon(44% 0, 100% 0, 100% 79%, 0 49%);
  width: 100%;
  height: 800px;
}

/* HOME中段背景終わり */

.goal{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.goal__img{
  width: 80%;
}

.goal__txtbox{
  margin-top: 70px;
}

.home__red{
  color: #E02E33;
}


/* home__斜め背景下段 */
.home__box--3{
  position: relative;
  overflow-x: clip;
}

.red__line-3::before{
  content: "";
  display: inline-block;
  position: absolute;
  top: -58%;
  left: -5px;
  clip-path: polygon(100% 0, 0 68%, 0 100%);
  background-color: #E02E33;
  width: 40%;
  height: 49px;
  z-index: 100;
  transform: rotate(10deg)
}

.red__line-3::after{
  content: "";
  display: inline-block;
  position: absolute;
  top: -46%;
  left: -5px;
  clip-path: polygon(100% 0, 0 41%, 0 100%);
  background-color: #E02E33;
  width: 46%;
  height: 34px;
  z-index: 100;
  margin-right: -20px;
  transform: rotate(6deg);
}

.home__inner{
  position: relative;
  z-index: 1;
  max-width: 1200px;
  width: 94%;
  margin: 0 auto;
}

.home__box--3::after{
  content: "";
  position: absolute;
  top: -192px;
  left: 0px;
  display: inline-block;
  background-color: #F4F4F4;
  width: 100%;
  height: 519px;
  clip-path: polygon(0% 0, 100% 45%, 92% 92%, 0 99%, 0 0);
}


.teamSize{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 135px;
}

.teamSize__txtBox{
width: 50%;
}

.teamSize__flexBox{
  /* display: flex;
  align-items: flex-end;
  justify-content: flex-end; */
}

.teamSize__list{
  color: #333;
  font-family: "Hiragino Sans";
  font-size: 2rem;
text-align: center;
}

.teamSize__item{
  margin-top: 12px;
}

.teamSize__item:first-of-type{
  margin-top: 24px;
}

.teamSize__box{

  text-align: right;

}

.teamSize__total{
  color: #333;
  font-family: "Hiragino Sans";
  font-size: 1.6rem;
  letter-spacing: 2.4px;
}

.teamSize__total2{
  color: #333;
  font-family: "Hiragino Sans";
  font-size: 1.4rem;
  letter-spacing: 2.1px;
}

.triangle__top{
  position: relative;
}

.triangle__top::before{
  content: "";
    position: absolute;
    top: 100%;
    right: 50%;
    transform: translatex(50%);
    border-right: calc(50vw - 10px)  solid transparent;
    border-left: calc(50vw - 10px)  solid transparent;
    border-top: 100px solid pink;
}

  /* <!-- ３角形　上 --> */

  .topics__top{
    position: relative;
    padding: 120px 4% 0;
    background-color: #E02E33;
    overflow-x: clip;
    margin-top: -1px;
}

.topics__top::before{
    content: "";
    position: absolute;
    top: 100%;
    right: 50%;
    transform: translatex(50%);
    background: #E02E33;
    width: 100%;
    height: 90%;
    clip-path: polygon(0 0, 50% 100%, 100% 0%);
    z-index: 0;
    margin-top: -1px;
}
.topics__top::after{
    content: "";
    position: absolute;
    top: 95%;
    right: 50%;
    transform: translatex(50%);
    border-right: calc(65vw - 0px) solid transparent;
    border-left: calc(65vw - 0px) solid transparent;
    border-top: 141px solid #f4f4f4;
    margin-top: -1px;
    z-index: -1;
}

        /* 斜め白背景　メディアクエリ */

                /* 最上段 */
                @media screen and (max-width:1180px){
                .red__line::before{
                  top: -39%;
                  left: 0;
                  clip-path: polygon(100% 0, 0 70%, 0 100%);
                  width: 39%;
                  transform: rotate(-10deg);
                }

                .red__line::after{
                  top: -42%;
                  left: -5px;
                  clip-path: polygon(100% 0, 0 70%, 0 100%);
                  background-color: #E02E33;
                  width: 54%;
                  height: 54px;
                  transform: rotate(-13deg);
                }

                .home__box--1::after{
                  top: -300px;
                  left: 0px;
                  display: inline-block;
                  background-color: #F4F4F4;
                  clip-path: polygon(100% 0, 100% 13%, 0 100%, 0 24%);
                  width: 100%;
                  height: 978px;
                }


                /* 中段 */
                .home__box--2{
                  position: relative;
                  overflow-x: clip;
                }
                
                .red__line-2::before{
                  content: "";
                  display: inline-block;
                  position: absolute;
                  top: 11%;
                  right: -5px;
                  clip-path: polygon(0 0, 100% 100%, 100% 70%);
                  background-color: #E02E33;
                  width: 42%;
                  height: 49px;
                  z-index: 100;
                  transform: rotate(0deg);
                }
                
                .red__line-2::after{
                  content: "";
                  display: inline-block;
                  position: absolute;
                  top: 14%;
                  right: 0;
                  clip-path: polygon(0 0, 100% 100%, 100% 61%);
                  background-color: #E02E33;
                  width: 50%;
                  height: 54px;
                  z-index: 100;
                  margin-right: -20px;
                  transform: rotate(3deg);
                }
                
                .home__inner{
                  position: relative;
                  z-index: 1;
                  max-width: 1200px;
                  width: 94%;
                  margin: 0 auto;
                }
                
                .home__box--2::after{
                  content: "";
                  position: absolute;
                  top: 75px;
                  left: 0px;
                  display: inline-block;
                  background-color: #F4F4F4;
                  clip-path: polygon(41% 0, 100% 0, 100% 79%, 0 49%);
                  width: 100%;
                  height: 690px;
                }
                
                /* 中段背景終わり */

                /* 下段 */
                .home__box--3{
                  position: relative;
                  overflow-x: clip;
                }
                
                .red__line-3::before{
                  content: "";
                  display: inline-block;
                  position: absolute;
                  top: -54%;
                  left: -9px;
                  clip-path: polygon(100% 0, 0 76%, 0 100%);
                  background-color: #E02E33;
                  width: 51%;
                  height: 49px;
                  z-index: 100;
                  transform: rotate(11deg);
                }
                
                .red__line-3::after{
                  content: "";
                  display: inline-block;
                  position: absolute;
                  top: -46%;
                  left: -5px;
                  clip-path: polygon(100% 0, 0 50%, 0 100%);
                  background-color: #E02E33;
                  width: 46%;
                  height: 34px;
                  z-index: 100;
                  margin-right: -20px;
                  transform: rotate(7deg);
                }
                
                .home__inner{
                  position: relative;
                  z-index: 1;
                  max-width: 1200px;
                  width: 94%;
                  margin: 0 auto;
                }
                
                .home__box--3::after{
                  content: "";
                  position: absolute;
                  top: -192px;
                  left: 0px;
                  display: inline-block;
                  background-color: #F4F4F4;
                  width: 100%;
                  height: 519px;
                  clip-path: polygon(0% 0, 100% 45%, 92% 92%, 0 99%, 0 0);
                }
              }

              /* 1124px */
              /* @media screen and (max-width:1124px){
                .red__line::before{
                        content: "";
                        display: inline-block;
                        position: absolute;
                        top: -37%;
                        left: 0;
                        clip-path: polygon(100% 0, 0 77%, 0 100%);
                        background-color: #E02E33;
                        width: 38%;
                        height: 49px;
                        z-index: 100;
                        margin-left: -20px;
                        transform: rotate(-10deg);
                      }
                    } */

              /* 最上段 */
              @media screen and (max-width:1090px){

                .home__img{
                  margin-top: -20px;
                }

                .red__line::before{
                  top: -42%;
                  clip-path: polygon(100% 0, 0 76%, 0 100%);
                  width: 46%;
                }

                .red__line::after{
                  top: -42%;
                  left: -5px;
                  clip-path: polygon(100% 0, 0 70%, 0 100%);
                  background-color: #E02E33;
                  width: 54%;
                  height: 54px;
                  z-index: 100;
                  margin-left: -20px;
                  transform: rotate(-13deg);
                }

                .home__box--1::after{
                  content: "";
                  position: absolute;
                  top: -300px;
                  left: 0px;
                  display: inline-block;
                  background-color: #F4F4F4;
                  clip-path: polygon(100% 0, 100% 13%, 0 100%, 0 24%);
                  width: 100%;
                  height: 978px;
                }


                /* 中段 */
                
                .red__line-2::before{
                  top: 10%;
                }
                
                .red__line-2::after{
                  top: 13%;
                  clip-path: polygon(0 0, 100% 100%, 100% 69%);
                }
                
                .home__inner{
                  position: relative;
                  z-index: 1;
                  max-width: 1200px;
                  width: 94%;
                  margin: 0 auto;
                }
                
                .home__box--2::after{
                  content: "";
                  position: absolute;
                  top: 62px;
                  left: 0px;
                  display: inline-block;
                  background-color: #F4F4F4;
                  clip-path: polygon(39% 0, 100% 0, 100% 79%, 0 49%);
                  width: 100%;
                  height: 647px;
                }
                
                /* 下段背景変更なし*/
                
              }

              @media screen and (max-width:1025px){
/* 1025 最上段 */
                .about{
                  justify-content: center;
                }

                .about__txtbox{
                  width: 40%;
                }

                .home__title{
                  font-size: 2rem;
                }

                .home__title::before{
                  width: 33px;
                  height: 33px;
                }

                .home__title::after{
                  width: 33px;
                  height: 33px;
                }

                .main__img-pc::before {
                  content: "KAMAGAYA";
                  display: block;
                  position: absolute;
                  bottom: -50px;
                  left: 49px;
                  font-family: "Alfa Slab One";
                  font-size: 6.5rem;
                  font-weight: 500;
                  color: #E02E33;
                  line-height: 1.3;
                  letter-spacing: 0.2em;
                  -webkit-text-stroke: 3px #FFF;
              }

              .main__img-pc::after {
                content: "CEDARS";
                display: block;
                position: absolute;
                bottom: -125px;
                left: 50px;
                font-family: "Alfa Slab One";
                font-size: 6.5rem;
                font-weight: 500;
                color: #E02E33;
                line-height: 1.3;
                letter-spacing: 0.2em;
                -webkit-text-stroke: 3px #FFF;
                }

                .home__box--1::after {
                  content: "";
                  position: absolute;
                  top: -300px;
                  left: 0px;
                  display: inline-block;
                  background-color: #F4F4F4;
                  clip-path: polygon(100% 0, 100% 9%, 0 90%, 0 23%);
                  width: 100%;
                  height: 1047px;
                }

              .red__line::before{
                top: -40%;
                left: 0;
                clip-path: polygon(100% 0, 0 69%, 0 100%);
                width: 42%;
                height: 45px;
                transform: rotate(-12deg);
              }

              .red__line::after{
                top: -39%;
                left: -5px;
                clip-path: polygon(100% 0, 0 75%, 0 100%);
                background-color: #E02E33;
                width: 47%;
                height: 54px;
                transform: rotate(-14deg);
              }
              

/*1025 中段 */
                .red__line-2::before{
                  content: "";
                  display: inline-block;
                  position: absolute;
                  top: 8%;
                  right: -5px;
                  clip-path: polygon(0 0, 100% 100%, 100% 69%);
                  background-color: #E02E33;
                  width: 42%;
                  height: 49px;
                  z-index: 100;
                  transform: rotate(-2deg);
                }
                
                .red__line-2::after{
                  content: "";
                  display: inline-block;
                  position: absolute;
                  top: 11%;
                  right: 0;
                  clip-path: polygon(0 0, 100% 100%, 100% 63%);
                  background-color: #E02E33;
                  width: 43%;
                  height: 54px;
                  z-index: 100;
                  margin-right: -20px;
                  transform: rotate(3deg)
                }
                
                .home__inner{
                  position: relative;
                  z-index: 1;
                  max-width: 1200px;
                  width: 94%;
                  margin: 0 auto;
                }
                
                .home__box--2::after{
                  content: "";
                  position: absolute;
                  top: 52px;
                  left: 0px;
                  display: inline-block;
                  background-color: #F4F4F4;
                  clip-path: polygon(42% 0, 100% 0, 100% 81%, 0 54%);
                  width: 100%;
                  height: 647px;
                }
                
/* 中段背景終わり */

/*1025 下段 */
                
                .red__line-3::before{
                  content: "";
                  display: inline-block;
                  position: absolute;
                  top: -41%;
                  left: -9px;
                  clip-path: polygon(100% 0, 0 76%, 0 100%);
                  background-color: #E02E33;
                  width: 51%;
                  height: 49px;
                  z-index: 100;
                  transform: rotate(12deg);
                }
                
                .red__line-3::after{
                  content: "";
                  display: inline-block;
                  position: absolute;
                  top: -34%;
                  left: -5px;
                  clip-path: polygon(100% 0, 0 57%, 0 100%);
                  background-color: #E02E33;
                  width: 46%;
                  height: 34px;
                  z-index: 100;
                  margin-right: -20px;
                  transform: rotate(8deg);
                }
                
                .home__inner{
                  position: relative;
                  z-index: 1;
                  max-width: 1200px;
                  width: 94%;
                  margin: 0 auto;
                }
                
                .home__box--3::after{
                  content: "";
                  position: absolute;
                  top: -129px;
                  left: 0px;
                  display: inline-block;
                  background-color: #F4F4F4;
                  width: 100%;
                  height: 421px;
                  clip-path: polygon(0% 0, 100% 41%, 92% 95%, 0 94%, 0 0);
                }
              }
/*961 最上段 */
              @media screen and (max-width:961px){

                .about__txtbox{
                  margin-top: -92px;
                }

                .home__img {
                  margin-top: -87px;
                }

                .main__img-pc-pc-pc::before {
                  content: "KAMAGAYA";
                  font-size: 6rem;
                  bottom: -40px;
              }

              .main__img-pc-pc-pc::after {
                content: "CEDARS";
                font-size: 6rem;
                bottom: -103px;
                }

                .home__box--1::after {
                  background-color: #F4F4F4;
                  clip-path: polygon(100% 0, 100% 9%, 0 83%, 0 17%);
                  width: 100%;
                  height: 1047px;
              }

              .red__line::before {
                top: -62%;
                left: 0;
                clip-path: polygon(100% 0, 0 68%, 0 100%);
                width: 32%;
                height: 45px;
                transform: rotate(-9deg);
            }

            .red__line::after {
              top: -61%;
              left: -5px;
              clip-path: polygon(100% 0, 0 74%, 0 100%);
              background-color: #E02E33;
              width: 38%;
              height: 54px;
              transform: rotate(-13deg);
          }
/* 最上段終わり */

/*961 中段 */
              .home__box--2::after {
                content: "";
                position: absolute;
                top: 26px;
                left: 0px;
                display: inline-block;
                background-color: #F4F4F4;
                clip-path: polygon(43% 0, 100% 0, 100% 80%, 0 52%);
                width: 100%;
                height: 647px;
              }

              .red__line-2::before {
                  content: "";
                  display: inline-block;
                  position: absolute;
                  top: 1%;
                  right: -5px;
                  clip-path: polygon(0 0, 100% 100%, 100% 78%);
                  background-color: #E02E33;
                  width: 42%;
                  height: 49px;
                  z-index: 100;
                  transform: rotate(-2deg);
              }

              .red__line-2::after {
                content: "";
                display: inline-block;
                position: absolute;
                top: 5%;
                right: 0;
                clip-path: polygon(0 0, 100% 100%, 100% 71%);
                background-color: #E02E33;
                width: 43%;
                height: 54px;
                z-index: 100;
                margin-right: -20px;
                transform: rotate(1deg);
              }
                      }

@media screen and (max-width:899px){
/* 889中段　padding bottom */
  .home__box--2 {
  padding-bottom: 34px;
}

        /* 下段変更なし */
        }
        @media screen and (max-width:880px){

/* 880最上段 */

        .main__img-pc::before {
          content: "KAMAGAYA";
          font-size: 5rem;
          bottom: -40px;
          left: 33px;
          -webkit-text-stroke: 2px #FFF;
        }

        .main__img-pc::after {
        content: "CEDARS";
        font-size: 5rem;
        bottom: -89px;
        left: 32px;
        -webkit-text-stroke: 2px #FFF;
        }

        .home__box--1::after {
          background-color: #F4F4F4;
          clip-path: polygon(100% 0, 100% 13%, 0 85%, 0 17%);
          width: 100%;
          height: 952px;
        }

        .red__line::before {
          top: -62%;
          left: 0;
          clip-path: polygon(100% 0, 0 70%, 0 100%);
          width: 32%;
          height: 39px;
          transform: rotate(-8deg);
      }

        .red__line::after {
          top: -65%;
          left: -5px;
          clip-path: polygon(100% 0, 0 74%, 0 100%);
          background-color: #E02E33;
          width: 48%;
          height: 54px;
          transform: rotate(-11deg);
      }

/* 880中段*/
        .home__box--2::after {
          content: "";
          position: absolute;
          top: 0px;
          left: 0px;
          display: inline-block;
          background-color: #F4F4F4;
          clip-path: polygon(44% 0, 100% 0, 100% 80%, 0 52%);
          width: 100%;
          height: 647px;
        }

        .red__line-2::before {
          content: "";
          display: inline-block;
          position: absolute;
          top: -6%;
          right: -5px;
          clip-path: polygon(0 0, 100% 100%, 100% 89%);
          background-color: #E02E33;
          width: 31%;
          height: 49px;
          z-index: 100;
          transform: rotate(-6deg);
      }

      .red__line-2::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: -2%;
        right: 0;
        clip-path: polygon(0 0, 100% 100%, 100% 70%);
        background-color: #E02E33;
        width: 43%;
        height: 39px;
        z-index: 100;
        margin-right: -20px;
        transform: rotate(0deg);
         }

          /* 880下段変更なし */

        }

        @media screen and (max-width:800px){
/* 889中段　padding bottom */
            .home__box--2 {
            padding-bottom: 60px;
          }
/* 889下段 */
          .red__line-3::before {
            content: "";
            display: inline-block;
            position: absolute;
            top: -44%;
            left: -9px;
            clip-path: polygon(100% 0, 0 82%, 0 100%);
            background-color: #E02E33;
            width: 51%;
            height: 49px;
            z-index: 100;
            transform: rotate(14deg);
        }

        .red__line-3::after {
          content: "";
          display: inline-block;
          position: absolute;
          top: -37%;
          left: -5px;
          clip-path: polygon(100% 0, 0 67%, 0 100%);
          background-color: #E02E33;
          width: 46%;
          height: 34px;
          z-index: 100;
          margin-right: -20px;
          transform: rotate(10deg);
      }
        }

        @media screen and (max-width:769px){
/* 769上段 */

          .about {
            justify-content: space-around;
          }

          .about__txtbox{
            width: 60%;
            margin-top: -124px;
          }

        .home__title{
          font-size: 1.6rem;
          }

          .home__title::before{
            margin-right: 10px;
          }

          .home__title::after{
            margin-left: 5px;
          }

          .home__txt{
            padding: 0;
            margin-top: 16px;
          }

          .home__img {
            width: 50%;
            margin-left: 40px;
          }
          .main__img-pc::before {
            content: "KAMAGAYA";
            font-size: 5rem;
            bottom: -40px;
            left: 33px;
            -webkit-text-stroke: 1px #FFF;
        }

        .main__img-pc::after {
          content: "CEDARS";
          font-size: 5rem;
          bottom: -89px;
          left: 32px;
          -webkit-text-stroke: 1px #FFF;
      }

      .home__box--1::after {
        background-color: #F4F4F4;
        clip-path: polygon(100% 0, 100% 11%, 0 85%, 0 17%);
        width: 100%;
        height: 1014px;
    }

    .red__line::before {
      top: -83%;
      left: 0;
      clip-path: polygon(100% 0, 0 70%, 0 100%);
      width: 32%;
      height: 39px;
      transform: rotate(-9deg);
    }

    .red__line::after {
      top: -88%;
      left: -5px;
      clip-path: polygon(100% 0, 0 74%, 0 100%);
      background-color: #E02E33;
      width: 48%;
      height: 54px;
      transform: rotate(-12deg);
    }

/* 中段 */
    .goal{
      margin-top: 30px;
    }

      .goal__txtbox {
        margin-top: 150px;
      }

      .red__line-2::before{
        content: "";
        display: inline-block;
        position: absolute;
        top: 11%;
        right: -5px;
        clip-path: polygon(0 0, 100% 100%, 100% 80%);
        background-color: #E02E33;
        width: 41%;
        height: 49px;
        z-index: 100;
        transform: rotate(-4deg);
      }
      
      .red__line-2::after{
        content: "";
        display: inline-block;
        position: absolute;
        top: 16%;
        right: 0;
        clip-path: polygon(0 0, 100% 100%, 100% 61%);
        background-color: #E02E33;
        width: 45%;
        height: 39px;
        z-index: 100;
        margin-right: -20px;
        transform: rotate(1deg);
      }
      
      
      .home__box--2::after{
        content: "";
        position: absolute;
        top: 67px;
        left: 0px;
        display: inline-block;
        background-color: #F4F4F4;
        clip-path: polygon(42% 0, 100% 0, 100% 80%, 0 63%);
        width: 100%;
        height: 494px;
      }

/* 下段 */
      .home__box--3::after {
        content: "";
        position: absolute;
        top: -129px;
        left: 0px;
        display: inline-block;
        background-color: #F4F4F4;
        width: 100%;
        height: 421px;
        clip-path: polygon(0% 0, 100% 21%, 92% 94%, 0 94%, 0 0);
      }

      .red__line-3::before {
        content: "";
        display: inline-block;
        position: absolute;
        top: -53%;
        left: -10px;
        clip-path: polygon(100% 0, 0 78%, 0 100%);
        background-color: #E02E33;
        width: 39%;
        height: 60px;
        z-index: 100;
        transform: rotate(14deg);
    }

      .red__line-3::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: -41%;
        left: -15px;
        clip-path: polygon(100% 0, 0 59%, 0 100%);
        background-color: #E02E33;
        width: 58%;
        height: 34px;
        z-index: 100;
        margin-right: -20px;
        transform: rotate(4deg);
    }
        }

        @media screen and (max-width:738px){

          .about__txtbox {
            width: 55%;
            margin-top: -135px;
        }

          .main__img::before {
            content: "KAMAGAYA";
            font-size: 4rem;
            bottom: -30px;
            left: 33px;
        }

        .main__img::after {
          content: "CEDARS";
          font-size: 4rem;
          bottom: -74px;
          left: 32px;
      }

      .home__box--1::after {
        background-color: #F4F4F4;
        clip-path: polygon(100% 0, 100% 11%, 0 96%, 0 16%);
        width: 100%;
        height: 898px;
    }

      .red__line::before {
        top: -94%;
        left: 0;
        clip-path: polygon(100% 0, 0 79%, 0 100%);
        width: 32%;
        height: 39px;
        transform: rotate(-7deg);
      }

    .red__line::after {
      top: -96%;
        left: -6px;
        clip-path: polygon(100% 0, 0 86%, 0 62%);
        background-color: #E02E33;
        width: 50%;
        height: 50px;
        transform: rotate(-13deg);
    }
        }

        @media screen and (max-width:654px){
/* 上段 */

.main__img{
  padding-top: 48px;
}


.home__img {
  width: 61%;
  margin-left: 25px;
}

    .home__box--1::after {
      background-color: #F4F4F4;
      clip-path: polygon(100% 0, 100% 15%, 0 96%, 0 16%);
      width: 100%;
      height: 915px;
    }

    .red__line::before {
      top: -84%;
      left: 0;
      clip-path: polygon(100% 0, 0 79%, 0 100%);
      width: 32%;
      height: 39px;
      transform: rotate(-7deg);
    }

    .red__line::after {
      top: -86%;
      left: -6px;
      clip-path: polygon(100% 0, 0 86%, 0 62%);
      background-color: #E02E33;
      width: 50%;
      height: 50px;
      transform: rotate(-13deg);
  }

  /* 中段 */
      .goal{
        margin-top: -12px;
      }

      .goal__img{
        width: 170%;
        margin-top: -57px;
      }

      .goal__txtbox{
        margin-top: 154px;
        width: 108%;
        margin-right: 30px;
      }

      .home__box--2{
        padding-bottom: 0px;
      }

      .home__box--2::after {
        content: "";
        position: absolute;
        top: 101px;
        left: 0px;
        display: inline-block;
        background-color: #F4F4F4;
        clip-path: polygon(42% 0, 100% 0, 100% 80%, 0 63%);
        width: 100%;
        height: 494px;
    }


      .red__line-2::before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 21%;
        right: -5px;
        clip-path: polygon(0% 7%, 100% 100%, 100% 86%);
        background-color: #E02E33;
        width: 35%;
        height: 49px;
        z-index: 100;
        transform: rotate(-8deg);
    }

    .red__line-2::after {
      content: "";
        display: inline-block;
        position: absolute;
        top: 25%;
        right: 0;
        clip-path: polygon(0 10%, 100% 100%, 100% 61%);
        background-color: #E02E33;
        width: 45%;
        height: 39px;
        z-index: 100;
        margin-right: -20px;
        transform: rotate(0deg);
  }

  

  /* 中段終わり */

  /* 下段 */
  .home__box--3::after {
    content: "";
    position: absolute;
    top: -84px;
    left: 0px;
    display: inline-block;
    background-color: #F4F4F4;
    width: 96%;
    height: 360px;
    clip-path: polygon(-20% 0, 86% 30%, 144% 74%, 0 127%, 0 0);
}

.red__line-3::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -22%;
  left: -10px;
  clip-path: polygon(100% 1%, 0 79%, 0 100%);
  background-color: #E02E33;
  width: 39%;
  height: 34px;
  z-index: 100;
  transform: rotate(14deg);
}

.red__line-3::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -16%;
  left: -15px;
  clip-path: polygon(100% 0, 0 69%, 0 100%);
  background-color: #E02E33;
  width: 58%;
  height: 34px;
  z-index: 100;
  margin-right: -20px;
  transform: rotate(9deg);
}

        }


/* 596スマートフォンに変更 */
        @media screen and (max-width:596px){

          .home__txt {
            line-height: 1.8;
          }

          .main__img-pc::before {
            content: "KAMAGAYA";
            font-size: 3.5rem;
            bottom: -25px;
            left: 33px;
          }

          .main__img-pc::after {
            content: "CEDARS";
            font-size: 3.5rem;
            bottom: -60px;
            left: 33px;
        }

          .home__box--1{
            position: relative;
          }
          
          .red__line::before {
            content: "";
            display: inline-block;
            position: absolute;
            top: -10%;
            left: 0;
            clip-path: polygon(100% -4%, 0 82%, 0 100%);
            background-color: #E02E33;
            width: 46%;
            height: 49px;
            z-index: 100;
            margin-left: -20px;
            transform: rotate(-8deg);
        }
          
          .red__line::after {
            content: "";
            display: inline-block;
            position: absolute;
            top: -13%;
            left: -5px;
            clip-path: polygon(84% -21%, 1% 80%, 1% 100%);
            background-color: #E02E33;
            width: 85%;
            height: 54px;
            z-index: 100;
            margin-left: -20px;
            transform: rotate(-12deg);
        }
          
          .home__inner{
            max-width: 1200px;
            width: 94%;
            margin: 0 auto;
          }
          
          .home__box--1::after{
            position: absolute;
            top: -144px;
            left: 0px;
            display: inline-block;
            background-color: #F4F4F4;
            clip-path: polygon(100% 0, 100% 49%, 0 71%, 0 14%);
            width: 100%;
            height: 978px;
          }
          
          .about{
            display: block;
            margin-top: 210px;
          }
          
          .about__txtbox{
            /* background-color: pink; */
            width: 80%;
            z-index: 1;
            margin: -65px auto 0;
          }
          
          .about__logo{
            width: 35%;
            margin: 0 auto;
          }

          .home__img{
            margin: 32px auto 0;
            width: 75%;
          }

/* 中段 */

          .goal{
            position: relative;
            display: flex;
            flex-direction: column;
            margin-top: 100px;
          }


          .goal__img{
            width: 80%;
            order: 2;
            margin-top: 13px;
          }

          .goal__txtbox{
            width: 80%;
            margin: 0px;
            margin-top: 76px;
            order: 1;
          }

          .home__red{
            color: #E02E33;
          }

          .home__box--2{
            position: relative;
            overflow-x: clip;
          }
          
          .red__line-2::before{
            content: "";
            display: inline-block;
            position: absolute;
            top: 1%;
            right: -5px;
            clip-path: polygon(0% 10%, 100% 100%, 100% 78%);
            background-color: #E02E33;
            width: 32%;
            height: 49px;
            z-index: 100;
            transform: rotate(0deg);
          }
          
          .red__line-2::after{
            content: "";
            display: inline-block;
            position: absolute;
            top: -1%;
            right: 0;
            clip-path: polygon(0% 14%, 97% 100%, 104% 82%);
            background-color: #E02E33;
            width: 69%;
            height: 54px;
            z-index: 100;
            margin-right: -20px;
            transform: rotate(8deg);
          }
          
          .home__inner{
            position: relative;
            z-index: 1;
            max-width: 1200px;
            width: 94%;
            margin: 0 auto;
          }
          
          .home__box--2::after {
            content: "";
            position: absolute;
            top: -40px;
            left: 0px;
            display: inline-block;
            background-color: #F4F4F4;
            clip-path: polygon(0% 0%, 100% 9%, 100% 57%, 0 37%);
            width: 100%;
            height: 850px;
        }

        /* 下段 */

        .home__box--3{
          position: relative;
          overflow-x: clip;
        }
        
        .red__line-3::before{
          content: "";
        display: inline-block;
        position: absolute;
        top: -13%;
        left: -5px;
        clip-path: polygon(100% 0, 0 77%, 0 100%);
        background-color: #E02E33;
        width: 45%;
        height: 49px;
        z-index: 100;
        transform: rotate(-3deg);
        }
        
        .red__line-3::after{
          content: "";
          display: inline-block;
          position: absolute;
          top: -12%;
          left: -32px;
          clip-path: polygon(94% 0%, 0 65%, 3% 100%);
          background-color: #E02E33;
          width: 77%;
          height: 34px;
          z-index: 100;
          margin-right: -20px;
          transform: rotate(-11deg);
        }
        
        .home__inner{
          position: relative;
          z-index: 1;
          max-width: 1200px;
          width: 94%;
          margin: 0 auto;
        }
        
        .home__box--3::after{
          content: "";
          position: absolute;
          top: -128px;
          left: 0px;
          display: inline-block;
          background-color: #F4F4F4;
          width: 100%;
          height: 843px;
          clip-path: polygon(100% 0%, 100% 50%, 0% 71%, 0% 10%, 101% 0%);
        }
        
        
        .teamSize{
          display: block;
          margin-top: 120px;
        }
        
        .teamSize__txtBox{
          width: 50%;
          text-align: center;
          margin: 0 auto;
        }
        
        .teamSize__flexBox{
          /* display: flex;
          align-items: flex-end;
          justify-content: flex-end; */
        }
        
        .teamSize__list{
          color: #333;
          font-family: "Hiragino Sans";
          font-size: 1.6rem;
        text-align: center;
        }
        
        .teamSize__item{
          margin-top: 24px;
        }
        
        .teamSize__item:first-of-type{
          margin-top: 24px;
        }
        
        .teamSize__box{
        
          text-align: center;
        
        }
        
        .teamSize__total{
          color: #333;
        font-family: "Hiragino Sans";
        font-size: 1.6rem;
        letter-spacing: 2.4px;
        margin-top: 16px;
          
        }
        
        .teamSize__total2{
          color: #333;
        font-family: "Hiragino Sans";
        font-size: 1.4rem;
        letter-spacing: 2.1px;
        margin-top: 12px;
        }
        }
        
        @media screen and (max-width:520px){
          .red__line-3::before {
            content: "";
            display: inline-block;
            position: absolute;
            top: -15%;
            left: -5px;
            clip-path: polygon(100% 0, 0 77%, 0 100%);
            background-color: #E02E33;
            width: 59%;
            height: 49px;
            z-index: 100;
            transform: rotate(-5deg);
        }

        .red__line-3::after {
          content: "";
          display: inline-block;
          position: absolute;
          top: -12%;
          left: -32px;
          clip-path: polygon(94% 0%, 0 65%, 3% 100%);
          background-color: #E02E33;
          width: 77%;
          height: 34px;
          z-index: 100;
          margin-right: -20px;
          transform: rotate(-11deg);
      }
        }

        @media screen and (max-width:500px){
/* 下段 */
          .red__line-3::before {
            content: "";
          display: inline-block;
          position: absolute;
          top: -14%;
          left: -5px;
          clip-path: polygon(100% 0, 0 86%, 0 100%);
          background-color: #E02E33;
          width: 38%;
          height: 49px;
          z-index: 100;
          transform: rotate(1deg);
        }

        .red__line-3::after {
          content: "";
          display: inline-block;
          position: absolute;
          top: -14%;
          left: -32px;
          clip-path: polygon(94% 0%, 0 72%, -2% 100%);
          background-color: #E02E33;
          width: 75%;
          height: 41px;
          z-index: 100;
          margin-right: -20px;
          transform: rotate(-10deg);
      }
        }

        @media screen and (max-width:450px){
/* 下段 */
          .red__line-3::before {
            content: "";
            display: inline-block;
            position: absolute;
            top: -15%;
            left: -5px;
            clip-path: polygon(100% 0, 0 84%, 0 100%);
            background-color: #E02E33;
            width: 38%;
            height: 55px;
            z-index: 100;
            transform: rotate(3deg);
        }
        }


/* 426上段 */
        @media screen and (max-width:426px){


          .main__img-sp{
            display: block;
            position: relative;
            padding-top: 47px;
          }

          .main__img-sp::before {
            display: block;
            position: absolute;
            content: "KAMAGAYA";
            font-family: "Alfa Slab One";
            font-size: 3.5rem;
            bottom: -15px;
            left: 23px;
            color: #E02E33;
            -webkit-text-stroke: 1px #FFF;
            line-height: 1.3;
            letter-spacing: 0.2em;
          }
          
          .main__img-sp::after {
            display: block;
            position: absolute;
            content: "CEDARS";
            font-family: "Alfa Slab One";
            font-size: 3.5rem;
            bottom: -50px;
            left: 23px;
            color: #E02E33;
            line-height: 1.3;
            letter-spacing: 0.2em;
            -webkit-text-stroke: 1px #FFF;
            
        }

          .home__txt {
            line-height: 1.8;
          }

          .main__img::before {
            content: "KAMAGAYA";
            font-size: 3rem;
            bottom: -16px;
            left: 33px;
        }

          .main__img::after {
            content: "CEDARS";
            font-size: 3rem;
            bottom: -47px;
            left: 33px;
        }
          
          .red__line::before {
            content: "";
            display: inline-block;
            position: absolute;
            top: -14%;
            left: 0;
            clip-path: polygon(100% 0%, 0 80%, 0 97%);
            background-color: #E02E33;
            width: 64%;
            height: 52px;
            z-index: 100;
            margin-left: -20px;
            transform: rotate(-9deg);
        }
          
          .red__line::after {
            content: "";
            display: inline-block;
            position: absolute;
            top: -16%;
            left: -10px;
            clip-path: polygon(96% -14%, 0% 81%, -5% 106%);
            background-color: #E02E33;
            width: 95%;
            height: 59px;
            z-index: 100;
            margin-left: -20px;
            transform: rotate(-13deg);
        }
          
          .home__inner{
            max-width: 1200px;
            width: 94%;
            margin: 0 auto;
          }
          
          .home__box--1::after {
            position: absolute;
            top: -144px;
            left: 0px;
            display: inline-block;
            background-color: #F4F4F4;
            clip-path: polygon(100% 0, 100% 41%, 0 66%, 0 12%);
            width: 100%;
            height: 978px;
        }
          
          .about{
            display: block;
            margin-top: 210px;
          }
          
          .about__txtbox{
            /* background-color: pink; */
            width: 80%;
            z-index: 1;
            margin: -65px auto 0;
          }
          
          .about__logo{
            width: 35%;
            margin: 0 auto;
          }

          .home__img{
            margin: 32px auto 0;
           width: 100%;
          }

/* 426中段 */

          .goal{
            position: relative;
            display: flex;
            flex-direction: column;
            margin-top: 100px;
          }


          .goal__img{
            width: 100%;
            order: 2;
            margin-top: 13px;
          }

          .goal__txtbox{
            width: 80%;
            margin: 0px;
            margin-top: 69px;
            order: 1;
          }

          .home__red{
            color: #E02E33;
          }

          .home__box--2{
            position: relative;
            overflow-x: clip;
          }
          
          .red__line-2::before{
            content: "";
            display: inline-block;
            position: absolute;
            top: -1%;
            right: -5px;
            clip-path: polygon(0% 20%, 100% 100%, 100% 82%);
            background-color: #E02E33;
            width: 45%;
            height: 49px;
            z-index: 100;
            transform: rotate(4deg);
          }
          
          .red__line-2::after{
            content: "";
            display: inline-block;
            position: absolute;
            top: -1%;
            right: 0;
            clip-path: polygon(0% 10%, 97% 100%, 104% 91%);
            background-color: #E02E33;
            width: 69%;
            height: 54px;
            z-index: 100;
            margin-right: -20px;
            transform: rotate(8deg);
          }
          
          .home__inner{
            position: relative;
            z-index: 1;
            max-width: 1200px;
            width: 94%;
            margin: 0 auto;
          }
          
          .home__box--2::after {
            content: "";
            position: absolute;
            top: -40px;
            left: 0px;
            display: inline-block;
            background-color: #F4F4F4;
            clip-path: polygon(0% 0%, 100% 9%, 100% 57%, 0 37%);
            width: 100%;
            height: 850px;
        }


/* 426下段 */

        .home__box--3{
          position: relative;
          overflow-x: clip;
        }
        
        .red__line-3::before{
          content: "";
          display: inline-block;
          position: absolute;
          top: -9%;
          left: -5px;
          clip-path: polygon(100% 5%, 0 81%, 0 100%);
          background-color: #E02E33;
          width: 46%;
          height: 46px;
          z-index: 100;
          transform: rotate(-1deg);
      }
        
        
        .red__line-3::after{
          content: "";
          display: inline-block;
          position: absolute;
          top: -9%;
          left: -32px;
          clip-path: polygon(95% -11%, 0% 73%, 0% 100%);
          background-color: #E02E33;
          width: 87%;
          height: 44px;
          z-index: 100;
          margin-right: -20px;
          transform: rotate(-8deg);
        }
        
        .home__inner{
          position: relative;
          z-index: 1;
          max-width: 1200px;
          width: 94%;
          margin: 0 auto;
        }
        
        .home__box--3::after{
          content: "";
          position: absolute;
          top: -128px;
          left: 0px;
          display: inline-block;
          background-color: #F4F4F4;
          width: 100%;
          height: 843px;
          clip-path: polygon(100% 0%, 100% 50%, 0% 66%, 0% 13%, 154% 0%);
        }
        
        
        .teamSize{
          display: block;
          margin-top: 120px;
        }
        
        .teamSize__txtBox{
          width: 50%;
          text-align: center;
          margin: 0 auto;
        }
        
        .teamSize__flexBox{
          /* display: flex;
          align-items: flex-end;
          justify-content: flex-end; */
        }
        
        .teamSize__list{
          color: #333;
          font-family: "Hiragino Sans";
          font-size: 1.6rem;
        text-align: center;
        }
        
        .teamSize__item{
          margin-top: 24px;
        }
        
        .teamSize__item:first-of-type{
          margin-top: 24px;
        }
        
        .teamSize__box{
        
          text-align: center;
        
        }
        
        .teamSize__total{
          color: #333;
        font-family: "Hiragino Sans";
        font-size: 1.6rem;
        letter-spacing: 2.4px;
        margin-top: 16px;
          
        }
        
        .teamSize__total2{
          color: #333;
        font-family: "Hiragino Sans";
        font-size: 1.4rem;
        letter-spacing: 2.1px;
        margin-top: 12px;
        }
        }


        /* 405上段 */
        @media screen and (max-width:406px){
          .main__inner {
            background-color: #E02E33;
            padding-bottom: 0px;
        }

          .home__box--1::after {
            top: -114px;
        }

        .about__txtbox {
          width: 80%;
          z-index: 1;
          margin: -95px auto 0;
        }

        .red__line::before {
          content: "";
        display: inline-block;
        position: absolute;
        top: -10%;
        left: 0;
        clip-path: polygon(100% 0%, 0 80%, 0 97%);
        background-color: #E02E33;
        width: 67%;
        height: 57px;
        z-index: 100;
        margin-left: -20px;
        transform: rotate(-9deg);
      }

        .red__line::after {
          content: "";
        display: inline-block;
        position: absolute;
        top: -9%;
        left: -5px;
        clip-path: polygon(96% -20%, -2% 83%, -3% 106%);
        background-color: #E02E33;
        width: 83%;
        height: 57px;
        z-index: 100;
        margin-left: -20px;
        transform: rotate(-12deg);
      }

/* 中段 */



/* 下段 */
        .teamSize {
          display: block;
          margin-top: 70px;
                }

        /* .red__line-3::before {
          content: "";
          display: inline-block;
          position: absolute;
          top: -11%;
          left: -5px;
          clip-path: polygon(100% -1%, 0 85%, 0 100%);
          background-color: #E02E33;
          width: 45%;
          height: 49px;
          z-index: 100;
          transform: rotate(0deg);
        } */


      }

      @media screen and (max-width:399px){
        .red__line::before {
          content: "";
          display: inline-block;
          position: absolute;
          top: -9%;
          left: 0;
          clip-path: polygon(92% 0%, 0 80%, 0 97%);
          background-color: #E02E33;
          width: 67%;
          height: 57px;
          z-index: 100;
          margin-left: -20px;
          transform: rotate(-9deg);
      }

      .red__line::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: -8%;
        left: -5px;
        clip-path: polygon(93% -22%, -2% 83%, -3% 106%);
        background-color: #E02E33;
        width: 83%;
        height: 57px;
        z-index: 100;
        margin-left: -20px;
        transform: rotate(-12deg);
    }

    /* 下段 */
    .red__line-3::before {
      content: "";
      display: inline-block;
      position: absolute;
      top: -9%;
      left: -5px;
      clip-path: polygon(100% 5%, 0 81%, 0 100%);
      background-color: #E02E33;
      width: 46%;
      height: 44px;
      z-index: 100;
      transform: rotate(-1deg);
  }
      }

      @media screen and (max-width:376px){

        /* 下段 */
        .red__line-3::before {
          content: "";
          display: inline-block;
          position: absolute;
          top: -9%;
          left: -5px;
          clip-path: polygon(95% 5%, 0 87%, 0 100%);
          background-color: #E02E33;
          width: 45%;
          height: 40px;
          z-index: 100;
          transform: rotate(-1deg);
      }

      .red__line-3::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: -10%;
        left: -32px;
        clip-path: polygon(98% -36%, -1% 85%, 1% 101%);
        background-color: #E02E33;
        width: 95%;
        height: 52px;
        z-index: 100;
        margin-right: -20px;
        transform: rotate(-4deg);
    }



      }