.inner {
    width: calc(100% - 3.6rem);
    max-width: 1440px;
    margin: 0 auto;
}


                        
                        .logoanddata{
                        margin: 30px 0px;
                        }
#portfolio .table-box table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 4px;
}

#portfolio .table-box td {
  vertical-align: middle;
  padding: 4px 0;
  font-size: 1.042vw;
  line-height: 1.6;
}


#portfolio .oval {
  display: inline-block;
  background: #9ec6c6;
  color: #fff;
  font-weight: 600;
  padding: 4px 22px;
  border-radius: 999px;
  white-space: nowrap;
  font-size: 1.042vw;
}


#portfolio .table-box td:last-child {
  padding-left: 18px;
  color: #444;
}

@media (max-width: 600px) {
  #portfolio .table-box td {
    display: block;
  }
#portfolio .oval {
    margin-bottom: 6px;
    display: inline-block;
  }
}


        
             .kadai{
                border-radius: 1.042vw;
    background: #E4F2F1;
            padding: 16px 0px;
                margin: 10px 0px;
            }
            
             .kadai .flex {
  display: flex;
  gap: 20px;
}
             .kadai .flex .kadaititle{
            display: flex;
            justify-content: center;
  align-items: center;
                    font-size: 1.875vw;
                margin: 24px;
            }
            
             .kadai .flex .list ul{
              list-style: none;
  padding-left: 0;
  margin-left: 0;
            margin: 4px 0px;
                    font-size: 1.458vw;
            }
             .kadai .flex .list ul li{
              position: relative;
  padding-left: 20px;
  margin: 8px;
            }
             .kadai .flex .list ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #13B5B1;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 1em; 
  transform: translateY(-50%);
}
            


@media (max-width: 768px) {
   .kadai .flex {
    flex-direction: column;
  }
}

             .point .flex {
  display: flex;
  gap: 20px;
}
             .point .flex .pointtitle{
            display: flex;
            justify-content: center;
  align-items: center;
                    font-size: 1.875vw;
                margin: 18px auto;
                width: 14%;
            }
            
             .point .flex .list ul{
              list-style: none;
  padding-left: 0;
  margin-left: 0;
                    font-size: 1.458vw;
            }
             .point .flex .list ul li{
  position: relative;
  padding-left: 20px;
            padding-left: 36px;
            margin: 14px;
            }
             .point .flex .list ul li::before {
  content: "";
  width: 2vw;
  height: 2vw;
            background-image: url("/img/checkmark.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0.9em; 
  transform: translateY(-50%);
}
            
@media (max-width: 768px) {
   .point .flex {
    flex-direction: column;
  }
}

#portfolio .arrowArea p {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1em;
    white-space: nowrap;
    color: #13b5b1;
    text-align: center;
    margin: 0 0 46px;
}
#portfolio .client {
background-color: #E4F2F1;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;

  position: relative;
  width: 100vw;      /* 画面幅いっぱいに広げる */
  left: 50%;         /* inner の中央からスタート */
  right: 50%;
  margin-left: -50vw;/* 左へ半分ずらして中央合わせ */
  margin-right: -50vw;

}


#portfolio .client h2 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0.08em;
    -webkit-transform: translate(10px, -6px);
    transform: translate(10px, -6px);

}
#portfolio .inner-flex {
    display: flex;
    flex-wrap: nowrap; /* PCは基本横並び */
    justify-content: flex-start;
    align-items: flex-start;
    gap: 32px;
    padding: 0 48px 0 86px;
}
#portfolio .inner-flex > .conts,
#portfolio .inner-flex > .image {
    flex: 1 1 50%;
    min-width: 0; /* 折り返しのバグ対策 */
}



#portfolio .schedule-box.box01 {
    border-radius: 20px;
    margin: 0 0 60px;
    padding: 51px 0 68px 0;
}




#portfolio .arrow {
    width: 100%;
    max-width: 142px;
    margin: 0 auto 0;
}





#portfolio .point {
    border-radius: 20px;
    margin: 0 0 48px;
    padding: 75px 220px 0;
    margin: -66px 0 0 0;
    padding: 97px 0 98px 0;
}





#portfolio .seq-bg-box {
    background: url(../img/concept-bg.png) center center no-repeat;
    background-size: cover;
    border-radius: 20px;
    margin: -66px 0 0 0;
    padding: 97px 0 98px 0;
}




@media screen and (min-width: 769px) and (max-width: 1920px) {
    #evinghouse .eving-flex.box01 .conts p {
        font-size: 1.042vw;
        margin: 0 0 0.625vw;
        padding: 0 1.406vw 0 0;
    }
}

#evinghouse .eving-flex.box01 .conts p {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.9;
    letter-spacing: 0.1em;
    text-align: justify;
    margin: 0 0 12px;
    padding: 0 27px 0 0;
}




/**********/
@media screen and (min-width: 769px) and (max-width: 1920px) {

    .inner {
        max-width: 75vw;
    }

    #portfolio .arrowArea p {
        font-size: 2.083vw;
        margin: 0 0 2.396vw;
    }
    #portfolio .client h2 {
        font-size: 1.875vw;
        -webkit-transform: translate(0.521vw, -0.313vw);
        transform: translate(0.521vw, -0.313vw);
    }
        #portfolio .inner-flex {

            padding-bottom: 1.979vw;
        padding: 0 20px; /* スマホは余白を縮める */
        gap: 24px;
    }
    #portfolio .inner-flex > .conts,
    #portfolio .inner-flex > .image {
        flex: 1 1 100%;
        width: 100%; /* 100%で縦並び */
    }
    #portfolio .schedule-box.box01 {
        border-radius: 1.042vw;
        margin: 0 0 3.125vw;
        padding: 2.656vw 0 3.542vw 0;
    }
    #portfolio .arrow {
        max-width: 7.396vw;
    }

    #portfolio .point {
        border-radius: 1.042vw;
        margin: 0 0 2.5vw;
        padding: 3.906vw 11.458vw 0;
        margin: -3.438vw 0 0 0;
        padding: 3.052vw 0 5.104vw 0;
    }


    #portfolio .seq-bg-box {
        border-radius: 1.042vw;
        margin: -3.438vw 0 0 0;
        padding: 5.052vw 0 5.104vw 0;
    }
}

@media screen and (max-width: 768px) {
    .inner {
        max-width: 75vw;
    }
    #portfolio .arrowArea p {
        font-size: 5.333vw;
        margin: 0 0 4.267vw;
    }
}