@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

.rRAFU {
  --green1: #276e00;
  --green2: #419c00;
  --green3: #5e9440;
  --green4: #91db00;
  --red: #ff4400;
  --orange: #ff6200;
  --blue: #0077ff;
  --yellow: #fffa9c;
  --brown: #964e00;
  --btn-border: #99c9ff;
  --btn-gradient: linear-gradient(to top, #d4e8ff, white 70%);
  --input-gradient: linear-gradient(to bottom, #e5e5e5, white 15%);
}
.rRAFU, .rRAFU::after,
.rRAFU *,
.rRAFU *::after {
  all: unset;
}
.rRAFU script {
  all: revert;
}
@media (max-width: 567px) {
  .rRAFU {
    --1px: calc(100vw / 390);
  }
}
@media (min-width: 568px) {
  .rRAFU {
    --1px: min(calc(100vw / 950), 1px);
  }
}
.rRAFU {
  display: grid;
  color: black;
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-feature-settings: "halt";
}
@media (max-width: 567px) {
  .rRAFU {
    line-height: 1.5;
  }
}
@media (min-width: 568px) {
  .rRAFU {
    line-height: 1.6;
  }
}
.rRAFU img {
  overflow: clip;
  max-width: 100%;
  vertical-align: bottom;
}
.rRAFU label,
.rRAFU button:not([disabled]),
.rRAFU a {
  cursor: pointer;
}
.rRAFU sup {
  font-size: 70%;
  vertical-align: top;
}
.rRAFU .head {
  display: grid;
  position: relative;
}
@media (max-width: 567px) {
  .rRAFU .head {
    padding-inline: calc(15 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .head {
    width: calc(900 * var(--1px));
    margin: 0 auto;
  }
}
.rRAFU .head .logo {
  position: relative;
  z-index: 1;
}
@media (max-width: 567px) {
  .rRAFU .head .logo {
    margin-left: calc(-15 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .head .logo {
    margin-left: calc(-25 * var(--1px));
  }
}
@media (max-width: 567px) {
  .rRAFU .head .logo img {
    width: calc(132 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .head .logo img {
    width: calc(188 * var(--1px));
  }
}
.rRAFU .head .supervisor {
  font-size: calc(12 * var(--1px));
  position: absolute;
}
@media (max-width: 567px) {
  .rRAFU .head .supervisor {
    right: calc(16 * var(--1px));
    top: calc(18 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .head .supervisor {
    right: 0;
    top: calc(25 * var(--1px));
  }
}
@media (max-width: 567px) {
  .rRAFU .head--index {
    overflow: hidden;
    padding-block: calc(30 * var(--1px)) calc(20 * var(--1px));
    background-image: url(../images/top_image_sp.png);
  }
}
@media (min-width: 568px) {
  .rRAFU .head--index {
    padding-bottom: calc(40 * var(--1px));
    background: url(../images/top_image_pc.png) no-repeat center top/contain;
  }
}
@media (max-width: 567px) {
  .rRAFU .head--index .logo {
    position: relative;
    margin: 0 auto;
  }
  .rRAFU .head--index .logo::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 390/126;
    width: 100vw;
    background: url(../images/top_image_1_sp.png) no-repeat center center/cover;
  }
}
@media (min-width: 568px) {
  .rRAFU .head--index .logo {
    margin-left: calc(-45 * var(--1px));
  }
}
@media (max-width: 567px) {
  .rRAFU .head--index .logo img {
    width: calc(172 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .head--index .logo img {
    width: calc(298 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .head--index .supervisor {
    top: calc(42 * var(--1px));
  }
}
.rRAFU .head--index p.lead {
  font-weight: bold;
}
@media (max-width: 567px) {
  .rRAFU .head--index p.lead {
    font-size: calc(15 * var(--1px));
    text-align: justify;
  }
}
@media (min-width: 568px) {
  .rRAFU .head--index p.lead {
    font-size: calc(16 * var(--1px));
  }
}
@media (max-width: 567px) {
  .rRAFU .head--index p.lead br {
    display: none;
  }
}
.rRAFU .head--index p.notes {
  margin-top: calc(15 * var(--1px));
  font-size: calc(12 * var(--1px));
  color: var(--green3);
}
@media (max-width: 567px) {
  .rRAFU .head--index p.notes {
    text-align: center;
  }
}
@media (max-width: 567px) {
  .rRAFU .head--index::after {
    content: "";
    width: 100%;
    aspect-ratio: 390/260;
    padding: calc(20 * var(--1px)) 0;
    background: url(../images/top_image_2_sp.png) no-repeat center center/contain;
  }
}
.rRAFU .foot {
  display: grid;
  justify-items: center;
}
.rRAFU .foot .totop {
  display: grid;
  justify-items: center;
  margin: calc(50 * var(--1px)) auto;
}
.rRAFU .foot .totop img[src*=logo] {
  width: calc(162 * var(--1px));
}
.rRAFU .foot .totop img[src*=totop] {
  width: calc(133 * var(--1px));
}
.rRAFU .main {
  display: grid;
  background: url(../images/contents_bg.png) repeat left top/calc(11 * var(--1px));
}
@media (max-width: 567px) {
  .rRAFU .main {
    margin-top: calc(80 * var(--1px));
    padding: 0 calc(15 * var(--1px)) calc(40 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .main {
    padding: 0 calc((100% - 900 * var(--1px)) / 2) calc(50 * var(--1px));
  }
}
.rRAFU .main > *:first-child {
  margin-top: calc(-80 * var(--1px));
}
@media (min-width: 568px) {
  .rRAFU .main--index {
    margin-top: calc(80 * var(--1px));
  }
}
.rRAFU .top {
  display: grid;
  justify-items: center;
  grid-row-gap: calc(30 * var(--1px));
}
.rRAFU .top-content {
  position: relative;
  display: grid;
  grid-row-gap: calc(25 * var(--1px));
  box-sizing: border-box;
  padding: calc(30 * var(--1px));
  isolation: isolate;
}
.rRAFU .top-content::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  box-sizing: border-box;
  width: 100%;
  background: white;
  border-radius: calc(30 * var(--1px));
  border: calc(4 * var(--1px)) solid #b8e37f;
}
@media (max-width: 567px) {
  .rRAFU .top-content {
    padding-top: 0;
  }
  .rRAFU .top-content::before {
    height: calc(100% - 20 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .top-content {
    width: calc(900 * var(--1px));
    padding-top: calc(50 * var(--1px));
  }
  .rRAFU .top-content::before {
    height: 100%;
  }
}
.rRAFU .top-content .body {
  display: grid;
  grid-row-gap: inherit;
}
@media (min-width: 568px) {
  .rRAFU .top-content .body {
    padding-left: calc(156 * var(--1px));
  }
}
@media (max-width: 567px) {
  .rRAFU .top-content h2 {
    justify-self: center;
  }
}
@media (min-width: 568px) {
  .rRAFU .top-content h2 {
    position: absolute;
    left: calc(30 * var(--1px));
    top: calc(30 * var(--1px));
  }
}
@media (max-width: 567px) {
  .rRAFU .top-content h2 img {
    width: calc(112 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .top-content h2 img {
    width: calc(126 * var(--1px));
  }
}
.rRAFU .top-content h3 {
  display: flex;
  align-items: center;
  column-gap: 0.5em;
  color: var(--green1);
  font-size: calc(18 * var(--1px));
  font-weight: bold;
}
.rRAFU .top-content h3::before {
  content: "";
  width: calc(6 * var(--1px));
  height: 1em;
  background: var(--green4);
}
.rRAFU .top-content p {
  font-size: calc(14 * var(--1px));
  text-align: justify;
}
.rRAFU .top-content p strong {
  font-weight: bold;
}
.rRAFU .top-content p strong.red {
  color: var(--red);
}
.rRAFU .top-content figure {
  display: grid;
}
.rRAFU .top-content figure img[src*=image_1_1_pc] {
  width: calc(430 * var(--1px));
}
.rRAFU .top-content figure img[src*=image_1_1_sp] {
  width: calc(300 * var(--1px));
}
.rRAFU .top-content figure img[src*=image_2_1] {
  width: calc(546 * var(--1px));
}
.rRAFU .top-content figure img[src*=image_2_2] {
  width: calc(272 * var(--1px));
}
.rRAFU .top-content figure .zoom-btn {
  margin: calc(10 * var(--1px)) auto 0;
}
@media (min-width: 568px) {
  .rRAFU .top-content figure .zoom-btn {
    display: none;
  }
}
.rRAFU .top-content .reference {
  display: grid;
  font-size: calc(12 * var(--1px));
  color: var(--green3);
}
@media (min-width: 568px) {
  .rRAFU .top-content .reference {
    grid-auto-flow: column;
    grid-column-gap: calc(10 * var(--1px));
    justify-content: start;
  }
}
.rRAFU .top-content .reference dt::before {
  content: "〈";
}
.rRAFU .top-content .reference dt::after {
  content: "〉";
}
.rRAFU .top-content .block--1-1 {
  display: grid;
  position: relative;
}
@media (max-width: 567px) {
  .rRAFU .top-content .block--1-1 {
    grid-row-gap: calc(30 * var(--1px));
    justify-items: center;
  }
}
@media (min-width: 568px) {
  .rRAFU .top-content .block--1-1 {
    justify-content: start;
  }
}
.rRAFU .top-content .block--1-1::after {
  content: "";
  aspect-ratio: 1;
  width: calc(196 * var(--1px));
  background: url(../images/top_content_image_1_2.png) no-repeat center center/contain;
}
@media (min-width: 568px) {
  .rRAFU .top-content .block--1-1::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.rRAFU .top-content .block--2-1 {
  display: grid;
  grid-gap: calc(20 * var(--1px));
}
@media (min-width: 568px) {
  .rRAFU .top-content .block--2-1 {
    grid-auto-flow: column;
  }
}
.rRAFU .top-content .toform {
  justify-self: center;
}
.rRAFU .top-content .toform img {
  width: calc(220 * var(--1px));
}
.rRAFU .top-form {
  position: relative;
  display: grid;
  grid-row-gap: calc(25 * var(--1px));
  justify-items: center;
  box-sizing: border-box;
}
@media (max-width: 567px) {
  .rRAFU .top-form {
    margin-top: calc(80 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .top-form {
    margin-top: calc(60 * var(--1px));
  }
}
.rRAFU .top-form {
  display: grid;
  box-sizing: border-box;
  border: calc(4 * var(--1px)) solid white;
  border-radius: calc(20 * var(--1px));
  padding: calc(20 * var(--1px));
  box-shadow: 0 calc(6 * var(--1px)) #abd941;
  background: var(--yellow);
}
@media (min-width: 568px) {
  .rRAFU .top-form {
    width: calc(640 * var(--1px));
    padding: calc(30 * var(--1px));
  }
}
.rRAFU .top-form h2 {
  position: absolute;
  left: 50%;
  bottom: 100%;
  display: grid;
  justify-items: center;
  border-radius: calc(10 * var(--1px));
  padding: calc(10 * var(--1px)) calc(20 * var(--1px));
  background: var(--orange);
  color: white;
  font-size: calc(16 * var(--1px));
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  transform: translate(-50%, calc(-22 * var(--1px)));
}
@media (max-width: 567px) {
  .rRAFU .top-form h2 {
    text-align: center;
  }
}
@media (min-width: 568px) {
  .rRAFU .top-form h2 br {
    display: none;
  }
}
.rRAFU .top-form h2::after {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%) rotate(45deg);
  content: "";
  aspect-ratio: 1;
  width: calc(20 * var(--1px));
  background: var(--orange);
  border-right-bottom-radius: calc(3 * var(--1px));
  border-bottom-right-radius: calc(3 * var(--1px));
}
.rRAFU .top-form h2 small {
  font-size: calc(12 * var(--1px));
  font-weight: normal;
}
.rRAFU .top-form h3 {
  font-size: calc(16 * var(--1px));
  text-align: center;
}
@media (min-width: 568px) {
  .rRAFU .top-form h3 br {
    display: none;
  }
}
.rRAFU .top-form .input {
  display: grid;
}
@media (max-width: 567px) {
  .rRAFU .top-form .input {
    grid-row-gap: calc(50 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .top-form .input {
    grid-gap: calc(20 * var(--1px)) calc(10 * var(--1px));
    grid-template-columns: max-content max-content;
    justify-items: center;
  }
}
.rRAFU .top-form .input > div {
  position: relative;
  display: grid;
  justify-items: center;
}
@media (max-width: 567px) {
  .rRAFU .top-form .input > div {
    background: white;
    border-radius: calc(10 * var(--1px));
    padding: calc(20 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .top-form .input > div {
    grid-template-columns: subgrid;
    grid-column: span 2;
  }
}
.rRAFU .top-form .input > div::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  aspect-ratio: 24/14;
  width: calc(24 * var(--1px));
  background: url(../images/form_arrow.svg) no-repeat center center;
}
@media (max-width: 567px) {
  .rRAFU .top-form .input > div::after {
    transform: translate(-50%, calc(25 * var(--1px)));
  }
}
@media (min-width: 568px) {
  .rRAFU .top-form .input > div::after {
    transform: translate(-50%, calc(15 * var(--1px)));
  }
}
.rRAFU .top-form .input > div h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  color: var(--brown);
  font-size: calc(15 * var(--1px));
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
@media (max-width: 567px) {
  .rRAFU .top-form .input > div h4 {
    position: absolute;
    left: 50%;
    bottom: 100%;
    height: calc(30 * var(--1px));
    transform: translate(-50%, calc(12 * var(--1px)));
    border-radius: calc(15 * var(--1px));
    padding: 0 1.5em;
  }
}
@media (min-width: 568px) {
  .rRAFU .top-form .input > div h4 {
    aspect-ratio: 1;
    width: calc(78 * var(--1px));
    border-radius: calc(39 * var(--1px));
  }
}
@media (max-width: 567px) {
  .rRAFU .top-form .input > div h4 br {
    display: none;
  }
}
.rRAFU .top-form .input > div fieldset {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: calc(10 * var(--1px));
  font-size: calc(16 * var(--1px));
}
.rRAFU .top-form .input > div fieldset[name=sex] {
  column-gap: 0;
}
.rRAFU .top-form .input > div fieldset input[type=radio] {
  position: fixed;
  visibility: hidden;
}
.rRAFU .top-form .input > div fieldset input[type=radio] + label {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(90 * var(--1px));
  height: calc(48 * var(--1px));
  border: 1px solid var(--btn-border);
  background: var(--btn-gradient);
  text-align: center;
  line-height: 1.2;
}
.rRAFU .top-form .input > div fieldset input[type=radio] + label:nth-of-type(1) {
  border-radius: calc(24 * var(--1px)) 0 0 calc(24 * var(--1px));
}
.rRAFU .top-form .input > div fieldset input[type=radio] + label:nth-of-type(n + 2) {
  border-left: none;
}
.rRAFU .top-form .input > div fieldset input[type=radio] + label:nth-of-type(2) {
  font-size: 0.9rem;
}
.rRAFU .top-form .input > div fieldset input[type=radio] + label:nth-last-of-type(1) {
  border-radius: 0 calc(24 * var(--1px)) calc(24 * var(--1px)) 0;
}
.rRAFU .top-form .input > div fieldset input[type=radio]:checked + label {
  background: var(--blue);
  color: white;
}
.rRAFU .top-form .input > div fieldset select {
  display: flex;
  box-sizing: border-box;
  border: 1px solid var(--btn-border);
  border-radius: calc(5 * var(--1px));
  padding: 0.4em 0.8em;
  background: var(--btn-gradient);
  font-size: calc(17 * var(--1px));
  text-align: right;
}
.rRAFU .top-form .input > div fieldset input[type=text] {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: calc(64 * var(--1px));
  height: calc(40 * var(--1px));
  border: 1px solid var(--btn-border);
  border-radius: calc(5 * var(--1px));
  padding: 0 0.5em;
  background: var(--input-gradient);
  font-size: calc(18 * var(--1px));
  text-align: right;
}
.rRAFU .top-form .input > div fieldset input[type=text]::placeholder {
  color: #b2b2b2;
}
.rRAFU .top-form .input__submit {
  display: grid;
  margin-top: 0.5rem;
}
.rRAFU .top-form .terms {
  display: grid;
  margin-top: 1rem;
}
.rRAFU .top-form .terms-body {
  display: grid;
  grid-row-gap: calc(10 * var(--1px));
  justify-items: center;
  border-radius: calc(10 * var(--1px));
  padding: calc(15 * var(--1px));
  height: 10em;
  overflow: scroll;
  background: white;
}
.rRAFU .top-form .terms h3 {
  text-align: center;
  font-size: calc(16 * var(--1px));
}
.rRAFU .top-form .terms p {
  font-size: calc(12 * var(--1px));
}
.rRAFU .top-form .terms-check {
  justify-self: center;
}
.rRAFU .top-form .terms-check input {
  position: fixed;
  visibility: hidden;
}
.rRAFU .top-form .terms-check label {
  display: flex;
  align-items: center;
  column-gap: calc(10 * var(--1px));
  height: calc(40 * var(--1px));
  border: 1px solid var(--btn-border);
  border-radius: calc(10 * var(--1px));
  padding: 0 calc(24 * var(--1px));
  background: var(--btn-gradient);
  font-size: calc(16 * var(--1px));
}
.rRAFU .top-form .terms-check label::before {
  content: "";
  border: 1px solid var(--btn-border);
  border-radius: calc(2 * var(--1px));
  width: calc(20 * var(--1px));
  aspect-ratio: 1/1;
  background: var(--input-gradient);
}
.rRAFU .top-form .terms-check input:checked + label {
  background: var(--blue);
  color: white;
}
.rRAFU .top-form .terms-check input:checked + label::before {
  background: url(../images/top_terms_check.svg) no-repeat center center/80% auto, var(--input-gradient);
}
.rRAFU .top-form .submit img {
  width: calc(250 * var(--1px));
}
.rRAFU .top-form .notes {
  color: var(--green3);
  font-size: calc(12 * var(--1px));
}
@media (min-width: 568px) {
  .rRAFU .top-form .notes {
    text-align: center;
  }
}
.rRAFU .interview {
  display: grid;
  grid-row-gap: calc(40 * var(--1px));
  justify-items: center;
}
.rRAFU .interview-contents {
  display: grid;
  justify-items: center;
  grid-template-rows: max-content 1fr;
  grid-row-gap: calc(20 * var(--1px));
  display: grid;
  box-sizing: border-box;
  border: calc(4 * var(--1px)) solid white;
  border-radius: calc(20 * var(--1px));
  padding: calc(20 * var(--1px));
  box-shadow: 0 calc(6 * var(--1px)) #abd941;
  background: var(--yellow);
}
@media (max-width: 567px) {
  .rRAFU .interview-contents {
    box-sizing: border-box;
    width: 100%;
    padding: calc(30 * var(--1px)) 0;
  }
}
@media (min-width: 568px) {
  .rRAFU .interview-contents {
    padding: calc(30 * var(--1px));
  }
}
.rRAFU .interview-contents__pagenum {
  font-size: calc(16 * var(--1px));
  font-weight: bold;
  color: var(--green1);
}
.rRAFU .interview-contents__indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: calc(8 * var(--1px));
}
.rRAFU .interview-contents__indicator-item {
  display: flex;
  width: calc(14 * var(--1px));
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #ffe252;
}
.rRAFU .interview-contents__indicator-item.is-current {
  background: #ffb700;
}
.rRAFU .interview-contents__pages {
  display: grid;
  grid-template-rows: max-content repeat(2, 1fr) max-content;
}
.rRAFU .interview-contents__pages-page {
  display: grid;
  grid-template-rows: subgrid;
  grid-column: 1;
  grid-row: 2/5;
  grid-row-gap: calc(20 * var(--1px));
  justify-items: center;
}
.rRAFU .interview-contents__pages-page[hidden] {
  visibility: hidden;
}
.rRAFU .interview-contents__pages-page-q {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(16 * var(--1px));
  text-align: center;
}
.rRAFU .interview-contents__pages-page-a {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.rRAFU .interview-contents__pages-page-a input {
  position: fixed;
  visibility: hidden;
}
.rRAFU .interview-contents__pages-page-a label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(128 * var(--1px));
  height: calc(56 * var(--1px));
  border: calc(2 * var(--1px)) solid var(--btn-border);
  background: var(--btn-gradient);
  font-size: calc(20 * var(--1px));
}
.rRAFU .interview-contents__pages-page-a label:nth-of-type(1) {
  border-radius: calc(20 * var(--1px)) 0 0 calc(20 * var(--1px));
}
.rRAFU .interview-contents__pages-page-a label:nth-of-type(2) {
  border-left: none;
  border-radius: 0 calc(20 * var(--1px)) calc(20 * var(--1px)) 0;
}
.rRAFU .interview-contents__pages-page-a input:checked + label {
  background: var(--blue);
  color: white;
}
.rRAFU .interview-contents__pages-page-control {
  display: grid;
}
.rRAFU .interview-contents__pages-page-control-btn[disabled] {
  opacity: 0.5;
  filter: grayscale(1);
}
.rRAFU .interview-contents__back {
  justify-self: center;
}
.rRAFU .interview-contents[data-current-page="1"] .interview-contents__back {
  visibility: hidden;
}
.rRAFU .interview__abort {
  display: grid;
  justify-items: center;
}
.rRAFU .diagnosis {
  display: grid;
  grid-row-gap: calc(30 * var(--1px));
  justify-items: center;
}
.rRAFU .diagnosis .result {
  display: grid;
  box-sizing: border-box;
  border: calc(4 * var(--1px)) solid white;
  border-radius: calc(20 * var(--1px));
  padding: calc(20 * var(--1px));
  box-shadow: 0 calc(6 * var(--1px)) #abd941;
}
.rRAFU .diagnosis.is-risk .result {
  background: #ffe3ec;
}
.rRAFU .diagnosis.is-norisk .result {
  background: #fffa9c;
}
@media (max-width: 567px) {
  .rRAFU .diagnosis .result h2 img {
    width: calc(320 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .result h2 img {
    width: calc(360 * var(--1px));
  }
}
.rRAFU .diagnosis .score {
  display: flex;
  align-items: center;
  height: calc(40 * var(--1px));
  border-radius: calc(20 * var(--1px));
  padding: 0 1.5em;
  background: white;
  font-size: calc(16 * var(--1px));
}
.rRAFU .diagnosis .score strong {
  margin-left: 0.2em;
  font-size: calc(22 * var(--1px));
  font-weight: bold;
}
.rRAFU .diagnosis.is-risk .score strong {
  color: var(--red);
}
.rRAFU .diagnosis.is-norisk .score strong {
  color: var(--green2);
}
.rRAFU .diagnosis .answer {
  display: grid;
  grid-row-gap: calc(15 * var(--1px));
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .answer {
    width: calc(700 * var(--1px));
  }
}
.rRAFU .diagnosis .answer .qa-list {
  display: grid;
  grid-template-columns: 1fr max-content;
  grid-auto-rows: 1fr;
  border-radius: calc(10 * var(--1px));
  padding: calc(15 * var(--1px));
  background: white;
}
@media (max-width: 567px) {
  .rRAFU .diagnosis .answer .qa-list {
    font-size: calc(14 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .answer .qa-list {
    font-size: calc(15 * var(--1px));
  }
}
.rRAFU .diagnosis .answer .qa-list > div {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/3;
}
.rRAFU .diagnosis .answer .qa-list > div.is-apply {
  background: #fffbab;
  color: var(--red);
  font-weight: bold;
}
.rRAFU .diagnosis .answer .qa-list > div:not(:last-child) {
  border-bottom: 1px solid #e6e3cf;
}
.rRAFU .diagnosis .answer .qa-list > div .q,
.rRAFU .diagnosis .answer .qa-list > div .a {
  display: flex;
  align-items: center;
  padding: calc(12 * var(--1px));
}
.rRAFU .diagnosis .answer .qa-list > div .a {
  justify-content: center;
}
.rRAFU .diagnosis .answer .caution {
  display: grid;
  border-radius: calc(10 * var(--1px));
  padding: calc(15 * var(--1px));
  background: #e5f8b5;
  color: var(--green1);
  font-size: calc(13 * var(--1px));
  font-weight: bold;
  text-align: justify;
}
.rRAFU .diagnosis .advice {
  display: grid;
}
.rRAFU .diagnosis .advice-title {
  position: relative;
  display: grid;
  justify-items: center;
  margin: 0 auto calc(20 * var(--1px));
  border-radius: calc(10 * var(--1px));
  padding: calc(10 * var(--1px)) calc(20 * var(--1px));
  background: var(--orange);
  color: white;
  font-size: calc(16 * var(--1px));
  font-weight: bold;
  line-height: 1.3;
}
@media (max-width: 567px) {
  .rRAFU .diagnosis .advice-title {
    text-align: center;
  }
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .advice-title br {
    display: none;
  }
}
.rRAFU .diagnosis .advice-title::after {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%) rotate(45deg);
  content: "";
  aspect-ratio: 1;
  width: calc(20 * var(--1px));
  background: var(--orange);
  border-right-bottom-radius: calc(3 * var(--1px));
  border-bottom-right-radius: calc(3 * var(--1px));
}
.rRAFU .diagnosis .advice-block {
  position: relative;
  display: grid;
  grid-row-gap: calc(30 * var(--1px));
  justify-items: center;
  border: calc(4 * var(--1px)) solid #d5f092;
  border-radius: calc(20 * var(--1px));
  background: white;
}
@media (max-width: 567px) {
  .rRAFU .diagnosis .advice-block {
    padding: calc(20 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .advice-block {
    padding: calc(30 * var(--1px));
  }
}
.rRAFU .diagnosis .advice-block--1, .rRAFU .diagnosis .advice-block--2 {
  margin-bottom: calc(60 * var(--1px));
}
.rRAFU .diagnosis .advice-block--1::before, .rRAFU .diagnosis .advice-block--1::after, .rRAFU .diagnosis .advice-block--2::before, .rRAFU .diagnosis .advice-block--2::after {
  position: absolute;
  left: 50%;
  top: 100%;
  content: "";
  width: calc(8 * var(--1px));
  height: calc(44 * var(--1px));
  border-radius: calc(2 * var(--1px));
  margin-top: calc(10 * var(--1px));
  background: var(--orange);
}
.rRAFU .diagnosis .advice-block--1::before, .rRAFU .diagnosis .advice-block--2::before {
  transform: rotate(90deg);
}
.rRAFU .diagnosis .advice-block .reference {
  color: #5e9440;
  font-size: calc(12 * var(--1px));
}
.rRAFU .diagnosis .advice-block .lead {
  display: grid;
  grid-row-gap: calc(15 * var(--1px));
  justify-self: stretch;
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .advice-block .lead {
    position: relative;
  }
}
.rRAFU .diagnosis .advice-block .lead h3 {
  justify-self: center;
}
.rRAFU .diagnosis .advice-block .lead h3 img {
  height: calc(52 * var(--1px));
}
@media (max-width: 567px) {
  .rRAFU .diagnosis .advice-block .lead h3 {
    order: -1;
  }
}
.rRAFU .diagnosis .advice-block .lead p {
  font-size: calc(14 * var(--1px));
  text-align: justify;
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .advice-block .lead p {
    width: 100%;
    box-sizing: border-box;
  }
  .rRAFU .diagnosis .advice-block--1 .lead p {
    padding-right: calc(126 * var(--1px));
  }
  .rRAFU .diagnosis .advice-block--2 .lead p {
    padding-right: calc(169 * var(--1px));
  }
  .rRAFU .diagnosis .advice-block--3 .lead p {
    padding-right: calc(252 * var(--1px));
  }
}
.rRAFU .diagnosis .advice-block .lead p strong {
  color: var(--red);
  font-weight: bold;
}
.rRAFU .diagnosis .advice-block .lead::before {
  content: "";
  background: no-repeat center center/contain;
}
@media (max-width: 567px) {
  .rRAFU .diagnosis .advice-block .lead::before {
    justify-self: center;
    display: block;
  }
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .advice-block .lead::before {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.rRAFU .diagnosis .advice-block--1 .lead::before {
  width: calc(106 * var(--1px));
  height: calc(231 * var(--1px));
  background-image: url(../images/advice_image_1.png);
}
.rRAFU .diagnosis .advice-block--2 .lead::before {
  width: calc(149 * var(--1px));
  height: calc(197 * var(--1px));
  background-image: url(../images/advice_image_2.png);
}
.rRAFU .diagnosis .advice-block--3 .lead::before {
  width: calc(232 * var(--1px));
  height: calc(165 * var(--1px));
  background-image: url(../images/advice_image_3.png);
}
.rRAFU .diagnosis .tanpaku {
  position: relative;
  display: grid;
  grid-row-gap: calc(20 * var(--1px));
  justify-items: center;
  isolation: isolate;
  padding: 0 calc(20 * var(--1px)) calc(20 * var(--1px));
}
.rRAFU .diagnosis .tanpaku::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% - 16 * var(--1px));
  background: #fffbab;
  border-radius: calc(10 * var(--1px));
}
.rRAFU .diagnosis .tanpaku > p {
  font-size: calc(14 * var(--1px));
}
@media (max-width: 567px) {
  .rRAFU .diagnosis .tanpaku > p {
    display: grid;
    justify-items: center;
  }
}
.rRAFU .diagnosis .tanpaku > p strong {
  display: inline-flex;
  margin-inline: 0.2em;
  color: var(--green2);
  font-size: calc(18 * var(--1px));
  font-weight: bold;
}
.rRAFU .diagnosis .tanpaku:not(.open) .body {
  visibility: hidden;
  opacity: 0;
  position: fixed;
}
.rRAFU .diagnosis .tanpaku.open .more {
  display: none;
}
.rRAFU .diagnosis .tanpaku.open .body {
  transition: opacity 600ms;
}
.rRAFU .diagnosis .tanpaku .body {
  display: grid;
  grid-row-gap: inherit;
  justify-items: center;
}
.rRAFU .diagnosis .tanpaku .body p:nth-of-type(1) {
  border-radius: calc(18 * var(--1px));
  background: white;
  font-size: calc(16 * var(--1px));
  font-weight: bold;
}
@media (max-width: 567px) {
  .rRAFU .diagnosis .tanpaku .body p:nth-of-type(1) {
    padding: calc(10 * var(--1px)) calc(15 * var(--1px));
    text-align: center;
  }
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .tanpaku .body p:nth-of-type(1) {
    display: flex;
    align-items: center;
    height: calc(36 * var(--1px));
    padding: 0 calc(18 * var(--1px));
  }
  .rRAFU .diagnosis .tanpaku .body p:nth-of-type(1) br {
    display: none;
  }
}
.rRAFU .diagnosis .tanpaku .body p:nth-of-type(1) strong {
  color: var(--green2);
}
.rRAFU .diagnosis .tanpaku .body p:nth-of-type(2) {
  color: var(--brown);
  font-size: calc(12 * var(--1px));
}
.rRAFU .diagnosis .tanpaku .body h5 {
  display: grid;
  position: relative;
  justify-items: center;
  padding: 0 calc(5 * var(--1px));
  color: var(--red);
  font-weight: bold;
  font-size: calc(20 * var(--1px));
}
.rRAFU .diagnosis .tanpaku .body h5 small {
  font-size: calc(12 * var(--1px));
  font-weight: normal;
}
.rRAFU .diagnosis .tanpaku .body h5::before, .rRAFU .diagnosis .tanpaku .body h5::after {
  position: absolute;
  top: 0;
}
.rRAFU .diagnosis .tanpaku .body h5::before {
  left: 0;
  content: "＼";
}
.rRAFU .diagnosis .tanpaku .body h5::after {
  right: 0;
  content: "／";
}
.rRAFU .diagnosis .tanpaku .body dl {
  display: grid;
  justify-items: center;
  font-size: calc(14 * var(--1px));
}
.rRAFU .diagnosis .tanpaku .body dl dt {
  display: grid;
  grid-row-gap: calc(5 * var(--1px));
  justify-items: center;
  font-weight: bold;
}
.rRAFU .diagnosis .tanpaku .body dl dt img {
  width: calc(120 * var(--1px));
}
.rRAFU .diagnosis .tanpaku .body dl dd strong {
  color: var(--red);
}
@media (max-width: 567px) {
  .rRAFU .diagnosis .tanpaku .body dl {
    grid-column-gap: calc(10 * var(--1px));
  }
  .rRAFU .diagnosis .tanpaku .body dl dt {
    grid-row: 1;
  }
  .rRAFU .diagnosis .tanpaku .body dl dt:nth-of-type(n + 3) {
    grid-row: 3;
    margin-top: calc(10 * var(--1px));
  }
  .rRAFU .diagnosis .tanpaku .body dl dt:nth-of-type(n + 5) {
    grid-column: span 2;
    grid-row: 5;
  }
  .rRAFU .diagnosis .tanpaku .body dl dd:nth-of-type(-n + 2) {
    grid-row: 2;
  }
  .rRAFU .diagnosis .tanpaku .body dl dd:nth-of-type(n + 3) {
    grid-row: 4;
  }
  .rRAFU .diagnosis .tanpaku .body dl dd:nth-of-type(n + 5) {
    grid-column: span 2;
    grid-row: 6;
  }
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .tanpaku .body dl dt {
    grid-row: 1;
  }
  .rRAFU .diagnosis .tanpaku .body dl dd {
    grid-row: 2;
  }
}
.rRAFU .diagnosis .recommend-group {
  display: grid;
}
@media (max-width: 567px) {
  .rRAFU .diagnosis .recommend-group {
    grid-row-gap: calc(20 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .recommend-group {
    width: 100%;
    justify-content: space-between;
    grid-auto-flow: column;
  }
}
.rRAFU .diagnosis .recommend {
  position: relative;
  display: grid;
  grid-row-gap: calc(20 * var(--1px));
  justify-items: center;
  padding: 0 calc(20 * var(--1px)) calc(20 * var(--1px));
  isolation: isolate;
}
.rRAFU .diagnosis .recommend::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% - 16 * var(--1px));
  border-radius: calc(10 * var(--1px));
  background: #e4faa3;
}
.rRAFU .diagnosis .recommend h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(32 * var(--1px));
  margin-bottom: calc(-10 * var(--1px));
  padding: 0 calc(16 * var(--1px));
  border-radius: calc(16 * var(--1px));
  background: #e4faa3;
}
.rRAFU .diagnosis .recommend h4 img {
  height: calc(14 * var(--1px));
}
.rRAFU .diagnosis .recommend > h5 {
  font-weight: bold;
  font-size: calc(14 * var(--1px));
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .recommend > h5::before {
    content: "＼";
  }
  .rRAFU .diagnosis .recommend > h5::after {
    content: "／";
  }
}
.rRAFU .diagnosis .recommend p {
  text-align: justify;
}
.rRAFU .diagnosis .recommend a {
  color: var(--blue);
  font-weight: bold;
  text-decoration: underline;
}
.rRAFU .diagnosis .recommend a.banner img {
  border: calc(3 * var(--1px)) solid white;
}
.rRAFU .diagnosis .recommend a.btn img {
  height: calc(32 * var(--1px));
}
.rRAFU .diagnosis .recommend hr {
  width: 100%;
  height: calc(4 * var(--1px));
  background: linear-gradient(to right, var(--green4) 50%, transparent 50%) repeat-x left center/calc(8 * var(--1px)) calc(2 * var(--1px));
}
.rRAFU .diagnosis .recommend .more + hr {
  display: none;
}
.rRAFU .diagnosis .recommend .more-btn img {
  height: calc(32 * var(--1px));
}
.rRAFU .diagnosis .recommend--eat:not(.open) > *:not(h4, .more) {
  opacity: 0;
  visibility: hidden;
  position: fixed;
}
.rRAFU .diagnosis .recommend--eat.open > *:not(h4, .more) {
  transition: opacity 600ms;
}
.rRAFU .diagnosis .recommend--eat.open .more {
  display: none;
}
.rRAFU .diagnosis .recommend--eat .more {
  display: grid;
  grid-row-gap: calc(10 * var(--1px));
  justify-items: center;
}
.rRAFU .diagnosis .recommend--eat .more p {
  font-size: calc(14 * var(--1px));
}
.rRAFU .diagnosis .recommend-contents {
  display: grid;
}
.rRAFU .diagnosis .recommend-contents article {
  display: grid;
}
@media (max-width: 567px) {
  .rRAFU .diagnosis .recommend-contents--site-1 {
    grid-row-gap: calc(20 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .recommend-contents--site-1 {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-column-gap: calc(10 * var(--1px));
  }
}
.rRAFU .diagnosis .recommend-contents--site-1 article {
  justify-items: center;
  grid-row-gap: calc(10 * var(--1px));
}
.rRAFU .diagnosis .recommend-contents--site-1 article h5 {
  font-weight: bold;
  font-size: calc(13 * var(--1px));
  line-height: 1.4;
  text-align: center;
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .recommend-contents--site-1 article img {
    width: calc(236 * var(--1px));
  }
}
@media (max-width: 567px) {
  .rRAFU .diagnosis .recommend-contents--site-2 {
    grid-row-gap: calc(20 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .recommend-contents--site-2 {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: calc(20 * var(--1px));
  }
}
@media (max-width: 567px) {
  .rRAFU .diagnosis .recommend-contents--site-2 article {
    grid-gap: calc(10 * var(--1px));
    justify-items: center;
  }
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .recommend-contents--site-2 article {
    grid-gap: calc(5 * var(--1px)) calc(10 * var(--1px));
    grid-template-columns: max-content 1fr;
    grid-template-rows: max-content 1fr;
  }
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .recommend-contents--site-2 article a.banner {
    grid-row: 1/3;
  }
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .recommend-contents--site-2 article a.banner img {
    width: calc(212 * var(--1px));
  }
}
.rRAFU .diagnosis .recommend-contents--site-2 article h6 {
  font-size: calc(14 * var(--1px));
}
.rRAFU .diagnosis .recommend-contents--site-2 article p {
  font-size: calc(12 * var(--1px));
}
.rRAFU .diagnosis .recommend-contents--recipe-feature article, .rRAFU .diagnosis .recommend-contents--column article {
  grid-gap: calc(10 * var(--1px));
}
@media (max-width: 567px) {
  .rRAFU .diagnosis .recommend-contents--recipe-feature article, .rRAFU .diagnosis .recommend-contents--column article {
    justify-items: center;
  }
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .recommend-contents--recipe-feature article, .rRAFU .diagnosis .recommend-contents--column article {
    grid-template-columns: max-content 1fr;
    width: calc(500 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .recommend-contents--recipe-feature article a.banner img, .rRAFU .diagnosis .recommend-contents--column article a.banner img {
    width: calc(240 * var(--1px));
  }
}
.rRAFU .diagnosis .recommend-contents--recipe-feature article h6,
.rRAFU .diagnosis .recommend-contents--recipe-feature article p, .rRAFU .diagnosis .recommend-contents--column article h6,
.rRAFU .diagnosis .recommend-contents--column article p {
  font-size: calc(13 * var(--1px));
}
@media (max-width: 567px) {
  .rRAFU .diagnosis .recommend-contents--recipe-feature article h6, .rRAFU .diagnosis .recommend-contents--column article h6 {
    text-align: center;
  }
}
.rRAFU .diagnosis .recommend-contents--recipe-feature article .btn, .rRAFU .diagnosis .recommend-contents--column article .btn {
  justify-self: center;
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .recommend-contents--recipe-feature article a.banner {
    grid-row: 1/4;
  }
}
.rRAFU .diagnosis .recommend-contents--recipe-feature article .btn {
  grid-row: 3;
}
.rRAFU .diagnosis .recommend-contents--column article {
  grid-gap: calc(10 * var(--1px));
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .recommend-contents--column article {
    grid-template-columns: max-content 1fr;
    width: calc(500 * var(--1px));
  }
  .rRAFU .diagnosis .recommend-contents--column article a.banner {
    grid-row: 1/5;
  }
}
.rRAFU .diagnosis .recommend-contents--column article a.banner img {
  width: calc(240 * var(--1px));
}
.rRAFU .diagnosis .recommend-contents--column article h6,
.rRAFU .diagnosis .recommend-contents--column article p {
  font-size: calc(13 * var(--1px));
}
.rRAFU .diagnosis .recommend-contents--column article .btn {
  grid-row: 4;
  justify-self: center;
}
@media (max-width: 567px) {
  .rRAFU .diagnosis .recommend-contents--recipe {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: calc(10 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .recommend-contents--recipe {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: calc(20 * var(--1px));
  }
}
.rRAFU .diagnosis .recommend-contents--recipe article {
  justify-items: center;
  grid-template-rows: subgrid;
  grid-row: span 3;
  grid-gap: 0;
}
.rRAFU .diagnosis .recommend-contents--recipe article .title {
  padding: 0.5em 0;
  line-height: 1.3;
  text-align: left;
}
@media (max-width: 567px) {
  .rRAFU .diagnosis .recommend-contents--recipe article .title {
    font-size: calc(11 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .recommend-contents--recipe article .title {
    align-self: center;
    font-size: calc(12 * var(--1px));
  }
}
.rRAFU .diagnosis .recommend-contents--recipe article .labels {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(3 * var(--1px));
  line-height: 0;
}
.rRAFU .diagnosis .recommend-contents--recipe article .labels img {
  width: auto;
}
@media (max-width: 567px) {
  .rRAFU .diagnosis .recommend-contents--recipe article .labels img {
    height: calc(14 * var(--1px));
  }
}
@media (min-width: 568px) {
  .rRAFU .diagnosis .recommend-contents--recipe article .labels img {
    height: calc(18 * var(--1px));
  }
}
.rRAFU .diagnosis .topagetop img {
  width: calc(220 * var(--1px));
}
.rRAFU .eiyo {
  display: grid;
  grid-row-gap: calc(10 * var(--1px));
  justify-items: center;
}
.rRAFU .eiyo .title img {
  height: calc(15 * var(--1px));
}
.rRAFU .eiyo .cap {
  font-weight: bold;
  font-size: calc(14 * var(--1px));
}
@media (min-width: 568px) {
  .rRAFU .eiyo .cap::before {
    content: "＼";
  }
  .rRAFU .eiyo .cap::after {
    content: "／";
  }
}
.rRAFU .eiyo figure {
  display: grid;
  grid-row-gap: inherit;
  justify-items: center;
}
.rRAFU .eiyo figure img {
  width: calc(280 * var(--1px));
}
.rRAFU .eiyo figure figcaption {
  font-size: calc(12 * var(--1px));
  text-align: center;
}
@media (min-width: 568px) {
  .rRAFU .eiyo figure figcaption br {
    display: none;
  }
}
.rRAFU .eiyo--top {
  isolation: isolate;
  position: relative;
  padding: 0 calc(20 * var(--1px)) calc(20 * var(--1px));
}
.rRAFU .eiyo--top::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% - 16 * var(--1px));
  display: grid;
  box-sizing: border-box;
  border: calc(4 * var(--1px)) solid white;
  border-radius: calc(20 * var(--1px));
  padding: calc(20 * var(--1px));
  box-shadow: 0 calc(6 * var(--1px)) #abd941;
  background: white;
  padding: 0;
}
.rRAFU .eiyo--top .title {
  display: flex;
  align-items: center;
  height: calc(32 * var(--1px));
  border-radius: calc(16 * var(--1px));
  padding: 0 calc(16 * var(--1px));
  background: white;
}
.rrafu-zoom-win, .rrafu-zoom-win::after,
.rrafu-zoom-win *,
.rrafu-zoom-win *::after {
  all: unset;
}

.rrafu-zoom-win {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: rgba(0, 0, 0, 0.8);
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(4px);
}

.rrafu-zoom-win img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}