@charset "UTF-8";
.takeo-0516__lp {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #000000;
  font-weight: 400;
  inline-size: 100%;
  overflow-x: hidden;
}
.takeo-0516__lp img {
  inline-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.takeo-0516__lp a {
  display: inline-block;
  cursor: pointer;
  transition: opacity 0.2s;
  text-decoration: none;
  color: #222222;
}
.takeo-0516__lp a:hover {
  opacity: 0.8;
}
.takeo-0516__lp ul:after {
  display: none;
}
.takeo-0516__lp .sp_no {
  display: none;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .sp_no {
    display: block;
  }
}
.takeo-0516__lp .pc_no {
  display: block;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .pc_no {
    display: none;
  }
}
.takeo-0516__lp .mv-area {
  margin-block-end: calc(67 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .mv-area {
    margin-block-end: 124px;
  }
}
.takeo-0516__lp .mv-cnt {
  inline-size: 100%;
  block-size: calc(375 * 100vw/375);
  margin-block-end: calc(50 * 100vw/375);
  background-color: #E9DA67;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .mv-cnt {
    block-size: 540px;
    margin-block-end: 100px;
  }
}
.takeo-0516__lp .mv-visual {
  inline-size: 100%;
  block-size: 100%;
}
.takeo-0516__lp .mv-visual.fade {
  opacity: 0;
  transition: opacity 1.5s;
}
.takeo-0516__lp .mv-visual.fade.is-active {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .mv-visual {
    inline-size: 1190px;
    margin-inline: auto;
  }
}
.takeo-0516__lp .mv-txt {
  font-size: calc(16 * 100vw/375);
  line-height: 2;
  text-align: center;
  font-weight: 500;
  margin-block-end: calc(70 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .mv-txt {
    font-size: 16px;
    margin-block-end: 83px;
  }
}
.takeo-0516__lp .mv-anchor {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(34 * 100vw/375) calc(25 * 100vw/375);
}
.takeo-0516__lp .mv-anchor li {
  inline-size: calc(143 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .mv-anchor li {
    inline-size: 220px;
  }
}
.takeo-0516__lp .mv-anchor li a {
  inline-size: 100%;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .mv-anchor {
    gap: 22px;
  }
}
.takeo-0516__lp .mv-anchor .anchor-ttl {
  font-family: "impact", sans-serif;
  font-size: calc(9 * 100vw/375);
  line-height: 2.3;
  letter-spacing: 0.05em;
  text-align: center;
  margin-block-end: calc(10 * 100vw/375);
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .mv-anchor .anchor-ttl {
    font-size: 14px;
    margin-block-end: 12px;
  }
}
.takeo-0516__lp .mv-anchor .anchor-heading {
  font-size: calc(13 * 100vw/375);
  line-height: 1.6;
  margin-block-end: calc(10 * 100vw/375);
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .mv-anchor .anchor-heading {
    font-size: 20px;
    margin-block-end: 12px;
  }
}
.takeo-0516__lp .mv-anchor .anchor-txt {
  text-align: center;
  font-size: calc(10 * 100vw/375);
  line-height: 1.5;
  font-weight: 500;
  margin-block-end: calc(15 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .mv-anchor .anchor-txt {
    font-size: 14px;
    line-height: 1.7;
    margin-block-end: 20px;
  }
}
.takeo-0516__lp .mv-anchor .anchor-arrow {
  inline-size: calc(31 * 100vw/375);
  block-size: calc(30 * 100vw/375);
  background: url("/s/brand/takeo-kikuchi/feature/20250516_01/img/anchor_arrow.png") no-repeat center center/cover;
  margin-inline: auto;
}
.takeo-0516__lp .mv-anchor .anchor-arrow.fade {
  opacity: 0;
}
.takeo-0516__lp .mv-anchor .anchor-arrow.fade.is-active {
  animation: arrow 1.5s ease-out 0s infinite normal forwards;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .mv-anchor .anchor-arrow {
    inline-size: 44px;
    block-size: 43px;
  }
}
.takeo-0516__lp .item-cnt.bg {
  background-color: #FFE968;
}
.takeo-0516__lp .item-cnt.bg:nth-child(1) {
  padding-block: calc(40 * 100vw/375) calc(47 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt.bg:nth-child(1) {
    padding-block: 85px 0;
  }
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt.bg:nth-child(1) .item-wrp {
    flex-direction: row;
  }
}
.takeo-0516__lp .item-cnt.bg:nth-child(3) {
  padding-block-end: calc(47 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt.bg:nth-child(3) {
    padding-block-end: 80px;
  }
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt.bg:nth-child(3) .item-wrp {
    flex-direction: row-reverse;
    align-items: flex-end;
  }
}
.takeo-0516__lp .item-cnt.bg:nth-child(3) .item-kv {
  block-size: calc(420 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt.bg:nth-child(3) .item-kv {
    block-size: 607px;
  }
}
.takeo-0516__lp .item-cnt.bg:nth-child(5) {
  padding-block: calc(35 * 100vw/375) calc(47 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt.bg:nth-child(5) {
    padding-block: 80px 100px;
  }
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt.bg:nth-child(5) .item-wrp {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt.bg:nth-child(5) .item-detail {
    padding-block-start: 30px;
  }
}
.takeo-0516__lp .item-cnt.bg:nth-child(6) {
  background-color: #FBE461;
  padding-block: calc(70 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt.bg:nth-child(6) {
    padding-block: 77px;
  }
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt.bg:nth-child(6) .item-wrp {
    flex-direction: row-reverse;
    align-items: center;
  }
}
.takeo-0516__lp .item-cnt.bg:nth-child(7) {
  padding-block-start: calc(60 * 100vw/375);
  position: relative;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt.bg:nth-child(7) {
    position: static;
  }
}
.takeo-0516__lp .item-cnt.bg:nth-child(7)::after {
  content: "";
  position: absolute;
  inset-inline-end: calc(24 * 100vw/375);
  inset-block-start: calc(60 * 100vw/375);
  inline-size: calc(10 * 100vw/375);
  block-size: calc(68 * 100vw/375);
  background: url("/s/brand/takeo-kikuchi/feature/20250516_01/img/sp_item_5_txt.png") no-repeat center center/contain;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt.bg:nth-child(7)::after {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt.bg:nth-child(7) {
    padding-block-start: 100px;
  }
}
.takeo-0516__lp .item-cnt.bg:nth-child(7) .item-wrp {
  flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt.bg:nth-child(7) .item-wrp {
    flex-direction: row;
  }
}
.takeo-0516__lp .item-cnt.bg:nth-child(9) {
  padding-block: calc(46 * 100vw/375) calc(88 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt.bg:nth-child(9) {
    padding-block: 62px 87px;
  }
}
.takeo-0516__lp .item-cnt:nth-child(2) {
  margin-block-end: calc(20 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt:nth-child(2) {
    margin-block-end: 70px;
  }
}
.takeo-0516__lp .item-cnt:nth-child(2) .item-heading {
  margin-block-end: calc(20 * 100vw/375);
  padding-block-start: calc(30 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt:nth-child(2) .item-heading {
    padding-block-start: 35px;
    margin-block-end: 13px;
  }
}
.takeo-0516__lp .item-cnt:nth-child(2) .item-heading p {
  text-align: center;
}
.takeo-0516__lp .item-cnt:nth-child(2) .item-heading p:first-child {
  font-family: "impact", sans-serif;
  font-size: calc(18 * 100vw/375);
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt:nth-child(2) .item-heading p:first-child {
    font-size: 20px;
    line-height: 1.4;
  }
}
.takeo-0516__lp .item-cnt:nth-child(2) .item-heading p:last-child {
  font-size: calc(12 * 100vw/375);
  line-height: 2.3;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt:nth-child(2) .item-heading p:last-child {
    font-size: 14px;
    line-height: 2;
  }
}
.takeo-0516__lp .item-cnt:nth-child(2) .item-box {
  inline-size: calc(327 * 100vw/375);
  position: relative;
  block-size: calc(461 * 100vw/375);
  margin-inline: auto;
}
.takeo-0516__lp .item-cnt:nth-child(2) .item-box.fade .item-sv {
  opacity: 0;
  transition: opacity 1s;
}
.takeo-0516__lp .item-cnt:nth-child(2) .item-box.fade .item-sv:last-child {
  transition-delay: 0.3s;
}
.takeo-0516__lp .item-cnt:nth-child(2) .item-box.fade.is-active .item-sv {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt:nth-child(2) .item-box {
    inline-size: 585px;
    block-size: 377px;
  }
}
.takeo-0516__lp .item-cnt:nth-child(2) .item-sv {
  inline-size: calc(250 * 100vw/375);
  block-size: calc(250 * 100vw/375);
  position: absolute;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt:nth-child(2) .item-sv {
    inline-size: 304px;
    block-size: 304px;
  }
}
.takeo-0516__lp .item-cnt:nth-child(2) .item-sv:first-child {
  inset-block-start: 0;
  inset-inline-start: 0;
}
.takeo-0516__lp .item-cnt:nth-child(2) .item-sv:last-child {
  inset-block-end: 0;
  inset-inline-end: 0;
}
.takeo-0516__lp .item-cnt:nth-child(4) {
  padding-block: calc(60 * 100vw/375);
}
.takeo-0516__lp .item-cnt:nth-child(4) .splide__track {
  inline-size: calc(327 * 100vw/375);
  margin-inline: auto;
  block-size: calc(207 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt:nth-child(4) .splide__track {
    inline-size: 945px;
    block-size: 362px;
  }
}
.takeo-0516__lp .item-cnt:nth-child(4) .splide__slide {
  width: calc(196 * 100vw/375) !important;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt:nth-child(4) .splide__slide {
    width: 343px !important;
  }
}
.takeo-0516__lp .item-cnt:nth-child(4) .splide__slide.large {
  width: calc(250 * 100vw/375) !important;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt:nth-child(4) .splide__slide.large {
    width: 435px !important;
  }
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt:nth-child(4) {
    padding-block: 80px;
  }
}
.takeo-0516__lp .item-cnt:nth-child(8) {
  padding-block: calc(68 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt:nth-child(8) {
    padding-block: 46px;
  }
}
.takeo-0516__lp .item-cnt:nth-child(8) .item_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: calc(20 * 100vw/375);
  inline-size: none;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt:nth-child(8) .item_box {
    flex-direction: row;
    gap: 50px;
  }
}
.takeo-0516__lp .item-cnt:nth-child(8) .item_sv {
  inline-size: 100%;
  block-size: calc(339 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt:nth-child(8) .item_sv {
    inline-size: 415px;
    block-size: 375px;
  }
}
.takeo-0516__lp .item-cnt:nth-child(8) .item_sv.fade {
  opacity: 0;
  transition: opacity 1.5s;
}
.takeo-0516__lp .item-cnt:nth-child(8) .item_sv.fade.is-active {
  opacity: 1;
}
.takeo-0516__lp .item-cnt:nth-child(8) .item_detail {
  inline-size: calc(327 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt:nth-child(8) .item_detail {
    inline-size: 297px;
  }
}
.takeo-0516__lp .item-cnt:nth-child(8) .item_detail .detail_heading {
  font-size: calc(20 * 100vw/375);
  font-weight: bold;
  line-height: 1.75;
  margin-block-end: calc(10 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt:nth-child(8) .item_detail .detail_heading {
    font-size: 20px;
    margin-block-end: 13px;
  }
}
.takeo-0516__lp .item-cnt:nth-child(8) .item_detail .detail_flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.takeo-0516__lp .item-cnt:nth-child(8) .item_detail .detail_txt {
  font-size: calc(14 * 100vw/375);
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt:nth-child(8) .item_detail .detail_txt {
    font-size: 14px;
  }
}
.takeo-0516__lp .item-cnt:nth-child(8) .item_detail .detail_buy {
  display: block;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  background-color: #000;
  padding-block: calc(10 * 100vw/375) calc(8 * 100vw/375);
  padding-inline: calc(31 * 100vw/375) calc(48 * 100vw/375);
  position: relative;
  font-size: calc(13 * 100vw/375);
  line-height: 1;
  font-weight: 500;
  color: #fff;
}
.takeo-0516__lp .item-cnt:nth-child(8) .item_detail .detail_buy::after {
  content: "";
  position: absolute;
  inline-size: calc(10 * 100vw/375);
  block-size: calc(10 * 100vw/375);
  inset-block-start: calc(11 * 100vw/375);
  inset-inline-end: calc(31 * 100vw/375);
  background: url("/s/brand/takeo-kikuchi/feature/20250516_01/img/btn-arrow_w.png") no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-cnt:nth-child(8) .item_detail .detail_buy {
    padding-block: 10px 8px;
    padding-inline: 31px 48px;
    font-size: 13px;
  }
  .takeo-0516__lp .item-cnt:nth-child(8) .item_detail .detail_buy::after {
    inline-size: 10px;
    block-size: 10px;
    inset-block-start: 11px;
    inset-inline-end: 31px;
  }
}
.takeo-0516__lp .item-wrp {
  display: flex;
  gap: calc(26 * 100vw/375);
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-wrp {
    inline-size: 945px;
    margin-inline: auto;
    justify-content: space-between;
    gap: 0;
  }
}
.takeo-0516__lp .item-kv {
  inline-size: 100%;
  block-size: calc(394 * 100vw/375);
}
.takeo-0516__lp .item-kv.fade {
  opacity: 0;
  transition: opacity 1.5s;
}
.takeo-0516__lp .item-kv.fade.is-active {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-kv {
    inline-size: 520px;
    block-size: 546px;
  }
}
.takeo-0516__lp .item-detail {
  inline-size: calc(327 * 100vw/375);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-detail {
    inline-size: -moz-fit-content;
    inline-size: fit-content;
  }
}
.takeo-0516__lp .item-detail .detail-ttl {
  font-family: "impact", sans-serif;
  font-size: calc(40 * 100vw/375);
  line-height: 1.5;
  color: #CCBB5E;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-detail .detail-ttl {
    font-size: 65px;
  }
}
.takeo-0516__lp .item-detail .detail-heading {
  font-size: calc(25 * 100vw/375);
  line-height: 1.6;
  font-weight: bold;
  margin-block-end: calc(20 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-detail .detail-heading {
    font-size: 30px;
    line-height: 1.5;
    margin-block-end: 20px;
  }
}
.takeo-0516__lp .item-detail .detail-txt {
  font-size: calc(14 * 100vw/375);
  line-height: 2;
  font-weight: 500;
  margin-block-end: calc(30 * 100vw/375);
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-detail .detail-txt {
    font-size: 14px;
    margin-block-end: 45px;
    inline-size: 350px;
  }
}
.takeo-0516__lp .item-detail .detail-btn {
  display: block;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  background-color: #fff;
  padding-block: calc(11 * 100vw/375) calc(10 * 100vw/375);
  padding-inline: calc(43 * 100vw/375) calc(62 * 100vw/375);
  position: relative;
  font-size: calc(13 * 100vw/375);
  line-height: 1;
  font-weight: 500;
}
.takeo-0516__lp .item-detail .detail-btn::after {
  content: "";
  position: absolute;
  inline-size: calc(10 * 100vw/375);
  block-size: calc(10 * 100vw/375);
  inset-block-start: calc(12 * 100vw/375);
  inset-inline-end: calc(42 * 100vw/375);
  background: url("/s/brand/takeo-kikuchi/feature/20250516_01/img/btn-arrow.png") no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-detail .detail-btn {
    padding-block: 11px 9px;
    padding-inline: 19px 37px;
    font-size: 14px;
  }
  .takeo-0516__lp .item-detail .detail-btn::after {
    inline-size: 10px;
    block-size: 10px;
    inset-block-start: 12px;
    inset-inline-end: 19px;
  }
}
.takeo-0516__lp .item-btn {
  display: block;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  background-color: hsl(0, 0%, 100%);
  padding-block: calc(16 * 100vw/375) calc(14 * 100vw/375);
  padding-inline: calc(37 * 100vw/375) calc(59 * 100vw/375);
  position: relative;
  font-size: calc(14 * 100vw/375);
  line-height: 1;
  font-weight: 500;
  margin-inline: auto;
  white-space: nowrap;
}
.takeo-0516__lp .item-btn::after {
  content: "";
  position: absolute;
  inline-size: calc(10 * 100vw/375);
  block-size: calc(10 * 100vw/375);
  inset-block-start: calc(18 * 100vw/375);
  inset-inline-end: calc(37 * 100vw/375);
  background: url("/s/brand/takeo-kikuchi/feature/20250516_01/img/btn-arrow.png") no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .takeo-0516__lp .item-btn {
    padding-block: 15px 13px;
    padding-inline: 34px 53px;
    font-size: 14px;
  }
  .takeo-0516__lp .item-btn::after {
    inline-size: 10px;
    block-size: 10px;
    inset-block-start: 16px;
    inset-inline-end: 34px;
  }
}

@keyframes arrow {
  from {
    -webkit-clip-path: inset(0% 0% 100% 0%);
            clip-path: inset(0% 0% 100% 0%);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
    opacity: 1;
  }
}/*# sourceMappingURL=style.css.map */