@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;}

/********** 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: 1440px;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 > 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: 338px;}
.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: grid;margin: 0 auto;}
.l_footer .menu_list{border-top: 1px solid #006A8E;}
.l_footer .menu_list li{border-bottom: 1px solid #006A8E;}

.l_footer .menu_list a{text-decoration: none;display: block;width: 100%;position: relative;padding: 11px 35px 10px 8px;}
.l_footer .menu_list a::after{content: "";display: block;position: absolute;top: 50%;transform: translateY(-50%);
background: url(../images/icon_menu.svg) no-repeat;background-size: 100%;width: 19px;height: 19px;right: 9px;}
.l_footer .sns_list{display: flex;margin-top: 15px;}
.l_footer .address span{font-weight: bold;}
.l_footer .copyright{display: grid;place-content: center;}

.l_second .l_footer{/*background: #FDE9E0;*/background-color: #FFF;}

.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 #DF9885;-webkit-border-radius: 100vh;border-radius: 100vh;background: url(../images/footer_link.svg) no-repeat left 26px center;padding-right: 48px;text-indent: -9999px;overflow: hidden;}
.btn_link a:hover{background: url(../images/footer_link_on.svg) no-repeat left 26px center #DF9885;}
.btn_link a::after{content: "";width: 12px;height: 12px;display: block;position: absolute;top: 50%;right: 28px;transform: translateY(-50%);background: url(../images/icon_btn_link.svg) no-repeat;background-size: contain;}
.btn_link a:hover::after{background: url(../images/icon_btn_link_on.svg) no-repeat;background-size: contain;}

/**********  **********/
.icon_recruit_site{background: #92BDCC;color: #FFF;width: 129px;display: block;border-radius: 3px;text-align: center;}
.l_header .icon_recruit_site{height: 40px;display: grid;place-content: center;margin-left: 20px;}
.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: #E6BF43;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(../images/icon_come_btn.svg) no-repeat;background-size: contain;}

.l_gotop{display: none;}




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

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

	.btn_menu{display: none;}

	.l_header .cont{height: 90px;align-items: center;}
	.l_header .icon_recruit_site{height: 40px;}
	.l_main_navi{margin-left: auto;}
	.l_main_navi nav{gap: 0 49px;}
	.l_main_navi nav .menu_list{gap: 0 50px;}

	.footer_cont{grid-template-columns: 1fr 185px 316px;gap: 0 45px;max-width: 1160px;}
	.footer_cont p.text_slogan{padding-top: 11px;}
	.footer_navi{padding-top: 16px;}
	.l_footer .menu_list{max-width: 185px;}


	.l_footer .icon_recruit_site{line-height: 40px;margin-bottom: 13px;}
	.l_footer .logo{margin-bottom: 30px;}
	.l_footer .logo span{display: block;height: 45px;}
	.l_footer .logo span img{max-height: 100%;width: auto;}
	.l_footer .copyright{height: 50px;margin-top: 40px;font-size: 0.75rem;}
	.l_footer .address{line-height: 1.875;letter-spacing: 0;}

	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;}
}

@media screen and (max-width:1400px) {
	.l_header .cont,.l_footer,.wrapper{padding-right: 30px;padding-left: 30px;}
	.text_slogan img,.l_footer .logo span img{max-width: 100%;}
}

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

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

	.l_header .cont nav ul.menu_list{display: none;}
	.l_header .cont nav ul.menu_list li.menu_recruit,.l_header .cont nav ul.menu_list li.menu_oneday{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_oneday img{width: 169px;}
	.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: 60px;height: 60px;border: none;background: #92BDCC;border-radius: 0 0 0 20px;cursor: pointer;}
	button.btn_menu span {display: inline-block;width: 30px;height: 27px;padding-top: 20px;background: url(../images/sp/menu.svg) no-repeat;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: 2;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(../images/sp/close.svg) no-repeat;background-size: contain;}


	.footer_cont{display: flex;gap: 0 34px;flex-direction: row-reverse;padding: 30px 20px 65px;position: relative;}
	.footer_cont > div{width: 50%;}
	.footer_cont .footer_navi{position: relative;}
	.l_footer .footer_cont .footer_navi .sns_list{display: flex;justify-content: flex-end;margin-top: 15px;}

	.footer_cont .footer_logo .icon_recruit_site{width: 100px;height: 30px;font-size: 0.8125rem;line-height: 30px;}
	.footer_cont .footer_logo .logo{max-width: 270px;margin-top: 10px;}
	
	.footer_cont p.text_slogan{display: none;}
	.l_footer .menu_list{max-width: none;}
}

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

}

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

	img{max-width: 100%;}

	.l_header .cont,.wrapper{padding-right: 15px;padding-left: 15px;}
	.l_main_navi{margin-left: auto;}
	.l_header .icon_recruit_site{height: 30px;width: 100px;}
	.footer_cont .footer_logo .address{padding: 20px 0 10px;font-size: 0.8125rem;}
	.footer_cont .footer_logo .btn_link{position: absolute;left: 50%;bottom: 0;margin-top: 0;transform: translateX(-50%); }
	.l_footer .copyright{padding: 10px 0;font-size: 0.625rem;}

	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;}
}


@media screen and (max-width: 500px) {
	.l_header .icon_recruit_site{width: 80px;height: 15px; position: absolute;top: 5px;margin-left: 0;}
	.l_header .icon_recruit_site img{width: 60px;}
	.l_header h1,.l_header .logo{padding-top: 20px;}
	.footer_cont{flex-wrap: wrap;}
	.footer_cont > div{width: 100%;}
	.footer_cont .footer_logo{padding-top: 20px;}
	.footer_cont .footer_navi{position: relative;}
	.l_footer .footer_cont .footer_navi .sns_list{position: absolute;right: 0;bottom: -50px;}
}