/* CSS Document */
/* line 5, style.scss */
.catimg {
  background: url("../images/catimg.jpg") 50% 50% no-repeat; }

/* line 9, style.scss */
.mainb {
  max-width: 1300px;
  margin: 0 auto; }

/* line 14, style.scss */
.lead {
  position: relative;
  z-index: 1; }

/* line 19, style.scss */
.leadb {
  display: flex;
  justify-content: space-between; }
  @media screen and (min-width: 930.01px) and (max-width: 1300px) {
    /* line 19, style.scss */
    .leadb {
      max-width: 900px;
      margin: 0 auto; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 19, style.scss */
    .leadb {
      max-width: 740px;
      margin: 0 auto; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 19, style.scss */
    .leadb {
      display: block; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 19, style.scss */
    .leadb {
      display: block; } }
  @media screen and (max-width: 350px) {
    /* line 19, style.scss */
    .leadb {
      display: block; } }

/* line 42, style.scss */
.lead_img {
  width: calc(100% - 480px);
  padding-right: 20px; }
  @media screen and (min-width: 930.01px) and (max-width: 1300px) {
    /* line 42, style.scss */
    .lead_img {
      width: calc(100% - 400px); } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 42, style.scss */
    .lead_img {
      width: calc(100% - 320px); } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 42, style.scss */
    .lead_img {
      width: auto;
      padding-right: 0; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 42, style.scss */
    .lead_img {
      width: auto;
      padding-right: 0; } }
  @media screen and (max-width: 350px) {
    /* line 42, style.scss */
    .lead_img {
      width: auto;
      padding-right: 0; } }

/* line 70, style.scss */
.lead_imgb {
  margin-left: -20px; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 70, style.scss */
    .lead_imgb {
      margin-right: -20px; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 70, style.scss */
    .lead_imgb {
      margin-right: -20px; } }
  @media screen and (max-width: 350px) {
    /* line 70, style.scss */
    .lead_imgb {
      margin-right: -20px; } }

/* line 86, style.scss */
.lead_txt {
  width: 480px; }
  @media screen and (min-width: 930.01px) and (max-width: 1300px) {
    /* line 86, style.scss */
    .lead_txt {
      width: 400px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 86, style.scss */
    .lead_txt {
      width: 320px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 86, style.scss */
    .lead_txt {
      width: auto;
      margin-top: 20px; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 86, style.scss */
    .lead_txt {
      width: auto;
      margin-top: 20px; } }
  @media screen and (max-width: 350px) {
    /* line 86, style.scss */
    .lead_txt {
      width: auto;
      margin-top: 20px; } }

/* line 109, style.scss */
.lead_txt_catch {
  font-size: 28px;
  width: fit-content;
  margin: 0 auto; }
  @media screen and (min-width: 930.01px) and (max-width: 1300px) {
    /* line 109, style.scss */
    .lead_txt_catch {
      font-size: 22px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 109, style.scss */
    .lead_txt_catch {
      font-size: 19px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 109, style.scss */
    .lead_txt_catch {
      font-size: 18px; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 109, style.scss */
    .lead_txt_catch {
      font-size: 18px; } }
  @media screen and (max-width: 350px) {
    /* line 109, style.scss */
    .lead_txt_catch {
      font-size: 16px; } }

/* line 131, style.scss */
.lead_txt_title {
  font-size: 28px;
  margin: 60px 0 0 0;
  color: #ff7800;
  text-align: center;
  line-height: 1.5; }
  @media screen and (min-width: 930.01px) and (max-width: 1300px) {
    /* line 131, style.scss */
    .lead_txt_title {
      font-size: 24px;
      margin: 30px 0 0 0; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 131, style.scss */
    .lead_txt_title {
      font-size: 22px;
      margin: 20px 0 0 0; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 131, style.scss */
    .lead_txt_title {
      font-size: 20px;
      margin: 30px 0 0 0; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 131, style.scss */
    .lead_txt_title {
      font-size: 20px;
      margin: 30px 0 0 0; } }
  @media screen and (max-width: 350px) {
    /* line 131, style.scss */
    .lead_txt_title {
      font-size: 18px;
      margin: 30px 0 0 0; } }

/* line 160, style.scss */
.shokusyu {
  margin: 20px 0 0 0;
  display: flex;
  justify-content: space-between; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 160, style.scss */
    .shokusyu {
      margin: 10px 0 0 0; } }

/* line 175, style.scss */
.shokusyu_box {
  font-size: 18px;
  line-height: 1.3;
  color: #ff7800;
  border: 1px solid #ff7800;
  width: calc(100% / 3 - 5px);
  text-align: center;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 175, style.scss */
    .shokusyu_box {
      font-size: 16px;
      width: calc(100% / 3 - 3px); } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 175, style.scss */
    .shokusyu_box {
      font-size: 17px; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 175, style.scss */
    .shokusyu_box {
      font-size: 17px; } }
  @media screen and (max-width: 350px) {
    /* line 175, style.scss */
    .shokusyu_box {
      font-size: 15px; } }
  /* line 203, style.scss */
  .shokusyu_box.shokusyu_box-concierge {
    letter-spacing: -0.13em; }

/* line 208, style.scss */
.contentbox-recruit {
  margin-top: -100px; }
  @media screen and (min-width: 930.01px) and (max-width: 1300px) {
    /* line 208, style.scss */
    .contentbox-recruit {
      margin-top: -30px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 208, style.scss */
    .contentbox-recruit {
      margin-top: -20px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 208, style.scss */
    .contentbox-recruit {
      margin-top: 30px; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 208, style.scss */
    .contentbox-recruit {
      margin-top: 30px; } }
  @media screen and (max-width: 350px) {
    /* line 208, style.scss */
    .contentbox-recruit {
      margin-top: 30px; } }

/* line 228, style.scss */
.contact_title {
  font-size: 24px;
  line-height: 1.5;
  text-align: center; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 228, style.scss */
    .contact_title {
      font-size: 22px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 228, style.scss */
    .contact_title {
      font-size: 20px; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 228, style.scss */
    .contact_title {
      font-size: 20px; } }
  @media screen and (max-width: 350px) {
    /* line 228, style.scss */
    .contact_title {
      font-size: 18px; } }

/* line 248, style.scss */
.contact_txt {
  margin: 20px auto 0;
  width: fit-content; }

/* line 254, style.scss */
.contact_link {
  margin: 25px 0 0; }

/* line 258, style.scss */
.contact_linkb a {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 480px;
  height: 70px;
  font-size: 24px;
  font-size: 2.4rem;
  margin: auto;
  line-height: 1.3;
  background: linear-gradient(90deg, #f6a944 0%, #ff7800 100%); }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 258, style.scss */
    .contact_linkb a {
      height: 60px;
      font-size: 22px;
      font-size: 2.2rem; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 258, style.scss */
    .contact_linkb a {
      height: 60px;
      font-size: 18px;
      font-size: 1.8rem; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 258, style.scss */
    .contact_linkb a {
      height: 60px;
      font-size: 18px;
      font-size: 1.8rem; } }
  @media screen and (max-width: 350px) {
    /* line 258, style.scss */
    .contact_linkb a {
      height: 70px;
      font-size: 18px;
      font-size: 1.8rem; } }
  /* line 296, style.scss */
  .contact_linkb a:before {
    display: block;
    content: '';
    width: 50px;
    height: 26px;
    position: relative;
    margin-left: 10px;
    background-image: url("../images/mailicon.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain; }
    @media screen and (max-width: 350px) {
      /* line 296, style.scss */
      .contact_linkb a:before {
        width: 34px;
        height: 22px; } }
  /* line 320, style.scss */
  .contact_linkb a:after {
    display: block;
    content: '';
    width: 43px;
    height: 13px;
    position: relative;
    margin-left: 10px; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 320, style.scss */
      .contact_linkb a:after {
        width: 34px;
        height: 10px; } }

/* line 344, style.scss */
.contact_tel {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0 0 0; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 344, style.scss */
    .contact_tel {
      display: block;
      margin: 20px 0 0 0; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 344, style.scss */
    .contact_tel {
      display: block;
      margin: 20px 0 0 0; } }
  @media screen and (max-width: 350px) {
    /* line 344, style.scss */
    .contact_tel {
      display: block;
      margin: 20px 0 0 0; } }

/* line 364, style.scss */
.contact_tel_tel {
  margin-right: 20px; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 364, style.scss */
    .contact_tel_tel {
      margin-right: 0; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 364, style.scss */
    .contact_tel_tel {
      margin-right: 0; } }
  @media screen and (max-width: 350px) {
    /* line 364, style.scss */
    .contact_tel_tel {
      margin-right: 0; } }

/* line 379, style.scss */
.contact_tel_telb a {
  pointer-events: none;
  text-decoration: none;
  color: #ff7800;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  position: relative; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 379, style.scss */
    .contact_tel_telb a {
      pointer-events: all;
      display: flex;
      align-items: center;
      text-decoration: none;
      outline: 2px solid #ffffff;
      outline-offset: -2px;
      color: #ffffff;
      box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
      position: relative;
      height: 60px;
      max-width: 480px;
      margin: auto;
      background: linear-gradient(90deg, #f6a944 0%, #ff7800 100%);
      font-size: 28px; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 379, style.scss */
    .contact_tel_telb a {
      pointer-events: all;
      display: flex;
      align-items: center;
      text-decoration: none;
      outline: 2px solid #ffffff;
      outline-offset: -2px;
      color: #ffffff;
      box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
      position: relative;
      height: 60px;
      max-width: 480px;
      margin: auto;
      background: linear-gradient(90deg, #f6a944 0%, #ff7800 100%);
      font-size: 28px; } }
  @media screen and (max-width: 350px) {
    /* line 379, style.scss */
    .contact_tel_telb a {
      pointer-events: all;
      display: flex;
      align-items: center;
      text-decoration: none;
      outline: 2px solid #ffffff;
      outline-offset: -2px;
      color: #ffffff;
      box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
      position: relative;
      height: 60px;
      max-width: 480px;
      margin: auto;
      background: linear-gradient(90deg, #f6a944 0%, #ff7800 100%);
      font-size: 26px; } }
  /* line 443, style.scss */
  .contact_tel_telb a:before {
    display: block;
    content: '';
    width: 28px;
    height: 38px;
    background-image: url("../images/tel.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    margin-right: 10px;
    margin-top: -7px; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 443, style.scss */
      .contact_tel_telb a:before {
        /*width: 18px;
        height: 24px;
        margin-right: 5px;*/ } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 443, style.scss */
      .contact_tel_telb a:before {
        background-image: url("../images/tel-w.png");
        width: 28px;
        height: 34px;
        margin-top: -9px; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      /* line 443, style.scss */
      .contact_tel_telb a:before {
        background-image: url("../images/tel-w.png");
        width: 28px;
        height: 34px;
        margin-top: -9px; } }
    @media screen and (max-width: 350px) {
      /* line 443, style.scss */
      .contact_tel_telb a:before {
        background-image: url("../images/tel-w.png");
        width: 28px;
        height: 34px;
        margin-top: -9px; } }

/* line 485, style.scss */
.contact_tel_name {
  color: #ff7800;
  font-size: 18px; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 485, style.scss */
    .contact_tel_name {
      text-align: center;
      margin: 10px 0 0 0;
      font-size: 16px;
      font-weight: bold; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 485, style.scss */
    .contact_tel_name {
      text-align: center;
      margin: 10px 0 0 0;
      font-size: 16px;
      font-weight: bold; } }
  @media screen and (max-width: 350px) {
    /* line 485, style.scss */
    .contact_tel_name {
      text-align: center;
      margin: 10px 0 0 0;
      font-size: 16px;
      font-weight: bold; } }

/*# sourceMappingURL=style.css.map */
