@charset "utf-8";
/* CSS Document */
/*------------------------------
初期化
------------------------------*/
p,div,ul,li,dl,dt,dd,h1,h2,h3 {
	margin:0; 
	padding:0;
}

table,td,th {
	border-collapse:collapse;
	margin:0;
	padding:0;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img {
	border:0;
	margin:0;
	padding:0;
}

/*------------------------------
//初期化
------------------------------*/

body {
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:22px;
	color:000;
	margin:0px;
	padding:0px;
}
html {
	width:100%;
	overflow-x:hidden;
}

a{
	color:#444;
	text-decoration:none;
}

/*------------------------------
基本枠
------------------------------*/
.wrap {
	width:950px;
	margin:0 auto;
}

h1 {
	font-size: 10px;
	text-align: right;
	margin-bottom: 10px;
}

#logo{
	margin: 0;
	padding-left: 20px;
}

table {
	border:none;
	margin:0;
	font-size:12px;
	border-collapse:collapse;
}

table th , table td{
	border:none;
	font-weight:400;
	text-align:left;
	padding:2px;
}

table th {
	padding-right:10px;
	width:5em;
}


/*------------------------
テキスト装飾
------------------------*/
/*テキストサイズ*/
.fs10{font-size:10px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs50{font-size:50px;}

/*行間*/
.lh14{line-height:12px;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh53{line-height:53px;}

/*太さ*/
.fw{font-weight:bold;}

/*位置*/
.ta_l{text-align:left;}
.ta_r{text-align:right;}
.ta_c{text-align:center;}

/*隙間*/
.tm5{margin-top:5px;}
.tm10{margin-top:10px;}
.tm15{margin-top:15px;}
.tm20{margin-top:20px;}

.bm5 {margin-bottom:5px;}
.bm10 {margin-bottom:10px;}
.bm15 {margin-bottom:15px;}
.bm20 {margin-bottom:20px;}
.bm30 {margin-bottom:30px;}
.bm40 {margin-bottom:40px;}

.sm20{margin-left:20px;margin-right:20px;}
.sm25{margin-left:25px;margin-right:25px;}

/*カラー*/
.fc_red {color:#FF1155;}
.fc_red2 {color:#D24726;}
.fc_red3 {color:#D70035;}
.fc_green {color:#406D0F;}
.fc_blue {color:#2672EC;}
.fc_yellow {color:#E1C404;}
.fc_gray {color:#777;}

.bg_green {background:#CFDFBD;}

.clear{clear:both;}

/*回り込み*/
.fl_l{float:left;}

/*画像回り込み*/
.img_floatr img{
	float:right;
	margin-left:20px;
	display:block;
}
.img_floatl img{
	float:left;
	margin-right:20px;
	display:block;
}

/*下線*/


/*------------------------
float解除
------------------------*/
.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

/*トップ*/
#main_visual{
	clear:both;
	margin-bottom: 40px;
	}
	
#address{
	text-align: center;
	}
	
#logo_bottom{
	text-align: right;
	padding-top: 30px; 
	}
	
#concept_bg{
	text-align: center;
	margin-top: 100px;
	}
	
#info{
	float: left;
	width: 400px;
	color: #000;
	margin-bottom: 50px;
	margin-left: 275px;
	}
#info2{
	float: left;
	width: 650px;
	color: #000;
	margin-bottom: 50px;
	}
	
table.topic{
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.topic th{
	width:180px;
	margin-right:20px;
	padding:5px;
	text-align:center;
	vertical-align: top;
}
.topic td{
	vertical-align:top;
	padding:0px 10px 20px 20px;
	font-size:13px;
}
.topic dt{
	width: 320px;
	float: left;
}
.topic dd{
	margin-left: 0px;
	padding-left: 320px;
}
.topic dt::before{
	clear: both;
}
#info .seijin a:link {
	color: #4169e1;
	}
#info .seijin a:visited {
	color: #4169e1;
	}
#info .seijin a:active {
	color: #4169e1;
	}
#info .seijin a:hover {
	color: #4169e1;
	}
	
dd{
	border-bottom: 1px dashed #fff;
	}
	
#top_img{
	width:360px;
	margin:auto auto 50px;
	}
	
#top_img td{
	width: 120px;
	text-align: center;
	}

#logo_menu{
	margin-bottom: 15px;
	}
	

#logo{
	float:left;
	margin-top:5px;
	}

#midashi{
	float:left;
	padding-top: 35px;
	}

#menu_link{
	float:right;
	width:530px;
	margin-top:20px;
	}

#menu_top{
	float:right;
	width:530px;
	margin-top: -27px;
	}

#menu_top2{
	float:right;
	width:690px;
	margin-top: -27px;
	}
	
#menu_visual{
	margin-bottom:50px;
	}

/*コンセプト*/
#concept{
	text-align: center;	
	}


/*カレンダー*/
.calendar_table {
	border-top:1px solid #000;
	border-left:1px solid #000;
	margin-top:10px;
	width:200px;
	vertical-align:top;
}

#calendar_all{
	margin-top:50px;
	}

.calendar_table th , .calendar_table td {
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	padding:2px;
	background:#fff;
	text-align:center;
}

.calendar_table th {
	background:#000;
	color:#fff;
}
td.colosed,
td.holyday {
	background: none repeat scroll 0 0 #808080;
	color: #FFFFFF;
}
td.holyday2{
	background: none repeat scroll 0 0  #C4C4C4;
}
.calendar p.colosed_color {
	color:#983202;
	margin-bottom:0;
}
p.colosed_color span {
	width:20px;
	height:20px;
	background:#808080;
	border:1px solid #000;
	margin-right:5px;
}
.calendar p {
	margin-bottom:30px;
}


/*------------------------------
メニュー
------------------------------*/



#menu_left{
	float:left;
	width:450px;
	font-size: 12px;
	color: #000;	
	}
	
#menu_right{
	float:right;
	width:450px;
	font-size: 12px;
	color: #000;
	}
	
.menu_cut{
	margin-bottom: 30px;
	}
	
.menu_color{
	margin-bottom: 30px;
	}

.menu_perma{
	margin-bottom: 30px;
	}

.menu_straight{
	margin-bottom: 30px;
	}

.menu_treatment{
	margin-bottom: 30px;
	}
	
.menu_shampoo{
	margin-bottom: 30px;
	}

.menu_dressing{
	margin-bottom: 30px;
	}

/*------------------------------
スタッフ
------------------------------*/
#staff{
	width: 900px;
	margin: auto;
	padding: auto;
	}

#staff table{
	width: 900px;
	}
	
#staff table th{
	height: 270px;
	text-align: center;	
	padding-right: 0px;
	width: 33.3%;
	}

#staff table td{
	text-align: center;
	height: 90px;
	vertical-align: top;
	}

#staff table img{
	width: 200px;
	border-radius: 8px
}

.gallery_list {
	margin:0 ;
	padding:0;
}
.gallery_list li {
	padding-bottom:20px;
	width:223px;
	float:left;
	margin-left:24px;
	display:block;
}
.gallery_list li:nth-child(3n + 1) {
	margin-left:0;
	clear:0;
}
.gallery_list.stepbonecut li {
	width:347px;
	float:left;
	margin-left:24px;
	display:block;
}
.gallery_list.stepbonecut li:nth-child(odd) {
	margin-left:0;
	clear:0;
}

.andmore {
	display:block;
	border:3px solid #444;
	border-radius:75px;
	box-sizing:border-box;
	margin:30px auto;
	padding:24px 0 0;
	width:75px;
	height:75px;
	text-align:center;
	font-size:10px;
	font-weight:700;
	cursor:pointer;
}
.andmore2 {
	border:3px solid #0047a8;
	background:#0047a8;
	color:#fff;
}
.andmore3 {
	border:3px solid #0047a8;
	color:#0047a8;
}

.gallery_list2 {
	margin-top:10px;
	padding-top:30px;
	border-top:1px solid #444;
}


/*------------------------------
アクセス
------------------------------*/
#access{
	width:950px;
	overflow:hidden;
	color: #000;
	}
#access_left {
	float: left;
	margin-right: 30px;
	width: 441px;
}
#access_right {
	float:right;
	width: 479px;
}

.closed_info{
	font-size: 11px;
	text-align:right;
	color:#339CFF;
	font-weight:bold;
	margin-right:35px;
}
.calendar_l {
	width:240px;
	float:left;
}
.calendar_r {
	width:200px;
	float:right;
}
.calendar_table1 {
	width:240px;
	height:220px;
}
.calendar_table2 {
	width:200px;
	height:180px;
}

.access_tel_td {
	vertical-align: middle;
}

.access_tel {
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px;
}

.access_hpb {
	vertical-align: middle;
	display: inline-block;
}

/*------------------------------
facebook
------------------------------*/
#facebook{
	width: 240px;
	float: right;
	margin-top: 43px;
	margin-bottom: 50px;
	}

.fb_logo{
	text-align:right;
	margin-right: 20px;
	margin-bottom: 20px;
	}
	
/*------------------------------
その他
------------------------------*/	
	
	
.moji_15{
	font-size:15px;
	font-weight:bold;
	}
.moji_12{
	font-size:12px;
	}
.moji_MONTH{
	color: #000;
	font: bold 20px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
.top_margin{
	margin-top: 10px;	
	}
	
.top{
	vertical-align: top;
	}
	
.under_line_dot{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
	}

/*------------------------------
リクルートページ
------------------------------*/	

.container {
	width: 950px;
	margin: 0 auto;
	text-align: center;
}

.recruit-wrapper {
	display: flex;
	justify-content: center;
	gap: 40px;
	margin: 20px auto 40px auto;
}

.text-box {
	border: 1px solid #717071;
	padding: 20px;
	width: 430px;
	text-align: left;
	box-sizing: border-box;
	border-radius: 10px;
}

.text-box h3 {
	text-align: center;
	margin-bottom: 10px;
}

.section-title {
	margin: 60px 0 20px 0;
	font-weight: bold;
	font-size: 24px;
	color: #717071;
}

.sab-title{
	font-size: 12px;
	margin-bottom: 10px;
}

.curriculum {
	margin: 30px auto;
	width: 450px;
	text-align: center;
}

.curriculum img {
	width: 100%;
	margin-bottom: 20px;
}

.image-box {
	width: 300px;
	height: 300px;
	display: inline-block;
	margin: 15px;
	box-sizing: border-box;
}

.contact-box {
	margin: 40px auto 60px;
	width: 600px;
	background-color: #fff;
	box-sizing: border-box;
	text-align: center;
}

.contact-item {
	margin-bottom: 40px;
	text-align: left;
}

.contact-item h4 {
	font-size: 16px;
	margin-bottom: 10px;
	color: #333;
	border-left: 4px solid #717071;
	padding-left: 8px;
}

.contact-item ul {
	padding-left: 20px;
	margin: 10px 0;
}

.contact-item li {
	margin-bottom: 5px;
}

.tel-link {
	color: #000;
	text-decoration: underline;
}

.insta-banner {
	width: 300px;
	margin-top: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
}