@charset "UTF-8";
/*
	1.Basics Styling
	-tag sets
*/
html {
  scroll-behavior: smooth;
  scroll-padding-top: fluid-size(80px, 110px);
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  html {
    scroll-padding-top: 6.836vw;
  }
}
@media screen and (max-width: 768px) {
  html {
    scroll-padding-top: 17.6vw;
  }
}

body#page-top.fixed {
  height: 100%;
  overflow: hidden;
}

#risoco {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-variation-settings: "slnt" 0;
  font-feature-settings: "palt";
  color: rgb(51, 51, 51);
  line-height: 1;
  letter-spacing: 0.1em;
  overflow-x: clip;
}
#risoco :where(a) {
  color: inherit;
  text-decoration: none;
}
#risoco :where(ul, ol) {
  list-style-type: "";
  padding: unset;
}
#risoco :where(img) {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
#risoco :where(button) {
  letter-spacing: 0.1em;
  touch-action: manipulation;
}
#risoco .br-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  #risoco .br-sp {
    display: block;
  }
}
#risoco .br-pc {
  display: block;
}
@media screen and (max-width: 768px) {
  #risoco .br-pc {
    display: none;
  }
}

:lang(ja) {
  --leading-trim: calc((1em - 1lh) / 2);
}

:lang(en) {
  --leading-trim: calc((1cap - 1lh) / 2);
}

.leading-trim::before, .leading-trim::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.leading-trim::before {
  -webkit-margin-after: var(--leading-trim);
          margin-block-end: var(--leading-trim);
}
.leading-trim::after {
  -webkit-margin-before: var(--leading-trim);
          margin-block-start: var(--leading-trim);
}

/* 
	2.Components
	-accordion
	-buttons
	-breadcrumb
	-cv
	-footer
	-header
	-hgroup
	-pagination
	-parts
*/
#risoco .c-section-group {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  row-gap: 12px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-section-group {
    row-gap: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-section-group {
    row-gap: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-section-group {
    row-gap: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-section-group .c-section-ttl {
  font-size: 32px;
  letter-spacing: 0.04em;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-section-group .c-section-ttl {
    font-size: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-section-group .c-section-ttl {
    font-size: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-section-group .c-section-ttl {
    font-size: calc(24 * calc(1 / 375 * 100vw));
    line-height: 1.792;
  }
}
#risoco .c-section-group .c-section-txt {
  font-size: 15px;
  letter-spacing: 0.04em;
  font-weight: 700;
  font-family: "Outfit", sans-serif;
  color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-section-group .c-section-txt {
    font-size: calc(15 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-section-group .c-section-txt {
    font-size: calc(15 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-section-group .c-section-txt {
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-cv {
  --_border-radius: 6px;
  --_box-shadow-y: 8px;
  position: relative;
  top: 0;
  display: inline-grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  -moz-column-gap: 14px;
       column-gap: 14px;
  padding-inline: 40px;
  width: 520px;
  aspect-ratio: 520/80;
  font-size: 24px;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: rgb(255, 255, 255);
  background-color: rgb(232, 0, 10);
  border-radius: var(--_border-radius);
  box-shadow: 0 var(--_box-shadow-y) 0 rgb(183, 8, 17);
  transition: 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-cv {
    --_border-radius: calc(6 * calc(1 / 1280 * 100vw));
    --_box-shadow-y: calc(8 * calc(1 / 1280 * 100vw));
    -moz-column-gap: calc(14 * calc(1 / 1280 * 100vw));
         column-gap: calc(14 * calc(1 / 1280 * 100vw));
    padding-inline: calc(40 * calc(1 / 1280 * 100vw));
    width: calc(520 * calc(1 / 1280 * 100vw));
    font-size: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-cv {
    --_border-radius: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_box-shadow-y: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    -moz-column-gap: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(520 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-cv {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    --_box-shadow-y: calc(6 * calc(1 / 375 * 100vw));
    -moz-column-gap: calc(6 * calc(1 / 375 * 100vw));
         column-gap: calc(6 * calc(1 / 375 * 100vw));
    padding-inline: calc(20 * calc(1 / 375 * 100vw));
    width: calc(327 * calc(1 / 375 * 100vw));
    aspect-ratio: 327/61;
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-cv:active {
  --_box-shadow-y: 0;
  top: 8px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-cv:active {
    top: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-cv:active {
    top: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-cv:active {
    top: calc(6 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-cv::before {
  content: "";
  display: inline-block;
  inline-size: 58px;
  aspect-ratio: 58/38;
  background: url("../img/c-icon-cv.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-cv::before {
    width: calc(58 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-cv::before {
    width: calc(58 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-cv::before {
    width: calc(39 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-cv::after {
  content: "";
  display: inline-block;
  justify-self: end;
  inline-size: 30px;
  aspect-ratio: 1;
  background: url("../img/c-arrow-right-ffffff.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-cv::after {
    width: calc(30 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-cv::after {
    width: calc(30 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-cv::after {
    width: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-try {
  --_border-radius: 6px;
  --_border-size: 2px;
  position: relative;
  top: 0;
  display: inline-grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  -moz-column-gap: 14px;
       column-gap: 14px;
  padding-inline: 40px;
  width: 520px;
  aspect-ratio: 520/80;
  font-size: 24px;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: rgb(214, 10, 19);
  background-color: rgb(255, 255, 255);
  border-radius: var(--_border-radius);
  border: var(--_border-size) solid rgb(214, 10, 19);
  transition: 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-try {
    --_border-radius: calc(6 * calc(1 / 1280 * 100vw));
    --_border-size: calc(2 * calc(1 / 1280 * 100vw));
    -moz-column-gap: calc(14 * calc(1 / 1280 * 100vw));
         column-gap: calc(14 * calc(1 / 1280 * 100vw));
    padding-inline: calc(40 * calc(1 / 1280 * 100vw));
    width: calc(520 * calc(1 / 1280 * 100vw));
    font-size: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-try {
    --_border-radius: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_border-size: calc(2 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    -moz-column-gap: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(520 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-try {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    --_border-size: calc(2 * calc(1 / 375 * 100vw));
    -moz-column-gap: calc(6 * calc(1 / 375 * 100vw));
         column-gap: calc(6 * calc(1 / 375 * 100vw));
    padding-inline: calc(20 * calc(1 / 375 * 100vw));
    width: calc(327 * calc(1 / 375 * 100vw));
    aspect-ratio: 327/61;
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-try:focus-visible {
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
}
#risoco .c-btn-try:focus-visible::after {
  background: url("../img/c-arrow-right-ffffff.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (any-hover: hover) {
  #risoco .c-btn-try:where(:-webkit-any-link, :enabled, summary):hover {
    color: rgb(255, 255, 255);
    background-color: rgb(214, 10, 19);
  }
  #risoco .c-btn-try:where(:-moz-any-link, :enabled, summary):hover {
    color: rgb(255, 255, 255);
    background-color: rgb(214, 10, 19);
  }
  #risoco .c-btn-try:where(:any-link, :enabled, summary):hover {
    color: rgb(255, 255, 255);
    background-color: rgb(214, 10, 19);
  }
  #risoco .c-btn-try:where(:-webkit-any-link, :enabled, summary):hover::after {
    background: url("../img/c-arrow-right-ffffff.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  #risoco .c-btn-try:where(:-moz-any-link, :enabled, summary):hover::after {
    background: url("../img/c-arrow-right-ffffff.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  #risoco .c-btn-try:where(:any-link, :enabled, summary):hover::after {
    background: url("../img/c-arrow-right-ffffff.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco .c-btn-try.touch-active {
      color: rgb(255, 255, 255);
      background-color: rgb(214, 10, 19);
    }
    #risoco .c-btn-try.touch-active::after {
      background: url("../img/c-arrow-right-ffffff.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
    }
  }
}
#risoco .c-btn-try::before {
  content: "";
  display: inline-block;
  inline-size: 58px;
  aspect-ratio: 58/38;
  background: url("../img/c-icon-cv.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-try::before {
    width: calc(58 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-try::before {
    width: calc(58 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-try::before {
    width: calc(39 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-try::after {
  content: "";
  display: inline-block;
  justify-self: end;
  inline-size: 30px;
  aspect-ratio: 1;
  background: url("../img/c-arrow-right-d60a13.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-try::after {
    width: calc(30 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-try::after {
    width: calc(30 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-try::after {
    width: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-more {
  --_border-radius: 50vh;
  --_border-size: 1px;
  position: relative;
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: center;
  color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
  border: var(--_border-size) solid rgb(214, 10, 19);
  background-color: rgb(255, 255, 255);
  transition: 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#risoco .c-btn-more:focus-visible {
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
}
@media (any-hover: hover) {
  #risoco .c-btn-more:where(:-webkit-any-link, :enabled, summary):hover {
    color: rgb(255, 255, 255);
    background-color: rgb(214, 10, 19);
  }
  #risoco .c-btn-more:where(:-moz-any-link, :enabled, summary):hover {
    color: rgb(255, 255, 255);
    background-color: rgb(214, 10, 19);
  }
  #risoco .c-btn-more:where(:any-link, :enabled, summary):hover {
    color: rgb(255, 255, 255);
    background-color: rgb(214, 10, 19);
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco .c-btn-more.touch-active {
      color: rgb(255, 255, 255);
      background-color: rgb(214, 10, 19);
    }
  }
}
#risoco .c-btn-more[data-size=lg] {
  width: 294px;
  aspect-ratio: 294/54;
  font-size: 16px;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-more[data-size=lg] {
    width: calc(294 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-more[data-size=lg] {
    width: calc(294 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-more[data-size=lg] {
    width: calc(264 * calc(1 / 375 * 100vw));
    aspect-ratio: 264/50;
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-more[data-kind=arrow] {
  padding-inline: 20px 10px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-more[data-kind=arrow] {
    padding-left: calc(20 * calc(1 / 1280 * 100vw));
    padding-right: calc(10 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-more[data-kind=arrow] {
    padding-left: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-right: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-more[data-kind=arrow] {
    padding-left: calc(18 * calc(1 / 375 * 100vw));
    padding-right: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-more[data-kind=arrow]:focus-visible::after {
  background: url("../img/c-arrow-right-ffffff.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (any-hover: hover) {
  #risoco .c-btn-more[data-kind=arrow]:where(:-webkit-any-link, :enabled, summary):hover::after {
    background: url("../img/c-arrow-right-ffffff.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  #risoco .c-btn-more[data-kind=arrow]:where(:-moz-any-link, :enabled, summary):hover::after {
    background: url("../img/c-arrow-right-ffffff.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  #risoco .c-btn-more[data-kind=arrow]:where(:any-link, :enabled, summary):hover::after {
    background: url("../img/c-arrow-right-ffffff.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco .c-btn-more[data-kind=arrow].touch-active::after {
      background: url("../img/c-arrow-right-ffffff.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
    }
  }
}
#risoco .c-btn-more[data-kind=arrow]::after {
  content: "";
  display: inline-block;
  justify-self: end;
  inline-size: 30px;
  aspect-ratio: 1;
  background: url("../img/c-arrow-right-d60a13.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-more[data-kind=arrow]::after {
    width: calc(30 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-more[data-kind=arrow]::after {
    width: calc(30 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-more[data-kind=arrow]::after {
    width: calc(26 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-more[data-kind=arrow-before] {
  padding-inline: 10px 0px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-more[data-kind=arrow-before] {
    padding-left: calc(10 * calc(1 / 1280 * 100vw));
    padding-right: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-more[data-kind=arrow-before] {
    padding-left: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-right: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-more[data-kind=arrow-before] {
    padding-left: calc(12 * calc(1 / 375 * 100vw));
    padding-right: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-more[data-kind=arrow-before]:focus-visible::before {
  transform: rotate(180deg);
  background: url("../img/c-arrow-right-ffffff.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (any-hover: hover) {
  #risoco .c-btn-more[data-kind=arrow-before]:where(:-webkit-any-link, :enabled, summary):hover::before {
    transform: rotate(180deg);
    background: url("../img/c-arrow-right-ffffff.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  #risoco .c-btn-more[data-kind=arrow-before]:where(:-moz-any-link, :enabled, summary):hover::before {
    transform: rotate(180deg);
    background: url("../img/c-arrow-right-ffffff.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  #risoco .c-btn-more[data-kind=arrow-before]:where(:any-link, :enabled, summary):hover::before {
    transform: rotate(180deg);
    background: url("../img/c-arrow-right-ffffff.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco .c-btn-more[data-kind=arrow-before].touch-active::before {
      transform: rotate(180deg);
      background: url("../img/c-arrow-right-ffffff.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
    }
  }
}
#risoco .c-btn-more[data-kind=arrow-before]::before {
  content: "";
  display: inline-block;
  inline-size: 30px;
  aspect-ratio: 1;
  transform: rotate(180deg);
  background: url("../img/c-arrow-right-d60a13.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-more[data-kind=arrow-before]::before {
    width: calc(30 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-more[data-kind=arrow-before]::before {
    width: calc(30 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-more[data-kind=arrow-before]::before {
    width: calc(26 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-more[data-kind=character] {
  padding-inline: 20px 12px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-more[data-kind=character] {
    padding-left: calc(20 * calc(1 / 1280 * 100vw));
    padding-right: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-more[data-kind=character] {
    padding-left: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-right: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-more[data-kind=character] {
    padding-left: calc(18 * calc(1 / 375 * 100vw));
    padding-right: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-more[data-kind=character]::after {
  content: "";
  display: inline-block;
  justify-self: end;
  inline-size: 36px;
  aspect-ratio: 36/38;
  background: url("../img/c-icon-character.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-more[data-kind=character]::after {
    width: calc(36 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-more[data-kind=character]::after {
    width: calc(36 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-more[data-kind=character]::after {
    width: calc(32 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-read {
  --_border-radius: 50vh;
  --_border-size: 1px;
  position: relative;
  display: inline-grid;
  grid-template-columns: auto auto;
  -moz-column-gap: 6px;
       column-gap: 6px;
  align-items: center;
  justify-content: center;
  width: 234px;
  aspect-ratio: 234/47;
  font-size: 14px;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
  border: var(--_border-size) solid rgb(214, 10, 19);
  background-color: rgb(255, 255, 255);
  transition: 0.2s ease-in-out;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-read {
    width: calc(234 * calc(1 / 1280 * 100vw));
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-read {
    width: calc(234 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-read {
    width: calc(234 * calc(1 / 375 * 100vw));
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-read:focus-visible {
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
}
@media (any-hover: hover) {
  #risoco .c-btn-read:where(:-webkit-any-link, :enabled, summary):hover {
    color: rgb(255, 255, 255);
    background-color: rgb(214, 10, 19);
  }
  #risoco .c-btn-read:where(:-moz-any-link, :enabled, summary):hover {
    color: rgb(255, 255, 255);
    background-color: rgb(214, 10, 19);
  }
  #risoco .c-btn-read:where(:any-link, :enabled, summary):hover {
    color: rgb(255, 255, 255);
    background-color: rgb(214, 10, 19);
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco .c-btn-read.touch-active {
      color: rgb(255, 255, 255);
      background-color: rgb(214, 10, 19);
    }
  }
}
#risoco .c-btn-read[data-kind=read] {
  padding-inline: 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-read[data-kind=read] {
    padding-inline: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-read[data-kind=read] {
    padding-inline: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-read[data-kind=read] {
    padding-inline: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-read[data-kind=read]::before {
  content: "";
  display: inline-block;
  justify-self: end;
  inline-size: 23px;
  aspect-ratio: 23/16;
  -webkit-mask-image: url("../img/c-icon-read.svg");
          mask-image: url("../img/c-icon-read.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: currentColor;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-read[data-kind=read]::before {
    width: calc(23 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-read[data-kind=read]::before {
    width: calc(23 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-read[data-kind=read]::before {
    width: calc(23 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-root {
  --_border-radius: 50vh;
  --_border-size: 1px;
  position: relative;
  display: inline-grid;
  grid-template-columns: auto auto auto;
  -moz-column-gap: 6px;
       column-gap: 6px;
  place-content: center;
  width: 294px;
  aspect-ratio: 294/54;
  font-size: 16px;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
  border: var(--_border-size) solid rgb(214, 10, 19);
  background-color: rgb(255, 255, 255);
  transition: 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-root {
    width: calc(294 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-root {
    width: calc(294 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-root {
    width: calc(264 * calc(1 / 375 * 100vw));
    aspect-ratio: 264/50;
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-root:focus-visible {
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
}
@media (any-hover: hover) {
  #risoco .c-btn-root:where(:-webkit-any-link, :enabled, summary):hover {
    color: rgb(255, 255, 255);
    background-color: rgb(214, 10, 19);
  }
  #risoco .c-btn-root:where(:-moz-any-link, :enabled, summary):hover {
    color: rgb(255, 255, 255);
    background-color: rgb(214, 10, 19);
  }
  #risoco .c-btn-root:where(:any-link, :enabled, summary):hover {
    color: rgb(255, 255, 255);
    background-color: rgb(214, 10, 19);
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco .c-btn-root.touch-active {
      color: rgb(255, 255, 255);
      background-color: rgb(214, 10, 19);
    }
  }
}
#risoco .c-btn-root::before {
  content: "";
}
#risoco .c-btn-root::after {
  content: "";
}
#risoco .c-btn-stacia {
  --_border-radius: 50vh;
  --_border-size: 1px;
  position: relative;
  display: inline-grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  color: rgb(255, 255, 255);
  border-radius: var(--_border-radius);
  border: var(--_border-size) solid rgb(255, 255, 255);
  background-color: rgb(218, 72, 111);
  transition: 0.2s ease-in-out;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#risoco .c-btn-stacia:focus-visible {
  color: rgb(218, 72, 111);
  border-color: rgb(218, 72, 111);
  background-color: rgb(255, 255, 255);
}
@media (any-hover: hover) {
  #risoco .c-btn-stacia:where(:-webkit-any-link, :enabled, summary):hover {
    color: rgb(218, 72, 111);
    border-color: rgb(218, 72, 111);
    background-color: rgb(255, 255, 255);
  }
  #risoco .c-btn-stacia:where(:-moz-any-link, :enabled, summary):hover {
    color: rgb(218, 72, 111);
    border-color: rgb(218, 72, 111);
    background-color: rgb(255, 255, 255);
  }
  #risoco .c-btn-stacia:where(:any-link, :enabled, summary):hover {
    color: rgb(218, 72, 111);
    border-color: rgb(218, 72, 111);
    background-color: rgb(255, 255, 255);
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco .c-btn-stacia.touch-active {
      color: rgb(218, 72, 111);
      border-color: rgb(218, 72, 111);
      background-color: rgb(255, 255, 255);
    }
  }
}
#risoco .c-btn-stacia[data-size=lg] {
  width: 429px;
  aspect-ratio: 429/60;
  font-size: 24px;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-stacia[data-size=lg] {
    width: calc(429 * calc(1 / 1280 * 100vw));
    font-size: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-stacia[data-size=lg] {
    width: calc(429 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-stacia[data-size=lg] {
    width: calc(319 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-stacia[data-kind=arrow] {
  padding-inline: 16px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-stacia[data-kind=arrow] {
    padding-inline: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-stacia[data-kind=arrow] {
    padding-inline: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-stacia[data-kind=arrow] {
    padding-inline: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-stacia[data-kind=arrow]:focus-visible::after {
  background: url("../img/c-arrow-stacia-ffffff.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (any-hover: hover) {
  #risoco .c-btn-stacia[data-kind=arrow]:where(:-webkit-any-link, :enabled, summary):hover::after {
    background: url("../img/c-arrow-stacia-ffffff.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  #risoco .c-btn-stacia[data-kind=arrow]:where(:-moz-any-link, :enabled, summary):hover::after {
    background: url("../img/c-arrow-stacia-ffffff.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  #risoco .c-btn-stacia[data-kind=arrow]:where(:any-link, :enabled, summary):hover::after {
    background: url("../img/c-arrow-stacia-ffffff.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco .c-btn-stacia[data-kind=arrow].touch-active::after {
      background: url("../img/c-arrow-stacia-ffffff.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
    }
  }
}
#risoco .c-btn-stacia[data-kind=arrow]::before {
  content: "";
  inline-size: 30px;
  aspect-ratio: 1;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-stacia[data-kind=arrow]::before {
    width: calc(30 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-stacia[data-kind=arrow]::before {
    width: calc(30 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-stacia[data-kind=arrow]::before {
    width: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-stacia[data-kind=arrow]::after {
  content: "";
  display: inline-block;
  justify-self: end;
  inline-size: 30px;
  aspect-ratio: 1;
  background: url("../img/c-arrow-stacia-da486f.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-stacia[data-kind=arrow]::after {
    width: calc(30 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-stacia[data-kind=arrow]::after {
    width: calc(30 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-stacia[data-kind=arrow]::after {
    width: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-cv {
  padding-block: 120px 68px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-cv {
    padding-top: calc(120 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(68 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-cv {
    padding-top: calc(120 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(68 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-cv {
    padding-top: calc(60 * calc(1 / 375 * 100vw));
    padding-bottom: calc(71 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-cv .c-cv-btn {
  text-align: center;
}
#risoco .c-breadcrumb {
  margin-inline: auto;
  padding-block: 26px 29px;
  max-width: 1100px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-breadcrumb {
    padding-top: calc(26 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(29 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(1100 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-breadcrumb {
    padding-top: calc(26 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(29 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(1100 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-breadcrumb {
    padding-top: calc(4 * calc(1 / 375 * 100vw));
    padding-bottom: calc(30 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-breadcrumb .c-breadcrumb-list {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#risoco .c-breadcrumb .c-breadcrumb-list li {
  position: relative;
  display: inline-flex;
  align-items: center;
}
#risoco .c-breadcrumb .c-breadcrumb-list li:not(:last-child):after {
  content: "";
  display: inline-block;
  margin-inline: 4px;
  width: 12px;
  aspect-ratio: 1;
  -webkit-mask-image: url("../img/g-icon-slash.svg");
          mask-image: url("../img/g-icon-slash.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: currentColor;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-breadcrumb .c-breadcrumb-list li:not(:last-child):after {
    margin-inline: calc(4 * calc(1 / 1280 * 100vw));
    width: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-breadcrumb .c-breadcrumb-list li:not(:last-child):after {
    margin-inline: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-breadcrumb .c-breadcrumb-list li:not(:last-child):after {
    margin-inline: calc(4 * calc(1 / 375 * 100vw));
    width: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-breadcrumb .c-breadcrumb-list li:first-child a {
  font-size: 12px;
  line-height: 1.334;
  font-family: "Outfit", sans-serif;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-breadcrumb .c-breadcrumb-list li:first-child a {
    font-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-breadcrumb .c-breadcrumb-list li:first-child a {
    font-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-breadcrumb .c-breadcrumb-list li:first-child a {
    font-size: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-breadcrumb .c-breadcrumb-list li:not(:first-child) a {
  font-size: 12px;
  line-height: 1.334;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-breadcrumb .c-breadcrumb-list li:not(:first-child) a {
    font-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-breadcrumb .c-breadcrumb-list li:not(:first-child) a {
    font-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-breadcrumb .c-breadcrumb-list li:not(:first-child) a {
    font-size: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-breadcrumb .c-breadcrumb-list li:last-child {
  overflow: hidden;
}
#risoco .c-breadcrumb .c-breadcrumb-list li:last-child span {
  font-size: 12px;
  line-height: 1.334;
  color: rgb(172, 172, 172);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-breadcrumb .c-breadcrumb-list li:last-child span {
    font-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-breadcrumb .c-breadcrumb-list li:last-child span {
    font-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-breadcrumb .c-breadcrumb-list li:last-child span {
    font-size: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-pager {
    -moz-column-gap: calc(8 * calc(1 / 1280 * 100vw));
         column-gap: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-pager {
    -moz-column-gap: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-pager {
    -moz-column-gap: calc(16 * calc(1 / 375 * 100vw));
         column-gap: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-pager .c-pager-prev,
#risoco .c-pager .c-pager-next {
  --_border-radius: 50vh;
  position: relative;
  width: 40px;
  aspect-ratio: 1;
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-pager .c-pager-prev,
#risoco .c-pager .c-pager-next {
    width: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-pager .c-pager-prev,
#risoco .c-pager .c-pager-next {
    width: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-pager .c-pager-prev,
#risoco .c-pager .c-pager-next {
    width: calc(28 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-pager .c-pager-prev {
  margin-right: 6px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-pager .c-pager-prev {
    margin-right: calc(6 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-pager .c-pager-prev {
    margin-right: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-pager .c-pager-prev {
    margin-right: calc(-14 * calc(1 / 375 * 100vw));
    margin-left: calc(-14 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-pager .c-pager-prev::before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("../img/c-pager-step.svg");
          mask-image: url("../img/c-pager-step.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 12px;
          mask-size: 12px;
  -webkit-mask-position: center;
          mask-position: center;
  transform: rotate(180deg);
  background-color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-pager .c-pager-prev::before {
    -webkit-mask-size: calc(12 * calc(1 / 1280 * 100vw));
            mask-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-pager .c-pager-prev::before {
    -webkit-mask-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
            mask-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-pager .c-pager-prev::before {
    -webkit-mask-size: calc(6 * calc(1 / 375 * 100vw));
            mask-size: calc(6 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-pager .c-pager-next {
  margin-right: -6px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-pager .c-pager-next {
    margin-right: calc(-6 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-pager .c-pager-next {
    margin-right: calc(-6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-pager .c-pager-next {
    margin-right: calc(-14 * calc(1 / 375 * 100vw));
    margin-left: calc(-14 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-pager .c-pager-next::before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("../img/c-pager-step.svg");
          mask-image: url("../img/c-pager-step.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 12px;
          mask-size: 12px;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-pager .c-pager-next::before {
    -webkit-mask-size: calc(12 * calc(1 / 1280 * 100vw));
            mask-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-pager .c-pager-next::before {
    -webkit-mask-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
            mask-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-pager .c-pager-next::before {
    -webkit-mask-size: calc(6 * calc(1 / 375 * 100vw));
            mask-size: calc(6 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-pager .c-pager-start,
#risoco .c-pager .c-pager-end {
  --_border-radius: 50vh;
  position: relative;
  width: 40px;
  aspect-ratio: 1;
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-pager .c-pager-start,
#risoco .c-pager .c-pager-end {
    width: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-pager .c-pager-start,
#risoco .c-pager .c-pager-end {
    width: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-pager .c-pager-start,
#risoco .c-pager .c-pager-end {
    width: calc(28 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-pager .c-pager-start::before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("../img/c-pager-highest.svg");
          mask-image: url("../img/c-pager-highest.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 15px;
          mask-size: 15px;
  -webkit-mask-position: center;
          mask-position: center;
  transform: rotate(180deg);
  background-color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-pager .c-pager-start::before {
    -webkit-mask-size: calc(15 * calc(1 / 1280 * 100vw));
            mask-size: calc(15 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-pager .c-pager-start::before {
    -webkit-mask-size: calc(15 * calc((1 * 1024 / 1280) / 1024 * 100vw));
            mask-size: calc(15 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-pager .c-pager-start::before {
    -webkit-mask-size: calc(9 * calc(1 / 375 * 100vw));
            mask-size: calc(9 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-pager .c-pager-end::before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("../img/c-pager-highest.svg");
          mask-image: url("../img/c-pager-highest.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 15px;
          mask-size: 15px;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-pager .c-pager-end::before {
    -webkit-mask-size: calc(15 * calc(1 / 1280 * 100vw));
            mask-size: calc(15 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-pager .c-pager-end::before {
    -webkit-mask-size: calc(15 * calc((1 * 1024 / 1280) / 1024 * 100vw));
            mask-size: calc(15 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-pager .c-pager-end::before {
    -webkit-mask-size: calc(9 * calc(1 / 375 * 100vw));
            mask-size: calc(9 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-pager .c-pager-num {
  --_border-radius: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  aspect-ratio: 1;
  font-size: 15px;
  font-family: "Outfit", sans-serif;
  border-radius: var(--_border-radius);
  background-color: transparent;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-pager .c-pager-num {
    width: calc(40 * calc(1 / 1280 * 100vw));
    font-size: calc(15 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-pager .c-pager-num {
    width: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(15 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-pager .c-pager-num {
    width: calc(28 * calc(1 / 375 * 100vw));
    font-size: calc(13 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-pager .c-pager-num.pager-active {
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
}
#risoco .c-ellipsis-single {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#risoco .c-ellipsis-multiple {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#risoco .g-header {
  --_box-shadow-b: 6px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 60px;
  box-shadow: 0 0 var(--_box-shadow-b) rgba(0, 0, 0, 0.16);
  background-color: rgb(255, 255, 255);
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  opacity: 1;
  visibility: visible;
  z-index: 5000;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-header {
    padding-inline: calc(60 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header {
    padding-inline: calc(60 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    height: 6.836vw;
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header {
    padding-block: calc(17 * calc(1 / 375 * 100vw));
    padding-inline: calc(12 * calc(1 / 375 * 100vw));
    height: unset;
  }
}
#risoco .g-header.hide {
  opacity: 0;
  visibility: hidden;
}
#risoco .g-header .header-logo {
  width: 137px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-header .header-logo {
    width: calc(137 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .header-logo {
    width: calc(137 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .header-logo {
    width: calc(100 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-header .header-content {
  display: flex;
  align-items: center;
  -moz-column-gap: 60px;
       column-gap: 60px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-header .header-content {
    -moz-column-gap: calc(60 * calc(1 / 1280 * 100vw));
         column-gap: calc(60 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .header-content {
    padding-right: calc(60 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .header-content {
    padding-right: calc(44 * calc(1 / 375 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .header-nav {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .header-nav {
    display: none;
  }
}
#risoco .g-header .header-nav .header-nav-list {
  display: flex;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-header .header-nav .header-nav-list {
    -moz-column-gap: calc(40 * calc(1 / 1280 * 100vw));
         column-gap: calc(40 * calc(1 / 1280 * 100vw));
  }
}
#risoco .g-header .header-nav .header-nav-list > li {
  position: relative;
  padding-block: 33px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-header .header-nav .header-nav-list > li {
    padding-block: calc(33 * calc(1 / 1280 * 100vw));
  }
}
#risoco .g-header .header-nav .header-nav-list > li:hover > .header-nav-sub, #risoco .g-header .header-nav .header-nav-list > li:focus-within > .header-nav-sub {
  opacity: 1;
  visibility: visible;
}
#risoco .g-header .header-nav .header-nav-list > li > a {
  --_text-offset: 4px;
  font-size: 16px;
  text-underline-offset: var(--_text-offset);
  -webkit-text-decoration-color: rgb(255, 255, 255) !important;
          text-decoration-color: rgb(255, 255, 255) !important;
  text-decoration: underline;
  transition: 0.2s ease-in-out;
}
#risoco .g-header .header-nav .header-nav-list > li > a:focus-visible {
  -webkit-text-decoration-color: rgb(214, 10, 19) !important;
          text-decoration-color: rgb(214, 10, 19) !important;
}
@media (any-hover: hover) {
  #risoco .g-header .header-nav .header-nav-list > li > a:where(:-webkit-any-link, :enabled, summary):hover {
    -webkit-text-decoration-color: rgb(214, 10, 19) !important;
            text-decoration-color: rgb(214, 10, 19) !important;
  }
  #risoco .g-header .header-nav .header-nav-list > li > a:where(:-moz-any-link, :enabled, summary):hover {
    text-decoration-color: rgb(214, 10, 19) !important;
  }
  #risoco .g-header .header-nav .header-nav-list > li > a:where(:any-link, :enabled, summary):hover {
    -webkit-text-decoration-color: rgb(214, 10, 19) !important;
            text-decoration-color: rgb(214, 10, 19) !important;
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco .g-header .header-nav .header-nav-list > li > a.touch-active {
      -webkit-text-decoration-color: rgb(214, 10, 19) !important;
              text-decoration-color: rgb(214, 10, 19) !important;
    }
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-header .header-nav .header-nav-list > li > a {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
#risoco .g-header .header-nav .header-nav-list > li .header-nav-sub {
  --_border-radius: 8px;
  --_z-index: -1;
  position: absolute;
  top: calc(100% + 3px);
  left: -40px;
  padding: 40px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 0 0 var(--_border-radius) var(--_border-radius);
  background-color: rgb(255, 255, 255);
  transition: 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: var(--_z-index);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-header .header-nav .header-nav-list > li .header-nav-sub {
    left: calc(-40 * calc(1 / 1280 * 100vw));
    padding: calc(40 * calc(1 / 1280 * 100vw));
  }
}
#risoco .g-header .header-nav .header-nav-list > li .header-nav-sub.show {
  opacity: 1;
  visibility: visible;
}
#risoco .g-header .header-nav .header-nav-list > li .header-nav-sub ul {
  display: flex;
  align-items: center;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-header .header-nav .header-nav-list > li .header-nav-sub ul {
    -moz-column-gap: calc(40 * calc(1 / 1280 * 100vw));
         column-gap: calc(40 * calc(1 / 1280 * 100vw));
  }
}
#risoco .g-header .header-nav .header-nav-list > li .header-nav-sub ul > li a {
  --_text-offset: 4px;
  font-size: 16px;
  text-underline-offset: var(--_text-offset);
  -webkit-text-decoration-color: rgb(255, 255, 255) !important;
          text-decoration-color: rgb(255, 255, 255) !important;
  text-decoration: underline;
  transition: 0.2s ease-in-out;
}
#risoco .g-header .header-nav .header-nav-list > li .header-nav-sub ul > li a:focus-visible {
  -webkit-text-decoration-color: rgb(214, 10, 19) !important;
          text-decoration-color: rgb(214, 10, 19) !important;
}
@media (any-hover: hover) {
  #risoco .g-header .header-nav .header-nav-list > li .header-nav-sub ul > li a:where(:-webkit-any-link, :enabled, summary):hover {
    -webkit-text-decoration-color: rgb(214, 10, 19) !important;
            text-decoration-color: rgb(214, 10, 19) !important;
  }
  #risoco .g-header .header-nav .header-nav-list > li .header-nav-sub ul > li a:where(:-moz-any-link, :enabled, summary):hover {
    text-decoration-color: rgb(214, 10, 19) !important;
  }
  #risoco .g-header .header-nav .header-nav-list > li .header-nav-sub ul > li a:where(:any-link, :enabled, summary):hover {
    -webkit-text-decoration-color: rgb(214, 10, 19) !important;
            text-decoration-color: rgb(214, 10, 19) !important;
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco .g-header .header-nav .header-nav-list > li .header-nav-sub ul > li a.touch-active {
      -webkit-text-decoration-color: rgb(214, 10, 19) !important;
              text-decoration-color: rgb(214, 10, 19) !important;
    }
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-header .header-nav .header-nav-list > li .header-nav-sub ul > li a {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
#risoco .g-header .header-btn {
  display: flex;
  align-items: center;
  -moz-column-gap: 32px;
       column-gap: 32px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-header .header-btn {
    -moz-column-gap: calc(32 * calc(1 / 1280 * 100vw));
         column-gap: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .header-btn {
    -moz-column-gap: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .header-btn {
    -moz-column-gap: calc(14 * calc(1 / 375 * 100vw));
         column-gap: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-header .header-btn .header-btn-login {
  font-size: 16px;
  font-weight: 700;
  color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-header .header-btn .header-btn-login {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .header-btn .header-btn-login {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .header-btn .header-btn-login {
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-header .header-btn .header-btn-regist {
  --_border-radius: 50vh;
  display: grid;
  place-content: center;
  width: 104px;
  aspect-ratio: 104/38;
  font-size: 16px;
  font-weight: 700;
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-header .header-btn .header-btn-regist {
    width: calc(104 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .header-btn .header-btn-regist {
    width: calc(104 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .header-btn .header-btn-regist {
    width: calc(82 * calc(1 / 375 * 100vw));
    aspect-ratio: 82/30;
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-header .global-btn {
  display: none;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .global-btn {
    display: block;
    position: absolute;
    top: 50%;
    right: calc(60 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    transform: translateY(-50%);
    width: calc(24 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
    height: calc(18 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
    cursor: pointer;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .global-btn {
    display: block;
    position: absolute;
    top: 50%;
    right: calc(12 * calc(1 / 375 * 100vw));
    transform: translateY(-50%);
    width: calc(24 * calc(1 / 375 * 100vw));
    height: calc(18 * calc(1 / 375 * 100vw));
    cursor: pointer;
    z-index: 1;
  }
}
#risoco .g-header .global-btn[aria-expanded=true] .global-btn-line {
  background-color: transparent;
}
#risoco .g-header .global-btn[aria-expanded=true] .global-btn-line::before {
  top: 0;
  transform: rotate(45deg);
}
#risoco .g-header .global-btn[aria-expanded=true] .global-btn-line::after {
  top: 0;
  transform: rotate(-45deg);
}
#risoco .g-header .global-btn .global-btn-line {
  position: relative;
  display: block;
  background-color: rgb(214, 10, 19);
  transition: 0.2s ease-in-out;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .global-btn .global-btn-line {
    width: calc(24 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
    height: calc(2 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .global-btn .global-btn-line {
    width: calc(24 * calc(1 / 375 * 100vw));
    height: calc(2 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-header .global-btn .global-btn-line::before, #risoco .g-header .global-btn .global-btn-line::after {
  content: "";
  display: block;
  position: absolute;
  transition: 0.2s ease-in-out;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .global-btn .global-btn-line::before, #risoco .g-header .global-btn .global-btn-line::after {
    background-color: rgb(214, 10, 19);
    width: calc(24 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
    height: calc(2 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .global-btn .global-btn-line::before, #risoco .g-header .global-btn .global-btn-line::after {
    background-color: rgb(214, 10, 19);
    width: calc(24 * calc(1 / 375 * 100vw));
    height: calc(2 * calc(1 / 375 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .global-btn .global-btn-line::before {
    top: calc(-8 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .global-btn .global-btn-line::before {
    top: calc(-8 * calc(1 / 375 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .global-btn .global-btn-line::after {
    top: calc(8 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .global-btn .global-btn-line::after {
    top: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-header .global-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding-block: 0 80px;
  width: 100%;
  max-height: 100dvh;
  min-height: 100dvh;
  background-color: rgb(247, 245, 241);
  transition: 0.4s ease-in-out;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .global-menu {
    left: unset;
    padding-bottom: calc(80 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .global-menu {
    padding-bottom: calc(80 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-header .global-menu.show {
  opacity: 1;
  visibility: visible;
}
#risoco .g-header .global-nav-list {
  position: relative;
  margin-inline: auto;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .global-nav-list {
    width: 87.2%;
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .global-nav-list {
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-header .global-nav-list li:not(:last-child) {
  --_border-size: 0;
  border-bottom: var(--_border-size) solid rgb(213, 213, 213);
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .global-nav-list li:not(:last-child) {
    --_border-size: calc(1 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .global-nav-list li:not(:last-child) {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-header .global-nav-list li a {
  display: block;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .global-nav-list li a {
    font-size: calc(16 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
    padding-block: calc(20 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .global-nav-list li a {
    font-size: calc(16 * calc(1 / 375 * 100vw));
    padding-block: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-header .submenu button {
  position: relative;
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .submenu button {
    padding-block: calc(20 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
    font-size: calc(16 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .submenu button {
    padding-block: calc(20 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-header .submenu button[aria-expanded=true]::after {
  background: url("../img/g-accordion-close.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .submenu button[aria-expanded=true] + .submenu-content ul {
    margin-top: calc(-4 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .submenu button[aria-expanded=true] + .submenu-content ul {
    margin-top: calc(-4 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-header .submenu button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  aspect-ratio: 1;
  background: url("../img/g-accordion-open.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .submenu button::after {
    width: calc(20 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .submenu button::after {
    width: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-header .submenu .submenu-content {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: max-height 0.2s ease-in-out;
}
#risoco .g-header .submenu .submenu-content.show {
  max-height: unset;
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .submenu .submenu-content.show {
    padding-bottom: calc(20 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .submenu .submenu-content.show {
    padding-bottom: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-header .submenu .submenu-content.show ul {
  opacity: 1;
  visibility: visible;
}
#risoco .g-header .submenu .submenu-content ul {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .submenu .submenu-content ul {
    padding-left: calc(4 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .submenu .submenu-content ul {
    padding-left: calc(4 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-header .submenu .submenu-content ul li {
  --_border-size: 0;
}
#risoco .g-header .submenu .submenu-content ul li a {
  position: relative;
  padding-left: 1em;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .submenu .submenu-content ul li a {
    font-size: calc(14 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
    padding-block: calc(6 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .submenu .submenu-content ul li a {
    font-size: calc(14 * calc(1 / 375 * 100vw));
    padding-block: calc(6 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-header .submenu .submenu-content ul li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 10px;
  aspect-ratio: 1;
  -webkit-mask-image: url("../img/g-chevron-line.svg");
          mask-image: url("../img/g-chevron-line.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: currentColor;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-header .submenu .submenu-content ul li a::before {
    width: calc(8 * calc(((1 * 1024 / 375) / 1024 * 100vw) * 0.4));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-header .submenu .submenu-content ul li a::before {
    width: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco .global-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(51, 51, 51, 0.52);
  opacity: 0;
  visibility: hidden;
  z-index: 4000;
}
#risoco .global-mask.show {
  opacity: 1;
  visibility: visible;
}
#risoco .g-parts {
  position: -webkit-sticky;
  position: sticky;
  top: 100%;
}
#risoco .g-footer {
  background-color: rgb(245, 245, 245);
}
#risoco .g-footer .footer-content {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-inline: auto;
  padding-block: 57px 60px;
  max-width: 900px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-footer .footer-content {
    padding-top: calc(57 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(60 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(900 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-footer .footer-content {
    padding-top: calc(57 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(60 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(900 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-footer .footer-content {
    flex-direction: column;
    padding-top: calc(43 * calc(1 / 375 * 100vw));
    padding-bottom: calc(60 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-footer .footer-content .footer-root {
  display: block;
  position: absolute;
  top: 0;
  right: -100px;
  transform: translateY(-50%);
  width: 52px;
  aspect-ratio: 1;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-footer .footer-content .footer-root {
    right: calc(-100 * calc(1 / 1280 * 100vw));
    width: calc(52 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-footer .footer-content .footer-root {
    right: calc(-100 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(52 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-footer .footer-content .footer-root {
    right: calc(0 * calc(1 / 375 * 100vw));
    width: calc(46 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-footer .footer-content .footer-root img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #risoco .g-footer .footer-main {
    display: flex;
    align-items: center;
    -moz-column-gap: calc(32 * calc(1 / 375 * 100vw));
         column-gap: calc(32 * calc(1 / 375 * 100vw));
    margin-bottom: calc(40 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-footer .footer-main .footer-logo {
  margin-bottom: 38px;
  width: 190px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-footer .footer-main .footer-logo {
    margin-bottom: calc(38 * calc(1 / 1280 * 100vw));
    width: calc(190 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-footer .footer-main .footer-logo {
    margin-bottom: calc(38 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(190 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-footer .footer-main .footer-logo {
    margin-bottom: 0;
    width: calc(114 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-footer .footer-main .footer-sns-list {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-footer .footer-main .footer-sns-list {
    -moz-column-gap: calc(8 * calc(1 / 1280 * 100vw));
         column-gap: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-footer .footer-main .footer-sns-list {
    -moz-column-gap: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-footer .footer-main .footer-sns-list {
    -moz-column-gap: calc(8 * calc(1 / 375 * 100vw));
         column-gap: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-footer .footer-main .footer-sns-list dt {
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-footer .footer-main .footer-sns-list dt {
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-footer .footer-main .footer-sns-list dt {
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-footer .footer-main .footer-sns-list dt {
    line-height: 1.412;
    font-size: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-footer .footer-main .footer-sns-list dd {
  width: 26px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-footer .footer-main .footer-sns-list dd {
    width: calc(26 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-footer .footer-main .footer-sns-list dd {
    width: calc(26 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-footer .footer-main .footer-sns-list dd {
    width: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-footer .footer-nav {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-footer .footer-nav {
    -moz-column-gap: calc(40 * calc(1 / 1280 * 100vw));
         column-gap: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-footer .footer-nav {
    -moz-column-gap: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-footer .footer-nav {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    row-gap: calc(8 * calc(1 / 375 * 100vw));
    -moz-column-gap: calc(16 * calc(1 / 375 * 100vw));
         column-gap: calc(16 * calc(1 / 375 * 100vw));
    grid-template-areas: "top-left top-right" "bottom-left bottom-right";
  }
}
#risoco .g-footer .footer-nav .footer-nav-list {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-footer .footer-nav .footer-nav-list {
    row-gap: calc(10 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-footer .footer-nav .footer-nav-list {
    row-gap: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-footer .footer-nav .footer-nav-list {
    row-gap: calc(8 * calc(1 / 375 * 100vw));
  }
  #risoco .g-footer .footer-nav .footer-nav-list:nth-of-type(1) {
    grid-area: top-left;
    grid-row: 1/2;
  }
  #risoco .g-footer .footer-nav .footer-nav-list:nth-of-type(2) {
    grid-area: bottom-left;
    grid-row: 2/3;
  }
  #risoco .g-footer .footer-nav .footer-nav-list:nth-of-type(3) {
    grid-area: top-right;
    grid-row: 1/3;
  }
}
#risoco .g-footer .footer-nav .footer-nav-list > li > a {
  position: relative;
  display: inline-block;
  padding-left: 1.4em;
  width: 100%;
  font-size: 14px;
  line-height: 1.429;
  transition: 0.2s ease-in-out;
  overflow-x: clip;
}
#risoco .g-footer .footer-nav .footer-nav-list > li > a:focus-visible {
  color: rgb(214, 10, 19);
}
@media (any-hover: hover) {
  #risoco .g-footer .footer-nav .footer-nav-list > li > a:where(:-webkit-any-link, :enabled, summary):hover {
    color: rgb(214, 10, 19);
  }
  #risoco .g-footer .footer-nav .footer-nav-list > li > a:where(:-moz-any-link, :enabled, summary):hover {
    color: rgb(214, 10, 19);
  }
  #risoco .g-footer .footer-nav .footer-nav-list > li > a:where(:any-link, :enabled, summary):hover {
    color: rgb(214, 10, 19);
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco .g-footer .footer-nav .footer-nav-list > li > a.touch-active {
      color: rgb(214, 10, 19);
    }
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-footer .footer-nav .footer-nav-list > li > a {
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-footer .footer-nav .footer-nav-list > li > a {
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-footer .footer-nav .footer-nav-list > li > a {
    padding-left: 1.2em;
    font-size: calc(12 * calc(1 / 375 * 100vw));
    letter-spacing: 0.03em;
  }
}
#risoco .g-footer .footer-nav .footer-nav-list > li > a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translate(-50%, -50%);
  width: 10px;
  aspect-ratio: 1;
  -webkit-mask-image: url("../img/g-chevron-left.svg");
          mask-image: url("../img/g-chevron-left.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: currentColor;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-footer .footer-nav .footer-nav-list > li > a::before {
    width: calc(10 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-footer .footer-nav .footer-nav-list > li > a::before {
    width: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-footer .footer-nav .footer-nav-list > li > a::before {
    width: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-footer .footer-nav .footer-nav-child-list {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-footer .footer-nav .footer-nav-child-list {
    row-gap: calc(6 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-footer .footer-nav .footer-nav-child-list {
    row-gap: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-footer .footer-nav .footer-nav-child-list {
    row-gap: calc(6 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-footer .footer-nav .footer-nav-child-list > li {
  padding-left: 1em;
}
#risoco .g-footer .footer-nav .footer-nav-child-list > li > a {
  position: relative;
  display: inline-block;
  padding-left: 1.2em;
  width: 100%;
  font-size: 14px;
  line-height: 1.429;
  transition: 0.2s ease-in-out;
  overflow-x: clip;
}
#risoco .g-footer .footer-nav .footer-nav-child-list > li > a:focus-visible {
  color: rgb(214, 10, 19);
}
@media (any-hover: hover) {
  #risoco .g-footer .footer-nav .footer-nav-child-list > li > a:where(:-webkit-any-link, :enabled, summary):hover {
    color: rgb(214, 10, 19);
  }
  #risoco .g-footer .footer-nav .footer-nav-child-list > li > a:where(:-moz-any-link, :enabled, summary):hover {
    color: rgb(214, 10, 19);
  }
  #risoco .g-footer .footer-nav .footer-nav-child-list > li > a:where(:any-link, :enabled, summary):hover {
    color: rgb(214, 10, 19);
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco .g-footer .footer-nav .footer-nav-child-list > li > a.touch-active {
      color: rgb(214, 10, 19);
    }
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-footer .footer-nav .footer-nav-child-list > li > a {
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-footer .footer-nav .footer-nav-child-list > li > a {
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-footer .footer-nav .footer-nav-child-list > li > a {
    padding-left: 1em;
    font-size: calc(12 * calc(1 / 375 * 100vw));
    letter-spacing: 0.03em;
  }
}
#risoco .g-footer .footer-nav .footer-nav-child-list > li > a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translate(-50%, -50%);
  width: 10px;
  aspect-ratio: 1;
  -webkit-mask-image: url("../img/g-chevron-line.svg");
          mask-image: url("../img/g-chevron-line.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: currentColor;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-footer .footer-nav .footer-nav-child-list > li > a::before {
    width: calc(10 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-footer .footer-nav .footer-nav-child-list > li > a::before {
    width: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-footer .footer-nav .footer-nav-child-list > li > a::before {
    width: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco .g-footer .copy {
  --_border-size: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 21px 22px;
  font-size: 12px;
  line-height: 1.417;
  letter-spacing: 0.03em;
  font-family: "Outfit", sans-serif;
  border-top: var(--_border-size) solid rgb(221, 221, 221);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .g-footer .copy {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-top: calc(21 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(22 * calc(1 / 1280 * 100vw));
    font-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .g-footer .copy {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(21 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(22 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .g-footer .copy {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding-top: calc(14 * calc(1 / 375 * 100vw));
    padding-bottom: calc(15 * calc(1 / 375 * 100vw));
    font-size: calc(10 * calc(1 / 375 * 100vw));
    line-height: 1.6;
  }
}
#risoco .c-btn-cta {
  --_border-radius: 100vmax;
  --_border-size: 4px;
  position: relative;
  display: inline-grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding-inline: 52px 58px;
  width: 536px;
  aspect-ratio: 536/114;
  font-size: 33px;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
  border: var(--_border-size) solid rgb(255, 255, 255);
  transition: 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-cta {
    --_border-size: calc(4 * calc(1 / 1280 * 100vw));
    padding-left: calc(52 * calc(1 / 1280 * 100vw));
    padding-right: calc(58 * calc(1 / 1280 * 100vw));
    width: calc(536 * calc(1 / 1280 * 100vw));
    font-size: calc(33 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-cta {
    --_border-size: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-left: calc(52 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-right: calc(58 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(536 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(33 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-cta {
    --_border-size: calc(2 * calc(1 / 375 * 100vw));
    padding-left: calc(30 * calc(1 / 375 * 100vw));
    padding-right: calc(23 * calc(1 / 375 * 100vw));
    width: calc(327 * calc(1 / 375 * 100vw));
    aspect-ratio: 327/74;
    font-size: calc(21 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-cta:focus-visible {
  color: rgb(214, 10, 19);
  background-color: rgb(255, 255, 255);
  border: var(--_border-size) solid rgb(214, 10, 19);
}
#risoco .c-btn-cta:focus-visible::after {
  background: url("../img/c-arrow-right-d60a13.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (any-hover: hover) {
  #risoco .c-btn-cta:where(:-webkit-any-link, :enabled, summary):hover {
    color: rgb(214, 10, 19);
    background-color: rgb(255, 255, 255);
    border: var(--_border-size) solid rgb(214, 10, 19);
  }
  #risoco .c-btn-cta:where(:-moz-any-link, :enabled, summary):hover {
    color: rgb(214, 10, 19);
    background-color: rgb(255, 255, 255);
    border: var(--_border-size) solid rgb(214, 10, 19);
  }
  #risoco .c-btn-cta:where(:any-link, :enabled, summary):hover {
    color: rgb(214, 10, 19);
    background-color: rgb(255, 255, 255);
    border: var(--_border-size) solid rgb(214, 10, 19);
  }
  #risoco .c-btn-cta:where(:-webkit-any-link, :enabled, summary):hover::after {
    background: url("../img/c-arrow-right-d60a13.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  #risoco .c-btn-cta:where(:-moz-any-link, :enabled, summary):hover::after {
    background: url("../img/c-arrow-right-d60a13.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  #risoco .c-btn-cta:where(:any-link, :enabled, summary):hover::after {
    background: url("../img/c-arrow-right-d60a13.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco .c-btn-cta.touch-active {
      color: rgb(214, 10, 19);
      background-color: rgb(255, 255, 255);
      border: var(--_border-size) solid rgb(214, 10, 19);
    }
    #risoco .c-btn-cta.touch-active::after {
      background: url("../img/c-arrow-right-d60a13.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
    }
  }
}
#risoco .c-btn-cta::before {
  content: "";
  display: inline-block;
  inline-size: 58px;
  aspect-ratio: 58/38;
  background: url("../img/c-icon-cv.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-cta::before {
    width: calc(58 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-cta::before {
    width: calc(58 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-cta::before {
    width: calc(39 * calc(1 / 375 * 100vw));
  }
}
#risoco .c-btn-cta::after {
  content: "";
  display: inline-block;
  justify-self: end;
  inline-size: 42px;
  aspect-ratio: 1;
  background: url("../img/c-arrow-right-ffffff.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco .c-btn-cta::after {
    width: calc(42 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco .c-btn-cta::after {
    width: calc(42 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco .c-btn-cta::after {
    width: calc(20 * calc(1 / 375 * 100vw));
  }
}

/*                  
    3.Page
    -home
    -subpage
    -remodal
*/
#risoco.home .l-mv {
  position: relative;
  padding: 24px;
  margin-bottom: 80px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-mv {
    padding: calc(24 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-mv {
    padding: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-mv {
    padding-top: calc(12 * calc(1 / 375 * 100vw));
    padding-bottom: calc(18 * calc(1 / 375 * 100vw));
    padding-inline: 0;
    margin-bottom: calc(54 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-mv .mv-splide {
  margin-inline: auto;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #risoco.home .l-mv .mv-splide {
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-mv .splide {
  visibility: visible;
}
#risoco.home .l-mv .splide .splide__track {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-x: clip;
  overflow-y: revert;
}
#risoco.home .l-mv .splide .splide__pagination {
  position: absolute;
  left: 50%;
  bottom: -30px;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  -moz-column-gap: 14px;
       column-gap: 14px;
  line-height: 0;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-mv .splide .splide__pagination {
    bottom: calc(-30 * calc(1 / 1280 * 100vw));
    -moz-column-gap: calc(14 * calc(1 / 1280 * 100vw));
         column-gap: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-mv .splide .splide__pagination {
    bottom: calc(-30 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    -moz-column-gap: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-mv .splide .splide__pagination {
    bottom: calc(-18 * calc(1 / 375 * 100vw));
    -moz-column-gap: calc(12 * calc(1 / 375 * 100vw));
         column-gap: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-mv .splide .splide__pagination .splide__pagination__page {
  --_border-radius: 100vmax;
  width: 9px;
  aspect-ratio: 1;
  border-radius: var(--_border-radius);
  background-color: rgb(240, 240, 240);
  transition: 0.4s ease-in-out;
  cursor: pointer;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-mv .splide .splide__pagination .splide__pagination__page {
    width: calc(9 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-mv .splide .splide__pagination .splide__pagination__page {
    width: calc(9 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-mv .splide .splide__pagination .splide__pagination__page {
    width: calc(6 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-mv .splide .splide__pagination .splide__pagination__page.is-active {
  background-color: rgb(214, 10, 19);
}
#risoco.home .l-feature {
  padding-block: 80px;
  background-color: rgb(247, 245, 241);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-feature {
    padding-block: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-feature {
    padding-block: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-feature {
    padding-block: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-feature .feature-lead {
  margin-block: 40px 52px;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  line-height: 1.875;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-feature .feature-lead {
    margin-top: calc(40 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(52 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-feature .feature-lead {
    margin-top: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(52 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-feature .feature-lead {
    margin-top: calc(24 * calc(1 / 375 * 100vw));
    margin-bottom: calc(38 * calc(1 / 375 * 100vw));
    width: calc(327 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-feature .feature-list {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  padding-block: 52px;
  padding-inline: 51px;
  margin-bottom: 40px;
  margin-inline: auto;
  max-width: 900px;
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-feature .feature-list {
    row-gap: calc(24 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(40 * calc(1 / 1280 * 100vw));
    padding-block: calc(52 * calc(1 / 1280 * 100vw));
    padding-inline: calc(51 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(900 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-feature .feature-list {
    row-gap: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(52 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(51 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(900 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-feature .feature-list {
    row-gap: calc(42 * calc(1 / 375 * 100vw));
    margin-bottom: calc(36 * calc(1 / 375 * 100vw));
    padding-block: calc(32 * calc(1 / 375 * 100vw));
    padding-inline: calc(12 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-feature .feature-list .feature-item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #risoco.home .l-feature .feature-list .feature-item {
    flex-direction: column-reverse;
  }
}
#risoco.home .l-feature .feature-list .feature-item:nth-child(odd) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  #risoco.home .l-feature .feature-list .feature-item:nth-child(odd) {
    flex-direction: column-reverse;
  }
}
#risoco.home .l-feature .feature-list .feature-item:nth-child(odd) .desc {
  padding-inline: 48px 25px;
  width: 50%;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-feature .feature-list .feature-item:nth-child(odd) .desc {
    padding-left: calc(48 * calc(1 / 1280 * 100vw));
    padding-right: calc(25 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-feature .feature-list .feature-item:nth-child(odd) .desc {
    padding-left: calc(48 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-right: calc(25 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-feature .feature-list .feature-item:nth-child(odd) .desc {
    padding-inline: calc(0 * calc(1 / 375 * 100vw));
    width: 100%;
  }
}
#risoco.home .l-feature .feature-list .feature-item:nth-child(even) .desc {
  padding-inline: 25px 48px;
  width: 50%;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-feature .feature-list .feature-item:nth-child(even) .desc {
    padding-left: calc(25 * calc(1 / 1280 * 100vw));
    padding-right: calc(48 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-feature .feature-list .feature-item:nth-child(even) .desc {
    padding-left: calc(25 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-right: calc(48 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-feature .feature-list .feature-item:nth-child(even) .desc {
    padding-inline: calc(0 * calc(1 / 375 * 100vw));
    width: 100%;
  }
}
#risoco.home .l-feature .feature-list .feature-item .desc .ttl {
  display: inline-grid;
  row-gap: 24px;
  margin-bottom: 24px;
  font-size: 20px;
  line-height: 1.8;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-feature .feature-list .feature-item .desc .ttl {
    row-gap: calc(24 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(24 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-feature .feature-list .feature-item .desc .ttl {
    row-gap: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-feature .feature-list .feature-item .desc .ttl {
    display: grid;
    justify-items: center;
    row-gap: calc(16 * calc(1 / 375 * 100vw));
    margin-inline: auto;
    margin-bottom: calc(16 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-feature .feature-list .feature-item .desc .ttl::after {
  --_border-radius: 3px;
  content: "";
  width: 40px;
  aspect-ratio: 40/3;
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-feature .feature-list .feature-item .desc .ttl::after {
    --_border-radius: calc(3 * calc(1 / 1280 * 100vw));
    width: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-feature .feature-list .feature-item .desc .ttl::after {
    --_border-radius: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-feature .feature-list .feature-item .desc .ttl::after {
    --_border-radius: calc(3 * calc(1 / 375 * 100vw));
    width: calc(40 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-feature .feature-list .feature-item .desc .txt {
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-feature .feature-list .feature-item .desc .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-feature .feature-list .feature-item .desc .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-feature .feature-list .feature-item .desc .txt {
    font-size: calc(16 * calc(1 / 375 * 100vw));
    text-align: center;
  }
}
#risoco.home .l-feature .feature-list .feature-item .desc .txt span {
  font-weight: 700;
}
#risoco.home .l-feature .feature-list .feature-item .thmb {
  --_border-radius: 8px;
  width: 50%;
  border-radius: var(--_border-radius);
  overflow: hidden;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-feature .feature-list .feature-item .thmb {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-feature .feature-list .feature-item .thmb {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-feature .feature-list .feature-item .thmb {
    --_border-radius: calc(5 * calc(1 / 375 * 100vw));
    margin-bottom: calc(18 * calc(1 / 375 * 100vw));
    width: 100%;
  }
}
#risoco.home .l-feature .feature-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 42px;
       column-gap: 42px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-feature .feature-btn {
    -moz-column-gap: calc(42 * calc(1 / 1280 * 100vw));
         column-gap: calc(42 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-feature .feature-btn {
    -moz-column-gap: calc(42 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(42 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-feature .feature-btn {
    flex-direction: column;
    -moz-column-gap: calc(0 * calc(1 / 375 * 100vw));
         column-gap: calc(0 * calc(1 / 375 * 100vw));
    row-gap: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-plan {
  padding-block: 80px;
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-plan {
    padding-block: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-plan {
    padding-block: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-plan {
    padding-block: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-plan .plan-list {
  display: flex;
  justify-content: space-between;
  margin-block: 40px 0;
  margin-inline: auto;
  max-width: 798px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-plan .plan-list {
    margin-top: calc(40 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(798 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-plan .plan-list {
    margin-top: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(798 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-plan .plan-list {
    flex-direction: column;
    row-gap: calc(20 * calc(1 / 375 * 100vw));
    margin-top: calc(24 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-plan .plan-list .plan-item {
  width: 45.489%;
}
@media screen and (max-width: 768px) {
  #risoco.home .l-plan .plan-list .plan-item {
    width: 100%;
  }
}
#risoco.home .l-plan .plan-list .plan-item:first-child a .ttl {
  padding-inline: 42px 44px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-plan .plan-list .plan-item:first-child a .ttl {
    padding-left: calc(42 * calc(1 / 1280 * 100vw));
    padding-right: calc(44 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-plan .plan-list .plan-item:first-child a .ttl {
    padding-left: calc(42 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-right: calc(44 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-plan .plan-list .plan-item:first-child a .ttl {
    padding-left: calc(36 * calc(1 / 375 * 100vw));
    padding-right: calc(36 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-plan .plan-list .plan-item:first-child a .ttl::before {
  content: "";
  position: absolute;
  left: 0;
  width: 31px;
  aspect-ratio: 31/37;
  background: url("../img/c-icon-book.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-plan .plan-list .plan-item:first-child a .ttl::before {
    width: calc(31 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-plan .plan-list .plan-item:first-child a .ttl::before {
    width: calc(31 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-plan .plan-list .plan-item:first-child a .ttl::before {
    width: calc(24 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-plan .plan-list .plan-item:first-child a .ttl::after {
  content: "";
  position: absolute;
  right: 0;
  width: 32px;
  aspect-ratio: 1;
  background-image: url("../img/c-arrow-plan-nohover.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-plan .plan-list .plan-item:first-child a .ttl::after {
    width: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-plan .plan-list .plan-item:first-child a .ttl::after {
    width: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-plan .plan-list .plan-item:first-child a .ttl::after {
    width: calc(24 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-plan .plan-list .plan-item:nth-child(2) a .ttl {
  padding-inline: 54px 44px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-plan .plan-list .plan-item:nth-child(2) a .ttl {
    padding-left: calc(54 * calc(1 / 1280 * 100vw));
    padding-right: calc(44 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-plan .plan-list .plan-item:nth-child(2) a .ttl {
    padding-left: calc(54 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-right: calc(44 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-plan .plan-list .plan-item:nth-child(2) a .ttl {
    padding-left: calc(46 * calc(1 / 375 * 100vw));
    padding-right: calc(36 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-plan .plan-list .plan-item:nth-child(2) a .ttl::before {
  content: "";
  position: absolute;
  left: 0;
  width: 46px;
  aspect-ratio: 46/27;
  background: url("../img/c-icon-box.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-plan .plan-list .plan-item:nth-child(2) a .ttl::before {
    width: calc(46 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-plan .plan-list .plan-item:nth-child(2) a .ttl::before {
    width: calc(46 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-plan .plan-list .plan-item:nth-child(2) a .ttl::before {
    width: calc(36 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-plan .plan-list .plan-item:nth-child(2) a .ttl::after {
  content: "";
  position: absolute;
  right: 0;
  width: 32px;
  aspect-ratio: 1;
  background-image: url("../img/c-arrow-plan-nohover.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-plan .plan-list .plan-item:nth-child(2) a .ttl::after {
    width: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-plan .plan-list .plan-item:nth-child(2) a .ttl::after {
    width: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-plan .plan-list .plan-item:nth-child(2) a .ttl::after {
    width: calc(24 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-plan .plan-list .plan-item a {
  --_border-radius: 8px;
  --_box-shadow-y: 4px;
  --_box-shadow-b: 12px;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-block: 34px 40px;
  border-radius: var(--_border-radius);
  box-shadow: 0 var(--_box-shadow-y) var(--_box-shadow-b) rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-plan .plan-list .plan-item a {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-top: calc(34 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-plan .plan-list .plan-item a {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(34 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-plan .plan-list .plan-item a {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding-top: calc(37 * calc(1 / 375 * 100vw));
    padding-bottom: calc(37 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-plan .plan-list .plan-item a:focus-visible .ttl::after {
  background-image: url("../img/c-arrow-plan-hover.svg");
}
@media (any-hover: hover) {
  #risoco.home .l-plan .plan-list .plan-item a:where(:-webkit-any-link, :enabled, summary):hover .ttl::after {
    background-image: url("../img/c-arrow-plan-hover.svg");
  }
  #risoco.home .l-plan .plan-list .plan-item a:where(:-moz-any-link, :enabled, summary):hover .ttl::after {
    background-image: url("../img/c-arrow-plan-hover.svg");
  }
  #risoco.home .l-plan .plan-list .plan-item a:where(:any-link, :enabled, summary):hover .ttl::after {
    background-image: url("../img/c-arrow-plan-hover.svg");
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco.home .l-plan .plan-list .plan-item a.touch-active .ttl::after {
      background-image: url("../img/c-arrow-plan-hover.svg");
    }
  }
}
#risoco.home .l-plan .plan-list .plan-item a .ttl {
  order: 3;
  position: relative;
  display: inline-grid;
  align-items: center;
  margin-bottom: 24px;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 20px;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-plan .plan-list .plan-item a .ttl {
    margin-bottom: calc(24 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-plan .plan-list .plan-item a .ttl {
    margin-bottom: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-plan .plan-list .plan-item a .ttl {
    margin-bottom: calc(22 * calc(1 / 375 * 100vw));
    font-size: calc(17 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-plan .plan-list .plan-item a .txt {
  order: 4;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  line-height: 1.875;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-plan .plan-list .plan-item a .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-plan .plan-list .plan-item a .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-plan .plan-list .plan-item a .txt {
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-plan .plan-list .plan-item a .lead {
  order: 1;
  margin-inline: auto;
  margin-bottom: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.04em;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-plan .plan-list .plan-item a .lead {
    margin-bottom: calc(16 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-plan .plan-list .plan-item a .lead {
    margin-bottom: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-plan .plan-list .plan-item a .lead {
    margin-bottom: calc(15 * calc(1 / 375 * 100vw));
    font-size: calc(17 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-plan .plan-list .plan-item a .lead span {
  display: block;
  color: rgb(214, 10, 19);
}
#risoco.home .l-plan .plan-list .plan-item a .thmb {
  order: 2;
  margin-bottom: 14px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-plan .plan-list .plan-item a .thmb {
    margin-bottom: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-plan .plan-list .plan-item a .thmb {
    margin-bottom: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-plan .plan-list .plan-item a .thmb {
    margin-bottom: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-howto {
  padding-block: 80px;
  background-color: rgb(245, 245, 245);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-howto {
    padding-block: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-howto {
    padding-block: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-howto {
    padding-block: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-howto .howto-content {
  margin-block: 40px 0;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-howto .howto-content {
    margin-top: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-howto .howto-content {
    margin-top: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-howto .howto-content {
    margin-top: calc(24 * calc(1 / 375 * 100vw));
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-howto .howto-content .howto-list {
  position: relative;
  display: flex;
  justify-content: center;
  -moz-column-gap: 48px;
       column-gap: 48px;
  margin-block: 0 52px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-howto .howto-content .howto-list {
    -moz-column-gap: calc(48 * calc(1 / 1280 * 100vw));
         column-gap: calc(48 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(52 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-howto .howto-content .howto-list {
    -moz-column-gap: calc(48 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(48 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(52 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-howto .howto-content .howto-list {
    flex-direction: column;
    -moz-column-gap: calc(0 * calc(1 / 375 * 100vw));
         column-gap: calc(0 * calc(1 / 375 * 100vw));
    row-gap: calc(24 * calc(1 / 375 * 100vw));
    margin-bottom: calc(40 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-howto .howto-content .howto-list::before {
  --_linear-gradient-size: 3px;
  --_linear-gradient-interval: 12px;
  content: "";
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 219px);
  height: var(--_linear-gradient-size);
  background-image: linear-gradient(to right, rgb(214, 10, 19) var(--_linear-gradient-size), transparent var(--_linear-gradient-size));
  background-size: var(--_linear-gradient-interval) var(--_linear-gradient-size);
  background-repeat: repeat-x;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-howto .howto-content .howto-list::before {
    top: calc(18 * calc(1 / 1280 * 100vw));
    width: calc(100% - 17.11vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-howto .howto-content .howto-list::before {
    top: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(100% - 17.11vw);
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-howto .howto-content .howto-list::before {
    --_linear-gradient-size: calc(2 * calc(1 / 375 * 100vw));
    --_linear-gradient-interval: calc(8 * calc(1 / 375 * 100vw));
    top: calc(12 * calc(1 / 375 * 100vw));
    left: calc(12 * calc(1 / 375 * 100vw));
    transform: translateX(0);
    width: var(--_linear-gradient-size);
    height: calc(100% - 65.067vw);
    background-image: linear-gradient(to bottom, rgb(214, 10, 19) var(--_linear-gradient-size), transparent var(--_linear-gradient-size));
    background-size: var(--_linear-gradient-size) var(--_linear-gradient-interval);
    background-repeat: repeat-y;
  }
}
#risoco.home .l-howto .howto-content .howto-list > li {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 219px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-howto .howto-content .howto-list > li {
    width: calc(219 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-howto .howto-content .howto-list > li {
    width: calc(219 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-howto .howto-content .howto-list > li {
    width: 100%;
  }
}
#risoco.home .l-howto .howto-content .howto-list > li .desc {
  display: contents;
}
@media screen and (max-width: 768px) {
  #risoco.home .l-howto .howto-content .howto-list > li .desc {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
#risoco.home .l-howto .howto-content .howto-list > li .desc .num {
  --_border-radius: 50vh;
  order: 1;
  position: relative;
  display: grid;
  place-content: center;
  margin-bottom: 14px;
  margin-inline: auto;
  width: 36px;
  aspect-ratio: 1;
  font-size: 20px;
  font-weight: 700;
  font-family: "Outfit", sans-serif;
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-howto .howto-content .howto-list > li .desc .num {
    margin-bottom: calc(14 * calc(1 / 1280 * 100vw));
    width: calc(36 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-howto .howto-content .howto-list > li .desc .num {
    margin-bottom: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(36 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-howto .howto-content .howto-list > li .desc .num {
    top: 0.1em;
    margin-bottom: calc(0 * calc(1 / 375 * 100vw));
    margin-inline: calc(0 * calc(1 / 375 * 100vw));
    width: calc(24 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-howto .howto-content .howto-list > li .desc .txt {
  order: 3;
  font-size: 16px;
  line-height: 1.688;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-howto .howto-content .howto-list > li .desc .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-howto .howto-content .howto-list > li .desc .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-howto .howto-content .howto-list > li .desc .txt {
    width: calc(100% - 9.067vw);
    margin-bottom: calc(16 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
    text-align: left;
  }
}
#risoco.home .l-howto .howto-content .howto-list > li .thmb {
  order: 2;
  margin-bottom: 18px;
  margin-inline: auto;
  width: 161px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-howto .howto-content .howto-list > li .thmb {
    margin-bottom: calc(18 * calc(1 / 1280 * 100vw));
    width: calc(161 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-howto .howto-content .howto-list > li .thmb {
    margin-bottom: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(161 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-howto .howto-content .howto-list > li .thmb {
    margin-bottom: calc(0 * calc(1 / 375 * 100vw));
    width: calc(172 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-howto .howto-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 42px;
       column-gap: 42px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-howto .howto-btn {
    -moz-column-gap: calc(42 * calc(1 / 1280 * 100vw));
         column-gap: calc(42 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-howto .howto-btn {
    -moz-column-gap: calc(42 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(42 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-howto .howto-btn {
    flex-direction: column;
    -moz-column-gap: calc(0 * calc(1 / 375 * 100vw));
         column-gap: calc(0 * calc(1 / 375 * 100vw));
    row-gap: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-tips {
  padding-block: 80px;
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-tips {
    padding-block: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-tips {
    padding-block: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-tips {
    padding-block: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-tips .tips-content {
  position: relative;
  margin-block: 36px 48px;
  padding-block: 4px;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-tips .tips-content {
    margin-top: calc(36 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(48 * calc(1 / 1280 * 100vw));
    padding-block: calc(4 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-tips .tips-content {
    margin-top: calc(36 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(48 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-tips .tips-content {
    margin-top: calc(20 * calc(1 / 375 * 100vw));
    margin-bottom: calc(36 * calc(1 / 375 * 100vw));
    padding-top: calc(24 * calc(1 / 375 * 100vw));
    padding-bottom: calc(0 * calc(1 / 375 * 100vw));
    padding-inline: calc(24 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-tips .tips-content::before {
  --_z-index: 1;
  content: "";
  position: absolute;
  right: 0;
  background-color: rgb(255, 255, 255);
  z-index: var(--_z-index);
}
@media screen and (max-width: 768px) {
  #risoco.home .l-tips .tips-content::before {
    bottom: calc(0 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(24 * calc(1 / 375 * 100vw));
    height: calc(2 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-tips .tips-content .tips-list {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-inline: auto;
  max-width: 972px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-tips .tips-content .tips-list {
    max-width: unset;
    width: calc(972 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-tips .tips-content .tips-list {
    max-width: unset;
    width: calc(972 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-tips .tips-content .tips-list {
    padding-top: 4px;
    padding-bottom: calc(32 * calc(1 / 375 * 100vw));
    padding-left: 4px;
    max-width: unset;
    width: calc(100% + 6.4vw);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
}
#risoco.home .l-tips .tips-content .tips-list::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}
#risoco.home .l-tips .tips-content .tips-list::-webkit-scrollbar-track {
  background: #DDDDDD;
}
#risoco.home .l-tips .tips-content .tips-list::-webkit-scrollbar-thumb {
  background: #D60A13;
}
#risoco.home .l-tips .tips-content .tips-list .tips-item {
  position: relative;
  width: 31.584%;
}
@media screen and (max-width: 768px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item {
    min-width: 76.534vw;
    padding-right: calc(24 * calc(1 / 375 * 100vw));
    scroll-snap-align: start;
  }
}
#risoco.home .l-tips .tips-content .tips-list .tips-item a {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
#risoco.home .l-tips .tips-content .tips-list .tips-item a:focus-visible .thmb img {
  transform: scale(1.1);
}
@media (any-hover: hover) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item a:where(:-webkit-any-link, :enabled, summary):hover .thmb img {
    transform: scale(1.1);
  }
  #risoco.home .l-tips .tips-content .tips-list .tips-item a:where(:-moz-any-link, :enabled, summary):hover .thmb img {
    transform: scale(1.1);
  }
  #risoco.home .l-tips .tips-content .tips-list .tips-item a:where(:any-link, :enabled, summary):hover .thmb img {
    transform: scale(1.1);
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco.home .l-tips .tips-content .tips-list .tips-item a.touch-active .thmb img {
      transform: scale(1.1);
    }
  }
}
#risoco.home .l-tips .tips-content .tips-list .tips-item .ttl {
  order: 3;
  font-size: 16px;
  line-height: 1.875;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item .ttl {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item .ttl {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item .ttl {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-tips .tips-content .tips-list .tips-item .tags {
  order: 2;
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
  margin-bottom: 12px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item .tags {
    -moz-column-gap: calc(5 * calc(1 / 1280 * 100vw));
         column-gap: calc(5 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item .tags {
    -moz-column-gap: calc(5 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(5 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item .tags {
    -moz-column-gap: calc(6 * calc(1 / 375 * 100vw));
         column-gap: calc(6 * calc(1 / 375 * 100vw));
    margin-bottom: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-tips .tips-content .tips-list .tips-item .tags span {
  --_border-radius: 50vh;
  padding-block: 3px;
  font-size: 12px;
  line-height: 1;
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item .tags span {
    padding-block: calc(3 * calc(1 / 1280 * 100vw));
    font-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item .tags span {
    padding-block: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item .tags span {
    padding-block: calc(3 * calc(1 / 375 * 100vw));
    font-size: calc(11 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-tips .tips-content .tips-list .tips-item .tags span[data-tag] {
  --_border-size: 1px;
  padding-inline: 12px;
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
  border: var(--_border-size) solid transparent;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item .tags span[data-tag] {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-inline: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item .tags span[data-tag] {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item .tags span[data-tag] {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding-inline: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-tips .tips-content .tips-list .tips-item .tags span[data-category] {
  --_border-size: 1px;
  padding-inline: 14px;
  color: rgb(150, 116, 0);
  background-color: rgb(255, 255, 255);
  border: var(--_border-size) solid rgb(150, 116, 0);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item .tags span[data-category] {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-inline: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item .tags span[data-category] {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item .tags span[data-category] {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding-inline: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-tips .tips-content .tips-list .tips-item .thmb {
  --_border-radius: 8px;
  order: 1;
  margin-bottom: 12px;
  border-radius: var(--_border-radius);
  overflow: hidden;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item .thmb {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item .thmb {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-tips .tips-content .tips-list .tips-item .thmb {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    margin-bottom: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-tips .tips-content .tips-list .tips-item .thmb img {
  transition: transform 0.4s ease-in-out;
}
#risoco.home .l-tips .tips-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 42px;
       column-gap: 42px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-tips .tips-btn {
    -moz-column-gap: calc(42 * calc(1 / 1280 * 100vw));
         column-gap: calc(42 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-tips .tips-btn {
    -moz-column-gap: calc(42 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(42 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-tips .tips-btn {
    flex-direction: column;
    -moz-column-gap: calc(0 * calc(1 / 375 * 100vw));
         column-gap: calc(0 * calc(1 / 375 * 100vw));
    row-gap: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-news {
  padding-block: 80px;
  background-color: rgb(247, 245, 241);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-news {
    padding-block: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-news {
    padding-block: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-news {
    padding-block: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-news .news-list {
  --_border-radius: 8px;
  display: flex;
  flex-direction: column;
  margin-block: 40px 44px;
  margin-inline: auto;
  padding-block: 60px;
  padding-inline: 51px;
  max-width: 900px;
  border-radius: var(--_border-radius);
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-news .news-list {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
    margin-top: calc(40 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(44 * calc(1 / 1280 * 100vw));
    padding-block: calc(60 * calc(1 / 1280 * 100vw));
    padding-inline: calc(51 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(900 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-news .news-list {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-top: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(44 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(60 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(51 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(900 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-news .news-list {
    margin-top: calc(24 * calc(1 / 375 * 100vw));
    margin-bottom: calc(20 * calc(1 / 375 * 100vw));
    padding-block: calc(32 * calc(1 / 375 * 100vw));
    padding-inline: calc(12 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-news .news-list li {
  padding-block: 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-news .news-list li {
    padding-block: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-news .news-list li {
    padding-block: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-news .news-list li {
    padding-block: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-news .news-list li + li {
  --_linear-gradient-size: 3px;
  --_linear-gradient-interval: 12px;
  background-image: linear-gradient(to right, rgb(221, 221, 221) var(--_linear-gradient-size), transparent var(--_linear-gradient-size));
  background-size: var(--_linear-gradient-interval) var(--_linear-gradient-size);
  background-repeat: repeat-x;
  background-position: left top;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-news .news-list li + li {
    --_linear-gradient-size: calc(3 * calc(1 / 1280 * 100vw));
    --_linear-gradient-interval: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-news .news-list li + li {
    --_linear-gradient-size: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_linear-gradient-interval: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-news .news-list li + li {
    --_linear-gradient-size: calc(2 * calc(1 / 375 * 100vw));
    --_linear-gradient-interval: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-news .news-list li:first-child {
  padding-top: 0;
}
#risoco.home .l-news .news-list li:last-child {
  padding-bottom: 0;
}
#risoco.home .l-news .news-list li a {
  display: block;
  transition: opacity 0.2s ease-in-out;
  cursor: pointer;
}
#risoco.home .l-news .news-list li a:focus-visible {
  opacity: 0.5;
}
@media (any-hover: hover) {
  #risoco.home .l-news .news-list li a:where(:-webkit-any-link, :enabled, summary):hover {
    opacity: 0.5;
  }
  #risoco.home .l-news .news-list li a:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 0.5;
  }
  #risoco.home .l-news .news-list li a:where(:any-link, :enabled, summary):hover {
    opacity: 0.5;
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco.home .l-news .news-list li a.touch-active {
      opacity: 0.5;
    }
  }
}
#risoco.home .l-news .news-list li a .head {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-news .news-list li a .head {
    margin-bottom: calc(10 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-news .news-list li a .head {
    margin-bottom: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-news .news-list li a .head {
    margin-bottom: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-news .news-list li a .head .date {
  min-width: 100px;
  font-size: 14px;
  line-height: 1.429;
  letter-spacing: 0.01em;
  font-family: "Outfit", sans-serif;
  color: rgb(172, 172, 172);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-news .news-list li a .head .date {
    font-size: calc(14 * calc(1 / 1280 * 100vw));
    min-width: unset;
    width: calc(100 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-news .news-list li a .head .date {
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    min-width: unset;
    width: calc(100 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-news .news-list li a .head .date {
    min-width: unset;
    width: calc(86 * calc(1 / 375 * 100vw));
    font-size: calc(13 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-news .news-list li a .head .tags {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-news .news-list li a .head .tags {
    -moz-column-gap: calc(5 * calc(1 / 1280 * 100vw));
         column-gap: calc(5 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-news .news-list li a .head .tags {
    -moz-column-gap: calc(5 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(5 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-news .news-list li a .head .tags {
    -moz-column-gap: calc(6 * calc(1 / 375 * 100vw));
         column-gap: calc(6 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-news .news-list li a .head .tags span {
  --_border-radius: 50vh;
  padding-block: 3px;
  font-size: 12px;
  line-height: 1;
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-news .news-list li a .head .tags span {
    padding-block: calc(3 * calc(1 / 1280 * 100vw));
    font-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-news .news-list li a .head .tags span {
    padding-block: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-news .news-list li a .head .tags span {
    padding-block: calc(3 * calc(1 / 375 * 100vw));
    font-size: calc(11 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-news .news-list li a .head .tags span[data-tag] {
  --_border-size: 1px;
  padding-inline: 12px;
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
  border: var(--_border-size) solid transparent;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-news .news-list li a .head .tags span[data-tag] {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-inline: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-news .news-list li a .head .tags span[data-tag] {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-news .news-list li a .head .tags span[data-tag] {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding-inline: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-news .news-list li a .head .tags span[data-category] {
  --_border-size: 1px;
  padding-inline: 14px;
  color: rgb(150, 116, 0);
  background-color: rgb(255, 255, 255);
  border: var(--_border-size) solid rgb(150, 116, 0);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-news .news-list li a .head .tags span[data-category] {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-inline: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-news .news-list li a .head .tags span[data-category] {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-news .news-list li a .head .tags span[data-category] {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding-inline: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco.home .l-news .news-list li a .txt {
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-news .news-list li a .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-news .news-list li a .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-news .news-list li a .txt {
    font-size: calc(15 * calc(1 / 375 * 100vw));
    line-height: 1.8;
  }
}
#risoco.home .l-news .news-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 42px;
       column-gap: 42px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.home .l-news .news-btn {
    -moz-column-gap: calc(42 * calc(1 / 1280 * 100vw));
         column-gap: calc(42 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.home .l-news .news-btn {
    -moz-column-gap: calc(42 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(42 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.home .l-news .news-btn {
    flex-direction: column;
    -moz-column-gap: calc(0 * calc(1 / 375 * 100vw));
         column-gap: calc(0 * calc(1 / 375 * 100vw));
    row-gap: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage {
  min-height: 100dvh;
  overflow-y: clip;
}
#risoco.subpage .l-about {
  padding-block: 80px 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about {
    padding-top: calc(80 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about {
    padding-top: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about {
    padding-top: calc(44 * calc(1 / 375 * 100vw));
    padding-bottom: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-lead {
  margin-inline: auto;
  margin-block: 70px 35px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 24px;
  letter-spacing: 0.03em;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-lead {
    margin-top: calc(70 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(35 * calc(1 / 1280 * 100vw));
    font-size: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-lead {
    margin-top: calc(70 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(35 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-lead {
    margin-top: calc(40 * calc(1 / 375 * 100vw));
    margin-bottom: calc(32 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
    line-height: 1.778;
    text-align: center;
  }
}
#risoco.subpage .l-about .about-lead span {
  color: rgb(214, 10, 19);
}
#risoco.subpage .l-about .about-mes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin-inline: auto;
  margin-bottom: 60px;
  max-width: 900px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-mes {
    margin-bottom: calc(60 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(900 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-mes {
    margin-bottom: calc(60 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(900 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-mes {
    flex-direction: column-reverse;
    margin-bottom: calc(52 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-mes .desc {
  width: 46.445%;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-mes .desc {
    width: 100%;
  }
}
#risoco.subpage .l-about .about-mes .desc .ttl {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.8;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-mes .desc .ttl {
    margin-bottom: calc(20 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-mes .desc .ttl {
    margin-bottom: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-mes .desc .ttl {
    margin-bottom: calc(12 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-mes .desc .txt {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.875em;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-mes .desc .txt {
    margin-bottom: calc(30 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-mes .desc .txt {
    margin-bottom: calc(30 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-mes .desc .txt {
    margin-bottom: calc(50 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-mes .desc .btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
#risoco.subpage .l-about .about-mes .image {
  --_border-radius: 8px;
  width: 46%;
  border-radius: var(--_border-radius);
  overflow: hidden;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-mes .image {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-mes .image {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-mes .image {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    margin-bottom: calc(32 * calc(1 / 375 * 100vw));
    width: 100%;
  }
}
#risoco.subpage .l-about .about-solution {
  --_border-radius: 8px;
  margin-inline: auto;
  margin-bottom: 80px;
  padding: 40px 85px;
  max-width: 900px;
  background-color: rgb(247, 245, 241);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-solution {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(80 * calc(1 / 1280 * 100vw));
    padding-block: calc(40 * calc(1 / 1280 * 100vw));
    padding-inline: calc(85 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(900 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-solution {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(85 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(900 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-solution {
    grid-auto-flow: row;
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    margin-bottom: calc(52 * calc(1 / 375 * 100vw));
    padding-block: calc(30 * calc(1 / 375 * 100vw));
    padding-inline: unset;
    max-width: unset;
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-solution .about-solution-ttl {
  padding-bottom: 16px;
  font-size: 20px;
  line-height: 1.875;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-solution .about-solution-ttl {
    padding-bottom: calc(16 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-solution .about-solution-ttl {
    padding-bottom: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-solution .about-solution-ttl {
    padding-bottom: calc(16 * calc(1 / 375 * 100vw));
    margin-inline: auto;
    width: calc(327 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-solution .about-solution-list {
  --_linear-gradient-size: 3px;
  --_linear-gradient-interval: 9px;
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(3, auto);
  gap: 28px 36px;
  padding-top: 30px;
  background-image: linear-gradient(to right, rgb(180, 140, 5) var(--_linear-gradient-size), transparent var(--_linear-gradient-size));
  background-size: var(--_linear-gradient-interval) var(--_linear-gradient-size);
  background-repeat: repeat-x;
  background-position: left top;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-solution .about-solution-list {
    --_linear-gradient-size: calc(3 * calc(1 / 1280 * 100vw));
    --_linear-gradient-interval: calc(9 * calc(1 / 1280 * 100vw));
    row-gap: calc(28 * calc(1 / 1280 * 100vw));
    -moz-column-gap: calc(36 * calc(1 / 1280 * 100vw));
         column-gap: calc(36 * calc(1 / 1280 * 100vw));
    padding-top: calc(30 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-solution .about-solution-list {
    --_linear-gradient-size: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_linear-gradient-interval: calc(9 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    row-gap: calc(28 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    -moz-column-gap: calc(36 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(36 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(30 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-solution .about-solution-list {
    grid-auto-flow: row;
    --_linear-gradient-size: calc(3 * calc(1 / 375 * 100vw));
    --_linear-gradient-interval: calc(9 * calc(1 / 375 * 100vw));
    row-gap: calc(20 * calc(1 / 375 * 100vw));
    -moz-column-gap: unset;
         column-gap: unset;
    margin-inline: auto;
    padding-top: calc(17 * calc(1 / 375 * 100vw));
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-solution .about-solution-list li {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  font-size: 16px;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-solution .about-solution-list li {
    -moz-column-gap: calc(10 * calc(1 / 1280 * 100vw));
         column-gap: calc(10 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-solution .about-solution-list li {
    -moz-column-gap: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-solution .about-solution-list li {
    -moz-column-gap: calc(8 * calc(1 / 375 * 100vw));
         column-gap: calc(8 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-solution .about-solution-list li::before {
  content: "";
  inline-size: 18px;
  aspect-ratio: 1;
  background: url("../img/c-check-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-solution .about-solution-list li::before {
    inline-size: calc(18 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-solution .about-solution-list li::before {
    inline-size: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-solution .about-solution-list li::before {
    inline-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-feature {
  margin-bottom: 80px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-feature {
    margin-bottom: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-feature {
    margin-bottom: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-feature {
    margin-bottom: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-feature .about-feature-ttl {
  display: grid;
  justify-items: center;
  row-gap: 20px;
  margin-bottom: 60px;
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-feature .about-feature-ttl {
    row-gap: calc(20 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(60 * calc(1 / 1280 * 100vw));
    font-size: calc(26 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-feature .about-feature-ttl {
    row-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(60 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(26 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-feature .about-feature-ttl {
    row-gap: calc(14 * calc(1 / 375 * 100vw));
    margin-bottom: calc(32 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-feature .about-feature-ttl::after {
  --_border-radius: 3px;
  content: "";
  width: 66px;
  aspect-ratio: 66/3;
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-feature .about-feature-ttl::after {
    --_border-size: calc(3 * calc(1 / 1280 * 100vw));
    width: calc(66 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-feature .about-feature-ttl::after {
    --_border-size: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(66 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-feature .about-feature-ttl::after {
    --_border-size: calc(3 * calc(1 / 375 * 100vw));
    width: calc(50 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-feature .about-feature-list {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px 18px;
  margin-inline: auto;
  max-width: 900px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-feature .about-feature-list {
    row-gap: calc(40 * calc(1 / 1280 * 100vw));
    -moz-column-gap: calc(18 * calc(1 / 1280 * 100vw));
         column-gap: calc(18 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(900 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-feature .about-feature-list {
    row-gap: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    -moz-column-gap: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(900 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-feature .about-feature-list {
    flex-direction: column;
    row-gap: calc(20 * calc(1 / 375 * 100vw));
    -moz-column-gap: unset;
         column-gap: unset;
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-feature .about-feature-list li {
  width: 260px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-feature .about-feature-list li {
    width: calc(260 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-feature .about-feature-list li {
    width: calc(260 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-feature .about-feature-list li {
    width: 100%;
  }
}
#risoco.subpage .l-about .about-feature .about-feature-list li .illust {
  margin-inline: auto;
  margin-bottom: 16px;
  width: 200px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-feature .about-feature-list li .illust {
    margin-bottom: calc(16 * calc(1 / 1280 * 100vw));
    width: calc(200 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-feature .about-feature-list li .illust {
    margin-bottom: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(200 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-feature .about-feature-list li .illust {
    margin-bottom: calc(8 * calc(1 / 375 * 100vw));
    width: calc(184 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-feature .about-feature-list li .txt {
  font-size: 16px;
  line-height: 1.875;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-feature .about-feature-list li .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-feature .about-feature-list li .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-feature .about-feature-list li .txt {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-feature .about-feature-list li .txt span {
  font-weight: 700;
}
#risoco.subpage .l-about .about-unable {
  padding-block: 80px;
  background-color: rgb(245, 245, 245);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-unable {
    padding-block: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-unable {
    padding-block: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-unable {
    padding-block: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-unable .about-unable-ttl {
  margin-inline: auto;
  margin-bottom: 20px;
  max-width: 900px;
  font-size: 20px;
  line-height: 1.7;
  font-weight: 700;
  color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-unable .about-unable-ttl {
    margin-bottom: calc(20 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(900 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-unable .about-unable-ttl {
    margin-bottom: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(900 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-unable .about-unable-ttl {
    margin-bottom: calc(14 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
    font-size: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-unable .about-unable-list {
  display: flex;
  flex-direction: column;
  row-gap: 44px;
  margin-inline: auto;
  max-width: 900px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-unable .about-unable-list {
    row-gap: calc(44 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(900 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-unable .about-unable-list {
    row-gap: calc(44 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(900 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-unable .about-unable-list {
    row-gap: calc(21 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-unable .about-unable-list .term {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 1.778;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-unable .about-unable-list .term {
    margin-bottom: calc(16 * calc(1 / 1280 * 100vw));
    font-size: calc(18 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-unable .about-unable-list .term {
    margin-bottom: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-unable .about-unable-list .term {
    margin-bottom: calc(14 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-unable .about-unable-list .desc .note {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-unable .about-unable-list .desc .note {
    row-gap: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-unable .about-unable-list .desc .note {
    row-gap: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-unable .about-unable-list .desc .note {
    row-gap: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-unable .about-unable-list .desc .note li {
  display: grid;
  grid-template-columns: auto 1fr;
  font-size: 16px;
  line-height: 1.5;
  font-feature-settings: normal;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-unable .about-unable-list .desc .note li {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-unable .about-unable-list .desc .note li {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-unable .about-unable-list .desc .note li {
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-about .about-unable .about-unable-list .desc .note li::before {
  content: "・";
}
#risoco.subpage .l-about .about-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 24px;
  margin-inline: auto;
  padding-block: 80px 0;
  max-width: 632px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-about .about-btn {
    row-gap: calc(24 * calc(1 / 1280 * 100vw));
    padding-top: calc(80 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(632 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-about .about-btn {
    row-gap: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(632 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-about .about-btn {
    justify-content: center;
    row-gap: calc(12 * calc(1 / 375 * 100vw));
    padding-top: calc(52 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-faq {
  padding-block: 80px 40px;
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-faq {
    padding-top: calc(80 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-faq {
    padding-top: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq {
    padding-top: calc(44 * calc(1 / 375 * 100vw));
    padding-bottom: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-faq .faq-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 40px;
  margin-block: 72px 80px;
  margin-inline: auto;
  max-width: 800px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-faq .faq-nav {
    row-gap: calc(40 * calc(1 / 1280 * 100vw));
    margin-top: calc(72 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(80 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(800 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-faq .faq-nav {
    row-gap: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-top: calc(72 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(800 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-nav {
    row-gap: calc(20 * calc(1 / 375 * 100vw));
    margin-top: calc(40 * calc(1 / 375 * 100vw));
    margin-bottom: calc(52 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-nav::after {
    --_border-size: 1px;
    content: "";
    width: 33%;
    height: calc(24 * calc(1 / 375 * 100vw));
    border-left: var(--_border-size) solid rgb(221, 221, 221);
  }
}
#risoco.subpage .l-faq .faq-nav li {
  --_border-size: 1px;
  position: relative;
  width: 25%;
  border-left: var(--_border-size) solid rgb(221, 221, 221);
  text-align: center;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-nav li {
    width: 33%;
  }
}
#risoco.subpage .l-faq .faq-nav li:nth-child(4) {
  --_border-size: 1px;
  border-right: var(--_border-size) solid rgb(221, 221, 221);
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-nav li:nth-child(4) {
    border-right-color: transparent;
  }
}
#risoco.subpage .l-faq .faq-nav li:nth-child(8) {
  --_border-size: 1px;
  border-right: var(--_border-size) solid rgb(221, 221, 221);
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-nav li:nth-child(8) {
    border-right-color: transparent;
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-nav li:nth-child(3), #risoco.subpage .l-faq .faq-nav li:nth-child(6) {
    --_border-size: 1px;
    border-right: var(--_border-size) solid rgb(221, 221, 221);
  }
}
#risoco.subpage .l-faq .faq-nav li a {
  display: block;
  padding: 4px;
  font-size: 18px;
  transition: 0.2s ease-in-out;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-faq .faq-nav li a {
    padding: calc(4 * calc(1 / 1280 * 100vw));
    font-size: calc(18 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-faq .faq-nav li a {
    padding: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-nav li a {
    padding: calc(4 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-faq .faq-nav li a:focus-visible {
  opacity: 0.5;
}
@media (any-hover: hover) {
  #risoco.subpage .l-faq .faq-nav li a:where(:-webkit-any-link, :enabled, summary):hover {
    opacity: 0.5;
  }
  #risoco.subpage .l-faq .faq-nav li a:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 0.5;
  }
  #risoco.subpage .l-faq .faq-nav li a:where(:any-link, :enabled, summary):hover {
    opacity: 0.5;
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco.subpage .l-faq .faq-nav li a.touch-active {
      opacity: 0.5;
    }
  }
}
#risoco.subpage .l-faq .faq-content {
  background-color: rgb(247, 245, 241);
  padding-block: 80px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-faq .faq-content {
    max-width: unset;
    padding-block: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-faq .faq-content {
    max-width: unset;
    padding-block: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-content {
    max-width: unset;
    padding-block: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-faq .faq-content .faq-group {
  margin-inline: auto;
  max-width: 800px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-faq .faq-content .faq-group {
    max-width: unset;
    width: calc(800 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-faq .faq-content .faq-group {
    max-width: unset;
    width: calc(800 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-content .faq-group {
    max-width: unset;
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-faq .faq-content .faq-group:not(:last-child) {
  margin-bottom: 44px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-faq .faq-content .faq-group:not(:last-child) {
    margin-bottom: calc(44 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-faq .faq-content .faq-group:not(:last-child) {
    margin-bottom: calc(44 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-content .faq-group:not(:last-child) {
    margin-bottom: calc(32 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-faq .faq-content .faq-group .ttl {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 14px;
       column-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 1.778;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-faq .faq-content .faq-group .ttl {
    -moz-column-gap: calc(14 * calc(1 / 1280 * 100vw));
         column-gap: calc(14 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(16 * calc(1 / 1280 * 100vw));
    font-size: calc(18 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-faq .faq-content .faq-group .ttl {
    -moz-column-gap: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-content .faq-group .ttl {
    -moz-column-gap: calc(8 * calc(1 / 375 * 100vw));
         column-gap: calc(8 * calc(1 / 375 * 100vw));
    margin-bottom: calc(10 * calc(1 / 375 * 100vw));
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-faq .faq-content .faq-group .ttl::before {
  --_border-radius: 100vmax;
  content: "";
  width: 6px;
  aspect-ratio: 1;
  border-radius: var(--_border-radius);
  background-color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-faq .faq-content .faq-group .ttl::before {
    width: calc(6 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-faq .faq-content .faq-group .ttl::before {
    width: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-content .faq-group .ttl::before {
    width: calc(4 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-faq .faq-content .faq-group .faq-group-list {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list {
    row-gap: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list {
    row-gap: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list {
    row-gap: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item {
  --_border-radius: 8px;
  background-color: rgb(255, 255, 255);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-heading button {
  position: relative;
  display: inline-grid;
  grid-template-columns: auto 1fr auto;
  -moz-column-gap: 20px;
       column-gap: 20px;
  padding: 26px 22px;
  width: 100%;
  font-size: 16px;
  line-height: 1.667;
  font-weight: 700;
  color: rgb(51, 51, 51);
  text-align: left;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-heading button {
    -moz-column-gap: calc(20 * calc(1 / 1280 * 100vw));
         column-gap: calc(20 * calc(1 / 1280 * 100vw));
    padding-block: calc(26 * calc(1 / 1280 * 100vw));
    padding-inline: calc(22 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-heading button {
    -moz-column-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(26 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(22 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-heading button {
    -moz-column-gap: calc(12 * calc(1 / 375 * 100vw));
         column-gap: calc(12 * calc(1 / 375 * 100vw));
    padding-block: calc(20 * calc(1 / 375 * 100vw));
    padding-inline: calc(12 * calc(1 / 375 * 100vw));
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-heading button::before {
  content: "Q";
  inline-size: 20px;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
  font-family: "Outfit", sans-serif;
  color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-heading button::before {
    inline-size: calc(20 * calc(1 / 1280 * 100vw));
    font-size: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-heading button::before {
    inline-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-heading button::before {
    inline-size: calc(18 * calc(1 / 375 * 100vw));
    font-size: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-heading button::after {
  content: "";
  inline-size: 30px;
  aspect-ratio: 1;
  background: url("../img/g-accordion-open.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-heading button::after {
    inline-size: calc(30 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-heading button::after {
    inline-size: calc(30 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-heading button::after {
    inline-size: calc(26 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-heading button[aria-expanded=true]::after {
  background: url("../img/g-accordion-close.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
#risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-body {
  overflow: hidden;
  max-height: 0;
  padding-inline: 22px;
  transition: max-height 0.2s ease;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-body {
    padding-inline: calc(22 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-body {
    padding-inline: calc(22 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-body {
    padding-inline: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-body p {
  --_linear-gradient-size: 2px;
  --_linear-gradient-interval: 8px;
  position: relative;
  display: inline-grid;
  grid-template-columns: auto 1fr auto;
  -moz-column-gap: 20px;
       column-gap: 20px;
  padding: 0;
  width: 100%;
  font-size: 16px;
  line-height: 1.667;
  background-image: linear-gradient(to right, rgb(221, 221, 221) var(--_linear-gradient-size), transparent var(--_linear-gradient-size));
  background-size: var(--_linear-gradient-interval) var(--_linear-gradient-size);
  background-repeat: repeat-x;
  background-position: left top;
  transition: padding-top 0.2s ease;
  opacity: 0;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-body p {
    --_linear-gradient-size: calc(2 * calc(1 / 1280 * 100vw));
    --_linear-gradient-interval: calc(8 * calc(1 / 1280 * 100vw));
    -moz-column-gap: calc(20 * calc(1 / 1280 * 100vw));
         column-gap: calc(20 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-body p {
    --_linear-gradient-size: calc(2 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_linear-gradient-interval: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    -moz-column-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-body p {
    --_linear-gradient-size: calc(2 * calc(1 / 375 * 100vw));
    --_linear-gradient-interval: calc(8 * calc(1 / 375 * 100vw));
    -moz-column-gap: calc(12 * calc(1 / 375 * 100vw));
         column-gap: calc(12 * calc(1 / 375 * 100vw));
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-body p::before {
  content: "A";
  inline-size: 20px;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
  font-family: "Outfit", sans-serif;
  color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-body p::before {
    inline-size: calc(20 * calc(1 / 1280 * 100vw));
    font-size: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-body p::before {
    inline-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-body p::before {
    inline-size: calc(18 * calc(1 / 375 * 100vw));
    font-size: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-body p::after {
  content: "";
  inline-size: 30px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-body p::after {
    inline-size: calc(30 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-body p::after {
    inline-size: calc(30 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item .faq-item-body p::after {
    inline-size: calc(26 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item:has(.faq-item-heading button[aria-expanded=true]) .faq-item-body p {
  padding: 26px 0;
  opacity: 1;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item:has(.faq-item-heading button[aria-expanded=true]) .faq-item-body p {
    padding-block: calc(26 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item:has(.faq-item-heading button[aria-expanded=true]) .faq-item-body p {
    padding-block: calc(26 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-faq .faq-content .faq-group .faq-group-list .faq-item:has(.faq-item-heading button[aria-expanded=true]) .faq-item-body p {
    padding-block: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-comic {
  padding-block: 80px 42px;
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-comic {
    padding-top: calc(80 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(42 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-comic {
    padding-top: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(42 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-comic {
    padding-top: calc(44 * calc(1 / 375 * 100vw));
    padding-bottom: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-comic .comic-lead {
  margin-block: 72px 38px;
  margin-inline: auto;
  max-width: 800px;
  font-size: 16px;
  line-height: 1.688;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-comic .comic-lead {
    margin-top: calc(72 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(38 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(800 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-comic .comic-lead {
    margin-top: calc(72 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(38 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(800 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-comic .comic-lead {
    margin-top: calc(40 * calc(1 / 375 * 100vw));
    margin-bottom: calc(44 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-comic .comic-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 40px;
  margin-inline: auto;
  max-width: 800px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-comic .comic-list {
    row-gap: calc(40 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(800 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-comic .comic-list {
    row-gap: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(800 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-comic .comic-list {
    flex-direction: column;
    row-gap: calc(32 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-comic .comic-list .comic-item {
  --_border-radius: 8px;
  --_border-size: 2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: 32px;
  padding-inline: 17px;
  width: 46.5%;
  border-radius: var(--_border-radius);
  border: var(--_border-size) solid rgb(221, 221, 221);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-comic .comic-list .comic-item {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
    --_border-size: calc(2 * calc(1 / 1280 * 100vw));
    padding-block: calc(32 * calc(1 / 1280 * 100vw));
    padding-inline: calc(17 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-comic .comic-list .comic-item {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_border-size: calc(2 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(17 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-comic .comic-list .comic-item {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    --_border-size: calc(2 * calc(1 / 375 * 100vw));
    padding-block: calc(32 * calc(1 / 375 * 100vw));
    padding-inline: calc(13 * calc(1 / 375 * 100vw));
    width: 100%;
  }
}
#risoco.subpage .l-comic .comic-list .comic-item .num {
  --_border-radius: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  width: 64px;
  aspect-ratio: 64/27;
  font-size: 14px;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-comic .comic-list .comic-item .num {
    margin-bottom: calc(20 * calc(1 / 1280 * 100vw));
    width: calc(64 * calc(1 / 1280 * 100vw));
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-comic .comic-list .comic-item .num {
    margin-bottom: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(64 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-comic .comic-list .comic-item .num {
    margin-bottom: calc(16 * calc(1 / 375 * 100vw));
    width: calc(60 * calc(1 / 375 * 100vw));
    aspect-ratio: 60/24;
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-comic .comic-list .comic-item .num span {
  font-family: "Outfit", sans-serif;
}
#risoco.subpage .l-comic .comic-list .comic-item .ttl {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.875;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-comic .comic-list .comic-item .ttl {
    margin-bottom: calc(12 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-comic .comic-list .comic-item .ttl {
    margin-bottom: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-comic .comic-list .comic-item .ttl {
    margin-bottom: calc(8 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-comic .comic-list .comic-item .thmb {
  margin-bottom: 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-comic .comic-list .comic-item .thmb {
    margin-bottom: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-comic .comic-list .comic-item .thmb {
    margin-bottom: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-comic .comic-list .comic-item .thmb {
    margin-bottom: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-comic .comic-list .comic-item .txt {
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-comic .comic-list .comic-item .txt {
    margin-bottom: calc(24 * calc(1 / 1280 * 100vw));
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-comic .comic-list .comic-item .txt {
    margin-bottom: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-comic .comic-list .comic-item .txt {
    margin-bottom: calc(20 * calc(1 / 375 * 100vw));
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-comic .comic-list .comic-item .btn {
  margin-top: auto;
}
#risoco.subpage .l-voice {
  padding-block: 80px 42px;
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-voice {
    padding-top: calc(80 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(42 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-voice {
    padding-top: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(42 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-voice {
    padding-top: calc(44 * calc(1 / 375 * 100vw));
    padding-bottom: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-voice .voice-list {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  margin-block: 72px 0;
  margin-inline: auto;
  max-width: 900px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-voice .voice-list {
    row-gap: calc(40 * calc(1 / 1280 * 100vw));
    margin-top: calc(72 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(900 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-voice .voice-list {
    row-gap: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-top: calc(72 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(900 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-voice .voice-list {
    row-gap: calc(32 * calc(1 / 375 * 100vw));
    margin-top: calc(40 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-voice .voice-list .voice-item {
  --_border-radius: 26px;
  --_border-size: 2px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-block: 30px 35px;
  padding-inline: 51px;
  border-radius: var(--_border-radius) var(--_border-radius) var(--_border-radius) 0;
  border: var(--_border-size) solid rgb(221, 221, 221);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-voice .voice-list .voice-item {
    --_border-radius: calc(26 * calc(1 / 1280 * 100vw));
    --_border-size: calc(2 * calc(1 / 1280 * 100vw));
    padding-top: calc(30 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(35 * calc(1 / 1280 * 100vw));
    padding-inline: calc(51 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-voice .voice-list .voice-item {
    --_border-radius: calc(26 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_border-size: calc(2 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(30 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(35 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(51 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-voice .voice-list .voice-item {
    --_border-radius: calc(26 * calc(1 / 375 * 100vw));
    --_border-size: calc(2 * calc(1 / 375 * 100vw));
    flex-direction: column;
    row-gap: calc(16 * calc(1 / 375 * 100vw));
    padding-block: calc(32 * calc(1 / 375 * 100vw));
    padding-inline: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-voice .voice-list .voice-item .voice-content {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  max-width: 646px;
  width: 80.953%;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-voice .voice-list .voice-item .voice-content {
    row-gap: calc(8 * calc(1 / 1280 * 100vw));
    max-width: unset;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-voice .voice-list .voice-item .voice-content {
    row-gap: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-voice .voice-list .voice-item .voice-content {
    row-gap: calc(20 * calc(1 / 375 * 100vw));
    width: 100%;
  }
}
#risoco.subpage .l-voice .voice-list .voice-item .voice-content .ttl {
  font-size: 16px;
  line-height: 1.875;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-voice .voice-list .voice-item .voice-content .ttl {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-voice .voice-list .voice-item .voice-content .ttl {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-voice .voice-list .voice-item .voice-content .ttl {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-voice .voice-list .voice-item .voice-content .txt {
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-voice .voice-list .voice-item .voice-content .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-voice .voice-list .voice-item .voice-content .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-voice .voice-list .voice-item .voice-content .txt {
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-voice .voice-list .voice-item .voice-thmb {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-voice .voice-list .voice-item .voice-thmb {
    row-gap: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-voice .voice-list .voice-item .voice-thmb {
    row-gap: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-voice .voice-list .voice-item .voice-thmb {
    flex-direction: row;
    align-items: center;
    row-gap: calc(0 * calc(1 / 375 * 100vw));
    -moz-column-gap: calc(20 * calc(1 / 375 * 100vw));
         column-gap: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-voice .voice-list .voice-item .voice-thmb .face {
  margin-inline: auto;
  width: 100px;
  aspect-ratio: 1;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-voice .voice-list .voice-item .voice-thmb .face {
    width: calc(100 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-voice .voice-list .voice-item .voice-thmb .face {
    width: calc(100 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-voice .voice-list .voice-item .voice-thmb .face {
    margin-inline: calc(0 * calc(1 / 375 * 100vw));
    width: calc(92 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-voice .voice-list .voice-item .voice-thmb .name {
  font-size: 14px;
  line-height: 1.786;
  color: rgb(150, 116, 0);
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-voice .voice-list .voice-item .voice-thmb .name {
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-voice .voice-list .voice-item .voice-thmb .name {
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-voice .voice-list .voice-item .voice-thmb .name {
    font-size: calc(12 * calc(1 / 375 * 100vw));
    text-align: left;
  }
}
#risoco.subpage .l-company {
  padding-block: 80px 42px;
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-company {
    padding-top: calc(80 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(42 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-company {
    padding-top: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(42 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-company {
    padding-top: calc(44 * calc(1 / 375 * 100vw));
    padding-bottom: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-company .company-list {
  --_border-size: 1px;
  display: flex;
  flex-direction: column;
  margin-block: 72px 0;
  margin-inline: auto;
  max-width: 800px;
  border-top: var(--_border-size) solid rgb(221, 221, 221);
  border-bottom: var(--_border-size) solid rgb(221, 221, 221);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-company .company-list {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    margin-top: calc(72 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(800 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-company .company-list {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-top: calc(72 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(800 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-company .company-list {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    margin-top: calc(40 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-company .company-list .company-group {
  display: flex;
  padding-block: 32px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-company .company-list .company-group {
    padding-block: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-company .company-list .company-group {
    padding-block: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-company .company-list .company-group {
    flex-direction: column;
    row-gap: calc(8 * calc(1 / 375 * 100vw));
    padding-block: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-company .company-list .company-group + .company-group {
  --_border-size: 1px;
  border-top: var(--_border-size) solid rgb(221, 221, 221);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-company .company-list .company-group + .company-group {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-company .company-list .company-group + .company-group {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-company .company-list .company-group + .company-group {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-company .company-list .company-group dt {
  max-width: 188px;
  width: 23.5%;
  font-size: 16px;
  line-height: 1.688;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-company .company-list .company-group dt {
    max-width: unset;
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-company .company-list .company-group dt {
    max-width: unset;
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-company .company-list .company-group dt {
    max-width: unset;
    width: 100%;
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-company .company-list .company-group dd {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  max-width: 612px;
  width: 76.5%;
  font-size: 16px;
  line-height: 1.688;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-company .company-list .company-group dd {
    row-gap: calc(24 * calc(1 / 1280 * 100vw));
    max-width: unset;
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-company .company-list .company-group dd {
    row-gap: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-company .company-list .company-group dd {
    row-gap: calc(12 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: 100%;
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-company .company-list .company-group dd .important {
  color: rgb(214, 10, 19);
}
#risoco.subpage .l-flow {
  padding-block: 80px 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-flow {
    padding-top: calc(80 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-flow {
    padding-top: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-flow {
    padding-top: calc(44 * calc(1 / 375 * 100vw));
    padding-bottom: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-flow .flow-list {
  display: flex;
  flex-direction: column;
  row-gap: 52px;
  margin-block: 74px 0;
  margin-inline: auto;
  max-width: 900px;
  counter-reset: number 0;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-flow .flow-list {
    row-gap: calc(52 * calc(1 / 1280 * 100vw));
    margin-top: calc(74 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(900 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-flow .flow-list {
    row-gap: calc(52 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-top: calc(74 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(900 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-flow .flow-list {
    flex-direction: column;
    row-gap: calc(32 * calc(1 / 375 * 100vw));
    margin-top: calc(40 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-flow .flow-list .ttl {
  --_border-size: 2px;
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  border-bottom: var(--_border-size) solid rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-flow .flow-list .ttl {
    --_border-size: calc(2 * calc(1 / 1280 * 100vw));
    -moz-column-gap: calc(20 * calc(1 / 1280 * 100vw));
         column-gap: calc(20 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(20 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(10 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-flow .flow-list .ttl {
    --_border-size: calc(2 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    -moz-column-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-flow .flow-list .ttl {
    align-items: unset;
    --_border-size: calc(2 * calc(1 / 375 * 100vw));
    -moz-column-gap: calc(7 * calc(1 / 375 * 100vw));
         column-gap: calc(7 * calc(1 / 375 * 100vw));
    margin-bottom: calc(12 * calc(1 / 375 * 100vw));
    padding-bottom: calc(9 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-flow .flow-list .ttl::before {
  --_border-radius: 100vmax;
  counter-increment: number 1;
  content: counter(number);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 30px;
  aspect-ratio: 1;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  font-family: "Outfit", sans-serif;
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-flow .flow-list .ttl::before {
    inline-size: calc(30 * calc(1 / 1280 * 100vw));
    font-size: calc(18 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-flow .flow-list .ttl::before {
    inline-size: calc(30 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-flow .flow-list .ttl::before {
    top: 0.2em;
    inline-size: calc(22 * calc(1 / 375 * 100vw));
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-flow .flow-list .ttl span {
  display: contents;
  font-size: 22px;
  font-weight: 700;
  color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-flow .flow-list .ttl span {
    font-size: calc(22 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-flow .flow-list .ttl span {
    font-size: calc(22 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-flow .flow-list .ttl span {
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-flow .flow-list .content div:not([class]) {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-flow .flow-list .content div:not([class]) {
    flex-direction: column-reverse;
    row-gap: calc(29 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-flow .flow-list .content div:not([class]) .desc {
  display: flex;
  flex-direction: column;
  row-gap: 1em;
  width: 62.334%;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-flow .flow-list .content div:not([class]) .desc {
    width: 100%;
  }
}
#risoco.subpage .l-flow .flow-list .columns {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-flow .flow-list .columns {
    row-gap: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-flow .flow-list .columns {
    row-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-flow .flow-list .columns {
    row-gap: calc(29 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-flow .flow-list .columns div:not([class]) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 32px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-flow .flow-list .columns div:not([class]) {
    gap: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-flow .flow-list .columns div:not([class]) {
    gap: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-flow .flow-list .columns div:not([class]) {
    flex-direction: column;
    gap: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-flow .flow-list .image {
  --_border-size: 1px;
  width: 304px;
  border: var(--_border-size) solid rgb(221, 221, 221);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-flow .flow-list .image {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    width: calc(304 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-flow .flow-list .image {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(304 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-flow .flow-list .image {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    margin-inline: auto;
    width: calc(236 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-flow .flow-list .txt {
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-flow .flow-list .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-flow .flow-list .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-flow .flow-list .txt {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-flow .flow-list .txt a {
  --_text-offset: 4px;
  display: inline-block;
  width: 100%;
  word-break: break-all;
  color: rgb(214, 10, 19);
  text-underline-offset: var(--_text-offset);
  -webkit-text-decoration-color: rgb(214, 10, 19) !important;
          text-decoration-color: rgb(214, 10, 19) !important;
  text-decoration: underline;
  transition: 0.2s ease-in-out;
}
#risoco.subpage .l-flow .flow-list .txt a:focus-visible {
  -webkit-text-decoration-color: rgb(255, 255, 255) !important;
          text-decoration-color: rgb(255, 255, 255) !important;
}
@media (any-hover: hover) {
  #risoco.subpage .l-flow .flow-list .txt a:where(:-webkit-any-link, :enabled, summary):hover {
    -webkit-text-decoration-color: rgb(255, 255, 255) !important;
            text-decoration-color: rgb(255, 255, 255) !important;
  }
  #risoco.subpage .l-flow .flow-list .txt a:where(:-moz-any-link, :enabled, summary):hover {
    text-decoration-color: rgb(255, 255, 255) !important;
  }
  #risoco.subpage .l-flow .flow-list .txt a:where(:any-link, :enabled, summary):hover {
    -webkit-text-decoration-color: rgb(255, 255, 255) !important;
            text-decoration-color: rgb(255, 255, 255) !important;
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco.subpage .l-flow .flow-list .txt a.touch-active {
      -webkit-text-decoration-color: rgb(255, 255, 255) !important;
              text-decoration-color: rgb(255, 255, 255) !important;
    }
  }
}
#risoco.subpage .l-flow .flow-list .note li {
  display: grid;
  grid-template-columns: auto 1fr;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
  font-feature-settings: normal;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-flow .flow-list .note li {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-flow .flow-list .note li {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-flow .flow-list .note li {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-flow .flow-list .note li::before {
  content: "・";
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-flow .flow-list .note li::before {
    content: "";
  }
}
#risoco.subpage .l-inquiry {
  padding-block: 80px;
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry {
    padding-block: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry {
    padding-block: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry {
    padding-top: calc(44 * calc(1 / 375 * 100vw));
    padding-bottom: calc(80 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-lead {
  margin-block: 72px;
  margin-inline: auto;
  max-width: 800px;
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-lead {
    margin-block: calc(72 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(800 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-lead {
    margin-block: calc(72 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(800 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-lead {
    margin-top: calc(40 * calc(1 / 375 * 100vw));
    margin-bottom: calc(44 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-lead a {
  --_text-offset: 4px;
  font-size: 16px;
  color: rgb(214, 10, 19);
  text-underline-offset: var(--_text-offset);
  -webkit-text-decoration-color: rgb(214, 10, 19) !important;
          text-decoration-color: rgb(214, 10, 19) !important;
  text-decoration: underline;
  transition: 0.2s ease-in-out;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-lead a {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-lead a {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-lead a {
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-lead a:focus-visible {
  -webkit-text-decoration-color: rgb(255, 255, 255) !important;
          text-decoration-color: rgb(255, 255, 255) !important;
}
@media (any-hover: hover) {
  #risoco.subpage .l-inquiry .inquiry-lead a:where(:-webkit-any-link, :enabled, summary):hover {
    -webkit-text-decoration-color: rgb(255, 255, 255) !important;
            text-decoration-color: rgb(255, 255, 255) !important;
  }
  #risoco.subpage .l-inquiry .inquiry-lead a:where(:-moz-any-link, :enabled, summary):hover {
    text-decoration-color: rgb(255, 255, 255) !important;
  }
  #risoco.subpage .l-inquiry .inquiry-lead a:where(:any-link, :enabled, summary):hover {
    -webkit-text-decoration-color: rgb(255, 255, 255) !important;
            text-decoration-color: rgb(255, 255, 255) !important;
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco.subpage .l-inquiry .inquiry-lead a.touch-active {
      -webkit-text-decoration-color: rgb(255, 255, 255) !important;
              text-decoration-color: rgb(255, 255, 255) !important;
    }
  }
}
#risoco.subpage .l-inquiry .inquiry-confirm-lead {
  margin-block: 72px;
  margin-inline: auto;
  max-width: 800px;
  font-size: 16px;
  line-height: 1.875;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-confirm-lead {
    margin-block: calc(72 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(800 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-confirm-lead {
    margin-block: calc(72 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(800 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-confirm-lead {
    margin-top: calc(40 * calc(1 / 375 * 100vw));
    margin-bottom: calc(44 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form {
  margin-inline: auto;
  max-width: 800px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form {
    width: calc(800 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form {
    width: calc(800 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form {
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  margin-bottom: 60px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list {
    row-gap: calc(32 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(60 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list {
    row-gap: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(60 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list {
    row-gap: calc(20 * calc(1 / 375 * 100vw));
    margin-bottom: calc(60 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group {
    flex-direction: column;
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dt {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  -moz-column-gap: 9px;
       column-gap: 9px;
  padding-top: 9px;
  font-size: 16px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dt {
    -moz-column-gap: calc(9 * calc(1 / 1280 * 100vw));
         column-gap: calc(9 * calc(1 / 1280 * 100vw));
    padding-top: calc(9 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dt {
    -moz-column-gap: calc(9 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(9 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(9 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dt {
    -moz-column-gap: calc(4 * calc(1 / 375 * 100vw));
         column-gap: calc(4 * calc(1 / 375 * 100vw));
    margin-bottom: calc(8 * calc(1 / 375 * 100vw));
    padding-top: unset;
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dt:not(.required)::before {
  content: "";
  inline-size: 40px;
  aspect-ratio: 40/20;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dt:not(.required)::before {
    inline-size: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dt:not(.required)::before {
    inline-size: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dt:not(.required)::before {
    inline-size: calc(38 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dt.required::before {
  --_border-radius: 100vmax;
  content: "必須";
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 40px;
  aspect-ratio: 40/20;
  font-size: 12px;
  letter-spacing: 0;
  font-weight: 700;
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dt.required::before {
    inline-size: calc(40 * calc(1 / 1280 * 100vw));
    font-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dt.required::before {
    inline-size: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dt.required::before {
    inline-size: calc(38 * calc(1 / 375 * 100vw));
    font-size: calc(11 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd {
  width: 580px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd {
    max-width: unset;
    width: calc(580 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd {
    max-width: unset;
    width: calc(580 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd {
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd select {
  --_border-radius: 4px;
  --_border-size: 1px;
  padding: 8px 12px;
  width: 100%;
  font-size: 16px;
  line-height: 1.563;
  letter-spacing: 0.1em;
  color: rgb(51, 51, 51);
  border-radius: var(--_border-radius);
  border: var(--_border-size) solid rgb(204, 204, 204);
  cursor: pointer;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd select {
    --_border-radius: calc(4 * calc(1 / 1280 * 100vw));
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-block: calc(8 * calc(1 / 1280 * 100vw));
    padding-block: calc(8 * calc(1 / 1280 * 100vw));
    padding-inline: calc(12 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd select {
    --_border-radius: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd select {
    --_border-radius: calc(3 * calc(1 / 375 * 100vw));
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding: calc(10 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd select option {
  letter-spacing: 0.1em;
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd select option[value=""] {
  color: rgb(204, 204, 204);
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=text], #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=email], #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=tel] {
  --_border-radius: 4px;
  --_border-size: 1px;
  padding: 8px 12px;
  width: 100%;
  font-size: 16px;
  line-height: 1.563;
  letter-spacing: 0.1em;
  border-radius: var(--_border-radius);
  border: var(--_border-size) solid rgb(204, 204, 204);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=text], #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=email], #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=tel] {
    --_border-radius: calc(4 * calc(1 / 1280 * 100vw));
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-block: calc(8 * calc(1 / 1280 * 100vw));
    padding-block: calc(8 * calc(1 / 1280 * 100vw));
    padding-inline: calc(12 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=text], #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=email], #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=tel] {
    --_border-radius: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=text], #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=email], #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=tel] {
    --_border-radius: calc(3 * calc(1 / 375 * 100vw));
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding: calc(10 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=text]::-moz-placeholder, #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=email]::-moz-placeholder, #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=tel]::-moz-placeholder {
  letter-spacing: 0.1em;
  color: rgb(204, 204, 204);
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=text]::placeholder, #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=email]::placeholder, #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=tel]::placeholder {
  letter-spacing: 0.1em;
  color: rgb(204, 204, 204);
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=radio] {
  width: 16px;
  aspect-ratio: 1;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=radio] {
    width: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=radio] {
    width: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input[type=radio] {
    width: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd textarea {
  --_border-radius: 4px;
  --_border-size: 1px;
  padding: 8px 12px;
  width: 100%;
  min-height: 4lh;
  font-size: 16px;
  line-height: 1.563;
  letter-spacing: 0.1em;
  border-radius: var(--_border-radius);
  border: var(--_border-size) solid rgb(204, 204, 204);
  field-sizing: content;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd textarea {
    --_border-radius: calc(4 * calc(1 / 1280 * 100vw));
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-block: calc(8 * calc(1 / 1280 * 100vw));
    padding-block: calc(8 * calc(1 / 1280 * 100vw));
    padding-inline: calc(12 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd textarea {
    --_border-radius: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd textarea {
    --_border-radius: calc(3 * calc(1 / 375 * 100vw));
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding: calc(10 * calc(1 / 375 * 100vw));
    min-height: 8lh;
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd textarea::-moz-placeholder {
  letter-spacing: 0.1em;
  color: rgb(204, 204, 204);
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd textarea::placeholder {
  letter-spacing: 0.1em;
  color: rgb(204, 204, 204);
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd select.is-error, #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input.is-error, #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd textarea.is-error {
  --_border-size: 1px;
  border: var(--_border-size) solid rgb(214, 10, 19);
  background-color: rgba(214, 10, 19, 0.2);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd select.is-error, #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input.is-error, #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd textarea.is-error {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd select.is-error, #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input.is-error, #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd textarea.is-error {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd select.is-error, #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd input.is-error, #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd textarea.is-error {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd label {
  display: inline-grid;
  grid-auto-flow: column;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  margin-top: 9px;
  cursor: pointer;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd label {
    -moz-column-gap: calc(6 * calc(1 / 1280 * 100vw));
         column-gap: calc(6 * calc(1 / 1280 * 100vw));
    margin-top: calc(9 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd label {
    -moz-column-gap: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-top: calc(9 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd label {
    -moz-column-gap: calc(4 * calc(1 / 375 * 100vw));
         column-gap: calc(4 * calc(1 / 375 * 100vw));
    margin-top: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd label + label {
  margin-left: 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd label + label {
    margin-left: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd label + label {
    margin-left: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd label + label {
    margin-left: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd .error {
  margin-top: 0.5em;
  font-size: 14px;
  line-height: 1.563;
  color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd .error {
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd .error {
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd .error {
    font-size: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd .confirm-content {
  padding-top: 9px;
  font-size: 16px;
  line-height: 1.25;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd .confirm-content {
    padding-top: calc(9 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd .confirm-content {
    padding-top: calc(9 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-list .inquiry-form-group dd .confirm-content {
    padding-top: unset;
    font-size: calc(16 * calc(1 / 375 * 100vw));
    line-height: 1.563;
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 80px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement {
    margin-bottom: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement {
    margin-bottom: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement {
    margin-bottom: calc(60 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement input[type=checkbox] {
  width: 16px;
  aspect-ratio: 1;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement input[type=checkbox] {
    width: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement input[type=checkbox] {
    width: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement input[type=checkbox] {
    width: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement label {
  display: inline-grid;
  grid-auto-flow: column;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  cursor: pointer;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement label {
    -moz-column-gap: calc(6 * calc(1 / 1280 * 100vw));
         column-gap: calc(6 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement label {
    -moz-column-gap: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement label {
    -moz-column-gap: calc(4 * calc(1 / 375 * 100vw));
         column-gap: calc(4 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement label.required::before {
  --_border-radius: 100vmax;
  content: "必須";
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 3px;
  inline-size: 40px;
  aspect-ratio: 40/20;
  font-size: 12px;
  letter-spacing: 0;
  font-weight: 700;
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement label.required::before {
    margin-right: calc(3 * calc(1 / 1280 * 100vw));
    inline-size: calc(40 * calc(1 / 1280 * 100vw));
    font-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement label.required::before {
    margin-right: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    inline-size: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement label.required::before {
    margin-right: calc(8 * calc(1 / 375 * 100vw));
    inline-size: calc(38 * calc(1 / 375 * 100vw));
    font-size: calc(11 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement label a {
  --_text-offset: 4px;
  font-size: 16px;
  text-underline-offset: var(--_text-offset);
  -webkit-text-decoration-color: rgb(51, 51, 51) !important;
          text-decoration-color: rgb(51, 51, 51) !important;
  text-decoration: underline;
  transition: 0.2s ease-in-out;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement label a {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement label a {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement label a {
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement label a:focus-visible {
  -webkit-text-decoration-color: rgb(255, 255, 255) !important;
          text-decoration-color: rgb(255, 255, 255) !important;
}
@media (any-hover: hover) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement label a:where(:-webkit-any-link, :enabled, summary):hover {
    -webkit-text-decoration-color: rgb(255, 255, 255) !important;
            text-decoration-color: rgb(255, 255, 255) !important;
  }
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement label a:where(:-moz-any-link, :enabled, summary):hover {
    text-decoration-color: rgb(255, 255, 255) !important;
  }
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement label a:where(:any-link, :enabled, summary):hover {
    -webkit-text-decoration-color: rgb(255, 255, 255) !important;
            text-decoration-color: rgb(255, 255, 255) !important;
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-agreement label a.touch-active {
      -webkit-text-decoration-color: rgb(255, 255, 255) !important;
              text-decoration-color: rgb(255, 255, 255) !important;
    }
  }
}
#risoco.subpage .l-inquiry .inquiry-form .inquiry-form-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px 40px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-btn {
    row-gap: calc(12 * calc(1 / 1280 * 100vw));
    -moz-column-gap: calc(40 * calc(1 / 1280 * 100vw));
         column-gap: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-btn {
    row-gap: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    -moz-column-gap: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-form .inquiry-form-btn {
    flex-direction: column;
    row-gap: calc(12 * calc(1 / 375 * 100vw));
    -moz-column-gap: unset;
         column-gap: unset;
  }
}
#risoco.subpage .l-inquiry .inquiry-complete-content {
  display: flex;
  flex-direction: column;
  row-gap: 60px;
  margin-block: 72px 0;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content {
    row-gap: calc(60 * calc(1 / 1280 * 100vw));
    margin-top: calc(72 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content {
    row-gap: calc(60 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-top: calc(72 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content {
    row-gap: calc(40 * calc(1 / 375 * 100vw));
    margin-top: calc(40 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-group {
  margin-inline: auto;
  max-width: 800px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-group {
    max-width: unset;
    width: calc(800 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-group {
    max-width: unset;
    width: calc(800 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-group {
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-group .ttl {
  margin-bottom: 24px;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-group .ttl {
    margin-bottom: calc(24 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-group .ttl {
    margin-bottom: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-group .ttl {
    margin-bottom: calc(24 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-group .txt {
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-group .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-group .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-group .txt {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info {
  --_border-radius: 6px;
  margin-inline: auto;
  padding: 32px 24px;
  width: 800px;
  background-color: rgb(247, 245, 241);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info {
    --_border-radius: calc(6 * calc(1 / 1280 * 100vw));
    padding-block: calc(32 * calc(1 / 1280 * 100vw));
    padding-inline: calc(24 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(800 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info {
    --_border-radius: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(800 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info {
    --_border-radius: calc(4 * calc(1 / 375 * 100vw));
    padding-block: calc(20 * calc(1 / 375 * 100vw));
    padding-inline: calc(16 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .ttl {
  --_linear-gradient-size: 2px;
  --_linear-gradient-interval: 8px;
  padding-bottom: 12px;
  font-size: 16px;
  line-height: 1.875;
  font-weight: 700;
  background-image: linear-gradient(to right, rgb(180, 140, 5) var(--_linear-gradient-size), transparent var(--_linear-gradient-size));
  background-size: var(--_linear-gradient-interval) var(--_linear-gradient-size);
  background-repeat: repeat-x;
  background-position: left bottom;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .ttl {
    --_linear-gradient-size: calc(2 * calc(1 / 1280 * 100vw));
    --_linear-gradient-interval: calc(8 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(12 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .ttl {
    --_linear-gradient-size: calc(2 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_linear-gradient-interval: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .ttl {
    --_linear-gradient-size: calc(2 * calc(1 / 375 * 100vw));
    --_linear-gradient-interval: calc(8 * calc(1 / 375 * 100vw));
    padding-bottom: calc(16 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  padding-top: 12px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list {
    row-gap: calc(12 * calc(1 / 1280 * 100vw));
    padding-top: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list {
    row-gap: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list {
    row-gap: calc(8 * calc(1 / 375 * 100vw));
    padding-top: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) {
  display: flex;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) {
    flex-wrap: wrap;
  }
}
#risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dt {
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dt {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dd {
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dd {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dd {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dd {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dd + dt {
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dd + dt {
    margin-top: calc(8 * calc(1 / 375 * 100vw));
    padding-left: unset;
    width: 100%;
  }
}
#risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dd a[data-plat=mail] {
  --_text-offset: 4px;
  font-size: 16px;
  color: rgb(214, 10, 19);
  text-underline-offset: var(--_text-offset);
  -webkit-text-decoration-color: rgb(214, 10, 19) !important;
          text-decoration-color: rgb(214, 10, 19) !important;
  text-decoration: underline;
  transition: 0.2s ease-in-out;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dd a[data-plat=mail] {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dd a[data-plat=mail] {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dd a[data-plat=mail] {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dd a[data-plat=mail]:focus-visible {
  -webkit-text-decoration-color: rgb(255, 255, 255) !important;
          text-decoration-color: rgb(255, 255, 255) !important;
}
@media (any-hover: hover) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dd a[data-plat=mail]:where(:-webkit-any-link, :enabled, summary):hover {
    -webkit-text-decoration-color: rgb(255, 255, 255) !important;
            text-decoration-color: rgb(255, 255, 255) !important;
  }
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dd a[data-plat=mail]:where(:-moz-any-link, :enabled, summary):hover {
    text-decoration-color: rgb(255, 255, 255) !important;
  }
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dd a[data-plat=mail]:where(:any-link, :enabled, summary):hover {
    -webkit-text-decoration-color: rgb(255, 255, 255) !important;
            text-decoration-color: rgb(255, 255, 255) !important;
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dd a[data-plat=mail].touch-active {
      -webkit-text-decoration-color: rgb(255, 255, 255) !important;
              text-decoration-color: rgb(255, 255, 255) !important;
    }
  }
}
#risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dd a[data-plat=tel] {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-inquiry .inquiry-complete-content .inquiry-complete-info .inquiry-complete-info-list div:not([class]) dd a[data-plat=tel] {
    pointer-events: all;
  }
}
#risoco.subpage .l-terms {
  padding-block: 80px 42px;
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-terms {
    padding-top: calc(80 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(42 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-terms {
    padding-top: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(42 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-terms {
    padding-top: calc(44 * calc(1 / 375 * 100vw));
    padding-bottom: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-terms .terms-summary {
  margin-block: 72px 32px;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 20px;
  line-height: 1.8;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-terms .terms-summary {
    margin-top: calc(72 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(32 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-terms .terms-summary {
    margin-top: calc(72 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-terms .terms-summary {
    margin-top: calc(40 * calc(1 / 375 * 100vw));
    margin-bottom: calc(24 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-terms .terms-lead {
  margin-bottom: 52px;
  margin-inline: auto;
  max-width: 800px;
  font-size: 16px;
  line-height: 1.688;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-terms .terms-lead {
    margin-bottom: calc(52 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(800 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-terms .terms-lead {
    margin-bottom: calc(52 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(800 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-terms .terms-lead {
    margin-bottom: calc(32 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-terms .terms-list {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  margin-bottom: 16px;
  margin-inline: auto;
  max-width: 800px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-terms .terms-list {
    row-gap: calc(40 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(16 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(800 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-terms .terms-list {
    row-gap: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(800 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-terms .terms-list {
    row-gap: calc(24 * calc(1 / 375 * 100vw));
    margin-bottom: calc(24 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-terms .terms-list .terms-group {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-terms .terms-list .terms-group {
    row-gap: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-terms .terms-list .terms-group {
    row-gap: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-terms .terms-list .terms-group {
    flex-direction: column;
    row-gap: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-terms .terms-list .terms-group > dt {
  --_border-size: 1px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 1.688;
  font-weight: 700;
  border-bottom: var(--_border-size) solid rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-terms .terms-list .terms-group > dt {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(16 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-terms .terms-list .terms-group > dt {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-terms .terms-list .terms-group > dt {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding-bottom: calc(12 * calc(1 / 375 * 100vw));
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-terms .terms-list .terms-group > dd {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  font-size: 16px;
  line-height: 1.688;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-terms .terms-list .terms-group > dd {
    row-gap: calc(16 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-terms .terms-list .terms-group > dd {
    row-gap: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-terms .terms-list .terms-group > dd {
    row-gap: calc(12 * calc(1 / 375 * 100vw));
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-terms .terms-list .terms-group > dd ul li {
  display: grid;
  grid-template-columns: auto 1fr;
  font-feature-settings: normal;
}
#risoco.subpage .l-terms .terms-list .terms-group > dd ul li::before {
  content: "・";
}
#risoco.subpage .l-terms .terms-list-child {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-terms .terms-list-child {
    row-gap: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-terms .terms-list-child {
    row-gap: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-terms .terms-list-child {
    row-gap: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-terms .terms-list-child .terms-group-child {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-terms .terms-list-child .terms-group-child {
    row-gap: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-terms .terms-list-child .terms-group-child {
    row-gap: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-terms .terms-list-child .terms-group-child {
    flex-direction: column;
    row-gap: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-terms .terms-list-child .terms-group-child > dt {
  font-size: 16px;
  line-height: 1.688;
  font-weight: 700;
  font-feature-settings: normal;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-terms .terms-list-child .terms-group-child > dt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-terms .terms-list-child .terms-group-child > dt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-terms .terms-list-child .terms-group-child > dt {
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-terms .terms-list-child .terms-group-child > dd {
  padding-left: 1em;
  font-size: 16px;
  line-height: 1.688;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-terms .terms-list-child .terms-group-child > dd {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-terms .terms-list-child .terms-group-child > dd {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-terms .terms-list-child .terms-group-child > dd {
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-terms a {
  --_text-offset: 4px;
  font-size: 16px;
  color: rgb(214, 10, 19);
  text-underline-offset: var(--_text-offset);
  -webkit-text-decoration-color: rgb(214, 10, 19) !important;
          text-decoration-color: rgb(214, 10, 19) !important;
  text-decoration: underline;
  transition: 0.2s ease-in-out;
}
#risoco.subpage .l-terms a:focus-visible {
  -webkit-text-decoration-color: rgb(255, 255, 255) !important;
          text-decoration-color: rgb(255, 255, 255) !important;
}
@media (any-hover: hover) {
  #risoco.subpage .l-terms a:where(:-webkit-any-link, :enabled, summary):hover {
    -webkit-text-decoration-color: rgb(255, 255, 255) !important;
            text-decoration-color: rgb(255, 255, 255) !important;
  }
  #risoco.subpage .l-terms a:where(:-moz-any-link, :enabled, summary):hover {
    text-decoration-color: rgb(255, 255, 255) !important;
  }
  #risoco.subpage .l-terms a:where(:any-link, :enabled, summary):hover {
    -webkit-text-decoration-color: rgb(255, 255, 255) !important;
            text-decoration-color: rgb(255, 255, 255) !important;
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco.subpage .l-terms a.touch-active {
      -webkit-text-decoration-color: rgb(255, 255, 255) !important;
              text-decoration-color: rgb(255, 255, 255) !important;
    }
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-terms a {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-terms a {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-terms a {
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-terms .terms-signature {
  display: flex;
  justify-content: space-between;
  margin-inline: auto;
  max-width: 800px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-terms .terms-signature {
    max-width: unset;
    width: calc(800 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-terms .terms-signature {
    max-width: unset;
    width: calc(800 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-terms .terms-signature {
    flex-direction: column;
    row-gap: calc(32 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-terms .terms-signature p {
  font-size: 16px;
  line-height: 1.688;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-terms .terms-signature p {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-terms .terms-signature p {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-terms .terms-signature p {
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-terms .terms-signature p:last-child {
  text-align: right;
}
#risoco.subpage .l-news {
  padding-block: 80px 40px;
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news {
    padding-top: calc(80 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news {
    padding-top: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news {
    padding-top: calc(44 * calc(1 / 375 * 100vw));
    padding-bottom: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news .news-list {
  --_linear-gradient-size: 2px;
  --_linear-gradient-interval: 8px;
  display: flex;
  flex-direction: column;
  margin-block: 72px 80px;
  margin-inline: auto;
  max-width: 900px;
  background-image: linear-gradient(to right, rgb(221, 221, 221) var(--_linear-gradient-size), transparent var(--_linear-gradient-size));
  background-size: var(--_linear-gradient-interval) var(--_linear-gradient-size);
  background-repeat: repeat-x;
  background-position: left bottom;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news .news-list {
    margin-top: calc(72 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(80 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(900 * calc(1 / 1280 * 100vw));
    --_linear-gradient-size: calc(2 * calc(1 / 1280 * 100vw));
    --_linear-gradient-interval: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news .news-list {
    margin-top: calc(72 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(900 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_linear-gradient-size: calc(2 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_linear-gradient-interval: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news .news-list {
    margin-block: calc(40 * calc(1 / 375 * 100vw));
    padding-inline: calc(12 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(351 * calc(1 / 375 * 100vw));
    --_linear-gradient-size: calc(2 * calc(1 / 375 * 100vw));
    --_linear-gradient-interval: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news .news-list li {
  padding-block: 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news .news-list li {
    padding-block: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news .news-list li {
    padding-block: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news .news-list li {
    padding-block: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news .news-list li + li {
  --_linear-gradient-size: 2px;
  --_linear-gradient-interval: 8px;
  background-image: linear-gradient(to right, rgb(221, 221, 221) var(--_linear-gradient-size), transparent var(--_linear-gradient-size));
  background-size: var(--_linear-gradient-interval) var(--_linear-gradient-size);
  background-repeat: repeat-x;
  background-position: left top;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news .news-list li + li {
    --_linear-gradient-size: calc(2 * calc(1 / 1280 * 100vw));
    --_linear-gradient-interval: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news .news-list li + li {
    --_linear-gradient-size: calc(2 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_linear-gradient-interval: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news .news-list li + li {
    --_linear-gradient-size: calc(2 * calc(1 / 375 * 100vw));
    --_linear-gradient-interval: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news .news-list li:first-child {
  --_linear-gradient-size: 2px;
  --_linear-gradient-interval: 8px;
  background-image: linear-gradient(to right, rgb(221, 221, 221) var(--_linear-gradient-size), transparent var(--_linear-gradient-size));
  background-size: var(--_linear-gradient-interval) var(--_linear-gradient-size);
  background-repeat: repeat-x;
  background-position: left top;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news .news-list li:first-child {
    --_linear-gradient-size: calc(2 * calc(1 / 1280 * 100vw));
    --_linear-gradient-interval: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news .news-list li:first-child {
    --_linear-gradient-size: calc(2 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_linear-gradient-interval: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news .news-list li:first-child {
    --_linear-gradient-size: calc(2 * calc(1 / 375 * 100vw));
    --_linear-gradient-interval: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news .news-list li a {
  display: block;
  transition: opacity 0.2s ease-in-out;
  cursor: pointer;
}
#risoco.subpage .l-news .news-list li a:focus-visible {
  opacity: 0.5;
}
@media (any-hover: hover) {
  #risoco.subpage .l-news .news-list li a:where(:-webkit-any-link, :enabled, summary):hover {
    opacity: 0.5;
  }
  #risoco.subpage .l-news .news-list li a:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 0.5;
  }
  #risoco.subpage .l-news .news-list li a:where(:any-link, :enabled, summary):hover {
    opacity: 0.5;
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco.subpage .l-news .news-list li a.touch-active {
      opacity: 0.5;
    }
  }
}
#risoco.subpage .l-news .news-list li a .head {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news .news-list li a .head {
    margin-bottom: calc(10 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news .news-list li a .head {
    margin-bottom: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news .news-list li a .head {
    margin-bottom: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news .news-list li a .head .date {
  min-width: 100px;
  font-size: 14px;
  line-height: 1.429;
  letter-spacing: 0.01em;
  font-family: "Outfit", sans-serif;
  color: rgb(172, 172, 172);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news .news-list li a .head .date {
    font-size: calc(14 * calc(1 / 1280 * 100vw));
    min-width: unset;
    width: calc(100 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news .news-list li a .head .date {
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    min-width: unset;
    width: calc(100 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news .news-list li a .head .date {
    min-width: unset;
    width: calc(86 * calc(1 / 375 * 100vw));
    font-size: calc(13 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news .news-list li a .head .tags {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news .news-list li a .head .tags {
    -moz-column-gap: calc(12 * calc(1 / 1280 * 100vw));
         column-gap: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news .news-list li a .head .tags {
    -moz-column-gap: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news .news-list li a .head .tags {
    -moz-column-gap: calc(8 * calc(1 / 375 * 100vw));
         column-gap: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news .news-list li a .head .tags span {
  --_border-radius: 50vh;
  padding-block: 3px;
  font-size: 12px;
  line-height: 1;
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news .news-list li a .head .tags span {
    padding-block: calc(3 * calc(1 / 1280 * 100vw));
    font-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news .news-list li a .head .tags span {
    padding-block: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news .news-list li a .head .tags span {
    padding-block: calc(3 * calc(1 / 375 * 100vw));
    font-size: calc(11 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news .news-list li a .head .tags span[data-tag] {
  --_border-size: 1px;
  padding-inline: 12px;
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
  border: var(--_border-size) solid transparent;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news .news-list li a .head .tags span[data-tag] {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-inline: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news .news-list li a .head .tags span[data-tag] {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news .news-list li a .head .tags span[data-tag] {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding-inline: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news .news-list li a .head .tags span[data-category] {
  --_border-size: 1px;
  padding-inline: 14px;
  color: rgb(150, 116, 0);
  background-color: rgb(255, 255, 255);
  border: var(--_border-size) solid rgb(150, 116, 0);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news .news-list li a .head .tags span[data-category] {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-inline: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news .news-list li a .head .tags span[data-category] {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news .news-list li a .head .tags span[data-category] {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding-inline: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news .news-list li a .txt {
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news .news-list li a .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news .news-list li a .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news .news-list li a .txt {
    font-size: calc(15 * calc(1 / 375 * 100vw));
    line-height: 1.8;
  }
}
#risoco.subpage .l-news-slug {
  padding-block: 80px 40px;
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news-slug {
    padding-top: calc(80 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news-slug {
    padding-top: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news-slug {
    padding-top: calc(44 * calc(1 / 375 * 100vw));
    padding-bottom: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news-slug .news-slug-item {
  margin-inline: auto;
  max-width: 800px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news-slug .news-slug-item {
    max-width: unset;
    width: calc(800 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news-slug .news-slug-item {
    max-width: unset;
    width: calc(800 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news-slug .news-slug-item {
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news-slug .news-slug-item .news-slug-ttl {
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 1.8;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-ttl {
    margin-bottom: calc(30 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-ttl {
    margin-bottom: calc(30 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-ttl {
    margin-bottom: calc(16 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news-slug .news-slug-item .news-slug-head {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-head {
    margin-bottom: calc(10 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-head {
    margin-bottom: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-head {
    margin-bottom: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news-slug .news-slug-item .news-slug-head .date {
  min-width: 100px;
  font-size: 14px;
  line-height: 1.429;
  letter-spacing: 0.01em;
  font-family: "Outfit", sans-serif;
  color: rgb(172, 172, 172);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-head .date {
    font-size: calc(14 * calc(1 / 1280 * 100vw));
    min-width: unset;
    width: calc(100 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-head .date {
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    min-width: unset;
    width: calc(100 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-head .date {
    min-width: unset;
    width: calc(86 * calc(1 / 375 * 100vw));
    font-size: calc(13 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news-slug .news-slug-item .news-slug-head .tags {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-head .tags {
    -moz-column-gap: calc(12 * calc(1 / 1280 * 100vw));
         column-gap: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-head .tags {
    -moz-column-gap: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-head .tags {
    -moz-column-gap: calc(8 * calc(1 / 375 * 100vw));
         column-gap: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news-slug .news-slug-item .news-slug-head .tags span {
  --_border-radius: 50vh;
  padding-block: 3px;
  font-size: 12px;
  line-height: 1;
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-head .tags span {
    padding-block: calc(3 * calc(1 / 1280 * 100vw));
    font-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-head .tags span {
    padding-block: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-head .tags span {
    padding-block: calc(3 * calc(1 / 375 * 100vw));
    font-size: calc(11 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news-slug .news-slug-item .news-slug-head .tags span[data-tag] {
  --_border-size: 1px;
  padding-inline: 12px;
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
  border: var(--_border-size) solid transparent;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-head .tags span[data-tag] {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-inline: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-head .tags span[data-tag] {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-head .tags span[data-tag] {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding-inline: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news-slug .news-slug-item .news-slug-head .tags span[data-category] {
  --_border-size: 1px;
  padding-inline: 14px;
  color: rgb(150, 116, 0);
  background-color: rgb(255, 255, 255);
  border: var(--_border-size) solid rgb(150, 116, 0);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-head .tags span[data-category] {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-inline: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-head .tags span[data-category] {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-head .tags span[data-category] {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding-inline: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news-slug .news-slug-item .news-slug-content {
  --_linear-gradient-size: 2px;
  --_linear-gradient-interval: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  margin-bottom: 78px;
  padding-top: 40px;
  background-image: linear-gradient(to right, rgb(221, 221, 221) var(--_linear-gradient-size), transparent var(--_linear-gradient-size));
  background-size: var(--_linear-gradient-interval) var(--_linear-gradient-size);
  background-repeat: repeat-x;
  background-position: left top;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-content {
    --_linear-gradient-size: calc(2 * calc(1 / 1280 * 100vw));
    --_linear-gradient-interval: calc(8 * calc(1 / 1280 * 100vw));
    row-gap: calc(40 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(78 * calc(1 / 1280 * 100vw));
    padding-top: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-content {
    --_linear-gradient-size: calc(2 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_linear-gradient-interval: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    row-gap: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(78 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-content {
    --_linear-gradient-size: calc(2 * calc(1 / 375 * 100vw));
    --_linear-gradient-interval: calc(8 * calc(1 / 375 * 100vw));
    row-gap: calc(24 * calc(1 / 375 * 100vw));
    margin-bottom: calc(40 * calc(1 / 375 * 100vw));
    padding-top: calc(24 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news-slug .news-slug-item .news-slug-content .image {
  width: 100%;
  text-align: center;
}
#risoco.subpage .l-news-slug .news-slug-item .news-slug-content .txt {
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-content .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-content .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-news-slug .news-slug-item .news-slug-content .txt {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-news-slug .news-slug-item .news-slug-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
#risoco.subpage .l-plan {
  padding-block: 80px 18px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan {
    padding-top: calc(80 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(18 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan {
    padding-top: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan {
    padding-top: calc(44 * calc(1 / 375 * 100vw));
    padding-bottom: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan .plan-list {
  display: flex;
  justify-content: space-between;
  margin-block: 74px 0;
  margin-inline: auto;
  max-width: 798px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan .plan-list {
    margin-top: calc(74 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(798 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan .plan-list {
    margin-top: calc(74 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(798 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan .plan-list {
    flex-direction: column;
    row-gap: calc(20 * calc(1 / 375 * 100vw));
    margin-top: calc(40 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan .plan-list .plan-item {
  width: 45.489%;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan .plan-list .plan-item {
    width: 100%;
  }
}
#risoco.subpage .l-plan .plan-list .plan-item:first-child a .ttl {
  padding-inline: 42px 44px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan .plan-list .plan-item:first-child a .ttl {
    padding-left: calc(42 * calc(1 / 1280 * 100vw));
    padding-right: calc(44 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan .plan-list .plan-item:first-child a .ttl {
    padding-left: calc(42 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-right: calc(44 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan .plan-list .plan-item:first-child a .ttl {
    padding-left: calc(36 * calc(1 / 375 * 100vw));
    padding-right: calc(36 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan .plan-list .plan-item:first-child a .ttl::before {
  content: "";
  position: absolute;
  left: 0;
  width: 31px;
  aspect-ratio: 31/37;
  background: url("../img/c-icon-book.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan .plan-list .plan-item:first-child a .ttl::before {
    width: calc(31 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan .plan-list .plan-item:first-child a .ttl::before {
    width: calc(31 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan .plan-list .plan-item:first-child a .ttl::before {
    width: calc(24 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan .plan-list .plan-item:first-child a .ttl::after {
  content: "";
  position: absolute;
  right: 0;
  width: 32px;
  aspect-ratio: 1;
  background-image: url("../img/c-arrow-plan-nohover.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan .plan-list .plan-item:first-child a .ttl::after {
    width: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan .plan-list .plan-item:first-child a .ttl::after {
    width: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan .plan-list .plan-item:first-child a .ttl::after {
    width: calc(24 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan .plan-list .plan-item:nth-child(2) a .ttl {
  padding-inline: 54px 44px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan .plan-list .plan-item:nth-child(2) a .ttl {
    padding-left: calc(54 * calc(1 / 1280 * 100vw));
    padding-right: calc(44 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan .plan-list .plan-item:nth-child(2) a .ttl {
    padding-left: calc(54 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-right: calc(44 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan .plan-list .plan-item:nth-child(2) a .ttl {
    padding-left: calc(46 * calc(1 / 375 * 100vw));
    padding-right: calc(36 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan .plan-list .plan-item:nth-child(2) a .ttl::before {
  content: "";
  position: absolute;
  left: 0;
  width: 46px;
  aspect-ratio: 46/27;
  background: url("../img/c-icon-box.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan .plan-list .plan-item:nth-child(2) a .ttl::before {
    width: calc(46 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan .plan-list .plan-item:nth-child(2) a .ttl::before {
    width: calc(46 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan .plan-list .plan-item:nth-child(2) a .ttl::before {
    width: calc(36 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan .plan-list .plan-item:nth-child(2) a .ttl::after {
  content: "";
  position: absolute;
  right: 0;
  width: 32px;
  aspect-ratio: 1;
  background-image: url("../img/c-arrow-plan-nohover.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan .plan-list .plan-item:nth-child(2) a .ttl::after {
    width: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan .plan-list .plan-item:nth-child(2) a .ttl::after {
    width: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan .plan-list .plan-item:nth-child(2) a .ttl::after {
    width: calc(24 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan .plan-list .plan-item a {
  --_border-radius: 8px;
  --_box-shadow-y: 4px;
  --_box-shadow-b: 12px;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-block: 34px 40px;
  border-radius: var(--_border-radius);
  box-shadow: 0 var(--_box-shadow-y) var(--_box-shadow-b) rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan .plan-list .plan-item a {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-top: calc(34 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan .plan-list .plan-item a {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(34 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan .plan-list .plan-item a {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding-top: calc(37 * calc(1 / 375 * 100vw));
    padding-bottom: calc(37 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan .plan-list .plan-item a:focus-visible .ttl::after {
  background-image: url("../img/c-arrow-plan-hover.svg");
}
@media (any-hover: hover) {
  #risoco.subpage .l-plan .plan-list .plan-item a:where(:-webkit-any-link, :enabled, summary):hover .ttl::after {
    background-image: url("../img/c-arrow-plan-hover.svg");
  }
  #risoco.subpage .l-plan .plan-list .plan-item a:where(:-moz-any-link, :enabled, summary):hover .ttl::after {
    background-image: url("../img/c-arrow-plan-hover.svg");
  }
  #risoco.subpage .l-plan .plan-list .plan-item a:where(:any-link, :enabled, summary):hover .ttl::after {
    background-image: url("../img/c-arrow-plan-hover.svg");
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco.subpage .l-plan .plan-list .plan-item a.touch-active .ttl::after {
      background-image: url("../img/c-arrow-plan-hover.svg");
    }
  }
}
#risoco.subpage .l-plan .plan-list .plan-item a .ttl {
  order: 3;
  position: relative;
  display: inline-grid;
  align-items: center;
  margin-bottom: 24px;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 20px;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan .plan-list .plan-item a .ttl {
    margin-bottom: calc(24 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan .plan-list .plan-item a .ttl {
    margin-bottom: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan .plan-list .plan-item a .ttl {
    margin-bottom: calc(22 * calc(1 / 375 * 100vw));
    font-size: calc(17 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan .plan-list .plan-item a .txt {
  order: 4;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  line-height: 1.875;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan .plan-list .plan-item a .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan .plan-list .plan-item a .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan .plan-list .plan-item a .txt {
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan .plan-list .plan-item a .lead {
  order: 1;
  margin-inline: auto;
  margin-bottom: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.04em;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan .plan-list .plan-item a .lead {
    margin-bottom: calc(16 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan .plan-list .plan-item a .lead {
    margin-bottom: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan .plan-list .plan-item a .lead {
    margin-bottom: calc(15 * calc(1 / 375 * 100vw));
    font-size: calc(17 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan .plan-list .plan-item a .lead span {
  display: block;
  color: rgb(214, 10, 19);
}
#risoco.subpage .l-plan .plan-list .plan-item a .thmb {
  order: 2;
  margin-bottom: 14px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan .plan-list .plan-item a .thmb {
    margin-bottom: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan .plan-list .plan-item a .thmb {
    margin-bottom: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan .plan-list .plan-item a .thmb {
    margin-bottom: calc(14 * calc(1 / 375 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .plan-lower-group {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
#risoco.subpage .plan-lower-group .plan-lower-ttl {
  --_linear-gradient-size: 3px;
  --_linear-gradient-interval: 9px;
  position: relative;
  display: inline-grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  padding-bottom: 32px;
  font-size: 24px;
  line-height: 1.4;
  letter-spacing: 0.03em;
  background-image: linear-gradient(to right, rgb(214, 10, 19) var(--_linear-gradient-size), transparent var(--_linear-gradient-size));
  background-size: var(--_linear-gradient-interval) var(--_linear-gradient-size);
  background-repeat: repeat-x;
  background-position: left bottom;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .plan-lower-group .plan-lower-ttl {
    --_linear-gradient-size: calc(3 * calc(1 / 1280 * 100vw));
    --_linear-gradient-interval: calc(9 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(32 * calc(1 / 1280 * 100vw));
    font-size: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .plan-lower-group .plan-lower-ttl {
    --_linear-gradient-size: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_linear-gradient-interval: calc(9 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .plan-lower-group .plan-lower-ttl {
    --_linear-gradient-size: calc(3 * calc(1 / 375 * 100vw));
    --_linear-gradient-interval: calc(9 * calc(1 / 375 * 100vw));
    padding-bottom: calc(24 * calc(1 / 375 * 100vw));
    font-size: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .plan-lower-group .plan-lower-ttl::before {
  content: "";
  position: relative;
  top: 0.2em;
  block-size: unset;
}
#risoco.subpage .plan-lower-group .plan-lower-ttl span {
  display: contents;
  font-size: 14px;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .plan-lower-group .plan-lower-ttl span {
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .plan-lower-group .plan-lower-ttl span {
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .plan-lower-group .plan-lower-ttl span {
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .plan-lower-group .plan-lower-txt {
  padding-top: 32px;
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .plan-lower-group .plan-lower-txt {
    padding-top: calc(32 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .plan-lower-group .plan-lower-txt {
    padding-top: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .plan-lower-group .plan-lower-txt {
    padding-top: calc(24 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
    text-align: center;
  }
}
#risoco.subpage .l-plan-book .plan-book-mv {
  background-color: rgb(247, 245, 241);
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-mv {
    padding-block: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-mv .plan-book-mv-content {
  display: flex;
  align-items: center;
  margin-inline: auto;
  max-width: 972px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-mv .plan-book-mv-content {
    max-width: unset;
    width: calc(972 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-mv .plan-book-mv-content {
    max-width: unset;
    width: calc(972 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-mv .plan-book-mv-content {
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-mv .plan-book-mv-content .plan-lower-group {
  width: 50%;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-mv .plan-book-mv-content .plan-lower-group {
    width: 100%;
  }
}
#risoco.subpage .l-plan-book .plan-book-mv .plan-book-mv-content .plan-lower-group .plan-lower-ttl {
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-mv .plan-book-mv-content .plan-lower-group .plan-lower-ttl {
    -moz-column-gap: calc(20 * calc(1 / 1280 * 100vw));
         column-gap: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-mv .plan-book-mv-content .plan-lower-group .plan-lower-ttl {
    -moz-column-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-mv .plan-book-mv-content .plan-lower-group .plan-lower-ttl {
    -moz-column-gap: calc(16 * calc(1 / 375 * 100vw));
         column-gap: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-mv .plan-book-mv-content .plan-lower-group .plan-lower-ttl::before {
  inline-size: 36px;
  aspect-ratio: 36/43;
  background: url("../img/c-icon-book.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-mv .plan-book-mv-content .plan-lower-group .plan-lower-ttl::before {
    inline-size: calc(36 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-mv .plan-book-mv-content .plan-lower-group .plan-lower-ttl::before {
    inline-size: calc(36 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-mv .plan-book-mv-content .plan-lower-group .plan-lower-ttl::before {
    inline-size: calc(33 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-mv .plan-book-mv-content .plan-book-mv-image {
  flex: 1;
  margin-right: calc(50% - 50vw);
  width: 50%;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-mv .plan-book-mv-content .plan-book-mv-image {
    display: none;
  }
}
#risoco.subpage .l-plan-book .plan-book-mes {
  padding-block: 80px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-mes {
    padding-block: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-mes {
    padding-block: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-mes {
    padding-top: calc(60 * calc(1 / 375 * 100vw));
    padding-bottom: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-ttl {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  -moz-column-gap: 27px;
       column-gap: 27px;
  margin-inline: auto;
  margin-bottom: 32px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 24px;
  line-height: 1.792;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-ttl {
    -moz-column-gap: calc(27 * calc(1 / 1280 * 100vw));
         column-gap: calc(27 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(32 * calc(1 / 1280 * 100vw));
    font-size: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-ttl {
    -moz-column-gap: calc(27 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(27 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-ttl {
    align-items: end;
    -moz-column-gap: calc(25 * calc(1 / 375 * 100vw));
         column-gap: calc(25 * calc(1 / 375 * 100vw));
    margin-bottom: calc(32 * calc(1 / 375 * 100vw));
    font-size: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-ttl::before {
  content: "";
  inline-size: 14px;
  aspect-ratio: 14/38;
  background-image: url("../img/plan/plan-line.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-ttl::before {
    inline-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-ttl::before {
    inline-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-ttl::before {
    align-items: end;
    inline-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-ttl::after {
  content: "";
  inline-size: 14px;
  aspect-ratio: 14/38;
  background-image: url("../img/plan/plan-line.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: scale(-1, 1);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-ttl::after {
    inline-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-ttl::after {
    inline-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-ttl::after {
    align-items: end;
    inline-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-compare {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-compare {
    flex-direction: column;
    row-gap: calc(20 * calc(1 / 375 * 100vw));
    margin-inline: auto;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-compare .image {
  width: 399px;
  overflow: hidden;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-compare .image {
    width: calc(399 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-compare .image {
    width: calc(399 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-compare .image {
    width: 100%;
  }
}
#risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-compare .image:first-child {
  --_border-radius: 8px;
  border-radius: var(--_border-radius) 0 0 var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-compare .image:first-child {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-compare .image:first-child {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-compare .image:first-child {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    border-radius: var(--_border-radius);
  }
}
#risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-compare .image:last-child {
  --_border-radius: 8px;
  border-radius: 0 var(--_border-radius) var(--_border-radius) 0;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-compare .image:last-child {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-compare .image:last-child {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-mes .plan-book-mes-compare .image:last-child {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    border-radius: var(--_border-radius);
  }
}
#risoco.subpage .l-plan-book .plan-book-feature {
  margin-inline: auto;
  padding: 80px 87px;
  max-width: 972px;
  background-color: rgb(247, 245, 241);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-feature {
    padding-block: calc(80 * calc(1 / 1280 * 100vw));
    padding-inline: calc(87 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(972 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-feature {
    padding-block: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(87 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(972 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-feature {
    padding-block: calc(44 * calc(1 / 375 * 100vw));
    padding-inline: calc(16 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-ttl {
  display: grid;
  justify-items: center;
  row-gap: 20px;
  margin-inline: auto;
  margin-bottom: 60px;
  font-size: 24px;
  line-height: 1.792;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-ttl {
    row-gap: calc(20 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(60 * calc(1 / 1280 * 100vw));
    font-size: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-ttl {
    row-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(60 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-ttl {
    row-gap: calc(16 * calc(1 / 375 * 100vw));
    margin-bottom: calc(33 * calc(1 / 375 * 100vw));
    font-size: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-ttl::after {
  --_border-radius: 3px;
  content: "";
  width: 70px;
  aspect-ratio: 70/3;
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-ttl::after {
    --_border-radius: calc(3 * calc(1 / 1280 * 100vw));
    width: calc(70 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-ttl::after {
    --_border-radius: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(70 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-ttl::after {
    --_border-radius: calc(3 * calc(1 / 375 * 100vw));
    width: calc(60 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list {
  display: flex;
  flex-direction: column;
  row-gap: 52px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list {
    row-gap: calc(52 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list {
    row-gap: calc(52 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list {
    row-gap: calc(24 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item {
  display: flex;
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(odd) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(odd) {
    flex-direction: column-reverse;
  }
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(odd) .desc {
  --_border-radius: 8px;
  border-radius: 0 var(--_border-radius) var(--_border-radius) 0;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(odd) .desc {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(odd) .desc {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(odd) .desc {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    border-radius: 0 0 var(--_border-radius) var(--_border-radius);
  }
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(odd) .thmb {
  --_border-radius: 8px;
  width: 50%;
  border-radius: var(--_border-radius) 0 0 var(--_border-radius);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(odd) .thmb {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    width: 100%;
    border-radius: var(--_border-radius) var(--_border-radius) 0 0;
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(even) {
    flex-direction: column-reverse;
  }
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(even) .desc {
  --_border-radius: 8px;
  border-radius: var(--_border-radius) 0 0 var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(even) .desc {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(even) .desc {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(even) .desc {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    border-radius: 0 0 var(--_border-radius) var(--_border-radius);
  }
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(even) .thmb {
  --_border-radius: 8px;
  width: 50%;
  border-radius: 0 var(--_border-radius) var(--_border-radius) 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(even) .thmb {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    width: 100%;
    border-radius: var(--_border-radius) var(--_border-radius) 0 0;
  }
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(1) .desc a {
  background-image: url("../img/plan/plan-book-feature_link01.png");
  background-repeat: no-repeat;
  background-size: contain;
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(2) .desc a {
  background-image: url("../img/plan/plan-book-feature_link01.png");
  background-repeat: no-repeat;
  background-size: contain;
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(3) .desc a {
  background-image: url("../img/plan/plan-book-feature_link03.png");
  background-repeat: no-repeat;
  background-size: contain;
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item:nth-child(4) .desc a {
  background-image: url("../img/plan/plan-book-feature_link04.png");
  background-repeat: no-repeat;
  background-size: contain;
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-inline: 45px 44px;
  width: 50%;
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc {
    padding-left: calc(45 * calc(1 / 1280 * 100vw));
    padding-right: calc(44 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc {
    padding-left: calc(45 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-right: calc(44 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc {
    align-items: center;
    padding-inline: unset;
    padding-top: calc(20 * calc(1 / 375 * 100vw));
    padding-bottom: calc(26 * calc(1 / 375 * 100vw));
    width: 100%;
  }
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc .num {
  --_border-radius: 100vmax;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  width: 62px;
  aspect-ratio: 62/22;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc .num {
    margin-bottom: calc(8 * calc(1 / 1280 * 100vw));
    width: calc(62 * calc(1 / 1280 * 100vw));
    font-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc .num {
    margin-bottom: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(62 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc .num {
    margin-bottom: calc(8 * calc(1 / 375 * 100vw));
    width: calc(58 * calc(1 / 375 * 100vw));
    font-size: calc(11 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc .ttl {
  margin-bottom: 13px;
  font-size: 20px;
  line-height: 1.8;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc .ttl {
    margin-bottom: calc(13 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc .ttl {
    margin-bottom: calc(13 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc .ttl {
    margin-bottom: calc(10 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc .txt {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc .txt {
    margin-bottom: calc(16 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc .txt {
    margin-bottom: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc .txt {
    margin-bottom: calc(16 * calc(1 / 375 * 100vw));
    padding-inline: calc(28 * calc(1 / 375 * 100vw));
    font-size: calc(15 * calc(1 / 375 * 100vw));
    text-align: center;
  }
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc a {
  --_text-offset: 4px;
  position: relative;
  display: inline-grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: rgb(150, 116, 0);
  text-underline-offset: var(--_text-offset);
  -webkit-text-decoration-color: rgb(150, 116, 0) !important;
          text-decoration-color: rgb(150, 116, 0) !important;
  text-decoration: underline;
  transition: 0.2s ease-in-out;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc a {
    -moz-column-gap: calc(6 * calc(1 / 1280 * 100vw));
         column-gap: calc(6 * calc(1 / 1280 * 100vw));
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc a {
    -moz-column-gap: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc a {
    -moz-column-gap: calc(6 * calc(1 / 375 * 100vw));
         column-gap: calc(6 * calc(1 / 375 * 100vw));
    font-size: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc a:focus-visible {
  -webkit-text-decoration-color: rgb(255, 255, 255) !important;
          text-decoration-color: rgb(255, 255, 255) !important;
}
@media (any-hover: hover) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc a:where(:-webkit-any-link, :enabled, summary):hover {
    -webkit-text-decoration-color: rgb(255, 255, 255) !important;
            text-decoration-color: rgb(255, 255, 255) !important;
  }
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc a:where(:-moz-any-link, :enabled, summary):hover {
    text-decoration-color: rgb(255, 255, 255) !important;
  }
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc a:where(:any-link, :enabled, summary):hover {
    -webkit-text-decoration-color: rgb(255, 255, 255) !important;
            text-decoration-color: rgb(255, 255, 255) !important;
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc a.touch-active {
      -webkit-text-decoration-color: rgb(255, 255, 255) !important;
              text-decoration-color: rgb(255, 255, 255) !important;
    }
  }
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc a::before {
  content: "";
  inline-size: 30px;
  aspect-ratio: 1;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc a::before {
    inline-size: calc(30 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc a::before {
    inline-size: calc(30 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc a::before {
    inline-size: calc(24 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc a::after {
  content: "";
  inline-size: 10px;
  aspect-ratio: 1;
  -webkit-mask-image: url("../img/g-chevron-left.svg");
          mask-image: url("../img/g-chevron-left.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: rgb(150, 116, 0);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc a::after {
    inline-size: calc(10 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc a::after {
    inline-size: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-feature .plan-book-feature-list .plan-book-feature-item .desc a::after {
    inline-size: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-function {
  margin-inline: auto;
  padding-block: 80px 100px;
  max-width: 900px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-function {
    padding-top: calc(80 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(100 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(900 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-function {
    padding-top: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(100 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(900 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-function {
    padding-block: calc(52 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-function .plan-book-function-ttl {
  display: grid;
  justify-items: center;
  row-gap: 20px;
  margin-inline: auto;
  margin-bottom: 60px;
  font-size: 24px;
  line-height: 1.792;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-ttl {
    row-gap: calc(20 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(60 * calc(1 / 1280 * 100vw));
    font-size: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-ttl {
    row-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(60 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-ttl {
    row-gap: calc(16 * calc(1 / 375 * 100vw));
    margin-bottom: calc(33 * calc(1 / 375 * 100vw));
    font-size: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-function .plan-book-function-ttl::after {
  --_border-radius: 3px;
  content: "";
  width: 70px;
  aspect-ratio: 70/3;
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-ttl::after {
    --_border-radius: calc(3 * calc(1 / 1280 * 100vw));
    width: calc(70 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-ttl::after {
    --_border-radius: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(70 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-ttl::after {
    --_border-radius: calc(3 * calc(1 / 375 * 100vw));
    width: calc(60 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-function .plan-book-function-list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-list {
    flex-direction: column;
    row-gap: calc(24 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-function .plan-book-function-list .plan-book-function-item {
  --_border-radius: 6px;
  --_box-shadow-b: 6px;
  display: flex;
  flex-direction: column;
  padding: 30px 27px;
  width: 31.112%;
  border-radius: var(--_border-radius);
  box-shadow: 0 0 var(--_box-shadow-b) rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-list .plan-book-function-item {
    --_border-radius: calc(6 * calc(1 / 1280 * 100vw));
    --_box-shadow-b: calc(6 * calc(1 / 1280 * 100vw));
    padding-block: calc(30 * calc(1 / 1280 * 100vw));
    padding-inline: calc(27 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-list .plan-book-function-item {
    --_border-radius: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_box-shadow-b: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(30 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(27 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-list .plan-book-function-item {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    --_box-shadow-b: calc(6 * calc(1 / 375 * 100vw));
    margin-inline: auto;
    padding-block: calc(30 * calc(1 / 375 * 100vw));
    padding-inline: calc(24 * calc(1 / 375 * 100vw));
    width: calc(273 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-function .plan-book-function-list .plan-book-function-item .ttl {
  order: 1;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-list .plan-book-function-item .ttl {
    margin-bottom: calc(20 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-list .plan-book-function-item .ttl {
    margin-bottom: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-list .plan-book-function-item .ttl {
    margin-bottom: calc(17 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-function .plan-book-function-list .plan-book-function-item .txt {
  order: 3;
  font-size: 14px;
  line-height: 1.786;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-list .plan-book-function-item .txt {
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-list .plan-book-function-item .txt {
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-list .plan-book-function-item .txt {
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-function .plan-book-function-list .plan-book-function-item .thmb {
  order: 2;
  margin-bottom: 15px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-list .plan-book-function-item .thmb {
    margin-bottom: calc(15 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-list .plan-book-function-item .thmb {
    margin-bottom: calc(15 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-function .plan-book-function-list .plan-book-function-item .thmb {
    margin-bottom: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-recommend {
  padding-block: 80px;
  background-color: rgb(247, 245, 241);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-recommend {
    padding-block: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-recommend {
    padding-block: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-recommend {
    padding-block: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-ttl {
  display: grid;
  justify-items: center;
  row-gap: 20px;
  margin-inline: auto;
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 1.792;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-ttl {
    row-gap: calc(20 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(40 * calc(1 / 1280 * 100vw));
    font-size: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-ttl {
    row-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-ttl {
    row-gap: calc(16 * calc(1 / 375 * 100vw));
    margin-bottom: calc(33 * calc(1 / 375 * 100vw));
    font-size: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-ttl::after {
  --_border-radius: 3px;
  content: "";
  width: 70px;
  aspect-ratio: 70/3;
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-ttl::after {
    --_border-radius: calc(3 * calc(1 / 1280 * 100vw));
    width: calc(70 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-ttl::after {
    --_border-radius: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(70 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-ttl::after {
    --_border-radius: calc(3 * calc(1 / 375 * 100vw));
    width: calc(60 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-lead {
  margin-inline: auto;
  margin-bottom: 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-lead {
    margin-bottom: calc(40 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-lead {
    margin-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-lead {
    margin-bottom: calc(33 * calc(1 / 375 * 100vw));
    width: calc(327 * calc(1 / 375 * 100vw));
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-list {
  display: flex;
  justify-content: space-between;
  margin-inline: auto;
  max-width: 972px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-list {
    max-width: unset;
    width: calc(972 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-list {
    max-width: unset;
    width: calc(972 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-list {
    flex-direction: column;
    row-gap: calc(20 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(273 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-list li {
  display: flex;
  flex-direction: column-reverse;
  width: 23.149%;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-list li {
    width: 100%;
  }
}
#risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-list li .txt {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-list li .txt {
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-list li .txt {
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-list li .txt {
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-list li .thmb {
  --_border-radius: 6px;
  margin-bottom: 24px;
  border-radius: var(--_border-radius);
  overflow: hidden;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-list li .thmb {
    --_border-radius: calc(6 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-list li .thmb {
    --_border-radius: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-list li .thmb {
    --_border-radius: calc(4 * calc(1 / 375 * 100vw));
    margin-bottom: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-recommend .plan-book-recommend-list li .thmb img {
  width: 100%;
}
#risoco.subpage .l-plan-book .plan-book-try {
  padding-block: 80px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-try {
    padding-block: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-try {
    padding-block: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-try {
    padding-block: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-try .plan-book-try-btn {
  text-align: center;
}
#risoco.subpage .l-plan-book .plan-book-fee {
  padding-block: 80px;
  background-color: rgb(245, 245, 245);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee {
    padding-block: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee {
    padding-block: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee {
    padding-block: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-ttl {
  display: grid;
  justify-items: center;
  row-gap: 20px;
  margin-inline: auto;
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 1.792;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-ttl {
    row-gap: calc(20 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(40 * calc(1 / 1280 * 100vw));
    font-size: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-ttl {
    row-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-ttl {
    row-gap: calc(16 * calc(1 / 375 * 100vw));
    margin-bottom: calc(33 * calc(1 / 375 * 100vw));
    font-size: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-ttl::after {
  --_border-radius: 3px;
  content: "";
  width: 70px;
  aspect-ratio: 70/3;
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-ttl::after {
    --_border-radius: calc(3 * calc(1 / 1280 * 100vw));
    width: calc(70 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-ttl::after {
    --_border-radius: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(70 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-ttl::after {
    --_border-radius: calc(3 * calc(1 / 375 * 100vw));
    width: calc(60 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-lead {
  margin-inline: auto;
  margin-bottom: 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  line-height: 1.875;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-lead {
    margin-bottom: calc(40 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-lead {
    margin-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-lead {
    margin-bottom: calc(33 * calc(1 / 375 * 100vw));
    width: calc(327 * calc(1 / 375 * 100vw));
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  margin-inline: auto;
  max-width: 800px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list {
    row-gap: calc(40 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(800 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list {
    row-gap: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(800 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list {
    row-gap: calc(44 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group {
  --_border-radius: 6px;
  padding: 40px 32px;
  background-color: rgb(255, 255, 255);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group {
    --_border-radius: calc(6 * calc(1 / 1280 * 100vw));
    padding-block: calc(40 * calc(1 / 1280 * 100vw));
    padding-inline: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group {
    --_border-radius: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group {
    --_border-radius: calc(4 * calc(1 / 375 * 100vw));
    padding-top: calc(20 * calc(1 / 375 * 100vw));
    padding-bottom: calc(24 * calc(1 / 375 * 100vw));
    padding-inline: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .term {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .term {
    -moz-column-gap: calc(16 * calc(1 / 1280 * 100vw));
         column-gap: calc(16 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(20 * calc(1 / 1280 * 100vw));
    font-size: calc(18 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .term {
    -moz-column-gap: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .term {
    -moz-column-gap: calc(8 * calc(1 / 375 * 100vw));
         column-gap: calc(8 * calc(1 / 375 * 100vw));
    padding-bottom: calc(15 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .term::before {
  --_border-radius: 100vmax;
  content: "";
  inline-size: 6px;
  aspect-ratio: 1;
  border-radius: var(--_border-radius);
  background-color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .term::before {
    inline-size: calc(6 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .term::before {
    inline-size: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .term::before {
    inline-size: calc(6 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .term::after {
  --_border-radius: 100vmax;
  --_border-size: 2px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--_border-size);
  border-bottom: var(--_border-size) solid rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .term::after {
    --_border-size: calc(2 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .term::after {
    --_border-size: calc(2 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .term::after {
    --_border-size: calc(2 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  padding-top: 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc {
    row-gap: calc(14 * calc(1 / 1280 * 100vw));
    padding-top: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc {
    row-gap: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc {
    row-gap: calc(14 * calc(1 / 375 * 100vw));
    padding-top: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) {
  display: flex;
  flex-wrap: wrap;
  padding-block: 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) {
    padding-top: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) {
    padding-top: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) {
    align-items: center;
    justify-content: space-between;
    padding-top: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]):first-child {
  padding-top: 0;
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]):last-child {
  padding-bottom: 0;
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) + div:not([class]) {
  --_border-size: 1px;
  border-top: var(--_border-size) solid rgb(221, 221, 221);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) + div:not([class]) {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) + div:not([class]) {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) + div:not([class]) {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) dt {
  width: 50%;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) dt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) dt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) dt {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) dt span:not([class]) {
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) dt .op {
  --_border-radius: 100vmax;
  --_border-size: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  aspect-ratio: 78/22;
  font-size: 12px;
  color: rgb(214, 10, 19);
  border: var(--_border-size) solid;
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) dt .op {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    width: calc(78 * calc(1 / 1280 * 100vw));
    font-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) dt .op {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(78 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) dt .op {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    width: calc(78 * calc(1 / 375 * 100vw));
    font-size: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) dd {
  width: 50%;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: right;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) dd {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) dd {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) dd {
    width: 46%;
    font-size: calc(16 * calc(1 / 375 * 100vw));
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .rows div:not([class]) dd span {
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .txt {
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .txt {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .image {
  width: 327px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .image {
    width: calc(327 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .image {
    width: calc(327 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-group .desc .image {
    width: 100%;
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-note {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  padding-top: 16px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-note {
    row-gap: calc(4 * calc(1 / 1280 * 100vw));
    padding-top: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-note {
    row-gap: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-note {
    row-gap: calc(10 * calc(1 / 375 * 100vw));
    padding-top: calc(16 * calc(1 / 375 * 100vw));
    margin-inline: auto;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-note.number {
  counter-reset: noteNumber 0;
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-note.number li {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 6px;
       column-gap: 6px;
  font-size: 14px;
  line-height: 1.786;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-note.number li {
    row-gap: calc(4 * calc(1 / 1280 * 100vw));
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-note.number li {
    row-gap: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-note.number li {
    row-gap: calc(2 * calc(1 / 375 * 100vw));
    font-size: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-note.number li::before {
  counter-increment: noteNumber 1;
  content: "※" counter(noteNumber);
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-note li {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-size: 14px;
  line-height: 1.786;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-note li {
    row-gap: calc(4 * calc(1 / 1280 * 100vw));
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-note li {
    row-gap: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-note li {
    row-gap: calc(2 * calc(1 / 375 * 100vw));
    font-size: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-note li::before {
  content: "※";
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-assume {
  padding-top: 40px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-assume {
    padding-top: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-assume {
    padding-top: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-assume {
    padding-top: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-assume .plan-book-fee-assume-ttl {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-assume .plan-book-fee-assume-ttl {
    margin-block: calc(12 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-assume .plan-book-fee-assume-ttl {
    margin-block: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-assume .plan-book-fee-assume-ttl {
    margin-block: calc(10 * calc(1 / 375 * 100vw));
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-assume .plan-book-fee-assume-content {
  --_border-radius: 6px;
  padding: 20px 32px;
  background-color: rgb(255, 255, 255);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-assume .plan-book-fee-assume-content {
    --_border-radius: calc(6 * calc(1 / 1280 * 100vw));
    padding-block: calc(20 * calc(1 / 1280 * 100vw));
    padding-inline: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-assume .plan-book-fee-assume-content {
    --_border-radius: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-book .plan-book-fee .plan-book-fee-list .plan-book-fee-item .plan-book-fee-assume .plan-book-fee-assume-content {
    --_border-radius: calc(4 * calc(1 / 375 * 100vw));
    padding-top: calc(20 * calc(1 / 375 * 100vw));
    padding-bottom: calc(24 * calc(1 / 375 * 100vw));
    padding-inline: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-mv {
  background-color: rgb(247, 245, 241);
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-mv {
    padding-block: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-mv .plan-box-mv-content {
  display: flex;
  align-items: center;
  margin-inline: auto;
  max-width: 972px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-mv .plan-box-mv-content {
    max-width: unset;
    width: calc(972 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-mv .plan-box-mv-content {
    max-width: unset;
    width: calc(972 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-mv .plan-box-mv-content {
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-mv .plan-box-mv-content .plan-lower-group {
  width: 50%;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-mv .plan-box-mv-content .plan-lower-group {
    width: 100%;
  }
}
#risoco.subpage .l-plan-box .plan-box-mv .plan-box-mv-content .plan-lower-group .plan-lower-ttl {
  -moz-column-gap: 12px;
       column-gap: 12px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-mv .plan-box-mv-content .plan-lower-group .plan-lower-ttl {
    -moz-column-gap: calc(12 * calc(1 / 1280 * 100vw));
         column-gap: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-mv .plan-box-mv-content .plan-lower-group .plan-lower-ttl {
    -moz-column-gap: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-mv .plan-box-mv-content .plan-lower-group .plan-lower-ttl {
    -moz-column-gap: calc(10 * calc(1 / 375 * 100vw));
         column-gap: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-mv .plan-box-mv-content .plan-lower-group .plan-lower-ttl::before {
  inline-size: 53px;
  aspect-ratio: 53/31;
  background: url("../img/c-icon-box.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-mv .plan-box-mv-content .plan-lower-group .plan-lower-ttl::before {
    inline-size: calc(53 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-mv .plan-box-mv-content .plan-lower-group .plan-lower-ttl::before {
    inline-size: calc(53 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-mv .plan-box-mv-content .plan-lower-group .plan-lower-ttl::before {
    inline-size: calc(47 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-mv .plan-box-mv-content .plan-box-mv-image {
  flex: 1;
  margin-right: calc(50% - 50vw);
  width: 50%;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-mv .plan-box-mv-content .plan-box-mv-image {
    display: none;
  }
}
#risoco.subpage .l-plan-box .plan-box-mes {
  padding-block: 80px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-mes {
    padding-block: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-mes {
    padding-block: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-mes {
    padding-top: calc(60 * calc(1 / 375 * 100vw));
    padding-bottom: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-ttl {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  -moz-column-gap: 27px;
       column-gap: 27px;
  margin-inline: auto;
  margin-bottom: 32px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 24px;
  line-height: 1.792;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-ttl {
    -moz-column-gap: calc(27 * calc(1 / 1280 * 100vw));
         column-gap: calc(27 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(32 * calc(1 / 1280 * 100vw));
    font-size: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-ttl {
    -moz-column-gap: calc(27 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(27 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-ttl {
    align-items: end;
    -moz-column-gap: calc(25 * calc(1 / 375 * 100vw));
         column-gap: calc(25 * calc(1 / 375 * 100vw));
    margin-bottom: calc(32 * calc(1 / 375 * 100vw));
    font-size: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-ttl::before {
  content: "";
  inline-size: 14px;
  aspect-ratio: 14/38;
  background-image: url("../img/plan/plan-line.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-ttl::before {
    inline-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-ttl::before {
    inline-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-ttl::before {
    align-items: end;
    inline-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-ttl::after {
  content: "";
  inline-size: 14px;
  aspect-ratio: 14/38;
  background-image: url("../img/plan/plan-line.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: scale(-1, 1);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-ttl::after {
    inline-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-ttl::after {
    inline-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-ttl::after {
    align-items: end;
    inline-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-compare {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-compare {
    flex-direction: column;
    row-gap: calc(20 * calc(1 / 375 * 100vw));
    margin-inline: auto;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-compare .image {
  width: 399px;
  overflow: hidden;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-compare .image {
    width: calc(399 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-compare .image {
    width: calc(399 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-compare .image {
    width: 100%;
  }
}
#risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-compare .image:first-child {
  --_border-radius: 8px;
  border-radius: var(--_border-radius) 0 0 var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-compare .image:first-child {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-compare .image:first-child {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-compare .image:first-child {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    border-radius: var(--_border-radius);
  }
}
#risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-compare .image:last-child {
  --_border-radius: 8px;
  border-radius: 0 var(--_border-radius) var(--_border-radius) 0;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-compare .image:last-child {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-compare .image:last-child {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-mes .plan-box-mes-compare .image:last-child {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    border-radius: var(--_border-radius);
  }
}
#risoco.subpage .l-plan-box .plan-box-feature {
  margin-inline: auto;
  margin-bottom: 88px;
  padding: 80px 87px;
  max-width: 972px;
  background-color: rgb(247, 245, 241);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-feature {
    margin-block: calc(88 * calc(1 / 1280 * 100vw));
    padding-block: calc(80 * calc(1 / 1280 * 100vw));
    padding-inline: calc(87 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(972 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-feature {
    margin-block: calc(88 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(87 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(972 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-feature {
    margin-block: calc(52 * calc(1 / 375 * 100vw));
    padding-block: calc(44 * calc(1 / 375 * 100vw));
    padding-inline: calc(16 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-ttl {
  display: grid;
  justify-items: center;
  row-gap: 20px;
  margin-inline: auto;
  margin-bottom: 60px;
  font-size: 24px;
  line-height: 1.792;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-ttl {
    row-gap: calc(20 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(60 * calc(1 / 1280 * 100vw));
    font-size: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-ttl {
    row-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(60 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-ttl {
    row-gap: calc(16 * calc(1 / 375 * 100vw));
    margin-bottom: calc(33 * calc(1 / 375 * 100vw));
    font-size: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-ttl::after {
  --_border-radius: 3px;
  content: "";
  width: 70px;
  aspect-ratio: 70/3;
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-ttl::after {
    --_border-radius: calc(3 * calc(1 / 1280 * 100vw));
    width: calc(70 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-ttl::after {
    --_border-radius: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(70 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-ttl::after {
    --_border-radius: calc(3 * calc(1 / 375 * 100vw));
    width: calc(60 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list {
  display: flex;
  flex-direction: column;
  row-gap: 52px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list {
    row-gap: calc(52 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list {
    row-gap: calc(52 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list {
    row-gap: calc(24 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item {
  display: flex;
}
#risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item:nth-child(odd) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item:nth-child(odd) {
    flex-direction: column-reverse;
  }
}
#risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item:nth-child(odd) .desc {
  --_border-radius: 8px;
  border-radius: 0 var(--_border-radius) var(--_border-radius) 0;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item:nth-child(odd) .desc {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item:nth-child(odd) .desc {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item:nth-child(odd) .desc {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    border-radius: 0 0 var(--_border-radius) var(--_border-radius);
  }
}
#risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item:nth-child(odd) .thmb {
  --_border-radius: 8px;
  width: 50%;
  border-radius: var(--_border-radius) 0 0 var(--_border-radius);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item:nth-child(odd) .thmb {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    width: 100%;
    border-radius: var(--_border-radius) var(--_border-radius) 0 0;
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item:nth-child(even) {
    flex-direction: column-reverse;
  }
}
#risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item:nth-child(even) .desc {
  --_border-radius: 8px;
  border-radius: var(--_border-radius) 0 0 var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item:nth-child(even) .desc {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item:nth-child(even) .desc {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item:nth-child(even) .desc {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    border-radius: 0 0 var(--_border-radius) var(--_border-radius);
  }
}
#risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item:nth-child(even) .thmb {
  --_border-radius: 8px;
  width: 50%;
  border-radius: 0 var(--_border-radius) var(--_border-radius) 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item:nth-child(even) .thmb {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    width: 100%;
    border-radius: var(--_border-radius) var(--_border-radius) 0 0;
  }
}
#risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-inline: 40px;
  width: 50%;
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc {
    padding-inline: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc {
    padding-inline: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc {
    align-items: center;
    padding-inline: unset;
    padding-top: calc(20 * calc(1 / 375 * 100vw));
    padding-bottom: calc(26 * calc(1 / 375 * 100vw));
    width: 100%;
  }
}
#risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc .num {
  --_border-radius: 100vmax;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  width: 62px;
  aspect-ratio: 62/22;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc .num {
    margin-bottom: calc(8 * calc(1 / 1280 * 100vw));
    width: calc(62 * calc(1 / 1280 * 100vw));
    font-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc .num {
    margin-bottom: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(62 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc .num {
    margin-bottom: calc(8 * calc(1 / 375 * 100vw));
    width: calc(58 * calc(1 / 375 * 100vw));
    font-size: calc(11 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc .ttl {
  margin-bottom: 13px;
  font-size: 20px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc .ttl {
    margin-bottom: calc(13 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc .ttl {
    margin-bottom: calc(13 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc .ttl {
    margin-bottom: calc(10 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc .txt {
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc .txt {
    padding-inline: calc(28 * calc(1 / 375 * 100vw));
    font-size: calc(15 * calc(1 / 375 * 100vw));
    text-align: center;
  }
}
#risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc a {
  --_text-offset: 4px;
  position: relative;
  display: inline-grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: rgb(150, 116, 0);
  text-underline-offset: var(--_text-offset);
  -webkit-text-decoration-color: rgb(150, 116, 0) !important;
          text-decoration-color: rgb(150, 116, 0) !important;
  text-decoration: underline;
  transition: 0.2s ease-in-out;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc a {
    -moz-column-gap: calc(6 * calc(1 / 1280 * 100vw));
         column-gap: calc(6 * calc(1 / 1280 * 100vw));
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc a {
    -moz-column-gap: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc a {
    -moz-column-gap: calc(6 * calc(1 / 375 * 100vw));
         column-gap: calc(6 * calc(1 / 375 * 100vw));
    font-size: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc a:focus-visible {
  -webkit-text-decoration-color: rgb(255, 255, 255) !important;
          text-decoration-color: rgb(255, 255, 255) !important;
}
@media (any-hover: hover) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc a:where(:-webkit-any-link, :enabled, summary):hover {
    -webkit-text-decoration-color: rgb(255, 255, 255) !important;
            text-decoration-color: rgb(255, 255, 255) !important;
  }
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc a:where(:-moz-any-link, :enabled, summary):hover {
    text-decoration-color: rgb(255, 255, 255) !important;
  }
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc a:where(:any-link, :enabled, summary):hover {
    -webkit-text-decoration-color: rgb(255, 255, 255) !important;
            text-decoration-color: rgb(255, 255, 255) !important;
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc a.touch-active {
      -webkit-text-decoration-color: rgb(255, 255, 255) !important;
              text-decoration-color: rgb(255, 255, 255) !important;
    }
  }
}
#risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc a::before {
  content: "";
  inline-size: 30px;
  aspect-ratio: 1;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc a::before {
    inline-size: calc(30 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc a::before {
    inline-size: calc(30 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc a::before {
    inline-size: calc(24 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc a::after {
  content: "";
  inline-size: 10px;
  aspect-ratio: 1;
  -webkit-mask-image: url("../img/g-chevron-left.svg");
          mask-image: url("../img/g-chevron-left.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: rgb(150, 116, 0);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc a::after {
    inline-size: calc(10 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc a::after {
    inline-size: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-feature .plan-box-feature-list .plan-box-feature-item .desc a::after {
    inline-size: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee {
  padding-block: 80px;
  background-color: rgb(245, 245, 245);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee {
    padding-block: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee {
    padding-block: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee {
    padding-block: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-ttl {
  display: grid;
  justify-items: center;
  row-gap: 20px;
  margin-inline: auto;
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 1.792;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-ttl {
    row-gap: calc(20 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(40 * calc(1 / 1280 * 100vw));
    font-size: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-ttl {
    row-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-ttl {
    row-gap: calc(16 * calc(1 / 375 * 100vw));
    margin-bottom: calc(33 * calc(1 / 375 * 100vw));
    font-size: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-ttl::after {
  --_border-radius: 3px;
  content: "";
  width: 70px;
  aspect-ratio: 70/3;
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-ttl::after {
    --_border-radius: calc(3 * calc(1 / 1280 * 100vw));
    width: calc(70 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-ttl::after {
    --_border-radius: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(70 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-ttl::after {
    --_border-radius: calc(3 * calc(1 / 375 * 100vw));
    width: calc(60 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-lead {
  margin-inline: auto;
  margin-bottom: 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  line-height: 1.875;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-lead {
    margin-bottom: calc(40 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-lead {
    margin-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-lead {
    margin-bottom: calc(33 * calc(1 / 375 * 100vw));
    width: calc(327 * calc(1 / 375 * 100vw));
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  margin-inline: auto;
  max-width: 800px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list {
    row-gap: calc(40 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(800 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list {
    row-gap: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(800 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list {
    row-gap: calc(44 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group {
  --_border-radius: 6px;
  padding: 40px 32px;
  background-color: rgb(255, 255, 255);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group {
    --_border-radius: calc(6 * calc(1 / 1280 * 100vw));
    padding-block: calc(40 * calc(1 / 1280 * 100vw));
    padding-inline: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group {
    --_border-radius: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group {
    --_border-radius: calc(4 * calc(1 / 375 * 100vw));
    padding-top: calc(20 * calc(1 / 375 * 100vw));
    padding-bottom: calc(24 * calc(1 / 375 * 100vw));
    padding-inline: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .term {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .term {
    -moz-column-gap: calc(16 * calc(1 / 1280 * 100vw));
         column-gap: calc(16 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(20 * calc(1 / 1280 * 100vw));
    font-size: calc(18 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .term {
    -moz-column-gap: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .term {
    -moz-column-gap: calc(8 * calc(1 / 375 * 100vw));
         column-gap: calc(8 * calc(1 / 375 * 100vw));
    padding-bottom: calc(15 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .term::before {
  --_border-radius: 100vmax;
  content: "";
  inline-size: 6px;
  aspect-ratio: 1;
  border-radius: var(--_border-radius);
  background-color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .term::before {
    inline-size: calc(6 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .term::before {
    inline-size: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .term::before {
    inline-size: calc(6 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .term::after {
  --_border-radius: 100vmax;
  --_border-size: 2px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--_border-size);
  border-bottom: var(--_border-size) solid rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .term::after {
    --_border-size: calc(2 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .term::after {
    --_border-size: calc(2 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .term::after {
    --_border-size: calc(2 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  padding-top: 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc {
    row-gap: calc(14 * calc(1 / 1280 * 100vw));
    padding-top: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc {
    row-gap: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc {
    row-gap: calc(14 * calc(1 / 375 * 100vw));
    padding-top: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) {
  display: flex;
  flex-wrap: wrap;
  padding-block: 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) {
    padding-top: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) {
    padding-top: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) {
    align-items: center;
    justify-content: space-between;
    padding-top: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]):first-child {
  padding-top: 0;
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]):last-child {
  padding-bottom: 0;
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) + div:not([class]) {
  --_border-size: 1px;
  border-top: var(--_border-size) solid rgb(221, 221, 221);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) + div:not([class]) {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) + div:not([class]) {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) + div:not([class]) {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) dt {
  width: 50%;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) dt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) dt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) dt {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) dt span:not([class]) {
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) dt .op {
  --_border-radius: 100vmax;
  --_border-size: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  aspect-ratio: 78/22;
  font-size: 12px;
  color: rgb(214, 10, 19);
  border: var(--_border-size) solid;
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) dt .op {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    width: calc(78 * calc(1 / 1280 * 100vw));
    font-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) dt .op {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(78 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) dt .op {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    width: calc(78 * calc(1 / 375 * 100vw));
    font-size: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) dd {
  width: 50%;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: right;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) dd {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) dd {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) dd {
    width: 46%;
    font-size: calc(16 * calc(1 / 375 * 100vw));
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) dd span {
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .rows div:not([class]) dd.multi {
  align-self: end;
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .txt {
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .txt {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .image {
  width: 327px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .image {
    width: calc(327 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .image {
    width: calc(327 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-group .desc .image {
    width: 100%;
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-note {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  padding-top: 16px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-note {
    row-gap: calc(4 * calc(1 / 1280 * 100vw));
    padding-top: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-note {
    row-gap: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-note {
    row-gap: calc(10 * calc(1 / 375 * 100vw));
    padding-top: calc(16 * calc(1 / 375 * 100vw));
    margin-inline: auto;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-note.number {
  counter-reset: noteNumber 0;
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-note.number li {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 6px;
       column-gap: 6px;
  font-size: 14px;
  line-height: 1.786;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-note.number li {
    row-gap: calc(4 * calc(1 / 1280 * 100vw));
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-note.number li {
    row-gap: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-note.number li {
    row-gap: calc(2 * calc(1 / 375 * 100vw));
    font-size: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-note.number li::before {
  counter-increment: noteNumber 1;
  content: "※" counter(noteNumber);
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-note li {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-size: 14px;
  line-height: 1.786;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-note li {
    row-gap: calc(4 * calc(1 / 1280 * 100vw));
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-note li {
    row-gap: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-note li {
    row-gap: calc(2 * calc(1 / 375 * 100vw));
    font-size: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-note li::before {
  content: "※";
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-assume {
  padding-top: 40px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-assume {
    padding-top: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-assume {
    padding-top: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-assume {
    padding-top: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-assume .plan-box-fee-assume-ttl {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-assume .plan-box-fee-assume-ttl {
    margin-block: calc(12 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-assume .plan-box-fee-assume-ttl {
    margin-block: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-assume .plan-box-fee-assume-ttl {
    margin-block: calc(10 * calc(1 / 375 * 100vw));
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-assume .plan-box-fee-assume-content {
  --_border-radius: 6px;
  padding: 20px 32px;
  background-color: rgb(255, 255, 255);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-assume .plan-box-fee-assume-content {
    --_border-radius: calc(6 * calc(1 / 1280 * 100vw));
    padding-block: calc(20 * calc(1 / 1280 * 100vw));
    padding-inline: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-assume .plan-box-fee-assume-content {
    --_border-radius: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-plan-box .plan-box-fee .plan-box-fee-list .plan-box-fee-item .plan-box-fee-assume .plan-box-fee-assume-content {
    --_border-radius: calc(4 * calc(1 / 375 * 100vw));
    padding-top: calc(20 * calc(1 / 375 * 100vw));
    padding-bottom: calc(24 * calc(1 / 375 * 100vw));
    padding-inline: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal {
  padding-block: 80px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal {
    padding-block: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal {
    padding-block: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal {
    padding-top: calc(44 * calc(1 / 375 * 100vw));
    padding-bottom: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-content {
  position: relative;
  margin-block: 72px 0;
  padding-block: 83px;
  background-color: rgb(247, 245, 241);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-content {
    margin-top: calc(72 * calc(1 / 1280 * 100vw));
    padding-block: calc(83 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-content {
    margin-top: calc(72 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(83 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-content {
    margin-top: calc(40 * calc(1 / 375 * 100vw));
    padding-top: calc(52 * calc(1 / 375 * 100vw));
    padding-bottom: calc(64 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-content .proposal-content-summary {
  margin-bottom: 40px;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 20px;
  line-height: 1.8;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-content-summary {
    margin-bottom: calc(40 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-content-summary {
    margin-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-content-summary {
    margin-bottom: calc(20 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-content .proposal-list {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-inline: auto;
  max-width: 1012px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list {
    max-width: unset;
    width: calc(1012 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list {
    max-width: unset;
    width: calc(1012 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list {
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item {
  position: relative;
  width: 31.621%;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item {
    width: 100%;
  }
}
#risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item a {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
#risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item a:focus-visible .thmb img {
  transform: scale(1.1);
}
@media (any-hover: hover) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item a:where(:-webkit-any-link, :enabled, summary):hover .thmb img {
    transform: scale(1.1);
  }
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item a:where(:-moz-any-link, :enabled, summary):hover .thmb img {
    transform: scale(1.1);
  }
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item a:where(:any-link, :enabled, summary):hover .thmb img {
    transform: scale(1.1);
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item a.touch-active .thmb img {
      transform: scale(1.1);
    }
  }
}
#risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .ttl {
  order: 3;
  font-size: 16px;
  line-height: 1.875;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .ttl {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .ttl {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .ttl {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .tags {
  order: 2;
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
  margin-bottom: 12px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .tags {
    -moz-column-gap: calc(5 * calc(1 / 1280 * 100vw));
         column-gap: calc(5 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .tags {
    -moz-column-gap: calc(5 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(5 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .tags {
    -moz-column-gap: calc(6 * calc(1 / 375 * 100vw));
         column-gap: calc(6 * calc(1 / 375 * 100vw));
    margin-bottom: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .tags span {
  --_border-radius: 50vh;
  padding-block: 3px;
  font-size: 12px;
  line-height: 1;
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .tags span {
    padding-block: calc(3 * calc(1 / 1280 * 100vw));
    font-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .tags span {
    padding-block: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .tags span {
    padding-block: calc(3 * calc(1 / 375 * 100vw));
    font-size: calc(11 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .tags span[data-tag] {
  --_border-size: 1px;
  padding-inline: 12px;
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
  border: var(--_border-size) solid transparent;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .tags span[data-tag] {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-inline: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .tags span[data-tag] {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .tags span[data-tag] {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding-inline: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .tags span[data-category] {
  --_border-size: 1px;
  padding-inline: 14px;
  color: rgb(150, 116, 0);
  background-color: rgb(255, 255, 255);
  border: var(--_border-size) solid rgb(150, 116, 0);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .tags span[data-category] {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-inline: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .tags span[data-category] {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .tags span[data-category] {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding-inline: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .thmb {
  --_border-radius: 8px;
  order: 1;
  margin-bottom: 12px;
  border-radius: var(--_border-radius);
  overflow: hidden;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .thmb {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .thmb {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .thmb {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    margin-bottom: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .thmb img {
  width: 100%;
  transition: transform 0.4s ease-in-out;
}
#risoco.subpage .l-proposal .splide {
  visibility: visible;
}
#risoco.subpage .l-proposal .splide .splide__track {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-x: clip;
  overflow-y: revert;
}
#risoco.subpage .l-proposal .splide .splide__pagination {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .splide .splide__pagination {
    bottom: calc(-12 * calc(1 / 375 * 100vw));
    -moz-column-gap: calc(10 * calc(1 / 375 * 100vw));
         column-gap: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .splide .splide__pagination .splide__pagination__page {
  background-color: rgb(221, 221, 221);
  transition: 0.4s ease-in-out;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .splide .splide__pagination .splide__pagination__page {
    --_border-radius: 100vmax;
    width: calc(6 * calc(1 / 375 * 100vw));
    aspect-ratio: 1;
    border-radius: var(--_border-radius);
  }
}
#risoco.subpage .l-proposal .splide .splide__pagination .splide__pagination__page.is-active {
  background-color: rgb(150, 116, 0);
}
#risoco.subpage .l-proposal .proposal-main {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin-inline: auto;
  padding: 83px 0 0 44px;
  max-width: 1100px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-main {
    padding-top: calc(83 * calc(1 / 1280 * 100vw));
    padding-left: calc(44 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(1100 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-main {
    padding-top: calc(83 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-left: calc(44 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(1100 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-main {
    flex-direction: column;
    max-width: unset;
    row-gap: calc(52 * calc(1 / 375 * 100vw));
    padding-top: calc(52 * calc(1 / 375 * 100vw));
    padding-left: calc(0 * calc(1 / 375 * 100vw));
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-category {
  --_border-radius: 6px;
  --_border-size: 1px;
  position: relative;
  align-self: flex-start;
  padding: 20px 16px;
  width: 336px;
  max-height: 100vh;
  border-radius: var(--_border-radius);
  border: var(--_border-size) solid rgb(221, 221, 221);
  overflow-y: auto;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category {
    --_border-radius: calc(6 * calc(1 / 1280 * 100vw));
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-block: calc(20 * calc(1 / 1280 * 100vw));
    padding-inline: calc(16 * calc(1 / 1280 * 100vw));
    width: calc(336 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category {
    --_border-radius: calc(6 * calc(1 / 1280 * 100vw));
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(336 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category {
    position: relative;
    top: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
    max-height: unset;
  }
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-summary {
  --_border-size: 2px;
  padding-left: 12px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  border-left: var(--_border-size) solid rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-summary {
    padding-left: calc(12 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-summary {
    padding-left: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-summary {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-summary::after {
    content: "";
    inline-size: calc(26 * calc(1 / 375 * 100vw));
    aspect-ratio: 1;
    background: url("../img/g-accordion-open.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-summary[aria-expanded=true]::after {
  background: url("../img/g-accordion-close.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-category.accordion-enabled .proposal-main-category-list {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-category.accordion-enabled .proposal-main-category-summary {
  cursor: pointer;
  pointer-events: all;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-category.accordion-disabled .proposal-main-category-list {
  max-height: none;
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-category.accordion-disabled .proposal-main-category-summary {
  cursor: default;
  pointer-events: none;
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list {
  padding-top: 4px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list {
    padding-top: calc(4 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list {
    padding-top: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list {
    padding-top: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list li {
  padding: 12px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list li {
    padding: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list li {
    padding: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list li {
    padding: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list li + li {
  --_linear-gradient-size: 2px;
  --_linear-gradient-interval: 8px;
  background-image: linear-gradient(to right, rgb(221, 221, 221) var(--_linear-gradient-size), transparent var(--_linear-gradient-size));
  background-size: var(--_linear-gradient-interval) var(--_linear-gradient-size);
  background-repeat: repeat-x;
  background-position: left top;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list li + li {
    --_linear-gradient-size: calc(2 * calc(1 / 1280 * 100vw));
    --_linear-gradient-interval: calc(8 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list li + li {
    --_linear-gradient-size: calc(2 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_linear-gradient-interval: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list li + li {
    --_linear-gradient-size: calc(2 * calc(1 / 375 * 100vw));
    --_linear-gradient-interval: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list li a {
  display: block;
  font-size: 13px;
  line-height: 1.643;
  letter-spacing: 0.04em;
  transition: 0.2s ease-in-out;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list li a {
    font-size: calc(13 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list li a {
    font-size: calc(13 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list li a {
    font-size: calc(13 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list li a:focus-visible {
  color: rgb(214, 10, 19);
}
@media (any-hover: hover) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list li a:where(:-webkit-any-link, :enabled, summary):hover {
    color: rgb(214, 10, 19);
  }
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list li a:where(:-moz-any-link, :enabled, summary):hover {
    color: rgb(214, 10, 19);
  }
  #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list li a:where(:any-link, :enabled, summary):hover {
    color: rgb(214, 10, 19);
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco.subpage .l-proposal .proposal-main .proposal-main-category .proposal-main-category-list li a.touch-active {
      color: rgb(214, 10, 19);
    }
  }
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-summary {
  margin-bottom: 40px;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 20px;
  line-height: 1.8;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-summary {
    margin-bottom: calc(40 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-summary {
    margin-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-summary {
    margin-bottom: calc(20 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 40px;
  margin-bottom: 80px;
  max-width: 677px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list {
    row-gap: calc(40 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(80 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(677 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list {
    row-gap: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(677 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list {
    flex-direction: column;
    row-gap: calc(32 * calc(1 / 375 * 100vw));
    margin-bottom: calc(32 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item {
  width: 31.906%;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item {
    width: 100%;
  }
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item a {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item a:focus-visible .thmb img {
  transform: scale(1.1);
}
@media (any-hover: hover) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item a:where(:-webkit-any-link, :enabled, summary):hover .thmb img {
    transform: scale(1.1);
  }
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item a:where(:-moz-any-link, :enabled, summary):hover .thmb img {
    transform: scale(1.1);
  }
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item a:where(:any-link, :enabled, summary):hover .thmb img {
    transform: scale(1.1);
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item a.touch-active .thmb img {
      transform: scale(1.1);
    }
  }
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .ttl {
  order: 3;
  font-size: 14px;
  line-height: 1.875;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .ttl {
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .ttl {
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .ttl {
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .tags {
  order: 2;
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
  margin-bottom: 10px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .tags {
    -moz-column-gap: calc(5 * calc(1 / 1280 * 100vw));
         column-gap: calc(5 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(10 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .tags {
    -moz-column-gap: calc(5 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(5 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .tags {
    -moz-column-gap: calc(6 * calc(1 / 375 * 100vw));
         column-gap: calc(6 * calc(1 / 375 * 100vw));
    margin-bottom: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .tags span {
  --_border-radius: 50vh;
  padding-block: 3px;
  font-size: 12px;
  line-height: 1;
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .tags span {
    padding-block: calc(3 * calc(1 / 1280 * 100vw));
    font-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .tags span {
    padding-block: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .tags span {
    padding-block: calc(3 * calc(1 / 375 * 100vw));
    font-size: calc(11 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .tags span[data-tag] {
  --_border-size: 1px;
  padding-inline: 12px;
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
  border: var(--_border-size) solid transparent;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .tags span[data-tag] {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-inline: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .tags span[data-tag] {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .tags span[data-tag] {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding-inline: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .tags span[data-category] {
  --_border-size: 1px;
  padding-inline: 14px;
  color: rgb(150, 116, 0);
  background-color: rgb(255, 255, 255);
  border: var(--_border-size) solid rgb(150, 116, 0);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .tags span[data-category] {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-inline: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .tags span[data-category] {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .tags span[data-category] {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding-inline: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .thmb {
  --_border-radius: 8px;
  order: 1;
  margin-bottom: 12px;
  border-radius: var(--_border-radius);
  overflow: hidden;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .thmb {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .thmb {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .thmb {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    margin-bottom: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .thmb img {
  width: 100%;
  transition: transform 0.4s ease-in-out;
}
#risoco.subpage .l-proposal-slug {
  padding-block: 80px 40px;
  background-color: rgb(247, 245, 241);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug {
    padding-top: calc(80 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug {
    padding-top: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug {
    padding-top: calc(44 * calc(1 / 375 * 100vw));
    padding-bottom: calc(80 * calc(1 / 375 * 100vw));
    margin-bottom: calc(26 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-body {
  --_border-radius: 6px;
  margin-inline: auto;
  padding: 60px 82px 64px;
  max-width: 800px;
  border-radius: var(--_border-radius);
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-body {
    --_border-radius: calc(6 * calc(1 / 1280 * 100vw));
    padding-top: calc(60 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(64 * calc(1 / 1280 * 100vw));
    padding-inline: calc(82 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(800 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-body {
    --_border-radius: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(60 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(64 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(82 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(800 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-body {
    --_border-radius: calc(4 * calc(1 / 375 * 100vw));
    padding-top: calc(20 * calc(1 / 375 * 100vw));
    padding-bottom: calc(60 * calc(1 / 375 * 100vw));
    padding-inline: calc(12 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-item {
  margin-inline: auto;
  max-width: 800px;
  width: 100%;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item {
    max-width: unset;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item {
    max-width: unset;
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item {
    max-width: unset;
    width: calc(321 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta {
  display: flex;
  flex-direction: column;
}
#risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-thmb {
  order: 1;
  margin-bottom: 32px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-thmb {
    margin-bottom: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-thmb {
    margin-bottom: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-thmb {
    margin-bottom: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-ttl {
  order: 2;
  margin-bottom: 14px;
  font-size: 20px;
  line-height: 1.8;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-ttl {
    margin-bottom: calc(14 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-ttl {
    margin-bottom: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-ttl {
    margin-bottom: calc(12 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head {
  order: 3;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head {
    margin-bottom: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head {
    margin-bottom: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head {
    margin-bottom: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .date {
  min-width: 100px;
  font-size: 14px;
  line-height: 1.429;
  letter-spacing: 0.01em;
  font-family: "Outfit", sans-serif;
  color: rgb(172, 172, 172);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .date {
    font-size: calc(14 * calc(1 / 1280 * 100vw));
    min-width: unset;
    width: calc(100 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .date {
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    min-width: unset;
    width: calc(100 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .date {
    min-width: unset;
    width: calc(86 * calc(1 / 375 * 100vw));
    font-size: calc(13 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .tags {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .tags {
    -moz-column-gap: calc(12 * calc(1 / 1280 * 100vw));
         column-gap: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .tags {
    -moz-column-gap: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .tags {
    -moz-column-gap: calc(8 * calc(1 / 375 * 100vw));
         column-gap: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .tags span {
  --_border-radius: 50vh;
  padding-block: 3px;
  font-size: 12px;
  line-height: 1;
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .tags span {
    padding-block: calc(3 * calc(1 / 1280 * 100vw));
    font-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .tags span {
    padding-block: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .tags span {
    padding-block: calc(3 * calc(1 / 375 * 100vw));
    font-size: calc(11 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .tags span[data-tag] {
  --_border-size: 1px;
  padding-inline: 12px;
  color: rgb(255, 255, 255);
  background-color: rgb(214, 10, 19);
  border: var(--_border-size) solid transparent;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .tags span[data-tag] {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-inline: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .tags span[data-tag] {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .tags span[data-tag] {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding-inline: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .tags span[data-category] {
  --_border-size: 1px;
  padding-inline: 14px;
  color: rgb(150, 116, 0);
  background-color: rgb(255, 255, 255);
  border: var(--_border-size) solid rgb(150, 116, 0);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .tags span[data-category] {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    padding-inline: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .tags span[data-category] {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-meta .proposal-slug-head .tags span[data-category] {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    padding-inline: calc(10 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-content {
  --_linear-gradient-size: 2px;
  --_linear-gradient-interval: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  margin-bottom: -40px;
  padding-top: 40px;
  background-image: linear-gradient(to right, rgb(221, 221, 221) var(--_linear-gradient-size), transparent var(--_linear-gradient-size));
  background-size: var(--_linear-gradient-interval) var(--_linear-gradient-size);
  background-repeat: repeat-x;
  background-position: left top;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-content {
    --_linear-gradient-size: calc(2 * calc(1 / 1280 * 100vw));
    --_linear-gradient-interval: calc(8 * calc(1 / 1280 * 100vw));
    row-gap: calc(32 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(-40 * calc(1 / 1280 * 100vw));
    padding-top: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-content {
    --_linear-gradient-size: calc(2 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_linear-gradient-interval: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    row-gap: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(-40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-content {
    --_linear-gradient-size: calc(2 * calc(1 / 375 * 100vw));
    --_linear-gradient-interval: calc(8 * calc(1 / 375 * 100vw));
    row-gap: calc(24 * calc(1 / 375 * 100vw));
    margin-bottom: unset;
    padding-top: calc(24 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-content .image {
  width: 100%;
  text-align: center;
}
#risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-content .ttl {
  --_border-size: 3px;
  padding-left: 14px;
  font-size: 20px;
  line-height: 2;
  letter-spacing: 0.04em;
  font-weight: 700;
  border-left: var(--_border-size) solid rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-content .ttl {
    --_border-size: calc(3 * calc(1 / 1280 * 100vw));
    padding-left: calc(14 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-content .ttl {
    --_border-size: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-left: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-content .ttl {
    --_border-size: calc(2 * calc(1 / 375 * 100vw));
    padding-left: calc(14 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-content .txt {
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-content .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-content .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-item .proposal-slug-content .txt {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-related {
  margin-inline: auto;
  padding-top: 12px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-related {
    padding-top: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-related {
    padding-top: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-related {
    margin-top: calc(-11 * calc(1 / 375 * 100vw));
    padding-top: unset;
    width: calc(321 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-summary {
  margin-bottom: 32px;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-summary {
    margin-bottom: calc(32 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-summary {
    margin-bottom: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-summary {
    margin-bottom: calc(24 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 32px;
  margin-bottom: 80px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list {
    row-gap: calc(32 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(80 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list {
    row-gap: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list {
    row-gap: calc(20 * calc(1 / 375 * 100vw));
    margin-bottom: calc(44 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item {
  width: 32.076%;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item {
    width: 100%;
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item a {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item a {
    flex-direction: row;
    justify-content: space-between;
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item a:focus-visible .thmb img {
  transform: scale(1.1);
}
@media (any-hover: hover) {
  #risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item a:where(:-webkit-any-link, :enabled, summary):hover .thmb img {
    transform: scale(1.1);
  }
  #risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item a:where(:-moz-any-link, :enabled, summary):hover .thmb img {
    transform: scale(1.1);
  }
  #risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item a:where(:any-link, :enabled, summary):hover .thmb img {
    transform: scale(1.1);
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item a.touch-active .thmb img {
      transform: scale(1.1);
    }
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item .ttl {
  order: 2;
  font-size: 14px;
  line-height: 1.875;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item .ttl {
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item .ttl {
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item .ttl {
    font-size: calc(14 * calc(1 / 375 * 100vw));
    width: 53.583%;
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item .thmb {
  --_border-radius: 8px;
  order: 1;
  margin-bottom: 12px;
  border-radius: var(--_border-radius);
  overflow: hidden;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item .thmb {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item .thmb {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item .thmb {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    margin-bottom: unset;
    width: 42.057%;
  }
}
#risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item .thmb img {
  transition: transform 0.4s ease-in-out;
}
#risoco.subpage .l-proposal-slug .proposal-slug-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
#risoco.subpage .l-notfound {
  padding-block: 120px 160px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-notfound {
    padding-top: calc(120 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(160 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-notfound {
    padding-top: calc(120 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(160 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-notfound {
    padding-top: calc(80 * calc(1 / 375 * 100vw));
    padding-bottom: calc(80 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-notfound .notfound-ttl {
  margin-inline: auto;
  margin-bottom: 40px;
  width: 334px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-notfound .notfound-ttl {
    margin-bottom: calc(40 * calc(1 / 1280 * 100vw));
    width: calc(334 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-notfound .notfound-ttl {
    margin-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(334 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-notfound .notfound-ttl {
    margin-bottom: calc(26 * calc(1 / 375 * 100vw));
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-notfound .notfound-lead {
  margin-inline: auto;
  margin-bottom: 80px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-notfound .notfound-lead {
    margin-bottom: calc(80 * calc(1 / 1280 * 100vw));
    font-size: calc(18 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-notfound .notfound-lead {
    margin-bottom: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-notfound .notfound-lead {
    margin-bottom: calc(60 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-notfound .notfound-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
#risoco.subpage .l-stacia .stacia-banner {
  --_border-radius: 12px;
  --_box-shadow-b: 8px;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  margin-inline: auto;
  padding: 14px 32px;
  max-width: 1020px;
  width: 100%;
  border-radius: var(--_border-radius);
  box-shadow: 0 0 var(--_box-shadow-b) rgba(0, 0, 0, 0.16);
  background-color: rgb(255, 255, 255);
  z-index: 3000;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-banner {
    --_border-radius: calc(12 * calc(1 / 1280 * 100vw));
    --_box-shadow-b: calc(8 * calc(1 / 1280 * 100vw));
    bottom: calc(20 * calc(1 / 1280 * 100vw));
    padding-block: calc(14 * calc(1 / 1280 * 100vw));
    padding-inline: calc(32 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(1020 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-banner {
    --_border-radius: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_box-shadow-b: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    bottom: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(1020 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-banner {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    --_box-shadow-b: calc(6 * calc(1 / 375 * 100vw));
    flex-direction: column;
    bottom: calc(20 * calc(1 / 375 * 100vw));
    row-gap: calc(6 * calc(1 / 375 * 100vw));
    padding-block: calc(12 * calc(1 / 375 * 100vw));
    padding-inline: calc(16 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-stacia .stacia-banner .txt {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  align-items: end;
  -moz-column-gap: 19px;
       column-gap: 19px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-banner .txt {
    -moz-column-gap: calc(19 * calc(1 / 1280 * 100vw));
         column-gap: calc(19 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-banner .txt {
    -moz-column-gap: calc(19 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(19 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-banner .txt {
    align-items: center;
    -moz-column-gap: calc(9 * calc(1 / 375 * 100vw));
         column-gap: calc(9 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-stacia .stacia-banner .txt::before {
  content: "";
  inline-size: 52px;
  aspect-ratio: 52/64;
  background: url("../img/stacia/stacia-spoint.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-banner .txt::before {
    inline-size: calc(52 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-banner .txt::before {
    inline-size: calc(52 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-banner .txt::before {
    inline-size: calc(33 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-stacia .stacia-banner .txt img {
  width: 435px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-banner .txt img {
    width: calc(435 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-banner .txt img {
    width: calc(435 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-banner .txt img {
    width: calc(277 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-stacia .stacia-rule {
  padding-block: 40px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-rule {
    padding-block: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-rule {
    padding-block: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-rule {
    align-items: center;
    padding-block: calc(32 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-stacia .stacia-rule .note {
  margin-inline: auto;
  padding-inline: 78px;
  width: 956px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-rule .note {
    padding-inline: calc(19 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(956 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-rule .note {
    padding-inline: calc(19 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(956 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-rule .note {
    padding-inline: unset;
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-stacia .stacia-rule .note li {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-size: 14px;
  line-height: 1.786;
  font-feature-settings: normal;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-rule .note li {
    -moz-column-gap: calc(4 * calc(1 / 1280 * 100vw));
         column-gap: calc(4 * calc(1 / 1280 * 100vw));
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-rule .note li {
    -moz-column-gap: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-rule .note li {
    -moz-column-gap: calc(2 * calc(1 / 375 * 100vw));
         column-gap: calc(2 * calc(1 / 375 * 100vw));
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-stacia .stacia-rule .note li::before {
  content: "※";
}
#risoco.subpage .l-stacia .stacia-point {
  padding-block: 80px 120px;
  background-color: rgb(251, 231, 231);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-point {
    padding-top: calc(80 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(120 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-point {
    padding-top: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(120 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-point {
    padding-top: calc(40 * calc(1 / 375 * 100vw));
    padding-bottom: calc(140 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-stacia .stacia-point .stacia-point-content {
  --_border-radius: 12px;
  --_border-size: 4px;
  margin-inline: auto;
  padding: 60px 74px;
  max-width: 956px;
  border-radius: var(--_border-radius);
  border: var(--_border-size) solid rgb(218, 72, 111);
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content {
    --_border-radius: calc(12 * calc(1 / 1280 * 100vw));
    --_border-size: calc(4 * calc(1 / 1280 * 100vw));
    padding-block: calc(60 * calc(1 / 1280 * 100vw));
    padding-inline: calc(74 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(956 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content {
    --_border-radius: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    --_border-size: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(60 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(74 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(956 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content {
    --_border-radius: calc(6 * calc(1 / 375 * 100vw));
    --_border-size: calc(2 * calc(1 / 375 * 100vw));
    padding-top: calc(60 * calc(1 / 375 * 100vw));
    padding-bottom: calc(44 * calc(1 / 375 * 100vw));
    padding-inline: calc(10 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-give {
  --_border-radius: 12px;
  position: relative;
  margin-inline: auto;
  margin-bottom: 40px;
  padding: 37px 72px 54px;
  max-width: 642px;
  border-radius: var(--_border-radius);
  background-color: rgb(255, 251, 179);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-give {
    margin-bottom: calc(40 * calc(1 / 1280 * 100vw));
    padding-top: calc(37 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(54 * calc(1 / 1280 * 100vw));
    padding-inline: calc(72 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(642 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-give {
    margin-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(37 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(54 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(72 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(642 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-give {
    margin-bottom: calc(32 * calc(1 / 375 * 100vw));
    padding-top: calc(60 * calc(1 / 375 * 100vw));
    padding-bottom: calc(42 * calc(1 / 375 * 100vw));
    padding-inline: calc(4 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: 100%;
  }
}
#risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-give .more {
  --_border-radius: 100vmax;
  position: absolute;
  top: -28px;
  left: 0;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 124px;
  aspect-ratio: 1;
  font-size: 24px;
  font-weight: 900;
  color: rgb(255, 255, 255);
  border-radius: var(--_border-radius);
  background-color: rgb(50, 0, 113);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-give .more {
    top: calc(-28 * calc(1 / 1280 * 100vw));
    width: calc(124 * calc(1 / 1280 * 100vw));
    font-size: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-give .more {
    top: calc(-28 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(124 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-give .more {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(92 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-give .txt {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 1.459;
  letter-spacing: 0.06em;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-give .txt {
    margin-bottom: calc(24 * calc(1 / 1280 * 100vw));
    font-size: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-give .txt {
    margin-bottom: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-give .txt {
    margin-bottom: calc(15 * calc(1 / 375 * 100vw));
    font-size: calc(18 * calc(1 / 375 * 100vw));
    line-height: 1.612;
    text-align: center;
  }
}
#risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-give .image {
  margin-inline: auto;
  width: 360px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-give .image {
    width: calc(360 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-give .image {
    width: calc(360 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-give .image {
    width: calc(210 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-give .image img {
  width: 100%;
}
#risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .ttl {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: end;
  -moz-column-gap: 6px;
       column-gap: 6px;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .ttl {
    -moz-column-gap: calc(6 * calc(1 / 1280 * 100vw));
         column-gap: calc(6 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(16 * calc(1 / 1280 * 100vw));
    font-size: calc(18 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .ttl {
    -moz-column-gap: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .ttl {
    align-items: baseline;
    -moz-column-gap: calc(4 * calc(1 / 375 * 100vw));
         column-gap: calc(4 * calc(1 / 375 * 100vw));
    margin-bottom: calc(18 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
    line-height: 1.688;
  }
}
#risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .ttl::before {
  content: "";
  inline-size: 17px;
  aspect-ratio: 17/15;
  background-image: url("../img/g-icon-triangle.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .ttl::before {
    inline-size: calc(17 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .ttl::before {
    inline-size: calc(17 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .ttl::before {
    inline-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .list {
    margin-bottom: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .list {
    margin-bottom: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .list {
    flex-direction: column;
    row-gap: calc(44 * calc(1 / 375 * 100vw));
    margin-bottom: calc(32 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .list .item {
  --_border-radius: 12px;
  position: relative;
  padding: 14px 15px;
  width: 31.25%;
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .list .item {
    --_border-radius: calc(12 * calc(1 / 1280 * 100vw));
    padding-block: calc(14 * calc(1 / 1280 * 100vw));
    padding-inline: calc(15 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .list .item {
    --_border-radius: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(15 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .list .item {
    --_border-radius: calc(8 * calc(1 / 375 * 100vw));
    padding-top: calc(12 * calc(1 / 375 * 100vw));
    padding-bottom: calc(18 * calc(1 / 375 * 100vw));
    padding-inline: calc(12 * calc(1 / 375 * 100vw));
    width: calc(240 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .list .item:nth-child(1) {
  background-color: rgb(207, 240, 255);
}
#risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .list .item:nth-child(2) {
  background-color: rgb(197, 239, 198);
}
#risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .list .item:nth-child(3) {
  background-color: rgb(255, 138, 51);
}
#risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .list .item + .item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -14px;
  transform: translate(-50%, -50%);
  width: 14px;
  aspect-ratio: 1;
  background-image: url("../img/g-icon-case.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .list .item + .item::before {
    left: calc(-14 * calc(1 / 1280 * 100vw));
    width: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .list .item + .item::before {
    left: calc(-14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .list .item + .item::before {
    top: calc(-24 * calc(1 / 375 * 100vw));
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    width: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .note li {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-size: 14px;
  line-height: 1.786;
  font-feature-settings: normal;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .note li {
    -moz-column-gap: calc(4 * calc(1 / 1280 * 100vw));
         column-gap: calc(4 * calc(1 / 1280 * 100vw));
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .note li {
    -moz-column-gap: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .note li {
    -moz-column-gap: calc(2 * calc(1 / 375 * 100vw));
         column-gap: calc(2 * calc(1 / 375 * 100vw));
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.subpage .l-stacia .stacia-point .stacia-point-content .stacia-point-case .note li::before {
  content: "※";
}
#risoco.lp .l-lp-book .lp-book-fv {
  position: relative;
}
#risoco.lp .l-lp-book .lp-book-fv img {
  width: 100%;
}
#risoco.lp .l-lp-book .lp-book-float {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  bottom: 20px;
  transform: translateY(100%);
  width: 100%;
  text-align: center;
  pointer-events: none;
  transition: 0.4s;
  z-index: 3000;
}
#risoco.lp .l-lp-book .lp-book-float.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#risoco.lp .l-lp-book .lp-book-float.is-hidden {
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
}
#risoco.lp .l-lp-book .lp-book-float a {
  pointer-events: all;
}
#risoco.lp .l-lp-book .lp-book-what {
  padding-block: 161px 57px;
  background-color: rgb(247, 245, 241);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-what {
    padding-top: calc(161 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(57 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-what {
    padding-top: calc(161 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(57 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-what {
    padding-top: calc(90 * calc(1 / 375 * 100vw));
    padding-bottom: calc(27 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-what .lp-book-what-ttl {
  display: grid;
  justify-items: center;
  row-gap: 20px;
  margin-bottom: 32px;
  font-size: 32px;
  line-height: 1;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-ttl {
    row-gap: calc(20 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(32 * calc(1 / 1280 * 100vw));
    font-size: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-ttl {
    row-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-ttl {
    row-gap: calc(16 * calc(1 / 375 * 100vw));
    margin-bottom: calc(20 * calc(1 / 375 * 100vw));
    font-size: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-what .lp-book-what-ttl::after {
  --_border-radius: 3px;
  content: "";
  width: 66px;
  aspect-ratio: 66/3;
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-ttl::after {
    --_border-size: calc(3 * calc(1 / 1280 * 100vw));
    width: calc(66 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-ttl::after {
    --_border-size: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(66 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-ttl::after {
    --_border-size: calc(2 * calc(1 / 375 * 100vw));
    width: calc(50 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-what .lp-book-what-ttl span {
  display: contents;
  color: rgb(214, 10, 19);
}
#risoco.lp .l-lp-book .lp-book-what .lp-book-what-lead {
  margin-bottom: 34px;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 18px;
  line-height: 1.667;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-lead {
    margin-bottom: calc(34 * calc(1 / 1280 * 100vw));
    font-size: calc(18 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-lead {
    margin-bottom: calc(34 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-lead {
    margin-bottom: calc(44 * calc(1 / 375 * 100vw));
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-what .lp-book-what-list {
  display: flex;
  flex-direction: column;
  margin-inline: auto;
  max-width: 900px;
  counter-reset: number 0;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list {
    max-width: unset;
    width: calc(900 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list {
    max-width: unset;
    width: calc(900 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list {
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item {
  display: grid;
  grid-template-columns: auto 1fr;
  padding-block: 32px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item {
    padding-block: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item {
    padding-block: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item {
    grid-template-columns: auto;
    padding-block: calc(36 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item:first-child {
  padding-top: unset;
}
#risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item:last-child {
  padding-bottom: unset;
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item:last-child .desc {
    padding-bottom: calc(88 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item + .item {
  --_border-size: 1px;
  border-top: var(--_border-size) solid rgb(221, 221, 221);
}
#risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc {
  position: relative;
  display: grid;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  padding-left: 88px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc {
    padding-left: calc(88 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc {
    padding-left: calc(88 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc {
    padding-left: calc(45 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc::before {
  --_border-radius: 100vmax;
  counter-increment: number 1;
  content: counter(number);
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  place-content: center;
  padding-bottom: 4px;
  inline-size: 68px;
  aspect-ratio: 1;
  font-size: 35px;
  letter-spacing: 0;
  font-weight: 700;
  color: rgb(255, 255, 255);
  border-radius: var(--_border-radius);
  background-color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc::before {
    padding-bottom: calc(4 * calc(1 / 1280 * 100vw));
    inline-size: calc(68 * calc(1 / 1280 * 100vw));
    font-size: calc(35 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc::before {
    padding-bottom: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    inline-size: calc(68 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(35 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc::before {
    top: 0.5em;
    padding-bottom: calc(4 * calc(1 / 375 * 100vw));
    inline-size: calc(36 * calc(1 / 375 * 100vw));
    font-size: calc(19 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc .ttl {
  margin-bottom: 16px;
  padding-top: 10px;
  font-size: 32px;
  line-height: 1.438;
  font-weight: 700;
  color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc .ttl {
    margin-bottom: calc(16 * calc(1 / 1280 * 100vw));
    padding-top: calc(10 * calc(1 / 1280 * 100vw));
    font-size: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc .ttl {
    margin-bottom: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc .ttl {
    margin-bottom: calc(8 * calc(1 / 375 * 100vw));
    padding-top: unset;
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc .txt {
  margin-bottom: 36px;
  font-size: 16px;
  line-height: 1.625;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc .txt {
    margin-bottom: calc(36 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc .txt {
    margin-bottom: calc(36 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc .txt {
    margin-bottom: calc(16 * calc(1 / 375 * 100vw));
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc .appeal {
  --_border-radius: 8px;
  --_border-size: 1px;
  padding: 10px 20px 22px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 700;
  border-radius: var(--_border-radius);
  border: var(--_border-size) solid rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc .appeal {
    --_border-radius: calc(8 * calc(1 / 1280 * 100vw));
    padding-top: calc(10 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(22 * calc(1 / 1280 * 100vw));
    padding-inline: calc(20 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc .appeal {
    --_border-radius: calc(8 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(22 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc .appeal {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: calc(16 * calc(1 / 375 * 100vw));
    padding-top: calc(8 * calc(1 / 375 * 100vw));
    padding-bottom: calc(20 * calc(1 / 375 * 100vw));
    padding-inline: calc(10 * calc(1 / 375 * 100vw));
    font-size: calc(14 * calc(1 / 375 * 100vw));
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc .appeal span {
  --_border-radius: 100vmax;
  display: block;
  margin-top: -10px;
  padding: 5px 10px;
  transform: translateY(-50%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  font-weight: 700;
  color: rgb(255, 255, 255);
  border-radius: var(--_border-radius);
  background-color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc .appeal span {
    margin-top: calc(-10 * calc(1 / 1280 * 100vw));
    padding-block: calc(5 * calc(1 / 1280 * 100vw));
    padding-inline: calc(10 * calc(1 / 1280 * 100vw));
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc .appeal span {
    margin-top: calc(-10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(5 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .desc .appeal span {
    margin-top: calc(-8 * calc(1 / 375 * 100vw));
    padding-block: calc(5 * calc(1 / 375 * 100vw));
    padding-inline: calc(10 * calc(1 / 375 * 100vw));
    font-size: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .image {
  display: block;
  justify-self: end;
  width: 330px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .image {
    width: calc(330 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .image {
    width: calc(330 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-what .lp-book-what-list .item .image {
    width: 100%;
  }
}
#risoco.lp .l-lp-book .lp-book-point {
  padding-block: 57px 36px;
  background-color: rgb(247, 245, 241);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-point {
    padding-top: calc(57 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(36 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-point {
    padding-top: calc(57 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(36 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-point {
    padding-top: calc(27 * calc(1 / 375 * 100vw));
    padding-bottom: calc(61 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-point .lp-book-point-ttl {
  display: grid;
  justify-items: center;
  row-gap: 20px;
  margin-bottom: 56px;
  font-size: 32px;
  line-height: 1;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-ttl {
    row-gap: calc(20 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(56 * calc(1 / 1280 * 100vw));
    font-size: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-ttl {
    row-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(56 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-ttl {
    row-gap: calc(16 * calc(1 / 375 * 100vw));
    margin-bottom: calc(44 * calc(1 / 375 * 100vw));
    font-size: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-point .lp-book-point-ttl::after {
  --_border-radius: 3px;
  content: "";
  width: 66px;
  aspect-ratio: 66/3;
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-ttl::after {
    --_border-size: calc(3 * calc(1 / 1280 * 100vw));
    width: calc(66 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-ttl::after {
    --_border-size: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(66 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-ttl::after {
    --_border-size: calc(3 * calc(1 / 375 * 100vw));
    width: calc(50 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-point .lp-book-point-ttl span {
  display: contents;
  color: rgb(214, 10, 19);
}
#risoco.lp .l-lp-book .lp-book-point .lp-book-point-list {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 52px;
  margin-bottom: 80px;
  margin-inline: auto;
  max-width: 930px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list {
    row-gap: calc(52 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(80 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(930 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list {
    row-gap: calc(52 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(80 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(930 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list {
    flex-direction: column;
    row-gap: calc(40 * calc(1 / 375 * 100vw));
    margin-bottom: calc(40 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(280 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li {
  width: 310px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li {
    width: calc(310 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li {
    width: calc(310 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li {
    width: 100%;
  }
}
#risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li:nth-child(2) {
  margin-left: 18px;
  width: 328px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li:nth-child(2) {
    margin-left: calc(18 * calc(1 / 1280 * 100vw));
    width: calc(328 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li:nth-child(2) {
    margin-left: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(328 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li:nth-child(2) {
    margin-left: unset;
    width: 100%;
  }
}
#risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li .image {
  margin-inline: auto;
  margin-bottom: 16px;
  width: 100%;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li .image {
    margin-bottom: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li .image {
    margin-bottom: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li .image {
    margin-bottom: calc(8 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li .txt {
  font-size: 22px;
  line-height: 1.546;
  letter-spacing: 0;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li .txt {
    font-size: calc(22 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li .txt {
    font-size: calc(22 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li .txt {
    font-size: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li .txt span {
  color: rgb(214, 10, 19);
}
#risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li .can {
  padding-top: 4px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 400;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li .can {
    padding-top: calc(4 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li .can {
    padding-top: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li .can {
    padding-top: calc(4 * calc(1 / 375 * 100vw));
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li .note {
  padding-top: 10px;
  font-size: 14px;
  line-height: 1.715;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li .note {
    padding-top: calc(10 * calc(1 / 1280 * 100vw));
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li .note {
    padding-top: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-list li .note {
    padding-top: calc(8 * calc(1 / 375 * 100vw));
    font-size: calc(12 * calc(1 / 375 * 100vw));
    letter-spacing: 0;
  }
}
#risoco.lp .l-lp-book .lp-book-point .lp-book-point-note {
  display: grid;
  grid-template-columns: auto 1fr;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  line-height: 1.786;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-note {
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-note {
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-point .lp-book-point-note {
    font-size: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-point .lp-book-point-note::before {
  content: "※";
}
#risoco.lp .l-lp-book .lp-book-best {
  padding-block: 108px 114px;
  background-color: rgb(60, 65, 128);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-best {
    padding-top: calc(108 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(114 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-best {
    padding-top: calc(108 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(114 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-best {
    padding-top: calc(55 * calc(1 / 375 * 100vw));
    padding-bottom: calc(62 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-best .lp-book-best-ttl {
  display: grid;
  justify-items: center;
  row-gap: 20px;
  margin-bottom: 64px;
  font-size: 32px;
  line-height: 1;
  font-weight: 700;
  color: rgb(255, 255, 255);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-ttl {
    row-gap: calc(20 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(64 * calc(1 / 1280 * 100vw));
    font-size: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-ttl {
    row-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(57 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-ttl {
    row-gap: calc(16 * calc(1 / 375 * 100vw));
    margin-bottom: calc(32 * calc(1 / 375 * 100vw));
    font-size: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-best .lp-book-best-ttl::after {
  --_border-radius: 3px;
  content: "";
  width: 66px;
  aspect-ratio: 66/3;
  background-color: rgb(255, 255, 255);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-ttl::after {
    --_border-size: calc(3 * calc(1 / 1280 * 100vw));
    width: calc(66 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-ttl::after {
    --_border-size: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(66 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-ttl::after {
    --_border-size: calc(3 * calc(1 / 375 * 100vw));
    width: calc(50 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-best .lp-book-best-ttl span {
  display: contents;
  color: rgb(214, 10, 19);
}
#risoco.lp .l-lp-book .lp-book-best .lp-book-best-list {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 32px;
       column-gap: 32px;
  margin-bottom: 37px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-list {
    -moz-column-gap: calc(32 * calc(1 / 1280 * 100vw));
         column-gap: calc(32 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(37 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-list {
    -moz-column-gap: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(37 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-list {
    flex-direction: column;
    -moz-column-gap: unset;
         column-gap: unset;
    row-gap: calc(16 * calc(1 / 375 * 100vw));
    margin-bottom: calc(32 * calc(1 / 375 * 100vw));
    margin-inline: auto;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-best .lp-book-best-list li {
  --_border-radius: 16px;
  display: flex;
  flex-direction: column-reverse;
  padding-block: 16px 30px;
  width: 287px;
  background-color: rgb(255, 255, 255);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-list li {
    --_border-size: calc(16 * calc(1 / 1280 * 100vw));
    width: calc(287 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-list li {
    --_border-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(287 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-list li {
    --_border-size: calc(16 * calc(1 / 375 * 100vw));
    width: 100%;
  }
}
#risoco.lp .l-lp-book .lp-book-best .lp-book-best-list li .txt {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-list li .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-list li .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-list li .txt {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-best .lp-book-best-list li .txt span {
  font-size: 19px;
  color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-list li .txt span {
    font-size: calc(19 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-list li .txt span {
    font-size: calc(19 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-list li .txt span {
    font-size: calc(20 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-best .lp-book-best-list li .image {
  margin-inline: auto;
  width: 207px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-list li .image {
    width: calc(207 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-list li .image {
    width: calc(207 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-list li .image {
    width: calc(218 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-best .lp-book-best-please {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  -moz-column-gap: 32px;
       column-gap: 32px;
  margin-bottom: 41px;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-please {
    -moz-column-gap: calc(32 * calc(1 / 1280 * 100vw));
         column-gap: calc(32 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(41 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-please {
    -moz-column-gap: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(41 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-please {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    -moz-column-gap: unset;
         column-gap: unset;
    margin-bottom: calc(44 * calc(1 / 375 * 100vw));
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-best .lp-book-best-please figure {
  display: inline-block;
  width: 110px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-please figure {
    width: calc(110 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-please figure {
    width: calc(110 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-please figure {
    width: calc(110 * calc(1 / 375 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-please figure:nth-of-type(1) {
    grid-area: 2/1/3/2;
    justify-self: end;
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-please figure:nth-of-type(2) {
    grid-area: 2/2/3/3;
    margin-left: calc(17 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-best .lp-book-best-please p {
  width: 408px;
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-best .lp-book-best-please p {
    grid-area: 1/1/2/3;
    width: 100%;
  }
}
#risoco.lp .l-lp-book .lp-book-best .lp-book-best-btn {
  text-align: center;
}
#risoco.lp .l-lp-book .lp-book-flow {
  padding-block: 108px 40px;
  background-color: rgb(245, 245, 245);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-flow {
    padding-top: calc(108 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-flow {
    padding-top: calc(108 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-flow {
    padding-top: calc(62 * calc(1 / 375 * 100vw));
    padding-bottom: calc(31 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-ttl {
  display: grid;
  justify-items: center;
  row-gap: 20px;
  margin-bottom: 56px;
  font-size: 32px;
  line-height: 1;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-ttl {
    row-gap: calc(20 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(56 * calc(1 / 1280 * 100vw));
    font-size: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-ttl {
    row-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(56 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-ttl {
    row-gap: calc(16 * calc(1 / 375 * 100vw));
    margin-bottom: calc(32 * calc(1 / 375 * 100vw));
    font-size: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-ttl::after {
  --_border-radius: 3px;
  content: "";
  width: 66px;
  aspect-ratio: 66/3;
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-ttl::after {
    --_border-size: calc(3 * calc(1 / 1280 * 100vw));
    width: calc(66 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-ttl::after {
    --_border-size: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(66 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-ttl::after {
    --_border-size: calc(3 * calc(1 / 375 * 100vw));
    width: calc(50 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-ttl span {
  display: contents;
  color: rgb(214, 10, 19);
}
#risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list {
  position: relative;
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 50px;
       column-gap: 50px;
  margin-inline: auto;
  max-width: 757px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list {
    -moz-column-gap: calc(50 * calc(1 / 1280 * 100vw));
         column-gap: calc(50 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(757 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list {
    -moz-column-gap: calc(50 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(50 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(757 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list {
    flex-direction: column;
    -moz-column-gap: unset;
         column-gap: unset;
    row-gap: calc(58 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 219px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li {
    width: calc(219 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li {
    width: calc(219 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li {
    flex-direction: column-reverse;
    width: 100%;
  }
}
#risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li + li::before {
  content: "";
  position: absolute;
  top: 64px;
  left: -30px;
  width: 18px;
  aspect-ratio: 18/32;
  background-color: rgb(214, 10, 19);
  -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
          clip-path: polygon(100% 50%, 0 0, 0 100%);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li + li::before {
    top: calc(64 * calc(1 / 1280 * 100vw));
    left: calc(-30 * calc(1 / 1280 * 100vw));
    width: calc(18 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li + li::before {
    top: calc(64 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    left: calc(-30 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li + li::before {
    top: calc(-40 * calc(1 / 375 * 100vw));
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    width: calc(18 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li .txt {
  font-size: 16px;
  line-height: 1.688;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li .txt {
    margin-bottom: calc(16 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li .thmb {
  margin-bottom: 18px;
  margin-inline: auto;
  width: 161px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li .thmb {
    margin-bottom: calc(18 * calc(1 / 1280 * 100vw));
    width: calc(161 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li .thmb {
    margin-bottom: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(161 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li .thmb {
    margin-bottom: unset;
    width: calc(173 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li .thmb img {
  width: 100%;
}
#risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li .note {
  font-size: 14px;
  line-height: 2.143;
  font-weight: 400;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li .note {
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li .note {
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-flow .lp-book-flow-list li .note {
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee {
  padding-block: 40px 114px;
  background-color: rgb(245, 245, 245);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee {
    padding-top: calc(40 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(114 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee {
    padding-top: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(114 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee {
    padding-top: calc(31 * calc(1 / 375 * 100vw));
    padding-bottom: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-ttl {
  display: grid;
  justify-items: center;
  row-gap: 20px;
  margin-inline: auto;
  margin-bottom: 40px;
  font-size: 32px;
  line-height: 1;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-ttl {
    row-gap: calc(20 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(40 * calc(1 / 1280 * 100vw));
    font-size: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-ttl {
    row-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-ttl {
    row-gap: calc(16 * calc(1 / 375 * 100vw));
    margin-bottom: calc(32 * calc(1 / 375 * 100vw));
    font-size: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-ttl::after {
  --_border-radius: 3px;
  content: "";
  width: 70px;
  aspect-ratio: 70/3;
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-ttl::after {
    --_border-radius: calc(3 * calc(1 / 1280 * 100vw));
    width: calc(70 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-ttl::after {
    --_border-radius: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(70 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-ttl::after {
    --_border-radius: calc(3 * calc(1 / 375 * 100vw));
    width: calc(60 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-lead {
  margin-inline: auto;
  margin-bottom: 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  line-height: 1.875;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-lead {
    margin-bottom: calc(40 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-lead {
    margin-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-lead {
    margin-bottom: calc(33 * calc(1 / 375 * 100vw));
    width: calc(327 * calc(1 / 375 * 100vw));
    font-size: calc(15 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  margin-inline: auto;
  max-width: 800px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list {
    row-gap: calc(40 * calc(1 / 1280 * 100vw));
    max-width: unset;
    width: calc(800 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list {
    row-gap: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    max-width: unset;
    width: calc(800 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list {
    row-gap: calc(44 * calc(1 / 375 * 100vw));
    max-width: unset;
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group {
  --_border-radius: 6px;
  padding: 40px 32px;
  background-color: rgb(255, 255, 255);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group {
    --_border-radius: calc(6 * calc(1 / 1280 * 100vw));
    padding-block: calc(40 * calc(1 / 1280 * 100vw));
    padding-inline: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group {
    --_border-radius: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group {
    --_border-radius: calc(4 * calc(1 / 375 * 100vw));
    padding-top: calc(20 * calc(1 / 375 * 100vw));
    padding-bottom: calc(24 * calc(1 / 375 * 100vw));
    padding-inline: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .term {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .term {
    -moz-column-gap: calc(16 * calc(1 / 1280 * 100vw));
         column-gap: calc(16 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(20 * calc(1 / 1280 * 100vw));
    font-size: calc(18 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .term {
    -moz-column-gap: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
         column-gap: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(18 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .term {
    -moz-column-gap: calc(8 * calc(1 / 375 * 100vw));
         column-gap: calc(8 * calc(1 / 375 * 100vw));
    padding-bottom: calc(15 * calc(1 / 375 * 100vw));
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .term::before {
  --_border-radius: 100vmax;
  content: "";
  inline-size: 6px;
  aspect-ratio: 1;
  border-radius: var(--_border-radius);
  background-color: rgb(214, 10, 19);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .term::before {
    inline-size: calc(6 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .term::before {
    inline-size: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .term::before {
    inline-size: calc(6 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .term::after {
  --_border-radius: 100vmax;
  --_border-size: 2px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--_border-size);
  border-bottom: var(--_border-size) solid rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .term::after {
    --_border-size: calc(2 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .term::after {
    --_border-size: calc(2 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .term::after {
    --_border-size: calc(2 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  padding-top: 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc {
    row-gap: calc(14 * calc(1 / 1280 * 100vw));
    padding-top: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc {
    row-gap: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc {
    row-gap: calc(14 * calc(1 / 375 * 100vw));
    padding-top: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) {
  display: flex;
  flex-wrap: wrap;
  padding-block: 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) {
    padding-top: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) {
    padding-top: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) {
    align-items: center;
    justify-content: space-between;
    padding-top: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]):first-child {
  padding-top: 0;
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]):last-child {
  padding-bottom: 0;
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) + div:not([class]) {
  --_border-size: 1px;
  border-top: var(--_border-size) solid rgb(221, 221, 221);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) + div:not([class]) {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) + div:not([class]) {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) + div:not([class]) {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) dt {
  width: 50%;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) dt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) dt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) dt {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) dt span:not([class]) {
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) dt .op {
  --_border-radius: 100vmax;
  --_border-size: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  aspect-ratio: 78/22;
  font-size: 12px;
  color: rgb(214, 10, 19);
  border: var(--_border-size) solid;
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) dt .op {
    --_border-size: calc(1 * calc(1 / 1280 * 100vw));
    width: calc(78 * calc(1 / 1280 * 100vw));
    font-size: calc(12 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) dt .op {
    --_border-size: calc(1 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(78 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) dt .op {
    --_border-size: calc(1 * calc(1 / 375 * 100vw));
    width: calc(78 * calc(1 / 375 * 100vw));
    font-size: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) dd {
  width: 50%;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: right;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) dd {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) dd {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) dd {
    width: 46%;
    font-size: calc(16 * calc(1 / 375 * 100vw));
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .rows div:not([class]) dd span {
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .txt {
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .txt {
    font-size: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .image {
  width: 327px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .image {
    width: calc(327 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .image {
    width: calc(327 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-group .desc .image {
    width: 100%;
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-note {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  padding-top: 16px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-note {
    row-gap: calc(4 * calc(1 / 1280 * 100vw));
    padding-top: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-note {
    row-gap: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-note {
    row-gap: calc(10 * calc(1 / 375 * 100vw));
    padding-top: calc(16 * calc(1 / 375 * 100vw));
    margin-inline: auto;
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-note.number {
  counter-reset: noteNumber 0;
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-note.number li {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 6px;
       column-gap: 6px;
  font-size: 14px;
  line-height: 1.786;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-note.number li {
    row-gap: calc(4 * calc(1 / 1280 * 100vw));
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-note.number li {
    row-gap: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-note.number li {
    row-gap: calc(2 * calc(1 / 375 * 100vw));
    font-size: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-note.number li::before {
  counter-increment: noteNumber 1;
  content: "※" counter(noteNumber);
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-note li {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-size: 14px;
  line-height: 1.786;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-note li {
    row-gap: calc(4 * calc(1 / 1280 * 100vw));
    font-size: calc(14 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-note li {
    row-gap: calc(4 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(14 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-note li {
    row-gap: calc(2 * calc(1 / 375 * 100vw));
    font-size: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-note li::before {
  content: "※";
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-assume {
  padding-top: 40px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-assume {
    padding-top: calc(40 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-assume {
    padding-top: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-assume {
    padding-top: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-assume .lp-book-fee-assume-ttl {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-assume .lp-book-fee-assume-ttl {
    margin-block: calc(12 * calc(1 / 1280 * 100vw));
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-assume .lp-book-fee-assume-ttl {
    margin-block: calc(12 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-assume .lp-book-fee-assume-ttl {
    margin-block: calc(10 * calc(1 / 375 * 100vw));
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-assume .lp-book-fee-assume-content {
  --_border-radius: 6px;
  padding: 20px 32px;
  background-color: rgb(255, 255, 255);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-assume .lp-book-fee-assume-content {
    --_border-radius: calc(6 * calc(1 / 1280 * 100vw));
    padding-block: calc(20 * calc(1 / 1280 * 100vw));
    padding-inline: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-assume .lp-book-fee-assume-content {
    --_border-radius: calc(6 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-block: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-fee .lp-book-fee-list .lp-book-fee-item .lp-book-fee-assume .lp-book-fee-assume-content {
    --_border-radius: calc(4 * calc(1 / 375 * 100vw));
    padding-top: calc(20 * calc(1 / 375 * 100vw));
    padding-bottom: calc(24 * calc(1 / 375 * 100vw));
    padding-inline: calc(12 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-other {
  padding-block: 78px;
  background-color: rgb(221, 221, 221);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-other {
    padding-block: calc(78 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-other {
    padding-block: calc(78 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-other {
    padding-block: calc(52 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-other .lp-book-other-ttl {
  display: grid;
  justify-items: center;
  row-gap: 20px;
  margin-bottom: 50px;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-ttl {
    row-gap: calc(20 * calc(1 / 1280 * 100vw));
    margin-bottom: calc(50 * calc(1 / 1280 * 100vw));
    font-size: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-ttl {
    row-gap: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    margin-bottom: calc(50 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-ttl {
    row-gap: calc(20 * calc(1 / 375 * 100vw));
    margin-bottom: calc(40 * calc(1 / 375 * 100vw));
    font-size: calc(24 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-other .lp-book-other-ttl::after {
  --_border-radius: 3px;
  content: "";
  width: 66px;
  aspect-ratio: 66/3;
  background-color: rgb(214, 10, 19);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-ttl::after {
    --_border-size: calc(3 * calc(1 / 1280 * 100vw));
    width: calc(66 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-ttl::after {
    --_border-size: calc(3 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(66 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-ttl::after {
    --_border-size: calc(3 * calc(1 / 375 * 100vw));
    width: calc(50 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-other .lp-book-other-ttl span {
  display: contents;
  color: rgb(214, 10, 19);
}
#risoco.lp .l-lp-book .lp-book-other .lp-book-other-list {
  display: flex;
  align-items: center;
  justify-content: center;
}
#risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item {
  --_border-radius: 16px;
  display: flex;
  flex-direction: column-reverse;
  padding: 50px 26px 40px;
  width: 399px;
  background-color: rgb(255, 255, 255);
  border-radius: var(--_border-radius);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item {
    --_border-size: calc(16 * calc(1 / 1280 * 100vw));
    padding-top: calc(50 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(40 * calc(1 / 1280 * 100vw));
    padding-inline: calc(26 * calc(1 / 1280 * 100vw));
    width: calc(399 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item {
    --_border-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-top: calc(50 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(40 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-inline: calc(26 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(399 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item {
    --_border-size: calc(16 * calc(1 / 375 * 100vw));
    padding-block: calc(32 * calc(1 / 375 * 100vw));
    padding-inline: calc(17 * calc(1 / 375 * 100vw));
    width: calc(327 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a {
  transition: 0.2s ease;
}
#risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a:focus-visible .ttl::after {
  background-image: url("../img/c-arrow-plan-hover.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (any-hover: hover) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a:where(:-webkit-any-link, :enabled, summary):hover .ttl::after {
    background-image: url("../img/c-arrow-plan-hover.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a:where(:-moz-any-link, :enabled, summary):hover .ttl::after {
    background-image: url("../img/c-arrow-plan-hover.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a:where(:any-link, :enabled, summary):hover .ttl::after {
    background-image: url("../img/c-arrow-plan-hover.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media (pointer: coarse), (hover: none) {
  @supports (touch-action: none) {
    #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a.touch-active .ttl::after {
      background-image: url("../img/c-arrow-plan-hover.svg");
      background-repeat: no-repeat;
      background-size: contain;
    }
  }
}
#risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a .ttl {
  position: relative;
  display: grid;
  align-items: center;
  margin-bottom: 24px;
  margin-inline: auto;
  padding-inline: 50px 44px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 20px;
  letter-spacing: 0.04em;
  font-weight: 700;
  transition: 0.2s ease;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a .ttl {
    margin-bottom: calc(24 * calc(1 / 1280 * 100vw));
    padding-left: calc(50 * calc(1 / 1280 * 100vw));
    padding-right: calc(44 * calc(1 / 1280 * 100vw));
    font-size: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a .ttl {
    margin-bottom: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-left: calc(50 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-right: calc(44 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a .ttl {
    margin-bottom: calc(14 * calc(1 / 375 * 100vw));
    padding-left: calc(50 * calc(1 / 375 * 100vw));
    padding-right: calc(44 * calc(1 / 375 * 100vw));
    font-size: calc(22 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a .ttl::before {
  content: "";
  position: absolute;
  left: 0;
  inline-size: 44px;
  aspect-ratio: 44/38;
  background: url("../img/lp/c-icon-wear.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a .ttl::before {
    inline-size: calc(44 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a .ttl::before {
    inline-size: calc(44 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a .ttl::before {
    inline-size: calc(43 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a .ttl::after {
  content: "";
  position: absolute;
  right: 0;
  inline-size: 32px;
  aspect-ratio: 1;
  background-image: url("../img/c-arrow-plan-nohover.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a .ttl::after {
    inline-size: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a .ttl::after {
    inline-size: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a .ttl::after {
    inline-size: calc(32 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a .txt {
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0;
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a .txt {
    font-size: calc(16 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a .txt {
    font-size: calc(16 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-other .lp-book-other-list .item a .txt {
    font-size: calc(14 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .l-lp-book .lp-book-end {
  padding-block: 27px 24px;
  background-color: rgb(60, 65, 128);
  text-align: center;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .l-lp-book .lp-book-end {
    padding-top: calc(27 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(24 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .l-lp-book .lp-book-end {
    padding-top: calc(27 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .l-lp-book .lp-book-end {
    padding-block: calc(16 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .lp-footer {
  position: relative;
  background-color: rgb(247, 245, 241);
}
#risoco.lp .lp-footer .content {
  display: grid;
  place-content: center;
  padding-block: 113px 90px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .lp-footer .content {
    padding-top: calc(113 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(90 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .lp-footer .content {
    padding-top: calc(113 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(90 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .lp-footer .content {
    padding-top: calc(72 * calc(1 / 375 * 100vw));
    padding-bottom: calc(46 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .lp-footer .content .logo {
  margin-inline: auto;
  width: 190px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .lp-footer .content .logo {
    width: calc(190 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .lp-footer .content .logo {
    width: calc(190 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .lp-footer .content .logo {
    width: calc(150 * calc(1 / 375 * 100vw));
  }
}
#risoco.lp .lp-footer .content .logo img {
  width: 100%;
}
#risoco.lp .lp-footer .content .root {
  position: absolute;
  bottom: 26px;
  right: 26px;
  width: 52px;
  aspect-ratio: 1;
}
@media screen and (max-width: 768px) {
  #risoco.lp .lp-footer .content .root {
    bottom: 20px;
    right: 14px;
  }
}
#risoco.lp .lp-footer .copy {
  display: grid;
  place-content: center;
  padding-block: 21px 24px;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0.03em;
  font-family: "Outfit", sans-serif;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #risoco.lp .lp-footer .copy {
    padding-top: calc(21 * calc(1 / 1280 * 100vw));
    padding-bottom: calc(24 * calc(1 / 1280 * 100vw));
    font-size: calc(10 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #risoco.lp .lp-footer .copy {
    padding-top: calc(21 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    padding-bottom: calc(24 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    font-size: calc(10 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  #risoco.lp .lp-footer .copy {
    justify-content: flex-start;
    margin-inline: auto;
    padding-block: calc(17 * calc(1 / 375 * 100vw));
    width: calc(351 * calc(1 / 375 * 100vw));
    font-size: calc(10 * calc(1 / 375 * 100vw));
  }
}

#overlay {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 6000;
}

#overlay, .modal-window {
  display: none;
  transition: 0.4s ease;
}

#overlay.visible, .modal-window.visible {
  display: block;
}

.modal-window {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 710px;
  background-color: rgb(245, 245, 245);
  z-index: 7000;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .modal-window {
    width: calc(710 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .modal-window {
    width: calc(710 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  .modal-window {
    width: calc(351 * calc(1 / 375 * 100vw));
  }
}
.modal-window .modal__inner {
  position: relative;
  margin: auto;
  padding-block: 60px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .modal-window .modal__inner {
    padding-block: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .modal-window .modal__inner {
    padding-block: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  .modal-window .modal__inner {
    padding-block: calc(32 * calc(1 / 375 * 100vw));
  }
}
.modal-window .modal__inner .modal__btn {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .modal-window .modal__inner .modal__btn {
    top: calc(20 * calc(1 / 1280 * 100vw));
    right: calc(20 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .modal-window .modal__inner .modal__btn {
    top: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    right: calc(20 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  .modal-window .modal__inner .modal__btn {
    top: calc(10 * calc(1 / 375 * 100vw));
    right: calc(10 * calc(1 / 375 * 100vw));
  }
}
.modal-window .modal__inner .modal__btn a {
  display: block;
  width: 32px;
  aspect-ratio: 1;
  cursor: pointer;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .modal-window .modal__inner .modal__btn a {
    width: calc(32 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .modal-window .modal__inner .modal__btn a {
    width: calc(32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  .modal-window .modal__inner .modal__btn a {
    width: calc(18 * calc(1 / 375 * 100vw));
  }
}
.modal-window .modal__inner .modal__btn a img {
  width: 100%;
}
.modal-window .modal__inner .comic-splide {
  margin-inline: auto;
  width: 470px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .modal-window .modal__inner .comic-splide {
    width: calc(470 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .modal-window .modal__inner .comic-splide {
    width: calc(470 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  .modal-window .modal__inner .comic-splide {
    width: calc(294 * calc(1 / 375 * 100vw));
  }
}
.modal-window .modal__inner .comic-splide .comic-modal-list {
  width: 100%;
}
.modal-window .modal__inner .comic-splide .comic-modal-list .comic-modal-item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.modal-window .modal__inner .comic-splide .comic-modal-list .comic-modal-item img {
  width: 100%;
}
.modal-window .modal__inner .comic-splide .splide__arrows {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.modal-window .modal__inner .comic-splide .splide__arrows .splide__arrow--prev {
  position: relative;
  left: -32px;
  width: 15px;
  aspect-ratio: 1;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .modal-window .modal__inner .comic-splide .splide__arrows .splide__arrow--prev {
    left: calc(-32 * calc(1 / 1280 * 100vw));
    width: calc(15 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .modal-window .modal__inner .comic-splide .splide__arrows .splide__arrow--prev {
    left: calc(-32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(15 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  .modal-window .modal__inner .comic-splide .splide__arrows .splide__arrow--prev {
    left: calc(-16 * calc(1 / 375 * 100vw));
    width: calc(8 * calc(1 / 375 * 100vw));
  }
}
.modal-window .modal__inner .comic-splide .splide__arrows .splide__arrow--next {
  position: relative;
  right: -32px;
  width: 15px;
  aspect-ratio: 1;
  transform: rotate(180deg);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .modal-window .modal__inner .comic-splide .splide__arrows .splide__arrow--next {
    right: calc(-32 * calc(1 / 1280 * 100vw));
    width: calc(15 * calc(1 / 1280 * 100vw));
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .modal-window .modal__inner .comic-splide .splide__arrows .splide__arrow--next {
    right: calc(-32 * calc((1 * 1024 / 1280) / 1024 * 100vw));
    width: calc(15 * calc((1 * 1024 / 1280) / 1024 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  .modal-window .modal__inner .comic-splide .splide__arrows .splide__arrow--next {
    right: calc(-16 * calc(1 / 375 * 100vw));
    width: calc(8 * calc(1 / 375 * 100vw));
  }
}
.modal-window .modal__inner .comic-splide .splide__arrows img {
  width: 100%;
  vertical-align: middle;
}

/*
	4.Accessibility
	-focus
	-screen reader
*/
#risoco *:focus-visible {
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: rgb(66, 139, 202);
}
#risoco section[tabindex]:focus-visible {
  outline-color: transparent;
}
#risoco .sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}


.article dl{
  display: none;
}

#campaign_banner{
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;

}
#campaign_banner section{
  margin-bottom: 80px;;

}
#campaign_banner dl{
  padding: 30px;
  
}

#campaign_banner dt{
  font-size: 1.6em;
  margin-bottom: 15px;
}

#risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .thmb {
  position: relative; /* 親要素に相対位置を設定 */
  width: 100%;
  padding-top: 65%; /* 高さを幅の60%に設定 */
  overflow: hidden; /* 子要素が枠をはみ出さないようにする */
}
#risoco.subpage .l-proposal .proposal-content .proposal-list .proposal-item .thmb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画像を枠に収める */
  transition: transform 0.4s cubic-bezier(0.42, 0, 0.33, 0.8);
}


#risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .thmb {
  position: relative; /* 親要素に相対位置を設定 */
  width: 100%;
  padding-top: 65%; /* 高さを幅の60%に設定 */
  overflow: hidden; /* 子要素が枠をはみ出さないようにする */
}

#risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list .proposal-main-item .thmb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画像を枠に収める */
  transition: transform 0.4s cubic-bezier(0.42, 0, 0.33, 0.8);
}

#risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item .thmb{
  position: relative; /* 親要素に相対位置を設定 */
  width: 100%;
  padding-top: 65%; /* 高さを幅の60%に設定 */
  overflow: hidden; /* 子要素が枠をはみ出さないようにする */
}
#risoco.subpage .l-proposal-slug .proposal-slug-related .proposal-slug-related-list .proposal-slug-related-item .thmb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画像を枠に収める */
  transition: transform 0.4s cubic-bezier(0.42, 0, 0.33, 0.8);
}

#risoco.home .l-tips .tips-content .tips-list .tips-item .thmb {
  position: relative; /* 親要素に相対位置を設定 */
  width: 100%;
  padding-top: 65%; /* 高さを幅の60%に設定 */
  overflow: hidden; /* 子要素が枠をはみ出さないようにする */
}
#risoco.home .l-tips .tips-content .tips-list .tips-item .thmb img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画像を枠に収める */
  transition: transform 0.4s cubic-bezier(0.42, 0, 0.33, 0.8);
}



.proposal-main-content{
  max-width:690px!important;
  width: 100%;
}
#risoco.subpage .l-proposal .proposal-main .proposal-main-content .proposal-main-content-list {
  max-width:690px!important;
  width: calc(100% - 15px);
}



/*
1.Basics Styling
-tag sets
*/
/*
2.Components
-accordion
-buttons
-breadcrumb
-cv
-footer
-header
-hgroup
-pagination
-parts
*/
/*                  
3.Page
-home
-subpage
-remodal
*/
/*
4.Accessibility
*/
/*# sourceMappingURL=style.css.map */