@charset "UTF-8";
@import "common.css";

/* CSS Document */

/*==================== 基本設定 ====================*/
html{}
body {
	font-family:  "Noto Sans",-apple-system, BlinkMacSystemFont,Arial,Roboto,"Droid Sans",sans-serif;
	background: #FFFCF4;font-size:16px;line-height:1.5;letter-spacing: 0.5px;color:#46403B;
}
body *{-webkit-box-sizing: border-box;box-sizing: border-box;}
/**
明朝の場合はこっち font-family:'fgutsukushiweb','Garamond','Times New Roman','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','游明朝','Yu Mincho','游明朝体','YuMincho','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
 **/
table{font-size:1em;}

@font-face {
    font-family: 'ShinRetroMaru';
    src: url('../../fonts/ShinRetroMaruGothic-M.woff2') format('woff2'),
        url('../../fonts/ShinRetroMaruGothic-M.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

figure{margin: 0;}
img{max-width: 100%;}

.sns_list{display: flex;font-family: "Inter", sans-serif;}
.sns_list a{text-decoration: none;color: #DF9885;font-size: 0.8125rem;font-weight: 500;}
.sns_list img{width: 24px;}

.icon_recruit_site{background: url(../../ladies/img/icon_recruit_site.svg) no-repeat center #DF9885;text-indent:100%;white-space:nowrap;overflow:hidden;font-size: 0;}

/********** container **********/
.l_gride{width:950px;margin:0 auto;}
.wrapper{max-width: 1440px;margin-right: auto;margin-left: auto;}

/********** ヘッダー **********/
.l_header .cont{display: flex;justify-content: space-between;max-width: 1290px;margin-right:auto;margin-left:auto;}
.l_header .cont > div.site_title,.l_header .cont nav,.l_header .cont nav ul{display: flex;}
.l_header .cont nav ul li a{display: flex;align-items: center;}
.l_header .cont > div.site_title{align-items: center;}
.l_header .cont > div.site_title img{max-width: 100%;}
.site_title .icon_recruit_site{line-height: 1;}

.l_header h1,.l_header .logo{max-width: 332px;width: 100%}
.l_header .logo a{display:block;}

.l_header_image{position: relative;}

/********** コンテンツ *********/
.l_contents{margin-right:auto;margin-left:auto;}
.l_breadcrumb ul{text-align:left;}
.l_breadcrumb li{display:inline-block;}


/********** フッター **********/
.footer_cont{display: flex;margin: 0 auto;}

.l_footer .menu_list li{border-bottom: 1px solid #D36D7E;}
.l_footer .menu_list li:not(:first-of-type){height: 46px;}
.l_footer .menu_list a{text-decoration: none;display: block;width: 100%;height: 100%;position: relative;text-indent: 100%;white-space:nowrap;overflow:hidden;font-size: 0;}
.l_footer .menu_list li.menu_recruit a{background: url(../../ladies/img/ft_menu_jobinfo.svg) no-repeat 8px center;}
.l_footer .menu_list li.menu_oneday a{background: url(../../ladies/img/ft_menu_oneday.svg) no-repeat 8px center;}
.l_footer .menu_list li.menu_work a{background: url(../../ladies/img/ft_menu_work.svg) no-repeat 8px center;}
.l_footer .menu_list li.menu_faq a{background: url(../../ladies/img/ft_menu_faq.svg) no-repeat 8px center;}

.l_footer .menu_list a::after{content: "";display: block;position: absolute;top: 50%;transform: translateY(-50%);background: url(../../ladies/img/icon_menu.svg) no-repeat;background-size: 100%;width: 19px;height: 19px;right: 0;}
.l_footer .area_sns{display: flex;align-items: center;margin-top: 16px;}

.l_footer .area_sns p{margin-right: 6px;}
.l_footer .sns_list a{line-height: 23px;}	

.l_footer .address{font-family: 'ShinRetroMaru', sans-serif;font-weight: 500;}
.l_footer .copyright{display: grid;place-content: center;background: url(../../../ladies/img/img_footer.png) no-repeat center top;color: #46403B;}

.l_second .l_footer{background: #FFFCF4;}



.area_join_us .wrapper{background: #FFF2ED;display: flex;height: 100%;position: relative;overflow: hidden;}
.area_join_us .wrapper .frame{position: relative;padding-top: 102px;padding-left: 80px;}
.area_join_us .wrapper::before,.area_join_us .wrapper .frame::before{content: "";display: block;}
.area_join_us .wrapper .btn{display: grid;place-content: center;}
.area_join_us .wrapper .box .btn span.msg{display: block;background: url(../../ladies/img/text_join_us_btn.svg) no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden;font-size: 0;}
.area_join_us .wrapper a.come_btn span{background: url(../../ladies/img/btn_jobinfo.svg) no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden;line-height: 1;}

/**********  **********/
.icon_recruit_site{display: block;-webkit-border-radius: 3px;border-radius: 3px;text-align: center;}
.l_header .icon_recruit_site{display: grid;place-content: center;}
.sns_list{display: flex;gap: 0 6px;}
.linkbtn{display: grid;place-content: center;}
a.come_btn{text-decoration: none;display: flex;align-items: center;position: relative;background: #D36D7E;color: #FFF;border-radius: 100vh;box-shadow: 0px 4px 10px 0px rgb(0 0 0 /.2);}
a.come_btn::after{content: "";display: block;position: absolute;top: 50%;transform: translateY(-50%);background: url(../../ladies/img/icon_come_btn.svg) no-repeat;background-size: contain;}

.l_gotop{display: none;}

.btn_link{margin-top: 25px;}
.btn_link a{position: relative;width: 278px;height: 40px;display: flex;align-items: center;text-decoration: none;border: 1.5px solid #ABCD78;-webkit-border-radius: 100vh;border-radius: 100vh;background: url(../../ladies/img/footer_link.svg) no-repeat left 26px center;padding-right: 48px;text-indent: -9999px;overflow: hidden;}
.btn_link a:hover{background: url(../../ladies/img/footer_link_on.svg) no-repeat left 26px center #ABCD78;}
.btn_link a::after{content: "";width: 12px;height: 12px;display: block;position: absolute;top: 50%;right: 28px;transform: translateY(-50%);background: url(../../ladies/img/icon_btn_link.svg) no-repeat;background-size: contain;}
.btn_link a:hover::after{background: url(../../ladies/img/icon_btn_link_on.svg) no-repeat;background-size: contain;}

/********** レスポンシブル ********/


@media screen and (min-width:753px) {
	a.come_btn{height: 112px;font-size: 1.875rem;}
	a.come_btn::before{content: "";display: block;width: 122px;height: 148px;background: url(../images/img_come_btn.png) no-repeat;position: absolute;}
	a.come_btn::after{width: 41.6px;height: 41.6px;}

	.sns_list img{margin-right: 5px;}

	.l_header .cont > div.site_title{gap: 14px;width: 45%;max-width: 540px;}


	/**/
	.footer_cont{flex-direction: row-reverse;justify-content: space-between;max-width: 1100px;margin-bottom: 15px;}

	.footer_navi{width: 278px;}
	.l_footer .menu_list,.l_footer .area_sns{max-width: 278px;}

	.l_footer .area_sns{padding: 0 8px;}
	.l_footer .copyright{padding-top: 83px;padding-bottom: 41px;font-size: 0.75rem;background-size: auto 74px;}

	/**/
	.area_join_us .wrapper{border-radius: 60px;height: 370px;justify-content: space-between;flex-direction: row-reverse;}
	.area_join_us .wrapper::before{max-width: 769px;width: 53.5%;height: 370px;border-radius: 0 60px 60px 0;background: url(../../../ladies/img/bg_join_us.jpg) no-repeat;background-position: center;}
	.area_join_us .wrapper .message{max-width: 490px;width: 100%;height: 0;padding-top: 19%;margin-left: 0;background: url(../../../ladies/img/text_join_us.svg) no-repeat;background-size: contain;text-indent: 100%;white-space: nowrap;overflow: hidden;}
	.area_join_us .wrapper .frame .box{padding-top: 10px;padding-left: 50px;}
	.area_join_us .wrapper .frame::before{max-width: 226px;width: 53.5%;height: 90px;position: absolute;top: 32px;left: 72px;background: url(../../../ladies/img/join_us.svg) no-repeat;background-position: center;}
	.area_join_us .wrapper .box .btn span.msg{width: 188px;height: 17px;margin-left: 40px;margin-bottom: 5px;}
	.area_join_us .wrapper a.come_btn{width: 244px; height: 61px;font-size: 1.125rem;padding-left: 48px;}
	.area_join_us .wrapper a.come_btn::after{width: 20px;height: 20px;right: 20px;}
	.area_join_us .wrapper a.come_btn::before{width: 56.2px;height: 68px;left: -22px;bottom: 0;background-size: contain;}
	.area_join_us .wrapper .btn{margin-top: 36px;}
}

@media screen and (min-width:768px) {
	.pc{}
	.sp{display:none !important;}
	.js-modal-btn:hover{cursor:pointer;}

	.btn_menu{display: none;}

	.l_header .cont{height: 90px;align-items: center;}
	.l_header .icon_recruit_site{max-width: 193px;width: 100%;height: 30px;background-size: 163px auto;}
	.l_header .sns_list{right: 0;}
    .l_header .sns_list img{width: 20px;}
	.l_main_navi{margin-left: auto;}
	.l_main_navi nav{gap: 0 49px;justify-content: flex-end;}
	.l_main_navi nav .menu_list{gap: 0 50px;}

	.footer_navi{padding-top: 67px;}
	.footer_logo{padding-top: 71px;}
	.l_footer .logo{margin-bottom: 12px;}
	.l_footer .logo span,
	.l_footer .logo a{display: block;height: 45px;}
	.l_footer .logo span img,
	.l_footer .logo a img{max-height: 100%;width: auto;}
	.l_footer .address{line-height: 1.875;}
	.l_footer .menu_list li.menu_recruit{height: 40px;}
	.l_footer .icon_recruit_site{max-width: 232px;line-height: 40px;margin-bottom: 21px;}
}

@media screen and (min-width:1401px) {
	.area_join_us .wrapper{padding-right: 0;}
}

@media screen and (min-width:1024px) {
	.l_header .sns_list{flex-direction: column;position: absolute;z-index: 1;right: 28px;top: 126px;}
	.l_header .sns_list li{writing-mode: vertical-rl;text-orientation: mixed;}
	.l_header .sns_list li img{margin-bottom: 7px;}
 	.l_header .sns_list li.menu_x{margin-bottom: 13px;}
	.l_header .sns_list img{margin-right: 0;}

}

@media screen and (max-width:1440px) {
	.l_header .sns_list{right: 10px;}
}

@media screen and (min-width: 768px) and (max-width:1400px) {
	.l_footer,.wrapper{padding-right: 0;padding-left: 0;}
	.area_join_us .wrapper{padding-right: 0;}
	.area_join_us .wrapper .frame::before{top: 20px;left: 30px;}
    .area_join_us .wrapper .frame .box{padding-top: 20px;padding-right: 50px;padding-left: 0;}
}

@media screen and (max-width:1300px) {
	.l_header .cont{padding-right: 30px;padding-left: 30px;}

}

@media screen and (max-width:1360px) {
	.l_header .cont{padding-right: 0;padding-left: 0;}
}


@media screen and (min-width:1024px) and (max-width:1300px) {
	.l_header .cont,.l_footer{padding-right: 30px;padding-left: 30px;}
	.l_header .icon_recruit_site{height: 26px;padding: 0 10px;}
	.l_header .cont > div.site_title{width: 38%;}
	.l_main_navi{width: 62%;}
	.l_main_navi nav .menu_list {gap: 0 30px;}

	.area_join_us .wrapper .frame{padding-right: 30px;}
}


@media screen and (max-width:1023px) {
	.l_header .cont,.l_footer,.wrapper{padding-right: 20px;padding-left: 20px;}

    .l_header header .cont {height: 64px;align-items: center;padding-right: 70px;}

	.l_header .cont nav ul.menu_list{display: none;}
	.l_header .cont nav ul.menu_list li{padding: 0 0 20px;}
	.l_header .cont nav ul.menu_list li a{width: 100%;display: block;}
	.l_header .cont nav ul.menu_list li.menu_recruit img{width: 90px;}
	.l_header .cont nav ul.menu_list li.menu_work img{width: 312px;} 
	.l_header .cont nav ul.menu_list li.menu_faq img{width: 162px;} 

	.l_header h1,.l_header .logo{max-width: 212px;}
	button.btn_menu{display: flex;justify-content: center;align-items: center;position: absolute;right: 0;width: 64px;height: 64px;border: none;background: #DF9885;cursor: pointer;}
	button.btn_menu span {display: inline-block;background: url(../../ladies/img/menu.svg) no-repeat center;background-size: contain;text-indent: 100%;white-space: nowrap;overflow: hidden;}
	
	.menu_open .l_header .cont nav ul.menu_list{display: block;position: fixed;top: 0;left: 0;background: #FFFCF4;width: 100%;height: 100vh;z-index: 1;padding: 60px 20px;text-align: center;}
	.menu_open button.btn_menu{position: fixed;z-index: 10;background: transparent;}
	.menu_open button.btn_menu span{background: url(../../ladies/img/close.svg) no-repeat;background-size: contain;display: block;height: 24px;background-position: center;}

	.l_footer .menu_list li.menu_recruit{height: 38px;}
	.footer_cont .footer_logo .logo{max-width: 270px;margin-top: 10px;}
	
}

@media screen and (min-width: 768px) and (max-width:1180px) {
	.header_title .box .image{width: 58%;}
    .header_title .box h1{width: 42%;padding: 0 20px;}

	.slider_wrapper::before{height: 50%;max-height: 309px;background-size: contain;}
	header .l_header_image p.banner_talk{width: 50%;height: auto;}

	.area_join_us .wrapper::before{width: 50%;}
	.area_join_us .wrapper .frame{width: 50%;padding-right: 4%;padding-left: 4%;}
	.area_join_us .wrapper .frame .box{padding-right: 0;}
	.area_join_us .wrapper .message{background-size: contain;margin-top: 10px;margin-left: 0;}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.l_main_navi nav,.l_main_navi nav .menu_list{gap: 0 30px;}
}

@media screen and (min-width: 768px) and (max-width:980px) {	
	.area_join_us .wrapper::before{width: 40%;}
    .area_join_us .wrapper .frame{width: 60%;}
	.area_join_us .wrapper .message{margin-top: 10px;}
	.area_join_us .wrapper .frame::before{left: 0;}
}

@media screen and (max-width:767px) {
	.pc{display:none !important;}
	.sp{}

	img{max-width: 100%;}

	.l_header .cont,.wrapper{padding-right: 20px;padding-left: 20px;}
	.l_main_navi{margin-left: auto;}

	.icon_recruit_site{height: 16px;width: 110px;background-size: 94px auto;}
	.l_header h1,.l_header .logo{padding-top: 20px;}
	.l_header .icon_recruit_site{position: absolute;top: 5px;margin-left: 0;}

	.l_header .sns_list a{font-size: 0;}
	.sns_list img{width: 27px;}

	.l_footer .copyright{background-size: 342px auto;}
	.footer_cont{flex-direction: column;padding: 33px 0 0;}	
	.footer_cont > div{width: 100%;}
	.footer_navi{max-width: 278px;margin: 0 auto;}

	.l_footer .menu_list li.menu_recruit a,.l_footer .menu_list li.menu_work a{background-size: auto 15px;}
	.l_footer .menu_list li.menu_oneday a,.l_footer .menu_list li.menu_faq a{background-size: auto 14px;}

	.footer_cont .footer_logo{max-width: 272px;margin: 39px auto 19px;}
	.footer_cont .footer_logo .address{padding: 20px 0 0;font-size: 0.9375rem;line-height: 1.733;}
	.footer_cont .footer_logo .address .number{letter-spacing: 0.01rem;}
	.footer_cont .footer_logo .box{display: flex;flex-direction: column-reverse;}
	.l_footer .area_sns{justify-content: center;}
	.l_footer .area_sns p{margin-right: 6px;font-size: 0.8125rem;}
    .l_footer .area_sns .sns_list img{width: 24px;margin-right: 4px;}
	
	.l_footer .copyright{padding: 74px 0 33px;font-size: 0.625rem;}
	.l_footer .copyright address{transform: scale(0.8);}
	a.come_btn{height: 50px;font-size: 1rem;}
	a.come_btn::before{content: "";display: block;width: 66px;height: 80px;background: url(../images/img_come_btn.png) no-repeat;background-size: contain; position: absolute;left: 12px;}
	a.come_btn::after{width: 22px;height: 22px;right: 20px;}

	/**/
	.area_join_us{padding-right: 15px;padding-left: 15px;}
	.area_join_us .wrapper{flex-direction: column;max-width: 335px;padding-right: 0;padding-left: 0;border-radius: 20px;}
	.area_join_us .wrapper::before{max-width: 769px;width: 100%;height: 202px;border-radius: 20px 20px 0 0;background: url(../../../ladies/img/sp_bg_join_us.jpg) no-repeat;background-position: top center;background-size: cover;}
	.area_join_us .wrapper .message{max-width: 476px;width: 100%;height: 0;padding-top: 19%;background: url(../../../ladies/img/sp_text_join_us.svg) no-repeat;background-position: center;text-indent:100%;white-space:nowrap;overflow:hidden;}
	.area_join_us .box{padding: 0 15px 32px;}
	.area_join_us .wrapper .frame .box{padding-left: 15px;}
	.area_join_us .wrapper .frame{padding-top: 15px;padding-left: 0;}	    
	.area_join_us .wrapper .frame::before{max-width: 132px;width: 100%;height: 53px;position: absolute;top: -44px;left: 7px;background: url(../../../ladies/img/join_us.svg) no-repeat;background-position: center;background-size: contain;}
	.area_join_us .wrapper .box .btn span.msg{background: url(../../ladies/img/sp_text_join_us_btn.svg) no-repeat;width: 124px;height: 0;margin-left: 27px;margin-bottom: 4px;padding-top: 7%;background-size: contain;}
	.area_join_us .wrapper a.come_btn{width: 162px;height: 41px;padding-left: 27px;margin: 0 auto;}
	.area_join_us .wrapper a.come_btn::after{width: 14px;height: 14px;right: 14px;}
	.area_join_us .wrapper a.come_btn span{background-size: contain;background-position: center;width: 76px;margin-left: 7px;}
	a.come_btn::before{width: 37.4px;height: 45px;left: -13px;bottom: 0;background-size: contain;}

}


@media screen and (max-width: 500px) {
	.l_header .icon_recruit_site img{width: 39px;}

}