@media screen and (min-width:768px) {
  .p-top__title {
    font-family: IvyJournal, sans-serif;
    font-size: 34px;
    letter-spacing: 0;
    line-height: 1
  }

  .p-top__title-ja {
    display: inline-block;
    font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    color: #666;
    font-size: 13px;
    letter-spacing: .1em;
    margin-left: 9px;
    -webkit-transform: translate(0, -1px);
    -ms-transform: translate(0, -1px);
    transform: translate(0, -1px)
  }

  .p-top-mv__slider a {
    display: block
  }

  .p-top-mv__slider img,
  .p-top-mv__slider picture {
    width: 100%
  }

  .p-top-mv__slider .c-slider__arrow {
    top: 48.4%;
    width: 84px;
    height: 84px
  }

  .p-top-mv__slider .c-slider__arrow::after,
  .p-top-mv__slider .c-slider__arrow::before {
    background-color: #333;
    height: 1px;
    width: 18px
  }

  .p-top-mv__slider .c-slider__arrow--prev::before {
    -webkit-transform: translate(-50%, calc(-50% - 6px)) rotate(-45deg);
    -ms-transform: translate(-50%, calc(-50% - 6px)) rotate(-45deg);
    transform: translate(-50%, calc(-50% - 6px)) rotate(-45deg)
  }

  .p-top-mv__slider .c-slider__arrow--prev::after {
    -webkit-transform: translate(-50%, calc(-50% + 6px)) rotate(45deg);
    -ms-transform: translate(-50%, calc(-50% + 6px)) rotate(45deg);
    transform: translate(-50%, calc(-50% + 6px)) rotate(45deg)
  }

  .p-top-mv__slider .c-slider__arrow--next::before {
    -webkit-transform: translate(-50%, calc(-50% - 6px)) rotate(45deg);
    -ms-transform: translate(-50%, calc(-50% - 6px)) rotate(45deg);
    transform: translate(-50%, calc(-50% - 6px)) rotate(45deg)
  }

  .p-top-mv__slider .c-slider__arrow--next::after {
    -webkit-transform: translate(-50%, calc(-50% + 6px)) rotate(-45deg);
    -ms-transform: translate(-50%, calc(-50% + 6px)) rotate(-45deg);
    transform: translate(-50%, calc(-50% + 6px)) rotate(-45deg)
  }

  .p-top-mv__slider.is-visible+.p-top-mv__campaign {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }

  .p-top-mv__campaign {
    position: absolute;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    background: #fff;
    padding: 20px 50px 20px 20px;
    max-width: 763px;
    overflow: hidden
  }

  .p-top-mv__campaign-slider.swiper-initialized .p-top-mv__campaign-item+.p-top-mv__campaign-item {
    margin-left: 0
  }

  .p-top-mv__campaign-item {
    width: 320px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
  }

  .p-top-mv__campaign-item::before {
    content: "";
    display: block;
    position: absolute;
    left: -26px;
    top: 0;
    bottom: 0;
    border-left: 1px solid #ddd
  }

  .p-top-mv__campaign-item+.p-top-mv__campaign-item {
    margin-left: 53px
  }

  .p-top-mv__campaign a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
  }

  .p-top-mv__campaign a:hover {
    opacity: .5
  }

  .p-top-mv__campaign-image {
    width: 130px
  }

  .p-top-mv__campaign-image img {
    width: 100%
  }

  .p-top-mv__campaign-content {
    padding-left: 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
  }

  .p-top-mv__campaign-title {
    margin-top: 6px;
    font-size: 13px;
    letter-spacing: .08em;
    line-height: 22px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
  }

  .p-top-mv__campaign-date {
    margin-top: 7px;
    font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: 600;
    font-size: 10px;
    color: #999
  }

  .p-top-mv__campaign-new {
    display: inline-block;
    margin-left: 5px;
    color: #6250ea
  }

  .p-top-mv__campaign-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 10
  }

  .p-top-mv__campaign-arrow::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ddd;
    opacity: .9;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    z-index: 1
  }

  .p-top-mv__campaign-arrow:hover::before {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }

  .p-top-mv__campaign-arrow--prev {
    left: 10px;
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg)
  }

  .p-top-mv__campaign-arrow--next {
    right: 10px
  }

  .p-top-mv__campaign-arrow.is-disabled {
    opacity: 0;
    pointer-events: none
  }

  .p-top-mv__campaign-arrow-icon {
    z-index: 2;
    display: block;
    width: 7px;
    height: 7px;
    margin-right: 3px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    position: relative;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .p-top-synergy {
    margin-top: 96px
  }

  .p-top-synergy__inner {
    position: relative;
    background: #fff;
    border-radius: 20px;
    width: 95.3125%;
    margin: 0 auto;
    padding: 69px 0 60px
  }

  .p-top-synergy__bg {
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(115px + 2.734*var(--vw));
    z-index: 1
  }

  .p-top-synergy__bg img,
  .p-top-synergy__bg picture {
    display: block;
    position: relative;
    width: 100%;
    z-index: 2
  }

  .p-top-synergy__content {
    position: relative;
    z-index: 2;
    width: 100%
  }

  .p-top-synergy__subtitle {
    margin-top: 23px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: .08em;
    text-align: center
  }

  .p-top-synergy__products {
    margin-top: 35px;
    position: relative;
    height: calc(18.906*var(--vw));
    width: 100%
  }

  .p-top-synergy__product {
    position: absolute
  }

  .p-top-synergy__product img {
    width: 100%
  }

  .p-top-synergy__product--1 {
    left: calc(16.406*var(--vw));
    top: calc(1*var(--vw));
    width: calc(25.859*var(--vw))
  }

  .p-top-synergy__product--2 {
    right: calc(24.921*var(--vw));
    top: 0;
    width: calc(12.325*var(--vw))
  }

  .p-top-synergy__cross {
    width: calc(3.125*var(--vw));
    position: absolute;
    left: calc(50% - 3.125*var(--vw)/ 2);
    top: calc(4.296*var(--vw))
  }

  .p-top-synergy__cross img {
    width: 100%
  }

  .p-top-synergy__title {
    width: calc(19.531*var(--vw));
    margin: 0 auto
  }

  .p-top-synergy__title img {
    width: 100%
  }

  .p-top-synergy__button {
    margin-top: 15px;
    text-align: center
  }

  .p-top-product {
    margin-top: 30px
  }

  .p-top-product__inner {
    width: 95.3125%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px
  }

  .p-top-product__item {
    position: relative;
    overflow: hidden;
    border-radius: 15px
  }

  .p-top-product__content {
    position: absolute;
    left: 0;
    right: 0;
    top: 59px;
    text-align: center
  }

  .p-top-product__image img {
    width: 100%
  }

  .p-top-product__lead {
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 28px
  }

  .p-top-product__title {
    margin-top: 6px;
    font-size: 26px;
    letter-spacing: .1em;
    line-height: 36px
  }

  .p-top-product__subtitle {
    margin-top: 8px;
    font-family: IvyJournal, sans-serif;
    font-size: 15px;
    letter-spacing: .01em;
    line-height: 1;
    color: #999
  }

  .p-top-product__button {
    position: absolute;
    left: 50%;
    bottom: 40px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }

  .p-top-loopcare {
    margin-top: 120px
  }

  .p-top-loopcare__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }

  .p-top-loopcare__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 17px
  }

  .p-top-loopcare__title {
    width: 232px
  }

  .p-top-loopcare__title img {
    width: 100%
  }

  .p-top-loopcare__subtitle {
    margin-top: 28px;
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 28px;
    text-align: left
  }

  .p-top-loopcare__button {
    margin-top: 39px
  }

  .p-top-loopcare__button .c-button {
    margin: 0
  }

  .p-top-loopcare__image {
    width: 70.178%
  }

  .p-top-loopcare__image img,
  .p-top-loopcare__image picture {
    width: 100%
  }

  .p-top-history {
    margin-top: 57px
  }

  .p-top-history__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 5px 5px 30px rgba(0, 0, 0, .05);
    box-shadow: 5px 5px 30px rgba(0, 0, 0, .05)
  }

  .p-top-history__image {
    width: 48.75%
  }

  .p-top-history__image img,
  .p-top-history__image picture {
    width: 100%
  }

  .p-top-history__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 94px
  }

  .p-top-history__title {
    font-family: IvyJournal, sans-serif;
    font-size: 14px;
    letter-spacing: .02em;
    line-height: 1;
    color: #6250ea
  }

  .p-top-history__subtitle {
    margin-top: 16px;
    font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 28px
  }

  .p-top-history__button {
    margin-top: 26px
  }

  .p-top-flow {
    margin-top: 80px
  }

  .p-top-flow__inner {
    padding-top: 77px;
    border-top: 1px solid rgba(177, 177, 211, .3)
  }

	/*20260527*/
.p-top-colmun {
    margin-top: 105px;
    padding: 93px 0 105px;
    background: #fff;
    overflow: hidden
  }

  .p-top-colmun__inner {
    width: 72.4218%
  }

  .p-top-colmun__slider {
    margin-top: 39px
  }

  .p-top-colmun__list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }

  .p-top-colmun__item {
    /*width: calc(20*var(--vw));*/
	  width: 300px;
    position: relative;
    overflow: hidden;
    margin-right: 18px;
    z-index: 2
  }

  .p-top-colmun__item a {
    display: block;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
  }

  .p-top-colmun__item a:hover {
    opacity: .5
  }

  .p-top-colmun__item img {
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 3 / 2; /* 高さ揃え（横長3:2でクロップ） */
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
  }
	
	.p-top-colmun__item ._item{}
	.p-top-colmun__item ._item ._img{
		margin-bottom: 20px
	}
	.p-top-colmun__item ._item ._tagbox{
		margin-bottom: 25px;
		display: flex;
		flex-wrap: wrap;
		gap: 14px
	}
	.p-top-colmun__item ._item ._tag{
		/*border: 1px solid #000;
		border-radius: 4px;
		padding: 8px 10px;
		font-size: 13px;
		line-height: 1;
		white-space: nowrap*/
		color: #acacac;
		font-size: 12px;
		line-height: 1;
		white-space: nowrap
	}
	.p-top-colmun__item ._item ._txt{
		margin-bottom: 15px;
		font-size: 14px;
		line-height: 2
	}
	.p-top-colmun__item ._item ._date{
		text-align: right;
		color: #acacac;
		font-size: 14px;
	}

  .p-top-colmun__button {
    position: absolute;
    right: calc((100% - 72.4218%)/ 2);
    top: 96px
  }

  .p-top-colmun__button .c-button {
    width: 130px
  }
	
  .p-top-instagram {
    /*margin-top: 105px;*/
    padding: 93px 0 86px;
    background: #fff;
    overflow: hidden
  }

  .p-top-instagram__inner {
    width: 72.4218%
  }

  .p-top-instagram__slider {
    margin-top: 39px
  }

  .p-top-instagram__list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }

  .p-top-instagram__item {
    width: calc(20*var(--vw));
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    margin-right: 10px;
    z-index: 2
  }

  .p-top-instagram__item a {
    display: block;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
  }

  .p-top-instagram__item a:hover {
    opacity: .5
  }

  .p-top-instagram__item img {
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 510/638;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
  }

  .p-top-instagram__button {
    position: absolute;
    right: calc((100% - 72.4218%)/ 2);
    top: 96px
  }

  .p-top-instagram__button .c-button {
    width: 130px
  }

  .p-top-news {
    padding: 0 0 173px;
    background: #fff
  }

  .p-top-news__inner {
    position: relative;
    width: 72.4218%
  }

  .p-top-news__list {
    margin-top: 37px
  }

  .p-top-news__item {
    border-top: 1px solid #ddd;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
  }

  .p-top-news__item:last-child {
    border-bottom: 1px solid #ddd
  }

  .p-top-news__item a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    padding: 22px 50px 22px 30px
  }

  .p-top-news__item a:hover {
    background: #f5f5f5
  }

  .p-top-news__item a::after,
  .p-top-news__item a::before {
    content: "";
    display: block;
    position: absolute;
    right: 38px;
    top: calc(50% - 1px);
    width: 10px;
    height: 2px;
    background: #707070;
    border-radius: 2px
  }

  .p-top-news__item a::before {
    -webkit-transform: translate(0, -2.5px) rotate(45deg) scale(.8);
    -ms-transform: translate(0, -2.5px) rotate(45deg) scale(.8);
    transform: translate(0, -2.5px) rotate(45deg) scale(.8)
  }

  .p-top-news__item a::after {
    -webkit-transform: translate(0, 2.5px) rotate(-45deg) scale(.8);
    -ms-transform: translate(0, 2.5px) rotate(-45deg) scale(.8);
    transform: translate(0, 2.5px) rotate(-45deg) scale(.8)
  }

  .p-top-news__item:hover {
    border-color: #fff
  }

  .p-top-news__item:hover+.p-top-news__item {
    border-top: 1px solid #fff
  }

  .p-top-news__item-date {
    width: 140px;
    font-size: 13px;
    line-height: 1;
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: 600
  }

  .p-top-news__item-new {
    display: inline-block;
    margin-left: 7px;
    color: #6250ea
  }

  .p-top-news__item-category {
    width: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .p-top-news__item-category .c-label-category {
    width: 100%
  }

  .p-top-news__item-title {
    margin-left: 17px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .1em
  }

  .p-top-news__button {
    position: absolute;
    right: 0;
    top: 5px
  }

  .p-top-news__button .c-button {
    width: 130px
  }
}

@media screen and (max-width:767px) {
  .p-top__title {
    font-family: IvyJournal, sans-serif;
    font-size: 27px;
    letter-spacing: 0;
    line-height: 1
  }

  .p-top__title-ja {
    margin-top: 12px;
    display: block;
    font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    color: #666;
    font-size: 11px;
    letter-spacing: .1em
  }

  .p-top-mv__slider a {
    display: block
  }

  .p-top-mv__slider img,
  .p-top-mv__slider picture {
    width: 100%
  }

  .p-top-mv__campaign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    background: #fff
  }

  .p-top-mv__campaign-slider {
    padding: 12px 10px;
    width: 100%
  }

  .p-top-mv__campaign-slider.is-single-slide .p-top-mv__campaign-item {
    width: 100%
  }

  .p-top-mv__campaign-item {
    width: 270px
  }

  .p-top-mv__campaign a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .p-top-mv__campaign-image {
    width: 120px
  }

  .p-top-mv__campaign-image img {
    width: 100%
  }

  .p-top-mv__campaign-content {
    padding-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
  }

  .p-top-mv__campaign-title {
    margin-top: 8px;
    font-size: 12px;
    letter-spacing: .08em;
    line-height: 17px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
  }

  .p-top-mv__campaign-date {
    margin-top: 12px;
    font-weight: 600;
    font-size: 10px;
    color: #999
  }

  .p-top-mv__campaign-new {
    display: inline-block;
    margin-left: 5px;
    color: #6250ea
  }

  .p-top-mv__campaign-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 10
  }

  .p-top-mv__campaign-arrow::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ddd;
    opacity: .9;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    z-index: 1
  }

  .p-top-mv__campaign-arrow--prev {
    display: none
  }

  .p-top-mv__campaign-arrow--next {
    right: 10px
  }

  .p-top-mv__campaign-arrow.is-disabled {
    opacity: 0;
    pointer-events: none
  }

  .p-top-mv__campaign-arrow-icon {
    z-index: 2;
    display: block;
    width: 7px;
    height: 7px;
    margin-right: 3px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    position: relative;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .p-top-synergy {
    position: relative;
    margin-top: 30px
  }

  .p-top-synergy__inner {
    background: #fff;
    border-radius: 10px;
    margin: 0 auto;
    padding: 19px 0 20px
  }

  .p-top-synergy__bg {
    pointer-events: none;
    position: absolute;
    top: 192px;
    right: 0;
    left: 0;
    z-index: 1
  }

  .p-top-synergy__bg img,
  .p-top-synergy__bg picture {
    display: block;
    position: relative;
    width: 100%;
    z-index: 2
  }

  .p-top-synergy__title {
    position: relative;
    width: 37.96vw;
    margin: 0 auto
  }

  .p-top-synergy__title img {
    width: 100%
  }

  .p-top-synergy__subtitle {
    margin-top: 20px;
    font-size: 13px;
    letter-spacing: .08em;
    line-height: 20px;
    text-align: center
  }

  .p-top-synergy__products {
    margin-top: 5.16vw;
    position: relative;
    height: 29.7066vw;
    z-index: 3
  }

  .p-top-synergy__product {
    position: absolute
  }

  .p-top-synergy__product img {
    width: 100%
  }

  .p-top-synergy__product--1 {
    width: 40.56vw;
    left: 5.44vw;
    top: 2.4vw
  }

  .p-top-synergy__product--2 {
    width: 19.368vw;
    right: 11.7867vw;
    top: 0
  }

  .p-top-synergy__cross {
    width: 5.33vw;
    position: absolute;
    left: 46.666vw;
    top: 9.333vw
  }

  .p-top-synergy__cross img {
    width: 100%
  }

  .p-top-synergy__button {
    position: relative;
    z-index: 3;
    margin-top: 25px;
    text-align: center
  }

  .p-top-synergy__button .c-button {
    width: 145px
  }

  .p-top-product {
    margin-top: 20px
  }

  .p-top-product__inner {
    margin: 0 auto
  }

  .p-top-product__item {
    position: relative;
    border-radius: 10px;
    overflow: hidden
  }

  .p-top-product__item:not(:first-child) {
    margin-top: 20px
  }

  .p-top-product__content {
    position: absolute;
    left: 0;
    right: 0;
    top: 23px;
    text-align: center
  }

  .p-top-product__image img {
    width: 100%
  }

  .p-top-product__lead {
    font-size: 12px;
    letter-spacing: .08em;
    line-height: 20px
  }

  .p-top-product__title {
    margin-top: 12px;
    font-size: 18px;
    letter-spacing: .08em;
    line-height: 1
  }

  .p-top-product__subtitle {
    margin-top: 9px;
    font-family: IvyJournal, sans-serif;
    font-size: 13px;
    line-height: 1;
    color: #999
  }

  .p-top-product__button {
    position: absolute;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }

  .p-top-product__button .c-button {
    width: 145px;
    height: 50px;
    border-radius: 25px
  }

  .p-top-product__button .c-button::before {
    opacity: .9
  }

  .p-top-loopcare {
    margin-top: 80px
  }

  .p-top-loopcare__inner {
    width: 100%
  }

  .p-top-loopcare__image {
    width: 100%
  }

  .p-top-loopcare__image img,
  .p-top-loopcare__image picture {
    width: 100%
  }

  .p-top-loopcare__content {
    width: 84%;
    margin: 28px auto 0
  }

  .p-top-loopcare__title {
    width: 67.16417%
  }

  .p-top-loopcare__title img {
    width: 100%
  }

  .p-top-loopcare__subtitle {
    margin-top: 16px;
    font-size: 14px;
    letter-spacing: .08em;
    line-height: 24px
  }

  .p-top-loopcare__button {
    margin-top: 24px
  }

  .p-top-loopcare__button .c-button {
    margin: 0;
    width: 145px
  }

  .p-top-history {
    margin-top: 68px
  }

  .p-top-history__inner {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, .05);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, .05)
  }

  .p-top-history__image img,
  .p-top-history__image picture {
    width: 100%
  }

  .p-top-history__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 19px 24px 28px
  }

  .p-top-history__title {
    font-family: IvyJournal, sans-serif;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1;
    color: #6250ea
  }

  .p-top-history__subtitle {
    margin-top: 10px;
    font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: .08em;
    line-height: 25px
  }

  .p-top-history__button {
    margin-top: 16px
  }

  .p-top-flow {
    margin-top: 56px
  }

  .p-top-flow__inner {
    padding-top: 69px;
    border-top: 1px solid rgba(177, 177, 211, .3)
  }
	
/*20260527*/
	.p-top-colmun {
		margin-top: 77px;
		padding: 47px 0 68px;
		background: #fff;
		overflow: hidden
	}

	.p-top-colmun__slider {
		margin-top: 25px
	}

	.p-top-colmun__list {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex
	}

	.p-top-colmun__item {
		width: 45.33vw;
		overflow: hidden;
		margin-right: 15px;
		position: relative;
		z-index: 2
	}

	.p-top-colmun__item img {
		position: relative;
		z-index: 1;
		width: 100%;
		/*aspect-ratio: 510/638;*/
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: center;
		object-position: center
	}

	.p-top-colmun__item ._item{}
	.p-top-colmun__item ._item ._img{
		margin-bottom: 15px
	}
	.p-top-colmun__item ._item ._tagbox{
		margin-bottom: 20px;
		display: flex;
		column-gap: 12px
	}
	.p-top-colmun__item ._item ._tag{
		/*border: 1px solid #000;
		border-radius: 4px;
		padding: 8px 10px;
		font-size: 10px;
		line-height: 1*/
		color: #acacac;
		font-size: 10px;
		line-height: 1;
		white-space: nowrap
	}
	.p-top-colmun__item ._item ._txt{
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 2
	}
	.p-top-colmun__item ._item ._date{
		text-align: right;
		color: #acacac;
		font-size: 11px;
	}

	.p-top-colmun__button {
		margin-top: 50px
	}
	

  .p-top-instagram {
    /*margin-top: 77px;*/
    padding: 47px 0 68px;
    background: #fff;
    overflow: hidden
  }

  .p-top-instagram__slider {
    margin-top: 25px
  }

  .p-top-instagram__list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }
	
  .p-top-instagram__item {
    width: 45.33vw;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 15px;
    position: relative;
    z-index: 2
  }

  .p-top-instagram__item img {
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 510/638;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
  }

  .p-top-instagram__button {
    margin-top: 25px
  }

  .p-top-news {
    padding: 0 0 128px;
    background: #fff
  }

  .p-top-news__list {
    margin-top: 34px
  }

  .p-top-news__item {
    border-top: 1px solid #ddd
  }

  .p-top-news__item:last-child {
    border-bottom: 1px solid #ddd
  }

  .p-top-news__item a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 30px 17px 0
  }

  .p-top-news__item a::after,
  .p-top-news__item a::before {
    content: "";
    display: block;
    position: absolute;
    right: 6px;
    top: calc(50% - 1px);
    width: 9px;
    height: 2px;
    background: #707070;
    border-radius: 2px
  }

  .p-top-news__item a::before {
    -webkit-transform: translate(0, -2px) rotate(45deg) scale(.8);
    -ms-transform: translate(0, -2px) rotate(45deg) scale(.8);
    transform: translate(0, -2px) rotate(45deg) scale(.8)
  }

  .p-top-news__item a::after {
    -webkit-transform: translate(0, 2px) rotate(-45deg) scale(.8);
    -ms-transform: translate(0, 2px) rotate(-45deg) scale(.8);
    transform: translate(0, 2px) rotate(-45deg) scale(.8)
  }

  .p-top-news__item-date {
    font-size: 11px;
    line-height: 1;
    letter-spacing: -.01em;
    font-weight: 600;
    color: #999
  }

  .p-top-news__item-new {
    display: inline-block;
    margin-left: 7px;
    color: #6250ea
  }

  .p-top-news__item-category {
    margin-left: 13px
  }

  .p-top-news__item-category .c-label-category {
    font-size: 10px;
    padding: 4px 6px 3px
  }

  .p-top-news__item-title {
    width: 100%;
    margin-top: 8px;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: .08em
  }

  .p-top-news__button {
    margin-top: 28px
  }
}