@charset "UTF-8";
@import url(base.css);

table {
	width:100%;
	margin: 1em 0 1em 0;;
	background:#fff;
	
}
th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#eee;
	font-size:80%;
	font-weight: normal;
}
td {
	padding:10px;
	text-align:left;
	vertical-align: middle;
	border:1px solid #ddd;
	font-size:80%;
}
/*----------------------------------------------------
  .rwd01b
----------------------------------------------------*/
.rwd01b th  { width: 30%; text-align: left; font-size:100%; background:#efede9; border:none;}
.rwd01b td  { width: 70%; text-align: left; font-size:95%; background:#efede9; border:none;}
 
@media only screen and (max-width:480px){
    .rwd01b { margin: 0 -10px; }
    .rwd01b th,
    .rwd01b td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .rwd01b tr:first-child th { border-top: none; }
}

p.resizeimage img { 
	width: 100%; 
}
/*----------------------------------------------------
  .rwd04
----------------------------------------------------*/
.rwd04 th  { width: 30%; text-align: left; vertical-align: middle; font-size:100%; background:#eee; border:1px solid #ccc;}
.rwd04 td  { width: 70%; text-align: left; vertical-align: middle; font-size:100%; background:#fff; border:1px solid #ccc;}
 
@media only screen and (max-width:480px){
    .rwd04 { margin: 0px -3px; }
    .rwd04 th,
    .rwd04 td{
    width: 95%;
    display: block;
    border-top: none;
    }
  .rwd04 tr:first-child th { border-top: 1px solid #ccc; }
}

p.resizeimage img { 
	width: 100%; 
}
/*----------------------------------------------------
  .rwd04b
----------------------------------------------------*/
.rwd04b th  { width: 20%; text-align: left; vertical-align: middle; font-size:100%; background:#fff; border:none;}
.rwd04b td  { width: 80%; text-align: left; vertical-align: middle; font-size:100%; background:#fff; border:none;}
 
@media only screen and (max-width:480px){
    .rwd04b { margin: 0px -3px; }
    .rwd04b th,
    .rwd04b td{
    width: 95%;
    display: block;
    border-top: none;
    }
  .rwd04b tr:first-child th { border-top: 1px solid #ccc; }
}

p.resizeimage img { 
	width: 100%; 
}
/*----------------------------------------------------
  .rwd05
----------------------------------------------------*/
.rwd05 th  { width: 24%; text-align: left; vertical-align: middle; font-size: 80%; background:#eee; border:1px solid #ccc;}
.rwd05 td  { width: 16%; text-align: right; vertical-align: middle; font-size: 80%; background:#fff; border:1px solid #ccc;}
 
@media only screen and (max-width:480px){
    .rwd05 { margin: 16px 0px; }
    .rwd05 th,
    .rwd05 td{
    width: 92%;
    display: block;
    border-top: none;
    }
  .rwd05 tr:first-child th { border-top: 1px solid #ccc; }
}

p.resizeimage img { 
	width: 100%; 
}
/*----------------------------------------------------
  .rwd05-1
----------------------------------------------------*/
.rwd05-1 th  { width: 4%; text-align: left; vertical-align: middle; font-size: 80%; background:#eee; border:1px solid #ccc;}
.rwd05-1 td  { width: 16%; text-align: left; vertical-align: middle; font-size: 80%; background:#fff; border:1px solid #ccc;}
 
@media only screen and (max-width:480px){
    .rwd05-1 { margin: 16px 0px; }
    .rwd05-1 th,
    .rwd05-1 td{
    width: 92%;
    display: block;
    border-top: none;
    }
  .rwd05-1 tr:first-child th { border-top: 1px solid #ccc; }
}

p.resizeimage img { 
	width: 100%; 
}
/*----------------------------------------------------
  .rwd05-2
----------------------------------------------------*/
.rwd05-2 th  { width: 30%; text-align: left; vertical-align: middle; font-size: 70%; background:#eee; border:1px solid #ccc;}
.rwd05-2 td  { width: 70%; text-align: left; vertical-align: middle; font-size: 70%; background:#fff; border:1px solid #ccc;}
 
@media only screen and (max-width:480px){
    .rwd05-2 { margin: 0px -3px; }
    .rwd05-2 th,
    .rwd05-2 td{
    width: 95%;
    display: block;
    border-top: none;
    }
  .rwd05-2 tr:first-child th { border-top: 1px solid #ccc; }
}

p.resizeimage img { 
	width: 100%; 
}
/*----------------------------------------------------
  .rwd06
----------------------------------------------------*/
.rwd06 th  { width: 70%; text-align: left; vertical-align: middle; font-size: 80%; background:#eee; border:1px solid #ccc;}
.rwd06 td  { width: 15%; text-align: right; vertical-align: middle; font-size: 80%; background:#fff; border:1px solid #ccc;}
 
@media only screen and (max-width:480px){
    .rwd06 { margin: 0px 3px; }
    .rwd06 th,
    .rwd06 td{
    width: 90%;
    display: block;
    border-top: none;
    }
  .rwd06 tr:first-child th { border-top: 1px solid #ccc; }
}

p.resizeimage img { 
	width: 100%; 
}
/*----------------------------------------------------
  .カラム
----------------------------------------------------*/
.col_two_one {
	overflow:hidden;
}

.col_two_one ul {
	overflow:hidden;
	margin:0 -2% -2% 0;
}
.col_two_one li {
	list-style:none;
	float:left;
	width:48%;
	margin:0 2% 2% 0;
}
.col_two_one li:nth-child(2n+1) {
	clear:both;
}
.col_two_one li img {
	width:100%;
	*margin-bottom:0.5%;*
}

.col_three_one {
	overflow:hidden;
}

.col_three_one ul {
	overflow:hidden;
	margin:2% -2% 0 0;
}
.col_three_one li {
	list-style:none;
	float:left;
	width:31%;
	margin:0 2% 2% 0;
}
.col_three_one li:nth-child(3n+1) {
	clear:both;
}
.col_three_one li img {
	width:100%;
	margin-bottom:0.5%;
}

.col_three_one_hed {
	overflow:hidden;
}

.col_three_one_hed ul {
	overflow:hidden;
	margin:2% -10% -18px 0;
}
.col_three_one_hed li {
	list-style:none;
	float:left;
	width:29%;
	margin:0 2% 2% 0;
}
.col_three_one_hed li:nth-child(3n+1) {
	clear:both;
}
.col_three_one_hed li img {
	margin-bottom:-1%;
	max-width:100%;
	height:auto;
}

@media screen and (max-width:767px) {
	.lock {
		overflow:hidden;
	}
	.col_two_one ul {
		margin-right:0;
	}
	.col_two_one li {
		width:100%;
	}
	.col_two_one li:nth-child(2n+1) {
		clear:both;
	}

	.col_three_one ul {
		margin-right:0;
	}
	.col_three_one li {
		width:100%;
	}
	.col_three_one li:nth-child(3n+1) {
		clear:both;
	}
	.col_three_one_hed ul {
		margin-right:0;
	}
	.col_three_one_hed li {
		width:100%;
	}
	.col_three_one_hed li:nth-child(3n+1) {
		clear:both;
	}
}
/*641px～PC　PC上では見えないようにする*/
@media screen and (min-width:767px){
	.footer_area{
		display: none;
}	
}

/*----------------------------------------------------
  .margin-add
----------------------------------------------------*/
.mt5 {
	margin-top: 5px
}
.mt10 {
	margin-top: 10px
}
.mt15 {
	margin-top: 15px
}
.mt20 {
	margin-top: 20px
}
.mt25 {
	margin-top: 25px
}
.mt30 {
	margin-top: 30px
}
.mt35 {
	margin-top: 35px
}
.mt40 {
	margin-top: 40px
}
.mt45 {
	margin-top: 45px
}
.mt50 {
	margin-top: 50px
}
.mt55 {
	margin-top: 55px
}
.mb10 {
	margin-bottom: 10px
}
.mb15 {
	margin-bottom: 15px
}
.mb20 {
	margin-bottom: 20px
}
.mb25 {
	margin-bottom: 25px
}
.mb30 {
	margin-bottom: 30px
}
.mb35 {
	margin-bottom: 35px
}
.mb40 {
	margin-bottom: 40px
}
.mb45 {
	margin-bottom: 45px
}
.mb50 {
	margin-bottom: 50px
}
.mb55 {
	margin-bottom: 55px
}
.mb60 {
	margin-bottom: 60px
}
.mb70 {
	margin-bottom: 70px
}
.mb80 {
	margin-bottom: 80px
}
/*================================================
 *  ラベル
 ================================================*/
.label-success {
    background-color: #9e5d1c;
}

.label-success2 {
    background-color: #E2E2E2;
}

.label-success3 {
    background-color: #333;
}

.label-success4 {
    background-color: #aaa;
}


.label-success5 {
    background-color: #fff;
    border: 1px solid #9e5d1c
}

.label-success6 {
    background-color: #67b4fc
}

.label-endymed {
    background-color: #C694DD;
}

.label-coolscu {
    background-color: #4775D1;
}

.label-therma {
    background-color: #C31D2B;
}

.label-smas {
    background-color: #EF77A7;
}

.label-tattoo {
    background-color: #763599;
}

.label-botox{
    background-color: #53BBD3;
}

.label-prp {
    background-color: #763599;
}

.label-scarlet {
    background-color: #763599;
}

.label-tattoo {
    background-color: #9C9C9C;
}

.label-hyaluronic-acid {
    background-color: #00CC99;
}

.label-triniti {
    background-color: #FFC235;
}

.label-peeling {
    background-color: #DB9557;
}

.label-fractional-laser {
    background-color: #349946;
}

.label-lb {
    background-color: #de9f67;
}

.label {
    display: inline;
    padding: 4px;
    font-size: 85%;
    line-height: 2.6;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}

.label2 {
    display: inline;
    padding: 10px;
    font-size: 100%;
    line-height: 4;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}

.label3 {
    display: inline;
    padding: 10px;
    font-size: 100%;
    line-height: 3;
    color: #333;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}

.label4 {
    display: inline;
    padding: 5px;
    font-size: 90%;
    line-height: 3;
    color: #333;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}
.label5 {
    display: inline;
    padding: 8px;
    font-size: 95%;
    line-height: 4;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}
/*================================================
 *  QanA
 ================================================*/dl{
     width:100%;
     line-height:1.8;
     overflow: hidden;
     _zoom: 1;
     font-family: 'Noto Serif JP', serif;
}

dt{
     background:url(../img/faq_q.png) no-repeat 7px 7px;
     margin-top:20px;
     padding: 0 20px 0 26px;
     font-weight: bold;
     font-size: 90%;
}


dd{
     max-width: 95%;
     background: url(../img/faq_a.png) no-repeat 7px 7px;
     margin: 20px 0 -1px 0;
     padding: 0 20px 15px 26px;
     font-size: 90%;
     border-bottom: 1px #000 dotted;
}
/*================================================
 *  font
 ================================================*/
      .f-min20 { /*セレクタに font-family を指定*/
        font-family: 'Noto Serif JP', serif;
        font-size: 20px;
      }
      .f-min18 { /*セレクタに font-family を指定*/
        font-family: 'Noto Serif JP', serif;
        font-size: 18px;
      }
      .f-min16 { /*セレクタに font-family を指定*/
        font-family: 'Noto Serif JP', serif;
        font-size: 16px;
      }
      .f-min14 { /*セレクタに font-family を指定*/
        font-family: 'Noto Serif JP', serif;
        font-size: 14px;
      }
      .f-min12 { /*セレクタに font-family を指定*/
        font-family: 'Noto Serif JP', serif;
        font-size: 12px;
      }
      .f-min10 { /*セレクタに font-family を指定*/
        font-family: 'Noto Serif JP', serif;
        font-size: 10px;
      }

/*================================================
 *  coll
 ================================================*/   
#about #section_04 .dec a {
  display:block;
  width: 230px;
  text-align:center;
  font-size: 25px;
  line-height:16px;
  background:#000;
  color:#fff;
  letter-spacing:0.1em;
  padding: 12px;
  border-radius: 10px;
}

#contact #section_01 .dec a {
  display:block;
  width: 230px;
  text-align:center;
  font-size: 25px;
  line-height:16px;
  background:#000;
  color:#fff;
  letter-spacing:0.1em;
  padding: 12px;
  border-radius: 10px;
}

/*================================================
 *  テーブルオプション
 ================================================*/
.prt {
    padding: 10px;
    text-align: right;
    vertical-align: middle;
    border: 1px solid #ddd;
}

.plt {
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    border: none;
}

.pct {
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
}


#haricos #section_03 #section_04 {
	width: 1000px;
	margin: 0 auto 80px;
	box-sizing: border-box;
	padding: 30px 30px;
	border:solid 1px #000;
	letter-spacing: 0.2em;
	line-height: 1.8em;
}