@charset "utf-8";

#main-visual{
	padding:40px 0;
	background:#fffae2;
}
#leaf #main-visual{
	padding:40px 0;
	background: rgba(247,255,226,0.85);
}
.main{
	text-align:left;
}
.content-title{
	display:block;
	border:none;
	text-align:center;
	margin-bottom:50px;
}
.salon-btn li{
	width:172.5px;
	line-height:3;
	text-align:center;
	margin-right:10px;
}
.salon-btn li:last-child{
	margin-right:0;
}
.salon-btn li a{
	background:#fee97f;
	display:block;
}
#leaf .salon-btn li a{
	background:#bff9b1;
}
.salon-btn li a:after{
	content:">";
	display:inline;
	font-weight:600;
	font-family: 'Karla', sans-serif;
	margin-left:0.5em;
}
.chief{
	padding:40px 0;
	text-align:left;
}
.chief .f-left{
	width:148px;
	display:block;
}
.chief .f-right{
	position:relative;
	padding:20px;
	background:#f8f4e7;
	border-radius:5px;
	width:527px;
	min-height:190px;
}
.chief .f-right:before{
	content:"";
	display:block;
	width:0;
	height:0;
	border-right:30px solid #f8f4e7;
	border-top:15px solid transparent;
	border-bottom:15px solid transparent;
	position:absolute;
	left:-30px;
	top:72px;
}
.chief .msg{
	font-weight:600;
	font-size:22px;
	line-height:2;
}
.chief .name{
	font-weight:600;
	font-size:18px;
	text-align:right;
	padding-top:0.8em;
}
.recruit-sub-title{
	text-align:left;
	margin-top:40px;
	//font-weight:500;
	font-size:22px;
	line-height:42px;
	border-left:10px solid #fe9611;
	padding-left:16px;
	margin-bottom:20px;
}
#googlemap{
	margin-top:40px;
	margin-bottom:40px;
}
.point-services{
	font-size:22px;
	background:url(../images/salon-icon01.jpg) no-repeat;
	background-position:left top;
	padding-left:46px;
	line-height:1.8;
}
.point-services span{
	color:#e5007f;
	margin-right:0.8em;
}
.point-list{
	padding-top:70px;
	padding-bottom:40px;
}
.point-list>li{
	position:relative;
	border:1px solid #fed400;
	padding:60px 24px 24px;
	margin-bottom:60px;
}
.point-list>li.f-left,.point-list>li.f-right{
	position:relative;
	padding:60px 24px 24px;
	width:350px;
}
#leaf .point-list>li{
	border:1px solid #38da03;
}
.points{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: #e5007f;
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 1;
    padding-top: 0.7em;
	position:absolute;
	left:20px;
	top:-50px;
}
.points span{
	display:block;
	font-size:45px;
    line-height: 1;
}
.point02,.point03{
	//height:830px;
	//height:990px;
}
.nawa .point02,.nawa .point03{
	//height:640px;
	//height:790px;
}
.point-list>li.point04, .point-list>li.f-right.point05{
	//height:585px;
	//height:750px;
	margin-bottom:0;
}
.nawa .point-list>li.point04, .nawa .point-list>li.f-right.point05{
	height:auto;
}

.point-list ul li>p{
	font-size:20px;
	background:url(../images/salon-icon01.jpg) no-repeat;
	background-position:left top;
	padding-left:46px;
	line-height:2;	
	padding-bottom:0.4em;
}
.point-list ul li img{
	display:block;
	width:100%;
}
.f-bold{
	font-weight:600;
	font-size:18px;
	padding-top:0.5em;
	padding-bottom:1em;
}

.content04 li{
	padding:20px;
	background:#efefef;
}
.content04 li:nth-of-type(even){
	background:#fff;
}
.content04 .news-list{
	height:330px;
}
.post-date{
	width:12.5%;
}
.title-area{
	width:87.5%;
	padding-left:20px;
	position:relative;
}

.title-area a{
	text-decoration:underline;
}
.title-area a:hover{
	text-decoration:none;
}
table{
	text-align:left;
	width:100%;
}
th{
	width:25%;
	border-bottom:1px solid #6f5043;
	vertical-align:top;
	padding:1em 0;
	padding-left:12px;
}
td{
	width:75%;
	border-bottom:1px solid #6f5043;
	padding:1em 0;
}
.point-list ul li img.card{
	width:160px;
	display:block;
	margin-left:47px;
	margin-bottom:1em;
}





@media screen and (max-width:767px){
#main-visual{
	padding:3.2vw 0;
}
#leaf #main-visual{
	padding:3.2vw 0;
}
.content-title{
	padding:0;
	margin-bottom:5vw;
}
.salon-btn li{
	width:100%;
	line-height:3;
	margin-right:0;
	margin-bottom:3.2vw;
	float:none;
}
.chief{
	padding:7vw 0 0;
}
.chief .f-left{
	//width:30vw;
	width:27vw;
	display:block;
}
.chief .f-right{
	padding:3.2vw;
	border-radius:5px;
	width:60vw;
	min-height:auto;
}
.chief .f-right:before{
	content:"";
	display:block;
	width:0;
	height:0;
	border-right:6vw solid #f8f4e7;
	border-top:4vw solid transparent;
	border-bottom:4vw solid transparent;
	position:absolute;
	left:-5vw;
	top:16vw;
}
.chief .msg{
	font-size:4.8vw;
	line-height:1.8;
}
.chief .name{
	font-size:3.8vw;
	text-align:left;
	padding-top:0.4em;
}
.recruit-sub-title{
	text-align: left;
    margin-top: 8vw;
    font-size: 5.4vw;
    line-height: 1.8;
    border-left: 2vw solid #fe9611;
    padding-left: 2vw;
    margin-bottom: 4vw;
}
#googlemap{
	margin-top:7vw;
	margin-bottom:7vw;
	width:100%;	
	height:80vw;
}
#googlemap>iframe{
	display:block;
	width:100%;
	height:100%;
}
.point-services{
	font-size:5.4vw;
	background:url(../images/salon-icon01.jpg) no-repeat;
	background-position:left 1vw;
	background-size:6vw auto;
	padding-left:8vw;
}
.point-services span{
	color:#e5007f;
	margin-right:0.8em;
}
.point-list{
	padding-top:15vw;
	padding-bottom:7vw;
}
.point-list>li{
	position:relative;
	border:1px solid #fed400;
	padding:3.2vw;
	margin-bottom:15vw;
	padding-top:12vw;
}
.point-list>li.f-left,.point-list>li.f-right{
	position:relative;
	border:1px solid #fed400;
	padding:3.2vw;
	margin-bottom:15vw;
	padding-top:12vw;
	float:none;
	width:100%;
}
#leaf .point-list>li{
	border:1px solid #38da03;
}
.points{
	width: 25vw;
    height: 25vw;
    font-size:6vw;
	left:2vw;
	top:-12.5vw;
}
.points span{
	font-size:10vw;
}
.point02,.point03{
	height:auto;
}
.nawa .point02,.nawa .point03{
	height:auto;
}
.point-list>li.point04, .point-list>li.f-right.point05{
	height:auto;
}

.point-list ul li>p{
	font-size:5.4vw;
	background:url(../images/salon-icon01.jpg) no-repeat;
	background-position:left 1vw;
	background-size:6vw;
	padding-left:8vw;
	line-height:1.5;
}
.point-list ul li img{
	display:block;
	width:100%;
}
.f-bold{
	font-size:5.4vw;
}

.content04 li{
	padding:20px;
	background:#efefef;
}
.content04 li:nth-of-type(even){
	background:#fff;
}
.content04 .news-list{
	height:330px;
}
.post-date{
	width:100%;
	float:none;
}
.title-area{
	width:100%;
	float:none;
	padding-left:0;
}

.title-area a{
	text-decoration:underline;
}
.title-area a:hover{
	text-decoration:none;
}
table{
	text-align:left;
	width:100%;
}
th{
	width:100%;
	border-bottom:none;
	display:block;
	padding:0;
	padding-top:0.8em;
}
td{
	width:100%;
	display:block;
	padding:0.3em 0 0.8em;
}
.point-list ul li img.card{
	width:100%;
	max-width:160px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:7vw;
}
}