@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;
  }
}
#_introduction_voice_box {
  display: flex;
  justify-content: center;
  flex-flow: column;
}
#_introduction_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;
}
#_introduction_voice_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);
}
#_introduction_voice_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;
}
#_introduction_voice_box div span {
  width: 100%;
  display: block;
  font-size: 1.2rem;
  text-align: right;
  font-weight: bold;
}
#_introduction_voice_box div .indent {
  padding-left: 2.4em;
  text-indent: -2.4em;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #_introduction_voice_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
  }
  #_introduction_voice_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_introduction_voice_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_introduction_voice_box div h3 {
    background-size: 60px;
    padding: 100px 60px 0 60px;
  }
  #_introduction_voice_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_introduction_voice_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  #_introduction_voice_box div h3 {
    letter-spacing: 0.4rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_introduction_voice_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_introduction_voice_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_introduction_voice_box div span {
    font-size: 1rem;
  }
}
#_introduction_philosophy_box div {
  position: relative;
}
#_introduction_philosophy_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;
}
#_introduction_philosophy_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);
}
#_introduction_philosophy_box div p {
  width: 50%;
  line-height: 1.6rem;
  margin: 1.4rem auto;
  font-weight: bold;
}
#_introduction_philosophy_box div div {
  width: 30%;
  aspect-ratio: 1/1;
  position: absolute;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}
#_introduction_philosophy_box div .philosophy_box_img_left {
  background-image: url("../../img/introduction/philosophy/philosophy_left.jpg");
  bottom: -15%;
  left: -10%;
  animation-name: fuwa;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
}
#_introduction_philosophy_box div .philosophy_box_img_left::before {
  content: "";
  position: absolute;
  right: -10%;
  bottom: -10%;
  width: 60%;
  height: 60%;
  border-radius: 60% 0;
  background: radial-gradient(at 0 0, rgba(0, 130, 255, 0.3) 40%, rgba(255, 154, 204, 0.7) 50%);
  filter: blur(15px);
}
#_introduction_philosophy_box div .philosophy_box_img_left::after {
  content: "";
  position: absolute;
  left: -10%;
  top: -10%;
  width: 60%;
  height: 60%;
  border-radius: 20% 0;
  background: radial-gradient(at 100% 100%, rgba(255, 255, 100, 0.5) 40%, rgba(120, 255, 140, 0.7) 60%);
  filter: blur(15px);
}
#_introduction_philosophy_box div .philosophy_box_img_right {
  background-image: url("../../img/introduction/philosophy/philosophy_right.jpg");
  top: 15%;
  right: -10%;
  animation-name: fuwa2;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
}
#_introduction_philosophy_box div .philosophy_box_img_right::before {
  content: "";
  position: absolute;
  right: -10%;
  bottom: -10%;
  width: 60%;
  height: 60%;
  border-radius: 60% 0;
  background: radial-gradient(at 0 0, rgba(0, 130, 255, 0.3) 40%, rgba(255, 154, 204, 0.7) 50%);
  filter: blur(15px);
}
#_introduction_philosophy_box div .philosophy_box_img_right::after {
  content: "";
  position: absolute;
  left: -10%;
  top: -10%;
  width: 60%;
  height: 60%;
  border-radius: 20% 0;
  background: radial-gradient(at 100% 100%, rgba(255, 255, 100, 0.5) 40%, rgba(120, 255, 140, 0.7) 60%);
  filter: blur(15px);
}

@keyframes fuwa {
  0% {
    transform: translate(0, 0px);
  }
  100% {
    transform: translate(0, -15px);
  }
}
@keyframes fuwa2 {
  0% {
    transform: translate(0, -15px);
  }
  100% {
    transform: translate(0, 0px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #_introduction_philosophy_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
  }
  #_introduction_philosophy_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_introduction_philosophy_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_introduction_philosophy_box div h3 {
    background-size: 60px;
    padding: 100px 60px 0 60px;
  }
  #_introduction_philosophy_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_introduction_philosophy_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  #_introduction_philosophy_box div h3 {
    letter-spacing: 0.4rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_introduction_philosophy_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_introduction_philosophy_box div p {
    width: 80%;
    margin: 1.4rem 10%;
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_introduction_philosophy_box div span {
    font-size: 1rem;
  }
  #_introduction_philosophy_box div .philosophy_box_img_left {
    bottom: -35%;
    left: -10%;
  }
}
#_introduction_policy_box {
  display: flex;
  justify-content: center;
  flex-flow: column;
}
#_introduction_policy_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;
}
#_introduction_policy_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);
}
#_introduction_policy_box div ul {
  width: 90%;
  margin-left: 5%;
}
#_introduction_policy_box div ul li {
  width: 100%;
  height: auto;
  padding: 1.8rem 0 0 0;
  display: flex;
  align-items: center;
}
#_introduction_policy_box div ul li p {
  width: 50px;
  aspect-ratio: 1/1;
  font-size: 2.6rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
}
#_introduction_policy_box div ul li span {
  width: calc(100% - 50px);
  min-height: 50px;
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-top: 0 !important;
}
#_introduction_policy_box div ._policy_childcare_list li span {
  margin-top: -14px;
}
#_introduction_policy_box div ._policy_childcare_list_point {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 4.8rem 0 0 0;
}
#_introduction_policy_box div ._policy_childcare_list_point li {
  width: calc(33.3333333333% - 40px);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 3.6rem;
  font-size: 1.2rem;
  font-weight: bold;
  border: solid 2px rgb(117, 76, 36);
  border-radius: 10px;
  transition: 0.5s;
}
#_introduction_policy_box div ._policy_childcare_list_point li:hover {
  background-color: rgb(117, 76, 36);
  color: #ffffff;
  transition: 0.5s;
}
#_introduction_policy_box div ._policy_childcare_list_promise {
  width: 80%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 4.8rem 10%;
}
#_introduction_policy_box div ._policy_childcare_list_promise li {
  width: calc(35% - 40px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
  font-weight: bold;
  font-size: 1.4rem;
  background-color: rgb(117, 76, 36);
  color: rgb(255, 243, 218);
}
#_introduction_policy_box div ._policy_childcare_list_promise li:nth-child(1) {
  margin-left: calc(15% - 0px);
  margin-right: 20px;
}
#_introduction_policy_box div ._policy_childcare_list_promise li:nth-child(2) {
  margin-right: calc(15% - 0px);
  margin-left: 20px;
}
#_introduction_policy_box div ._policy_childcare_list_promise li:nth-child(3) {
  font-size: 1.2rem;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #_introduction_policy_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
  }
  #_introduction_policy_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_introduction_policy_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_introduction_policy_box div ul {
    width: 90%;
    margin-left: 5%;
  }
  #_introduction_policy_box div ._policy_childcare_list_point li {
    padding: 0.8rem 2.4rem;
  }
  #_introduction_policy_box div ._policy_childcare_list_promise {
    width: 80%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 4.8rem 10%;
  }
  #_introduction_policy_box div ._policy_childcare_list_promise li {
    font-size: 1rem;
  }
  #_introduction_policy_box div ._policy_childcare_list_promise li:nth-child(3) {
    font-size: 1rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_introduction_policy_box div h3 {
    background-size: 60px;
    padding: 100px 60px 0 60px;
  }
  #_introduction_policy_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_introduction_policy_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_introduction_policy_box div ul {
    width: 90%;
    margin-left: 5%;
  }
  #_introduction_policy_box div ._policy_childcare_list_point {
    margin: 1.6rem 0 0 0;
  }
  #_introduction_policy_box div ._policy_childcare_list_point li {
    font-size: 1rem;
    width: calc(33.3333333333% - 20px);
    padding: 0.8rem 0.8rem;
  }
  #_introduction_policy_box div ._policy_childcare_list_promise {
    width: 100%;
    justify-content: space-around;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 2.4rem 0%;
  }
  #_introduction_policy_box div ._policy_childcare_list_promise li {
    width: calc(33% - 20px);
    aspect-ratio: 1/0.75;
    border-radius: 5px;
    font-size: 2.4vw;
  }
  #_introduction_policy_box div ._policy_childcare_list_promise li:nth-child(1) {
    margin-left: 0;
    margin-right: 0;
  }
  #_introduction_policy_box div ._policy_childcare_list_promise li:nth-child(2) {
    margin-right: 0;
    margin-left: 0;
  }
  #_introduction_policy_box div ._policy_childcare_list_promise li:nth-child(3) {
    font-size: 2.4vw;
  }
  #_introduction_policy_box div ._policy_childcare_list_promise li:nth-child(n+4) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 480px) {
  #_introduction_policy_box div h3 {
    letter-spacing: 0.4rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_introduction_policy_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_introduction_policy_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_introduction_policy_box div span {
    font-size: 1rem;
  }
  #_introduction_policy_box div ul {
    width: 90%;
    margin-left: 5%;
  }
  #_introduction_policy_box div ._policy_childcare_list_point {
    justify-content: space-between;
    margin: 1.6rem 0 0 0;
  }
  #_introduction_policy_box div ._policy_childcare_list_point li {
    font-size: 1rem;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.8rem 0.8rem;
  }
  #_introduction_policy_box div ._policy_childcare_list_promise {
    width: 100%;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 2.4rem 0%;
  }
  #_introduction_policy_box div ._policy_childcare_list_promise li {
    width: calc(50% - 20px);
    aspect-ratio: 1/0.75;
    border-radius: 5px;
    font-size: 3.6vw;
  }
  #_introduction_policy_box div ._policy_childcare_list_promise li:nth-child(1) {
    margin-left: 0;
    margin-right: 0;
  }
  #_introduction_policy_box div ._policy_childcare_list_promise li:nth-child(2) {
    margin-right: 0;
    margin-left: 0;
  }
  #_introduction_policy_box div ._policy_childcare_list_promise li:nth-child(3) {
    font-size: 3.6vw;
  }
  #_introduction_policy_box div ._policy_childcare_list_promise li:nth-child(n+3) {
    margin-top: 20px;
  }
}
#_introduction_features_box,
#_state_features_box {
  font-weight: bold;
}
#_introduction_features_box div h3,
#_state_features_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;
}
#_introduction_features_box div h4,
#_state_features_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);
}
#_introduction_features_box div .features_box_contents,
#_state_features_box div .features_box_contents {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 4.8rem 0 0;
}
#_introduction_features_box div .features_box_contents .features_box_contents_left,
#_state_features_box div .features_box_contents .features_box_contents_left {
  width: 45%;
  border-right: solid 1px rgb(117, 76, 36);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  position: relative;
  padding: 4rem 0;
}
#_introduction_features_box div .features_box_contents .features_box_contents_left span,
#_state_features_box div .features_box_contents .features_box_contents_left span {
  position: absolute;
  top: 0;
  right: 3.2rem;
  background-color: rgb(117, 76, 36);
  color: rgb(255, 243, 218);
  padding: 0.2rem 0.4rem;
  border-radius: 0.2rem;
}
#_introduction_features_box div .features_box_contents .features_box_contents_left::after,
#_state_features_box div .features_box_contents .features_box_contents_left::after {
  content: "";
  width: 24px;
  aspect-ratio: 1/1;
  border-top: solid 1px rgb(117, 76, 36);
  border-right: solid 1px rgb(117, 76, 36);
  position: absolute;
  top: calc(50% - 12px);
  right: -13px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-color: rgb(255, 243, 218);
  transform: rotate(45deg);
}
#_introduction_features_box div .features_box_contents .features_box_contents_left ul,
#_state_features_box div .features_box_contents .features_box_contents_left ul {
  width: 100%;
  display: flex;
  flex-flow: column;
  margin: 0 2rem 0 0;
}
#_introduction_features_box div .features_box_contents .features_box_contents_left ul li,
#_state_features_box div .features_box_contents .features_box_contents_left ul li {
  line-height: 1.6rem;
}
#_introduction_features_box div .features_box_contents .features_box_contents_right,
#_state_features_box div .features_box_contents .features_box_contents_right {
  width: 55%;
  padding: 0 0 0 3.2rem;
  font-weight: bold;
}
#_introduction_features_box div .features_box_contents .features_box_contents_right p,
#_state_features_box div .features_box_contents .features_box_contents_right p {
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
  line-height: 1.6rem;
  margin-bottom: 1.6rem;
}
#_introduction_features_box div .features_box_contents .features_box_contents_right ol,
#_state_features_box div .features_box_contents .features_box_contents_right ol {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
#_introduction_features_box div .features_box_contents .features_box_contents_right ol li,
#_state_features_box div .features_box_contents .features_box_contents_right ol li {
  padding: 10px;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
#_introduction_features_box div .features_box_contents .features_box_contents_right ol li img,
#_state_features_box div .features_box_contents .features_box_contents_right ol li img {
  width: 100%;
  transform: rotate();
}
#_introduction_features_box div .features_box_contents .features_box_contents_right ol .trans_rotate_15,
#_state_features_box div .features_box_contents .features_box_contents_right ol .trans_rotate_15 {
  width: 50%;
  transform: rotate(15deg);
}
#_introduction_features_box div .features_box_contents .features_box_contents_right ol .trans_rotate_25,
#_state_features_box div .features_box_contents .features_box_contents_right ol .trans_rotate_25 {
  transform: rotate(25deg);
}
#_introduction_features_box div .features_box_contents .features_box_contents_right ol .trans_rotate__15,
#_state_features_box div .features_box_contents .features_box_contents_right ol .trans_rotate__15 {
  width: 50%;
  transform: rotate(-15deg);
}
#_introduction_features_box div .features_box_contents .features_box_contents_right ol .trans_rotate__25,
#_state_features_box div .features_box_contents .features_box_contents_right ol .trans_rotate__25 {
  transform: rotate(-25deg);
}
#_introduction_features_box div .features_box_contents .features_box_contents_right ol .list_width_50,
#_state_features_box div .features_box_contents .features_box_contents_right ol .list_width_50 {
  width: 50%;
}
#_introduction_features_box div .features_box_contents .features_box_contents_right ol .list_width_70,
#_state_features_box div .features_box_contents .features_box_contents_right ol .list_width_70 {
  width: 70%;
}
#_introduction_features_box div .features_box_contents .features_box_contents_right ol .list_margin_top20,
#_state_features_box div .features_box_contents .features_box_contents_right ol .list_margin_top20 {
  margin-top: 20px;
}
#_introduction_features_box div .features_box_contents_all,
#_state_features_box div .features_box_contents_all {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-flow: column;
  align-items: end;
  position: relative;
}
#_introduction_features_box div .features_box_contents_all h5,
#_state_features_box div .features_box_contents_all h5 {
  width: 100%;
  text-align: center;
  margin: 3.6rem 0 0 0;
}
#_introduction_features_box div .features_box_contents_all p,
#_state_features_box div .features_box_contents_all p {
  width: 100%;
  margin: 1.6rem 0 0 0;
  line-height: 2.4rem;
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
}
#_introduction_features_box div .features_box_contents_all ul,
#_state_features_box div .features_box_contents_all ul {
  width: -moz-fit-content;
  width: fit-content;
  border: solid 2px rgb(117, 76, 36);
  padding: 0.8rem 1.6rem;
  border-radius: 10px;
  margin: 1.6rem 0 0 0;
}
#_introduction_features_box div .features_box_contents_all ul li,
#_state_features_box div .features_box_contents_all ul li {
  display: flex;
  justify-content: space-between;
  padding: 0.6rem 0;
}
#_introduction_features_box div .features_box_contents_all ul li .subject_title,
#_state_features_box div .features_box_contents_all ul li .subject_title {
  width: 80px;
}
#_introduction_features_box div .features_box_contents_all ul li .subject_contents,
#_state_features_box div .features_box_contents_all ul li .subject_contents {
  width: calc(100% - 80px);
}
#_introduction_features_box div .features_box_contents_all ul li .subject_contents .br,
#_state_features_box div .features_box_contents_all ul li .subject_contents .br {
  display: none;
}
#_introduction_features_box div .features_box_contents_all .subject_image_left,
#_state_features_box div .features_box_contents_all .subject_image_left {
  width: 30%;
  aspect-ratio: 1/1;
  position: absolute;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
  top: -200px;
  left: -250px;
  animation-name: fuwa;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
}
#_introduction_features_box div .features_box_contents_all .subject_image_left::before,
#_state_features_box div .features_box_contents_all .subject_image_left::before {
  content: "";
  position: absolute;
  right: -10%;
  bottom: -10%;
  width: 60%;
  height: 60%;
  border-radius: 60% 0;
  background: radial-gradient(at 0 0, rgba(0, 130, 255, 0.3) 40%, rgba(255, 154, 204, 0.7) 50%);
  filter: blur(15px);
}
#_introduction_features_box div .features_box_contents_all .subject_image_left::after,
#_state_features_box div .features_box_contents_all .subject_image_left::after {
  content: "";
  position: absolute;
  left: -10%;
  top: -10%;
  width: 60%;
  height: 60%;
  border-radius: 20% 0;
  background: radial-gradient(at 100% 100%, rgba(255, 255, 100, 0.5) 40%, rgba(120, 255, 140, 0.7) 60%);
  filter: blur(15px);
}
#_introduction_features_box div .features_box_contents_all .subject_image_right,
#_state_features_box div .features_box_contents_all .subject_image_right {
  width: 30%;
  aspect-ratio: 1/1;
  position: absolute;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
  top: -200px;
  right: -250px;
  animation-name: fuwa2;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
}
#_introduction_features_box div .features_box_contents_all .subject_image_right::before,
#_state_features_box div .features_box_contents_all .subject_image_right::before {
  content: "";
  position: absolute;
  right: -10%;
  bottom: -10%;
  width: 60%;
  height: 60%;
  border-radius: 60% 0;
  background: radial-gradient(at 0 0, rgba(0, 130, 255, 0.3) 40%, rgba(255, 154, 204, 0.7) 50%);
  filter: blur(15px);
}
#_introduction_features_box div .features_box_contents_all .subject_image_right::after,
#_state_features_box div .features_box_contents_all .subject_image_right::after {
  content: "";
  position: absolute;
  left: -10%;
  top: -10%;
  width: 60%;
  height: 60%;
  border-radius: 20% 0;
  background: radial-gradient(at 100% 100%, rgba(255, 255, 100, 0.5) 40%, rgba(120, 255, 140, 0.7) 60%);
  filter: blur(15px);
}
#_introduction_features_box div .features_box_contents_all .physical_img,
#_state_features_box div .features_box_contents_all .physical_img {
  background-image: url("../../img/introduction/features/features_1.jpg");
}
#_introduction_features_box div .features_box_contents_all .english_img,
#_state_features_box div .features_box_contents_all .english_img {
  background-image: url("../../img/introduction/features/features_2.jpg");
}
#_introduction_features_box div .features_box_contents_all .tea_img,
#_state_features_box div .features_box_contents_all .tea_img {
  background-image: url("../../img/introduction/features/features_3.jpg");
}
#_introduction_features_box div .features_box_contents_all .eating_img,
#_state_features_box div .features_box_contents_all .eating_img {
  background-image: url("../../img/introduction/features/features_4.jpg");
}
#_introduction_features_box div .features_box_contents_all .cooking_img,
#_state_features_box div .features_box_contents_all .cooking_img {
  background-image: url("../../img/introduction/features/features_5.jpg");
}
#_introduction_features_box div .features_box_contents_all .vegetable_img,
#_state_features_box div .features_box_contents_all .vegetable_img {
  background-image: url("../../img/introduction/features/features_6.jpg");
}
#_introduction_features_box div .features_box_contents_all .interact_img,
#_state_features_box div .features_box_contents_all .interact_img {
  background-image: url("../../img/introduction/features/features_7.jpg");
}

@keyframes fuwa {
  0% {
    transform: translate(0, 0px);
  }
  100% {
    transform: translate(0, -15px);
  }
}
@keyframes fuwa2 {
  0% {
    transform: translate(0, -15px);
  }
  100% {
    transform: translate(0, 0px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #_introduction_features_box {
    font-weight: bold;
  }
  #_introduction_features_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
  }
  #_introduction_features_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_introduction_features_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_introduction_features_box div h3 {
    background-size: 60px;
    padding: 100px 60px 0 60px;
  }
  #_introduction_features_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_introduction_features_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_introduction_features_box div .features_box_contents {
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding: 2.4rem 0 0;
  }
  #_introduction_features_box div .features_box_contents .features_box_contents_left {
    width: 100%;
    border-right: none;
    border-bottom: solid 1px rgb(117, 76, 36);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    position: relative;
    padding: 0 0 1.2rem;
  }
  #_introduction_features_box div .features_box_contents .features_box_contents_left span {
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgb(117, 76, 36);
    color: rgb(255, 243, 218);
    padding: 0.2rem 0.4rem;
    border-radius: 0.2rem;
  }
  #_introduction_features_box div .features_box_contents .features_box_contents_left::after {
    border-top: none;
    border-bottom: solid 1px rgb(117, 76, 36);
    border-right: none;
    border-left: solid 1px rgb(117, 76, 36);
    top: unset;
    bottom: -13px;
    right: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background-color: rgb(255, 243, 218);
    transform: rotate(-45deg);
  }
  #_introduction_features_box div .features_box_contents .features_box_contents_left ul {
    width: 100%;
    display: flex;
    flex-flow: column;
    margin: 0 2rem 0 0;
  }
  #_introduction_features_box div .features_box_contents .features_box_contents_left ul li {
    line-height: 1.6rem;
  }
  #_introduction_features_box div .features_box_contents .features_box_contents_right {
    width: 100%;
    padding: 2.4rem 0 0 0;
    font-weight: bold;
  }
  #_introduction_features_box div .features_box_contents .features_box_contents_right p {
    text-align: justify;
    -moz-text-align-last: left;
         text-align-last: left;
    line-height: 1.6rem;
    margin-bottom: 1.6rem;
  }
  #_introduction_features_box div .features_box_contents_all ul li .subject_contents .br {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  #_introduction_features_box div h3 {
    letter-spacing: 0.4rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_introduction_features_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_introduction_features_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_introduction_features_box div .features_box_contents {
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding: 2.4rem 0 0;
  }
  #_introduction_features_box div .features_box_contents .features_box_contents_left {
    width: 100%;
    border-right: none;
    border-bottom: solid 1px rgb(117, 76, 36);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    position: relative;
    padding: 0 0 1.2rem;
  }
  #_introduction_features_box div .features_box_contents .features_box_contents_left span {
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgb(117, 76, 36);
    color: rgb(255, 243, 218);
    padding: 0.2rem 0.4rem;
    border-radius: 0.2rem;
  }
  #_introduction_features_box div .features_box_contents .features_box_contents_left::after {
    border-top: none;
    border-bottom: solid 1px rgb(117, 76, 36);
    border-right: none;
    border-left: solid 1px rgb(117, 76, 36);
    top: unset;
    bottom: -13px;
    right: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background-color: rgb(255, 243, 218);
    transform: rotate(-45deg);
  }
  #_introduction_features_box div .features_box_contents .features_box_contents_left ul {
    width: 100%;
    display: flex;
    flex-flow: column;
    margin: 0 2rem 0 0;
  }
  #_introduction_features_box div .features_box_contents .features_box_contents_left ul li {
    line-height: 1.6rem;
  }
  #_introduction_features_box div .features_box_contents .features_box_contents_right {
    width: 100%;
    padding: 2.4rem 0 0 0;
    font-weight: bold;
  }
  #_introduction_features_box div .features_box_contents .features_box_contents_right p {
    text-align: justify;
    -moz-text-align-last: left;
         text-align-last: left;
    line-height: 1.6rem;
    margin-bottom: 1.6rem;
  }
  #_introduction_features_box div .features_box_contents_all {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: end;
    position: relative;
  }
  #_introduction_features_box div .features_box_contents_all h5 {
    width: 100%;
    text-align: center;
    margin: 3.6rem 0 0 0;
  }
  #_introduction_features_box div .features_box_contents_all p {
    width: 100%;
    margin: 1.6rem 0 0 0;
    line-height: 1.6rem;
    text-align: justify;
    -moz-text-align-last: left;
         text-align-last: left;
  }
  #_introduction_features_box div .features_box_contents_all ul {
    width: -moz-fit-content;
    width: fit-content;
    border: solid 2px rgb(117, 76, 36);
    padding: 0.8rem 1.6rem;
    border-radius: 10px;
    margin: 1.6rem 0 0 0;
  }
  #_introduction_features_box div .features_box_contents_all ul li {
    display: flex;
    justify-content: center;
    padding: 0.6rem 0;
    flex-wrap: wrap;
  }
  #_introduction_features_box div .features_box_contents_all ul li .subject_title {
    width: 100%;
  }
  #_introduction_features_box div .features_box_contents_all ul li .subject_contents {
    width: 100%;
    font-size: 0.9rem;
    padding: 5px 0 0 5px;
  }
  #_introduction_features_box div .features_box_contents_all ul li .subject_contents .br {
    display: block;
  }
}
#_introduction_overview_box {
  font-weight: bold;
}
#_introduction_overview_box div {
  display: flex;
  justify-content: center;
  align-items: end;
  flex-flow: column;
}
#_introduction_overview_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;
}
#_introduction_overview_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);
}
#_introduction_overview_box div h5 {
  width: 100%;
  text-align: center;
}
#_introduction_overview_box div > p {
  width: 100%;
  text-align: center;
  margin-top: 1.4rem;
}
#_introduction_overview_box div table {
  width: 100%;
  font-weight: bold;
  margin: 2.4rem 0 0 0;
}
#_introduction_overview_box div table tbody tr th {
  width: 180px;
  padding: 1.6rem;
  border: solid 2px rgb(117, 76, 36);
  border-left: none;
  vertical-align: middle;
}
#_introduction_overview_box div table tbody tr td {
  width: calc(100% - 180px);
  padding: 1.6rem;
  border: solid 2px rgb(117, 76, 36);
  border-right: none;
}
#_introduction_overview_box div table tbody tr td .br {
  display: none;
}
#_introduction_overview_box div table tbody tr:first-child th,
#_introduction_overview_box div table tbody tr:first-child td {
  border-top: none;
}
#_introduction_overview_box div table tbody tr:last-child th,
#_introduction_overview_box div table tbody tr:last-child td {
  border-bottom: none;
}
#_introduction_overview_box div .time {
  font-size: 1.6rem;
}
#_introduction_overview_box div > ul {
  margin: 1.6rem 0 0 0;
  width: -moz-fit-content;
  width: fit-content;
}
#_introduction_overview_box div > ul > li {
  padding: 0 0 1rem 1.2rem;
  text-indent: -1.2em;
}

#_introduction_overview_box_sub {
  font-weight: bold;
}
#_introduction_overview_box_sub div h4 {
  width: 50%;
  margin: 0 auto 50px;
  text-align: center;
  padding: 6.2rem 0 1.6rem;
  border-bottom: solid 2px rgb(117, 76, 36);
}
#_introduction_overview_box_sub div h5 {
  width: 100%;
  text-align: center;
}
#_introduction_overview_box_sub div p {
  width: 100%;
  text-align: center;
  margin: 1rem 0;
}
#_introduction_overview_box_sub div ._overviewextension_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#_introduction_overview_box_sub div ._overviewextension_box div {
  width: 50%;
}
#_introduction_overview_box_sub div ._overviewextension_box div h6 {
  width: 100%;
  background-color: rgb(117, 76, 36);
  color: #ffffff;
  text-align: center;
  padding: 1rem 1.6rem;
  border-radius: 10px;
  font-size: 1.4rem;
}
#_introduction_overview_box_sub div ._overviewextension_box div h6 .br {
  display: none;
}
#_introduction_overview_box_sub div ._overviewextension_box div .h7 {
  width: 100%;
  font-size: 1.2rem;
  text-align: center;
  margin: 1.6rem 0;
}
#_introduction_overview_box_sub div ._overviewextension_box div .h8 {
  width: 100%;
  font-size: 1rem;
  text-align: left;
  margin: 1.4rem 0 0.4rem;
}
#_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item {
  width: 100%;
}
#_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul li {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
#_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul li p {
  margin: 0.4rem 0;
}
#_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul li p:first-child {
  width: 250px;
}
#_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul li p:last-child {
  width: calc(100% - 250px);
  text-align: left;
  -moz-text-align-last: left;
       text-align-last: left;
  padding: 0 0 0 0.4rem;
}
#_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul li:last-child {
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-flow: column;
}
#_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul li:last-child p {
  width: 100%;
  text-align: left;
  -moz-text-align-last: left;
       text-align-last: left;
}
#_introduction_overview_box_sub div ._overviewextension_box ._overviewextension_box_left {
  padding: 1.6rem 1.6rem 1.6rem 0;
}
#_introduction_overview_box_sub div ._overviewextension_box ._overviewextension_box_right {
  padding: 1.6rem 0 1.6rem 1.6rem;
}

#_introduction_overview_box_sub2 {
  font-weight: bold;
}
#_introduction_overview_box_sub2 div h4 {
  width: 50%;
  margin: 0 auto 50px;
  text-align: center;
  padding: 3.6rem 0 1.6rem;
  border-bottom: solid 2px rgb(117, 76, 36);
}
#_introduction_overview_box_sub2 div h5 {
  width: 100%;
  text-align: center;
}
#_introduction_overview_box_sub2 div p {
  width: 100%;
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
  margin: 1rem 0;
  line-height: 1.8rem;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  #_introduction_overview_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
  }
  #_introduction_overview_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_introduction_overview_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_introduction_overview_box_sub div ._overviewextension_box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div {
    width: 100%;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div h6 .br {
    display: none;
  }
  #_introduction_overview_box_sub ._overviewextension_box_left {
    padding: 1.6rem 1.6rem 1.6rem 0;
  }
  #_introduction_overview_box_sub ._overviewextension_box_right {
    padding: 1.6rem 0 1.6rem 1.6rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_introduction_overview_box div h3 {
    background-size: 60px;
    padding: 100px 60px 0 60px;
  }
  #_introduction_overview_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_introduction_overview_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_introduction_overview_box div table {
    width: 100%;
    font-weight: bold;
    margin: 2.4rem 0 0 0;
    display: block;
  }
  #_introduction_overview_box div table tbody {
    display: block;
    width: 100%;
  }
  #_introduction_overview_box div table tbody tr {
    display: block;
    width: 100%;
  }
  #_introduction_overview_box div table tbody tr th {
    display: block;
    width: 100%;
    padding: 1.2rem 0 0.6rem;
    border: none;
    border-left: none;
    vertical-align: middle;
  }
  #_introduction_overview_box div table tbody tr td {
    display: block;
    width: 100%;
    padding: 0rem 0 1.2rem;
    border: none;
    border-right: none;
    border-bottom: dashed 2px rgb(117, 76, 36);
  }
  #_introduction_overview_box div table tbody tr:first-child th,
  #_introduction_overview_box div table tbody tr:first-child td {
    border-top: none;
  }
  #_introduction_overview_box div table tbody tr:last-child th,
  #_introduction_overview_box div table tbody tr:last-child td {
    border-bottom: none;
  }
  #_introduction_overview_box div .time {
    font-size: 1.4rem;
  }
  #_introduction_overview_box_sub {
    font-weight: bold;
  }
  #_introduction_overview_box_sub div h4 {
    width: 100%;
    margin: 0 auto 50px;
    text-align: center;
    padding: 6.2rem 0 1.6rem;
    border-bottom: solid 2px rgb(117, 76, 36);
  }
  #_introduction_overview_box_sub div h5 {
    width: 100%;
    text-align: center;
  }
  #_introduction_overview_box_sub div p {
    width: 100%;
    text-align: center;
    margin: 1rem 0;
  }
  #_introduction_overview_box_sub div ._overviewextension_box {
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div {
    width: 100%;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div h6 {
    width: 100%;
    background-color: rgb(117, 76, 36);
    color: #ffffff;
    text-align: center;
    padding: 1rem 1.6rem;
    border-radius: 10px;
    font-size: 1.2rem;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div h6 .br {
    display: block;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div .h7 {
    width: 100%;
    font-size: 1.2rem;
    text-align: center;
    margin: 1.6rem 0;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div .h8 {
    width: 100%;
    font-size: 1rem;
    text-align: left;
    margin: 1.4rem 0 0.4rem;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item {
    width: 100%;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul {
    width: 100%;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul li {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-flow: column;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul li p {
    width: 100%;
    margin: 0.4rem 0;
    font-size: 1rem;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul li p:first-child {
    width: 100%;
    padding: 0.8rem;
    border: solid 1px rgb(117, 76, 36);
  }
  #_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul li p:last-child {
    width: 100%;
    text-align: left;
    -moz-text-align-last: left;
         text-align-last: left;
    padding: 0 0 0.8rem 0.4rem;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul li:last-child {
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-flow: column;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul li:last-child p {
    width: 100%;
    text-align: center;
    -moz-text-align-last: center;
         text-align-last: center;
  }
  #_introduction_overview_box_sub div ._overviewextension_box ._overviewextension_box_left {
    padding: 1.6rem 0 1.6rem 0;
  }
  #_introduction_overview_box_sub div ._overviewextension_box ._overviewextension_box_right {
    padding: 1.6rem 0 1.6rem 0;
  }
}
@media screen and (max-width: 480px) {
  #_introduction_overview_box div h3 {
    letter-spacing: 0.4rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_introduction_overview_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_introduction_overview_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_introduction_overview_box div table {
    width: 100%;
    font-weight: bold;
    margin: 2.4rem 0 0 0;
    display: block;
  }
  #_introduction_overview_box div table tbody {
    display: block;
    width: 100%;
  }
  #_introduction_overview_box div table tbody tr {
    display: block;
    width: 100%;
  }
  #_introduction_overview_box div table tbody tr th {
    display: block;
    width: 100%;
    padding: 1.2rem 0 0.6rem;
    border: none;
    border-left: none;
    vertical-align: middle;
  }
  #_introduction_overview_box div table tbody tr td {
    display: block;
    width: 100%;
    padding: 0rem 0 1.2rem 1.4rem;
    border: none;
    border-right: none;
    border-bottom: dashed 2px rgb(117, 76, 36);
  }
  #_introduction_overview_box div table tbody tr td .br {
    display: block;
  }
  #_introduction_overview_box div table tbody tr:first-child th,
  #_introduction_overview_box div table tbody tr:first-child td {
    border-top: none;
  }
  #_introduction_overview_box div table tbody tr:last-child th,
  #_introduction_overview_box div table tbody tr:last-child td {
    border-bottom: none;
  }
  #_introduction_overview_box div .time {
    font-size: 4.6vw;
  }
  #_introduction_overview_box div > ul {
    font-size: 4.2vw;
    margin: 1.6rem 0 0 0;
    width: -moz-fit-content;
    width: fit-content;
  }
  #_introduction_overview_box div > ul > li {
    padding: 0 0 1rem 1.2rem;
    text-indent: -1.2em;
  }
  #_introduction_overview_box_sub {
    font-weight: bold;
  }
  #_introduction_overview_box_sub div h4 {
    width: 100%;
    margin: 0 auto 50px;
    text-align: center;
    padding: 6.2rem 0 1.6rem;
    border-bottom: solid 2px rgb(117, 76, 36);
  }
  #_introduction_overview_box_sub div h5 {
    width: 100%;
    text-align: center;
  }
  #_introduction_overview_box_sub div p {
    width: 100%;
    text-align: center;
    margin: 1rem 0;
  }
  #_introduction_overview_box_sub div ._overviewextension_box {
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div {
    width: 100%;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div h6 {
    width: 100%;
    background-color: rgb(117, 76, 36);
    color: #ffffff;
    text-align: center;
    padding: 1rem 1.6rem;
    border-radius: 10px;
    font-size: 1.2rem;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div h6 .br {
    display: block;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div .h7 {
    width: 100%;
    font-size: 1.2rem;
    text-align: center;
    margin: 1.6rem 0;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div .h8 {
    width: 100%;
    font-size: 1rem;
    text-align: left;
    margin: 1.4rem 0 0.4rem;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item {
    width: 100%;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul {
    width: 100%;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul li {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-flow: column;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul li p {
    width: 100%;
    margin: 0.4rem 0;
    font-size: 3.4vw;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul li p:first-child {
    width: 100%;
    padding: 0.8rem;
    border: solid 1px rgb(117, 76, 36);
  }
  #_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul li p:last-child {
    width: 100%;
    text-align: left;
    -moz-text-align-last: left;
         text-align-last: left;
    padding: 0 0 0.8rem 0.4rem;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul li:last-child {
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-flow: column;
  }
  #_introduction_overview_box_sub div ._overviewextension_box div ._overviewextension_item ul li:last-child p {
    width: 100%;
    text-align: center;
    -moz-text-align-last: center;
         text-align-last: center;
  }
  #_introduction_overview_box_sub div ._overviewextension_box ._overviewextension_box_left {
    padding: 1.6rem 0 1.6rem 0;
  }
  #_introduction_overview_box_sub div ._overviewextension_box ._overviewextension_box_right {
    padding: 1.6rem 0 1.6rem 0;
  }
}
#_introduction_service_box {
  display: flex;
  justify-content: center;
  flex-flow: column;
}
#_introduction_service_box div {
  font-weight: bold;
}
#_introduction_service_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;
}
#_introduction_service_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);
}
#_introduction_service_box div > 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;
}
#_introduction_service_box div .introduction_service_contents_h {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin: 0 0 3.6rem 0;
}
#_introduction_service_box div .introduction_service_contents_h ul {
  width: -moz-fit-content;
  width: fit-content;
  border: solid 2px rgb(117, 76, 36);
  padding: 1.6rem 3.6rem;
  border-radius: 10px;
  margin: 1.6rem 0 0 0;
  position: relative;
}
#_introduction_service_box div .introduction_service_contents_h ul li {
  padding: 0.6rem 0;
}
#_introduction_service_box div .introduction_service_contents {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
#_introduction_service_box div .introduction_service_contents ul {
  width: -moz-fit-content;
  width: fit-content;
  border: solid 2px rgb(117, 76, 36);
  padding: 1.6rem 1.6rem;
  border-radius: 10px;
  margin: 1.6rem 0 0 0;
  position: relative;
}
#_introduction_service_box div .introduction_service_contents ul li {
  padding: 0.6rem 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #_introduction_service_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
  }
  #_introduction_service_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_introduction_service_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_introduction_service_box div h3 {
    letter-spacing: 0.2rem;
    background-size: 60px;
    padding: 100px 60px 0 60px;
  }
  #_introduction_service_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_introduction_service_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  #_introduction_service_box div h3 {
    letter-spacing: 0.2rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_introduction_service_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_introduction_service_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_introduction_service_box div span {
    font-size: 1rem;
  }
  #_introduction_service_box div .introduction_service_contents_h {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  #_introduction_service_box div .introduction_service_contents_h ul {
    width: 100%;
  }
  #_introduction_service_box div .introduction_service_contents_h ul li {
    padding: 0.6rem 0;
  }
}
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 */