@charset "UTF-8";
/*------------------------------------------
  ブレッシングと従来のニードル施術との違い
------------------------------------------*/
.difference{
    background-color: var(--color-gray-800);
    padding: 100px 0;
}
/* 比較表 */
.comparison{
    max-width: 840px;
    margin-inline: auto;
}
.comparison_head,
.comparison_row{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
}
/* 1行目タイトル行のセルの設定 */
.cell_blessing,
.cell_needle{
    padding: 30px 0;
    border: 1px solid #f5f5f3;
    p{
        color: #fff;
        font-size: 18px;
        font-family: var(--font-family-round);
        font-weight: 500;
        text-align: center;
    }
}
.cell_blessing{
    background-color: #7b7473;
}
.cell_needle{
    background-color: #958d8b;
}

/* タイトル列のセルの設定 */
.label{
    background-color: #958d8b;
    padding: 30px 20px;
    border-bottom: 1px solid #f5f5f3;
    p{
        color: #fff;
        font-size: 18px;
        font-family: var(--font-family-round);
        font-weight: 500;
    }
}

/* 説明部分のセルの設定 */
.cell,
.cell_past{
  padding: 30px 20px;
  background-color: #fff;
  border: 1px solid #f5f5f3;
  margin-top: -1px;
}

.cell p:first-of-type,
.cell_past p:first-of-type{
  text-align: center;
  font-size: 18px;
}

.cell p:nth-of-type(2),
.cell_past p:nth-of-type(2){
  margin-top: 14px;
}
.cell p:first-of-type{
  color: var(--color-red-100);
}
.cell_past p:first-of-type{
  font-weight: 400;
}
.cell_past,.cell_needle{
    margin-left: -1px;
}
@media (max-width:768px){
   .comparison_row,.comparison_head{
        grid-template-columns: 1fr 1fr;
    }
    .comparison_head > div:first-child{
        display:none;
    }
    .comparison_row .label{
        grid-column: 1 / -1; /* 2列分使う */
        p{
            font-weight:500;
        }
    }
    .cell_blessing,.cell_needle{
        padding: 16px 0;
        p{
            font-size: 16px;
        }
    }
    .label{
        padding: 12px 0;
        p{
            text-align: center;
        }
    }
    .cell,
    .cell_past{
        padding: 16px;
    }
    .cell p:nth-of-type(2),.cell_past p:nth-of-type(2){
        margin-top: 8px;
    }
}