@charset "UTF-8";
/* reset */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	width:100%;
	margin:0 auto;
	line-height: 1;
	font-family: 'Shippori Mincho', serif;
	
}
img {
	width:100%;
	margin:0 auto;
	border: 0;
	vertical-align: top;
}
ul, ol {list-style: none;}
a{color : inherit;}
* {
	margin:0;
	padding: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {min-height: 1px; }
* html .clearfix {height: 1px;}

iframe{
	width:100%;
	height:300px;
	margin:3% 0;
}
@media screen and (max-width:700px){
	iframe{
		width:90%;
		height:180px;
	}
}
.pc { display: block !important; }
.sp { display: none !important; }
@media screen and (max-width: 768px) {
	.pc { display: none !important; }
	.sp { display: block !important; }
	}

head{
	width:100%;
	margin:0 auto;
	background:#fff;
}
.head_logo{
max-width:200px;
margin:0 auto;
}
#wrapper {
	max-width:1500px;
	margin:0 auto;
	text-align: center;
	overflow: hidden;
}
.float_btn{
	max-width:500px;
	right:10px;
	bottom:10px;
	position: fixed;
	z-index:1000;
	animation: purupuru2 1s infinite;
}
@keyframes purupuru2 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(0.98, 0.95)
    }
}

@media screen and (max-width: 768px) {
	.float_btn{
		width:90%;
		margin:0 auto;
		left:0;
		right:0;
	}
}
.content_a{
	width:100%;
	margin:0 auto;
	text-align: center;
}
.section_a{
	width:100%;
	margin:0 auto;
}
.goannai{
	width:100%;
	margin:0 auto;
	background:url(../images/menu_back.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	padding:5% 0;
}
@media screen and (max-width:700px){
	.goannai{
		padding:5% 0 10% 0;
	}
}
.goannai_box{
	max-width:800px;
	margin:0 auto;
}
.point_zone{
	width:100%;
	background:#fff;
	padding:3% 0;
}
@media screen and (max-width: 768px) {
	.point_zone{
		width:90%;
		margin:0 auto;
	}
}
.point_title{
	max-width:700px;
	margin:0 auto;
}
@media screen and (max-width: 768px) {
	.point_title{
		width:90%;
		margin:0 auto;
	}
}
.point_title img{
	margin:5% 0 3% 0;
}
.point_title p{
	text-align:left;
    font-size:17px;
	line-height:27px;
	color:#575757;
}
@media screen and (max-width: 768px) {
	.point_title p{
		padding:0 2% 5% 3%;
	}
}
.nayami{
	background:url(../images/result.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}
.result_box{
	max-width:800px;
	margin:0 auto;
}
@media screen and (max-width: 768px) {
	.result_box{
		width:80%;
		margin:0 auto;
	}
}
.result_txt{
	margin:5% 0 3% 0;
}
@media screen and (max-width: 768px) {
	.result_txt{
		width:90%;
		margin:5%;
	}
}
.hyoka{
	max-width:700px;
	margin:0 auto;
}
.hyoka img{
	margin:3% 0;
}
@media screen and (max-width: 768px) {
	.hyoka img{
		width:90%;
		margin:7% 0;
		padding:0 5%;
	}
}
.hyoka_set{
	margin:3% 0;
}
.cvr_zone{
	position: relative;
}
.cvr_btn{
	position: absolute;
	bottom:150px;
	right:300px;
}
.cvr_btn img{
	width:90%;
}
@media screen and (max-width: 768px) {
	.cvr_btn{
		margin:0 auto;
		left:0;
		right:0;
		bottom:10%;
	}

}
.voice{
	width:100%;
	margin:0 auto;
	background:url(../images/uservoice_back.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	padding:5% 0;
}
.voice_box{
	max-width:800px;
	margin:0 auto;
}
.uservoice_txt{
	max-width:500px;
	margin:0 auto;
}
.uservoice_txt img{
	margin:3% 0;
}
@media screen and (max-width:700px){
	.uservoice_txt img{
		width:90%;
		margin:0 auto;
	}
}
.white{
	background:#fff;
	display: block;
	font-size:1.3em;
	line-height:1.25em;
	text-align:left;
	padding:7px 10px;
	color:#a08753;
	font-weight:bold;
}
@media screen and (max-width:700px){
	.white{
		font-size:1.1em;
	}
}
.blown{
	background:#a08753;
	color:#fff;
	display: block;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	padding:7px;
	border-radius: 100px;
	max-width:150px;
	margin:10px 0;
}
.mycol-2 p{
	font-size:18px;
	line-height:25px;
	text-align:left;
}
.myrow{
	width:100%;
	display:-webkit-flex;
	display:flex;
	margin-top:3%;
}
@media screen and (max-width:700px){
	.myrow{-webkit-flex-direction:column;flex-direction:column;}
  }
.mycol-1{
	margin:2%;
	position:relative;
	flex:1;
}

.mycol-1 img{
	width:100%;
}
.mycol-1 p{
	font-size:15px;
	line-height:21px;
	text-align: left;
}

.voice_half{
	width:100%;
	display:-webkit-flex;
	display:flex;
}
@media screen and (max-width:700px){
	.voice_half{-webkit-flex-direction:column;flex-direction:column;}
  }
.half-1{
flex:1;
margin:2%;
}
@media screen and (max-width:700px){
	.half-1{
		padding:3% 6% 0 4%;
	}
}
.half-1 p{
	font-size:18px;
	line-height:25px;
	text-align: left;
	color:#575757;
	font-weight:500;
}
@media screen and (max-width: 768px) {
	.half-1 p{
		font-size:15px;
	line-height:21px;
	}
}
.point_bold{
	font-size:28px;
	line-height:35px;
	display: block;
	font-weight:300;
	color:#a08753;
	text-align:left;
	margin:8% 0 0 3%;
}
@media screen and (max-width: 768px) {
	.point_bold{
		font-size:20px;
		margin: 8% 0 3% 6%;
	}
}
.mycol-2{
	position:relative;
	flex:2;
}
.point{
	position: absolute;
	top:-10px;
	right:10px;
	width:100px;
}
@media screen and (max-width: 768px) {
	.point{
		top:-50px;
	}
}
.salon{
	width:100%;
	margin:0 auto;
	background:url(../images/storeinfo_back.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	padding:5% 0;
}
.salon_box{
	max-width:800px;
	margin:0 auto;
}
.salonimfo_txt{
	margin:5% 0 8% 0;
}
.store{
	width:100%;
	display:-webkit-flex;
	display:flex;
}
@media screen and (max-width:700px){
	.store{
		-webkit-flex-direction:column;
		flex-direction:column;}
  }
.store_child{
	flex:1;
	margin:1%;
}
@media screen and (max-width:700px){
	.store_child{
		width:90%;
		margin:0 5% 3% 5%;
	}
}
.store_child_txt{
	flex:1;
	margin:1%;
}

.tenpo{
	display: block;
	font-size:2em;
	text-align:left;
	margin:0 0 10px 0;
}
@media screen and (max-width:700px){
	.tenpo{
		text-align:center;
	}
}
.store_child_txt p{
	font-size:18px;
	line-height:27px;
	text-align:left;
}
@media screen and (max-width:700px){
	.store_child_txt p{
		text-align:center;
	}
}
.phone{
	display: block;
	font-size:2em;
	text-align:left;
	margin:10px 0;
}
@media screen and (max-width:700px){
	.phone{
		text-align:center;
		text-decoration: none;
	}
}
.reserve_btn{
	max-width:300px;
	margin:0 auto;
}
@media screen and (max-width:700px){
	.reserve_btn{
		width:80%;
		margin:0 auto;
	}
}
.line{
	margin:7% 0 5% 0;
}
/*about_page**/
#about{
	width:100%;
	margin:0 auto;
	overflow: hidden;
}
.about_fv{
	height:300px;
	margin:0 auto;
	overflow: hidden;
}

.about_fv img{
	width:100%;
	margin:0 auto;
}
@media screen and (max-width:700px){
	.about_fv{
	height:auto;
	}
}
.gaiyo{
	width:100%;
	margin:0 auto;
	padding:5% 0;
}

.gaiyo h1{
	font-size:2em;
	text-align: center;
	font-weight:100;
	color:#a08753;
}
@media screen and (max-width:700px){
	.gaiyo h1{
		font-size:1.5em;
	}
}
.p-company_inner{
	max-width:1000px;
	margin:0 auto;
}
@media screen and (max-width:700px){
	.p-company_inner{
		width:90%;
	}
}
.p-company_inner dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    color: #333;
    margin:0 0 10% 0;
}
.p-company_inner dl dt {
      border-bottom: 1px solid #dbd1bc;
      width: 20%;
      padding: 2rem 0;
      font-size: 1.1rem;
      vertical-align: middle;
	}
.p-company_inner dl dd {
      border-bottom: 1px solid #333;
      width: 80%;
      font-size: 1rem;
      padding: 2rem 0;
      line-height: 1.8;
      vertical-align: middle;
	}
.p-company_inner dl dd a {
    text-decoration: underline;
}
.p-company_inner dl dd a:hover{
	color: #dbd1bc;
    text-decoration: none;
}
.p-company_inner dl{
	display: block;
		}
.p-company_inner dl dt {
	width: 100%;
	font-size: 1rem;
	border: 0;
	padding: .5rem;
	background: #dbd1bc;
}
@media screen and (max-width:700px){
	.p-company_inner dl dt {
		padding:10px 0;
	}
}
.p-company_inner dl dd {
			  width: 100%;
			  font-size: .9rem;
			  border: 0;
			  padding: .5rem;
			  padding-bottom: 1rem; }
#privacy{
	max-width: 1600px;
	margin:0 auto;
	padding:0 0 5% 0;
}
#privacy h1{
	font-size:2em;
	text-align:center;
	font-weight:100;
	margin:0 0 5% 0;
	color:#a08753;
}
@media screen and (max-width:700px){
	#privacy h1{
		font-size:1.5em;
	}
}
.p-privacy_inner{
	max-width:1000px;
	margin:0 auto;
}
@media screen and (max-width:700px){
	.p-privacy_inner{
		width:90%;
	}
}
.p-privacy_inner p {
    margin-bottom: 1.5rem; }
.p-privacy_inner ul {
    margin-bottom: 1.5rem; }
.p-privacy_inner ul li {
      font-size: 1rem;
      line-height: 1.8; }
.p-privacy_inner ul li:first-child {
        font-weight: 600; }
.p-privacy_inner ul li a {
        text-decoration: underline; }
.p-privacy_inner ul li a:hover {
          color: #dbd1bc;
          text-decoration: none; }
.p-privacy_inner ul:nth-child(4) li:nth-child(2) {
      margin-bottom: .5em; }
.p-privacy_inner ul:nth-child(4) li:nth-child(n+3) {
      list-style: disc;
      margin-left: 1.5rem;
      font-size: .9rem; }
.p-privacy_inner p {
		margin-bottom: 1rem;
		font-size:15px;
		line-height:23px;
	}
.p-privacy_inner ul {
		margin-bottom: 1rem; }
.p-privacy_inner ul li {
		  font-size: .9rem;
		  line-height: 1.8; }
.p-privacy_inner ul li:first-child {
	font-size:15px;
			font-weight: 600; }
.p-privacy_inner ul li a {
			text-decoration: underline; }
.p-privacy_inner ul li a:hover {
			  color: #dbd1bc;
			  text-decoration: none; }
.p-privacy_inner ul:nth-child(4) li:nth-child(2) {
		  margin-bottom: .5em; }
.p-privacy_inner ul:nth-child(4) li:nth-child(n+3) {
		  list-style: disc;
		  margin-left: 1.2rem;
		  font-size: .8rem; }




footer{
	width:100%;
	background:#d8f1ef;
	color:#000;
padding:2% 0;
border-top:1px solid #000;
}
@media screen and (max-width:700px){
	footer{
		padding:2% 0 50% 0;
	}

}
.nav{
	max-width:800px;
	margin:0 auto;
	text-align: center;
}
.nav a{
text-decoration: none;
display:block;
font-size:18px;
margin:10px 0;
}
.copy{
	margin-top:2%;
	text-align: center;
	font-size:13px;
	color:#555;
}