html {
font-size: 62.5%;
width: 100%;
height: 100%;
}
body .l-contents {
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-weight: 400;
color: #222;
box-sizing: border-box;
font-size: 1.6rem;
}
@media screen and (min-width: 829px) {
body .l-contents { font-size: 1.6rem; }
}
@media screen and (max-width: 828px) {
body .l-contents { font-size: 1.6rem; }
}
.l-contents h1, .l-contents h2, .l-contents h3, .l-contents h4, .l-contents h5, .l-contents h6 {
margin: 0;
padding: 0;
}
.l-contents p {
line-height: 1.5;
margin: 0;
}
.l-contents img {
max-width: 100%;
width: auto;
height: auto;
}
.l-contents figure {
margin: 0;
}
.l-contents ul, .l-contents ol {
list-style: none;
margin-block-start: 0;
margin-block-end: 0;
padding-inline-start: 0;
}
.l-contents a {
text-decoration: underline;
color: #007BFF; }

/*=================================
utility css
================================= */
.u-center {
text-align: center !important;
}
.u-left {
text-align: left !important;
}
.u-right {
text-align: right !important;
}
.u-f-bold {
font-weight: 800;
}
.u-mb24 {
margin-bottom: 24px !important;
}
.u-mb48 {
margin-bottom: 48px !important;
}
.u-m-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.u-section-padding {
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box;
  }
@media screen and (min-width: 829px) {
  .pc-only {
    display: inline !important;
    }
  .sp-only {
    display: none !important;
    }
}
@media screen and (max-width: 828px) {
  .pc-only {
    display: none !important;
    }
  .sp-only {
    display: inline !important;
    }
}

.u-content-width {
max-width: 900px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.u-content-width800 {
  max-width: 800px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.u-breadcrumb {
padding: 0 .5rem !important;
font-size: 1.3rem !important;
margin-bottom: 24px !important;
}
.u-breadcrumb ul {
display: flex !important;
flex-wrap: wrap !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.u-annotation {
font-size: 1.3rem !important;
line-height: 1.3 !important;
}
.u-breadcrumb li:not(:last-child)::after {
display: inline-block !important;
margin: 0 .25rem !important;
content: ">" !important;
}
.u-button_first {
display: flex !important;
justify-content: center !important;
align-items: center !important;
border-radius: 4px !important;
padding: 16px 16px !important;
background: #F1962D !important;
text-decoration: none !important;
color: #fff !important;
font-weight: 500 !important;
font-size: 1.6rem;
width: 100%;
box-sizing: border-box;
line-height: 1;
}
.i-next:after {
  content: "";
  display: block;
  margin-left: 4px;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_7_286)'%3E%3Cpath d='M9 0.693237C13.5888 0.693237 17.3068 4.41121 17.3068 9.00006C17.3068 13.5889 13.5888 17.3069 9 17.3069C4.41115 17.3069 0.693176 13.5889 0.693176 9.00006C0.693176 4.41121 4.41115 0.693237 9 0.693237ZM12.8151 8.43064L8.2765 3.89203C7.96164 3.57718 7.45252 3.57718 7.14101 3.89203L6.57159 4.46145C6.25674 4.77631 6.25674 5.28543 6.57159 5.59694L9.97471 9.00006L6.57159 12.4032C6.25674 12.718 6.25674 13.2272 6.57159 13.5387L7.14101 14.1081C7.45587 14.4229 7.96499 14.4229 8.2765 14.1081L12.8151 9.56948C13.13 9.25462 13.13 8.74549 12.8151 8.43064Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7_286'%3E%3Crect width='17' height='16.6136' fill='white' transform='translate(0.5 0.693237)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.i-mail:before {
  content: "";
  display: block;
  margin-right: 4px;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM12 13L20 8V6L12 11L4 6V8L12 13Z' fill='%23FF8C1A'/%3E%3C/svg%3E");  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.u-button_second {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 4px !important;
  padding: 16px 16px !important;
  background: #fff !important;
  text-decoration: none !important;
  color: #F1962D !important;
  font-weight: 500 !important;
  font-size: 1.6rem;
  width: fit-content;
  box-sizing: border-box;
  border: solid 1px #F1962D;
  }
.u-button_first:hover,
.u-button_second:hover {
  opacity: 0.6;
}
.u-list_disc {
  list-style-type: disc !important;
  padding-inline-start: 1em !important;
  line-height: 1.5;
}

/*=================================
index css
================================= */
.l-contents {
  background: #F7F7F7;
  height: 100%;
  padding-bottom: 100px;
}
.l-contents .l-mv {
  width: 100%;
  height: 280px;
  background: linear-gradient(180deg, #DFFCC0 0%, #F0FBB9 100%);
  text-align: center;
  justify-items: center;
  align-items: center;
  align-content: center;
  line-height: 1.5;
  display: grid;
  row-gap: 30px;
  box-sizing: border-box;
}
@media screen and (max-width: 828px) {
  .l-contents .l-mv {
    padding:42px 16px;
    font-size: 1.4rem;
    height: auto;
  }
}
.l-contents .l-mv h1 {
  margin: 0;
  display: flex;
  gap: 8px;
  align-items: center;
}
.l-contents .l-menu-anchor {
  display: flex;
  gap: 20px;
  margin: 42px 0;
  padding: 0 16px;
}
@media screen and (max-width: 828px) {
  .l-contents .l-menu-anchor {
    gap: 8px;
  }
  }
.l-contents .l-menu-anchor li {
  border-radius: 8px;
  background: #D4F9C0;
  padding-top: 12px;
  max-width: 320px;
  width: 100%;
  text-align: center;
  line-height: 1.4;
  font-size: 1.6rem;
  font-weight: 800;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.l-contents .l-menu-anchor li .l-menu-box {
  display: flex;/* ここから */
  flex-direction: column;
}
@media screen and (max-width: 828px) {
  .l-contents .l-menu-anchor li {
      line-height: 1.2;
      font-size: 1.4rem;
  }
}
.l-contents .l-menu-anchor li .l-microcopy {
  font-size: 1.4rem;
  color: #356918;
  margin-bottom: 4px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 828px) {
  .l-contents .l-menu-anchor li .l-microcopy {
    font-size: 1.2rem;
  }
}
.l-contents .l-menu-anchor li a {
  color: #222;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}
.l-contents .l-menu-anchor li a:hover {
  opacity: 0.6;
}
.l-contents .l-menu-anchor li .l-link-arrow{
  background-color: #B7E79D;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  text-align: center;
  height: 24px;
  margin-top: 12px;
  content: "";
}
.l-contents .l-menu-content {
  background-color: #fff;
  padding: 40px 75px;
}
@media screen and (max-width: 828px) {
  .l-contents .l-menu-content {
    padding: 40px 16px;
  }
}
.l-contents .l-menu-content h2 {
  line-height: normal;
  margin-bottom: 24px;
}
.l-contents .l-menu-content h2:after {
  content: "";
  display: block;
  background: #D4F9C0;
  height: 8px;
  width: 80px;
  margin: 24px auto 0;

}
.l-contents .l-menu-content .l-title-microcopy {
  font-size: 1.5rem;
}