@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Sans+JP:wght@100..900&display=swap");
:root {
  --color-black: #000;
  --color-white: #fff;
  --color-gray: #4d4d4d;
  --color-red: #e60012;
  --color-light-gray: #f2f2f2;
  --color-line-gray: #e5e5e5;
  --color-business-blue: #212e58;
  --color-footer-gray: #666;
  --color-lily: #faf6f0;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
}

.flash {
  margin-top: 60px;
}

.flash_box {
  padding: 20px;
  border: 1px solid var(--color-gray);
}
@media (min-width: 1024px) {
  .flash_box {
    text-align: center;
  }
}

.impt_box {
  margin-top: 60px;
  border: 1px solid var(--color-gray);
  background-color: var(--color-white);
}
@media (min-width: 1024px) {
  .impt_box {
    display: grid;

    grid-template-columns: auto 1fr;
  }
}

.impt_ttl {
  padding: 10px 20px;
  background-color: var(--color-gray);
  text-align: center;
  color: var(--color-white);
  font-size: 1rem;
  font-weight: var(--weight-bold);
}
@media (min-width: 1024px) {
  .impt_ttl {
    display: grid;
    padding: 10px 30px;

    place-items: center;
  }
}

.impt_body {
  padding: 20px;
}
@media (min-width: 1024px) {
  .impt_body {
    padding: 20px 30px;
  }
}

.impt_list {
  display: flex;
  flex-direction: column;

  gap: 15px;
}
@media (min-width: 1024px) {
  .impt_list {
    gap: 10px;
  }
}

.impt_item {
  display: flex;
  flex-direction: column;

  gap: 0;
}
.impt_item a p {
  display: block;
  position: relative;
  text-decoration: underline;
  font-size: 1rem;
}
@media (min-width: 1024px) {
  .impt_item a p {
    display: inline-block;
    margin-left: 1em;
  }
}
.impt_item a[target=_blank] p::after {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.1875rem;
  left: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--color-gray);

  -webkit-mask-image: url("/assets/img/common/blank.svg");

          mask-image: url("/assets/img/common/blank.svg");
}
.impt_item a[href$=".pdf"] p::after {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.1875rem;
  left: 0.5rem;
  width: 2.5rem;
  height: 1.25rem;
  background-color: var(--color-gray);

  -webkit-mask-image: url("/assets/img/common/pdf.svg");

          mask-image: url("/assets/img/common/pdf.svg");
}

.impt_item > a {
  transition: color 0.16s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.impt_item > a p::after {
  transition: background-color 0.16s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.impt_item > a:hover {
  transition: color 0.24s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  color: var(--color-red);
}
.impt_item > a:hover p {
  text-decoration: none;
}
.impt_item > a:hover p::after {
  transition: background-color 0.24s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  background-color: var(--color-red);
}

.news_cont_wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 60px;

  gap: 40px;
}
@media (min-width: 768px) {
  .news_cont_wrapper {
    flex-direction: row;
  }
}

.news_cont {
  padding: 40px 20px 30px;
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .news_cont {
    padding: 40px 30px 30px;
    width: 50%;
  }
}
.news_cont:only-child {
  width: 100%;
}

.news_cont_ttl {
  text-align: center;
  font-size: 1.25rem;
  font-weight: var(--weight-bold);
  line-height: 1.25;
}

.news_cont_list {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .news_cont_list {
    margin-top: 20px;
  }
}

.news_cont_item {
  font-size: 0.875rem;
  line-height: 1.786;
}
.news_cont_item + .news_cont_item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--color-line-gray);
}
.news_cont_item > a {
  display: flex;
  flex-direction: column;
  font-size: inherit;
  line-height: inherit;

  row-gap: 5px;
}
.news_cont_item > a p {
  text-decoration: underline;
  font-size: inherit;
  line-height: inherit;
}

.news_cont_info {
  display: flex;
  align-items: center;

  gap: 10px;
}

.news_category {
  padding: 0 0.5625rem;
  min-width: 5.625rem;
  background-color: var(--color-white);
  text-align: center;
  color: var(--color-black);
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.667;
}
.p-to-c .news_category {
  background-color: var(--color-lily);
}
.news_category.notice {
  background-color: var(--color-red);
  color: var(--color-white);
}

.news_link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 50px;

  gap: 10px;
}
@media (min-width: 768px) {
  .news_link {
    margin-top: 60px;
  }
}

.p-to-b .news_cont {
  background-color: var(--color-lily);
}
.p-to-b .news_cont_ttl {
  position: relative;
  padding-bottom: 22px;
}
@media (min-width: 768px) {
  .p-to-b .news_cont_ttl {
    font-size: 1.5rem;
  }
}
.p-to-b .news_cont_ttl::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 40px;
  height: 2px;
  background-color: var(--color-line-gray);
}
.p-to-b .news_cont_list {
  margin-top: 15px;
}

.news_cont_item > a > :not(.news_category) {
  transition: color 0.16s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.news_cont_item > a:hover > :not(.news_category) {
  transition: color 0.24s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  color: var(--color-red);
}
.news_cont_item > a:hover p {
  text-decoration: none;
}

/*
* fv_slide.css
*
*/
.c-fv_slide_item {
  width: 100%;

  aspect-ratio: 6/8;
}
@media (min-width: 768px) {
  .c-fv_slide_item {
    aspect-ratio: 1440/418;
  }
}
.c-fv_slide_item img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}

.c-fv_slide_item {
  opacity: 1 !important;
}
.c-fv_slide_item .js-fvSlide_inner {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.c-fv_slide_item .js-fvSlide_inner img {
  transform: rotate(0.0001deg);

  will-change: transform;
}
.c-fv_slide_item .js-fvSlide_inner.is-animatingOut.is-forward img {
  animation: animatingOut 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.c-fv_slide_item .js-fvSlide_inner.is-animatingOut.is-back img {
  animation: animatingOutBack 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.c-fv_slide_item .js-fvSlide_inner.is-animatingIn.is-forward img {
  animation: animatingIn 3.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.c-fv_slide_item .js-fvSlide_inner.is-animatingIn.is-back img {
  animation: animatingInBack 3.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
* visumo_override.css
*
*/
/* --------------------------------
  visumo override
-------------------------------- */
.vsm-selection-title {
  display: none;
}

.vsm-selection-description {
  display: none;
}

.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item,
.vsm-tile-goods .ecbn-selection-page-wrapper li.ecbn-selection-item {
  padding: 5px !important;
}
@media (min-width: 721px) {
  .vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item,
  .vsm-tile-goods .ecbn-selection-page-wrapper li.ecbn-selection-item {
    padding: 10px !important;
  }
}

@media (min-width: 721px) and (max-width: 1024px) {
  .ecbn-selection-preview-wrapper {
    width: 700px !important;
  }
}
@media (min-width: 1025px) {
  .ecbn-selection-preview-wrapper {
    width: 960px !important;
  }
}

.ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-close {
  top: 2px;
  width: 40px;
  height: 40px;
  background-color: var(--color-gray);
}
@media (min-width: 721px) {
  .ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-close {
    top: -40px;
  }
}
.ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-close::before,
.ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-close::after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 14px;
  height: 2px;
  background-color: var(--color-white);
}
@media (min-width: 721px) and (max-width: 1024px) {
  .ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-content {
    display: grid;
    overflow: visible;
    padding: 0;
    width: auto !important;

    grid-template-columns: 400px 1fr;
  }
}
@media (min-width: 1025px) {
  .ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-content {
    display: grid;
    overflow: visible;
    padding: 0;
    width: auto !important;

    grid-template-columns: 480px 1fr;
  }
}
@media (min-width: 721px) and (max-width: 1024px) {
  .ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-content .ecbn-selection-left {
    position: static;
    float: none !important;
    width: 400px !important;
  }
}
@media (min-width: 1025px) {
  .ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-content .ecbn-selection-left {
    position: static;
    float: none !important;
    width: 480px !important;
  }
}
@media (min-width: 721px) {
  .ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-content .ecbn-selection-left div.ecbn-selection-snapmain .ecbn-selection-snap-image {
    width: 100% !important;
    height: 480px !important;
  }
}
@media (min-width: 721px) {
  .ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-content .ecbn-selection-snap-carousel-pagination {
    position: static;
    margin-top: -12px;

    translate: 0 -18px;
  }
}
@media (min-width: 721px) {
  .ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-content .ecbn-selection-snapmain {
    position: static;
    height: 480px !important;
  }
}
@media (min-width: 721px) {
  .ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-content .selection-prev-image {
    position: absolute;
    left: -40px;
    width: 40px;
    height: 40px;
  }
}
.ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-content .selection-prev-image .ecbn-selection-prevarrow {
  opacity: 1;
  width: inherit;
  height: inherit;
  background-color: var(--color-gray);
  background-image: none;
}
.ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-content .selection-prev-image .ecbn-selection-prevarrow::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 9px;
  height: 16px;
  transform: scaleX(-1);
  background-color: var(--color-white);

  -webkit-mask-image: url("/assets/img/common/arw.svg");

          mask-image: url("/assets/img/common/arw.svg");
}
@media (min-width: 721px) {
  .ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-content .ecbn-selection-next-image {
    position: absolute;
    right: -40px;
    width: 40px;
    height: 40px;
  }
}
.ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-content .ecbn-selection-next-image .ecbn-selection-nextarrow {
  opacity: 1;
  width: inherit;
  height: inherit;
  background-color: var(--color-gray);
  background-image: none;
}
.ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-content .ecbn-selection-next-image .ecbn-selection-nextarrow::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 9px;
  height: 16px;
  background-color: var(--color-white);

  -webkit-mask-image: url("/assets/img/common/arw.svg");

          mask-image: url("/assets/img/common/arw.svg");
}

.ecbn-selection-right:has(.noProductsMsg) .ecbn-selection-right-header,
.ecbn-selection-right:has(.noProductsMsg) .ecbn-selection-right-header2,
.ecbn-selection-right:has(.noProductsMsg) .ecbn-selection-preview-slide-wrapper,
.ecbn-selection-right:has(.noProductsMsg) .ecbn-selection-slider-view,
.ecbn-selection-right:has(.noProductsMsg) .noProductsMsg {
  display: none !important;
}
@media (min-width: 721px) {
  .ecbn-selection-right {
    overflow-x: visible !important;
    overflow-y: auto !important;
    float: none !important;
    margin: 20px !important;
    padding: 20px !important;
    width: auto !important;
    height: auto;
    height: 440px !important;
    min-height: auto !important;

    -webkit-overflow-scrolling: touch;
  }
  .ecbn-selection-right::-webkit-scrollbar {
    overflow: hidden;
    border: 1px solid #aeaeae;
    border-radius: 18px;
    width: 9px;
    background: transparent;
  }
  .ecbn-selection-right::-webkit-scrollbar-thumb {
    overflow: hidden;
    border-radius: 18px;
    background: #aeaeae;
  }
  .ecbn-selection-right .ecbn-selection-preview-caption.ecbn-selection-preview-caption {
    overflow-y: visible !important;
  }
}
.ecbn-selection-right .ecbn-selection-right-header {
  margin-top: 15px !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  font-weight: bold;
  line-height: 1.786;
}
@media (min-width: 721px) {
  .ecbn-selection-right .ecbn-selection-right-header {
    margin-top: 0 !important;
  }
}
@media (min-width: 721px) {
  .ecbn-selection-right .ecbn-selection-right-item-list {
    display: grid !important;
    margin-top: 20px;
    width: 100% !important;
    transform: none !important;

    gap: 20px;
  }
}
@media (min-width: 721px) and (max-width: 1024px) {
  .ecbn-selection-right .ecbn-selection-right-item-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .ecbn-selection-right .ecbn-selection-right-item-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 721px) {
  .ecbn-selection-right .ecbn-selection-item {
    float: none !important;
    padding: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 721px) {
  .ecbn-selection-right .ecbn-selection-item-img img {
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
  }
}
@media (min-width: 721px) {
  .ecbn-selection-right .ecbn-selection-slider-controls {
    display: none;
  }
}
@media (min-width: 721px) {
  .ecbn-selection-right .ecbn-selection-preview-personal {
    width: 100% !important;
  }
}

.ecbn-selection-page-tabs.ecbn-selection-page-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 60px auto 0 !important;
  padding: 0 !important;
  max-width: 760px;
  font-size: inherit !important;

  gap: 10px;
}
@media (min-width: 721px) {
  .ecbn-selection-page-tabs.ecbn-selection-page-tabs {
    margin: 40px auto 0 !important;
  }
}

.ecbn-selection-page-wrapper.ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li {
  padding: 0 !important;
  width: auto !important;
  background: transparent;
  font-size: inherit !important;
}
.ecbn-selection-page-wrapper.ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li > a {
  display: block;
  position: static !important;
  padding: 5px 10px !important;
  border: 1px solid var(--color-line-gray) !important;
  border-radius: 5px !important;
  width: auto !important;
  transition: border-color 0.16s cubic-bezier(0.25, 0.25, 0.75, 0.75), border-width 0.16s cubic-bezier(0.25, 0.25, 0.75, 0.75) !important;
  background-color: var(--color-white) !important;
  color: #000 !important;
  font-size: 0.875rem !important;
  line-height: 1.786;
}
.ecbn-selection-page-wrapper.ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li > a:hover {
  color: #000 !important;
}

.ecbn-selection-page-wrapper.ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li.ecbn-selection-page-tabs--active a {
  border-width: 2px !important;
  border-color: var(--color-red) !important;
  transition: border-color 0.24s cubic-bezier(0.25, 0.25, 0.75, 0.75), border-width 0.24s cubic-bezier(0.25, 0.25, 0.75, 0.75) !important;
  color: #000 !important;
}

.ecbn-selection-item-name.ecbn-selection-item-name {
  margin-top: 10px !important;
  font-size: 0.75rem !important;
  font-weight: 700;
  line-height: 1.667;
}
@media (min-width: 721px) {
  .ecbn-selection-item-name.ecbn-selection-item-name {
    margin-bottom: 0 !important;
  }
}

.ecbn-selection-item-productprice.ecbn-selection-item-productprice {
  display: none !important;
}

.ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item-comment.ecbn-selection-item-comment {
  margin-top: 0 !important;
  text-align: center;
  font-size: 0.625rem !important;
  line-height: 1.5;
}

@media (max-width: 720px) {
  .ecbn-selection-preview .ecbn-selection-preview-content {
    margin: 42px 20px !important;
  }
}

@media (max-width: 720px) {
  .ecbn-selection-preview .ecbn-selection-preview-close {
    right: 20px !important;
  }
}

@media (max-width: 720px) {
  .ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list.ecbn-selection-right-item-list {
    justify-content: center;
    width: 100% !important;

    gap: 13px !important;
  }
}

@media (max-width: 720px) {
  .ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item.ecbn-selection-item {
    margin: 0 0 12px;
  }
}

@media (max-width: 720px) {
  .ecbn-selection-preview .ecbn-selection-left,
  .ecbn-selection-preview .ecbn-selection-left div.ecbn-selection-snapmain {
    position: static !important;
  }
}

@media (max-width: 720px) {
  .ecbn-selection-preview .ecbn-selection-left div.ecbn-selection-snapmain .ecbn-selection-next-image,
  .ecbn-selection-preview .ecbn-selection-left div.ecbn-selection-snapmain .selection-prev-image {
    top: auto !important;
    bottom: 0 !important;
    width: 50% !important;
    transform: none !important;
    background-color: var(--color-gray) !important;
  }
}

@media (max-width: 720px) {
  .ecbn-selection-preview .ecbn-selection-left div.ecbn-selection-snapmain .ecbn-selection-next-image {
    right: 0 !important;
  }
}

@media (max-width: 720px) {
  .ecbn-selection-preview .ecbn-selection-left div.ecbn-selection-snapmain .selection-prev-image {
    left: 0 !important;
  }
  .ecbn-selection-preview .ecbn-selection-left div.ecbn-selection-snapmain .selection-prev-image::before {
    right: auto !important;
  }
}

@media (max-width: 720px) {
  .ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-content .selection-prev-image .ecbn-selection-prevarrow,
  .ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-content .ecbn-selection-next-image .ecbn-selection-nextarrow {
    width: 100% !important;
  }
}

@media (max-width: 720px) {
  .ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-content .selection-prev-image .ecbn-selection-prevarrow::before {
    right: auto !important;
    left: 15px !important;
  }
}

@media (max-width: 720px) {
  .ecbn-selection-preview-new.ecbn-selection-preview .ecbn-selection-preview-wrapper .ecbn-selection-preview-content .ecbn-selection-next-image .ecbn-selection-nextarrow::before {
    right: 15px !important;
    left: auto !important;
  }
}

@media (max-width: 720px) {
  .ecbn-selection-preview .ecbn-selection-left div.ecbn-selection-snapmain .ecbn-selection-snap-image.ecbn-selection-snap-image {
    aspect-ratio: 1/1;
  }
}

@media (max-width: 720px) {
  .ecbn-selection-preview .ecbn-selection-left div.ecbn-selection-snapmain .ecbn-selection-snap-image video.portrait.portrait {
    width: auto !important;
    height: 100% !important;
  }
}

.ecbn-selection-preview-slide-wrapper.ecbn-selection-preview-slide-wrapper {
  padding-bottom: 15px !important;
  border-bottom: 1px solid var(--color-line-gray) !important;
}
@media (max-width: 720px) {
  .ecbn-selection-preview-slide-wrapper.ecbn-selection-preview-slide-wrapper {
    margin-right: 10px !important;
    margin-left: 10px !important;
    padding-bottom: 35px !important;
  }
}
.ecbn-selection-preview-slide-wrapper.ecbn-selection-preview-slide-wrapper + .ecbn-selection-preview-personal {
  margin-top: 40px !important;
}

@media (max-width: 720px) {
  .ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item.ecbn-selection-item {
    margin: 0 !important;
    width: calc((100% - 26px) / 3) !important;
  }
}

@media (max-width: 720px) {
  .ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item-content,
  .ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item-img,
  .ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item-img img,
  .ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item-comment,
  .ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item-comment2,
  .ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item-comment3,
  .ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item-name,
  .ecbn-selection-preview .ecbn-selection-right div.ecbn-selection-right-item-list .ecbn-selection-item-productprice {
    width: 100% !important;
  }
}

.ecbn-selection-preview-overlay.ecbn-selection-preview-overlay {
  background-color: rgba(102, 102, 102, 0.7) !important;
}

@media (max-width: 720px) {
  .ecbn-selection-preview .ecbn-selection-right.ecbn-selection-right {
    padding: 10px 10px 40px;
  }
}

.ecbn-selection-preview .ecbn-selection-snap-carousel .ecbn-selection-snap-carousel-slide,
.ecbn-selection-preview .ecbn-selection-snap-carousel-wrapper {
  width: 100% !important;
  height: 100% !important;

  aspect-ratio: 1/1;
}
@media (min-width: 721px) {
  .ecbn-selection-preview .ecbn-selection-snap-carousel .ecbn-selection-snap-carousel-slide,
  .ecbn-selection-preview .ecbn-selection-snap-carousel-wrapper {
    width: 480px !important;
    height: 480px !important;
  }
}

@media (max-width: 720px) {
  .ecbn-selection-snap-carousel-view.ecbn-selection-snap-carousel-view {
    height: 100% !important;
  }
}

@media (max-width: 720px) {
  .ecbn-selection-snap-carousel.ecbn-selection-snap-carousel {
    width: 100% !important;
    height: 100% !important;
  }
}

.ecbn-selection-preview .ecbn-selection-snap-carousel-pagination .ecbn-selection-snap-carousel-pagination-item {
  opacity: 1 !important;
  position: relative !important;
  margin: 0 5px !important;
  border: 1px solid var(--color-white) !important;
  width: 10px !important;
  height: 10px !important;
  background-color: transparent !important;
}
.ecbn-selection-preview .ecbn-selection-snap-carousel-pagination .ecbn-selection-snap-carousel-pagination-item::before {
  content: "";
  position: absolute;
  top: -100%;
  right: -100%;
  bottom: -100%;
  left: -100%;
  margin: auto;
  border: 1px rgba(0, 0, 0, 0.1) solid !important;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.ecbn-selection-preview .ecbn-selection-snap-carousel-pagination .ecbn-selection-snap-carousel-pagination-item.ecbn-selection-snap-carousel-pagination-item--active.ecbn-selection-snap-carousel-pagination-item--active {
  background-color: var(--color-white) !important;
}

.ecbn-selection-preview .ecbn-selection-snap-carousel .ecbn-selection-snap-carousel-slide img {
  height: 100% !important;

  -o-object-fit: cover !important;

     object-fit: cover !important;
}

@media (max-width: 720px) {
  .ecbn-selection-snap-carousel-pagination.ecbn-selection-snap-carousel-pagination {
    top: calc(100vw - 60px) !important;
    bottom: auto !important;
  }
}

/*
* to_c.css
*
*/
/* --------------------------------
  to C
-------------------------------- */
.p-to-c {
  --to-c-pink: #faeded;
  --to-c-green: #f6faed;
  --to-c-blue: #edfafa;
}

.p-to-c_head {
  text-align: center;
}
@media (min-width: 768px) {
  .p-to-c_head {
    text-align: left;
  }
}

.p-to-c_head_lg {
  font-size: 1.75rem;
  font-weight: var(--weight-bold);
  line-height: 1.25;
}
@media (min-width: 768px) {
  .p-to-c_head_lg {
    font-size: 2rem;
    line-height: 1.406;
  }
}

.p-to-c_head_sm {
  display: block;
  margin-top: 5px;
  font-size: 0.875rem;
  font-weight: var(--weight-bold);
  line-height: 1.429;
}
@media (min-width: 768px) {
  .p-to-c_head_sm {
    display: inline;
    margin-top: 0;
    font-size: 1.125rem;
    line-height: 1.406;
  }
}

.p-to-c_ruby {
  margin-top: 10px;
  font-size: 0.75rem;
  font-weight: var(--weight-bold);
  line-height: 1.667;
}

.p-to-c_bg {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .p-to-c_bg {
    width: 1440px;
  }
}
.p-to-c_bg._pos_left {
  right: 40px;
}
@media (min-width: 768px) {
  .p-to-c_bg._pos_left {
    right: 80px;
  }
}
@media (min-width: 1024px) {
  .p-to-c_bg._pos_left {
    right: 160px;
  }
}
.p-to-c_bg._pos_right {
  left: 40px;
}
@media (min-width: 768px) {
  .p-to-c_bg._pos_right {
    left: 80px;
  }
}
@media (min-width: 1024px) {
  .p-to-c_bg._pos_right {
    left: 160px;
  }
}

@keyframes animatingIn {
  0% {
    transform: scale(1.2) translateX(-8%);
  }
  100% {
    transform: scale(1) translateX(0);
  }
}
@keyframes animatingInBack {
  0% {
    transform: scale(1.2) translateX(8%);
  }
  100% {
    transform: scale(1) translateX(0);
  }
}
@keyframes animatingOut {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(1.08) translateX(5%);
  }
}
@keyframes animatingOutBack {
  0% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(1.08) translateX(-5%);
  }
}
.category {
  overflow-x: clip;
  margin-top: 90px;
}
@media (min-width: 768px) {
  .category {
    margin-top: 110px;
  }
}
.category .p-to-c_bg {
  background-color: var(--color-lily);
}

.category_inner {
  position: relative;

  padding-block: 60px;
}
@media (min-width: 768px) {
  .category_inner {
    padding-block: 90px;
  }
}
@media (min-width: 1024px) {
  .category_inner {
    padding-block: 120px;
  }
}
.category_inner::before {
  content: "";
  position: absolute;
  top: -27px;
  right: -23px;
  width: 150px;
  height: 133px;
  background: url("/assets/img/to_c/category_deco.webp") top left/contain no-repeat;
}
@media (min-width: 768px) {
  .category_inner::before {
    top: max(-3.4722222222vw, -50px);
    right: min(8.5416666667vw, 123px);
    width: min(20.8333333333vw, 300px);
    height: min(18.4722222222vw, 266px);
  }
}
.category_inner .category_illust {
  position: absolute;
  bottom: -19px;
  left: 24px;
  width: 70px;
  height: 83px;
}
@media (min-width: 768px) {
  .category_inner .category_illust {
    bottom: max(-2.5vw, -36px);
    left: min(24.8611111111vw, 358px);
    width: min(9.0277777778vw, 130px);
    height: min(11.1111111111vw, 160px);
  }
}
.category_inner .category_illust svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: inherit;
  height: inherit;
}
.category_inner .category_illust svg .frame_01 {
  transform-origin: 58% 21%;
  animation: frame01 5s infinite;
}
.category_inner .category_illust svg .frame_02 {
  transform-origin: 65% 32%;
  animation: frame01 5s infinite 1s;
}
.category_inner .category_illust svg .leaf ._01 {
  transform-origin: 84% 75%;
  animation: leaf01 7s infinite 0.5s;
}
.category_inner .category_illust svg .leaf ._02 {
  transform-origin: 83% 82%;
  animation: leaf01 5s infinite 1s;
}
.category_inner .category_illust svg .leaf ._03 {
  transform-origin: 86% 82%;
  animation: leaf02 6s infinite 1.5s;
}
@keyframes frame01 {
  0% {
    transform: rotate(5deg);
  }
  49% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
@keyframes leaf01 {
  0% {
    transform: rotate(-3deg);
  }
  49% {
    transform: rotate(-3deg);
  }
  50% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(2deg);
  }
}
@keyframes leaf02 {
  0% {
    transform: rotate(-5deg);
  }
  49% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.category_list_wrapper {
  margin-top: 60px;
}

.category_list {
  display: flex;
  flex-direction: column;

  row-gap: 60px;
}
@media (min-width: 768px) {
  .category_list {
    display: grid;

    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}

.category_item {
  display: flex;
  flex-direction: column;

  row-gap: 20px;
}

.category_item_ttl {
  padding: 10px;
  background-color: var(--color-white);
  text-align: center;
  font-size: 1.25rem;
  font-weight: var(--weight-bold);
  line-height: 1.25;
}

.category_item_img {
  position: relative;
  width: 100%;

  aspect-ratio: 16/10;
}
.category_item_img img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}
.category_item_img .item_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.category_item_link_list {
  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(176px, 1fr));
  gap: 10px;
}

.category_link {
  margin: 60px auto 0;
  width: -moz-fit-content;
  width: fit-content;
}

.coordinate {
  margin-top: 120px;
}
@media (min-width: 768px) {
  .coordinate {
    margin-top: 180px;
  }
}

.coordinate_inner {
  position: relative;
}
.coordinate_inner .coordinate_deco {
  position: absolute;
  z-index: 1;
  top: 83px;
  left: 5px;
  width: 123px;
  height: 125px;
}
@media (min-width: 768px) {
  .coordinate_inner .coordinate_deco {
    top: 60px;
    left: min(11.4583333333vw, 165px);
    width: min(17.0833333333vw, 246px);
    height: min(17.3611111111vw, 250px);
  }
}
.coordinate_inner .coordinate_deco img {
  width: inherit;
  height: inherit;
  transform: rotate(30deg);
}
.coordinate_inner .coordinate_illust {
  position: absolute;
  right: 40px;
  bottom: -37px;
  width: 80px;
  height: 87px;
}
@media (min-width: 768px) {
  .coordinate_inner .coordinate_illust {
    z-index: 1;
    right: min(9.7222222222vw, 140px);
    bottom: max(-2.0138888889vw, -29px);
    width: min(10.7638888889vw, 155px);
    height: min(11.7361111111vw, 169px);
  }
}
.coordinate_inner .coordinate_illust svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: inherit;
  height: inherit;
}
.coordinate_inner .coordinate_illust .green_l_l {
  animation: green_l_l 5s infinite;
}
@keyframes green_l_l {
  0% {
    transform: rotate(5deg);
  }
  49% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
.coordinate_inner .coordinate_illust .green_l_c {
  animation: green_l_c 3s infinite;
}
@keyframes green_l_c {
  0% {
    transform: rotate(2deg);
  }
  49% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(-2deg);
  }
  100% {
    transform: rotate(-2deg);
  }
}
.coordinate_inner .coordinate_illust .green_l_r {
  animation: green_l_r 4s infinite;
}
@keyframes green_l_r {
  0% {
    transform: rotate(5deg);
  }
  49% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.coordinate_inner .coordinate_illust .green_c {
  animation: green_c 5s infinite;
}
@keyframes green_c {
  0% {
    transform: translateY(2px);
  }
  49% {
    transform: translateY(2px);
  }
  50% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}
.coordinate_inner .coordinate_illust .green_r_l {
  animation: green_r_l 4s infinite;
}
@keyframes green_r_l {
  0% {
    transform: rotate(-5deg);
  }
  49% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.coordinate_inner .coordinate_illust .green_c {
  animation: green_c 5s infinite;
}
@keyframes green_c {
  0% {
    transform: rotate(2deg);
  }
  49% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.coordinate_inner .coordinate_illust .green_r_r {
  animation: green_r_r 3s infinite;
}
@keyframes green_r_r {
  0% {
    transform: rotate(-2deg);
  }
  49% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(2deg);
  }
}

.coordinate_life {
  position: relative;
  margin-top: 40px;
  padding: 60px 20px;
  background-color: var(--to-c-pink);

  clip-path: polygon(0 40px, 50% 0, 100% 40px, 100% 100%, 0 100%);
}
@media (min-width: 768px) {
  .coordinate_life {
    margin-top: 0;
    padding: 90px 60px;

    clip-path: polygon(0 64px, 50% 0, 100% 64px, 100% 100%, 0 100%);
  }
}
@media (min-width: 1024px) {
  .coordinate_life {
    clip-path: polygon(0 120px, 50% 0, 100% 120px, 100% 100%, 0 100%);
  }
}

.coordinate_life_insta {
  margin: 0 auto;
  width: 50px;
  height: 50px;
}

.coordinate_life_ttl {
  position: relative;
  margin-top: 20px;
  text-align: center;
}
.coordinate_life_ttl h3 {
  font-size: 1.5rem;
  font-weight: var(--weight-bold);
  line-height: 1.25;
}
@media (min-width: 768px) {
  .coordinate_life_ttl h3 {
    font-size: 1.75rem;
  }
}

.coordinate_life_ttl_en {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: -20px;
  left: 0;
  margin: auto;
  color: var(--color-white);
  font-size: 2rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .coordinate_life_ttl_en {
    bottom: -45px;
    font-size: 3.5rem;
  }
}
@media (min-width: 1024px) {
  .coordinate_life_ttl_en {
    bottom: -55px;
    font-size: 5rem;
  }
}

.coordinate_life_lead {
  margin-top: 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .coordinate_life_lead {
    margin-top: 40px;
  }
}
.coordinate_life_lead p {
  font-size: 0.875rem;
  line-height: 1.786;
}

.coordinate_life_grid {
  margin-top: 60px;
}

.coordinate_life_link {
  margin: 40px auto 0;
  width: -moz-fit-content;
  width: fit-content;
}

.coordinate_simulation {
  margin-top: 60px;
  padding: 60px 20px;
  background-color: var(--to-c-pink);
}
@media (min-width: 768px) {
  .coordinate_simulation {
    margin-top: 70px;
    padding: 60px;
  }
}

@media (min-width: 1024px) {
  .coordinate_simulation_top {
    display: grid;
    align-items: flex-start;

    grid-template-columns: clamp(342px, min(33.3333333333vw, 480px), 480px) 1fr;
    grid-template-rows: auto auto 1fr;
    -moz-column-gap: 60px;
         column-gap: 60px;
  }
}

.coordinate_simulation_img {
  position: relative;
  width: 100%;

  aspect-ratio: 280/175;
}
@media (min-width: 1024px) {
  .coordinate_simulation_img {
    max-width: 480px;

    grid-column: 1;
    grid-row: 1/span 3;
  }
}
.coordinate_simulation_img .item_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.coordinate_simulation_img img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}

.coordinate_simulation_ttl {
  margin-top: 40px;
  text-align: center;
}
@media (min-width: 1024px) {
  .coordinate_simulation_ttl {
    margin-top: 0;
    text-align: left;

    grid-column: 2;
    grid-row: 1;
  }
}
.coordinate_simulation_ttl .ruby {
  display: inline-block;
  font-weight: var(--weight-bold);
}
.coordinate_simulation_ttl .ttl {
  margin-top: 10px;
  font-size: 1.5rem;
  line-height: 1.25;
}
@media (min-width: 768px) {
  .coordinate_simulation_ttl .ttl {
    font-size: 1.75rem;
  }
}

.coordinate_simulation_lead {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .coordinate_simulation_lead {
    margin-top: 40px;
  }
}
@media (min-width: 1024px) {
  .coordinate_simulation_lead {
    grid-column: 2;
    grid-row: 2;
  }
}
.coordinate_simulation_lead p {
  font-size: 0.875rem;
  line-height: 1.786;
}

.coordinate_simulation_link {
  margin: 40px auto 0;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 1024px) {
  .coordinate_simulation_link {
    margin: 40px 0 0;

    grid-column: 2;
    grid-row: 3;
  }
}

.coordinate_simulation_txt {
  margin-top: 60px;
}
.coordinate_simulation_txt p {
  font-size: 0.875rem;
  font-weight: var(--weight-bold);
  line-height: 1.786;
}

.coordinate_simulation_category_wrapper {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .coordinate_simulation_category_wrapper {
    display: grid;

    grid-template-columns: auto 1fr;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}

.coordinate_simulation_category {
  font-size: 0.875rem;
  line-height: 1.786;
}
@media (min-width: 768px) {
  .coordinate_simulation_category {
    padding: 5px 0;
    width: 4em;
  }
}

.coordinate_simulation_category_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;

  gap: 10px;
}
@media (min-width: 768px) {
  .coordinate_simulation_category_list {
    margin-top: 0;
  }
}

.coordinate_simulation_category_item > a {
  display: block;
  padding: 5px 10px;
  border: 1px solid var(--color-gray);
  border-radius: 5px;
  background-color: var(--color-white);
  font-size: 0.875rem;
  line-height: 1.786;
}

.article {
  overflow-x: clip;
  margin-top: 120px;
}
@media (min-width: 768px) {
  .article {
    margin-top: 150px;
  }
}
.article .c-slide-arrow {
  border-color: var(--color-white);
}

.article_inner {
  position: relative;
}
.article_inner::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 82px;
  right: 23px;
  width: 125px;
  height: 120px;
  transform: rotate(120deg);
  background: url("/assets/img/to_c/article_deco.webp") top right/contain no-repeat;
}
@media (min-width: 768px) {
  .article_inner::before {
    top: 135px;
    right: min(8.6805555556vw, 125px);
    width: min(17.3611111111vw, 250px);
    height: min(15.2777777778vw, 220px);
  }
}
.article_inner .article_illust {
  position: absolute;
  z-index: 1;
  bottom: 6px;
  left: 30px;
  width: 100px;
  height: 52px;
}
@media (min-width: 768px) {
  .article_inner .article_illust {
    bottom: 83px;
    left: min(15.2777777778vw, 220px);
    width: min(13.1944444444vw, 190px);
    height: min(6.25vw, 90px);
  }
}
.article_inner .article_illust svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: inherit;
  height: inherit;
}
.article_inner .article_illust svg .s-part.dog {
  animation: article_dog 3s infinite;
}
.article_inner .article_illust svg .s-part.tail {
  animation: article_tail 1s infinite;
}
@keyframes article_dog {
  0% {
    transform: rotate(-7deg);
  }
  49% {
    transform: rotate(-7deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes article_tail {
  0% {
    transform: rotate(-10deg);
  }
  49% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.article_note {
  overflow-x: clip;
  position: relative;
  margin-top: 60px;
  padding: 40px 20px 70px;
  background-color: var(--to-c-green);
}
@media (min-width: 768px) {
  .article_note {
    margin-top: 75px;
    padding: 68px 40px 90px;
  }
}
@media (min-width: 1024px) {
  .article_note {
    margin-top: 93px;
    padding: 50px 60px 90px;
  }
}

.article_note_parts {
  position: absolute;
  left: 0;
  width: 100%;
  height: 20px;
}
@media (min-width: 768px) {
  .article_note_parts {
    height: 40px;
  }
}
.article_note_parts._top {
  top: -19px;
}
@media (min-width: 768px) {
  .article_note_parts._top {
    top: -39px;
  }
}
.article_note_parts._top::before,
.article_note_parts._top::after {
  background-color: var(--to-c-green);
}
.article_note_parts._bottom {
  bottom: 0;
}
.article_note_parts._bottom::before,
.article_note_parts._bottom::after {
  background-color: var(--color-white);
}
.article_note_parts::before,
.article_note_parts::after {
  content: "";
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;

  clip-path: ellipse(50% 20px at 50% 100%);
}
@media (min-width: 768px) {
  .article_note_parts::before,
  .article_note_parts::after {
    clip-path: ellipse(50% 40px at 50% 100%);
  }
}
.article_note_parts::before {
  left: 0;
}
.article_note_parts::after {
  right: 0;
}

.article_note_ttl {
  position: relative;
  margin-top: 20px;
  text-align: center;
}
.article_note_ttl h3 {
  position: relative;
  z-index: 1;
  font-size: 1.5rem;
  font-weight: var(--weight-bold);
  line-height: 1.25;
}
@media (min-width: 768px) {
  .article_note_ttl h3 {
    font-size: 1.75rem;
  }
}

.article_note_ttl_en {
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  margin: auto;
  color: var(--color-white);
  font-size: 2rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .article_note_ttl_en {
    bottom: -45px;
    font-size: 3.5rem;
  }
}
@media (min-width: 1024px) {
  .article_note_ttl_en {
    bottom: -55px;
    font-size: 5rem;
  }
}

.article_note_lead {
  position: relative;
  margin-top: 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .article_note_lead {
    margin-top: 40px;
  }
}
.article_note_lead p {
  font-size: 0.875rem;
  line-height: 1.786;
}

.article_note_slide {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .article_note_slide {
    margin-top: 60px;
  }
}
@media (min-width: 768px) {
  .article_note_slide .splide::before,
  .article_note_slide .splide::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -20px;
    height: calc(100% + 40px);
    background-color: var(--to-c-green);
  }
  .article_note_slide .splide::before {
    left: -60px;
    width: 30px;
  }
  .article_note_slide .splide::after {
    right: -60px;
    width: 45px;
  }
}
.article_note_slide .splide__track {
  overflow: visible;
}

.article_note_slide_item {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .article_note_slide_item {
    width: calc(50% - 20px);
  }
}
@media (min-width: 1024px) {
  .article_note_slide_item {
    width: calc(33.333% - 27px);
  }
}
.article_note_slide_item._new::before {
  content: "NEW";
  display: grid;
  position: absolute;
  z-index: 2;
  top: -10px;
  left: -20px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  transform: translate3d(0, 0, 0);
  background-color: var(--color-red);
  color: var(--color-white);
  font-size: 0.875rem;
  font-weight: var(--weight-bold);

  place-items: center;
}

.article_note_slide_img {
  overflow: hidden;
  width: 100%;

  aspect-ratio: 280/175;
}
.article_note_slide_img img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}

.article_note_slide_tag {
  margin-top: 20px;
  padding: 5px 10px;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--color-white);
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.428;
}

.article_note_slide_txt_wrapper {
  margin-top: 10px;
  font-size: 1rem;
  line-height: 1.8;
}
.article_note_slide_txt_wrapper > p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;

  -webkit-line-clamp: 3;
}

.article_note_slide_info span {
  display: inline-block;
  position: relative;
  padding-left: 1em;
}
.article_note_slide_info span::before {
  content: "|";
  position: absolute;
  top: 0;
  left: 0.25em;
}

.article_note_link {
  margin: 60px auto 0;
  width: -moz-fit-content;
  width: fit-content;
}

.collection {
  overflow-x: clip;
  margin-top: 120px;
}
@media (min-width: 768px) {
  .collection {
    margin-top: 150px;
  }
}
@media (min-width: 1024px) {
  .collection {
    margin-top: 175px;
  }
}
.collection .p-to-c_bg {
  background-color: var(--to-c-blue);
}

.collection_inner {
  position: relative;
  padding-top: 70px;
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  .collection_inner {
    padding-block: 90px;
  }
}
@media (min-width: 1024px) {
  .collection_inner {
    display: grid;
    padding-top: 124px;
    padding-bottom: 105px;

    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
.collection_inner::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -37px;
  left: 0;
  width: 150px;
  height: 100px;
  background: url("/assets/img/to_c/collection_deco.webp") top left/contain no-repeat;
}
@media (min-width: 768px) {
  .collection_inner::before {
    top: -75px;
    left: min(16.0416666667vw, 231px);
    width: min(20.8333333333vw, 300px);
    height: min(13.8888888889vw, 200px);
  }
}

.collection_brand_list_wrapper {
  margin-top: 60px;
}
@media (min-width: 1024px) {
  .collection_brand_list_wrapper {
    margin-top: 0;

    grid-column: 2;
    grid-row: 1/span 2;
  }
}

.collection_brand_list {
  display: grid;
  justify-content: center;

  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
@media (min-width: 768px) {
  .collection_brand_list {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
@media (min-width: 1024px) {
  .collection_brand_list {
    justify-content: flex-start;
  }
}

.collection_brand_item {
  position: relative;
  width: 100%;

  aspect-ratio: 1/1;
}
.collection_brand_item .item_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.collection_brand_item img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}

.collection_link {
  margin: 60px auto 0;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 1024px) {
  .collection_link {
    margin: 60px 0 0;
  }
}

.number {
  overflow-x: clip;
  margin-top: 120px;
}
@media (min-width: 768px) {
  .number {
    margin-top: 150px;
  }
}
@media (min-width: 1024px) {
  .number {
    margin-top: 185px;
  }
}
.number .p-to-c_bg {
  background-color: var(--color-lily);
}

.number_inner {
  position: relative;
  padding-top: 70px;
  padding-bottom: 90px;
}
@media (min-width: 768px) {
  .number_inner {
    padding-block: 90px;
  }
}
@media (min-width: 1024px) {
  .number_inner {
    display: grid;

    grid-template-columns: auto 1fr;
    gap: 40px;
    padding-block: 120px;
  }
}
@media (min-width: 1024px) {
  .number_inner .p-to-c_head {
    width: 300px;
  }
}
.number_inner .number_illust {
  position: absolute;
  right: 23px;
  bottom: -34px;
  width: 86px;
  height: 82px;
}
@media (min-width: 768px) {
  .number_inner .number_illust {
    right: min(7.5vw, 108px);
    bottom: -44px;
    width: min(12.5vw, 180px);
    height: min(11.6666666667vw, 168px);
  }
}
.number_inner .number_illust svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: inherit;
  height: inherit;
}
.number_inner .number_illust .number_frame01 {
  animation: number_frame01 3s infinite;
}
.number_inner .number_illust .number_frame02 {
  animation: number_frame02 3s infinite;
}
.number_inner .number_illust .number_frame03 {
  animation: number_frame03 3s infinite;
}
@keyframes number_frame01 {
  0% {
    transform: translate(0, 0);
  }
  49% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-5px, 5px);
  }
  100% {
    transform: translate(-5px, 5px);
  }
}
@keyframes number_frame02 {
  0% {
    transform: translate(0, 0);
  }
  49% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(3px, -1px);
  }
  100% {
    transform: translate(3px, -1px);
  }
}
@keyframes number_frame03 {
  0% {
    transform: translate(0, 0);
  }
  49% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-3px, -2px);
  }
  100% {
    transform: translate(-3px, -2px);
  }
}

.number_input_wrapper {
  overflow: hidden;
  position: relative;
  margin-top: 60px;
  border: 1px solid var(--color-line-gray);
  border-radius: 5px;
}
@media (min-width: 1024px) {
  .number_input_wrapper {
    align-self: flex-end;
    margin: 0;
    max-width: 600px;
  }
}

.number_input_box input {
  padding: 15px 80px 15px 20px;
  border: none;
  width: 100%;
}

.number_input_search {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 20px 9px;
  border-radius: 0;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
}
.number_input_search[type=submit] {
  border-radius: 0;
  background-color: var(--color-gray);
  color: var(--color-white);
}

#errorList {
  display: block;
  position: relative;
  top: 8px;
  text-align: left;
  color: #e01735;
  font-size: 0.875rem;
}

.view-buy {
  overflow-x: clip;
  margin-top: 120px;
}
@media (min-width: 768px) {
  .view-buy {
    margin-top: 162px;
  }
}
@media (min-width: 1024px) {
  .view-buy {
    margin-top: 177px;
  }
}
.view-buy .p-to-c_bg {
  background-color: var(--color-lily);
}

.view-buy_inner {
  position: relative;

  padding-block: 60px;
}
@media (min-width: 768px) {
  .view-buy_inner {
    padding-block: 90px;
  }
}
@media (min-width: 1024px) {
  .view-buy_inner {
    padding-top: 120px;
    padding-bottom: 100px;
  }
}
.view-buy_inner::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -41px;
  left: 24px;
  width: 125px;
  height: 83px;
  transform: rotate(30deg);
  background: url("/assets/img/to_c/view_deco.webp") top right/contain no-repeat;

  mix-blend-mode: multiply;
}
@media (min-width: 768px) {
  .view-buy_inner::before {
    top: -32px;
    left: min(30.9027777778vw, 445px);
    width: min(17.3611111111vw, 250px);
    height: min(11.5277777778vw, 166px);
  }
}

@media (min-width: 1024px) {
  .view {
    display: grid;

    grid-template-columns: 1fr minmax(392px, 1fr);
    grid-template-rows: auto 1fr;
    -moz-column-gap: 80px;
         column-gap: 80px;
    row-gap: 40px;
  }
}
@media (min-width: 1024px) {
  .view .p-toc_head {
    grid-column: 1;
    grid-row: 1;
  }
}

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

.view_img {
  margin-top: 60px;
  width: 100%;

  aspect-ratio: 16/10;
}
@media (min-width: 1024px) {
  .view_img {
    margin-top: 0;

    grid-column: 2;
    grid-row: 1/span 2;
  }
}
.view_img img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}

.view_cont {
  margin-top: 40px;
}
@media (min-width: 1024px) {
  .view_cont {
    margin-top: 0;

    grid-column: 1;
    grid-row: 2;
  }
}

.view_txt {
  font-size: 1rem;
}

.view_link {
  margin: 40px auto 0;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 1024px) {
  .view_link {
    margin: 60px 0 0;
  }
}

.buy {
  margin-top: 90px;
}

.buy_cont_wrapper {
  margin-top: 60px;
}
@media (min-width: 768px) {
  .buy_cont_wrapper {
    margin-top: 40px;
  }
}
@media (min-width: 1024px) {
  .buy_cont_wrapper {
    display: grid;

    grid-template-columns: repeat(2, 1fr);
    gap: 80px;
  }
}

.buy_cont:not(:first-child) {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .buy_cont:not(:first-child) {
    margin-top: 60px;
  }
}
@media (min-width: 1024px) {
  .buy_cont:not(:first-child) {
    margin-top: 0;
  }
}

.buy_img {
  width: 100%;

  aspect-ratio: 16/10;
}
.buy_img img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}

.buy_txt {
  margin-top: 40px;
}

.buy_link {
  margin: 40px auto 0;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .buy_link {
    margin: 40px 0 0;
  }
}

.support {
  overflow-x: clip;
  margin-top: 120px;
}
@media (min-width: 768px) {
  .support {
    margin-top: 150px;
  }
}
@media (min-width: 1024px) {
  .support {
    margin-top: 180px;
  }
}
.support .p-to-c_bg {
  background-color: var(--color-lily);
}

.support_inner {
  position: relative;
  padding-top: 90px;
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  .support_inner {
    padding-block: 90px;
  }
}
@media (min-width: 1024px) {
  .support_inner {
    padding-block: 120px;
  }
}
.support_inner::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -67px;
  right: -17px;
  width: 217px;
  height: 146px;
  background: url("/assets/img/to_c/support_deco.webp") top right/contain no-repeat;

  mix-blend-mode: multiply;
}
@media (min-width: 768px) {
  .support_inner::before {
    top: -65px;
    right: min(3.9583333333vw, 57px);
    width: min(30.1388888889vw, 434px);
    height: min(20.0694444444vw, 289px);
  }
}

.support_list_wrapper {
  margin-top: 60px;
}

.support_list {
  display: flex;
  flex-direction: column;

  row-gap: 60px;
}
@media (min-width: 768px) {
  .support_list {
    display: grid;

    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }
}

.support_item_img {
  width: 100%;

  aspect-ratio: 16/10;
}
.support_item_img img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}

.support_item_link {
  margin-top: 20px;
}

.business {
  overflow: hidden;
  position: relative;
  margin-top: 120px;
  padding: 90px 20px;
}
@media (min-width: 768px) {
  .business {
    margin-top: 150px;
    padding: 120px 20px;
  }
}
@media (min-width: 1024px) {
  .business {
    margin-top: 180px;
  }
}

.business_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 100px);

  filter: brightness(0.7);
}
.business_bg img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}

.business_ttl {
  position: relative;
  text-align: center;
  color: var(--color-white);
  font-size: 1.5rem;
  font-weight: var(--weight-bold);
  line-height: 1.25;
}
@media (min-width: 768px) {
  .business_ttl {
    font-size: 1.75rem;
  }
}

.business_link {
  position: relative;
  margin: 60px auto 0;
}
@media (min-width: 768px) {
  .business_link {
    width: 324px;
  }
}
@media (min-width: 1024px) {
  .business_link {
    width: 400px;
  }
}

.news {
  overflow-x: clip;
  margin-top: 120px;
}
@media (min-width: 768px) {
  .news {
    margin-top: 150px;
  }
}
@media (min-width: 1024px) {
  .news {
    margin-top: 180px;
  }
}
.news .p-to-c_bg {
  background-color: var(--color-lily);
}

.news_inner {
  position: relative;

  padding-block: 70px;
}
@media (min-width: 768px) {
  .news_inner {
    padding-top: 90px;
    padding-bottom: 66px;
  }
}
@media (min-width: 1024px) {
  .news_inner {
    padding-block: 120px;
  }
}
.news_inner::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -59px;
  left: 40px;
  width: 150px;
  height: 129px;
  background: url("/assets/img/to_c/news_deco.webp") top left/contain no-repeat;
}
@media (min-width: 768px) {
  .news_inner::before {
    top: -66px;
    left: min(29.1666666667vw, 420px);
    width: min(20.8333333333vw, 300px);
    height: min(17.9166666667vw, 258px);
  }
}
.news_inner .news_illust {
  position: absolute;
  z-index: 1;
  top: 81px;
  right: 20px;
  width: 70px;
  height: 72px;
}
@media (min-width: 768px) {
  .news_inner .news_illust {
    top: min(9.0277777778vw, 130px);
    right: min(11.8055555556vw, 170px);
    width: min(9.7222222222vw, 140px);
    height: min(9.8611111111vw, 142px);
  }
}
.news_inner .news_illust svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: inherit;
  height: inherit;
}
.news_inner .news_illust .doted_ball {
  animation: dot_ball 5s infinite;
}
@keyframes dot_ball {
  0% {
    transform: scaleY(1);
  }
  49% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(-1) translateY(9px);
  }
  100% {
    transform: scaleY(-1) translateY(9px);
  }
}
.news_inner .news_illust .doted_line_top {
  animation: dot_line_top 5s infinite;
}
@keyframes dot_line_top {
  0% {
    transform: rotate(-5deg);
  }
  49% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.news_inner .news_illust .doted_line_bottom {
  animation: dot_line_bottom 5s infinite;
}
@keyframes dot_line_bottom {
  0% {
    transform: rotate(3deg);
  }
  49% {
    transform: rotate(3deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.news_inner .news_illust .curtain_right_bottom {
  animation: curtain_right_bottom 5s infinite;
}
@keyframes curtain_right_bottom {
  0% {
    transform: rotate(0deg);
  }
  29% {
    transform: rotate(0deg);
  }
  30% {
    transform: rotate(1deg);
  }
  59% {
    transform: rotate(1deg);
  }
  60% {
    transform: rotate(2.5deg);
  }
  100% {
    transform: rotate(2.5deg);
  }
}

.news_lead {
  margin-top: 20px;
}
.news_lead > p {
  font-size: 1rem;
}

.about {
  margin-top: 90px;
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  .about {
    margin-top: 105px;
  }
}
@media (min-width: 1024px) {
  .about {
    margin-top: 120px;
  }
}

.about_body {
  padding: 60px 20px;
  border: 1px solid var(--color-line-gray);
}
@media (min-width: 768px) {
  .about_body {
    padding: 60px 40px;
  }
}
@media (min-width: 1024px) {
  .about_body {
    display: grid;
    padding: 60px;

    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
    -moz-column-gap: 60px;
         column-gap: 60px;
  }
}

.about_ttl {
  text-align: center;
  font-size: 1.5rem;
  font-weight: var(--weight-bold);
  line-height: 1.25;
}
@media (min-width: 1024px) {
  .about_ttl {
    text-align: left;
  }
}

.about_img {
  margin-top: 40px;
  width: 100%;

  aspect-ratio: 280/175;
}
@media (min-width: 1024px) {
  .about_img {
    align-self: center;
    margin-top: 0;
    width: 400px;

    grid-column: 2/2;
    grid-row: 1/span 2;
  }
}
.about_img img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}

.about_cont {
  margin-top: 40px;
}

.about_lead {
  font-size: 1rem;
  font-weight: var(--weight-bold);
}

.about_txt {
  margin-top: 20px;
  font-size: 0.875rem;
  line-height: 1.786;
}

.about_link {
  margin: 40px auto 0;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 1024px) {
  .about_link {
    margin: 40px 0 0;
  }
}

.coordinate_simulation_category_item > a {
  transition: border-color 0.16s cubic-bezier(0.25, 0.25, 0.75, 0.75), color 0.16s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.coordinate_simulation_category_item > a:hover {
  border-color: var(--color-red);
  transition: border-color 0.24s cubic-bezier(0.25, 0.25, 0.75, 0.75), color 0.24s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  color: var(--color-red);
}

.article_note_slide_item > a .article_note_slide_img {
  transform: translate3d(0, 0, 0);

  filter: blur(0px);
}
.article_note_slide_item > a .article_note_slide_img img {
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translate3d(0, 0, 0);

  filter: blur(0px);
}
.article_note_slide_item > a:hover {
  color: var(--color-black);
}
.article_note_slide_item > a:hover .article_note_slide_img img {
  transition: transform 0.46s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scale(1.06);
}

.s-part {
  transform-origin: var(--originXPos) var(--originYPos);

  --originXPos: center;
  --originYPos: center;
}

.js-fadeImg {
  overflow: hidden;
}

.js-fadeImgItem img {
  transform: rotate(0.0001deg) translate3d(0, 0, 0);
}
.js-fadeImgItem.is-prev {
  z-index: 1;
}
.js-fadeImgItem.is-active {
  z-index: 3;
  transition: clip-path 0.9s cubic-bezier(0.77, 0, 0.275, 1);

  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.js-fadeImgItem.is-active img {
  animation: scaleIn 1.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
}
.js-fadeImgItem.is-next {
  z-index: 2;

  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}

@keyframes scaleIn {
  0% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes kakukaku {
  0% {
    transform: rotate(-5deg);
  }
  49% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(5deg);
  }
}