@charset "utf-8";
/* LPをウェブサイトにインクルードする際のスタイル抽出 */
/* CSS Document */
.main_reset {
  margin: 20px auto 0;
  width: 960px;
}
@media screen and (max-width: 768px) {
  .main_reset {
    width: 100%;
    margin-top: 40px;
  }
}

.main_reset img {
  max-width: 100%;
  height:auto;
  margin: 0 auto !important;
  text-align: center;
  vertical-align: top;
  line-height: 1.0em;display: block;
}

main p {
  padding: 10px 16px;
  line-height: 1.6em;  margin: 10px auto 20px;	font-size:14px;

}
/*nav*/
/*ヘッダー固定*/
.fixed {
 position:fixed;
 width:960px;
 top:200px;
 left:0;
 right: 0;
 margin: auto !important;
 z-index:1000;
 padding:4px 0;
 opacity:94%;
}

@media screen and (max-width: 768px) {
  .fixed {
    width: 100%;
    top: 121px;
  }
}
nav#nav_wrapper{
  font-size: 16px;
  text-align: center;
  font-weight: bold;
 background-color: transparent;
 margin:0;padding:0;
}

.btn_common{
  display: flex;
  flex-wrap: wrap;
  padding: 6px 10px;
	background-color: transparent;
}
.btn_common li{
	width: calc(100%/2 - 40px);/*←画像を横に2つ並べる場合*/
	box-sizing:border-box;
	list-style: none;
	height:100%;
	margin:8px auto 2px;
	text-align:center;
	justify-content:stretch;
	align-items: center;
	border-radius:60px;
	font-style:italic;
}

.btn_common a {
  padding:6px;
}
.btn_common a:hover {
  color: #595757;
}
.btn_common a,.btn_common alink,.btn_common vlink
{color:#2c2c2c;	display:block;text-decoration: none;}

.bg_switch{background-color:#f8f4fd;}
.bg_toning{background-color:#fdf6f4;}
.bg_fractional{background-color:#f4fdf6;}

/*コンテンツ*/
.contents_dl {
  padding: 10px 16px;
  line-height: 1.6em;
}
.contents_dl dt {
  padding: 6px;
  color: #1e3e7a;
  text-align: center;
  padding-bottom: 6px;
  margin: 20px auto 10px;
	font-size: 21px;
	font-weight:bold;
	font-style: italic;}

.contents_dl dd {
	font-size: 14px;
	padding-bottom:20px;
}

.contents_dl img {
  padding: 20px 0;
}
.contents_dl span {
  font-size: 10px;
}
.contents_dl dt {color:#424141;}
.contents_dl dt img{margin:0;padding:0;width:100%;height:auto;}

.text_float{float:left;width:40%;height:40%;}
.text_clear{clear:both;}

.for_top dt,.for_top dd{color:#52172f;}
.for_switch dt,.for_switch dd{color:#1e3e7a;}
.for_toning dt,.for_toning dd{color:#740d0c;}
.for_fractional dt,.for_fractional dd{color:#0f3f0f;}


.text_switch{color:#111e3a;}
.text_toning{color:#740d0c;}
.text_fractional{color:#0f3f0f;}

.ban_dl {
  padding: 10px 16px 26px;
}
.ban_dl dt {
  margin-top: 20px;
  padding: 6px;
  font-weight: bold;
  text-align: center;
  font-size:100%;
}
.ban_dl dd {
  padding: 6px;
  text-align: left;
  font-size: 13px;
  line-height:1.6em;
}


.line_switch{background:linear-gradient(transparent 60%, #a3bbe8 60%);}
.line_toning{background:linear-gradient(transparent 60%, #f3bbab 60%);}
.line_fractional{background:linear-gradient(transparent 60%, #acddbd 60%);}


/*タイトル*/
.ttl_picolaser_common {
  background-image: url("../img/bg_ttl_picolaser.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  line-height: 1.1em;
 margin-top:10px;
  padding: 20px 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 27px;
  letter-spacing: 0.2em;
  font-style: italic;
  color: #52172f;
  /*	flex-wrap:wrap;*/
  border-radius: 0;
  text-shadow: 1px 1px 2px #ffffff;
  /*margin:20px auto 6px;*/
}
.h2_ttl_picolaser {
  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;
}

/*ピコ共通*/
.h2_ttl_common {
  margin: 10px 0;
  padding: 14px;
  text-align: center;
  border: none;
  border-radius: 0;
  font-style: italic;
  font-size: 24px;
  font-weight: bold;
}

h2.caption_point{margin:6px 6px 0;padding:20px 0 0;color:#5e6674;}
.caption_box{font-size: 14px;line-height:1.6em;font-weight:bold;margin:0;padding:20px;}
.border_switch{border: 3px double #4c6daa;}
.border_toning{border: 3px double #e38e76;}
.border_fractional{border: 3px double #0fa143;}


/*
#main_ttl_switch{
	background-image: url("../img/bg_mainttl_swich.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: #ffffff;
  border-radius: 0;
  text-shadow: 1px 1px 2px #222222;
}
*/
/*ピコスイッチ*/
.ttl_switch{
  background-image: url("../img/bg_ttl_switch.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: #ffffff;
  border-radius: 0;
  text-shadow: 1px 1px 2px #222222;
  font-weight: bold;
}
.btn_switch{background-image: url("../img/bg_menu_switch.png");
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}

.btn_switch li{
	background-color:#f8f4fd;
	color:#272e38;
	box-shadow: 1px 1px 1px #222222;
}

/*Qスイッチとの比較表*/
.table_term{margin-top:20px;}

.table_term,.table_term th,.table_term td{
	border:1px solid #B7B7B7;
	padding:2px;
	text-align:center;
	border-collapse:separate;
	border-collapse: collapse;
}

.table_term caption{font-weight:bold;font-size:120%;}
.column_month{background:#ffffff;width:20%}
.column_pico{background:#fadbe7;width:40%}
.column_qswitch{background:#cccccc;width:40%}

.pico_th{background:#ea5d8a;color:#ffffff;}
.qswitch_th{background:#545454;color:#ffffff;}
.pico_end{background:#f0a4c1;}
.pico_space{background:#ffffff;}

.tattoo_table{background:#ffffff;color:#222222;border:1px solid #222222;border-collapse: collapse;margin-top:20px;}
.tattoo_table td{border:1px solid #222222;text-align: center;}
.tattoo_table caption{font-weight:bold;}
.c_red{background:#ef420e;color:#ffffff;}
.c_orange{background:#f27c25;color:#ffffff;}
.c_yellow{background:#fdef2a;color:#222222;}
.c_green{background:#12bb60;color:#ffffff;}
.c_blue{background:#2c71b0;color:#ffffff;}
.c_purple{background:#8139a4;color:#ffffff;}
.c_brown{background:#6e4327;color:#ffffff;}
.c_black{background:#171717;color:#ffffff;}




/*ピコトーニング*/
.ttl_toning{
  background-image: url("../img/bg_ttl_toning.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: #ffffff;
  border-radius: 0;
  text-shadow: 1px 1px 2px #222222;
  font-weight: bold;
}

.btn_toning{background-image: url("../img/bg_menu_toning.png");
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}

.btn_toning li{
	background-color:#f8f4fd;
	color:#272e38;
	box-shadow: 1px 1px 1px #222222;
}


/*ピコフラクショナル*/
.ttl_fractional{
  background-image: url("../img/bg_ttl_fractional.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: #ffffff;
  border-radius: 0;
  text-shadow: 1px 1px 2px #222222;
  font-weight: bold;
}
.btn_fractional{background-image: url("../img/bg_menu_fractional.png");
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}

.btn_fractional li{
	background-color:#f8f4fd;
	color:#272e38;
	box-shadow: 1px 1px 1px #222222;
}

/*ポテンツァとは・ポイント*/
.about_picolaser {
  margin: 10px 0;
}
.about_picolaser dt {
  font-size: 200%;
  font-style: italic;
  color: #30a5b2;
  text-align: center;
}
.about_picolaser h3 {
  background: none;
  border: none;
  border-bottom: 2px solid #5f5f5f;
  border-radius: 0;
  padding-bottom: 14px;
  margin-bottom: 10px;
  font-size: 120%;
}
.about_picolaser dd {
  padding: 16px;
  line-height: 1.6em;
}
.beauty_serum {
  color: #ffffff;
  font-size: 14px;
}

.time_picolaser {
  text-align: center;
  font-size: 22px;
}

.time_picolaser span{
  text-align: center;
  font-size: 14px;
}
.time_picolaser ul {
  font-size: 14px;
  text-align: left;
  margin: 20px;
  line-height: 1.4em;
}

/*治療の流れ*/
.flow_container {
display: grid;
grid-template-columns: repeat(2, 50%);
grid-template-rows: repeat(2, 50%);
grid-column-gap: 0px;
grid-row-gap: 0px;
border-bottom:2px solid #424141;
margin:10px 20px 0;
}

.flow_last{border-bottom: none;}
.flow_last_space{border-bottom: none;margin-bottom:50px;}
.flow_text_s{font-size:13px;}
.flow_frame{border:1px solid #424141;text-align:center;}


.grid_step { grid-area: 1 / 1 / 2 / 2; }
.grid_title { grid-area: 2 / 1 / 3 / 2; }
.grid_icon { grid-area: 1 / 2 / 3 / 3; }

div.c_flow_step{
	background-color:#424141;
	color:#fff;
	border-radius:30px;
	line-height: 1.6em;
	margin:0 20px 10px;
	height:auto;
	padding:0 20px;
    font-weight: bold;
	font-size: 22px;
	font-style: italic;
	/*position: relative;
	top:50px;*/
	text-align:center;}

.c_flow_title{font-weight: bold;
	font-size:120%;
	margin:0 0 10px;
	text-align:center;
	color:#424141;
	line-height: 1.2em;
}
.c_flow_icon{
	text-align:center;
	max-width:80%;
	margin:0 auto;
}
.c_flow_exp{font-size: 14px;line-height:1.6em;
  padding: 10px 20px;
}
.triangle {
margin:10px auto;
 width:0;
  height:0;
  border-style: solid;
 border-top: 30px solid #ffc524;
 border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  border-bottom: 0;
}

/*フッターバナー*/
#picolaser_linkttl{background:#757272;text-align:center;padding:10px 0 6px;color:#ffffff;font-weight:bold;}
#picolaser_link{background:#757272;display:flex;justify-content:space-around;}
.harf_ban{padding:4px; width:calc(100%/2);}
.harf_ban img{width:100%;margin:0 auto;}


/*よくある質問*/
.flow_picolaser {
  padding: 20px;
}
.flow_picolaser 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_picolaser {
  margin-top: 10px;
  margin-left: 10px;
  font-weight: bold;
  font-size: 100%;
  float: left;
  color: #494949;
}
.flow_exp_picolaser {
  padding: 10px 0 30px 0;
  clear: left;
  line-height: 1.7em;
  font-size: 13px;
  border-top: 2px solid #494949;
}

/*使用機種*/
.model_maruyama{text-align:center;padding:4px;margin:10px 0;border:2px solid #152B68;color:#152B68}
.model_kotoni{text-align:center;padding:4px;margin:10px 0;border:2px solid #CD8713;color:#CD8713}


/*リスク・副作用・注意事項*/
.risk_picolaser {
  padding: 20px;
}
.risk_picolaser dt {
  border: solid 1px #ADACAC;
  text-align: center;
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
  font-weight: bold;
}
.risk_picolaser dd{
  padding: 0 10px;
  margin: 20px 10px;
  line-height: 1.6em;
  font-size: 14px;
}
.risk_picolaser dd ul{
	margin-left:10px;
  padding:0;
}
.risk_picolaser dd ul li{
	line-height:1.4em;
  padding:6px 0;
  list-style: disc;
}
.risk_picolaser dd ul li li {
  list-style: circle;
}


/*カテゴリーアイコン*/
.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: 10px;*/
  font-size: 14px;
  line-height: 1.4em;
	padding-left:10px;
}
.risk_list li {
margin:0 4px;}

.picolaser_certification {
  text-align: left;
  padding: 10px;
  border: 1px solid #222222;
}
.picolaser_certification p {
  text-align: center;
}
/*料金表*/
.p_frame_picolaser {
  width: 100%;
  margin: 0 auto;
  font-size: 13px;
}
.p_frame_picolaser td {
  table-layout: auto;
  padding: 10px 8px;
  border-bottom: #dddddd solid 1px;
}
p.exp_menu_picolaser {
  margin: 2px;
  font-size: 10px;
  line-height: 1.1em;
  padding: 0;
}
th.sub_header_picolaser {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  /* border-bottom: 1px dotted #33597C;*/
  vertical-align: middle;
  padding: 10px;
}

th.course_picolaser {
  border-bottom: 2px dotted #595757;
}
/* footer {
  background: #494949;
  padding: 20px 0;
} */

.l-section {
  margin-top: -324px;
  padding-top: 324px;
}
@media screen and (max-width: 768px) {
  .l-section {
    margin-top: -240px;
    padding-top: 240px;
  }
}
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  line-height: 0;
}