@charset "UTF-8";
/*----------------------------------------------------*/
/* common
------------------------------------------------------*/
#campaign {
  margin-bottom: 40px;
}

.bnr {
  margin-bottom: 40px;
  text-align: center;
}

#invicamp a {
  position: relative;
  display: block;
}

#invicamp a img {
  z-index: 0;
}

#invicamp a span {
  position: absolute;
  bottom: 10px;
  left: 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
  max-width: 950px;
  color: #000;
}

#mv {
  background: #FFFFFF url(/lib/img/uniq/shinryo/mv.jpg) center bottom no-repeat;
}
#mv.botox {
  background-image: url(/lib/img/uniq/shinryo/mv_botox.webp);
}
#mv.cerec {
  background-image: url(/lib/img/uniq/shinryo/mv_cerec.webp);
}
#mv.implant {
  background-image: url(/lib/img/uniq/shinryo/mv_implant.webp);
}
#mv.invisalign {
  background-image: url(/lib/img/uniq/shinryo/mv_invisalign.webp);
}
#mv.kyousei_a {
  background-image: url(/lib/img/uniq/shinryo/mv_kyousei_a.webp);
  background-color: #000;
}
#mv.kyousei {
  background-image: url(/lib/img/uniq/shinryo/mv_kyousei.webp);
}
#mv.maternity {
  background-image: url(/lib/img/uniq/shinryo/mv_maternity.webp);
}
#mv.mushiba {
  background-image: url(/lib/img/uniq/shinryo/mv_mushiba.webp);
}
#mv.preventive_dentistry {
  background-image: url(/lib/img/uniq/shinryo/mv_preventive_dentistry.webp);
}
#mv.shinbi {
  background-image: url(/lib/img/uniq/shinryo/mv_shinbi.webp);
}
#mv.shishubyou {
  background-image: url(/lib/img/uniq/shinryo/mv_shishubyou.webp);
  background-color: #CBCCBD;
}
#mv.shisyugeka {
  background-image: url(/lib/img/uniq/shinryo/mv_shisyugeka.webp);
}
#mv.shouni {
  background-image: url(/lib/img/uniq/shinryo/mv_shouni.webp);
}
#mv.vitaminc {
  background-image: url(/lib/img/uniq/shinryo/mv_vitaminc.webp);
}
#mv.whitening {
  background-image: url(/lib/img/uniq/shinryo/mv_whitening.webp);
}

#contents > article > section {
  margin-bottom: 35px;
}

#contents > article > section:last-child {
  margin-bottom: 0;
}

#contents > article > section > section {
  margin-bottom: 25px;
}

#contents > article > section > section:last-child {
  margin-bottom: 0;
}

#contents > article > section > section > section {
  margin-bottom: 17px;
}

#contents > article > section > section > section:last-child {
  margin-bottom: 0;
}

#contents p {
  font-size: 108%;
  margin-top: 10px;
}

#contents div.lead {
  margin-bottom: 25px;
}

#contents div.lead p.lead {
  font-size: 123.1%;
  color: #008885;
}

#contents > article > section > p.lead {
  margin: 0 0 20px 0;
}

#contents strong {
  color: #008684;
  font-weight: bold;
}

/* dl */
#contents dl.dlist01 dt {
  border-bottom: solid 1px #A4D6C8;
  padding: 0 0 2px 26px;
  margin-bottom: 10px;
  background: url(/lib/img/cmn/icon_round_01.gif) no-repeat 5px 0.3em;
  color: #008684;
  font-size: 116%;
  font-weight: bold;
}

#contents dl.dlist01 dd {
  margin-bottom: 15px;
  font-size: 108%;
}

#contents dl.dlist02 dt {
  margin-bottom: 0.3em;
  color: #008684;
  font-size: 116%;
  font-weight: bold;
}

#contents dl.dlist02 dd {
  margin-bottom: 1.5em;
  font-size: 108%;
}

/* qa */
#contents dl.qaList dt {
  border-bottom: solid 1px #A4D6C8;
  padding: 0 0 2px 0;
  margin-bottom: 10px;
  color: #008684;
  font-size: 116%;
}

#contents dl.qaList dt span {
  font-weight: bold;
  font-size: 106.12%;
}

#contents dl.qaList dd {
  margin-bottom: 15px;
  font-size: 108%;
}

/* list */
#contents ul.list01 li {
  background: url(/lib/img/cmn/icon_list_01.gif) no-repeat 0.3em 0.6em;
  padding-left: 12px;
  margin-bottom: 5px;
  line-height: 1.4;
}

/* list_arrow */
#contents ul.list_arrow {
  overflow: hidden;
  margin: 10px -10px 15px 0;
  width: 640px;
}

#contents ul.list_arrow li {
  float: left;
  margin-right: 10px;
}

#contents ul.list_arrow li img {
  background: url(/lib/img/cmn/icon_arrow_01.gif) no-repeat right center;
  padding-right: 20px;
}

#contents ul.list_arrow li:last-child img {
  background: none;
  padding-right: 0;
}

#contents ul.list_arrow li p.caption {
  line-height: 1.3;
  margin-top: 8px;
  padding-right: 20px;
}

#contents ul.list_arrow.w148 li {
  width: 148px;
}

#contents ul.list_arrow.w195 li {
  width: 195px;
}

#contents ul.list_arrow.w296 li {
  width: 296px;
}

@media only screen and (max-width: 767px) {
  #mv {
    background: #FFFFFF url(/lib/img/uniq/shinryo/mv.jpg) center bottom no-repeat;
    background-size: contain;
  }
  #contents ul.list_arrow {
    width: 100%;
    margin: 10px 0 15px 0;
  }
  #contents ul.list_arrow li img {
    width: 100%;
    height: auto;
    background: url(/lib/img/cmn/icon_arrow_03.gif) no-repeat bottom 10px center;
    padding-right: 0px;
    padding-bottom: 30px;
  }
  #contents ul.list_arrow.w148 li {
    width: 100%;
  }
  #contents ul.list_arrow.w195 li {
    width: 100%;
  }
  #contents ul.list_arrow.w296 li {
    width: 100%;
  }
}
/* table */
#contents table.tbl01 {
  width: 100%;
  background: #FFFFFC;
  border-top: 1px solid #EEE;
  margin-bottom: 20px;
  opacity: 0.7;
}

#contents table.tbl01 th,
#contents table.tbl01 td {
  border-bottom: 1px solid #EEE;
  vertical-align: top;
}

#contents table.tbl01 tr:nth-child(2n) th,
#contents table.tbl01 tr:nth-child(2n) td {
  background: #F3F9FC;
}

#contents table.tbl01 tr.bg_b th,
#contents table.tbl01 tr.bg_b td {
  background: #F3F9FC !important;
}

#contents table.tbl01 tr.bg_w th,
#contents table.tbl01 tr.bg_w td {
  background: #FFFFFF !important;
}

/* course */
#contents .course {
  background: #FFFFFF;
  overflow: hidden;
  margin-left: -4px;
  padding-top: 4px;
}

#contents .course li {
  float: left;
  border: solid 1px #EDE2D1;
  width: 202px;
  margin: 0 0 4px 4px;
  background: #FFF url(/lib/img/uniq/shinryo/top_bg_01.gif) repeat-x left bottom;
}

#contents .course li a {
  display: block;
  margin: 1px;
  border-left: solid 4px #C4E0EE;
  color: #6b584d;
  padding: 10px 0 10px 5px;
  font-size: 93%;
}

#contents .course li span {
  color: #007FBD;
  font-size: 116%;
  font-weight: bold;
  display: block;
}

@media only screen and (max-width: 767px) {
  #contents .course {
    margin-left: 0;
  }
  #contents .course li {
    float: none;
    width: auto;
    margin: 0 0 4px 0;
  }
  #contents .course li a {
    font-size: 1.2rem;
    padding: 5px 0 5px 10px;
    display: flex;
    align-items: center;
  }
  #contents .course li span {
    font-size: 1.4rem;
    display: inline-block;
    margin-right: 20px;
  }
}
/*--- mushiba ---*/
/* shinko */
#contents.mushiba section.shinko > dl {
  position: relative;
  padding: 0 0 20px 95px;
  min-height: 80px;
  margin-bottom: 20px;
  background: url(/lib/img/cmn/icon_arrow_02.gif) no-repeat center 100%;
}

#contents.mushiba section.shinko > dl:last-child {
  background: none;
  margin-bottom: 25px;
}

#contents.mushiba section.shinko > dl > dt {
  font-size: 131%;
  color: #008684;
  font-weight: bold;
  border-bottom: 1px solid #A4D6C8;
  margin-bottom: 7px;
}

#contents.mushiba section.shinko > dl > dd {
  font-size: 108%;
}

#contents.mushiba section.shinko > dl > dd.image {
  position: absolute;
  left: 0;
  top: 0;
}

/* yobo */
#contents.mushiba section.yobo {
  margin-bottom: 25px;
}

#contents.mushiba section.yobo > section {
  margin-bottom: 15px;
  overflow: hidden;
}

#contents.mushiba section.yobo > section > dl {
  float: left;
  font-size: 108%;
}

#contents.mushiba section.yobo div.image {
  float: right;
}

/* chiryo */
#contents.mushiba section.chiryo p.lead {
  margin-bottom: 20px;
}

#contents.mushiba section.chiryo > section {
  margin-bottom: 20px;
}

/*--- shishubyou ---*/
/* about */
#contents.shishubyou section.about > div.lead {
  margin-bottom: 35px;
  overflow: hidden;
}

#contents.shishubyou section.about > div.lead div.box01 {
  overflow: hidden;
  margin-bottom: 5px;
}

#contents.shishubyou section.about > div.lead div.box01 div.text {
  float: left;
  width: 480px;
}

#contents.shishubyou section.about > div.lead div.box01 div.virus {
  float: right;
  padding: 10px 20px 20px 20px;
}

#contents.shishubyou section.about > div.lead ul.shiniku {
  overflow: hidden;
  width: 575px;
  margin: 0 auto;
}

#contents.shishubyou section.about > div.lead ul.shiniku li {
  float: left;
  margin-right: 25px;
}

#contents.shishubyou section.about > div.lead ul.shiniku li:last-child {
  margin-right: 0;
}

#contents.shishubyou section.about > div.lead ul.shiniku li dt {
  text-align: center;
  font-size: 108%;
  margin-bottom: 5px;
}

#contents.shishubyou section.shinko > div.lead {
  overflow: hidden;
  margin-bottom: 15px;
}

#contents.shishubyou section.shinko div.seijo {
  width: 142px;
  float: left;
}

#contents.shishubyou section.shinko div.seijo p {
  text-align: center;
  margin-top: 5px;
  color: #008684;
}

#contents.shishubyou section.shinko p.konotoki {
  float: right;
  width: 860px;
  margin-top: 60px;
  padding-bottom: 20px;
  text-align: center;
  background: url(/lib/img/cmn/icon_arrow_03.gif) no-repeat center bottom;
}

#contents.shishubyou section.shinko > section {
  margin-bottom: 15px;
  overflow: hidden;
}

#contents.shishubyou section.shinko > section div.image {
  float: left;
  width: 104px;
}

#contents.shishubyou section.shinko > section div.text {
  float: right;
  width: 860px;
}

@media only screen and (max-width: 767px) {
  #contents.shishubyou section.about > div.lead ul.shiniku {
    width: 100%;
  }
  #contents.shishubyou section.about > div.lead ul.shiniku li {
    float: left;
    margin-right: 0;
    width: 31%;
    padding: 0 1%;
  }
  #contents.shishubyou section.about > div.lead ul.shiniku li img {
    max-width: 100%;
  }
  #contents.shishubyou section.shinko > div.lead {
    overflow: hidden;
    margin-bottom: 15px;
  }
  #contents.shishubyou section.shinko div.seijo {
    width: 20%;
    float: left;
  }
  #contents.shishubyou section.shinko div.seijo p {
    text-align: center;
    margin-top: 5px;
    color: #008684;
  }
  #contents.shishubyou section.shinko p.konotoki {
    float: right;
    width: 75%;
    margin-top: 60px;
    padding-bottom: 20px;
    text-align: center;
    background: url(/lib/img/cmn/icon_arrow_03.gif) no-repeat center bottom;
  }
  #contents.shishubyou section.shinko > section {
    margin-bottom: 15px;
    overflow: hidden;
  }
  #contents.shishubyou section.shinko > section div.image {
    float: left;
    width: 20%;
  }
  #contents.shishubyou section.shinko > section div.image img {
    max-width: 100%;
  }
  #contents.shishubyou section.shinko > section div.text {
    float: right;
    width: 75%;
  }
}
/* soshiki */
#contents.shishubyou section.soshiki div.image {
  margin-top: 20px;
  text-align: center;
}

/* tokucho */
#contents.shishubyou section.tokucho ul.check {
  overflow: hidden;
  margin-top: 15px;
}

#contents.shishubyou section.tokucho ul.check li {
  float: left;
  width: 275px;
  margin: 0 10px 10px 0;
  padding: 2px 0 0 25px;
  font-size: 108%;
  font-weight: bold;
  background: url(/lib/img/cmn/icon_check_01.gif) no-repeat left top;
}

/* chiryo */
#contents.shishubyou section.chiryo div.lead {
  overflow: hidden;
}

#contents.shishubyou section.chiryo div.lead p {
  margin-bottom: 20px;
}

#contents.shishubyou section.chiryo div.lead div.image {
  float: right;
  margin: 10px 10px 0 0;
}

#contents.shishubyou section.chiryo div.lead div.text {
  width: 420px;
  float: left;
}

#contents.shishubyou section.chiryo div.lead dl dt {
  border-bottom: solid 1px #A4D6C8;
  padding: 0 0 2px 24px;
  margin-bottom: 10px;
  background: url(/lib/img/cmn/icon_round_01.gif) no-repeat 5px 3px;
  color: #008684;
  font-size: 116%;
}

#contents.shishubyou section.chiryo div.lead dl dd {
  margin-bottom: 15px;
  font-size: 108%;
}

#contents.shishubyou section.chiryo p.link01 {
  text-align: right;
  margin-bottom: 15px;
}

#contents.shishubyou section.chiryo section.pocket ul {
  overflow: hidden;
}

#contents.shishubyou section.chiryo section.pocket ul li {
  float: left;
  width: 175px;
  margin-right: 25px;
}

@media only screen and (max-width: 767px) {
  #contents.shishubyou section.chiryo div.lead div.image {
    width: 25%;
  }
  #contents.shishubyou section.chiryo div.lead div.image img {
    max-width: 100%;
  }
  #contents.shishubyou section.chiryo div.lead div.text {
    width: 70%;
  }
}
/* kakawari */
#contents.shishubyou section.kakawari section.ninpu div.image {
  float: right;
  margin: 10px 10px 25px 25px;
}

/* tobacco */
#contents.shishubyou section.tobacco dl.dlist01 {
  margin-top: 15px;
}

/*--- shouni ---*/
/* haeru */
#contents.shouni section.haeru div.jiki {
  margin: 15px 0 20px 0;
  overflow: hidden;
}

#contents.shouni section.haeru div.jiki div.image01 {
  float: left;
  width: 220px;
}

#contents.shouni section.haeru div.jiki ul {
  float: right;
  width: 740px;
  font-size: 108%;
  padding-top: 20px;
}

#contents.shouni section.haeru div.jiki ul li {
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  #contents.shouni section.haeru div.jiki {
    margin: 15px 0 20px 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
  }
  #contents.shouni section.haeru div.jiki div.image01 {
    float: none;
    width: 50%;
  }
  #contents.shouni section.haeru div.jiki ul {
    float: none;
    width: 50%;
    font-size: 1.4rem;
  }
}
/*--- implant ---*/
#contents.implant {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: flex-start;
}

#contents.implant article {
  width: 70%;
}

#contents.implant article > section {
  margin-bottom: 100px;
}

#contents.implant #side {
  width: 25%;
  position: sticky;
  top: 0;
  float: none;
  transition: 0.2s;
  background: #FFF;
  border: 1px solid #80c7cc;
  padding: 10px;
}

@media only screen and (max-width: 767px) {
  #contents.implant article {
    width: 100%;
  }
  #contents.implant #side {
    display: none;
  }
}
#contents.implant #side h2 {
  background: #80c7cc;
  color: #FFF;
  padding: 5px 5px 8px;
  text-align: center;
}

#contents.implant #side ul {
  border-top: 1px dashed #80c7cc;
  padding-top: 10px;
}

#contents.implant #side ul li {
  margin-bottom: 10px;
  border-bottom: 1px dashed #80c7cc;
  padding-bottom: 10px;
}

#contents.implant #side ul a {
  display: block;
  font-size: 1.4rem;
  color: #008684;
  padding-left: 15px;
  position: relative;
}

#contents.implant #side ul a:before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  border-bottom: 1px solid #008684;
  border-right: 1px solid #008684;
  transform: rotate(-45deg);
  position: absolute;
  left: 0;
  top: 7px;
}

#contents.implant section#lead {
  max-width: 700px;
  background: #FFF;
  padding: 20px;
  margin: 0 auto 6em;
}

#contents.implant section#lead .photo_R {
  max-width: 254px;
  float: right;
  padding: 0 0 1em 1em;
}

#contents.implant section#lead .photo_R img {
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  #contents.implant section#lead .photo_R {
    max-width: 100%;
    float: none;
    padding: 0 1em 1em 1em;
  }
}
#contents.implant section#lead p {
  font-size: 1.4rem;
  line-height: 2.2;
  margin-bottom: 3rem;
  color: #282828;
}

#contents.implant section#lead p strong {
  font-weight: 900;
  color: #282828;
}

#contents.implant section#lead p strong.mark {
  background: linear-gradient(transparent 0%, #FFFAAA 0%);
  color: #282828;
  font-weight: normal;
  font-weight: 500;
}

#contents.implant section#lead .sig {
  width: fit-content;
  margin: 0 0 2em auto;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

#contents.implant section#lead .sig > * {
  width: 49%;
  margin-bottom: 0;
}

#contents.implant section#lead .sig .photo img {
  max-width: 100%;
  width: 100%;
}

#contents.implant section#about4s .concept4 {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  font-weight: bold;
  font-size: clamp(12px, 5.5vw, 2.4rem);
}

#contents.implant section#about4s .concept4 span {
  font-size: 2.8rem;
  color: rgb(181, 0, 3);
}

#contents.implant section#about4s .image {
  margin: 2rem 0;
}

#contents.implant section#about4s .image img {
  max-width: 100%;
  width: 100%;
}

/* hikaku */
#contents.implant section.hikaku .lead {
  margin-bottom: 100px;
}

#contents.implant section.hikaku table.tbl01 {
  margin-top: 15px;
}

#contents.implant section.hikaku table.tbl01 th,
#contents.implant section.hikaku table.tbl01 td {
  padding: 8px;
}

#contents.implant section.hikaku table.tbl01 colgroup.hiyo,
#contents.implant section.hikaku table.tbl01 colgroup.ketten {
  border-left: 1px solid #EEE;
  width: 40%;
}

#contents.implant section.hikaku table.tbl01 td ul li {
  background: url(/lib/img/cmn/icon_list_01.gif) no-repeat 0.2em 0.6em;
  padding-left: 10px;
  margin-bottom: 2px;
}

/* flow */
#contents.implant section.flow {
  overflow: hidden;
}

#contents.implant section.flow img {
  max-width: 100%;
  width: 100%;
}

#contents.implant section.flow dl dd {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}

#contents.implant section.flow dl dd div {
  width: 60%;
}

#contents.implant section.flow dl dd div.image {
  width: 38%;
}

@media only screen and (max-width: 767px) {
  #contents.implant section.flow dl dd {
    display: block;
  }
  #contents.implant section.flow dl dd div {
    width: 100%;
  }
  #contents.implant section.flow dl dd div.image {
    width: 100%;
    margin-top: 15px;
  }
}
#contents.implant section.flow section.movie {
  margin-bottom: 100px;
}

#contents.implant section.flow section.movie p {
  margin-bottom: 10px;
}

#contents.implant section.flow section.movie .youtubeBox {
  width: 100%;
  aspect-ratio: 16/9;
  margin-bottom: 30px;
}

#contents.implant section.flow section.movie .youtubeBox iframe {
  width: 100%;
  height: 100%;
}

/* detail */
#contents.implant section.detail dl {
  overflow: hidden;
}

#contents.implant section.detail dl dt {
  font-size: 108%;
  float: left;
  width: 120px;
  padding: 5px 0 2px 0;
}

#contents.implant section.detail dl dd {
  font-size: 108%;
  margin-bottom: 7px;
  padding: 5px 0 2px 130px;
  border-bottom: 1px dashed #CCC;
}

#contents.implant section.detail dl dd.text {
  border: none;
  margin-bottom: 0;
}

#contents.implant section.detail dl dd.image {
  padding-bottom: 10px;
}

#contents.implant section.detail ol li {
  font-size: 108%;
  margin-bottom: 7px;
  padding: 5px 0 2px 0;
  border-bottom: 1px dashed #CCC;
}

/* example */
#contents.implant section.example ul.list_arrow {
  margin-bottom: 20px;
}

#contents.implant .ex_detail dt {
  font-weight: 600;
  margin: 1em 0 0.5em;
}

#contents.implant .ex_detail dd ul li {
  display: block;
  padding-left: 1em;
  position: relative;
}

#contents.implant .ex_detail dd ul li:before {
  content: "・";
  height: 1em;
  left: 0;
  position: absolute;
  top: 0;
  width: 1em;
}

#contents.implant .ex_detail dd ul.last {
  margin: 0.4em 0;
}

/*--- shisyugeka ---*/
#contents.shisyugeka div.case ul {
  margin-top: 5px;
}

#contents.shisyugeka div.img_r {
  float: right;
  padding: 0 0 10px 10px;
}

@media only screen and (max-width: 767px) {
  #contents.shisyugeka div.img_r {
    float: none;
    padding: 10px 10px;
    text-align: center;
  }
}
/*--- shinbi ---*/
#contents.shinbi p.lead,
#contents.shinbi div.lead {
  margin-bottom: 15px;
}

#contents.shinbi ul.tokucho li {
  background: url(/lib/img/cmn/icon_list_01.gif) no-repeat 0.5em 0.6em;
  padding-left: 1.3em;
  margin-bottom: 3px;
}

#contents.shinbi ul.image {
  overflow: hidden;
  margin-right: -15px;
}

#contents.shinbi ul.image li {
  float: left;
  margin-right: 15px;
}

#contents.shinbi table.tbl01 th,
#contents.shinbi table.tbl01 td {
  padding: 8px 10px;
}

#contents.shinbi table.tbl01 td {
  border-left: 1px solid #EEE;
  width: 35%;
}

@media only screen and (max-width: 767px) {
  #contents.shinbi ul.image li {
    float: left;
    margin: 0 0 15px;
  }
}
/*--- whitening ---*/
/* about */
#contents.whitening section.about div.tekiou {
  overflow: hidden;
}

#contents.whitening section.about dl {
  width: 400px;
  float: left;
}

#contents.whitening section.about div.image {
  float: right;
  margin: 20px;
}

/* kit */
#contents.whitening section.kit ul {
  overflow: hidden;
}

#contents.whitening section.kit ul li {
  float: left;
  margin-right: 15px;
}

#contents.whitening section.kit ul li.w250 {
  width: 250px;
}

#contents.whitening section.kit ul li.w267 {
  width: 267px;
}

#contents.whitening section.kit ul li p {
  margin-top: 5px;
}

/* tejun */
#contents.whitening section.tejun dl {
  overflow: hidden;
}

#contents.whitening section.tejun dl dt {
  font-size: 108%;
  float: left;
  padding: 2px 0 2px 0;
}

#contents.whitening section.tejun dl dd {
  font-size: 108%;
  margin-bottom: 7px;
  padding: 2px 0 2px 0;
  border-bottom: 1px dashed #CCC;
}

#contents.whitening section.tejun section.raiin dl dt {
  width: 3em;
}

#contents.whitening section.tejun section.raiin dl dd {
  padding-left: 4em;
}

#contents.whitening section.tejun section.raiin {
  overflow: hidden;
}

#contents.whitening section.tejun section.raiin dl {
  float: left;
  width: 290px;
}

#contents.whitening section.tejun section.raiin div.image {
  float: right;
}

#contents.whitening section.tejun section.jitaku dl dt {
  width: 1em;
}

#contents.whitening section.tejun section.jitaku dl dd {
  padding-left: 2em;
}

#contents.whitening section.tejun section.jitaku dd.image {
  position: relative;
  min-height: 170px;
}

#contents.whitening section.tejun section.jitaku dd.image div.image {
  position: absolute;
  right: 0;
  top: 5px;
}

/* notice */
#contents.whitening section.notice ol {
  font-size: 108%;
}

#contents.whitening section.notice ol li {
  margin: 0 0 7px 2em;
  list-style-type: decimal;
}

@media only screen and (max-width: 767px) {
  #contents.whitening section.about dl {
    width: auto;
    float: none;
  }
  #contents.whitening section.about div.image {
    float: none;
    text-align: center;
  }
  #contents.whitening section.tejun section.raiin dl {
    float: none;
    width: auto;
  }
  #contents.whitening section.tejun section.raiin div.image {
    float: none;
    text-align: center;
  }
  #contents.whitening section.tejun section.jitaku dd.image div.image {
    position: static;
  }
}
/*--- kyousei ---*/
/* why */
#contents.kyousei section.why ul.image {
  overflow: hidden;
  width: 1040px;
  margin: 20px 0 -10px 0;
}

#contents.kyousei section.why ul.image li {
  float: left;
  width: 160px;
  margin-right: 20px;
  margin-bottom: 10px;
}

#contents.kyousei section.why ul.image li p {
  margin-top: 3px;
  font-size: 92.5%;
}

@media only screen and (max-width: 767px) {
  #contents.kyousei section.why ul.image {
    width: 100%;
    margin: 20px 0 -10px 0;
  }
  #contents.kyousei section.why ul.image li {
    float: left;
    width: 48%;
    padding: 0 1%;
    margin: 0 0 10px 0;
  }
}
/* check */
#contents.kyousei section.check div.checkList {
  overflow: hidden;
  margin: 20px 0;
}

#contents.kyousei section.check div.checkList div.image {
  float: right;
}

#contents.kyousei section.check div.checkList ul.list01 {
  width: 640px;
  padding: 15px 15px 5px 15px;
  border: 1px dashed #CCC;
}

#contents.kyousei section.check > div.image {
  margin: 20px 0;
}

#contents.kyousei section.check > div.image:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  #contents.kyousei section.check div.checkList div.image {
    float: none;
  }
}
/* edge */
#contents.kyousei section.edge ul.image {
  overflow: hidden;
  margin-right: -15px;
}

#contents.kyousei section.edge ul.image li {
  float: left;
  width: 192px;
  margin-right: 15px;
}

#contents.kyousei section.edge ul.image li p {
  margin-top: 5px;
}

/* souki */
#contents.kyousei section.souki div.lead {
  overflow: hidden;
}

#contents.kyousei section.souki div.lead p {
  float: left;
  width: 720px;
  margin-top: 0;
}

#contents.kyousei section.souki div.lead div.image {
  float: right;
}

@media only screen and (max-width: 767px) {
  #contents.kyousei section.souki div.lead p {
    float: none;
    width: auto;
  }
  #contents.kyousei section.souki div.lead div.image {
    float: none;
    margin-top: 10px;
    text-align: center;
  }
}
/* cost */
#contents.kyousei section.cost table.tbl01 {
  margin-top: 20px;
  font-size: 108%;
}

#contents.kyousei section.cost table.tbl01 th,
#contents.kyousei section.cost table.tbl01 td {
  padding: 8px 10px;
}

#contents.kyousei section.cost table.tbl01 td {
  width: 45%;
  border-left: 1px solid #EEE;
}

/*--- invisalign ---*/
#contents.invisalign .invisDL {
  margin: 20px 0;
  overflow: hidden;
}

#contents.invisalign .invisDL dt {
  font-weight: bold;
  margin-bottom: 5px;
}

#contents.invisalign .invisDL.invis01 dt {
  color: #dc2997;
  clear: both;
}

#contents.invisalign .invisDL.invis02 dt {
  color: #1abb35;
}

#contents.invisalign .invisDL.invis03 dt {
  color: #0a94b2;
  border-bottom: 1px dashed #0a94b2;
}

#contents.invisalign .invisDL dd {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  #contents.invisalign .floRp {
    float: none;
    text-align: center;
  }
}
/*--- cerec ---*/
#contents.cerec .flblk {
  overflow: hidden;
}

#contents.cerec .flblk .image.floR img,
#contents.cerec .fig2 li img,
#contents.cerec .cerec3_list li img {
  height: auto;
  width: 100%;
}

#contents.cerec .flblk .image.floR {
  box-sizing: border-box;
  margin-left: 20px;
  width: 35%;
}

#contents.cerec .flblk .text {
  width: 60%;
}

#contents.cerec .leadtxt {
  border-bottom: 1px solid #008684;
  color: #008684;
  font-size: 153.9%;
  font-weight: bold;
  margin-bottom: 20px;
}

#contents.cerec .fig2 {
  margin-bottom: 25px;
  overflow: hidden;
}

#contents.cerec .fig2 li {
  float: left;
  width: 48%;
}

#contents.cerec .fig2 li:last-child {
  float: right;
}

#contents.cerec .point {
  color: #008684;
  display: block;
  padding-left: 65px;
  position: relative;
}

#contents.cerec .point:before {
  background: url(/lib/img/uniq/shinryo/cerec_icon_point.png) no-repeat;
  content: "";
  height: 60px;
  left: 0;
  margin-top: -30px;
  position: absolute;
  top: 50%;
  width: 50px;
}

#contents.cerec .tbl01 th,
#contents.cerec .tbl01 td {
  padding: 8px;
}

#contents.cerec .cerec3_list {
  overflow: hidden;
}

#contents.cerec .cerec3_list li {
  float: left;
  margin-right: 3%;
  width: 31%;
}

#contents.cerec .cerec3_list li:last-child {
  margin-right: 0;
}

/*

*/
#contents.cerec .cerec5 ul.case01 {
  display: flex;
  justify-items: flex-start;
  margin-top: 20px;
}

#contents.cerec .cerec5 ul.case01 li dd img {
  background: none;
  border-radius: 4px;
  height: auto;
  padding: 0;
  width: 195px;
}

#contents.cerec .cerec5 ul.case01 li dd {
  background: url(/lib/img/cmn/icon_arrow_01.gif) no-repeat right center;
  display: block;
  padding-right: 20px;
}

#contents.cerec .cerec5 ul.case01 li:last-child dd {
  background: none;
  padding-right: 0;
}

#contents.cerec .cerec5 ul.case02 {
  margin-top: 20px;
}

#contents.cerec .cerec5 ul.case02 ul {
  display: flex;
  justify-items: flex-start;
  gap: 20px;
}

#contents.cerec .cerec5 ul.case02 li {
  margin-bottom: 10px;
  position: relative;
}

#contents.cerec .cerec5 ul.case02 li dd img {
  background: none;
  border-radius: 4px;
  height: auto;
  padding: 0;
  width: 195px;
}

#contents.cerec .cerec5 ul.case02 ul.before li:before {
  content: "";
  width: 23px;
  height: 10px;
  display: block;
  position: absolute;
  top: calc(100% + 10px);
  left: calc(50% - 12px);
  background: url(/lib/img/cmn/icon_arrow_03.gif) no-repeat right center;
}

#contents.cerec .texton {
  position: relative;
}

#contents.cerec .texton span {
  box-sizing: border-box;
  font-size: 2.2rem;
  left: 50%;
  line-height: 1.5;
  margin-top: -2em;
  padding: 0 20px 0 0;
  position: absolute;
  text-shadow: white 1px 1px 10px, white -1px 1px 10px, white 1px -1px 10px, white -1px -1px 10px;
  top: 50%;
}

#contents.cerec p.att {
  color: #cc0000;
}

@media only screen and (max-width: 767px) {
  #contents.cerec .flblk .image.floR {
    float: none;
    margin-left: 0;
    width: auto;
  }
  #contents.cerec .flblk .text {
    width: auto;
  }
  #contents.cerec .fig2 {
    margin-bottom: 15px;
  }
  #contents.cerec .fig2 li {
    float: none;
    margin-bottom: 10px;
    width: auto;
  }
  #contents.cerec .fig2 li:last-child {
    float: none;
  }
  #contents.cerec .cerec3_list {
    margin: 0 15px;
  }
  #contents.cerec .cerec3_list li {
    float: none;
    margin: 0 0 10px;
    width: auto;
  }
  #contents.cerec .cerec5 ul.case02 {
    margin-top: 20px;
    display: flex;
    gap: 20px;
  }
  #contents.cerec .cerec5 ul.case02 ul {
    display: block;
  }
  #contents.cerec .cerec5 ul.case02 ul.before li:before {
    content: "";
    width: 10px;
    height: 23px;
    top: calc(50% - 12px);
    left: calc(100% + 5px);
    background: url(/lib/img/cmn/icon_arrow_01.gif) no-repeat right center;
  }
  #contents.cerec .texton span {
    font-size: 1.3rem;
    left: 38%;
    line-height: 1.4;
    margin-top: 0;
    padding: 0 5px 0 0;
    top: 15px;
  }
}
/*--- botox ---*/
#contents.botox .leadtxt {
  text-align: center;
  color: #008684;
  font-size: 2rem;
  font-weight: bold;
  margin: 40px 0;
}

#contents.botox .botoxmelit {
  padding: 2em;
  background: #FFF;
  margin-bottom: 40px;
  border-radius: 15px;
}

#contents.botox .botoxmelit dt {
  text-align: center;
  margin-bottom: 30px;
}

#contents.botox .botoxmelit dd ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#contents.botox .botoxmelit dd ul li {
  width: 24%;
}

#contents.botox .chiryo {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  #contents.botox .botoxmelit dd ul li {
    width: 48%;
    margin-bottom: 10px;
  }
  #contents.botox .chiryo {
    display: block;
    justify-content: space-between;
  }
  #contents.botox .chiryo .thumb {
    text-align: center;
  }
}
#contents.botox dl.qa {
  margin: 2em 0;
}

#contents.botox dl.qa dt {
  background: #FFF;
  padding: 1em 1em 1em 4em;
  border-radius: 1em;
  margin-bottom: 15px;
  position: relative;
}

#contents.botox dl.qa dt span {
  color: #008684;
  font-size: 6rem;
  font-weight: bold;
  position: absolute;
  top: -0.5em;
  left: 0;
  line-height: 1;
}

#contents.botox dl.qa dd {
  padding: 1em 1em 1em 5.5em;
  margin-bottom: 50px;
  position: relative;
}

#contents.botox dl.qa dd span {
  color: #fb2d84;
  font-size: 6rem;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0.5em;
  line-height: 1;
}

/*--- polyphosphoric ---*/
.merit_list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.merit_list li {
  background: #fff;
  margin-bottom: 30px;
  width: 330px;
}

.merit_list li dl dt span {
  color: #0c8884;
  display: block;
  font-size: 123.1%;
  font-weight: bold;
  line-height: 1.3;
  padding: 0.8em 0;
  text-align: center;
}

.merit_list li dl dd {
  padding: 0 1.5em 1.5em;
}

.merit_list li dl dd span {
  border-top: 1px solid #ccc;
  display: block;
  padding-top: 1em;
}

.ppp_v {
  margin: 0 auto 25px;
  width: 1000px;
}

.rcmdlist {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 880px;
}

.rcmdlist li {
  margin-bottom: 25px;
  width: 280px;
}

.rcmdlist li span {
  display: block;
  padding-top: 1em;
  text-align: center;
}

.ppp_what .flblk {
  overflow: hidden;
}

.ppp_what .flblk > p {
  float: left;
  width: 500px;
}

.ppp_what .flblk > div {
  float: right;
  width: 510px;
}

#contents .ppp_what .flblk > div p {
  background: #80c7cc;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 0.6em 1em;
}

.flowlist li {
  margin-bottom: 20px;
  overflow: hidden;
}

.flowlist li dl {
  width: 100%;
}

.flowlist li dl dt {
  float: left;
  position: relative;
  width: 400px;
}

#contents .flowlist li dl dt p {
  background: #29b5b2;
  color: #fff;
  font-weight: bold;
  left: 10px;
  line-height: 1.2;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 7em;
}

.flowlist li dl dt p span {
  font-size: 116%;
}

.flowlist li dl dd {
  float: right;
  padding-top: 1em;
  width: 620px;
}

.ppp_difference table {
  border-left: 4px solid #f2f7f6;
  border-top: 4px solid #f2f7f6;
  margin: 0 20px;
}

.ppp_difference table thead th {
  background: #80c7cc;
  border-bottom: 4px solid #f2f7f6;
  border-right: 4px solid #f2f7f6;
  color: #fff;
  padding: 10px 15px;
  vertical-align: top;
}

.ppp_difference table thead th:first-child {
  background: none;
}

.ppp_difference table thead th:nth-child(2) {
  background: #999;
}

.ppp_difference table tbody th {
  background: #fff;
  padding: 10px 15px;
  vertical-align: top;
  width: 20%;
}

.ppp_difference table tbody td {
  background: #ededeb;
  border-bottom: 4px solid #f2f7f6;
  border-right: 4px solid #f2f7f6;
  padding: 10px 15px;
  vertical-align: top;
  width: 40%;
}

.ppp_difference table tbody .color01 {
  background: #e3f6f2;
}

/*ppp_casestudy*/
.ppp_casestudy ul.case {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ppp_casestudy ul.case li {
  width: 48%;
  margin-bottom: 30px;
}

.ppp_casestudy ul.case li dt {
  font-size: 1.8rem;
  padding-bottom: 3px;
  border-bottom: 1px dashed #9A9995;
  margin-bottom: 10px;
}

.ppp_casestudy ul.case li dd ul.photo {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ppp_casestudy ul.case li dd ul.photo li {
  width: 48%;
  position: relative;
}

.ppp_casestudy ul.case li dd ul.photo li div {
  z-index: 0;
}

.ppp_casestudy ul.case li dd ul.photo li span {
  position: absolute;
  top: 5px;
  left: 5px;
  color: #FFF;
  font-size: 1.6rem;
  font-weight: bold;
  z-index: 10;
}

.ppp_casestudy ul.case li dd ul.photo li img {
  max-width: 100%;
}

.ppp_casestudy .risk h4 {
  margin-bottom: 1rem;
  font-weight: bold;
}
.ppp_casestudy .risk .list li {
  padding-left: 1em;
  text-indent: -1em;
}

@media only screen and (max-width: 767px) {
  .merit_list {
    display: block;
  }
  .merit_list li {
    margin-bottom: 15px;
    width: auto;
  }
  .merit_list li dl dt {
    position: relative;
  }
  .merit_list li dl dt img {
    height: auto;
    width: 100%;
  }
  .merit_list li dl dt span {
    background: rgba(255, 255, 255, 0.7);
    bottom: 0;
    box-sizing: border-box;
    display: block;
    left: 0;
    padding: 0.6em 1em;
    position: absolute;
    text-align: right;
    width: 100%;
  }
  .merit_list li dl dd {
    padding: 0 1em 1em;
  }
  .ppp_v {
    margin: 0 auto 15px;
    width: auto;
  }
  .rcmdlist {
    width: auto;
  }
  .rcmdlist li {
    margin-bottom: 15px;
    width: 48%;
  }
  .ppp_what .flblk > p {
    float: none;
    margin-bottom: 1em;
    width: auto;
  }
  .ppp_what .flblk > div {
    float: none;
    width: auto;
  }
  .ppp_what .flblk > div img {
    height: auto;
    width: 100%;
  }
  .flowlist li {
    margin-bottom: 1.5em;
  }
  .flowlist li dl dt {
    float: none;
    width: auto;
  }
  .flowlist li dl dt img {
    height: auto;
    width: 100%;
  }
  .flowlist li dl dd {
    float: none;
    width: auto;
  }
  .ppp_difference table {
    border-left: 2px solid #f2f7f6;
    border-top: 2px solid #f2f7f6;
    margin: 0;
  }
  .ppp_difference table thead th {
    border-bottom: 2px solid #f2f7f6;
    border-right: 2px solid #f2f7f6;
    padding: 5px 8px;
  }
  .ppp_difference table tbody th {
    padding: 5px 8px;
    width: 16%;
  }
  .ppp_difference table tbody td {
    border-bottom: 2px solid #f2f7f6;
    border-right: 2px solid #f2f7f6;
    padding: 5px 8px;
    width: 42%;
  }
  /*ppp_casestudy*/
  .ppp_casestudy ul.case {
    display: block;
  }
  .ppp_casestudy ul.case li {
    width: 100%;
  }
  .ppp_casestudy ul.case li dd ul.photo li span {
    font-size: 1.4rem;
  }
}
/*--- maternity ---*/
/* about */
#contents #mtnt02,
#contents #mtnt03,
#contents #mtnt04 {
  overflow: hidden;
}

#contents .matanityLink {
  margin: 30px 0;
}

#contents .photo_mtn_clm2 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 30px 0;
}

#contents .photo_mtn_clm2 li {
  width: 48%;
}

#contents .photo_mtn_clm2 li img {
  max-width: 100%;
}

#contents .notes {
  margin: 0 0 30px 0;
  padding: 0;
}

#contents .notes li {
  padding-left: 1em;
  text-indent: -1em;
}

#contents .mtn_note {
  overflow: hidden;
  margin: 40px 0;
  display: flex;
  flex-direction: row-reverse;
}

#contents .mtn_note .thumb {
  padding: 0 15px 0 0;
  width: 300px;
}

#contents .mtn_note .thumb img {
  max-width: 100%;
  width: 100%;
}

#contents .mtn_note dl {
  overflow: hidden;
  font-size: 1.8rem;
  width: calc(100% - 300px);
}

#contents .mtn_note dl dt {
  clear: both;
  float: left;
  color: #008684;
  font-weight: bold;
}

#contents .mtn_note dl dd {
  padding: 0 0 5px 7em;
}

#contents .mtn_notes_dl dt {
  font-weight: bold;
  color: #dc2997;
}

#contents .mtn_notes_dl dd {
  margin-bottom: 30px;
}

#contents .kansen {
  padding: 20px;
  background: #FFF;
}

#contents .kansen h4 {
  font-weight: bold;
  color: #008684;
}

#contents .mtnbtn {
  text-align: center;
}

#contents .mtnbtn a {
  background: #80c7cc;
  border-radius: 10px;
  padding: 1em 2em;
  display: inline-block;
  color: #FFF;
  font-weight: bold;
  font-size: 2rem;
}

@media only screen and (max-width: 767px) {
  #contents .mtn_note {
    display: block;
  }
  #contents .mtn_note .thumb {
    margin: 20px 0;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  #contents .mtn_note dl {
    width: 100%;
  }
}
/*--- vitaminc ---*/
#contents.vc .vc_vi {
  margin-bottom: 3em;
}

#contents.vc .vc_vi img {
  height: auto;
  width: 100%;
}

#contents.vc article > section {
  margin-bottom: 6em;
}

#contents.vc section strong {
  color: #fc5804;
  font-weight: 700;
}

#contents.vc section p {
  line-height: 1.8;
  margin: 0 0 1.5em;
}

#contents.vc .vc_link p {
  line-height: 1.3;
}

#contents.vc .vc_link p a {
  background: #55cbc7;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  padding: 0.6em 3em 0.8em 1.8em;
  position: relative;
}

#contents.vc .vc_link p a:after {
  background: url("/lib/img/uniq/shinryo/vitaminc_icon_04.png") no-repeat;
  content: "";
  display: block;
  height: 12px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 1.2em;
  width: 14px;
}

#contents.vc .history {
  background: url("/lib/img/uniq/shinryo/vitaminc_bg_03.gif") repeat;
  box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 8px 8px 4px 0px rgba(10, 10, 10, 0.02);
  position: relative;
  padding: 28px 40px;
}

#contents.vc .history:before {
  border-top: solid 50px #f1f7f7;
  border-right: solid 50px transparent;
  content: "";
  display: block;
  height: 0;
  left: -6px;
  position: absolute;
  top: -6px;
  z-index: 2;
}

#contents.vc .history:after {
  border-top: solid 50px transparent;
  border-right: solid 50px transparent;
  content: "";
  display: block;
  height: 0;
  left: -4px;
  position: absolute;
  top: -4px;
}

#contents.vc .history > div {
  margin-bottom: 20px;
  overflow: hidden;
}

#contents.vc .history .txt {
  float: left;
  width: 56%;
}

#contents.vc .history .sea {
  float: right;
}

#contents.vc .history .txt h3 {
  background: url("/lib/img/uniq/shinryo/vitaminc_icon_03.png") left center no-repeat;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1em;
  padding: 0.2em 0 0.2em 45px;
}

#contents.vc .history .txt p {
  margin-bottom: 1em;
}

#contents.vc .history dl {
  background: rgba(255, 255, 255, 0.5);
  clear: both;
  padding: 1.2em;
}

#contents.vc .history dl dt {
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 0.2em;
}

#contents.vc .history dl dd {
  line-height: 1.8;
}

#contents.vc .history dl dd span {
  text-decoration: underline wavy #fc5804;
}

#contents.vc .vc02 > div {
  overflow: hidden;
}

#contents.vc .vc02 > div .fig {
  float: left;
  width: 35%;
}

#contents.vc .vc02 > div .txt {
  float: right;
  width: 61%;
}

#contents.vc .vc03 section {
  border-bottom: 2px dotted #837871;
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 30px;
}

#contents.vc .vc03 section.last {
  border-bottom: none;
}

#contents.vc .vc03 section div {
  float: left;
  width: 60%;
}

#contents.vc .vc03 section .fig {
  float: right;
  width: 36%;
}

#contents.vc .vc03 section .fig img {
  height: auto;
  width: 100%;
}

#contents.vc .vc03 h3 {
  color: #008b85;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1em;
  padding-top: 0.2em;
}

#contents.vc .vc03 h3 span {
  background: #55cbc7;
  color: #fff;
  display: inline-block;
  line-height: 1;
  margin: -0.2em 0.5em 0 0;
  padding: 0.2em 0.4em;
  position: relative;
  vertical-align: middle;
}

#contents.vc .merit {
  background: url("/lib/img/uniq/shinryo/vitaminc_bg_02.jpg") center center no-repeat;
  background-size: cover;
  padding: 45px;
}

#contents.vc .merit ul li {
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 1em;
  padding-left: 16px;
  position: relative;
}

#contents.vc .merit ul li:before {
  background: #55cbc7;
  border-radius: 8px;
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  top: 1.5rem;
  width: 8px;
}

#contents.vc .merit ul li:last-child {
  margin-bottom: 0;
}

#contents.vc .merit ul li strong {
  background: url("/lib/img/uniq/shinryo/vitaminc_bg_04.gif") left bottom repeat-x;
  color: #5f4d43;
  font-size: 1.8rem;
}

#contents.vc .hdlist li {
  margin-bottom: 1.5em;
}

#contents.vc .hdlist li dt {
  border-bottom: 1px solid #a4d6c8;
  color: #008b85;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 0.3em;
  padding: 0 0 0.2em 22px;
  position: relative;
}

#contents.vc .hdlist li dt:before {
  background: url("/lib/img/cmn/icon_round_01.gif") no-repeat;
  content: "";
  display: block;
  height: 15px;
  left: 0;
  position: absolute;
  top: 0.4em;
  width: 15px;
}

#contents.vc .hdlist li dd {
  font-size: 1.6rem;
  line-height: 1.8;
}

#contents.vc .injection {
  background: #fff;
  border-radius: 10px;
  display: flex;
  flex-flow: row-reverse;
  justify-content: space-between;
  padding: 20px;
}

#contents.vc .injection .fig {
  padding-right: 23px;
}

#contents.vc .vc09 dl {
  background: #fff;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 1em;
}

#contents.vc .vc09 dl dt {
  padding: 10px;
  text-align: center;
  width: 15%;
}

#contents.vc .vc09 dl dd {
  padding: 10px;
  width: 85%;
}

#contents.vc .vc09 p {
  font-size: 2rem;
}

#contents.vc .vc09 p span {
  font-weight: bold;
}

#contents.vc .vc09 p strong {
  color: #fc793c;
}

#contents.vc .vc09 p strong span {
  font-size: 2.8rem;
}

#contents.vc .vc10 > ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

#contents.vc .vc10 > ul > li {
  width: 29%;
}

#contents.vc .vc10 > ul > li dl dt {
  background: url("/lib/img/uniq/shinryo/vitaminc_bg_01.png") center bottom no-repeat;
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 15px;
  padding-bottom: 30px;
  text-align: center;
}

#contents.vc .vc10 > ul > li dl dt span {
  font-size: 2.2rem;
}

#contents.vc .vc10 > ul > li dl dt:before {
  background: url("/lib/img/uniq/shinryo/vitaminc_icon_01.png") no-repeat;
  content: "";
  display: inline-block;
  height: 40px;
  margin-right: 10px;
  width: 40px;
  vertical-align: middle;
}

#contents.vc .vc10 > ul > li dl dd ul {
  background: #fff;
  border-radius: 10px;
  padding: 20px 24px;
}

#contents.vc .vc10 > ul > li dl dd ul li {
  margin-bottom: 0.3em;
  padding-left: 24px;
  position: relative;
}

#contents.vc .vc10 > ul > li dl dd ul li:before {
  background: url("/lib/img/uniq/shinryo/vitaminc_icon_02.png") no-repeat;
  content: "";
  display: block;
  height: 12px;
  left: 0;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  width: 14px;
}

@media only screen and (max-width: 767px) {
  #contents.vc article > section {
    margin-bottom: 4em;
  }
  #contents.vc .history {
    padding: 2em 20px;
  }
  #contents.vc .history .txt {
    float: none;
    width: auto;
  }
  #contents.vc .history .sea {
    float: none;
  }
  #contents.vc .history .sea img {
    height: auto;
    width: 100%;
  }
  #contents.vc .vc02 > div .fig {
    float: none;
    margin-bottom: 1em;
    width: auto;
  }
  #contents.vc .vc02 > div .fig img {
    height: auto;
    width: 100%;
  }
  #contents.vc .vc02 > div .txt {
    float: none;
    width: auto;
  }
  #contents.vc .vc03 section div {
    float: none;
    width: auto;
  }
  #contents.vc .vc03 section .fig {
    float: none;
    padding-top: 1.5em;
    width: auto;
  }
  #contents.vc .merit {
    background: #fff url("/lib/img/uniq/shinryo/vitaminc_bg_02_sp.jpg") right bottom no-repeat;
    background-size: auto;
    padding: 1.5em 1.5em 4em 1.5em;
  }
  #contents.vc .injection {
    display: block;
    padding: 20px;
  }
  #contents.vc .injection .fig {
    padding-right: 0;
  }
  #contents.vc .injection .fig img {
    height: auto;
    width: 100%;
  }
  #contents.vc .vc10 > ul {
    display: block;
  }
  #contents.vc .vc10 > ul > li {
    margin-bottom: 2em;
    width: auto;
  }
  #contents.vc .vc10 > ul > li dl dd span {
    display: block;
    margin: 0 auto;
    width: 80%;
  }
  #contents.vc .vc10 > ul > li dl dd span img {
    height: auto;
    width: 100%;
  }
}