* {
	font-family:"游ゴシック","YuGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.main {
	margin-bottom: 60px;
}
.main img {
	width: 100%;
	height: auto;
}
.tit {
	text-align: center;
	margin-bottom: 70px;
}
.tit img {
	max-width: 100%;
	height: auto;
}
.color {
	text-align: center;
	margin-bottom: 40px;
}
.color img {
	width: 100%;
	height: auto;
}
.bt img {
	width: 100%;
	height: auto;
}
.section01 {
	background-image: url(../img/bg01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 100px 0 120px;
	margin-top: 80px;
	margin-bottom: 50px;
}
.section01 h2 {
	text-align: center;
	color: #fff;
	font-size: 46px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 40px;
	line-height: 1.4em;
}
.section01 .ph img {
	width: 100%;
	height: auto;
}
.section02 {
	margin-bottom: 80px;
}
.section02 h2 {
	text-align: center;
	color: #ff5b81;
	font-size: 46px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 40px;
	line-height: 1.4em;
}
.section02 .osusume {
	background: #fdf0f3;
	padding: 30px 30px 20px;
}
.section02 .osusume ul li {
	font-size: 20px;
	margin-bottom: 10px;
}
.section02 .osusume ul li i {
	color: #ff5b81;
}
.section03 {
	background-image: url(../img/bg02.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 80px 0 50px;
	margin-top: 80px;
	margin-bottom: 50px;
}
.section03 h2 {
	text-align: center;
	color: #fff;
	font-size: 46px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 40px;
	line-height: 1.4em;
}
.point_tit {
	text-align: center;
	color: #000;
	font-size: 46px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 40px;
	line-height: 1.4em;
}
.point_tit span {
	display: block;
	color: #b4b4b5;
	font-size: 40px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.point_tit strong {
	color: #ff5b81;
	font-size: 46px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.4em;
}
.point01 {
	background: url(../img/img_line.jpg) bottom center no-repeat;
	padding-bottom: 50px;
	margin-bottom: 60px;
}
.point01 .ph img {
	width: 100%;
	height: auto;
}
.point01 div {
	margin-bottom: 50px;
}
.point01 dl dt {
	text-align: center;
	font-size: 20px;
	margin-bottom: 15px;
	color: #333;
}
.point01 dl dd {
	font-size: 20px;
	color: #333;
}
.point02 {
	background: url(../img/img_line.jpg) bottom center no-repeat;
	padding-bottom: 50px;
	margin-bottom: 60px;
}
.point02 .ph img {
	width: 100%;
	height: auto;
}
.point02 div {
	margin-bottom: 50px;
}
.point02 dl dt {
	text-align: center;
	font-size: 28px;
	margin-bottom: 15px;
	color: #333;
}
.point02 dl dd {
	font-size: 20px;
	color: #333;
}
.point03 {
	background: url(../img/img_line.jpg) bottom center no-repeat;
	padding-bottom: 50px;
	margin-bottom: 60px;
}
.point03 .ph img {
	width: 100%;
	height: auto;
}
.point03 div {
	margin-bottom: 50px;
}
.point03 p {
	font-size: 15px;
	color: #333;
}
.point05 {
	background: none;
	border-bottom: 2px dashed #333;
	padding-bottom: 0
}
.more a {
	display: block;
	width: 100%;
	padding: 15px 0 15px;
	color: #fff;
	background: #ff5b81;
	text-align: center;
	font-size: 20px;
	text-decoration: none;
	border: 2px solid #ff5b81;
}
.more a:hover {
	color: #ff5b81;
	background: #fff;
}
.specialist {
	text-align: center;
}
.specialist h2 {
	text-align: center;
	color: #ff5b81;
	font-size: 36px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 40px;
}
.specialist .ph img {
	width: 100%;
	height: auto;
}
.specialist .rank {
	font-size: 15px;
}
.specialist .name {
	font-size: 20px;
}
.specialist div {
	margin-bottom: 30px;
}
.more_staff a {
	display: block;
	width: 100%;
	padding: 5px 0 5px;
	color: #fff;
	background: #ff5b81;
	text-align: center;
	font-size: 15px;
	text-decoration: none;
	border: 2px solid #ff5b81;
	border-radius: 10px;
}
.more_staff a:hover {
	color: #ff5b81;
	background: #fff;
}
.insta {
	margin-bottom: 80px;
}
.insta h2 {
	margin-bottom: 30px;
}
.insta h2 img {
	width: 100%;
	height: auto;
}
.campaign {
	clear: both;
	background-image: url(../img/bg_03.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 80px 15px 100px;
	margin-top: 80px;
	margin-bottom: 50px;
}
.campaign_inner {
	clear: both;
	background: #fff;
	padding: 15px 15px 30px;
}
.campaign h2 {
	text-align: center;
	color: #fff;
	font-size: 46px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 40px;
}
.campaign h3 {
	text-align: center;
	border-bottom: 2px dashed #333;
	padding: 20px 30px 50px;
	margin-bottom: 30px;
}
.campaign h3 img {
	max-width: 100%;
	height: auto;
}
.cam_list {
	background: #f6f7f7;
	padding: 15px;
	margin-bottom: 30px;
}
.cam_list h4 {
	font-size: 35px;
}
.cam_list h4 {
	font-size: 35px;
}
.cam_list .cap01 {
	font-size: 18px;
}
.cam_list .cap02 {
	font-size: 14px;
	color: #706a67;
}
.cam_list .price {
	text-align: right;
}
.cam_list .price img {
	max-width: 100%;
	height: auto;
}
.cam_s {
	background: none;
	padding: 0 15px;
}
.cam_s .inner {
	background: #f6f7f7;
	padding: 15px;
}
.nail_txt {
	clear: both;
	font-size: 28px;
	line-height: 1.6em;
	text-align: center;
	margin-bottom: 30px;
}
.nail_bn {
	margin-bottom: 40px;
}
.nail_bn img {
	width: 100%;
	height: auto;
}
.reserve {
	text-align: center;
	margin-bottom: 40px;
}
.reserve h2 {
	text-align: center;
	font-size: 36px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 40px;
}
.reserve .ph img {
	width: 100%;
	height: auto;
}
.reserve h3 {
	font-size: 15px;
}
.reserve .add {
	font-size: 15px;
	line-height: 1.8em;
}
.reserve .add a {
	display: block;
	color: #ff5b81;
}
.reserve .bt {
	margin-bottom: 20px;
}
.reserve .bt a {
	display: block;
	color: #fff;
	background: #01d8b9;
	font-size: 17px;
	padding: 5px 0;
	border-radius: 20px;
	border: 2px solid #01d8b9;
	text-decoration: none;
}
.reserve .bt a:hover {
	color: #01d8b9;
	background: #fff;
}
.reserve .tel {
	font-size: 18px;
	font-weight: bold;
}
.reserve .tel a {
	font-size: 18px;
	font-weight: bold;
	color:#333;
}
.reserve div {
	margin-bottom: 40px;
}
.official {
	text-align: center;
	margin-bottom: 70px;
}
.official img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
footer {
	text-align: center;
	background: #221714;
	color: #fff;
	padding: 40px 15px 20px
}
footer nav {
	position: relative;
	overflow: hidden; /* 下のulのcssでリスト全体を右に50%移動しているので、その分幅が広がってしまいスクロールバーが表示されてしまいます。それを防ぐ為の設定です。 */
}
footer nav ul {
	position: relative;
	left: 48%; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
	float: left;
}
footer nav ul li {
	position: relative;
	left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
	float: left;
	list-style: none; /* 項目にぼっちを出したくない場合はこれを設定（今回はあんまり関係ないですが） */
	padding: 0 7px;
}
footer nav ul li a {
	color: #fff;
	font-size: 12px;
}
footer nav ul li a:hover {
	color: #fff;
}
footer p.logo {
	padding: 20px 0 20px;
}
footer p.copy {
	color: #fff;
}

@media (min-width: 768px) {
}

@media (max-width: 767px) and (min-width: 768px) {
}

@media (max-width: 767px) {
.main {
	margin-bottom: 40px;
}
.tit {
	margin-bottom: 40px;
}
.bt {
	margin-bottom: 10px;
}
.section01 {
	background-size: cover;
	margin-top: 0;
	margin-bottom: 30px;
	padding: 70px 0 40px;
}
.section01 h2 {
	font-size: 24px;
	margin-bottom: 30px;
}
.section01 .ph {
	margin-bottom: 20px;
}
.section02 {
	margin-bottom: 30px;
}
.section02 h2 {
	font-size: 24px;
	margin-bottom: 30px;
}
.section02 .osusume ul li {
	font-size: 15px;
}
.section03 {
	background-size: cover;
	margin-top: 0;
	margin-bottom: 30px;
	padding: 40px 0 20px;
}
.section03 h2 {
	font-size: 24px;
	margin-bottom: 30px;
}
.point01, .point02, .point03 {
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.point_tit {
	font-size: 24px;
	margin-bottom: 30px;
}
.point_tit span {
	font-size: 20px;
}
.point_tit strong {
	color: #ff5b81;
	font-size: 24px;
}
.point01 div, .point02 div, .point03 div {
	margin-bottom: 30px;
}
.point01 dl dt, .point02 dl dt {
	font-size: 18px;
	margin-bottom: 10px;
}
.point01 dl dd, .point02 dl dd {
	font-size: 15px;
}
.specialist h2 {
	font-size: 24px;
	margin-bottom: 40px;
}
.specialist .rank {
	font-size: 13px;
}
.specialist .name {
	font-size: 17px;
}
.insta {
	margin-bottom: 30px;
}
.campaign {
	margin-top: 40px;
	margin-bottom: 40px;
}
.campaign h2 {
	font-size: 24px;
	margin-bottom: 40px;
}
.cam_list h4 {
	font-size: 24px;
}
.nail_txt {
	clear: both;
	font-size: 18px;
	line-height: 1.6em;
	text-align: center;
	margin-bottom: 30px;
}
.reserve {
	text-align: center;
	margin-bottom: 20px;
}
.reserve h2 {
	font-size: 24px;
	margin-bottom:30px;
}
}