@charset "UTF-8";
.sec-options {
  --hu: min(1px, calc((100vw - 48px) / 1136));
  background: #F1F2ED;
  padding: calc(105 * var(--hu)) 0 calc(115.7 * var(--hu));
  color: var(--c-text);
  font-feature-settings: normal;
  text-spacing-trim: space-all;
  line-break: strict;
}
.options-head {
  width: calc(1136 * var(--hu));
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.options-title {
  width: 100%;
  margin: -0.502679em 0 -0.364em;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: max(28px, calc(48 * var(--hu)));
  line-height: 1.6;
  letter-spacing: 0;
  text-align: center;
  color: var(--c-text);
}
.options-t-l { font-size: 1em; }
.options-t-s { font-size: 0.8333333em; }
.options-divider {
  display: block;
  width: calc(80 * var(--hu));
  height: 1px;
  margin-top: calc(47.5 * var(--hu));
  background: #666666;
}
.options-lead {
  width: 100%;
  margin-top: calc(39.5 * var(--hu));
  font-family: var(--font-body);
  font-weight: 300;
  font-size: max(14px, calc(18 * var(--hu)));
  line-height: 2;
  letter-spacing: 0.04em;
  text-align: center;
  color: var(--c-text);
}
.options-cards {
  --u: min(1px, calc((100vw - 48px) / 1425.5));
  width: calc(1425.5 * var(--u));
  margin: calc(80 * var(--hu)) auto 0;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: calc(60.7 * var(--u));
}
.options-card {
  position: relative;
  flex: 0 0 auto;
  width: calc(434.7 * var(--u));
  background: #FFFFFF;
  padding: calc(36.05 * var(--u)) 0 calc(44.25 * var(--u));
}
.options-figure {
  position: relative;
  width: calc(360.7 * var(--u));
  height: calc(208 * var(--u));
  margin-left: calc(37 * var(--u));
  overflow: hidden;
}
.options-figure img {
  position: absolute;
  max-width: none;
  object-fit: cover;
  object-position: center;
}
.options-card--01 .options-figure img {
  left: calc(-0.25 * var(--u)); top: calc(-43.05 * var(--u));
  width: calc(379 * var(--u));    height: calc(269 * var(--u));
}
.options-card--02 .options-figure img {
  left: calc(-20.65 * var(--u)); top: calc(-36.05 * var(--u));
  width: calc(417.57 * var(--u)); height: calc(281.31 * var(--u));
}
.options-card--03 .options-figure img {
  left: calc(-23.05 * var(--u)); top: calc(-17.05 * var(--u));
  width: calc(420.86 * var(--u)); height: calc(242.69 * var(--u));
}
.options-num {
  position: absolute;
  left: calc(47.75 * var(--u));
  top: calc(36 * var(--u));
  width: calc(71 * var(--u));
  height: calc(58 * var(--u));
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--c-primary);
  font-family: var(--font-body);
  font-weight: 700;
  font-size: max(24px, calc(32 * var(--u)));
  line-height: 1;
  letter-spacing: 0;
  color: #FFFFFF;
}
.options-card--02 .options-num { left: calc(50.35 * var(--u)); }
.options-card--03 .options-num { left: calc(50.95 * var(--u)); }
.options-body {
  margin-top: calc(40 * var(--u));
  margin-left: calc(37 * var(--u));
  width: calc(340 * var(--u));
}
.options-card--02 .options-body {
  margin-left: calc(32.35 * var(--u));
  width: calc(365.35 * var(--u));
}
.options-name {
  font-family: var(--font-heading);
  line-height: 1;
  letter-spacing: -0.150390625px;
  text-align: center;
  color: var(--c-text);
}
.options-name-main {
  font-weight: 500;
  font-size: max(15px, calc(20 * var(--u)));
}
.options-name-sub {
  font-weight: 300;
  font-size: max(12px, calc(16 * var(--u)));
}
.options-desc {
  margin-top: calc(16 * var(--u));
  font-family: var(--font-body);
  font-weight: 300;
  font-size: max(12px, calc(16 * var(--u)));
  line-height: 2;
  letter-spacing: 0;
  text-align: justify;
  color: var(--c-text);
}
@media (min-width: 768px) and (max-width: 1023px) {
  .options-cards {
    --u: 1px;
    width: auto;
    max-width: 434.7px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  .options-card { width: 434.7px; }
}
@media (max-width: 767px) {
  .sec-options {
    --su: min(1px, calc(100vw / 390));
    padding: calc(86 * var(--su)) 0 calc(80 * var(--su));
  }
  .options-head {
    width: calc(342 * var(--su));
    margin-left: calc(50% - 171 * var(--su));
    margin-right: 0;
  }
  .options-title {
    font-size: calc(28 * var(--su));
    margin: -0.502679em 0 -0.375893em;
  }
  .options-t-s { font-size: calc(24 * var(--su)); }
  .options-divider {
    width: calc(64 * var(--su));
    margin-top: calc(47.5 * var(--su));
  }
  .options-lead {
    margin-top: calc(39.5 * var(--su));
    font-size: calc(16 * var(--su));
    letter-spacing: 0.01em;
    text-align: justify;
  }
  .options-br-pc { display: none; }
  .options-cards {
    --u: var(--su);
    width: calc(340 * var(--su));
    margin: calc(21 * var(--su)) 0 0 calc(50% - 172 * var(--su));
    flex-direction: column;
    align-items: stretch;
    gap: calc(40 * var(--su));
  }
  .options-card { width: calc(340 * var(--su)); }
  .options-card--01 { padding: calc(23.05 * var(--su)) calc(15 * var(--su)) calc(34.19 * var(--su)); }
  .options-card--02 { padding: calc(22.69 * var(--su)) calc(15 * var(--su)) calc(24.55 * var(--su)); }
  .options-card--03 { padding: calc(17.05 * var(--su)) calc(15 * var(--su)) calc(30.19 * var(--su)); }
  .options-figure {
    width: calc(310 * var(--su));
    height: calc(178.76 * var(--su));
    margin-left: 0;
  }
  .options-card--01 .options-figure img {
    left: 0;
    top: calc(-43.05 * var(--su));
    width: calc(328 * var(--su)); height: calc(233 * var(--su));
  }
  .options-card--02 .options-figure img {
    left: calc(-21 * var(--su));
    top: calc(-27.69 * var(--su));
    width: calc(349 * var(--su)); height: calc(235 * var(--su));
  }
  .options-card--03 .options-figure img {
    left: calc(-23 * var(--su));
    top: calc(-17.5 * var(--su));
    width: calc(367 * var(--su)); height: calc(212 * var(--su));
  }
  .options-num { display: none; }
  .options-body,
  .options-card--02 .options-body {
    margin-top: calc(24 * var(--su));
    margin-left: 0;
    width: calc(310 * var(--su));
  }
  .options-name { letter-spacing: calc(-0.150390625 * var(--su)); }
  .options-name-main { font-size: calc(20 * var(--su)); }
  .options-name-sub  { font-size: calc(15 * var(--su)); }
  .options-desc {
    margin-top: calc(16 * var(--su));
    font-size: calc(16 * var(--su));
  }
  .options-card--01 .options-desc { letter-spacing: calc(-1 * var(--su)); }
  .options-card--02 .options-desc { letter-spacing: 0; }
  .options-card--03 .options-desc { letter-spacing: calc(2 * var(--su)); }
}