@charset "UTF-8";

/********************************************************************************************************
PC
********************************************************************************************************/

.pc { display: block !important; }
.sp { display: none !important; }

/********************************************************************************************************
01
********************************************************************************************************/
.white {
	margin: 0;
	padding: 0;
	background-color: #fff;
}

.grotti-01 {
	position: relative;
	margin: 0;
	padding: 0;
	margin-bottom: -10px;
}

.grotti-01-title {
	position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%,-50%);
	white-space: nowrap;
	font-size: 40px;
	letter-spacing: 3px;
	color: #000;
}

.grotti-02 {
	position: relative;
	margin: 0;
	padding: 0;
}

.grotti-02-title {
	position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%,-50%);
	white-space: nowrap;
	font-size: 60px;
	letter-spacing: 3px;
	color: #fff;
}

.grotti-03 {
	position: relative;
	margin: 0;
	padding: 0;
	margin-top: -10px;
}

.grotti-03-title {
	position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%,-50%);
	white-space: nowrap;
	font-size: 40px;
	letter-spacing: 3px;
	color: #fff;
}

.grotti-04-title {
	width: 100%;
	text-align: center;
	padding-top: 3%;
}

.grotti-04-title img {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.grotti-05-title {
    text-align: center;
	white-space: nowrap;
	font-size: 40px;
	letter-spacing: 3px;
	color: #000;
}


.textarea {
	text-align: center;
	display: block;
	margin-bottom: 3%;
}

.grotti-text {
	text-align: left;
	display: inline-block;
	color: #000;
}


.before {
 width: 50%;
 height: auto;
 text-align: center;
 padding: 2%;
}

.after {
 width: 50%;
 height: auto;
 text-align: center;
 padding: 2%;
}
 
.beforeAfter {
 display: flex;
 border: solid 1px #000;
 padding: 1%;
 margin: 3%;
}
.beforeAfter img {
	width: 90%;
}

.content-text {
	font-size: 24px;
	letter-spacing: 3px;
	line-height: 30px;
	color: #000;
}

.grotti-step {
	text-align: center;
	margin-top: 3%;
}
.grotti-step img {
	width: 40%;
}

.fat {
	text-align: center
}
.fat img {
	width: 90%;
}

.gandr {
	position: relative;
}
.gandr-pc-02 {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

/*  table  layout  template  */
.c-matrix  {
  border-collapse:  collapse;
  border:  solid  3px  #000;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3%;
  margin-bottom: 3%;
}
.c-matrix  th,
.c-matrix  td  {
  padding:  8px  10px;
  font-size: 24px;
  letter-spacing: 3px;
  color: #000;
}
.c-matrix  th  {
  border:  solid  1px  #000;
  background-color:  #fff;
}
.c-matrix  td  {
 /* border:  dashed  1px  #000;*/
}

  .c-table  caption  {
    color:  #fff;
    font-size: 24px;
	letter-spacing: 3px;
    padding:  8px;
    background:  #000;
  }

.grotti-22 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.grotti-22 img {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

/********************************************************************************************************
02 ハイアールエフ
********************************************************************************************************/
.haier-02-title {
	text-align: center;
	font-size: 24px;
	color: #000;
}

.haier-03-title {
	text-align: center;
	font-size: 36px;
	color: #000;
}

.haier-04-title {
	text-align: center;
	font-size: 36px;
	color: #000;
}

.haier-05-title {
	text-align: center;
	font-size: 36px;
	color: #000;
}

.haier-06-title {
	text-align: center;
}

.haier-06-title img {
	width: 60%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.hirfWave-left {
 width: 50%;
 height: auto;
 text-align: center;
 padding: 2%;
}

.hirfWave-right {
 width: 50%;
 height: auto;
 text-align: center;
 padding: 2%;
}
 
.hirfWave {
 display: flex;
 padding: 1%;
 margin: 3%;
}
.hirfWave img {
	width: 90%;
}

.haier-textarea {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 3%;
}

.haier-text {
	text-align: left;
	display: inline-block;
	color: #000;
}

.haier-07-title {
	text-align: center;
	margin-top: 30px;
}

.haier-07-title img {
	width: 20%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.haier-textarea-question {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 3%;
}

.haier-text-question {
	font-size: 24px;
	text-align: left;
	display: inline-block;
	color: #000;
}

.haier-08-title {
	text-align: center;
	margin-top: 60px;
}

.haier-08-title img {
	width: 40%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.haier-09-title {
	text-align: center;
	font-size: 36px;
	color: #000;
}

.haier-10-title {
	text-align: center;
	font-size: 24px;
	color: #000;
}

.haier-11-title {
	text-align: center;
	font-size: 36px;
	color: #FF0004;
}

.haier-12-title {
	text-align: center;
	font-size: 24px;
	color: #000;

}

.haier-bf {
	width: 100%;
	margin-top: -10px;
}
.haier-bf img {
	width: 100%;
}

/********************************************************************************************************
03 Ulfit
********************************************************************************************************/
.ulfit-01-title {
	text-align: center;
	margin: 0;
	padding-top: 200px;
	padding-bottom: 30px;
	font-size: 36px;
	color: #000;
}

.ulfit-02-title {
	text-align: center;
	position: relative;
}

.ulfit-02-title img {
	width: 100%;
	height: auto;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}
.ulfit-02-title h1 {
	position: absolute;
	width: 100%;
	height: 300px;
	letter-spacing: 6px;
	font-size: 160px;
	color: #000;
	top: 20%;/*50%*/
	left: 50%;
	transform: translate(-50%, -50%);
}

.ulfit-04-title {
	text-align: center;
	margin: 0;
	margin-top: -10px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 36px;
	color: #fff;
	background-color: #000;
}

.ulfit-textarea {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 3%;
}

.ulfit-05-title {
	font-size: 36px;
	text-align: left;
	display: inline-block;
	color: #000;
}

.ulfit-06-title {
	text-align: center;
}

.ulfit-06-title img {
	width: 50%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.ulfit-07-title {
	text-align: center;
	position: relative;
}

.ulfit-07-title img {
	width: 100%;
	height: 100px;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}
.ulfit-07-title p {
	position: absolute;
	width: 100%;
	height: 100px;
	letter-spacing: 6px;
	font-size: 60px;
	white-space: nowrap;
	color: #000;
	top: 0%;/*50%*/
	left: 50%;
	transform: translate(-50%, -50%);
}

.ulfit-08-title {
	text-align: center;
	margin-bottom: 3%;
}

.ulfit-08-title img {
	width: 50%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.ulfit-09-title {
	text-align: center;
	font-size: 36px;
	line-height: 80px;
	color: #000;
}

.ulfit-10-title {
	text-align: center;
	font-size: 36px;
	letter-spacing: 3px;
	color: #000;
}

/********************************************************************************************************
04 GROTTI ヒト
********************************************************************************************************/
.grotti-hitokan-01-title {
	text-align: center;
	margin: 0;
	padding-top: 200px;
	padding-bottom: 30px;
	font-size: 36px;
	color: #000;
}

.grotti-hitokan-02-title {
	text-align: center;
}

.grotti-hitokan-02-title img {
	width: 50%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.grotti-hitokan-03-title {
	text-align: center;
	margin-top: 30px;
}

.grotti-hitokan-03-title img {
	width: 50%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.grotti-hitokan-04-title {
	text-align: center;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 36px;
	color: #000;
}

.grotti-hitokan-textarea-01 {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
}

.grotti-hitokan-05-title {
	font-size: 36px;
	text-align: left;
	display: inline-block;
	color: #000;
}

.grotti-hitokan-06-title {
	text-align: center;
}

.grotti-hitokan-06-title img {
	width: 15%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.grotti-hitokan-07-title {
	text-align: center;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 36px;
	color: #000;
}

.grotti-hitokan-08-title {
	text-align: center;
	letter-spacing: 3px;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 36px;
	color: #000;
}

.grotti-hitokan-09-title {
	text-align: center;
}

.grotti-hitokan-09-title img {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.grotti-hitokan-10-title {
	text-align: center;
}

.grotti-hitokan-10-title img {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.grotti-hitokan-11-title {
	text-align: center;
}

.grotti-hitokan-11-title img {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.grotti-hitokan-12-title {
	text-align: center;
	position: relative;
}

.grotti-hitokan-12-title img {
	width: 100%;
	height: 100px;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}
.grotti-hitokan-12-title p {
	position: absolute;
	width: 100%;
	height: 100px;
	letter-spacing: 6px;
	font-size: 40px;
	white-space: nowrap;
	color: #fff;
	top: 30%;/*50%*/
	left: 50%;
	transform: translate(-50%, -50%);
}

.grotti-hitokan-13-title {
	text-align: center;
}

.grotti-hitokan-13-title img {
	width: 15%;
	margin-top: 3%;
	margin-left: 0;
	margin-right: 0;
	/*margin-bottom: 3%;*/
}

.grotti-hitokan-textarea-02 {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
}

.grotti-hitokan-14-title {
	font-size: 36px;
	text-align: left;
	display: inline-block;
	color: #000;
}

.grotti-hitokan-15-title {
	text-align: center;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 24px;
	color: #000;
}

.grotti-hitokan-16-title {
	text-align: center;
	margin: 0;
	/*padding-top: 30px;*/
	padding-bottom: 30px;
	font-size: 36px;
	color: #000;
}

.grotti-hitokan-textarea-03 {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
}

.grotti-hitokan-17-title {
	font-size: 36px;
	text-align: left;
	display: inline-block;
	color: #000;
}

.grotti-hitokan-18-title {
	text-align: center;
	position: relative;
}

.grotti-hitokan-18-title img {
	width: 100%;
	height: 100px;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}
.grotti-hitokan-18-title p {
	position: absolute;
	width: 100%;
	height: 100px;
	letter-spacing: 6px;
	font-size: 60px;
	white-space: nowrap;
	color: #fff;
	top: 0%;/*50%*/
	left: 50%;
	transform: translate(-50%, -50%);
}

.grotti-hitokan-textarea-04 {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
}

.grotti-hitokan-19-title {
	text-align: left;
	margin: 0;
	/*padding-top: 30px;*/
	padding-bottom: 30px;
	font-size: 24px;
	color: #000;
}

.grotti-hitokan-before {
 width: 50%;
 height: auto;
 text-align: center;
 padding: 2%;
}

.grotti-hitokan-after {
 width: 50%;
 height: auto;
 text-align: center;
 padding: 2%;
}

.grotti-hitokan-beforeAfter-border {
 /*border: solid 1px #000;*/
 padding: 1%;
 margin: 3%;
}
 
.grotti-hitokan-beforeAfter {
 display: flex;
 /*border: solid 1px #000;*/
 padding: 1%;
 margin: 3%;
}
.grotti-hitokan-beforeAfter img {
	width: 90%;
}

.grotti-hitokan-20-title {
	text-align: center;
	margin-top: 3%;
}

.grotti-hitokan-20-title img {
	width: 50%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.grotti-hitokan-21-title {
	text-align: center;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 36px;
	color: #000;
}

.grotti-hitokan-textarea-05 {
	text-align: center;
	display: block;
	margin-top: 3%;
	margin-left: 5%;
	margin-right: 5%;
}

.grotti-hitokan-22-title {
	text-align: left;
	margin: 0;
	/*padding-top: 30px;*/
	padding-bottom: 30px;
	font-size: 24px;
	color: #000;
}

.grotti-hitokan-21-title {
	text-align: center;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 36px;
	color: #000;
}

.grotti-hitokan-23-title {
	text-align: center;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 36px;
	color: #000;
}

.grotti-hitokan-textarea-06 {
	text-align: center;
	display: block;
	margin-top: 3%;
	margin-left: 5%;
	margin-right: 5%;
}

.grotti-hitokan-24-title {
	text-align: left;
	margin: 0;
	/*padding-top: 30px;*/
	padding-bottom: 30px;
	font-size: 24px;
	color: #000;
}

.grotti-hitokan-25-title {
	text-align: center;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 36px;
	color: #000;
}

.grotti-hitokan-26-title {
	text-align: center;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 36px;
	color: #000;
}

.grotti-hitokan-27-title {
	text-align: center;
	margin-top: 3%;
}

.grotti-hitokan-27-title img {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.grotti-hitokan-28-title {
	text-align: center;
	margin: 0;
	margin-top: -10px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 36px;
	color: #fff;
	background-color: #000;
}

/********************************************************************************************************
05 ソノケア
********************************************************************************************************/
.sono-care-01-title {
	text-align: center;
	position: relative;
	padding-top: 200px;
}

.sono-care-01-title img {
	width: 100%;
	height: 100px;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}
.sono-care-01-title p {
	position: absolute;
	width: 100%;
	height: 100px;
	padding-top: 400px;
	letter-spacing: 6px;
	font-size: 60px;
	white-space: nowrap;
	color: #fff;
	top: 0%;/*50%*/
	left: 50%;
	transform: translate(-50%, -50%);
}

.sono-care-02-title {
	text-align: center;
	margin-top: 30px;
}

.sono-care-02-title img {
	width: 50%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.sono-care-03-title {
	text-align: center;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 36px;
	color: #000;
}

.sono-care-04-title {
	text-align: center;
	margin: 0;
	margin-top: -10px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 36px;
	color: #fff;
	background-color: #000;
}

.sono-care-05-title {
	text-align: center;
}

.sono-care-05-title img {
	width: 90%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.sono-care-textarea {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
}

.sono-care-06-title {
	font-size: 24px;
	text-align: left;
	display: inline-block;
	color: #000;
}

.sono-care-07-title {
	text-align: center;
	position: relative;
	margin-bottom: 3%;
}

.sono-care-07-title img {
	width: 100%;
	height: 100px;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}
.sono-care-07-title p {
	position: absolute;
	width: 100%;
	height: 100px;
	letter-spacing: 6px;
	font-size: 60px;
	white-space: nowrap;
	color: #fff;
	top: 0%;/*50%*/
	left: 50%;
	transform: translate(-50%, -50%);
}

.sono-care-08-title {
	text-align: center;
	margin-top: 3%;
}

.sono-care-08-title img {
	width: 60%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.sono-care-09-title {
	text-align: right;
	margin-right: 20%;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 24px;
	color: #000;
}

.sono-care-09-title a {
	color: #000;
}

.sono-care-before {
 width: 50%;
 height: auto;
 text-align: center;
 padding: 2%;
}

.sono-care-after {
 width: 50%;
 height: auto;
 text-align: center;
 padding: 2%;
}

.sono-care-beforeAfter-border {
 border: solid 1px #000;
 padding: 1%;
 margin: 3%;
}
 
.sono-care-beforeAfter {
 display: flex;
 /*border: solid 1px #000;*/
 padding: 1%;
 margin: 3%;
}
.sono-care-beforeAfter img {
	width: 90%;
}

.sono-care-textarea-01 {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
}

.sono-care-10-title{
	text-align: left;
	margin: 0;
	/*padding-top: 30px;*/
	padding-bottom: 30px;
	font-size: 24px;
	color: #000;
}

.sono-care-question {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 3%;
}

.sono-care-question {
	font-size: 24px;
	text-align: left;
	display: inline-block;
	color: #000;
}

/********************************************************************************************************
02 ハイフ
********************************************************************************************************/
.haier-01 {
	padding-top: 200px;
}

/********************************************************************************************************
06 リフトアップ
********************************************************************************************************/
.liftup {
	padding-top: 150px;
}

/********************************************************************************************************
07 イオン
********************************************************************************************************/
.ion {
	padding-top: 150px;
}

/********************************************************************************************************
08 フォト
********************************************************************************************************/
.photo {
	padding-top: 150px;
}

/********************************************************************************************************
09 毛穴洗浄
********************************************************************************************************/
.pores {
	padding-top: 200px;
}

/********************************************************************************************************
10 11 バスト
********************************************************************************************************/
.bust {
	padding-top: 60px;
}

/********************************************************************************************************
12 セルライト
********************************************************************************************************/
.radio {
	padding-top: 200px;
}

/********************************************************************************************************
13 トランスビート
********************************************************************************************************/
.trance {
	padding-top: 200px;
}

/********************************************************************************************************
14 ナノカレント
********************************************************************************************************/
.nano-current {
	padding-top: 200px;
}

/********************************************************************************************************
15 たるみ撃退
********************************************************************************************************/
.high-frequency {
	padding-top: 200px;
}

/********************************************************************************************************
17 血管ケア
********************************************************************************************************/
.grotti-pain {
	padding-top: 200px;
}

/********************************************************************************************************
18 ヘッドマッサージ
********************************************************************************************************/
.grotti-hormon {
	padding-top: 200px;
}

/********************************************************************************************************
19 ヘッドマッサージ
********************************************************************************************************/
.scalp-19 {
	padding-top: 200px;
}

/********************************************************************************************************
19 リラックス
********************************************************************************************************/
.relux-19 {
	padding-top: 200px;
}

/********************************************************************************************************
20 リラックス
********************************************************************************************************/
.relux-20 {
	padding-top: 200px;
}

/********************************************************************************************************
21 リラックス
********************************************************************************************************/
.relux-21 {
	padding-top: 200px;
}

/********************************************************************************************************
22 マイクロスコープ
********************************************************************************************************/
.micro {
	padding-top: 200px;
}

/********************************************************************************************************
23 育毛コース
********************************************************************************************************/
.scalp-23 {
	padding-top: 200px;
}

/********************************************************************************************************
24 ボリュームアップ
********************************************************************************************************/
.scalp-24 {
	padding-top: 200px;
}

/********************************************************************************************************
26 メンズ光脱毛
********************************************************************************************************/
.mens-hair-removal {
	padding-top: 200px;
}

/********************************************************************************************************
27 メンズ-2-5-3-9
********************************************************************************************************/
.mens-2-5-3-9 {
	padding-top: 200px;
}

/********************************************************************************************************
28 メンズ-12-13
********************************************************************************************************/
.mens-12-13 {
	padding-top: 200px;
}

/********************************************************************************************************
29 メンズ初回
********************************************************************************************************/
.mens-first {
	padding-top: 200px;
}

/********************************************************************************************************
30 メンズ0
********************************************************************************************************/
.mens-0 {
	padding-top: 200px;
}


/********************************************************************************************************
SP
********************************************************************************************************/
@media screen and (max-width:428px){

	
	.pc { display: none !important; }
    .sp { display: block !important; }
	

.white {
	margin: 0;
	padding: 0;
	background-color: #fff;
}

.grotti-01 {
	position: relative;
	margin: 0;
	padding: 0;
	margin-bottom: -10px;
}
	
.grotti-01 img {
	width: 100%;
	height: 60px;
}

.grotti-01-title {
	position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%,-50%);
	white-space: nowrap;
	font-size: 16px;
	letter-spacing: 3px;
	color: #000;
}

.grotti-02 {
	position: relative;
	margin: 0;
	padding: 0;
}

.grotti-02-title {
	position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%,-50%);
	white-space: nowrap;
	font-size: 20px;
	letter-spacing: 3px;
	color: #fff;
}

.grotti-03 {
	position: relative;
	margin: 0;
	padding: 0;
	margin-top: -10px;
}

.grotti-03-title {
	position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50%,-50%);
	white-space: nowrap;
	font-size: 20px;
	letter-spacing: 3px;
	color: #fff;
}

.grotti-04-title {
	width: 100%;
	text-align: center;
	padding-top: 8%;
}

.grotti-04-title img {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.grotti-05-title {
    text-align: center;
	white-space: nowrap;
	font-size: 40px;
	letter-spacing: 3px;
	color: #000;
}


.textarea {
	text-align: left;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 3%;
}

.grotti-text {
	text-align: left;
	display: inline-block;
	color: #000;
}


.before {
 width: 107%;
 height: auto;
 text-align: left;
 padding: 2%;
}

.after {
 width: 107%;
 height: auto;
 text-align: left;
 padding: 2%;
}
 
.beforeAfter {
 display: block;
 border: solid 1px #000;
 padding: 1%;
 margin: 3%;
}
.beforeAfter img {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.content-text {
	font-size: 16px;
	margin-right: 10%;
	letter-spacing: 3px;
	line-height: 25px;
	color: #000;
}

.grotti-step {
	text-align: center;
	margin-top: 3%;
}
.grotti-step img {
	width: 90%;
}

.fat {
	text-align: center
}
.fat img {
	width: 90%;
}

.gandr {
	position: relative;
}
.gandr-pc-02 {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

/*  table  layout  */
.c-matrix  {
  border-collapse:  collapse;
  border:  solid  3px  #000;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3%;
  margin-bottom: 3%;
}
.c-matrix  th,
.c-matrix  td  {
  padding:  8px  10px;
  font-size: 18px;
  letter-spacing: 3px;
  color: #000;
}
.c-matrix  th  {
  border:  solid  1px  #000;
  background-color:  #fff;
}
.c-matrix  td  {
 /* border:  dashed  1px  #000;*/
}
  .c-table  {
    white-space: nowrap;
    overflow-x: scroll;
	margin-left: 5%;
	margin-right: 5%;
    -webkit-overflow-scrolling: touch;
  }
	
  .c-table  caption  {
    color:  #fff;
    font-size: 20px;
	letter-spacing: 3px;
    padding:  8px;
    background:  #000;
  }
	
.grotti-22 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.grotti-22 img {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/********************************************************************************************************
02 ハイアールエフ
********************************************************************************************************/
.haier-02-title {
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 16px;
	color: #000;
}

.haier-03-title {
	text-align: left;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 24px;
	color: #000;
}

.haier-04-title {
	text-align: left;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 24px;
	color: #000;
}

.haier-05-title {
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 24px;
	color: #000;
}

.haier-06-title {
	text-align: center;
}

.haier-06-title img {
	width: 60%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.hirfWave-left {
 width: 95%;
 height: auto;
 text-align: center;
 padding: 2%;
}

.hirfWave-right {
 width: 95%;
 height: auto;
 text-align: center;
 padding: 2%;
}
 
.hirfWave {
 display: block;
 padding: 1%;
 margin: 3%;
}
.hirfWave img {
	width: 90%;
	text-align: center;
}

.haier-textarea {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 3%;
}

.haier-text {
	text-align: left;
	display: inline-block;
	color: #000;
}

.haier-07-title {
	text-align: center;
	margin-top: 30px;
}

.haier-07-title img {
	width: 50%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.haier-textarea-question {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 3%;
}

.haier-text-question {
	font-size: 14px;
	text-align: left;
	display: inline-block;
	color: #000;
}

.haier-08-title {
	text-align: center;
	margin-top: 40px;
}

.haier-08-title img {
	width: 90%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.haier-09-title {
	text-align: center;
	font-size: 20px;
	color: #000;
}

.haier-10-title {
	text-align: center;
	font-size: 20px;
	color: #000;
}

.haier-11-title {
	text-align: center;
	font-size: 20px;
	color: #FF0004;
}

.haier-12-title {
	text-align: left;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 16px;
	color: #000;
}
	
  .c-table  caption  {
    color:  #fff;
    font-size: 20px;
	text-align: left;
	letter-spacing: 3px;
    padding:  8px;
    background:  #000;
  }

.haier-bf {
	width: 100%;
	margin-top: -10px;
}
.haier-bf img {
	width: 100%;
}
	
/********************************************************************************************************
03 Ulfit
********************************************************************************************************/
.ulfit-01-title {
	text-align: center;
	margin: 0;
	padding-top: 60px;
	padding-bottom: 30px;
	font-size: 24px;
	color: #000;
}

.ulfit-02-title {
	text-align: center;
	position: relative;
}

.ulfit-02-title img {
	width: 100%;
	height: auto;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}
.ulfit-02-title h1 {
	position: absolute;
	width: 100%;
	height: 300px;
	letter-spacing: 6px;
	font-size: 160px;
	color: #000;
	top: 20%;/*50%*/
	left: 50%;
	transform: translate(-50%, -50%);
}

.ulfit-04-title {
	text-align: center;
	margin: 0;
	margin-top: -10px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 24px;
	color: #fff;
	background-color: #000;
}

.ulfit-textarea {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 3%;
}

.ulfit-05-title {
	font-size: 16px;
	text-align: left;
	display: inline-block;
	color: #000;
}

.ulfit-06-title {
	text-align: center;
}

.ulfit-06-title img {
	width: 90%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.ulfit-07-title {
	text-align: center;
	position: relative;
}

.ulfit-07-title img {
	width: 100%;
	height: 100px;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}
.ulfit-07-title p {
	position: absolute;
	width: 100%;
	height: 100px;
	letter-spacing: 6px;
	font-size: 24px;
	white-space: nowrap;
	color: #000;
	top: 55%;/*50%*/
	left: 50%;
	transform: translate(-50%, -50%);
}

.ulfit-08-title {
	text-align: center;
	margin-bottom: 3%;
}

.ulfit-08-title img {
	width: 90%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.ulfit-09-title {
	text-align: left;
	font-size: 20px;
	margin-left: 5%;
	margin-right: 5%;
	letter-spacing: 3px;
	line-height: 40px;
	color: #000;
}

.ulfit-10-title {
	text-align: center;
	font-size: 36px;
	letter-spacing: 3px;
	color: #000;
}
	
/********************************************************************************************************
04 GROTTI ヒト
********************************************************************************************************/
.grotti-hitokan-01-title {
	text-align: center;
	margin: 0;
	padding-top: 60px;
	margin-left: 5%;
	margin-right: 5%;
	padding-bottom: 30px;
	font-size: 14px;
	color: #000;
}

.grotti-hitokan-02-title {
	text-align: center;
}

.grotti-hitokan-02-title img {
	width: 90%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.grotti-hitokan-03-title {
	text-align: center;
	margin-top: 30px;
}

.grotti-hitokan-03-title img {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.grotti-hitokan-04-title {
	text-align: center;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 30px;
	font-size: 24px;
	color: #000;
}

.grotti-hitokan-textarea-01 {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
}

.grotti-hitokan-05-title {
	font-size: 24px;
	text-align: left;
	display: inline-block;
	color: #000;
}

.grotti-hitokan-06-title {
	text-align: center;
}

.grotti-hitokan-06-title img {
	width: 50%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.grotti-hitokan-07-title {
	text-align: center;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 24px;
	color: #000;
}

.grotti-hitokan-08-title {
	text-align: center;
	letter-spacing: 3px;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 24px;
	color: #000;
}

.grotti-hitokan-09-title {
	text-align: center;
}

.grotti-hitokan-09-title img {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.grotti-hitokan-10-title {
	text-align: center;
}

.grotti-hitokan-10-title img {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.grotti-hitokan-11-title {
	text-align: center;
}

.grotti-hitokan-11-title img {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.grotti-hitokan-12-title {
	text-align: center;
	position: relative;
}

.grotti-hitokan-12-title img {
	width: 100%;
	height: 50px;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}
.grotti-hitokan-12-title p {
	position: absolute;
	width: 100%;
	height: 70px;
	letter-spacing: 3px;
	font-size: 14px;
	white-space: nowrap;
	color: #fff;
	top: 60%;/*50%*/
	left: 50%;
	transform: translate(-50%, -50%);
}

.grotti-hitokan-13-title {
	text-align: center;
}

.grotti-hitokan-13-title img {
	width: 50%;
	margin-top: 3%;
	margin-left: 0;
	margin-right: 0;
	/*margin-bottom: 3%;*/
}

.grotti-hitokan-textarea-02 {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
}

.grotti-hitokan-14-title {
	font-size: 16px;
	text-align: left;
	display: inline-block;
	color: #000;
}

.grotti-hitokan-15-title {
	text-align: left;
	margin: 0;
	margin-left: 3%;
	margin-right: 3%;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 14px;
	color: #000;
}

.grotti-hitokan-16-title {
	text-align: center;
	margin: 0;
	/*padding-top: 30px;*/
	/* padding-bottom: 30px; */
	padding: 0;
	font-size: 24px;
	color: #000;
}

.grotti-hitokan-textarea-03 {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
}

.grotti-hitokan-17-title {
	font-size: 16px;
	text-align: left;
	display: inline-block;
	color: #000;
}

.grotti-hitokan-18-title {
	text-align: center;
	position: relative;
}

.grotti-hitokan-18-title img {
	width: 100%;
	height: 100px;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}
.grotti-hitokan-18-title p {
	position: absolute;
	width: 100%;
	height: 70px;
	letter-spacing: 3px;
	font-size: 16px;
	white-space: nowrap;
	color: #fff;
	top: 50%;/*50%*/
	left: 50%;
	transform: translate(-50%, -50%);
}

.grotti-hitokan-textarea-04 {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
}

.grotti-hitokan-19-title {
	text-align: left;
	margin: 0;
	margin-left: 5%;
	margin-right: 5%;
	/* padding-top: 30px; */
	padding-bottom: 30px;
	font-size: 16px;
	color: #000;
}

.grotti-hitokan-before {
 width: 120%;
 height: auto;
 text-align: center;
 padding: 2%;
}

.grotti-hitokan-after {
 width: 120%;
 height: auto;
 text-align: center;
 padding: 2%;
}
	
.grotti-hitokan-before-campaign-sp {
 width: 100%;
 height: auto;
 text-align: center;
 padding: 2%;
}

.grotti-hitokan-after-campaign-sp {
 width: 100%;
 height: auto;
 text-align: center;
 padding: 2%;
}

.grotti-hitokan-beforeAfter-border {
 /*border: solid 1px #000;*/
 padding: 1%;
 margin: 3%;
}
.grotti-hitokan-beforeAfter-campaign {
 display: block;/*block*/
 /*border: solid 1px #000;*/
 padding: 1%;
 margin: 3%;
}
 
.grotti-hitokan-beforeAfter {
 display: flex;/*block*/
 /*border: solid 1px #000;*/
 padding: 1%;
 margin: 0%;
}
.grotti-hitokan-beforeAfter img {
	width: 90%;
}

.grotti-hitokan-20-title {
	text-align: center;
	margin-top: 3%;
}

.grotti-hitokan-20-title img {
	width: 90%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.grotti-hitokan-21-title {
	text-align: center;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 36px;
	color: #000;
}

.grotti-hitokan-textarea-05 {
	text-align: center;
	display: block;
	margin-top: 3%;
	margin-left: 5%;
	margin-right: 5%;
}

.grotti-hitokan-22-title {
	text-align: left;
	margin: 0;
	/*padding-top: 30px;*/
	padding-bottom: 30px;
	font-size: 16px;
	color: #000;
}

.grotti-hitokan-21-title {
	text-align: center;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 24px;
	color: #000;
}

.grotti-hitokan-23-title {
	text-align: center;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 16px;
	color: #000;
}

.grotti-hitokan-textarea-06 {
	text-align: center;
	display: block;
	margin-top: 3%;
	margin-left: 5%;
	margin-right: 5%;
}

.grotti-hitokan-24-title {
	text-align: left;
	margin: 0;
	/*padding-top: 30px;*/
	padding-bottom: 30px;
	font-size: 16px;
	color: #000;
}

.grotti-hitokan-25-title {
	text-align: center;
	margin: 0;
	margin-left: 3%;
	margin-right: 3%;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 24px;
	color: #000;
}

.grotti-hitokan-26-title {
	text-align: center;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 24px;
	color: #000;
}

.grotti-hitokan-27-title {
	text-align: center;
	margin-top: 3%;
}

.grotti-hitokan-27-title img {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.grotti-hitokan-28-title {
	text-align: left;
	margin: 0;
	margin-top: -10px;
	padding-top: 30px;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 30px;
	font-size: 24px;
	color: #fff;
	background-color: #000;
}
	
/********************************************************************************************************
05 ソノケア
********************************************************************************************************/
.sono-care-01-title {
	text-align: center;
	position: relative;
	padding-top: 40px;
}

.sono-care-01-title img {
	width: 100%;
	height: 100px;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}
.sono-care-01-title p {
	position: absolute;
	width: 100%;
	height: 100px;
	letter-spacing: 6px;
	font-size: 24px;
	white-space: nowrap;
	color: #fff;
	top: -65%;/*55%*/
	left: 50%;
	transform: translate(-50%, -50%);
}

.sono-care-02-title {
	text-align: center;
	margin-top: 30px;
}

.sono-care-02-title img {
	width: 50%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.sono-care-03-title {
	text-align: center;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 36px;
	color: #000;
}

.sono-care-04-title {
	text-align: center;
	margin: 0;
	margin-top: -10px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 24px;
	color: #fff;
	background-color: #000;
}

.sono-care-05-title {
	text-align: center;
}

.sono-care-05-title img {
	width: 90%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.sono-care-textarea {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
}

.sono-care-06-title {
	font-size: 16px;
	text-align: left;
	display: inline-block;
	color: #000;
}

.sono-care-07-title {
	text-align: center;
	position: relative;
	margin-bottom: 3%;
}

.sono-care-07-title img {
	width: 100%;
	height: 100px;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}
.sono-care-07-title p {
	position: absolute;
	width: 100%;
	height: 100px;
	letter-spacing: 6px;
	font-size: 24px;
	white-space: nowrap;
	color: #fff;
	top: 55%;/*50%*/
	left: 50%;
	transform: translate(-50%, -50%);
}

.sono-care-08-title {
	text-align: center;
	margin-top: 3%;
}

.sono-care-08-title img {
	width: 90%;
	margin-left: 0;
	margin-right: 0;
	margin: 0;
}

.sono-care-09-title {
	text-align: right;
	margin-right: 10%;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 14px;
	color: #000;
}
	
.sono-care-09-title a {
	color: #000;
}

.sono-care-before {
 width: 95%;
 height: auto;
 text-align: center;
 padding: 2%;
}

.sono-care-after {
 width: 95%;
 height: auto;
 text-align: center;
 padding: 2%;
}

.sono-care-beforeAfter-border {
 border: solid 1px #000;
 padding: 1%;
 margin: 3%;
}
 
.sono-care-beforeAfter {
 display: block;
 /*border: solid 1px #000;*/
 padding: 1%;
 margin: 3%;
}
.sono-care-beforeAfter img {
	width: 90%;
}

.sono-care-textarea-01 {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
}

.sono-care-10-title{
	text-align: left;
	margin: 0;
	/*padding-top: 30px;*/
	padding-bottom: 30px;
	font-size: 16px;
	color: #000;
}

.sono-care-question {
	text-align: center;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 3%;
}

.sono-care-question {
	font-size: 16px;
	text-align: left;
	display: inline-block;
	color: #000;
}
	
/********************************************************************************************************
02 ハイフ
********************************************************************************************************/
.haier-01 {
	padding-top: 60px;
}
	
/********************************************************************************************************
06 リフトアップ
********************************************************************************************************/
.liftup {
	padding-top: 60px;
}
	
/********************************************************************************************************
07 イオン
********************************************************************************************************/
.ion {
	padding-top: 60px;
}
	
/********************************************************************************************************
08 フォト
********************************************************************************************************/
.photo {
	padding-top: 30px;
}
	
/********************************************************************************************************
09 毛穴洗浄
********************************************************************************************************/
.pores {
	padding-top: 60px;
}
	
/********************************************************************************************************
10 11 バスト
********************************************************************************************************/
.bust {
	padding-top: 60px;
}
	
/********************************************************************************************************
12 セルライト
********************************************************************************************************/
.radio {
	padding-top: 60px;
}
	
/********************************************************************************************************
13 トランスビート
********************************************************************************************************/
.trance {
	padding-top: 60px;
}
	
/********************************************************************************************************
14 ナノカレント
********************************************************************************************************/
.nano-current {
	padding-top: 60px;
}
	
/********************************************************************************************************
15 たるみ撃退
********************************************************************************************************/
.high-frequency {
	padding-top: 60px;
}
	
/********************************************************************************************************
17 血管ケア
********************************************************************************************************/
.grotti-pain {
	padding-top: 60px;
}
	
/********************************************************************************************************
18 ヘッドマッサージ
********************************************************************************************************/
.grotti-pain {
	grotti-hormon: 60px;
}
	
/********************************************************************************************************
19 ヘッドマッサージ
********************************************************************************************************/
.scalp-19 {
	padding-top: 60px;
}
	
/********************************************************************************************************
19 リラックス
********************************************************************************************************/
.relux-19 {
	padding-top: 60px;
}

/********************************************************************************************************
20 リラックス
********************************************************************************************************/
.relux-20 {
	padding-top: 60px;
}
	
/********************************************************************************************************
21 リラックス
********************************************************************************************************/
.relux-21 {
	padding-top: 60px;
}
	
/********************************************************************************************************
22 マイクロスコープ
********************************************************************************************************/
.micro {
	padding-top: 60px;
}
	
/********************************************************************************************************
23 育毛コース
********************************************************************************************************/
.scalp-23 {
	padding-top: 60px;
}
	
/********************************************************************************************************
24 ボリュームアップ
********************************************************************************************************/
.scalp-24 {
	padding-top: 60px;
}
	
/********************************************************************************************************
26 メンズ光脱毛
********************************************************************************************************/
.mens-hair-removal {
	padding-top: 60px;
}
	
/********************************************************************************************************
27 メンズ-2-5-3-9
********************************************************************************************************/
.mens-2-5-3-9 {
	padding-top: 60px;
}
	
/********************************************************************************************************
28 メンズ-12-13
********************************************************************************************************/
.mens-12-13 {
	padding-top: 60px;
}
	
/********************************************************************************************************
29 メンズ初回
********************************************************************************************************/
.mens-first {
	padding-top: 60px;
}
	
/********************************************************************************************************
30 メンズ0
********************************************************************************************************/
.mens-0 {
	padding-top: 60px;
}


}