@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;800&family=Noto+Sans+JP:wght@200;400;800&family=Roboto:wght@100;400;700&family=Zen+Maru+Gothic:wght@300;400;700&display=swap");
html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  width: 100vw;
  margin: 0;
  padding: 0;
  font-family: "Zen Maru Gothic", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "pkna" 1;
  color: rgb(117, 76, 36);
  overflow-x: hidden;
  font-weight: 500;
  letter-spacing: 0.2rem;
  background-color: rgb(255, 243, 218);
}

header,
footer,
section {
  width: 100%;
  height: auto;
}

.common_width_layouut_1100 {
  width: 1100px;
  margin: 0 auto;
}

.common_width_layouut_800 {
  width: 800px;
  margin: 0 auto;
}

h2 {
  font-size: 2.4rem;
  font-weight: bold;
  color: rgb(117, 76, 36);
}

h3 {
  font-size: 2rem;
  font-weight: bold;
  color: rgb(117, 76, 36);
}

.h3_right_icon {
  background-position: bottom right;
  background-repeat: no-repeat;
}

.h3_left_icon {
  background-position: bottom left;
  background-repeat: no-repeat;
}

h4 {
  font-size: 1.6rem;
  font-weight: bold;
  color: rgb(117, 76, 36);
}

h5 {
  font-size: 1.4rem;
  font-weight: bold;
  color: rgb(117, 76, 36);
}

body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  /* 背景カラー */
  z-index: 9999;
  /* 一番手前に */
  pointer-events: none;
  /* 他の要素にアクセス可能にするためにポインターイベントは無効に */
  opacity: 0;
  /* 初期値 : 透過状態 */
  /* アニメーション時間は 0.8秒 */
  transition: opacity 0.5s ease;
}

body.fadeout::after {
  opacity: 1;
}

body.fadeout article {
  transform: scale(1.2);
}

@media screen and (min-width: 801px) and (max-width: 1100px) {
  .common_width_layouut_1100 {
    width: 90% !important;
    margin: 0 5% !important;
  }
  .common_width_layouut_800 {
    width: 90% !important;
    margin: 0 5% !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 800px) {
  html {
    overflow-x: hidden;
  }
  .common_width_layouut_1100 {
    width: 90% !important;
    margin: 0 5% !important;
  }
  .common_width_layouut_800 {
    width: 90% !important;
    margin: 0 5% !important;
  }
  h2 {
    font-size: 1.8rem;
  }
  h3 {
    font-size: 1.6rem;
  }
  .h3_right_icon {
    background-position: bottom right;
    background-repeat: no-repeat;
  }
  .h3_left_icon {
    background-position: bottom left;
    background-repeat: no-repeat;
  }
  h4 {
    font-size: 1.4rem;
  }
  h5 {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  html {
    overflow-x: hidden;
  }
  .common_width_layouut_1100 {
    width: 90% !important;
    margin: 0 5% !important;
  }
  .common_width_layouut_800 {
    width: 90% !important;
    margin: 0 5% !important;
  }
  h2 {
    font-size: 6.2vw;
  }
  h3 {
    font-size: 5.2vw;
  }
  .h3_right_icon {
    background-position: bottom right;
    background-repeat: no-repeat;
  }
  .h3_left_icon {
    background-position: bottom left;
    background-repeat: no-repeat;
  }
  h4 {
    font-size: 4.2vw;
  }
  h5 {
    font-size: 4vw;
  }
}
header {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.2rem 2rem 0.6rem 2.4rem;
  position: relative;
  background-color: rgb(255, 243, 218);
  transition: 1s;
  z-index: 9999;
}
header .logo {
  width: 340px;
  height: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 2rem 0 0;
  transition: 1s;
  transform: scale(1);
}
header .logo .logo_img {
  width: 100px;
  height: auto;
  transition: 1s;
}
header .logo .logo_img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 1s;
}
header .logo .logo_text {
  font-weight: 800;
  text-align: center;
}
header .logo .logo_text span {
  font-size: 1.2rem;
  transition: 1s;
}
header .logo .logo_text p {
  font-size: 1.8rem;
  color: rgb(235, 109, 1);
  transition: 1s;
}
header nav {
  width: calc(100% - (340px + (100% - 1280px) / 2 + 3rem));
  display: flex;
  align-items: center;
  position: relative;
}
header nav #menu {
  width: 35px;
  aspect-ratio: 1/0.75;
  display: none;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  position: relative;
}
header nav #menu:hover {
  cursor: pointer;
}
header nav #menu span {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  background-color: rgb(117, 76, 36);
  position: absolute;
  transition: 1s;
}
header nav #menu span:first-child {
  top: 0;
}
header nav #menu span:nth-child(2) {
  margin: 10px 0;
}
header nav #menu span:last-child {
  bottom: 0;
}
header nav .menu_cross span {
  width: 100%;
}
header nav .menu_cross span:first-child {
  transform: rotate(45deg);
  transition: 1s;
  position: absolute;
  top: 11.5px !important;
}
header nav .menu_cross span:nth-child(2) {
  opacity: 0;
  transition: 1s;
  position: absolute;
}
header nav .menu_cross span:last-child {
  transform: rotate(-45deg);
  transition: 1s;
  position: absolute;
  bottom: 11.5px !important;
}
header nav ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header nav ul li {
  width: 14.2857142857%;
  border-left: solid 1px rgb(117, 76, 36);
  font-size: 1rem;
}
header nav ul li:first-child {
  border-left: none;
}
header nav ul li a {
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  text-align: center;
  font-weight: 600;
  margin: 0 auto;
  position: relative;
}
header nav ul li a:hover span {
  width: 100%;
  transition: 0.5s;
}
header nav ul li a span {
  display: block;
  width: 0;
  height: 2px;
  background-color: rgb(235, 109, 1);
  margin: 0 auto;
  transition: 0.5s;
  position: absolute;
  bottom: -0.6rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
header .header_img {
  width: calc((100% - 1280px) / 2 + 2rem);
  height: 100px;
  background-image: url("../../img/common/header/leaf.svg");
  background-repeat: no-repeat;
  background-position: center left 3%;
  background-size: 100px;
  transition: 1s;
}

.menu_open {
  right: -2rem;
  transition: 1s;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  padding: 0.2rem 2rem 0.4rem;
  transition: 1s;
  box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
  overflow-x: hidden;
  background-color: rgba(255, 243, 218, 0.9);
}
.fixed .logo {
  transform: scale(0.8);
  transition: 1s;
}
.fixed .header_img {
  transform: scale(0.6);
  transition: 1s;
  height: 80px;
  background-size: 80px;
}

@media screen and (min-width: 1281px) and (max-width: 1470px) {
  .header_img {
    background-image: none !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1280px) {
  header {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.2rem 2rem 0.6rem 2.4rem;
    position: relative;
    background-color: rgb(255, 243, 218);
    transition: 1s;
    z-index: 9999;
  }
  header .logo {
    width: 280px;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 2rem 0 0;
    transition: 1s;
    transform: scale(1);
  }
  header .logo .logo_img {
    width: 90px;
    height: auto;
    transition: 1s;
    margin-right: 10px;
  }
  header .logo .logo_img img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 1s;
  }
  header .logo .logo_text {
    font-weight: 800;
    text-align: center;
  }
  header .logo .logo_text span {
    font-size: 1rem;
    transition: 1s;
  }
  header .logo .logo_text p {
    font-size: 1.3rem;
    color: rgb(235, 109, 1);
    transition: 1s;
  }
  header nav {
    width: calc(100% - (340px + (100% - 1280px) / 2 + 3rem));
    display: flex;
    align-items: center;
    position: relative;
  }
  header nav #menu {
    width: 35px;
    aspect-ratio: 1/0.75;
    display: none;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    position: relative;
  }
  header nav #menu:hover {
    cursor: pointer;
  }
  header nav #menu span {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background-color: rgb(117, 76, 36);
    position: absolute;
    transition: 1s;
  }
  header nav #menu span:first-child {
    top: 0;
  }
  header nav #menu span:nth-child(2) {
    margin: 10px 0;
  }
  header nav #menu span:last-child {
    bottom: 0;
  }
  header ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  header ul li {
    width: -moz-fit-content !important;
    width: fit-content !important;
    border-left: solid 1px rgb(117, 76, 36);
    font-size: 0.9rem !important;
    padding: 0 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header ul li:first-child {
    border-left: none;
  }
  header ul li a {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    justify-content: center;
    text-align: center;
    font-weight: 600;
  }
}
@media screen and (min-width: 481px) and (max-width: 1200px) {
  header {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem 5% 0 5%;
    position: relative;
    background-color: rgb(255, 243, 218);
    transition: 1s;
    z-index: 9999;
  }
  header nav {
    position: absolute;
    right: 2rem;
  }
  header nav #menu {
    display: flex;
    position: absolute;
    z-index: 999;
    right: 0;
  }
  header nav ul {
    width: 35vw;
    height: 100vh;
    position: fixed;
    right: calc(-40vw - 2rem);
    top: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
    flex-flow: column;
    background-color: rgb(255, 255, 255);
    border-top-left-radius: 50vw;
    border-bottom-left-radius: 50vw;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
  }
  header nav ul li {
    width: -moz-fit-content;
    width: fit-content;
    border-left: none;
    margin: 0 0 1.6rem 0;
  }
}
@media screen and (max-width: 480px) {
  header {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem 5% 0 5%;
    position: relative;
    background-color: rgb(255, 243, 218);
    transition: 1s;
    z-index: 9999;
  }
  header .logo {
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 0 0 0;
    transition: 1s;
    transform: scale(1);
  }
  header .logo .logo_img {
    width: 60px;
    height: auto;
    margin-right: 10px;
    transition: 1s;
  }
  header .logo .logo_img img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 1s;
  }
  header .logo .logo_text {
    font-weight: 800;
    text-align: center;
    transition: 1s;
  }
  header .logo .logo_text span {
    font-size: 0.8rem;
    transition: 1s;
  }
  header .logo .logo_text p {
    font-size: 1.2rem;
    color: rgb(235, 109, 1);
    transition: 1s;
  }
  header nav {
    position: absolute;
    right: 5%;
  }
  header nav #menu {
    display: flex;
    position: absolute;
    z-index: 999;
    right: 0;
  }
  header nav ul {
    width: 50vw;
    height: 100vh;
    position: fixed;
    right: calc(-55vw - 2rem);
    top: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
    flex-flow: column;
    background-color: rgb(255, 255, 255);
    border-top-left-radius: 50vw;
    border-bottom-left-radius: 50vw;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
  }
  header nav ul li {
    width: -moz-fit-content;
    width: fit-content;
    border-left: none;
    margin: 0 0 1.6rem 0;
  }
  .fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 0rem 5% 0rem;
    transition: 1s;
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
    overflow-x: hidden;
    background-color: rgba(255, 243, 218, 0.9);
  }
  .fixed .logo {
    transform: scale(1);
    transition: 1s;
  }
  .fixed .header_img {
    transform: scale(1);
    transition: 1s;
    height: 80px;
    background-size: 80px;
  }
}
#sub_title_header {
  width: 100%;
  height: 25vw;
  max-height: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#sub_title_header h2 {
  display: flex;
  color: #ffffff;
  justify-content: center;
  align-items: center;
  text-shadow: 4px 3px 5px rgba(0, 0, 0, 0.4);
}
#sub_title_header h2::after {
  content: "";
  display: block;
  width: 50px;
  aspect-ratio: 1/1;
  background-image: url("../../img/common/logo/logo_white.svg");
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 0 0 10px;
  filter: drop-shadow(4px 3px 5px rgba(0, 0, 0, 0.4));
}

.header_introduction {
  background-image: url("../../img/common/sub_title_header/introduction.jpg");
}

.header_bookmark {
  background-image: url("../../img/common/sub_title_header/bookmark.jpg");
}

.header_lunch_room {
  background-image: url("../../img/common/sub_title_header/lunch_room.jpg");
}

.header_member {
  background-image: url("../../img/common/sub_title_header/member.jpg");
}

.header_recruit {
  background-image: url("../../img/common/sub_title_header/recruit.jpg");
}

.header_state {
  background-image: url("../../img/common/sub_title_header/state.jpg");
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #sub_title_header {
    height: 250px;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #sub_title_header {
    height: 200px;
  }
}
@media screen and (max-width: 480px) {
  #sub_title_header {
    height: 150px;
  }
}
#_recruit_info_box {
  display: flex;
  justify-content: center;
  flex-flow: column;
}
#_recruit_info_box div h3 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 1rem;
  background-image: url("../../img/introduction/h_icon/leaf.svg");
  background-size: 100px;
  padding: 200px 100px 0 100px;
}
#_recruit_info_box div ._recruit_info_item h4 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0px;
  text-align: center;
  padding: 6.2rem 2.4rem 1.6rem;
  border-bottom: solid 2px rgb(117, 76, 36);
}
#_recruit_info_box div ._recruit_info_item h4 .br {
  display: none;
}
#_recruit_info_box div ._recruit_info_item p {
  font-size: 1.2rem;
  margin: 1.4rem 0;
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
  line-height: 1.8rem;
  font-weight: bold;
}

._recruit_button_box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
._recruit_button_box p {
  text-align: center;
}
._recruit_button_box a {
  display: block;
  min-width: 250px;
  color: #ffffff;
  background-color: rgb(117, 76, 36);
  padding: 0.8rem 1.6rem;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 15px;
  border: solid 2px rgb(117, 76, 36);
  transition: 1s;
}
._recruit_button_box a:hover {
  background-color: rgb(255, 243, 218);
  color: rgb(117, 76, 36);
  transition: 1s;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #_recruit_info_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
  }
  #_recruit_info_box div ._recruit_info_item h4 {
    padding: 3.2rem 2.4rem 1.6rem !important;
  }
  #_recruit_info_box div ._recruit_info_item p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_recruit_info_box div h3 {
    background-size: 50px;
    padding: 100px 60px 0 60px;
  }
  #_recruit_info_box div ._recruit_info_item h4 {
    padding: 3.2rem 2.4rem 1.6rem !important;
  }
  #_recruit_info_box div ._recruit_info_item h4 .span {
    display: none;
  }
  #_recruit_info_box div ._recruit_info_item h4 .br {
    display: block;
  }
  #_recruit_info_box div ._recruit_info_item p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  #_recruit_info_box div h3 {
    letter-spacing: 0.4rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_recruit_info_box div ._recruit_info_item h4 {
    padding: 3.2rem 2.4rem 1.6rem !important;
  }
  #_recruit_info_box div ._recruit_info_item h4 .span {
    display: none;
  }
  #_recruit_info_box div ._recruit_info_item h4 .br {
    display: block;
  }
  #_recruit_info_box div ._recruit_info_item p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_recruit_info_box div ._recruit_info_item span {
    font-size: 1rem;
  }
}
#_recruit_day_box {
  display: flex;
  justify-content: center;
  flex-flow: column;
}
#_recruit_day_box div h3 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 1rem;
  background-image: url("../../img/introduction/h_icon/clover-1.svg");
  background-size: 100px;
  padding: 200px 100px 0 100px;
}
#_recruit_day_box div ._recruit_day_item h4 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0px;
  text-align: center;
  padding: 6.2rem 2.4rem 1.6rem;
  border-bottom: solid 2px rgb(117, 76, 36);
}
#_recruit_day_box div ._recruit_day_item p {
  font-size: 1rem;
  margin: 1.4rem 0;
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
  line-height: 1.8rem;
  font-weight: bold;
}
#_recruit_day_box div ._recruit_day_item ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
#_recruit_day_box div ._recruit_day_item ul li {
  width: calc(50% - 25px);
  border: solid 2px rgb(117, 76, 36);
  padding: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 2.4rem 0;
  border-radius: 1.6rem;
  position: relative;
  background-color: rgb(255, 243, 218);
}
#_recruit_day_box div ._recruit_day_item ul li:nth-child(even)::before {
  content: "";
  display: block;
  width: 52px;
  height: 2px;
  background-color: rgb(117, 76, 36);
  position: absolute;
  top: 50%;
  left: -52px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: -1;
}
#_recruit_day_box div ._recruit_day_item ul li:nth-child(even)::after {
  content: "";
  display: block;
  width: 30%;
  height: 2px;
  background-color: rgb(117, 76, 36);
  position: absolute;
  bottom: -30%;
  left: -21%;
  z-index: -1;
  transform: rotate(-53deg);
}
#_recruit_day_box div ._recruit_day_item ul li:last-child::after {
  display: none;
}
#_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents {
  width: 300px;
  margin: 0 20px 0 0;
}
#_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents .day_contents {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: bold;
}
#_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents .day_contents .day_time {
  width: 100px;
  background-color: rgb(117, 76, 36);
  color: rgb(255, 243, 218);
  padding: 0.6rem 1.2rem;
  text-align: center;
  border-radius: 10px;
}
#_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents .day_contents .day_title {
  width: calc(100% - 120px);
  margin: 0 0 0 20px;
}
#_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents p {
  font-size: 0.9rem;
  margin: 1.4rem 0 0;
}
#_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_img {
  width: calc(100% - 320px);
  height: 100%;
}
#_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  #_recruit_day_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
  }
  #_recruit_day_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem !important;
  }
  #_recruit_day_box div p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_recruit_day_box div ._recruit_day_item ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-flow: column;
  }
  #_recruit_day_box div ._recruit_day_item ul li {
    width: 100%;
    border: solid 2px rgb(117, 76, 36);
    padding: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 1.2rem 0 1.2rem;
    border-radius: 1.6rem;
    position: relative;
    background-color: rgb(255, 243, 218);
  }
  #_recruit_day_box div ._recruit_day_item ul li:nth-child(even)::before {
    content: "";
    display: block;
    width: 2px;
    height: 50%;
    background-color: rgb(117, 76, 36);
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: -1;
  }
  #_recruit_day_box div ._recruit_day_item ul li:nth-child(even)::after {
    content: "";
    display: block;
    width: 2px;
    height: 50%;
    background-color: rgb(117, 76, 36);
    position: absolute;
    bottom: -50%;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    transform: rotate(0deg);
  }
  #_recruit_day_box div ._recruit_day_item ul li:last-child::after {
    display: none;
  }
  #_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents {
    width: 100%;
    margin: 0 20px 0 0;
  }
  #_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents .day_contents {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: bold;
  }
  #_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents .day_contents .day_time {
    width: 100px;
    background-color: rgb(117, 76, 36);
    color: rgb(255, 243, 218);
    padding: 0.6rem 1.2rem;
    text-align: center;
    border-radius: 10px;
  }
  #_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents .day_contents .day_title {
    width: calc(100% - 120px);
    margin: 0 0 0 20px;
  }
  #_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents p {
    font-size: 0.9rem;
    margin: 1.4rem 0 0;
  }
  #_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_img {
    width: 100%;
    height: 200px;
    margin: 1.2rem 0 0 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_recruit_day_box div h3 {
    letter-spacing: 0.6rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_recruit_day_box div h4 {
    font-size: 1.3rem;
    padding: 3.2rem 0.4rem 1.6rem !important;
  }
  #_recruit_day_box div p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_recruit_day_box div ._recruit_day_item ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-flow: column;
  }
  #_recruit_day_box div ._recruit_day_item ul li {
    width: 100%;
    border: solid 2px rgb(117, 76, 36);
    padding: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: column;
    margin: 1.2rem 0 1.2rem;
    border-radius: 1.6rem;
    position: relative;
    background-color: rgb(255, 243, 218);
  }
  #_recruit_day_box div ._recruit_day_item ul li:nth-child(even)::before {
    content: "";
    display: block;
    width: 2px;
    height: 50%;
    background-color: rgb(117, 76, 36);
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: -1;
  }
  #_recruit_day_box div ._recruit_day_item ul li:nth-child(even)::after {
    content: "";
    display: block;
    width: 2px;
    height: 50%;
    background-color: rgb(117, 76, 36);
    position: absolute;
    bottom: -50%;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    transform: rotate(0deg);
  }
  #_recruit_day_box div ._recruit_day_item ul li:last-child::after {
    display: none;
  }
  #_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents {
    width: 100%;
    margin: 0 20px 0 0;
  }
  #_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents .day_contents {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: bold;
  }
  #_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents .day_contents .day_time {
    width: 100px;
    background-color: rgb(117, 76, 36);
    color: rgb(255, 243, 218);
    padding: 0.6rem 1.2rem;
    text-align: center;
    border-radius: 10px;
  }
  #_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents .day_contents .day_title {
    width: calc(100% - 120px);
    margin: 0 0 0 20px;
  }
  #_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents p {
    font-size: 0.9rem;
    margin: 1.4rem 0 0;
  }
  #_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_img {
    width: 100%;
    height: 200px;
    margin: 1.2rem 0 0 0;
  }
}
@media screen and (max-width: 480px) {
  #_recruit_day_box div h3 {
    letter-spacing: 0.4rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_recruit_day_box div h4 {
    font-size: 4.2vw;
    padding: 3.2rem 0.4rem 1.6rem !important;
  }
  #_recruit_day_box div p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_recruit_day_box div span {
    font-size: 1rem;
  }
  #_recruit_day_box div ._recruit_day_item ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-flow: column;
  }
  #_recruit_day_box div ._recruit_day_item ul li {
    width: 100%;
    border: solid 2px rgb(117, 76, 36);
    padding: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: column;
    margin: 1.2rem 0 1.2rem;
    border-radius: 1.6rem;
    position: relative;
    background-color: rgb(255, 243, 218);
  }
  #_recruit_day_box div ._recruit_day_item ul li:nth-child(even)::before {
    content: "";
    display: block;
    width: 2px;
    height: 50%;
    background-color: rgb(117, 76, 36);
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: -1;
  }
  #_recruit_day_box div ._recruit_day_item ul li:nth-child(even)::after {
    content: "";
    display: block;
    width: 2px;
    height: 50%;
    background-color: rgb(117, 76, 36);
    position: absolute;
    bottom: -50%;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    transform: rotate(0deg);
  }
  #_recruit_day_box div ._recruit_day_item ul li:last-child::after {
    display: none;
  }
  #_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents {
    width: 100%;
    margin: 0 20px 0 0;
  }
  #_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents .day_contents {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: bold;
  }
  #_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents .day_contents .day_time {
    width: 100px;
    background-color: rgb(117, 76, 36);
    color: rgb(255, 243, 218);
    padding: 0.6rem 1.2rem;
    text-align: center;
    border-radius: 10px;
  }
  #_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents .day_contents .day_title {
    width: calc(100% - 120px);
    margin: 0 0 0 20px;
  }
  #_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_contents p {
    font-size: 0.9rem;
    margin: 1.4rem 0 0;
  }
  #_recruit_day_box div ._recruit_day_item ul li ._recruit_day_item_img {
    width: 100%;
    height: 200px;
    margin: 1.2rem 0 0 0;
  }
}
#_recruit_voice_box {
  display: flex;
  justify-content: center;
  flex-flow: column;
}
#_recruit_voice_box div h3 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 1rem;
  background-image: url("../../img/introduction/h_icon/leaf.svg");
  background-size: 100px;
  padding: 200px 100px 0 100px;
}
#_recruit_voice_box div ._recruit_voice_item h4 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0px;
  text-align: center;
  padding: 6.2rem 2.4rem 1.6rem;
  border-bottom: solid 2px rgb(117, 76, 36);
  font-size: 1.5rem;
}
#_recruit_voice_box div ._recruit_voice_item h4 .br {
  display: none;
}
#_recruit_voice_box div ._recruit_voice_item p {
  font-size: 1rem;
  margin: 1.4rem 0;
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
  line-height: 1.8rem;
  font-weight: bold;
}
#_recruit_voice_box div ._recruit_voice_item ul {
  width: 100%;
}
#_recruit_voice_box div ._recruit_voice_item ul li {
  padding: 0 0 3.2rem;
  margin: 6.2rem 0;
  border-bottom: dashed 2px rgb(117, 76, 36);
}
#_recruit_voice_box div ._recruit_voice_item ul li:last-child {
  border-bottom: none;
  margin: 6.2rem 0 0;
  padding: 0;
}
#_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box {
  width: 60%;
  height: auto;
  position: relative;
  margin: 1.6rem auto 3.2rem;
  border-radius: 10px;
}
#_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
#_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box ._voice_item_img_staff_caption {
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  bottom: -10%;
  left: -20%;
  padding: 1.8rem;
  background-color: rgb(255, 243, 218);
  border: solid 2px rgb(117, 76, 36);
  border-radius: 10px;
}
#_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box ._voice_item_img_staff_caption p {
  margin: 0;
  padding: 0;
}
#_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box ._voice_item_img_staff_caption .staff_employment {
  font-size: 0.8rem;
}
#_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_qa_box {
  width: 100%;
  margin: 4.2rem 0 0 0;
}
#_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_qa_box li {
  width: 100%;
  border-bottom: none;
  padding: 0 0 1.2rem;
  margin: 0 0;
}
#_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_qa_box li h5 {
  font-size: 1.2rem;
}
#_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_qa_box li p {
  word-break: break-all;
  font-size: 1rem;
  padding: 0 0 0 1.6rem;
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
}

.last_button {
  margin: 0 0 6.2rem 0;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #_recruit_voice_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
  }
  #_recruit_voice_box div ._recruit_voice_item h4 {
    padding: 3.2rem 2.4rem 1.6rem !important;
  }
  #_recruit_voice_box div ._recruit_voice_item p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_recruit_voice_box div ._recruit_voice_item ul {
    width: 100%;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li {
    padding: 0 0 3.2rem;
    margin: 0rem 0;
    border-bottom: dashed 2px rgb(117, 76, 36);
    display: flex;
    justify-content: space-between;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li:last-child {
    border-bottom: none;
    margin: 0rem 0 0;
    padding: 0;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box {
    width: 300px;
    height: 600px;
    position: relative;
    margin: 1.6rem auto 3.2rem;
    border-radius: 10px;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box img {
    width: 100%;
    height: 600px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 10px;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box ._voice_item_img_staff_caption {
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    bottom: -5%;
    left: unset;
    right: 5%;
    padding: 1.2rem;
    background-color: rgb(255, 243, 218);
    border: solid 2px rgb(117, 76, 36);
    border-radius: 10px;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box ._voice_item_img_staff_caption p {
    margin: 0;
    padding: 0;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box ._voice_item_img_staff_caption .staff_employment {
    font-size: 0.8rem;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_qa_box {
    width: calc(100% - 300px - 40px);
    margin: 1.6rem auto 0;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_qa_box li {
    width: 100%;
    border-bottom: none;
    padding: 0 0 1.2rem;
    margin: 0 0;
    display: flex;
    justify-content: flex-start;
    flex-flow: column;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_qa_box li h5 {
    font-size: 1.2rem;
    padding-left: 1.4em;
    text-indent: -1.4em;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_qa_box li p {
    word-break: break-all;
    font-size: 0.9rem !important;
    padding: 0 0 0 1.6rem;
    text-align: justify;
    -moz-text-align-last: left;
         text-align-last: left;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_recruit_voice_box div h3 {
    background-size: 60px;
    padding: 100px 60px 0 60px;
  }
  #_recruit_voice_box div ._recruit_voice_item h4 {
    font-size: 3.6vw;
    padding: 3.2rem 2.4rem 1.6rem !important;
  }
  #_recruit_voice_box div ._recruit_voice_item h4 .br {
    display: block;
  }
  #_recruit_voice_box div ._recruit_voice_item p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_recruit_voice_box div ._recruit_voice_item ul {
    width: 100%;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li {
    padding: 0 0 3.2rem;
    margin: 0rem 0;
    border-bottom: dashed 2px rgb(117, 76, 36);
  }
  #_recruit_voice_box div ._recruit_voice_item ul li:last-child {
    border-bottom: none;
    margin: 0rem 0 0;
    padding: 0;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box {
    width: 100%;
    height: 300px;
    position: relative;
    margin: 1.6rem auto 3.2rem;
    border-radius: 10px;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box img {
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 10px;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box ._voice_item_img_staff_caption {
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    bottom: -10%;
    left: unset;
    right: 5%;
    padding: 1.2rem;
    background-color: rgb(255, 243, 218);
    border: solid 2px rgb(117, 76, 36);
    border-radius: 10px;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box ._voice_item_img_staff_caption p {
    margin: 0;
    padding: 0;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box ._voice_item_img_staff_caption .staff_employment {
    font-size: 0.8rem;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_qa_box {
    width: 100%;
    margin: 4.2rem 0 0 0;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_qa_box li {
    width: 100%;
    border-bottom: none;
    padding: 0 0 1.2rem;
    margin: 0 0;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_qa_box li h5 {
    font-size: 1.2rem;
    padding-left: 1.4em;
    text-indent: -1.4em;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_qa_box li p {
    word-break: break-all;
    font-size: 0.9rem !important;
    padding: 0 0 0 1.6rem;
    text-align: justify;
    -moz-text-align-last: left;
         text-align-last: left;
  }
}
@media screen and (max-width: 480px) {
  #_recruit_voice_box div h3 {
    letter-spacing: 0.4rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_recruit_voice_box div ._recruit_voice_item h4 {
    padding: 3.2rem 2.4rem 1.6rem !important;
    font-size: 3.6vw !important;
  }
  #_recruit_voice_box div ._recruit_voice_item h4 .br {
    display: block;
  }
  #_recruit_voice_box div ._recruit_voice_item p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_recruit_voice_box div ._recruit_voice_item span {
    font-size: 1rem;
  }
  #_recruit_voice_box div ._recruit_voice_item ul {
    width: 100%;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li {
    padding: 0 0 3.2rem;
    margin: 0rem 0;
    border-bottom: dashed 2px rgb(117, 76, 36);
  }
  #_recruit_voice_box div ._recruit_voice_item ul li:last-child {
    border-bottom: none;
    margin: 0rem 0 0;
    padding: 0;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box {
    width: 100%;
    height: 200px;
    position: relative;
    margin: 1.6rem auto 3.2rem;
    border-radius: 10px;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box img {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 10px;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box ._voice_item_img_staff_caption {
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    bottom: -20%;
    left: unset;
    right: 5%;
    padding: 1.2rem;
    background-color: rgb(255, 243, 218);
    border: solid 2px rgb(117, 76, 36);
    border-radius: 10px;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box ._voice_item_img_staff_caption p {
    margin: 0;
    padding: 0;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_img_box ._voice_item_img_staff_caption .staff_employment {
    font-size: 0.8rem;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_qa_box {
    width: 100%;
    margin: 4.2rem 0 0 0;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_qa_box li {
    width: 100%;
    border-bottom: none;
    padding: 0 0 1.2rem;
    margin: 0 0;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_qa_box li h5 {
    font-size: 1.2rem;
    padding-left: 1.4em;
    text-indent: -1.4em;
  }
  #_recruit_voice_box div ._recruit_voice_item ul li ._voice_item_qa_box li p {
    word-break: break-all;
    font-size: 0.9rem !important;
    padding: 0 0 0 1.6rem;
    text-align: justify;
    -moz-text-align-last: left;
         text-align-last: left;
  }
}
#_recruit_requirements_box {
  display: flex;
  justify-content: center;
  flex-flow: column;
}
#_recruit_requirements_box div h3 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 1rem;
  background-image: url("../../img/introduction/h_icon/clover-1.svg");
  background-size: 100px;
  padding: 200px 100px 0 100px;
}
#_recruit_requirements_box div .tab {
  max-width: 100%;
  margin: 4rem auto 6rem;
}
#_recruit_requirements_box div .tab-list {
  display: flex;
  justify-content: space-between;
}
#_recruit_requirements_box div .tab-list-item {
  width: 49.5%;
  text-align: center;
  padding: 1rem 0;
  cursor: pointer;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: rgba(117, 76, 36, 0.4);
  font-weight: bold;
}
#_recruit_requirements_box div .tab-contents {
  background-color: #ffffff;
  display: none;
  padding: 20px;
  border-top: solid 2px rgb(117, 76, 36);
}
#_recruit_requirements_box div .tab-contents table {
  width: 100%;
}
#_recruit_requirements_box div .tab-contents table tbody tr:first-child th,
#_recruit_requirements_box div .tab-contents table tbody tr:first-child td {
  border-top: none;
}
#_recruit_requirements_box div .tab-contents table tbody tr:last-child th,
#_recruit_requirements_box div .tab-contents table tbody tr:last-child td {
  border-bottom: none;
}
#_recruit_requirements_box div .tab-contents table tbody tr th {
  width: 200px;
  padding: 1.6rem;
  border: solid 1px rgb(117, 76, 36);
  border-left: none;
  border-right: none;
  vertical-align: middle;
  font-weight: bold;
}
#_recruit_requirements_box div .tab-contents table tbody tr td {
  width: calc(100% - 200px);
  padding: 1.6rem;
  border: solid 1px rgb(117, 76, 36);
  border-left: none;
  border-right: none;
  font-weight: bold;
}
#_recruit_requirements_box div .is-btn-active {
  background-color: rgb(117, 76, 36);
  font-weight: bold;
  color: #ffffff;
}
#_recruit_requirements_box div .is-contents-active {
  display: block;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #_recruit_requirements_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
  }
  #_recruit_requirements_box div ._recruit_requirements_item h4 {
    padding: 3.2rem 2.4rem 1.6rem !important;
  }
  #_recruit_requirements_box div ._recruit_requirements_item p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_recruit_requirements_box div h3 {
    background-size: 60px;
    padding: 100px 60px 0 60px;
  }
  #_recruit_requirements_box div .tab-contents table {
    width: 100%;
    margin: 6.2rem 0 3.1rem;
  }
  #_recruit_requirements_box div .tab-contents table tbody tr:first-child th,
  #_recruit_requirements_box div .tab-contents table tbody tr:first-child td {
    border-top: none;
  }
  #_recruit_requirements_box div .tab-contents table tbody tr:last-child th,
  #_recruit_requirements_box div .tab-contents table tbody tr:last-child td {
    border-bottom: none;
  }
  #_recruit_requirements_box div .tab-contents table tbody tr th {
    width: 180px;
    padding: 1.6rem 1.2rem;
    border: solid 1px rgb(117, 76, 36);
    border-left: none;
    border-right: none;
    vertical-align: middle;
    font-weight: bold;
  }
  #_recruit_requirements_box div .tab-contents table tbody tr td {
    width: calc(100% - (180px + 2.4rem));
    padding: 1.6rem;
    border: solid 1px rgb(117, 76, 36);
    border-left: none;
    border-right: none;
    font-weight: bold;
  }
}
@media screen and (max-width: 480px) {
  #_recruit_requirements_box div h3 {
    letter-spacing: 0.4rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_recruit_requirements_box div ._recruit_requirements_item h4 {
    padding: 3.2rem 2.4rem 1.6rem !important;
  }
  #_recruit_requirements_box div ._recruit_requirements_item p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_recruit_requirements_box div ._recruit_requirements_item span {
    font-size: 1rem;
  }
  #_recruit_requirements_box div ._recruit_requirements_item table {
    width: 100%;
    margin: 2.4rem 0 2.4rem;
    display: block;
  }
  #_recruit_requirements_box div ._recruit_requirements_item table tbody {
    display: block;
    width: 100%;
  }
  #_recruit_requirements_box div ._recruit_requirements_item table tbody tr {
    display: block;
    width: 100%;
  }
  #_recruit_requirements_box div ._recruit_requirements_item table tbody tr:first-child th,
  #_recruit_requirements_box div ._recruit_requirements_item table tbody tr:first-child td {
    border-top: none;
  }
  #_recruit_requirements_box div ._recruit_requirements_item table tbody tr:last-child th,
  #_recruit_requirements_box div ._recruit_requirements_item table tbody tr:last-child td {
    border-bottom: none;
  }
  #_recruit_requirements_box div ._recruit_requirements_item table tbody tr th {
    display: block;
    width: 100%;
    padding: 1.6rem 0 0.8rem;
    border: none;
    border-left: none;
    border-right: none;
    vertical-align: middle;
    font-weight: bold;
  }
  #_recruit_requirements_box div ._recruit_requirements_item table tbody tr td {
    display: block;
    width: 100%;
    padding: 0 1.2rem 1.6rem;
    border: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 2px rgb(117, 76, 36);
    font-weight: bold;
  }
  #_recruit_requirements_box div .tab-contents table {
    width: 100%;
    margin: 0rem 0 0rem;
    display: block;
  }
  #_recruit_requirements_box div .tab-contents table tbody {
    display: block;
    width: 100%;
  }
  #_recruit_requirements_box div .tab-contents table tbody tr {
    display: block;
    width: 100%;
  }
  #_recruit_requirements_box div .tab-contents table tbody tr:first-child th,
  #_recruit_requirements_box div .tab-contents table tbody tr:first-child td {
    border-top: none;
  }
  #_recruit_requirements_box div .tab-contents table tbody tr:last-child th,
  #_recruit_requirements_box div .tab-contents table tbody tr:last-child td {
    border-bottom: none;
  }
  #_recruit_requirements_box div .tab-contents table tbody tr th {
    display: block;
    width: 100%;
    padding: 1.6rem 0 0.8rem;
    border: none;
    border-left: none;
    border-right: none;
    vertical-align: middle;
    font-weight: bold;
  }
  #_recruit_requirements_box div .tab-contents table tbody tr td {
    display: block;
    width: 100%;
    padding: 0 1.2rem 1.6rem;
    border: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 2px rgb(117, 76, 36);
    font-weight: bold;
  }
}
footer {
  background-color: rgba(255, 255, 255, 0.6);
  height: auto;
}
footer .__footer_width {
  width: calc(100% - (100% - 1100px) / 2);
  margin-left: calc((100% - 1100px) / 2);
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
footer .__footer_width .__footer_address {
  width: 45%;
  padding: 5rem 0;
  display: flex;
  flex-flow: column;
  transition: 1s;
}
footer .__footer_width .__footer_address .__footer_logo {
  width: 100%;
  display: flex;
  align-items: center;
}
footer .__footer_width .__footer_address .__footer_logo .logo_img {
  width: 110px;
  height: auto;
}
footer .__footer_width .__footer_address .__footer_logo .logo_img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
footer .__footer_width .__footer_address .__footer_logo .logo_text {
  font-weight: 800;
  text-align: center;
  margin: 0 0 0 1.2rem;
}
footer .__footer_width .__footer_address .__footer_logo .logo_text span {
  font-size: 1.2rem;
}
footer .__footer_width .__footer_address .__footer_logo .logo_text p {
  font-size: 1.8rem;
  color: rgb(235, 109, 1);
}
footer .__footer_width .__footer_address address {
  width: 90%;
  margin: 3.6rem 0 0 0;
}
footer .__footer_width .__footer_address address ul {
  width: 100%;
}
footer .__footer_width .__footer_address address ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 0.6rem 0;
}
footer .__footer_width .__footer_address address ul li:last-child {
  margin: 0 0 0 0;
}
footer .__footer_width .__footer_address address ul li:last-child .address_title::before {
  width: calc(100% - 85px);
}
footer .__footer_width .__footer_address address ul li .address_title {
  width: 30%;
  position: relative;
}
footer .__footer_width .__footer_address address ul li .address_title::before {
  content: "";
  width: calc(100% - 45px);
  height: 0.5px;
  background-color: rgb(117, 76, 36);
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 0;
}
footer .__footer_width .__footer_address address ul li .address_title p {
  position: relative;
  z-index: 1;
}
footer .__footer_width .__footer_address address ul li .address_contents {
  width: calc(70% - 20px);
  margin: 0 0 0 20px;
}
footer .__footer_width .__footer_address address ul li .address_contents br {
  display: none;
}
footer .__footer_width .__footer_map {
  width: 55%;
  height: auto;
  transition: 1s;
}
footer .__footer_width nav {
  width: 1100px;
  border-top: solid 1px rgb(117, 76, 36);
  margin-top: 1.4rem;
  padding: 3.6rem 0;
  transition: 1s;
}
footer .__footer_width nav ul {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .__footer_width nav ul li {
  width: 14.2857142857%;
  border-right: solid 1px rgb(117, 76, 36);
  display: flex;
  align-items: center;
  font-weight: bold;
}
footer .__footer_width nav ul li a {
  width: 100%;
  display: block;
  padding: 0.6rem 0 0.6rem 0.6rem;
  text-align: center;
}
footer .__footer_width nav ul li:last-child {
  border-right: none;
}
footer .copyright {
  width: 100%;
  height: auto;
  padding: 1.6rem 0;
  background-color: rgb(117, 76, 36);
  color: rgb(255, 243, 218);
  font-size: 0.6rem;
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
}
footer .copyright .br {
  display: none;
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  footer {
    background-color: rgba(255, 255, 255, 0.6);
    height: auto;
  }
  footer .__footer_width {
    width: 100%;
    margin-left: 0;
    flex-flow: wrap;
    flex-wrap: wrap;
  }
  footer .__footer_width .__footer_address {
    order: 3;
    width: 55%;
    margin-left: 5%;
    height: 350px;
    padding: 4.2rem 0 5rem;
    display: flex;
    flex-flow: column;
    transition: 1s;
  }
  footer .__footer_width .__footer_address address {
    margin: 1.6rem 0 0 0;
  }
  footer .__footer_width .__footer_address address .address_contents br {
    display: none;
  }
  footer .__footer_width .__footer_map {
    width: 100%;
    height: 350px;
    order: 1;
    transition: 1s;
  }
  footer .__footer_width nav {
    order: 3;
    width: 35%;
    margin: unset;
    margin-right: 5%;
    border-top: none;
    margin-top: 1.4rem;
    padding: 3.6rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    transition: 1s;
  }
  footer .__footer_width nav::before {
    content: "メニュー";
    width: 100%;
    padding: 0 0 0.8rem 0;
    border-bottom: solid 1.5px rgb(117, 76, 36);
    text-align: left;
    font-weight: bold;
  }
  footer .__footer_width nav ul {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  footer .__footer_width nav ul li {
    width: 50%;
    border-right: none;
    display: flex;
    align-items: center;
    font-weight: bold;
  }
  footer .__footer_width nav ul li a {
    width: 100%;
    display: block;
    padding: 0.6rem 0 0.6rem 0.6rem;
    text-align: left;
  }
  footer .__footer_width nav ul li a::before {
    content: "●";
    margin: 0 10px 0 0;
    color: rgb(235, 109, 1);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  footer {
    background-color: rgba(255, 255, 255, 0.6);
    height: auto;
  }
  footer .__footer_width {
    width: 100%;
    margin-left: 0;
    flex-flow: wrap;
    flex-wrap: wrap;
  }
  footer .__footer_width .__footer_address {
    order: 3;
    width: 52%;
    margin-left: 5%;
    height: 350px;
    padding: 4.2rem 0 5rem;
    display: flex;
    flex-flow: column;
    transition: 1s;
  }
  footer .__footer_width .__footer_address address {
    margin: 1.6rem 0 0 0;
  }
  footer .__footer_width .__footer_address address .address_contents br {
    display: block !important;
  }
  footer .__footer_width .__footer_map {
    width: 100%;
    height: 350px;
    order: 1;
    transition: 1s;
  }
  footer .__footer_width nav {
    order: 3;
    width: 38%;
    margin: unset;
    margin-right: 5%;
    border-top: none;
    margin-top: 1.4rem;
    padding: 3.6rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    transition: 1s;
  }
  footer .__footer_width nav::before {
    content: "メニュー";
    width: 100%;
    padding: 0 0 0.8rem 0;
    border-bottom: solid 1.5px rgb(117, 76, 36);
    text-align: left;
    font-weight: bold;
  }
  footer .__footer_width nav ul {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  footer .__footer_width nav ul li {
    width: 50%;
    border-right: none;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 0.9rem;
  }
  footer .__footer_width nav ul li a {
    width: 100%;
    display: block;
    padding: 0.6rem 0 0.6rem 0.6rem;
    text-align: left;
  }
  footer .__footer_width nav ul li a::before {
    content: "●";
    margin: 0 10px 0 0;
    color: rgb(235, 109, 1);
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  footer {
    background-color: rgba(255, 255, 255, 0.6);
    height: auto;
  }
  footer .__footer_width {
    width: 100%;
    margin-left: 0;
    flex-flow: wrap;
    flex-wrap: wrap;
  }
  footer .__footer_width .__footer_address {
    order: 3;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    height: auto;
    padding: 4.2rem 0 0rem;
    display: flex;
    flex-flow: column;
    transition: 1s;
  }
  footer .__footer_width .__footer_address .__footer_logo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_img {
    width: 90px;
    height: auto;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_img img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_text {
    font-weight: 800;
    text-align: center;
    margin: 0 0 0 1.2rem;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_text span {
    font-size: 1rem;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_text p {
    font-size: 1.6rem;
    color: rgb(235, 109, 1);
  }
  footer .__footer_width .__footer_address address {
    margin: 1.6rem 5% 0 5%;
  }
  footer .__footer_width .__footer_address address .address_contents br {
    display: block !important;
  }
  footer .__footer_width .__footer_map {
    width: 100%;
    height: 350px;
    order: 1;
    transition: 1s;
  }
  footer .__footer_width nav {
    order: 3;
    width: 90%;
    margin: unset;
    margin-right: 5%;
    margin-left: 5%;
    border-top: none;
    margin-top: 0;
    padding: 3.6rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    transition: 1s;
  }
  footer .__footer_width nav::before {
    content: "メニュー";
    width: 100%;
    padding: 0 0 0.8rem 0;
    border-bottom: solid 1.5px rgb(117, 76, 36);
    text-align: left;
    font-weight: bold;
  }
  footer .__footer_width nav ul {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1.6rem;
  }
  footer .__footer_width nav ul li {
    width: 50%;
    border-right: none;
    display: flex;
    align-items: center;
    font-weight: bold;
  }
  footer .__footer_width nav ul li a {
    width: 100%;
    display: block;
    padding: 0.6rem 0 0.6rem 0.6rem;
    text-align: left;
  }
  footer .__footer_width nav ul li a::before {
    content: "●";
    margin: 0 10px 0 0;
    color: rgb(235, 109, 1);
  }
}
@media screen and (max-width: 480px) {
  footer {
    background-color: rgba(255, 255, 255, 0.6);
    height: auto;
  }
  footer .__footer_width {
    width: 100%;
    margin-left: 0;
    flex-flow: wrap;
    flex-wrap: wrap;
  }
  footer .__footer_width .__footer_address {
    order: 3;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    height: auto;
    padding: 4.2rem 0 0rem;
    display: flex;
    flex-flow: column;
    justify-content: center;
    transition: 1s;
  }
  footer .__footer_width .__footer_address .__footer_logo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_img {
    width: 90px;
    height: auto;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_img img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_text {
    font-weight: 800;
    text-align: center;
    margin: 0 0 0 1.2rem;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_text span {
    font-size: 1rem;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_text p {
    font-size: 1.6rem;
    color: rgb(235, 109, 1);
  }
  footer .__footer_width .__footer_address address {
    margin: 1.6rem 0 0 0;
  }
  footer .__footer_width .__footer_address address .address_title {
    font-size: 0.9rem;
  }
  footer .__footer_width .__footer_address address .address_contents {
    font-size: 0.9rem;
  }
  footer .__footer_width .__footer_address address .address_contents br {
    display: block !important;
  }
  footer .__footer_width .__footer_map {
    width: 100%;
    height: 350px;
    order: 1;
    transition: 1s;
  }
  footer .__footer_width nav {
    order: 3;
    width: 90%;
    margin: unset;
    margin-right: 5%;
    margin-left: 5%;
    border-top: none;
    margin-top: 0;
    padding: 3.6rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    transition: 1s;
  }
  footer .__footer_width nav::before {
    content: "メニュー";
    width: 100%;
    padding: 0 0 0.8rem 0;
    border-bottom: solid 1.5px rgb(117, 76, 36);
    text-align: left;
    font-weight: bold;
  }
  footer .__footer_width nav ul {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1.6rem;
  }
  footer .__footer_width nav ul li {
    width: 50%;
    border-right: none;
    display: flex;
    align-items: center;
    font-weight: bold;
  }
  footer .__footer_width nav ul li a {
    width: 100%;
    display: block;
    padding: 0.6rem 0 0.6rem 0.6rem;
    text-align: left;
  }
  footer .__footer_width nav ul li a::before {
    content: "●";
    margin: 0 10px 0 0;
    color: rgb(235, 109, 1);
  }
  .copyright {
    width: 100%;
    height: auto;
    padding: 1.6rem 0;
    background-color: rgb(117, 76, 36);
    color: rgb(255, 243, 218);
    font-size: 0.6rem;
    line-height: 1.2rem;
    text-align: center;
    -moz-text-align-last: center;
         text-align-last: center;
  }
  .copyright .br {
    display: block !important;
  }
}/*# sourceMappingURL=style.css.map */