@charset "utf-8";
/* CSS Document */
.main_reset {
  margin: 20px auto 0;
  width: 960px;
}
@media screen and (max-width: 768px) {
  .main_reset {
    width: 100%;
    margin-top: 40px;
  }
}
/*タブメニュー*/
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0;
  background: #0b737d;
  padding-top: 10px;
}
.tab-label {
  color: #ffffff;
  cursor: pointer;
  flex: 1;
  font-weight: bold;
  order: -1;
  padding: 20px 0;
  margin: 0 6px;
  position: relative;
  text-align: center;
  transition: cubic-bezier(0.4, 0, 0.2, 1) .2s;
  user-select: none;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  line-height: 1.2em;
  vertical-align: bottom;
  font-size: 14px;
  text-shadow: 1px 1px 3px #1b1b1b;
}
.tab-label:hover {
  background: #5f5f5f;
  color: #ffffff;
}
.tab-switch:checked + .tab-label {
  color: #ffffff;
}
.tab-label::after {
  background: #5f5f5f;
  bottom: 0;
  content: '';
  display: block;
  height: 3px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateX(100%);
  transition: cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms;
  width: 100%;
  z-index: 1;
}
.tab-switch:checked ~ .tab-label::after {
  transform: translateX(-100%);
}
.tab-switch:checked + .tab-label::after {
  opacity: 1;
  transform: translateX(0);
}
.tab-content {
  height: 0;
  opacity: 0;
  padding: 0;
  pointer-events: none;
  transform: translateX(-30%);
  transition: transform .3s 80ms, opacity .3s 80ms;
  width: 100%;
  margin: 0;
}
.tab-switch:checked ~ .tab-content {
  transform: translateX(30%);
}
.tab-switch:checked + .tab-label + .tab-content {
  height: auto;
  opacity: 1;
  order: 1;
  pointer-events: auto;
  transform: translateX(0);
}
/*.tab-wrap::after {
  content: '';
  height: 20px;
  order: -1;
  width: 100%;

}*/
.tab-switch {
  display: none;
}
.style_needle {
  background: #30a5b2;
}
.style_diamond {
  background: #e0da7d;
}
.style_sfa {
  background: #c8a5e8;
}
.style_acne {
  background: #6b96d8;
}
.style_needle_bg {
  background-image: url("../img/tab_bg_needle.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.style_diamond_bg {
  background-image: url("../img/tab_bg_diamond.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.style_sfa_bg {
  background-image: url("../img/tab_bg_sfa.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.tab_subttl {
  font-size: 10px;
}
/*コンテンツ*/
.tab_contents {
  margin: 0;
  padding: 0;
}
.tab_contents img,
.topimg img,
.resizeimage_main img {
  max-width: 100%;
  height:auto;
  margin: 0 auto !important;
  text-align: center;
  vertical-align: top;
  line-height: 1.0em;display: block;
}
.contents_dl {
  padding: 10px 16px;
  line-height: 1.6em;
}
.contents_dl dt {
  padding: 6px;
  line-height: 1.6em;
  color: #383838;
  border-radius: 0;
  border: none;
  border-bottom: 2px dotted #383838;
  background: none;
  text-align: center;
  padding-bottom: 10px;
  margin: 10px auto 20px;
  font-weight: bold;
}
.contents_dl img {
  padding: 20px 0;
}
.contents_dl span {
  font-size: 10px;
}
.ban_dl {
  padding: 10px 16px 26px;
}
.ban_dl dt {
  margin-top: 20px;
  padding: 6px;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
}
.ban_dl_p-e {
  padding: 10px 16px 26px;
	background:#479bb6;
  width: 750px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .ban_dl_p-e {
    width: 100%;
  }
}
.ban_dl_p-e dt {
  padding: 6px;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
}
.other_tip {
  text-align: center;
  margin-top: 20px;
  font-size: 19px;
}
/*タイトル*/
.ttl_potenza_common {
  background-image: url("../img/bg_ttl_potenza.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  line-height: 1.1em;
  padding: 50px 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 27px;
  letter-spacing: 0.2em;
  font-style: italic;
  color: #383838;
  /*	flex-wrap:wrap;*/
  border-radius: 0;
  text-shadow: 1px 1px 2px #ffffff;
  /*margin:20px auto 6px;*/
  font-weight: bold;
}
.h2_ttl_potenza {
  margin: 0;
  padding: 14px;
  color: #ffffff;
  box-shadow: 6px 0 6px #ccc;
  text-align: center;
  border: none;
  border-radius: 0;
  font-style: italic;
  font-size: 22px;
  font-weight: bold;
}
.bg_needle {
  background: #ebfdfd;
}
.bg_diamond {
  background: #fdfceb;
}
.bg_sfa {
  background: #f6f0fb;
}
video {
  width: 100%;
  border: 1px solid #D8D8D8;
}

.youtube_container{width:100%;margin:0 auto;display:flex;justify-content:center;}
.youtube_item{width:calc(100%/2 - 24px);margin:20px 6px 4px;}
.youtube_item img{width:100%;min-width:50%;text-align:center;}
.youtube_item a:hover{opacity:0.7;}

/*ポテンツァとは・ポイント*/
.about_potenza {
  margin: 10px 0;
}
.about_potenza dt {
  font-size: 32px;
  font-style: italic;
  color: #30a5b2;
  text-align: center;
}
.about_potenza h3 {
  background: none;
  border: none;
  border-bottom: 2px solid #5f5f5f;
  border-radius: 0;
  padding-bottom: 14px;
  margin-bottom: 10px;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
}
.about_potenza dd {
  padding: 16px;
  line-height: 1.6em;
}
.beauty_serum {
  color: #ffffff;
  font-size: 14px;
}
p.bg_mccoom {
  margin: 0;
  padding: 6px 14px 20px;
  background: #cb8260;
  width: 750px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  p.bg_mccoom {
    width: 100%;
  }
}
p.bg_asce {
  margin: 0;
  padding: 6px 14px 20px;
  background: #479bb6;
  width: 750px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  p.bg_asce {
    width: 100%;
  }
}
.time_potenza {
  text-align: center;
  font-size: 19px;
}
/*チップバリエーション*/
.ttl_tip {
  padding-top: 50px;
  background: #ffffff;
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
  border-top: 5px solid #23b8ba;
}
.ttl_tip p {
  padding: 10px 20px;
}
/*施術の流れ*/
.flow_potenza {
  padding: 20px;
}
.flow_potenza dt {
  background-color: #494949;
  color: #ffffff;
  text-align: center;
  border-radius: 5px 5px 0 0;
  font-size: 12px;
  float: left;
  padding: 8px;
  margin-top: 8px;
}
.flow_name_potenza {
  margin-top: 10px;
  margin-left: 10px;
  font-weight: bold;
  font-size: 18px;
  float: left;
  color: #494949;
}
.flow_exp_potenza {
  padding: 10px 0 30px 0;
  clear: left;
  line-height: 1.7em;
  font-size: 14px;
  border-top: 2px solid #494949;
}
/*リスク・副作用*/
.risk_potenza {
  padding: 20px;
}
.risk_potenza dt {
  border: solid 1px #ADACAC;
  text-align: center;
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
  font-weight: bold;
}
.risk_exp_potenza {
  padding: 10px 0 30px 0;
  margin: 20px;
  line-height: 1.7em;
  font-size: 14px;
}
/*カテゴリーアイコン*/
.category_style {
  margin: 20px 10px 20px 0;
  font-size: 14px;
  padding: 2px 10px;
  font-weight: bold;
  border-radius: 20px;
  color: #ffffff;
}
.category_needle {
  background: #30a5b2;
}
.category_diamond {
  background: #e0da7d;
}
.category_sfa {
  background: #c8a5e8;
}
.risk_list {
  margin-left: 20px;
  font-size: 14px;
  line-height: 1.4em;
  padding: 8px;
}
.risk_list li {
  list-style: disc;
}
.risk_list li li {
  list-style: circle;
}
.potenza_certification {
  text-align: left;
  margin: 10px;
  padding: 10px;
  border: 1px solid #222222;
}
.potenza_certification p {
  text-align: center;
}
/*料金表*/
.p_frame_potenza {
  width: 100%;
  margin: 0 auto;
  font-size: 13px;
}
.p_frame_potenza td {
  table-layout: auto;
  padding: 10px 8px;
  border-bottom: #dddddd solid 1px;
  background-color: #ffffff;
}
p.exp_menu_potenza {
  margin: 2px;
  font-size: 10px;
  line-height: 1.1em;
  padding: 0;
}
th.sub_header_potenza {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  /* border-bottom: 1px dotted #33597C;*/
  vertical-align: middle;
  padding: 10px;
  background-color: #ffffff;
}
.tip_menu {
  text-align: center;
  font-weight: bold;
  background-color: #D2D2D2;
}
.acnemode_contents {
  padding: 10px 16px;
  line-height: 1.6em;
}
.ttl_potenza_p-e {
	margin-top:40px;
  text-align: center;
  padding: 10px;
  color: #ffffff;
  border: none;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 5%, rgba(18, 144, 118, 1) 15%, rgba(58, 58, 58, 1) 50%, rgba(18, 144, 118, 1) 85%, rgba(255, 255, 255, 0) 95%);
}
.ttl_exosome_p-e {
		margin-top:40px;
  text-align: center;
  padding: 10px;
  color: #ffffff;
  border: none;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 5%, rgba(42, 114, 138, 1) 15%, rgba(58, 58, 58, 1) 50%, rgba(42, 114, 138, 1) 85%, rgba(255, 255, 255, 0) 95%);
}
.ttl_exosome_p-e span{font-size: 10px;}

p.contents_p-e{
  padding: 10px 16px;
  line-height: 1.6em;
}
.list_p-e{
  padding: 10px 16px;
  line-height: 1.6em;
	margin-left:30px;
}

/*
.marker_face{background: linear-gradient(transparent 75%, #a7e4d2 75%);}
.marker_body{background: linear-gradient(transparent 75%, #afc0e8 75%);}
.marker_vio{background: linear-gradient(transparent 75%, #e4eaaf 75%);}
.marker_set{background: linear-gradient(transparent 75%, #f0b2cb 75%);}*/
th.course_needle {
  border-bottom: 2px dotted #30a5b2;
}
th.course_diamond {
  border-bottom: 2px dotted #e0da7d;
}
th.course_sfa {
  border-bottom: 2px dotted #c8a5e8;
}
th.course_acnemode {
  border-bottom: 2px dotted #5e64b5;
}
/* footer {
  background: #494949;
  padding: 20px 0;
} */