body.gtu_202501 .gtuWrap {
  background: #eeeded;
}

.clc-sec {
  position: relative;
}

.clc-sec__anc {
  position: relative;
  height: 0;
}

@media print, screen and (min-width: 768px) {
  .clc-sec__anc {
    bottom: clamp(72px / 1440 * 1140, 72 / 1440 * 100vw, 72px);
    transform: translateY(-100px);
  }
}

@media screen and (max-width: 767px) {
  .clc-sec__anc {
    bottom: clamp(30px / 375 * 320, 30 / 375 * 100vw, 30px);
    transform: translateY(-72px);
  }
}

.clc-sec__in {
  margin: clamp(60px / 1440 * 1140, 60 / 1440 * 100vw, 60px) 0 0;
}

@media screen and (max-width: 767px) {
  .clc-sec__in {
    margin: clamp(32px / 375 * 320, 32 / 375 * 100vw, 32px) 0 0;
  }
}

.clc-bx01 {
  margin: clamp(160px / 1440 * 1140, 160 / 1440 * 100vw, 160px) 0 0;
}

@media screen and (max-width: 767px) {
  .clc-bx01 {
    margin: clamp(60px / 375 * 320, 60 / 375 * 100vw, 60px) 0 0;
  }
}

.clc-bx01:nth-child(1),
.clc-bx01.is-mt0 {
  margin: 0 !important;
}

.clc-bx02 {
  margin: clamp(72px / 1440 * 1140, 72 / 1440 * 100vw, 72px) 0 0;
}

@media screen and (max-width: 767px) {
  .clc-bx02 {
    margin: clamp(36px / 375 * 320, 36 / 375 * 100vw, 36px) 0 0;
  }
}

.clc-bx02:nth-child(1),
.clc-bx02.is-mt0 {
  margin: 0 !important;
}

.clc-fig__tt {
  margin: 0 0 clamp(15px / 1440 * 1140, 15 / 1440 * 100vw, 15px);
  font-size: clamp(16px / 1440 * 1140, 16 / 1440 * 100vw, 16px);
  font-weight: 500;
  line-height: calc(40 / 16);
}

@media screen and (max-width: 767px) {
  .clc-fig__tt {
    margin: 0 0 clamp(12px / 375 * 320, 12 / 375 * 100vw, 12px);
    padding: clamp(2px / 375 * 320, 2 / 375 * 100vw, 2px) 0;
    color: #5c5c5c;
    font-size: clamp(14px / 375 * 320, 14 / 375 * 100vw, 14px);
    line-height: calc(22 / 14);
  }
  .clc-fig__tt + .clc-fig__in.is-col2 {
    gap: clamp(10px / 375 * 320, 10 / 375 * 100vw, 10px) 0;
  }
}

.clc-fig__in.is-col2 {
  display: flex;
  gap: 0 clamp(10px / 1440 * 1140, 10 / 1440 * 100vw, 10px);
}

.clc-fig__in.is-col2 > * {
  flex: 1 1 auto;
}

@media screen and (max-width: 767px) {
  .clc-fig__in.is-col2 {
    flex-direction: column;
    gap: clamp(32px / 375 * 320, 32 / 375 * 100vw, 32px) 0;
  }
}

.clc-fig picture,
.clc-fig img {
  display: block;
  width: 100%;
}

.clc-fig img {
  height: auto;
}

.clc-fig figcaption {
  display: block;
  margin: clamp(5px / 1440 * 1140, 5 / 1440 * 100vw, 5px) 0 0;
  padding: 0;
  font-size: clamp(12px / 1440 * 1140, 12 / 1440 * 100vw, 12px);
  font-weight: 500;
  line-height: calc(22 / 12);
}

@media screen and (max-width: 767px) {
  .clc-fig figcaption {
    margin: clamp(5px / 375 * 320, 5 / 375 * 100vw, 5px) 0 0;
    font-size: clamp(12px / 375 * 320, 12 / 375 * 100vw, 12px);
    font-weight: 400;
    line-height: calc(20 / 12);
  }
}

.clc-tt {
  margin: 0 0 clamp(26px / 1440 * 1140, 26 / 1440 * 100vw, 26px);
  font-size: clamp(24px / 1440 * 1140, 24 / 1440 * 100vw, 24px);
  line-height: calc(46 / 24);
}

@media screen and (max-width: 767px) {
  .clc-tt {
    margin: 0 0 clamp(20px / 375 * 320, 20 / 375 * 100vw, 20px);
    font-size: clamp(18px / 375 * 320, 18 / 375 * 100vw, 18px);
    line-height: calc(28 / 18);
  }
}

@media print, screen and (min-width: 768px) {
  .clBc {
    background: #f8f8f8;
  }
  .clBc .gtuBc__in {
    width: clamp(1200px / 1440 * 1140, 1200 / 1440 * 100vw, 1200px);
    margin: 0 auto;
  }
  .clBc .gtuBc__ls {
    display: flex;
    align-items: center;
    height: 32px;
  }
  .clBc .gtuBc__ls > li {
    position: relative;
  }
  .clBc .gtuBc__ls > li + li {
    padding: 0 0 0 clamp(24px / 1440 * 1140, 24 / 1440 * 100vw, 24px);
  }
  .clBc .gtuBc__ls > li + li::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: clamp(9px / 1440 * 1140, 9 / 1440 * 100vw, 9px);
    width: clamp(6px / 1440 * 1140, 6 / 1440 * 100vw, 6px);
    height: clamp(6px / 1440 * 1140, 6 / 1440 * 100vw, 6px);
    border-top: 1px solid #bababa;
    border-right: 1px solid #bababa;
    box-sizing: border-box;
    transform: translateY(-50%) rotate(45deg);
  }
  .clBc .gtuBc__ls > li > a,
  .clBc .gtuBc__ls > li > span {
    display: block;
    font-size: clamp(12px / 1440 * 1140, 12 / 1440 * 100vw, 12px);
    font-weight: 500;
    line-height: calc(32 / 12);
  }
  .clBc .gtuBc__ls > li > a {
    color: #bababa;
    transition: color 400ms cubic-bezier(.215, .61, .355, 1) 0ms;
  }
  .clBc .gtuBc__ls > li > a:hover {
    color: #444;
  }
}

.clWrap {
  position: relative;
  width: clamp(1200px / 1440 * 1140, 1200 / 1440 * 100vw, 1200px);
  padding: clamp(120px / 1440 * 1140, 120 / 1440 * 100vw, 120px) 0 clamp(200px / 1440 * 1140, 200 / 1440 * 100vw, 200px);
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .clWrap {
    width: auto;
    padding: clamp(52px / 375 * 320, 52 / 375 * 100vw, 52px) clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px) clamp(80px / 375 * 320, 80 / 375 * 100vw, 80px);
  }
  .clWrap .c-txt {
    color: #5c5c5c;
  }
}

@media print, screen and (min-width: 768px) {
  .clWrap__hd {
    float: left;
    width: clamp(830px / 1440 * 1140, 830 / 1440 * 100vw, 830px);
  }
}

@media print, screen and (min-width: 768px) {
  .clWrap__sd {
    position: sticky;
    top: 130px;
    width: clamp(250px / 1440 * 1140, 250 / 1440 * 100vw, 250px);
    margin: 0 0 0 auto;
    padding: clamp(10px / 1440 * 1140, 10 / 1440 * 100vw, 10px) 0 0;
  }
}

@media print, screen and (min-width: 768px) {
  .clWrap__mn {
    clear: both;
    width: clamp(830px / 1440 * 1140, 830 / 1440 * 100vw, 830px);
  }
}

.clWrap__mn > section {
  padding: clamp(160px / 1440 * 1140, 160 / 1440 * 100vw, 160px) 0 0;
}

@media screen and (max-width: 767px) {
  .clWrap__mn > section {
    padding: clamp(80px / 375 * 320, 80 / 375 * 100vw, 80px) 0 0;
  }
}

.clHd {
  position: relative;
}

.clHd__ts {
  margin: 0 0 clamp(80px / 1440 * 1140, 80 / 1440 * 100vw, 80px);
}

@media screen and (max-width: 767px) {
  .clHd__ts {
    margin: 0 0 clamp(40px / 375 * 320, 40 / 375 * 100vw, 40px);
  }
}

.clHd__ts__stt {
  margin: 0 0 clamp(24px / 1440 * 1140, 24 / 1440 * 100vw, 24px);
  font-size: clamp(24px / 1440 * 1140, 24 / 1440 * 100vw, 24px);
  line-height: calc(46 / 24);
}

@media screen and (max-width: 767px) {
  .clHd__ts__stt {
    margin: 0 0 clamp(10px / 375 * 320, 10 / 375 * 100vw, 10px);
    color: #5c5c5c;
    font-size: clamp(16px / 375 * 320, 16 / 375 * 100vw, 16px);
    line-height: calc(26 / 16);
  }
}

.clHd__ts__tt {
  font-size: clamp(46px / 1440 * 1140, 46 / 1440 * 100vw, 46px);
  line-height: calc(70 / 46);
}

@media screen and (max-width: 767px) {
  .clHd__ts__tt {
    font-size: clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px);
    line-height: calc(34 / 24);
    letter-spacing: .1em;
  }
}

.clHd__ts__sbt {
  font-size: clamp(24px / 1440 * 1140, 24 / 1440 * 100vw, 24px);
  line-height: calc(46 / 24);
}

@media screen and (max-width: 767px) {
  .clHd__ts__sbt {
    margin: clamp(2px / 375 * 320, 2 / 375 * 100vw, 2px) 0 0;
    font-size: clamp(18px / 375 * 320, 18 / 375 * 100vw, 18px);
    line-height: calc(28 / 18);
  }
}

.clHd__p {
  aspect-ratio: 850 / 500;
}

@media screen and (max-width: 767px) {
  .clHd__p {
    margin: 0 clamp(-24px, -24 / 375 * 100vw, -24px / 375 * 320);
  }
}

.clHd__p picture,
.clHd__p img {
  display: block;
  width: 100%;
  height: 100%;
}

.clHd__p img {
  object-fit: cover;
}

.clHd__ds {
  margin: clamp(52px / 1440 * 1140, 52 / 1440 * 100vw, 52px) 0 0;
}

@media screen and (max-width: 767px) {
  .clHd__ds {
    margin: clamp(40px / 375 * 320, 40 / 375 * 100vw, 40px) 0 0;
  }
}

.clSd {
  position: relative;
}

@media screen and (max-width: 767px) {
  .clSd {
    margin: clamp(80px / 375 * 320, 80 / 375 * 100vw, 80px) 0 0;
    padding: clamp(32px / 375 * 320, 32 / 375 * 100vw, 32px) clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px);
    background: #fff;
  }
}

.clSd__tt {
  height: clamp(46px / 1440 * 1140, 46 / 1440 * 100vw, 46px);
  border-bottom: 1px solid rgba(0, 0, 0, .15);
}

@media screen and (max-width: 767px) {
  .clSd__tt {
    height: clamp(32px / 375 * 320, 32 / 375 * 100vw, 32px);
  }
}

.clSd__tt > span {
  display: block;
  font-size: clamp(16px / 1440 * 1140, 16 / 1440 * 100vw, 16px);
  line-height: clamp(40px / 1440 * 1140, 40 / 1440 * 100vw, 40px);
}

@media screen and (max-width: 767px) {
  .clSd__tt > span {
    color: #5c5c5c;
    font-size: clamp(16px / 375 * 320, 16 / 375 * 100vw, 16px);
    line-height: calc(26 / 16);
  }
}

.clSd__ls {
  margin: 0 0 clamp(-10px, -10 / 1440 * 100vw, -10px / 1440 * 1140);
  padding: clamp(14px / 1440 * 1140, 14 / 1440 * 100vw, 14px) 0 0;
}

@media screen and (max-width: 767px) {
  .clSd__ls {
    margin: 0 0 clamp(-10px, -10 / 375 * 100vw, -10px / 375 * 320);
    padding: clamp(14px / 375 * 320, 14 / 375 * 100vw, 14px) 0 0;
  }
}

.clSd__ls > li a {
  display: block;
  position: relative;
  padding: clamp(10px / 1440 * 1140, 10 / 1440 * 100vw, 10px) clamp(16px / 1440 * 1140, 16 / 1440 * 100vw, 16px);
  color: #5c5c5c;
  font-size: clamp(14px / 1440 * 1140, 14 / 1440 * 100vw, 14px);
  line-height: calc(20 / 14);
  transition: color 400ms cubic-bezier(.215, .61, .355, 1) 0ms, opacity 400ms cubic-bezier(.215, .61, .355, 1) 0ms;
}

@media print, screen and (min-width: 768px) {
  .clSd__ls > li a:hover {
    opacity: .6;
  }
}

@media screen and (max-width: 767px) {
  .clSd__ls > li a {
    padding: clamp(10px / 375 * 320, 10 / 375 * 100vw, 10px) clamp(16px / 375 * 320, 16 / 375 * 100vw, 16px);
    font-size: clamp(14px / 375 * 320, 14 / 375 * 100vw, 14px);
    line-height: calc(20 / 14);
  }
}

.clSd__ls > li a::before {
  position: absolute;
  top: clamp(10px / 1440 * 1140, 10 / 1440 * 100vw, 10px);
  left: 0;
}

@media screen and (max-width: 767px) {
  .clSd__ls > li a::before {
    top: clamp(10px / 375 * 320, 10 / 375 * 100vw, 10px);
  }
}

.clSd__ls > li a::after {
  content: '';
  display: block;
  position: absolute;
  top: clamp(15px / 1440 * 1140, 15 / 1440 * 100vw, 15px);
  right: 0;
  width: clamp(10px / 1440 * 1140, 10 / 1440 * 100vw, 10px);
  aspect-ratio: 1 / 1;
  background: #444;
          mask: url('/lineup/grandtoyou_v/assets_202501/images/common/icon_angle02.svg') 50% 50%/contain no-repeat;
  -webkit-mask: url('/lineup/grandtoyou_v/assets_202501/images/common/icon_angle02.svg') 50% 50%/contain no-repeat;
  transform: rotate(90deg);
}

@media screen and (max-width: 767px) {
  .clSd__ls > li a::after {
    top: clamp(15px / 375 * 320, 15 / 375 * 100vw, 15px);
    width: clamp(10px / 375 * 320, 10 / 375 * 100vw, 10px);
  }
}

.clSd__ls > li:nth-child(1) > a::before {
  content: '1.';
}

.clSd__ls > li:nth-child(2) > a::before {
  content: '2.';
}

.clSd__ls > li:nth-child(3) > a::before {
  content: '3.';
}

.clSd__ls > li:nth-child(4) > a::before {
  content: '4.';
}

.clSd__ls > li:nth-child(5) > a::before {
  content: '5.';
}

.clSd__ls > li:nth-child(6) > a::before {
  content: '6.';
}

@media print, screen and (min-width: 768px) {
  [data-gtusticky-count='1'] .clSd__ls > li:nth-child(1) > a,
  [data-gtusticky-count='2'] .clSd__ls > li:nth-child(2) > a,
  [data-gtusticky-count='3'] .clSd__ls > li:nth-child(3) > a,
  [data-gtusticky-count='4'] .clSd__ls > li:nth-child(4) > a,
  [data-gtusticky-count='5'] .clSd__ls > li:nth-child(5) > a,
  [data-gtusticky-count='6'] .clSd__ls > li:nth-child(6) > a,
  [data-gtusticky-count='7'] .clSd__ls > li:nth-child(7) > a {
    color: #156082;
    font-weight: 500;
    opacity: 1;
  }
}

.clLk__in {
  padding: clamp(72px / 1440 * 1140, 72 / 1440 * 100vw, 72px) 0 0;
}

@media screen and (max-width: 767px) {
  .clLk__in {
    padding: clamp(32px / 375 * 320, 32 / 375 * 100vw, 32px) 0 0;
  }
}
