@charset "utf-8";
/* CSS Document */


/* CSSリセット　開始*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
	width:100%; /*ページ全体の幅は100%と指定する*/	
    text-align:center;
    line-height:1;
	font-family: 'Yu Mincho','serif','Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif ;
	
	
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration: none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* CSSリセット　終了*/







/*PC対応開始*/
@media screen and (min-width: 960px) {
   /* 表示領域が960px以上の場合に適用するスタイル */


	
/* ハンバーガーメニュー非表示 */	
.scroll-nav{
	display:none;	
	}
	

/* 全体指定 */
#wrapper{
margin-right: auto;
margin-left: auto;

	}

#container{
width: 960px;
margin-right: auto;
margin-left: auto;

	}
	
	
/* ナビメニュー */
	
#nav ul li {
   display: inline;
	float: left;

}
 
#nav ul li a {
  display: block;
  font-size: 12pt;
  width: 150px;
  height: 40px;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  color: #808080; 
  margin-top: 20px;
}
 
#nav{
	width: 960px;
	margin-top: 20px;
	margin-left: 20px;
} 


#nav ul{
    padding: 0px; 	
    margin: 0px;
} 


#nav ul li {
    display: inline; 	
} 
	
	
#nav ul li a:hover{ 
 text-decoration: none;
 color: #e5b3b3;
}

	
li+ li {
  border-left: 1px solid #333;
}
	
/* ナビメニュー終了 */	


	
/* タイトルフォント指定 */

p.title{
	font-family: 'Allura', cursive;
	font-size: 56pt;
	color: #c69c6d;
	margin:80px 0 40px 0; 
	}
/* タイトルフォント指定　終了 */	

	
/* トップサービスSP枠　非表示 */	
#service_sp{	
	display:none;
	}	
	

/* トップサービス枠　開始 */	
	
#service_pc{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	}	
	
.service{
	margin-right: auto;
	margin-left: auto;
		
	}
	
.hotel_box{
	float: left;
	background-color: #f2f2f2;
	width: 400px;
	height:400px;
		
	}	
	
.service_logo img{
		width: 300px;
		margin-top: 120px;
	}
	
	.service_text {
		width: 300px;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		line-height: 30px;
	}	
	

	.service_button{
		margin-right: auto;
		margin-left: auto;
		margin-top: 20px;
		width: 300px;
		height: 40px;
		background-color: #534741;
		border-radius: 20px; 
	}
	
	.service_button p{
		color: #FFF;
		font-size: 10pt;
		padding-top: 14px;		
	}
	
	.service_img{
		float: left;
	}

.salon_box{
	float: left;
	background-color: #ebe0d1;
	width: 400px;
	height:400px;
		
	}
	
.school_box{
	float: left;
	background-color: #ffedf3;
	width: 400px;
	height:400px;
		
	}
	
/* トップサービス枠　終了 */	
	
/* トップポリシー枠　開始 */		
	
h1.policy_text{
	line-height: 60px;	
	margin-top: 40px;
	font-weight: normal;
	}

/* トップポリシー枠　終了 */
	
	
/* トップ会社概要　開始 */

#company{
	font-size: 11pt;
	height: auto;
	width:800px;
	margin-right: auto;
		margin-left: auto;
}

#company .company-left{
	width:200px;
	float: left;
	line-height: 24px;
}

#company .company-right{
	width:400px;
	float: right;
	line-height: 24px;
}
.company-contents{
	padding: 20px 0;
}

/* トップ会社概要　終了 */
	

.copyright{
	font-size: 8pt;	
	margin: 40px 0;
	}	
	
	
	
/*PC対応終了*/
}	








	
	
	
/*スマホ対応開始*/
@media screen and (max-width: 959px) {
   /* 表示領域が960px未満の場合に適用するスタイル */

	
/*PCナビゲーションメニュー非表示*/	
#nav{
	display:none;	
	}	
	
/* タイトルフォント指定 */

p.title{
	font-family: 'Allura', cursive;
	font-size: 36pt;
	color: #c69c6d;
	margin:40px 0 20px 0; 
	}	
	
	
	
	
	
/*ハンバーガーメニュー開始*/

#nav-drawer {
position: fixed;
 bottom: 10px;
	 right:10px;
	z-index: 1;

}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  padding: 10px 10px 20px 10px;
  background-color: rgba(255,255,255,0.7);
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 30px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}
	
#nav-open span p{	
font-size: 0.6rem;
  padding-top: 25px;
  color:#555;
  font-weight: bold;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
  padding-top: 20px;
	line-height: 40px;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

	
#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

	
#nav-content ul li{
	list-style: none;
	}
	
	
#nav-content ul li a{
		margin-top: 10px;
		font-size: 1rem;
		max-width: 330px;
		height: 100px;
		text-decoration: none;
	    color: #292929;
	    font-weight: bold;
	padding-bottom: 60px;
	}
	
/*ハンバーガーメニュー終了*/

	
/* トップサービスPC枠　非表示 */	
#service_pc{	
	display:none;
	}
	
	
/* トップサービス枠　開始 */	

#service_sp{
	margin-right: auto;
	margin-left: auto;
	}	
	
.service{
	margin-right: auto;
	margin-left: auto;
		
	}

.service img{
		width: 80%;
	margin-bottom: 40px;
	}
	
	
.hotel_box{
	background-color: #f2f2f2;
	width: 100%;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	padding-bottom: 60px;
		
	}	
	
.service_logo img{
		width: 300px;
		margin-top: 50px;
	
	}
	
	.service_text {
		width: 300px;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		line-height: 30px;
	}	
	

	.service_button{
		margin-right: auto;
		margin-left: auto;
		margin-top: 20px;
		width: 300px;
		height: 40px;
		background-color: #534741;
		border-radius: 20px; 
	}
	
	.service_button p{
		color: #FFF;
		font-size: 10pt;
		padding-top: 14px;		
	}
	
	.service_img{
	}

.salon_box{
	background-color: #ebe0d1;
	width: 100%;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	padding-bottom: 60px;
		
	}
	
.school_box{
	background-color: #ffedf3;
	width: 100%;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	padding-bottom: 60px;
		
	}
	
/* トップサービス枠　終了 */	

	
/* トップポリシー枠　開始 */		

.policy_img img{
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	}	
	
.policy_text{
	line-height: 30px;	
	margin-top: 40px;
	margin: 0 20px;
	}

/* トップポリシー枠　終了 */	

.copyright{
	font-size: 8pt;	
	margin: 40px 0;
	}	
	

	
	
	
	
	
	
	
.scroll-nav {
  /* スクロールバーを見えなくするため */
  height: 48px; /* 実際に表示する高さ */
  overflow-y: hidden;
	background: rgb(50, 50, 50);
	position: sticky;
	top: 0; /* 縦方向の閾値 */
	z-index: 1
	
}

/* 中身がスクロールするビュー */
.scroll-nav__view {
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
}

/* 実際にスクロールするオブジェクト */
.scroll-nav__list {
  /* tableにすることで、横幅指定をすることなくmargin: autoによる中央寄せが可能になる */
  display: table;
  list-style: none;
  margin: 0 auto;
  /* 下方向に余分なpadding部分を持たせ、そこにスクロールバーが表示される */
  padding: 0 0 24px 0;
	bottom: 0px;
}

.scroll-nav__item {
  /* itemを横並びに、かつ親要素がその親要素の横幅からはみだすことが可能になる */
  display: table-cell;
}

.scroll-nav a {
  display: block;
  padding: 12px;
  /* 文字列の自動改行を禁止 */
  white-space: nowrap;
	
	color: rgb(224, 224, 224);
  font-family: sans-serif;
  font-size: 14px;
  /* 行高が24pxになるように調整 24/14 */
  line-height: 1.71428;
  text-decoration: none;
	
}
	
#service_sp_ancer:before {
  content: "";
  height: 48px;
  margin-top: -48px;
  display: block;
  visibility: hidden;
}
	
#policy_ancer:before {
  content: "";
  height: 48px;
  margin-top: -48px;
  display: block;
  visibility: hidden;
}
	
#company_ancer:before {
  content: "";
  height: 48px;
  margin-top: -48px;
  display: block;
  visibility: hidden;
}





	
/*スマホ対応終了*/
}