@charset "UTF-8";

@media (max-width: 768px) {
  .inner_mid {
    inline-size: calc(100% - 35px);
  }

  .lineup-section + .lineup-section {
    margin-block-start: 50px;
  }

  .mv_block1 > .mv_cnt1 {
    margin-block-end: 40.5px;
  }

  .heading_cntA1 {
    margin-block: 60px 30px;
  }

  .heading_cntA1 > .title {
    font-size: calc(var(--rem) * 23);
  }

  .heading_cntA1 + .detail {
    margin-block-start: 30px;
  }

  .heading_cntB1 {
    margin-block-end: 20px;
  }

  .tvcm .heading_cntB1 {
    margin-block-end: 25px;
  }

  .heading_cntB1 > .title {
    font-size: calc(var(--rem) * 20);
  }

  .heading_cntB1 > .title + .imgElm {
    margin-block-start: 20px;
  }

  .heading_cntB1 ~ .heading_cntB1 {
    margin-block-start: 40px;
  }

  .heading_cntB1.-typeIco1 > .title > .inner::after,
  .heading_cntB1.-typeIco1 > .title > .inner::before {
    inline-size: 27.5px;
    block-size: 22.5px;
  }

  .heading_cntB1.-typeIco1 > .title > .inner::after {
    inset-inline-end: 4px;
  }

  .hg_cntA1 {
    padding-block: 20px;
    margin-block-start: 30px;
  }

  .hg_cntA1 .hg_title {
    font-size: calc(var(--rem) * 16);
  }

  .hg_cntA1 .hg_title + .detail_text_bottom {
    margin-block-start: 10px;
  }

  .detail_textA1 > .title {
    font-size: calc(var(--rem) * 12);
  }

  .detail_textA3 > .title {
    font-size: calc(var(--rem) * 16);
    text-align: start;
  }

  .detail_textA4 > .title {
    font-size: calc(var(--rem) * 17);
  }

  .detail_textA4 > .title + .detail {
    margin-block-start: 10px;
  }

  .detail_textB1 > .title {
    font-size: calc(var(--rem) * 16);
  }

  .detail_textB1 + .detail_textA3 {
    margin-block-start: 10px;
  }

  .detail_textB2 {
    font-size: calc(var(--rem) * 16);
    letter-spacing: normal;
  }

  .detail + .column_detailA1,
  .detail + .imgElm {
    margin-block-start: 15px;
  }

  .text_cnt1 {
    font-size: calc(var(--rem) * 14);
  }

  .anchor_cntA1 {
    margin-block-start: 40px;
  }

  .anchor_cntA1 > .item > .inner > .title {
    font-size: calc(var(--rem) * 14);
    letter-spacing: -0.05em;
  }

  .anchor_cntA1--type02 {
    flex-wrap: wrap;
    gap: 20px 27.5px;
    justify-content: center;
    margin-block: 25px 35px;
    overflow-x: unset;
  }

  .anchor_cntA1--type02 > .item {
    min-inline-size: unset;
    max-inline-size: 76px;
  }

  .anchor_cntA1--type02 > .item > .inner {
    padding: unset;
  }

  .anchor_cntA1--type02 > .item > .inner > figure {
    max-inline-size: 70px;
    margin-inline: auto;
  }

  .anchor_cntA1--type02 > .item > .inner > .title {
    padding-block-start: 6px;
    font-size: calc(var(--rem) * 15);
  }

  .anchor_cntA1--type02 > .item > .inner > .title > .inner {
    padding-inline-end: 15.5px;
  }

  .anchor_cntA1--type02 > .item > .inner > .title > .inner::before {
    inset-inline-end: 3px;
    inline-size: 6px;
    block-size: 4px;
  }

  .anchor_cntA1--type02 > .item > .inner > .title > .inner::after {
    inline-size: 12px;
    block-size: 12px;
  }

  .anchor_cntA1--type02 > .item[data-lineup="juliet"] {
    max-inline-size: 106px;
  }

  .cntB1 {
    padding: 15px 15px 20px;
  }

  .cntB1 .detail_textB2 + .imgElm {
    margin-block-start: 15px;
  }

  .cntB1 + .detail {
    margin-block-start: 30px;
  }

  .carousel_cntA2 {
    margin-block-start: 15px;
  }

  .carousel_cntA2 .text_cnt1 {
    font-size: calc(var(--rem) * 14);
  }

  .carousel_cntA2 + .btn_listA1 {
    margin-block-start: 30px;
  }

  .btn_elmA1 {
    font-size: calc(var(--rem) * 14);
  }

  .ano_txt,
  .list_noteA1 {
    font-size: calc(var(--rem) * 12);
  }

  .column_detailA1 {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    max-inline-size: 100%;
  }

  .column_detailA1 + .btn_listA1 {
    margin-block-start: 20px;
  }

  .card_cntA1 > .imgElm + .detail {
    margin-block-start: 10px;
  }

  .card_cntA1 + .card_cntA1 {
    margin-block-start: 25px;
  }

  .acc_cntA1 > .item > .content > .title,
  .igBtn_cnt1 > .igBtn .igLink > .link {
    font-size: calc(var(--rem) * 17);
  }

  .voice_cntA1 {
    max-inline-size: 100%;
  }

  .voice_cntA1,
  .voice_cntA1 + .btn_listA1 {
    margin-block-start: 20px;
  }

  .voice_list {
    --accordion-icon-size: 20px;
  }

  .voice_acc_summary {
    padding: 14.5px 15px;
  }

  .voice_acc_title {
    font-size: calc(var(--rem) * 18);
  }

  .voice_acc_txt {
    font-size: calc(var(--rem) * 14);
  }

  .voice_acc_content_inner {
    padding: 15px;
  }

  .voice_acc_txt-wrap {
    padding: 10px;
    border-radius: 2.5px;
  }

  .voice_acc_note,
  .voice_acc_txt-wrap + .voice_acc_txt-wrap {
    margin-block-start: 5px;
  }

  .column-tag,
  .voice_acc_note {
    font-size: calc(var(--rem) * 12);
  }

  .block_column-ttlTxt {
    font-size: calc(var(--rem) * 15);
  }

  ._section-width-01 {
    inline-size: calc(100% - 35px);
    max-inline-size: 100%;
  }
}

@media (min-width: 769px), print {
  .lineup-section + .lineup-section {
    margin-block-start: 100px;
  }

  .mv_block1 > .mv_cnt1 {
    margin-block-end: 80px;
  }

  .heading_cntA1 {
    margin-block: 100px 60px;
  }

  .heading_cntA1 > .title {
    font-size: calc(var(--rem) * 44);
  }

  .heading_cntA1 + .detail {
    margin-block-start: 60px;
  }

  .heading_cntB1 {
    margin: 0 0 40px;
  }

  .heading_cntB1 > .title {
    font-size: calc(var(--rem) * 34);
  }

  .heading_cntB1 > .title + .imgElm {
    margin-block-start: 40px;
  }

  .heading_cntB1 ~ .heading_cntB1 {
    margin-block-start: 80px;
  }

  .heading_cntB1.-typeIco1 > .title > .inner::after,
  .heading_cntB1.-typeIco1 > .title > .inner::before {
    inline-size: 74px;
    block-size: 60px;
  }

  .hg_cntA1 {
    padding-block: 40px;
    margin-block-start: 80px;
  }

  .hg_cntA1 .hg_title {
    font-size: calc(var(--rem) * 30);
  }

  .hg_cntA1 .hg_title + .detail_text_bottom {
    margin-block-start: 20px;
  }

  .detail_textA1 > .title,
  .detail_textA3 > .title {
    font-size: calc(var(--rem) * 22);
  }

  .detail_textA3 > .title {
    text-align: center;
  }

  .detail_textA4 > .title {
    font-size: calc(var(--rem) * 28);
  }

  .detail_textA4 > .title + .detail {
    margin-block-start: 16px;
  }

  .detail_textB1 > .title {
    font-size: calc(var(--rem) * 30);
  }

  .detail_textB1 + .detail_textA3 {
    margin-block-start: 30px;
  }

  .detail_textB2 {
    font-size: calc(var(--rem) * 22);
    letter-spacing: 0.1em;
  }

  .detail + .column_detailA1,
  .detail + .imgElm {
    margin-block-start: 40px;
  }

  .text_cnt1 {
    font-size: calc(var(--rem) * 20);
  }

  .anchor_cntA1 {
    margin-block-start: 80px;
  }

  .anchor_cntA1 > .item > .inner > .title {
    font-size: calc(var(--rem) * 24);
  }

  .anchor_cntA1--type02 > .item > .inner > .title > .inner {
    padding-inline-end: 26px;
  }

  .anchor_cntA1--type02 > .item > .inner > .title > .inner::before {
    inset-inline-end: 5px;
    inline-size: 11px;
    block-size: 7px;
  }

  .anchor_cntA1--type02 > .item > .inner > .title > .inner::after {
    inline-size: 20px;
    block-size: 20px;
  }

  .cntB1 {
    padding: 40px 20px 50px;
  }

  .cntB1 .detail_textB2 + .imgElm {
    margin-block-start: 30px;
  }

  .cntB1 + .detail {
    margin-block-start: 80px;
  }

  .carousel_cntA2 {
    margin-block-start: 40px;
  }

  .carousel_cntA2 .text_cnt1 {
    font-size: calc(var(--rem) * 20);
  }

  .carousel_cntA2 + .btn_listA1 {
    margin-block-start: 80px;
  }

  .btn_elmA1 {
    font-size: calc(var(--rem) * 20);
  }

  .ano_txt,
  .list_noteA1 {
    font-size: calc(var(--rem) * 14);
  }

  .column_detailA1 {
    column-gap: 40px;
  }

  .column_detailA1 + .btn_listA1 {
    margin-block-start: 50px;
  }

  .card_cntA1 + .card_cntA1 {
    margin-block-start: 40px;
  }

  .acc_cntA1 > .item > .content > .title,
  .igBtn_cnt1 > .igBtn .igLink > .link {
    font-size: calc(var(--rem) * 24);
  }

  .voice_cntA1,
  .voice_cntA1 + .btn_listA1 {
    margin-block-start: 50px;
  }

  .voice_list {
    --accordion-icon-size: 30px;
  }

  .voice_acc_summary {
    padding: 22px 20px;
  }

  .voice_acc_title {
    font-size: calc(var(--rem) * 32);
  }

  .voice_acc_txt {
    font-size: calc(var(--rem) * 20);
  }

  .voice_acc_icon-line::before {
    margin-block-start: 1px;
  }

  .voice_acc_content_inner {
    padding: 20px;
  }

  .voice_acc_txt-wrap {
    padding: 20px;
    border-radius: 5px;
  }

  .voice_acc_note,
  .voice_acc_txt-wrap + .voice_acc_txt-wrap {
    margin-block-start: 10px;
  }

  .voice_acc_note {
    font-size: calc(var(--rem) * 14);
  }

  .block_column-ttlTxt,
  .column-tag {
    font-size: calc(var(--rem) * 18);
  }

  ._section-width-01 {
    max-inline-size: 680px;
  }
}

.mv_block1 > .mv_cnt1 {
  max-inline-size: 100%;
}

.heading_cntB1.-typeIco1 > .title > .inner {
  padding-block: 0;
}

.heading_cntB1.-typeIco1 > .title > .inner::after,
.heading_cntB1.-typeIco1 > .title > .inner::before {
  margin-block-start: 0;
  translate: 0 -50%;
}

.hg_cntA1 {
  background: linear-gradient(180deg, #ffe6ef 0, #fef3f7);
}

.hg_cntA1 .hg_title {
  font-weight: 700;
  color: #e25678;
  text-align: center;
}

.detail_textA3 > .title {
  font-weight: 500;
}

.detail_textA4 > .title,
.detail_textB1 > .title {
  font-weight: 700;
  color: #e25678;
  text-align: center;
}

.detail_textB2 {
  font-family: "Noto Serif Japanese", serif, san-serif;
  font-weight: 700;
  line-height: 1.4545454545;
  color: #6b4d1e;
  text-align: center;
}

.anchor_cntA1--type02 > .item > .inner::before {
  display: none;
}

.anchor_cntA1--type02 > .item > .inner > .title > .inner {
  position: relative;
  min-block-size: 100%;
}

.anchor_cntA1--type02 > .item > .inner > .title > .inner::before {
  position: absolute;
  inset-block-start: 50%;
  z-index: 1;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.414%22%20height%3D%227.121%22%3E%3Cpath%20data-name%3D%22%E3%83%91%E3%82%B9%201%22%20d%3D%22M.707.707l5%205%205-5%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  translate: 0 -50%;
}

.anchor_cntA1--type02 > .item > .inner > .title > .inner::after {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 0;
  content: "";
  border-radius: 50%;
  translate: 0 -50%;
}

.anchor_cntA1--type02 > .item[data-lineup="layla"] .inner > .title > .inner::after {
  background-color: #e993b7;
}

.anchor_cntA1--type02 > .item[data-lineup="juliet"] .inner > .title > .inner::after {
  background-color: #c85992;
}

.anchor_cntA1--type02 > .item[data-lineup="diana"] .inner > .title > .inner::after {
  background-color: #ffcbbf;
}

.anchor_cntA1--type02 > .item[data-lineup="claire"] .inner > .title > .inner::after {
  background-color: #66afb2;
}

.anchor_cntA1--type02 > .item[data-lineup="ellie"] .inner > .title > .inner::after {
  background-color: #46b883;
}

.cntB1 {
  background-color: #fef3f7;
}

.cntB1 .imgElm {
  inline-size: fit-content;
  margin-inline: auto;
}

.list_noteA1 {
  font-weight: 500;
}

.list_noteA1 > .item {
  text-indent: -0.5em;
}

.list_noteA1 > .item::before {
  display: inline-block;
  content: "※";
}

.ano_txt {
  padding-inline-start: 1.25em;
  line-height: 1.2;
  text-indent: -0.525em;
}

.ano_txt::before {
  display: inline-block;
  content: "※";
}

.column_detailA1 {
  margin-inline: auto;
}

.column_detailA1 > .col:first-child,
.column_detailA1 > .col:nth-child(2) {
  inline-size: auto;
  margin: unset;
}

.imgElm + .heading_cntA1 {
  margin-block-start: 80px;
}

.voice_cntA1 {
  margin-inline: auto;
}

.voice_list {
  --accordion-text-default-color: #251b0c;
  --accordion-bg-color: #f2f2f2;
  --accordion-inner-bg-color: var(--accordion-bg-color);
  --accordion-line-width: 0;
  --accordion-line-color: #fff0;
  --accordion-border-radius: 0;
  --accordion-icon-bg-color: #fff0;
  --accordion-icon-line-color: #e25678;
  --accordion-icon-line-width: 2px;
  --duration: 0.5s;
  --accordion-inner-text-color: #e25678;
}

.lineup--layla .voice_list {
  --accordion-bg-color: #e993b740;
}

.lineup--juliette .voice_list {
  --accordion-bg-color: #bd539926;
}

.lineup--diana .voice_list {
  --accordion-bg-color: #fce5e0b3;
}

.lineup--claire .voice_list {
  --accordion-bg-color: #66afb233;
}

.lineup--ellie .voice_list {
  --accordion-bg-color: #46b88326;
}

.voice_acc {
  display: flex;
  flex-direction: column;
}

.voice_acc[data-position="top"] {
  flex-direction: column-reverse;
}

.voice_acc > .voice_acc_summary {
  order: 0;
}

.voice_acc > .voice_acc_content {
  order: 1;
  overflow: hidden;
}

.voice_acc_summary {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 1em;
  align-items: center;
  inline-size: 100%;
  text-align: start;
  cursor: pointer;
  background-color: var(--accordion-bg-color);
  border: var(--accordion-line-width) solid var(--accordion-line-color);
  border-radius: var(--accordion-border-radius);
  transition: opacity var(--duration) ease;
}

.voice_acc_summary::-webkit-details-marker {
  display: none;
}

.voice_acc_summary:focus-visible {
  opacity: 0.7;
}

@media (any-hover: hover) {
  .voice_acc_summary:hover {
    opacity: 0.7;
  }
}

.voice_acc_title {
  justify-self: center;
  margin-inline-start: 2em;
  font-weight: 700;
  line-height: 1.4375;
  color: var(--accordion-inner-text-color);
}

.voice_acc_txt {
  font-weight: 500;
  line-height: 1.4;
  color: var(--accordion-text-default-color);
}

.voice_acc_icon-line {
  position: relative;
  display: grid;
  place-items: center;
  justify-self: flex-end;
  inline-size: var(--accordion-icon-size);
  block-size: var(--accordion-icon-size);
  background-color: var(--accordion-icon-bg-color);
}

.voice_acc_icon-line::after,
.voice_acc_icon-line::before {
  position: absolute;
  inline-size: var(--accordion-icon-size);
  block-size: var(--accordion-icon-line-width);
  content: "";
  background-color: var(--accordion-icon-line-color);
}

.voice_acc_icon-line::before {
  rotate: -90deg;
  translate: 0 -50%;
  transition: var(--duration);
}

.voice_acc.is-opened .voice_acc_icon-line::before {
  rotate: 0deg;
  translate: 0 0;
}

.voice_acc_content_inner {
  display: grid;
  align-items: center;
  background-color: var(--accordion-inner-bg-color);
}

.voice_acc_txt-wrap {
  background-color: #fff;
}

.voice_acc_txt-wrap > * + * {
  margin-block-start: 1em;
}

.voice_acc_note {
  inline-size: fit-content;
  margin-inline-start: auto;
  font-weight: 500;
  line-height: 1.5714285714;
  color: var(--accordion-text-default-color);
}

.column {
  margin-block-end: 60px;
}