@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;
  }
}
#_state_environment_box {
  font-weight: bold;
}
#_state_environment_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;
}
#_state_environment_box div ._state_environment_gallery_box 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);
}
#_state_environment_box div ._state_environment_gallery_box h4 .br {
  display: none;
}
#_state_environment_box div ._state_environment_gallery_box p {
  margin: 0 auto;
  margin-top: 1.8rem;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
#_state_environment_box div ._state_environment_gallery_box ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#_state_environment_box div ._state_environment_gallery_box ul li {
  width: calc(33.3333333333% - 20px);
  margin: 3.6rem 0 0 0;
  border-top-right-radius: 10px;
  overflow: hidden;
}
#_state_environment_box div ._state_environment_gallery_box ul li:nth-child(n+4) {
  margin: 30px 0 0 0;
}
#_state_environment_box div ._state_environment_gallery_box ul li:hover a img {
  transform: scale(1.2);
  transition: 1s;
}
#_state_environment_box div ._state_environment_gallery_box ul li a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
#_state_environment_box div ._state_environment_gallery_box ul li a img {
  width: 100%;
  transition: 1s;
}

.lightbox {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
}

.lb-outerContainer {
  position: absolute !important;
  top: calc(50% - 50px) !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  margin: auto !important;
}

.lb-close {
  position: absolute;
  right: 60px;
  top: 10px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #_state_environment_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
  }
  #_state_environment_box div ._state_environment_gallery_box h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_state_environment_box div ._state_environment_gallery_box p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_state_environment_box div h3 {
    background-size: 60px;
    padding: 100px 60px 0 60px;
  }
  #_state_environment_box div ._state_environment_gallery_box h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_state_environment_box div ._state_environment_gallery_box p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_state_environment_box div ._state_environment_gallery_box ul li {
    width: calc(50% - 10px);
  }
  #_state_environment_box div ._state_environment_gallery_box ul li:nth-child(n+3) {
    margin: 20px 0 0 0;
  }
}
@media screen and (max-width: 480px) {
  #_state_environment_box div h3 {
    letter-spacing: 0.4rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_state_environment_box div ._state_environment_gallery_box h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_state_environment_box div ._state_environment_gallery_box h4 .br {
    display: block;
  }
  #_state_environment_box div ._state_environment_gallery_box p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_state_environment_box div ._state_environment_gallery_box span {
    font-size: 1rem;
  }
  #_state_environment_box div ._state_environment_gallery_box ul li {
    width: calc(50% - 10px);
  }
  #_state_environment_box div ._state_environment_gallery_box ul li:nth-child(n+3) {
    margin: 20px 0 0 0;
  }
}
#_state_day_box {
  font-weight: bold;
}
#_state_day_box div h3 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 1rem;
  background-image: url("../../img/introduction/h_icon/leaf.svg");
  background-size: 100px;
  padding: 200px 100px 0 100px;
}
#_state_day_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);
}
#_state_day_box div > p {
  width: 100%;
  text-align: center;
  margin-top: 1.4rem;
}
#_state_day_box div ._state_day_flow_items {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 1.6rem 0 0 0;
}
#_state_day_box div ._state_day_flow_items ._state_day_flow_item {
  width: calc(50% - 20px);
  padding: 1.2rem;
  display: flex;
  justify-content: flex-start;
  flex-flow: column;
}
#_state_day_box div ._state_day_flow_items ._state_day_flow_item h5 {
  margin: 0 auto;
  padding: 0.8rem 1.6rem;
  border-radius: 10px;
}
#_state_day_box div ._state_day_flow_items ._state_day_flow_item:first-child {
  background-color: rgba(117, 76, 36, 0.5);
}
#_state_day_box div ._state_day_flow_items ._state_day_flow_item:first-child h5 {
  width: -moz-fit-content;
  width: fit-content;
  background-color: rgb(117, 76, 36);
  color: rgb(255, 243, 218);
}
#_state_day_box div ._state_day_flow_items ._state_day_flow_item:last-child {
  background-color: rgb(117, 76, 36);
  color: rgb(255, 243, 218);
}
#_state_day_box div ._state_day_flow_items ._state_day_flow_item:last-child h5 {
  width: -moz-fit-content;
  width: fit-content;
  background-color: rgb(255, 243, 218);
}
#_state_day_box div ._state_day_flow_items ._state_day_flow_item:last-child ul li {
  border-bottom: dashed 2px rgb(255, 243, 218);
}
#_state_day_box div ._state_day_flow_items ._state_day_flow_item ul li {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  border-bottom: dashed 2px rgb(117, 76, 36);
  font-size: 1rem;
  padding: 1.6rem 0;
}
#_state_day_box div ._state_day_flow_items ._state_day_flow_item ul li:last-child {
  border-bottom: none;
}
#_state_day_box div ._state_day_flow_items ._state_day_flow_item ul li .flow_item_title {
  width: 80px;
  display: flex;
  align-items: center;
}
#_state_day_box div ._state_day_flow_items ._state_day_flow_item ul li .flow_item_contents {
  width: calc(100% - 80px);
  text-align: left;
  -moz-text-align-last: left;
       text-align-last: left;
  justify-content: flex-start;
  display: flex;
  align-items: center;
  flex-flow: column;
}
#_state_day_box div ._state_day_flow_items ._state_day_flow_item ul li .flow_item_contents p {
  margin-top: 0;
  line-height: 1.6rem;
}
#_state_day_box div ._state_day_flow_items ._state_day_flow_item ul li .flow_item_contents p:nth-child(n+2) {
  margin-top: 1rem;
}
#_state_day_box div ._state_day_flow_items ._state_day_flow_item ul li .flow_item_contents span {
  width: 100%;
  font-size: 0.8rem;
  padding-left: 1.2em;
  text-indent: -1.2em;
}
#_state_day_box div ._state_day_flow_attention {
  width: 100%;
  padding: 1.6rem 0;
  text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #_state_day_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
  }
  #_state_day_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_state_day_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_state_day_box div h3 {
    background-size: 60px;
    padding: 100px 60px 0 60px;
  }
  #_state_day_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_state_day_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_state_day_box div ._state_day_flow_items {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-flow: column;
    margin: 1.6rem 0 0 0;
  }
  #_state_day_box div ._state_day_flow_items ._state_day_flow_item {
    width: 100%;
  }
  #_state_day_box div ._state_day_flow_items ._state_day_flow_item:nth-child(2) {
    margin: 3.6rem 0 0 0;
  }
}
@media screen and (max-width: 480px) {
  #_state_day_box div h3 {
    letter-spacing: 0.4rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_state_day_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_state_day_box div h4 .br {
    display: block;
  }
  #_state_day_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_state_day_box div ._state_day_flow_items {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-flow: column;
    margin: 1.6rem 0 0 0;
  }
  #_state_day_box div ._state_day_flow_items ._state_day_flow_item {
    width: 100%;
  }
  #_state_day_box div ._state_day_flow_items ._state_day_flow_item:nth-child(2) {
    margin: 3.6rem 0 0 0;
  }
}
#_state_yearly_box {
  font-weight: bold;
}
#_state_yearly_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;
}
#_state_yearly_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);
}
#_state_yearly_box div ._state_yearly_flow_box > p {
  width: 100%;
  text-align: center;
  margin-top: 1.4rem;
}
#_state_yearly_box div ._state_yearly_flow_box > ul {
  width: 100%;
  margin: 6.2rem 0 0 0;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li {
  width: 100%;
  border: solid 2px rgb(117, 76, 36);
  padding: 3.2rem 2rem 1.6rem;
  border-radius: 1.6rem;
  position: relative;
  margin: 0 0 6.2rem 0;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li:last-child {
  margin: 0 0 0rem 0;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li span {
  position: absolute;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li .season_icon {
  width: 100px;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 100%;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li .season_name {
  width: 100px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  font-size: 2.8rem;
  font-weight: normal;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li .icon_spring {
  background-image: url("../../img/state/season/spring/icon/spring.png");
  top: -50px;
  left: 10px;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li .name_spring {
  background-color: #d48e9b;
  color: rgb(255, 243, 218);
}
#_state_yearly_box div ._state_yearly_flow_box > ul li .icon_summer {
  background-image: url("../../img/state/season/summer/icon/summer.png");
  top: -50px;
  left: 10px;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li .name_summer {
  background-color: #94c58a;
  color: rgb(255, 243, 218);
}
#_state_yearly_box div ._state_yearly_flow_box > ul li .icon_autumn {
  background-image: url("../../img/state/season/autumn/icon/autumn.png");
  top: -50px;
  left: 10px;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li .name_autumn {
  background-color: #754c24;
  color: rgb(255, 243, 218);
}
#_state_yearly_box div ._state_yearly_flow_box > ul li .icon_winter {
  background-image: url("../../img/state/season/winter/icon/winter.png");
  top: -50px;
  left: 10px;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li .name_winter {
  background-color: #a9ccd6;
  color: rgb(255, 243, 218);
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border: none;
  padding: 0;
  margin: 0 0 0 0;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol li .month {
  width: -moz-fit-content;
  width: fit-content;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 5px 5px 5px;
  border: solid 1px rgb(117, 76, 36);
  border-radius: 50%;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol li .month p {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1rem;
  margin: 0;
  letter-spacing: 0;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol li .month span {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.6rem;
  margin: 0.3rem 0 0 0;
  letter-spacing: 0;
  position: relative;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol li .event {
  width: calc(100% - 50px);
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol li .event ul {
  width: 100%;
  margin: 0 0 0 0;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol li .event ul li {
  padding: 0.4rem 0;
  margin: 0 0 0 0;
  font-size: 0.9rem;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol li .img_list_box {
  width: 100%;
  margin: 10px;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol li .img_list_box .img_box {
  width: 80%;
  margin: 0 10%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  padding: 10px;
  background-color: #ffffff;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol li .img_list_box .img_box::after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  transform: rotate(5deg);
  /* 回転させる */
  background: #fff;
  z-index: -1;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol li .img_list_box .img_box img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol li .img_list_box .trans_rotate_5 {
  transform: rotate(5deg);
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol li .img_list_box .trans_rotate__5 {
  transform: rotate(-5deg);
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol li .img_list_box .trans_rotate_10 {
  transform: rotate(10deg);
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol li .img_list_box .trans_rotate__10 {
  transform: rotate(-10deg);
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol li .illustration .img_box {
  box-shadow: unset;
  background-color: unset;
  display: flex;
  justify-content: center;
  align-items: center;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol li .illustration .img_box::after {
  display: none;
}
#_state_yearly_box div ._state_yearly_flow_box > ul li ol li .illustration .img_box .img_size {
  width: 50%;
  margin: 0 auto;
}
#_state_yearly_box div ._state_yearly_month_box {
  width: 100%;
  margin: 2.4rem 0;
}
#_state_yearly_box div ._state_yearly_month_box h5 {
  width: 100%;
  text-align: center;
  margin: 0 0 1.6rem 0;
}
#_state_yearly_box div ._state_yearly_month_box p {
  width: 100%;
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
  line-height: 2.4rem;
}
#_state_yearly_box div ._state_yearly_experience_box {
  width: 100%;
  margin: 2.4rem 0;
}
#_state_yearly_box div ._state_yearly_experience_box h5 {
  width: 100%;
  text-align: center;
  margin: 0 0 1.6rem 0;
}
#_state_yearly_box div ._state_yearly_experience_box ._state_yearly_experience_buttom {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 1.6rem 3.6rem;
}
#_state_yearly_box div ._state_yearly_experience_box ._state_yearly_experience_buttom a {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  color: #ffffff;
  background-color: rgb(117, 76, 36);
  padding: 0.8rem 1.6rem 0.9rem;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 15px;
  border: solid 2px rgb(117, 76, 36);
  transition: 1s;
}
#_state_yearly_box div ._state_yearly_experience_box ._state_yearly_experience_buttom a:hover {
  background-color: rgb(255, 243, 218);
  color: rgb(117, 76, 36);
  transition: 1s;
}
#_state_yearly_box div ._state_yearly_experience_box p {
  width: 100%;
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
  line-height: 1.6rem;
}
#_state_yearly_box div ._state_yearly_experience_box > ul {
  width: 80%;
  height: auto;
  padding: 2.4rem;
  border: solid 2px rgb(117, 76, 36);
  border-radius: 1.6rem;
  margin: 1.6rem auto 0;
}
#_state_yearly_box div ._state_yearly_experience_box > ul > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
#_state_yearly_box div ._state_yearly_experience_box > ul > li > p {
  width: -moz-fit-content;
  width: fit-content;
}
#_state_yearly_box div ._state_yearly_experience_box > ul > li > p > .br {
  display: none;
}
#_state_yearly_box div ._state_yearly_experience_box > ul > li > p > b {
  font-size: 0.9rem;
}
#_state_yearly_box div ._state_yearly_experience_box > ul > li > p:first-child {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  background-color: rgb(255, 243, 218);
  z-index: 2;
  padding: 0 10px 0 0;
}
#_state_yearly_box div ._state_yearly_experience_box > ul > li > p:last-child {
  width: 60px;
}
#_state_yearly_box div ._state_yearly_experience_box > ul > li > span {
  display: block;
  position: absolute;
  width: calc(100% - 80px);
  height: 2px;
  background-color: rgb(117, 76, 36);
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #_state_yearly_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
  }
  #_state_yearly_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_state_yearly_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul {
    width: 100%;
    margin: 6.2rem 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li {
    width: calc(50% - 10px);
    border: solid 2px rgb(117, 76, 36);
    padding: 3.2rem 2rem 1.6rem;
    border-radius: 1.6rem;
    position: relative;
    margin: 0 0 6.2rem 0;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li:last-child {
    margin: 0 0 6.2rem 0;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li span {
    position: absolute;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li .season_icon {
    width: 100px;
    aspect-ratio: 1/1;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100%;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li .season_name {
    width: 100px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size: 2.8rem;
    font-weight: normal;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li > ol {
    justify-content: flex-start;
    flex-flow: column;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li > ol > li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    padding: 1.2rem 0;
    margin: 0 0 0 0;
    border-bottom: dashed 2px rgb(117, 76, 36);
    border-radius: unset;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li > ol > li:last-child {
    border-bottom: none;
    margin: 0;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li > ol > li .month {
    width: 45px;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 5px 5px 5px;
    border: solid 1px rgb(117, 76, 36);
    border-radius: 50%;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li > ol > li .event {
    width: calc(100% - 60px);
  }
  #_state_yearly_box div ._state_yearly_month_box {
    width: 100%;
    margin: 2.4rem 0;
  }
  #_state_yearly_box div ._state_yearly_month_box h5 {
    width: 100%;
    text-align: center;
    margin: 0 0 1.6rem 0;
  }
  #_state_yearly_box div ._state_yearly_month_box p {
    line-height: 1.2rem;
    margin: 0 0 1.2rem 0;
  }
  #_state_yearly_box div ._state_yearly_experience_box {
    width: 100%;
    margin: 2.4rem 0;
  }
  #_state_yearly_box div ._state_yearly_experience_box h5 {
    width: 100%;
    text-align: center;
    margin: 0 0 1.6rem 0;
  }
  #_state_yearly_box div ._state_yearly_experience_box ._state_yearly_experience_buttom {
    width: 100%;
    margin: 1.2rem auto;
    padding: unset;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #_state_yearly_box div ._state_yearly_experience_box ._state_yearly_experience_buttom a {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    color: #ffffff;
    background-color: rgb(117, 76, 36);
    padding: 0.8rem 1.6rem 0.9rem;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 15px;
    border: solid 2px rgb(117, 76, 36);
    transition: 1s;
  }
  #_state_yearly_box div ._state_yearly_experience_box ._state_yearly_experience_buttom a:hover {
    background-color: rgb(255, 243, 218);
    color: rgb(117, 76, 36);
    transition: 1s;
  }
  #_state_yearly_box div ._state_yearly_experience_box > p {
    width: 100%;
    text-align: justify;
    -moz-text-align-last: left;
         text-align-last: left;
    line-height: 1.2rem;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul {
    width: 100%;
    height: auto;
    padding: 2.4rem;
    border: solid 2px rgb(117, 76, 36);
    border-radius: 1.6rem;
    margin: 1.6rem auto 0;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    margin: 0 0 1.2rem;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li:last-child {
    margin: 0 0 0;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li p {
    width: -moz-fit-content;
    width: fit-content;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li p .br {
    display: none;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li p b {
    font-size: 0.9rem;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li p:first-child {
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    background-color: rgb(255, 243, 218);
    z-index: 2;
    padding: 0 10px 0 0;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li p:last-child {
    width: 60px;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li span {
    display: block;
    position: absolute;
    width: calc(100% - 80px);
    height: 2px;
    background-color: rgb(117, 76, 36);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_state_yearly_box div h3 {
    background-size: 60px;
    padding: 100px 60px 0 60px;
  }
  #_state_yearly_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_state_yearly_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_state_yearly_box div ._state_yearly_flow_box > p {
    width: 100%;
    text-align: center;
    margin-top: 1.4rem;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul {
    width: 100%;
    margin: 6.2rem 0 0 0;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li {
    width: 100%;
    border: solid 2px rgb(117, 76, 36);
    padding: 3.2rem 2rem 1.6rem;
    border-radius: 1.6rem;
    position: relative;
    margin: 0 0 6.2rem 0;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li:last-child {
    margin: 0 0 0rem 0;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li span {
    position: absolute;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li .season_icon {
    width: 100px;
    aspect-ratio: 1/1;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100%;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li .season_name {
    width: 100px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size: 2.8rem;
    font-weight: normal;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li ol {
    justify-content: flex-start;
    flex-flow: column;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li ol > li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    padding: 1.2rem 0;
    margin: 0 0 0 0;
    border-bottom: dashed 2px rgb(117, 76, 36);
    border-radius: unset;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li ol > li:last-child {
    border-bottom: none;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li ol > li .month {
    width: 45px;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 5px 5px 5px;
    border: solid 1px rgb(117, 76, 36);
    border-radius: 50%;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li ol > li .event {
    width: calc(100% - 60px);
  }
  #_state_yearly_box div ._state_yearly_month_box {
    width: 100%;
    margin: 2.4rem 0;
  }
  #_state_yearly_box div ._state_yearly_month_box h5 {
    width: 100%;
    text-align: center;
    margin: 0 0 1.6rem 0;
  }
  #_state_yearly_box div ._state_yearly_month_box p {
    line-height: 1.2rem;
    margin: 0 0 1.2rem 0;
  }
  #_state_yearly_box div ._state_yearly_experience_box {
    width: 100%;
    margin: 2.4rem 0;
  }
  #_state_yearly_box div ._state_yearly_experience_box h5 {
    width: 100%;
    text-align: center;
    margin: 0 0 1.6rem 0;
  }
  #_state_yearly_box div ._state_yearly_experience_box ._state_yearly_experience_buttom {
    width: 100%;
    margin: 1.2rem auto;
    padding: unset;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #_state_yearly_box div ._state_yearly_experience_box ._state_yearly_experience_buttom a {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    color: #ffffff;
    background-color: rgb(117, 76, 36);
    padding: 0.8rem 1.6rem 0.9rem;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 15px;
    border: solid 2px rgb(117, 76, 36);
    transition: 1s;
  }
  #_state_yearly_box div ._state_yearly_experience_box ._state_yearly_experience_buttom a:hover {
    background-color: rgb(255, 243, 218);
    color: rgb(117, 76, 36);
    transition: 1s;
  }
  #_state_yearly_box div ._state_yearly_experience_box > p {
    width: 100%;
    text-align: justify;
    -moz-text-align-last: left;
         text-align-last: left;
    line-height: 1.2rem;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul {
    width: 100%;
    height: auto;
    padding: 1.2rem;
    border: solid 2px rgb(117, 76, 36);
    border-radius: 1.6rem;
    margin: 1.6rem auto 0;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    margin: 0 0 1.2rem;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li:last-child {
    margin: 0 0 0;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li p {
    width: -moz-fit-content;
    width: fit-content;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li p .br {
    display: block;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li p b {
    font-size: 0.8rem;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li p:first-child {
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    background-color: rgb(255, 243, 218);
    z-index: 2;
    padding: 0 10px 0 0;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li p:last-child {
    width: 60px;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li span {
    display: block;
    position: absolute;
    width: calc(100% - 80px);
    height: 2px;
    background-color: rgb(117, 76, 36);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
}
@media screen and (max-width: 480px) {
  #_state_yearly_box div h3 {
    letter-spacing: 0.4rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_state_yearly_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_state_yearly_box div h4 .br {
    display: block;
  }
  #_state_yearly_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_state_yearly_box div ._state_yearly_flow_box > p {
    width: 100%;
    text-align: center;
    margin-top: 1.4rem;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul {
    width: 100%;
    margin: 6.2rem 0 0 0;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li {
    width: 100%;
    border: solid 2px rgb(117, 76, 36);
    padding: 3.2rem 2rem 1.6rem;
    border-radius: 1.6rem;
    position: relative;
    margin: 0 0 6.2rem 0;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li:last-child {
    margin: 0 0 0rem 0;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li span {
    position: absolute;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li .season_icon {
    width: 100px;
    aspect-ratio: 1/1;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100%;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li .season_name {
    width: 100px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size: 2.8rem;
    font-weight: normal;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li ol {
    justify-content: flex-start;
    flex-flow: column;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li ol > li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    padding: 1.2rem 0;
    margin: 0 0 0 0;
    border-bottom: dashed 2px rgb(117, 76, 36);
    border-radius: unset;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li ol > li:last-child {
    border-bottom: none;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li ol > li .month {
    width: 45px;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 5px 5px 5px;
    border: solid 1px rgb(117, 76, 36);
    border-radius: 50%;
  }
  #_state_yearly_box div ._state_yearly_flow_box > ul > li ol > li .event {
    width: calc(100% - 60px);
  }
  #_state_yearly_box div ._state_yearly_month_box {
    width: 100%;
    margin: 2.4rem 0;
  }
  #_state_yearly_box div ._state_yearly_month_box h5 {
    width: 100%;
    text-align: center;
    margin: 0 0 1.6rem 0;
  }
  #_state_yearly_box div ._state_yearly_month_box p {
    line-height: 1.2rem;
    margin: 0 0 1.2rem 0;
  }
  #_state_yearly_box div ._state_yearly_experience_box {
    width: 100%;
    margin: 2.4rem 0;
  }
  #_state_yearly_box div ._state_yearly_experience_box h5 {
    width: 100%;
    text-align: center;
    margin: 0 0 1.6rem 0;
  }
  #_state_yearly_box div ._state_yearly_experience_box ._state_yearly_experience_buttom {
    width: 100%;
    margin: 1.2rem auto;
    padding: unset;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #_state_yearly_box div ._state_yearly_experience_box ._state_yearly_experience_buttom a {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    color: #ffffff;
    background-color: rgb(117, 76, 36);
    padding: 0.8rem 1.6rem 0.9rem;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 15px;
    border: solid 2px rgb(117, 76, 36);
    transition: 1s;
  }
  #_state_yearly_box div ._state_yearly_experience_box ._state_yearly_experience_buttom a:hover {
    background-color: rgb(255, 243, 218);
    color: rgb(117, 76, 36);
    transition: 1s;
  }
  #_state_yearly_box div ._state_yearly_experience_box > p {
    width: 100%;
    text-align: justify;
    -moz-text-align-last: left;
         text-align-last: left;
    line-height: 1.2rem;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul {
    width: 100%;
    height: auto;
    padding: 1.2rem;
    border: solid 2px rgb(117, 76, 36);
    border-radius: 1.6rem;
    margin: 1.6rem auto 0;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    margin: 0 0 1.2rem;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li:last-child {
    margin: 0 0 0;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li p {
    width: -moz-fit-content;
    width: fit-content;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li p .br {
    display: block;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li p b {
    font-size: 0.7rem;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li p:first-child {
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    background-color: rgb(255, 243, 218);
    z-index: 2;
    padding: 0 10px 0 0;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li p:last-child {
    width: 60px;
  }
  #_state_yearly_box div ._state_yearly_experience_box > ul > li span {
    display: block;
    position: absolute;
    width: calc(100% - 80px);
    height: 2px;
    background-color: rgb(117, 76, 36);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
}
#_state_play_box {
  font-weight: bold;
  margin-bottom: 6.3rem;
}
#_state_play_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;
}
#_state_play_box div ._state_play_video_box 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);
}
#_state_play_box div ._state_play_video_box ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
}
#_state_play_box div ._state_play_video_box ul li {
  width: calc(50% - 20px);
  margin: 3.6rem 0 0 0;
}
#_state_play_box div ._state_play_video_box ul li h5 {
  font-size: clamp(1.2rem, 0.25vw + 1.3rem, 1.8rem);
}
#_state_play_box div ._state_play_video_box ul li h5 .br {
  display: none;
}
#_state_play_box div ._state_play_video_box ul li iframe {
  width: 100%;
  height: 300px;
  margin: 1.6rem 0;
  border-radius: 1.6rem;
}
#_state_play_box div ._state_play_video_box ul li span {
  display: block;
  width: 100%;
  margin: 0 auto 1.2rem;
  font-size: 1.4rem;
  text-align: center;
}
#_state_play_box div ._state_play_video_box ul li p {
  width: 100%;
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
  line-height: 1.2rem;
  margin: 0 0 0.4rem 0;
  font-size: 0.8rem;
}
#_state_play_box div ._state_play_video_box ul li:nth-child(n+3) {
  margin: 3.6rem 0 0 0;
}
#_state_play_box div ._state_play_video_box ul li img {
  width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #_state_play_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
    letter-spacing: 0.6rem;
  }
  #_state_play_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_state_play_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_state_play_box div h3 {
    font-size: 1.4rem;
    background-size: 60px;
    padding: 100px 60px 0 60px;
    letter-spacing: 0.2rem;
  }
  #_state_play_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_state_play_box div p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  #_state_play_box div h3 {
    letter-spacing: 0.4rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_state_play_box div ._state_play_video_box h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_state_play_box div ._state_play_video_box h4 .br {
    display: block;
  }
  #_state_play_box div ._state_play_video_box p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  #_state_play_box div ._state_play_video_box ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
  }
  #_state_play_box div ._state_play_video_box ul li {
    width: 100%;
    margin: 3.6rem 0 0 0;
    border-bottom: dashed 2px rgb(117, 76, 36);
    padding: 0 0 2.4rem;
  }
  #_state_play_box div ._state_play_video_box ul li h5 {
    font-size: clamp(1.2rem, 0.25vw + 1.3rem, 1.8rem);
  }
  #_state_play_box div ._state_play_video_box ul li h5 .br {
    display: block;
  }
  #_state_play_box div ._state_play_video_box ul li iframe {
    height: 180px;
  }
  #_state_play_box div ._state_play_video_box ul li span {
    display: block;
    width: 100%;
    margin: 0 auto 1.2rem;
    font-size: 1.4rem;
    text-align: center;
  }
  #_state_play_box div ._state_play_video_box ul li p {
    width: 100%;
    text-align: justify;
    -moz-text-align-last: left;
         text-align-last: left;
    line-height: 1.2rem;
    margin: 0 0 0.4rem 0;
    font-size: 0.8rem;
  }
  #_state_play_box div ._state_play_video_box ul li:nth-child(n+3) {
    margin: 3.6rem 0 0 0;
  }
  #_state_play_box div ._state_play_video_box ul li img {
    width: 100%;
  }
}
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;
  }
}
#_introduction_features_box,
#_state_features_box {
  font-weight: bold;
}
#_introduction_features_box ul,
#_state_features_box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
}
#_introduction_features_box ul li,
#_state_features_box ul li {
  width: 100%;
}
#_introduction_features_box ul li h3,
#_state_features_box ul li 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 ul li h4,
#_state_features_box ul li 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 ul li:nth-child(2n) .features_box_contents_all,
#_state_features_box ul li:nth-child(2n) .features_box_contents_all {
  flex-flow: row-reverse;
}
#_introduction_features_box ul li .features_box_contents_all,
#_state_features_box ul li .features_box_contents_all {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  margin: 1.6rem 0 0 0;
}
#_introduction_features_box ul li .features_box_contents_all .features_box_contents_left,
#_state_features_box ul li .features_box_contents_all .features_box_contents_left {
  width: 53%;
}
#_introduction_features_box ul li .features_box_contents_all .features_box_contents_left h5,
#_state_features_box ul li .features_box_contents_all .features_box_contents_left h5 {
  width: 100%;
  text-align: center;
  margin: 0 0 1.6rem 0;
}
#_introduction_features_box ul li .features_box_contents_all .features_box_contents_left p,
#_state_features_box ul li .features_box_contents_all .features_box_contents_left p {
  width: 100%;
  margin: 0 0 1.6rem 0;
  line-height: 1.8rem;
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
}
#_introduction_features_box ul li .features_box_contents_all .features_box_contents_left ul,
#_state_features_box ul li .features_box_contents_all .features_box_contents_left 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 ul li .features_box_contents_all .features_box_contents_left ul li,
#_state_features_box ul li .features_box_contents_all .features_box_contents_left ul li {
  display: flex;
  justify-content: space-between;
  padding: 0.6rem 0;
}
#_introduction_features_box ul li .features_box_contents_all .features_box_contents_left ul li .subject_title,
#_state_features_box ul li .features_box_contents_all .features_box_contents_left ul li .subject_title {
  width: 80px;
}
#_introduction_features_box ul li .features_box_contents_all .features_box_contents_left ul li .subject_contents,
#_state_features_box ul li .features_box_contents_all .features_box_contents_left ul li .subject_contents {
  width: calc(100% - 80px);
}
#_introduction_features_box ul li .features_box_contents_all .features_box_contents_left ul li .subject_contents .br,
#_state_features_box ul li .features_box_contents_all .features_box_contents_left ul li .subject_contents .br {
  display: none;
}
#_introduction_features_box ul li .features_box_contents_all .subject_image_left,
#_state_features_box ul li .features_box_contents_all .subject_image_left {
  width: 43%;
  aspect-ratio: 8/6;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #ffffff;
  padding: 10px;
  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 ul li .features_box_contents_all .subject_image_left img,
#_state_features_box ul li .features_box_contents_all .subject_image_left img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
#_introduction_features_box ul li .features_box_contents_all .subject_image_left::after,
#_state_features_box ul li .features_box_contents_all .subject_image_left::after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  transform: rotate(3deg);
  /* 回転させる */
  background: #fff;
  z-index: -1;
}
#_introduction_features_box ul li:nth-child(n+6),
#_state_features_box ul li:nth-child(n+6) {
  width: 48%;
}
#_introduction_features_box ul li:nth-child(n+6) .features_box_contents_all,
#_state_features_box ul li:nth-child(n+6) .features_box_contents_all {
  width: 100%;
  display: flex;
  flex-flow: column-reverse;
}
#_introduction_features_box ul li:nth-child(n+6) .features_box_contents_all p,
#_state_features_box ul li:nth-child(n+6) .features_box_contents_all p {
  margin: 1rem 0 0 0;
}
#_introduction_features_box ul li:nth-child(n+6) .features_box_contents_all .subject_image_left,
#_state_features_box ul li:nth-child(n+6) .features_box_contents_all .subject_image_left {
  width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #_state_features_box {
    font-weight: bold;
  }
  #_state_features_box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
  }
  #_state_features_box ul li {
    width: 100%;
  }
  #_state_features_box ul li 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;
  }
  #_state_features_box ul li 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);
  }
  #_state_features_box ul li .features_box_contents_all {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    margin: 1.6rem 0 0 0;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left {
    width: 53%;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left h5 {
    width: 100%;
    text-align: center;
    margin: 0 0 1.6rem 0;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left p {
    width: 100%;
    margin: 0 0 1.6rem 0;
    line-height: 1.8rem;
    text-align: justify;
    -moz-text-align-last: left;
         text-align-last: left;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left 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;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left ul li {
    display: flex;
    justify-content: space-between;
    padding: 0.6rem 0;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left ul li .subject_title {
    width: 80px;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left ul li .subject_contents {
    width: calc(100% - 80px);
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left ul li .subject_contents .br {
    display: none;
  }
  #_state_features_box ul li .features_box_contents_all .subject_image_left {
    width: 43%;
    aspect-ratio: 8/6;
  }
  #_state_features_box ul li:nth-child(n+6) {
    width: 48%;
  }
  #_state_features_box ul li:nth-child(n+6) .features_box_contents_all {
    width: 100%;
    display: flex;
    flex-flow: column-reverse;
  }
  #_state_features_box ul li:nth-child(n+6) .features_box_contents_all p {
    margin: 1rem 0 0 0;
  }
  #_state_features_box ul li:nth-child(n+6) .features_box_contents_all .subject_image_left {
    width: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_state_features_box {
    font-weight: bold;
  }
  #_state_features_box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
  }
  #_state_features_box ul li {
    width: 100%;
  }
  #_state_features_box ul li:nth-child(2n) .features_box_contents_all {
    flex-flow: column-reverse;
  }
  #_state_features_box ul li 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;
  }
  #_state_features_box ul li 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);
  }
  #_state_features_box ul li .features_box_contents_all {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-flow: column-reverse;
    position: relative;
    margin: 1.6rem 0 0 0;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left {
    width: 100%;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left h5 {
    width: 100%;
    text-align: center;
    margin: 1rem 0 1.6rem 0;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left p {
    width: 100%;
    margin: 0 0 1.6rem 0;
    line-height: 1.8rem;
    text-align: justify;
    -moz-text-align-last: left;
         text-align-last: left;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left 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;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left ul li {
    display: flex;
    justify-content: space-between;
    padding: 0.6rem 0;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left ul li .subject_title {
    width: 80px;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left ul li .subject_contents {
    width: calc(100% - 80px);
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left ul li .subject_contents .br {
    display: none;
  }
  #_state_features_box ul li .features_box_contents_all .subject_image_left {
    width: 100%;
    aspect-ratio: 8/6;
  }
  #_state_features_box ul li:nth-child(n+6) {
    width: 100%;
  }
  #_state_features_box ul li:nth-child(n+6) .features_box_contents_all {
    width: 100%;
    display: flex;
    flex-flow: column-reverse;
  }
  #_state_features_box ul li:nth-child(n+6) .features_box_contents_all p {
    margin: 1rem 0 0 0;
  }
  #_state_features_box ul li:nth-child(n+6) .features_box_contents_all .subject_image_left {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  #_state_features_box {
    font-weight: bold;
  }
  #_state_features_box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
  }
  #_state_features_box ul li {
    width: 100%;
  }
  #_state_features_box ul li:nth-child(2n) .features_box_contents_all {
    flex-flow: column-reverse;
  }
  #_state_features_box ul li 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;
  }
  #_state_features_box ul li 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);
  }
  #_state_features_box ul li .features_box_contents_all {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-flow: column-reverse;
    position: relative;
    margin: 1.6rem 0 0 0;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left {
    width: 100%;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left h5 {
    width: 100%;
    text-align: center;
    margin: 1rem 0 1.6rem 0;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left p {
    width: 100%;
    margin: 0 0 1.6rem 0;
    line-height: 1.8rem;
    text-align: justify;
    -moz-text-align-last: left;
         text-align-last: left;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left 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;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left ul li {
    display: flex;
    justify-content: space-between;
    padding: 0.6rem 0;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left ul li .subject_title {
    width: 80px;
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left ul li .subject_contents {
    width: calc(100% - 80px);
  }
  #_state_features_box ul li .features_box_contents_all .features_box_contents_left ul li .subject_contents .br {
    display: none;
  }
  #_state_features_box ul li .features_box_contents_all .subject_image_left {
    width: 100%;
    aspect-ratio: 8/6;
  }
  #_state_features_box ul li:nth-child(n+6) {
    width: 100%;
  }
  #_state_features_box ul li:nth-child(n+6) .features_box_contents_all {
    width: 100%;
    display: flex;
    flex-flow: column-reverse;
  }
  #_state_features_box ul li:nth-child(n+6) .features_box_contents_all p {
    margin: 1rem 0 0 0;
  }
  #_state_features_box ul li:nth-child(n+6) .features_box_contents_all .subject_image_left {
    width: 100%;
  }
}/*# sourceMappingURL=style.css.map */