@charset "UTF-8";
.l-content.-variable-m2 {
  width: calc(100% - 6.2rem); }

@media screen and (max-width: 749px) {
  .c-hero-type-d {
    height: 100dvh; } }

.u-bg-gray {
  background: #D3D5D6;
  position: relative; }

.u-bg-lightgray {
  background: #e0e2e2;
  position: relative; }

@media screen and (max-width: 749px) {
  .is-op1 .l-side-access svg {
    fill: #E0E2E2;
    stroke: #4D4D4D; } }

.c-scroll__line,
.c-scroll__line__item,
.c-scroll__text::after {
  background: #4D4D4D; }

.c-scroll__text {
  color: #4D4D4D; }

/* 未整理・書き溜め
-----------------------------------------------------------------*/
.test-val {
  position: fixed;
  top: 0;
  right: 0;
  font-size: 3rem;
  font-weight: bold;
  color: rebeccapurple;
  z-index: 100; }

.c-hero-logo {
  bottom: .5rem; }

.c-scroll,
.c-hero-logo,
.t-htoh-logo,
.t-htoh-mv-copy {
  -webkit-transition: opacity .6s ease-out;
  -o-transition: opacity .6s ease-out;
  transition: opacity .6s ease-out; }

.is-hide .c-scroll,
.is-hide .c-hero-logo,
.is-hide .t-htoh-logo,
.is-hide .t-htoh-mv-copy {
  opacity: 0; }

.t-hand-story .c-hero__inner {
  display: block;
  padding-top: 11.6rem; }

/* MV
-----------------------------------------------------------------*/
.t-htoh-logo {
  width: 15.2%;
  min-width: 12.8rem;
  position: relative;
  left: 1.6vw;
  top: 11.6rem;
  z-index: 100; }
  .t-htoh-logo img {
    width: 100%;
    height: auto; }
  @media screen and (min-width: 1920px) {
    .t-htoh-logo {
      width: 10.63vw;
      left: 4.74%; } }
  @media screen and (max-width: 1024px) {
    .t-htoh-logo {
      width: 22.5vw;
      left: 0; } }
  @media screen and (max-width: 749px) {
    .t-htoh-logo {
      min-width: 11.5rem;
      top: 35.5vw;
      left: .6rem; } }

.t-htoh-logo__htoh svg {
  width: 100%;
  fill: #181818; }

.t-htoh-logo__story {
  margin-top: 1.9rem;
  display: block;
  position: relative;
  left: -.6rem; }
  @media screen and (max-width: 749px) {
    .t-htoh-logo__story {
      margin-top: 1.7rem;
      left: -.4rem; } }

.t-htoh-logo__story svg {
  fill: #181818;
  width: 108%; }

.t-htoh-mv-copy {
  width: 24rem;
  position: absolute;
  bottom: calc(8.5rem - 20px);
  right: 7.4rem;
  display: block;
  z-index: 10; }
  :lang(zh-cmn-Hans) .t-htoh-mv-copy {
    width: 4rem;
    right: 10.8rem; }
    @media screen and (max-width: 749px) {
      :lang(zh-cmn-Hans) .t-htoh-mv-copy {
        right: 3.9rem; } }
  :lang(zh-cmn-Hant) .t-htoh-mv-copy {
    width: 4rem;
    right: 10.8rem; }
    @media screen and (max-width: 749px) {
      :lang(zh-cmn-Hant) .t-htoh-mv-copy {
        right: 3.9rem; } }
  .t-htoh-mv-copy img {
    width: 100%;
    height: auto; }
  @media screen and (max-width: 1024px) {
    .t-htoh-mv-copy {
      width: 16rem; } }
  @media screen and (max-width: 749px) {
    .t-htoh-mv-copy {
      width: 9.8rem;
      bottom: calc(env(safe-area-inset-bottom) + 100px);
      right: 1.86rem; } }

.t-htoh-mv-bg {
  width: calc(100% - var(--tpl-side-width));
  pointer-events: none; }

.t-htoh-mv-bg__inner {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  padding-left: 20.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 1024px) {
    .t-htoh-mv-bg__inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.t-htoh-mv-bg__block {
  width: 50%;
  overflow: visible;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .t-htoh-mv-bg__block {
      width: 100%;
      height: 50%; } }

.t-htoh-mv-bg__block:first-child {
  z-index: 1; }
  @media screen and (max-width: 1024px) {
    .t-htoh-mv-bg__block:first-child {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      z-index: 1; } }

@media screen and (max-width: 1024px) {
  .t-htoh-mv-bg__block:last-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
    .t-htoh-mv-bg__block:last-child .t-htoh-mv__hand__img {
      text-align: right;
      rotate: -8deg; } }

.t-htoh-mv__hand {
  width: 100%;
  height: 100%;
  position: relative; }

.t-htoh-mv__hand img {
  width: calc(100% + 8vw);
  height: calc(100% + 5vw); }
  @media screen and (max-width: 1024px) {
    .t-htoh-mv__hand img {
      width: 85%; } }

.t-htoh-mv__hand.-left {
  position: absolute;
  bottom: 0; }

.t-htoh-mv__hand.-left .t-htoh-mv__hand__img {
  position: absolute;
  bottom: -5vw;
  left: -10vw;
  width: 120%; }

.t-htoh-mv__hand.-right .t-htoh-mv__hand__img {
  position: absolute;
  top: -2vw;
  right: 0;
  width: 100%; }
  @media screen and (max-width: 1024px) {
    .t-htoh-mv__hand.-right .t-htoh-mv__hand__img {
      top: 0;
      right: -15rem; } }

.t-htoh-mv-visual {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: -1; }
  .t-htoh-mv-visual::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: url(https://www.citizenwatch-global.com/the-citizen/assets/image/hand-story/mv_noise.png) repeat left top/150px 150px;
    opacity: .04; }
  @media screen and (max-width: 749px) {
    .t-htoh-mv-visual {
      width: 100%; } }
  .t-htoh-mv-visual img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.t-htoh-mv-visual__base {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  z-index: 10; }

.t-htoh-mv-visual__base__inner {
  width: 100%;
  height: 100%;
  position: relative; }

.t-htoh-mv-visual__base__media {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  display: block; }

.t-htoh-mv-visual__slide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0; }

.t-htoh-mv-visual__slide .js-slider__block {
  width: 100%;
  height: 100%; }

.c-image-mask-wrapper {
  width: 100%;
  height: 100%;
  background: #e0e2e1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 50;
  -webkit-mask: url("https://www.citizenwatch-global.com/the-citizen/assets/image/home/effect_mask-scene-in.png");
  mask: url("https://www.citizenwatch-global.com/the-citizen/assets/image/home/effect_mask-scene-in.png");
  -webkit-mask-size: 2600% 100%;
  mask-size: 2600% 100%;
  -webkit-mask-position: 0% 0%;
  mask-position: 0% 0%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: mask-position, opacity; }
  .is-op1 .c-image-mask-wrapper {
    -webkit-animation: mask-effect-op 1000ms steps(25) forwards;
    animation: mask-effect-op 1000ms steps(25) forwards; }

.c-image-mask {
  width: 100%;
  height: 100%;
  -webkit-mask: url("https://www.citizenwatch-global.com/the-citizen/assets/image/hand-story/effect_mask-scene-in.png");
  mask: url("https://www.citizenwatch-global.com/the-citizen/assets/image/hand-story/effect_mask-scene-in.png");
  -webkit-mask-size: 2600% 100%;
  mask-size: 2600% 100%;
  -webkit-mask-position: 0% 0%;
  mask-position: 0% 0%;
  opacity: 0; }
  .is-op1 .c-image-mask.-timing1 {
    -webkit-animation: mask-effect-op 800ms steps(25) forwards;
    animation: mask-effect-op 800ms steps(25) forwards; }
  .is-op2 .c-image-mask.-timing2 {
    -webkit-animation: mask-effect-op 1000ms steps(25) forwards;
    animation: mask-effect-op 1000ms steps(25) forwards; }

.ef-fade {
  opacity: 0;
  -webkit-transition: opacity .8s .4s ease;
  -o-transition: opacity .8s .4s ease;
  transition: opacity .8s .4s ease; }
  .is-op1 .ef-fade {
    opacity: 1; }

@-webkit-keyframes mask-effect-op {
  0% {
    opacity: 0;
    -webkit-mask-position: 0% 0%;
    mask-position: 0% 0%; }
  to {
    opacity: 1;
    -webkit-mask-position: 100% 0%;
    mask-position: 100% 0%; } }

@keyframes mask-effect-op {
  0% {
    opacity: 0;
    -webkit-mask-position: 0% 0%;
    mask-position: 0% 0%; }
  to {
    opacity: 1;
    -webkit-mask-position: 100% 0%;
    mask-position: 100% 0%; } }

.js-slider,
.js-slider .slick-list,
.js-slider img {
  width: 100%;
  height: 100% !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

.js-slider .slick-track {
  width: 100% !important;
  height: 100% !important;
  position: relative !important; }

.js-slider .slick-slide {
  width: 0 !important;
  height: 0 !important;
  left: 0 !important;
  position: static !important;
  left: 0 !important;
  top: 0 !important;
  z-index: auto !important; }

.js-slider__block {
  display: block;
  float: none;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1 !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.js-slider__block__body {
  display: block;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  will-change: mask-position, opacity; }
  .js-slider__block.slick-current .js-slider__block__body {
    -webkit-mask: url("https://www.citizenwatch-global.com/the-citizen/assets/image/hand-story/effect_mask-scene-in.png");
    mask: url("https://www.citizenwatch-global.com/the-citizen/assets/image/hand-story/effect_mask-scene-in.png");
    -webkit-mask-size: 2600% 100%;
    mask-size: 2600% 100%;
    -webkit-mask-position: 0% 0%;
    mask-position: 0% 0%;
    -webkit-animation: mask-effect 1200ms steps(25) forwards;
    animation: mask-effect 1200ms steps(25) forwards; }
    @media screen and (max-width: 749px) {
      .js-slider__block.slick-current .js-slider__block__body {
        -webkit-mask: url("https://www.citizenwatch-global.com/the-citizen/assets/image/hand-story/effect_mask-scene-in-sp.png");
        mask: url("https://www.citizenwatch-global.com/the-citizen/assets/image/hand-story/effect_mask-scene-in-sp.png");
        -webkit-mask-size: 1700% 100%;
        mask-size: 1700% 100%;
        -webkit-animation: mask-effect 700ms steps(16) forwards;
        animation: mask-effect 700ms steps(16) forwards; } }
  .js-slider__block:first-child .js-slider__block__body {
    z-index: 101; }

@-webkit-keyframes mask-effect {
  0% {
    opacity: 0;
    -webkit-mask-position: 0% 0%;
    mask-position: 0% 0%; }
  to {
    opacity: 1;
    -webkit-mask-position: 100% 0%;
    mask-position: 100% 0%; } }

@keyframes mask-effect {
  0% {
    opacity: 0;
    -webkit-mask-position: 0% 0%;
    mask-position: 0% 0%; }
  to {
    opacity: 1;
    -webkit-mask-position: 100% 0%;
    mask-position: 100% 0%; } }

/* About
-----------------------------------------------------------------*/
.l-section-introduction {
  padding-top: 20rem;
  padding-bottom: 40rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 2vw; }
  @media screen and (min-width: 1920px) {
    .l-section-introduction {
      padding-left: 4.74%; } }
  @media screen and (max-width: 1024px) {
    .l-section-introduction {
      padding-left: 0; } }
  @media screen and (max-width: 749px) {
    .l-section-introduction {
      padding-bottom: 16rem;
      padding-left: .6rem; }
      .l-section-introduction .l-section-introduction__block {
        padding-right: 0 !important; } }
  .t-htoh-bottom-intro .l-section-introduction {
    padding: 0; }
    @media screen and (max-width: 749px) {
      .t-htoh-bottom-intro .l-section-introduction {
        padding: 0; } }

.l-section-introduction__label {
  font-family: 'Untitled Serif', serif;
  line-height: 125%;
  padding-bottom: 2rem;
  font-size: clamp(16px, 1.56863vw, 20px); }
  :lang(zh-cmn-Hant) .l-section-introduction__label {
    font-weight: 300;
    font-family: "Noto Serif TC"; }
  :lang(zh-cmn-Hans) .l-section-introduction__label {
    font-weight: 300;
    font-family: "Noto Serif SC"; }
  @media screen and (max-width: 749px) {
    .l-section-introduction__label {
      font-size: 2.3rem; } }

.l-section-introduction__copy {
  line-height: 28px; }
  .l-section-introduction__copy.c-txt-s {
    font-size: clamp(14px, 1.37255vw, 16px); }
  .l-section-introduction__copy + .l-section-introduction__copy {
    padding-top: 1.6rem; }
  .l-section-introduction__copy.u-font-serif {
    font-family: 'Untitled Serif', serif; }
    :lang(zh-cmn-Hant) .l-section-introduction__copy.u-font-serif {
      font-weight: 300;
      font-family: "Noto Serif TC"; }
    :lang(zh-cmn-Hans) .l-section-introduction__copy.u-font-serif {
      font-weight: 300;
      font-family: "Noto Serif SC"; }

.l-section-introduction__block:first-child {
  padding-right: 0; }

/* インタビュー
-----------------------------------------------------------------*/
.t-htoh-interview {
  width: 100%;
  background: #fff;
  position: relative; }

.t-htoh-interview__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 1024px) {
    .t-htoh-interview__inner {
      display: block; } }

.t-htoh-interview__coverlink {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 10; }
  @media screen and (max-width: 1024px) {
    .t-htoh-interview__coverlink {
      display: none; } }

.t-htoh-interview__block {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 1024px) {
    .t-htoh-interview__block {
      width: 100%; } }

.t-htoh-interview__block img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.t-htoh-interview:nth-child(2n) .t-htoh-interview__block:first-child {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2; }

.t-htoh-interview:nth-child(2n) .t-htoh-interview__block:last-child {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

.t-htoh-interview__media {
  width: 100%;
  height: 100%; }

.t-htoh-interview__text {
  height: 100%;
  padding: 20% 15% 13%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 1024px) {
    .t-htoh-interview__text {
      padding: 3.6rem 3rem 6.4rem; } }

.t-htoh__label {
  font-family: 'Untitled Serif', serif;
  line-height: 125%;
  color: #B4B7BA;
  font-size: clamp(14px, 1.37255vw, 28px); }
  @media screen and (max-width: 749px) {
    .t-htoh__label {
      font-size: 1.8rem; } }

.t-htoh__title {
  font-family: 'Untitled Serif', serif;
  font-size: clamp(16px, 1.56863vw, 30px);
  line-height: 150%;
  -webkit-font-feature-settings: 'palt' on, 'pwid' on, 'liga' off;
  font-feature-settings: 'palt' on, 'pwid' on, 'liga' off;
  color: #181818;
  padding-top: 3.2rem; }
  :lang(zh-cmn-Hant) .t-htoh__title {
    font-weight: 300;
    font-family: "Noto Serif TC"; }
  :lang(zh-cmn-Hans) .t-htoh__title {
    font-weight: 300;
    font-family: "Noto Serif SC"; }
  .t-htoh-article .t-htoh__title {
    padding-top: .8rem; }
  @media screen and (max-width: 749px) {
    .t-htoh__title {
      font-size: 2.1rem; } }

.t-htoh__caption {
  font-family: 'Untitled Serif', serif;
  line-height: 175%;
  -webkit-font-feature-settings: 'halt' on;
  font-feature-settings: 'halt' on;
  color: #181818;
  padding-top: .4rem;
  font-size: clamp(12px, 1.17647vw, 23px); }
  :lang(zh-cmn-Hant) .t-htoh__caption {
    font-weight: 300;
    font-family: "Noto Serif TC"; }
  :lang(zh-cmn-Hans) .t-htoh__caption {
    font-weight: 300;
    font-family: "Noto Serif SC"; }
  @media screen and (max-width: 749px) {
    .t-htoh__caption {
      font-size: 1.6rem; } }

.t-htoh__name {
  font-family: 'noto-sans', serif;
  line-height: 175%;
  letter-spacing: 0.04em;
  color: #4D4D4D;
  padding-top: .5rem;
  font-size: clamp(10px, 0.98039vw, 17px); }
  :lang(zh-cmn-Hant) .t-htoh__name {
    font-weight: 400;
    font-family: "Noto Sans TC"; }
  :lang(zh-cmn-Hans) .t-htoh__name {
    font-weight: 400;
    font-family: "Noto Sans SC"; }
  @media screen and (max-width: 749px) {
    .t-htoh__name {
      font-size: 1.2rem; } }

.t-htoh-interview__copy-wrap {
  width: 78.3%;
  margin-left: auto;
  padding-top: 3.2rem; }
  @media screen and (max-width: 1024px) {
    .t-htoh-interview__copy-wrap {
      width: 100%;
      margin-left: 0; } }

.t-htoh-interview__copy-wrap .c-txt-s {
  font-size: clamp(10px, 0.98039vw, 17px); }
  @media screen and (max-width: 749px) {
    .t-htoh-interview__copy-wrap .c-txt-s {
      font-size: 1.2rem; } }

.t-htoh-interview__link {
  padding-top: 1.6rem; }

.t-htoh-interview__copy-wrap .c-txt-link {
  font-size: clamp(10px, 0.98039vw, 20px); }
  @media screen and (max-width: 749px) {
    .t-htoh-interview__copy-wrap .c-txt-link {
      font-size: 1.4rem; } }
  @media screen and (min-width: 750px) {
    .t-htoh-interview__copy-wrap .c-txt-link::after {
      width: .4em !important;
      height: 1em;
      background-position: center center;
      background-size: contain; } }

/* 記事一覧
-----------------------------------------------------------------*/
.t-htoh-article__title {
  font-family: 'Untitled Serif';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 125%;
  letter-spacing: 0.02em;
  color: #181818;
  padding-bottom: 8.3rem; }
  :lang(zh-cmn-Hant) .t-htoh-article__title {
    font-weight: 300;
    font-family: "Noto Serif TC"; }
  :lang(zh-cmn-Hans) .t-htoh-article__title {
    font-weight: 300;
    font-family: "Noto Serif SC"; }
  @media screen and (max-width: 749px) {
    .t-htoh-article__title {
      padding-bottom: 4rem; } }

.t-htoh-article-wrap {
  padding: 12.8rem 0; }
  @media screen and (max-width: 749px) {
    .t-htoh-article-wrap {
      width: 83%;
      padding: 12rem 0; } }

.t-htoh-article {
  text-decoration: none; }

.js-loadbox.is-hidden {
  display: none; }

.t-htoh-article__media {
  position: relative; }
  .t-htoh-article__media::after {
    content: "";
    width: 100%;
    padding-top: 130%;
    display: block; }
  .t-htoh-article__media img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }

.t-htoh-article__text {
  padding-top: 3.2rem; }

.t-htoh-article__button {
  margin: 9.6rem auto 0;
  display: block;
  width: 32rem; }
  @media screen and (max-width: 749px) {
    .t-htoh-article__button {
      margin-top: 6.54rem;
      width: 100%; } }

/* フィロソフィー
-----------------------------------------------------------------*/
.t-htoh-ph-wrap {
  padding: 12.8rem 0;
  border-bottom: 1px solid #c9ccce; }
  @media screen and (max-width: 749px) {
    .t-htoh-ph-wrap .l-content {
      width: 100%; } }

.t-htoh-ph-head__en {
  font-family: 'Untitled Serif', serif;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.04em;
  -webkit-font-feature-settings: 'palt' on;
  font-feature-settings: 'palt' on;
  color: #181818; }
  :lang(zh-cmn-Hant) .t-htoh-ph-head__en {
    font-weight: 300;
    font-family: "Noto Serif TC"; }
  :lang(zh-cmn-Hans) .t-htoh-ph-head__en {
    font-weight: 300;
    font-family: "Noto Serif SC"; }
  @media screen and (max-width: 749px) {
    .t-htoh-ph-head__en {
      padding-left: 3.1rem; } }

.t-htoh-ph-head__title {
  font-family: 'Untitled Serif', serif;
  font-size: 30px;
  line-height: 150%;
  -webkit-font-feature-settings: 'halt' on, 'palt' on;
  font-feature-settings: 'halt' on, 'palt' on;
  color: #181818;
  padding-top: 1rem; }
  :lang(zh-cmn-Hant) .t-htoh-ph-head__title {
    font-weight: 300;
    font-family: "Noto Serif TC"; }
  :lang(zh-cmn-Hans) .t-htoh-ph-head__title {
    font-weight: 300;
    font-family: "Noto Serif SC"; }
  @media screen and (max-width: 749px) {
    .t-htoh-ph-head__title {
      font-size: 2.8rem;
      padding-left: 3.1rem; } }
  :lang(zh-cmn-Hant) .t-htoh-ph-head__title {
    -webkit-font-feature-settings: inherit;
    font-feature-settings: inherit; }
  :lang(zh-cmn-Hans) .t-htoh-ph-head__title {
    -webkit-font-feature-settings: inherit;
    font-feature-settings: inherit; }

.t-htoh-ph-list {
  width: 69%;
  margin-top: 8.1rem;
  margin-left: auto;
  border-top: 1px solid rgba(77, 77, 77, 0.3); }
  @media screen and (max-width: 749px) {
    .t-htoh-ph-list {
      width: calc(100% - 6.4rem);
      border-top: 1px solid rgba(180, 183, 186, 0.3); } }

.t-htoh-ph {
  border-bottom: 1px solid rgba(77, 77, 77, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5.9rem 0 6.4rem; }
  @media screen and (max-width: 749px) {
    .t-htoh-ph {
      display: block;
      border-bottom: 1px solid rgba(180, 183, 186, 0.3); } }
  .t-htoh-ph.is-last {
    border-bottom: none; }
  .t-htoh-ph__block:first-child {
    width: 49%; }
    @media screen and (max-width: 749px) {
      .t-htoh-ph__block:first-child {
        width: 100%;
        padding-right: 3.1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; } }
  .t-htoh-ph__block:last-child {
    width: calc(100% - 49%);
    padding-top: 2.9rem; }
    @media screen and (max-width: 749px) {
      .t-htoh-ph__block:last-child {
        width: 100%;
        padding-right: 3.1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 2rem; } }

.t-htoh-ph .c-txt-accent {
  font-family: 'Untitled Serif', serif;
  font-size: 1.6rem;
  line-height: 125%;
  color: #181818; }
  :lang(zh-cmn-Hant) .t-htoh-ph .c-txt-accent {
    font-weight: 300;
    font-family: "Noto Serif TC"; }
  :lang(zh-cmn-Hans) .t-htoh-ph .c-txt-accent {
    font-weight: 300;
    font-family: "Noto Serif SC"; }

.t-htoh-ph .c-txt-heading2 {
  font-family: 'Untitled Serif', serif;
  font-size: 2.1rem;
  line-height: 150%;
  -webkit-font-feature-settings: 'palt' on, 'pwid' on, 'liga' off;
  font-feature-settings: 'palt' on, 'pwid' on, 'liga' off;
  color: #181818;
  padding-top: .8rem; }
  :lang(zh-cmn-Hant) .t-htoh-ph .c-txt-heading2 {
    font-weight: 300;
    font-family: "Noto Serif TC"; }
  :lang(zh-cmn-Hans) .t-htoh-ph .c-txt-heading2 {
    font-weight: 300;
    font-family: "Noto Serif SC"; }

.t-htoh-ph__link {
  margin-left: auto;
  text-align: right; }

:lang(zh-cmn-Hant) .t-htoh-ph .c-txt-heading2 {
  font-weight: 300;
  font-family: "Noto Serif TC"; }

:lang(zh-cmn-Hans) .t-htoh-ph .c-txt-heading2 {
  font-weight: 300;
  font-family: "Noto Serif SC"; }

@media screen and (max-width: 749px) {
  .t-hand-story .l-side-access {
    display: none; } }

.t-hand-story .c-hero-type-e {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 749px) {
    .t-hand-story .c-hero-type-e {
      height: 100vh;
      height: 100dvh; } }

@media screen and (max-width: 749px) {
  .t-hand-story .c-hero-type-e__body {
    padding-top: 4rem;
    padding-bottom: 0; } }

.c-txt-accent,
.c-hero-type-e__title {
  position: relative;
  z-index: 5; }

.c-hero-type-e__logo {
  z-index: 1; }

.l-header-extension__text {
  color: #333;
  text-shadow: none; }

.t-interview-intro {
  background: #fff; }

.t-hand-story.-article .c-hero-type-e__logo {
  width: 16.3rem; }
  @media screen and (max-width: 380px) {
    .t-hand-story.-article .c-hero-type-e__logo {
      max-width: 16.3rem;
      width: 35%; } }

.t-interview-intro .c-txt-l {
  font-weight: 500;
  color: #181818; }

.t-interview-intro .l-interview-wrap {
  padding: 5rem 0 6.8rem; }
  @media screen and (max-width: 749px) {
    .t-interview-intro .l-interview-wrap {
      width: 80%;
      padding: 0 0 6.4rem 0; } }

/* インタビューボトム
-----------------------------------------------------------------*/
.t-htoh-bottom-intro {
  margin: 6.8rem 0 0;
  padding: 12.8rem 0 0;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .t-htoh-bottom-intro {
      padding: 6.4rem 6.4rem 0; } }
  @media screen and (max-width: 749px) {
    .t-htoh-bottom-intro {
      margin: 6.4rem 0 0;
      padding: 6.4rem 3.1rem 0; } }

.t-htoh-bottom-intro .l-section-introduction__block:first-child {
  padding-right: 0; }

.l-section-introduction.-interview-bottom {
  position: relative;
  z-index: 5; }

.t-htoh-bottom-intro__bg {
  position: absolute;
  bottom: -14.5rem;
  right: -3rem;
  z-index: 1; }
  @media screen and (max-width: 1024px) {
    .t-htoh-bottom-intro__bg {
      width: 100%;
      height: auto;
      right: 0;
      background: url(https://www.citizenwatch-global.com/the-citizen/assets/image/hand-story/bottom-visual@sp.png) no-repeat right bottom/contain; }
      .t-htoh-bottom-intro__bg img {
        opacity: 0; } }

.t-htoh-bottom-intro__bottom {
  width: 30.2rem;
  margin-top: 3.2rem; }

.t-htoh-bottom-intro__link {
  position: relative;
  z-index: 10;
  padding: 6.4rem 0; }
  @media screen and (max-width: 1024px) {
    .t-htoh-bottom-intro__link {
      padding: 6.4rem; } }
  @media screen and (max-width: 749px) {
    .t-htoh-bottom-intro__link {
      padding: 3.2rem 3rem; } }

.t-img-cover {
  display: block;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 749px) {
    .t-img-cover::after {
      content: "";
      width: 100%;
      height: 100%;
      padding: 33.5%;
      position: relative;
      display: block; }
    .t-img-cover .js-objectfit {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: block; } }