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

header{
	border-bottom: none;
}

div#contents_container{
	padding-top: 70px;
}

div#contents_right{
	margin-top: 97px;

}

/*----------------------------------------------------------------*/
/*---header_contents-------------------------------------------------------------*/

div#header_contents{
	padding: 0 40px;
}

/*---hc_main_image-------------------------------------------------------------*/

div#hc_main_image{
	position: relative;
}

/*---hcmi_slider-------------------------------------------------------------*/

div#hc_main_image ul#hcmi_slider{
	z-index: 1000;
	position:relative;
	height:690px;
}

div#hc_main_image ul#hcmi_slider > li{
}

div#hc_main_image ul#hcmi_slider > li pre.hcmi_heading{
	z-index: 1100;
	position: absolute;bottom:88px;left:52px;
	font-size: 120px;
font-family: 'Noto Serif JP', serif;
line-height: 1.0em;
	opacity: 0.1;
}

div#hc_main_image ul#hcmi_slider > li div.lq_img{
	width:100%;
	height:690px;

	animation: animationZoom 40s ease-in-out 0s infinite normal;
}
@keyframes animationZoom {
	50%{ transform:scale(1.2); }
}

/*---hc_contents_list-------------------------------------------------------------*/

ul#hc_contents_list{
	width:247px;
	height:100%;
	padding-left:32px;
	margin-top:55px;
}
ul#hc_contents_list li{
	padding-bottom:1px;
border-bottom:1px rgba(0,0,0,0.1) solid;
}

/*----------------------------------------------------------------*/
/*---sec_salon-------------------------------------------------------------*/

div#sec_salon{
	margin-top: 60px;
}

/*---contents_list-------------------------------------------------------------*/

div.contents_list{
	width: 90%;
	margin: 0 auto;
	margin-top: 50px;

display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;

-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}

div.contents_list div.text{
	margin-top: -7px;

-webkit-flex: 1;
flex: 1;
}
div.contents_list div.text p{
font-size: 17px;
font-family: 'Noto Serif JP', serif;
}

/*----------------------------------------------------------------*/

div.contents_list ul{
	width: 37%;
	padding-left: 40px;

/* display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; */
}
div.contents_list ul li{
	/* width: 50%; */
	padding-left: 20px;
	padding-bottom: 15px;
}
div.contents_list ul li a{
	width: 100%;
	height: auto;
	font-size: 18px;
	padding: 12px 0;
	padding-top: 16px;
}

/*---salon_list-------------------------------------------------------------*/

div#sec_salon ul.salon_list{
	padding: 0 40px;
	margin-top: 30px;

display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div#sec_salon ul.salon_list li{
	width: 33.33%;
}
div#sec_salon ul.salon_list::after{
content:'';
	width: 33.33%;
display: block;
}
div#sec_salon ul.salon_list li a{
	position: relative;
	height: 220px;
	display: block;
	padding: 20px 20px;
	padding-bottom: 15px;
	margin: 15px 15px;

display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}

/*----------------------------------------------------------------*/

div#sec_salon ul.salon_list li a div.text{
}
div#sec_salon ul.salon_list li a h2{
	font-size: 27px;
font-family: 'Noto Serif JP', serif;
line-height: 1.2em;
margin-bottom: 3px;
}
div#sec_salon ul.salon_list li a h2 span{
font: inherit;
	font-size: 13px;
	letter-spacing: 0.15em;
}

div#sec_salon ul.salon_list li a div.text h3{
	min-height: 40px;
	font-size: 13px;
	margin-top: 5px;
}
div#sec_salon ul.salon_list li a div.text h3 br{
	display: none;
}

/*----------------------------------------------------------------*/

div#sec_salon ul.salon_list li a div.text img.logo{
	position: absolute;top:25px;right:20px;
	width: 110px;
	opacity:0.7;
}

div#sec_salon ul.salon_list li a div.lq_img{
	z-index: 1000;
	position: absolute;top:0;left:0;
	width: 100%;
	height: 100%;
	opacity:0.12;
}
div#sec_salon ul.salon_list li a:hover div.lq_img{
opacity:1.0;
}

/*----------------------------------------------------------------*/
/*---sec_effort-------------------------------------------------------------*/

div#sec_effort{
	margin-bottom: 90px;
}
div#sec_effort ul.cnt_effort_list{
	margin-top: 40px;
}

/*----------------------------------------------------------------*/
/*---sec_information-------------------------------------------------------------*/

div#sec_information{
}