@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;
  }
}
#_member_box {
  font-weight: bold;
}
#_member_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;
}
#_member_box div ._member_box_item {
  width: 100%;
}
#_member_box div ._member_box_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);
}
#_member_box div ._member_box_item ul {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 4.8rem 0 3.6rem 0;
}
#_member_box div ._member_box_item ul li {
  width: calc(33.3333333333% - 40px);
  border: solid 2px rgb(117, 76, 36);
  border-radius: 10px;
  padding: 2.4rem 2.4rem 0 2.4rem;
  /*background-color: $bg-color;*/
}
#_member_box div ._member_box_item ul li:nth-child(n+4) {
  margin: 80px 0 0 0;
}
#_member_box div ._member_box_item ul li:nth-child(3) {
  border: none;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  flex-wrap: wrap;
}
#_member_box div ._member_box_item ul li:nth-child(3) ol {
  width: 70%;
  height: 100%;
  margin: 0 15%;
  padding: 3.6rem 10%;
  border-top: solid 2px rgb(117, 76, 36);
  border-bottom: solid 2px rgb(117, 76, 36);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
#_member_box div ._member_box_item ul li:nth-child(3) ol li {
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  padding: 0;
  border-radius: unset;
  background-color: unset;
}
#_member_box div ._member_box_item ul li:nth-child(3) ol li .br {
  display: none;
}
#_member_box div ._member_box_item ul li:nth-child(3) ol li:nth-child(n+4) {
  margin: unset;
}
#_member_box div ._member_box_item ul li:nth-child(3) ol li:nth-child(3) {
  border: unset;
  padding: unset;
  display: block;
  justify-content: unset;
  align-items: unset;
}
#_member_box div ._member_box_item ul li:nth-child(3) ol li a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1.6rem 0;
}
#_member_box div ._member_box_item ul li:nth-child(3) ._account_box {
  width: 100%;
}
#_member_box div ._member_box_item ul li:nth-child(3) ._account_box a {
  width: 100%;
  display: block;
  color: #ffffff;
  background-color: rgb(117, 76, 36);
  padding: 0.8rem 1.6rem;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 15px;
  border: solid 2px rgb(117, 76, 36);
  transition: 0.5s;
}
#_member_box div ._member_box_item ul li:nth-child(3) ._account_box a:hover {
  background-color: rgb(255, 243, 218);
  color: rgb(117, 76, 36);
  transition: 0.5s;
}
#_member_box div ._member_box_item ul li div h5 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0.8rem;
  font-size: 1.2rem;
}
#_member_box div ._member_box_item ul li div ._member_box_item_img {
  width: 100%;
  height: auto;
  margin: 0;
}
#_member_box div ._member_box_item ul li div ._member_box_item_img li {
  width: 100%;
  border: none;
  border-radius: 0px;
  padding: 0;
}
#_member_box div ._member_box_item ul li div ._member_box_item_img li a:hover ._member_box_images_box > img {
  transform: scale(1.2);
  transition: 1s;
}
#_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_images_box {
  width: 100%;
  height: auto;
  overflow: hidden;
}
#_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_images_box img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 1s;
}
#_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_item_caption {
  width: 100%;
  padding: 0.8rem;
  position: absolute;
  background-color: #ffffff;
  bottom: 3.2rem;
  right: -0.8rem;
  position: relative;
}
#_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_item_caption::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgb(117, 76, 36);
  z-index: -1;
  position: absolute;
  bottom: -0.8rem;
  right: -0.8rem;
}
#_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_item_caption .date {
  text-align: left;
}
#_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_item_caption .title {
  width: 100%;
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
  font-size: 1rem;
}
#_member_box div ._member_box_item ul li ._member_box_item_top {
  position: relative;
  border-bottom: dashed 2px rgb(117, 76, 36);
}
#_member_box div ._member_box_item ul li ._member_box_item_top ._member_box_item_class_name {
  width: 40%;
  aspect-ratio: 1/1;
  position: absolute;
  top: calc(-40% + 1.6rem);
  left: calc(-40% + 1.6rem);
  background-color: rgb(117, 76, 36);
  color: rgb(255, 243, 218);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
#_member_box div ._member_box_item ul li ._member_box_item_top ._member_box_item_class_name p:first-child {
  font-size: 2.4rem;
}
#_member_box div ._member_box_item ul li ._member_box_item_top ._member_box_item_class_name p:last-child {
  margin: 25px 0 0 0;
}
#_member_box div ._member_box_item ul li ._member_box_item_bottom {
  padding: 1.6rem 0 0 0;
  position: relative;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #_member_box {
    font-weight: bold;
  }
  #_member_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/tree_green.png");
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_member_box div ._member_box_item {
    width: 100%;
  }
  #_member_box div ._member_box_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);
  }
  #_member_box div ._member_box_item ul {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    flex-flow: column;
    margin: 2.4rem 0 3.6rem 0;
  }
  #_member_box div ._member_box_item ul li {
    width: 100%;
    border: solid 2px rgb(117, 76, 36);
    border-radius: 10px;
    padding: 2.4rem 2.4rem 0 2.4rem;
    margin: 0 0 4.8rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*background-color: $bg-color;*/
  }
  #_member_box div ._member_box_item ul li:nth-child(n+4) {
    margin: 0px 0 4.8rem 0;
  }
  #_member_box div ._member_box_item ul li:nth-child(1) {
    order: 2;
  }
  #_member_box div ._member_box_item ul li:nth-child(2) {
    order: 3;
  }
  #_member_box div ._member_box_item ul li:nth-child(4) {
    order: 4;
  }
  #_member_box div ._member_box_item ul li:nth-child(5) {
    order: 5;
  }
  #_member_box div ._member_box_item ul li:nth-child(6) {
    order: 6;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) {
    order: 1;
    border: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex-wrap: wrap;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ol {
    width: 100%;
    height: 100%;
    margin: 0 0%;
    padding: 0 0%;
    border-top: none;
    border-bottom: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ol li {
    width: 33.3333333333%;
    border: none;
    padding: 0;
    border-radius: unset;
    background-color: unset;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ol li .br {
    display: block;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ol li:nth-child(n+1) {
    margin: 0 0 1.2rem 0;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ol li:nth-child(3) {
    width: 50%;
    border: unset;
    padding: unset;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ol li a {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0rem 0;
    background-color: rgb(117, 76, 36);
    color: #ffffff;
    padding: 0.8rem 1.6rem;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ._account_box {
    width: 100%;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ._account_box a {
    width: 100%;
    display: block;
    color: #ffffff;
    background-color: rgb(117, 76, 36);
    padding: 0.8rem 1.6rem;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 15px;
    border: solid 2px rgb(117, 76, 36);
    transition: 0.5s;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ._account_box a:hover {
    background-color: rgb(255, 243, 218);
    color: rgb(117, 76, 36);
    transition: 0.5s;
  }
  #_member_box div ._member_box_item ul li div h5 {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 0.8rem;
    font-size: 1.2rem;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img {
    width: 100%;
    height: auto;
    margin: 0;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li {
    width: 100%;
    border: none;
    border-radius: 0px;
    padding: 0;
    margin: 0 0 0 0;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a:hover ._member_box_images_box > img {
    transform: scale(1.2);
    transition: 1s;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_images_box {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_images_box img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 1s;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_item_caption {
    width: 100%;
    padding: 0.8rem;
    position: absolute;
    background-color: #ffffff;
    bottom: 3.2rem;
    right: -0.8rem;
    position: relative;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_item_caption::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgb(117, 76, 36);
    z-index: -1;
    position: absolute;
    bottom: -0.8rem;
    right: -0.8rem;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_item_caption .date {
    text-align: left;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_item_caption .title {
    width: 100%;
    text-align: justify;
    -moz-text-align-last: left;
         text-align-last: left;
    font-size: 1rem;
  }
  #_member_box div ._member_box_item ul li ._member_box_item_top {
    position: relative;
    width: 50%;
    padding: 0 5% 0 0;
    border-bottom: none;
  }
  #_member_box div ._member_box_item ul li ._member_box_item_top ._member_box_item_class_name {
    width: 40%;
    aspect-ratio: 1/1;
    position: absolute;
    top: calc(-40% + 1.6rem);
    left: calc(-40% + 1.6rem);
    background-color: rgb(117, 76, 36);
    color: rgb(255, 243, 218);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
  #_member_box div ._member_box_item ul li ._member_box_item_top ._member_box_item_class_name p:first-child {
    font-size: 2.4rem;
  }
  #_member_box div ._member_box_item ul li ._member_box_item_top ._member_box_item_class_name p:last-child {
    margin: 25px 0 0 0;
  }
  #_member_box div ._member_box_item ul li ._member_box_item_bottom {
    width: 50%;
    padding: 0rem 0 0 5%;
    position: relative;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_member_box {
    font-weight: bold;
  }
  #_member_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/tree_green.png");
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_member_box div ._member_box_item {
    width: 100%;
  }
  #_member_box div ._member_box_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);
  }
  #_member_box div ._member_box_item ul {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    flex-flow: column;
    margin: 2.4rem 0 3.6rem 0;
  }
  #_member_box div ._member_box_item ul li {
    width: 100%;
    border: solid 2px rgb(117, 76, 36);
    border-radius: 10px;
    padding: 2.4rem 2.4rem 0 2.4rem;
    margin: 0 0 4.8rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*background-color: $bg-color;*/
  }
  #_member_box div ._member_box_item ul li:nth-child(n+4) {
    margin: 0px 0 4.8rem 0;
  }
  #_member_box div ._member_box_item ul li:nth-child(1) {
    order: 2;
  }
  #_member_box div ._member_box_item ul li:nth-child(2) {
    order: 3;
  }
  #_member_box div ._member_box_item ul li:nth-child(4) {
    order: 4;
  }
  #_member_box div ._member_box_item ul li:nth-child(5) {
    order: 5;
  }
  #_member_box div ._member_box_item ul li:nth-child(6) {
    order: 6;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) {
    order: 1;
    border: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex-wrap: wrap;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ol {
    width: 100%;
    height: 100%;
    margin: 0 0%;
    padding: 0 0%;
    border-top: none;
    border-bottom: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ol li {
    width: 33.3333333333%;
    border: none;
    padding: 0;
    border-radius: unset;
    background-color: unset;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ol li .br {
    display: block;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ol li:nth-child(n+1) {
    margin: 0 0 1.2rem 0;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ol li:nth-child(3) {
    width: 50%;
    border: unset;
    padding: unset;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ol li a {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0rem 0;
    background-color: rgb(117, 76, 36);
    color: #ffffff;
    padding: 0.8rem 1.6rem;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ._account_box {
    width: 100%;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ._account_box a {
    width: 100%;
    display: block;
    color: #ffffff;
    background-color: rgb(117, 76, 36);
    padding: 0.8rem 1.6rem;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 15px;
    border: solid 2px rgb(117, 76, 36);
    transition: 0.5s;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ._account_box a:hover {
    background-color: rgb(255, 243, 218);
    color: rgb(117, 76, 36);
    transition: 0.5s;
  }
  #_member_box div ._member_box_item ul li div h5 {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 0.8rem;
    font-size: 1.2rem;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img {
    width: 100%;
    height: auto;
    margin: 0;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li {
    width: 100%;
    border: none;
    border-radius: 0px;
    padding: 0;
    margin: 0 0 0 0;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a:hover ._member_box_images_box > img {
    transform: scale(1.2);
    transition: 1s;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_images_box {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_images_box img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 1s;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_item_caption {
    width: 100%;
    padding: 0.8rem;
    position: absolute;
    background-color: #ffffff;
    bottom: 3.2rem;
    right: -0.8rem;
    position: relative;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_item_caption::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgb(117, 76, 36);
    z-index: -1;
    position: absolute;
    bottom: -0.8rem;
    right: -0.8rem;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_item_caption .date {
    text-align: left;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_item_caption .title {
    width: 100%;
    text-align: justify;
    -moz-text-align-last: left;
         text-align-last: left;
    font-size: 1rem;
  }
  #_member_box div ._member_box_item ul li ._member_box_item_top {
    position: relative;
    width: 50%;
    padding: 0 5% 0 0;
    border-bottom: none;
  }
  #_member_box div ._member_box_item ul li ._member_box_item_top ._member_box_item_class_name {
    width: 40%;
    aspect-ratio: 1/1;
    position: absolute;
    top: calc(-40% + 1.6rem);
    left: calc(-40% + 1.6rem);
    background-color: rgb(117, 76, 36);
    color: rgb(255, 243, 218);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
  #_member_box div ._member_box_item ul li ._member_box_item_top ._member_box_item_class_name p:first-child {
    font-size: 2.4rem;
  }
  #_member_box div ._member_box_item ul li ._member_box_item_top ._member_box_item_class_name p:last-child {
    margin: 25px 0 0 0;
  }
  #_member_box div ._member_box_item ul li ._member_box_item_bottom {
    width: 50%;
    padding: 0rem 0 0 5%;
    position: relative;
  }
}
@media screen and (max-width: 480px) {
  #_member_box {
    font-weight: bold;
  }
  #_member_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/tree_green.png");
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_member_box div ._member_box_item {
    width: 100%;
  }
  #_member_box div ._member_box_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);
  }
  #_member_box div ._member_box_item ul {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    flex-flow: column;
    margin: 2.4rem 0 3.6rem 0;
  }
  #_member_box div ._member_box_item ul li {
    width: 100%;
    border: solid 2px rgb(117, 76, 36);
    border-radius: 10px;
    padding: 2.4rem 2.4rem 0 2.4rem;
    margin: 0 0 4.8rem 0;
    /*background-color: $bg-color;*/
  }
  #_member_box div ._member_box_item ul li:nth-child(n+4) {
    margin: 0px 0 4.8rem 0;
  }
  #_member_box div ._member_box_item ul li:nth-child(1) {
    order: 2;
  }
  #_member_box div ._member_box_item ul li:nth-child(2) {
    order: 3;
  }
  #_member_box div ._member_box_item ul li:nth-child(4) {
    order: 4;
  }
  #_member_box div ._member_box_item ul li:nth-child(5) {
    order: 5;
  }
  #_member_box div ._member_box_item ul li:nth-child(6) {
    order: 6;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) {
    order: 1;
    border: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex-wrap: wrap;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ol {
    width: 100%;
    height: 100%;
    margin: 0 0%;
    padding: 0 0%;
    border-top: none;
    border-bottom: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ol li {
    width: 50%;
    border: none;
    padding: 0;
    border-radius: unset;
    background-color: unset;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ol li .br {
    display: block;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ol li:nth-child(n+1) {
    margin: 0 0 1.2rem 0;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ol li:nth-child(3) {
    width: 50%;
    border: unset;
    padding: unset;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ol li a {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0rem 0;
    background-color: rgb(117, 76, 36);
    color: #ffffff;
    padding: 0.8rem 1.6rem;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ._account_box {
    width: 100%;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ._account_box a {
    width: 100%;
    display: block;
    color: #ffffff;
    background-color: rgb(117, 76, 36);
    padding: 0.8rem 1.6rem;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 15px;
    border: solid 2px rgb(117, 76, 36);
    transition: 0.5s;
  }
  #_member_box div ._member_box_item ul li:nth-child(3) ._account_box a:hover {
    background-color: rgb(255, 243, 218);
    color: rgb(117, 76, 36);
    transition: 0.5s;
  }
  #_member_box div ._member_box_item ul li div h5 {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 0.8rem;
    font-size: 1.2rem;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img {
    width: 100%;
    height: auto;
    margin: 0;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li {
    width: 100%;
    border: none;
    border-radius: 0px;
    padding: 0;
    margin: 0 0 0 0;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a:hover ._member_box_images_box > img {
    transform: scale(1.2);
    transition: 1s;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_images_box {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_images_box img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 1s;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_item_caption {
    width: 100%;
    padding: 0.8rem;
    position: absolute;
    background-color: #ffffff;
    bottom: 3.2rem;
    right: -0.8rem;
    position: relative;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_item_caption::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgb(117, 76, 36);
    z-index: -1;
    position: absolute;
    bottom: -0.8rem;
    right: -0.8rem;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_item_caption .date {
    text-align: left;
  }
  #_member_box div ._member_box_item ul li div ._member_box_item_img li a ._member_box_item_caption .title {
    width: 100%;
    text-align: justify;
    -moz-text-align-last: left;
         text-align-last: left;
    font-size: 1rem;
  }
  #_member_box div ._member_box_item ul li ._member_box_item_top {
    position: relative;
    border-bottom: dashed 2px rgb(117, 76, 36);
  }
  #_member_box div ._member_box_item ul li ._member_box_item_top ._member_box_item_class_name {
    width: 40%;
    aspect-ratio: 1/1;
    position: absolute;
    top: calc(-40% + 1.6rem);
    left: calc(-40% + 1.6rem);
    background-color: rgb(117, 76, 36);
    color: rgb(255, 243, 218);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
  #_member_box div ._member_box_item ul li ._member_box_item_top ._member_box_item_class_name p:first-child {
    font-size: 2.4rem;
  }
  #_member_box div ._member_box_item ul li ._member_box_item_top ._member_box_item_class_name p:last-child {
    margin: 25px 0 0 0;
  }
  #_member_box div ._member_box_item ul li ._member_box_item_bottom {
    padding: 1.6rem 0 0 0;
    position: relative;
  }
}
#_archive_box {
  font-weight: bold;
}
#_archive_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;
}
#_archive_box div h4 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 2.4rem;
  text-align: center;
  padding: 4.2rem 2.4rem 2.4rem;
  border-bottom: solid 2px rgb(117, 76, 36);
}
#_archive_box div ._archive_item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 3.6rem 0;
  position: relative;
}
#_archive_box div ._archive_item ._archive_blog_list {
  width: calc(100% - 300px);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 50px 0 0;
  border: solid 2px rgb(117, 76, 36);
  padding: 2.4rem;
  border-radius: 1.6rem;
}
#_archive_box div ._archive_item ._archive_blog_list li {
  width: calc(50% - 20px);
}
#_archive_box div ._archive_item ._archive_blog_list li:nth-child(n+3) {
  margin: 1.6rem 0 0 0;
}
#_archive_box div ._archive_item ._archive_blog_list li a {
  width: 100%;
  display: block;
}
#_archive_box div ._archive_item ._archive_blog_list li a:hover ._member_box_images_box > img {
  transform: scale(1.2);
  transition: 1s;
}
#_archive_box div ._archive_item ._archive_blog_list li a ._member_box_images_box {
  width: 100%;
  height: 250px;
  overflow: hidden;
  border-radius: 10px;
}
#_archive_box div ._archive_item ._archive_blog_list li a ._member_box_images_box img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 1s;
}
#_archive_box div ._archive_item ._archive_blog_list li a ._archive_blog_date {
  width: 100%;
  font-size: 1rem;
  padding: 0.8rem 0 0.4rem;
}
#_archive_box div ._archive_item ._archive_blog_list li a ._archive_blog_title {
  width: 100%;
}
#_archive_box div ._archive_item ._archive_archive_list {
  width: 250px;
  padding: 1.6rem;
  display: flex;
  justify-content: center;
  border-top: solid 2px rgb(117, 76, 36);
  border-bottom: solid 2px rgb(117, 76, 36);
  position: sticky;
  top: 100px;
}
#_archive_box div ._archive_item ._archive_archive_list ul li {
  margin: 0 0 1.6rem 0;
}
#_archive_box div ._archive_item ._archive_archive_list ul li:last-child {
  margin: 0 0 0 0;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  #_archive_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
    letter-spacing: 0.8rem;
  }
  #_archive_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem !important;
  }
  #_archive_box div p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_archive_box div ._archive_item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 3.6rem 0;
  }
  #_archive_box div ._archive_item ._archive_blog_list {
    order: 2;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 0 0 0;
    border: none;
    padding: 0 0 2.4rem;
    border-radius: 0;
  }
  #_archive_box div ._archive_item ._archive_blog_list ._lunch_blog_pager {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 2.4rem 0 0 0;
  }
  #_archive_box div ._archive_item ._archive_blog_list ._lunch_blog_pager li {
    border-bottom: none;
  }
  #_archive_box div ._archive_item ._archive_blog_list li {
    width: calc(50% - 20px);
    padding: 2.4rem 0 2.4rem 0;
    border-bottom: dashed 2px rgb(117, 76, 36);
  }
  #_archive_box div ._archive_item ._archive_blog_list li:first-child {
    padding: 2.4rem 0 2.4rem 0;
  }
  #_archive_box div ._archive_item ._archive_blog_list li:last-child {
    border-bottom: none;
  }
  #_archive_box div ._archive_item ._archive_blog_list li:nth-child(n+3) {
    margin: 0rem 0 0 0;
  }
  #_archive_box div ._archive_item ._archive_blog_list li a {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: column;
  }
  #_archive_box div ._archive_item ._archive_blog_list li a:hover ._member_box_images_box > img {
    transform: scale(1.2);
    transition: 1s;
  }
  #_archive_box div ._archive_item ._archive_blog_list li a ._member_box_images_boxl {
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-radius: 10px;
  }
  #_archive_box div ._archive_item ._archive_blog_list li a ._member_box_images_boxl img {
    width: 100%;
    height: 250px;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 1s;
  }
  #_archive_box div ._archive_item ._archive_blog_list li a ._archive_blog_date {
    width: 100%;
    font-size: 1rem;
    padding: 0.8rem 0 0.4rem;
  }
  #_archive_box div ._archive_item ._archive_blog_list li a ._archive_blog_title {
    width: 100%;
  }
  #_archive_box div ._archive_item ._archive_archive_list {
    order: 1;
    width: 100%;
    padding: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-flow: column;
    border-top: solid 2px rgb(117, 76, 36);
    border-bottom: solid 2px rgb(117, 76, 36);
    position: relative;
    top: 0;
  }
  #_archive_box div ._archive_item ._archive_archive_list .display_selectedItem {
    width: 200px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 2px solid rgb(117, 76, 36);
    border-radius: 10px;
    padding: 5px 10px;
    cursor: pointer;
    background-color: #ffffff;
  }
  #_archive_box div ._archive_item ._archive_archive_list ul {
    width: 200px;
    border: 1px solid #c5c5c5;
    margin: 0 auto;
    position: absolute;
    bottom: -56px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #_archive_box div ._archive_item ._archive_archive_list ul li {
    margin: 0 0 0rem 0;
    cursor: default;
    box-sizing: border-box;
    padding: 4px 10px;
    background-color: #ffffff;
  }
  #_archive_box div ._archive_item ._archive_archive_list ul li a {
    display: block;
    width: 100%;
  }
  #_archive_box div ._archive_item ._archive_archive_list ul li:last-child {
    margin: 0 0 0 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_archive_box div h3 {
    background-size: 60px;
    padding: 100px 20px 0 60px;
    letter-spacing: 0.4rem;
    font-size: 4.2vw;
  }
  #_archive_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem !important;
  }
  #_archive_box div p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_archive_box div ._archive_item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 3.6rem 0 0;
  }
  #_archive_box div ._archive_item ._archive_blog_list {
    order: 2;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 0 0 0;
    border: none;
    padding: 0 0 2.4rem;
    border-radius: 0;
  }
  #_archive_box div ._archive_item ._archive_blog_list ._lunch_blog_pager {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 2.4rem 0 0 0;
  }
  #_archive_box div ._archive_item ._archive_blog_list ._lunch_blog_pager li {
    border-bottom: none;
  }
  #_archive_box div ._archive_item ._archive_blog_list li {
    width: calc(50% - 20px);
    padding: 2.4rem 0 2.4rem 0;
    border-bottom: dashed 2px rgb(117, 76, 36);
  }
  #_archive_box div ._archive_item ._archive_blog_list li:first-child {
    padding: 2.4rem 0 2.4rem 0;
  }
  #_archive_box div ._archive_item ._archive_blog_list li:last-child {
    border-bottom: none;
  }
  #_archive_box div ._archive_item ._archive_blog_list li:nth-child(n+4) {
    margin: 0rem 0 0 0;
  }
  #_archive_box div ._archive_item ._archive_blog_list li a {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: column;
  }
  #_archive_box div ._archive_item ._archive_blog_list li a:hover ._member_box_images_box > img {
    transform: scale(1.2);
    transition: 1s;
  }
  #_archive_box div ._archive_item ._archive_blog_list li a ._member_box_images_box {
    width: 100%;
    height: 150px;
    overflow: hidden;
    border-radius: 10px;
  }
  #_archive_box div ._archive_item ._archive_blog_list li a ._member_box_images_box img {
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 1s;
  }
  #_archive_box div ._archive_item ._archive_blog_list li a ._archive_blog_date {
    width: 100%;
    font-size: 1rem;
    padding: 0.8rem 0 0.4rem;
  }
  #_archive_box div ._archive_item ._archive_blog_list li a ._archive_blog_title {
    width: 100%;
  }
  #_archive_box div ._archive_item ._archive_archive_list {
    order: 1;
    width: 100%;
    padding: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-top: solid 2px rgb(117, 76, 36);
    border-bottom: solid 2px rgb(117, 76, 36);
    position: relative;
    top: 0;
  }
  #_archive_box div ._archive_item ._archive_archive_list .display_selectedItem {
    width: 200px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 2px solid rgb(117, 76, 36);
    border-radius: 10px;
    padding: 5px 10px;
    cursor: pointer;
    background-color: #ffffff;
  }
  #_archive_box div ._archive_item ._archive_archive_list ul {
    width: 200px;
    border: 1px solid #c5c5c5;
    margin: 0 auto;
    position: absolute;
    bottom: -56px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #_archive_box div ._archive_item ._archive_archive_list ul li {
    margin: 0 0 0rem 0;
    cursor: default;
    box-sizing: border-box;
    padding: 4px 10px;
    background-color: #ffffff;
  }
  #_archive_box div ._archive_item ._archive_archive_list ul li a {
    display: block;
    width: 100%;
  }
  #_archive_box div ._archive_item ._archive_archive_list ul li:last-child {
    margin: 0 0 0 0;
  }
}
@media screen and (max-width: 480px) {
  #_archive_box div h3 {
    letter-spacing: 0.2rem;
    background-size: 40px;
    padding: 100px 0px 0 40px;
  }
  #_archive_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem !important;
  }
  #_archive_box div p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_archive_box div span {
    font-size: 1rem;
  }
  #_archive_box div ._archive_item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 3.6rem 0;
  }
  #_archive_box div ._archive_item ._archive_blog_list {
    order: 2;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 0 0 0;
    border: none;
    padding: 2.4rem 0;
    border-radius: 0;
  }
  #_archive_box div ._archive_item ._archive_blog_list ._lunch_blog_pager {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 2.4rem 0 0 0;
  }
  #_archive_box div ._archive_item ._archive_blog_list ._lunch_blog_pager li {
    border-bottom: none;
  }
  #_archive_box div ._archive_item ._archive_blog_list li {
    width: 100%;
    padding: 2.4rem 0 2.4rem 0;
    border-bottom: dashed 2px rgb(117, 76, 36);
  }
  #_archive_box div ._archive_item ._archive_blog_list li:first-child {
    padding: 0rem 0 2.4rem 0;
  }
  #_archive_box div ._archive_item ._archive_blog_list li:last-child {
    border-bottom: none;
  }
  #_archive_box div ._archive_item ._archive_blog_list li:nth-child(n+4) {
    margin: 1.6rem 0 0 0;
  }
  #_archive_box div ._archive_item ._archive_blog_list li a {
    width: 100%;
    display: block;
  }
  #_archive_box div ._archive_item ._archive_blog_list li a:hover ._archive_blog_thumbnail > img {
    transform: scale(1.2);
    transition: 1s;
  }
  #_archive_box div ._archive_item ._archive_blog_list li a ._archive_blog_thumbnail {
    width: 100%;
    height: 150px;
    overflow: hidden;
    border-radius: 10px;
  }
  #_archive_box div ._archive_item ._archive_blog_list li a ._archive_blog_thumbnail img {
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 1s;
  }
  #_archive_box div ._archive_item ._archive_blog_list li a ._archive_blog_date {
    width: 100%;
    font-size: 1rem;
    padding: 0.8rem 0 0.4rem;
  }
  #_archive_box div ._archive_item ._archive_blog_list li a ._archive_blog_title {
    width: 100%;
  }
  #_archive_box div ._archive_item ._archive_archive_list {
    order: 1;
    width: 100%;
    padding: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-top: solid 2px rgb(117, 76, 36);
    border-bottom: solid 2px rgb(117, 76, 36);
    position: relative;
    top: 0;
  }
  #_archive_box div ._archive_item ._archive_archive_list .display_selectedItem {
    width: 200px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 2px solid rgb(117, 76, 36);
    border-radius: 10px;
    padding: 5px 10px;
    cursor: pointer;
    background-color: #ffffff;
  }
  #_archive_box div ._archive_item ._archive_archive_list ul {
    width: 200px;
    border: 1px solid #c5c5c5;
    margin: 0 auto;
    position: absolute;
    bottom: -56px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #_archive_box div ._archive_item ._archive_archive_list ul li {
    margin: 0 0 0rem 0;
    cursor: default;
    box-sizing: border-box;
    padding: 4px 10px;
    background-color: #ffffff;
  }
  #_archive_box div ._archive_item ._archive_archive_list ul li a {
    display: block;
    width: 100%;
  }
  #_archive_box div ._archive_item ._archive_archive_list ul li:last-child {
    margin: 0 0 0 0;
  }
}
#_lunch_blog_box {
  font-weight: bold;
}
#_lunch_blog_box div h3 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 0.2rem;
  background-image: url("../../img/introduction/h_icon/leaf.svg");
  background-size: 100px;
  padding: 200px 100px 0 100px;
}
#_lunch_blog_box div ._lunch_blog_item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 3.6rem 0;
  position: relative;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog {
  width: calc(100% - 250px - 20px);
  border: solid 2px rgb(117, 76, 36);
  padding: 1.6rem;
  background-color: #ffffff;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog h4 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0px;
  text-align: center;
  padding: 0rem 2.4rem 1.6rem;
  border-bottom: solid 2px rgb(117, 76, 36);
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_update {
  width: 100%;
  padding: 0.6rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h1 {
  width: 100%;
  font-size: 2.4rem;
  padding: 0;
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h2 {
  width: 100%;
  font-size: 2.2rem;
  padding: 0;
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h3 {
  width: 100%;
  font-size: 2rem;
  padding: 0;
  background-image: unset;
  text-align: left;
  letter-spacing: unset;
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h4 {
  width: 100%;
  font-size: 1.8rem;
  padding: 0;
  text-align: left;
  border-bottom: none;
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h5 {
  width: 100%;
  font-size: 1.6rem;
  padding: 0;
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h6 {
  width: 100%;
  font-size: 1.4rem;
  padding: 0;
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents p {
  font-size: 1.2rem;
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents ul {
  list-style: inside;
  list-style-type: circle;
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents ol {
  list-style: inside;
  list-style-type: decimal;
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents img {
  max-width: 100%;
  margin: 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents a {
  display: block;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents table {
  width: 100%;
  height: auto;
  border: solid 2px rgb(117, 76, 36);
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents table th,
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents table td {
  padding: 0.8rem;
  font-weight: bold;
  border: solid 2px rgb(117, 76, 36);
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents .cms_media_image_full {
  width: 100%;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 2.4rem 0 0 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager li {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager li a {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.4rem;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager .pager_prev {
  padding: 0 0 0 20px;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager .pager_prev::before {
  display: block;
  content: "";
  width: 15px;
  aspect-ratio: 1/1;
  border-top: solid 2px rgb(117, 76, 36);
  border-left: solid 2px rgb(117, 76, 36);
  transform: rotate(-45deg);
  position: absolute;
  top: 6px;
  left: 0%;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager .pager_next {
  padding: 0 20px 0 0px;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager .pager_next::before {
  display: block;
  content: "";
  width: 15px;
  aspect-ratio: 1/1;
  border-top: solid 2px rgb(117, 76, 36);
  border-right: solid 2px rgb(117, 76, 36);
  transform: rotate(45deg);
  position: absolute;
  top: 6px;
  right: 0%;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager .empty {
  width: 10px;
  height: 10px;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list {
  width: 250px;
  padding: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  border-top: solid 2px rgb(117, 76, 36);
  border-bottom: solid 2px rgb(117, 76, 36);
  position: sticky;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list li {
  margin: 0 0 1.6rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list li:last-child {
  margin: 0 0 0 0;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #_lunch_blog_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
  }
  #_lunch_blog_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_lunch_blog_box div p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_lunch_blog_box div ._lunch_blog_item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 3.6rem 0;
    position: relative;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog {
    order: 2;
    width: 100%;
    border: none;
    padding: 1.6rem;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog > h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_update {
    width: 100%;
    padding: 0.6rem 0;
    margin-bottom: 3.6rem;
    text-align: center;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 2.4rem 0 0 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager li {
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager li a {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.2rem;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list {
    order: 1;
    width: 100%;
    padding: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-top: solid 2px rgb(117, 76, 36);
    border-bottom: solid 2px rgb(117, 76, 36);
    position: sticky;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list li {
    margin: 0 0 1.6rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list li:last-child {
    margin: 0 0 0 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_lunch_blog_box div h3 {
    background-size: 60px;
    padding: 100px 60px 0 60px;
  }
  #_lunch_blog_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_lunch_blog_box div p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_lunch_blog_box div ._lunch_blog_item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 3.6rem 0;
    position: relative;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog {
    order: 2;
    width: 100%;
    border: none;
    padding: 1.6rem;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog > h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_update {
    width: 100%;
    padding: 0.6rem 0;
    margin-bottom: 3.6rem;
    text-align: center;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h1 {
    width: 100%;
    font-size: 2.2rem;
    padding: 0;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h2 {
    width: 100%;
    font-size: 2rem;
    padding: 0;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h3 {
    width: 100%;
    font-size: 1.8rem;
    padding: 0;
    background-image: unset;
    text-align: left;
    letter-spacing: unset;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h4 {
    width: 100%;
    font-size: 1.6rem;
    padding: 0;
    text-align: left;
    border-bottom: none;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h5 {
    width: 100%;
    font-size: 1.4rem;
    padding: 0;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h6 {
    width: 100%;
    font-size: 1.2rem;
    padding: 0;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents p {
    font-size: 1rem;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents ul {
    list-style: inside;
    list-style-type: circle;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents ol {
    list-style: inside;
    list-style-type: decimal;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents img {
    max-width: 100%;
    margin: 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents a {
    display: block;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents table {
    width: 100%;
    height: auto;
    border: solid 2px rgb(117, 76, 36);
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents table th,
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents table td {
    padding: 0.8rem;
    font-weight: bold;
    border: solid 2px rgb(117, 76, 36);
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents .cms_media_image_full {
    width: 100%;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 2.4rem 0 0 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager li {
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager li a {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.2rem;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list {
    order: 1;
    width: 100%;
    padding: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-top: solid 2px rgb(117, 76, 36);
    border-bottom: solid 2px rgb(117, 76, 36);
    position: sticky;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list li {
    margin: 0 0 1.6rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list li:last-child {
    margin: 0 0 0 0;
  }
}
@media screen and (max-width: 480px) {
  #_lunch_blog_box div h3 {
    letter-spacing: 0.4rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_lunch_blog_box div p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_lunch_blog_box div span {
    font-size: 1rem;
  }
  #_lunch_blog_box div ._lunch_blog_item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 3.6rem 0;
    position: relative;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog {
    order: 2;
    width: 100%;
    margin: 2.4rem 0 0 0;
    padding: 1.6rem;
    border: none;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog > h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_update {
    width: 100%;
    padding: 0.6rem 0;
    margin-bottom: 3.6rem;
    text-align: center;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h1 {
    width: 100%;
    font-size: 2rem;
    padding: 0;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h2 {
    width: 100%;
    font-size: 1.8rem;
    padding: 0;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h3 {
    width: 100%;
    font-size: 1.6rem;
    padding: 0;
    background-image: unset;
    text-align: left;
    letter-spacing: unset;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h4 {
    width: 100%;
    font-size: 1.4rem;
    padding: 0;
    text-align: left;
    border-bottom: none;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h5 {
    width: 100%;
    font-size: 1.2rem;
    padding: 0;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h6 {
    width: 100%;
    font-size: 1rem;
    padding: 0;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents p {
    font-size: 0.9rem;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents ul {
    list-style: inside;
    list-style-type: circle;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents ol {
    list-style: inside;
    list-style-type: decimal;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents img {
    max-width: 100%;
    margin: 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents a {
    display: block;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents table {
    width: 100%;
    height: auto;
    border: solid 2px rgb(117, 76, 36);
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents table th,
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents table td {
    padding: 0.8rem;
    font-weight: bold;
    border: solid 2px rgb(117, 76, 36);
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents .cms_media_image_full {
    width: 100%;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 2.4rem 0 0 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager li {
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager li a {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.2rem;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list {
    order: 1;
    width: 100%;
    padding: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-top: solid 2px rgb(117, 76, 36);
    border-bottom: solid 2px rgb(117, 76, 36);
    position: sticky;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list li {
    margin: 0 0 1.6rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list li:last-child {
    margin: 0 0 0 0;
  }
}
#_member_login_box {
  display: flex;
  justify-content: center;
  flex-flow: column;
}
#_member_login_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;
}
#_member_login_box div 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);
}
#_member_login_box div 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;
}
#_member_login_box div span {
  width: 100%;
  display: block;
  font-size: 1.2rem;
  text-align: right;
  font-weight: bold;
}
#_member_login_box div .indent {
  padding-left: 2.4em;
  text-indent: -2.4em;
}
#_member_login_box div ._member_login_box_form {
  width: 100%;
  height: auto;
}
#_member_login_box div ._member_login_box_form .form {
  width: 100%;
  height: auto;
}
#_member_login_box div ._member_login_box_form .form table {
  width: 50%;
  margin: 2.4rem 25% 0;
}
#_member_login_box div ._member_login_box_form .form table tbody tr th {
  padding: 0.8rem;
  vertical-align: middle;
}
#_member_login_box div ._member_login_box_form .form table tbody tr td {
  padding: 0.8rem;
}
#_member_login_box div ._member_login_box_form .form table tbody tr td input {
  width: 100%;
  height: 100%;
  padding: 0.8rem;
  background-color: #ffffff;
}
#_member_login_box div ._member_login_box_form .form .login_button_box {
  width: 50%;
  margin: 2.4rem 25% 3.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#_member_login_box div ._member_login_box_form .form .login_button_box button {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  padding: 0.8rem 2.4rem;
  background-color: rgb(117, 76, 36);
  color: #ffffff;
  font-weight: bold;
  border-radius: 10px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #_member_login_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
  }
  #_member_login_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_member_login_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_member_login_box div ._member_login_box_form {
    width: 100%;
    height: auto;
  }
  #_member_login_box div ._member_login_box_form .form {
    width: 100%;
    height: auto;
  }
  #_member_login_box div ._member_login_box_form .form table {
    width: 84%;
    margin: 2.4rem 8% 0;
  }
  #_member_login_box div ._member_login_box_form .form table tbody tr th {
    padding: 0.8rem;
    vertical-align: middle;
  }
  #_member_login_box div ._member_login_box_form .form table tbody tr td {
    padding: 0.8rem;
  }
  #_member_login_box div ._member_login_box_form .form table tbody tr td input {
    width: 100%;
    height: 100%;
    padding: 0.8rem;
    background-color: #ffffff;
  }
  #_member_login_box div ._member_login_box_form .form .login_button_box {
    width: 84%;
    margin: 2.4rem 8% 3.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #_member_login_box div ._member_login_box_form .form .login_button_box button {
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    padding: 0.8rem 2.4rem;
    background-color: rgb(117, 76, 36);
    color: #ffffff;
    font-weight: bold;
    border-radius: 10px;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_member_login_box div h3 {
    letter-spacing: 0.2rem;
    background-size: 60px;
    padding: 100px 60px 0 60px;
  }
  #_member_login_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_member_login_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_member_login_box div ._member_login_box_form {
    width: 100%;
    height: auto;
  }
  #_member_login_box div ._member_login_box_form .form {
    width: 100%;
    height: auto;
  }
  #_member_login_box div ._member_login_box_form .form table {
    width: 90%;
    margin: 2.4rem 5% 0;
  }
  #_member_login_box div ._member_login_box_form .form table tbody tr th {
    padding: 0.8rem;
    vertical-align: middle;
  }
  #_member_login_box div ._member_login_box_form .form table tbody tr td {
    padding: 0.8rem;
  }
  #_member_login_box div ._member_login_box_form .form table tbody tr td input {
    width: 100%;
    height: 100%;
    padding: 0.8rem;
    background-color: #ffffff;
  }
  #_member_login_box div ._member_login_box_form .form .login_button_box {
    width: 90%;
    margin: 2.4rem 5% 3.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #_member_login_box div ._member_login_box_form .form .login_button_box button {
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    padding: 0.8rem 2.4rem;
    background-color: rgb(117, 76, 36);
    color: #ffffff;
    font-weight: bold;
    border-radius: 10px;
  }
}
@media screen and (max-width: 480px) {
  #_member_login_box div h3 {
    letter-spacing: 0.2rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_member_login_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_member_login_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_member_login_box div span {
    font-size: 1rem;
  }
  #_member_login_box div ._member_login_box_form {
    width: 100%;
    height: auto;
  }
  #_member_login_box div ._member_login_box_form .form {
    width: 100%;
    height: auto;
  }
  #_member_login_box div ._member_login_box_form .form table {
    width: 100%;
    margin: 2.4rem 0 0;
  }
  #_member_login_box div ._member_login_box_form .form table tbody tr th {
    padding: 0.8rem;
    vertical-align: middle;
  }
  #_member_login_box div ._member_login_box_form .form table tbody tr td {
    padding: 0.8rem;
  }
  #_member_login_box div ._member_login_box_form .form table tbody tr td input {
    width: 100%;
    height: 100%;
    padding: 0.8rem;
    background-color: #ffffff;
  }
  #_member_login_box div ._member_login_box_form .form .login_button_box {
    width: 100%;
    margin: 2.4rem 0 3.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #_member_login_box div ._member_login_box_form .form .login_button_box button {
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    padding: 0.8rem 2.4rem;
    background-color: rgb(117, 76, 36);
    color: #ffffff;
    font-weight: bold;
    border-radius: 10px;
  }
}
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 */