body.gtu_202501 .gtuWrap {
  background: #fafafa;
}

.tcc-stk {
  position: relative;
  padding: clamp(200px / 1440 * 1140, 200 / 1440 * 100vw, 200px) 0 0;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .tcc-stk {
    padding: clamp(80px / 375 * 320, 80 / 375 * 100vw, 80px) 0 0;
  }
}

.tcc-stk.is-bg01 {
  background: #fafafa;
}

.tcc-stk.is-bg02 {
  background: #f5f5f5;
}

.tcc-stk.is-bg03 {
  background: #eeeded;
}

.tcc-stk.is-bg04 {
  background: #e3e9eb;
}

.tcc-stk__tt {
  width: clamp(1200px / 1440 * 1140, 1200 / 1440 * 100vw, 1200px);
  margin: 0 auto clamp(20px / 1440 * 1140, 20 / 1440 * 100vw, 20px);
  font-size: clamp(24px / 1440 * 1140, 24 / 1440 * 100vw, 24px);
  line-height: calc(46 / 24);
}

@media screen and (max-width: 767px) {
  .tcc-stk__tt {
    width: auto;
    margin: 0 0 clamp(18px / 375 * 320, 18 / 375 * 100vw, 18px);
    font-size: clamp(18px / 375 * 320, 18 / 375 * 100vw, 18px);
    line-height: calc(28 / 18);
    text-align: center;
  }
}

.tcc-stk__ln {
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .tcc-stk__ln {
    bottom: 84px;
  }
}

@media screen and (max-width: 767px) {
  .tcc-stk__ln.is-02 {
    height: 25px;
  }
  .tcc-stk__ln.is-03 {
    height: 76px;
  }
  .tcc-stk__ln.is-04 {
    height: 127px;
  }
}

.tcc-stk__nv {
  position: sticky;
  margin: 0 auto;
  pointer-events: none;
  z-index: 999;
}

@media print, screen and (min-width: 768px) {
  .tcc-stk__nv {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    top: 84px;
    width: clamp(1200px / 1440 * 1140, 1200 / 1440 * 100vw, 1200px);
    height: 80px;
    transition: width 400ms cubic-bezier(.215, .61, .355, 1) 0ms;
  }
  .is-sticky .tcc-stk__nv {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .tcc-stk__nv {
    top: 72px;
    height: 32px;
    margin: 72px 0 0;
    border-left: clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px) solid transparent;
    border-right: clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px) solid transparent;
  }
  .is-sticky .tcc-stk__nv {
    border-width: 0;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .tcc-stk__nv + * {
    margin-top: -32px;
  }
}

.tcc-stk__nv__ls {
  display: flex;
  gap: 0 clamp(5px / 1440 * 1140, 5 / 1440 * 100vw, 5px);
  width: 100%;
  pointer-events: auto;
}

@media print, screen and (min-width: 768px) {
  .is-sticky .tcc-stk__nv__ls {
    gap: 0 0;
  }
}

@media screen and (max-width: 767px) {
  .tcc-stk__nv__ls {
    flex-direction: column;
    gap: clamp(5px / 375 * 320, 5 / 375 * 100vw, 5px) 0;
    justify-content: space-between;
    position: absolute;
    bottom: 100%;
    width: 100%;
  }
  .tcc-stk__nv__ls.is-02 {
    height: 97px;
  }
  .tcc-stk__nv__ls.is-03 {
    height: 148px;
  }
  .tcc-stk__nv__ls.is-04 {
    height: 199px;
  }
  .is-sticky .tcc-stk__nv__ls {
    flex-direction: row;
    height: auto;
    transform: translateY(100%);
    transition: transform 400ms cubic-bezier(.215, .61, .355, 1) 0ms;
  }
}

.tcc-stk__nv__ls > li {
  flex: 1 1 100%;
}

@media print, screen and (min-width: 768px) {
  .tcc-stk__nv__ls > li {
    height: 80px;
    transition: height 400ms cubic-bezier(.215, .61, .355, 1) 0ms;
  }
  .is-sticky .tcc-stk__nv__ls > li {
    height: 64px;
  }
  .is-sticky .tcc-stk__nv__ls > li + li {
    border-left: 1px solid #fafafa;
  }
}

@media screen and (max-width: 767px) {
  .is-sticky .tcc-stk__nv__ls > li {
    height: 32px;
  }
  .is-sticky .tcc-stk__nv__ls > li + li {
    border-left: 1px solid #fafafa;
  }
}

.tcc-stk__nv__ls > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 100%;
  border-radius: 2px;
  background: #fff;
  color: #444;
}

@media print, screen and (min-width: 768px) {
  .tcc-stk__nv__ls > li > a {
    padding: 0 20px 0 0;
    transition: background-color 400ms cubic-bezier(.215, .61, .355, 1) 0ms, padding 400ms cubic-bezier(.215, .61, .355, 1) 0ms;
  }
  .tcc-stk__nv__ls > li > a:hover {
    background: #d8e5e9;
  }
  .is-sticky .tcc-stk__nv__ls > li > a {
    padding: 0;
    background: #dde5e9;
  }
  .is-sticky .tcc-stk__nv__ls > li > a:hover {
    background: #c7d4d8;
  }
}

@media screen and (max-width: 767px) {
  .tcc-stk__nv__ls > li > a {
    padding: 0 clamp(20px / 375 * 320, 20 / 375 * 100vw, 20px) 0 0;
  }
  .is-sticky .tcc-stk__nv__ls > li > a {
    padding: 0;
    background: #dde5e9;
    transition: background-color 400ms cubic-bezier(.215, .61, .355, 1) 0ms;
  }
}

.tcc-stk__nv__ls > li > a > span {
  display: block;
}

.tcc-stk__nv__ls > li > a > span.is-t {
  flex: 1 0 auto;
  text-align: center;
}

.tcc-stk__nv__ls > li > a > span.is-t br {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .tcc-stk__nv__ls > li > a > span.is-t {
    font-size: clamp(16px / 1280 * 1140, 16 / 1280 * 100vw, 16px);
    transition: color 400ms cubic-bezier(.215, .61, .355, 1) 0ms;
  }
  .is-sticky .tcc-stk__nv__ls > li > a > span.is-t {
    color: #5c5c5c;
  }
}

@media screen and (max-width: 767px) {
  .tcc-stk__nv__ls > li > a > span.is-t {
    font-size: clamp(16px / 375 * 320, 16 / 375 * 100vw, 16px);
  }
  .is-sticky .tcc-stk__nv__ls > li > a > span.is-t {
    font-size: clamp(12px / 375 * 320, 12 / 375 * 100vw, 12px);
    line-height: calc(13 / 12);
  }
  .is-sticky .tcc-stk__nv__ls > li > a > span.is-t br {
    display: inline;
  }
  .is-sticky .tcc-stk__nv__ls > li > a > span.is-t.is-spls01 {
    letter-spacing: -.12em;
  }
}

.tcc-stk__nv__ls > li > a > span.c-angle02 {
  position: absolute;
  bottom: 50%;
  right: 32px;
  width: 10px;
  margin: 0 0 -5px 0;
  transition: opacity 400ms cubic-bezier(.215, .61, .355, 1) 0ms;
}

.is-sticky .tcc-stk__nv__ls > li > a > span.c-angle02 {
  opacity: 0;
  transition: opacity 150ms cubic-bezier(.215, .61, .355, 1) 0ms;
}

.is-sticky[data-gtusticky-count='1'] .tcc-stk__nv__ls > li:nth-child(1) > a,
.is-sticky[data-gtusticky-count='2'] .tcc-stk__nv__ls > li:nth-child(2) > a,
.is-sticky[data-gtusticky-count='3'] .tcc-stk__nv__ls > li:nth-child(3) > a,
.is-sticky[data-gtusticky-count='4'] .tcc-stk__nv__ls > li:nth-child(4) > a,
.is-sticky[data-gtusticky-count='5'] .tcc-stk__nv__ls > li:nth-child(5) > a {
  background: #c7d4d8;
}

.is-sticky[data-gtusticky-count='1'] .tcc-stk__nv__ls > li:nth-child(1) > a > span.is-t,
.is-sticky[data-gtusticky-count='2'] .tcc-stk__nv__ls > li:nth-child(2) > a > span.is-t,
.is-sticky[data-gtusticky-count='3'] .tcc-stk__nv__ls > li:nth-child(3) > a > span.is-t,
.is-sticky[data-gtusticky-count='4'] .tcc-stk__nv__ls > li:nth-child(4) > a > span.is-t,
.is-sticky[data-gtusticky-count='5'] .tcc-stk__nv__ls > li:nth-child(5) > a > span.is-t {
  color: #156082;
  font-weight: 500;
}

.tcc-ldbx {
  padding: clamp(200px / 1440 * 1140, 200 / 1440 * 100vw, 200px) 0 0;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .tcc-ldbx {
    padding: clamp(80px / 375 * 320, 80 / 375 * 100vw, 80px) 0;
  }
}

.tcc-ldbx.is-bg01 {
  background: #fafafa;
}

.tcc-ldbx.is-bg02 {
  background: #f5f5f5;
}

.tcc-ldbx.is-bg03 {
  background: #eeeded;
}

@media print, screen and (min-width: 768px) {
  .tcc-ldbx.is-pcpb01 {
    padding-bottom: clamp(200px / 1440 * 1140, 200 / 1440 * 100vw, 200px);
  }
}

.tcc-ldbx__in {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}

.tcc-ldbx__p {
  float: right;
  position: relative;
  padding: clamp(100px / 1440 * 1140, 100 / 1440 * 100vw, 100px) 0 0;
  width: calc(820 / 1440 * 100%);
  aspect-ratio: 820 / 530;
  z-index: 2;
}

@media print, screen and (min-width: 768px) {
  .tcc-ldbx__p.is-pcp0 {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .tcc-ldbx__p {
    float: none;
    width: auto;
    padding: 0 clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px) 0 0;
  }
}

.tcc-ldbx__p picture,
.tcc-ldbx__p img {
  display: block;
  width: 100%;
  height: 100%;
}

.tcc-ldbx__p img {
  object-fit: cover;
}

.tcc-ldbx__i {
  position: relative;
  width: clamp(1200px / 1440 * 1140, 1200 / 1440 * 100vw, 1200px);
  margin: 0 auto;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .tcc-ldbx__i {
    width: auto;
    padding: clamp(43px / 375 * 320, 43 / 375 * 100vw, 43px) clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px) 0;
  }
}

@media print, screen and (min-width: 768px) {
  .tcc-ldbx__i::after {
    content: '';
    display: block;
    position: absolute;
    left: -50vw;
    top: 100%;
    width: 150vw;
    height: 400px;
    margin: clamp(120px / 1440 * 1140, 120 / 1440 * 100vw, 120px) 0 0;
    pointer-events: none;
  }
  .tcc-ldbx__i.is-bg00::after {
    display: none;
  }
  .tcc-ldbx__i.is-bg01::after {
    background: #fafafa;
  }
  .tcc-ldbx__i.is-bg02::after {
    background: #f5f5f5;
  }
  .tcc-ldbx__i.is-bg03::after {
    background: #eeeded;
  }
  .tcc-ldbx__i.is-bg04::after {
    background: #e3e9eb;
  }
}

.tcc-ldbx__i__in {
  width: clamp(400px / 1440 * 1140, 400 / 1440 * 100vw, 400px);
}

@media screen and (max-width: 767px) {
  .tcc-ldbx__i__in {
    width: auto;
  }
}

.tcc-ldbx__i__stt {
  margin: 0 0 clamp(10px / 1440 * 1140, 10 / 1440 * 100vw, 10px);
  font-size: clamp(24px / 1440 * 1140, 24 / 1440 * 100vw, 24px);
  line-height: calc(46 / 24);
}

@media screen and (max-width: 767px) {
  .tcc-ldbx__i__stt {
    margin: 0 0 clamp(10px / 375 * 320, 10 / 375 * 100vw, 10px);
    font-size: clamp(18px / 375 * 320, 18 / 375 * 100vw, 18px);
    line-height: calc(28 / 18);
  }
}

.tcc-ldbx__i__tt {
  font-size: clamp(40px / 1440 * 1140, 40 / 1440 * 100vw, 40px);
  line-height: calc(58 / 40);
  letter-spacing: .1em;
}

@media screen and (max-width: 767px) {
  .tcc-ldbx__i__tt {
    font-size: clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px);
    line-height: calc(35 / 24);
  }
}

.tcc-ldbx__i__t {
  margin: clamp(60px / 1440 * 1140, 60 / 1440 * 100vw, 60px) 0 0;
}

@media screen and (max-width: 767px) {
  .tcc-ldbx__i__t {
    margin: clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px) 0 0;
  }
}

@media screen and (max-width: 767px) {
  .tcc-ldbx__i .c-nt {
    margin: clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px) 0 0;
  }
}

.tcc-bxwp {
  display: flex;
  flex-direction: column;
  gap: clamp(180px / 1440 * 1140, 180 / 1440 * 100vw, 180px) 0;
  margin: clamp(100px / 1440 * 1140, 100 / 1440 * 100vw, 100px) 0 0;
}

@media screen and (max-width: 767px) {
  .tcc-bxwp {
    gap: clamp(60px / 375 * 320, 60 / 375 * 100vw, 60px) 0;
    margin: clamp(32px / 375 * 320, 32 / 375 * 100vw, 32px) 0 0;
  }
}

@media print, screen and (min-width: 768px) {
  .tcc-bx01 {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    justify-content: space-between;
  }
  .tcc-bx01.is-aifs {
    align-items: flex-start;
  }
  .tcc-bx01.is-row {
    flex-direction: row;
  }
}

.tcc-bx01__p {
  width: clamp(720px / 1440 * 1140, 720 / 1440 * 100vw, 720px);
}

@media screen and (max-width: 767px) {
  .tcc-bx01__p {
    width: auto;
    margin: 0 0 clamp(36px / 375 * 320, 36 / 375 * 100vw, 36px);
  }
}

.tcc-bx01__p picture,
.tcc-bx01__p img {
  display: block;
  width: 100%;
}

.tcc-bx01__p img {
  height: auto;
}

.tcc-bx01__p video,
.tcc-bx01__p video-js {
  display: block;
  position: relative !important;
  width: 100%;
  height: auto;
}

.tcc-bx01__p figure {
  flex: 1 1 50%;
}

.tcc-bx01__p figure figcaption {
  display: flex;
  gap: 0 .25em;
  margin: clamp(6px / 1440 * 1140, 6 / 1440 * 100vw, 6px) 0 0;
  padding: 0;
  font-size: clamp(12px / 1440 * 1140, 12 / 1440 * 100vw, 12px);
  line-height: calc(22 / 12);
}

@media screen and (max-width: 767px) {
  .tcc-bx01__p figure figcaption {
    margin: clamp(4px / 375 * 320, 4 / 375 * 100vw, 4px) 0 0;
    font-size: clamp(12px / 375 * 320, 12 / 375 * 100vw, 12px);
    line-height: calc(20 / 12);
  }
}

.tcc-bx01__p figure figcaption > span {
  display: block;
}

.tcc-bx01__p figure figcaption > span:nth-child(1) {
  flex: 0 0 auto;
}

.tcc-bx01__p figure figcaption > span:nth-child(2) {
  flex: 1 1 auto;
}

.tcc-bx01__p.is-col2 {
  display: flex;
  gap: 0 clamp(20px / 1440 * 1140, 20 / 1440 * 100vw, 20px);
}

@media screen and (max-width: 767px) {
  .tcc-bx01__p.is-col2 {
    gap: clamp(9px / 375 * 320, 9 / 375 * 100vw, 9px) clamp(9px / 375 * 320, 9 / 375 * 100vw, 9px);
  }
  .tcc-bx01__p.is-col2.is-spdc {
    flex-direction: column;
  }
}

.tcc-bx01__i {
  width: clamp(400px / 1440 * 1140, 400 / 1440 * 100vw, 400px);
}

@media screen and (max-width: 767px) {
  .tcc-bx01__i {
    width: auto;
  }
}

.tcc-bx01__i__tt {
  font-size: clamp(24px / 1440 * 1140, 24 / 1440 * 100vw, 24px);
  line-height: calc(46 / 24);
}

@media screen and (max-width: 767px) {
  .tcc-bx01__i__tt {
    font-size: clamp(18px / 375 * 320, 18 / 375 * 100vw, 18px);
    line-height: calc(28 / 18);
  }
}

.tcc-bx01__i__tt.is-v01 {
  font-size: clamp(30px / 1440 * 1140, 30 / 1440 * 100vw, 30px);
  line-height: calc(52 / 30);
}

@media screen and (max-width: 767px) {
  .tcc-bx01__i__tt.is-v01 {
    font-size: clamp(22px / 375 * 320, 22 / 375 * 100vw, 22px);
    line-height: calc(36 / 22);
  }
}

.tcc-bx01__i__tt sup {
  display: inline-block;
  padding: 0 1px;
  font-size: 60%;
  line-height: 1.7;
  vertical-align: text-top;
}

.tcc-bx01__i__t {
  margin: clamp(40px / 1440 * 1140, 40 / 1440 * 100vw, 40px) 0 0;
}

@media screen and (max-width: 767px) {
  .tcc-bx01__i__t {
    margin: clamp(20px / 375 * 320, 20 / 375 * 100vw, 20px) 0 0;
  }
}

.tcc-bx01__i__t:nth-child(1) {
  margin: 0;
}

.tcc-acc {
  background: #fff;
}

.tcc-acc__hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: clamp(106px / 1440 * 1140, 106 / 1440 * 100vw, 106px);
  padding: 0 clamp(20px / 1440 * 1140, 20 / 1440 * 100vw, 20px) 0 clamp(40px / 1440 * 1140, 40 / 1440 * 100vw, 40px);
}

@media screen and (max-width: 767px) {
  .tcc-acc__hd {
    height: auto;
    padding: clamp(20px / 375 * 320, 20 / 375 * 100vw, 20px) clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px);
    box-sizing: border-box;
  }
}

.tcc-acc__hd__tt {
  flex: 1 1 auto;
  font-size: clamp(24px / 1440 * 1140, 24 / 1440 * 100vw, 24px);
  line-height: calc(46 / 24);
}

@media screen and (max-width: 767px) {
  .tcc-acc__hd__tt {
    font-size: clamp(18px / 375 * 320, 18 / 375 * 100vw, 18px);
    line-height: calc(28 / 18);
  }
}

.tcc-acc__hd__ic {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: clamp(58px / 1440 * 1140, 58 / 1440 * 100vw, 58px);
  aspect-ratio: 1 / 1;
}

@media screen and (max-width: 767px) {
  .tcc-acc__hd__ic {
    width: clamp(17px / 375 * 320, 17 / 375 * 100vw, 17px);
  }
}

.tcc-acc__hd__ic::before,
.tcc-acc__hd__ic::after {
  content: '';
  display: block;
  position: absolute;
  background: currentColor;
  transition: transform 500ms cubic-bezier(.645, .045, .355, 1) 0ms;
}

.tcc-acc__hd__ic::before {
  width: 18px;
  height: 2px;
}

@media screen and (max-width: 767px) {
  .tcc-acc__hd__ic::before {
    width: 100%;
    height: 1px;
  }
}

.tcc-acc__hd__ic::after {
  width: 2px;
  height: 18px;
}

@media screen and (max-width: 767px) {
  .tcc-acc__hd__ic::after {
    width: 1px;
    height: 100%;
  }
}

.tcc-acc__hd.is-open .tcc-acc__hd__ic::before {
  transform: scaleX(-1);
}

.tcc-acc__hd.is-open .tcc-acc__hd__ic::after {
  transform: scaleY(0);
}

.tcc-acc__hd.is-open + .tcc-acc__bd {
  opacity: 1;
  transition: opacity 400ms cubic-bezier(.215, .61, .355, 1) 0ms;
}

.tcc-acc__bd {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 400ms cubic-bezier(.215, .61, .355, 1) 200ms;
}

.tcc-acc__bd__in {
  padding: 0 clamp(40px / 1440 * 1140, 40 / 1440 * 100vw, 40px) clamp(40px / 1440 * 1140, 40 / 1440 * 100vw, 40px);
}

@media screen and (max-width: 767px) {
  .tcc-acc__bd__in {
    padding: clamp(6px / 375 * 320, 6 / 375 * 100vw, 6px) clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px) clamp(40px / 375 * 320, 40 / 375 * 100vw, 40px);
  }
}

.tcc-acc__bd__t {
  margin: 0 0 clamp(32px / 1440 * 1140, 32 / 1440 * 100vw, 32px);
}

@media screen and (max-width: 767px) {
  .tcc-acc__bd__t {
    margin: 0 0 clamp(32px / 375 * 320, 32 / 375 * 100vw, 32px);
  }
}

.tcc-acc__bd__col2 {
  display: flex;
  gap: 0 clamp(20px / 1440 * 1140, 20 / 1440 * 100vw, 20px);
}

@media screen and (max-width: 767px) {
  .tcc-acc__bd__col2 {
    flex-direction: column;
    gap: clamp(32px / 375 * 320, 32 / 375 * 100vw, 32px) 0;
  }
}

.tcc-acc__bd__col2__in {
  flex: 1 1 50%;
}

.tcc-acc__bd__col2__p {
  display: block;
}

.tcc-acc__bd__col2__p picture,
.tcc-acc__bd__col2__p img {
  display: block;
  width: 100%;
}

.tcc-acc__bd__col2__p img {
  height: auto;
}

.tcc-acc__bd__col2__p figcaption {
  margin: clamp(8px / 1440 * 1140, 8 / 1440 * 100vw, 8px) 0 0;
  font-size: clamp(16px / 1440 * 1140, 16 / 1440 * 100vw, 16px);
  font-weight: 500;
  line-height: calc(32 / 16);
  letter-spacing: .1em;
}

@media screen and (max-width: 767px) {
  .tcc-acc__bd__col2__p figcaption {
    margin: clamp(2px / 375 * 320, 2 / 375 * 100vw, 2px) 0 0;
    font-size: clamp(12px / 375 * 320, 12 / 375 * 100vw, 12px);
    font-weight: 400;
    line-height: calc(20 / 12);
    letter-spacing: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .tcc-acc__bd__col2__t {
    padding: 0 clamp(60px / 1440 * 1140, 60 / 1440 * 100vw, 60px) 0 0;
  }
}

.tcc-extt {
  margin: 0 0 clamp(80px / 1440 * 1140, 80 / 1440 * 100vw, 80px);
  color: #222;
}

@media screen and (max-width: 767px) {
  .tcc-extt {
    margin: 0 0 clamp(20px / 375 * 320, 20 / 375 * 100vw, 20px);
  }
}

.tcc-extt__stt {
  margin: 0 0 clamp(10px / 1440 * 1140, 10 / 1440 * 100vw, 10px);
  font-size: clamp(16px / 1440 * 1140, 16 / 1440 * 100vw, 16px);
  line-height: calc(23 / 16);
}

@media screen and (max-width: 767px) {
  .tcc-extt__stt {
    margin: 0 0 clamp(4px / 375 * 320, 4 / 375 * 100vw, 4px);
    font-size: clamp(16px / 375 * 320, 16 / 375 * 100vw, 16px);
    line-height: calc(26 / 16);
    text-align: center;
  }
}

.tcc-extt__tt {
  font-size: clamp(30px / 1440 * 1140, 30 / 1440 * 100vw, 30px);
  line-height: calc(52 / 30);
  letter-spacing: .05em;
}

@media screen and (max-width: 767px) {
  .tcc-extt__tt {
    font-size: clamp(22px / 375 * 320, 22 / 375 * 100vw, 22px);
    line-height: calc(36 / 22);
    text-align: center;
  }
}

.tcc-exbd {
  display: flex;
  flex-direction: column;
  gap: clamp(200px / 1440 * 1140, 200 / 1440 * 100vw, 200px) 0;
}

@media screen and (max-width: 767px) {
  .tcc-exbd {
    gap: clamp(80px / 375 * 320, 80 / 375 * 100vw, 80px) 0;
  }
}

.tcc-wd {
  padding: clamp(40px / 1440 * 1140, 40 / 1440 * 100vw, 40px);
  background: #fff;
}

@media screen and (max-width: 767px) {
  .tcc-wd {
    padding: clamp(26px / 375 * 320, 26 / 375 * 100vw, 26px) clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px) clamp(32px / 375 * 320, 32 / 375 * 100vw, 32px);
  }
}

.tcc-wd.is-m01 {
  margin: clamp(-100px, -100 / 1440 * 100vw, -100px / 1440 * 1140) 0 0;
}

@media screen and (max-width: 767px) {
  .tcc-wd.is-m01 {
    margin: clamp(-24px, -24 / 375 * 100vw, -24px / 375 * 320) 0 0;
  }
}

.tcc-wd__tt {
  margin: 0 0 clamp(10px / 1440 * 1140, 10 / 1440 * 100vw, 10px);
  font-size: clamp(24px / 1440 * 1140, 24 / 1440 * 100vw, 24px);
  line-height: calc(46 / 24);
}

@media screen and (max-width: 767px) {
  .tcc-wd__tt {
    margin: 0 0 clamp(12px / 375 * 320, 12 / 375 * 100vw, 12px);
    font-size: clamp(18px / 375 * 320, 18 / 375 * 100vw, 18px);
    line-height: calc(28 / 18);
    text-align: center;
  }
}

@media print, screen and (min-width: 768px) {
  .tcIdxBc {
    position: relative;
    height: 0;
    padding: 0 clamp(32px / 1440 * 1140, 32 / 1440 * 100vw, 32px);
    z-index: 2;
  }
  .tcIdxBc ol {
    display: flex;
    position: relative;
    top: clamp(230px / 1440 * 1140, 230 / 1440 * 100vw, 230px);
    width: clamp(1280px / 1440 * 1140, 1280 / 1440 * 100vw, 1280px);
    margin: 0 auto;
  }
  .tcIdxBc ol > li {
    position: relative;
  }
  .tcIdxBc ol > li + li {
    padding: 0 0 0 clamp(24px / 1440 * 1140, 24 / 1440 * 100vw, 24px);
  }
  .tcIdxBc ol > 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 #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    transform: translateY(-50%) rotate(45deg);
  }
  .tcIdxBc ol > li > a,
  .tcIdxBc ol > li > span {
    display: block;
    color: #fff;
    font-size: clamp(12px / 1440 * 1140, 12 / 1440 * 100vw, 12px);
    font-weight: 500;
    line-height: calc(32 / 12);
  }
  .tcIdxBc ol > li > a {
    transition: opacity 400ms cubic-bezier(.215, .61, .355, 1) 0ms;
  }
  .tcIdxBc ol > li > a:hover {
    opacity: .5;
  }
}

.tcIdxKv {
  padding: 0 clamp(32px / 1440 * 1140, 32 / 1440 * 100vw, 32px);
  box-sizing: border-box;
  background: 50% 45% / cover no-repeat;
}

@media print, screen and (min-width: 768px) {
  .tcIdxKv {
    background-image: url('/lineup/grandtoyou_v/assets_202501/images/technology/pic_tcidxkv01.webp');
  }
}

@media screen and (max-width: 767px) {
  .tcIdxKv {
    padding: 0;
    background-image: url('/lineup/grandtoyou_v/assets_202501/images/technology/pic_tcidxkv01_sp.webp');
  }
}

.tcIdxKv__in {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: clamp(1280px / 1440 * 1140, 1280 / 1440 * 100vw, 1280px);
  height: clamp(720px / 1440 * 1140, 720 / 1440 * 100vw, 720px);
  margin: 0 auto;
  padding: clamp(63px / 1440 * 1140, 63 / 1440 * 100vw, 63px) 0 clamp(52px / 1440 * 1140, 52 / 1440 * 100vw, 52px);
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .tcIdxKv__in {
    justify-content: flex-end;
    width: 100%;
    height: auto;
    aspect-ratio: 375 / 573;
    padding: 0 clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px) clamp(32px / 375 * 320, 32 / 375 * 100vw, 38.4px);
  }
}

@media screen and (max-width: 767px) {
  .tcIdxKv__tt {
    margin: 0 0 clamp(20px / 375 * 320, 20 / 375 * 100vw, 24px);
  }
}

.tcIdxKv__tt .is-jp {
  color: #fff;
  font-size: clamp(24px / 1440 * 1140, 24 / 1440 * 100vw, 24px);
  line-height: calc(46 / 24);
}

@media screen and (max-width: 767px) {
  .tcIdxKv__tt .is-jp {
    font-size: clamp(18px / 375 * 320, 18 / 375 * 100vw, 21.6px);
    line-height: calc(28 / 18);
  }
}

.tcIdxKv__tt .is-en {
  width: clamp(353px / 1440 * 1140, 353 / 1440 * 100vw, 353px);
  margin: clamp(-8px, -8 / 1440 * 100vw, -8px / 1440 * 1140) 0 0;
}

@media screen and (max-width: 767px) {
  .tcIdxKv__tt .is-en {
    width: clamp(255px / 375 * 320, 255 / 375 * 100vw, 408px);
    margin: clamp(-1px, -1 / 1440 * 100vw, -1px / 1440 * 1140) 0 0;
  }
}

.tcIdxKv__tt .is-en img {
  display: block;
  max-width: 100%;
  height: auto;
}

.tcIdxKv__ls {
  display: flex;
  border: 1px solid #fff;
  border-left: none;
}

@media screen and (max-width: 767px) {
  .tcIdxKv__ls {
    flex-wrap: wrap;
    border-bottom: none;
  }
}

.tcIdxKv__ls > li {
  border-left: 1px solid #fff;
  box-sizing: border-box;
}

@media print, screen and (min-width: 768px) {
  .tcIdxKv__ls > li {
    flex: 1 1 100%;
  }
}

@media screen and (max-width: 767px) {
  .tcIdxKv__ls > li {
    width: 25%;
    border-bottom: 1px solid #fff;
  }
}

.tcIdxKv__ls > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(78px / 1440 * 1140, 78 / 1440 * 100vw, 78px);
  color: #fff;
}

@media screen and (max-width: 767px) {
  .tcIdxKv__ls > li > a {
    height: clamp(42px / 375 * 320, 42 / 375 * 100vw, 50.4px);
  }
}

.tcIdxKv__ls > li > a > span {
  display: block;
  color: currentColor;
  font-size: clamp(16px / 1280 * 1140, 16 / 1280 * 100vw, 16px);
  text-align: center;
}

@media screen and (max-width: 767px) {
  .tcIdxKv__ls > li > a > span {
    font-size: clamp(16px / 375 * 320, 16 / 375 * 100vw, 19.2px);
    line-height: calc(26 / 16);
  }
  .tcIdxKv__ls > li > a > span.is-sps {
    font-size: clamp(12px / 375 * 320, 12 / 375 * 100vw, 14.4px);
    line-height: calc(16 / 12);
    letter-spacing: -.04em;
  }
}

@media print, screen and (min-width: 768px) {
  .tcIdxKv__ls > li > a {
    transition: background-color 400ms cubic-bezier(.215, .61, .355, 1) 0ms, color 400ms cubic-bezier(.215, .61, .355, 1) 0ms;
  }
  .tcIdxKv__ls > li > a:hover {
    background-color: #fff;
    color: #444;
  }
}

.tcIdxBd {
  margin: clamp(200px / 1440 * 1140, 200 / 1440 * 100vw, 200px) auto 0;
}

@media screen and (max-width: 767px) {
  .tcIdxBd {
    margin: clamp(120px / 375 * 320, 120 / 375 * 100vw, 120px) auto 0;
  }
}

.tcIdxBd__hd {
  padding: 0 clamp(32px / 1440 * 1140, 32 / 1440 * 100vw, 32px);
}

@media screen and (max-width: 767px) {
  .tcIdxBd__hd {
    padding: 0 clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px);
  }
}

@media print, screen and (min-width: 768px) {
  .tcIdxBd__hd__in {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: clamp(1200px / 1440 * 1140, 1200 / 1440 * 100vw, 1200px);
    margin: 0 auto;
  }
}

.tcIdxBd__hd__tt {
  font-size: clamp(46px / 1440 * 1140, 46 / 1440 * 100vw, 46px);
  line-height: calc(70 / 46);
}

@media screen and (max-width: 767px) {
  .tcIdxBd__hd__tt {
    font-size: clamp(28px / 375 * 320, 28 / 375 * 100vw, 28px);
    line-height: calc(48 / 28);
  }
}

.tcIdxBd__hd__t {
  font-size: clamp(16px / 1440 * 1140, 16 / 1440 * 100vw, 16px);
  line-height: calc(40 / 16);
}

@media screen and (max-width: 767px) {
  .tcIdxBd__hd__t {
    margin: clamp(40px / 375 * 320, 40 / 375 * 100vw, 40px) 0 0;
    font-size: clamp(16px / 375 * 320, 16 / 375 * 100vw, 16px);
    line-height: calc(26 / 16);
    letter-spacing: -.01em;
  }
}

.tcIdxBd__ls {
  display: flex;
  flex-direction: column;
  gap: clamp(200px / 1440 * 1140, 200 / 1440 * 100vw, 200px) 0;
  max-width: 1440px;
  margin: 0 auto;
  padding: clamp(160px / 1440 * 1140, 160 / 1440 * 100vw, 160px) 0 clamp(200px / 1440 * 1140, 200 / 1440 * 100vw, 200px);
}

@media screen and (max-width: 767px) {
  .tcIdxBd__ls {
    gap: clamp(80px / 375 * 320, 80 / 375 * 100vw, 80px) 0;
    padding: clamp(120px / 375 * 320, 120 / 375 * 100vw, 120px) 0 clamp(100px / 375 * 320, 100 / 375 * 100vw, 100px);
  }
}

.tcIdxBd__ls > li > a {
  display: flex;
}

@media print, screen and (min-width: 768px) {
  .tcIdxBd__ls > li > a {
    align-items: flex-end;
    gap: 0 clamp(120px / 1440 * 1140, 120 / 1440 * 100vw, 120px);
  }
  .tcIdxBd__ls > li > a:hover .tcIdxBd__ls__p img,
  .tcIdxBd__ls > li > a:hover .tcIdxBd__ls__p video {
    transform: scale(1.1);
  }
}

@media screen and (max-width: 767px) {
  .tcIdxBd__ls > li > a {
    flex-direction: column;
  }
}

@media print, screen and (min-width: 768px) {
  .tcIdxBd__ls > li:nth-child(2n) > a {
    flex-direction: row-reverse;
  }
}

.tcIdxBd__ls__p {
  width: clamp(800px / 1440 * 1140, 800 / 1440 * 100vw, 800px);
  background: #fff;
  aspect-ratio: 800 / 500;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .tcIdxBd__ls__p {
    width: 100%;
    aspect-ratio: 375 / 234;
  }
}

.tcIdxBd__ls__p picture,
.tcIdxBd__ls__p img,
.tcIdxBd__ls__p video-js,
.tcIdxBd__ls__p video {
  display: block;
  width: 100%;
  height: 100%;
}

.tcIdxBd__ls__p img,
.tcIdxBd__ls__p video {
  object-fit: cover;
}

@media print, screen and (min-width: 768px) {
  .tcIdxBd__ls__p img,
  .tcIdxBd__ls__p video {
    transition: transform 400ms cubic-bezier(.215, .61, .355, 1) 0ms;
  }
}

.tcIdxBd__ls__i {
  width: clamp(400px / 1440 * 1140, 400 / 1440 * 100vw, 400px);
}

@media screen and (max-width: 767px) {
  .tcIdxBd__ls__i {
    width: auto;
    padding: clamp(32px / 375 * 320, 32 / 375 * 100vw, 32px) clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px) 0;
  }
}

.tcIdxBd__ls__i__tt {
  display: flex;
  align-items: center;
  gap: 0 clamp(16px / 1440 * 1140, 16 / 1440 * 100vw, 16px);
}

@media screen and (max-width: 767px) {
  .tcIdxBd__ls__i__tt {
    gap: 0 clamp(10px / 375 * 320, 10 / 375 * 100vw, 10px);
  }
}

.tcIdxBd__ls__i__tt::before {
  content: '';
  display: block;
  width: clamp(50px / 1440 * 1140, 50 / 1440 * 100vw, 50px);
  aspect-ratio: 1 / 1;
  background: #bababa;
}

@media screen and (max-width: 767px) {
  .tcIdxBd__ls__i__tt::before {
    width: clamp(36px / 375 * 320, 36 / 375 * 100vw, 36px);
  }
}

.tcIdxBd__ls__i__tt.is-01::before {
          mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv01.svg') 50% 50%/contain no-repeat;
  -webkit-mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv01.svg') 50% 50%/contain no-repeat;
}

.tcIdxBd__ls__i__tt.is-02::before {
          mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv02.svg') 50% 50%/contain no-repeat;
  -webkit-mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv02.svg') 50% 50%/contain no-repeat;
}

.tcIdxBd__ls__i__tt.is-03::before {
          mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv03.svg') 50% 50%/contain no-repeat;
  -webkit-mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv03.svg') 50% 50%/contain no-repeat;
}

.tcIdxBd__ls__i__tt.is-04::before {
          mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv04.svg') 50% 50%/contain no-repeat;
  -webkit-mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv04.svg') 50% 50%/contain no-repeat;
}

.tcIdxBd__ls__i__tt.is-05::before {
          mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv05.svg') 50% 50%/contain no-repeat;
  -webkit-mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv05.svg') 50% 50%/contain no-repeat;
}

.tcIdxBd__ls__i__tt.is-06::before {
          mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv06.svg') 50% 50%/contain no-repeat;
  -webkit-mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv06.svg') 50% 50%/contain no-repeat;
}

.tcIdxBd__ls__i__tt.is-07::before {
          mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv07.svg') 50% 50%/contain no-repeat;
  -webkit-mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv07.svg') 50% 50%/contain no-repeat;
}

.tcIdxBd__ls__i__tt.is-08::before {
          mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv08.svg') 50% 50%/contain no-repeat;
  -webkit-mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv08.svg') 50% 50%/contain no-repeat;
}

.tcIdxBd__ls__i__tt > span {
  flex: 1 1 auto;
  font-size: clamp(30px / 1440 * 1140, 30 / 1440 * 100vw, 30px);
  letter-spacing: .05em;
  line-height: calc(52 / 30);
}

@media screen and (max-width: 767px) {
  .tcIdxBd__ls__i__tt > span {
    font-size: clamp(22px / 375 * 320, 22 / 375 * 100vw, 22px);
    line-height: calc(36 / 22);
  }
}

.tcIdxBd__ls__i__t {
  margin: clamp(32px / 1440 * 1140, 32 / 1440 * 100vw, 32px) 0 0;
  font-size: clamp(16px / 1440 * 1140, 16 / 1440 * 100vw, 16px);
  line-height: calc(40 / 16);
}

@media screen and (max-width: 767px) {
  .tcIdxBd__ls__i__t {
    margin: clamp(16px / 375 * 320, 16 / 375 * 100vw, 16px) 0 0;
    font-size: clamp(16px / 375 * 320, 16 / 375 * 100vw, 16px);
    line-height: calc(26 / 16);
  }
}

.tcIdxBd__ls__i__ag {
  width: clamp(80px / 1440 * 1140, 80 / 1440 * 100vw, 80px);
  margin: clamp(52px / 1440 * 1140, 52 / 1440 * 100vw, 52px) 0 0;
}

@media screen and (max-width: 767px) {
  .tcIdxBd__ls__i__ag {
    display: none;
  }
}

@media print, screen and (min-width: 768px) {
  .tcIdxBd__ls__i__bt {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .tcIdxBd__ls__i__bt {
    margin: clamp(32px / 375 * 320, 32 / 375 * 100vw, 32px) 0 0;
  }
  .tcIdxBd__ls__i__bt .c-linkBtn {
    height: clamp(60px / 375 * 320, 60 / 375 * 100vw, 60px);
  }
}

@media screen and (max-width: 767px) {
  .tcLowHd {
    display: flex;
    flex-direction: column;
  }
  .tcLowHd .tcLowBc {
    order: 1;
  }
  .tcLowHd .tcLowHd__tst {
    order: 3;
  }
  .tcLowHd .tcLowHd__p {
    order: 2;
  }
}

.tcLowHd {
  position: relative;
  padding: clamp(140px / 1440 * 1140, 140 / 1440 * 100vw, 140px) 0 0;
}

@media print, screen and (min-width: 768px) {
  .tcLowHd {
    z-index: 10;
  }
}

@media screen and (max-width: 767px) {
  .tcLowHd {
    padding: 0;
  }
}

.tcLowHd__tst {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: clamp(52px / 1440 * 1140, 52 / 1440 * 100vw, 52px) 0;
  width: clamp(1200px / 1440 * 1140, 1200 / 1440 * 100vw, 1200px);
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .tcLowHd__tst {
    gap: 0;
    width: auto;
    padding: 0 clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px);
  }
}

.tcLowHd__tst__tt {
  flex: 1 1 auto;
}

.tcLowHd__tst__tt .is-en {
  width: clamp(125px / 1440 * 1140, 125 / 1440 * 100vw, 125px);
}

@media screen and (max-width: 767px) {
  .tcLowHd__tst__tt .is-en {
    width: clamp(78px / 375 * 320, 78 / 375 * 100vw, 78px);
  }
}

.tcLowHd__tst__tt .is-en img {
  display: block;
  max-width: 100%;
  height: auto;
}

.tcLowHd__tst__tt .is-jp {
  margin: clamp(12px / 1440 * 1140, 12 / 1440 * 100vw, 12px) 0 0;
  font-size: clamp(52px / 1440 * 1140, 52 / 1440 * 100vw, 52px);
  line-height: calc(75 / 52);
}

@media screen and (max-width: 767px) {
  .tcLowHd__tst__tt .is-jp {
    margin: clamp(8px / 375 * 320, 8 / 375 * 100vw, 8px) 0 0;
    font-size: clamp(30px / 375 * 320, 30 / 375 * 100vw, 30px);
    line-height: calc(43 / 30);
  }
}

.tcLowHd__tst__t {
  width: clamp(620px / 1440 * 1140, 620 / 1440 * 100vw, 620px);
}

@media screen and (max-width: 767px) {
  .tcLowHd__tst__t {
    width: auto;
    margin: clamp(26px / 375 * 320, 26 / 375 * 100vw, 26px) 0 clamp(36px / 375 * 320, 36 / 375 * 100vw, 36px);
  }
}

.tcLowHd__tst__rtn {
  width: 100%;
}

.tcLowHd__tst__rtn > a {
  display: flex;
  align-items: center;
  gap: 0 clamp(24px / 1440 * 1140, 24 / 1440 * 100vw, 24px);
  box-sizing: border-box;
  color: #444;
}

@media print, screen and (min-width: 768px) {
  .tcLowHd__tst__rtn > a {
    width: clamp(251px / 1440 * 1140, 251 / 1440 * 100vw, 251px);
    height: clamp(60px / 1440 * 1140, 60 / 1440 * 100vw, 60px);
    border: 1px solid #bababa;
    padding: 0 0 0 clamp(20px / 1440 * 1140, 20 / 1440 * 100vw, 20px);
  }
}

@media screen and (max-width: 767px) {
  .tcLowHd__tst__rtn > a {
    gap: 0 clamp(12px / 375 * 320, 12 / 375 * 100vw, 12px);
  }
}

.tcLowHd__tst__rtn > a .c-angle02 {
  width: clamp(40px / 1440 * 1140, 40 / 1440 * 100vw, 40px);
}

@media screen and (max-width: 767px) {
  .tcLowHd__tst__rtn > a .c-angle02 {
    width: clamp(10px / 375 * 320, 10 / 375 * 100vw, 10px);
  }
}

.tcLowHd__tst__rtn > a > span.is-t {
  font-size: clamp(16px / 1440 * 1140, 16 / 1440 * 100vw, 16px);
  font-weight: 500;
  letter-spacing: .1em;
}

@media screen and (max-width: 767px) {
  .tcLowHd__tst__rtn > a > span.is-t {
    font-size: clamp(16px / 375 * 320, 16 / 375 * 100vw, 16px);
    color: #156082;
  }
}

.tcLowHd__p {
  position: relative;
  width: 100%;
  aspect-ratio: 1440 / 550;
  margin: 0 auto;
  contain: paint;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .tcLowHd__p {
    overflow: clip;
    transform: translate3d(0px, 0px, 0px);
  }
}

@media screen and (max-width: 767px) {
  .tcLowHd__p {
    aspect-ratio: 375 / 220;
    margin: 0 0 clamp(52px / 375 * 320, 52 / 375 * 100vw, 52px);
  }
}

@media print, screen and (min-width: 768px) {
  .tcLowHd__p__in {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(770 / 550 * 100%);
    background: 0 0 / 100% auto no-repeat;
    contain: paint;
    will-change: transform;
  }
  .tcLowHd__p__in.is-01 {
    background-image: url('/lineup/grandtoyou_v/assets_202501/images/technology/pic_tclow01_hd01.webp') !important;
  }
  .tcLowHd__p__in.is-02 {
    background-image: url('/lineup/grandtoyou_v/assets_202501/images/technology/pic_tclow02_hd01.webp') !important;
  }
  .tcLowHd__p__in.is-03 {
    background-image: url('/lineup/grandtoyou_v/assets_202501/images/technology/pic_tclow03_hd01.webp') !important;
  }
  .tcLowHd__p__in.is-04 {
    background-image: url('/lineup/grandtoyou_v/assets_202501/images/technology/pic_tclow04_hd01.webp') !important;
  }
  .tcLowHd__p__in.is-05 {
    background-image: url('/lineup/grandtoyou_v/assets_202501/images/technology/pic_tclow05_hd01.webp') !important;
  }
  .tcLowHd__p__in.is-06 {
    background-image: url('/lineup/grandtoyou_v/assets_202501/images/technology/pic_tclow06_hd01.webp') !important;
  }
  .tcLowHd__p__in.is-07 {
    background-image: url('/lineup/grandtoyou_v/assets_202501/images/technology/pic_tclow07_hd01.webp') !important;
  }
  .tcLowHd__p__in.is-08 {
    background-image: url('/lineup/grandtoyou_v/assets_202501/images/technology/pic_tclow08_hd01.webp') !important;
  }
}

@media screen and (max-width: 767px) {
  .tcLowHd__p__in {
    height: 100%;
    transform: none !important;
    background: 50% 50% / cover no-repeat;
  }
  .tcLowHd__p__in.is-01 {
    background-image: url('/lineup/grandtoyou_v/assets_202501/images/technology/pic_tclow01_hd01_sp.webp') !important;
  }
  .tcLowHd__p__in.is-02 {
    background-image: url('/lineup/grandtoyou_v/assets_202501/images/technology/pic_tclow02_hd01_sp.webp') !important;
  }
  .tcLowHd__p__in.is-03 {
    background-image: url('/lineup/grandtoyou_v/assets_202501/images/technology/pic_tclow03_hd01_sp.webp') !important;
  }
  .tcLowHd__p__in.is-04 {
    background-image: url('/lineup/grandtoyou_v/assets_202501/images/technology/pic_tclow04_hd01_sp.webp') !important;
  }
  .tcLowHd__p__in.is-05 {
    background-image: url('/lineup/grandtoyou_v/assets_202501/images/technology/pic_tclow05_hd01_sp.webp') !important;
  }
  .tcLowHd__p__in.is-06 {
    background-image: url('/lineup/grandtoyou_v/assets_202501/images/technology/pic_tclow06_hd01_sp.webp') !important;
  }
  .tcLowHd__p__in.is-07 {
    background-image: url('/lineup/grandtoyou_v/assets_202501/images/technology/pic_tclow07_hd01_sp.webp') !important;
  }
  .tcLowHd__p__in.is-08 {
    background-image: url('/lineup/grandtoyou_v/assets_202501/images/technology/pic_tclow08_hd01_sp.webp') !important;
  }
}

@media print, screen and (min-width: 768px) {
  .tcLowBc {
    margin: 62px 0 10px;
    padding: 0 clamp(32px / 1440 * 1140, 32 / 1440 * 100vw, 32px);
  }
  .tcLowBc ol {
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
  }
  .tcLowBc ol > li {
    position: relative;
  }
  .tcLowBc ol > li + li {
    padding: 0 0 0 clamp(24px / 1440 * 1140, 24 / 1440 * 100vw, 24px);
  }
  .tcLowBc ol > 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);
  }
  .tcLowBc ol > li > a,
  .tcLowBc ol > li > span {
    display: block;
    font-size: clamp(12px / 1440 * 1140, 12 / 1440 * 100vw, 12px);
    font-weight: 500;
    line-height: 32px;
  }
  .tcLowBc ol > li > a {
    color: #bababa;
    transition: color 400ms cubic-bezier(.215, .61, .355, 1) 0ms;
  }
  .tcLowBc ol > li > a:hover {
    color: #444;
  }
}

.tcLowBd {
  position: relative;
}

.tcLowBd > *:nth-child(1) {
  border-top: clamp(40px / 1440 * 1140, 40 / 1440 * 100vw, 40px) solid transparent;
}

@media screen and (max-width: 767px) {
  .tcLowBd > *:nth-child(1) {
    border-top-width: clamp(40px / 375 * 320, 40 / 375 * 100vw, 40px);
  }
}

@media screen and (max-width: 767px) {
  .tcLowBd.is-spmt01 {
    margin-top: clamp(80px / 375 * 320, 80 / 375 * 100vw, 80px);
  }
  .tcLowBd.is-spmt01 > *:nth-child(1) {
    border-top-width: 0;
  }
}

.tcLowLk__t {
  margin: clamp(32px / 1440 * 1140, 32 / 1440 * 100vw, 32px) 0 clamp(20px / 1440 * 1140, 20 / 1440 * 100vw, 20px);
}

@media screen and (max-width: 767px) {
  .tcLowLk__t {
    margin: clamp(20px / 375 * 320, 20 / 375 * 100vw, 20px) 0 0;
  }
}

.tcLowLk__in {
  padding: clamp(52px / 1440 * 1140, 52 / 1440 * 100vw, 52px) 0 0;
}

@media screen and (max-width: 767px) {
  .tcLowLk__in {
    padding: clamp(32px / 375 * 320, 32 / 375 * 100vw, 32px) 0 0;
  }
}

.tcLowCl {
  position: relative;
  padding: clamp(60px / 1440 * 1140, 60 / 1440 * 100vw, 60px) 0 0;
}

@media screen and (max-width: 767px) {
  .tcLowCl {
    padding: clamp(32px / 375 * 320, 32 / 375 * 100vw, 32px) 0 0;
  }
}

.tcLowCl > a {
  display: block;
  background: #fff;
}

@media print, screen and (min-width: 768px) {
  .tcLowCl > a {
    display: flex;
  }
  .tcLowCl > a:hover .tcLowCl__p img {
    transform: scale(1.1);
  }
}

.tcLowCl__p {
  flex: 0 0 auto;
  width: clamp(500px / 1440 * 1140, 500 / 1440 * 100vw, 500px);
  aspect-ratio: 500 / 260;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .tcLowCl__p {
    width: auto;
    aspect-ratio: 327 / 208;
  }
}

.tcLowCl__p picture,
.tcLowCl__p img {
  display: block;
  width: 100%;
  height: 100%;
}

.tcLowCl__p img {
  object-fit: cover;
}

@media print, screen and (min-width: 768px) {
  .tcLowCl__p img {
    transition: transform 400ms cubic-bezier(.215, .61, .355, 1) 0ms;
  }
}

.tcLowCl__i {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 0 0 clamp(72px / 1440 * 1140, 72 / 1440 * 100vw, 72px);
}

@media screen and (max-width: 767px) {
  .tcLowCl__i {
    padding: clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px);
  }
}

.tcLowCl__i__stt {
  margin: 0 0 clamp(6px / 1440 * 1140, 6 / 1440 * 100vw, 6px);
  color: #5c5c5c;
  font-size: clamp(16px / 1440 * 1140, 16 / 1440 * 100vw, 16px);
  font-weight: 500;
  line-height: calc(23 / 16);
  letter-spacing: .15em;
}

@media screen and (max-width: 767px) {
  .tcLowCl__i__stt {
    margin: 0 0 clamp(8px / 375 * 320, 8 / 375 * 100vw, 8px);
    font-size: clamp(12px / 375 * 320, 12 / 375 * 100vw, 12px);
    line-height: calc(17 / 12);
    letter-spacing: .05em;
  }
}

.tcLowCl__i__tt {
  font-size: clamp(30px / 1440 * 1140, 30 / 1440 * 100vw, 30px);
  line-height: calc(44 / 30);
  letter-spacing: .05em;
}

@media screen and (max-width: 767px) {
  .tcLowCl__i__tt {
    font-size: clamp(18px / 375 * 320, 18 / 375 * 100vw, 18px);
    line-height: calc(28 / 18);
    letter-spacing: 0;
  }
}

.tcLowCl__i__t {
  margin: clamp(12px / 1440 * 1140, 12 / 1440 * 100vw, 12px) 0 0;
  font-size: clamp(16px / 1440 * 1140, 16 / 1440 * 100vw, 16px);
  line-height: calc(40 / 16);
}

@media screen and (max-width: 767px) {
  .tcLowCl__i__t {
    margin: clamp(14px / 375 * 320, 14 / 375 * 100vw, 14px) 0 0;
    color: #5c5c5c;
    font-size: clamp(12px / 375 * 320, 12 / 375 * 100vw, 12px);
    font-weight: 500;
    line-height: calc(17 / 12);
    letter-spacing: .05em;
  }
}

.tcLowCl__i__ag {
  position: absolute;
  bottom: clamp(40px / 1440 * 1140, 40 / 1440 * 100vw, 40px);
  right: clamp(40px / 1440 * 1140, 40 / 1440 * 100vw, 40px);
  width: clamp(80px / 1440 * 1140, 80 / 1440 * 100vw, 80px);
}

@media screen and (max-width: 767px) {
  .tcLowCl__i__ag {
    display: none;
  }
}

.tcLowGm {
  position: relative;
  padding: clamp(72px / 1440 * 1140, 72 / 1440 * 100vw, 72px) 0 0;
}

@media screen and (max-width: 767px) {
  .tcLowGm {
    padding: clamp(32px / 375 * 320, 32 / 375 * 100vw, 32px) 0 0;
  }
}

.tcLowGm > a {
  display: flex;
  background: #fff;
}

@media print, screen and (min-width: 768px) {
  .tcLowGm > a:hover .tcLowGm__p img {
    transform: scale(1.1);
  }
}

@media screen and (max-width: 767px) {
  .tcLowGm > a {
    flex-direction: column;
  }
}

.tcLowGm__p {
  flex: 0 0 auto;
  width: clamp(432px / 1440 * 1140, 432 / 1440 * 100vw, 432px);
  aspect-ratio: 432 / 267;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .tcLowGm__p {
    width: auto;
  }
}

.tcLowGm__p picture,
.tcLowGm__p img {
  display: block;
  width: 100%;
  height: 100%;
}

.tcLowGm__p img {
  object-fit: cover;
}

@media print, screen and (min-width: 768px) {
  .tcLowGm__p img {
    transition: transform 400ms cubic-bezier(.215, .61, .355, 1) 0ms;
  }
}

.tcLowGm__i {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 clamp(52px / 1440 * 1140, 52 / 1440 * 100vw, 52px) 0 clamp(56px / 1440 * 1140, 56 / 1440 * 100vw, 56px);
}

@media screen and (max-width: 767px) {
  .tcLowGm__i {
    padding: clamp(16px / 375 * 320, 16 / 375 * 100vw, 16px) clamp(20px / 375 * 320, 20 / 375 * 100vw, 20px);
  }
}

.tcLowGm__i__lg {
  width: clamp(440px / 1440 * 1140, 440 / 1440 * 100vw, 440px);
}

@media screen and (max-width: 767px) {
  .tcLowGm__i__lg {
    flex: 1 1 auto;
    width: auto;
    height: clamp(58px / 375 * 320, 58 / 375 * 100vw, 69.6px);
  }
}

.tcLowGm__i__lg picture,
.tcLowGm__i__lg img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .tcLowGm__i__lg picture,
  .tcLowGm__i__lg img {
    height: 100%;
  }
}

.tcLowGm__i__lg img {
  height: auto;
}

@media screen and (max-width: 767px) {
  .tcLowGm__i__lg img {
    height: 100%;
    object-fit: contain;
  }
}

.tcLowGm__i__ag {
  width: clamp(80px / 1440 * 1140, 80 / 1440 * 100vw, 80px);
}

@media screen and (max-width: 767px) {
  .tcLowGm__i__ag {
    flex: 0 0 auto;
    width: clamp(12px / 375 * 320, 12 / 375 * 100vw, 12px);
  }
}

.tcNv {
  color: #444;
  font-weight: 400;
  font-family: YakuHanJPs, 'Zen Kaku Gothic New', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tcNv a {
  color: #444;
  text-decoration: none;
}

.tcNv {
  margin: 0 auto;
  padding: 120px clamp(32px / 1440 * 1140, 32 / 1440 * 100vw, 32px);
  background: #f5f5f5;
}

@media screen and (max-width: 767px) {
  .tcNv {
    padding: 80px clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px);
  }
}

.tcNv__tt {
  margin: 0 0 52px;
}

@media screen and (max-width: 767px) {
  .tcNv__tt {
    margin: 0 0 clamp(40px / 375 * 320, 40 / 375 * 100vw, 40px);
  }
}

.tcNv__tt > span {
  display: block;
}

.tcNv__tt > span.is-en {
  width: clamp(125px / 1280 * 1140, 125 / 1280 * 100vw, 125px);
}

@media screen and (max-width: 767px) {
  .tcNv__tt > span.is-en {
    width: clamp(78px / 375 * 320, 78 / 375 * 100vw, 78px);
  }
}

.tcNv__tt > span.is-en img {
  display: block;
  max-width: 100%;
  height: auto;
}

.tcNv__tt > span.is-jp {
  margin: clamp(2px / 1280 * 1140, 2 / 1280 * 100vw, 2px) 0 0;
  font-size: clamp(30px / 1280 * 1140, 30 / 1280 * 100vw, 30px);
  font-weight: 400;
  line-height: calc(52 / 30);
  letter-spacing: .05em;
}

@media screen and (max-width: 767px) {
  .tcNv__tt > span.is-jp {
    margin: clamp(6px / 375 * 320, 6 / 375 * 100vw, 6px) 0 0;
    font-size: clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px);
    line-height: calc(35 / 24);
  }
}

.tcNv__in {
  max-width: 1200px;
  margin: 0 auto;
}

.tcNv__ls {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
}

@media screen and (max-width: 767px) {
  .tcNv__ls {
    gap: clamp(10px / 375 * 320, 10 / 375 * 100vw, 10px) clamp(10px / 375 * 320, 10 / 375 * 100vw, 10px);
  }
}

.tcNv__ls > li {
  width: calc(20% - 8px);
}

@media screen and (max-width: 767px) {
  .tcNv__ls > li {
    flex: 1 1 auto;
    width: 34%;
  }
}

.tcNv__ls > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 100px;
  padding: 0 clamp(26px / 1280 * 1140, 26 / 1280 * 100vw, 26px);
  background: #fff;
}

.tcNv__ls > li > a.is-cur {
  background: #e3e9eb;
}

.tcNv__ls > li > a.is-cur::after {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .tcNv__ls > li > a {
    transition: background-color 400ms cubic-bezier(.215, .61, .355, 1) 50ms;
  }
  .tcNv__ls > li > a:hover {
    background: #e3e9eb;
  }
}

@media screen and (max-width: 767px) {
  .tcNv__ls > li > a {
    height: clamp(60px / 375 * 320, 60 / 375 * 100vw, 60px);
    padding: 0 clamp(14px / 375 * 320, 14 / 375 * 100vw, 14px) 0 clamp(10px / 375 * 320, 10 / 375 * 100vw, 10px);
  }
}

.tcNv__ls > li > a::before {
  content: '';
  flex: 0 0 auto;
  display: block;
  width: clamp(50px / 1280 * 1140, 50 / 1280 * 100vw, 50px);
  aspect-ratio: 1 / 1;
  background: currentColor;
}

@media screen and (max-width: 767px) {
  .tcNv__ls > li > a::before {
    width: clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px);
  }
}

.tcNv__ls > li > a::after {
  content: '';
  display: block;
  width: clamp(15px / 1280 * 1140, 15 / 1280 * 100vw, 15px);
  aspect-ratio: 1 / 1;
  background: currentColor;
          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;
}

@media screen and (max-width: 767px) {
  .tcNv__ls > li > a::after {
    position: absolute;
    bottom: 50%;
    right: clamp(12px / 375 * 320, 12 / 375 * 100vw, 12px);
    width: clamp(10px / 375 * 320, 10 / 375 * 100vw, 10px);
    background-color: #156082;
    transform: translateY(50%);
  }
}

.tcNv__ls > li > a > span {
  flex: 1 1 auto;
  align-items: center;
  padding: 0 0 0 clamp(12px / 1280 * 1140, 12 / 1280 * 100vw, 12px);
  font-size: clamp(16px / 1280 * 1140, 16 / 1280 * 100vw, 16px);
}

@media screen and (max-width: 767px) {
  .tcNv__ls > li > a > span {
    padding: 0 0 0 clamp(10px / 375 * 320, 10 / 375 * 100vw, 10px);
    font-size: clamp(16px / 375 * 320, 16 / 375 * 100vw, 16px);
    line-height: calc(20 / 16);
    letter-spacing: -.02em;
    white-space: nowrap;
  }
}

.tcNv__ls > li > a.is-01::before {
          mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv01.svg') 50% 50%/contain no-repeat;
  -webkit-mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv01.svg') 50% 50%/contain no-repeat;
}

.tcNv__ls > li > a.is-02::before {
          mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv02.svg') 50% 50%/contain no-repeat;
  -webkit-mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv02.svg') 50% 50%/contain no-repeat;
}

.tcNv__ls > li > a.is-03::before {
          mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv03.svg') 50% 50%/contain no-repeat;
  -webkit-mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv03.svg') 50% 50%/contain no-repeat;
}

.tcNv__ls > li > a.is-04::before {
          mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv04.svg') 50% 50%/contain no-repeat;
  -webkit-mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv04.svg') 50% 50%/contain no-repeat;
}

.tcNv__ls > li > a.is-05::before {
          mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv05.svg') 50% 50%/contain no-repeat;
  -webkit-mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv05.svg') 50% 50%/contain no-repeat;
}

.tcNv__ls > li > a.is-06::before {
          mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv06.svg') 50% 50%/contain no-repeat;
  -webkit-mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv06.svg') 50% 50%/contain no-repeat;
}

.tcNv__ls > li > a.is-07::before {
          mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv07.svg') 50% 50%/contain no-repeat;
  -webkit-mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv07.svg') 50% 50%/contain no-repeat;
}

.tcNv__ls > li > a.is-08::before {
          mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv08.svg') 50% 50%/contain no-repeat;
  -webkit-mask: url('/lineup/grandtoyou_v/assets_202501/images/technology/icon_tcnv08.svg') 50% 50%/contain no-repeat;
}

.tc04hmd {
  position: relative;
}

.tc04hmd__tt {
  margin: 0 0 clamp(32px / 1440 * 1140, 32 / 1440 * 100vw, 32px);
  font-size: clamp(30px / 1440 * 1140, 30 / 1440 * 100vw, 30px);
  line-height: calc(52 / 30);
  letter-spacing: .05em;
}

@media screen and (max-width: 767px) {
  .tc04hmd__tt {
    margin: 0 0 clamp(32px / 375 * 320, 32 / 375 * 100vw, 32px);
    font-size: clamp(22px / 375 * 320, 22 / 375 * 100vw, 22px);
    line-height: calc(36 / 22);
  }
}

.tc04hmd__ls {
  display: flex;
  flex-direction: column;
  gap: clamp(10px / 1440 * 1140, 10 / 1440 * 100vw, 10px) 0;
}

@media screen and (max-width: 767px) {
  .tc04hmd__ls {
    gap: clamp(4px / 375 * 320, 4 / 375 * 100vw, 4px) 0;
    margin: 0 0 0 clamp(-24px, -24 / 375 * 100vw, -24px / 375 * 320);
  }
}

.tc04hmd__ls > li {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .tc04hmd__ls > li:nth-child(1) {
    align-items: flex-start;
  }
  .tc04hmd__ls > li:nth-child(3) {
    align-items: flex-end;
  }
}

.tc04hmd__ls__p {
  flex: 0 0 auto;
  width: clamp(422px / 1440 * 1140, 422 / 1440 * 100vw, 422px);
}

@media screen and (max-width: 767px) {
  .tc04hmd__ls__p {
    width: clamp(145px / 375 * 320, 145 / 375 * 100vw, 145px);
  }
}

.tc04hmd__ls__p img,
.tc04hmd__ls__p picture {
  display: block;
  width: 100%;
}

.tc04hmd__ls__p img {
  height: auto;
}

.tc04hmd__ls__i {
  flex: 1 1 auto;
  padding: 0 0 0 clamp(58px / 1440 * 1140, 58 / 1440 * 100vw, 58px);
}

@media screen and (max-width: 767px) {
  .tc04hmd__ls__i {
    padding: 0 0 0 clamp(20px / 375 * 320, 20 / 375 * 100vw, 20px);
  }
}

.tc04hmd__ls__i__tt {
  margin: 0 0 clamp(16px / 1440 * 1140, 16 / 1440 * 100vw, 16px);
  font-size: clamp(24px / 1440 * 1140, 24 / 1440 * 100vw, 24px);
  line-height: calc(46 / 24);
}

@media screen and (max-width: 767px) {
  .tc04hmd__ls__i__tt {
    margin: 0 0 clamp(8px / 375 * 320, 8 / 375 * 100vw, 8px);
    font-size: clamp(16px / 375 * 320, 16 / 375 * 100vw, 16px);
    line-height: calc(22 / 16);
  }
}

@media screen and (max-width: 767px) {
  .tc04hmd__ls__i__t .c-txt {
    font-size: clamp(12px / 375 * 320, 12 / 375 * 100vw, 12px);
    line-height: calc(19 / 12);
  }
}

.tc04afs {
  position: relative;
}

.tc04afs__tt {
  margin: 0 0 clamp(40px / 1440 * 1140, 40 / 1440 * 100vw, 40px);
  font-size: clamp(30px / 1440 * 1140, 30 / 1440 * 100vw, 30px);
  line-height: calc(52 / 30);
  letter-spacing: .05em;
}

@media screen and (max-width: 767px) {
  .tc04afs__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);
    letter-spacing: 0;
  }
}

.tc04afs__stt {
  margin: 0 0 clamp(40px / 1440 * 1140, 40 / 1440 * 100vw, 40px);
  font-size: clamp(24px / 1440 * 1140, 24 / 1440 * 100vw, 24px);
  line-height: calc(46 / 24);
}

@media screen and (max-width: 767px) {
  .tc04afs__stt {
    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);
  }
}

.tc04afs__fg {
  margin: clamp(40px / 1440 * 1140, 40 / 1440 * 100vw, 40px) 0 0;
}

@media screen and (max-width: 767px) {
  .tc04afs__fg {
    margin: clamp(32px / 375 * 320, 32 / 375 * 100vw, 32px) 0 0;
  }
}

.tc04afs__fg__tt {
  margin: 0 0 clamp(20px / 1440 * 1140, 20 / 1440 * 100vw, 20px);
  font-size: clamp(16px / 1440 * 1140, 16 / 1440 * 100vw, 16px);
  line-height: calc(40 / 16);
  text-align: center;
}

@media screen and (max-width: 767px) {
  .tc04afs__fg__tt {
    margin: 0 0 clamp(30px / 375 * 320, 30 / 375 * 100vw, 30px);
    font-size: clamp(16px / 375 * 320, 16 / 375 * 100vw, 16px);
    line-height: calc(26 / 16);
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .tc04afs__fg__in {
    position: relative;
  }
  .tc04afs__fg__in::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    right: 0;
    width: clamp(17px / 375 * 320, 17 / 375 * 100vw, 17px);
    aspect-ratio: 17 / 10;
    margin: 0 0 clamp(18px / 375 * 320, 18 / 375 * 100vw, 18px);
    background: currentColor;
            mask: url('/lineup/grandtoyou_v/assets_202501/images/common/icon_angle03.svg') 50% 50%/contain no-repeat;
    -webkit-mask: url('/lineup/grandtoyou_v/assets_202501/images/common/icon_angle03.svg') 50% 50%/contain no-repeat;
  }
}

@media screen and (max-width: 767px) {
  .tc04afs__fg__in2 {
    display: flex;
    margin: 0 clamp(-24px, -24 / 375 * 100vw, -24px / 375 * 320);
    overflow-x: auto;
    scrollbar-width: none;
  }
  .tc04afs__fg__in2::-webkit-scrollbar {
    display: none;
  }
  .tc04afs__fg__in2::before,
  .tc04afs__fg__in2::after {
    content: '';
    display: block;
    flex: 0 0 clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px);
  }
}

.tc04afs__fg__in2 img,
.tc04afs__fg__in2 picture {
  display: block;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .tc04afs__fg__in2 img,
  .tc04afs__fg__in2 picture {
    width: 750px;
  }
}

.tc04afs__fg__in2 img {
  height: auto;
}

@media print, screen and (min-width: 768px) {
  .tc04afs__fg__bar {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .tc04afs__fg__bar {
    position: relative;
    height: 1px;
    margin: clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px) 0 0;
    background: #bababa;
    overflow: hidden;
  }
  .tc04afs__fg__bar > div {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    background: currentColor;
  }
}

.tc06atk {
  margin: clamp(60px / 1440 * 1140, 60 / 1440 * 100vw, 60px) 0 0;
  padding: clamp(15px / 1440 * 1140, 15 / 1440 * 100vw, 15px) 0;
  background: #eeeded;
}

@media screen and (max-width: 767px) {
  .tc06atk {
    margin: clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px) 0 clamp(-8px, -8 / 375 * 100vw, -8px / 375 * 320);
    padding: clamp(11px / 375 * 320, 11 / 375 * 100vw, 11px) clamp(20px / 375 * 320, 20 / 375 * 100vw, 20px) clamp(15px / 375 * 320, 15 / 375 * 100vw, 15px);
  }
}

.tc06atk__p {
  width: clamp(270px / 1440 * 1140, 270 / 1440 * 100vw, 270px);
  margin: 0 auto clamp(12px / 1440 * 1140, 12 / 1440 * 100vw, 12px);
}

@media screen and (max-width: 767px) {
  .tc06atk__p {
    width: clamp(207px / 375 * 320, 207 / 375 * 100vw, 207px);
    margin: 0 auto clamp(10px / 375 * 320, 10 / 375 * 100vw, 10px);
  }
}

.tc06atk__p picture,
.tc06atk__p img {
  display: block;
  width: 100%;
}

.tc06atk__p img {
  height: auto;
}

.tc06atk__t {
  font-size: clamp(12px / 1440 * 1140, 12 / 1440 * 100vw, 12px);
  line-height: calc(22 / 12);
  text-align: center;
}

@media screen and (max-width: 767px) {
  .tc06atk__t {
    font-size: clamp(12px / 375 * 320, 12 / 375 * 100vw, 12px);
    text-align: left;
  }
}

.tc06atk__t sup {
  display: inline-block;
  padding: 0 1px;
  font-size: 60%;
  line-height: 1.85;
  vertical-align: text-top;
}

@media print, screen and (min-width: 768px) {
  .tc07lgt {
    margin: 0 0 clamp(-20px, -20 / 1440 * 100vw, -20px / 1440 * 1140);
  }
}

@media screen and (max-width: 767px) {
  .tc07lgt {
    max-width: 400px;
    margin: 0 auto;
  }
}

.tc07lgt picture,
.tc07lgt img {
  display: block;
  width: 100%;
  height: auto;
}