/* 共通部分の上書き */
.page-header,
.myBlockBreadcrumb {
  display: none;
}

.modContainer {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

[id^=page] .page-sec-inner {
  padding: 0;
}

.modContents h1, .modContents h2, .modContents h3, .modContents h4, .modContents h5, .modContents h6 {
  margin: 0;
}

.modContents p {
  padding-bottom: 0;
}

main {
  overflow: clip;
}

/* ========================================
  fade-in
======================================== */
.js-fade-in {
  opacity: 0;
  transform: translateY(30px);
	visibility: hidden;
	transition: all 0.6s ease-out;
	transition-property: opacity, visibility, transform;
  
  &.is-active {
    opacity: 1;
    visibility: inherit;
    transform: translateY(0);
  }
}


/* ========================================
  chinotan 共通
======================================== */
.chinotan-container {
  --container-w: 880px;
  --container-space: 80px;
  
  width: min(calc(100% - var(--container-space)), var(--container-w));
  margin-inline: auto;
  
  @media (width <= 767px) {
    --container-w: 100%;
    --container-space: 40px;
  }
}

.chinotan-container-sm {
  --container-w: 770px;
  --container-space: 80px;
  
  width: min(calc(100% - var(--container-space)), var(--container-w));
  margin-inline: auto;
  
  @media (width <= 767px) {
    --container-w: 100%;
    --container-space: 40px;
  }
}

.chinotan-btn-wrap {
  padding-block: 50px;
}

.chinotan-btn {
  border: 1px solid #919191;
  color: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 500;
  width: min(100%, 300px);
  height: 100%;
  min-height: 80px;
  margin-inline: auto;
  padding: 5px 48px 5px 20px;
  position: relative;
  text-decoration: none;

  &::after {
    background: url(../img/common/icon_arrow_blue_sm.svg) no-repeat 50%;
    background-size: 100% auto;
    content: "";
    display: block;
    height: 11px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 11px;
  }

  &:hover {
    color: #000;
  }
}

.u-br-pc {
  display: inline;
  
  @media (768px <= width) {
    display: block;
  }
}

.u-br-sp {
  display: inline;
  @media (width <= 767px) {
    display: block;
  }
}

.u-hidden-pc {
  @media (768px <= width) {
    display: none;
  }
}

.u-hidden-sp {
  @media (width <= 767px) {
    display: none;
  }
}

/* ========================================
  MV
======================================== */
.chinotan-mv {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: calc(731/1440*100vw);
  overflow-x: clip;
  z-index: 2;
  
  @media (width <= 767px) {
    height: calc(1000/750*100vw);
  }

  &.is-active {
    .chinotan-mv__ttl {
      transform-origin: center;
      animation: fadeInPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
      animation-delay: 0s;
    }
    .ani1 {
      transform-origin: center;
      animation: fadeInPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
      animation-delay: 0.15s;
    }
    .ani2 {
      transform-origin: center;
      animation: fadeInPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
      animation-delay: 0.3s;
    }
    .ani3 {
      transform-origin: center;
      animation: fadeInPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
      animation-delay: 0.45s;
    }
    .ani4 {
      transform-origin: center;
      animation: fadeInPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
      animation-delay: 0.6s;
    }
    .ani5 {
      transform-origin: center;
      animation: fadeInPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
      animation-delay: 0.75s;
    }
    .ani6 {
      transform-origin: center;
      animation: fadeInPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
      animation-delay: 0.9s;
    }
  }
}

.chinotan-mv__ttl {
  position: absolute !important;
  top: calc(50% - (216/1440*100vw));
  left: calc(50% - (362/1440*100vw));
  width: calc(705/1440*100vw);
  height: auto;
  aspect-ratio: 705/452;
  z-index: 4;
  transform: scale(0);
  opacity: 0;
  
  @media (width <= 767px) {
    top: calc(110/750*100vw);
    left: calc(50% - (200/750*100vw));
    aspect-ratio: 400/802;
    width: calc(400/750*100vw);
  }

  img {
    width: 100%;
    height: auto;
  }
}

.chinotan-mv__deco1,
.chinotan-mv__deco2,
.chinotan-mv__deco3,
.chinotan-mv__deco4,
.chinotan-mv__deco5,
.chinotan-mv__deco6 {
  position: absolute;
  z-index: 3;
}

.chinotan-mv__deco1 {
  top: calc(36/1440*100vw);
  left: calc(50% - (176/1440*100vw));
  
  @media (width <= 767px) {
    top: calc(70/750*100vw);
    left: calc(50% + (284/750*100vw));
  }
  
  img {
    width: calc(36/1440*100vw);
    
    @media (width <= 767px) {
      width: calc(30/750*100vw);
    }
  }
}

.chinotan-mv__deco2 {
  top: calc(297/1440*100vw);
  left: calc(50% - (478/1440*100vw));
  
  @media (width <= 767px) {
    top: calc(207/750*100vw);
    left: calc(50% + (326/750*100vw));
  }
  
  img {
    width: calc(79/1440*100vw);
    
    @media (width <= 767px) {
      width: calc(22/750*100vw);
    }
  }
}

.chinotan-mv__deco3 {
  top: calc(635/1440*100vw);
  left: calc(50% - (406/1440*100vw));
  
  @media (width <= 767px) {
    top: calc(460/750*100vw);
    left: calc(50% + (278/750*100vw));
  }
  
  img {
    width: calc(53/1440*100vw);
    
    @media (width <= 767px) {
      width: calc(45/750*100vw);
    }
  }
}

.chinotan-mv__deco4 {
  display: none;
  
  @media (width <= 767px) {
    display: block;
    top: calc(904/750*100vw);
    left: calc(50% - (257/750*100vw));
  }
  
  img {
    @media (width <= 767px) {
      width: calc(35/750*100vw);
    }
  }
}

.chinotan-mv__deco5 {
  display: none;
  
  @media (width <= 767px) {
    display: block;
    top: calc(902/750*100vw);
    left: calc(50% + (224/750*100vw));
  }
  
  img {
    @media (width <= 767px) {
      width: calc(30/750*100vw);
    }
  }
}

.chinotan-mv__bubble1,
.chinotan-mv__bubble2,
.chinotan-mv__bubble3,
.chinotan-mv__bubble4,
.chinotan-mv__bubble5,
.chinotan-mv__bubble6 {
  position: absolute;
  z-index: 1;
}

.chinotan-mv__bubble1 {
  top: calc(10/1440*100vw);
  left: calc(50% - (250/1440*100vw));
  
  @media (width <= 767px) {
    top: calc(22/750*100vw);
    left: calc(50% - (128/750*100vw));
  }
  
  img {
    width: calc(483/1440*100vw);
    
    @media (width <= 767px) {
      width: calc(486/750*100vw);
    }
  }
}

.chinotan-mv__bubble2 {
  top: calc(60/1440*100vw);
  left: calc(50% - (480/1440*100vw));
  z-index: 2;
  
  @media (width <= 767px) {
    top: calc(60/750*100vw);
    left: calc(50% - (330/750*100vw));
  }
  
  img {
    width: calc(298/1440*100vw);
    
    @media (width <= 767px) {
      width: calc(332/750*100vw);
    }
  }
}

.chinotan-mv__bubble3 {
  top: calc(375/1440*100vw);
  left: calc(50% - (505/1440*100vw));
  z-index: 1;
  
  @media (width <= 767px) {
    top: calc(494/750*100vw);
    left: calc(50% - (325/750*100vw));
  }
  
  img {
    width: calc(499/1440*100vw);
    
    @media (width <= 767px) {
      width: calc(451/750*100vw);
    }
  }
}

.chinotan-mv__bubble4 {
  top: calc(483/1440*100vw);
  left: calc(50% - (270/1440*100vw));
  
  @media (width <= 767px) {
    top: calc(740/750*100vw);
    left: calc(50% - (310/750*100vw));
  }
  
  img {
    width: calc(563/1440*100vw);
    
    @media (width <= 767px) {
      width: calc(574/750*100vw);
    }
  }
}

.chinotan-mv__bubble5 {
  top: calc(325/1440*100vw);
  left: calc(50% + (250/1440*100vw));
  z-index: 2;
  
  @media (width <= 767px) {
    top: calc(560/750*100vw);
    left: calc(50% + (142/750*100vw));
  }
  
  img {
    width: calc(192/1440*100vw);
    
    @media (width <= 767px) {
      width: calc(216/750*100vw);
    }
  }
}

.chinotan-mv__bubble6 {
  top: calc(48/1440*100vw);
  left: calc(50% + (135/1440*100vw));
  
  @media (width <= 767px) {
    top: calc(256/750*100vw);
    left: calc(50% + (15/750*100vw));
  }
  
  img {
    width: calc(407/1440*100vw);
    
    @media (width <= 767px) {
      width: calc(338/750*100vw);
    }
  }
}

.chinotan-mv__bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.ani1,
.ani2,
.ani3,
.ani4,
.ani5,
.ani6 {
  transform: scale(0);
  opacity: 0;
}

@keyframes fadeInPop {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  70% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.chinotan-mv__scroll {
  position: absolute;
  bottom: calc(-30/1440*100vw);
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: grid;
  gap: calc(10/1440*100vw);
  
  @media (width <= 767px) {
    bottom: calc(-60/750*100vw);
    gap: calc(30/750*100vw);
  }
}

.chinotan-mv__scroll-txt {
  aspect-ratio: 48/12;
  width: calc(48/1440*100vw);
  height: auto;
  
  @media (width <= 767px) {
    width: calc(80/750*100vw);
  }
  
  img {
    line-height: 1;
    vertical-align: top;
  }
}

.chinotan-mv__scroll-arrow {
  justify-self: center;
  width: calc(20/1440*100vw);
  height: auto;
  animation: scrollBounce 1.5s ease-in-out infinite;
  
  @media (width <= 767px) {
    width: calc(26/750*100vw);
  }
}

@keyframes scrollBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}
/* ========================================
   INTRO
======================================== */
.chinotan-intro {
  padding: 125px 0 150px;
  background: #fff;
  
  @media (width <= 991px) {
    padding: 80px 0;
  }
}

.chinotan-intro__head {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  
  @media (width <= 991px) {
    flex-direction: column;
    gap: 40px;
  }
}

.chinotan-intro__ttl {
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  
  @media (992px <= width) {
    flex: 0 0 262px;
  }
  
  @media (width <= 991px) {
    width: min(100%, 522px);
    margin-inline: auto !important;
  }
}

.chinotan-intro__lead {
  font-weight: 500;
  letter-spacing: 0.07em;
  line-height: 2.8;
  
  @media (992px <= width) {
    flex: 0 0 371px;
    padding-top: 115px;
  }
}

.chinotan-intro__catch {
  margin-top: 135px;
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: 0.05em;
  
  @media (width <= 991px) {
    margin-top: 60px;
  }
  
  @media (width <= 500px) {
    font-size: 14px;
  }
  
  .strong {
    font-size: 1.5em;
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 10px;
    color: #0C75B8;
  }
}

.chinotan-intro__flow {
  margin-top: 53px;
  
  @media (width <= 600px) {
    width: min(70%, 490px);
    margin-inline: auto;
  }
}

/* ========================================
   知の探研
======================================== */
.chinotan-taiken {
  position: relative;
  overflow: hidden;
  padding: 125px 0 220px;
  
  @media (width <= 991px) {
    padding: 80px 0;
  }
}

.chinotan-taiken__inner {
  --container-w: 800px;
  
  position: relative;
  z-index: 3;
}

.chinotan-taiken__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.illust-01,
.illust-02,
.illust-03,
.illust-04,
.illust-05,
.illust-06,
.illust-07,
.illust-08 {
  position: absolute;
  z-index: 2;
  height: auto;
}

.illust-01 {
  top: 279px;
  left: calc(50% - 686px);
  aspect-ratio: 328/264;
  width: 328px;
  
  @media (width <= 991px) {
    left: -50px;
  }
}

.illust-02 {
  top: 448px;
  left: calc(50% + 324px);
  aspect-ratio: 328/264;
  width: 328px;
}

.illust-03 {
  top: 1116px;
  left: calc(50% - 690px);
  aspect-ratio: 417/160;
  width: 417px;
}

.illust-04 {
  top: 1655px;
  left: calc(50% + 232px);
  aspect-ratio: 445/256;
  width: 445px;
}

.illust-05 {
  top: 2094px;
  left: calc(50% - 663px);
  aspect-ratio: 239/414;
  width: 239px;
}

.illust-06 {
  top: 2577px;
  left: calc(50% + 390px);
  aspect-ratio: 252/311;
  width: 252px;
}

.illust-07 {
  top: 3196px;
  left: calc(50% - 640px);
  aspect-ratio: 349/333;
  width: 349px;
}

.illust-08 {
  top: 3323px;
  left: calc(50% + 60px);
  aspect-ratio: 461/245;
  width: 461px;
}

.chinotan-taiken__head {
  width: min(100%, 600px);
  margin-inline: auto;
}

.chinotan-taiken__sub {
  padding-block: 6px !important;
  padding-inline: 20px;
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.4;
  border: 2px solid #5B5B5B;
  background-color: #fff;
  border-radius: 100vmax;
}

.chinotan-taiken__ttl {
  margin: 0 !important;
  margin-top: 25px !important;
  padding: 0 !important;
  text-align: center;
  font-size: 68px !important;
  letter-spacing: 0.16em;
  color: #0C75B8 !important;
  background-color: transparent !important;
  
  @media (width <= 767px) {
    font-size: 48px !important;
  }
}

.chinotan-taiken__desc {
  margin-top: 30px;
  line-height: 2;
  letter-spacing: 0.1em;
}

/* ========================================
  Step 共通
======================================== */
.chinotan-step {
  --step-padding-inline: 72px;
  
  position: relative;
  padding: 85px var(--step-padding-inline) 55px;
  margin-top: 85px;
  background: #fff;
  border-radius: 50px;
  border: 2px solid #333;
  
  @media (width <= 767px) {
    --step-padding-inline: 20px;
    
    padding: 60px var(--step-padding-inline);
    border-radius: 25px;
  }
  
  & + & {
    margin-top: 120px;
    
    &::before {
      content: '';
      position: absolute;
      top: -89px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 36px solid transparent;
      border-right: 36px solid transparent;
      border-top: 51px solid #fff;
    }
    &::after {
      content: '';
      position: absolute;
      top: -88px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 34px solid transparent;
      border-right: 34px solid transparent;
      border-top: 48px solid #0057AA;
    }
  }
}

.chinotan-step__label {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: inline-block;
  padding: 4px 30px 6px;
  font-size: 24px !important;
  font-weight: 500 !important;
  color: #fff !important;
  background-color: #0C75B8 !important;
  border-bottom: 2px solid #333;
  border-radius: 0 0 20px 20px;
  
  @media (width <= 767px) {
    padding: 5px 20px;
    border-radius: 0 0 10px 10px;
    font-size: 18px !important;
  }
}

.chinotan-step__ttl {
  padding: 0 !important;
  text-align: center;
  font-size: 38px !important;
  font-weight: 500 !important;
  color: #0C75B8 !important;
  margin-bottom: 20px;
  line-height: 1.4;
  background-color: transparent !important;
  border-bottom: none !important;
  letter-spacing: 0.04em;
  
  @media (width <= 767px) {
    font-size: 28px !important;
    margin-bottom: 10px;
  }
}

.chinotan-step__desc {
  margin-top: 24px;
  font-size: 16px;
  line-height: 1.85;
  color: #3B4043;
  letter-spacing: 0.1em;
}

/* ========================================
  flow-img
======================================== */
.chinotan-flow-img {
  margin-top: 40px;
  text-align: center;
}

/* ========================================
  grand
======================================== */
.chinotan-grand {
  margin-top: 24px;
  
  @media (width <= 767px) {
    margin-top: 40px;
  }
  
  &.-type-02 {
    margin-top: 40px;
    
    .chinotan-grand__sub {
      font-size: 19px !important;
      
      @media (width <= 767px) {
        font-size: 18px !important;
      }
    }
    
    .chinotan-grand__ttl {
      font-size: 32px !important;
    }
  }
}

.chinotan-grand__sub {
  font-size: 21px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  text-align: center;
  
  @media (width <= 767px) {
    font-size: 18px !important;
  }
}

.chinotan-grand__ttl {
  margin-top: 0 !important;
  padding: 0 !important;
  text-align: center;
  font-size: 42px !important;
  font-weight: 600 !important;
  color: #E84E19 !important;
  letter-spacing: 0.05em;
  background-color: transparent !important;
  border-bottom: none !important;
  
  @media (width <= 767px) {
    font-size: 32px !important;
  }
}

.chinotan-grand__img {
  margin-top: 7px;
  
  @media (768px <= width) {
    margin-inline: -28px;
  }
  
  @media (width <= 767px) {
    margin-inline: -20px;
  }
}

.chinotan-grand__btn-wrap {
  margin-top: 40px;
  text-align: center;
}

.chinotan-grand-rule {
  margin-top: 60px;
}

.chinotan-grand-rule__ttl {
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #5B5B5B !important;
  background-color: transparent !important;
  border-bottom: none !important;
  
  @media (width <= 767px) {
    font-size: 24px !important;
  }
}

.chinotan-grand-rule__box {
  border: 1px solid #707070;
  padding: 12px 20px;
  margin-top: 15px;
  
  @media (width <= 767px) {
    padding: 20px;
  }
}

.chinotan-grand-rule__subttl {
  font-size: 21px !important;
  font-weight: 600 !important;
  color: #0057AA !important;
  background-color: transparent !important;
  border-bottom: none !important;
  
  @media (width <= 767px) {
    font-size: 18px !important;
  }
}

.chinotan-grand-rule__ttl-arrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 13px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #3B4043 !important;
  
  @media (width <= 767px) {
    font-size: 16px !important;
  }
  
  &::before {
    content: "▶︎" !important;
  }
}

.chinotan-grand-rule__ttl-small {
  margin-top: 15px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #3B4043 !important;
}

.chinotan-grand-rule__desc {
  margin-top: 10px;
  font-size: 14px;
}

.chinotan-grand-rule__list {
  padding: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 10px !important;
  font-size: 12px !important;
  
  li {
    list-style: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    &::before {
      display: none !important;
    }
  }
}

/* ========================================
  stats
======================================== */
.chinotan-stats {
  margin-top: 40px;
  text-align: center;
  
  @media (width <= 600px) {
    width: min(80%, 350px);
    margin-inline: auto;
  }
}


/* ========================================
  bar-wrap
======================================== */
.chinotan-bar-wrap {
  margin-top: 52px;
  margin-right: calc((var(--step-padding-inline) + 45px) * -1);
  text-align: center;
  
  @media (width <= 1150px) {
    margin-right: calc((var(--step-padding-inline) + 20px) * -1);
  }
  
  @media (width <= 767px) {
    margin-right: calc(var(--step-padding-inline) * -1);
  }
}

/* ========================================
   TOPICS
======================================== */
.chinotan-topics {
  padding: 150px 0 182px;
  background: #fff;
  
  @media (width <= 991px) {
    padding: 80px 0;
  }
}

.chinotan-topics__head {
  display: flex;
  align-items: center;
  border-top: 2px solid #707070;
  border-bottom: 2px solid #707070;
  
  @media (width <= 991px) {
    flex-direction: column;
    align-items: flex-start;
  }
  
  > p {
    @media (width <= 991px) {
      width: 100%;
    }
  }
}

.chinotan-topics__badge {
  background: #B5EDC0;
  color: #3B4043;
  padding: 16px 42px;
  border-right: 1px solid #707070;
  
  @media (width <= 991px) {
    text-align: center;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #707070;
    padding: 10px 20px;
  }
  
  img {
    width: 72px;
    height: 13px;
  }
}

.chinotan-topics__ttl {
  font-size: 21px !important;
  font-weight: 600 !important;
  color: #3B4043 !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 105px !important;
  background-color: transparent !important;
  border-bottom: none !important;
  
  @media (width <= 991px) {
    width: 100%;
    text-align: center;
    padding-block: 10px !important;
    padding-left: 0 !important;
  }
}

.chinotan-topics__theme-ttl {
  text-align: center;
  margin: 0 !important;
  margin-top: 40px !important;
  padding: 0 !important;
  font-size: 38px !important;
  font-weight: 600 !important;
  color: #3B4043 !important;
  background-color: transparent !important;
  border-bottom: none !important;
  
  @media (width <= 767px) {
    font-size: 28px !important;
  }
}

.chinotan-topics__theme-block {
  display: flex;
  align-items: center;
  margin-top: 48px;
  background-color: #FCF8EA;
  border-top: 2px solid #707070;
  border-bottom: 2px solid #707070;
  
  @media (width <= 767px) {
    flex-direction: column;
    margin-top: 40px;
  }
}

.chinotan-topics__theme-label {
  position: relative;
  text-align: center;
  font-size: 21px !important;
  font-weight: 600 !important;
  color: #3B4043 !important;
  background-color: transparent !important;
  border-bottom: none !important;
  padding: 16px 42px;
  
  @media (768px <= width) {
    flex: 0 0 187px;
  }
  
  @media (width <= 767px) {
    flex: 0 0 auto;
    padding: 20px !important;
    font-size: 18px !important;
  }
}

.chinotan-topics__theme-desc {
  position: relative;
  padding: 22px 32px !important;
  line-height: 1.85;
  letter-spacing: 0.1em;
  
  @media (width <= 767px) {
    padding: 20px 10px !important;
  }
  
  &::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 2px;
    height: 100%;
    background-image: repeating-linear-gradient(
      to bottom,
      #98A6B5 0,
      #98A6B5 5px,
      transparent 5px,
      transparent 10px
    );
    
    @media (width <= 767px) {
      width: 100%;
      height: 2px;
      background-image: repeating-linear-gradient(
        to right,
        #98A6B5 0,
        #98A6B5 5px,
        transparent 5px,
        transparent 10px
      );
    }
  }
}

.chinotan-topic {
  display: flex;
  gap: 55px;
  margin-top: 80px;
  
  @media (width <= 767px) {
    flex-direction: column;
    gap: 30px;
    margin-top: 45px;
  }
  
  &.-reverse {
    
    @media (768px <= width) {
      flex-direction: row-reverse;
    }
    
    .chinotan-topic__body {
      &::before {
        @media (768px <= width) {
          left: -36px;
          right: auto;
          border: 2px solid #707070 !important;
          border-right: 2px solid #fff !important;
        }
      }
    }
    .chinotan-topic__imgs {
      @media (768px <= width) {
        flex: 0 0 293px;
      }
    }
  }
  
  & + & {
    margin-top: 65px;
    
    @media (width <= 767px) {
      margin-top: 80px;
    }
  }
}

.chinotan-topic__body {
  position: relative;
  flex: 1 1 auto;
  padding: 22px 35px 27px;
  border: 2px solid #707070;
  border-radius: 50px;
  
  @media (width <= 767px) {
    border-radius: 25px;
    padding: 20px;
  }
  
  &::before {
    content: "";
    position: absolute;
    top: 182px;
    right: -36px;
    width: 36px;
    height: 20px;
    background-color: #fff;
    border: 2px solid #707070 !important;
    border-left: 2px solid #fff !important;
    
    @media (width <= 767px) {
      inset-inline: 0;
      top: initial;
      bottom: -20px;
      width: 13px;
      height: 20px;
      margin-inline: auto;
      border-top: 2px solid #fff !important;
      border-left: 2px solid #707070 !important;
    }
  }
}

.chinotan-topic__label {
  padding-bottom: 5px !important;
  font-size: 18px;
  font-weight: 600;
  color: #3B4043;
  border-bottom: 1px dashed #707070;
  
  @media (width <= 767px) {
    text-align: center;
    font-size: 17px;
  }
}

.chinotan-topic__ttl {
  color: #3B4043 !important;
  font-size: 30px !important;
  font-weight: 600 !important;
  margin-top: 12px !important;
  background-color: transparent !important;
  border-bottom: none !important;
  
  @media (width <= 767px) {
    text-align: center;
    font-size: 27px;
  }
}

.chinotan-topic__desc {
  margin-top: 12px;
  letter-spacing: 0.1em;
}

.chinotan-topic__imgs {
  align-self: start;
  display: grid;
  gap: 13px;
  
  @media (768px <= width) {
    flex: 0 0 35.5%;
  }
  
  @media (width <= 767px) {
    width: 100%;
  }
  
  img {
    width: 100%;
  }
}

/* ========================================
   FAQ
======================================== */
.chinotan-faq {
  padding: 92px 0 100px;
  border-top: 1px solid #707070;
  
  @media (width <= 991px) {
    padding: 80px 0;
  }
}

.chinotan-faq__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.chinotan-faq__inner {
  position: relative;
  z-index: 2;
}

.chinotan-faq__sub {
  width: 54px;
  height: 16px;
  margin-inline: auto;
  text-align: center;
}

.chinotan-faq__ttl {
  text-align: center;
  margin: 0 !important;
  margin-top: 16px !important;
  padding: 0 !important;
  font-size: 38px !important;
  font-weight: 600 !important;
  color: #fff !important;
  background-color: transparent !important;
  border-bottom: none !important;
  
  @media (width <= 767px) {
    font-size: 32px !important;
  }
}

.chinotan-faq__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 58px;
  
  @media (width <= 767px) {
    margin-top: 40px;
  }
}

.chinotan-faq__item {
  list-style: none;
  padding: 30px 45px 37px;
  background: #fff;
  border-radius: 30px;
  overflow: hidden;
  
  @media (width <= 767px) {
    padding: 20px;
    border-radius: 20px;
  }
}

.chinotan-faq__q {
  display: flex;
  align-items: start;
  gap: 6px;
  padding: 0 !important;
  padding-bottom: 14px !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.5;
  color: #3B4043 !important;
  border-bottom: 1px solid #707070 !important;
  background-color: transparent !important;
  
  @media (width <= 767px) {
    font-size: 18px !important;
    padding-bottom: 10px !important;
  }
  
  &::before {
    content: "Q." !important;
    white-space: nowrap;
  }
}

.chinotan-faq__a {
  font-size: 18px;
  line-height: 1.85;
  color: #3B4043;
  margin-top: 10px;
  
  @media (width <= 767px) {
    font-size: 16px;
    margin-top: 8px;
  }
}

/* ========================================
   chinotan2ページのスタイル
======================================== */
/* ヒーロー（bg_01.png） */
.chinotan2-hero {
  position: relative;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  
  @media (width <= 767px) {
    min-height: 110px;
  }
}

.chinotan2-hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.chinotan2-hero__ttl {
  position: relative;
  z-index: 2;
  margin: 0;
  font-size: 38px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.1em;
  
  @media (width <= 767px) {
    font-size: 28px;
  }
}

.chinotan2-nav {
  position: sticky;
  top: var(--header-height);
  left: 0;
  width: 100%;
  z-index: 100;
  
  @media (768px <= width) {
    background-color: #fff;
  }
  
  @media (width <= 767px) {
    position: fixed;
    right: 0;
    display: grid;
    grid-template-columns: 50px 1fr;
    transform: translateX(calc(100% - 50px));
    transition: transform 0.3s ease;
  }
  
  &.is-expanded {
    transform: translateX(0);
  }
}

.chinotan2-nav__btn {
  display: none;
  
  @media (width <= 767px) {
    display: block;
    align-self: start;
    writing-mode: vertical-lr;
    text-decoration: none;
    padding: 20px 10px;
    border-radius: 0 0 0 10px;
    background-color: #0057AA;
    color: #fff;
  }
  
  &:hover {
    opacity: 1;
    color: #fff;
  }
}

.chinotan2-nav__list {
  display: flex;
  justify-content: center;
  gap: 40px;
  padding: 20px 0;
  margin-bottom: 0 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  
  @media (width <= 767px) {
    flex-direction: column;
    gap: 0;
    padding: 0 !important;
    background-color: #fff;
  }

  li {
    padding-left: 0 !important;
    margin: 0 !important;
    
    
    &+& {
      @media (width <= 767px) {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
      }
    }
    
    &::before {
      display: none;
    }
    
    a {
      display: block;
      padding-right: 1em;
      color: #0057AA;
      text-underline-offset: 3px;
      text-decoration-thickness: 1px;
      text-decoration-color: #0057AA;
      
      @media (width <= 767px) {
        padding: 10px 30px !important;
      }
      
      @media (hover: hover) {
        &:hover {
          text-decoration: none;
        }
      }
      
      &::after {
        content: "";
        position: absolute;
        inset-block: 0;
        right: 0;
        transform: rotate(135deg);
        width: 6px;
        height: 6px;
        margin-block: auto;
        border-top: 1px solid #0057AA;
        border-right: 1px solid #0057AA;
        
        @media (width <= 767px) {
          right: 20px;
        }
      }
    }
  }
}

/* コンテンツ */
.chinotan2-content {
  padding-block: 107px 140px;
  background: #fff;
  
  @media (width <= 991px) {
    padding-block: 80px;
  }
}

.chinotan2-content__ttl {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 34px !important;
  font-weight: 600 !important;
  color: #0057AA !important;
  background-color: transparent !important;
  border-bottom: none !important;
  
  @media (width <= 767px) {
    font-size: 28px !important;
  }
}

.chinotan2-section {
  margin-top: 54px;
  
  & + & {
    margin-top: 72px;
  }
}

.chinotan2-section:first-child {
  margin-top: 0;
}

.chinotan2-section__ttl {
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 12px !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #0057AA !important;
  background-color: transparent !important;
  border-bottom: none !important;
  
  @media (width <= 767px) {
    font-size: 24px !important;
  }
  
  &::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #0057AA 48%, #DCE4EB 48%);
  }
}

.chinotan2-section__text-wrap {
  margin-top: 22px;
  letter-spacing: 0.1em;
}

.chinotan2-section__list {
  counter-reset: listnum !important;
  list-style: none !important;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
  
  & li {
    position: relative;
    padding-left: 23px !important;
    counter-increment: listnum !important;
    
    &::before {
      content: "(" counter(listnum) ")"!important;
      width: max-content !important;
    }
  }
  
  li + li {
    margin-top: 0 !important;
  }
  
}

/* ========================================
   chinotan2 授業実施方法
======================================== */
.chinotan2-method {
  position: relative;
  padding: 123px 0 215px;
  
  @media (width <= 991px) {
    padding: 80px 0;
  }
}

.chinotan2-method__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.chinotan2-method__inner {
  position: relative;
  z-index: 2;
}

.chinotan2-method__main-ttl {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  color: #3B4043 !important;
  background-color: transparent !important;
  border-bottom: none !important;
  
  @media (width <= 767px) {
    font-size: 28px !important;
  }
}

.chinotan2-method__box {
  --method-padding-inline: 60px;
  
  margin-top: 40px;
  padding: 60px var(--method-padding-inline) 120px;
  background-color: #fff;
  
  @media (width <= 767px) {
    --method-padding-inline: 20px;
    
    padding: 60px var(--method-padding-inline);
  }
}

.chinotan2-method__block {
  & + & {
    margin-top: 70px;
  }
}

.chinotan2-method__row {
  display: flex;
  gap: 55px;
  
  @media (width <= 991px) {
    flex-direction: column;
  }
}

.chinotan2-method__teacher {
  flex: 0 0 245px;
  margin-top: 4px;
  
  @media (width <= 991px) {
    flex: 0 0 auto;
  }
}

.chinotan2-method__teacher-ttl {
  padding-left: 4px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: #0057AA !important;
  background-color: transparent !important;
  border: none !important;
  border-left: 5px solid #0057AA !important;
  
  @media (width <= 767px) {
    font-size: 16px !important;
  }
}

.chinotan2-method__teacher-list {
  display: flex;
  flex-direction: column;
  gap: 0 15px;
  flex-wrap: wrap;
  width: fit-content;
  height: 160px;
  padding-left: 0 !important;
  margin-top: 8px !important;
  margin-left: -4px !important;
  margin-bottom: 0 !important;
  list-style: none !important;
  font-size: 14px !important;
  
  li {
    position: relative;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    
    &::before {
      display: none;
    }
  }
  
  li + li {
    margin-top: 0 !important;
  }
}

.chinotan2-method__bar-wrap {
  margin-top: 70px;
  
  @media (width <= 991px) {
    margin-top: 40px;
  }
}

.chinotan2-method__bar {
  margin-top: 0;
  margin-right: calc((var(--method-padding-inline) + 60px) * -1);
  text-align: center;
  
  @media (width <= 1150px) {
    margin-right: calc((var(--method-padding-inline) + 10px) * -1);
  }
  
  @media (width <= 767px) {
    margin-top: 20px;
    margin-right: calc(var(--method-padding-inline) * -1);
  }
}

.chinotan2-method__block-ttl {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #0057AA !important;
  background-color: transparent !important;
  border-bottom: none !important;
  
  @media (width <= 767px) {
    font-size: 24px !important;
  }
  
  &.-sm {
    font-size: 26px !important;
  }
}

.chinotan2-method__section {
  margin-top: 40px;
  
  & + & {
    margin-top: 68px;
  }
}

.chinotan2-method__section-ttl {
  font-size: 24px !important;
  color: #0057AA !important;
  background-color: transparent !important;
  border-bottom: none !important;
  
  @media (width <= 767px) {
    font-size: 22px !important;
  }
}

.chinotan2-method__section-img {
  margin-top: 63px;
  
  @media (width <= 767px) {
    margin-top: 40px;
  }
}

.chinotan2-method__block-ttl-sub {
  margin-left: 20px;
  font-size: 21px !important;
  font-weight: 400 !important;
  
  @media (width <= 767px) {
    display: block;
    margin-left: 0 !important;
    font-size: 18px !important;
  }
}

.chinotan2-method__block-sttl {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  color: #0057AA !important;
  background-color: transparent !important;
  border-bottom: none !important;
}

.chinotan2-method__desc {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.75;
  color: #3B4043;
  
  &.-mt-md {
    margin-top: 40px;
  }
}

.chinotan2-method__class-flow {
  margin-top: 58px;
}

/* テーブル */
.chinotan2-method__table-wrap {
  overflow-x: auto;
  margin-top: 10px;
  
  & + & {
    margin-top: 22px;
  }
  
  & + .chinotan2-method__desc {
    margin-top: 16px;
  }
}

.chinotan2-method__table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0 !important;
  
  @media (width <= 767px) {
    display: flex !important;
  }
}

.chinotan2-method__table-desc {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}

.chinotan2-method__table th,
.chinotan2-method__table td {
  text-align: center !important;
  border: 1px solid #fff !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  padding: 1px !important;
  line-height: 1.5;
  
  @media (width <= 767px) { 
    font-size: 14px !important;
  }
}

.chinotan2-method__table th {
  background: #0057AA !important;
  color: #fff !important;
  
  & + th {
    border-left: 1px solid #fff !important;
  }
}

.chinotan2-method__table td {
  background-color: #EFEFEF !important;
  color: #000 !important;
  
  &.t-pink {
    background-color: #FDCDBC !important;
  }
  &.t-blue {
    background-color: #B8E7FC !important;
  }
  &.t-green {
    background-color: #B5EDC0 !important;
  }
}

.chinotan2-method__table thead {
  @media (width <= 767px) {
    flex: 0 0 30%;
  }
  
  tr {
    @media (width <= 767px) {
      display: grid;
    }
    
    th {
      @media (width <= 767px) {
        width: 100% !important;
      }
    }
  }
}

.chinotan2-method__table tbody {
  @media (width <= 767px) {
    display: flex;
    flex: 1 1 auto;
  }
  
  tr {
    @media (width <= 767px) {
      display: grid;
      flex: 1 1 auto;
    }
    
    th,td {
      @media (width <= 767px) {
        width: 100% !important;
      }
    }
  
    th {
      white-space: nowrap;
      
      @media (width <= 767px) {
        width: 100% !important;
      }
    }
  }
}

/* 4週目 */
.chinotan2-four {
  padding: 215px 0 215px;
  
  @media (width <= 991px) {
    padding: 80px 0;
  }
}

.chinotan2-four__ttl {
  margin: 0 !important;
  padding: 6px 20px !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #fff !important;
  background-color: #0C75B8 !important;
  border-bottom: none !important;
}

.chinotan2-four__desc {
  margin-top: 13px;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.03em;
}

.chinotan2-four__check-ttl {
  padding: 0 0 0 6px !important;
  margin: 33px 0 0 !important;
  line-height: 1.2 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #0057AA !important;
  background-color: transparent !important;
  border: none !important;
  border-left: 5px solid #0057AA !important;
  
  @media (width <= 767px) {
    font-size: 16px !important;
  }
}

.chinotan2-four__sttl {
  padding: 0 !important;
  margin: 20px 0 0 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #0057AA !important;
  background-color: transparent !important;
  border: none !important;
  
  @media (width <= 767px) {
    font-size: 16px !important;
  }
}

.chinotan2-four__graph {
  margin-top: 40px;
}

/* ========================================
   chinotan2 スライダー（bg_03.png）
======================================== */
.chinotan2-slider {
  position: relative;
  padding-block: 200px;
  overflow: hidden;
  background: url(https://www.ipec.okayama-u.ac.jp/wp-content/uploads/2026/03/chinotan2_bg_03.png) no-repeat center center / cover;
  border-top: 1px solid #707070;
  
  @media (width <= 991px) {
    padding-block: 80px;
  }
  
  @media (width <= 767px) {
    background: url(https://www.ipec.okayama-u.ac.jp/wp-content/uploads/2026/03/chinotan2_bg_03_sp.png) repeat 0 / 10px 200px;
  }
}

.chinotan2-slider__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.chinotan2-slider__inner {
  position: relative;
  z-index: 2;
  
  @media (width <= 767px) {
    --container-space: 40px;
  }
}

.chinotan2-slider__head {
  text-align: center;
}

.chinotan2-slider__badge {
  width: 70px;
  height: 16px;
  margin: 0 auto;
}

.chinotan2-slider__ttl {
  margin: 10px 0 0 !important;
  padding: 0 !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  color: #fff !important;
  letter-spacing: 0.04em !important;
  background-color: transparent !important;
  border: none !important;
  
  @media (width <= 767px) {
    font-size: 28px !important;
  }
}

/* Splide ラッパー */
#chinotan2-slider {
  position: relative;
  margin-top: 75px;
}

#chinotan2-slider .splide__track {
  overflow: hidden;
}

#chinotan2-slider .splide__list {
  align-items: stretch;
}

#chinotan2-slider .splide__slide {
  height: auto;
  padding: 0;
}

/* 768px未満: スライダー無効・縦並び表示 */
#chinotan2-slider.chinotan2-slider--list {
  visibility: visible !important;
}

#chinotan2-slider.chinotan2-slider--list .splide__track {
  overflow: visible;
}

#chinotan2-slider.chinotan2-slider--list .splide__list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: stretch;
}

#chinotan2-slider.chinotan2-slider--list .splide__slide {
  width: 100%;
}

#chinotan2-slider.chinotan2-slider--list .splide__arrows,
#chinotan2-slider.chinotan2-slider--list .splide__pagination-counter {
  display: none !important;
}

/* スライドカード */
.chinotan2-slide {
  background: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.chinotan2-slide__inner {
  padding: 45px 50px 50px;
  
  @media (width <= 767px) {
    padding: 20px 30px 70px;
  }
}

/* アコーディオン（768px未満のみ） */
.chinotan2-slide.js-content-accordion:not(.js-content-accordion--disabled) {
  position: relative;
  max-height: calc(var(--accordion-collapsed-height, 500px));
  overflow: hidden;
  transition: max-height 0.5s ease;
}

.chinotan2-slide.js-content-accordion:not(.js-content-accordion--disabled).is-open {
  max-height: var(--accordion-expanded-height, 500rem);
}

.chinotan2-slide.js-content-accordion:not(.js-content-accordion--disabled)::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  content: "";
  background: linear-gradient(to top, #fff 50%, transparent);
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.chinotan2-slide.js-content-accordion:not(.js-content-accordion--disabled).is-open::after {
  opacity: 0;
}

.chinotan2-slide.js-content-accordion.js-content-accordion--disabled {
  max-height: none;
  overflow: visible;
}

.chinotan2-slide.js-content-accordion.js-content-accordion--disabled::after {
  display: none;
}

.chinotan2-slide.js-content-accordion .js-accordion-toggle-btn {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  font-weight: 600;
  color: #0057AA;
  background: none;
  border: none;
  cursor: pointer;
  text-underline-offset: 4px;
  text-decoration: underline;
  z-index: 3;
}

.chinotan2-slide.js-content-accordion.js-content-accordion--disabled .js-accordion-toggle-btn {
  display: none;
}

.chinotan2-slide__theme {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 30px !important;
  font-weight: 600 !important;
  color: #333 !important;
  line-height: 1.75 !important;
  letter-spacing: 0.05em !important;
  background-color: transparent !important;
  border: none !important;
  
  @media (width <= 767px) {
    font-size: 24px !important;
  }
}

.chinotan2-slide__research {
  margin-top: 23px;
}

.chinotan2-slide__label {
  margin: 0 !important;
  padding: 0 !important;
  padding-block: 10px !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  color: #3B4043 !important;
  background-color: transparent !important;
  border: none !important;
  border-top: 1px solid #707070 !important;
  border-bottom: 1px solid #707070 !important;
  
  @media (width <= 767px) {
    font-size: 18px !important;
  }
}

.chinotan2-slide__intro {
  margin: 10px 0 0;
  font-size: 16px;
  line-height: 1.85;
  color: #3B4043;
  letter-spacing: 0.1em;
}

.chinotan2-slide__theme-block {
  margin-top: 35px;
  background: #EFEFEF;
}

.chinotan2-slide__theme-ttl {
  margin: 0 !important;
  padding: 14px 20px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #3B4043 !important;
  border-bottom: 1px solid #707070 !important;
  background-color: transparent !important;
}

.chinotan2-slide__theme-desc {
  margin: 0;
  padding: 14px 20px 14px !important;
  font-size: 16px;
  line-height: 1.75;
  color: #3B4043;
}

.chinotan2-slide__term {
  margin: 16px 0 0;
  font-size: 12px;
  color: #888;
  text-align: right;
}

/* Splide 矢印（chinotan2用カスタム） */
#chinotan2-slider .splide__arrows {
  position: absolute;
  top: calc(50% - 20px);
  left: 0;
  right: 0;
  transform: translateY(-50%);
  pointer-events: none;
}

#chinotan2-slider .splide__arrow {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #FAFAFA;
  border: 1px solid #98A6B5;
  border-radius: 50%;
  pointer-events: auto;
  transition: background 0.2s, box-shadow 0.2s;
  opacity: 1;
  
  @media (width <= 767px) {
    width: 38px;
    height: 38px;
  }
}

#chinotan2-slider .splide__arrow:hover {
  background: #fff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

#chinotan2-slider .splide__arrow--prev {
  left: -24px;
  
  @media (width <= 767px) {
    left: -15px;
  }
  
  img {
    transform: scaleX(-1);
  }
}

#chinotan2-slider .splide__arrow--next {
  right: -24px;
  
  @media (width <= 767px) {
    right: -15px;
  }
}

#chinotan2-slider .splide__pagination-counter {
  position: absolute;
  top: -45px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25em;
  font-size: 18px;
  font-weight: 500;
  color: #fff;

  @media (width <= 767px) {
    bottom: -40px;
    font-size: 13px;
  }
}

#chinotan2-slider .splide__pagination-current {
  font-size: 1.3em;
  font-weight: 600;
}

#chinotan2-slider .splide__pagination[aria-hidden="true"] {
  display: none !important;
}