#ceo-real-header {
  position: relative;
  max-width: 1400px;
  margin: 100px auto 60px;
  width: 90%; }
  @media (min-width: 768px) {
    #ceo-real-header {
      display: flex; } }
  @media (min-width: 1200px) {
    #ceo-real-header {
      margin: 100px auto 40px; } }
  #ceo-real-header .ceo-mv-L {
    width: 80%; }
    @media (min-width: 768px) {
      #ceo-real-header .ceo-mv-L {
        width: 60%;
        display: flex;
        align-items: center; } }
    #ceo-real-header .ceo-mv-L .ceo-mv-L-in .podcast {
      margin-top: 20px; }
      @media (min-width: 1200px) {
        #ceo-real-header .ceo-mv-L .ceo-mv-L-in .podcast {
          margin-top: 80px; } }
      #ceo-real-header .ceo-mv-L .ceo-mv-L-in .podcast h3 {
        font-size: 0.8em;
        line-height: 1.4em;
        margin: 0 0 2px 0; }
        @media (min-width: 768px) {
          #ceo-real-header .ceo-mv-L .ceo-mv-L-in .podcast h3 {
            font-size: 0.9em; } }
        @media (min-width: 1200px) {
          #ceo-real-header .ceo-mv-L .ceo-mv-L-in .podcast h3 {
            font-size: 1.0em;
            margin: 0 0 2px 0; } }
      #ceo-real-header .ceo-mv-L .ceo-mv-L-in .podcast ul.podcast-link {
        display: flex; }
        #ceo-real-header .ceo-mv-L .ceo-mv-L-in .podcast ul.podcast-link li {
          margin-right: 5px; }
          @media (min-width: 768px) {
            #ceo-real-header .ceo-mv-L .ceo-mv-L-in .podcast ul.podcast-link li {
              margin-right: 8px; } }
          #ceo-real-header .ceo-mv-L .ceo-mv-L-in .podcast ul.podcast-link li a {
            position: relative;
            margin-right: 5px;
            font-size: 0.75em;
            color: #000; }
            @media (min-width: 768px) {
              #ceo-real-header .ceo-mv-L .ceo-mv-L-in .podcast ul.podcast-link li a {
                margin-right: 8px;
                font-size: 0.9em; } }
            #ceo-real-header .ceo-mv-L .ceo-mv-L-in .podcast ul.podcast-link li a::after {
              position: absolute;
              bottom: 0;
              left: 0;
              content: '';
              width: 100%;
              height: 1px;
              background: #000;
              transform: scale(0, 1);
              transform-origin: right top;
              transition: transform .3s; }
            #ceo-real-header .ceo-mv-L .ceo-mv-L-in .podcast ul.podcast-link li a:hover::after {
              transform-origin: left top;
              transform: scale(1, 1); }
  #ceo-real-header .ceo-mv-R {
    position: absolute;
    bottom: -50px;
    right: -5%;
    width: 35%;
    margin-left: auto; }
    @media (min-width: 768px) {
      #ceo-real-header .ceo-mv-R {
        position: relative;
        right: 0;
        width: 40%; } }
    @media (min-width: 1200px) {
      #ceo-real-header .ceo-mv-R {
        bottom: 0; } }

.true-feelings .feelings-box {
  position: relative;
  margin-top: -10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }
  @media (min-width: 768px) {
    .true-feelings .feelings-box {
      margin-top: -20px;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px; } }
  @media (min-width: 1200px) {
    .true-feelings .feelings-box {
      margin-top: -40px;
      border-top-left-radius: 40px;
      border-top-right-radius: 40px; } }
  .true-feelings .feelings-box:last-child {
    border-bottom: 3px solid #000; }
    .true-feelings .feelings-box:last-child .feelings-box-in .photo {
      padding: 20% 0 0 0; }
      @media (min-width: 768px) {
        .true-feelings .feelings-box:last-child .feelings-box-in .photo {
          padding: 5% 0 0 0; } }
  .true-feelings .feelings-box.balnc {
    background-color: #fff;
    color: #000; }
    .true-feelings .feelings-box.balnc a {
      color: #000; }
    .true-feelings .feelings-box.balnc .txt-area {
      left: 5%; }
      @media (min-width: 768px) {
        .true-feelings .feelings-box.balnc .txt-area {
          width: 75%; } }
  .true-feelings .feelings-box.noir {
    background-color: #000;
    color: #fff; }
    .true-feelings .feelings-box.noir a {
      color: #fff; }
    .true-feelings .feelings-box.noir .txt-area {
      left: 30%;
      padding-left: 1%; }
      @media (min-width: 1200px) {
        .true-feelings .feelings-box.noir .txt-area {
          left: 40%; } }
      .true-feelings .feelings-box.noir .txt-area .txt-area-in .common-btn {
        width: 100%; }
        @media (min-width: 768px) {
          .true-feelings .feelings-box.noir .txt-area .txt-area-in .common-btn {
            width: 80%; } }
  .true-feelings .feelings-box .feelings-box-in {
    position: relative;
    display: flex;
    max-width: 1400px;
    margin: auto;
    width: 95%; }
    @media (min-width: 1200px) {
      .true-feelings .feelings-box .feelings-box-in {
        width: 90%; } }
    .true-feelings .feelings-box .feelings-box-in .txt-area {
      position: absolute;
      top: -10px;
      bottom: 0;
      display: flex;
      align-items: center; }
      @media (min-width: 768px) {
        .true-feelings .feelings-box .feelings-box-in .txt-area {
          top: -20px; } }
      .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .title h6 {
        font-family: "Bebas Neue", sans-serif;
        font-size: 1.5em;
        line-height: 1.0em; }
        @media (min-width: 768px) {
          .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .title h6 {
            font-size: 3.0em; } }
        @media (min-width: 1200px) {
          .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .title h6 {
            font-size: 4.25em; } }
      .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .title h2 {
        font-size: 5vw;
        line-height: 1.35em; }
        @media (min-width: 768px) {
          .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .title h2 {
            font-size: 4vw;
            line-height: 1.2em; } }
        @media (min-width: 1200px) {
          .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .title h2 {
            font-size: 5vw; } }
        @media (min-width: 1400px) {
          .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .title h2 {
            font-size: 5em; } }
      .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .title h4 {
        font-size: 3.5vw;
        line-height: 1.4em;
        font-feature-settings: "palt";
        letter-spacing: 0.04em;
        margin-top: 2px; }
        @media (min-width: 768px) {
          .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .title h4 {
            font-size: 3.0vw; } }
        @media (min-width: 1200px) {
          .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .title h4 {
            font-size: 2.2em; } }
      .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .common-btn {
        margin-top: 10px; }
        @media (min-width: 768px) {
          .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .common-btn {
            margin-top: 20px; } }
        .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .common-btn.left {
          width: 68%; }
        .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .common-btn .btn-type1 {
          display: flex;
          align-items: center;
          padding: 0; }
          .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .common-btn .btn-type1.blanc {
            border-bottom: none; }
          .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .common-btn .btn-type1.noir {
            border-bottom: none; }
          .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .common-btn .btn-type1 h6 {
            font-size: 0.7em;
            font-weight: 300;
            line-height: 1.4em;
            width: calc(100% - 40px);
            margin-right: 10px; }
            @media (min-width: 768px) {
              .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .common-btn .btn-type1 h6 {
                font-size: 0.8em; } }
            @media (min-width: 1200px) {
              .true-feelings .feelings-box .feelings-box-in .txt-area .txt-area-in .common-btn .btn-type1 h6 {
                font-size: 0.8em; } }
    .true-feelings .feelings-box .feelings-box-in .photo {
      width: 30%;
      padding: 20% 0 10px 0; }
      @media (min-width: 768px) {
        .true-feelings .feelings-box .feelings-box-in .photo {
          padding: 5% 0 20px 0; } }
      @media (min-width: 1200px) {
        .true-feelings .feelings-box .feelings-box-in .photo {
          width: 40%;
          padding: 5% 0 40px 0; } }
      .true-feelings .feelings-box .feelings-box-in .photo.right {
        margin-left: 70%; }
        @media (min-width: 1200px) {
          .true-feelings .feelings-box .feelings-box-in .photo.right {
            margin-left: 60%; } }