/* CSS Document */

/* ================================================
	reset
=================================================*/

html { color:#000000; -webkit-overflow-scrolling: touch; }
body { margin:0 auto; overflow:visible; padding:0; -webkit-text-size-adjust: none;  }
a { overflow:hidden; }
a img, img { border:0 !important; }
abbr, acronym { border:0; }
address, caption, cite, code, dfn, em, th, strong, var { font-style:normal; font-weight:normal; }
blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul { margin:0; padding:0; }
caption, th { text-align:left; }
code, kbd, pre, samp, tt { font-family:monospace; line-height:100%; }
*+html code, *+html kbd, *+html pre, *+html samp, *+html tt { font-size:108%; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
ol, ul { list-style:none; }
q:before, q:after { content:''; color:#000000; }   
button, fieldset, form, input, label, legend, select, textarea { font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; vertical-align:baseline; }
table { border-collapse:collapse; border-spacing:0; font-size:100%; }
a {text-decoration:none; color:#000000;}
a:hover {text-decoration:none; color:#000000;}
a:visit{ color:#000000;}
strong { font-weight: bold; }
img{ max-width: 100%; height: auto; width /***/:auto; }


::selection {
background: #FF0; /* Safari, Chrome */
}
 
::-moz-selection {
background: #FF0; /* Firefox */
}



/*clearfix*/

.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */ 


/* return */ 

.return span{ display:inline-block; }




	
/**wrap**/	

#wrap{
	width:100%;
	margin:0 auto;
	clear:both;
		}
	
	
/**hタグ**/
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}



/**page_base**/

.page_base_w{ clear:both; }
.page_base{ clear:both; overflow:hidden; }
.page_design{ clear:both; max-width:1080px; margin:0 auto;  }
.page_sp{ padding-bottom:40px; overflow:hidden;  }


/**more**/
.bg_color{ background-color:#e8e5dd; }
.bg_color_oneday{ background-color:#fff6c9; }
.relative{ position:relative; }
.bd_t{ border-top:1px solid #d3cdbd;}
.bd_b{ border-bottom:1px solid #d3cdbd;}
.facebook{ margin:0 20px 20px 20px; overflow:hidden; clear:both; }
.bg_black{ background-color:#000000; }



@media screen and (max-width: 799px) {
	
.pc_view{ display:none; }
.sp_view{}
#page_top{ position:fixed; bottom:15px; right:15px; width:50px; z-index:9; }
.page_link{}

.head{ clear:both; overflow:hidden; background-color:#e8e5dd; position:relative;  }
.head h1{ z-index:8; width:100%; color:#FFF; position:absolute; top:10px; left:10px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:10px; }
.head_img{ position:relative; text-align:center; clear:both;  }
.logo{ position:absolute; width:100%; text-align:center; display:block; bottom:70px; z-index:8; }
.logo img{ width:300px; }

.sns_head{ border-bottom:1px solid #d3cdbd;  overflow:hidden; clear:both; padding:80px 20px 20px 20px; }
.sns_head ul{ float:left; left:50%; position:relative; }
.sns_head li{ float:left; left:-50%; position:relative; margin:0 5px; }
.sns_head li img{ height:20px; }

.br_contents{ margin:40px 20px 0px 20px; }
.br_contents_img{ position:relative; clear:both; padding-top:100px; }
.br_contents_img dl{ text-align:center; width:100%; position:absolute; top:0px; display:block; }
.br_contents_img dt{}
.br_contents_img dt img{ height:70px; }
.br_contents_img dd{ font-size:38px; color:#000000; letter-spacing:0.1em; font-family: 'Lato', sans-serif; }
.br_contents_img p{ height:180px; overflow:hidden; }
.br_contents_copy{ text-align:center; padding:0 15px; background-color:#FFF; }
.br_contents_copy p{ padding:20px 0 12px 0; font-size:10px; color:#b1a8a2; letter-spacing:0.1em; font-family: 'Lato', sans-serif; }
.br_contents_copy h2{ padding:0 0 25px 0; font-size:16px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.br_contents_copy h3{ display:none; }

.contents_title{ text-align:center; padding:40px 0; clear:both; overflow:hidden; }
.contents_title h2{ font-size:22px; color:#000000; letter-spacing:0.1em; font-family: 'Lato', sans-serif; }
.contents_title p{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px; padding-top:10px; }

.click_b{ overflow:hidden; margin:0 auto; width:200px; margin-top:40px; margin-bottom:40px; border:1px solid #000; background-color:#595757; padding:15px; }
.click_b p{ letter-spacing:0.1em; font-weight:bold; text-align:center; background:url(/import/tenant_1/zaza-recruit.com/image/common/bg_click_w.png) no-repeat right; background-size:10px; color:#FFF; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px;  }


.flow{ text-align:center; overflow:hidden; clear:both;  border-top:1px solid #d3cdbd; padding:30px; }
.flow h2{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold; font-size:18px; }
.flow p{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; line-height:2em; padding:15px 0 0 0; }

.click_g{ overflow:hidden; margin:0 auto; width:260px; margin-bottom:100px; border:1px solid #00acc0; background-color:#59c9d6; padding:15px; }
.click_g p{ letter-spacing:0.1em; font-weight:bold; text-align:center; background:url(/import/tenant_1/zaza-recruit.com/image/common/bg_click_w.png) no-repeat right; background-size:10px; color:#FFF; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px;  }

.ft_sns_head{  overflow:hidden; clear:both; padding:20px 0; }
.ft_sns_head ul{ float:left; left:50%; position:relative; }
.ft_sns_head li{ float:left; left:-50%; position:relative; margin:0 5px; }
.ft_sns_head li img{ height:20px; }

.foot{ background-color:#000; padding:40px 0; overflow:hidden; clear:both; text-align:center; }
.foot h2{}
.foot h2 img{ width:100px; }
.foot h6{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:10px; color:#FFF; line-height:1.8em;}
.click_w{ overflow:hidden; margin:0 auto; width:260px; margin-top:30px; margin-bottom:30px; border:3px solid #FFF; padding:15px; }
.click_w p{ font-weight:bold; text-align:center; background:url(/import/tenant_1/zaza-recruit.com/image/common/bg_click_w.png) no-repeat right; background-size:10px; color:#FFF;  letter-spacing:0.1em; font-family: 'Lato', sans-serif; font-size:14px;  }


}


@media screen and (min-width: 800px) {
	
.pc_view{}
.sp_view{ display:none; }
#page_top{ position:fixed; bottom:15px; right:15px; width:100px; z-index:9; }
.page_link{ margin-top:-95px; padding-top:95px; }


.head{ clear:both; overflow:hidden; background-color:#e8e5dd; position:relative;  }
.head h1{ width:100%; text-align:center; color:#FFF; z-index:70; position:absolute; top:10px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:10px; }
.head_img{ position:relative; text-align:center; clear:both; }
.logo{ position:absolute; text-align:center; display:block; bottom:10px; z-index:80; width:100%; }
.logo img{ height:250px;}

.sns_head{ max-width:1080px; margin:0 auto; overflow:hidden; clear:both; padding:50px 20px 40px 20px; position:relative; }
.sns_head ul{ position:absolute; display:block; left:0px; z-index:9999; }
.sns_head li{ float:left; margin-right:15px; }
.sns_head li img{ height:20px; }

.br_contents{ margin:12px; padding-top:40px; }
.br_contents_img{ position:relative; clear:both; padding-top:100px; }
.br_contents_img dl{ text-align:center; width:100%; position:absolute; top:0px; display:block; }
.br_contents_img dt{}
.br_contents_img dt img{ height:70px; }
.br_contents_img dd{ font-size:38px; color:#000000; letter-spacing:0.1em; font-family: 'Lato', sans-serif; }
.br_contents_img p{}
.br_contents_copy{ padding:0 20px; background-color:#FFF; }
.br_contents_copy p{ padding:20px 0 15px 0; font-size:10px; color:#b1a8a2; letter-spacing:0.1em; font-family: 'Lato', sans-serif; }
.br_contents_copy h2{ padding:0 0 15px 0; font-size:16px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.br_contents_copy h3{ padding:0 0 20px 0; font-size:14px; line-height:1.8em; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.contents_title{ text-align:center; padding:60px 0; clear:both; overflow:hidden; }
.contents_title h2{ font-size:26px; color:#000000; letter-spacing:0.1em; font-family: 'Lato', sans-serif; }
.contents_title p{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px; padding-top:10px; }

.click_b{ overflow:hidden; margin:0 auto; width:260px; margin-top:60px; margin-bottom:60px; border:1px solid #000; background-color:#595757; padding:15px; }
.click_b p{ letter-spacing:0.1em; font-weight:bold; text-align:center; background:url(/import/tenant_1/zaza-recruit.com/image/common/bg_click_w.png) no-repeat right; background-size:10px; color:#FFF; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px;  }


.flow{ text-align:center; overflow:hidden; clear:both; padding:40px 0; border-top:1px solid #d3cdbd; }
.flow h2{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold; font-size:18px; }
.flow p{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; line-height:2em; padding:15px 0 0 0; }

.click_g{ overflow:hidden; margin:0 auto; width:260px; margin-bottom:100px; border:1px solid #00acc0; background-color:#59c9d6; padding:15px; }
.click_g p{ letter-spacing:0.1em; font-weight:bold; text-align:center; background:url(/import/tenant_1/zaza-recruit.com/image/common/bg_click_w.png) no-repeat right; background-size:10px; color:#FFF; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px;  }


.ft_sns_head{  overflow:hidden; clear:both; padding:40px 0; }
.ft_sns_head ul{ float:left; left:50%; position:relative; }
.ft_sns_head li{ float:left; left:-50%; position:relative; margin:0 5px; }
.ft_sns_head li img{ height:20px; }

.foot{ background-color:#000; padding:40px 0; overflow:hidden; clear:both; text-align:center; }
.foot h2{}
.foot h2 img{ width:100px; }
.foot h6{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:11px; color:#FFF;}
.click_w{ overflow:hidden; margin:0 auto; width:260px; margin-top:30px; margin-bottom:30px; border:3px solid #FFF; padding:15px; }
.click_w p{ font-weight:bold; text-align:center; background:url(/import/tenant_1/zaza-recruit.com/image/common/bg_click_w.png) no-repeat right; background-size:10px; color:#FFF;  letter-spacing:0.1em; font-family: 'Lato', sans-serif; font-size:14px;  }


	
}



/* 2023.01.06 */

.toppcimg img, .topspimg img{
  width: 100% !important;
}

@media only screen and (max-width: 599px){
/*  .all-top .sp_view.topspimg{
      position: relative;
   overflow: hidden;
   min-width: 800px;
   height: 70vh;
   left: 60%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
}  */
 
   .all-top .sp_view.topspimg{
    position: relative;
    overflow: hidden;
    min-width: auto;
    left: 0%;
    width: auto;
    height: fit-content;
    margin-bottom: 85px;
 } 
 
 .all-top .sp_view.topspimg img{
   width: 100% !important;
    height: 100% !important;
    object-fit: cover;
 }
}

@media only screen and (min-width: 600px){
  .all-top .pc_view.topppimg{
position: relative;
 overflow: hidden;
 min-width: 600px;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 }  
}


/* 2023/07/14 追記 */

@media only screen and (max-width: 599px){
  .all-top-news .list .date{
  margin-bottom: 0px !important; 
}

  .all-top-news .list .tit{
  font-weight: normal !important;
}
}

.headinner .headlink.onlytop{
  display: flex;
    justify-content: flex-end;
}

.headinner .headlink.onlytop li:first-of-type{
      width: 40px !important;
}

.headinner .headlink.onlytop li:first-of-type a{
  border: none !important;
    background: none !important;
    width: 100%;
    padding: 0px !important;
}

.headinner .headlink.onlytop li:first-of-type a img{
  width: 100%;
}

@media only screen and (max-width: 1024px){
  #header .headlink.sp li:last-of-type{
      width: 40px !important;
  }
  
   #header .headlink.sp li:last-of-type a{
    padding: 0px !important;
    border: none !important;
    background: none !important;
  }
}

.test-page .all-top-shop .right .web a {
    padding: 10px;
    text-align: center;
    color: #5b4b35;
    background-color: #e1c8a68f;
    border: solid 1px #5b4b35;
}

@media only screen and (min-width: 1025px){
  .all-top-news .list .pic{
    height: 504px;
    width: 504px;
  }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
  .all-top-news .list .pic{
width: 44vw;
  }
}

.another-font a{
font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ゴシックM-PRO", "HGMaruGothicMPRO";
}


/* 2023/07/13 */
.all-top-news .list .list.flexs a {
  width: 100%;
}

.all-news .news-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.all-news .news-list .flex{
     width: 48% !important;
}

.all-news .news-list .news-pic{
      width: 100%;
}

.all-news .news-list li .news-pic .pic img{
    width: 100%;
    max-height: initial;
}

.all-news .news-list li .news-cont{
  width: 100% !important;
}

.all-news .news-list .newstit{
  margin-top: 25px;
}

@media only screen and (max-width: 599px){
  
  .all-news .all-top-news .list .date{
  margin-bottom: 0px;  
  }
  
  .all-news .news-list .news-pic{
    margin-bottom: 0px !important;
  }
  
  .all-news .news-list .news-info{
    width: 100% !important; 
    font-size: 14px !important;
  }
  
  .all-news .heightLine-newstit{
    font-size: 14px;
  }
  
   .all-news .grey.en-hide{
     width: 100%;
     white-space: nowrap;
   }
}

@media only screen and (min-width: 1025px){
  .all-shop-page .all-top-shop .box.gr222.flexb {
    align-items: center;
    width: 80%;
    margin: 0 auto 2% auto;
}
}


.test-page .headinner .headlink.onlytop{
  display: flex;
    justify-content: flex-end;
}

.test-page .headinner .headlink.onlytop li:first-of-type{
      width: 40px !important;
}

.test-page .headinner .headlink.onlytop li:first-of-type a{
  border: none !important;
    background: none !important;
    width: 100%;
    padding: 0px !important;
}

.test-page .headinner .headlink.onlytop li:first-of-type a img{
  width: 100%;
}

@media only screen and (max-width: 1024px){
  .test-page #header .headlink.sp li:last-of-type{
      width: 40px !important;
  }
  
  .test-page #header .headlink.sp li:last-of-type a{
    padding: 0px !important;
    border: none !important;
    background: none !important;
  }
}

.test-page .all-top-shop .right .web a {
    padding: 10px;
    text-align: center;
    color: #5b4b35;
    background-color: #e1c8a68f;
    border: solid 1px #5b4b35;
}

@media only screen and (max-width: 599px){
  .test-page .all-top-shop .right .web a {
    padding: 5px;
}
}

@media only screen and (min-width: 1025px){

.salon-list-test .all-top-shop .box.gr222.flexb {
    align-items: center;
    width: 80%;
    margin: 0 auto 2% auto;
}

.salon-list-test .all-top-shop .right .area{
  font-size: 20px;
}

.salon-list-test .all-top-shop .right .tit{
  font-size: 30px;
}

.salon-list-test .all-top-shop .flex-nav{
  margin-top: 50px;
}


.salon-list-test .all-top-shop .box.gr222.flexb .left {
    width: 35%;
}

.salon-list-test .all-top-shop .box.gr222.flexb .right {
    width: 60%;
}
  
}


.another-font a{
  font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.headinner .headlink.onlytop{
  display: flex;
    justify-content: flex-end;
}

.headinner .headlink.onlytop li:first-of-type {
    width: 35px !important;
    align-self: center;
}

.headinner .headlink.onlytop li:first-of-type a{
  border: none !important;
    background: none !important;
    width: 100%;
    padding: 0px !important;
}

.headinner .headlink.onlytop li:first-of-type a img{
  width: 100%;
}

@media only screen and (max-width: 1024px){
  #header .headlink.sp li:last-of-type{
      width: 40px !important;
  }
  
   #header .headlink.sp li:last-of-type a{
    padding: 0px !important;
    border: none !important;
    background: none !important;
  }
}


.test-page .all-top-shop .right .button a{
  color: #966203 !important;
}

/* 2024/05/09 追記 */

@media screen and (max-width:599px) {
 .sp_view.topspimg .uk-slideshow{
  height: 100vh !important;
}

.sp_view.topspimg .uk-slideshow>li{
  height: 100vh !important;
}

.sp_view.topspimg .uk-slideshow>li div{
  height: 100vh !important;
}
}

@media screen and (min-width:800px) {
.sp_view {
  display: none;
}
}

.headinner{
  position: relative;
  z-index: 9999;
}

.pc_view{
  position: relative;
}

.sp_view{
  position: relative;
}

.pc_view::before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
}

.sp_view::before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
}