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





body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,form,input,button, p{
	font-family: 'Quicksand', sans-serif;
    margin: 0px;
    padding: 0px;
	font-size:14px;
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
	font-family:Noto Sans JP,"メイリオ",Meiryo,"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,'ＭＳ Ｐゴシック',sans-serif;
	line-height:160%;
	font-weight: 400;
	color:#333333;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	/display:inline;
	/zoom:1;
}

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.clearfix {
/*
	overflow: hidden;
*/
}

.clear{
clear:both;
}

img{
	vertical-align:top;
	border:none;
	max-width: 100%;
	height: auto !important;
}
.lb-outerContainer {
    width: 80% !important;
    max-width: 450px !important;
    height: auto !important;
}
.lb-container{
  padding:8px 0 !important;
}
.lightbox .lb-image {
    width: 96% !important;
    height: auto !important;
    border: none !important;
    -webkit-box-sizing: border-box;
        box-sizing: border-box;
    max-width: initial !important;
    margin: auto;
}
a{
	text-decoration:none;
	color:#333333;
}
a:hover{
	opacity:0.6;
	color: inherit;
	text-decoration: none;
}
ul{
	list-style:none;
}
.flex > div[data-collection-list-content],.flex_c > div[data-collection-list-content]  {
    width: 100%;
}
.flex > div[data-collection-list-content],.flex_c > div[data-collection-list-content] {
    width: 100%;
}
.flex > div[data-recommend-collection-list-content],.flex_c > div[data-recommend-collection-list-content] {
    width: 100%;
}
.trimming {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    }
.trimming:after {
    display: block;
    content: "";
    padding-top: 100%; /*100%で正方形にカット。100%以下で横長、100%以上で縦長*/
    }
.trimmingX:after{
    padding-top: 75%; /*100%で正方形にカット。100%以下で横長、100%以上で縦長*/
    }
.trimmingY:after {
    padding-top: 125%; /*100%で正方形にカット。100%以下で横長、100%以上で縦長*/
    }
    .flex { 
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex_c { 
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}
a[href*="tel"] {
    pointer-events: none;
}
@media (max-width: 768px) {
    a[href*="tel"] {
    pointer-events: initial !important;
    }
}

.fead-mv {
    opacity: 0;
    transition: 1.5s;
}
.mv {
    opacity: 1;
}
.mv h2 span {
  display:block;
  font-size: 14px;
}

#wrapper{
	min-width:1200px;
	overflow:hidden;
}
@media only screen and (max-width: 1220px){
	#wrapper{
		min-width:300px;
	}
	img{
	max-width: 100% !important;
  }
}
.nb{
	position:fixed;
	right:2.5%;
	top:23px;
	z-index:101;
	width:36px;
	height:36px;
	cursor:pointer;
	-webkit-transition: ease .5s;
    transition: ease .5s;
	background:rgba(255,255,255,0.6);
}
.nb.fixed:before{
	content:"";
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.4);
	position:absolute;
}
.nb span.n{
    display: block;
    background: #333;
    height: 2px;
    width: 26px;
    text-indent: -9999px;
    padding: 0;
    top: 50%;
    left: 5px;
    margin-top: -1px;
    position: absolute;
    }
.nb span.n:before{
    display: block;
    content: "";
    background: #333;
    height: 2px;
    width: 26px;
    position: absolute;
    top: -8px;
    left: 0;
    }
.nb span.n:after{
    display: block;
    content: "";
    background: #333;
    height: 2px;
    width:26px;
    position: absolute;
    top: 8px;
    left: 0;
}
.overlay .nb{
	right:255px;
}
.overlay .nb  span.n{
	 -webkit-transform: rotate(-45deg);
		 transform: rotate(-45deg);
		  -webkit-transition:ease .10s;
         transition:ease .10s;
	}
.overlay .nb span.n:after,.overlay .nb span.n:before{
		 -webkit-transform: rotate(90deg);
		 transform: rotate(90deg);
		 top:0;
		 left:0;
}

#gnav{
    position: fixed;
    top: 0;
    right: -220px;
    width: 470px;
    height: 100%;
	background:none;
    -webkit-transform: translateX(250px);
transform: translateX(250px);
    -webkit-transition: ease .5s;
    transition: ease .5s;
    padding:0;
	z-index:100;
	border:none;
	
}
#gnav ul{
		width:auto;
		height: 100vh;
		overflow-y: auto;
		background:rgba(255,255,255,0.9);
}
#gnav li{
	font-size:18px;
}
#gnav li a{
	display:block;
	padding:5px 0 5px 20px;
	font-weight: bold;
}
#gnav li a span{
 font-size: 6px;
 font-weight: normal;
}
#gnav li:first-child{
	padding-top:23px;
}
#gnav.action{
		-webkit-transform:translateX(0px);
        transform:translateX(0px);
}
#gnav li+li{
	border-top:1px solid #ddd;
}

#header{
	max-width:95%;
	margin:0 auto;
	padding:20px 0 9px 0;
}
#header h1 .n{
	display:inline-block !important;
	line-height:28px;
	border-left:1px solid #000;
	padding-left:12px;
	vertical-align:middle;
}
#header h1 img{
	vertical-align:middle;
	margin-right:22px;
}
#header .sns{
	width:18px;
	position:fixed;
	left:3%;
	top:250px;
	z-index:98;
}
#header .sns li{
	padding:0 0 25px 0;
}
#header .sns:before{
	content:url(/import/tenant_1/153.126.155.157/html/images/snsmk.png);
	position:absolute;
	bottom:-100px;
	left:50%;
	margin-left:-3px;
	
}
#header p{
	position:fixed;
	right:3%;
	top:240px;
	writing-mode: vertical-rl;
	font-family: 'Quicksand', sans-serif;
	font-weight:bold;
	letter-spacing:2px;
	z-index:98;
	min-height:120px;
}
#header p img{
	vertical-align:middle;
	margin-top:8px;
}
#header p:before{
	content:"";
	width:1px;
	height:30px;
	background:#000;
	display:inline-block !important;
	margin-bottom:10px;
}
@media only screen and (max-width: 990px){
	#header .sns{
		display:block !important;
		position:relative;
		left:auto;
		top:auto;
		width:auto;
		text-align:center;
		padding:10px 0 10px 0;
	}
	#header .sns li{
		padding:0 3px;
		display:inline-block;
	}
	#header .sns:before{
		display:none;
	}
	#header p{
		position:relative;
		top:auto;
		right:auto;
		writing-mode: horizontal-tb;
		text-align:center;
		min-height:0;
		font-size: 12px;
	}
	#header p img{
		transform: rotate(-90deg);
		vertical-align:middle;
		margin-top:0;
		margin-left:5px;
	}
	#header p:before{
		display:none !important;
	}
}
@media only screen and (max-width: 520px){
  #header h1 img{
    width: 75%;
  }
	.h1Box{
	  position: relative;
	}
	h1 a{
	  position: absolute;
    top: 0;
    left: 0;
	}
	.h1Box .snsAc{
	  position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	}
	#header h1 .n{
		display:block !important;
		border-left:none;
		padding:65px 0 0 0;
	}
	#header h1{
		text-align:center;
	}
}
.totop{
	background:#a5e633;
	width:100%;
	height:auto;
	text-align:center;
	z-index:97;
	position:fixed !important;
	bottom:0;
	left:0;
}
#footer{
	background:#000;
}
#footer .inner{
	max-width:1100px;
	margin:0 auto;
	padding:30px 0 50px 0;
}
#footer .inner h3{
	float:left;
	padding:0 62px 20px 94px;
}
#footer .inner .footinfo{
	float:left;
}

#footer .inner li{
	color:#fff;
}
#footer .inner .footnav li{
	display:inline-block !important;
}
#footer .inner  li a{
	color:#fff;
}
#footer .inner .footnav{
	padding-top:20px;
	padding-bottom:20px;
}

#footer .inner .footnav li+li:before{
	content:"/";
	padding:0 0.5em;
}
#footer .copy{
	float:right;
	color:#fff;
	padding-top:90px;
	padding-bottom:20px;
}
@media only screen and (max-width: 1120px){
	#footer .inner{
		width:95%;
	}
	#footer .inner h3{
		padding-left:0;
		padding-right:0;
		float:none;
	}
	#footer .inner{
		text-align:center;
	}
	#footer .inner .footinfo{
		display:inline-block !important;
		text-align:left;
		float:none;
	}
	#footer .inner .footnav{
		text-align:center;
	}
	#footer .copy{
		float:none;
		padding-top:20px;
	}
}
/*home*/

.homeslide{
	width:95%;
	margin:0 auto;
	position:relative;
}
.homeslide .slide img{
	width:100%;
	height:auto;
	opacity:0.6;
}
.homeslide h2{
	width:100%;
	height:auto;
	text-align:center;
	position:absolute;
	z-index:1;
	left:0;
	top:8%;
}
@media only screen and (max-width:520px){
  .homeslide h2{
	      top: 50%;
    left:  50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
	}
}
.homeslide h2 img{
	max-width:379px;
	width:50%;
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	-o-filter: invert(100%);
	-ms-filter: invert(100%);
	filter: invert(100%);
}
.homeslide .uk-slidenav-position{
    text-align: center;
    position: relative;
    overflow: hidden;
    min-width: 500px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.homeslide .uk-slidenav-position:after {
    padding-top: 45%;
    content: '';
    display: block;
}
.homeslide .uk-slideshow {
    position: absolute;
    top: 0;
}
.homeslide .uk-dotnav{
    bottom: 30%;
}
.uk-dotnav>*>*{
  width: 10px;
  height: 10px;
}
.homeslide .uk-dotnav-contrast>*>*{
  background: #818181;
}
.homeslide .uk-dotnav-contrast>.uk-active>* {
  background: #a5e633;
}
@media only screen and (max-width: 1120px){
  .homeslide .uk-dotnav{
    bottom: 5%;
}
}
.homemain{
	width:1100px;
	margin:0 auto;
	background-color:#FFF;
	padding:48px 0 0 0;
	margin-top:-120px;
	position:relative;
	z-index:10;
}
@media only screen and (max-width: 1120px){
.homemain{
	width:100%;
}
}
.home1{
	max-width:1000px;
	margin:0 auto;
	position:relative;
}
.home1 .bo{
	position:relative;
	width:50%;
	height:250px;
	background-color:#000;
}
.home1 .bo img{
	opacity:0.8;
}
.home1 .bo strong{
	display:block;
	width:100%;
	color:#FFF;
	position:absolute;
	z-index:10;
	text-align:center;
	font-size:40px;
	top:45%;
	font-weight:normal;
}
.home1 .bo .dl{
	position:absolute;
	width:250px;
	height:250px;
	padding:0 0 0 0;
	text-align:center;
	background-color:#FFF;
	z-index:10;
}
.home1 .bo dl{
	position:relative;
	height:250px;
}
.home1 .bo dt{
	font-size:18px;
	width:100%;
	padding:50px 0 25px 0 ;
}
.home1 .bo dt .t{
	font-size:13px;
	vertical-align:middle;
}
.home1 .bo dd{
	padding:0 30px;
	text-align:left;
}
.home1 .bo dl dt:before{
	display:block;
	position:absolute;
}
.home1 .box1 dl dt:before{
content:url(/import/tenant_1/153.126.155.157/html/images/top/top_icon_up.png);
width:42px;
height:21px;
top:-21px;
left:50%;
margin-left:-21px;
}
.home1 .box2 dl dt:before{
content:url(/import/tenant_1/153.126.155.157/html/images/top/top_icon_left.png);
width:21px;
height:42px;
left:-21px;
top:50%;
margin-top:-21px;
}
.home1 .box3 dl dt:before{
content:url(/import/tenant_1/153.126.155.157/html/images/top/top_icon_up.png);
width:42px;
height:21px;
top:-21px;
left:50%;
margin-left:-21px;
}
.home1 .box5 dl dt:before{
content:url(/import/tenant_1/153.126.155.157/html/images/top/top_icon_down.png);
width:42px;
height:21px;
bottom:-20px;
left:50%;
margin-left:-21px;
}
.home1 .box1 .dl{
	bottom:-250px;
	left:0;
}
.home1 .box1 .tit strong{
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
	letter-spacing:2px;

}
.home1 .box2 .tit strong{
	font-family:"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,'ＭＳ Ｐゴシック',sans-serif;
	letter-spacing:3px;
	font-weight:bold;
}
.home1 .box3 .tit strong{
	font-family: 'Poppins', sans-serif;
	letter-spacing:2px;
}
.home1 .box4 strong{
	font-family: 'Quicksand', sans-serif;
	font-weight:300;
	letter-spacing:2px;
}
.home1 .box5 strong{
	font-family: 'Philosopher', sans-serif;
	letter-spacing:6px;
}

.home1 .box2{
	margin:0 auto;
}
.home1 .box2 .dl{
	right:-250px;
	top:0;
}
.home1 .box3{
	float:right;
}
.home1 .box3 .dl{
	bottom:-250px;
	right:0;
}
.home1 .bo.box4{
	margin:0 auto;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1b5bd+0,939dbe+100 */
background: #a1b5bd; /* Old browsers */
background: -moz-linear-gradient(left, #a1b5bd 0%, #939dbe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #a1b5bd 0%,#939dbe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #a1b5bd 0%,#939dbe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1b5bd', endColorstr='#939dbe',GradientType=1 ); /* IE6-9 */
}
.home1 .bo.box4 img{
	opacity:0.3;
}
.home1 .box5 .dl{
	top:-250px;
	left:0;
}
.home1 .hw25{
	width:25%;
	height:250px;
}
.home1 .hw50{
	width:50%;
	height:250px;
}
.home1 .ul1 li .inn,.home1 .ul2 li .inn{
	position:relative;
}
.home1 .hw25 strong{
	display:block;
	width:100%;
	color:#FFF;
	position:absolute;
	top:45%;
	text-align:center;
	z-index:10;
	font-size:18px;
	font-weight:normal;
	letter-spacing:2px;
	line-height:160%;
}
.home1 .hw25 strong.g2{
	top:42%;
}
.home1 .ul1 li{
	position:absolute;
	background-color:#000;
}
.home1 .ul1 li img{
	opacity:0.65;
}
.home1 .ul1 li.li1{
	top:0;
	left:50%;
}
.home1 .ul1 li.li2{
	top:0;
	right:0;
}
.home1 .ul1 li.li3{
	top:500px;
	left:0;
}
.home1 .ul1 li.li3 a{
	display:block;
	width:auto;
	height:168px;
	text-align:center;
	background:url(/import/tenant_1/153.126.155.157/html/images/top/top_07.jpg);
	padding:82px 0 0 0;
}
.home1 .ul1 li.li3 a strong{
	font-size:14px;
	letter-spacing:3px;
	margin-top:15px;
}
.home1 .ul1 li.li3 a strong:after{
	content:url(/import/tenant_1/153.126.155.157/html/images/top/icon_03.png);
	display:block;
	margin-top:10px;
}
.home1 .ul1 li.li4{
	top:500px;
	left:25%;
}
.home1 .ul1 li.li3.li5{
	bottom:0;
	left:50%;
	top:auto;
}
.home1 .ul1 li.li3.li5 a{
	background:url(/import/tenant_1/153.126.155.157/html/images/top/top_10.jpg);
}
.home1 .ul1 li.li6{
	bottom:0;
	right:0;
}
.home1 .ul2 li{
	float:left;
	background-color:#000;
}
.home1 .ul2 li img{
	opacity:0.65;
}
.home1 .ul2 .hw50 a{
	display:block;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a5e633+0,6fc1e2+100 */
background: #a5e633; /* Old browsers */
background: -moz-linear-gradient(left, #a5e633 0%, #6fc1e2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #a5e633 0%,#6fc1e2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #a5e633 0%,#6fc1e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5e633', endColorstr='#6fc1e2',GradientType=1 ); /* IE6-9 */
height:250px;
position:relative;
}
.home1 .ul2 .hw50 a strong{
	display:block;
	position:absolute;
	top:45%;
	width:100%;
	text-align:center;
	font-size:40px;
	font-family: 'Quicksand', sans-serif;
	font-weight:300;
	letter-spacing:2px;
	z-index:10;
	color:#FFF;
}
.home1 .ul2{
	padding-bottom:84px;
}
.home1 a{
  display: inline-block;
}
@media only screen and (max-width: 1120px){
	.homemain{
		margin-top:0px;
	}
	.home1 .ul1 li{
		position:relative;
		display:inline-block !important;
		letter-spacing:0;
		vertical-align:top;
		width:250px;
	}
	.home1 .ul1 li.li1{
		left:auto;
		top:auto;
	}
	.home1 .ul1 li.li3.li5{
		bottom:auto;
		left:auto;
	}
	.home1 .ul1 li.li6{
		bottom:auto;
		right:auto;
	}
	.home1 .ul1 li.li3{
		top:auto;
		left:auto;
	}
	.home1 .ul1 li.li2{
		top:auto;
		right:auto;
	}
	.home1 .ul1 li.li4{
		left:auto;
		top:auto;
	}
	.home1 .bo .dl{
		position:relative;
		width:auto;
	}
	.home1 .box1 .dl{
		bottom:0;
		left:0;
	}
	.home1 .bo{
		height:auto;
		width:100%;
		max-width:500px;
		margin:0 auto;
	}
	.home1 .bo strong{
		top:20%;
	}
	.home1 .bo dl{
		height:100%;
	}
	.home1 .box2 .dl{
		right:auto;
		top:auto;
	}
	.home1 .box2 dl dt:before,.home1 .box5 dl dt:before{
    content: url(/import/tenant_1/153.126.155.157/html/images/top/top_icon_up.png);
    width: 42px;
    height: 21px;
    top: -21px;
    left: 50%;
    margin-left: -21px;
	margin-top:0;
	}
	.home1 .box3{
		float:none;
	}
	.home1 .box3 .dl{
		bottom:auto;
		right:auto;
	}
	.home1 .box5 .dl{
		top:auto;
		left:auto;
	}
	.home1 .bo.box4{
		margin-bottom:30px;
	}
	.home1 .box4 strong{
		top:50%;
		line-height:1;
		margin-top:-20px;
	}
	.home1+.home1{
		margin-top:20px;
		text-align:center;
	}
	.home1 .ul2{
		letter-spacing:-5px;
	}
	.home1 .ul2 li{
		float:none;
		display:inline-block !important;
		letter-spacing:0;
	}
	.home1 .hw50{
		width:auto;
		height:auto;
	}
	.home1 .hw25{
		width:auto;
		height:auto;
	}
	.home1 .bo strong{
		font-size:20px;
		position:absolute;
		width: 150px;
    top: 50%;
    left:  50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
	}
	.home1 .box1 dl dt:before,.home1 .box3 dl dt:before{
	  content:url(/import/tenant_1/153.126.155.157/html/images/top/top_icon_left.png);
	  top: 50%;
    left: -9px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    height: initial;
	}
	.home1 .bo .tit{
	  width: 50%;
	  position: relative;
	  overflow: hidden;
	}
	.home1 .bo .dl{
	  width: 50%;
	}
	.home1 .bo img{
	  min-width: 500px;
	}
	.home1 .bo dt{
	 font-size: 18px;
	 padding: 30px 0 25px 0;
	}
	.home1 .bo dd{
	  font-size: 14px;
	}
	.home1 .bo:nth-of-type(even){
	  -webkit-flex-direction: row-reverse; /* Safari */
  flex-direction:         row-reverse;
	}
	.home1 .box2 dl dt:before,.home1 .box5 dl dt:before{
	  content: url(/import/tenant_1/153.126.155.157/html/images/top/top_icon_up.png);
	  top: 50%;
    right: -28px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    height: initial;
    left: initial;
        transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    margin-top: -21px;
	}
	.home1 .box5 dl dt:before{
	  height: 41px;
	  right: -21px;
	}
	.colorMenu{
	  display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
	}
	.home1 .box4 strong{
	  font-size: 36px;
	}
	.home1 .ul1 {
    text-align: center;
    letter-spacing: -5px;
}
}
@media only screen and (max-width:768px){
  .home1 .ul2 {
    letter-spacing: -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
        -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}
.home1 .ul2 .hw50{
      -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
}
}
@media only screen and (max-width:520px){
  .home1 .ul1{
		text-align:center;
		letter-spacing:-5px;
		display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
	}
.home1 .hw25{
		width:50% !important;
		height:auto;
	}
	.home1 .ul1 li img{
	  max-width:250px;
	  max-height: 250px;
	}
	.home1 .hw25 strong{
	  font-size: 16px;
	      position:absolute;
    top: 50%;
    left:  50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    width:150px;
	}
}
@media only screen and (max-width:500px){
  .home1 .bo strong{
    font-size: 18px;
  }
  .home1 .bo dt{
	 font-size: 14px;
	 padding: 30px 0 25px 0;
	}
	.home1 .bo dd{
	  font-size: 12px;
	}
	.home1 .box5 dt{
	  width: 100px;
	  margin: 0 auto;
	}
	.home1 .box4 strong{
	  font-size: 32px;
	}
	.home1 .hw25 .homeCare{
	  width: 105px;
	}
}
.home2 h3{
	text-align:center;
	padding-bottom:50px;
	letter-spacing:3px;
}
.home2{
	max-width:980px;
	margin:0 auto;
	padding-bottom:100px;
}
.home2 .home-blog{
	width:48%;
	height:auto;
	float:left;
	position:relative;
	margin: 0 1%;
}
.home2 .home-news{
	width:48%;
	height:auto;
	float:right;
	position:relative;
	margin: 0 1%;
}
.home2 .wrap{
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	height:400px;
	width:auto;
	overflow-y: auto;
	margin-bottom:50px;
	position:relative;
}
.home2 .home-news:before,.home2 .home-blog:before{
	content:"";
	width:auto;
	height:120px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	bottom:51px;
	left:0;
	right:20px;
	position:absolute;
	z-index:1;
}
.home2 .wrap .box{
	margin:0 0 0 40px;
	padding:30px 20px 0 0;
}

.home2 .wrap .box+.box{
	border-top:1px dotted #ddd;
}
.home2 .wrap .box .date{
	font-size:24px;
	font-family: 'Quicksand', sans-serif;
	font-weight:300;
}

.home2 .home-blog .pic{
	float:right;
	width: 48%;
	margin:0 0 0 2%; 
}
.home2 .home-blog .txt{
	height:auto;
	float:left;
	width: 48%;
	margin:0 2% 0 0; 
}
.home2 .home-blog .txt p{
  font-size:24px;
	font-family: 'Quicksand', sans-serif;
	font-weight:300;
}
.home2 h4{
	text-align:center;
	font-size:25px;
	line-height:41px;
	color:#fff;
	margin-bottom:30px;
}
.home2 .home-blog h4{
	background:url(/import/tenant_1/153.126.155.157/html/images/top/t_blog_bt.png) center top no-repeat;
}
.home2 .home-news h4{
	background:url(/import/tenant_1/153.126.155.157/html/images/top/t_news_bt.png) center top no-repeat;
}
.home2 .home-news .box .txt p{
      font-size: 24px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
}
.home2 .home-news .box .txt{
  padding-bottom: 5%;
}
@media only screen and (max-width: 1000px){
	.home2{
		width:95%;
		margin:0 auto;

	}
	.home2 .home-blog{
		/*float:none;*/
		width:auto;
		max-width:480px;
		margin:0 auto;
		margin:0 2% 0 0;
		width: 48%;
	}
	.home2 .home-news{
		/*float:none;*/
		width:auto;
		max-width:480px;
		margin:0 0 0 2%;
		width: 48%;
	}
	.home2 .home-news:before,.home2 .home-blog:before{
		bottom:1px;
	}
	.home2 .home-blog .txt p.tit,.home2 .home-news .box .txt p.tit{
	  font-size: 20px;
	}
	.home2 .home-blog .txt{
	  width: 100%;
	  margin: 0 auto 2%;
	}
	.home2 .home-blog .pic{
	  width: 100%;
		float:none;
		text-align:center;
		max-width: 250px;
		margin: 0 auto 2%;
	}
	.home2 h4{
	  font-size: 22px;
	}
}
@media only screen and (max-width: 500px){
  .home2 h4{
    font-size: 20px;
  }
  .home2 .home-news h4,.home2 .home-blog h4{
    background-size: 100%;
    background-position: center center;
  }
	.home2 .wrap .box{
	  margin: 2% 4%;
	  padding: 0;
	}
	.home2 .home-news .wrap .box{
	  margin: 2% 4% 10%;
	}
	.home2 .home-blog .txt{
		width:auto;
		float:none;
		text-align: center;
	}
	.home2 .wrap .box .date{
	  font-size: 20px;
	}
	.home2 .home-blog .txt p.tit,.home2 .home-news .box .txt p.tit{
	  font-size: 16px;
	}
	.home2 .home-blog .pic{
		float:none;
		text-align:center;
	}
}
.home3{
	overflow:hidden;
}
.home3 .home-fb{
	float:left;
	width:50%;
	position:relative;
	padding-bottom:80px;
}
.home3 .home-fb .fb{
  overflow: auto;
  height: 300px;
  width: 300px;
  text-align: center;
  margin: auto;
}

.home3 .home-gallery{
	width:50%;
	float:right;
	position:relative;
	padding-bottom:60px;
}
.home3 .in{
	position:relative;
	z-index:1;
	max-width:550px;
	width:100%;
	height:auto;
}
.home3 .home-fb .in{
	float:right;
	padding-right:65px;
}
.home3 .home-gallery .in{
	padding-left:65px;
}
.home3 h3{
	text-align:center;
	color:#fff;
	padding:45px 0 30px 0;
}
.home3 .home-gallery li{
	float:left;
	width: 21%;
  margin: 2%;
}
.home3 .home-gallery li a{
  border:1px solid #fff;
}
.home3 .home-gallery ul{
	max-width:573px;
}
.home3 .bkimg{
	top:0;
	left:0;
	right:0;
	bottom:0;
	position:absolute;
}
.home3 .bkimg img{
	width:100%;
	min-width:683px;
}
@media only screen and (max-width: 1220px){
	.home3 .home-fb,.home3 .home-gallery{
		float:none;
		width:100%;
		overflow:hidden;
	}
	.home3 .in{
		float:none !important;
		margin:0 auto;
		padding-left:0 !important;
		padding-right:0 !important;
	}
}
@media only screen and (max-width: 570px){
	.home3 .in{
		width:95%;
	}
	.home3 .home-gallery ul{
		width:auto;
	}
	/*.home3 .home-gallery li{
		width:23%;
		padding-left:1%;
		padding-right:1%;
	}*/
}
.home-salon{
	text-align:center;
	
}
.home-salon .tit{
	min-height:283px;
	background:url(/import/tenant_1/153.126.155.157/html/images/top/home-salonbk.gif) center top repeat;
}
.slidenav{
	position:absolute;
	bottom:28%;
	text-align:center;
	letter-spacing:-5px;
	width:100%;
	height:auto;
	line-height:6px;
}
.home-salon .inner{
	max-width:800px;
	margin:0 auto;
}
.home-salon .sec1{
	background:url(/import/tenant_1/153.126.155.157/html/images/top/home-salonbk2.gif) center top repeat;
	min-height:180px;
}
.home-salon .table{
	display:inline-block !important;
	text-align:left;
	min-width:240px;
	padding-bottom:20px;
}
.home-salon dl.clearfix dt{
	float:left;
}
.home-salon dl.clearfix dd{
	padding-left:90px;
}
.home-salon .sec2{
	background:url(/import/tenant_1/153.126.155.157/html/images/top/home-salonbk.gif) center top repeat;
	min-height:290px;
}
.home-salon .tit h3{
	padding:85px 0 30px 0;
}
.home-salon .tit h4 .n{
	display:block;
	font-size:14px;
	font-weight:400;
	font-family:Noto Sans JP,"メイリオ",Meiryo,"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,'ＭＳ Ｐゴシック',sans-serif;
}
.home-salon .tit h4{
	font-weight:600;
	font-family: 'Quicksand', sans-serif;
	font-size:24px;
	padding-bottom:20px;
}
.home-salon h5{
	font-size:18px;
	font-weight:500;
	padding:40px 0 10px 0;
}
.home-salon .box{
	width:50%;
	float:left;
}
.home-salon p {
	display:inline-block !important;
	text-align:left;
	padding:0 0 20px 0;
}
.home-salon p a{
	text-decoration:underline;
}
@media only screen and (max-width: 650px){
	.home-salon .box{
		width:100%;
		background:#fff;
		padding-bottom:20px;
	}
	.home-salon .box:nth-child(2n+2){
		background:#f5f5f5;
	}
	.home-salon .tit h4{
		font-size:20px;
	}
}
.slidenav li{
	display:inline-block !important;
	letter-spacing:0;
	line-height:1;
	width:6px;
	height:6px;
	font-size:6px;
	text-indent:-9999px;
	background:#fff;
	margin:0 3px;
	cursor:pointer;
}
.slidenav li.st,.slidenav li:hover{
	background:#a5e633;
}
@media only screen and (max-width: 900px){
	.slidenav{
		position:relative;
		top:auto;
		left:auto;
		padding:20px;
	}
	.slidenav li{
		background:#333;
	}
}

/*下層共通*/
.subtit{
	background:#f5f5f5;
	overflow:hidden;
}
.subtit .inner{
	max-width:990px;
	height:auto;
	margin:0 auto;
}
.subtit div.clearfix{
	position:relative;
}
.subtit div.clearfix h2{
	float:left;
	font-family: 'Quicksand', sans-serif;
	font-weight:300;
	font-size:60px;
	padding-top:10%;
	width:50%;
	position:relative;
	z-index:1;
	line-height:120%;
}
.subtit div.clearfix p{
	float:right;
	width:50%;
	position:relative;
}
.subtit div.clearfix p:before{
	content:"";
	width:3000px;
	height:100%;
	position:absolute;
	left:0px;
	top:0;
	background:#fff;
}
.subtit div.clearfix p img{
	opacity:0.2;
}
.subtit div.clearfix p strong{
	position:absolute;
	top:12px;
	left:230px;
}
.subtit div.clearfix p strong img{
	opacity:1;
}
.subtit .sec2{
	max-width:800px;
	margin:0 auto;
	background:#fff;
	position:relative;
}
.subtit .sec2 p{
	width:50%;
	text-align:right;
	position:relative;
}
.subtit .sec2 p:before{
	content:"";
	width:100%;
	height:150%;
	top:-150%;
	right:0;
	background:#fff;
	position:absolute;
}
.subtit .sec2:before{
	content:"";
	width:3000px;
	height:100%;
	margin-left:-3000px;
	background:#fff;
	position:absolute;
}
@media only screen and (max-width: 1100px){
	.subtit .inner{
		width:80%;
		margin:0 auto;
	}
	.subtit div.clearfix p strong{
		left:5%;
	}
	.subtit div.clearfix h2{
		font-size:40px;
	}
}
@media only screen and (max-width: 600px){
	.subtit div.clearfix h2{
		float:none;
		width:auto;
		padding-bottom:10%;
		background:#f5f5f5;
	}
}
/*cut*/
.cut1{
	position:relative;
	overflow:hidden;
	padding:90px 0 33px 0;
}
.cut1 .bkimg{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
.cut1 .bkimg img{
	width:100%;
	height:auto;
	opacity:0.4;
}
.cut1 .inner{
	max-width:1100px;
	margin:0 auto;
	position:relative;
	z-index:1;
	background:#fff;
	box-sizing:border-box;
	padding:35px 50px 50px 50px;
}
.cut1 h3{
	text-align:center;
	font-size:36px;
	font-weight:300;
	padding:0 0 25px 0;
}
.cut1 .sec1{
	max-width:743px;
	height:auto;
	margin:0 auto;
}
.cut1 .sec1 p{
	padding:0 0 20px 0;
	max-width: 100%;
}
.cut1 .sec1 {
	padding-bottom:40px;
}
.cut1 .sec2{
	border-top:1px solid #a5e633;
	padding:60px 0 0 0;
	max-width: 743px;
	margin: 0 auto;
}
.cut1 .sec2 .flex_c{
  -webkit-flex-direction: row-reverse; /* Safari */
  flex-direction:row-reverse;
}
.cut1 .sec2 h3{
	padding-bottom:50px;
}
.cut1 .sec2 .pic{
	float:left;
	width: 45%;
    margin: 0 5% 0 0;
}
.cut1 .sec2 .tbox{
	float:right;
	width:50%;
	height:auto;
}
.cut1 .sec2 h4{
	font-size:18px;
	padding:0 0 20px 0;
	font-weight:400;
}
.cut1 .sec2 p{
	padding:0 0 20px 0;
}
@media only screen and (max-width: 1120px){
	.cut1 .inner{
		width:95%;
		padding-left:2.5%;
		padding-right:2.5%;
	}
	.cut1 h3{
		font-size:24px;
	}
	.cut1 .sec2 .tbox{
		width:100%;
		float:none;
	}
	.cut1 .sec2 .pic{
		text-align:center;
		float:none;
		width:100%;
		margin: 0 auto;
		max-width: 743px;
	}
}
.cut2{
	background:url(/import/tenant_1/153.126.155.157/html/images/bk2.gif) center 0 repeat;
}

.cut2 .inner{
	max-width:600px;
	margin:0 auto;
	padding:70px 0 40px 0;
}

.cut2 h3{
	text-align:center;
	font-size:40px;
	font-weight:300;
	letter-spacing:2px;
	padding-bottom:30px;
}
.cut2 .table dt{
	float:left;
}
.cut2 .table dt+dd{
	text-align:right;
}
.cut2 .table dl{
	padding:0 0 15px 0;
}
@media only screen and (max-width: 620px){
	.cut2 .inner{
		width:95%;
	}
	.cut2 .table dt{
		float:none;
	}
}
.cut3{
	padding:145px 0 145px 0;
}
.w99{
	max-width:990px;
	margin:0 auto;
}
.cut3 li{
	width:33.33%;
	float:left;
}
.cut3 li a{
	display:inline-block !important;
	vertical-align:top;
	position:relative;
	background:#31002f;
}
.cut3 li:nth-child(1) a{
	background:#000;
}
.cut3 li:nth-child(2) a{
	background:#0c3100;
}
.cut3 li:nth-child(3) a{
	background:#a5e633;
}
.cut3 li:nth-child(4) a{
	background:#3c2808;
}
.cut3 li:nth-child(5) a{
	background:#31002f;
}
.cut3 li:nth-child(6) a{
	background:#5d5d5d;
}
.cut3 li strong{
	position:absolute;
	text-align:center;
	width:100%;
	left:0;
	top:40%;
	font-size:35px;
	font-weight:300;
	color:#fff;
	line-height:120%;
}
.cut3 li:nth-child(6) strong{
	top:35%;
}
.cut3 li img{
	opacity:0.75;
}
.cut3 li:nth-child(3) li img{
	opacity:1;
	
}
@media only screen and (max-width: 1010px){
	.cut3 li strong{
		font-size:24px;
	}
}
@media only screen and (max-width: 500px){
	.cut3 li strong{
		font-size:16px;
	}
}

.w985{
	max-width:985px;
	margin:0 auto;
}

@media only screen and (max-width: 1000px){
	.w985{
		width:95%;
	}
}

.h3h{
font-size: 40px;
font-weight: 300;
font-family: 'Quicksand', sans-serif;
}
@media only screen and (max-width: 1000px){
.h3h{
font-size: 35px;
}
}



/*menu*/
.menu h3{
font-size: 40px;
font-family: 'Quicksand', sans-serif;
font-weight: 300;
line-height: 100%;
padding-bottom: 15px;
}
.menu .box{
position: relative;
z-index: 10;
}
.menu .table {
max-width: 590px;
margin: 0 auto;
}
.menu .table dl{
padding: 0 0 12px 0;
}
.menu .table dt{
max-width: 510px;
float: left;
}
.menu .table dd{
width: 80px;
float: right;
font-weight: bold;
text-align: right;
}
.menu1{
width: 100%;
min-height: 554px;
position: relative;
margin: 50px 0 0 0;
padding: 20px 0 90px 0;
}
.menu1 .pic{
width: 100%;
position: absolute;
right: 0;
top:0;
text-align: right;
z-index: 0;
}
.menu1 .box .inn{
width: 680px;
background-color: rgba(245,245,245,0.5);
min-height: 345px;
padding: 60px 0 0 60px;
margin: 0 0 0 0;
}
.menu1 h3{
padding-bottom: 60px;
}
@media only screen and (max-width: 875px){
.menu1{
min-height: inherit;
margin-bottom: 80px;
}
.menu1 .box .inn{
width: 100%;
padding-left: 0;
margin: 0 auto;
}
.menu1 .box .inn .table{
width: 95%;
margin: 0 auto;
}
.menu1 .box .inn h3{
text-align: center;
}
}
.menu2:nth-of-type(odd){
  -webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.menu2 .left{
float: left;
}
.menu2 .right{
float: right;
}
.menu2 .pic{
width: 33%;
text-align: center;
}
.menu2 .txt{
width: 60%;
margin:0 7% 0 0;
}
.menu2:nth-of-type(odd) .txt{
  margin:0 0 0 7%;
}
.menu2 .txt h3{
text-align: center;
}
.menu2 .txt h3+p{
text-align: center;
padding-bottom: 25px;
}
.menu2 .txt h3+ul{
	padding-bottom:25px;
	padding-left:90px;
}
.menu2 .table{
padding-bottom: 5px;
border-bottom: 1px solid #a5e633;
}
.menu2 {
padding-bottom: 90px;
}
@media only screen and (max-width: 985px){
/*.menu2 .left{
float: none;
}
.menu2 .right{
float: none;
}
.menu2 .txt{
width: 100%;
padding-bottom: 20px;
}
.menu2 .pic{
width: 100%;
}*/
.menu2 .txt h3{
  font-size: 32px;
}
.menu2 .txt h3+ul{
	padding-left:0;
}
.menu2 .txt h3+ul li{
	text-align:center;
}
}
@media only screen and (max-width: 600px){
.menu .table {
width: 100%;
}
.menu .table dt{
width: 100%;
float: none;
text-align: center;
}
.menu .table dd{
width: 100%;
float: none;
text-align: center;
}
.menu2 .txt{
width: 60%;
margin:0 2% 0 0;
}
.menu2:nth-of-type(odd) .txt{
  margin:0 0 0 2%;
}
.menu2 .pic{
width: 38%;
}
}
/*salon*/
.salon1{
width: 100%;
background: url(/import/tenant_1/153.126.155.157/html/images/salon/bk1.gif) center top;
padding: 70px 0 50px 0;
margin-bottom: 54px;
}
.salon h3{
text-align: center;
padding-bottom: 30px;
}
.salon h3 img{
vertical-align: top;
padding-top: 15px;
padding-right: 15px;
}
.salonSlide .inn .uk-slidenav-position{
    text-align: center;
    position: relative;
    overflow: hidden;
}
.salonSlide .inn .uk-slidenav-position:after {
    padding-top: 45%;
    content: '';
    display: block;
}
.salonSlide .inn .uk-slideshow {
    position: absolute;
    top: 0;
}
.salonSlide .inn .uk-slidenav-position .uk-slidenav{
  top: 55%;
}
.salonSlide .inn .uk-dotnav-contrast>*>*{
  background: #818181;
}
.salonSlide .inn .uk-dotnav-contrast>.uk-active>* {
  background: #a5e633;
}
.salonSlide .inn .uk-slidenav-position .uk-slidenav-previous{
  left: 0;
  background: url(/import/tenant_1/153.126.155.157/html/images/salon/salon_left.png) no-repeat center center;
  text-indent: -9999px;
  display: block !important;
}
.salonSlide .inn .uk-slidenav-position .uk-slidenav-next{
  right: 0;
  background: url(/import/tenant_1/153.126.155.157/html/images/salon/salon_right.png) no-repeat center center;
  text-indent: -9999px;
  display: block !important;
}
.salonSlide .inn .uk-position-bottom{
  bottom: 2px;
}
@media only screen and (max-width: 1000px){
  .salonSlide .inn .uk-slidenav-position .uk-slidenav-previous{
    background-size: 30%;
    left: -10px;
  }
  .salonSlide .inn .uk-slidenav-position .uk-slidenav-next{
    background-size: 30%;
    right: -10px;
  }
.salon h3 img{
vertical-align: middle;
padding-top: 0;
}
}
.salon1 .inn{
position: relative;
max-width: 830px;
margin: 0 auto;
}
.salon1 .pic{
width: 730px;
margin: 0 auto;
padding-bottom: 37px;
}
.salon1 .icont{
position: absolute;
width: 100%;
top:40%;
}
.salon1 .icont li{
width: 23px;
float: left;
}
.salon1 .icont li+li{
float: right;
}
.salon1 .pcont{
width: 100%;
text-align: center;
}
.salon1 .pcont li{
display: inline-block !important;
padding: 0 3px;
}
.salon1 .pcont li a{
text-indent: -9999px;
display: block;
width: 6px;
height: 6px;
background-color: #818181;
}
.salon1 .pcont li a.st{
background-color: #a5e633;
}
@media only screen and (max-width: 850px){
.salon1 .inn{
width: 95%;
margin: 0 auto;
}
.salon1 .inn .pic{
width: 100%;
}
}
.salon2{
border: 1px solid #a5e633;
padding: 54px 0 50px 0;
margin-bottom: 80px;
}
.salon2 h3{
padding-bottom: 60px;
}
.salon2 .table{
width: 670px;
margin: 0 auto;
}
.salon2 .table dt{
width: 175px;
float: left;
}
.salon2 .table dd{
width: 495px;
float: right;
}

.salon2 .table dl{
padding-bottom: 25px;
}
@media only screen and (max-width: 980px){
.salon2 .table{
width: 90%;
margin: 0 auto;
}
}
@media only screen and (max-width: 700px){
.salon2 .table dt{
width: 100%;
float: none;
}
.salon2 .table dd{
width: 100%;
float: none;
}
}
.salon3{
padding-bottom: 100px;
}
.salon3 .mapb{
width: 100%;
height: 600px;
}
.salon4{
margin: 0 auto;
padding-bottom: 100px;
}
.salon4 .inn{
width: 100%;
margin: 0 auto;
text-align: center;
}
@media only screen and (max-width: 700px){
  .salon3 .mapb{
  height: 300px;
}
.salon3 .mapb iframe{
  height: 300px;
}
.salon4 .area_1 iframe{
  height: 300px;
}
}
/*product*/
.prosec{
width: 100%;
background: url(/import/tenant_1/153.126.155.157/html/images/product/pbk1.gif) center top repeat-x;
padding: 80px 0 0 0;
}
.product h3{
text-align: center;
padding-bottom: 40px;
}
.prosec .inn .left{
width: 680px;
float: left;
width: 70%;
}
.prosec .inn .right{
width: 222px;
float: right;
width: 23%;
margin-right: 7%;
}
.prosec .inn{
padding-bottom: 55px;
-webkit-flex-direction: row-reverse; /* Safari */
  flex-direction:         row-reverse;
}
.prosec .inn h4{
font-size: 18px;
font-weight: normal;
padding-bottom: 10px;
}
.prosec .box .pic{
width: 300px;
float: left;
border: 1px solid #a5e633;
text-align: center;
}
.prosec .box .txt{
width: 665px;
float: right;
}
.prosec .box .txt dt{
font-size: 20px;
padding-bottom: 10px;
}
.prosec .box .txt dt+dd{
padding-bottom: 30px;
}
.prosec .box{
padding-bottom: 40px;
border-bottom: 1px solid #dddddd;
margin-bottom: 46px;
}
@media only screen and (max-width: 985px){
.prosec .inn .left{
float: none;
width: 100%;
}
.prosec .inn .right{
width: 100%;
float: none;
text-align: center;
padding-bottom: 20px;
margin: 0;
}
.prosec .box .pic {
    width: 60%;
    margin: 0 auto;
    float: none;
    margin-bottom: 20px;
    height: auto !important;
}
.prosec .box .txt{
width: 100%;
float: none;
}
}
.pro2 .inn2 dt.mk{
width: 80px;
height: 80px;
border-radius: 50%;
float: left;
text-align: center;
font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
color: #fff;
font-size: 12px;
}
.pro2 .inn2 dt.mk strong{
display: block;
font-weight: normal;
font-size: 24px;
line-height: 100%;
padding: 20px 0 5px 0;
}
.pro2 .inn2 dd{
width: 888px;
float: right;
}
.pro2 .inn2 dd dt{
font-size: 16px;
padding-bottom: 5px;
}
.pro2 .inn2 dd dd{
width: auto;
float: none;
}
.pro2 .inn2 .dl1 .mk{
background-color: #55b19b;
}
.pro2 .inn2 .dl2 .mk{
background-color: #3796c6;
}
.pro2 .inn2 .dl3 .mk{
background-color: #997e2f;
}
.pro2 .inn2 .dl4 .mk{
background-color: #c24694;
}
.pro2 .inn2 .dl5 .mk{
background-color: #5e6c6d;
}
.pro2 .inn2 dl.clearfix{
padding-bottom: 36px;
}
.pro2 .inn2 {
padding-bottom: 125px;
}
.pro2.prosec .box .pic{
width: 450px;
}
.pro2.prosec .box .txt{
width: 490px;
}
@media only screen and (max-width: 985px){
.pro2 .inn2 dt.mk{
float: none;
margin: 0 auto;
margin-bottom: 15px;
}
.pro2 .inn2 dd{
width: 100%;
float: none;
}
.pro2.prosec .box .pic {
    width: 60%;
}
.pro2.prosec .box .txt{
width: 100%;
}
.pro2 .inn2 {
padding-bottom: 80px;
}
}
/*gallery*/
.gallwap{
width: 100%;
background: url(/import/tenant_1/153.126.155.157/html/images/salon/bk1.gif) center top;
}
.gallery1{
width: 100%;
text-align: center;
padding: 87px 0 60px 0;
}
.gallery1 > .flex_c > li > a{
display: inline-block !important;
padding: 0 40px;
font-size: 40px;
    font-weight: 300;
    font-family: 'Quicksand', sans-serif;
}

@media only screen and (max-width: 985px){
.gallery1 a{
font-size: 30px;
}
.gallery1 > ul.flex_c > li:nth-of-type(1){
  width: 100%;
}
.gallery1 > ul.flex_c > li{
 margin: 2% auto;
}
}
.gallery2{
max-width: 1025px;
margin: 0 auto;
padding-bottom: 80px;
}
.gallery2 li{
width: 20%;
text-align: center;
margin: 0 2.5% 30px 2.5%;
float: left;
}
@media only screen and (max-width: 1025px){
.gallery2{
width: 95%;
margin: 0 auto;
}
}
@media only screen and (max-width: 800px){
.gallery2 ul {
    width: 100%;
    max-width: 700px;
    margin: auto;
}
.gallery2 li{
width: 45%;
}

}
.pagenav{
text-align: center;
padding-bottom: 110px;
}
.pagenav a{
font-family: 'Quicksand', sans-serif;
font-weight: 300;
font-size: 24px;
padding: 0 15px;
}
/*staff*/
.staffwap{
padding: 90px 0;
}
.staff1 .pic{
width: 371px;
float: left;
position: relative;
}
.staff1 .txt{
width: 571px;
float: right;
background: url(/import/tenant_1/153.126.155.157/html/images/staff/icon_01.png) no-repeat right top;
}
.staff1 .nam p{
font-family: 'Quicksand', sans-serif;
font-weight: 300;
font-size: 18px;
}
.staff1 .nam h3{
line-height: 120%;
}
.staff1 .nam h3 strong{
display: block;
font-size: 18px;
font-weight: normal;
padding-bottom: 30px;
}
.staff1 dt,.staff1 dd{
font-size: 18px;
}
.staff1 .t1 dl{
padding-bottom: 30px;
}
.staff1 .t1 dt{
display: inline-block !important;
padding-right: 30px;
}
.staff1 .t1 dd{
display: inline-block !important;
}
.staff1 .t2 dl{
padding-bottom: 25px;
}
.staff1{
padding-bottom:55px;
margin-bottom: 55px;
border-bottom: 1px solid #a5e633;
}
.staff1.bo1 .pic:before{
content: url(/import/tenant_1/153.126.155.157/html/images/staff/smk);
position: absolute;
top:-30px;
left: -65px;
}
.staff1.bo2 .pic:before{
content: url(/import/tenant_1/153.126.155.157/html/images/staff/smk);
position: absolute;
top:-45px;
right: -22px;
}
@media only screen and (max-width: 950px){
.staff1 .pic{
width: 100%;
float: none;
text-align: center;
padding-bottom: 20px;
}
.staff1 .pic img {
    max-width: 60%;
    margin: auto;
    display: block;
}
.staff1 .txt{
width: 100%;
float: none;
}
.staff1.bo1 .pic:before{
left: 0;
}
.staff1.bo2 .pic:before{
right:0;
}
}
/*concept*/
.conwap{
	background:url(/import/tenant_1/153.126.155.157/html/images/product/pbk1.gif) center top repeat-x;
	padding:66px 0 0 0;
}
.concept1{
	border:1px solid #a5e633;
	padding:25px 0;
	background-color:#FFF;
	margin-bottom:30px;
}
.concept1 h3{
	width:136px;
	height:91px;
	background-color:#a5e633;
	text-align:center;
	padding:45px 0 0 0;
	float:left;
	margin:0 0 0 15px;
	font-size:18px;
}
.concept1 p{
	width:774px;
	float:right;
	margin:0 15px 0 0;
	padding-top:45px;
}
.concept2 h3{
	text-align:center;
	padding-bottom:55px;
	letter-spacing:10px;
}
.concept2 .pic{
	width:290px;
	float:left;
}
.concept2 dl{
	width:646px;
	float:right;
}
.concept2 dl dt{
	font-size:18px;
	padding-bottom:25px;
}
.concept2 .box{
	border-bottom:1px solid #a5e633;
	padding-bottom:35px;
	margin-bottom:25px;
}
.concept2 .box:last-of-type{
	border-bottom:none;
}
.concept3{
	background:url(/import/tenant_1/153.126.155.157/html/images/salon/bk1.gif) center top;
	padding:113px 0 0 0;
	position:relative;
}
.concept3 h3{
	text-align:center;
	padding-bottom:64px;
}
.concept3 .box{
	width:306px;
	float:left;
	margin:0 33.5px 0 0;
	min-height:430px;
	position:relative;
	z-index:10;
}
.concept3 .box:nth-of-type(3n){
	margin-right:0;
}
.concept3 h4{
	text-align:center;
	font-size:18px;
	padding:40px 0 0 0;
	font-weight:normal;
	background-color:#a5e633;
	height:116px;
	margin-bottom:20px;
}
.concept3 h4 strong{
	display:block;
	font-size:30px;
	font-weight:normal;
	padding:15px 0 0 0;
}
.concept3 .box:nth-of-type(even) h4{
	background-color:#676767;
	color:#FFF;
}
.concept3 .box:nth-of-type(3n+2){
	margin-top:50px;
	min-height:380px;
}
.concept3 .box dt{
	font-size:18px;
	padding-bottom:20px;
	text-align:center;
}
.concept3 .inn{
	min-height:987px;
	padding:25px 0 0 0;
	background:url(/import/tenant_1/153.126.155.157/html/images/concept/con3bk.png) no-repeat center top;
}
@media only screen and (max-width: 1000px){
.concept1 h3{
	float:none;
	margin:0 auto;
}
.concept1 p{
	float:none;
	width:95%;
	margin:0 auto;
}
.concept2 .pic{
	float:none;
	width:100%;
	text-align:center;
	padding-bottom:20px;
}
.concept2 dl{
	width:100%;
	float:none;
}
.concept3 .inn{
	background:none;
}
}
@media only screen and (max-width: 1000px){
.concept3 .inn{
	text-align:center;
	 padding-bottom: 160px;
}
.concept3 .box {
    display: inline-block !important;
    float: none;
    margin: 0 auto 80px;
    width: 90%;
    min-height: auto !important;
}
.concept3 .box:nth-of-type(3n){
	margin-right:18px;
}
.concept3 .box dd{
	text-align:left;
}
.concept3 .box:nth-of-type(3n+2){
	margin-top:0px;
	min-height:430px;
}
}
/*recruit*/
.recruit1{
	background:url(/import/tenant_1/153.126.155.157/html/images/product/pbk1.gif) repeat-x top center;
	padding:85px 0 115px 0;
}
.recruit1 dl{
	width:306px;
	float:left;
	margin:0 33px 0 0;
}
.recruit1 dl:nth-of-type(3n){
	margin-right:0;
}
.recruit1 .pic{
	padding-bottom:25px;
}
.recruit1 dt{
	font-size:18px;
	padding-bottom:5px;
}
@media only screen and (max-width: 1000px){
.recruit1{
	text-align:center;
}
.recruit1 dl{
	float:none;
	display:inline-block !important;
	margin:0 17px 40px 17px;
}
.recruit1 dl:nth-of-type(3n){
	margin-right:17px;
}
.recruit1 dd{
	text-align:left;
}
}
.recruit2{
	padding-bottom:70px;
}
.recruit2 .box{
	position:relative;
	padding-bottom:30px;
	margin-bottom:34px;
	border-bottom:1px solid #a5e633;
}
.recruit2 .box.v1:before{
	content:url(/import/tenant_1/153.126.155.157/html/images/staff/smk);
	position:absolute;
	top:0;
	right:-115px;
}
.recruit2 .box.v2:before{
	content:url(/import/tenant_1/153.126.155.157/html/images/staff/smk);
	position:absolute;
	top:0;
	left:-124px;
}
.recruit2 .box:last-of-type .pic:after{
	content:url(/import/tenant_1/153.126.155.157/html/images/staff/smk);
	position:absolute;
	bottom:-80px;
	left:-124px;
}
.recruit2 .box .pic{
	width:290px;
	float:left;
	margin: 0 5% 0 0;
}
.recruit2 .box .txt{
	width:645px;
	float:right;
}
.recruit2 .box .txt h4{
	font-family: 'Quicksand', sans-serif;
	font-weight:300;
	font-size:30px;
	padding-bottom:20px;
	line-height:120%;
}
.recruit2 .box .txt h4 .t{
	font-size:18px;
	display:block;
}
.recruit2 .box .txt h5{
	font-size:18px;
	padding-bottom:15px;
}
@media only screen and (max-width: 1000px){
.recruit2 .box .pic{
	width:100%;
	float:none;
	text-align:center;
	padding-bottom:20px;
	margin: 0 auto;
}
.recruit2 .box .txt{
	width:100%;
	float:none;
}
}
.recruit3{
	background-color:#f5f5f5;
	padding:70px 0 50px 0;
	margin-bottom:90px;
}
.recruit3 .table{
	width:700px;
	margin:0 auto;
}
.recruit3 .table dt{
	width:170px;
	float:left;
}
.recruit3 .table dl{
	padding-bottom:30px;
}
@media only screen and (max-width: 1000px){
.recruit3 .table{
	width:95%;
}
}
.recruit4.recruit3{
	background:url(/import/tenant_1/153.126.155.157/html/images/bk2.gif) top center;
	padding:80px 0;
}
@media only screen and (max-width: 800px){
.recruit3 .table dt{
	float:none;
	width:100%;
}
}
.recruit5 .table{
	width:795px;
	margin:0 auto;
}
.recruit5 .table dl{
	padding-bottom:28px;
}
.recruit5 .table dt {
    float: left;
    padding: 5px 0 5px 0;
    position: relative;
}
.recruit5 .table dd {
    padding: 0 0 0 196px;
}
.recruit5 .table dd .size1 {
    padding: 5px;
    box-sizing: border-box;
    width: 100%;
	height:45px;
}
.recruit5 .table dd input[type="text"]{
	background-color:#dddddd;
	border:none;
}
.recruit5 textarea{
	width:100%;
	height:257px;
	background-color:#dddddd;
	border:none;
}
.formbtn {
    text-align: center;
    letter-spacing: -5px;
    padding-top: 45px;
}
.formbtn li {
    display: inline-block !important;
    padding: 0 10px;
}
.formbtn li #check {
    width: 247px;
    height: 54px;
    font-weight: bold;
    background: #000000;
    border: none;
    color: #fff;
    font-size: 24px;
	font-family: 'Quicksand', sans-serif;
	font-weight:300;
}
.recruit5{
	margin:80px auto;
}
@media only screen and (max-width: 800px){
	.recruit5 .table{
		width:100%;
	}
	.recruit5 .table dt{
		float:none;
	}
	.recruit5 .table dd {
    padding: 0 0 0 0px;
}
}
/*blog*/
.blog-left{
	width:715px;
	float:left;
	padding-top:84px;
}
.blog-right{
	width:240px;
	float:right;
	padding-top:84px;
}
.blog-right dt{
	font-size:36px;
	font-family: 'Quicksand', sans-serif;
	font-weight:300;
	padding-bottom:20px;
}
.blog-right dd{
	padding-left:30px;
	padding-bottom:20px;
}
.blog-right dd a{
	font-size:18px;
	display:block;
	position:relative;
	padding-left:20px;
}
.blog-right dd a:after{
	content:"";
	width:6px;
	height:6px;
	display:block;
	background-color:#a5e633;
	position:absolute;
	left:0;
	top:50%;
}
.blog-right dl+dl dd{
	padding-left:0;
	width:50%;
	float:left;
}
.blog-right dl{
	padding-bottom:50px;
}
@media only screen and (max-width: 985px){
	.blog-left{
		width:100%;
		float:none;
		margin:0 auto;
	}
	.blog-right{
		width:100%;
		float:none;
		margin:0 auto;
		padding-top:0;
	}
}

.blog1 .box .pic{
	width:41%;
	margin: 2%;
	float:left;
}
.blog1 .box .txt{
	width:51%;
	margin: 2%;
	float:right;
}
@media only screen and (max-width: 700px){
	.blog1 .box .pic{
		float:none;
		width:96%;
		text-align:center;
		max-width: 400px;
	}
	.blog1 .box .txt{
		width:96%;
		float:none;
	}
}
.blog1 .box{
	border-bottom:1px solid #a5e633;
	padding-bottom:30px;
	margin-bottom:45px;
}
.blog1 .box .date{
	display:block;
	font-size:16px;
	padding-bottom:5px;
}
.blog1 .box h3{
	font-size:24px;
	padding-bottom:15px;
}
.blog1 .box .cate{
	display:block;
	padding-bottom:10px;
}
.blog1 .box .wite {
    text-align: center;
    width: 80px;
    margin-left: auto;
}
.blog1 .box .wite a.trimming, .blog2 .tit .wite a.trimming {
    border-radius: 100%;
    width: 100%;
    margin-left: auto;
}

.blog1 .box .wite img{
	/*border-radius:50%;*/
	vertical-align:middle;
	margin-right:15px;
}
.blog2 .tit .date{
	display:block;
	font-size:16px;
	padding-bottom:5px;
	text-align:center;
}
.blog2 .tit h3{
	font-size:24px;
	padding-bottom:15px;
}
.blog2 .tit .cate{
	display:block;
	padding-bottom:10px;
	text-align:center;
}
.blog2 .tit .wite {
    text-align: center;
    width: 80px;
    margin-left: auto;
}
.blog2 .tit .wite img{
	/*border-radius:50%;*/
	vertical-align:middle;
	margin-right:15px;
}
.blog2 .tit{
	padding-bottom:15px;
}
.blog2 .inn{
	border-bottom:1px solid #a5e633;
	padding-bottom:30px;
	margin-bottom:45px;
}
.blog2 .inn p{
	padding-bottom:30px;
}
.blog2 .inn p.pic{
	text-align:center;
}
.back a{
    display: block;
    font-size: 24px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    text-align: center;
    border: 1px solid #ccc;
    margin: 84px auto;
    width: 250px;
    padding: 21px 0;
}
.blog2,.blog1{
	padding-bottom:70px;
}
.recommendArea{
  padding: 84px 0;
}
.recommendArea .recommendItem{
  width: 23%;
  margin: 1%;
}
.recommendItem .pic,.recommendItem .txt{
  width: 100%;
  margin: 0 0 1em;
}
@media only screen and (max-width: 985px){
  .blog1 .box .wite {
    margin: auto;
  }
	.blog2 .tit h3, .blog2 .tit .wite {
    text-align: center;
    margin: auto;
  }
	.recommendArea .recommendItem{
  width: 46%;
  margin: 2%;
}
}
/*contact*/
.contact1{
	background:url(/import/tenant_1/153.126.155.157/html/images/product/pbk1.gif) repeat-x top center;
	padding:85px 0 115px 0;
}
.contact1 h3{
text-align: center;
padding-bottom: 30px;
}
.contact1 h3 img{
vertical-align: middle;
padding-right: 15px;
}
.contact1 dd li{
	width:50%;
	float:left;
	padding-bottom:10px;
}
.contact1 dd li.check{
  width: 100%;
}
.thanksTxt{
  text-align: center;
    font-size: 16px;
    line-height: 32px;
    margin: 5%;
}
.formbtn li #check a{
  color: #fff;
}
@media only screen and (max-width: 985px){
	.contact1 dd li{
		width:100%;
		float:none;
	}
}