@charset "UTF-8";
.sec-option {
  --optu: min(1px, calc((100vw - 66px) / 1180));
  position: relative;
  overflow: hidden;
  min-height: calc(1295 * var(--optu));
  padding: calc(113 * var(--optu)) 0 calc(116 * var(--optu));
  background: #f3f3f3;
  color: var(--c-text);
  font-feature-settings: normal;
  text-spacing-trim: space-all;
  line-break: strict;
}
.option-band {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(64 * var(--optu));
  background: url("../../assets/img/option/band-stripe.webp") repeat;
  background-size: 21px 21px;
  pointer-events: none;
  z-index: 0;
}
.option-inner {
  position: relative;
  z-index: 1;
  width: calc(1180 * var(--optu));
  max-width: 100%;
  margin-inline: auto;
}
.option-head {
  width: calc(1080 * var(--optu));
  max-width: 100%;
  margin-inline: auto;
  text-align: center;
}
.option-title {
  height: calc(36 * var(--optu));
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: calc(48 * var(--optu));
  line-height: calc(36 * var(--optu));
  letter-spacing: 0;
  color: var(--c-text);
}
.option-title-l { font-size: inherit; }
.option-title-s { font-size: calc(40 * var(--optu)); }
.option-sub {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(452 * var(--optu));
  max-width: 100%;
  min-height: calc(45 * var(--optu));
  margin: calc(32 * var(--optu)) auto 0;
  background: #ffffff;
  border: max(1px, calc(1 * var(--optu))) solid #aaaaaa;
  border-radius: calc(26 * var(--optu));
}
.option-sub-label {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: max(12px, calc(20 * var(--optu)));
  line-height: 1;
  letter-spacing: .04em;
  color: #666666;
}
.option-lead {
  min-height: calc(72 * var(--optu));
  margin-top: calc(40 * var(--optu));
  font-family: var(--font-body);
  font-weight: 300;
  font-size: max(12px, calc(18 * var(--optu)));
  line-height: 2;
  letter-spacing: 0;
  color: var(--c-text);
  text-align: center;
}
.option-br-pc { display: inline; }
.option-br-sp { display: none; }
.option-tablewrap {
  margin-top: calc(64 * var(--optu));
}
.option-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-family: var(--font-heading);
  color: var(--c-text);
}
.option-col1 { width: 45.0847458%; }
.option-col2 { width: 23.6440678%; }
.option-col3 { width: 31.2711864%; padding-left: calc(71 * var(--optu)); }
.option-headrow { background: #e2e6ef; }
.option-th {
  height: calc(57 * var(--optu));
  padding-top: calc(19.5 * var(--optu));
  padding-bottom: 0;
  vertical-align: top;
  font-weight: 500;
  font-size: max(12px, calc(18 * var(--optu)));
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  color: var(--c-text);
}
.option-row { background: #ffffff; }
.option-row:nth-child(even) { background: #f8f8f8; }
.option-cell {
  height: calc(80 * var(--optu));
  padding-bottom: 0;
  vertical-align: top;
  font-size: max(12px, calc(18 * var(--optu)));
  line-height: 1.6;
  letter-spacing: 0;
  text-align: center;
  color: var(--c-text);
}
.option-name  { font-weight: 400; }
.option-price { font-weight: 300; }
.option-note  { font-weight: 300; }
.option-amt {
  display: inline-block;
  text-align: right;
}
.option-note-pc { display: inline; }
.option-note-sp { display: none; }
.option-cell.option-col1 { padding-top: calc(22 * var(--optu)); }
.option-cell.option-col2 { padding-top: calc(23 * var(--optu)); }
.option-cell.option-col3 { padding-top: calc(23 * var(--optu)); }
.option-row--r3 .option-col1 { padding-top: calc(27 * var(--optu)); }
.option-row--r3 .option-col2 { padding-top: calc(28 * var(--optu)); }
.option-row--r5 .option-col1 { padding-top: calc(29 * var(--optu)); }
.option-row--r5 .option-col2 { padding-top: calc(30 * var(--optu)); }
.option-row--r8 .option-col1 { padding-top: calc(19.95 * var(--optu)); }
.option-row--r8 .option-col2 { padding-top: calc(20.95 * var(--optu)); }
.option-row--r9 .option-col3 { padding-top: calc(3 * var(--optu)); }
@media (max-width: 767px) {
  .sec-option {
    --optu: min(1px, calc((100vw - 48px) / 342));
    min-height: calc(1303 * var(--optu));
    padding: calc(69 * var(--optu)) 0 calc(109.5 * var(--optu));
  }
  .option-band { height: calc(40 * var(--optu)); }
  .option-inner,
  .option-head { width: calc(342 * var(--optu)); }
  .option-title { font-size: calc(28 * var(--optu)); }
  .option-title-s { font-size: inherit; }
  .option-sub {
    width: calc(236 * var(--optu));
    min-height: calc(33 * var(--optu));
    margin-top: calc(16 * var(--optu));
    border-radius: calc(26 * var(--optu));
  }
  .option-sub-label { font-size: calc(16 * var(--optu)); }
  .option-lead {
    min-height: calc(192 * var(--optu));
    margin-top: calc(40 * var(--optu));
    font-size: calc(16 * var(--optu));
    letter-spacing: .03em;
    text-align: justify;
  }
  .option-br-pc { display: none; }
  .option-br-sp { display: inline; }
  .option-tablewrap { margin-top: calc(31 * var(--optu)); }
  .option-col1 { width: 31.5789474%; }
  .option-col2 { width: 37.4269006%; }
  .option-col3 { width: 30.9941520%; padding-left: calc(11 * var(--optu)); }
  .option-th {
    height: calc(57 * var(--optu));
    padding-top: calc(15.5 * var(--optu));
    font-size: calc(16 * var(--optu));
    line-height: calc(18 * var(--optu));
  }
  .option-th.option-col1 { padding-top: calc(8.5 * var(--optu)); }
  .option-cell {
    height: calc(80 * var(--optu));
    font-size: calc(15 * var(--optu));
  }
  .option-note { font-size: calc(13 * var(--optu)); }
  .option-row--r1 .option-cell { height: calc(79.5 * var(--optu)); }
  .option-row--r1 .option-col1 { padding-top: calc(14.5 * var(--optu)); }
  .option-row--r1 .option-col2 { padding-top: calc(26.5 * var(--optu)); }
  .option-row--r1 .option-col3 { padding-top: calc(17.5 * var(--optu)); }
  .option-row--r2 .option-col1 { padding-top: calc(20 * var(--optu)); }
  .option-row--r2 .option-col2 { padding-top: calc(20 * var(--optu)); }
  .option-row--r2 .option-col3 { padding-top: calc(11 * var(--optu)); }
  .option-row--r3 .option-col1 { padding-top: calc(14.38 * var(--optu)); }
  .option-row--r3 .option-col2 { padding-top: calc(14.38 * var(--optu)); }
  .option-row--r4 .option-col1 { padding-top: calc(16 * var(--optu)); }
  .option-row--r4 .option-col2 { padding-top: calc(28 * var(--optu)); }
  .option-row--r5 .option-col1 { padding-top: calc(16 * var(--optu)); }
  .option-row--r5 .option-col2 { padding-top: calc(14.5 * var(--optu)); }
  .option-row--r6 .option-col1 { padding-top: calc(28.5 * var(--optu)); }
  .option-row--r6 .option-col2 { padding-top: calc(28.5 * var(--optu)); }
  .option-row--r7 .option-col1 { padding-top: calc(14.5 * var(--optu)); }
  .option-row--r7 .option-col2 { padding-top: calc(14.5 * var(--optu)); }
  .option-row--r8 .option-col1 { padding-top: calc(13.5 * var(--optu)); }
  .option-row--r8 .option-col2 { padding-top: calc(25.5 * var(--optu)); }
  .option-row--r9 .option-col1 { padding-top: calc(16 * var(--optu)); }
  .option-row--r9 .option-col2 { padding-top: calc(16 * var(--optu)); }
  .option-row--r9 .option-col3 { padding-top: calc(19 * var(--optu)); }
  .option-note-pc { display: none; }
  .option-note-sp { display: inline; }
}
.option-lead,
.option-note { text-wrap: pretty; }
