@charset "UTF-8";


#content * {
  line-height: 1.7;
}
#content .article h3 {
    font-size: 2.4rem;
    line-height: 1.4;
  background: url("../superriser/image/back_title.svg") no-repeat left center;
    background-size: 100% 100%;
  padding: 10px 0 9px 17px;
    color: #01a9a4;            /* 文字の色 */
    letter-spacing : 2px;                /* 文字間 */
    text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
}
#content .article h3 img {
    margin-right: 10px;
}
.nomal_size {
  font-size: 1.6rem;
}

#content .article .orange_text {
	color: #f57e00;
}

#content .article .yellow_list {
	list-style: none;
}
#content .article .yellow_list li {
	padding-left: 1.5em;
	position: relative;
}
#content .article .yellow_list li:before {
	content: "●";
	color: #fef27c;
	position: absolute;
	left: 0px;
	top: 0px;
}
#content .article .kome_list li {
    list-style: none;
	padding-left: 1em;
	position: relative;
}
#content .article .kome_list li:before {
	content: "※";
	color: #000;
	position: absolute;
	left: 0px;
	top: 0px;
}

/* スーパーライザーとは */
#content .about > div {
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
#content .about dt {
    font-size: 1.8rem;
    font-weight: bold;
    color: #01a9a4;
    margin-bottom: 0.5em;
}
#content .about .superriser_img {
    text-align: center;
}
#content .about .about_img {
    margin-left: 20px;
    flex-shrink: 0;
}

/* 治療方法 */
#content .method > div {
}
#content .method .method_img {
    text-align: center;
}

/* 期待できる効果 */
#content .result ul {
    list-style: none;
    text-align: center;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
    -webkit-justify-content:space-around;
    -ms-flex-pack:distribute;
    justify-content:space-around;
}
#content .result ul li {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 70px;
    color: #01a9a4;
    border: solid 5px #01a9a4;
    width: 100%;
    max-width: 350px;
    display: inline-block;
}

/* 対象疾患 */
#content .diseases {
}

/* 治療の流れ */
#content .flow ol li {
    list-style: none;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
}
#content .flow ol li .flow_step1 {
    color: #01a9a4;
    padding: 0.8em;
    margin: 0 auto 10px;
    display: table;
    border: solid 3px #01a9a4;
}
#content .flow ol li .flow_pass {
    font-size: 2.4rem;
    color: #01a9a4;
    text-align: center;
    line-height: 117px;
    display: inline-block;
    width: 165px;
    vertical-align: middle;
    margin-bottom: 30px;
    background: url("../superriser/image/flow_arrow.png") no-repeat center center;
    background-size: contain;
}
#content .flow ol li .flow_step2 {
    color: #01a9a4;
}

/* 最後 */
#content .end_note > div {
    display: table;
    background: #e7f2f2;
    width: 790px;
    max-width: 100%;
    margin: auto;
  padding: 30px 25px;
    position: relative;
}
#content .end_note > div p {
    font-size: 1.8rem;
    display: table;
    margin: auto;
}
#content .end_note > div p.end_note_img {
    position: absolute;
    right: -60px;
    bottom: -40px;
}

@media screen and (max-width: 1199px) {
#content .article h3 {
    font-size: 2rem;
  padding: 10px 0 9px 7px;
    letter-spacing : 1px;                /* 文字間 */
}
#content .article h3 img {
    width: 30px;
    margin-right: 8px;
}
.nomal_size {
  font-size: 1.5rem;
}

/* スーパーライザーとは */
#content .about dt {
    font-size: 1.6rem;
}
#content .about .superriser_img img {
    max-width: 80%;
}
#content .about .about_img {
    max-width: 50%;
}
/* 治療方法 */
#content .method > div {
}
/* 期待できる効果 */
#content .result ul li {
    font-size: 2rem;
    line-height: 50px;
    border-width: 3px;
    margin: 0 5px;
}
/* 治療の流れ */
#content .flow ol li {
    font-size: 1.8rem;
}
#content .flow ol li .flow_step1 {
    padding: 0.5em 0.8em;
    margin: 0 auto 10px;
}
#content .flow ol li .flow_pass {
    font-size: 2rem;
    line-height: 92px;
    width: 130px;
    margin-bottom: 20px;
}
/* 最後 */
#content .end_note > div {
  padding: 25px 15px;
   width: 680px;
   max-width: 680px;
}
#content .end_note > div p {
    font-size: 1.6rem;
}
#content .end_note > div p.end_note_img {
    width: 100px;
    right: -50px;
    bottom: -30px;
}
}

@media screen and (max-width: 767px) {
  #content .titlearea {
    height: 130px;
  }
  #content .titlearea:before {
      height: 130px;
  }
  #content .titlearea div.pagetitle {
      height: auto;
      top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #content .titlearea div.pagetitle .h2title {
    display: block;
      height: auto;
  }
  #content .titlearea div.pagetitle .h2title h2 {
      line-height: 1.8;
  }
  #content .titlearea div.pagetitle .h2title p {
      text-align: right;
    line-height: 2;
  }

#content .article h3 {
    font-size: 1.8rem;
  padding: 7px 0 7px 7px;
}
#content .article h3 img {
    width: 26px;
    margin-right: 5px;
}
.nomal_size {
  font-size: 1.3rem;
}

/* スーパーライザーとは */
#content .about > div {
	display: block;
}
#content .about .about_img {
    width: 160px;
    margin-left: 15px;
    text-align: center;
}
#content .about dt {
    font-size: 1.4rem;
}
#content .about .superriser_img img {
    max-width: 50%;
}
#content .about .about_img {
    width: 100%;
    max-width: 80%;
    margin: 1.5em auto 0;
}
/* 治療方法 */
#content .method .method_img {
}
/* 期待できる効果 */
#content .result ul {
}
#content .result ul li {
    font-size: 1.6rem;
    line-height: 1.3;
    border-width: 2px;
    padding: 0.3em 0.3em 0.1em;
    margin: 0 2px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
}
/* 治療の流れ */
#content .flow ol li {
    font-size: 1.5rem;
}
#content .flow ol li .flow_pass {
    font-size: 1.6rem;
    line-height: 71px;
    width: 100px;
    margin-bottom: 10px;
}
/* 最後 */
#content .end_note {
    margin-bottom: 50px;
}
#content .end_note > div {
  padding: 10px 10px 40px;
    width: 100%;
}
#content .end_note > div p {
    font-size: 1.4rem;
}
#content .end_note > div p.end_note_img {
    width: 80px;
    right: -10px;
    bottom: -30px;
}
}

@media screen and (max-width: 540px) {
}

@media screen and (max-width: 359px) {
}