body {
        font-family: "Noto Sans JP", sans-serif;
}
.pc-none {
    display: none;
}
@media (max-width: 767px) {
    .pc-none {
        display: block;
    }
}

.sp-none {
    display: block;
}
@media (max-width: 767px) {
    .sp-none {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .millennium-forest-fv__inner {
        margin-top: 72px;
    }
}
@media only screen and (max-width: 768px) {
    .millennium-forest-fv__img {
        top: -23px;
        right: 17px;
    }
}

@media only screen and (max-width: 768px) {
    .millennium-forest-wave__head {
        margin-top: 46px;
    }
}


.millennium-forest__wrap {
    background: var(--bg-color);
    padding: 34px 20px 38px;

}
@media only screen and (max-width: 768px) {
    .millennium-forest__wrap {
      padding: 34px 4vw 38px;
    }
}

.biogarden_inner {
  width:100%;
  max-width:1274px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  flex-direction:row-reverse;
}

.biogarden_title {
  padding:0 0 20px;
  border-bottom:solid 1px var(--main-color);
}
.biogarden_title h2 {
  color:#364E42;
  font-size:16px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:0;
}

@media only screen and (max-width: 768px) {
  .biogarden_inner {
    display:block;
  }
  .biogarden_title {
    padding:0 0 25px;
  }
  .biogarden_title h2 {
    font-size:4.26vw;
  }
}

.biogarden_contents {
  width:calc(97.96% - 216px);
  padding:45px 50px 50px;
  background:#fff;
  border-radius:10px;
}
.biogarden_block {
  width:100%;
  display:flex;
}
.biogarden_block .image {
  width:250px;
  min-width:250px;
  max-height:167px;
  margin-right:20px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
}
.biogarden_block .image img {
  width:100%;
  max-width:none;
}
.biogarden_block p {
  color:#364E42;
  font-size:16px;
  font-weight:400;
  line-height:1.6;
  letter-spacing:0.05em;
}
.biogarden_block .image,
.biogarden_block p {
  margin-top:40px;
}

@media only screen and (max-width: 1100px) {
  .biogarden_contents {
    width:calc(97.96% - 19.63vw);
    padding:4.09vw 4.54vw 4.54vw;
  }
  .biogarden_block .image {
    width:22.72vw;
    min-width:22.72vw;
    max-height:15.18vw;
    margin-right:1.82vw;
  }
  .biogarden_block p {
    font-size:1.45vw;
  }
  .biogarden_block .image,
  .biogarden_block p {
    margin-top:3.63vw;
  }
}

@media only screen and (max-width: 768px) {
  .biogarden_contents {
    width:100%;
    padding:6.66vw 5.33vw;
  }
  .biogarden_block {
    display:block;
  }
  .biogarden_block .image {
    width:100%;
    min-width:inherit;
    max-height:54.4vw;
    margin:0 0 4vw;
  }
  .biogarden_block .image img {
    width:100%;
    max-width:none;
  }
  .biogarden_block p {
    font-size:4.26vw;
  }
  .biogarden_block .image,
  .biogarden_block p {
    margin-top:10.66vw;
  }
  .biogarden_block .image + p {
    margin-top:0;
  }

}

.biogarden_menu {
  width:216px;
}
.menu_block {
  padding:0 0 30px;
  background:#fff;
  border-radius:10px;
}
.menu_block + .menu_block {
  margin-top:26px;
}
.menu_block h3 {
  color:#fff;
  font-size:16px;
  font-weight:700;
  line-height:1;
  padding:20px;
  margin:0 0 15px;
  background: var(--main-color);
  border-radius:10px 10px 0 0;
}
#archive_menu ul {
  max-height:420px;
  overflow-y:auto;
}
.menu_block ul {
  padding:0 20px;
}
#archive_menu ul {
  display:none;
}
#archive_btn,
.menu_block ul li {
  margin-bottom:5px;
  border-bottom:solid 1px var(--main-color);
}
.menu_block ul li:last-child {
  margin-bottom:0;
}
#archive_btn,
.menu_block ul li a {
  color:#364E42;
  font-size:16px;
  font-weight:700;
  line-height:1;
  padding:15px 10px 15px 0;
  display:block;
  position:relative;
}
#archive_btn::after,
.menu_block ul li a::after {
  content:"";
  width:4px;
  height:8px;
  display:block;
  background:url(../../../company/social-contribution/millennium-forest/bio-garden/images/icon_link.svg) no-repeat 0 0;
  background-size:100% auto;
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
}
#archive_btn {
  margin:0 20px;
  cursor:pointer;
}
#archive_btn::after {
  transition:esae .3s;
  transform:translateX(-50%) translateY(-50%) rotateZ(90deg);
}
#archive_btn.open::after {
  transform:translateX(0%) translateY(-50%) rotateZ(-90deg);
}
.menu_block ul li.current a {
  color:var(--main-color);
}

@media only screen and (max-width: 1100px) {
  .biogarden_menu {
    width:19.63vw;
  }
  .menu_block {
    padding:0 0 2.72vw;
  }
  .menu_block + .menu_block {
    margin-top:2.36vw;
  }
  .menu_block h3 {
    font-size:1.45vw;
    padding:1.81vw;
    margin:0 0 1.36vw;
  }
  #archive_menu ul {
    max-height:38.18vw;
  }
  .menu_block ul {
    padding:0 1.81vw;
  }
  #archive_btn,
  .menu_block ul li {
    margin-bottom:.45vw;
  }
  #archive_btn,
  .menu_block ul li a {
    font-size:1.45vw;
    padding:1.36vw .91vw 1.36vw 0;
  }
  #archive_btn {
    margin:0 1.81vw;
  }

}

@media only screen and (max-width: 768px) {
  .biogarden_menu {
    width:100%;
  }
  .menu_block {
    padding:0 0 6.66vw;
    margin-top:16vw;
  }
  .menu_block + .menu_block {
    margin-top:6.93vw;
  }
  .menu_block h3 {
    font-size:4.26vw;
    padding:4vw 5.33vw;
    margin:0 0 3.2vw;
  }
  #archive_menu ul {
    max-height:50vh;
  }
  .menu_block ul {
    padding:0 5.33vw;
  }
  #archive_btn,
  .menu_block ul li {
    margin-bottom:1.33vw;
  }
  #archive_btn,
  .menu_block ul li a {
    font-size:4.26vw;
    padding:4vw 2.66vw 4vw 0;
  }
  #archive_btn {
    margin:0 5.33vw;
  }

}

.millennium-forest__contact-link {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 160%; /* 25.6px */
    letter-spacing: 0.8px;
    display: flex;
    width: 462px;
    height: 60px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 60px;
    background: #388D63;
    position: relative;
    cursor: pointer;
    margin: 81px auto 0;
    transition: 0.3s;
    border: 1px solid #388D63;
}
@media only screen and (min-width: 768px) {
    .millennium-forest__contact-link:hover {
        background: #fff;
        color: #388D63;
    }
    .millennium-forest__contact-link:hover::before {
        background-color: #388D63;
    }

    .millennium-forest__contact-link:hover::after {
        background-color: #fff;
    }

}

@media only screen and (max-width: 768px) {
    .millennium-forest__contact-link {
        max-width: 330px;
        width: 100%;
        margin-top: 52px;
    }
}

.millennium-forest__contact-link::after{
    background-color: #388D63;
    content: "";
    display: inline-block;
    mask-image: url(../../../company/images/overview_arrow.svg);
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 26px;
    right: 35px;
    transition: .3s;
}
.millennium-forest__contact-link::before{
    background:#fff;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 18px;
    right: 28px;
    border-radius: 50%;
    transition: .3s;
}

.millennium-forest-wave__bottom-padding {
    padding-bottom: 242px;
}
@media only screen and (max-width: 768px) {
    .millennium-forest-wave__bottom-padding {
        padding-bottom: 217px;
    }
}


.millennium-forest-footer__btn {
  gap:0;
}
.millennium-forest-footer__btn::after,
.millennium-forest-header #spnavi .spnavi-btn::after {
  display:none;
}

@media only screen and (max-width: 900px) {
  .millennium-forest-header .pcmenu li a {
    font-size:clamp(9px, 1.142041399vw, 13px);
  }
}

@media (hover: hover) {
  .menu_block ul li a:hover {
    color:var(--main-color);
  }

}