@charset "UTF-8";
.bg_separator1, .bg_separator2 {
  position: relative; }
  .bg_separator1::after, .bg_separator2::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: auto; }

.bg_separator1::after {
  top: 100%;
  aspect-ratio: 192 / 28;
  background: url("../img/bg_separator1.svg") no-repeat;
  background-size: 100%; }

.bg_separator2::after {
  bottom: 100%;
  aspect-ratio: 192 / 28;
  background: url("../img/bg_separator2.svg") no-repeat;
  background-size: 100%; }

.intro {
  font-size: clamp(1.1rem, 2vw, 1.5rem); }

.accordion li {
  margin: 10px 0;
  border-radius: 10px;
  background: #fff; }

.accordion_button {
  position: relative;
  display: block;
  width: 100%;
  padding: 15px 25px;
  border: none;
  border-radius: 10px;
  background: #fff;
  font-family: "Zen Maru Gothic", serif;
  font-size: clamp(1.1rem, 1.8vw, 1.3rem);
  text-align: left;
  color: #3E1F13;
  cursor: pointer; }
  .accordion_button::before, .accordion_button::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4%;
    display: block;
    width: 20px;
    height: 4px;
    margin: auto;
    border-radius: 4px;
    background: #79B565; }
  .accordion_button::after {
    transform: rotate(90deg);
    transition: .4s; }
  .accordion_button.open::after {
    transform: rotate(0deg); }

.accordion_content {
  height: 0;
  overflow: hidden;
  transition: .4s ease-in-out;
  padding: 0 15px; }
  .accordion_content p {
    padding: 10px;
    border-top: 4px dotted #94724C; }

@media (max-width: 1100px) {
  .accordion_button {
    padding: 13px 25px; } }
.Top {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding: 250px 0 8%;
  background: url("../img/fv_bg.webp") no-repeat;
  background-size: 100%; }
  .Top h1 {
    width: fit-content;
    padding: 1.5% 4%;
    border-radius: 100px;
    background: #F26F1F;
    font-size: clamp(2.3rem, 6vw, 3.3rem);
    color: #fff; }

.top_catchcopy_img {
  margin-top: 50px;
  width: min(800px, 70%); }

.top_peple_img {
  margin-top: 1%;
  width: min(1137px, 90%); }
  .top_peple_img img {
    width: 100%; }

.Top .intro {
  position: relative;
  width: min(1200px, 90%);
  margin-top: min(110px, 9%);
  color: #654D32;
  z-index: 1; }

.relief_intro {
  position: relative;
  margin-top: min(110px, 9%);
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  text-align: center;
  line-height: 1.5;
  color: #654D32; }
  .relief_intro::before, .relief_intro::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5px;
    height: 80%;
    margin: auto;
    border-radius: 5px;
    background: #654D32; }
  .relief_intro::before {
    transform: rotate(-25deg);
    left: -30px; }
  .relief_intro::after {
    transform: rotate(25deg);
    right: -30px; }

.relief_wrap {
  display: grid;
  grid-template-areas: "relief_1 relief_2 relief_3";
  grid-template-columns: 30% 30% 30%;
  justify-content: space-between;
  width: min(1110px, 90%);
  margin-top: min(52px, 3%); }
  .relief_wrap li {
    display: grid;
    grid-template-areas: "." "img" "text" ".";
    grid-template-rows: 13% 37% 37% 13%;
    place-items: center;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 70px; }
    .relief_wrap li img {
      grid-area: img;
      width: clamp(94px, 11vw, 139px); }
    .relief_wrap li p {
      grid-area: text;
      font-size: clamp(1.5rem, 3.5vw, 2.5rem);
      line-height: 1.3;
      text-align: center; }
  .relief_wrap .relief_1 {
    grid-area: relief_1;
    background: #FA9456; }
  .relief_wrap .relief_2 {
    grid-area: relief_2;
    background: #FDC951;
    letter-spacing: 3px; }
  .relief_wrap .relief_3 {
    grid-area: relief_3;
    background: #93CF7F;
    letter-spacing: 3px; }

.Top .d1 {
  top: 46%;
  left: 80%; }
.Top .d2 {
  top: 51%;
  right: 77%; }

@media (max-width: 1100px) {
  .Top {
    padding-top: 200px;
    background: url("../img/fv_bg_sp.webp") no-repeat;
    background-size: 100%;
    background-position-y: -130px; }
    .Top h1 {
      padding: 1.5% 8%; }
      .Top h1 small {
        display: block;
        padding-bottom: 5px;
        font-size: max(1.3rem, 3.3vw);
        text-align: center; }

  .top_catchcopy_img {
    width: 60%;
    margin-top: 7%; }

  .top_peple_img {
    margin-top: 3%; }

  .relief_wrap {
    grid-template-columns: 32% 32% 32%; }
    .relief_wrap li {
      border-radius: 30px; }

  .Top .d1 {
    top: 49%; }
  .Top .d2 {
    top: 60%; } }
@media (max-width: 700px) {
  .Top {
    padding: 130px 0 60px;
    background-position-y: 50px; }

  .top_catchcopy_img {
    width: min(450px, 80%);
    margin-top: 35px; }

  .top_peple_img {
    width: min(500px, 95%);
    margin-top: 20px; }

  .Top .intro {
    margin-top: 50px; }

  .relief_intro {
    margin-top: 75px; }
    .relief_intro::before {
      left: -4%; }
    .relief_intro::after {
      right: -4%; }

  .relief_wrap {
    grid-template-areas: "relief_1" "relief_2" "relief_3";
    grid-template-columns: 100%;
    grid-row-gap: 10px;
    margin-top: 25px; }
    .relief_wrap li {
      grid-template-areas: "img text";
      grid-template-columns: 41% 59%;
      grid-template-rows: 100%;
      place-items: baseline;
      align-items: center;
      height: 95px;
      aspect-ratio: auto; }
      .relief_wrap li img {
        margin: auto; }
      .relief_wrap li p {
        text-align: left; }

  .Top .d1 {
    top: 35%;
    left: auto;
    right: 1%; }
  .Top .d2 {
    top: 52%;
    right: auto;
    left: 1%; } }
.Reasons {
  position: relative;
  padding: 4% 5% 0;
  background: #FFF8E7; }
  .Reasons h2 {
    width: fit-content;
    padding: 0 5% 40px;
    margin: 0 auto;
    background: url("../img/reasons_title_bg.webp") no-repeat;
    background-size: 100% 100%;
    font-size: clamp(2rem, 3.8vw, 3rem);
    color: #fff;
    text-align: center;
    letter-spacing: 0;
    transform: translateY(50px); }
    .Reasons h2 .big {
      display: inline-block;
      font-size: clamp(3.7rem, 8vw, 5.6rem);
      transform: translateY(8px); }

.reasons_list_wrap {
  display: grid;
  grid-template-areas: "g1 g2" "g3 g4" "g5 g4";
  grid-template-columns: min(500px, 48%) min(500px, 48%);
  justify-content: space-between;
  max-width: 1100px;
  padding: min(100px, 5%);
  margin: 0 auto;
  border-radius: 90px;
  background: #fff; }
  .reasons_list_wrap li {
    position: relative; }
    .reasons_list_wrap li img {
      position: absolute;
      top: 0;
      right: 0; }
  .reasons_list_wrap .reasons1 {
    grid-area: g1; }
    .reasons_list_wrap .reasons1 img {
      width: clamp(130px, 15vw, 202px); }
  .reasons_list_wrap .reasons2 {
    grid-area: g2; }
    .reasons_list_wrap .reasons2 img {
      width: clamp(115px, 14vw, 161px); }
  .reasons_list_wrap .reasons3 {
    grid-area: g3; }
    .reasons_list_wrap .reasons3 img {
      top: -14%;
      right: -10%;
      width: clamp(102px, 12vw, 170px); }
  .reasons_list_wrap .reasons4 {
    grid-area: g4;
    margin-top: 10%; }
    .reasons_list_wrap .reasons4 .img1 {
      width: clamp(101px, 12vw, 178px); }
    .reasons_list_wrap .reasons4 .img2 {
      width: clamp(68px, 7.5vw, 104px);
      top: 23%;
      right: -12%; }
  .reasons_list_wrap .reasons5 {
    grid-area: g5;
    margin-top: 10%; }
    .reasons_list_wrap .reasons5 img {
      top: 4%;
      width: clamp(145px, 15vw, 200px); }
  .reasons_list_wrap h3 {
    display: inline;
    border-bottom: 8px solid #F26F1F;
    font-size: clamp(1.8rem, 3.5vw, 2.5rem);
    line-height: 1.5; }
    .reasons_list_wrap h3::before {
      content: "0" counter(number) ".";
      counter-increment: number 1;
      display: block;
      font-family: "Acme", serif;
      font-size: clamp(5rem, 8.5vw, 5.6rem);
      line-height: 1;
      color: #F26F1F; }
  .reasons_list_wrap p {
    margin-top: 20px; }

.Reasons .d3 {
  top: -13%;
  left: 82%;
  z-index: 1; }

@media (max-width: 1100px) {
  .Reasons h2 {
    width: 85%;
    padding: 15px 0 45px; }
    .Reasons h2 small {
      display: block;
      transform: translateY(10px); }

  .reasons_list_wrap {
    grid-template-areas: "g1" "g2" "g3" "g4" "g5";
    grid-template-columns: 100%;
    grid-row-gap: 26px;
    padding: 8%; }
    .reasons_list_wrap h3 {
      border-bottom: 6px solid #F26F1F; }
    .reasons_list_wrap br {
      display: none; }
    .reasons_list_wrap .reasons3 img {
      top: -10px;
      right: 0;
      width: max(102px, 15vw); }
    .reasons_list_wrap .reasons4 {
      margin-top: 0; }
      .reasons_list_wrap .reasons4 .img1 {
        top: -20px;
        right: 80px;
        width: max(101px, 14vw); }
      .reasons_list_wrap .reasons4 .img2 {
        top: 20px;
        right: 0; }
    .reasons_list_wrap .reasons5 {
      margin-top: 0; }
      .reasons_list_wrap .reasons5 img {
        top: 20px;
        width: max(145px, 16vw); }

  .Reasons .d3 {
    top: -110px; } }
@media (max-width: 700px) {
  .Reasons {
    padding: 0 3% 25px; }
    .Reasons h2 {
      width: 100%;
      padding: 0 0 33px;
      background: url("../img/reasons_title_bg_sp.webp") no-repeat;
      background-size: 100% 100%;
      transform: translateY(70px); }
      .Reasons h2 small {
        font-size: 1.9rem;
        line-height: 1.2; }

  .reasons_list_wrap {
    padding: 80px 3% 20px;
    border-radius: 10px; }
    .reasons_list_wrap br {
      display: block; }
    .reasons_list_wrap .reasons1 img {
      top: 40px; }
    .reasons_list_wrap .reasons2 img {
      top: 18px; }
    .reasons_list_wrap .reasons3 img {
      top: -28px;
      right: 10px; }
    .reasons_list_wrap .reasons4 .img1 {
      top: 0;
      right: 20px; }
    .reasons_list_wrap .reasons4 .img2 {
      top: 105px; }
    .reasons_list_wrap .reasons5 img {
      top: 10px; }

  .Reasons .d3 {
    top: 98%;
    left: auto;
    right: 1%; } }
.Guide {
  position: relative;
  padding-top: 15%;
  width: min(1100px, 90%);
  margin: 0 auto; }
  .Guide h2 {
    position: relative;
    z-index: 2; }
  .Guide .intro {
    margin-top: 35px; }

.guide_wrap {
  display: grid;
  grid-template-areas: "worry list" "img list" ". list";
  column-gap: 2%;
  place-items: center; }

.worry {
  grid-area: worry;
  width: fit-content;
  padding: 14% 7% 14% 14%;
  margin: 0 auto;
  background: url("../img/worry_bg.webp") no-repeat;
  background-size: 100% 100%;
  font-size: clamp(1.1rem, 2vw, 1.3rem); }
  .worry li {
    padding: 10px 0; }
    .worry li::before {
      content: "●";
      padding-right: 5px;
      color: #DBF0A4; }

.guide_img {
  grid-area: img;
  width: 100%; }

.Guide_list_wrap {
  grid-area: list;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  grid-row-gap: 15px;
  padding: 30px 3%;
  border-radius: 50px;
  background: #79B565;
  color: #fff; }
  .Guide_list_wrap h3 {
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 4px solid #fff;
    font-size: clamp(2rem, 3.4vw, 2.3rem);
    text-align: center; }
  .Guide_list_wrap .note {
    font-size: clamp(1rem, 1.5vw, 1.1rem); }

.Guide_list_wrap .accordion {
  color: #3E1F13; }

.Guide .d2 {
  top: -1%;
  left: 81%;
  width: min(374px, 21vw);
  z-index: 1; }

@media (max-width: 1100px) {
  .Guide {
    width: 100%; }
    .Guide .intro {
      width: 90%;
      margin: 22px auto 0; }

  .guide_wrap {
    grid-template-areas: ". worry img ." "list list list list";
    column-gap: 0;
    grid-template-columns: auto 50% 45% auto;
    margin-top: 3%;
    grid-row-gap: 20px; }

  .worry {
    padding: 14% 6% 14% 12%; }

  .Guide_list_wrap {
    width: 100%;
    padding: 30px 0;
    border-radius: 0; }
    .Guide_list_wrap .accordion, .Guide_list_wrap .note {
      width: max(500px, 60%); }

  .Guide .d2 {
    left: auto;
    right: 3%; } }
@media (max-width: 700px) {
  .guide_wrap {
    grid-template-areas: "worry" "img" "list";
    grid-template-columns: 100%;
    grid-row-gap: 30px; }

  .guide_img {
    width: 90%; }

  .Guide_list_wrap {
    margin-top: 20px; }
    .Guide_list_wrap .accordion, .Guide_list_wrap .note {
      width: 90%; }

  .Guide .d2 {
    display: none; } }
.Work {
  position: relative;
  background: #FFEBD5;
  padding: 30px 5% min(150px, 8%);
  margin-top: 300px; }
  .Work::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 192 / 23;
    background: #FFEBD5;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }

.swiper {
  flex: 1; }

.work_content {
  display: flex;
  justify-content: space-between;
  column-gap: 2%;
  width: min(1100px, 100%);
  margin: min(70px, 5%) auto 50px; }

.work_img {
  display: grid;
  grid-template-columns: calc(50% - 10px) calc(50% - 10px);
  grid-template-rows: calc(50% - 10px) calc(50% - 10px);
  grid-gap: 20px; }
  .work_img img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover; }

.swiper-button-prev::after, .swiper-button-next::after {
  content: ""; }

.work_list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 3%;
  border-radius: 20px;
  background: #fff; }
  .work_list li {
    display: flex;
    padding: 3.5% 0;
    font-size: clamp(1.1rem, 1.8vw, 1.5rem); }
    .work_list li::before {
      content: "●";
      padding-right: 5px;
      color: #FFB48A; }

.schedule_title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 0 50px;
  margin: 0 auto;
  border-radius: 100px;
  background: #F26F1F;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  color: #fff;
  transform: translateY(40px); }
  .schedule_title img {
    width: clamp(60px, 7vw, 76px); }

.schedule_wrap {
  display: grid;
  grid-template-columns: 40% 50%;
  justify-content: center;
  width: min(1100px, 100%);
  padding: 60px 0 45px;
  margin: 0 auto;
  border-radius: 20px;
  background: #fff; }

.time_schedule li {
  display: grid;
  grid-template-areas: "time text";
  grid-template-columns: 35% 50%;
  justify-content: center;
  place-items: center;
  margin-bottom: 8px; }
.time_schedule .time {
  grid-area: time;
  display: flex;
  align-items: center;
  grid-gap: 5px;
  font-family: "Acme", serif;
  font-size: clamp(1.5rem, 2.2vw, 1.6rem); }
  .time_schedule .time img {
    width: 35px; }
.time_schedule .text {
  grid-area: text;
  width: calc(100% - 30px);
  padding: 15px;
  border-radius: 10px;
  background: #FFB48A;
  font-size: clamp(1.3rem, 2vw, 1.4rem);
  text-align: center;
  line-height: 1; }

.break .text {
  background: #fff;
  outline: 4px solid #FFB48A;
  outline-offset: -4px; }

.break_10 {
  display: block;
  width: fit-content;
  padding: 8px;
  margin: 6px auto 0;
  border-radius: 9px;
  background: #fff;
  font-size: clamp(1rem, 1.6vw, 1.1rem); }

.schedule_desc p {
  margin: 10% 0; }

.Work .vinc {
  top: -14%;
  left: 64%;
  width: clamp(80px, 14vw, 172px); }
.Work .d3 {
  top: -24%;
  left: 79%; }

@media (max-width: 1100px) {
  .Work {
    margin-top: 24%; }

  .work_content {
    margin: 35px auto 0; }

  .work_img {
    grid-template-columns: calc(50% - 5px) calc(50% - 5px);
    grid-template-rows: calc(50% - 5px) calc(50% - 5px);
    grid-gap: 10px; }

  .work_list {
    flex: 0.5;
    padding: 3%; }
    .work_list li {
      line-height: 1.1; }

  .schedule_wrap {
    grid-template-columns: 42% 47%;
    column-gap: 2%; }

  .time_schedule li {
    grid-template-columns: 37% 63%; }
  .time_schedule .text {
    padding: 10px; }

  .schedule_desc p {
    margin: 5% 0; }

  .Work .vinc {
    top: -14%;
    left: 8%; }
  .Work .d3 {
    top: -21%;
    left: auto;
    right: 2%; } }
@media (max-width: 700px) {
  .Work {
    padding: 10px 0 0;
    margin-top: min(200px, 43%); }
    .Work::before {
      aspect-ratio: 375 / 90; }
    .Work h2 {
      text-align: center;
      border: none; }
      .Work h2 small {
        display: block;
        padding-bottom: 5px;
        margin-bottom: 10px;
        font-size: 1.8rem; }

  .work_content {
    display: block;
    width: 94%;
    padding: 25px 0;
    border-radius: 10px;
    background: #fff; }

  .swiper {
    flex: auto;
    padding: 0 25px; }

  .swiper-button-prev, .swiper-button-next {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #fff; }
    .swiper-button-prev::after, .swiper-button-next::after {
      width: 100%;
      height: 100%;
      background: url("../img/arrow_orange.svg") no-repeat;
      background-size: 50%;
      background-position: center; }

  .swiper-button-prev {
    left: 0;
    transform: scale(-1, 1); }

  .swiper-button-next {
    right: 0; }

  .work_img {
    display: flex;
    grid-gap: 0; }

  .work_list {
    flex-flow: wrap;
    justify-content: flex-start;
    padding: 15px 20px 0; }
    .work_list li {
      width: fit-content;
      padding: 3%; }

  .schedule_title {
    width: 94%;
    padding: 2% 0;
    text-align: center; }

  .schedule_wrap {
    grid-template-columns: 90%;
    padding: 70px 0 0;
    border-radius: 0; }

  .time_schedule li {
    grid-template-columns: 40% 60%; }

  .schedule_desc {
    margin-top: 20px; }
    .schedule_desc p {
      margin: 10px 0; }
    .schedule_desc br {
      display: none; }

  .Work .vinc {
    top: -9%; }
  .Work .d3 {
    top: -10%; } }
.Burden {
  position: relative;
  width: min(1100px, 90%);
  padding: min(120px, 9%) 0 0;
  margin: 0 auto; }
  .Burden h2 {
    position: relative;
    font-size: clamp(2.35rem, 4vw, 3.8rem);
    z-index: 1; }
  .Burden .intro {
    margin-top: 35px; }

.upper_limit {
  display: flex;
  align-items: center;
  width: calc(100% - 10px);
  margin-top: 50px;
  border: 5px solid #7A5935;
  border-radius: 20px; }
  .upper_limit h3 {
    padding: 10px 30px;
    border-radius: 15px 0 0 15px;
    background: #7A5935;
    font-size: 1.8rem;
    letter-spacing: 4px;
    writing-mode: vertical-rl;
    color: #fff; }

.upper_limit_content {
  padding: 1% 1% 1% 7%;
  font-size: clamp(1.1rem, 1.9vw, 1.3rem); }
  .upper_limit_content ul {
    margin: 10px 0; }
  .upper_limit_content li {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .upper_limit_content li p {
      line-height: 1.3; }
  .upper_limit_content .title::before {
    content: "・"; }
  .upper_limit_content .dots {
    display: block;
    flex-grow: 1;
    margin: 0 30px;
    border-bottom: 2px dotted #7A5935; }

.Burden .d1 {
  bottom: 84%;
  right: 85%; }

@media (max-width: 1100px) {
  .Burden {
    padding: 90px 0 0; }

  .upper_limit_content {
    padding: 1% 4%; } }
@media (max-width: 700px) {
  .Burden {
    width: 94%; }
    .Burden h2 {
      padding-bottom: 10px; }
      .Burden h2 .line {
        display: inline-block;
        padding-bottom: 10px;
        margin-bottom: 10px; }
    .Burden .intro {
      width: 97%;
      margin: 25px auto; }
    .Burden .d1 {
      left: 1%;
      right: auto; }

  .upper_limit {
    flex-wrap: wrap;
    border: 4px solid #7A5935;
    border-radius: 10px; }
    .upper_limit h3 {
      width: 100%;
      padding: 10px 0 14px;
      border-radius: 6px 6px 0 0;
      writing-mode: horizontal-tb;
      letter-spacing: 1px;
      text-align: center; }

  .upper_limit_content {
    padding: 4%; }
    .upper_limit_content ul {
      margin: 15px 0; }
    .upper_limit_content li {
      padding: 5px 0; }
    .upper_limit_content .dots {
      margin: 0 5px; }

  .Burden .d1 {
    top: 0;
    bottom: auto; } }
.Flow {
  width: 90%;
  padding: 0 5% 100px;
  margin-top: 16%;
  background: #FFF8E7; }

.flow_content {
  position: relative;
  max-width: calc(1100px - 4%);
  padding: 30px 30px 30px 50px;
  margin: min(50px, 4%) auto 0;
  border-radius: 70px;
  background: #fff;
  z-index: 1; }
  .flow_content::after {
    content: "";
    position: absolute;
    top: 50px;
    left: 112.5px;
    display: block;
    width: 15px;
    height: calc(100% - 160px);
    background: #F26F1F;
    z-index: -1; }
  .flow_content li {
    display: grid;
    grid-template-areas: "img title" "img text";
    grid-template-columns: 15% 82%;
    grid-template-rows: clamp(55px, 6vw, 65px) auto;
    padding-bottom: 18px; }
  .flow_content img {
    grid-area: img;
    width: 140px; }
  .flow_content h3 {
    grid-area: title;
    padding-top: 20px;
    font-size: clamp(1.8rem, 3.2vw, 2.4rem);
    color: #F26F1F; }
  .flow_content p {
    grid-area: text;
    font-size: clamp(1.1rem, 1.9vw, 1.3rem); }

.Flow .d2 {
  top: -21%;
  left: 72%;
  z-index: 1; }

@media (max-width: 1100px) {
  .Flow {
    width: 88%;
    padding: 20px 6% 40px; }

  .flow_content {
    padding: 0;
    margin-top: 40px;
    background: none; }
    .flow_content::after {
      left: 52.5px; }
    .flow_content li {
      grid-template-columns: 140px auto;
      grid-gap: 5px 2%; }
    .flow_content img {
      width: 120px; } }
@media (max-width: 700px) {
  .Flow {
    width: 94%;
    margin-top: 150px;
    padding: 20px 3% 40px; }
    .Flow h2 {
      position: relative;
      z-index: 1; }

  .flow_content::after {
    left: 36px;
    width: 8px; }
  .flow_content li {
    grid-template-columns: 80px auto;
    grid-template-rows: max-content;
    padding-bottom: 30px; }
  .flow_content img {
    width: 80px; }
  .flow_content h3 {
    padding-top: 5px; }

  .Flow .d2 {
    top: -17%;
    left: auto;
    right: 1%; } }
.Voice {
  padding: 7% 5% 10px;
  background: #FFF8E7; }

.voice_content {
  max-width: 1100px;
  margin: 2% auto; }
  .voice_content li {
    position: relative;
    display: flex;
    justify-content: center;
    width: min(950px, 100%);
    margin: 0 auto 3%; }
  .voice_content .text {
    position: relative;
    max-width: 70%;
    padding: 3% 8%;
    border-radius: 100px;
    background: #fff;
    font-size: clamp(1.1rem, 1.9vw, 1.3rem); }
    .voice_content .text span {
      background: linear-gradient(transparent 70%, #FFAE8C 30%); }
    .voice_content .text::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 99%;
      display: block;
      width: 50px;
      height: 30px;
      margin: auto;
      background: #fff;
      clip-path: polygon(0 0, 0% 100%, 100% 50%); }
  .voice_content .name {
    position: absolute;
    bottom: -6%;
    right: 2%;
    padding: 0 3%;
    border-radius: 50px;
    background: #fff; }
  .voice_content img {
    width: clamp(125px, 14vw, 145px);
    margin-left: 50px; }

.voise_reverse {
  flex-flow: row-reverse; }
  .voise_reverse .text::after {
    left: auto;
    right: 99%;
    clip-path: polygon(100% 0, 100% 100%, 0 55%); }
  .voise_reverse .name {
    left: 6.5%;
    right: auto; }
  .voise_reverse img {
    margin: 0 50px 0 0; }

.voice_staff {
  max-width: calc(1100px - 8%);
  padding: 2% 4% 4%;
  margin: min(65px, 8%) auto 0;
  border-radius: 50px;
  background: #fff; }
  .voice_staff h3 {
    width: fit-content;
    padding-bottom: 6px;
    margin: 0 auto;
    border-bottom: 3px solid #3E1F13; }
  .voice_staff img {
    display: block;
    width: min(950px, 100%);
    margin: 1.5% auto; }
  .voice_staff p {
    display: inline;
    border-bottom: 5px solid #FFAE8C;
    font-size: clamp(1.2rem, 2.2vw, 1.5rem);
    line-height: 2; }

.Voice .d3 {
  top: -6%;
  right: 75%; }

@media (max-width: 1100px) {
  .voice_content {
    margin-top: 30px; }
    .voice_content .text {
      padding: 3% 6%;
      border-radius: 30px; }
    .voice_content .name {
      right: 3%; }

  .voise_reverse .name {
    left: 3%;
    right: auto; }

  .Voice .d3 {
    top: -4%; } }
@media (max-width: 700px) {
  .Voice {
    padding: 50px 0 0; }
    .Voice::after {
      display: none; }

  .voice_content {
    padding: 0 3%; }
    .voice_content li {
      padding-bottom: 101px;
      margin: 0 auto; }
    .voice_content .text {
      width: 100%;
      max-width: none;
      padding: 20px 20px 30px; }
      .voice_content .text::after {
        top: 99%;
        bottom: auto;
        left: 0;
        right: 0;
        clip-path: polygon(25% 0, 0% 100%, 100% 0); }
    .voice_content .name {
      bottom: 60px;
      padding: 0 10%; }
    .voice_content img {
      position: absolute;
      bottom: 0;
      left: 30px;
      margin: 0; }

  .voise_reverse .text::after {
    clip-path: polygon(0 0, 100% 100%, 75% 0); }
  .voise_reverse img {
    left: auto;
    right: 30px; }

  .voice_staff {
    width: 92%;
    padding: 47px 4% 0;
    border-radius: 0; }
    .voice_staff img {
      margin: 21px auto 13px; }

  .Voice .d3 {
    display: none; } }
.Experience {
  position: relative;
  width: min(1300px, 98%);
  margin: min(300px, 17%) auto; }
  .Experience .intro {
    display: flex;
    justify-content: center;
    margin-top: 35px; }

.experience_content {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-gap: 1%;
  margin-top: 35px; }
  .experience_content li {
    display: grid;
    grid-template-areas: "title" "text" "img";
    grid-template-rows: auto 95px auto;
    place-items: center;
    width: max(400px, 32%); }
  .experience_content h3 {
    grid-area: title;
    position: relative;
    width: 90%;
    padding: 5% 0;
    font-size: clamp(1.8rem, 3vw, 2rem);
    text-align: center;
    color: #fff; }
    .experience_content h3.orange {
      background: url("../img/experience_bg1.svg") no-repeat;
      background-size: auto 100%;
      background-position: center right; }
    .experience_content h3.yellow {
      background: url("../img/experience_bg2.svg") no-repeat;
      background-size: auto 100%;
      background-position: center right; }
    .experience_content h3.green {
      background: url("../img/experience_bg3.svg") no-repeat;
      background-size: auto 100%;
      background-position: center right; }
    .experience_content h3::before {
      content: "";
      position: absolute;
      top: -5px;
      left: -8px;
      display: block;
      width: 10px;
      height: 190px;
      border-radius: 3px;
      background: #75522C;
      z-index: -1; }
  .experience_content p {
    grid-area: text;
    width: 80%;
    font-size: clamp(1.05rem, 1.5vw, 1.1rem); }
  .experience_content img {
    grid-area: img;
    width: min(410px, 100%);
    border-radius: 20px; }

.Experience .d2 {
  top: -41%;
  left: 82%; }

@media (max-width: 1100px) {
  .Experience {
    width: 100%; }
    .Experience .intro {
      width: 90%;
      margin: 30px auto 0; }

  .experience_content {
    flex-wrap: wrap;
    column-gap: 3%;
    width: 94%;
    margin: 0 auto; }
    .experience_content li {
      grid-template-rows: auto;
      grid-row-gap: 10px;
      width: min(400px, 94%);
      margin-top: 35px; }
    .experience_content p {
      width: 92%;
      margin: 0 0 0 auto; }

  .Experience .d2 {
    top: -5%;
    left: auto;
    right: 8%;
    z-index: -1; } }
@media (max-width: 700px) {
  .Experience {
    margin-top: 107px; }
    .Experience .intro {
      width: 94%; }

  .experience_content {
    width: 100%; } }
.Faq {
  position: relative;
  padding: 0 5% min(177px, 10%);
  background: #FFF8E7; }
  .Faq .accordion {
    max-width: 1100px;
    margin: min(50px, 4%) auto 0; }
  .Faq .accordion_button {
    padding: 20px 25px; }
    .Faq .accordion_button::before, .Faq .accordion_button::after {
      background: #F26F1F; }
    .Faq .accordion_button p {
      display: flex;
      align-items: center; }
      .Faq .accordion_button p::before {
        content: "Q";
        padding-right: 15px;
        font-family: "Acme", serif;
        font-size: 2.6rem;
        line-height: 1;
        color: #F26F1F; }
  .Faq .accordion_content p {
    display: flex;
    align-items: center;
    padding: 20px 10px; }
    .Faq .accordion_content p::before {
      content: "A";
      padding-right: 15px;
      font-family: "Acme", serif;
      font-size: 2.6rem;
      line-height: 1;
      color: #FFAE8C; }

.Faq .d1 {
  top: -290px;
  right: 76%;
  z-index: 1; }

@media (max-width: 1100px) {
  .Faq .accordion {
    margin-top: 30px; }
  .Faq .accordion_button {
    padding: 10px 15px; }
  .Faq .accordion_content p {
    align-items: flex-start;
    padding: 20px 0; } }
@media (max-width: 700px) {
  .Faq {
    padding: 23px 3% 52px;
    margin-top: 120px; }
    .Faq h2 {
      position: relative;
      z-index: 2; }
    .Faq .accordion_button {
      padding: 10px; }
      .Faq .accordion_button p {
        width: 90%; }
        .Faq .accordion_button p::before {
          padding-right: 10px; }
    .Faq .d1 {
      top: -90px;
      left: 1%;
      right: auto; }
    .Faq .accordion_content {
      padding: 0 10px; }
      .Faq .accordion_content p::before {
        padding-right: 10px; } }
.Access {
  position: relative;
  width: min(1100px, 90%);
  margin: 60px auto min(150px, 11%); }
  .Access h2 {
    font-size: clamp(2.4rem, 4vw, 3.8rem); }
  .Access .map {
    width: 100%;
    height: auto;
    aspect-ratio: 1100 / 563;
    margin-top: min(55px, 4%); }

.access_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: min(55px, 4%); }
  .access_content h3 {
    font-size: clamp(2.5rem, 4.2vw, 3rem);
    color: #654D32; }
    .access_content h3 small {
      display: block;
      padding-bottom: 2%;
      font-size: clamp(1.3rem, 2.2vw, 1.5rem); }
  .access_content address {
    font-size: clamp(1.1rem, 2vw, 1.3rem);
    font-style: normal; }
  .access_content .tel {
    color: #3E1F13; }
  .access_content .car {
    padding: 1%;
    border-radius: 10px;
    background: #79B565;
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.3;
    color: #fff; }
    .access_content .car small {
      display: block;
      font-size: clamp(1rem, 1.7vw, 1.1rem); }

.for_companies {
  padding-bottom: 55px;
  margin-top: min(150px, 12vw);
  border: 6px solid #7A5935;
  border-radius: 10px; }
  .for_companies h3 {
    padding: 14px 0 20px;
    border-radius: 4px 4px 0 0;
    background: #7A5935;
    font-size: clamp(2.3rem, 4.5vw, 3.1rem);
    text-align: center;
    color: #fff; }
  .for_companies p {
    width: fit-content;
    padding: 3% 3% 55px;
    margin: 0 auto;
    font-size: clamp(1.1rem, 1.9vw, 1.3rem); }

.companies_link {
  position: relative;
  display: block;
  width: fit-content;
  padding: 0 30px 0 100px;
  margin: 0 auto;
  font-size: clamp(1.3rem, 2.2vw, 1.5rem);
  color: #75614B;
  transition: .4s; }
  .companies_link::before, .companies_link::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 85px;
    height: 85px;
    margin: auto;
    transition: .4s; }
  .companies_link::before {
    border-radius: 100px;
    background: #F26F1F;
    z-index: -2; }
  .companies_link::after {
    background: url("../img/arrow.svg") no-repeat;
    background-position: center center;
    background-size: 41%;
    z-index: -1; }
  .companies_link:hover {
    color: #fff; }
    .companies_link:hover::before {
      width: 100%; }
    .companies_link:hover::after {
      transform: translateX(5px); }

.Access .d3 {
  top: -13%;
  left: 85%; }

@media (max-width: 1100px) {
  .Access {
    width: 100%;
    margin: 96px auto 50px; }

  .access_content {
    flex-wrap: wrap;
    grid-gap: 20px;
    justify-content: center;
    width: 94%;
    margin: 40px auto 0; }
    .access_content h3 {
      width: 100%;
      text-align: center; }
      .access_content h3 small {
        padding-bottom: 1%; }

  .for_companies {
    width: 90%;
    margin: 50px auto 0; }

  .Access .d3 {
    left: auto;
    right: 1%; } }
@media (max-width: 700px) {
  .Access .map {
    margin-top: 25px;
    aspect-ratio: 1 / 1; }

  .access_content .address {
    padding-bottom: 10px;
    line-height: 1.3; }
  .access_content .car {
    display: flex;
    column-gap: 10px;
    align-items: center;
    padding: 10px 17px; }

  .for_companies {
    padding-bottom: 25px; }
    .for_companies p {
      padding: 5% 5% 30px; }

  .companies_link {
    padding: 0 0 0 85px;
    line-height: 1.3; }
    .companies_link::before, .companies_link::after {
      width: 70px;
      height: 70px; }

  .Access .d3 {
    top: -11%; } }