@charset "UTF-8";

.p-machine .mesoskincolor_main{
    position: relative;
    background: url(../img/machine/mesoskincolor/bg_main.png) no-repeat center bottom;
    background-size: auto 80%;
    padding-bottom: 90px;
    text-align: center;
}
.p-machine .makeartink_main{
    position: relative;
    background: url(../img/machine/makeartink/bg_main.png) no-repeat center bottom;
    background-size: auto 80%;
    padding-bottom: 90px;
    padding-inline: 20px;
    text-align: center;
}

.img_mesoskincolor_feature01, .img_mesoskincolor_feature01_02,
.img_mesoskincolor_feature02_01, .img_mesoskincolor_feature02_02,
.img_mesoskincolor_feature03_01{
  margin-top: 40px;
}

.u-tac{
  width: 100%;
  text-align: center;
}

.block-sns{
  padding: 80px 0;
}
.block-sns .title_block{
  margin-bottom: 40px;
}
.block-sns .btns{
  display: flex;
  justify-content: center;
  gap: 30px;
}
.block-sns .btns a{
  display: inline-block;
  width: 50px;
}

@media screen and (max-width: 767px) {
.block-sns {
    padding: 50px 0;
  }

  .block-sns .title_block {
    margin-bottom: 20px;
  }
  .block-sns .btns{
  gap: 20px;
}
.block-sns .btns a{
  width: 30px;
}
}