@charset "UTF-8";
@import "common.css";
/* CSS Document */

/*==================== 基本設定 ====================*/
html{}
body {
	font-family:  "Noto Sans",-apple-system, BlinkMacSystemFont,Arial,Roboto,"Droid Sans",sans-serif;font-size:16px;line-height:1.5;letter-spacing: 0.5px;color:#333;
}
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:1rem;}
.come_btn a{text-decoration: none;}

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

/********** ヘッダー **********/
.l_header_wrapper{position: fixed;top: 0;right: 0;left: 0;width: 100%;height: 100px;align-items: center;background: rgb(0 64 92 /.85);background-blend-mode: multiply;z-index: 10;}
.l_header_wrapper .cont{display: flex;justify-content: space-between;align-items: center;max-width: 1440px;height: 100%;margin-right:auto;margin-left:auto;}


    
.l_main_navi nav{display: grid;grid-column-gap: 26px;grid-row-gap: 8px;}
.l_main_navi .main_navi { grid-area: 2 / 1 / 3 / 2;display: flex;justify-content: flex-end;gap: 0 40px;}
.l_main_navi a{color: #FFF; font-family: 'Shippori Mincho', serif;font-weight: 600;text-decoration: none;}
.l_main_navi .help_navi { grid-area: 1 / 1 / 2 / 2;display: flex;justify-content: flex-end;gap: 0 30px;}
.l_main_navi .help_navi a{font-size: 0.875rem;}
.l_main_navi .call{ grid-area: 1 / 2 / 3 / 3;display: flex;align-items: center;}
.l_header .call .btn a{background: #C89E45;width: 172px;height: 47px;display: flex;justify-content: center;align-items: center;border-radius: 100vh;}

.call.headerfix{display: none;}


img{max-width:100%;}

.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: 342px;}
.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;}


/********** フッター **********/
.l_ft_contact{background: #00405C;height: 100px;display: grid;align-items: center;}
.l_ft_contact .wrapper{max-width: 1000px;width: 100%;display: flex;justify-content: space-between;align-items: center;gap: 0 40px;padding-left: 20px;}
.l_ft_contact .wrapper h2{position: relative;color: #FFF;font-size: 1.5625rem;font-family: 'Shippori Mincho', serif;font-weight: 600;padding-left: 65px;max-width: 240px;width: 100%;letter-spacing: 0;}
.l_ft_contact .wrapper h2::before{content: "";display: block;width: 50px;height: 50px;background: url(../images/icon_taxi.svg) no-repeat center #C89E45;border-radius: 100vh;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.l_ft_contact ul{display: flex;gap: 0 25px;max-width: calc(100% - 240px);width: 100%;}
.l_ft_contact ul li{max-width: 338px;width: 100%;;}
.l_ft_contact ul li a{position: relative;background: #FFF;text-decoration: none;display: flex;align-items: center;height: 63px;border-radius: 5px;width: 100%;font-size: 1.125rem;font-size: 1.125rem;font-weight: 500;line-height: 31px;}
.l_ft_contact ul li a::after{content: "";display: block;width: 25px;height: 25px;background: url(../images/icon_ft_contact.svg) no-repeat;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);}
.l_ft_contact ul li a span{position: relative;}
.l_ft_contact ul li.tel a{padding-left: 30px;}
.l_ft_contact ul li.mobile a{padding-left: 22px;}
.l_ft_contact ul li.tel a span{padding-left: 85px;padding-top: 2px;}
.l_ft_contact ul li.mobile a span{padding-left: 41px;letter-spacing: -0.05rem;padding-top: 3px;}
.l_ft_contact ul li a span::before{content: "";display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.l_ft_contact ul li.tel a span::before{width: 38px;height: 38px;background: url(../images/icon_tel.svg) no-repeat center;}
.l_ft_contact ul li.mobile a span::before{width: 35px;height: 35px;background: url(../images/icon_mobile.svg) no-repeat center;}


.l_footer .wrapper{max-width: 1054px;padding-top: 40px;padding-right: 0;padding-left: 0;}
.footer_logo p.text{font-size: 0.6875rem;line-height: 1.7;margin-bottom: 13px;}

.footer_navi{padding: 24px 0;}
.footer_navi ul{display: flex;max-width: 991px;margin: 0 auto;justify-content: center;}
.footer_navi ul.main{font-family: "Shippori Mincho", serif;letter-spacing: 0;margin-bottom: 15px;height: 29px;}
.footer_navi ul.main li{padding: 0 30px;position: relative;}
.footer_navi ul.main li:not(:first-of-type)::before{content: "";display: block;width: 1px;height: 17px;background: #B8B8B8;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.footer_navi ul.main li:first-of-type{padding-left: 0;}
.footer_navi ul.main li:nth-last-of-type(3){padding-left: 28px;}
.footer_navi ul.main li:nth-last-of-type(2){padding: 0 28px 0 29px;}
.footer_navi ul.main li:last-of-type{padding-right: 0;padding-left: 29px;}
.footer_navi ul.main a{font-size: 1.0625rem;font-weight: 500;}
.footer_navi a{text-decoration: none;}
.footer_navi ul.sub{gap: 0 40px;}
.footer_navi ul.sub a{color: #888;font-size: 0.875rem;}
.footer_navi ul.sns{gap: 0 6px;margin-bottom: 15px;}

.copyright{text-align: center;padding-bottom: 25px;}
.copyright .small{display: block;font-size: 0.6875rem;}

.l_ft_links{padding: 40px 0;}
.l_ft_links ul{display: flex;flex-wrap: wrap;gap: 20px;max-width: 1309px;margin: 0 auto;}
.l_ft_links ul li{width: calc(25% - 15px);}
.l_ft_links ul li img{max-width: 100%;width: 100%;}

/**********  **********/
.icon_recruit_site{background: #DF9885;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: #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(../images/icon_come_btn.svg) no-repeat;background-size: contain;}

.l_gotop{display: none;}


/********** reservation **********/
.area_reservation .frame{max-width: 1200px;height: 434px;display: flex;align-items: center;margin-right: auto;margin-left: auto;background: url(../../images/bg_call_link.jpg) no-repeat left center #FFF7ED;border-radius: 36.53px;padding-left: 597px;}
.area_reservation .frame .box{margin-left: 70.65px;}
.area_reservation .frame .come_title{font-family: 'Shippori Mincho',serif;}
.area_reservation .frame .come_title > span.en{color:  rgb(200 158 69 /.2);font-size: 55.65px;font-weight: 600;letter-spacing: -0.05rem;line-height: 0.95;display: block;margin-bottom: 5.6px;}
.area_reservation .frame .come_title h2{font-weight: 500;font-size: 30px;color: #D36E7E;line-height: 1.7;margin-bottom: 15px;margin-left: 1px;}
.area_reservation .frame .btn a{display: flex;justify-content: center;align-items: center;border-radius: 100vh;box-shadow: 0px 3.65px 3.65px 0px rgba(0, 0, 0, 0.2);background: #D36E7E;color: #FFF;font-size: 14.61px;text-decoration: none;width: 315px;height: 65px;}
.area_reservation .frame .message{font-size: 15px;line-height: 2;margin-bottom: 16px;}
.area_reservation .frame .come_title h2 span{display: inline-block;letter-spacing: -5px;}



.header_title{position: relative;height: 400px;padding-top: 100px;display: flex;align-items: center;justify-content: center;position: relative;}
.header_title .box::before{content: "";display: block;width: 100%;height: 100%;background: rgba(0 64 92/.4);background-blend-mode: multiply;position: absolute;left: 0;top: 0;}
.header_title .box{height: 100%;padding-top: 65px;}
.header_title .box h1{font-size: 2.5rem;font-family: 'Shippori Mincho', serif;color: #FFF9F0;position: relative;text-align: center;}

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

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

	.btn_menu{display: none;}


	.l_header .icon_recruit_site{height: 40px;}
	.l_main_navi{margin-left: auto;}
	.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;}



	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:1480px) {
	.l_header .cont{padding-right: 30px;padding-left: 30px;}
	.text_slogan img,.l_footer .logo span img{max-width: 100%;}
}

@media screen and (max-width:1400px) {
	.l_footer,.wrapper{padding-right: 30px;padding-left: 30px;}

	.l_header h1, .l_header .logo{max-width: 285px;}
	.l_main_navi .help_navi{gap: 0 30px;}
	.l_main_navi .help_navi a{font-size: 0.8125rem;}
	.l_main_navi nav{grid-column-gap: 20px;}
	.l_main_navi .main_navi{gap: 0 20px;}
	.l_main_navi a{font-size: 0.9375rem;}
	.l_main_navi .call .btn a{width: 155px;}

	.l_ft_links{padding-right: 30px;padding-left: 30px;}
}

@media screen and (max-width:1300px) {
	.area_reservation .frame{height: 300px;background-position: -140px;padding-left: 490px;}
	.area_reservation .frame .box{margin-left: 0;}
	.area_reservation .frame .come_title > span.en{font-size: 45px;}
	.area_reservation .frame .come_title h2{font-size: 22px;}

}

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



	button.btn_menu{display: flex; justify-content: center;align-items: center;position: absolute;right: 0;width: 80px;height: 80px;border: none;background: #00405C;cursor: pointer;top: 0;}
	button.btn_menu::before,button.btn_menu span::before,button.btn_menu span::after{content: "";display: block;width: 30px;height: 2px;background: #FFF;border-radius: 1px;position: absolute;}
    	button.btn_menu.active::before{display: none;}
	button.btn_menu span{position: relative;display: inline-block;width: 30px;height: 27px;text-indent: 100%;white-space: nowrap;overflow: hidden;}
	button.btn_menu span::before{top: 2px;}
	button.btn_menu span::after{bottom: 2px;}
		button.btn_menu.active span::before{top: 12px;transform: rotate(-45deg);right: 0px;width: 34px;}
		button.btn_menu.active span::after{bottom: 12px;transform: rotate(45deg);left: -4px;width: 34px;}


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

	/**/
	.l_header_wrapper{height: 80px;}
	.l_main_navi{display: none;width: 100%;height: calc(100vh - 80px);position: fixed;top: 80px;left: 0;background: rgb(0 64 92 / .85);}
	
	.menu_open .l_main_navi{display: block;}
	.l_main_navi nav{grid-template-columns: 1fr;grid-column-gap: 0;grid-row-gap: 0;padding-right: 20px;padding-left: 20px;}
	.l_main_navi .main_navi,.l_main_navi .help_navi{flex-direction: column;justify-content: start;}
	.l_main_navi .main_navi{grid-area: 1 / 1 / 2 / 2;padding-bottom: 20px;border-bottom: 1px solid #FFF; }
	.l_main_navi .help_navi{grid-area: 2 / 1 / 3 / 2;padding-top: 20px;}
	.l_main_navi .call{grid-area: 3 / 1 / 4 / 2; }
    .l_main_navi .call .btn a{width: 100%;}
    .l_main_navi a{font-size: 1.125rem;padding: 10px 40px 10px 0;width: 100%;display: block;}
    .l_main_navi .help_navi a{font-size: 1rem;}
	.l_main_navi .call{display: none;}

	/**/
	.l_ft_contact .wrapper{padding-left: 20px;}
	.l_ft_contact ul{gap: 0 20px;}
	.l_ft_contact ul li.tel a{padding-left: 15px;}
	.l_ft_contact ul li.tel a span{padding-left: 43px;}
	.l_ft_contact ul li.tel a span::before{width: 32px;height: 32px;background-size: contain;}
	.l_ft_contact ul li a::after{width: 20px;height: 20px;right: 10px;background-size: contain;}
	.l_ft_contact ul li.mobile a{padding-left: 7px;}
	.l_ft_contact ul li.mobile a span{font-size: 1.0625rem;line-height: 1.2;padding-right: 34px;padding-left: 40px;}
	.l_ft_contact ul li.mobile a span::before{width: 32px;height: 32px;background-size: contain;}


	.l_ft_links ul li{width: calc(33.3333% - 15px);}

	.header_title{padding-top: 80px;}

	
}


@media screen and (max-width:1080px) {
	/**/
	.footer_navi ul.main li{padding: 0 15px;}
	.footer_navi ul.main li:nth-last-of-type(2){padding: 0 16px;}
	.footer_navi ul.main li:nth-last-of-type(3){padding-left: 15px;}
	.footer_navi ul.main li:last-of-type{padding-left: 15px;}
	.footer_navi ul.main a{font-size: 0.875rem;}
	.footer_navi ul.sub a{font-size: 0.8125rem;}
}


@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:980px) {
	.l_header .cont nav ul.menu_list{display: none;}
}

@media (min-width: 769px) and (max-width: 1023px) {
	.call.headerfix{display: block;padding-right: 70px;}
	.call.headerfix a{color: #FFF;font-family: 'Shippori Mincho', serif;font-weight: 600;text-decoration: none;}
}

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

	img{max-width: 100%;}

	.l_header_wrapper{height: 60px;}
	.l_header h1, .l_header .logo{max-width: 260px;}
	.l_header .cont,.wrapper{padding-right: 15px;padding-left: 15px;}
	.l_main_navi{margin-left: auto;height: calc(100vh - 60px);top: 60px;padding-top: 20px;}
	.l_header .icon_recruit_site{height: 30px;width: 100px;}
	.l_main_navi .call{display: block;}
	.call p.btn{max-width: 700px;width: 100%;margin: 40px auto;}

	.l_ft_contact{height: auto;padding: 20px 0;}
    .l_ft_contact .wrapper{flex-direction: column;}
    .l_ft_contact ul{max-width: 100%;margin-top: 20px;}
    .l_footer .wrapper{padding-right: 0;padding-left: 0;}
    .footer_navi ul.main,.footer_navi ul.sub{display: none;}
	.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;}

	button.btn_menu{width: 60px;height: 60px;}
	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;}

	.header_title{height: 200px;padding-top: 60px;}
	.header_title .box{padding-top: 16px;}
	.header_title .box h1{font-size: 1.5625rem;}



	.l_ft_contact .wrapper h2::before{width: 40px;height: 40px;}
	.l_ft_contact .wrapper h2{font-size: 1.375rem;padding-left: 56px;}
	.l_ft_contact ul li.tel a{font-size: 0.9375rem;}
    .l_ft_contact ul li.tel a span::before{width: 25px;height: 25px;}
	.l_ft_contact ul li.mobile a span::before{width: 26px;height: 30px;}
    .l_ft_contact ul li.tel a span{padding-left: 31px;}
    .l_ft_contact ul li.mobile a span{font-size: 0.875rem;padding-right: 30px;padding-left: 28px;}
    .l_ft_contact ul li a::after{width: 18px;height: 18px;}

	.l_ft_links{padding-right: 20px;padding-bottom: 0;padding-left: 20px;}
	.l_ft_links ul{gap: 10px 20px;}
	.l_ft_links ul li{width: calc(50% - 10px);}

	.area_reservation .wrapper .frame{height: auto;background-size: contain;display: block;}
    .area_reservation .wrapper .frame .box{position: relative;padding: 30px 20px;}

	.area_reservation .frame .come_title h2{font-size: 1.25rem;}
	.area_reservation .frame .come_title > span.en{font-size: 40px;}
	.area_reservation .frame .come_title > span.en span{margin-left: -5px;margin-right: -3px;}
	    



.area_reservation .wrapper .frame{

    background-position: -100px center;
    padding-left: 36%;
    padding-right: 0;

}
	    .area_reservation .wrapper .frame .box {
        position: relative;
        padding: 0;
        background: #FFF7ED;
        padding: 20px;
        border-radius: 0 40px 40px 0;
    }


	.area_reservation .frame .btn a{font-size: 0.9375rem;width: 300px;height: 47px;}

}


@media screen and (max-width: 680px) {

	.area_reservation .wrapper .frame{background-position: left top;padding-left: 0;}
	.area_reservation .wrapper .frame .box{margin-left: 0;display: flex;flex-direction: column;align-items: center;}
	.area_reservation .frame{display: block;height: 100%;background-size: contain;border-radius: 15px;padding-top: 72.5%;padding-left: 0;background-position: left top;}
}


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

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


}