@charset "UTF-8";
#Benefit .contents > section h3 {
  margin-inline: auto;
  width: fit-content;
  background-color: #00A73C;
  color: #fff;
  font-size: clamp(1.6rem, 1.5625vw, 4rem);
  font-weight: bold;
  padding-inline: clamp(4.3rem, 4.19921875vw, 11.2rem);
  padding-block: clamp(0.6rem, 0.5859375vw, 0.9rem);
  border-radius: 100px;
  letter-spacing: 0.26em;
  margin-bottom: clamp(2rem, 1.953125vw, 5rem);
}
#Benefit .contents > section h3 + p {
  font-size: clamp(1.4rem, 1.3671875vw, 2.4rem);
}
#Benefit .contents > section article.course {
  padding-top: clamp(1.5rem, 1.46484375vw, 2.6rem);
}
#Benefit .contents > section article.course h4 {
  color: #00A73C;
  font-weight: 900;
  font-size: clamp(2.25rem, 2.197265625vw, 4.5rem);
  width: 100%;
  border-bottom: solid clamp(0.25rem, 0.244140625vw, 0.5rem) #00A73C;
}
@media (min-width: 1024px) {
  #Benefit .contents > section article.course h4 {
    width: fit-content;
    padding-right: clamp(5rem, 4.8828125vw, 8rem);
  }
}
#Benefit .contents > section article.course h4 span {
  font-size: clamp(4rem, 3.90625vw, 6rem);
  font-weight: 900;
}
#Benefit .contents > section article.course > .txt {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
}
#Benefit .contents > section article.course > .txt p {
  font-size: clamp(1.4rem, 1.3671875vw, 2.4rem);
  margin-top: clamp(2.6rem, 2.5390625vw, 4.6rem);
  width: calc(100% - 130px);
}
@media (min-width: 1024px) {
  #Benefit .contents > section article.course > .txt p {
    width: 100%;
  }
}
#Benefit .contents > section article.course > .txt p span {
  color: #00A73C;
  font-weight: 900;
}
#Benefit .contents > section article.course > .txt img {
  width: 120px;
}
@media (min-width: 1024px) {
  #Benefit .contents > section article.course > .txt img {
    display: none;
  }
}
#Benefit .contents > section article .table_img {
  margin-top: 22.5px;
  overflow-x: scroll;
  width: calc(100vw - 15px);
}
@media (min-width: 768px) {
  #Benefit .contents > section article .table_img {
    width: 100%;
    overflow: visible;
  }
}
@media (min-width: 1024px) {
  #Benefit .contents > section article .table_img {
    margin-top: 14px;
  }
}
#Benefit .contents > section article .table_img img {
  min-width: 540px;
  width: 100%;
}
#Benefit .contents .course__contents .box h5 {
  border: solid clamp(0.3625rem, 0.3540039063vw, 0.725rem) #00A73C;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  height: clamp(4.5rem, 4.39453125vw, 9rem);
  max-width: 900px;
  position: relative;
  margin-block: clamp(2.6rem, 2.5390625vw, 5.4rem);
}
#Benefit .contents .course__contents .box h5 img {
  width: 282px;
  position: absolute;
  top: calc(50% - 10px);
  left: clamp(1.5rem, 1.46484375vw, 3rem);
  transform: translateY(-50%);
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .box h5 img {
    top: calc(50% - clamp(1rem, 0.9765625vw, 2rem));
    width: clamp(28.2rem, 27.5390625vw, 56.4rem);
  }
}
#Benefit .contents .course__contents .course01 .container {
  display: flex;
  flex-direction: column;
  gap: clamp(2.8rem, 2.734375vw, 5.4rem);
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course01 .container {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course01 .container .txt {
    width: 62%;
  }
}
#Benefit .contents .course__contents .course01 .container .txt strong {
  font-size: clamp(1.8rem, 1.7578125vw, 3.6rem);
  font-weight: bold;
  color: #00A73C;
}
#Benefit .contents .course__contents .course01 .container .txt p {
  margin-top: clamp(1.4rem, 1.3671875vw, 2.6rem);
  font-size: clamp(1.4rem, 1.3671875vw, 2.4rem);
}
#Benefit .contents .course__contents .course01 .container .txt p span {
  font-weight: 900;
  color: #00A73C;
}
#Benefit .contents .course__contents .course01 .container img {
  display: block;
  width: 66%;
  margin-inline: auto;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course01 .container img {
    width: 38%;
  }
}
#Benefit .contents .course__contents .course01 .group {
  margin-top: 40px;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course01 .group {
    margin-top: 0;
  }
}
#Benefit .contents .course__contents .course01 .group > strong {
  font-size: clamp(1.5rem, 1.46484375vw, 3rem);
  font-weight: bold;
  display: block;
  border-bottom: solid clamp(0.25rem, 0.244140625vw, 0.5rem) #00A73C;
  padding-bottom: clamp(1.5rem, 1.46484375vw, 2rem);
}
#Benefit .contents .course__contents .course01 .group dl {
  margin-top: clamp(3rem, 2.9296875vw, 4.5rem);
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course01 .group dl {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 15px 50px;
  }
}
#Benefit .contents .course__contents .course01 .group dl dt {
  font-size: clamp(1.5rem, 1.46484375vw, 3rem);
  font-weight: bold;
  background-color: #F5F6F7;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: 4px;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course01 .group dl dt {
    width: 28%;
  }
}
#Benefit .contents .course__contents .course01 .group dl dt span {
  font-size: clamp(1rem, 0.9765625vw, 2rem);
}
#Benefit .contents .course__contents .course01 .group dl dd {
  padding-top: 15px;
  padding-bottom: 30px;
  padding-inline: 15px;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course01 .group dl dd {
    width: calc(100% - (28% + 50px));
    padding-block: 12px;
  }
}
#Benefit .contents .course__contents .course01 .group dl dd img {
  display: block;
  margin-inline: auto;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course01 .group dl dd img {
    margin-left: 0;
  }
}
#Benefit .contents .course__contents .course01 .group dl dd img.fuji {
  width: 90%;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course01 .group dl dd img.fuji {
    width: 55%;
  }
}
#Benefit .contents .course__contents .course01 .group dl dd img.fujimart {
  width: 44%;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course01 .group dl dd img.fujimart {
    width: 28%;
  }
}
#Benefit .contents .course__contents .course01 .group dl dd img.abc {
  width: 32%;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course01 .group dl dd img.abc {
    width: 19%;
  }
}
#Benefit .contents .course__contents .course01 .group dl dd img.nichie {
  width: 43.5%;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course01 .group dl dd img.nichie {
    width: 21.8%;
  }
}
#Benefit .contents .course__contents .course01 .group > p {
  font-size: clamp(1.4rem, 1.3671875vw, 2.4rem);
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course01 .group > p {
    margin-top: 54px;
  }
}
#Benefit .contents .course__contents .course01 .group > p + p {
  margin-top: clamp(2.4rem, 2.34375vw, 3.6rem);
}
#Benefit .contents .course__contents .course01 .group > p.indent {
  text-indent: calc(clamp(1.4rem, 1.3671875vw, 2.4rem) * -1);
  padding-left: clamp(1.4rem, 1.3671875vw, 2.4rem);
}
#Benefit .contents .course__contents .course01 .aeon {
  margin-top: clamp(2.8rem, 2.734375vw, 5.4rem);
}
#Benefit .contents .course__contents .course01 .aeon > strong {
  font-size: clamp(1.5rem, 1.46484375vw, 3rem);
  font-weight: bold;
  display: block;
  border-bottom: solid clamp(0.25rem, 0.244140625vw, 0.5rem) #00A73C;
  padding-bottom: clamp(1.5rem, 1.46484375vw, 2rem);
}
#Benefit .contents .course__contents .course01 .aeon-image {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 22px 14px;
  padding-top: clamp(2.2rem, 2.1484375vw, 4.4rem);
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course01 .aeon-image {
    gap: 45px 24px;
  }
}
#Benefit .contents .course__contents .course01 .aeon-image li {
  width: calc((100% - 14px) / 2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course01 .aeon-image li {
    width: calc((100% - 72px) / 4);
  }
}
#Benefit .contents .course__contents .course01 .aeon-image li img {
  display: block;
  margin-inline: auto;
}
#Benefit .contents .course__contents .course01 .aeon-image li p {
  text-align: center;
  font-size: clamp(1.4rem, 1.3671875vw, 2.4rem);
}
#Benefit .contents .course__contents .course01 .aeon .txt {
  margin-top: clamp(2.8rem, 2.734375vw, 6rem);
}
#Benefit .contents .course__contents .course01 .aeon .txt strong {
  font-size: clamp(1.5rem, 1.46484375vw, 2.7rem);
  font-weight: bold;
  margin-left: calc(clamp(1.5rem, 1.46484375vw, 2.7rem) / -2);
}
#Benefit .contents .course__contents .course01 .aeon .txt p {
  font-size: clamp(1.4rem, 1.3671875vw, 2.4rem);
}
#Benefit .contents .course__contents .course01 .aeon dl {
  margin-top: clamp(2.4rem, 2.34375vw, 5.6rem);
  border: solid clamp(0.25rem, 0.244140625vw, 0.5rem) #00A73C;
  display: flex;
  justify-content: flex-start;
  max-width: 933px;
}
#Benefit .contents .course__contents .course01 .aeon dl dt {
  background-color: #00A73C;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(1.9rem, 1.85546875vw, 3.8rem);
  font-weight: bold;
  width: min(34%, 234px);
}
#Benefit .contents .course__contents .course01 .aeon dl dd {
  width: calc(100% - min(34%, 234px));
  padding-left: clamp(2rem, 1.953125vw, 4rem);
  padding-block: 8px;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course01 .aeon dl dd {
    padding-block: 24px;
  }
}
#Benefit .contents .course__contents .course01 .aeon dl dd p {
  white-space: nowrap;
  word-break: keep-all;
  line-height: 1.6;
  font-weight: bold;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course01 .aeon dl dd p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
#Benefit .contents .course__contents .course01 .aeon dl dd p span {
  color: #00A73C;
  font-size: clamp(1.9rem, 1.85546875vw, 3.8rem);
  font-weight: bold;
  margin-right: 24px;
}
#Benefit .contents .course__contents .course01 .aeon-txt {
  padding-top: clamp(2.2rem, 2.1484375vw, 3.7rem);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(0.8rem, 0.78125vw, 2.1rem) clamp(1.4rem, 1.8229166667vw, 4rem);
}
#Benefit .contents .course__contents .course01 .aeon-txt li {
  width: fit-content;
  font-size: clamp(1.5rem, 1.953125vw, 3rem);
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: clamp(0.3rem, 0.29296875vw, 0.6rem);
}
#Benefit .contents .course__contents .course01 .aeon-txt li::before {
  content: "●";
  color: #00A73C;
}
#Benefit .contents .course__contents .course02 h5 {
  border-top-right-radius: 22.5px;
  border-bottom-right-radius: 22.5px;
  height: clamp(7.25rem, 7.080078125vw, 9rem);
  margin-block: clamp(3.7rem, 3.61328125vw, 11.3rem) clamp(2.6rem, 2.5390625vw, 5.4rem);
}
@media (min-width: 768px) {
  #Benefit .contents .course__contents .course02 h5 {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    height: clamp(4.5rem, 4.39453125vw, 9rem);
  }
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course02 h5 {
    margin-top: clamp(6rem, 5.859375vw, 11.3rem);
  }
}
#Benefit .contents .course__contents .course02 h5 img {
  width: 295px;
  position: absolute;
  top: calc(50% - 10px);
  left: clamp(1.5rem, 1.46484375vw, 3rem);
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  #Benefit .contents .course__contents .course02 h5 img {
    width: 390px;
  }
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course02 h5 img {
    top: calc(50% - clamp(1rem, 0.9765625vw, 2rem));
    width: clamp(39rem, 38.0859375vw, 75.2rem);
  }
}
#Benefit .contents .course__contents .course02 p {
  font-size: clamp(1.4rem, 1.3671875vw, 2.4rem);
}
#Benefit .contents .course__contents .course02 a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(100% - 30px, 630px);
  height: clamp(5rem, 4.8828125vw, 10rem);
  margin-top: clamp(3rem, 2.9296875vw, 6rem);
  margin-inline: auto;
  background-color: #E5005C;
  color: #fff;
  font-size: clamp(1.6rem, 1.5625vw, 3.2rem);
  font-weight: 900;
  border-radius: 100px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  transition: opacity 0.3s;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course02 a:hover {
    opacity: 0.6;
  }
}
#Benefit .contents .course__contents .course02 dl {
  margin-top: clamp(2.4rem, 2.34375vw, 5.6rem);
  border: solid clamp(0.25rem, 0.244140625vw, 0.5rem) #00A73C;
  display: flex;
  justify-content: flex-start;
  max-width: 933px;
}
#Benefit .contents .course__contents .course02 dl dt {
  background-color: #00A73C;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(1.9rem, 1.85546875vw, 3.8rem);
  font-weight: bold;
  width: min(34%, 234px);
}
#Benefit .contents .course__contents .course02 dl dd {
  width: calc(100% - min(34%, 234px));
  padding-left: clamp(2rem, 1.953125vw, 4rem);
  padding-block: 8px;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course02 dl dd {
    padding-block: 24px;
  }
}
#Benefit .contents .course__contents .course02 dl dd p {
  white-space: nowrap;
  word-break: keep-all;
  line-height: 1.6;
  font-weight: bold;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course02 dl dd p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
#Benefit .contents .course__contents .course02 dl dd p span {
  color: #00A73C;
  font-size: clamp(1.9rem, 1.85546875vw, 3.8rem);
  font-weight: bold;
  margin-right: 24px;
}
#Benefit .contents .course__contents .course03 h5 {
  margin-block: clamp(3.7rem, 3.61328125vw, 11.3rem) clamp(2.6rem, 2.5390625vw, 5.4rem);
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course03 h5 {
    margin-top: clamp(6rem, 5.859375vw, 11.3rem);
  }
}
#Benefit .contents .course__contents .course03 h5 img {
  width: 217.5px;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course03 h5 img {
    top: calc(50% - clamp(1rem, 0.9765625vw, 2rem));
    width: clamp(21.75rem, 21.240234375vw, 43.5rem);
  }
}
#Benefit .contents .course__contents .course03 .container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course03 .container {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course03 .container .txt {
    width: 62.5%;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
}
#Benefit .contents .course__contents .course03 .container .txt p {
  font-size: clamp(1.4rem, 1.3671875vw, 2.4rem);
}
#Benefit .contents .course__contents .course03 .container .txt img {
  display: none;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course03 .container .txt img {
    display: block;
    margin-inline: auto;
    width: 459px;
  }
}
#Benefit .contents .course__contents .course03 .container picture {
  display: block;
  margin-inline: auto;
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course03 .container picture {
    width: 37.5%;
  }
}
#Benefit .contents .course__contents .course03 > ul {
  padding-top: clamp(3rem, 2.9296875vw, 4rem);
  display: flex;
  flex-direction: column;
  gap: clamp(3rem, 2.9296875vw, 5.6rem);
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course03 > ul {
    flex-direction: row;
    gap: 0;
  }
}
@media (min-width: 1024px) {
  #Benefit .contents .course__contents .course03 > ul li {
    width: min(55%, 700px);
    min-width: min(55%, 700px);
  }
  #Benefit .contents .course__contents .course03 > ul li:nth-of-type(2) {
    margin-left: min(-10.6%, -135px);
    margin-top: clamp(8rem, 7.8125vw, 15.1rem);
  }
}
#Benefit .contents .course__contents .course03 > ul li p {
  text-align: center;
  font-size: clamp(1.6rem, 1.5625vw, 3.2rem);
  font-weight: 900;
  padding-bottom: 10px;
}
#Benefit .contents .hold {
  padding-top: clamp(2.4rem, 2.34375vw, 5.6rem);
}
#Benefit .contents .hold h4 {
  color: #00A73C;
  font-weight: 900;
  font-size: clamp(2.25rem, 2.197265625vw, 4.5rem);
  width: 100%;
  border-bottom: solid clamp(0.25rem, 0.244140625vw, 0.5rem) #00A73C;
  margin-bottom: clamp(2.6rem, 2.5390625vw, 4.6rem);
}
@media (min-width: 1024px) {
  #Benefit .contents .hold h4 {
    width: 50%;
    padding-right: clamp(5rem, 4.8828125vw, 8rem);
  }
}
#Benefit .contents .hold h4 span {
  font-size: clamp(3rem, 2.9296875vw, 6rem);
  font-weight: 900;
}
#Benefit .contents .hold > .txt {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1024px) {
  #Benefit .contents .hold > .txt {
    flex-direction: row;
    justify-content: space-between;
  }
}
#Benefit .contents .hold > .txt p {
  font-size: clamp(1.4rem, 1.3671875vw, 2.4rem);
}
@media (min-width: 1024px) {
  #Benefit .contents .hold > .txt p {
    width: 50%;
  }
}
#Benefit .contents .hold > .txt .img_box {
  margin-inline: auto;
  width: 72.4%;
  position: relative;
}
@media (min-width: 1024px) {
  #Benefit .contents .hold > .txt .img_box {
    width: 39%;
    margin: 0;
  }
}
@media (min-width: 1024px) {
  #Benefit .contents .hold > .txt .img_box::before {
    content: "";
    display: block;
    background: url(../../../img/ir/benefit/hold/dec01.png) no-repeat;
    background-size: 100%;
    width: min(23.9583333333vw, 460px);
    height: min(23.9583333333vw, 460px);
    position: absolute;
    top: min(5.78125vw, 111px);
    left: max(-4.7395833333vw, -91px);
    z-index: -1;
  }
}
@media (min-width: 1024px) {
  #Benefit .contents .hold dl {
    margin-top: max(-4.8958333333vw, -94px);
  }
}
#Benefit .contents .hold dl dt {
  margin-top: clamp(3rem, 2.9296875vw, 8rem);
  border: solid clamp(0.35rem, 0.341796875vw, 0.725rem) #00A73C;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  font-size: clamp(2.05rem, 2.001953125vw, 4.1rem);
  padding-inline: clamp(1.2rem, 1.171875vw, 2.5rem);
  padding-block: clamp(0.6rem, 0.5859375vw, 1.2rem);
}
@media (min-width: 1024px) {
  #Benefit .contents .hold dl dt {
    max-width: 636px;
  }
}
#Benefit .contents .hold dl dt img {
  height: clamp(2rem, 1.953125vw, 4rem);
}
#Benefit .contents .hold dl dd {
  padding-top: clamp(3rem, 2.9296875vw, 5.2rem);
}
#Benefit .contents .hold dl dd p {
  font-size: clamp(1.4rem, 1.3671875vw, 2.4rem);
}
#Benefit .contents .hold dl dd ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (min-width: 1024px) {
  #Benefit .contents .hold dl dd ul {
    flex-direction: row;
    gap: 40px;
  }
}
#Benefit .contents .hold dl dd ul li {
  font-size: clamp(1.8rem, 1.7578125vw, 3.6rem);
  font-weight: 900;
}
#Benefit .contents .hold dl dd ul li span {
  font-size: clamp(2.5rem, 2.44140625vw, 5rem);
  font-weight: 900;
  color: #00A73C;
}
#Benefit .contents .hold dl dd ul li strong {
  font-size: clamp(3.5rem, 3.8888888889vw, 7rem);
  font-weight: 900;
  color: #00A73C;
}
#Benefit .contents .hold dl dd strong {
  font-size: clamp(1.8rem, 1.7578125vw, 3.6rem);
  font-weight: 900;
}
#Benefit .contents .hold .example {
  margin-top: clamp(3rem, 2.9296875vw, 7.2rem);
}
@media (min-width: 1024px) {
  #Benefit .contents .hold .example {
    margin-top: 0;
  }
}
#Benefit .contents .howto {
  padding-top: clamp(2.4rem, 2.34375vw, 6rem);
}
#Benefit .contents .howto h4 {
  color: #00A73C;
  font-weight: 900;
  font-size: clamp(2.25rem, 2.197265625vw, 4.5rem);
  width: 100%;
  border-bottom: solid clamp(0.25rem, 0.244140625vw, 0.5rem) #00A73C;
  margin-bottom: clamp(2.6rem, 2.5390625vw, 4.6rem);
}
@media (min-width: 1024px) {
  #Benefit .contents .howto h4 {
    width: fit-content;
  }
}
#Benefit .contents .howto h4 span {
  font-size: clamp(3rem, 2.9296875vw, 6rem);
  font-weight: 900;
}
#Benefit .contents .howto h4 + p {
  font-size: clamp(1.6rem, 1.5625vw, 3.2rem);
  font-weight: 900;
  color: #E5005C;
  text-indent: calc(clamp(1.6rem, 1.5625vw, 3.2rem) * -1);
  padding-left: clamp(1.6rem, 1.5625vw, 3.2rem);
  margin-bottom: clamp(2.4rem, 2.34375vw, 5.6rem);
}
#Benefit .contents .howto > div {
  margin-top: clamp(2.4rem, 2.34375vw, 5.6rem);
}
#Benefit .contents .howto > div strong {
  display: block;
  font-size: clamp(1.55rem, 1.7222222222vw, 3rem);
  font-weight: bold;
  border-bottom: solid clamp(0.25rem, 0.244140625vw, 0.5rem) #00A73C;
  padding-bottom: clamp(1.2rem, 1.171875vw, 1.6rem);
}
#Benefit .contents .howto > div p {
  margin-top: clamp(2.4rem, 2.6666666667vw, 3.6rem);
  font-size: clamp(1.4rem, 1.5555555556vw, 2.4rem);
}
#Benefit .contents .howto > div p a {
  color: #E5005C;
  font-weight: bold;
  text-decoration: underline;
  transition: opacity 0.3s, text-decoration-color 0.3s;
}
@media (min-width: 1024px) {
  #Benefit .contents .howto > div p a:hover {
    opacity: 0.6;
    text-decoration-color: transparent;
  }
}
#Benefit .contents .howto > div div {
  padding-top: clamp(2.4rem, 2.6666666667vw, 3.6rem);
}
#Benefit .contents .howto > div div ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: clamp(1rem, 0.9765625vw, 2rem) clamp(1.25rem, 1.220703125vw, 2.5rem);
}
#Benefit .contents .howto > div div ul li {
  width: calc((100% - clamp(1.25rem, 1.220703125vw, 2.5rem)) / 2);
}
@media (min-width: 1024px) {
  #Benefit .contents .howto > div div ul li {
    width: calc((100% - clamp(1.25rem, 1.220703125vw, 2.5rem) * 3) / 4);
  }
}
@media (min-width: 1024px) {
  #Benefit .contents .howto > div div ul li a:hover {
    opacity: 0.6;
  }
}
#Benefit .contents .faq {
  padding-top: clamp(3rem, 2.9296875vw, 6rem);
}
#Benefit .contents .faq h4 {
  color: #00A73C;
  font-size: clamp(3rem, 2.9296875vw, 6rem);
  font-weight: 900;
  width: 100%;
  border-bottom: solid clamp(0.25rem, 0.244140625vw, 0.5rem) #00A73C;
}
@media (min-width: 1024px) {
  #Benefit .contents .faq h4 {
    width: fit-content;
  }
}
#Benefit .contents .faq dl dt {
  margin-top: clamp(3rem, 2.9296875vw, 6rem);
  border: solid 1px #9BA8AD;
  border-radius: clamp(0.75rem, 0.732421875vw, 1.5rem);
  padding-block: clamp(0.9rem, 0.87890625vw, 1.5rem);
  padding-inline: clamp(1.5rem, 1.46484375vw, 3.3rem);
  font-size: clamp(1.6rem, 1.5625vw, 3.2rem);
  font-weight: 900;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  gap: clamp(0.7rem, 0.68359375vw, 1.6rem);
}
#Benefit .contents .faq dl dt::before {
  content: "Q.";
  display: block;
  color: #00A73C;
  font-size: clamp(2.8rem, 2.734375vw, 3.2rem);
  font-weight: 900;
  line-height: 1;
  margin-top: 2px;
}
#Benefit .contents .faq dl dd {
  padding-top: clamp(2.25rem, 2.197265625vw, 2.4rem);
  padding-left: clamp(1.5rem, 1.46484375vw, 3.3rem);
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  gap: clamp(0.7rem, 0.68359375vw, 1.6rem);
}
@media (min-width: 1024px) {
  #Benefit .contents .faq dl dd {
    padding-left: calc(clamp(1.5rem, 1.46484375vw, 3.3rem) + clamp(1.5rem, 1.46484375vw, 3.3rem) / 2);
  }
}
#Benefit .contents .faq dl dd::before {
  content: "A.";
  display: block;
  color: #E5005C;
  font-size: clamp(2.8rem, 2.734375vw, 3.2rem);
  font-weight: 900;
  line-height: 1;
  margin-top: 2px;
}
#Benefit .contents .faq dl dd p {
  font-size: clamp(1.4rem, 1.3671875vw, 2.4rem);
}
#Benefit .contents .faq dl dd p + a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: clamp(1.6rem, 1.5625vw, 2.2rem);
  font-size: clamp(1.4rem, 1.3671875vw, 2.4rem);
  border: solid 1px #9BA8AD;
  border-radius: 100px;
  width: clamp(20.5rem, 20.01953125vw, 36rem);
  height: clamp(2.8rem, 2.734375vw, 5rem);
  margin-inline: auto;
  transform: translateX(-28px);
}
@media (min-width: 1024px) {
  #Benefit .contents .faq dl dd p + a {
    margin-inline: 0;
    transform: none;
  }
}
#Benefit .contents .faq dl dd p + a + p {
  margin-top: clamp(1.6rem, 1.5625vw, 2.2rem);
}
#Benefit .contents .faq dl dd p:has(a) {
  margin-top: clamp(1.4rem, 1.5555555556vw, 2.4rem);
  font-size: clamp(1.4rem, 1.5555555556vw, 2.4rem);
}
#Benefit .contents .faq dl dd p:has(a) a {
  color: #E5005C;
  font-weight: bold;
  text-decoration: underline;
  transition: opacity 0.3s, text-decoration-color 0.3s;
}
@media (min-width: 1024px) {
  #Benefit .contents .faq dl dd p:has(a) a:hover {
    opacity: 0.6;
    text-decoration-color: transparent;
  }
}

/*20251208 粗品お知らせ*/
.oshirase{
  margin-bottom: clamp(2.25rem, 2.19727vw, 4.5rem);
    padding: 1.5em;
    border: 2px solid #C4BEAF;
}

.oshirase dl{
    margin-bottom: 1.8em;
}

.oshirase h2{
    font-weight: bold;
    font-size: clamp(2.25rem, 2.19727vw, 4.5rem);
    text-align: center;
    margin-bottom: 0.7em;
}

.oshirase .textarea{
font-size: clamp(1.4rem, 1.36719vw, 2rem);
}

.text_notes{
    font-size: 0.9em;
    margin-top: 1.4em;
}

.oshirase .imgset{
    margin-top: 1.2em;
}

.oshirase .imgset img{
   width: 50%;
    height: auto;
    max-width: 300px;
    margin: 0 auto;
}

.oshirase .imgset p{
    margin-top: 1.5em;
}

.oshirase .col_red{
    color: #D9282B;
    font-weight: bold;
}

@media (min-width: 768px) {
    .oshirase{
        border-width: 5px;
        padding: 30px;
    }
    
    .oshirase .textarea{
        width: 85%;
        margin-right: 40px;
    }
    
    .oshirase .layout_info{
        display: flex;
        justify-content: space-between;
    }
    
    .oshirase .imgset{
        width: 15%;
        display: flex;
        align-items: flex-end;
        margin-top: 0;
    }
    
    .oshirase .imgset img{
        width: 100%;
    }
    
    .oshirase .imgset .bag_img{
        padding: 20px;
        box-shadow: 0 0 5px rgba(0,0,0,0.2);
    }
    
    .oshirase .imgset p{
        margin-top: 0;
}
}