@charset "UTF-8";

/* コンテンツーコンテンツページ：タイトル
h2 {
	background:url(../img/title/title_beginner.png) no-repeat;
	text-indent:-9999px;
	height:40px;
}
 */

/* コンテンツー内容：画像：スマホ：初めての方へ */
figure {
	width:100%;
	margin:20px auto;
}
figure img {
	width:100%;
}
figure.salon img {

}
/* コンテンツー内容：画像：PC：初めての方へ */
@media screen and (min-width : 769px) {
figure {
	width:46%;
	padding:2%;
	float:left;
}
figure img {
	width:100%;
}
}


/* コンテンツー体験までの流れ：バナー */
.con_bn a {
	padding:15px 10px;
	width: 80%;
	max-width:300px;
	text-align:center;
	display:block;
	color:#fff;
	background: #F37B90;
	border:double 6px #fff;
	border-radius: 10px;	   /* Firefox用 */ 	
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  	
	text-decoration:none;
	margin:0 auto;
}


/* コンテンツーBODy'Sのお約束：各ボックス：スマホ */
#box_pro {
	width:95%;
	margin:0 2.5% 20px;	
	float:left;
	border: 1px dotted #ccc;
	box-sizing: border-box;
	font-size:0.9em;
	border-radius: 5px;	
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  			
}
  #box_pro>figure {
	  width: 25%;
	  max-width:100px;	
	  float:left;
	  margin:0 10px 0 0;
	  padding:0;
  }
	#box_pro>figure img {
		width:100%;
	}
  p.box_in {
	  padding:15px;
  }
  span.point {
	  font-size:1.2em;
	  font-weight:bold;
  }
  @media screen and (min-width : 769px) {
  #box_pro {
	  width:31%;
	  height:100px;
	  margin:1%;
	  padding:0;
  }
	#box_pro>figure {
		width:100px;
	}
	p.box_in {
		padding:10px;
	}
	span.point {
		font-size:0.9em;
		font-weight:bold;
	}
  }


/* コンテンツーBODy'S加盟協会：スマホ */
div.society {
	width:95%;
	margin:0 2.5% 20px;	
	border: 1px dotted #ccc;
	box-sizing: border-box;
	float:left;	/* 表示改行させる */
	font-size:0.9em;	
	border-radius: 5px;	
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  	
}
  div.society>figure {
	  width:30%;
	  max-width:100px;
	  min-height:110px;
	  float:left;
	  margin:15px;
	  padding:0;
  }
	div.society>figure img {
		width:100%;
	}
  div.society>p {
	  padding:15px 5px 15px 15px;
  }
  /* コンテンツーBODy'S加盟協会：PC */
  @media screen and (min-width : 769px) {
  div.society {
	  width:46%;
	  margin:0 2% 20px;
	  float:left;
  }	
	div.society>figure {
		width:150px;
		max-width:150px;
		min-height:130px;	
	}
	div.society>p {
		padding:15px;
	}
	div.society>p>span.point {
		font-size:1em;
	}
  }


/* コンテンツー医師の推薦：スマホ */
div.doc {
	width:95%;
	margin:0 auto 20px;	
	border: 1px dotted #ccc;
	box-sizing: border-box;
	font-size:0.8em;
	border-radius: 5px;	
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  	
}
  div.doc>figure {
	  width:30%;
	  max-width:120px;
	  min-height:130px;
	  float:left;
	  margin:10px;
	  padding:0;
  }
	div.doc>figure img {
		width:100%;
	}
  div.doc>p {
	  padding:15px 5px 15px 15px;
  }
  @media screen and (min-width : 769px) {
  div.doc {
	  width:70%;
	  height:220px;	
	  margin:0 auto;
	  font-size:1em;	
  }	
	div.doc>figure {
		max-width:200px;
	}
  }