@charset "UTF-8";
/*
Theme Name: マイテーマ
*/
html {
  -webkit-text-size-adjust: 100%;
}

body {
  color: #191919;
  font-family: "Noto Sans JP", "Yu Gothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  margin: 0;
  background-color: #FFFCE1;
  box-sizing: border-box;
}

section {
  overflow-x: hidden;
}

div {
  font-size: 0;
  line-height: 1;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p, ul, figure {
  line-height: 1;
  margin: 0;
}

dl {
  margin: 0;
}

dd {
  margin: 0;
}

ul {
  padding: 0;
}

a {
  text-decoration: none;
}

img {
  width: 100%;
}

button {
  touch-action: manipulation;
}

input, button, select, textarea {
  background: transparent;
  border: none;
}

header {
  width: 100%;
  height: 50px;
  display: flex;
  position: fixed;
  align-items: center;
  transition: all 0.7s 2s;
  z-index: 1000;
}
@media screen and (min-width: 1025px) {
  header {
    height: 80px;
  }
}
header.header_top--page {
  opacity: 0;
  transform: translate(0, -50px);
}
body.loaded header.header_top--page {
  opacity: 1;
  transform: translate(0, 0);
}

.header_logo {
  height: 80%;
}
.header_logo:hover {
  opacity: 0.7;
}
.header_logo a {
  line-height: 1;
  height: 100%;
  display: block;
}
.header_logo a img {
  width: auto;
  height: 100%;
}

.header_container {
  width: 90%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 1025px) {
  .header_container {
    width: 92%;
    padding-right: 80px;
    justify-content: space-between;
  }
}

.header_buttonBox {
  height: 100%;
  display: flex;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 20;
}

button.header_menu--mobileButton {
  width: auto;
  height: 100%;
  padding: 0;
  background-color: #191919;
  position: relative;
  aspect-ratio: 1;
}
@media screen and (min-width: 1025px) {
  button.header_menu--mobileButton {
    display: none;
  }
}
button.header_menu--mobileButton div {
  width: 30px;
  height: 1px;
  background-color: #fff;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all 0.3s;
}
button.header_menu--mobileButton div:first-of-type {
  transform: translate(-50%, calc(-50% - 9px));
}
button.header_menu--mobileButton div:nth-of-type(2) {
  opacity: 1;
  transform: translate(-50%, -50%);
}
button.header_menu--mobileButton div:nth-of-type(3) {
  transform: translate(-50%, calc(-50% + 9px));
}
button.header_menu--mobileButton.open_menu div:first-of-type {
  transform: translate(-50%, -50%) rotate(30deg);
}
button.header_menu--mobileButton.open_menu div:nth-of-type(2) {
  opacity: 0;
  transform: translate(100%, -50%);
}
button.header_menu--mobileButton.open_menu div:nth-of-type(3) {
  transform: translate(-50%, -50%) rotate(-30deg);
}

a.header_trial--button {
  color: #fff;
  text-align: center;
  font-size: 14px;
  width: 6em;
  height: 100%;
  border: 1px solid #2F7627;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.2em 0;
  position: relative;
  transition: all 0.3s;
}
@media screen and (min-width: 1025px) {
  a.header_trial--button {
    font-size: 16px;
    width: 9em;
  }
}
a.header_trial--button::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #2F7627;
  position: absolute;
  left: 0;
  top: 0;
  transform: scaleX(1);
  transition: all 0.3s;
}
a.header_trial--button:hover::before {
  transform: scaleX(0);
}
a.header_trial--button span {
  color: #fff;
  font-weight: bold;
  position: relative;
}
a.header_trial--button span:nth-of-type(2) {
  font-size: 0.9em;
}
a.header_trial--button:hover span {
  color: #2F7627;
}

.header_menu--mobile {
  width: 100vw;
  height: 100svh;
  padding: calc(50px + 10%) 0 10%;
  overflow-y: scroll;
  background-color: #FFFCE1;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: opacity 0.5s, z-index 0s 0.5s;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .header_menu--mobile {
    padding: calc(50px + 5%) 0 5%;
  }
}
@media screen and (min-width: 1025px) {
  .header_menu--mobile {
    display: none;
  }
}
.header_menu--mobile.open_menu {
  opacity: 1;
  z-index: 5;
  transition: opacity 0.5s, z-index 0s;
  pointer-events: inherit;
}
.header_menu--mobile .mobile_menu {
  font-size: 5vw;
  width: 85%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .header_menu--mobile .mobile_menu {
    font-size: 2.2vw;
    width: 60%;
  }
}
@media screen and (min-width: 1025px) {
  .header_menu--mobile .mobile_menu {
    font-size: 19px;
    width: 100%;
    max-width: 600px;
    margin: 0;
    justify-self: center;
  }
}
.header_menu--mobile .mobile_menu > ul {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .header_menu--mobile .mobile_menu > ul {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: auto auto auto;
    gap: 25px 0;
  }
}
.header_menu--mobile .mobile_menu > ul::before {
  content: "";
  width: 100%;
  height: 1px;
  background-size: 4px 1px;
  background-image: linear-gradient(to right, #191919 0px, #191919 2px, transparent 2px);
  background-repeat: repeat-x;
  background-position: left bottom;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 1025px) {
  .header_menu--mobile .mobile_menu > ul::before {
    content: none;
  }
}
.header_menu--mobile .mobile_menu > ul > li {
  padding: 0.8em 0;
  list-style: none;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .header_menu--mobile .mobile_menu > ul > li {
    padding: 0;
  }
}
@media screen and (min-width: 1025px) {
  .header_menu--mobile .mobile_menu > ul > li:nth-of-type(2) {
    grid-row: span 2;
  }
}
.header_menu--mobile .mobile_menu > ul > li::before {
  content: "";
  width: 100%;
  height: 1px;
  background-size: 4px 1px;
  background-image: linear-gradient(to right, #191919 0px, #191919 2px, transparent 2px);
  background-repeat: repeat-x;
  background-position: left bottom;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (min-width: 1025px) {
  .header_menu--mobile .mobile_menu > ul > li::before {
    content: none;
  }
}
.header_menu--mobile .mobile_menu > ul > li > a {
  color: #191919;
  font-weight: bold;
}
.header_menu--mobile .mobile_menu > ul > li > a:hover {
  opacity: 0.7;
}
.header_menu--mobile .mobile_menu > ul > li > a span.eng {
  margin-right: 0.3em;
  font-family: "Montserrat", sans-serif;
}
.header_menu--mobile .mobile_menu > ul > li > a span.ja {
  font-size: 0.6em;
}
@media screen and (min-width: 1025px) {
  .header_menu--mobile .mobile_menu > ul > li > a span.ja {
    margin-top: 0.3em;
    display: block;
  }
}
.header_menu--mobile .mobile_menu > ul > li p {
  color: #191919;
  font-weight: bold;
}
.header_menu--mobile .mobile_menu > ul > li p span.eng {
  margin-right: 0.3em;
  font-family: "Montserrat", sans-serif;
}
.header_menu--mobile .mobile_menu > ul > li p span.ja {
  font-size: 0.6em;
}
@media screen and (min-width: 1025px) {
  .header_menu--mobile .mobile_menu > ul > li p span.ja {
    margin-top: 0.3em;
    display: block;
  }
}

button.header_accordion--button {
  font-size: inherit;
  width: 2em;
  height: 2.6em;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
@media screen and (min-width: 1025px) {
  button.header_accordion--button {
    display: none;
  }
}
button.header_accordion--button::before, button.header_accordion--button::after {
  content: "";
  width: 1em;
  height: 1px;
  background-color: #191919;
  position: absolute;
  left: 70%;
  top: 50%;
}
button.header_accordion--button::before {
  transform: translate(-50%, -50%);
}
button.header_accordion--button::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.4s;
}
button.header_accordion--button.active::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.header_accordion--box {
  font-size: 3.8vw;
  display: grid;
  grid-template-rows: 0fr;
  transition: all 0.4s;
}
@media screen and (min-width: 768px) {
  .header_accordion--box {
    font-size: 1.8vw;
  }
}
@media screen and (min-width: 1025px) {
  .header_accordion--box {
    font-size: 14px;
    grid-template-rows: 1fr;
  }
}
.header_accordion--box.active {
  grid-template-rows: 1fr;
}
.header_accordion--box ul {
  overflow: hidden;
  display: grid;
  grid-template-columns: auto auto;
  gap: 1em 0;
}
@media screen and (min-width: 1025px) {
  .header_accordion--box ul {
    grid-template-columns: auto;
  }
}
.header_accordion--box ul li {
  color: #191919;
  list-style: none;
}
.header_accordion--box ul li:first-of-type {
  margin-top: 2em;
}
@media screen and (min-width: 1025px) {
  .header_accordion--box ul li:first-of-type {
    margin-top: 1.5em;
  }
}
.header_accordion--box ul li:nth-of-type(2) {
  margin-top: 2em;
}
@media screen and (min-width: 1025px) {
  .header_accordion--box ul li:nth-of-type(2) {
    margin: 0;
  }
}
.header_accordion--box ul li:nth-of-type(5) {
  margin-bottom: 1em;
}
@media screen and (min-width: 1025px) {
  .header_accordion--box ul li:nth-of-type(5) {
    margin: 0;
  }
}
.header_accordion--box ul li:last-of-type {
  margin-bottom: 1em;
}
@media screen and (min-width: 1025px) {
  .header_accordion--box ul li:last-of-type {
    margin: 0;
  }
}
.header_accordion--box ul li::before {
  content: "・";
}
.header_accordion--box ul li a {
  color: inherit;
  font-weight: bold;
  line-height: 1.4;
}
.header_accordion--box ul li a:hover {
  opacity: 0.7;
}

nav.header_menu_pc--nav {
  display: none;
}
@media screen and (min-width: 1025px) {
  nav.header_menu_pc--nav {
    display: flex;
    align-items: center;
    gap: 0 50px;
  }
}

.header_menu {
  font-size: 16px;
}
.header_menu ul.header_menu--ul {
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.header_menu ul.header_menu--ul li {
  list-style: none;
}
.header_menu ul.header_menu--ul li a {
  text-align: center;
  color: inherit;
  font-weight: 500;
  position: relative;
  display: grid;
  gap: 6px 0;
}
.header_menu ul.header_menu--ul li a span {
  font-weight: bold;
  display: block;
  transition: all 0.3s;
}
.header_menu ul.header_menu--ul li a span.eng {
  font-family: "Montserrat", sans-serif;
}
.header_menu ul.header_menu--ul li a span.ja {
  color: #959595;
  font-size: 14px;
}
.header_menu ul.header_menu--ul li a:hover span {
  color: #2F7627;
}

.top_page--header {
  height: 100svh;
  padding-top: 100px;
  background-size: cover;
  background-position: 78% 100%;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .top_page--header {
    height: 95svh;
    padding-top: 130px;
  }
}
.top_page--header::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #FFFCE1;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.7s 2s;
  z-index: 10;
}
body.loaded .top_page--header::before {
  opacity: 0;
  z-index: 1;
}
.top_page--header h1 {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
          clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}

.top_page_header--container {
  width: 100%;
  height: 100%;
  position: relative;
}
.top_page_header--container p {
  font-size: 4.6vw;
  width: 92%;
  margin-inline: auto;
  display: grid;
  justify-content: left;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .top_page_header--container p {
    font-size: 2.6vw;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_header--container p {
    font-size: 2vw;
  }
}
.top_page_header--container p span.row {
  font-weight: bold;
  padding: 0.5em;
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
          clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  overflow: hidden;
  display: block;
}
.top_page_header--container p span.row:first-of-type {
  margin-bottom: 0.5em;
  transition: all 0.7s 0.5s;
}
.top_page_header--container p span.row:nth-of-type(2) {
  transition: all 0.7s 0.8s;
}
.top_page_header--container p span.row > span {
  display: block;
  transform: translate(0, 150%);
}
.top_page_header--container p span.row > span span.text_large {
  font-size: 1.2em;
}
.top_page_header--container p span.row:first-of-type > span {
  transition: all 0.7s 1.1s;
}
.top_page_header--container p span.row:nth-of-type(2) > span {
  transition: all 0.7s 1.4s;
}
.top_page_header--container.loaded p span.row {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.top_page_header--container.loaded p span.row span {
  transform: translate(0, 0);
}
.top_page_header--container .img {
  width: 200%;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .top_page_header--container .img {
    width: 100%;
  }
}
.top_page_header--container .img.img04 {
  bottom: 20%;
  z-index: 1;
  animation: up_down 1s linear infinite;
}
.top_page_header--container .img.img04 .run {
  animation: run 7s linear infinite;
}
@media screen and (min-width: 768px) {
  .top_page_header--container .img.img04 .run {
    animation: run 9s linear infinite;
  }
}
.top_page_header--container .img.img04 .run div {
  width: 23%;
  animation: splice 1s steps(1) infinite;
  aspect-ratio: 100/108;
}
@media screen and (min-width: 768px) {
  .top_page_header--container .img.img04 .run div {
    width: 28%;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_header--container .img.img04 .run div {
    width: 280px;
  }
}
.top_page_header--container .img.img01 {
  bottom: 7%;
  z-index: 6;
  animation: up_down 0.9s linear infinite;
}
.top_page_header--container .img.img01 .run {
  animation: run 10s linear infinite;
}
@media screen and (min-width: 768px) {
  .top_page_header--container .img.img01 .run {
    animation: run 9s linear infinite;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_header--container .img.img01 .run {
    animation: run 13s linear infinite;
  }
}
.top_page_header--container .img.img01 .run div {
  width: 22%;
  animation: splice 0.9s steps(1) infinite;
  aspect-ratio: 100/128;
}
@media screen and (min-width: 768px) {
  .top_page_header--container .img.img01 .run div {
    width: 28%;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_header--container .img.img01 .run div {
    width: 260px;
  }
}
.top_page_header--container .img.img03 {
  bottom: 14%;
  z-index: 3;
  animation: up_down 1s linear infinite;
}
.top_page_header--container .img.img03 .run {
  animation: run 12s linear infinite;
}
@media screen and (min-width: 768px) {
  .top_page_header--container .img.img03 .run {
    animation: run 16s linear infinite;
  }
}
.top_page_header--container .img.img03 .run div {
  width: 20%;
  animation: splice 1s steps(1) infinite;
  aspect-ratio: 100/129;
}
@media screen and (min-width: 768px) {
  .top_page_header--container .img.img03 .run div {
    width: 24%;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_header--container .img.img03 .run div {
    width: 240px;
  }
}
.top_page_header--container .img.img02 {
  bottom: 9%;
  z-index: 4;
  animation: up_down 1.2s 1s linear infinite;
}
.top_page_header--container .img.img02 .run {
  animation: run 13s 1s linear infinite;
}
@media screen and (min-width: 768px) {
  .top_page_header--container .img.img02 .run {
    animation: run 18s 1s linear infinite;
  }
}
.top_page_header--container .img.img02 .run div {
  width: 21%;
  animation: splice 1.2s steps(1) infinite;
  aspect-ratio: 100/132;
}
@media screen and (min-width: 768px) {
  .top_page_header--container .img.img02 .run div {
    width: 25%;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_header--container .img.img02 .run div {
    width: 250px;
  }
}
.top_page_header--container .img.img05 {
  bottom: 10%;
  z-index: 5;
  animation: up_down 1.4s linear infinite;
}
.top_page_header--container .img.img05 .run {
  animation: run 14s 2s linear infinite;
}
@media screen and (min-width: 768px) {
  .top_page_header--container .img.img05 .run {
    animation: run 13s 2s linear infinite;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_header--container .img.img05 .run {
    animation: run 20s 2s linear infinite;
  }
}
.top_page_header--container .img.img05 .run div {
  width: 19%;
  animation: splice 1.4s steps(1) infinite;
  aspect-ratio: 100/147;
}
@media screen and (min-width: 768px) {
  .top_page_header--container .img.img05 .run div {
    width: 24%;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_header--container .img.img05 .run div {
    width: 235px;
  }
}
.top_page_header--container .img.img06 {
  bottom: 14%;
  z-index: 2;
  animation: up_down 1.6s linear infinite;
}
.top_page_header--container .img.img06 .run {
  animation: run 16s 2.5s linear infinite;
}
@media screen and (min-width: 768px) {
  .top_page_header--container .img.img06 .run {
    animation: run 21s 2.5s linear infinite;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_header--container .img.img06 .run {
    animation: run 23s 2.5s linear infinite;
  }
}
.top_page_header--container .img.img06 .run div {
  width: 16%;
  animation: splice 1.6s steps(1) infinite;
  aspect-ratio: 100/157;
}
@media screen and (min-width: 768px) {
  .top_page_header--container .img.img06 .run div {
    width: 19%;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_header--container .img.img06 .run div {
    width: 190px;
  }
}
.top_page_header--container .img .run {
  width: 100%;
  display: flex;
  justify-content: center;
  transform: translate(100%, 0);
}
.top_page_header--container .img .run div {
  background-size: 200% auto;
}
.top_page_header--container .cloud_img {
  position: absolute;
}
.top_page_header--container .cloud_img.img01 {
  display: none;
}
@media screen and (min-width: 1025px) {
  .top_page_header--container .cloud_img.img01 {
    display: block;
    width: 220px;
    left: 5%;
    top: 15%;
  }
}
.top_page_header--container .cloud_img.img01 img {
  animation: floating-y 4s ease-in-out infinite alternate-reverse;
}
.top_page_header--container .cloud_img.img02 {
  display: none;
}
@media screen and (min-width: 1025px) {
  .top_page_header--container .cloud_img.img02 {
    display: block;
    width: 140px;
    left: 30%;
    top: 0;
    transform: translate(0, -50%);
  }
}
.top_page_header--container .cloud_img.img02 img {
  animation: floating-y 2s ease-in-out infinite alternate-reverse;
}
.top_page_header--container .cloud_img.img03 {
  right: 8%;
  top: 8%;
  width: 15%;
}
@media screen and (min-width: 768px) {
  .top_page_header--container .cloud_img.img03 {
    right: 43%;
    width: 8%;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_header--container .cloud_img.img03 {
    width: 80px;
    right: 35%;
    top: 6%;
  }
}
.top_page_header--container .cloud_img.img03 img {
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
.top_page_header--container .cloud_img.img04 {
  display: none;
}
@media screen and (min-width: 768px) {
  .top_page_header--container .cloud_img.img04 {
    right: 10%;
    top: 0;
    width: 23%;
    display: block;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_header--container .cloud_img.img04 {
    width: 240px;
    transform: translate(0, -25%);
  }
}
.top_page_header--container .cloud_img.img04 img {
  animation: floating-y 3s ease-in-out infinite alternate-reverse;
}
.top_page_header--container .cloud_img.img05 {
  display: none;
}
@media screen and (min-width: 768px) {
  .top_page_header--container .cloud_img.img05 {
    right: 3%;
    top: 13%;
    width: 20%;
    display: block;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_header--container .cloud_img.img05 {
    width: 220px;
    top: 11%;
  }
}
.top_page_header--container .cloud_img.img05 img {
  animation: floating-y 2.5s ease-in-out infinite alternate-reverse;
}
.top_page_header--container .text_img {
  width: 90%;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -50%);
  z-index: 7;
}
@media screen and (min-width: 768px) {
  .top_page_header--container .text_img {
    width: 70%;
    left: auto;
    right: 3%;
    transform: translate(0, -50%);
  }
}
@media screen and (min-width: 1025px) {
  .top_page_header--container .text_img {
    width: 50%;
  }
}

@keyframes up_down {
  0% {
    transform: translate(0, 0);
  }
  45% {
    transform: translate(0, -7px);
  }
  55% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes run {
  0% {
    transform: translate(100%, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
@keyframes splice {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 100% 0;
  }
}
@keyframes floating-y {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}
h2.top_page--title {
  font-size: 3.2vw;
}
@media screen and (min-width: 768px) {
  h2.top_page--title {
    font-size: 1.8vw;
  }
}
@media screen and (min-width: 1025px) {
  h2.top_page--title {
    font-size: 20px;
  }
}
h2.top_page--title span {
  opacity: 0;
  display: block;
}
h2.top_page--title span.eng {
  font-size: 2em;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 0.2em;
}
@media screen and (min-width: 1025px) {
  h2.top_page--title span.eng {
    margin-bottom: 0.4em;
  }
}
.section_container.show h2.top_page--title span.eng {
  animation: wave 1s ease-in-out forwards;
}
h2.top_page--title span.ja {
  color: #FF9302;
}
.section_container.show h2.top_page--title span.ja {
  animation: wave 1s 0.4s ease-in-out forwards;
}

@keyframes wave {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  40% {
    transform: translateY(-10px);
  }
  80% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.common_button {
  font-size: 4vw;
}
@media screen and (min-width: 768px) {
  .common_button {
    font-size: 2vw;
  }
}
@media screen and (min-width: 1025px) {
  .common_button {
    font-size: 18px;
  }
}
.common_button a {
  color: #2F7627;
  display: flex;
  align-items: center;
  gap: 0 0.5em;
}
.common_button a i {
  color: #fff;
  font-size: 4.4vw;
  background-color: #2F7627;
  border: 1px solid #2F7627;
  border-radius: 50%;
  width: 1.8em;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.6s;
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  .common_button a i {
    font-size: 2.2vw;
  }
}
@media screen and (min-width: 1025px) {
  .common_button a i {
    font-size: 20px;
  }
}
.common_button a:hover i {
  color: #2F7627;
  background-color: #fff;
  animation: button_zoom 0.5s ease-in-out forwards;
}
.common_button a span {
  font-weight: bold;
  padding-bottom: 0.2em;
  position: relative;
}
.common_button a span::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #2F7627;
  position: absolute;
  left: 0;
  bottom: 0;
}

@keyframes button_zoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
section.top_page--section.section01 {
  padding: 10% 0 0;
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section01 {
    padding: 130px 0 0;
  }
}
section.top_page--section.section01 .section_container {
  font-size: 3.8vw;
  width: 90%;
  padding-bottom: 15%;
  margin-inline: auto;
  background-color: #fff;
  border-radius: 20px 20px 0 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section01 .section_container {
    font-size: 1.9vw;
    padding-bottom: 8%;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section01 .section_container {
    font-size: 18px;
    max-width: 1200px;
    padding: 0 min(7.5%, 100px) 70px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 80px;
  }
}
section.top_page--section.section01 .section_container h2.top_page--title {
  width: 85%;
  margin: 0 auto 2em;
  transform: translate(0, -25%);
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section01 .section_container h2.top_page--title {
    width: 100%;
    grid-column: span 2;
  }
}
section.top_page--section.section01 .section_container .logo_img {
  width: 60%;
  margin: 0 auto 10%;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section01 .section_container .logo_img {
    width: 45%;
    margin: 0 auto 7%;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section01 .section_container .logo_img {
    max-width: 450px;
    grid-column: span 2;
  }
}
section.top_page--section.section01 .section_container .text_box {
  font-size: inherit;
  width: 90%;
  margin: 0 auto 1.5em;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section01 .section_container .text_box {
    width: 80%;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section01 .section_container .text_box {
    width: 100%;
    margin: 0 0 0 auto;
  }
}
section.top_page--section.section01 .section_container .text_box p {
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.8em;
}

.top_page--swiperBox {
  width: 90%;
  margin-inline: auto;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .top_page--swiperBox {
    width: 80%;
  }
}
@media screen and (min-width: 1025px) {
  .top_page--swiperBox {
    width: 100%;
    margin: 0;
    align-self: start;
  }
}
.top_page--swiperBox ul.swiper-wrapper {
  margin-bottom: 7%;
}
@media screen and (min-width: 768px) {
  .top_page--swiperBox ul.swiper-wrapper {
    margin-bottom: 4%;
  }
}

.top_page--swiperPagination {
  display: flex;
  justify-content: center;
}
.top_page--swiperPagination span.swiper-pagination-bullet {
  background-color: #D9D9D9;
  opacity: 1;
}
.top_page--swiperPagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FF9302;
}

.top_page_section01--img {
  position: absolute;
}
.top_page_section01--img.img01 {
  width: 23%;
  right: 0;
  top: 0;
  transform: translate(20%, -10%);
}
@media screen and (min-width: 768px) {
  .top_page_section01--img.img01 {
    width: 10%;
    transform: translate(-150%, -75%);
  }
}
@media screen and (min-width: 1025px) {
  .top_page_section01--img.img01 {
    width: 100px;
  }
}
.top_page_section01--img.img01 img {
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 0.4s 1s;
  animation: floating 4.8s ease-in-out infinite alternate-reverse;
}
.section_container.show .top_page_section01--img.img01 img {
  opacity: 1;
  transform: translate(0, 0);
}
.top_page_section01--img.img02 {
  width: 19%;
  left: 0;
  top: 10%;
  transform: translate(-15%, 0);
}
@media screen and (min-width: 768px) {
  .top_page_section01--img.img02 {
    width: 11%;
    transform: translate(-25%, 0);
  }
}
@media screen and (min-width: 1025px) {
  .top_page_section01--img.img02 {
    width: 110px;
    top: 20%;
  }
}
.top_page_section01--img.img02 img {
  opacity: 0;
  transform: translate(30px, 0);
  transition: all 0.4s 1s;
}
.section_container.show .top_page_section01--img.img02 img {
  opacity: 1;
  transform: translate(0, 0);
}
.top_page_section01--img.img03 {
  display: none;
}
@media screen and (min-width: 768px) {
  .top_page_section01--img.img03 {
    width: 18%;
    display: block;
    right: 0;
    top: 0;
    transform: translate(20%, -10%);
  }
}
@media screen and (min-width: 1025px) {
  .top_page_section01--img.img03 {
    width: 180px;
    transform: translate(25%, -10%);
  }
}
.top_page_section01--img.img03 img {
  opacity: 0;
  transform: translate(30px, 0);
  transition: all 0.4s 1s;
}
.section_container.show .top_page_section01--img.img03 img {
  opacity: 1;
  transform: translate(0, 0);
}
.top_page_section01--img.img04 {
  display: none;
}
@media screen and (min-width: 768px) {
  .top_page_section01--img.img04 {
    width: 12%;
    display: block;
    right: 0;
    top: 0;
    transform: translate(25%, 160%);
  }
}
@media screen and (min-width: 1025px) {
  .top_page_section01--img.img04 {
    width: 120px;
  }
}
.top_page_section01--img.img04 img {
  opacity: 0;
  transform: translate(0, -30px);
  transition: all 0.4s 1s;
}
.section_container.show .top_page_section01--img.img04 img {
  opacity: 1;
  transform: translate(0, 0);
}

@keyframes floating {
  0% {
    transform: translateX(-10%) translateY(-10%);
  }
  33% {
    transform: translateX(-5%) translateY(10%);
  }
  67% {
    transform: translateX(0%) translateY(-10%);
  }
  100% {
    transform: translateX(5%) translateY(10%);
  }
}
@keyframes floating-x {
  0% {
    transform: translateX(-15%);
  }
  100% {
    transform: translateX(15%);
  }
}
@keyframes floating-y {
  0% {
    transform: translateY(-20%);
  }
  100% {
    transform: translateY(20%);
  }
}
section.top_page--section.section02 .section_container {
  width: 90%;
  margin-inline: auto;
}
section.top_page--section.section02 .section_container.container01 {
  font-size: 3.8vw;
  padding: 15% 0 25%;
  background-color: #fff;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section02 .section_container.container01 {
    font-size: 2vw;
    padding: 10% 0 15%;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section02 .section_container.container01 {
    font-size: 18px;
    max-width: 1200px;
    padding: 110px min(7.5%, 100px);
  }
}
section.top_page--section.section02 .section_container.container01 h2.top_page--title {
  width: 90%;
  margin: 0 auto 4em;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section02 .section_container.container01 h2.top_page--title {
    width: 100%;
    margin: 0 auto 5em;
  }
}
section.top_page--section.section02 .section_container.container01 .text_box {
  font-size: inherit;
  width: 90%;
  margin: 0 auto 4em;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section02 .section_container.container01 .text_box {
    width: 100%;
  }
}
section.top_page--section.section02 .section_container.container01 .text_box p {
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section02 .section_container.container01 .text_box p br.br_sp {
    display: none;
  }
}
section.top_page--section.section02 .section_container.container01 .text_box p br.br_pc {
  display: none;
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section02 .section_container.container01 .text_box p br.br_pc {
    display: block;
  }
}
section.top_page--section.section02 .section_container.container01 .common_button {
  width: 90%;
  margin-inline: auto;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section02 .section_container.container01 .common_button {
    width: 100%;
  }
}
section.top_page--section.section02 .section_container.container01 .common_button a {
  width: -moz-max-content;
  width: max-content;
}
section.top_page--section.section02 .section_container.container01 .movie {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  clip: rect(auto, auto, auto, auto);
}
section.top_page--section.section02 .section_container.container01 .movie video {
  width: 100vw;
  height: 100lvh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 63% 50%;
     object-position: 63% 50%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  section.top_page--section.section02 .section_container.container02 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section02 .section_container.container02 {
    max-width: 1200px;
  }
}
section.top_page--section.section02 .section_container.container02 .item {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
section.top_page--section.section02 .section_container.container02 .item .link_box {
  font-size: 4.8vw;
  overflow: hidden;
  transition: all 0.3s;
}
@media screen and (min-width: 600px) {
  section.top_page--section.section02 .section_container.container02 .item .link_box {
    font-size: 2.4vw;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section02 .section_container.container02 .item .link_box {
    font-size: 22px;
  }
}
section.top_page--section.section02 .section_container.container02 .item .link_box a {
  color: inherit;
  font-weight: bold;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transform: scale(1);
  transition: all 0.3s;
}
section.top_page--section.section02 .section_container.container02 .item .link_box a i {
  color: #fff;
  font-size: 4.4vw;
  background-color: #191919;
  border-radius: 50%;
  width: 1.8em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(-50%, -50%);
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section02 .section_container.container02 .item .link_box a i {
    font-size: 2.4vw;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section02 .section_container.container02 .item .link_box a i {
    font-size: 23px;
  }
}
section.top_page--section.section02 .section_container.container02 .item .link_box:hover a {
  transform: scale(1.06);
}
section.top_page--section.section02 .section_container.container02 .item:first-of-type .link_box {
  background-color: #D0DBCC;
}
section.top_page--section.section02 .section_container.container02 .item:first-of-type .link_box:hover {
  background-color: #FF9302;
}
section.top_page--section.section02 .section_container.container02 .item:nth-of-type(2) .link_box {
  background-color: #D9D0C0;
}
section.top_page--section.section02 .section_container.container02 .item:nth-of-type(2) .link_box:hover {
  background-color: #FF9302;
}
section.top_page--section.section02 .section_container.container02 .item .img_box img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
}

.top_page--contents.contents01 .contents_container {
  width: 90%;
  padding: 15% 0 0;
  margin-inline: auto;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .top_page--contents.contents01 .contents_container {
    padding: 6% 0 0;
  }
}
@media screen and (min-width: 1025px) {
  .top_page--contents.contents01 .contents_container {
    max-width: 1200px;
    padding: 70px 0 0;
  }
}
.top_page--contents.contents01 .contents_container a {
  width: 85%;
  padding: 3%;
  margin-inline: auto;
  border: 1px solid #878787;
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 0.4s;
  display: block;
}
@media screen and (min-width: 768px) {
  .top_page--contents.contents01 .contents_container a {
    width: 70%;
  }
}
@media screen and (min-width: 1025px) {
  .top_page--contents.contents01 .contents_container a {
    width: 60%;
  }
}
.top_page--contents.contents01 .contents_container a img:hover {
  opacity: 0.7;
}
.top_page--contents.contents01 .contents_container.show a {
  opacity: 1;
  transform: translate(0, 0);
}

section.top_page--section.section03 {
  position: relative;
}
section.top_page--section.section03 .section_container {
  width: 90%;
  padding: 15% 0 10%;
  margin: 0 auto 10%;
  background-color: #fff;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section03 .section_container {
    padding: 6% 0;
    margin: 0 auto 8%;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section03 .section_container {
    max-width: 1200px;
    padding: 70px min(7.5%, 100px) 70px;
    margin: 0 auto 80px;
  }
}
section.top_page--section.section03 .section_container h2.top_page--title {
  width: 85%;
  margin: 0 auto 3em;
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section03 .section_container h2.top_page--title {
    width: 100%;
  }
}
section.top_page--section.section03 .section_container .text_box {
  text-align: center;
  font-size: 4.8vw;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section03 .section_container .text_box {
    font-size: 2.9vw;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section03 .section_container .text_box {
    font-size: 30px;
  }
}
section.top_page--section.section03 .section_container .text_box p {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section03 .section_container .text_box p br.br_sp {
    display: none;
  }
}
section.top_page--section.section03 .section_container .text_box p span.typing {
  opacity: 0;
  display: inline-block;
  transform: translate(0, 15px);
  transition: all 0.3s;
}
section.top_page--section.section03 .section_container .text_box p span.typing.show {
  opacity: 1;
  transform: translate(0, 0);
}
section.top_page--section.section03 .section_container .text_box p span.color_yellow {
  color: #FF9302;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section03 .section_container .text_box p span.color_yellow {
    line-height: 2;
    display: block;
  }
}
section.top_page--section.section03 .section_container .common_button {
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
}

dl.top_page_section03--dl {
  font-size: 4vw;
  width: 75%;
  margin: 0 auto 2.5em;
  opacity: 0;
  display: grid;
  gap: 2em 0;
  transform: translate(0, 30px);
  transition: all 0.4s 2.8s;
}
@media screen and (min-width: 768px) {
  dl.top_page_section03--dl {
    font-size: 2vw;
    width: 65%;
  }
}
@media screen and (min-width: 1025px) {
  dl.top_page_section03--dl {
    font-size: 18px;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 30px;
  }
}
.section_container.show dl.top_page_section03--dl {
  opacity: 1;
  transform: translate(0, 0);
}
dl.top_page_section03--dl div {
  text-align: center;
  font-size: inherit;
  padding: 1.2em 0;
  border: 1px solid #191919;
  border-radius: 20px;
}
dl.top_page_section03--dl div:first-of-type {
  background-color: #F5F9F4;
}
dl.top_page_section03--dl div:nth-of-type(2) {
  background-color: #FFFCF0;
}
dl.top_page_section03--dl div:nth-of-type(3) {
  background-color: #F2F9FF;
}
dl.top_page_section03--dl div dt {
  font-size: 1.2em;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  line-height: 1.4;
  margin-bottom: 0.6em;
}
dl.top_page_section03--dl div dd p.type {
  font-weight: 500;
  margin-bottom: 0.5em;
}
dl.top_page_section03--dl div dd p.price {
  font-size: 1.5em;
  font-weight: 600;
}
dl.top_page_section03--dl div dd p.price span {
  font-size: 0.5em;
  font-weight: 500;
  margin-top: 0.5em;
  display: block;
}

.top_page_section03--img {
  position: absolute;
}
.top_page_section03--img.img01 {
  width: 31%;
  left: 0;
  bottom: 0;
  transform: translate(-10%, 25%);
}
@media screen and (min-width: 768px) {
  .top_page_section03--img.img01 {
    width: 18%;
    transform: translate(-20%, 25%);
  }
}
@media screen and (min-width: 1025px) {
  .top_page_section03--img.img01 {
    width: 180px;
    transform: translate(-25%, 25%);
  }
}
.top_page_section03--img.img02 {
  width: 22%;
  right: 0;
  bottom: 0;
  transform: translate(10%, 5%);
}
@media screen and (min-width: 768px) {
  .top_page_section03--img.img02 {
    width: 12%;
    right: auto;
    left: 0;
    transform: translate(130%, 20%);
  }
}
@media screen and (min-width: 1025px) {
  .top_page_section03--img.img02 {
    width: 120px;
  }
}
.top_page_section03--img img {
  opacity: 0;
  transform: translate(-30px, 0);
  transition: all 0.4s 2.8s;
}
.section_container.show .top_page_section03--img img {
  opacity: 1;
  transform: translate(0, 0);
}

section.top_page--section.section04 {
  padding: 10% 0 12%;
  background-color: #fff;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section04 {
    padding: 10% 0 8%;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section04 {
    padding: 100px 0 80px;
  }
}
section.top_page--section.section04 .section_container {
  width: 90%;
  padding: 15% 0 12%;
  margin-inline: auto;
  background-color: #F2F1E0;
  border: 1px solid #191919;
  border-radius: 20px;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section04 .section_container {
    padding: 10% 0 7%;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section04 .section_container {
    max-width: 1200px;
    padding: 110px 0 85px;
  }
}
section.top_page--section.section04 .section_container::before {
  content: "";
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  background-color: #fff;
  border: 1px solid #191919;
  border-radius: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  section.top_page--section.section04 .section_container::before {
    width: calc(100% - 60px);
    height: calc(100% - 60px);
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section04 .section_container::before {
    width: calc(100% - 85px);
    height: calc(100% - 85px);
  }
}
section.top_page--section.section04 .section_container h2.top_page--title {
  width: 75%;
  margin: 0 auto 3em;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section04 .section_container h2.top_page--title {
    width: 85%;
    margin: 0 auto 2em;
  }
}
section.top_page--section.section04 .section_container .binder_img {
  width: 250px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -9px);
}
@media screen and (min-width: 768px) {
  section.top_page--section.section04 .section_container .binder_img {
    width: 500px;
    transform: translate(-50%, -15px);
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section04 .section_container .binder_img {
    width: 700px;
    transform: translate(-50%, -20px);
  }
}

.top_page_section04--staffBox {
  width: 75%;
  margin: 0 auto 10%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .top_page_section04--staffBox {
    width: 85%;
    margin: 0 auto 5%;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 0 5%;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_section04--staffBox {
    margin: 0 auto 50px;
    grid-template-columns: 1fr 3fr;
    gap: 0 55px;
  }
}
.top_page_section04--staffBox > .img {
  width: 77%;
  margin: 0 auto 6%;
}
@media screen and (min-width: 768px) {
  .top_page_section04--staffBox > .img {
    width: 100%;
    margin: 0;
    grid-row: span 2;
  }
}
.top_page_section04--staffBox > .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transform: translate(-30px, 0);
  transition: all 0.4s 1s;
}
.section_container.show .top_page_section04--staffBox > .img img {
  opacity: 1;
  transform: translate(0, 0);
}
.top_page_section04--staffBox .profile_box {
  font-size: 3.2vw;
  width: 78%;
  margin: 0 auto 1.2em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .top_page_section04--staffBox .profile_box {
    text-align: left;
    font-size: 1.8vw;
    width: 100%;
    margin-bottom: 1.8em;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_section04--staffBox .profile_box {
    font-size: 18px;
  }
}
.top_page_section04--staffBox .profile_box p {
  font-weight: bold;
}
.top_page_section04--staffBox .profile_box p.name_ja {
  font-size: 1.4em;
  margin-bottom: 0.3em;
}
@media screen and (min-width: 768px) {
  .top_page_section04--staffBox .profile_box p.name_ja {
    margin-bottom: 0.5em;
  }
}
.top_page_section04--staffBox .profile_box p.name_eng {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  .top_page_section04--staffBox .profile_box p.name_eng {
    margin-bottom: 0.8em;
  }
}
.top_page_section04--staffBox .profile_box p.place {
  color: #FF9302;
  font-size: 1.2em;
}
@media screen and (min-width: 1025px) {
  .top_page_section04--staffBox .profile_box p.place {
    font-size: 1em;
  }
}
.top_page_section04--staffBox .profile_box .img {
  font-size: inherit;
  width: 5.5em;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (min-width: 768px) {
  .top_page_section04--staffBox .profile_box .img {
    width: 6.5em;
    right: auto;
    left: 8em;
  }
}
.top_page_section04--staffBox .qualification_box {
  font-size: 3.8vw;
  padding: 1.5em 1em;
  background-color: #F2F9FF;
  border: 1px solid #191919;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .top_page_section04--staffBox .qualification_box {
    font-size: 1.9vw;
    padding: 1.5em 2em;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_section04--staffBox .qualification_box {
    font-size: 18px;
  }
}
.top_page_section04--staffBox .qualification_box p {
  font-weight: bold;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  .top_page_section04--staffBox .qualification_box p {
    font-size: 1.2em;
  }
}
.top_page_section04--staffBox .qualification_box ul li {
  font-weight: bold;
  line-height: 1.4;
  list-style: none;
  padding-left: 1em;
  position: relative;
}
.top_page_section04--staffBox .qualification_box ul li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 768px) {
  .top_page_section04--staffBox .qualification_box ul li br {
    display: none;
  }
}

dl.top_page_section04--dl {
  width: 75%;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  dl.top_page_section04--dl {
    width: 85%;
  }
}
dl.top_page_section04--dl > dt {
  text-align: center;
  font-size: 4.3vw;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.6em 0;
  margin-bottom: 0.8em;
  border: 1px solid #191919;
  border-radius: 10px;
  position: relative;
}
@media screen and (min-width: 768px) {
  dl.top_page_section04--dl > dt {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1025px) {
  dl.top_page_section04--dl > dt {
    font-size: 21px;
    margin-bottom: 1.2em;
  }
}
dl.top_page_section04--dl > dt:first-of-type {
  background-color: #F5F9F4;
}
dl.top_page_section04--dl > dt:nth-of-type(2) {
  background-color: #FFFCF0;
}
dl.top_page_section04--dl > dt:nth-of-type(3) {
  background-color: #F5F8EC;
}
dl.top_page_section04--dl > dt:nth-of-type(4) {
  background-color: #FFEED5;
}
@media screen and (min-width: 768px) {
  dl.top_page_section04--dl > dt br {
    display: none;
  }
}
dl.top_page_section04--dl > dt button.top_page_section04--accordionButton {
  height: 2em;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-25%, -50%);
  cursor: pointer;
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  dl.top_page_section04--dl > dt button.top_page_section04--accordionButton {
    height: 3em;
  }
}
@media screen and (min-width: 1025px) {
  dl.top_page_section04--dl > dt button.top_page_section04--accordionButton {
    height: 3.5em;
  }
}
dl.top_page_section04--dl > dt button.top_page_section04--accordionButton::before, dl.top_page_section04--dl > dt button.top_page_section04--accordionButton::after {
  content: "";
  width: 1.5em;
  height: 1px;
  background-color: #191919;
  position: absolute;
  left: 50%;
  top: 50%;
}
dl.top_page_section04--dl > dt button.top_page_section04--accordionButton::before {
  transform: translate(-50%, -50%);
}
dl.top_page_section04--dl > dt button.top_page_section04--accordionButton::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.4s;
}
dl.top_page_section04--dl > dt button.top_page_section04--accordionButton.active::after {
  transform: translate(-50%, -50%) rotate(0deg);
}
dl.top_page_section04--dl dd.top_page_section04--accordionBox {
  font-size: 3.8vw;
  display: grid;
  grid-template-rows: 0fr;
  transition: all 0.4s;
}
@media screen and (min-width: 768px) {
  dl.top_page_section04--dl dd.top_page_section04--accordionBox {
    font-size: 1.9vw;
  }
}
@media screen and (min-width: 1025px) {
  dl.top_page_section04--dl dd.top_page_section04--accordionBox {
    font-size: 16px;
  }
}
dl.top_page_section04--dl dd.top_page_section04--accordionBox.active {
  grid-template-rows: 1fr;
}
dl.top_page_section04--dl dd.top_page_section04--accordionBox div {
  font-size: inherit;
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  dl.top_page_section04--dl dd.top_page_section04--accordionBox div {
    width: 96%;
    margin-inline: auto;
  }
}
dl.top_page_section04--dl dd.top_page_section04--accordionBox div p {
  line-height: 1.4;
}
dl.top_page_section04--dl dd.top_page_section04--accordionBox div p:last-of-type {
  margin-bottom: 2em;
}
@media screen and (min-width: 1025px) {
  dl.top_page_section04--dl dd.top_page_section04--accordionBox div p:last-of-type {
    margin-bottom: 2.5em;
  }
}
dl.top_page_section04--dl dd.top_page_section04--accordionBox div dl {
  margin-bottom: 2em;
}
@media screen and (min-width: 1025px) {
  dl.top_page_section04--dl dd.top_page_section04--accordionBox div dl {
    margin-bottom: 2.5em;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px 20px;
  }
}
dl.top_page_section04--dl dd.top_page_section04--accordionBox div dl dt {
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.3em;
}
@media screen and (min-width: 1025px) {
  dl.top_page_section04--dl dd.top_page_section04--accordionBox div dl dt {
    margin: 0;
  }
}
dl.top_page_section04--dl dd.top_page_section04--accordionBox div dl dd {
  line-height: 1.4;
}
dl.top_page_section04--dl dd.top_page_section04--accordionBox div dl dd:not(:last-of-type) {
  margin-bottom: 0.6em;
}
@media screen and (min-width: 1025px) {
  dl.top_page_section04--dl dd.top_page_section04--accordionBox div dl dd:not(:last-of-type) {
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  dl.top_page_section04--dl dd.top_page_section04--accordionBox div dl dd br {
    display: none;
  }
}
dl.top_page_section04--dl dd.top_page_section04--accordionBox:last-of-type div p:last-of-type {
  margin: 0;
}

section.top_page--section.section05 {
  background-color: #fff;
  position: relative;
}
section.top_page--section.section05::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #F5F9F4;
  border-radius: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
section.top_page--section.section05 .section_container {
  width: 90%;
  padding: 10% 0 12%;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section05 .section_container {
    padding: 8% 0;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section05 .section_container {
    max-width: 1200px;
    padding: 60px min(7.5%, 90px) 70px;
    display: grid;
    grid-template-columns: 1fr 3fr;
  }
}
section.top_page--section.section05 .section_container h2.top_page--title {
  margin: 0 auto 3em;
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section05 .section_container h2.top_page--title {
    margin: 0 0 2em;
    grid-column: span 2;
  }
}
section.top_page--section.section05 .section_container .common_button {
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section05 .section_container .common_button {
    margin: 0;
    order: 2;
  }
}

ul.top_page_section05--ul {
  font-size: 3vw;
  margin-bottom: 3em;
}
@media screen and (min-width: 768px) {
  ul.top_page_section05--ul {
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1025px) {
  ul.top_page_section05--ul {
    font-size: 14px;
    margin: 0;
    order: 3;
  }
}
ul.top_page_section05--ul li {
  list-style: none;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #191919;
}
ul.top_page_section05--ul li:not(:last-of-type) {
  margin-bottom: 2em;
}
ul.top_page_section05--ul li .tag_box {
  font-size: inherit;
  margin-bottom: 1.5em;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: left;
  align-items: center;
  gap: 0 1em;
}
ul.top_page_section05--ul li .tag_box span.date {
  font-size: 1.3em;
}
ul.top_page_section05--ul li .tag_box span.category {
  color: #fff;
  font-weight: bold;
  padding: 0.3em 1em 0.5em;
  background-color: #FF9302;
}
ul.top_page_section05--ul li a {
  color: inherit;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.4;
  grid-column: span 2;
}
@media screen and (min-width: 1025px) {
  ul.top_page_section05--ul li a {
    font-size: 1.3em;
  }
}
ul.top_page_section05--ul li a:hover {
  opacity: 0.7;
}

section.top_page--section.section06 {
  background-color: #fff;
  overflow: hidden;
  position: relative;
}
section.top_page--section.section06::before {
  content: "";
  width: 62%;
  height: 70%;
  background-color: #F5F8EC;
  position: absolute;
  right: 0;
  top: 7%;
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section06::before {
    width: 100vw;
    height: 60%;
    right: auto;
    left: 50%;
    transform: translate(-390px, 0);
  }
}
section.top_page--section.section06::after {
  content: "";
  width: 62%;
  height: 70%;
  background-color: #FFFCE1;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section06::after {
    width: 100vw;
    height: 75%;
    left: auto;
    right: 50%;
    transform: translate(-305px, 0);
  }
}
section.top_page--section.section06 .section_container {
  width: 90%;
  padding: 15% 0;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section06 .section_container {
    padding: 8% 0;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section06 .section_container {
    max-width: 1200px;
    padding: 80px min(7.5%, 90px) 70px;
    display: grid;
    grid-template-columns: 1fr 3fr;
  }
}
section.top_page--section.section06 .section_container h2.top_page--title {
  margin: 0 auto 3em;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section06 .section_container h2.top_page--title {
    margin: 0 0 2em;
    grid-column: span 2;
  }
}
section.top_page--section.section06 .section_container .common_button {
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section06 .section_container .common_button {
    margin: 0;
    order: 2;
  }
}

ul.top_page_section06--ul {
  font-size: 3vw;
  margin-bottom: 3em;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  ul.top_page_section06--ul {
    font-size: 1.6vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3em 1em;
  }
}
@media screen and (min-width: 1025px) {
  ul.top_page_section06--ul {
    font-size: 14px;
    margin: 0;
    gap: 40px 30px;
    order: 3;
  }
}
ul.top_page_section06--ul li {
  list-style: none;
  display: grid;
  grid-template: auto auto 1fr/1fr 1fr;
  gap: 0 1em;
}
@media screen and (min-width: 768px) {
  ul.top_page_section06--ul li {
    grid-template: auto auto auto 1fr/1fr;
  }
}
ul.top_page_section06--ul li:not(:last-of-type) {
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  ul.top_page_section06--ul li:not(:last-of-type) {
    margin: 0;
  }
}
ul.top_page_section06--ul li a.img {
  border: 1px solid #878787;
  grid-row: span 3;
}
@media screen and (min-width: 768px) {
  ul.top_page_section06--ul li a.img {
    margin-bottom: 5%;
    grid-row: auto;
  }
}
ul.top_page_section06--ul li a.img:hover {
  opacity: 0.7;
}
ul.top_page_section06--ul li a.img img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.5/1;
}
ul.top_page_section06--ul li span.date {
  font-size: 1.3em;
  margin-bottom: 0.8em;
}
ul.top_page_section06--ul li span.category {
  color: #fff;
  font-weight: bold;
  width: -moz-max-content;
  width: max-content;
  padding: 0.3em 1em 0.5em;
  margin-bottom: 0.8em;
  background-color: #FF9302;
}
ul.top_page_section06--ul li a.title {
  color: inherit;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.4;
  max-height: 2.8em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  ul.top_page_section06--ul li a.title {
    font-size: 1.3em;
  }
}
ul.top_page_section06--ul li a.title:hover {
  opacity: 0.7;
}

section.top_page--section.section07 {
  background-color: #fff;
  position: relative;
}
section.top_page--section.section07::before {
  content: "";
  width: 100%;
  height: 80%;
  background-color: #F5F9F4;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
@media screen and (min-width: 768px) {
  section.top_page--section.section07::before {
    height: 75%;
  }
}
section.top_page--section.section07 .section_container {
  width: 90%;
  padding: 25% 0 15%;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section07 .section_container {
    padding: 10% 0 8%;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section07 .section_container {
    max-width: 1200px;
    padding: 90px min(7.5%, 90px) 60px;
  }
}
section.top_page--section.section07 .section_container .img_box {
  width: 20%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(15%, 40%);
  transition: all 0.4s 1s;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section07 .section_container .img_box {
    width: 11%;
    transform: translate(15%, 25%);
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section07 .section_container .img_box {
    width: 110px;
    transform: translate(35%, 75%);
  }
}
section.top_page--section.section07 .section_container .img_box img:first-of-type {
  transform: translate(30px, 0);
  transition: all 0.4s 1s;
}
section.top_page--section.section07 .section_container .img_box img:nth-of-type(2) {
  width: 45%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%, 0%) rotate(10deg);
  animation: note 1.5s ease-in-out infinite;
}
section.top_page--section.section07 .section_container.show .img_box {
  opacity: 1;
}
section.top_page--section.section07 .section_container.show .img_box img:first-of-type {
  transform: translate(0, 0);
}
section.top_page--section.section07 .section_container h2.top_page--title {
  padding-top: 60px;
  margin: -60px auto 2em;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section07 .section_container h2.top_page--title {
    padding-top: 80px;
    margin: -80px auto 2em;
  }
}
section.top_page--section.section07 .section_container .map {
  margin-bottom: 8%;
  border: 1px solid #191919;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section07 .section_container .map {
    margin-bottom: 5%;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section07 .section_container .map {
    margin-bottom: 40px;
  }
}
section.top_page--section.section07 .section_container .map iframe {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 1.5/1;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section07 .section_container .map iframe {
    aspect-ratio: 2/1;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section07 .section_container .map iframe {
    aspect-ratio: 2.5/1;
  }
}
section.top_page--section.section07 .section_container .common_button {
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto 2em;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section07 .section_container .common_button {
    margin: 0 auto 2.5em;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section07 .section_container .common_button {
    margin: 0 auto 45px;
  }
}

@keyframes note {
  0% {
    transform: translate(-100%, 0%) rotate(10deg);
  }
  49% {
    transform: translate(-100%, 0%) rotate(10deg);
  }
  50% {
    transform: translate(-100%, 0%) rotate(-10deg);
  }
  100% {
    transform: translate(-100%, 0%) rotate(-10deg);
  }
}
.top_page_section07--infoBox {
  padding: 10% 0;
  background-color: #fff;
  border: 1px solid #191919;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .top_page_section07--infoBox {
    padding: 5% 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_section07--infoBox {
    padding: 50px 0;
  }
}
.top_page_section07--infoBox .logo_img {
  width: 90%;
  margin: 0 auto 8%;
}
@media screen and (min-width: 768px) {
  .top_page_section07--infoBox .logo_img {
    padding: 0 0 7%;
    margin: 0 0 0 auto;
    border-right: 1px solid #191919;
    order: 1;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_section07--infoBox .logo_img {
    width: 88%;
    padding: 0 0 5%;
  }
}
.top_page_section07--infoBox .logo_img img {
  width: 53%;
}
@media screen and (min-width: 768px) {
  .top_page_section07--infoBox .logo_img img {
    width: 60%;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_section07--infoBox .logo_img img {
    width: 53%;
  }
}
.top_page_section07--infoBox p.address {
  font-size: 3.8vw;
  font-weight: bold;
  line-height: 1.4;
  width: 90%;
  padding-bottom: 1.2em;
  margin: 0 auto 1.2em;
  border-bottom: 1px solid #191919;
}
@media screen and (min-width: 768px) {
  .top_page_section07--infoBox p.address {
    font-size: 1.9vw;
    padding: 0;
    margin: 0 0 0 auto;
    border-bottom: none;
    border-right: 1px solid #191919;
    order: 3;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_section07--infoBox p.address {
    font-size: 18px;
    width: 88%;
  }
}
.top_page_section07--infoBox > dl {
  font-size: 3.8vw;
  width: 90%;
  margin: 0 auto 2em;
}
@media screen and (min-width: 768px) {
  .top_page_section07--infoBox > dl {
    font-size: 1.9vw;
    margin: 0 0 0 auto;
    grid-row: span 2;
    order: 2;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_section07--infoBox > dl {
    font-size: 18px;
    width: 88%;
  }
}
.top_page_section07--infoBox > dl > dt, .top_page_section07--infoBox > dl > dd {
  font-weight: bold;
  padding-left: 1em;
}
.top_page_section07--infoBox > dl > dt {
  font-size: 1.15em;
  margin-bottom: 0.5em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .top_page_section07--infoBox > dl > dt {
    margin-bottom: 0.6em;
  }
}
.top_page_section07--infoBox > dl > dt:not(:first-of-type) {
  margin-top: 0.5em;
}
@media screen and (min-width: 768px) {
  .top_page_section07--infoBox > dl > dt:not(:first-of-type) {
    margin-top: 0.6em;
  }
}
.top_page_section07--infoBox > dl > dt::before {
  content: "・";
  color: #FF9302;
  position: absolute;
  left: 0;
  top: 0;
}
.top_page_section07--infoBox > dl > dd {
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .top_page_section07--infoBox > dl > dd {
    line-height: 1.6;
  }
}
.top_page_section07--infoBox > dl > dd:not(:last-of-type) {
  display: grid;
  grid-template-columns: 5.5em 1fr;
}
.top_page_section07--infoBox h3 {
  text-align: center;
  color: #fff;
  font-size: 4.6vw;
  padding: 0.8em 0;
  margin-bottom: 2em;
  background-color: #2F7627;
}
@media screen and (min-width: 768px) {
  .top_page_section07--infoBox h3 {
    font-size: 2.3vw;
    margin-top: 2em;
    grid-column: span 2;
    order: 4;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_section07--infoBox h3 {
    font-size: 21px;
  }
}
.top_page_section07--infoBox .text_box {
  font-size: 3.8vw;
}
@media screen and (min-width: 768px) {
  .top_page_section07--infoBox .text_box {
    font-size: 1.9vw;
    grid-column: span 2;
    order: 5;
  }
}
@media screen and (min-width: 1025px) {
  .top_page_section07--infoBox .text_box {
    font-size: 18px;
  }
}
.top_page_section07--infoBox .text_box dl {
  width: 90%;
  margin: 0 auto 2em;
}
@media screen and (min-width: 768px) {
  .top_page_section07--infoBox .text_box dl {
    width: 88%;
  }
}
.top_page_section07--infoBox .text_box dl dt, .top_page_section07--infoBox .text_box dl dd {
  padding-left: 1em;
}
.top_page_section07--infoBox .text_box dl dt {
  font-weight: bold;
  margin-bottom: 0.5em;
  position: relative;
}
.top_page_section07--infoBox .text_box dl dt::before {
  content: "■";
  color: #FF9302;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}
.top_page_section07--infoBox .text_box dl dd {
  line-height: 1.4;
}
.top_page_section07--infoBox .text_box dl dd:not(:last-of-type) {
  margin-bottom: 0.8em;
}
@media screen and (min-width: 768px) {
  .top_page_section07--infoBox .text_box dl dd br.br_sp {
    display: none;
  }
}
.top_page_section07--infoBox .text_box ul {
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .top_page_section07--infoBox .text_box ul {
    width: 88%;
  }
}
.top_page_section07--infoBox .text_box ul li {
  font-weight: bold;
  line-height: 1.4;
  padding-left: 1em;
  list-style: none;
  position: relative;
}
.top_page_section07--infoBox .text_box ul li::before {
  content: "＊";
  color: #FF9302;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}

section.top_page--section.section08 {
  padding: 10% 0;
  background-color: #fff;
  overflow: visible;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section08 {
    padding: 8% 0;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section08 {
    padding: 60px 0;
  }
}
section.top_page--section.section08 .section_container {
  width: 90%;
  padding: 8% 0;
  margin: 0 auto;
  border: 1px solid #191919;
  border-radius: 20px;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section08 .section_container {
    padding: 5% 0;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section08 .section_container {
    width: calc(90% - min(15%, 180px));
    max-width: 1020px;
    padding: 50px 0 35px;
  }
}
section.top_page--section.section08 .section_container h2.top_page--title {
  width: 90%;
  padding-top: 60px;
  margin: -60px auto 3em;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section08 .section_container h2.top_page--title {
    padding-top: 80px;
    margin: -80px auto 1em;
  }
}
section.top_page--section.section08 .section_container .form_box {
  font-size: 4vw;
  width: 90%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section08 .section_container .form_box {
    font-size: 2vw;
    display: grid;
    grid-template-columns: 1fr 75%;
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section08 .section_container .form_box {
    font-size: 18px;
    display: grid;
    grid-template-columns: 1fr 1.3fr;
  }
}
section.top_page--section.section08 .section_container .form_box p.must {
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section08 .section_container .form_box p.must {
    padding-top: 0.8em;
  }
}
section.top_page--section.section08 .section_container .img_box {
  width: 52%;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(-5%, -20%);
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  section.top_page--section.section08 .section_container .img_box {
    width: 30%;
    right: auto;
    left: 5%;
    top: 65%;
    transform: translate(0, 0);
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section08 .section_container .img_box {
    width: 34%;
    top: 25%;
  }
}
section.top_page--section.section08 .section_container .img_box .img {
  position: absolute;
}
section.top_page--section.section08 .section_container .img_box .img.img01 {
  width: 46%;
  right: 0;
  bottom: 0;
}
section.top_page--section.section08 .section_container .img_box .img.img02 {
  width: 37%;
  right: 40%;
  top: 13%;
}
section.top_page--section.section08 .section_container .img_box .img.img03 {
  width: 25%;
  left: 0;
  top: 0;
}
section.top_page--section.section08 .section_container .img_box .img img {
  opacity: 0;
  transform: translate(-30px, 0);
  transition: all 0.4s 1s;
}
section.top_page--section.section08 .section_container.show .img_box img {
  opacity: 1;
  transform: translate(0, 0);
}
section.top_page--section.section08 .section_container > .img.img04 {
  width: 32%;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(-35%, 55%);
}
@media screen and (min-width: 768px) {
  section.top_page--section.section08 .section_container > .img.img04 {
    width: 18%;
    transform: translate(-50%, 65%);
  }
}
@media screen and (min-width: 1025px) {
  section.top_page--section.section08 .section_container > .img.img04 {
    width: 180px;
    transform: translate(-120%, 50%);
  }
}
section.top_page--section.section08 .section_container > .img.img04 img {
  opacity: 0;
  transform: translate(-30px, 0);
  transition: all 0.4s 1s;
}
section.top_page--section.section08 .section_container.show > .img.img04 img {
  opacity: 1;
  transform: translate(0, 0);
}

dl.contact_form {
  font-size: 4vw;
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  dl.contact_form {
    font-size: 2vw;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1em 2em;
  }
}
@media screen and (min-width: 1025px) {
  dl.contact_form {
    font-size: 18px;
  }
}
dl.contact_form dt {
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  dl.contact_form dt {
    padding-top: 0.8em;
    margin: 0;
  }
}
dl.contact_form dt.must::after {
  content: "*";
}
dl.contact_form dt br.br_pc {
  display: none;
}
@media screen and (min-width: 768px) {
  dl.contact_form dt br.br_pc {
    display: block;
  }
}
dl.contact_form dd:not(:last-of-type) {
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  dl.contact_form dd:not(:last-of-type) {
    margin: 0;
  }
}
dl.contact_form dd input.wpcf7-form-control, dl.contact_form dd textarea.wpcf7-form-control {
  font-size: inherit;
  line-height: 1.4;
  width: 100%;
  padding: 0.7em 0.5em;
  box-sizing: border-box;
  background-color: #F5F9F4;
  border: 1px solid #191919;
  border-radius: 10px;
}
dl.contact_form dd span.wpcf7-form-control-wrap {
  display: block;
}
dl.contact_form dd span.wpcf7-form-control.wpcf7-radio {
  margin-top: 0.6em;
  display: inline-block;
}
dl.contact_form dd span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item {
  margin: 0 1em 0 0;
}
dl.contact_form dd span.wpcf7-list-item-label {
  font-weight: bold;
  line-height: 2;
}

.common_button.contact_buton {
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
}
.common_button.contact_buton button {
  color: #2F7627;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0 0.5em;
  cursor: pointer;
}
.common_button.contact_buton button i {
  color: #fff;
  font-size: 4.4vw;
  background-color: #2F7627;
  border: 1px solid #2F7627;
  border-radius: 50%;
  width: 1.8em;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.6s;
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  .common_button.contact_buton button i {
    font-size: 2.2vw;
  }
}
@media screen and (min-width: 1025px) {
  .common_button.contact_buton button i {
    font-size: 20px;
  }
}
.common_button.contact_buton button:hover i {
  color: #2F7627;
  background-color: #fff;
  animation: button_zoom 0.5s ease-in-out forwards;
}
.common_button.contact_buton button > span {
  font-size: 4vw;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 0.2em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .common_button.contact_buton button > span {
    font-size: 2vw;
  }
}
@media screen and (min-width: 1025px) {
  .common_button.contact_buton button > span {
    font-size: 18px;
  }
}
.common_button.contact_buton button > span::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #2F7627;
  position: absolute;
  left: 0;
  bottom: 0;
}
.common_button.contact_buton button > span input {
  color: inherit;
  font-size: inherit;
  font-weight: bold;
  font-family: "Noto Sans JP", "Yu Gothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1;
  padding: 0;
  cursor: pointer;
}
.common_button.contact_buton button > span span.wpcf7-spinner {
  margin: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(150%, -50%);
}

.wpcf7-response-output {
  font-size: 4vw;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .wpcf7-response-output {
    font-size: 2vw;
  }
}
@media screen and (min-width: 1025px) {
  .wpcf7-response-output {
    font-size: 16px;
  }
}

.page_header {
  padding: calc(50px + 20%) 0 10%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .page_header {
    padding: calc(50px + 10%) 0 7%;
  }
}
@media screen and (min-width: 1025px) {
  .page_header {
    padding: 180px 0 70px;
  }
}

.page_header--container {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .page_header--container {
    width: 95%;
    max-width: 1300px;
    margin-inline: auto;
  }
}
.page_header--container picture {
  width: 145%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -40%);
}
@media screen and (min-width: 768px) {
  .page_header--container picture {
    width: 100%;
    transform: translate(-50%, -50%);
  }
}
.page_header--container picture img {
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 0.4s;
}
.page_header--container.loaded picture img {
  opacity: 1;
  transform: translate(0, 0);
}
.page_header--container .img {
  position: absolute;
  top: 0;
}
.page_header--container .img.img01 {
  width: 15%;
  left: 0;
  transform: translate(0, -5%);
}
@media screen and (min-width: 768px) {
  .page_header--container .img.img01 {
    width: 8%;
    transform: translate(85%, 10%);
  }
}
.page_header--container .img.img01 img {
  animation: floating 4.8s ease-in-out infinite alternate-reverse;
}
.page_header--container .img.img02 {
  width: 16%;
  right: 0;
  transform: translate(-20%, -85%);
}
@media screen and (min-width: 768px) {
  .page_header--container .img.img02 {
    width: 8%;
    transform: translate(-30%, 55%);
  }
}
.page_header--container .img.img02 img {
  animation: floating 4s ease-in-out infinite alternate-reverse;
}
.page_header--container .img img {
  opacity: 0;
  transition: all 0.6s 0.8s;
}
.page_header--container.loaded .img img {
  opacity: 1;
}

h1.page_h1 {
  text-align: center;
  opacity: 0;
  position: relative;
  transform: translate(0, 30px);
  transition: all 0.4s 0.4s;
}
.page_header--container.loaded h1.page_h1 {
  opacity: 1;
  transform: translate(0, 0);
}
h1.page_h1 span {
  display: block;
}
h1.page_h1 span.eng {
  color: #2F7627;
  font-size: 9vw;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 0.1em;
}
@media screen and (min-width: 768px) {
  h1.page_h1 span.eng {
    font-size: 5.5vw;
    margin-bottom: 0.2em;
  }
}
@media screen and (min-width: 1025px) {
  h1.page_h1 span.eng {
    font-size: 60px;
    margin-bottom: 0.3em;
  }
}
h1.page_h1 span.ja {
  font-size: 3.5vw;
}
@media screen and (min-width: 768px) {
  h1.page_h1 span.ja {
    font-size: 1.8vw;
  }
}
@media screen and (min-width: 1025px) {
  h1.page_h1 span.ja {
    font-size: 20px;
  }
}

nav.page_nav {
  font-size: 4vw;
  width: -moz-max-content;
  width: max-content;
  min-width: 80%;
  margin: 0 auto 2em;
}
@media screen and (min-width: 768px) {
  nav.page_nav {
    font-size: 2vw;
    min-width: auto;
    margin: 0 auto 2.5em;
  }
}
@media screen and (min-width: 1025px) {
  nav.page_nav {
    font-size: 18px;
    margin: 0 auto 3.5em;
  }
}
nav.page_nav ul {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1.2em 0.5em;
}
@media screen and (min-width: 768px) {
  nav.page_nav ul {
    gap: 1.5em 3em;
  }
}
@media screen and (min-width: 1025px) {
  nav.page_nav ul {
    grid-template-columns: repeat(6, auto);
    gap: 0 min(3vw, 45px);
  }
}
nav.page_nav ul li {
  list-style: none;
}
nav.page_nav ul li button {
  color: #959595;
  font-size: inherit;
  font-weight: bold;
  line-height: 1;
  padding: 0;
}
nav.page_nav ul li button a {
  color: inherit;
}
nav.page_nav ul li button a:hover {
  opacity: 0.7;
}

h2.page_h2 {
  font-size: 3.2vw;
}
@media screen and (min-width: 768px) {
  h2.page_h2 {
    font-size: 1.8vw;
  }
}
@media screen and (min-width: 1025px) {
  h2.page_h2 {
    font-size: 20px;
  }
}
h2.page_h2 span {
  opacity: 0;
  display: block;
}
h2.page_h2 span.eng {
  font-size: 2em;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 0.2em;
}
@media screen and (min-width: 1025px) {
  h2.page_h2 span.eng {
    margin-bottom: 0.4em;
  }
}
.section_container.show h2.page_h2 span.eng {
  animation: wave 1s ease-in-out forwards;
}
h2.page_h2 span.ja {
  color: #FF9302;
}
.section_container.show h2.page_h2 span.ja {
  animation: wave 1s 0.4s ease-in-out forwards;
}

section.page_section--q_a {
  padding: 12% 0 15%;
  background-color: #fff;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.page_section--q_a {
    padding: 8% 0 10%;
  }
}
@media screen and (min-width: 1025px) {
  section.page_section--q_a {
    padding: 80px 0;
  }
}
section.page_section--q_a::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #F5F8EC;
  border-radius: 0 100px 0 0;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 1025px) {
  section.page_section--q_a::before {
    left: auto;
    right: 50%;
    transform: translate(510px, 0);
  }
}
section.page_section--q_a .section_container {
  width: 88%;
  padding-top: 60px;
  margin-top: -60px;
  margin-inline: auto;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  section.page_section--q_a .section_container {
    max-width: 1020px;
    padding-top: 80px;
    margin-top: -80px;
  }
}
section.page_section--q_a .section_container h2.page_h2 {
  margin-bottom: 4em;
}

dl.page_section_q_a--dl {
  font-size: 3.8vw;
}
@media screen and (min-width: 768px) {
  dl.page_section_q_a--dl {
    font-size: 1.9vw;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_section_q_a--dl {
    font-size: 17px;
    width: 85%;
  }
}
dl.page_section_q_a--dl > dt {
  font-size: 1.2em;
  font-weight: bold;
  padding-bottom: 1em;
  border-bottom: 1px solid #191919;
}
dl.page_section_q_a--dl > dd:not(:last-of-type) {
  margin-bottom: 3.5em;
}
dl.page_section_q_a--dl > dd dl dt {
  line-height: 1.4;
  padding: 1.3em 0.8em;
  position: relative;
}
dl.page_section_q_a--dl > dd dl dt button.page_section_q_a--accordionButton {
  width: 3em;
  height: 4em;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0%, -50%);
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  dl.page_section_q_a--dl > dd dl dt button.page_section_q_a--accordionButton {
    height: 3em;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_section_q_a--dl > dd dl dt button.page_section_q_a--accordionButton {
    height: 3.5em;
  }
}
dl.page_section_q_a--dl > dd dl dt button.page_section_q_a--accordionButton::before, dl.page_section_q_a--dl > dd dl dt button.page_section_q_a--accordionButton::after {
  content: "";
  width: 1.5em;
  height: 1px;
  background-color: #FF9302;
  position: absolute;
  left: 50%;
  top: 50%;
}
dl.page_section_q_a--dl > dd dl dt button.page_section_q_a--accordionButton::before {
  transform: translate(-50%, -50%);
}
dl.page_section_q_a--dl > dd dl dt button.page_section_q_a--accordionButton::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.4s;
}
dl.page_section_q_a--dl > dd dl dt button.page_section_q_a--accordionButton.active::after {
  transform: translate(-50%, -50%) rotate(0deg);
}
dl.page_section_q_a--dl > dd dl dd.page_section_q_a--accordionBox {
  padding: 0 0.8em;
  border-bottom: 1px solid #191919;
  display: grid;
  grid-template-rows: 0fr;
  transition: all 0.4s;
}
dl.page_section_q_a--dl > dd dl dd.page_section_q_a--accordionBox.active {
  grid-template-rows: 1fr;
}
dl.page_section_q_a--dl > dd dl dd.page_section_q_a--accordionBox div {
  font-size: inherit;
  font-weight: bold;
  overflow: hidden;
}
dl.page_section_q_a--dl > dd dl dd.page_section_q_a--accordionBox div > p {
  line-height: 1.4;
}
dl.page_section_q_a--dl > dd dl dd.page_section_q_a--accordionBox div > p:first-of-type {
  margin-top: 0.5em;
}
dl.page_section_q_a--dl > dd dl dd.page_section_q_a--accordionBox div > p:last-of-type {
  margin-bottom: 2em;
}
dl.page_section_q_a--dl > dd dl dd.page_section_q_a--accordionBox div > p.color_red {
  color: #FF0000;
}
dl.page_section_q_a--dl > dd dl dd.page_section_q_a--accordionBox div > p br {
  display: none;
}
@media screen and (min-width: 1025px) {
  dl.page_section_q_a--dl > dd dl dd.page_section_q_a--accordionBox div > p br {
    display: block;
  }
}
dl.page_section_q_a--dl > dd dl dd.page_section_q_a--accordionBox div ul {
  margin: 1em 0 2em;
}
dl.page_section_q_a--dl > dd dl dd.page_section_q_a--accordionBox div ul li {
  margin-bottom: 0.8em;
  list-style: none;
}
dl.page_section_q_a--dl > dd dl dd.page_section_q_a--accordionBox div ul li p {
  line-height: 1.4;
}

.lum-lightbox.lum-open {
  z-index: 10;
}

button.lum-gallery-button {
  display: none;
}

.lum-lightbox-inner img {
  background-color: #fff;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  .lum-lightbox-inner img {
    max-width: 85vw;
    max-height: 90vh;
  }
}

.lum_lightbox--img {
  text-align: center;
}
.lum_lightbox--img p {
  color: #4FA278;
  font-size: 3.5vw;
  margin-top: 1.5em;
}
@media screen and (min-width: 768px) {
  .lum_lightbox--img p {
    font-size: 1.8vw;
  }
}
@media screen and (min-width: 1025px) {
  .lum_lightbox--img p {
    display: none;
  }
}

.page_features--contents.contents01 {
  overflow: hidden;
}
.page_features--contents.contents01 .contents_container {
  padding-top: 60px;
  margin-top: -60px;
}
@media screen and (min-width: 1025px) {
  .page_features--contents.contents01 .contents_container {
    padding-top: 80px;
    margin-top: -80px;
  }
}

.page_features--contentsBox {
  width: 88%;
  padding-bottom: 20%;
  margin-inline: auto;
  position: relative;
  display: grid;
}
@media screen and (min-width: 768px) {
  .page_features--contentsBox {
    padding-bottom: 10%;
  }
}
@media screen and (min-width: 1025px) {
  .page_features--contentsBox {
    max-width: 1020px;
    padding-bottom: 70px;
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 0 50px;
  }
}
.page_features--contentsBox p.bg_green {
  text-align: center;
  color: #fff;
  font-size: 5.1vw;
  font-weight: bold;
  letter-spacing: 0.1em;
  width: 100%;
  padding: 0.5em 0;
  margin: 0 auto 1.2em;
  background-color: #4FA278;
  order: 2;
  position: relative;
  transition: all 0.4s 0.4s;
}
@media screen and (min-width: 768px) {
  .page_features--contentsBox p.bg_green {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_features--contentsBox p.bg_green {
    font-size: 26px;
    margin: 25px 0 30px;
  }
}
.page_features--contentsBox .movie {
  padding-top: 64%;
  margin-bottom: 8%;
  position: relative;
  order: 1;
}
@media screen and (min-width: 768px) {
  .page_features--contentsBox .movie {
    margin-bottom: 6%;
  }
}
@media screen and (min-width: 1025px) {
  .page_features--contentsBox .movie {
    padding: 0;
    margin: 0;
    grid-row: span 2;
  }
}
.page_features--contentsBox .movie video {
  width: 100vw;
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
@media screen and (min-width: 1025px) {
  .page_features--contentsBox .movie video {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
  }
}
.page_features--contentsBox .text_box {
  font-size: 3.8vw;
  order: 3;
}
@media screen and (min-width: 768px) {
  .page_features--contentsBox .text_box {
    font-size: 1.9vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_features--contentsBox .text_box {
    font-size: 17px;
    padding: 0 5px 40px;
  }
}
.page_features--contentsBox .text_box p {
  line-height: 1.4;
}
@media screen and (min-width: 1025px) {
  .page_features--contentsBox .text_box p {
    line-height: 1.6;
  }
}
.page_features--contentsBox .text_box p:not(:last-of-type) {
  margin-bottom: 1em;
}
@media screen and (min-width: 1025px) {
  .page_features--contentsBox .text_box p:not(:last-of-type) {
    margin-bottom: 1.5em;
  }
}
.page_features--contentsBox .img {
  position: absolute;
  width: 12%;
  right: 0;
  bottom: 0;
  transform: translate(-10%, 30%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .page_features--contentsBox .img {
    width: 7%;
  }
}
@media screen and (min-width: 1025px) {
  .page_features--contentsBox .img {
    width: 60px;
    transform: translate(110%, -45%);
  }
}
.page_features--contentsBox .img img {
  opacity: 0;
  transform: translate(30px, 0);
  transition: all 0.4s;
  display: block;
}
.page_features--contentsBox .img.show img {
  opacity: 1;
  transform: translate(0, 0);
}

dl.page_features_contents01--dl {
  width: 91%;
  margin-inline: auto;
}
@media screen and (min-width: 1025px) {
  dl.page_features_contents01--dl {
    max-width: 1020px;
  }
}

.page_features_contents01--item {
  opacity: 0;
  background-color: #fff;
  transform: translate(0, 30px);
  transition: all 0.5s;
}
.page_features_contents01--item:not(:last-of-type) {
  margin-bottom: 15%;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item:not(:last-of-type) {
    margin-bottom: 8%;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item:not(:last-of-type) {
    margin-bottom: 60px;
  }
}
.page_features_contents01--item.show {
  opacity: 1;
  transform: translate(0, 0);
}
.page_features_contents01--item > dt {
  text-align: center;
  font-size: 4.8vw;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding: 0.9em 0;
  border: 1px solid #191919;
  border-radius: 10px 10px 0 0;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item > dt {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item > dt {
    font-size: 24px;
  }
}
.page_features_contents01--item > dd {
  padding: 8% 0;
  border: 1px solid #191919;
  border-top: none;
  border-radius: 0 0 10px 10px;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item > dd {
    padding: 6% 0;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item > dd {
    padding: 50px 0;
  }
}

.page_features_contents01--item.item01 > dt {
  background-color: #FFD295;
}
.page_features_contents01--item.item01 > dd dl {
  width: 88%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item01 > dd dl {
    width: 90%;
  }
}
.page_features_contents01--item.item01 > dd dl > div {
  display: grid;
  align-items: center;
  gap: 0 5%;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item01 > dd dl > div {
    gap: 10% 5%;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item01 > dd dl > div {
    gap: 25px 35px;
  }
}
.page_features_contents01--item.item01 > dd dl > div:nth-of-type(odd) {
  grid-template-columns: 1fr 1.3fr;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item01 > dd dl > div:nth-of-type(odd) {
    grid-template: auto auto/1fr 2.5fr;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item01 > dd dl > div:nth-of-type(odd) {
    grid-template: auto auto/1fr 3.2fr;
  }
}
.page_features_contents01--item.item01 > dd dl > div:nth-of-type(even) {
  grid-template-columns: 1.3fr 1fr;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item01 > dd dl > div:nth-of-type(even) {
    grid-template: auto auto/2.5fr 1fr;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item01 > dd dl > div:nth-of-type(even) {
    grid-template: auto auto/3.2fr 1fr;
  }
}
.page_features_contents01--item.item01 > dd dl > div:not(:last-of-type) {
  margin-bottom: 10%;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item01 > dd dl > div:not(:last-of-type) {
    margin-bottom: 5%;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item01 > dd dl > div:not(:last-of-type) {
    margin-bottom: 25px;
  }
}
.page_features_contents01--item.item01 > dd dl > div dt {
  font-size: 4.6vw;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item01 > dd dl > div dt {
    font-size: 2.3vw;
    align-self: end;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item01 > dd dl > div dt {
    font-size: 20px;
  }
}
.page_features_contents01--item.item01 > dd dl > div dt span {
  color: #2F7627;
  font-size: 1.4em;
  font-family: "Montserrat", sans-serif;
  display: block;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item01 > dd dl > div dt span {
    display: inline;
  }
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item01 > dd dl > div dt br {
    display: none;
  }
}
.page_features_contents01--item.item01 > dd dl > div dd.img {
  border: 1px solid #191919;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item01 > dd dl > div dd.img {
    grid-row: span 2;
  }
}
.page_features_contents01--item.item01 > dd dl > div dd.text {
  margin-top: 1.2em;
  font-size: 3.8vw;
  grid-column: span 2;
  order: 3;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item01 > dd dl > div dd.text {
    font-size: 1.9vw;
    margin: 0;
    grid-column: span 1;
    align-self: start;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item01 > dd dl > div dd.text {
    font-size: 16px;
  }
}
.page_features_contents01--item.item01 > dd dl > div dd.text p {
  line-height: 1.4;
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item01 > dd dl > div dd.text p {
    line-height: 1.6;
  }
}
.page_features_contents01--item.item01 > dd dl > div:nth-of-type(odd) dt {
  order: 2;
}
.page_features_contents01--item.item01 > dd dl > div:nth-of-type(odd) dd.img {
  order: 1;
}

.page_features_contents01--item.item02 > dt {
  background-color: #FFD3C9;
}
.page_features_contents01--item.item02 > dd dl {
  width: 88%;
  margin-inline: auto;
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item02 > dd dl > div {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0 40px;
  }
}
.page_features_contents01--item.item02 > dd dl > div:not(:last-of-type) {
  margin-bottom: 10%;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item02 > dd dl > div:not(:last-of-type) {
    margin-bottom: 5%;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item02 > dd dl > div:not(:last-of-type) {
    margin-bottom: 40px;
  }
}
.page_features_contents01--item.item02 > dd dl > div dt {
  color: #2F7627;
  font-size: 4.6vw;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.1em;
  width: 12.5em;
  padding-bottom: 0.3em;
  display: flex;
  align-items: center;
  gap: 0 0.6em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item02 > dd dl > div dt {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item02 > dd dl > div dt {
    font-size: 20px;
  }
}
.page_features_contents01--item.item02 > dd dl > div dt::before, .page_features_contents01--item.item02 > dd dl > div dt::after {
  content: "";
  height: 2px;
  background-color: #2F7627;
  position: absolute;
  bottom: 0;
}
.page_features_contents01--item.item02 > dd dl > div dt::before {
  width: 100%;
  left: 0;
}
.page_features_contents01--item.item02 > dd dl > div dt::after {
  width: 1em;
  right: 0;
  transform: rotate(40deg);
  transform-origin: right bottom;
}
.page_features_contents01--item.item02 > dd dl > div dt span {
  font-size: 1.6em;
  font-family: "Montserrat", sans-serif;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item02 > dd dl > div dt span {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item02 > dd dl > div dt span {
    font-size: 1.4em;
  }
}
.page_features_contents01--item.item02 > dd dl > div dd {
  font-size: 3.8vw;
  margin-top: 1.2em;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item02 > dd dl > div dd {
    font-size: 1.9vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item02 > dd dl > div dd {
    font-size: 16px;
    margin: 0;
  }
}
.page_features_contents01--item.item02 > dd dl > div dd p {
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item02 > dd dl > div dd p {
    line-height: 1.6;
  }
}

.page_features_contents01--item.item03 {
  margin-bottom: 45%;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item03 {
    margin-bottom: 28%;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item03 {
    margin-bottom: 60px;
  }
}
.page_features_contents01--item.item03 > dt {
  background-color: #EBFFD7;
}
.page_features_contents01--item.item03 > dd {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item03 > dd {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
  }
}
.page_features_contents01--item.item03 > dd .item03_img {
  width: 80%;
  margin: 0 auto 8%;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item03 > dd .item03_img {
    width: 45%;
    margin: 0 auto 5%;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item03 > dd .item03_img {
    width: 75%;
    margin: 0 auto;
  }
}
.page_features_contents01--item.item03 > dd dl {
  width: 88%;
  padding-left: 10%;
  margin-inline: auto;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item03 > dd dl {
    width: 80%;
    padding-left: 5%;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item03 > dd dl {
    width: 100%;
    padding: 0 60px 0 40px;
  }
}
.page_features_contents01--item.item03 > dd dl > div {
  font-size: 4.6vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item03 > dd dl > div {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item03 > dd dl > div {
    font-size: 20px;
  }
}
.page_features_contents01--item.item03 > dd dl > div:not(:last-of-type) {
  margin-bottom: 1.5em;
}
.page_features_contents01--item.item03 > dd dl > div:not(:last-of-type)::before {
  content: "";
  width: 2px;
  height: calc(100% + 1.5em);
  background-color: #2F7627;
  position: absolute;
  left: -1.5em;
  top: 1em;
  transform: translate(25%, 0);
}
.page_features_contents01--item.item03 > dd dl > div dt {
  color: #2F7627;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.1em;
  display: flex;
  align-items: center;
  gap: 0 0.6em;
  position: relative;
}
.page_features_contents01--item.item03 > dd dl > div dt::before {
  content: "";
  width: 0.8em;
  background-color: #2F7627;
  border-radius: 50%;
  position: absolute;
  left: -1.8em;
  top: 50%;
  transform: translate(0, -50%);
  aspect-ratio: 1;
}
.page_features_contents01--item.item03 > dd dl > div dt span {
  font-size: 1.6em;
  font-family: "Montserrat", sans-serif;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item03 > dd dl > div dt span {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item03 > dd dl > div dt span {
    font-size: 1.4em;
  }
}
.page_features_contents01--item.item03 > dd dl > div dd {
  margin-top: 1em;
  font-size: 3.8vw;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item03 > dd dl > div dd {
    font-size: 1.9vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item03 > dd dl > div dd {
    font-size: 16px;
  }
}
.page_features_contents01--item.item03 > dd dl > div dd p {
  line-height: 1.4;
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item03 > dd dl > div dd p {
    line-height: 1.6;
  }
}
.page_features_contents01--item.item03 > dd dl > div dd p.space {
  margin-bottom: 1em;
}
.page_features_contents01--item.item03 > dd dl > div dd p.small {
  font-size: 0.8em;
}
.page_features_contents01--item.item03 > dd dl > div dd p.color_red {
  color: #FF0000;
}
.page_features_contents01--item.item03 > dd .img_box {
  width: 58%;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 130%);
  aspect-ratio: 197/101;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item03 > dd .img_box {
    width: 35%;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item03 > dd .img_box {
    width: 31%;
    left: 0;
    transform: translate(25%, -35%);
  }
}
.page_features_contents01--item.item03 > dd .img_box .img {
  position: absolute;
}
.page_features_contents01--item.item03 > dd .img_box .img.img01 {
  width: 33%;
  left: 0;
}
.page_features_contents01--item.item03 > dd .img_box .img.img02 {
  width: 40%;
  right: 0;
}
.page_features_contents01--item.item03 > dd .img_box .img.img03 {
  width: 15%;
  left: 50%;
  transform: translate(-65%, 0);
}
.page_features_contents01--item.item03 > dd > .img {
  width: 25%;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(-10%, 75%);
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item03 > dd > .img {
    width: 16%;
    transform: translate(-115%, 75%);
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item03 > dd > .img {
    width: 15%;
    transform: translate(-60%, -200%);
    right: 50%;
  }
}

.page_features_contents01--item.item04 {
  margin-bottom: 25%;
  background: none;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item04 {
    margin-bottom: 15%;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item04 {
    margin-bottom: 80px;
  }
}
.page_features_contents01--item.item04 > dt {
  background-color: #EAFFFC;
  border-radius: 10px;
  margin-bottom: 1em;
}
.page_features_contents01--item.item04 > dd {
  padding: 0;
  border: none;
  position: relative;
}
.page_features_contents01--item.item04 > dd dl {
  font-size: 3.8vw;
  box-sizing: border-box;
  display: grid;
  gap: 1.5em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item04 > dd dl {
    font-size: 1.9vw;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item04 > dd dl {
    font-size: 16px;
  }
}
.page_features_contents01--item.item04 > dd dl > div {
  font-size: inherit;
  padding: 2em 0 1.4em;
  background-color: #fff;
  border: 1px solid #191919;
  border-radius: 10px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item04 > dd dl > div {
    padding: 2em 0;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
  }
}
.page_features_contents01--item.item04 > dd dl > div:nth-of-type(5) {
  padding: 2.2em 0;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item04 > dd dl > div:nth-of-type(5) {
    padding: 5em 1.5em 1.5em;
    grid-template-columns: 1fr 2.5fr;
    grid-column: span 2;
    grid-row: span 1;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item04 > dd dl > div:nth-of-type(5) {
    padding: 5em 2.5em 2em;
    grid-template-columns: 1fr 2.8fr;
    gap: 0 60px;
  }
}
.page_features_contents01--item.item04 > dd dl > div dt {
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item04 > dd dl > div dt {
    align-self: center;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item04 > dd dl > div dt {
    font-size: 18px;
  }
}
.page_features_contents01--item.item04 > dd dl > div dt figure figcaption {
  color: #FF9302;
  margin-top: 1em;
}
.page_features_contents01--item.item04 > dd dl > div:first-of-type dt figure img {
  width: 56%;
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item04 > dd dl > div:first-of-type dt figure img {
    width: 45%;
  }
}
.page_features_contents01--item.item04 > dd dl > div:nth-of-type(2) dt figure img {
  width: 38%;
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item04 > dd dl > div:nth-of-type(2) dt figure img {
    width: 30%;
  }
}
.page_features_contents01--item.item04 > dd dl > div:nth-of-type(3) dt figure img {
  width: 62%;
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item04 > dd dl > div:nth-of-type(3) dt figure img {
    width: 55%;
  }
}
.page_features_contents01--item.item04 > dd dl > div:nth-of-type(4) dt figure img {
  width: 26%;
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item04 > dd dl > div:nth-of-type(4) dt figure img {
    width: 23%;
  }
}
.page_features_contents01--item.item04 > dd dl > div:nth-of-type(5) dt figure img {
  width: 66%;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item04 > dd dl > div:nth-of-type(5) dt figure img {
    width: 100%;
  }
}
.page_features_contents01--item.item04 > dd dl > div:nth-of-type(5) dt figure figcaption {
  color: #FF9302;
  margin-top: 0;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item04 > dd dl > div:nth-of-type(5) dt figure figcaption {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 180%);
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item04 > dd dl > div:nth-of-type(5) dt figure figcaption {
    transform: translate(-50%, 220%);
  }
}
.page_features_contents01--item.item04 > dd dl > div dd {
  width: 85%;
  margin: 1em auto 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item04 > dd dl > div dd {
    margin: 0 auto;
    display: grid;
    grid-template-rows: 1fr auto;
  }
}
.page_features_contents01--item.item04 > dd dl > div dd p {
  line-height: 1.4;
}
.page_features_contents01--item.item04 > dd dl > div dd p.space {
  margin-bottom: 1em;
}
.page_features_contents01--item.item04 > dd dl > div dd p.small {
  font-size: 0.8em;
}
.page_features_contents01--item.item04 > dd dl > div dd p.color_red {
  color: #FF0000;
}
.page_features_contents01--item.item04 > dd dl > div dd a {
  color: inherit;
  font-weight: 500;
  width: -moz-max-content;
  width: max-content;
  margin: 1.5em 0 0 auto;
  border-bottom: 1px solid;
  display: block;
}
.page_features_contents01--item.item04 > dd dl > div dd a:hover {
  opacity: 0.7;
}
.page_features_contents01--item.item04 > dd dl > div dd ul {
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
  display: grid;
  gap: 1em 0;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item04 > dd dl > div dd ul {
    grid-template-columns: auto auto;
    gap: 1em;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item04 > dd dl > div dd ul {
    margin: 0;
    gap: 1em 3em;
  }
}
.page_features_contents01--item.item04 > dd dl > div dd ul li {
  list-style: none;
}
.page_features_contents01--item.item04 > dd dl > div dd .img {
  width: 16%;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(30%, 88%);
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item04 > dd dl > div dd .img {
    width: 11%;
    transform: translate(30%, 115%);
  }
}
@media screen and (min-width: 1025px) {
  .page_features_contents01--item.item04 > dd dl > div dd .img {
    width: 11%;
    transform: translate(-20%, 60%);
  }
}
.page_features_contents01--item.item04 > dd dl > div:nth-of-type(5) dd {
  margin-top: 1.5em;
}
@media screen and (min-width: 768px) {
  .page_features_contents01--item.item04 > dd dl > div:nth-of-type(5) dd {
    width: 100%;
    margin: 0;
    align-self: center;
  }
}

section.page_features--section.section01 {
  padding: 12% 0 15%;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.page_features--section.section01 {
    padding: 10% 0;
  }
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section01 {
    padding: 80px 0;
  }
}
section.page_features--section.section01::before, section.page_features--section.section01::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
}
section.page_features--section.section01::before {
  height: 100%;
  background-color: #F5F8EC;
  border-radius: 40px;
  top: 0;
  z-index: 1;
}
section.page_features--section.section01::after {
  height: 50%;
  background-color: #fff;
  bottom: 0;
}
section.page_features--section.section01 .section_container {
  width: 88%;
  padding-top: 60px;
  margin-top: -60px;
  margin-inline: auto;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section01 .section_container {
    max-width: 1020px;
    padding-top: 80px;
    margin-top: -80px;
  }
}
section.page_features--section.section01 .section_container h2.page_h2 {
  margin-bottom: 3.5em;
}

dl.page_features_section01--dl {
  margin-bottom: 8%;
}
@media screen and (min-width: 768px) {
  dl.page_features_section01--dl {
    margin: 0;
  }
}

.page_features_section01--graphItem:not(:last-of-type) {
  margin-bottom: 10%;
}
@media screen and (min-width: 768px) {
  .page_features_section01--graphItem:not(:last-of-type) {
    margin-bottom: 5%;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section01--graphItem:not(:last-of-type) {
    margin-bottom: 40px;
  }
}
.page_features_section01--graphItem > dt {
  font-size: 4.6vw;
  font-weight: bold;
  margin-bottom: 1.2em;
}
@media screen and (min-width: 768px) {
  .page_features_section01--graphItem > dt {
    font-size: 2.4vw;
  }
}
@media screen and (min-width: 768px) {
  .page_features_section01--graphItem > dt {
    font-size: 24px;
  }
}
.page_features_section01--graphItem > dd {
  font-size: 4vw;
}
@media screen and (min-width: 768px) {
  .page_features_section01--graphItem > dd {
    font-size: 2.2vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section01--graphItem > dd {
    font-size: 22px;
  }
}
.page_features_section01--graphItem > dd dl {
  padding-bottom: 1.2em;
  margin-bottom: 0.8em;
  display: grid;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_features_section01--graphItem > dd dl {
    justify-content: end;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section01--graphItem > dd dl {
    padding: 0 50px 15px 0;
  }
}
.page_features_section01--graphItem > dd dl.feature01_dl {
  grid-template-columns: 1fr 1fr;
  gap: 0 3em;
}
@media screen and (min-width: 768px) {
  .page_features_section01--graphItem > dd dl.feature01_dl {
    grid-template-columns: auto auto;
    gap: 0 6em;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section01--graphItem > dd dl.feature01_dl {
    gap: 0 7em;
  }
}
.page_features_section01--graphItem > dd dl.feature02_dl {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1em 1.8em;
}
@media screen and (min-width: 768px) {
  .page_features_section01--graphItem > dd dl.feature02_dl {
    grid-template-columns: auto auto auto;
    gap: 1em 6em;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section01--graphItem > dd dl.feature02_dl {
    gap: 1em 7em;
  }
}
.page_features_section01--graphItem > dd dl.feature03_dl {
  grid-template-columns: 1fr 1fr;
  gap: 1em;
}
@media screen and (min-width: 768px) {
  .page_features_section01--graphItem > dd dl.feature03_dl {
    grid-template-columns: auto auto auto;
    gap: 1em 2em;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section01--graphItem > dd dl.feature03_dl {
    gap: 1em 3em;
  }
}
.page_features_section01--graphItem > dd dl::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #FF9302;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
.page_features_section01--graphItem > dd dl div {
  font-size: inherit;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
@media screen and (min-width: 768px) {
  .page_features_section01--graphItem > dd dl div {
    gap: 0 1em;
  }
}
.page_features_section01--graphItem > dd dl div dt {
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .page_features_section01--graphItem > dd dl div dt br {
    display: none;
  }
}
.page_features_section01--graphItem > dd dl div dd {
  text-align: right;
  font-weight: bold;
  width: 3.5em;
}
.page_features_section01--graphItem > dd dl div dd span.number {
  font-size: 2em;
}
@media screen and (min-width: 1025px) {
  .page_features_section01--graphItem > dd dl div dd span.number {
    font-size: 2.2em;
  }
}
.page_features_section01--graphItem > dd p.small {
  text-align: right;
  font-size: 3.2vw;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .page_features_section01--graphItem > dd p.small {
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section01--graphItem > dd p.small {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .page_features_section01--graphItem > dd p.small br {
    display: none;
  }
}

.page_features_section01--arrow {
  font-size: 5vw;
  width: 1.8em;
  margin: 0 auto 2em;
  background-color: #FF9302;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  .page_features_section01--arrow {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section01--arrow {
    font-size: 22px;
  }
}
.page_features_section01--arrow i {
  color: #fff;
}

.page_features_section01--box01 {
  padding: 10% 0;
  margin-bottom: 10%;
  background-color: #fff;
  border: 1px solid #FF9302;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .page_features_section01--box01 {
    padding: 5% 0;
    margin-bottom: 4%;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section01--box01 {
    padding: 40px 0;
    margin-bottom: 30px;
  }
}
.page_features_section01--box01 h3 {
  text-align: center;
  font-size: 4.8vw;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .page_features_section01--box01 h3 {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section01--box01 h3 {
    font-size: 24px;
  }
}
.page_features_section01--box01 ul {
  font-size: 4.6vw;
  width: 85%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .page_features_section01--box01 ul {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section01--box01 ul {
    font-size: 21px;
    width: -moz-max-content;
    width: max-content;
  }
}
.page_features_section01--box01 ul li {
  line-height: 1.4;
  list-style: none;
}

.page_features_section01--box02 {
  font-size: 4.8vw;
  padding: 10% 0;
  background-color: #fff;
  border: 1px solid #FF9302;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .page_features_section01--box02 {
    font-size: 2.4vw;
    padding: 5% 5% 4%;
    display: grid;
    grid-template-columns: 1fr auto;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section01--box02 {
    font-size: 21px;
    padding: 50px 60px 40px;
  }
}
.page_features_section01--box02 .page_features_section01--graphItem {
  font-size: inherit;
  width: 85%;
  margin: 0 auto 3em;
}
@media screen and (min-width: 768px) {
  .page_features_section01--box02 .page_features_section01--graphItem {
    margin: 0 0 0.2em;
    grid-row: span 2;
  }
}
.page_features_section01--box02 .page_features_section01--graphItem p:not(:last-of-type) {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  .page_features_section01--box02 .page_features_section01--graphItem p:not(:last-of-type) {
    margin: 0;
  }
}
.page_features_section01--box02 .page_features_section01--graphItem p.bold {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 768px) {
  .page_features_section01--box02 .page_features_section01--graphItem p.bold {
    margin-bottom: 1em;
  }
}
.page_features_section01--box02 .page_features_section01--graphItem p span.large {
  font-size: 2.2em;
  font-weight: bold;
  margin-left: 0.2em;
}
.page_features_section01--box02 .page_features_section01--graphItem p span.bold {
  font-weight: bold;
}
.page_features_section01--box02 h3 {
  font-size: 4.8vw;
  width: 85%;
  margin: 0 auto 1em;
}
@media screen and (min-width: 768px) {
  .page_features_section01--box02 h3 {
    font-size: 2.5vw;
    width: 100%;
    margin: 0;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section01--box02 h3 {
    font-size: 24px;
  }
}
.page_features_section01--box02 p.achievement {
  font-size: 0.85em;
  line-height: 1.4;
  width: 85%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .page_features_section01--box02 p.achievement {
    line-height: 1.6;
    width: 100%;
    margin: 0;
    align-self: end;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section01--box02 p.achievement {
    font-size: 1em;
  }
}
@media screen and (min-width: 768px) {
  .page_features_section01--box02 p.achievement br.br_sp {
    display: none;
  }
}
.page_features_section01--box02 p.achievement br.br_pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .page_features_section01--box02 p.achievement br.br_pc {
    display: block;
  }
}
.page_features_section01--box02 p.note {
  font-size: 3.2vw;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(0, 150%);
}
@media screen and (min-width: 768px) {
  .page_features_section01--box02 p.note {
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section01--box02 p.note {
    font-size: 14px;
  }
}

section.page_features--section.section02 {
  padding: 12% 0 6%;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  section.page_features--section.section02 {
    padding: 9% 0 3%;
  }
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section02 {
    padding: 80px 0 30px;
  }
}
section.page_features--section.section02 .section_container {
  width: 88%;
  padding-top: 60px;
  margin-top: -60px;
  margin-inline: auto;
  position: relative;
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section02 .section_container {
    max-width: 1020px;
    padding-top: 80px;
    margin-top: -80px;
  }
}
section.page_features--section.section02 .section_container h2.page_h2 {
  margin-bottom: 3.5em;
}
section.page_features--section.section02 .section_container .text_box {
  font-size: 3.8vw;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  section.page_features--section.section02 .section_container .text_box {
    font-size: 1.9vw;
  }
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section02 .section_container .text_box {
    font-size: 16px;
    margin-bottom: 4em;
  }
}
section.page_features--section.section02 .section_container .text_box p {
  line-height: 1.4;
}
section.page_features--section.section02 .section_container .lum_lightbox--img {
  margin-bottom: 15%;
}
@media screen and (min-width: 768px) {
  section.page_features--section.section02 .section_container .lum_lightbox--img {
    margin-bottom: 8%;
  }
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section02 .section_container .lum_lightbox--img {
    display: none;
  }
}
section.page_features--section.section02 .section_container .img_box {
  display: none;
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section02 .section_container .img_box {
    margin-bottom: 80px;
    display: block;
    position: relative;
  }
}
section.page_features--section.section02 .section_container .img_box .img_map {
  position: relative;
}
section.page_features--section.section02 .section_container .img_box .img {
  position: absolute;
}
section.page_features--section.section02 .section_container .img_box .img.img_number {
  width: 10%;
  transition: all 0.4s;
}
section.page_features--section.section02 .section_container .img_box .img.img_number.img01 {
  left: 17%;
  bottom: 11%;
}
section.page_features--section.section02 .section_container .img_box .img.img_number.img02 {
  left: 31%;
  top: 21%;
}
section.page_features--section.section02 .section_container .img_box .img.img_number.img03 {
  left: 54%;
  bottom: 9%;
}
section.page_features--section.section02 .section_container .img_box .img.img_number.img04 {
  left: 59%;
  top: 5%;
}
section.page_features--section.section02 .section_container .img_box .img.img_number.img05 {
  left: 71%;
  bottom: 40%;
}
section.page_features--section.section02 .section_container .img_box .img.img_number:hover {
  opacity: 0.7;
}
section.page_features--section.section02 .section_container .img_box .img.img_number:hover + .img_text {
  opacity: 1;
  transform: scale(1.1);
}
section.page_features--section.section02 .section_container .img_box .img.img_text {
  opacity: 0.5;
  transition: all 0.4s;
}
section.page_features--section.section02 .section_container .img_box .img.img_text.img01_text {
  width: 13%;
  left: 0;
  bottom: 15%;
}
section.page_features--section.section02 .section_container .img_box .img.img_text.img02_text {
  width: 16%;
  left: 15%;
  top: 5%;
}
section.page_features--section.section02 .section_container .img_box .img.img_text.img03_text {
  width: 24%;
  right: 9%;
  bottom: 6%;
}
section.page_features--section.section02 .section_container .img_box .img.img_text.img04_text {
  width: 12%;
  right: 43%;
  top: 0;
}
section.page_features--section.section02 .section_container .img_box .img.img_text.img05_text {
  width: 17%;
  right: 0;
  top: 42%;
}
section.page_features--section.section02 .section_container .img_box.loaded .img.img_number {
  animation: purun 3.6s linear infinite;
}
section.page_features--section.section02 .section_container .img_box.loaded .img.img_number.img01 {
  animation-delay: 0;
}
section.page_features--section.section02 .section_container .img_box.loaded .img.img_number.img02 {
  animation-delay: 0.6s;
}
section.page_features--section.section02 .section_container .img_box.loaded .img.img_number.img03 {
  animation-delay: 1.2s;
}
section.page_features--section.section02 .section_container .img_box.loaded .img.img_number.img04 {
  animation-delay: 1.8s;
}
section.page_features--section.section02 .section_container .img_box.loaded .img.img_number.img05 {
  animation-delay: 2.4s;
}

@keyframes purun {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  3% {
    transform: scale(0.95, 0.95) translate(0%, 2%);
  }
  6% {
    transform: scale(1.02, 0.9) translate(0%, 4%);
  }
  9% {
    transform: scale(0.9, 1.02) translate(0%, -4%);
  }
  12% {
    transform: scale(1.02, 0.9) translate(0%, 2%);
  }
  15% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
dl.page_features_section02--dl {
  font-size: 3.8vw;
}
@media screen and (min-width: 768px) {
  dl.page_features_section02--dl {
    font-size: 1.9vw;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_features_section02--dl {
    font-size: 16px;
  }
}
dl.page_features_section02--dl > div {
  font-size: inherit;
  padding-left: 3em;
}
dl.page_features_section02--dl > div:not(:last-of-type) {
  margin-bottom: 2em;
  position: relative;
}
dl.page_features_section02--dl > div:not(:last-of-type)::before {
  content: "";
  width: 0.9em;
  height: calc(100% + 4em);
  background-color: #D0D3D4;
  border-radius: 100vmax;
  position: absolute;
  left: 0;
  top: 0.6em;
}
@media screen and (min-width: 768px) {
  dl.page_features_section02--dl > div:not(:last-of-type)::before {
    width: 1em;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_features_section02--dl > div:not(:last-of-type)::before {
    width: 1.1em;
  }
}
dl.page_features_section02--dl > div > dt {
  color: #fff;
  font-size: 4.6vw;
  font-weight: bold;
  line-height: 1.4;
  width: -moz-max-content;
  width: max-content;
  padding: 0.4em 1em;
  margin-bottom: 0.7em;
  border-radius: 1.5em;
  position: relative;
}
@media screen and (min-width: 768px) {
  dl.page_features_section02--dl > div > dt {
    font-size: 2.4vw;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_features_section02--dl > div > dt {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) {
  dl.page_features_section02--dl > div > dt br {
    display: none;
  }
}
dl.page_features_section02--dl > div:first-of-type > dt {
  background-color: #4FA278;
}
dl.page_features_section02--dl > div:nth-of-type(2) > dt {
  background-color: #4FA278;
}
dl.page_features_section02--dl > div:nth-of-type(3) > dt {
  background-color: #366D66;
}
dl.page_features_section02--dl > div:nth-of-type(4) > dt {
  background-color: #366D66;
}
dl.page_features_section02--dl > div:nth-of-type(5) > dt {
  background-color: #366D66;
}
dl.page_features_section02--dl > div > dt::before {
  content: "";
  width: 0.6em;
  border-radius: 50%;
  position: absolute;
  left: -2.4em;
  top: 0.9em;
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  dl.page_features_section02--dl > div > dt::before {
    left: -2.25em;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_features_section02--dl > div > dt::before {
    left: -2.05em;
    top: 0.85em;
  }
}
dl.page_features_section02--dl > div > dt::after {
  content: "";
  width: 2.2em;
  height: 2px;
  position: absolute;
  left: 0;
  top: 1.1em;
  transform: translate(-89%, 0);
}
dl.page_features_section02--dl > div:first-of-type > dt::before, dl.page_features_section02--dl > div:first-of-type > dt::after {
  background-color: #4FA278;
}
dl.page_features_section02--dl > div:nth-of-type(2) > dt::before, dl.page_features_section02--dl > div:nth-of-type(2) > dt::after {
  background-color: #4FA278;
}
dl.page_features_section02--dl > div:nth-of-type(3) > dt::before, dl.page_features_section02--dl > div:nth-of-type(3) > dt::after {
  background-color: #366D66;
}
dl.page_features_section02--dl > div:nth-of-type(4) > dt::before, dl.page_features_section02--dl > div:nth-of-type(4) > dt::after {
  background-color: #366D66;
}
dl.page_features_section02--dl > div:nth-of-type(5) > dt::before, dl.page_features_section02--dl > div:nth-of-type(5) > dt::after {
  background-color: #366D66;
}
@media screen and (min-width: 1025px) {
  dl.page_features_section02--dl > div > dd {
    padding-left: 1.4em;
  }
}
dl.page_features_section02--dl > div > dd p {
  line-height: 1.4;
}
dl.page_features_section02--dl > div > dd dl {
  line-height: 1.4;
  margin-top: 0.5em;
}
dl.page_features_section02--dl > div > dd dl dt {
  margin-bottom: 0.2em;
}
dl.page_features_section02--dl > div > dd dl dd:not(:last-of-type) {
  margin-bottom: 0.8em;
}

section.page_features--section.section03 {
  padding: 12% 0 15%;
  background-color: #fff;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.page_features--section.section03 {
    padding: 8% 0 10%;
  }
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section03 {
    padding: 80px 0 90px;
  }
}
section.page_features--section.section03::before, section.page_features--section.section03::after {
  content: "";
  position: absolute;
}
section.page_features--section.section03::before {
  width: 61%;
  height: 70%;
  background-color: #FFFCE1;
  left: 0;
  bottom: 3%;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section03::before {
    width: 50vw;
    height: 71%;
    left: auto;
    right: 50%;
    bottom: 5%;
    transform: translate(-305px, 0);
  }
}
section.page_features--section.section03::after {
  width: 61%;
  height: 82%;
  background-color: #F5F8EC;
  right: 0;
  top: 10%;
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section03::after {
    width: 100vw;
    height: 65%;
    right: auto;
    left: 50%;
    transform: translate(-390px, 0);
    top: 6%;
  }
}
section.page_features--section.section03 .section_container {
  width: 88%;
  padding-top: 60px;
  margin-top: -60px;
  margin-inline: auto;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section03 .section_container {
    max-width: 1020px;
    padding-top: 80px;
    margin-top: -80px;
  }
}
section.page_features--section.section03 .section_container h2.page_h2 {
  margin-bottom: 3.5em;
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section03 .section_container h2.page_h2 {
    margin-bottom: 2em;
  }
}
section.page_features--section.section03 .section_container .lum_lightbox--img {
  opacity: 0;
  transform: translate(-30px, 0);
  transition: all 0.6s;
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section03 .section_container .lum_lightbox--img {
    pointer-events: none;
  }
}
section.page_features--section.section03 .section_container .lum_lightbox--img.show {
  opacity: 1;
  transform: translate(0, 0);
}

.page_features_section03--contents {
  font-size: 4.3vw;
  padding: 1.5em 1em;
  margin-bottom: 2em;
  background-color: #fff;
  border: 1px solid #191919;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .page_features_section03--contents {
    font-size: 2.1vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section03--contents {
    font-size: 20px;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
  }
}
.page_features_section03--contents .box {
  font-size: inherit;
  padding-bottom: 1.2em;
  margin-bottom: 1.2em;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: center;
  gap: 0 1.8em;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .page_features_section03--contents .box {
    padding: 0;
    margin: 0;
    gap: 0 1em;
  }
}
.page_features_section03--contents .box::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #191919;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (min-width: 1025px) {
  .page_features_section03--contents .box::before {
    width: 1px;
    height: 100%;
    left: auto;
    right: 0;
  }
}
.page_features_section03--contents .box .img {
  font-size: inherit;
}
.page_features_section03--contents .box .img img {
  width: 3.8em;
}
@media screen and (min-width: 1025px) {
  .page_features_section03--contents .box .img img {
    width: 5.5em;
  }
}
.page_features_section03--contents .box h3 {
  color: #FF9302;
  font-size: inherit;
  letter-spacing: 0.1em;
}
.page_features_section03--contents dl {
  width: 95%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .page_features_section03--contents dl {
    width: -moz-max-content;
    width: max-content;
  }
}
.page_features_section03--contents dl div {
  font-size: inherit;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .page_features_section03--contents dl div {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: left;
    align-items: center;
    gap: 0 2em;
  }
}
.page_features_section03--contents dl div:not(:last-of-type) {
  margin-bottom: 2.2em;
}
@media screen and (min-width: 768px) {
  .page_features_section03--contents dl div:not(:last-of-type) {
    margin-bottom: 1.5em;
  }
}
.page_features_section03--contents dl div dt {
  width: -moz-max-content;
  width: max-content;
  padding-bottom: 0.2em;
  margin: 0 auto 1.2em;
  border-bottom: 1px solid #FF9302;
}
@media screen and (min-width: 768px) {
  .page_features_section03--contents dl div dt {
    margin: 0;
  }
}
.page_features_section03--contents dl div dd {
  font-size: 0.9em;
}
.page_features_section03--contents dl div dd ul li {
  line-height: 1.4;
  list-style: none;
}
@media screen and (min-width: 1025px) {
  .page_features_section03--contents dl div dd ul li br.br_sp {
    display: none;
  }
}

section.page_features--section.section04 {
  padding: 5% 0 15%;
  background-color: #fff;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.page_features--section.section04 {
    padding: 3% 0 10%;
  }
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section04 {
    padding: 0 0 90px;
  }
}
section.page_features--section.section04 > .img {
  width: 15%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  section.page_features--section.section04 > .img {
    width: 10%;
  }
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section04 > .img {
    width: 140px;
    right: 50%;
    transform: translate(590px, 115px);
  }
}
section.page_features--section.section04 > .img img {
  animation: floating 4.8s ease-in-out infinite alternate-reverse;
}
section.page_features--section.section04 .section_container.section_container01 {
  padding: 10% 0 20%;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.page_features--section.section04 .section_container.section_container01 {
    padding: 7% 0 12%;
  }
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section04 .section_container.section_container01 {
    padding: 70px 0 100px;
  }
}
section.page_features--section.section04 .section_container.section_container01::before, section.page_features--section.section04 .section_container.section_container01::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
section.page_features--section.section04 .section_container.section_container01::before {
  background-color: #FFFCE1;
  border-radius: 40px;
  z-index: 1;
}
section.page_features--section.section04 .section_container.section_container01::after {
  background-color: #fff;
}
section.page_features--section.section04 .section_container.section_container01 h2.page_h2 {
  width: 88%;
  padding-top: 60px;
  margin: -60px auto 3em;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section04 .section_container.section_container01 h2.page_h2 {
    max-width: 1020px;
    padding-top: 80px;
    margin: -80px auto 3em;
  }
}
section.page_features--section.section04 .section_container.section_container01 .img_box {
  width: 30%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  transform: translate(15%, 0);
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  section.page_features--section.section04 .section_container.section_container01 .img_box {
    width: 20%;
    transform: translate(15%, -5%);
  }
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section04 .section_container.section_container01 .img_box {
    width: 200px;
    transform: translate(-520px, -50px);
    left: 50%;
  }
}
section.page_features--section.section04 .section_container.section_container01 .img_box .img {
  position: absolute;
}
section.page_features--section.section04 .section_container.section_container01 .img_box .img:first-of-type {
  width: 55%;
  left: 0;
}
section.page_features--section.section04 .section_container.section_container01 .img_box .img:nth-of-type(2) {
  width: 46%;
  right: 0;
  top: 5%;
}

.page_features_section04--swiperBox {
  width: 80%;
  margin-inline: auto;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .page_features_section04--swiperBox {
    max-width: 860px;
  }
}
.page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide {
  height: 0;
  padding-bottom: 8%;
  border-radius: 10px;
  opacity: 0;
  transition: all 0.5s;
}
.page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide.swiper-slide-active {
  height: auto;
  opacity: 1;
}
.page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide::before {
  content: "";
  width: 100%;
  height: calc(100% - 8vw);
  background-color: #fff;
  border: 1px solid #191919;
  border-radius: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide::before {
    height: calc(100% - 5vw);
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide::before {
    height: calc(100% - 40px);
  }
}
.page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide .title_box {
  font-size: 4vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide .title_box {
    font-size: 2.5vw;
    width: 90%;
    margin-inline: auto;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide .title_box {
    font-size: 24px;
    width: 85%;
  }
}
.page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide .title_box h3 {
  font-size: inherit;
  line-height: 1.4;
  min-height: 2.8em;
  padding: 0.8em 1em;
  margin-bottom: 1.2em;
  border: 1px solid #191919;
  background-color: #FFD3C9;
  border-radius: 10px 3em 3em 10px/10px 3em 3em 10px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide .title_box h3 {
    justify-content: center;
    padding: 0.5em 6em 0.5em 0;
  }
}
@media screen and (min-width: 768px) {
  .page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide .title_box h3 br.br_sp {
    display: none;
  }
}
.page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide .title_box h3 br.br_pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide .title_box h3 br.br_pc {
    display: block;
  }
}
.page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide .title_box .img {
  font-size: inherit;
  width: 5em;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(1px, -50%);
}
@media screen and (min-width: 768px) {
  .page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide .title_box .img {
    width: 7em;
  }
}
.page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide p.name {
  color: #FF9302;
  font-size: 3.8vw;
  font-weight: bold;
  line-height: 1.4;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto 3em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide p.name {
    font-size: 1.9vw;
    width: 80%;
    margin: 0 auto 2em;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide p.name {
    font-size: 20px;
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .page_features_section04--swiperBox ul.swiper-wrapper li.swiper-slide p.name br.br_sp {
    display: none;
  }
}

dl.page_features_section04_swiper--dl {
  font-size: 3.8vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  dl.page_features_section04_swiper--dl {
    font-size: 1.9vw;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_features_section04_swiper--dl {
    font-size: 18px;
  }
}
dl.page_features_section04_swiper--dl div {
  font-size: inherit;
  width: 90%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  dl.page_features_section04_swiper--dl div {
    width: 85%;
  }
}
dl.page_features_section04_swiper--dl div:not(:last-of-type) {
  margin-bottom: 3em;
}
dl.page_features_section04_swiper--dl div dt {
  font-weight: bold;
  padding-left: 1.5em;
  margin-bottom: 1.2em;
  position: relative;
}
@media screen and (min-width: 768px) {
  dl.page_features_section04_swiper--dl div dt {
    font-size: 1.1em;
  }
}
dl.page_features_section04_swiper--dl div dt::before {
  content: "";
  width: 1em;
  height: 2px;
  background-color: #191919;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
dl.page_features_section04_swiper--dl div dd {
  width: 95%;
  padding: 1em 1.2em;
  margin: 0 0 0 auto;
  background-color: #FFFCF0;
  border: 1px solid #191919;
  border-radius: 20px;
  box-sizing: border-box;
  position: relative;
}
@media screen and (min-width: 768px) {
  dl.page_features_section04_swiper--dl div dd {
    width: 90%;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_features_section04_swiper--dl div dd {
    width: 85%;
  }
}
dl.page_features_section04_swiper--dl div dd::before {
  content: "";
  width: 0.5em;
  background-color: #FFFCF0;
  border-top: 1px solid #191919;
  border-right: 1px solid #191919;
  position: absolute;
  right: 0;
  top: 2em;
  transform: translate(50%, 0) rotate(45deg);
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  dl.page_features_section04_swiper--dl div dd::before {
    top: 1.5em;
    transform: translate(50%, 0) rotate(45deg) skew(-15deg, -15deg);
  }
}
@media screen and (min-width: 1025px) {
  dl.page_features_section04_swiper--dl div dd::before {
    width: 0.6em;
    top: 1.3em;
    transform: translate(50%, 0) rotate(45deg) skew(-10deg, -10deg);
  }
}
dl.page_features_section04_swiper--dl div dd p {
  line-height: 1.4;
  position: relative;
  z-index: 1;
}
dl.page_features_section04_swiper--dl div dd::after {
  content: "";
  width: 100%;
  height: 99%;
  background-color: #FFFCF0;
  border-radius: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.swiper-button-prev.page_features_section04--swiperPrev,
.swiper-button-next.page_features_section04--swiperNext {
  font-size: 5vw;
  width: 1.6em;
  height: auto;
  top: 35vw;
  background-color: #2F7627;
  border-radius: 50%;
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  .swiper-button-prev.page_features_section04--swiperPrev,
  .swiper-button-next.page_features_section04--swiperNext {
    font-size: 3vw;
  }
}
@media screen and (min-width: 1025px) {
  .swiper-button-prev.page_features_section04--swiperPrev,
  .swiper-button-next.page_features_section04--swiperNext {
    font-size: 28px;
    top: 420px;
  }
}
.swiper-button-prev.page_features_section04--swiperPrev.swiper-button-disabled,
.swiper-button-next.page_features_section04--swiperNext.swiper-button-disabled {
  background-color: #959595;
}
.swiper-button-prev.page_features_section04--swiperPrev::after,
.swiper-button-next.page_features_section04--swiperNext::after {
  color: #fff;
  font-size: inherit;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.swiper-button-prev.page_features_section04--swiperPrev {
  left: 0;
  transform: translate(-110%, 0);
}
@media screen and (min-width: 768px) {
  .swiper-button-prev.page_features_section04--swiperPrev {
    transform: translate(-150%, 0);
  }
}
.swiper-button-prev.page_features_section04--swiperPrev::after {
  content: "\f060";
}

.swiper-button-next.page_features_section04--swiperNext {
  right: 0;
  transform: translate(110%, 0);
}
@media screen and (min-width: 768px) {
  .swiper-button-next.page_features_section04--swiperNext {
    transform: translate(150%, 0);
  }
}
.swiper-button-next.page_features_section04--swiperNext::after {
  content: "\f061";
}

.page_features_section04--swiperPagination {
  display: flex;
  justify-content: center;
  position: relative;
  transform: translate(0, 300%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .page_features_section04--swiperPagination {
    transform: translate(0, 400%);
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section04--swiperPagination {
    transform: translate(0, 500%);
  }
}
.page_features_section04--swiperPagination span.swiper-pagination-bullet {
  background-color: #D9D9D9;
  opacity: 1;
}
.page_features_section04--swiperPagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FF9302;
}

section.page_features--section.section04 .section_container.section_container02 {
  width: 88%;
  padding: 12% 0 0;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  section.page_features--section.section04 .section_container.section_container02 {
    padding: 9% 0 0;
  }
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section04 .section_container.section_container02 {
    max-width: 1020px;
    padding: 80px 0 0;
  }
}
section.page_features--section.section04 .section_container.section_container02 h3 {
  text-align: center;
  font-size: 4.3vw;
  font-weight: bold;
  line-height: 1.4;
  padding: 1.1em 0;
  margin-bottom: 2em;
  background-color: #FFD3C9;
  border: 1px solid #191919;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  section.page_features--section.section04 .section_container.section_container02 h3 {
    font-size: 2.4vw;
    margin-bottom: 1.5em;
  }
}
@media screen and (min-width: 1025px) {
  section.page_features--section.section04 .section_container.section_container02 h3 {
    font-size: 24px;
    padding: 0.8em 0;
  }
}

dl.page_features_section04_container02--dl {
  margin-bottom: 15%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 768px) {
  dl.page_features_section04_container02--dl {
    margin-bottom: 8%;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_features_section04_container02--dl {
    margin-bottom: 60px;
    gap: 0 40px;
  }
}
dl.page_features_section04_container02--dl > div {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
}
dl.page_features_section04_container02--dl > div dt {
  text-align: center;
  font-size: 4vw;
  font-weight: bold;
  border: 1px solid #191919;
  border-radius: 10px 10px 0 0;
  padding: 0.6em 0;
}
@media screen and (min-width: 768px) {
  dl.page_features_section04_container02--dl > div dt {
    font-size: 2.4vw;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_features_section04_container02--dl > div dt {
    font-size: 24px;
  }
}
dl.page_features_section04_container02--dl > div dd {
  font-size: 3.8vw;
  padding-bottom: 2.4em;
  border: 1px solid #191919;
  position: relative;
}
@media screen and (min-width: 768px) {
  dl.page_features_section04_container02--dl > div dd {
    font-size: 1.9vw;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_features_section04_container02--dl > div dd {
    font-size: 16px;
    padding: 0;
  }
}
dl.page_features_section04_container02--dl > div dd:not(:last-of-type) {
  margin-bottom: 2em;
}
@media screen and (min-width: 1025px) {
  dl.page_features_section04_container02--dl > div dd:not(:last-of-type) {
    margin-bottom: 3em;
  }
}
dl.page_features_section04_container02--dl > div dd:not(:last-of-type)::before {
  content: "\f175";
  font-size: 2em;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%);
}
@media screen and (min-width: 1025px) {
  dl.page_features_section04_container02--dl > div dd:not(:last-of-type)::before {
    font-size: 3em;
  }
}
dl.page_features_section04_container02--dl > div dd p {
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
  margin: 2em 0;
}
@media screen and (min-width: 1025px) {
  dl.page_features_section04_container02--dl > div dd p {
    font-size: 1.2em;
  }
}
@media screen and (min-width: 768px) {
  dl.page_features_section04_container02--dl > div dd p br {
    display: none;
  }
}
dl.page_features_section04_container02--dl > div dd div {
  font-size: inherit;
  width: 90%;
  height: 100%;
  margin-inline: auto;
  display: grid;
  grid-template-rows: 0fr;
  transition: all 0.4s;
}
@media screen and (min-width: 1025px) {
  dl.page_features_section04_container02--dl > div dd div {
    grid-template-rows: 1fr;
  }
}
dl.page_features_section04_container02--dl > div dd div.active {
  grid-template-rows: 1fr;
}
dl.page_features_section04_container02--dl > div dd div ul {
  overflow: hidden;
}
dl.page_features_section04_container02--dl > div dd div ul li {
  line-height: 1.4;
  list-style: none;
  margin-bottom: 1em;
}
dl.page_features_section04_container02--dl > div dd div ul li:last-of-type {
  margin-bottom: 2em;
}
dl.page_features_section04_container02--dl .after dt {
  position: relative;
  z-index: 1;
}
dl.page_features_section04_container02--dl .after dt img {
  width: 23%;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 768px) {
  dl.page_features_section04_container02--dl .after dt img {
    width: 15%;
    transform: translate(0, -20%);
  }
}
dl.page_features_section04_container02--dl .after dt img:first-of-type {
  left: 0;
}
dl.page_features_section04_container02--dl .after dt img:nth-of-type(2) {
  right: 0;
}
dl.page_features_section04_container02--dl .after dd {
  background-color: #FFFCE1;
  border-radius: 0 0 0 10px;
}
@media screen and (min-width: 1025px) {
  dl.page_features_section04_container02--dl .after dd {
    border-radius: 0 0 10px 10px;
  }
}
dl.page_features_section04_container02--dl .after dd:not(:first-of-type) {
  border-radius: 10px 10px 0 10px;
}
@media screen and (min-width: 1025px) {
  dl.page_features_section04_container02--dl .after dd:not(:first-of-type) {
    border-radius: 10px;
  }
}
dl.page_features_section04_container02--dl .after dd p {
  color: #FF9302;
}
dl.page_features_section04_container02--dl .before dt {
  position: relative;
}
dl.page_features_section04_container02--dl .before dd {
  background-color: #F5F5F5;
  border-radius: 0 0 10px 0;
}
@media screen and (min-width: 1025px) {
  dl.page_features_section04_container02--dl .before dd {
    border-radius: 0 0 10px 10px;
  }
}
dl.page_features_section04_container02--dl .before dd:not(:first-of-type) {
  border-radius: 10px 10px 10px 0;
}
@media screen and (min-width: 1025px) {
  dl.page_features_section04_container02--dl .before dd:not(:first-of-type) {
    border-radius: 10px;
  }
}
.page_features_section04_container02--accordionButton {
  font-size: 4vw;
  width: calc(200% + 2px);
  background-color: #F5F8EC;
  border: 1px solid #191919;
  border-radius: 10px;
  position: absolute;
  height: 2.2em;
  bottom: -1px;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .page_features_section04_container02--accordionButton {
    font-size: 2vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section04_container02--accordionButton {
    display: none;
  }
}
.page_features_section04_container02--accordionButton::before {
  content: "詳細を開く";
  color: #191919;
  font-weight: bold;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.page_features_section04_container02--accordionButton.active::before {
  content: "詳細を閉じる";
}

.page_features_section04_container02--contentsBox {
  opacity: 0;
  transform: translate(-30px, 0);
  transition: all 0.6s;
}
@media screen and (min-width: 1025px) {
  .page_features_section04_container02--contentsBox {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 40px;
  }
}
.page_features_section04_container02--contentsBox.show {
  opacity: 1;
  transform: translate(0, 0);
}
.page_features_section04_container02--contentsBox .img_box {
  text-align: center;
  font-size: 4.6vw;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 768px) {
  .page_features_section04_container02--contentsBox .img_box {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section04_container02--contentsBox .img_box {
    font-size: 20px;
    margin: 2em 0 0;
  }
}
.page_features_section04_container02--contentsBox .img_box .img {
  font-size: inherit;
  width: 7em;
  margin: 0 auto 0.8em;
}
.page_features_section04_container02--contentsBox .img_box h4 {
  color: #FF9302;
}
.page_features_section04_container02--contentsBox .text_box {
  font-size: 4vw;
  padding: 2em;
  background-color: #FFFCF0;
  border: 1px solid #191919;
  border-radius: 30px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_features_section04_container02--contentsBox .text_box {
    font-size: 2vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_features_section04_container02--contentsBox .text_box {
    font-size: 18px;
  }
}
.page_features_section04_container02--contentsBox .text_box::before {
  content: "";
  width: 0.5em;
  background-color: #FFFCF0;
  border-left: 1px solid #191919;
  border-top: 1px solid #191919;
  position: absolute;
  left: 50%;
  top: -1px;
  transform: translate(-50%, -50%) rotate(45deg);
  aspect-ratio: 1;
}
@media screen and (min-width: 1025px) {
  .page_features_section04_container02--contentsBox .text_box::before {
    width: 0.7em;
    left: -0.5px;
    top: 20%;
    transform: translate(-50%, -50%) rotate(-47deg);
  }
}
.page_features_section04_container02--contentsBox .text_box p {
  line-height: 1.4;
}
.page_features_section04_container02--contentsBox .text_box p.large {
  text-align: center;
  color: #FF9302;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1em;
}
@media screen and (min-width: 1025px) {
  .page_features_section04_container02--contentsBox .text_box p.large br {
    display: none;
  }
}
.page_features_section04_container02--contentsBox .text_box p:not(:last-of-type) {
  margin-bottom: 1em;
}

a.page_pricing--button {
  text-align: center;
  font-size: 4.6vw;
  width: 16.3em;
  padding: 1em 0;
  margin-inline: auto;
  background-color: #2F7627;
  display: block;
}
@media screen and (min-width: 768px) {
  a.page_pricing--button {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1025px) {
  a.page_pricing--button {
    font-size: 20px;
    width: 18em;
  }
}
a.page_pricing--button:hover {
  opacity: 0.7;
}
a.page_pricing--button span {
  color: #fff;
  font-weight: bold;
  display: block;
}
a.page_pricing--button span.eng {
  font-size: 0.9em;
  margin-bottom: 0.3em;
}
a.page_pricing--button span.ja {
  letter-spacing: 0.05em;
}

.page_header.page_pricing .page_header--container .img.img01 {
  transform: translate(10%, 45%);
}
.page_header.page_pricing .page_header--container p {
  text-align: center;
  font-size: 3.2vw;
  font-weight: 500;
  margin-top: 2em;
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 0.4s 0.4s;
}
@media screen and (min-width: 768px) {
  .page_header.page_pricing .page_header--container p {
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_header.page_pricing .page_header--container p {
    font-size: 14px;
  }
}
.page_header.page_pricing .page_header--container.loaded p {
  opacity: 1;
  transform: translate(0, 0);
}

.page_pricing--membership {
  text-align: center;
  font-size: 5.4vw;
  width: 91%;
  margin: 0 auto 2em;
  padding: 1.5em 0;
  background-color: #FFD295;
  border: 1px solid #191919;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .page_pricing--membership {
    font-size: 2.9vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing--membership {
    font-size: 28px;
    max-width: 1020px;
  }
}
.page_pricing--membership p {
  font-weight: bold;
}
.page_pricing--membership p span {
  font-size: 0.6em;
}

section.page_pricing--section.section01 {
  padding: 12% 0;
  background-color: #F5F9F4;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section01 {
    padding: 6% 0;
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section01 {
    padding: 70px 0;
  }
}
section.page_pricing--section.section01 .section_container {
  width: 91%;
  padding-top: 60px;
  margin-top: -60px;
  margin-inline: auto;
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section01 .section_container {
    max-width: 1020px;
    padding-top: 80px;
    margin-top: -80px;
  }
}
section.page_pricing--section.section01 .section_container h2.page_h2 {
  margin-bottom: 3.5em;
}

dl.page_pricing_section01--dl {
  margin-bottom: 15%;
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 0.5s 1.1s;
}
@media screen and (min-width: 768px) {
  dl.page_pricing_section01--dl {
    margin-bottom: 6%;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_pricing_section01--dl {
    margin-bottom: 60px;
  }
}
.section_container.show dl.page_pricing_section01--dl {
  opacity: 1;
  transform: translate(0, 0);
}

.page_pricing_section01--conditionBox {
  text-align: center;
  padding: 13% 0 9%;
  margin-bottom: 22%;
  background-color: #fff;
  border: 1px solid #191919;
  border-radius: 10px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_pricing_section01--conditionBox {
    padding: 5% 2.5% 3%;
    margin-bottom: 12%;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section01--conditionBox {
    padding: 35px 15px 20px;
    margin-bottom: 90px;
  }
}
.page_pricing_section01--conditionBox > dt {
  font-size: 5.4vw;
  font-weight: bold;
  margin-bottom: 5.5em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_pricing_section01--conditionBox > dt {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section01--conditionBox > dt {
    font-size: 22px;
    margin-bottom: 5em;
  }
}
.page_pricing_section01--conditionBox > dt span.ja {
  position: relative;
  z-index: 1;
}
.page_pricing_section01--conditionBox > dt span.ja.with_management span {
  color: #FF9302;
}
.page_pricing_section01--conditionBox > dt span.ja.no_management span {
  color: #2F7627;
}
.page_pricing_section01--conditionBox > dt span.eng {
  font-size: 1.5em;
  font-family: "Montserrat", sans-serif;
  line-height: 1.2;
  width: 100%;
  opacity: 0.2;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .page_pricing_section01--conditionBox > dt span.eng {
    transform: translate(-50%, -40%);
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section01--conditionBox > dt span.eng {
    font-size: 36px;
  }
}
.page_pricing_section01--conditionBox > dt span.eng.with_management {
  color: #FF9302;
}
.page_pricing_section01--conditionBox > dt span.eng.no_management {
  color: #2F7627;
}
.page_pricing_section01--conditionBox > dd {
  width: 83%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .page_pricing_section01--conditionBox > dd {
    width: 100%;
  }
}
.page_pricing_section01--conditionBox > dd p.note {
  text-align: right;
  font-size: 3.2vw;
  line-height: 1.4;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(0, 125%);
}
@media screen and (min-width: 768px) {
  .page_pricing_section01--conditionBox > dd p.note {
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section01--conditionBox > dd p.note {
    font-size: 14px;
  }
}

dl.page_pricing_section01_conditionBox--dl {
  font-size: 4.3vw;
  display: grid;
  gap: 5em 0;
}
@media screen and (min-width: 768px) {
  dl.page_pricing_section01_conditionBox--dl {
    font-size: 2.4vw;
    grid-template-columns: 1fr 1fr;
    gap: 5em 0.5em;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_pricing_section01_conditionBox--dl {
    font-size: 22px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0.5em;
  }
}
dl.page_pricing_section01_conditionBox--dl > div {
  font-size: inherit;
  padding: 1em 0;
  border: 1px solid #191919;
  border-radius: 10px;
  position: relative;
}
@media screen and (min-width: 1025px) {
  dl.page_pricing_section01_conditionBox--dl > div {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    align-items: center;
  }
}
dl.page_pricing_section01_conditionBox--dl > div dt {
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 1025px) {
  dl.page_pricing_section01_conditionBox--dl > div dt {
    margin-bottom: 0.3em;
  }
}
dl.page_pricing_section01_conditionBox--dl > div dt .catch_copy {
  font-size: 0.9em;
  width: 90%;
  padding: 0.5em 0;
  border: 1px solid #191919;
  border-radius: 100vmax;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -111%);
}
@media screen and (min-width: 1025px) {
  dl.page_pricing_section01_conditionBox--dl > div dt .catch_copy {
    font-size: 0.7em;
    width: 95%;
    padding: 0.5em 0;
  }
}
dl.page_pricing_section01_conditionBox--dl > div dt .catch_copy::before {
  content: "";
  width: 0.5em;
  border-right: 1px solid #191919;
  border-bottom: 1px solid #191919;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(0, 50%) rotate(45deg);
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  dl.page_pricing_section01_conditionBox--dl > div dt .catch_copy::before {
    width: 0.8em;
    transform: translate(0, 50%) rotate(45deg) skew(15deg, 15deg);
  }
}
dl.page_pricing_section01_conditionBox--dl > div dt .catch_copy::after {
  content: "";
  width: 99%;
  height: 99%;
  border-radius: 100vmax;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
dl.page_pricing_section01_conditionBox--dl > div dt .catch_copy p {
  line-height: 1.4;
  position: relative;
  z-index: 1;
}
dl.page_pricing_section01_conditionBox--dl > div dt .catch_copy.with_management::before {
  background-color: #fff4e5;
}
dl.page_pricing_section01_conditionBox--dl > div dt .catch_copy.with_management::after {
  background-color: #fff4e5;
}
dl.page_pricing_section01_conditionBox--dl > div dt .catch_copy.no_management::before {
  background-color: #eaf1e9;
}
dl.page_pricing_section01_conditionBox--dl > div dt .catch_copy.no_management::after {
  background-color: #eaf1e9;
}
dl.page_pricing_section01_conditionBox--dl > div dt span {
  font-size: 0.6em;
}
dl.page_pricing_section01_conditionBox--dl > div dd p {
  font-weight: bold;
}
dl.page_pricing_section01_conditionBox--dl > div dd p.price {
  color: #2F7627;
  font-size: 1.4em;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto 0.5em;
  padding: 0 0.2em 0.2em;
  background: linear-gradient(transparent 60%, #FFF500 60%);
}
@media screen and (min-width: 1025px) {
  dl.page_pricing_section01_conditionBox--dl > div dd p.price {
    margin: 0 auto 0.8em;
  }
}
.page_pricing_section01--optionBox {
  padding: 20% 0 15%;
  background-color: #F2F1E0;
  border: 1px solid #191919;
  border-radius: 20px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_pricing_section01--optionBox {
    padding: 15% 0 9%;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section01--optionBox {
    padding: 130px 0 75px;
  }
}
.page_pricing_section01--optionBox::before {
  content: "";
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  background-color: #fff;
  border: 1px solid #191919;
  border-radius: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .page_pricing_section01--optionBox::before {
    width: calc(100% - 60px);
    height: calc(100% - 60px);
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section01--optionBox::before {
    width: calc(100% - 70px);
    height: calc(100% - 70px);
  }
}
.page_pricing_section01--optionBox > dt {
  text-align: center;
  color: #FF9302;
  font-size: 5.1vw;
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  .page_pricing_section01--optionBox > dt {
    font-size: 2.8vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section01--optionBox > dt {
    font-size: 28px;
    margin-bottom: 1.8em;
  }
}
.page_pricing_section01--optionBox > dt .binder_img {
  width: 250px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -9px);
}
@media screen and (min-width: 768px) {
  .page_pricing_section01--optionBox > dt .binder_img {
    width: 500px;
    transform: translate(-50%, -15px);
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section01--optionBox > dt .binder_img {
    width: 585px;
    transform: translate(-50%, -18px);
  }
}
.page_pricing_section01--optionBox > dt p {
  font-weight: bold;
  position: relative;
}
.page_pricing_section01--optionBox > dd {
  font-size: 4vw;
}
@media screen and (min-width: 768px) {
  .page_pricing_section01--optionBox > dd {
    font-size: 2.2vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section01--optionBox > dd {
    font-size: 20px;
  }
}
.page_pricing_section01--optionBox > dd dl {
  width: 77%;
  margin-inline: auto;
  display: grid;
  gap: 2em 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_pricing_section01--optionBox > dd dl {
    gap: 1.5em 0;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section01--optionBox > dd dl {
    width: 70%;
    gap: 1.2em 0;
  }
}
.page_pricing_section01--optionBox > dd dl div {
  font-size: inherit;
  border-bottom: 1px solid #B3B3B3;
  display: grid;
  gap: 1em 0;
  padding-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .page_pricing_section01--optionBox > dd dl div {
    padding: 0 1em 1em;
    grid-template-columns: 1fr auto;
  }
}
.page_pricing_section01--optionBox > dd dl div dt {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .page_pricing_section01--optionBox > dd dl div dt {
    align-self: end;
  }
}
.page_pricing_section01--optionBox > dd dl div dd {
  text-align: right;
  color: #2F7627;
  font-size: 1.6em;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .page_pricing_section01--optionBox > dd dl div dd {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section01--optionBox > dd dl div dd {
    font-size: 1.4em;
  }
}
.page_pricing_section01--optionBox > dd p.note {
  font-size: 3.2vw;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(0, 150%);
}
@media screen and (min-width: 768px) {
  .page_pricing_section01--optionBox > dd p.note {
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section01--optionBox > dd p.note {
    font-size: 14px;
  }
}

.page_pricing_section01--text {
  font-size: 3.8vw;
  width: 90%;
  margin-inline: auto;
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 0.5s 1.1s;
}
@media screen and (min-width: 768px) {
  .page_pricing_section01--text {
    font-size: 1.9vw;
    width: 95%;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section01--text {
    font-size: 16px;
    width: 100%;
  }
}
.section_container.show .page_pricing_section01--text {
  opacity: 1;
  transform: translate(0, 0);
}
.page_pricing_section01--text h3 {
  font-size: inherit;
  font-weight: bold;
  margin-bottom: 1em;
}
.page_pricing_section01--text ul li {
  line-height: 1.4;
  padding-left: 1em;
  list-style: none;
  position: relative;
}
.page_pricing_section01--text ul li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}

section.page_pricing--section.section02 {
  padding: 12% 0;
  background-color: #FFFCF0;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section02 {
    padding: 6% 0;
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section02 {
    padding: 70px 0;
  }
}
section.page_pricing--section.section02 .section_container {
  width: 91%;
  padding-top: 60px;
  margin-top: -60px;
  margin-inline: auto;
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section02 .section_container {
    max-width: 1020px;
    padding-top: 80px;
    margin-top: -80px;
  }
}
section.page_pricing--section.section02 .section_container h2.page_h2 {
  margin-bottom: 3.5em;
}

dl.page_pricing_section02--dl {
  margin-bottom: 15%;
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 0.5s 1.1s;
}
@media screen and (min-width: 768px) {
  dl.page_pricing_section02--dl {
    margin-bottom: 6%;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_pricing_section02--dl {
    margin-bottom: 60px;
  }
}
.section_container.show dl.page_pricing_section02--dl {
  opacity: 1;
  transform: translate(0, 0);
}

.page_pricing_section02--ticketBox {
  text-align: center;
  font-size: 4.3vw;
  padding: 9% 0;
  margin-bottom: 12%;
  background-color: #fff;
  border: 1px solid #191919;
  border-radius: 10px;
  display: grid;
  gap: 1em 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_pricing_section02--ticketBox {
    font-size: 2.4vw;
    padding: 3% 2.5%;
    margin-bottom: 6%;
    grid-template-columns: 1fr 1fr;
    gap: 0.5em;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section02--ticketBox {
    font-size: 22px;
    padding: 20px 15px;
    margin-bottom: 45px;
  }
}
.page_pricing_section02--ticketBox div {
  font-size: inherit;
  width: 83%;
  padding: 1em 0;
  margin-inline: auto;
  border: 1px solid #191919;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .page_pricing_section02--ticketBox div {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section02--ticketBox div {
    padding: 1.5em 0;
  }
}
.page_pricing_section02--ticketBox div dt {
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
.page_pricing_section02--ticketBox div dd p.price {
  color: #2F7627;
  font-size: 1.4em;
  font-weight: bold;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto 0.5em;
  padding: 0 0.2em 0.2em;
  background: linear-gradient(transparent 60%, #FFF500 60%);
}
.page_pricing_section02--ticketBox div dd p.time {
  font-weight: bold;
}
.page_pricing_section02--ticketBox div dd p.note {
  font-size: 3.2vw;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(0, 150%);
}
@media screen and (min-width: 768px) {
  .page_pricing_section02--ticketBox div dd p.note {
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section02--ticketBox div dd p.note {
    font-size: 14px;
  }
}

.page_pricing_section02--optionBox {
  padding: 20% 0 15%;
  background-color: #F2F1E0;
  border: 1px solid #191919;
  border-radius: 20px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_pricing_section02--optionBox {
    padding: 15% 0 9%;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section02--optionBox {
    padding: 130px 0 75px;
  }
}
.page_pricing_section02--optionBox::before {
  content: "";
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  background-color: #fff;
  border: 1px solid #191919;
  border-radius: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .page_pricing_section02--optionBox::before {
    width: calc(100% - 60px);
    height: calc(100% - 60px);
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section02--optionBox::before {
    width: calc(100% - 70px);
    height: calc(100% - 70px);
  }
}
.page_pricing_section02--optionBox > dt {
  text-align: center;
  color: #FF9302;
  font-size: 5.1vw;
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  .page_pricing_section02--optionBox > dt {
    font-size: 2.8vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section02--optionBox > dt {
    font-size: 28px;
    margin-bottom: 1.8em;
  }
}
.page_pricing_section02--optionBox > dt .binder_img {
  width: 250px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -9px);
}
@media screen and (min-width: 768px) {
  .page_pricing_section02--optionBox > dt .binder_img {
    width: 500px;
    transform: translate(-50%, -15px);
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section02--optionBox > dt .binder_img {
    width: 585px;
    transform: translate(-50%, -18px);
  }
}
.page_pricing_section02--optionBox > dt p {
  font-weight: bold;
  position: relative;
}
.page_pricing_section02--optionBox > dd {
  font-size: 4vw;
}
@media screen and (min-width: 768px) {
  .page_pricing_section02--optionBox > dd {
    font-size: 2.2vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section02--optionBox > dd {
    font-size: 20px;
  }
}
.page_pricing_section02--optionBox > dd div {
  font-size: inherit;
  width: 77%;
  padding-bottom: 1em;
  margin-inline: auto;
  border-bottom: 1px solid #B3B3B3;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_pricing_section02--optionBox > dd div {
    padding: 0 1em 1em;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1.5em 0;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section02--optionBox > dd div {
    width: 70%;
    gap: 1.2em 0;
  }
}
.page_pricing_section02--optionBox > dd div p.option {
  font-weight: bold;
  margin-bottom: 1em;
}
.page_pricing_section02--optionBox > dd div p.price {
  text-align: right;
  color: #2F7627;
  font-size: 1.6em;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .page_pricing_section02--optionBox > dd div p.price {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section02--optionBox > dd div p.price {
    font-size: 1.4em;
  }
}
.page_pricing_section02--optionBox > dd p.note {
  font-size: 3.2vw;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(0, 150%);
}
@media screen and (min-width: 768px) {
  .page_pricing_section02--optionBox > dd p.note {
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section02--optionBox > dd p.note {
    font-size: 14px;
  }
}

.page_pricing_section02--text {
  font-size: 3.8vw;
  width: 90%;
  margin-inline: auto;
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 0.5s 1.1s;
}
@media screen and (min-width: 768px) {
  .page_pricing_section02--text {
    font-size: 1.9vw;
    width: 95%;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section02--text {
    font-size: 16px;
    width: 100%;
  }
}
.section_container.show .page_pricing_section02--text {
  opacity: 1;
  transform: translate(0, 0);
}
.page_pricing_section02--text h3 {
  font-size: inherit;
  font-weight: bold;
  margin-bottom: 1em;
}
.page_pricing_section02--text ul li {
  line-height: 1.4;
  padding-left: 1em;
  list-style: none;
  position: relative;
}
.page_pricing_section02--text ul li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}

section.page_pricing--section.section03 {
  padding: 12% 0;
  background-color: #FFFCF0;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section03 {
    padding: 6% 0;
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section03 {
    padding: 70px 0;
  }
}
section.page_pricing--section.section03::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #F2F9FF;
  border-radius: 40px;
  position: absolute;
  left: 0;
  top: 0;
}
section.page_pricing--section.section03 .section_container {
  width: 91%;
  padding-top: 60px;
  margin-top: -60px;
  margin-inline: auto;
  position: relative;
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section03 .section_container {
    max-width: 1020px;
    padding-top: 80px;
    margin-top: -80px;
  }
}
section.page_pricing--section.section03 .section_container h2.page_h2 {
  margin-bottom: 3.5em;
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section03 .section_container h2.page_h2 {
    margin-bottom: 2.5em;
  }
}
section.page_pricing--section.section03 .section_container .text_box {
  text-align: center;
  padding: 8% 0 9%;
  margin-bottom: 20%;
  background-color: #FFD3C9;
  border: 1px solid #191919;
  border-radius: 10px;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section03 .section_container .text_box {
    width: 80%;
    padding: 4% 0 5%;
    margin: 0 auto 7%;
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section03 .section_container .text_box {
    padding: 30px 0 35px;
    margin: 0 auto 65px;
  }
}
section.page_pricing--section.section03 .section_container .text_box p:first-of-type {
  font-size: 6.4vw;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.4em;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section03 .section_container .text_box p:first-of-type {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section03 .section_container .text_box p:first-of-type {
    font-size: 28px;
  }
}
section.page_pricing--section.section03 .section_container .text_box p:first-of-type span {
  display: block;
  font-size: 0.8em;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section03 .section_container .text_box p:first-of-type span {
    display: inline;
  }
}
section.page_pricing--section.section03 .section_container .text_box p:nth-of-type(2) {
  font-size: 8vw;
  font-weight: bold;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
  background: linear-gradient(transparent 60%, #FFF500 60%);
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section03 .section_container .text_box p:nth-of-type(2) {
    font-size: 4vw;
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section03 .section_container .text_box p:nth-of-type(2) {
    font-size: 34px;
  }
}
section.page_pricing--section.section03 .section_container .text_box p:nth-of-type(2) span {
  font-size: 0.5em;
}
section.page_pricing--section.section03 .section_container .text_box p.note {
  font-size: 3.2vw;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(0, 150%);
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section03 .section_container .text_box p.note {
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section03 .section_container .text_box p.note {
    font-size: 14px;
  }
}
section.page_pricing--section.section03 .section_container hgroup {
  text-align: center;
  font-size: 5.4vw;
  margin-bottom: 2.5em;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section03 .section_container hgroup {
    font-size: 2.7vw;
    margin-bottom: 2em;
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section03 .section_container hgroup {
    font-size: 25px;
    margin-bottom: 1.5em;
  }
}
section.page_pricing--section.section03 .section_container hgroup h3 {
  color: #FF9302;
  font-size: inherit;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
section.page_pricing--section.section03 .section_container hgroup h3 br {
  display: block;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section03 .section_container hgroup h3 br {
    display: none;
  }
}
section.page_pricing--section.section03 .section_container hgroup .img_box {
  font-size: inherit;
  width: 2.4em;
  position: absolute;
  top: 50%;
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section03 .section_container hgroup .img_box {
    width: 9em;
    aspect-ratio: 152/176;
  }
}
section.page_pricing--section.section03 .section_container hgroup .img_box.left {
  left: 0;
  transform: translate(-15%, -50%);
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section03 .section_container hgroup .img_box.left {
    transform: translate(-80%, -50%);
  }
}
section.page_pricing--section.section03 .section_container hgroup .img_box.right {
  right: 0;
  transform: translate(15%, -50%);
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section03 .section_container hgroup .img_box.right {
    transform: translate(80%, -50%);
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section03 .section_container hgroup .img_box img {
    width: 41%;
    position: absolute;
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section03 .section_container hgroup .img_box.left img:first-of-type {
    right: 0;
  }
}
section.page_pricing--section.section03 .section_container hgroup .img_box.left img:nth-of-type(2) {
  display: none;
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section03 .section_container hgroup .img_box.left img:nth-of-type(2) {
    display: block;
    bottom: 0;
  }
}
section.page_pricing--section.section03 .section_container hgroup .img_box.right img:first-of-type {
  display: none;
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section03 .section_container hgroup .img_box.right img:first-of-type {
    display: block;
    left: 0;
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section03 .section_container hgroup .img_box.right img:nth-of-type(2) {
    right: 0;
    bottom: 0;
  }
}

ul.page_pricing_section03--ul {
  font-size: 3.8vw;
  width: 93%;
  margin: 0 auto 3em;
  display: grid;
  gap: 2em 0;
}
@media screen and (min-width: 768px) {
  ul.page_pricing_section03--ul {
    font-size: 1.9vw;
    width: 85%;
  }
}
@media screen and (min-width: 1025px) {
  ul.page_pricing_section03--ul {
    font-size: 18px;
  }
}
ul.page_pricing_section03--ul li {
  width: -moz-max-content;
  width: max-content;
  padding: 1em;
  background-color: #fff;
  border: 1px solid #191919;
  border-radius: 20px;
  box-sizing: border-box;
  list-style: none;
  opacity: 0;
  position: relative;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  ul.page_pricing_section03--ul li {
    padding: 1em 1.5em;
    border-radius: 30px;
  }
}
@media screen and (min-width: 1025px) {
  ul.page_pricing_section03--ul li {
    padding: 1em 2.5em;
    border-radius: 35px;
  }
}
ul.page_pricing_section03--ul li:nth-of-type(odd) {
  margin: 0 0 0 auto;
  transform: translate(30px, 0);
}
ul.page_pricing_section03--ul li:nth-of-type(even) {
  transform: translate(-30px, 0);
}
ul.page_pricing_section03--ul li:first-of-type {
  transition: all 0.5s;
}
ul.page_pricing_section03--ul li:nth-of-type(2) {
  transition: all 0.5s 0.3s;
}
ul.page_pricing_section03--ul li:nth-of-type(3) {
  transition: all 0.5s 0.6s;
}
@media screen and (min-width: 768px) {
  ul.page_pricing_section03--ul li:nth-of-type(3) {
    margin-right: 1.5em;
  }
}
@media screen and (min-width: 1025px) {
  ul.page_pricing_section03--ul li:nth-of-type(3) {
    margin-right: 2.5em;
  }
}
ul.page_pricing_section03--ul li:nth-of-type(4) {
  transition: all 0.5s 0.9s;
}
@media screen and (min-width: 768px) {
  ul.page_pricing_section03--ul li:nth-of-type(4) {
    margin-left: 1.5em;
  }
}
@media screen and (min-width: 1025px) {
  ul.page_pricing_section03--ul li:nth-of-type(4) {
    margin-left: 2.5em;
  }
}
ul.page_pricing_section03--ul li:nth-of-type(5) {
  transition: all 0.5s 1.2s;
}
@media screen and (min-width: 768px) {
  ul.page_pricing_section03--ul li:nth-of-type(5) {
    margin-right: 3em;
  }
}
@media screen and (min-width: 1025px) {
  ul.page_pricing_section03--ul li:nth-of-type(5) {
    margin-right: 5em;
  }
}
@media screen and (min-width: 768px) {
  ul.page_pricing_section03--ul li br {
    display: none;
  }
}
ul.page_pricing_section03--ul li::before {
  content: "";
  width: 0.5em;
  background-color: #fff;
  border-right: 1px solid #191919;
  border-bottom: 1px solid #191919;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%) rotate(45deg);
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  ul.page_pricing_section03--ul li::before {
    width: 0.8em;
    transform: translate(0, 50%) rotate(45deg) skew(15deg, 15deg);
  }
}
ul.page_pricing_section03--ul li:first-of-type::before {
  right: 28%;
}
ul.page_pricing_section03--ul li:nth-of-type(2)::before {
  left: 37%;
}
ul.page_pricing_section03--ul li:nth-of-type(3)::before {
  right: 31%;
}
ul.page_pricing_section03--ul li:nth-of-type(4)::before {
  left: 37%;
}
ul.page_pricing_section03--ul li:nth-of-type(5)::before {
  right: 60%;
}
ul.page_pricing_section03--ul li p {
  line-height: 1.6;
  position: relative;
  z-index: 1;
}
ul.page_pricing_section03--ul li::after {
  content: "";
  width: 99%;
  height: 99%;
  background-color: #fff;
  border-radius: 20px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
@media screen and (min-width: 768px) {
  ul.page_pricing_section03--ul li::after {
    border-radius: 30px;
  }
}
ul.page_pricing_section03--ul li .img {
  font-size: inherit;
  position: absolute;
  bottom: 0;
  z-index: 1;
}
ul.page_pricing_section03--ul li .img img {
  width: auto;
  height: 6.9em;
}
@media screen and (min-width: 768px) {
  ul.page_pricing_section03--ul li .img img {
    height: 8em;
  }
}
@media screen and (min-width: 1025px) {
  ul.page_pricing_section03--ul li .img img {
    height: 10em;
  }
}
ul.page_pricing_section03--ul li:nth-of-type(3) .img {
  right: 0;
  transform: translate(30%, 94%);
}
@media screen and (min-width: 768px) {
  ul.page_pricing_section03--ul li:nth-of-type(3) .img {
    transform: translate(60%, 25%);
  }
}
ul.page_pricing_section03--ul li:nth-of-type(4) .img {
  left: 0;
  transform: translate(-30%, 88%);
}
@media screen and (min-width: 768px) {
  ul.page_pricing_section03--ul li:nth-of-type(4) .img {
    transform: translate(-75%, 45%);
  }
}
ul.page_pricing_section03--ul.show li {
  opacity: 1;
  transform: translate(0, 0);
}
section.page_pricing--section.section04 {
  padding: 12% 0;
  background-color: #FFFCF0;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section04 {
    padding: 6% 0;
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section04 {
    padding: 70px 0;
  }
}
section.page_pricing--section.section04 .section_container {
  width: 91%;
  padding-top: 60px;
  margin-top: -60px;
  margin-inline: auto;
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section04 .section_container {
    max-width: 1020px;
    padding-top: 80px;
    margin-top: -80px;
  }
}
section.page_pricing--section.section04 .section_container h2.page_h2 {
  margin-bottom: 3.5em;
}
section.page_pricing--section.section04 .section_container p.message_text {
  text-align: center;
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section04 .section_container p.message_text {
    font-size: 2.8vw;
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section04 .section_container p.message_text {
    font-size: 28px;
  }
}
section.page_pricing--section.section04 .section_container p.message_text a {
  color: inherit;
  text-decoration: underline;
}
section.page_pricing--section.section04 .section_container p.message_text a:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section04 .section_container p.message_text br.br_sp {
    display: none;
  }
}
section.page_pricing--section.section04 .section_container .corporate_box {
  font-size: 4vw;
  padding: 2em 0;
  margin-bottom: 2.5em;
  background-color: #fff;
  border: 1px solid #FF9302;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section04 .section_container .corporate_box {
    font-size: 2.1vw;
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section04 .section_container .corporate_box {
    font-size: 20px;
    padding: 1.5em 0;
  }
}
section.page_pricing--section.section04 .section_container .corporate_box h3 {
  text-align: center;
  font-size: inherit;
  line-height: 1.8;
  margin-bottom: 2em;
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section04 .section_container .corporate_box h3 {
    margin-bottom: 1.5em;
  }
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section04 .section_container .corporate_box h3 br {
    display: none;
  }
}
section.page_pricing--section.section04 .section_container .corporate_box ul {
  font-size: 0.9em;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section04 .section_container .corporate_box ul {
    display: grid;
    grid-template-columns: auto auto;
    gap: 0.3em 3em;
  }
}
section.page_pricing--section.section04 .section_container .corporate_box ul li {
  font-weight: 500;
  line-height: 1.6;
  padding-left: 1em;
  list-style: none;
  position: relative;
}
section.page_pricing--section.section04 .section_container .corporate_box ul li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
section.page_pricing--section.section04 .section_container .voice_box {
  font-size: 4vw;
  margin-bottom: 2.5em;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section04 .section_container .voice_box {
    font-size: 2vw;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 3.5em;
    align-items: center;
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section04 .section_container .voice_box {
    font-size: 18px;
    max-width: 800px;
    margin-inline: auto;
  }
}
section.page_pricing--section.section04 .section_container .voice_box h3 {
  text-align: center;
  font-size: 4.8vw;
  letter-spacing: 0.1em;
  line-height: 1.8;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto 1.5em;
  opacity: 0;
  position: relative;
  transform: translate(0, 30px);
  transition: all 0.5s;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section04 .section_container .voice_box h3 {
    font-size: 2.5vw;
    grid-column: span 2;
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section04 .section_container .voice_box h3 {
    font-size: 24px;
  }
}
section.page_pricing--section.section04 .section_container .voice_box h3::before, section.page_pricing--section.section04 .section_container .voice_box h3::after {
  position: absolute;
  bottom: 0;
}
section.page_pricing--section.section04 .section_container .voice_box h3::before {
  content: "＼";
  left: 0;
  transform: translate(-100%, 0);
}
section.page_pricing--section.section04 .section_container .voice_box h3::after {
  content: "／";
  right: 0;
  transform: translate(100%, 0);
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section04 .section_container .voice_box h3 br {
    display: none;
  }
}
section.page_pricing--section.section04 .section_container .voice_box.show h3 {
  opacity: 1;
  transform: translate(0, 0);
}
section.page_pricing--section.section04 .section_container .voice_box .img {
  font-size: inherit;
  width: 8em;
  margin: 0 auto 2.5em;
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 0.5s 0.4s;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section04 .section_container .voice_box .img {
    margin: 0;
  }
}
section.page_pricing--section.section04 .section_container .voice_box.show .img {
  opacity: 1;
  transform: translate(0, 0);
}
section.page_pricing--section.section04 .section_container .voice_box .text_box {
  font-size: inherit;
  width: 74%;
  padding: 1.5em 1.2em;
  margin-inline: auto;
  background-color: #fff;
  border: 1px solid #191919;
  border-radius: 20px;
  opacity: 0;
  position: relative;
  transform: translate(0, 30px);
  transition: all 0.5s 0.4s;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section04 .section_container .voice_box .text_box {
    width: 100%;
    padding: 2em;
    border-radius: 25px;
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section04 .section_container .voice_box .text_box {
    border-radius: 30px;
  }
}
section.page_pricing--section.section04 .section_container .voice_box .text_box::before {
  content: "";
  width: 0.6em;
  background-color: #fff;
  border-left: 1px solid #191919;
  border-top: 1px solid #191919;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section04 .section_container .voice_box .text_box::before {
    width: 0.8em;
    top: 25%;
    left: 0;
    transform: translate(-50%, 0%) rotate(-45deg) skew(15deg, 15deg);
  }
}
section.page_pricing--section.section04 .section_container .voice_box .text_box p {
  line-height: 1.4;
  position: relative;
  z-index: 1;
}
section.page_pricing--section.section04 .section_container .voice_box .text_box::after {
  content: "";
  width: 99%;
  height: 99%;
  background-color: #fff;
  border-radius: 20px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section04 .section_container .voice_box .text_box::after {
    border-radius: 25px;
    left: 0;
    transform: translate(0, 0);
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section04 .section_container .voice_box .text_box::after {
    border-radius: 30px;
  }
}
section.page_pricing--section.section04 .section_container .voice_box.show .text_box {
  opacity: 1;
  transform: translate(0, 0);
}

section.page_pricing--section.section05 {
  padding: 12% 0 15%;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section05 {
    padding: 6% 0 12%;
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section05 {
    padding: 70px 0 130px;
  }
}
section.page_pricing--section.section05 .section_container {
  width: 91%;
  padding-top: 60px;
  margin-top: -60px;
  margin-inline: auto;
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section05 .section_container {
    max-width: 1020px;
    padding-top: 80px;
    margin-top: -80px;
  }
}
section.page_pricing--section.section05 .section_container h2.page_h2 {
  margin-bottom: 1.5em;
}
@media screen and (min-width: 768px) {
  section.page_pricing--section.section05 .section_container h2.page_h2 {
    margin-bottom: 2.5em;
  }
}
@media screen and (min-width: 1025px) {
  section.page_pricing--section.section05 .section_container h2.page_h2 {
    margin-bottom: 3.5em;
  }
}

dl.page_pricing_section05--dl {
  margin-bottom: 20%;
}
@media screen and (min-width: 768px) {
  dl.page_pricing_section05--dl {
    margin-bottom: 12%;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_pricing_section05--dl {
    margin-bottom: 50px;
  }
}
dl.page_pricing_section05--dl > div {
  padding: 10% 0;
  border: 1px solid #191919;
  border-radius: 10px;
  position: relative;
}
@media screen and (min-width: 768px) {
  dl.page_pricing_section05--dl > div {
    padding: 5% 0 6%;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_pricing_section05--dl > div {
    padding: 40px 0 50px;
  }
}
dl.page_pricing_section05--dl > div:first-of-type {
  background-color: #E9FFF8;
}
dl.page_pricing_section05--dl > div:nth-of-type(2) {
  background-color: #E6FFEA;
}
dl.page_pricing_section05--dl > div:nth-of-type(3) {
  background-color: #4FA278;
}
dl.page_pricing_section05--dl > div:not(:last-of-type) {
  margin-bottom: 25%;
}
@media screen and (min-width: 768px) {
  dl.page_pricing_section05--dl > div:not(:last-of-type) {
    margin-bottom: 15%;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_pricing_section05--dl > div:not(:last-of-type) {
    margin-bottom: 120px;
  }
}
dl.page_pricing_section05--dl > div::before, dl.page_pricing_section05--dl > div::after {
  content: "";
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 0;
  transition: all 0.5s;
  aspect-ratio: 2.5/1;
}
dl.page_pricing_section05--dl > div.show::before, dl.page_pricing_section05--dl > div.show::after {
  opacity: 1;
}
dl.page_pricing_section05--dl > div::before {
  width: 30%;
  background-color: #191919;
  transform: translate(-50%, calc(-153% - 30px));
}
@media screen and (min-width: 768px) {
  dl.page_pricing_section05--dl > div::before {
    width: 20%;
    transform: translate(-50%, calc(-143% - 30px));
  }
}
@media screen and (min-width: 1025px) {
  dl.page_pricing_section05--dl > div::before {
    width: 15%;
  }
}
dl.page_pricing_section05--dl > div.show::before {
  transform: translate(-50%, -153%);
}
@media screen and (min-width: 768px) {
  dl.page_pricing_section05--dl > div.show::before {
    transform: translate(-50%, -143%);
  }
}
dl.page_pricing_section05--dl > div::after {
  width: calc(30% - 6px);
  transform: translate(-50%, calc(-160% - 30px));
}
@media screen and (min-width: 768px) {
  dl.page_pricing_section05--dl > div::after {
    width: calc(20% - 6px);
    transform: translate(-50%, calc(-147% - 30px));
  }
}
@media screen and (min-width: 1025px) {
  dl.page_pricing_section05--dl > div::after {
    width: calc(15% - 6px);
  }
}
dl.page_pricing_section05--dl > div.show::after {
  transform: translate(-50%, -160%);
}
@media screen and (min-width: 768px) {
  dl.page_pricing_section05--dl > div.show::after {
    transform: translate(-50%, -147%);
  }
}
dl.page_pricing_section05--dl > div:first-of-type::before, dl.page_pricing_section05--dl > div:first-of-type::after {
  content: none;
}
dl.page_pricing_section05--dl > div:nth-of-type(2)::after {
  background-color: #E9FFF8;
}
dl.page_pricing_section05--dl > div:nth-of-type(3)::after {
  background-color: #E6FFEA;
}
dl.page_pricing_section05--dl > div dt {
  text-align: center;
  font-size: 4.8vw;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 768px) {
  dl.page_pricing_section05--dl > div dt {
    font-size: 2.4vw;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_pricing_section05--dl > div dt {
    font-size: 22px;
  }
}
dl.page_pricing_section05--dl > div dt::before {
  content: "";
  width: 99%;
  height: 99%;
  border-radius: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scaleX(1);
  transform-origin: left;
}
dl.page_pricing_section05--dl > div dt span {
  font-weight: bold;
  display: block;
}
dl.page_pricing_section05--dl > div dt span.step {
  font-size: 1.4em;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 1025px) {
  dl.page_pricing_section05--dl > div dt span.step {
    font-size: 1.5em;
  }
}
dl.page_pricing_section05--dl > div:first-of-type dt::before {
  background-color: #E9FFF8;
  transition: all 0.5s;
}
dl.page_pricing_section05--dl > div:nth-of-type(2) dt::before {
  background-color: #E6FFEA;
  transition: all 0.5s 0.4s;
}
dl.page_pricing_section05--dl > div:nth-of-type(3) dt {
  color: #fff;
}
dl.page_pricing_section05--dl > div:nth-of-type(3) dt::before {
  background-color: #4FA278;
  transition: all 0.5s 0.4s;
}
dl.page_pricing_section05--dl > div.show dt::before {
  transform: translate(-50%, -50%) scaleX(0);
}
dl.page_pricing_section05--dl > div dd {
  font-size: 4vw;
  width: 86%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  dl.page_pricing_section05--dl > div dd {
    font-size: 2vw;
    width: -moz-max-content;
    width: max-content;
  }
}
@media screen and (min-width: 1025px) {
  dl.page_pricing_section05--dl > div dd {
    font-size: 19px;
  }
}
dl.page_pricing_section05--dl > div dd p {
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  dl.page_pricing_section05--dl > div dd p {
    line-height: 1.6;
  }
}
dl.page_pricing_section05--dl > div dd p a {
  color: inherit;
  text-decoration: underline;
}
dl.page_pricing_section05--dl > div dd p a:hover {
  opacity: 0.7;
}
dl.page_pricing_section05--dl > div dd .img {
  font-size: inherit;
  position: absolute;
}
dl.page_pricing_section05--dl > div:first-of-type dd .img {
  width: 5.2em;
  left: 0;
  bottom: 0;
  transform: translate(3%, 77%);
}
@media screen and (min-width: 1025px) {
  dl.page_pricing_section05--dl > div:first-of-type dd .img {
    width: 5.8em;
    transform: translate(-50%, 0);
  }
}
dl.page_pricing_section05--dl > div:nth-of-type(3) dd p.large {
  text-align: center;
  color: #fff;
  font-size: 1.6em;
  padding: 0 0 0.5em;
}
@media screen and (min-width: 768px) {
  dl.page_pricing_section05--dl > div:nth-of-type(3) dd p.large {
    padding: 0.5em 0 1em;
  }
}
@media screen and (min-width: 768px) {
  dl.page_pricing_section05--dl > div:nth-of-type(3) dd p.large br {
    display: none;
  }
}
dl.page_pricing_section05--dl > div:nth-of-type(3) dd .img {
  width: 3.9em;
  left: 0;
  bottom: 0;
  transform: translate(3%, 47%);
}
@media screen and (min-width: 1025px) {
  dl.page_pricing_section05--dl > div:nth-of-type(3) dd .img {
    width: 4.4em;
    transform: translate(-57%, 0);
  }
}

.page_pricing_section05--payment {
  border: 1px solid #191919;
  border-radius: 10px;
  display: flex;
  position: relative;
}
.page_pricing_section05--payment h3 {
  font-size: 4vw;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  padding: 1.2em 0.5em;
  background-color: #FFD3C9;
  border-radius: 10px 0 0 10px;
  border-right: 1px solid #191919;
}
@media screen and (min-width: 768px) {
  .page_pricing_section05--payment h3 {
    font-size: 2.3vw;
    padding: 1.2em 2.5em;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section05--payment h3 {
    font-size: 24px;
  }
}
.page_pricing_section05--payment .text_box {
  font-size: 4vw;
  padding: 0 0.7em;
  align-self: center;
}
@media screen and (min-width: 768px) {
  .page_pricing_section05--payment .text_box {
    font-size: 2.1vw;
    padding: 0 2em;
  }
}
@media screen and (min-width: 1025px) {
  .page_pricing_section05--payment .text_box {
    font-size: 20px;
    padding: 0 3em;
  }
}
.page_pricing_section05--payment .text_box p {
  margin-bottom: 0.8em;
}
.page_pricing_section05--payment .text_box ul li {
  line-height: 1.4;
  list-style: none;
}
.page_pricing_section05--payment .text_box ul li::before {
  content: "・";
}
.page_pricing_section05--payment .img {
  display: none;
}
@media screen and (min-width: 768px) {
  .page_pricing_section05--payment .img {
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(15%, 30%);
  }
}
.page_pricing_section05--payment .img img {
  width: auto;
  height: 100%;
  opacity: 0;
  transform: translate(30px, 0);
  transition: all 0.5s;
}
.page_pricing_section05--payment.show .img img {
  opacity: 1;
  transform: translate(0, 0);
}

.page_header.page_archive .page_header--container .img.img01 {
  width: 18%;
  transform: translate(20%, 5%);
}
@media screen and (min-width: 768px) {
  .page_header.page_archive .page_header--container .img.img01 {
    width: 12%;
  }
}
@media screen and (min-width: 1025px) {
  .page_header.page_archive .page_header--container .img.img01 {
    width: 150px;
    transform: translate(60%, 0%);
  }
}

.page_archive--contents {
  padding-bottom: 15%;
}
@media screen and (min-width: 768px) {
  .page_archive--contents {
    padding-bottom: 10%;
  }
}
@media screen and (min-width: 1025px) {
  .page_archive--contents {
    padding-bottom: 100px;
  }
}
.page_archive--contents .contents_container {
  width: 88%;
  margin-inline: auto;
}
@media screen and (min-width: 1025px) {
  .page_archive--contents .contents_container {
    max-width: 1020px;
  }
}

ul.page_archive--ul {
  font-size: 4vw;
  margin-bottom: 1.5em;
  display: grid;
  gap: 2em 0;
}
@media screen and (min-width: 768px) {
  ul.page_archive--ul {
    font-size: 2vw;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
  }
}
@media screen and (min-width: 1025px) {
  ul.page_archive--ul {
    font-size: 18px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
ul.page_archive--ul li {
  padding-bottom: 1em;
  background-color: #fff;
  list-style: none;
}
ul.page_archive--ul li a.img {
  font-size: 0;
  margin-bottom: 5%;
  border-bottom: 1px solid #191919;
  display: block;
}
ul.page_archive--ul li a.img:hover {
  opacity: 0.7;
}
ul.page_archive--ul li a.img img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  aspect-ratio: 33/20;
}
ul.page_archive--ul li a.title {
  color: inherit;
  font-weight: bold;
  width: 90%;
  line-height: 1.4;
  min-height: 2.8em;
  margin-inline: auto;
  margin: 0 auto 4%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
ul.page_archive--ul li a.title:hover {
  opacity: 0.7;
}
ul.page_archive--ul li .tag_box {
  font-size: 0.9em;
  width: 90%;
  margin-inline: auto;
  display: grid;
  justify-content: left;
}
ul.page_archive--ul li .tag_box span {
  font-weight: bold;
}
ul.page_archive--ul li .tag_box span.category {
  color: #fff;
  width: -moz-max-content;
  width: max-content;
  padding: 0.2em 1.5em;
  margin-bottom: 0.2em;
  background-color: #FF9302;
}

nav.navigation.pagination {
  font-size: 5vw;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  nav.navigation.pagination {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 1025px) {
  nav.navigation.pagination {
    font-size: 22px;
  }
}
nav.navigation.pagination .nav-links {
  font-size: inherit;
  font-weight: bold;
  display: flex;
  align-items: baseline;
  gap: 0 1em;
}
nav.navigation.pagination .nav-links span.page-numbers.current {
  color: #FF9302;
  font-size: 1.4em;
  position: relative;
}
nav.navigation.pagination .nav-links span.page-numbers.current::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #FF9302;
  position: absolute;
  left: 50%;
  bottom: -2px;
  transform: translate(-50%, 0);
}
nav.navigation.pagination .nav-links a {
  color: inherit;
}
nav.navigation.pagination .nav-links a:hover {
  opacity: 0.7;
}

section.single_section {
  padding: calc(50px + 15%) 0 12%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  section.single_section {
    padding: calc(50px + 8%) 0 7%;
  }
}
@media screen and (min-width: 1025px) {
  section.single_section {
    padding: 180px 0 70px;
  }
}
section.single_section .section_container {
  width: 91%;
  padding: 10% 5%;
  margin: 0 auto 10%;
  background-color: #fff;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  section.single_section .section_container {
    padding: 6% 8%;
    margin: 0 auto 7%;
  }
}
@media screen and (min-width: 1025px) {
  section.single_section .section_container {
    max-width: 1020px;
    padding: 60px 100px;
    margin: 0 auto 70px;
  }
}
section.single_section .section_container .tag_box {
  font-size: 3.5vw;
  margin-bottom: 1.5em;
  display: grid;
  justify-content: left;
}
@media screen and (min-width: 768px) {
  section.single_section .section_container .tag_box {
    font-size: 1.8vw;
  }
}
@media screen and (min-width: 1025px) {
  section.single_section .section_container .tag_box {
    font-size: 16px;
  }
}
section.single_section .section_container .tag_box span {
  font-weight: bold;
}
section.single_section .section_container .tag_box span.category {
  color: #fff;
  width: -moz-max-content;
  width: max-content;
  padding: 0.2em 1.5em;
  margin-bottom: 0.5em;
  background-color: #FF9302;
}
section.single_section .section_container h1 {
  font-size: 4.8vw;
  margin-bottom: 1.2em;
}
@media screen and (min-width: 768px) {
  section.single_section .section_container h1 {
    font-size: 2.8vw;
  }
}
@media screen and (min-width: 1025px) {
  section.single_section .section_container h1 {
    font-size: 26px;
  }
}
section.single_section .section_container .img {
  margin-bottom: 8%;
  border: 1px solid #191919;
}
@media screen and (min-width: 1025px) {
  section.single_section .section_container .img {
    max-width: 650px;
  }
}
section.single_section .section_container .img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 30/19;
}
section.single_section .section_container .text_box {
  font-size: 4vw;
}
@media screen and (min-width: 768px) {
  section.single_section .section_container .text_box {
    font-size: 2vw;
  }
}
@media screen and (min-width: 1025px) {
  section.single_section .section_container .text_box {
    font-size: 18px;
  }
}
section.single_section .section_container .text_box p {
  line-height: 1.4;
  margin-bottom: 1em;
}
section.single_section .section_container .text_box h2 {
  font-size: 1.3em;
  line-height: 1.4;
  margin: 1.5em 0 0.5em;
}
section.single_section .section_container .text_box h3 {
  font-size: 1.1em;
  line-height: 1.4;
  margin: 1.5em 0 0.5em;
}
section.single_section .common_button {
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
}
footer {
  background-color: #2F7627;
}

button.to_page--header {
  width: 10vw;
  padding: 0;
  opacity: 1;
  position: fixed;
  right: 10px;
  bottom: 30px;
  transition: all 0.4s;
  z-index: 10;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  button.to_page--header {
    width: 5.2vw;
  }
}
@media screen and (min-width: 1025px) {
  button.to_page--header {
    width: 50px;
    right: 20px;
    bottom: 40px;
  }
}
button.to_page--header.top_page {
  opacity: 0;
}
button.to_page--header.hide {
  opacity: 0;
}

.footer_container {
  width: 85%;
  padding: 10% 0 3%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .footer_container {
    width: 60%;
    padding: 7% 0 3%;
  }
}
@media screen and (min-width: 1025px) {
  .footer_container {
    width: 98%;
    max-width: 1200px;
    padding: 55px 0 20px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 50px 10px;
  }
}
.footer_container small {
  text-align: center;
  color: #fff;
  font-size: 2.8vw;
  display: block;
}
@media screen and (min-width: 768px) {
  .footer_container small {
    font-size: 1.5vw;
  }
}
@media screen and (min-width: 1025px) {
  .footer_container small {
    font-size: 12px;
    grid-column: span 3;
  }
}

.footer_info--box {
  font-size: 3.5vw;
  margin-bottom: 3em;
}
@media screen and (min-width: 768px) {
  .footer_info--box {
    font-size: 1.8vw;
  }
}
@media screen and (min-width: 1025px) {
  .footer_info--box {
    font-size: 16px;
    margin: 0;
  }
}
.footer_info--box > a {
  color: #fff;
  width: 60%;
  margin: 0 auto 3%;
  display: block;
}
@media screen and (min-width: 1025px) {
  .footer_info--box > a {
    width: 250px;
    margin: 0 0 20px;
  }
}
.footer_info--box > a:hover {
  opacity: 0.7;
}
.footer_info--box p {
  color: #fff;
  line-height: 1.6;
  width: 21em;
  margin-inline: auto;
}
@media screen and (min-width: 1025px) {
  .footer_info--box p {
    margin: 0;
  }
}
.footer_info--box p a {
  color: #fff;
}
.footer_info--box p a:hover {
  opacity: 0.7;
}
.footer_info--box p.address a {
  text-decoration: underline;
  margin-left: 1em;
}

.footer_nav--box {
  font-size: 5vw;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 768px) {
  .footer_nav--box {
    font-size: 2.2vw;
  }
}
@media screen and (min-width: 1025px) {
  .footer_nav--box {
    font-size: 19px;
    width: 100%;
    max-width: 600px;
    margin: 0;
    justify-self: center;
  }
}
.footer_nav--box > ul {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .footer_nav--box > ul {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: auto auto auto;
    gap: 25px 0;
  }
}
.footer_nav--box > ul::before {
  content: "";
  width: 100%;
  height: 1px;
  background-size: 4px 1px;
  background-image: linear-gradient(to right, #fff 0px, #fff 2px, transparent 2px);
  background-repeat: repeat-x;
  background-position: left bottom;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 1025px) {
  .footer_nav--box > ul::before {
    content: none;
  }
}
.footer_nav--box > ul > li {
  padding: 0.8em 0;
  list-style: none;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .footer_nav--box > ul > li {
    padding: 0;
  }
}
@media screen and (min-width: 1025px) {
  .footer_nav--box > ul > li:nth-of-type(2) {
    grid-row: span 2;
  }
}
.footer_nav--box > ul > li::before {
  content: "";
  width: 100%;
  height: 1px;
  background-size: 4px 1px;
  background-image: linear-gradient(to right, #fff 0px, #fff 2px, transparent 2px);
  background-repeat: repeat-x;
  background-position: left bottom;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (min-width: 1025px) {
  .footer_nav--box > ul > li::before {
    content: none;
  }
}
.footer_nav--box > ul > li > a {
  color: #fff;
  font-weight: bold;
}
.footer_nav--box > ul > li > a:hover {
  opacity: 0.7;
}
.footer_nav--box > ul > li > a span.eng {
  margin-right: 0.3em;
  font-family: "Montserrat", sans-serif;
}
.footer_nav--box > ul > li > a span.ja {
  font-size: 0.6em;
}
@media screen and (min-width: 1025px) {
  .footer_nav--box > ul > li > a span.ja {
    margin-top: 0.3em;
    display: block;
  }
}
.footer_nav--box > ul > li p {
  color: #fff;
  font-weight: bold;
}
.footer_nav--box > ul > li p span.eng {
  margin-right: 0.3em;
  font-family: "Montserrat", sans-serif;
}
.footer_nav--box > ul > li p span.ja {
  font-size: 0.6em;
}
@media screen and (min-width: 1025px) {
  .footer_nav--box > ul > li p span.ja {
    margin-top: 0.3em;
    display: block;
  }
}

button.footer_accordion--button {
  font-size: inherit;
  width: 2em;
  height: 2.6em;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
@media screen and (min-width: 1025px) {
  button.footer_accordion--button {
    display: none;
  }
}
button.footer_accordion--button::before, button.footer_accordion--button::after {
  content: "";
  width: 1em;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 70%;
  top: 50%;
}
button.footer_accordion--button::before {
  transform: translate(-50%, -50%);
}
button.footer_accordion--button::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.4s;
}
button.footer_accordion--button.active::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.footer_accordion--box {
  font-size: 3.8vw;
  display: grid;
  grid-template-rows: 0fr;
  transition: all 0.4s;
}
@media screen and (min-width: 768px) {
  .footer_accordion--box {
    font-size: 1.8vw;
  }
}
@media screen and (min-width: 1025px) {
  .footer_accordion--box {
    font-size: 14px;
    grid-template-rows: 1fr;
  }
}
.footer_accordion--box.active {
  grid-template-rows: 1fr;
}
.footer_accordion--box ul {
  overflow: hidden;
  display: grid;
  grid-template-columns: auto auto;
  gap: 1em 0;
}
@media screen and (min-width: 1025px) {
  .footer_accordion--box ul {
    grid-template-columns: auto;
  }
}
.footer_accordion--box ul li {
  color: #fff;
  list-style: none;
}
.footer_accordion--box ul li:first-of-type {
  margin-top: 2em;
}
@media screen and (min-width: 1025px) {
  .footer_accordion--box ul li:first-of-type {
    margin-top: 1.5em;
  }
}
.footer_accordion--box ul li:nth-of-type(2) {
  margin-top: 2em;
}
@media screen and (min-width: 1025px) {
  .footer_accordion--box ul li:nth-of-type(2) {
    margin: 0;
  }
}
.footer_accordion--box ul li:nth-of-type(5) {
  margin-bottom: 1em;
}
@media screen and (min-width: 1025px) {
  .footer_accordion--box ul li:nth-of-type(5) {
    margin: 0;
  }
}
.footer_accordion--box ul li:last-of-type {
  margin-bottom: 1em;
}
@media screen and (min-width: 1025px) {
  .footer_accordion--box ul li:last-of-type {
    margin: 0;
  }
}
.footer_accordion--box ul li::before {
  content: "・";
}
.footer_accordion--box ul li a {
  color: inherit;
  font-weight: bold;
  line-height: 1.4;
}
.footer_accordion--box ul li a:hover {
  opacity: 0.7;
}

.footer_button--box {
  margin-bottom: 15%;
}
@media screen and (min-width: 1025px) {
  .footer_button--box {
    margin: 0;
  }
}
.footer_button--box a.footer_trial--button {
  text-align: center;
  color: #2F7627;
  font-size: 3.2vw;
  padding: 1em 0;
  margin-bottom: 2em;
  border: 1px solid #fff;
  display: block;
  position: relative;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  .footer_button--box a.footer_trial--button {
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1025px) {
  .footer_button--box a.footer_trial--button {
    font-size: 14px;
    margin-bottom: 1.5em;
  }
}
.footer_button--box a.footer_trial--button:hover {
  color: #fff;
}
.footer_button--box a.footer_trial--button::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  transform: scaleX(1);
  transition: all 0.3s;
}
.footer_button--box a.footer_trial--button:hover::before {
  transform: scaleX(0);
}
.footer_button--box a.footer_trial--button span {
  font-weight: bold;
  display: block;
  position: relative;
}
.footer_button--box a.footer_trial--button span:first-of-type {
  font-size: 1.4em;
  margin-bottom: 0.3em;
}
.footer_button--box .sns_box {
  font-size: 7.5vw;
  display: flex;
  justify-content: center;
  gap: 0 0.5em;
}
@media screen and (min-width: 768px) {
  .footer_button--box .sns_box {
    font-size: 3.7vw;
  }
}
@media screen and (min-width: 1025px) {
  .footer_button--box .sns_box {
    font-size: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 0.3em;
  }
}
.footer_button--box .sns_box a {
  width: 1.5em;
  border: 1px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  aspect-ratio: 1;
}
.footer_button--box .sns_box a::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  transform: scaleX(1);
  transition: all 0.3s;
}
.footer_button--box .sns_box a:hover::before {
  transform: scaleX(0);
}
.footer_button--box .sns_box a i {
  color: #2F7627;
  position: relative;
  transition: all 0.3s;
}
.footer_button--box .sns_box a:hover i {
  color: #fff;
}/*# sourceMappingURL=style.css.map */