@charset "UTF-8";

/*-------------------------------------
    Fonts
-------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap");

/*-------------------------------------
    Custom Properties
-------------------------------------*/
:root {
  /* BreakPoint ---------------*/
  --bp-pc_start: 768px;
  --bp-sp_end: 767px;

  /* Color --------------------*/
  --color-white: rgba(255, 255, 255, 1);
  --color-white_10: rgba(255, 255, 255, 0.1);
  --color-white_20: rgba(255, 255, 255, 0.2);
  --color-white_30: rgba(255, 255, 255, 0.3);
  --color-white_40: rgba(255, 255, 255, 0.4);
  --color-white_50: rgba(255, 255, 255, 0.5);
  --color-white_60: rgba(255, 255, 255, 0.6);
  --color-white_70: rgba(255, 255, 255, 0.7);
  --color-white_80: rgba(255, 255, 255, 0.8);
  --color-white_90: rgba(255, 255, 255, 0.9);
  --color-key: rgba(197, 39, 41, 1);
  --font-color_default: rgba(0, 0, 0, 1);

  /* Margin -------------------*/

  /* Padding ------------------*/
  --padding-side_default: 24px;
  --padding-section: 10rem 0;

  /* Height -------------------*/
  --height-header: 50rem;
  --height-footer: calc(133rem + 100rem);

  /* Width --------------------*/

  /* Font ---------------------*/
  --font-size_default: 62.5%;
  --font-size_xxxs: 1.2rem;
  --font-size_xxs: 1.4rem;
  --font-size_xs: 1.8rem;
  --font-size_s: 2rem;
  --font-size_m: 2.2rem;
  --font-size_l: 2.4rem;
  --font-size_xl: 3rem;
  --font-size_xxl: 3.2rem;
  --font-size_xxxl: 3.7rem;
  --font-size_xxxxl: 4.2rem;

  /* Background ---------------*/
  --bg-default: center center/100% no-repeat;

  /* Button -------------------*/
  --btn-background: rgba(255, 255, 255, 1);
  --btn-background_primary: var(--color-key);
  --btn-border: rgba(255, 255, 255, 1);
  --btn-border_primary: var(--color-key);
  --btn-font-color: var(--font-color_default);
  --btn-font-color_primary: rgba(255, 255, 255, 1);
  --btn-font-size: 2.4rem;
  --btn-font-weight: normal;
  --btn-font-weight_primary: bold;
  --btn-padding_pc: 1.8rem 7.7rem;
  --btn-radius: 0px;
  --btn-max-width: 30rem;
  --btn-min-width: 23.8rem;
  --btn-width: fit-content;
}

/*-------------------------------------
    Reset
-------------------------------------*/
.page-top p {
  margin: 0;
}

/*-------------------------------------
    Common
-------------------------------------*/

/*    Responsive
-------------------------------------*/
.el-sp {
  display: none;
}
@media screen and (max-width: 749px) {
  .el-pc {
    display: none;
  }
  .el-sp {
    display: block;
  }
}

/*    ページ全体
-------------------------------------*/
html .page-top,
html .page-top * {
  /* font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; */
  font-family: "Zen Kaku Gothic New", sans-serif;
  line-height: 1.4;
  font-style: normal;
}

/*    Layout
-------------------------------------*/
.l-flex {
  display: flex;
}

/*    Image
-------------------------------------*/
.c-imagewrap {
  display: block;
}
.c-imagewrap img {
  width: 100%;
}

/*    Button
-------------------------------------*/
.c-button {
  background: var(--btn-background);
  border: none;
  color: var(--btn-font-color);
  display: block;
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  line-height: 1;
  min-width: var(--btn-min-width);
  padding: var(--btn-padding_pc);
  transition: 0.2s;
  width: var(--btn-width);
}
.c-button.at-primary {
  background: var(--btn-background_primary);
  border: none;
  color: var(--btn-font-color_primary);
  display: block;
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight_primary);
  padding: var(--btn-padding_pc);
}
.c-button.at-primary.at-buy {
  align-items: center;
  background:
    url(../images/icon-arrow_right_w.svg) right 24px center/11px no-repeat,
    linear-gradient(to bottom, #cb383f 50%, #c52129 50%);
  border-radius: 40px;
  display: flex;
  filter: drop-shadow(4px 6px 8px rgba(134, 29, 34, 0.6));
  font-weight: 500;
  height: 70px;
  justify-content: center;
  line-height: 1;
  /* text-align: center; */
  width: 420px;
}
.c-button.at-primary.at-buy:hover {
  background:
    url(../images/icon-arrow_right_w.svg) right 24px center/11px no-repeat,
    linear-gradient(to bottom, #c52129 50%, #cb383f 50%);
  filter: drop-shadow(2px 4px 3px rgba(134, 29, 34, 0.6));
  transform: translateY(2px);
}
@media screen and (max-width: 767px) {
  .c-button {
    font-size: 5vw;
    min-width: auto;
    padding: 0.7em 3.5em;
    text-align: center;
    width: fit-content;
  }
  .c-button.at-primary {
    font-size: 5dvw;
    padding: 0.7em 3.5em;
  }
}

/* Default Button Setting */
.button.at-continue {
  background: var(--btn-background_primary);
}
.button.at-continue::before,
.button.at-continue::after {
  box-shadow: none;
}
.button.at-continue:not([disabled]):hover::before,
.button.at-continue:not([disabled]):hover::after {
  box-shadow:
    0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) var(--color-key),
    0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--color-key));
}

/* Button Block */
.p-block_button {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  width: 100%;
}

/*    Label
-------------------------------------*/
.c-label {
  background: rgba(197, 33, 41, 1);
  border: none;
  border-radius: 6px;
  color: var(--color-white);
  display: block;
  font-size: var(--font-size_xs);
  /* font-weight: bold; */
  font-weight: 500;
  line-height: 1.55;
  text-align: center;
  width: fit-content;
}
.c-label.at-primary {
  background: var(--color-white);
  border: 1px solid rgba(197, 33, 41, 1);
  color: rgba(197, 33, 41, 1);
  font-size: var(--font-size_s);
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .c-label,
  .c-label.at-primary {
    font-size: 3.1vw;
  }
}

/*    Section
-------------------------------------*/
.p-section .l-inner {
  padding: var(--padding-section);
}
.p-section .l-inner > * {
  padding: 0 3rem;
}
.p-section .p-section_title > * {
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  width: fit-content;
}
.p-section .p-section_content p {
  font-size: var(--font-size_m);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-section .l-inner > * {
    padding: 0 15px;
  }
  .p-section .p-section_content p {
    font-size: 4.28vw;
    font-size: 3.7vw;
  }
}

/*    List
-------------------------------------*/
.p-list {
  list-style: none;
}
.p-list .c-list_item_title {
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  /* width: fit-content; */
  width: 100%;
}

/*    Card
-------------------------------------*/
/* Product Card */
.at-product .c-card {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.at-product .c-card_image {
  width: 100%;
}
.at-product .c-card_image .c-imagewrap {
  width: 100%;
}
.at-product .c-card_content {
  width: 100%;
}
.at-product .c-card_title {
}
.at-product .c-card_title > * {
  font-size: var(--font-size_l);
  font-weight: bold;
  text-align: center;
}
.at-product .c-card_price {
  margin: 2.6rem 0 0;
}
.at-product .c-card_price p {
  font-size: var(--font-size_xs);
}
.at-product .c-card_detail {
  margin: 3.3rem 0 0;
}
.at-product .c-card_detail p {
  font-size: var(--font-size_xs);
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .at-product .c-card {
    justify-content: center;
  }
  .at-product .c-card_title > * {
    /* font-size: 5.5vw; */
    font-size: 4.2vw;
  }
  .at-product .c-card_price {
    margin: 1.6rem;
  }
  .at-product .c-card_price > * {
    line-height: 2;
  }
  .at-product .c-card_price p {
    font-size: 3vw;
  }
  .at-product .c-card_detail p {
    font-size: 3vw;
  }
}

/*    Text
-------------------------------------*/
/* 注釈 */
.c-annotation.at-mark {
  font-size: 0.5em;
  vertical-align: text-top;
}
.c-annotation.at-text {
  font-size: var(--font-size_xxs);
  font-weight: normal;
}

/* Size */
.c-text_small {
  font-size: 0.7em;
}

/* Weight */
.c-text_bold {
  font-weight: bold;
}

/* Color */
.c-text_keycolor {
  color: var(--color-key);
}

/* Temporary */
.c-adjust.at-kv01,
.c-adjust.at-commitment01 {
  font-size: 1.15em;
}

/*-------------------------------------
    Header
-------------------------------------*/
.p-header {
  background: var(--color-key);
  max-width: none;
}
/* Hidden Search Icon */
.p-header .header__search {
  display: none !important;
}

/*-------------------------------------
    Footer
-------------------------------------*/
.p-footer {
}
.p-footer .footer__content-bottom {
  border: none;
}
.p-footer .p-block_footer_logo .c-imagewrap {
  margin: 0 auto;
  width: 9rem;
}
.p-footer .footer__content-bottom-wrapper {
  justify-content: center;
}
.p-footer .footer__copyright.caption small {
  color: var(--color-key);
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-footer .footer-block__details-content .list-menu__item--link {
    margin: 0 auto;
    width: fit-content;
  }
}

/*-------------------------------------
    Main
-------------------------------------*/

/*    Section    Keyvisual
-------------------------------------*/
.p-section.award {
  /* min-height: calc(610px - 130px); */
  min-height: calc(490px - 4vw);
  position: relative;
}
.award .l-inner {
  background: url(../images/award_bg.png) bottom center/cover no-repeat;
  left: 50%;
  padding: 55px 0 70px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
}
.award .l-inner .p-section_content .c-catchcopy .c-imagewrap {
  display: block;
  filter: drop-shadow(0 18px 5px rgba(4, 0, 0, 0.6));
  margin: 0 auto;
}
.award .l-inner .p-section_content .c-catchcopy .c-imagewrap:nth-of-type(1) {
  max-width: 372px;
  width: 50%;
}
.award .l-inner .p-section_content .c-catchcopy .c-imagewrap:nth-of-type(2) {
  margin-top: 34px;
  max-width: 282px;
  width: 38%;
}
.award .l-inner .p-section_content .c-catchcopy .c-imagewrap:nth-of-type(3) {
  margin-top: 31px;
  max-width: 713px;
}
.award .l-inner .p-section_content .c-emblem {
  align-items: center;
  filter: drop-shadow(0 18px 5px rgba(4, 0, 0, 0.6));
  gap: 35px;
  justify-content: center;
  margin-top: 25px;
}
.award .l-inner .p-section_content .c-emblem .l-left .c-imagewrap {
  max-width: 622px;
}
.award .l-inner .p-section_content .c-emblem .l-right .c-imagewrap {
  max-width: 258px;
}
@media screen and (max-width: 767px) {
  .p-section.award {
    min-height: auto;
    height: 73vw;
  }
}

.keyvisual .l-inner {
  background: url(../images/img-kv_bg.png) center center/cover no-repeat;
  /* padding-top: 70px; */
  /* padding-top: 200px; */
  padding-top: calc(22rem + 3vw);
}
.keyvisual .p-section_content p.c-subtitle {
  color: var(--color-key);
  font-size: 5rem;
  font-weight: bold;
  margin: 0 auto;
  text-align: right;
  width: fit-content;
}
.keyvisual .p-section_content p .c-annotation.at-text {
  vertical-align: text-top;
}
@media screen and (max-width: 1199px) {
  .keyvisual .p-section_content p.c-subtitle {
    font-size: var(--font-size_xxxxl);
    text-align: center;
    margin: 0 auto 3.4rem;
  }
  .keyvisual .p-section_content p.c-subtitle .c-annotation.at-text {
    display: block;
    text-align: right;
  }
  .keyvisual .u-wrap {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .keyvisual .l-inner {
    padding-top: 120px;
  }
  .keyvisual .p-section_content p.c-subtitle {
    font-size: 5.5vw;
  }
}

/* Title */
.keyvisual .p-section_title {
  align-items: center;
  /* gap: 4rem 14.5rem; */
  gap: 4rem 3.6rem;
  justify-content: center;
}
.keyvisual .p-section_title h2 {
  margin: 0;
  max-width: 40rem;
  min-width: 20.6rem;
}

/* Image */
.keyvisual .p-section_title > .l-flex_right {
  /* align-items: end; */
  /* gap: 5.6rem; */
  gap: 0.5rem;
  margin: 0;
}
.keyvisual .p-section_title > .l-flex_right .c-imagewrap:nth-of-type(2) {
  padding-top: 3.5rem;
}
.keyvisual .p-section_title > .l-flex_right .l-flex_left {
  width: 13rem;
}
.keyvisual .p-section_title > .l-flex_right .l-flex_right {
  width: 8.3rem;
}
@media screen and (max-width: 767px) {
  .keyvisual .p-section_title {
    flex-wrap: wrap;
    gap: 6rem 14.5rem;
  }
  .keyvisual .p-section_title h2 {
    max-width: none;
    min-width: auto;
    width: 58.5vw;
  }
  .keyvisual .p-section_title > .l-flex_right {
    justify-content: center;
    position: relative;
    /* width: 100%; */
    width: 90%;
  }
  .keyvisual .p-section_title > .l-flex_right .c-imagewrap:nth-of-type(1) {
    left: -1rem;
    max-width: 132px;
    position: absolute;
    top: -2rem;
    width: 20vw;
  }
  .keyvisual .p-section_title > .l-flex_right .c-imagewrap:nth-of-type(2) {
    /* margin-left: 4rem; */
  }
  .keyvisual .p-section_title > .l-flex_right .l-flex_left {
    width: 27%;
  }
  .keyvisual .p-section_title > .l-flex_right .l-flex_right {
    width: 17.5%;
  }
}

/* Content */
.keyvisual .p-section_content.at-te {
  padding-top: 12rem;
}
.keyvisual .p-section_title h3 {
  color: var(--color-key);
  font-size: var(--font-size_xxxl);
  position: relative;
}
.keyvisual .p-section_title h3::before,
.keyvisual .p-section_title h3::after {
  border: 0.8rem solid rgba(237, 190, 190, 1);
  content: "";
  display: block;
  height: 1.95em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.65em;
}
.keyvisual .p-section_title h3::before {
  border-right: none;
  left: -1.25em;
}
.keyvisual .p-section_title h3::after {
  border-left: none;
  right: -1.25em;
}
.keyvisual .p-section_content.at-detail p {
  font-size: var(--font-size_l);
  font-weight: bold;
  line-height: 2;
  margin-top: 7rem;
}
@media screen and (max-width: 767px) {
  .keyvisual .p-section_title h3 {
    font-size: 7vw;
  }
  .keyvisual .p-section_content.at-detail p {
    font-size: 4.28vw;
  }
}

/*    Section    Commitment
-------------------------------------*/
.commitment .l-inner {
  background: rgba(242, 222, 223, 1);
}

/* Title */
.commitment .p-section_title h2 {
  color: var(--color-key);
  font-size: var(--font-size_xxxl);
  max-width: 29.5rem;
  position: relative;
  width: 80%;
}
.commitment .p-section_title h2::before,
.commitment .p-section_title h2::after {
  background: center center/contain no-repeat;
  content: "";
  display: block;
  height: 1em;
  position: absolute;
  top: -0.3em;
  width: 0.86em;
}
.commitment .p-section_title h2::before {
  background-image: url(../images/img-commitment_title_left.svg);
  left: -1.1em;
}
.commitment .p-section_title h2::after {
  background-image: url(../images/img-commitment_title_right.svg);
  right: -1.1em;
}
.commitment .p-section_title h2 .c-imagewrap {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .commitment .p-section_title h2 {
    font-size: 8.85vw;
  }
  .commitment .p-section_title h2::before,
  .commitment .p-section_title h2::after {
    width: 7vw;
  }
}

/* List */
.commitment .p-list {
  margin-top: 7rem;
}
.commitment .p-list li {
  border: 10px solid rgba(255, 255, 255, 0.4);
  margin: 4.8rem auto 0;
  max-width: 1040px;
}
.commitment .p-list li:first-of-type {
  margin-top: 0;
}
.commitment .p-list .c-list_item {
  background: var(--color-white);
  padding: 3.8rem 2rem 6.6rem;
  position: relative;
}
.commitment .p-list .c-list_item::before {
  content: "";
  display: block;
  height: 10rem;
  position: absolute;
  width: 10rem;
}
.commitment .p-list li:nth-of-type(1) .c-list_item::before {
  background: url(../images/img-commitment_01_bg.svg) center center/ 9.3rem no-repeat;
  left: 8.7rem;
  top: 5.7rem;
}
.commitment .p-list li:nth-of-type(2) .c-list_item::before {
  background: url(../images/img-commitment_02_bg.svg) center center/ 9.6rem no-repeat;
  right: 8.3rem;
  top: 7.2rem;
}
.commitment .p-list li:nth-of-type(3) .c-list_item::before {
  background: url(../images/img-commitment_03_bg.svg) center center/ 6.2rem no-repeat;
  left: 11.6rem;
  top: 5.5rem;
}
.commitment .p-list li:nth-of-type(4) .c-list_item::before {
  background: url(../images/img-commitment_04_bg.svg) center center/ 6.2rem no-repeat;
  right: 11.4rem;
  top: 6.1rem;
}
@media screen and (max-width: 767px) {
  .commitment .p-list .c-list_item {
    padding: 10.4vw 3.85vw;
  }
  .commitment .p-list li:nth-of-type(odd) .c-list_item::before {
    left: 0rem;
    top: 4rem;
  }
  .commitment .p-list li:nth-of-type(even) .c-list_item::before {
    right: 0rem;
    top: 4rem;
  }
  .commitment .p-list li:nth-of-type(1) .c-list_item::before {
    background-size: 16vw;
  }
  .commitment .p-list li:nth-of-type(2) .c-list_item::before {
    background-size: 16.4vw;
  }
  .commitment .p-list li:nth-of-type(3) .c-list_item::before {
    background-size: 10.6vw;
  }
  .commitment .p-list li:nth-of-type(4) .c-list_item::before {
    background-size: 10.6vw;
  }
}
/* List Title */
.commitment .p-list .c-list_item .c-list_item_title .c-imagewrap {
  margin: 0 auto;
  width: 6.5rem;
}
.commitment .p-list .c-list_item .c-list_item_title h3 {
  font-size: var(--font-size_xxl);
  margin: 4rem auto 5rem;
  position: relative;
}
.commitment .p-list .c-list_item .c-list_item_title h3 > .c-text_border {
  font-weight: bold;
  line-height: 1.6;
  position: relative;
  white-space: nowrap;
  z-index: 2;
}
.commitment .p-list .c-list_item .c-list_item_title h3 .c-text_border::before {
  background: rgba(255, 229, 7, 1);
  bottom: -0.1em;
  content: "";
  display: block;
  height: 0.44em;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .commitment .p-list .c-list_item .c-list_item_title h3 {
    font-size: 6.85vw;
    margin: 10vw auto;
  }
}
/* List Content */
.commitment .p-list .c-list_item .c-list_item_content p {
  font-size: var(--font-size_m);
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .commitment .p-list .c-list_item .c-list_item_content p {
    font-size: 4vw;
  }
}

/*    Section    Recommend
-------------------------------------*/
/* Title */
.recommend .p-section_title h2 {
  font-size: var(--font-size_xxxl);
  position: relative;
}
.recommend .p-section_title h2::before,
.recommend .p-section_title h2::after {
  display: inline-block;
  position: relative;
}
.recommend .p-section_title h2::before {
  content: "＼";
  left: -0.3em;
  transform: rotate(15deg);
}
.recommend .p-section_title h2::after {
  content: "／";
  right: -0.3em;
  transform: rotate(-15deg);
}
@media screen and (max-width: 767px) {
  .recommend .l-inner .p-section_content {
    padding: 0;
  }
  .recommend .l-inner .p-section_content > * {
    padding: 0 2rem;
  }
  .recommend .p-section_title h2 {
    font-size: 9vw;
  }
  .recommend .p-section_title h2::before,
  .recommend .p-section_title h2::after {
    font-size: 7rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scaleX(0.6);
  }
  .recommend .p-section_title h2::before {
    left: -1em;
  }
  .recommend .p-section_title h2::after {
    right: -1em;
  }
}

/* Notice */
.recommend .c-section_content_notice h3 {
  border: 0.8rem solid rgba(242, 222, 223, 1);
  border-radius: 0.6rem;
  font-size: var(--font-size_xxxxl);
  font-weight: bold;
  line-height: 1;
  margin: 6.7rem auto 5.8rem;
  padding: 4.7rem 5.9rem;
  text-align: center;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .recommend .c-section_content_notice h3 {
    font-size: 8.5vw;
    line-height: 1.4;
    margin: 3.5rem auto 4.8rem;
    padding: 7.7vw;
  }
}

/* Cpontent */
.recommend .p-section_content p {
  line-height: 2;
}
.recommend .c-section_content_sampleimage {
  margin: 6rem 0;
}
.recommend .c-section_content_sampleimage figure {
  align-items: flex-end;
  background: rgba(240, 240, 235, 1);
  gap: 3rem;
  margin: 0 auto;
  padding: 3rem;
  width: fit-content;
}
.recommend .c-section_content_sampleimage figure ul {
  gap: 2rem;
}
.recommend .c-section_content_sampleimage figure li .c-imagewrap {
  width: 15.6rem;
}
.recommend .c-section_content_sampleimage figure figcaption p {
  font-size: var(--font-size_xxs);
  font-weight: bold;
  text-align: start;
}
.recommend .c-section_content_img {
  margin: 10.4rem auto 0;
  width: fit-content;
}
.recommend .c-section_content_img .c-imagewrap {
  max-width: 90rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .recommend .c-section_content_sampleimage {
    margin: 3rem 0;
  }
  .recommend .c-section_content_sampleimage figure {
    flex-wrap: wrap;
    gap: 0;
    padding: 2.5rem 1.5rem;
    width: 100%;
  }
  .recommend .c-section_content_sampleimage figure ul {
    gap: 1.5rem;
    width: 100%;
  }
  .recommend .c-section_content_sampleimage figure li {
    width: calc(50% - 0.75rem);
  }
  .recommend .c-section_content_sampleimage figure li .c-imagewrap {
    width: 100%;
  }
  .recommend .c-section_content_sampleimage figure figcaption p {
    font-size: 4vw;
    margin-top: 1rem;
  }
  .recommend .c-section_content_sampleimage figure figcaption p .c-annotation.at-text {
    font-size: 0.9em;
  }
  .recommend .l-inner .c-section_content_img {
    margin-top: 4.7rem;
    padding: 0;
  }
}

/*    Section    Lineup
-------------------------------------*/
.lineup .l-inner {
  background: rgba(240, 240, 235, 1);
}
.lineup .p-section_title h2 {
  border-bottom: 2px solid rgba(197, 33, 41, 1);
  font-size: var(--font-size_xl);
  padding: 0 0 1.6rem;
}

/* Product */
.lineup .p-list.at-product {
  margin: 10.8rem auto 0;
  max-width: 900px;
  width: 100%;
}
.lineup .p-list.at-product .c-card {
  gap: 3rem;
}
.lineup .p-list.at-product .c-card_image {
  align-items: center;
  display: flex;
  justify-content: center;
  max-width: 26rem;
}
.lineup .p-list.at-product .c-card_image .c-imagewrap.at-lotion {
  margin: 0 auto;
  max-width: 20.6rem;
  width: 100%;
}
.lineup .p-list.at-product .c-card.at-lotion_set {
  margin: 0 -10rem;
}
.lineup .p-list.at-product .c-card.at-lotion_set .c-card_image {
  max-width: 40rem;
}
.lineup .p-list.at-product .c-card_image .c-imagewrap.at-essence {
  margin: 0 auto;
  max-width: 15rem;
  width: 100%;
}
.lineup .p-list.at-product .c-card_image .c-imagewrap.at-eyecream {
  margin: 0 auto;
  max-width: 16.8rem;
  width: 100%;
}

.lineup .p-list.at-product .c-card_content {
  max-width: 61rem;
}
.lineup .p-list.at-product .c-card_feature {
  margin: 4.4rem 0 0;
}
.lineup .p-list.at-product .c-card_feature .p-list {
  flex-wrap: wrap;
  gap: 2rem 1rem;
}
.lineup .p-list.at-product .c-card_feature .p-list li {
  flex: 1;
}
.lineup .p-list.at-product .c-card_feature .p-list li:first-of-type {
  flex: 100%;
  width: 100%;
}
.lineup .p-list.at-product .c-card_feature .c-label.at-feature {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 1.5rem 1.9rem;
  width: 100%;
}
.lineup .p-list.at-product .c-card_feature .c-label.at-feature.at-primary {
  line-height: 1;
  padding: 1.2rem 0;
}
.lineup .p-list.at-product .c-card_feature .c-annotation {
  font-size: var(--font-size_xxs);
  margin: 2rem 0 0;
}
.lineup .p-list.at-product .p-block_button {
  margin: 3.5rem 0 15.8rem;
}
.lineup .p-list.at-product .c-card:last-of-type .p-block_button {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .lineup .p-section_title h2 {
    font-size: 7vw;
  }
  .lineup .p-list.at-product .c-card {
    gap: 0;
  }
  .lineup .p-list.at-product .c-card_image .c-imagewrap.at-lotion {
    width: 30vw;
  }
  .lineup .p-list.at-product .c-card_image .c-imagewrap.at-essence {
    width: 20.8vw;
  }
  .lineup .p-list.at-product .c-card.at-lotion_set {
    margin: 0 0rem;
  }
  .lineup .p-list.at-product .c-card_feature {
    margin: 2.5rem 0 0;
  }
  .lineup .p-list.at-product .c-card_feature .p-list {
    gap: 1rem 0.5rem;
  }
  .lineup .p-list.at-product .c-card_feature .c-label.at-feature {
    padding: 0.8em 0.5em;
  }
  .lineup .p-list.at-product .c-card_feature .c-label.at-feature.at-primary {
    padding: 0.5em 0;
  }
  .lineup .p-list.at-product .c-card_feature .c-annotation {
    font-size: 0.6em;
    margin-top: 1.5em;
  }
  .lineup .p-list.at-product .p-block_button {
    margin: 11vw 0 33vw;
  }
}