.topImg{
  background-image: url("https://cortali.com/wp/wp-content/uploads/2019/03/What_Section_Background_mini-1.jpg");
  background-position: 50% -304px ;
  height          : calc(100vh - 70px) ;
}

h2 {
  margin-top: 100px;
}



/* stylist **********************************/


.information{
  display         : flex;
  position        : relative;
  max-width       : 1000px ;
  margin          : 60px auto ;
  flex-flow       : wrap ;
  justify-content : space-around ;
}

.stylistIMG{
  float           : left ;
  width           : 48% ;
  position: relative;
}
.stylistIMG::before{
  top: -15px;
  left: -15px;
  z-index: -1;
  border-top: 50px solid #5d309117;
  border-bottom: 50px solid transparent;
  border-right: 120px solid transparent;
  border-left: 120px solid #5d309117;

  position: absolute;
  display: block;
  content: "";
  z-index: 0;
}
.stylistIMG > img{
  width           : 100% ;
}


.stylistData{
  width           : 48% ;
  padding         : 50px 0px 20px  ;
  font-size       : 12px ;
  border-top      : solid 1px #999 ;
}
.stylistData::after{
  content         : "" ;
  background      : url(../img/logo/download1.png) no-repeat 0 0;
  background-color:rgba(255,255,255,0.5);
  background-blend-mode:lighten;
  position        : absolute;
  display         : block;
  z-index         : 0;
  opacity         : 0.25;
  width           : 391px ;
  height          : 367px ;
  bottom          : -200px ;
  right           : -120px ;
}
.user_catchcopy{
  /* text-align      : center ; */
  display         : inline-block ;
  font-weight     : 400 ;
  font-size       : 15px;
  color           : #333 ;
  margin          : 5px 0 0 ;
}
.user_catchcopy::after{
  content         : ' ';
  position        : absolute ;
  display         : block ;

  height          : 1px ;
  width           : 110% ;
  background      : linear-gradient(to right, #5e3091, #ffffff) ;
}
.stylistName{
  margin          : 0 0 20px  ;
  font-weight     : 600 ;
  font-size       : 32px;
  color           : #333 ;
}
.user_comment{
  font-size       : 12px;
  font-weight     : 500 ;
  color           : #444 ;
}




.appeals{
  margin-top      : 50px ;
}
.appealsRow{
  border-bottom   : solid 1px #eee ;
  display         : flex;
  flex-flow       : wrap ;
  justify-content : space-around ;
}
.appeal_title{
  float           : left ;
  width           : 30% ;
  display: flex ;
  align-items: center ;
}
.appeal_comment{
  width           : 70% ;
  padding         : 5px 0 ;
}

.reserve_section{
  display         : flex;
  position        : relative;
  max-width       : 600px ;
  margin          : 60px auto 0 ;
  flex-flow       : wrap ;
  justify-content : space-around ;

}
a{
  text-decoration: none ;
}
.reserve_buttom{
  float          : left ;
  width          : 200px ;
  height         : 50px ;
  margin         : 40px 50px 0 ;
  background     : #fff ;
  border         : solid 1px #5e3091 ;
  text-decoration: none ;
  /* border-radius  : 5px ; */
  justify-content: center ;
  display        : flex ;
  align-items    : center ;
  transition     : .3s ;
}

.reserve_buttom:hover{
  background     : #5e3091 ;
  color          : #fff ;
}



/* stylist 携帯 **********************************/
@media screen and (max-width:650px){

  .stylistIMG{
    width           : 100% ;
    max-width       : 300px ;
    margin          : 0 auto ;
  }
  .stylistData{
    width           : 100% ;
    border-top      : none ;
  }

  .user_catchcopy{
    text-align      : center ;
    display         : block ;
    margin          : 0 auto ;
  }
  .user_catchcopy::after{
    width           : 100% ;
  }
  .stylistName{
    text-align      : center ;
  }
  .user_comment{
    margin          : 20px auto ;
    color           : #444 ;
  }
  .appealsRow{
    width           : 90% ;
    margin          : 0 auto ;
  }


}