@import url(http://fonts.googleapis.com/css?family=Noto+Sans);
@font-face {
	font-family: "noto";
	src: url("../fonts/noto/noto_sans_jp_medium.eot");
	src: url("../fonts/noto/noto_sans_jp_medium.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/noto_sans_jp_medium.woff") format("woff"), url("../fonts/noto/noto_sans_jp_medium.ttf") format("truetype"), url("../fonts/noto/noto_sans_jp_medium.svg#noto") format("svg");
}
@font-face {
	font-family: "noto";
	src: url("../fonts/noto/noto_sans_jp_medium.eot");
	src: url("../fonts/noto/noto_sans_jp_medium.eot?#iefix") format("embedded-opentype"), url("../fonts/noto/noto_sans_jp_medium.woff") format("woff"), url("../fonts/noto/noto_sans_jp_medium.ttf") format("truetype"), url("../fonts/noto/noto_sans_jp_medium.svg#noto") format("svg");
}
ul {
	list-style-type: none
}
.mb0 {
	margin-bottom: 0px !important
}
.mb5 {
	margin-bottom: 5px !important
}
.mb10 {
	margin-bottom: 10px !important
}
.mb15 {
	margin-bottom: 15px !important
}
.mb20 {
	margin-bottom: 20px !important
}
.mb25 {
	margin-bottom: 25px !important
}
.mb30 {
	margin-bottom: 30px !important
}
.mb35 {
	margin-bottom: 35px !important
}
.mb40 {
	margin-bottom: 40px !important
}
.mb45 {
	margin-bottom: 45px !important
}
.mb50 {
	margin-bottom: 50px !important
}
.mb55 {
	margin-bottom: 55px !important
}
.mb60 {
	margin-bottom: 60px !important
}
.mb65 {
	margin-bottom: 65px !important
}
.mb70 {
	margin-bottom: 70px !important
}
.mb75 {
	margin-bottom: 75px !important
}
.mb80 {
	margin-bottom: 80px !important
}
.mb85 {
	margin-bottom: 85px !important
}
.mb90 {
	margin-bottom: 90px !important
}
.mb95 {
	margin-bottom: 95px !important
}
.mb100 {
	margin-bottom: 100px !important
}
.txt10 {
	font-size: 10px !important
}
.txt11 {
	font-size: 11px !important
}
.txt12 {
	font-size: 12px !important
}
.txt13 {
	font-size: 13px !important
}
.txt14 {
	font-size: 14px !important
}
.txt15 {
	font-size: 15px !important
}
.txt16 {
	font-size: 16px !important
}
.txt17 {
	font-size: 17px !important
}
.txt18 {
	font-size: 18px !important
}
.txt19 {
	font-size: 19px !important
}
.txt20 {
	font-size: 20px !important
}
.fltR {
	float: right
}
.fltL {
	float: left
}
.ofh {
	overflow: hidden
}
.list-mark {
	padding-left: 1em;
	text-indent: -1em
}
.pdf {
	padding-left: 20px;
	background: url(/common/img/pdf.gif) no-repeat left center
}
.external {
	padding-left: 20px !important;
	background: transparent url("/common/img/icon_outlink.gif") no-repeat center left
}
.explain {
	margin-bottom: 20px
}
a {
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear
}
a img {
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear
}
a:hover {
	text-decoration: underline
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70)
}
.h-main {
	position: relative;
	margin-bottom: 20px;
	padding: 0 30px;
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: bold;
	line-height: 96px;
	background: #f6f5f5
}
.h-main:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -13px;
	width: 37px;
	height: 5px;
	background: #306455
}
.h-side {
	position: relative;
	margin-bottom: 20px;
	padding: 0 20px;
	color: #306455;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: bold
}
.h-side:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0px;
	width: 9px;
	height: 1px;
	background: #306455
}
.h-bar {
	margin-bottom: 20px;
	padding: 10px 20px;
	font-size: 16px;
	font-size: 1rem;
	font-weight: normal
}
.tbl-base {
	width: 100%;
	font-size: 13px;
	font-size: 0.8125rem
}
.tbl-base th, .tbl-base td {
	padding: 10px;
	border-bottom: 1px dashed #ccc
}
.tbl-base th {
	background: #F7F7F7
}
a {
	color: #e5dd1c;
	text-decoration: none
}
img {
	border: none
}
body {
	font-size: 14px;
	font-size: 0.875rem;
	color: #306455
}
@media screen and (min-width: 768px) {
	.sp {
		display: none !important
	}
}
@media screen and (max-width: 767px) {
	.pc, .min {
		display: none !important
	}
}
.catch-01 {
	font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ 明朝", serif;
	border-left: solid 3px #e5dd1c;
	padding-left: 12px;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 15px
}
form p {
	margin-bottom: 30px;
	border-bottom: solid #eee 1px;
	padding-bottom: 10px
}
form p select {
	display: inline
}
form p textarea {
	vertical-align: top
}
.main-catch {
	position: relative;
	z-index: 1;
	text-align: center;
	margin-bottom: 20px;
	color: #e5dd1c;
	font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 120%
}
.main-catch span {
	background: #fff;
	padding: 0 5px
}
.main-catch:before {
	content: '';
	position: absolute;
	display: block;
	top: 40%;
	width: 100%;
	background: #FAD7D7;
	height: 20%;
	z-index: -1
}
@media screen and (min-width: 768px) {
	body {
		min-width: 960px;
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
		position: relative
	}
	.flex-inner {
		margin: 0 auto;
		width: 200px;
		position: fixed;
		left: 0
	}
	.logo {
		width: 100%;
		background: url(/img/main-title-bg.png);
		padding: 20px 0;
		position: absolute;
		z-index: 2000;
		top: 40px
	}
	.logo a {
		width: 1000px;
		display: block;
		margin: 0 auto;
		text-decoration: none
	}
	.header {
		overflow: hidden
	}
	.header .flex-inner {
		width: 1000px;
		margin: 200px auto 0;
		position: relative
	}
	.header .flex-inner .gnav {
		width: 210px;
		text-align: center;
		position: relative;
		z-index: 100
	}
	.header .flex-inner .gnav li.contact {
		margin-top: 40px
	}
	.header .flex-inner .gnav a {
		display: inline-block;
		padding: 10px 20px;
		font-size: 15px;
		border-bottom: 2px solid transparent;
		-webkit-transition: all 0.1s linear;
		-moz-transition: all 0.1s linear;
		-ms-transition: all 0.1s linear;
		-o-transition: all 0.1s linear;
		transition: all 0.1s linear
	}
	.header .flex-inner .gnav a:hover {
		border-bottom: 2px solid #e5dd1c;
		text-decoration: none
	}
	.fixed {
		width: 210px;
		left: 50%;
		margin-left: -500px;
		position: fixed;
		z-index: 10
	}
	.fixed .flex-inner {
		width: 210px;
		margin: 0 850px 0 auto
	}
	.fixed .flex-inner .gnav {
		position: relative;
		z-index: 100
	}
	.a-bottom {
		position: absolute;
		left: 50%;
		margin-left: -500px
	}
	#container {
		height: 850px;
		width: 100%;
		position: absolute
	}
	.content {
		overflow: hidden;
		padding-left: 20px
	}
	.contents {
		overflow: hidden;
		zoom: 1;
		padding-top: 850px;
		position: relative;
		z-index: 1
	}
	.contents a.btn {
		display: block;
		padding: 10px 0 0;
		text-align: center;
		background: #e5dd1c;
		color: #fff;
		-webkit-box-shadow: 0px 0px 3px 0px #101010;
		-moz-box-shadow: 0px 0px 3px 0px #101010;
		box-shadow: 0px 0px 3px 0px #101010;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px
	}
	.contents .inner {
		width: 1000px;
		margin: 0 auto
	}
	.contents .inner .catch {
		font-size: 24px;
		margin-bottom: 20px;
		font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
	}
	.contents .inner .title {
		font-size: 26px;
		margin-bottom: 20px;
		font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		text-align: center
	}
	.contents .inner section {
		padding: 20px 20px 20px 300px
	}
	.contents .inner section .inner {
		width: auto
	}
	.contents .profile {
		font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin-bottom: 100px
	}
	.contents .profile .greeting {
		margin-bottom: 100px
	}
	.contents .profile .greeting p {
		line-height: 2;
		font-size: 16px
	}
	.contents .profile .greeting p.catch {
		font-size: 24px;
		margin-bottom: 20px;
		font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
	}
	.contents .profile .about-box {
		background: #faf7de;
		padding: 20px;
		margin-bottom: 100px
	}
	.contents .profile .trouble-box {
		margin-bottom: 100px
	}
	.contents .profile .about-photo ul {
		overflow: hidden;
		width: 100%
	}
	.contents .profile .about-photo ul li {
		width: 30%;
		margin: 1.5%;
		float: left
	}
	.contents .profile .about-photo ul li img {
		width: 100%;
		height: auto
	}
	.contents .voice {
		margin-bottom: 100px
	}
	.contents .voice .voice-box {
		overflow: hidden;
		margin-bottom: 28px
	}
	.contents .voice .voice-box .user {
		width: 20%;
		display: block;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		float: left;
		padding-top: 20px
	}
	.contents .voice .voice-box .fbox {
		position: relative;
		display: inline-block;
		padding: 10px;
		text-align: left;
		background-color: #f6f776;
		margin: 5px 5px 5px 10px;
		border-radius: 5px;
		float: right;
		width: 70%
	}
	.contents .voice .voice-box .fbox:after, .contents .voice .voice-box .fbox:before {
		content: "";
		position: absolute;
		height: 0;
		width: 0
	}
	.contents .voice .voice-box .fbox:after {
		top: 20px;
		left: -20px;
		border: 10px solid transparent;
		border-right: 15px solid #f6f776
	}
	.contents .voice .voice-box .fbox:before {
		top: 20px;
		left: -20px;
		border: 10px solid transparent;
		border-right: 10px solid #ffffff
	}
	.contents .price {
		margin-bottom: 100px
	}
	.contents .price h2 {
		/* background: url(/img/icon-off.png) no-repeat 100px top; */
		height: 100px;
		padding-top: 30px;
		margin-bottom: 40px !important
	}
	.contents .price h2 span {
		display: block;
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
		font-size: 16px
	}
	.contents .price dl {
		overflow: hidden;
		margin-bottom: 100px;
		/* margin-left: 101px; */
		display: flex;


	}
	.contents .price dl dt {
		width: 163px;
		font-family: "noto"
	}
	.contents .price dl dd {
		width: calc(100% - 163px);
		padding-left: 30px;
	}
	.contents .price dl.last {
		margin-bottom: 0
	}
	.contents .about {
		margin-bottom: 100px;
		text-align: center
	}
	.contents .contact {
		margin-bottom: 100px;
		text-align: center
	}
	.contents .contact p {
		font-family: "noto"
	}
	.contents .information {
		margin-bottom: 100px
	}
	.contents .information h2 {
		margin-bottom: 30px !important
	}
	.contents .information .info-box {
		background: url(/img/bg-blog.png) no-repeat right 50%;
		padding-right: 370px;
		min-height: 192px
	}
	.contents .information .info-box a {
		color: #306455
	}
	.contents .information .info-box li {
		margin-bottom: 10px;
		padding-bottom: 3px;
		border-bottom: solid 3px #f8d624
	}
	.contents .information .info-box span {
		display: block;
		font-size: 90%
	}
	.contents .access {
		margin-bottom: 100px
	}
	.contents .access h2 {
		margin-bottom: 30px !important
	}
	.contents .access .img-access {
		margin-bottom: 30px
	}
	.contents .access .map-ico-01 {
		width: 18px;
		height: auto;
		display: inline-block;
		margin-right: 5px
	}
	.contents .access .map-ico-02 {
		width: 12px;
		height: auto;
		display: inline-block;
		margin-right: 10px
	}
	.sub-title {
		font-family: 'cfont';
		font-size: 130%;
		text-align: center;
		color: #000;
		margin-bottom: 40px
	}
	.sub-main {
		width: 100%;
		min-width: 1200px;
		position: relative;
		height: 200px;
		overflow: hidden
	}
	.sub-main img {
		width: 100%;
		height: auto;
		position: absolute
	}
	.sub-main .sub-catch {
		text-align: center;
		color: #fff;
		font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		-webkit-text-shadow: 2px 3px 6px rgba(0, 0, 0, 0.6);
		-moz-text-shadow: 2px 3px 6px rgba(0, 0, 0, 0.6);
		-ms-text-shadow: 2px 3px 6px rgba(0, 0, 0, 0.6);
		-o-text-shadow: 2px 3px 6px rgba(0, 0, 0, 0.6);
		text-shadow: 2px 3px 6px rgba(0, 0, 0, 0.6);
		font-size: 160%;
		display: inline-block;
		position: relative;
		width: 100%;
		margin: 0 auto;
		line-height: 200px;
		z-index: 3
	}
	.footer {
		border-top: solid 1px #306455;
		width: 100%
	}
	.footer .salon-data {
		margin: 10px auto !important;
		padding: 20px !important;
		width: 850px;
		overflow: hidden
	}
	.footer .salon-data h1, .footer .salon-data p {
		margin-bottom: 10px
	}
	.footer .salon-data h1 {
		width: 300px;
		float: left;
		margin-right: 50px
	}
	.footer .salon-data h1 img {
		width: 100%;
		height: auto
	}
	.footer .salon-data p {
		width: 500px;
		float: right
	}
	.copy {
		text-align: center;
		padding: 10px 0
	}
}
@media screen and (max-width: 767px) {
	body {
		padding: 0px;
		width: 100%;
		overflow-y: hidden
	}
	body section {
		width: 96%;
		margin: 2%
	}
	#container {
		height: 300px;
		width: 100%
	}
	body section img {
		width: 100%;
		height: auto
	}
	#header {
		height: 60px;
		position: fixed;
		z-index: 20;
		top: 0;
		width: 100%
	}
	#header a {
		color: #306455;
		text-decoration: none
	}
	#header #nav-open {
		position: absolute;
		width: 100%;
		height: 60px;
		z-index: 200;
		margin: 0;
		background: rgba(246, 247, 118, 0.9)
	}
	#header #nav-open .sp-logo {
		width: 60%;
		height: auto;
		padding: 5px
	}
	#header #nav-open a {
		position: absolute;
		top: 25px;
		right: 10px;
		font-weight: bold
	}
	#gNav {
		width: 100%;
		position: fixed;
		top: -180px;
		z-index: 100;
		transition: top 1s;
		-webkit-transition: top 1s;
		-moz-transition: top 1s;
		text-align: center;
		background: rgba(246, 247, 118, 0.9)
	}
	#gNav:target {
		position: fixed;
		top: 60px
	}
	#gNav ul {
		margin: 0;
		padding: 0
	}
	#gNav ul li {
		width: 50%;
		float: left
	}
	#gNav ul li a, #gNav #nav-close a {
		display: block;
		padding: 8px 0
	}
	#gNav ul li:nth-child(1) a, #gNav ul li:nth-child(2) a {
		border-top: none
	}
	#gNav #nav-close {
		clear: both
	}
	.contents {
		overflow: hidden;
		zoom: 1
	}
	.contents a.btn {
		display: block;
		padding: 10px 0 0;
		text-align: center;
		background: #e5dd1c;
		color: #fff;
		-webkit-box-shadow: 0px 0px 3px 0px #101010;
		-moz-box-shadow: 0px 0px 3px 0px #101010;
		box-shadow: 0px 0px 3px 0px #101010;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px
	}
	.contents .inner {
		width: 100%;
		margin: 0 auto
	}
	.contents .inner .catch {
		font-size: 24px;
		margin-bottom: 20px;
		font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
	}
	.contents .inner .title {
		font-size: 24px;
		margin-bottom: 20px;
		font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		text-align: center
	}
	.contents .inner section .inner {
		width: auto
	}
	.contents .profile {
		font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin-bottom: 50px
	}
	.contents .profile .greeting {
		margin-bottom: 50px
	}
	.contents .profile .greeting p {
		line-height: 2;
		font-size: 16px
	}
	.contents .profile .greeting p.catch {
		font-size: 24px;
		margin-bottom: 20px;
		font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
	}
	.contents .profile .about-box {
		background: #faf7de;
		padding: 20px;
		margin-bottom: 50px
	}
	.contents .profile .trouble-box {
		margin-bottom: 50px
	}
	.contents .profile .about-photo ul {
		overflow: hidden;
		width: 100%
	}
	.contents .profile .about-photo ul li {
		width: 30%;
		margin: 1.5%;
		float: left
	}
	.contents .profile .about-photo ul li img {
		width: 100%;
		height: auto
	}
	.contents .voice {
		margin-bottom: 50px
	}
	.contents .voice .voice-box {
		overflow: hidden;
		margin-bottom: 30px
	}
	.contents .voice .voice-box .user {
		width: 20%;
		display: block;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		float: left;
		padding-top: 20px
	}
	.contents .voice .voice-box .fbox {
		position: relative;
		display: inline-block;
		padding: 10px;
		text-align: left;
		background-color: #f6f776;
		margin: 5px 5px 5px 10px;
		border-radius: 5px;
		float: right;
		width: 68%
	}
	.contents .voice .voice-box .fbox:after, .contents .voice .voice-box .fbox:before {
		content: "";
		position: absolute;
		height: 0;
		width: 0
	}
	.contents .voice .voice-box .fbox:after {
		top: 20px;
		left: -20px;
		border: 10px solid transparent;
		border-right: 15px solid #f6f776
	}
	.contents .voice .voice-box .fbox:before {
		top: 20px;
		left: -20px;
		border: 10px solid transparent;
		border-right: 10px solid #ffffff
	}
	.contents .price {
		margin-bottom: 50px
	}
	.contents .price h2 {
		/* background: url(/img/icon-off.png) no-repeat 10px 23px; */
		background-size: 22%;
		height: 100px;
		padding-top: 30px;
		margin-bottom: 40px !important
	}
	.contents .price h2 span {
		display: block;
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
		font-size: 16px
	}
	.contents .price dl {
		overflow: hidden;
		margin-bottom: 50px
	}
	.contents .price dl dt {
		width: 40vw;
		margin: 0 auto 30px;

	}
	.contents .price dl dd {
		width: 90vw;
		margin: 0 auto;
	}
	.contents .price dl.last {
		margin-bottom: 0
	}
	.contents .about {
		margin-bottom: 50px;
		text-align: center
	}
	.contents .about p {
		width: 70%;
		margin: 0 auto
	}
	.contents .contact {
		margin-bottom: 50px;
		text-align: center
	}
	.contents .contact p {
		width: 50%;
		margin: 0 auto
	}
	.contents .information {
		margin-bottom: 50px
	}
	.contents .information .info-box {
		background: url(/img/bg-blog.png) no-repeat center 100%;
		background-size: 100% auto;
		padding-bottom: 300px;
		min-height: 192px
	}
	.contents .information .info-box a {
		color: #306455
	}
	.contents .information .info-box li {
		margin-bottom: 10px;
		padding-bottom: 3px;
		border-bottom: solid 3px #f8d624
	}
	.contents .information .info-box span {
		display: block;
		font-size: 90%
	}
	.contents .access {
		margin-bottom: 50px
	}
	.contents .access .img-access {
		margin-bottom: 20px
	}
	.contents .access .map-ico-01 {
		width: 18px;
		height: auto;
		display: inline-block;
		margin-right: 5px
	}
	.contents .access .map-ico-02 {
		width: 12px;
		height: auto;
		display: inline-block;
		margin-right: 10px
	}
	.footer {
		border-top: solid 1px #306455;
		width: 100%
	}
	.footer .salon-data {
		margin: 10px auto !important;
		padding: 20px !important;
		width: 80%;
		overflow: hidden
	}
	.footer .salon-data h1, .footer .salon-data p {
		margin-bottom: 10px
	}
	.footer .salon-data h1 {
		width: 100%
	}
	.footer .salon-data h1 img {
		width: 100%;
		height: auto
	}
	.copy {
		text-align: center;
		padding: 10px 0
	}
}