html{
    scroll-behavior: smooth;
}
*
{
  font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
/**/
#instafeed
{
    display: flex;
}
.instra_photo_css
{
    width: auto;
    height: 250px;
}
.instra_photo_css img
{
    width: 300px;
    height: 100%;
    padding: 0% 0%;
}
 .col-lg-3.gallery
    {
        width: 300px;
        padding-left: 0px;
        padding-right: 0px;
    }
.to_go_link
{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 13px;
  border: none;
  outline: none;
  background-color: lightgray;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}
nav {
	position: fixed;
	z-index: 10;
	left: 0;
	right: 0;
	top: 0;
	font-family: 'Montserrat', sans-serif;
	padding: 0% 2% 0 3%;
	height: 100px;
	background-color: #fff;
}
nav .logo {
	float: left;
	width: 20%;
	height: auto;
	display: flex;
    padding-left: 6%;
    padding-top: 3%;
	align-items: center;
	font-size: 24px;
}
  nav .logo img
    {
        width: 100%;
        vertical-align: middle;
        
    }
nav .links {
	float: right;
	padding: 0;
	margin: 0;
	width: 60%;
	height: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
nav .links li {
	list-style: none;
}
nav .links a {
	display: block;
	padding: 1em;
	font-size: 0.8rem;
	color: #000;
	text-decoration: none;
}
nav .links a:hover
{
opacity: 0.7;
}
#nav-toggle {
	position: absolute;
	top: -100px;
}
nav .icon-burger {
	display: none;
	position: absolute;
	right: 5%;
	top: 50%;
	transform: translateY(-50%);
}
nav .icon-burger .line {
	width: 30px;
	height: 5px;
	background-color: #000;
	margin: 5px;
	border-radius: 3px;
	transition: all .3s ease-in-out;
}
.header_button
{
    background-color: #973430;
    color: #fff;
}
/* end of the navigation div*/
/*start of the main slider*/
.carousel-indicators
{
margin-top: 0%;
}
.carousel-inner
{
    margin-top: 100px;
    width: 100%;
    height: 100%;
}
.carousel-item:nth-child(1)
{
    
background-image: url(../img/recruit/slide1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    height: 100%;
        }
.carousel-item:nth-child(2)
{
    height: 100%;
background-image:url(../img/recruit/slide2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
        }
.carousel-item:nth-child(3)
{
    height: 100%;
background-image:url(../img/recruit/slide3.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
        }
.carousel-item:nth-child(4)
{
    height: 100%;
background-image:url(../img/recruit/slide4.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
        }
.carousel-item:nth-child(5)
{
    height: 100%;
background-image:url(../img/recruit/slide5.jpg);
    background-repeat: no-repeat;
     background-position: center center;
    background-size: cover;
        }
.top_banner_image_recruite a{
    /*background: url('/assets/img/index/testban.jpg')no-repeat;
    background-position: center;
    background-size: cover;*/
    width: 300px;
    height: 200px;
    position: absolute;
    top: 20%;
    left: 30px;  
    z-index: 1;
    transform: translateY(-50%);
    display: block;
}
.top_banner_image_recruite img:hover {
opacity: 0.7;
}

/* end of the main slider */
/*お知らせ　CSS start*/
.notice
{
    display: flex;
 width: 100%;
    height: auto;
    text-align: center;
    justify-content: left;
}
.notice_heading
{
    width: 10%;
    padding:0;
    padding: 2% 0 0 0;
    border-right: 1px solid #000;
    font-size: 14px;
}
.notice_text
{
    width: 90%;
    padding: 2% 2%;
    text-align: left;
}
.notice_text p
{
    margin-bottom: 0;
    font-size: 13px;
}
/* お知らせ　 css end */
/* 小原さんの紹介*/
.owner_class
{
    width: 100%;
    height: auto;
    display: flex;
    background-color: #000000;
    padding: 0;
    margin: 0% 0 0 0;
}
.owner_img
{
    width: 50%;
    height: auto;
    padding: 8% 0 8% 0;
}
.owner_img img
{
    width: 100%;
    max-width: 990px;
    height: auto;
}
.owner_text
{
    width: 50%;
    height: auto;
    color: #ffffff;
    padding: 8% 8% 4% 3.5%;
    letter-spacing: 2px;
    line-height: 30px;
    font-size: 13px;
    /*animation: slide-up 10s;*/
    position: relative;
}
.owner_text p
{
    margin-bottom: 0px;
    font-size: 13px;
}
.owner_text img
{
    width: 50%;
    margin-left: auto;
}
.owner_inner_span
{
    font-size: 13px;
}
.koharasan_sign
{
    width: 100%;
}
.koharasan_sign img
{
    margin-left: 60%;
    padding-right: 2%;
}
/*watayaの紹介ページのCSS*/
#wataya_information
{
    width: 100%;
    height: auto;
    padding: 2% 0 4% 2%;
    margin: 0;
    display: flex;
     background-image: url(../img/recruit/wataya_inforamtion_bg_2.png);
    background-size: 100% 100%;
}
#wataya_information .wataya_information_img
{
    width: 55%;
    margin: 0;
    padding: 0;
   /* height: 50vh;*/
    height: auto;
    display: block;
}
#wataya_information .wataya_information_img_set1
{
    width: 100%;
   /* height: 30vh;*/
    height: auto;
    display: flex;
    overflow: hidden;
}
#wataya_information .wataya_information_img_set2
{
    width: 100%;
   /* height: 22vh;*/
    height: auto;
    display: flex;
}
#wataya_information .wataya_information_img_set1 .set1_img1
{
    width: 70%;
    margin: 10px 10px 0px 0px;
}
#wataya_information .wataya_information_img_set1 .set1_img1 img
{
    width: 100%;
    height: auto;
}
#wataya_information .wataya_information_img_set2 .set1_img2_mobile
{
    display: none;
}
#wataya_information .wataya_information_img_set1 .set1_img2_pc
{
    width: 30%;
    margin: 10px 0 0 0;
}
#wataya_information .wataya_information_img_set1 .set1_img2_pc img
{
    width: 100%;
    height: auto;
}
#wataya_information .wataya_information_img_set2 .set2_img1
{
    width: 60%;
    margin: 10px 10px 0px 0px;
}
#wataya_information .wataya_information_img_set2 .set2_img1 img
{
    width: 100%;
    height: auto;
}
#wataya_information .wataya_information_img_set2 .set2_img2
{
    width: 60%;
    margin: 10px 0 0px 0px;
}
#wataya_information .wataya_information_img_set2 .set2_img2 img
{
    width: 100%;
    height: auto;
}
#wataya_information .wataya_information_text
{
    width: 50%;
    margin: 0;
    padding: 8% 4% 0% 2%;
    height: auto;
    background-image: none;
}
#wataya_information .wataya_information_text p
{
    text-align: left;
    letter-spacing: 3px;
    line-height: 30px;
     font-size: 13px;
    margin: 8% 4% 0 4%;
}
/* Slideshow container */
.employee_header
{
    width: 100%;
    text-align: center;
    justify-content: center;
    background-color: #F0F0F0;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding: 2% 0% 0.5% 0%;
}
.employee_header h2
{
    font-size: 30px;
    
}
.employee_header p
{
    color: #973430;
    font-size: 13px;
}
#recruit_wataya_oshirase .row
{
    margin-top: 0rem;
    margin-bottom: 2rem;
    justify-content: center;
}
#recruit_wataya_oshirase .column {
    transition: all 0.25s;
  float: left;
  width: calc(100% / 5);
  margin: 0;
    padding: 0;
    text-align: center;
    justify-content: center;
    color: #ffffff;
    height: 43vh;
}
#recruit_wataya_oshirase .column:nth-child(1)
{
background-image: url(../img/recruit/sho.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
        }
#recruit_wataya_oshirase .column:nth-child(2)
{
background-image: url(../img/recruit/sho2.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
        }
#recruit_wataya_oshirase .column:nth-child(3)
{
background-image: url('../img/recruit/sho3.jpg');
    background-repeat: no-repeat;
    background-size: 100% auto;
}
#recruit_wataya_oshirase .column:nth-child(4)
{
      
background-image: url('../img/recruit/sho4.jpg');
    background-repeat: no-repeat;
    background-size: 100% auto;
        }
#recruit_wataya_oshirase .column:nth-child(5)
{
background-image: url('../img/recruit/sho5.jpg');
    background-repeat: no-repeat;
    background-size: 100% auto;
     }
#recruit_column
{
  opacity: 1.0; 
    height: auto;
}
#recruit_oshirase_text
{
    font-size: 13px;
    padding: 15% 16% 15% 14%;
  /*  text-shadow: 50px 50px 50px black, 0 0 25px blue, 0 0 5px darkblue;*/
    word-wrap: break-word;
     text-align: left;
  text-justify: inter-word;
    letter-spacing: 4px;
    color: #fff;
    display: none;
    height: auto;
    float: bottom;
    line-height: 22px;
    
}
 #recruit_column:hover #recruit_oshirase_text
{
    height: 100%;
    display: block;
    background-color: rgba(0,0,0,0.5);
    background-size: cover;
}
#recruit_wataya_oshirase .container_card {
  padding: 0 0px;
     height:  auto;
}
/*#recruit_wataya_oshirase .container_card::after, .row::after {
  content: "";
  clear: both;
  display: table;
}
*/
/* 社員紹介ページCSS*/
#employee a {
    text-decoration: none;
}
#employee .swiper-container {
    width: auto;
    height: 60vh;
    margin: 3% 0 0 0;
    padding: 0;
}
#employee .swiper-slide {
    height: 55vh;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    flex-direction: column;
}
#employee .swiper-slide a {
    width: 100%;
    height: 100%;
    margin-bottom: 30px;
}
#employee .swiper-slide .employee_img {
    height: 100%;
    position: relative;
    width: 85%;
    margin: 0 auto;
}

#employee .swiper-slide p.name {
    font-size: 28px;
    color: #803430;
    text-align: center;
    margin: 0;
}

#employee .swiper-slide p.date {
    font-size: 14px;
    color: #803430;
    text-align: center;
}

@media screen and (max-width: 1300px) {
    #employee .swiper-slide p.name {
        font-size: 28px;
    }

    #employee .swiper-slide p.date {
        font-size: 14px;
    }
}

#employee .swiper-slide .position {
    position: absolute;
    bottom: 3%;
    height: 27%;
    width: 100%;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#employee .swiper-slide .position .overlay {
    position: absolute;
    background-color: #000;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#employee .swiper-slide .position__inner {
    z-index: 2;
} 
#employee .swiper-slide .position__inner p.title {
    font-size: 36px;
    margin: 0;
    margin-bottom: -5px;
}
#employee .swiper-slide .position__inner p.subtitle {
    font-size: 14px;
    margin: 0;
}
@media screen and (max-width: 1300px) {
    #employee .swiper-slide .position__inner p.title {
        font-size: 28px;
        margin: 0;
    }
    #employee .swiper-slide .position__inner p.subtitle {
        font-size: 16px;
        margin: 0;
    }
}

#employee .swiper-slide:hover{
    opacity: 0.7;
}
 #employee .swiper-slide:nth-child(1) .employee_img
{
    background-image: url(../img/recruit/employee1.jpg);
    background-size: cover;
}
#employee .swiper-slide:nth-child(2) .employee_img
{

    background-image: url(../img/recruit/employee2.jpg);
    background-size: cover;
}
 #employee .swiper-slide:nth-child(3) .employee_img
{
    background-image: url(../img/recruit/employee3.jpg);
    background-size: cover;
}
#employee .swiper-slide:nth-child(4) .employee_img
{

    background-image: url(../img/recruit/employee4.jpg);
    background-size: cover;
}
#employee .swiper-slide:nth-child(5) .employee_img
{

    background-image: url(../img/recruit/employee5.jpg);
    background-size: cover;
}
 #employee .swiper-slide span:hover
{
    opacity: 0.8;
}

 #employee .swiper-button-next:after
{
    color: silver;
    font-size: 3vw;
}
#employee .swiper-button-prev:after
{
    color: #000;
    font-size: 3vw;
}
#employee .swiper-button-prev, #employee .swiper-container-rtl, #employee .swiper-button-next {
    background-image: none;
}
#employee .swiper-pagination-bullets
{
    bottom: 0px;
}
.modal-full .modal-content {
    height: auto;
    width: 210%;
    margin-left: -53%;
}
.btn-primary
{
    background-color: none;
}

.modal-header1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2rem 2rem;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
.modal-header1 .close {
    padding: 1rem 1rem 0rem 0rem;
    font-size: 6vw;
    margin: -2rem -1rem -4rem auto;
}
.modal-header1 span
{
    float: right;
}
.close
{
    font-size: 2.5vw;
}
.employee_link_text
{
    color: #fff;
    width: 180%;
    margin-left: -30%;
     margin-bottom: 90%;
    text-align: center;
    overflow: hidden;
}
.employee_link_text_3
{
    color: #fff;
    width: 100%;
    margin-bottom: 50%;
    text-align: center;
     width: 100%;
}
.employee_link_text_3:hover
{
background: rgba(192, 192, 192, 0.6);
}
.employee_link_text:hover
{
background: rgba(192, 192, 192, 0.6);
}
.inner_emp1_img
{
    height: 20%;
    width: 100%;
}
.inner_emp1_img img
{
    width: 80%;
    margin: 1% 0 0% 9.5%;
}
.inner_emp1_text
{
    width: 100%;
    height: auto;
    padding: 5% 10% 10% 10%;
    letter-spacing: 3px;
    line-height: 30px
}
.inner_emp1_text p
{
    padding-bottom: 0rem;
    line-height: 22px;
        font-size: 13px;
}
.inner_emp1_time_table
{
    display: flex;
    width: 95%;
    height: auto;
    font-size: 13px;
    text-align: center;
    border: 1px solid #973430;
}
.inner_emp1_time_table_chef
{
    display: flex;
    width: 95%;
    height: auto;
    font-size: 13px;
    text-align: center;
    border: 1px solid #973430;
}

.inner_emp1_time_table_attendant
{
    display: flex;
    width: 95%;
    height: auto;
    font-size: 13px;
    text-align: center;
    border: 1px solid #973430;
}
.inner_emp1_time_table_attendant .inner_emp1_time_table_heading
{
   padding: 0; 
}
.inner_emp1_time_table_heading
{
    text-align: center;
    width: 22%;
    justify-content: center;
    margin-top: auto;
    margin-bottom: auto; 
    line-height: 30px;
    padding: 0;
         border-bottom: 0px solid #973430;
    font-size: 13px;
}
.inner_emp1_time_table_sub
{
   width: 78%;
    text-align: left;
    padding: 1%;
    border-left: 1px solid #973430;
      margin-top: auto;
    margin-bottom: auto; 
    height: 100%;
}
.inner_emp1_set1
{
    display: flex;
    padding: 2%;
    color: #fff;
}
   .inner_emp1_img_pc
{
    display: block;
}
/*.inner_emp1_set1_chef
{
    height: 120%;
}*/
.timing_button
{
    width: 100px;
    height: 30px;
    text-align: center;
    font-size: 13px;
    background: #973430;
    padding: 0 1% 0 1%;
}
.timing_button_chef
{
    width: 100px;
    height: auto;
    text-align: center;
    font-size: 13px;
    background: #973430;
    padding: 0 1% 0 1%;
}
.inner_dutie
{
    width: 35%;
    height: auto;
    padding-left: 2%;
    text-align: left;
    color: #000;
    font-size: 13px;
}

.inner_dutie_desc
{
    width: 70%;
    color: #000;
    height: 5%;
    font-size: 13px;
}
 .inner_dutie_desc_mobile
    {
        display: none;
    }
.inner_emp1_img_sp
{
    display: none;
}
/* employee staying page css*/
#welfare_main
{
      justify-content: center;
    margin: 8.2% 15% 7% 15%;
    border: solid 2px;
}
#welfare
{
    width: 100%;
    display: flex;
    margin-top: 6%;
    position: relative;
}
.welfare_img
{
    width: 20%;
    text-align: center;
    justify-content: center;
    background-color: #ffffff;
    height: auto;
    padding-top: 2%;
    margin-left: auto;
    margin-right: auto;
    padding: 5.5% 0% 0.5% 0%;
    margin-top: 0%;
    position: absolute;
    left: 40%;
   /* margin-left: 39.4%;*/
}
.welfare_img h2
{
    font-size: 30px;
    
}
.welfare_img p
{
    color: #973430;
    font-size: 13px;
}

#welfare .employee_onsen
{
    width: 100%;
    display: block;
    justify-content:space-around;
    padding: 4% 2% 4% 4%;
    letter-spacing: 3px;
    line-height: 28px;
}
#welfare .employee_onsen_image img
{
    width: 100%;
}
#welfare .employee_food
{
    width: 100%;
    display: block;
    justify-content:space-around;
    letter-spacing: 3px;
    line-height: 28px;
    padding: 4% 4% 4% 2%;
}
#welfare .employee_food_image img
{
    width: 100%;
}
#welfare .employee_onsen_text, .employee_food_text
{
     letter-spacing: 3px;
     line-height: 15px; 
    padding: 7% 2% 0 2%;
     font-size: 13px;
}
#welfare .employee_onsen_text, .employee_food_text p
{
     line-height: 22px;  
    font-size: 13px;
}
#welfare .employee_food_text h5
{
    font-size: 15px;
}
.employee_onsen_text h5
{
    font-size: 15px;
}
#welfare_main .employee_use_info 
{
    width: auto;
    padding: 0 0% 0 4%;
    letter-spacing: 3px;
    line-height: 15px; 
    word-wrap: break-word;
    font-size: 13px;
}
#welfare_main .employee_use_info p
{
    line-height: 7px; 
    letter-spacing: 2px;
      font-size: 13px;
}
#welfare_main .employee_use_info h5
{
    font-size: 15px;
}
.container1
{
    width: 90%;
    margin: 4% 0 0 5%;
}
.card1 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid #fff;
    border-radius: .25rem;
}
.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
    color: #545454;
    width: 30px;
    font-size: 20px;
}
.accordion .card-header:hover{
    opacity: 0.7;
     background-color: rgba(0,0,0,0.1);
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    background-color: rgba(0,0,0,.03);
  /*  border-bottom: 1px solid  #000;*/
    border-top: 1px solid;
    text-align: center;
    font-size: 13px;
}
    .employee_information_p
{
    font-size: 13px;
}
/*
.card-header
{
    margin-top: 10px;
    text-align: center;
    font-size: 2.1vw;
    border-top: 2px solid #000;
}*/
.card-title
{
    font-size: 18px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 0.5px solid #000000;
    margin: 2% 0 2% 0;
}
th
{
  text-align: center;
  padding: 8px;
    border: 0.5px solid #000000; 
    font-size: 13px;
}
td {
  text-align: center;
  padding: 8px;
    border: 1px solid #000000;
    font-size: 13px;
}
.no_job_span
{
    font-size: 10px;
    color: red;
}
.employee_information_slide_mobile
{
    display: none;
    color: #fff;
    font-size: 10px;
}
.recruit_flow
{
    width: 100%;
    padding: 4% 0 4% 0
}
.recruit_flow_img
{
    display: block;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.recruit_flow_img img
{
    width: 100%;
 margin-left: auto;
    margin-right: auto;
}
.recruit_flow_img_sp
{
    display: none;
}
.recruit_flow_text
{
    width: 55%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2%;
    padding-left: 3%;
    font-size: 13px;
    line-height: 25px;
    letter-spacing: 3px;
}
/*recuit button css*/

.recruit_button_pc
{
    width: 100%;
    height: 100vh;
    background-image: url(../img/recruit/recruit_form_pc.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
   margin-top: 4%;
    background-attachment: none;
    position: relative;
    background-color: #fff;
    
}
.recruit_button_pc span
{
    line-height: 30px;
     font-size: 13px;
     position:absolute;
    text-align: center;
     color: #fff;
    width: 100%;
 left: 0;
    bottom: 0;
    padding-bottom: 3%;
}
.apply_button
{
    width: 40%;
    margin: 0 auto;
    background-color: #fff;
}
.recruit_button_pc button
{
    width: 100%;
    height: 60px;
    text-align: center;
    color: #fff;
    background: #973430;
}
.recruit_button_pc button:hover
{
    opacity: 0.8; 
}
/*.recruit_button_pc button span
{
    text-align: right;
}*/
.recruit_instragram_id_img
{
    width: 20%;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
padding-top: 5%;
    padding-bottom: 3%;
}
.recruit_instragram_id_img img
{
    width: 100%;
     margin-left: auto;
    margin-right: auto;
}
.instragram_photos
{
    width: 30%;
    height: auto;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    margin: 3% auto;
}
.instragram_photos button
{
    width: 100%;
    height: 5%;
    color: #fff;
    background-color: #000;
}
.instragram_photos button:hover
{
    opacity: 0.7;
}
.top_return_button
{
    width: 100%;
    height: auto;
　　margin-left: auto;
    text-align: right;
    padding: 2% 2% 2% 0;
    font-size: 1.5vw;
    color: #000;
}
.top_return_button a
{
    color: #000;
}
.eapps-instagram-feed-posts-grid-load-more-text-visible
    {
        background: #000000;
    }
.eapps-instagram-feed-title-container
{
    display: none;
}
.eapps-instagram-feed-title
{
    display: none;
}
.eapps-link
{
    display: none;
}
@media screen and (max-width: 1100px)
{
    .employee_header {
    height: auto;
    margin: 0;
    padding: 2% 0 0.5% 0;
}
    .owner_img
{
    padding: 12% 0 0% 0;
}
    .owner_text p
{
    line-height: 20px;
}
    #wataya_information .wataya_information_text p
    {
            letter-spacing: 2px;
    line-height: 22px;
    }
     .column {
    width: calc(100% / 4);
    display: block;
  }
    .container_card {
  padding: 0 0px;
     height: 28%;
}
    .column {
    width: calc(100% /2);
  }
    #wataya_information {
    width: 100%;
    height: auto;
    padding: 2% 0 4% 2%;
    margin: 0;
    display: flex;
    background-image: url(../img/recruit/wataya_inforamtion_bg_2_sp.png);
    background-size: 100% 100%;
        background-repeat: no-repeat;
}
    #wataya_information .wataya_information_text {
    width: 50%;
    margin: 0;
    padding: 0% 4% 0% 2%;
    height: auto;
        background-image: none;
}
    #wataya_information .wataya_information_img
{
    width: 55%;
    margin: 0;
    padding: 0;
    height: auto;
    display: block;
}
#wataya_information .wataya_information_img_set1
{
    width: 100%;
    height: auto;
    display: flex;
    overflow: hidden;
}
#wataya_information .wataya_information_img_set2
{
    width: 100%;
    height: auto;
    display: flex;
}
    #recruit_wataya_oshirase .column {
   height: 30vh;
}
      .modal-full .modal-content {
    min-height: 120vh;
    width: 140%;
        margin-left: -20%;
}
    .inner_emp1_img_sp
{
    display: none;
}
   
    .inner_emp1_img
{
    height: auto;
    width: 100%;
}
    .inner_emp1_time_table_sub
{
    height: auto;
}
    #employee .swiper-container
    {
         height: 60vh;
         padding: 0 1%;
    }
    #employee .swiper-slide
    {
        height: 60vh;
    }
    #employee .swiper-button-prev, #employee .swiper-container-rtl, #employee .swiper-button-next {
        width: 10px;
    }
    #welfare .employee_onsen_text, .employee_food_text p {
    line-height: 22px;
}
    .recruit_flow_img_sp
    {
        display: none;
    }
    .recruit_flow_text {
    letter-spacing: 3px;
}
        .recruit_button_pc
{
    height: 60vh;
    background-image: url(../img/recruit/recruit_form_pc.jpg);
}
    .recruit_button_pc span
    {
        padding-bottom: 1%;
    }
    .apply_button
{
    width: 50%;
}
    .recruit_button_pc button {
    width: 100%;
    height: 45px;
   
}
    nav .logo {
	width: 18%;
	height: auto;
        padding: 0%;
	
}
     nav .logo img
    {
        padding-top: 15%;
    }
  
	nav .links {
		float: none;
		position: fixed;
		z-index: 9;
		left: 0;
		right: 0;
		top: 100px;
		bottom: 100%;
		width: auto;
		height: auto;
		flex-direction: column;
		justify-content: space-evenly;
		background-color: rgba(0,0,0,.8);
		overflow: hidden;
		box-sizing: border-box;
		transition: all .5s ease-in-out;
	}
	nav .links a {
		font-size: 13px;
        color: #fff;
	}
    nav .links a:hover {
		opacity: 0.7;
	}
	nav :checked ~ .links {
		bottom: 0;
	}
	nav .icon-burger {
		display: block;
	}
    nav .icon-burger .line {
	width: 40px;
	height: 3px;
}
    nav :checked ~ .icon-burger .line:nth-child(1) {
		transform: translateY(8px) rotate(45deg);
	}
	nav :checked ~ .icon-burger .line:nth-child(3) {
		transform: translateY(-8px) rotate(-45deg);
	}
	nav :checked ~ .icon-burger .line:nth-child(2) {
		opacity: 0;
	}

}
@media screen and (max-width: 769px)
{
    .instra_photo_css
    {
        height: 135px; 
        overflow: hidden;
    }
     .instra_photo_css img {
    width: 125px;
    height: 130px;
    padding: 0% 0%;
}
   .col-lg-3.gallery
    {
        padding-left: 0px;
        padding-right: 0px;
    }
    .carousel-inner
    {
        margin-top: 70px;
        height: 100%;
        margin-bottom: 0%;
    }
    .carousel-item:nth-child(1)
    {
        background-image: url(../img/recruit/mobile_slide.jpg);
    }
    .carousel-item:nth-child(2)
    {
        background-image: url(../img/recruit/mobile_slide2.jpg);
    }
    .carousel-item:nth-child(3)
    {
        background-image: url(../img/recruit/mobile_slide3.jpg);
    }
    .carousel-item:nth-child(4)
    {
        background-image: url(../img/recruit/mobile_slide4.jpg);
    }
    .carousel-item:nth-child(5)
    {
        background-image: url(../img/recruit/mobile_slide5.jpg);
    }
    .notice
{
 width: 100%;
    display: block;
    height: auto;
    text-align: center;
    justify-content: left;
    padding: 4% 0 0 0;
    margin-bottom: 7%;
    
}
    .notice_heading
{
    width: 100%;
    padding: 0% 0 0 0;
     font-size: 13px;
    border-right: 0px;
}
.notice_text
{
    width: 100%;
    padding: 0% 2% 0% 2%;
     font-size: 13px;
    text-align: center;
}
    #wataya_information
    {
        display: block;
        height: auto;
        padding: 0;
        width: 100%;
         background-image: none;
    background-size: 200% 50%;
        background-repeat: no-repeat;
    }
    #wataya_information .wataya_information_img
    {
        width: 100%;
    }
    #wataya_information .wataya_information_text
    {
        width: 100%;
        padding: 2% 6% 5% 6%;
        background-image: url(../img/recruit/wataya_inforamtion_bg_2_sp.png);
        background-size: cover;
    height: auto;
        
    }
    #wataya_information .wataya_information_img_set1 .set1_img1
    {
        width: 100%;
    }
    #wataya_information .wataya_information_img_set1 .set1_img1
{
    margin: 0px 0px 0px 0px;
}
    #wataya_information .wataya_information_img_set2 .set2_img1
{
    margin: 5px 0px 0px 0px;
}
    #wataya_information .wataya_information_img_set2 .set2_img2
{
    margin: 5px 0px 0px 5px;
}
    #wataya_information .wataya_information_img_set1 .set1_img2_pc
    {
        display: none;
    }
    #wataya_information .wataya_information_img_set2 .set2_img2 img
    {
        width: 100%;
    }
    
    #wataya_information .wataya_information_text p{
    line-height: 22px;
}
    .owner_class
    {
        display: block;
        height: auto;
    }
    .owner_img
    {
        width: 100%;
        height: 50%;
          height: auto;
    padding: 0% 0 0% 0;
    }
    .owner_text img
{
    width: 40%;
}
    .owner_text
    {
        width: 100%;
        line-height: 20px;
         padding: 5% 8% 5% 8%;
    }
       .owner_img img {
    width: 100%;
    height: auto;
}
    .owner_text p
{
    margin-bottom: 0px;
}
    .owner_inner_span
    {
        line-height: 28px;
    }
    #recruit_wataya_oshirase .row
{
    margin-top: 5rem;
     margin-top: 5rem;
}
#recruit_wataya_oshirase .column {
    transition: all 0.25s;
  float: left;
  width: calc(100% / 1);
    color: #ffffff;
    height: 25vh;
}
#recruit_wataya_oshirase .column:nth-child(1)
{
background-image: url(../img/recruit/sho_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
        }
#recruit_wataya_oshirase .column:nth-child(2)
{
background-image: url(../img/recruit/sho2_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
        }
#recruit_wataya_oshirase .column:nth-child(3)
{
background-image: url('../img/recruit/sho3_sp.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#recruit_wataya_oshirase .column:nth-child(4)
{
background-image: url('../img/recruit/sho4_sp.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
        }
#recruit_wataya_oshirase .column:nth-child(5)
{
background-image: url('../img/recruit/sho5_sp.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
     }
    #recruit_oshirase_text 
    {
        line-height: 20px;
         padding: 10.8% 6% 5% 6%;
        font-size: 13px;
    
    }
    .employee_header
{

    height: auto;
    margin: 0;
    padding: 7.5% 0 0.5% 0;
}
    .employee_header h2
{
    font-size: 5vw;
    line-height: 5px;
}
.employee_header p
{
    color: #973430;
    font-size: 2.5vw;
}
       .welfare_img
{
    width: 35%;
    height: auto;
    margin: 0;
    left: 33%;
    padding: 16.5% 0 0.5% 0;
}
    .welfare_img h2
{
    font-size: 5vw;
    line-height: 5px;
}
.welfare_img p
{
    color: #973430;
    font-size: 2.5vw;
}
    /*end of the header navigation*/
  .column {
    width: calc(100% /2);
  }
     .product_introduction_text p
{
    line-height: 9px;
}
    /*employee slider css*/
    .modal-full .modal-content {
    min-height: 120vh;
    width: 80%;
        margin-left: 9%;
}
    .inner_emp1_img
    {
         width: 100%;
    height: auto;
    }
.inner_emp1_img img
{
    width: 80%;
    height: auto;
    margin: 1% 0 5% 9.5%;
}
    
    .inner_dutie
{
    width: 100%;
    height: 2%;
}
    .inner_dutie_desc
    {
        display: none;
    }
    .inner_dutie_desc_mobile
    {
        display: block;
        width: 100%;
        padding: 0 6% 0 3%
    }
    .inner_emp1_text 
    {
        line-height: 18px;
        letter-spacing: 2px;
    }
    .inner_emp1_time_table
{
    display: block;
    width: 100%;
  /*  height: 55vh;*/
    height: auto;
} 
    .inner_emp1_text p
    {
         margin-bottom: 0rem;
    }
     .inner_emp1_time_table p
{
    margin-bottom: 0rem;
 
} 
     .inner_emp1_time_table_chef
    {
        display: block;
        width: 100%;
    }
     .inner_emp1_time_table_attendant
    {
        display: block;
        width: 100%;
    }
    .inner_emp1_time_table_attendant
    {
       /* height: 85vh;*/
        height: auto;
    }
   .inner_emp1_time_table_attendant .inner_emp1_time_table_heading
{
   padding: 0% ; 
}
    .inner_emp1_img_pc
{
    display: none;
}
       .inner_emp1_img_sp
{
    display: block;
}
    .inner_emp1_time_table_heading
{
    width: 100%;
    padding: 0% 0 0% 0;
    line-height: 10px;
    font-weight: 500;
     border-bottom: 1px solid #973430;
     margin-top: auto;
    margin-bottom: auto;
}
    .inner_emp1_time_table_sub
{
   width: 100%;
    height: auto;
    /*height: 90%;*/
    text-align: left;
     border-left: 0px solid #973430;
    padding: 1%;
    margin-top: auto;
    margin-bottom: auto;
}
    .timing_button
{
    width: 50px;
    height: auto;
    text-align: center;
}
    .timing_button_chef
{
    width: 50px;
    height: auto;
    text-align: center;
}
    .recruit_flow_img
    {
        display: none;
    }
    .recruit_flow_img_sp
    {
        display: block;
         width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
     .recruit_flow_img_sp img
    {
        width: 85%;
        margin-left: 7%;
        margin-right: auto;
    }
     .recruit_flow_text p
    {
        letter-spacing: 2px;
        line-height: 20px;
    }
  .recruit_flow_text {
    width: 80%;
    margin-left: auto;
      margin-right: auto;
    line-height: 20px;
    letter-spacing: 3px;
}  
   /* .recruit_button_pc
{
    display: none;
    }*/
    .recruit_button_pc
{
    height: 60vh;
    background-image: url(../img/recruit/recruit_form_sp.jpg);
}
    .recruit_button_pc span
{
    line-height: 20px;
   margin-bottom: 13%;
}
    .apply_button
{
    width: 70%;
    margin: 0 auto;
    background-color: #fff;
}
    .recruit_button_pc button
{
    height: 50px;
    font-size: 3.5vw;
    width: 100%;
   
}
    #xyz {
    display: block;
    width: 200px;
    height: 45vh;
    margin: 0 10%;
}
     #employee .swiper-slide img
{
    width: 80%;
    height: 100%;
    margin-right: 5.5%;
}
    #employee .swiper-slide img:hover
{
    opacity: 0.9;
}
    #employee .swiper-button-next:after
{
    color: #000;
    font-size: 7vw;
}
#employee .swiper-button-prev:after
{
    color: #000;
    font-size: 7vw;
}
    /* employee slider css*/
    #welfare
    {
        display: block;
        margin-top:10%;
        position: relative;
    }
   /* .welfare_img img
{
    width: 100%;
    position: relative;
    margin-bottom: -33%;
  margin-top: 10%;
}*/
    #welfare .employee_onsen
{
    width: auto;
    }
    #welfare .employee_food
{
    width: auto;
    }
    #welfare_main
    {
        margin: 20% 7% 7% 7%;
    }
    #welfare .employee_onsen
    {
      padding: 5% 5% 0% 5%;  
    }
     #welfare .employee_food
    {
     padding: 5% 5% 0% 5%; 
    }
   #welfare .employee_onsen_text, .employee_food_text
    {
        letter-spacing: 2px;
        padding: 5% 5% 5% 5%;
         line-height: 15px;
    }
    #welfare .employee_onsen_text, .employee_food_text p
    {
         line-height: 20px;
    }
    #welfare_main .employee_use_info 
{
    padding: 0 7% 0 7%;
    letter-spacing: 3px;
    word-wrap: break-word;
}
#welfare_main .employee_use_info p
{ 
    letter-spacing: 2px;
    line-height: 20px;
    margin-bottom: 0;
}
    .collapsible
    {
        font-size: 5vw;
    }
    .card-title
{
    font-size: 20px;
}
    .accordion .card-header:after
    {
        width: 13px;
        padding-top: 2%;
    font-size: 3.5vw;
    }
    .card-header {
    font-size: 11px;
}
/*
.card-header
{
    margin-top: 10px;
    text-align: center;
    font-size: 2.1vw;
    border-top: 2px solid #000;
}*/
    .employee_information_p
{
    font-size: 11px;
}
.card-title
{
    font-size: 15px;
}
th
{
    font-size: 11px;
}
td {
    font-size: 11px;
}
    table
    {
        width: 250%;
    }
     td:nth-child(1)
    {
        width: 15%;
    }
     td:nth-child(2)
    {
        width: 30%;
    }
     td:nth-child(3)
    {
        width: 17%;
    }
    td:nth-child(4)
    {
        width: 100%;
    }
    .no_job_span
    {
        font-size: 8px;
    }
    .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 13px;}
    .recruit_instragram_id_img
    {
        width: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;                                                                                                                                                 
    }
    .eapps-instagram-feed-posts-grid-load-more
    {
        background: #000000;
    }
    .employee_information_slide_mobile
{
    display: block;
    color: red;
    font-size: 9px;
}
    .top_return_button
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    font-size: 3vw;
    text-align: right;
    padding: 2% 2% 2% 2%;
}
    /* top return button*/
    #myBtn {
        width: 50px;
  display: none;
  position: fixed;
  bottom: 108px;
  right: 15px;
  z-index: 99;
  font-size: 13px;
  border: none;
  outline: none;
  background-color: lightgray;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}
    nav 
    {
        padding: 3% 0% 0% 0%;
    }
    /*header chwck*/
  nav .logo {
	float: left;
	width: 35%;
      padding-top: 10%;
	height: auto;
	display: flex;
	align-items: center;
	font-size: 24px;
}
     nav .logo img
    {
        padding-top: 13%;
        padding-left: 8%;
    }
	nav .links {
		float: none;
		position: fixed;
		z-index: 9;
		left: 0;
		right: auto;
		top: 100px;
		bottom: 100%;
        width: auto;
         height: auto;
       flex-direction: column;
		justify-content: space-evenly;
		background-color: rgba(0,0,0,.8);
		overflow: hidden;
		box-sizing: border-box;
		transition: all .5s ease-in-out;
	}
	nav .links a {
		font-size: 13px;
        color: #fff;
	}
    nav .links a:hover{
        opacity: 0.7;
    }
	nav :checked ~ .links {
		bottom: 0;
	}
	nav .icon-burger {
		display: block;
        width: 40px;
	}
	nav :checked ~ .icon-burger .line:nth-child(1) {
		transform: translateY(8px) rotate(45deg);
	}
	nav :checked ~ .icon-burger .line:nth-child(3) {
		transform: translateY(-8px) rotate(-45deg);
	}
    nav .icon-burger .line {
    width: 30px;
    height: 3px;
}  
}
@media screen and (max-width: 500px)
{
     #employee .swiper-container {
      width: auto;
      height: 68vh;
        padding: 0;
    }
    nav 
    {
        padding: 0% 0% 0% 0%;
    }
     nav .logo
 {
        padding-top: 3%;
    }
    #employee .swiper-slide
    {
        height: 62vh;
    }

}
@media screen and (max-width: 350px) 
{
      .instra_photo_css
    {
        height: 125px; 
        overflow: hidden;
    }
     .instra_photo_css img {
    width: 106px;
    height: 118px;
}
     #employee .swiper-container {
      width: auto;
      height: 65vh;
        }
  #recruit_wataya_oshirase .column {
    height: 28vh;
}  
     nav .logo img
    {
        padding-top: 30%;
        padding-left: 8%;
    }
    .recruit_button_pc span {
    line-height: 15px;
    margin-bottom: 7%;
        padding: 0% 6%;
}
    
}
@media screen and (min-width: 414px) and (max-width: 790px) 
{
      .instra_photo_css
    {
        height: 145px; 
        overflow: hidden;
    }
     .instra_photo_css img {
    width: 138px;
    height: 140px;
}
     #employee .swiper-container {
      width: auto;
      height: 65vh;
        }
    #employee .swiper-slide
    {
        height: 59vh;
    }
        .recruit_button_pc span
{
  margin-bottom: 17%;
}
  #recruit_wataya_oshirase .column 
    {
        height: 22vh;
    }
     #recruit_oshirase_text 
    {
         padding: 11.2% 10% 3% 10%;
        font-size: 13px;
    }
}
@media screen and (max-width: 766px) 
{
    .custom_insta iframe{
    display: block;}
}
@media screen and (min-width: 500px) and (max-width: 900px) 
{
    
     #employee .swiper-container {
      width: auto;
      height: 60vh;
        padding: 0 2%;
    }
    #employee .swiper-slide {
    height: 60vh;
}
    nav 
    {
        padding: 0% 0% 0% 0%;
    }
    .employee_header
    {
        padding: 5.5% 0 0.5% 0;
    }
    .employee_header h2 {
    font-size: 3.9vw;
}
    .employee_header p {
    font-size: 2vw;
}
    .instra_photo_css img {
    width: 283px;
}
}
@media screen and (min-width: 1300px)
{
     .instra_photo_css
    {
        width: 100%;
    height: 290px; 
    }
    .instra_photo_css img
{
    width: 285px;
    height: 285px;
    padding: 0% 0%;
}
    nav .logo
    {
        max-width: 220px;
        padding-left: 3%;
        padding-top: 2%;
    }
    nav .logo img
    {
        vertical-align: middle;
    }
   #carouselExampleIndicators
{
    width: 100%;
    height: 110vh;
}
     #employee .swiper-container {
      width: auto;
      height: 80vh;
        }
    #employee .swiper-slide
    {
        height: 80vh;
    }
    #recruit_wataya_oshirase .column {
    height: 50vh;
}
     #recruit_wataya_oshirase .column:nth-child(1)
{
    background-size: 100% auto;
        }
#recruit_wataya_oshirase .column:nth-child(2)
{
    background-size: 100% auto;
        }
#recruit_wataya_oshirase .column:nth-child(3)
{
    background-size: 100% auto;
}
#recruit_wataya_oshirase .column:nth-child(4)
{
    background-size: 100% auto;
        }
#recruit_wataya_oshirase .column:nth-child(5)
{
    background-size: 100% auto;
     }
}
@media screen and (min-width: 1350px) and (max-width: 1380px)
{
     nav .logo
    {
        max-width: 210px;
        padding-left: 3%;
        padding-top: 2%;
    }
      #recruit_wataya_oshirase .column {
    height: 58vh;
    }
    
     #employee .swiper-container {
      width: auto;
      height: 80vh;
        }
    #employee .swiper-slide
    {
        height: 75vh;
    }
}
@media screen and (min-width: 1500px)
{
    .instra_photo_css
    {
        width: 100%;
    height: 400px; 
    }
    .instra_photo_css img
{
    width: 380px;
    height: 380px;
    padding: 0% 0%;
}
    .col-lg-4.gallery
    {
        width: 300px;
        padding-left: 0px;
        padding-right: 0px;
    }
      #recruit_wataya_oshirase .column {
    height: 55vh;
    }
   #employee .swiper-container {
      width: auto;
      height: 80vh;
        }
    #employee .swiper-slide
    {
        height: 80vh;
    } 
    #recruit_wataya_oshirase .column:nth-child(1)
{
    background-size: 100% 100%;
        }
#recruit_wataya_oshirase .column:nth-child(2)
{
    background-size: 100% 100%;
        }
#recruit_wataya_oshirase .column:nth-child(3)
{
    background-size: 100% 100%;
}
#recruit_wataya_oshirase .column:nth-child(4)
{
    background-size: 100% 100%;
        }
#recruit_wataya_oshirase .column:nth-child(5)
{
    background-size: 100% 100%;
     }
}