#time8-25 {
  padding-top: 80px; }
  @media (min-width: 768px) {
    #time8-25 {
      display: flex;
      padding-top: 100px; } }
  #time8-25 .txt-area {
    margin-top: 10px; }
    @media (min-width: 768px) {
      #time8-25 .txt-area {
        width: 45%;
        padding-right: 5%;
        margin-top: 0; } }
    @media (min-width: 1200px) {
      #time8-25 .txt-area {
        width: 40%; } }
    #time8-25 .txt-area .txt {
      margin-top: 10px; }
      @media (min-width: 1024px) {
        #time8-25 .txt-area .txt {
          margin-top: 20px; } }
    #time8-25 .txt-area .base-btn {
      margin-top: 20px; }
      @media (min-width: 1024px) {
        #time8-25 .txt-area .base-btn {
          margin-top: 40px; } }
    #time8-25 .txt-area .chara {
      margin-top: 20px; }
      #time8-25 .txt-area .chara img {
        width: 80px; }
        @media (min-width: 768px) {
          #time8-25 .txt-area .chara img {
            width: 110px; } }
      #time8-25 .txt-area .chara ul {
        margin: 0 0 0 10px; }
        @media (min-width: 768px) {
          #time8-25 .txt-area .chara ul {
            margin: 20px 0 0 10px; } }
        #time8-25 .txt-area .chara ul li:nth-child(2) {
          margin: -3px 0 0 20px; }
          #time8-25 .txt-area .chara ul li:nth-child(2)::before {
            content: "";
            position: absolute;
            left: -10px;
            top: 5px;
            width: 16px;
            height: 30px;
            transform: rotate(-30deg);
            background: url(../../img/parts/speech-r.svg) no-repeat center/contain; }
  @media (min-width: 768px) {
    #time8-25 .photo {
      width: 55%; } }
  @media (min-width: 1200px) {
    #time8-25 .photo {
      width: 60%; } }

#time8-25b {
  padding-top: 20px; }
  @media (min-width: 768px) {
    #time8-25b {
      display: flex;
      padding-top: 40px; } }
  @media (min-width: 768px) {
    #time8-25b .time8-25-L {
      width: 70%;
      padding-right: 3%;
      display: flex; } }
  #time8-25b .time8-25-L .txt-area {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #15E5AD;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 20px; }
    @media (min-width: 768px) {
      #time8-25b .time8-25-L .txt-area {
        width: 60%;
        padding: 30px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 0; } }
    #time8-25b .time8-25-L .txt-area .txt-area-in .chara {
      margin-bottom: 20px;
      align-items: center; }
      #time8-25b .time8-25-L .txt-area .txt-area-in .chara img {
        width: 40px;
        padding-right: 5px; }
        @media (min-width: 768px) {
          #time8-25b .time8-25-L .txt-area .txt-area-in .chara img {
            width: 60px;
            margin-right: 10px; } }
      #time8-25b .time8-25-L .txt-area .txt-area-in .chara ul {
        margin: 0 10px 0 10px; }
        @media (min-width: 768px) {
          #time8-25b .time8-25-L .txt-area .txt-area-in .chara ul {
            margin: 0 0 0 10px; } }
        #time8-25b .time8-25-L .txt-area .txt-area-in .chara ul li:nth-child(1)::before {
          content: "";
          position: absolute;
          left: -10px;
          top: 0;
          width: 16px;
          height: 30px;
          background: url(../../img/parts/speech-w.svg) no-repeat center/contain; }
  @media (min-width: 768px) {
    #time8-25b .time8-25-L .photo2 {
      width: 40%; } }
  #time8-25b .time8-25-L .photo2 img {
    height: 100%;
    object-fit: cover;
    display: block;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
    @media (min-width: 768px) {
      #time8-25b .time8-25-L .photo2 img {
        border-top-left-radius: 0;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px; } }
  #time8-25b .time8-25-R {
    position: relative;
    margin-top: 20px; }
    @media (min-width: 768px) {
      #time8-25b .time8-25-R {
        width: 30%;
        display: flex;
        margin-top: 0; } }
    #time8-25b .time8-25-R .speech {
      width: 42%;
      position: absolute;
      top: 0;
      left: 0; }
      #time8-25b .time8-25-R .speech:before, #time8-25b .time8-25-R .speech:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin: auto; }
      #time8-25b .time8-25-R .speech:before {
        top: 40%;
        right: -16px;
        border-style: solid;
        border-color: transparent transparent #15E5AD transparent;
        border-width: 0 16px 16px 0; }
      #time8-25b .time8-25-R .speech:after {
        top: calc(40% + 3.0px);
        right: -11px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
        border-width: 0 11px 11px 0;
        z-index: 10; }
    #time8-25b .time8-25-R .photo2 {
      width: 60%;
      margin: auto 0 0 auto; }

#time8-40 {
  padding-top: 60px; }
  @media (min-width: 768px) {
    #time8-40 {
      display: flex;
      padding-top: 100px; } }
  @media (min-width: 768px) {
    #time8-40 .photo {
      width: 50%; } }
  @media (min-width: 1200px) {
    #time8-40 .photo {
      width: 60%; } }
  #time8-40 .txt-area {
    position: relative;
    display: flex;
    margin-top: 20px; }
    @media (min-width: 768px) {
      #time8-40 .txt-area {
        width: 50%;
        padding-left: 3%;
        margin-top: 0; } }
    @media (min-width: 1200px) {
      #time8-40 .txt-area {
        width: 40%; } }
    #time8-40 .txt-area .txt-area-in {
      width: 65%; }
      @media (min-width: 768px) {
        #time8-40 .txt-area .txt-area-in {
          width: 65%; } }
      #time8-40 .txt-area .txt-area-in .txt {
        margin-top: 10px; }
        @media (min-width: 1024px) {
          #time8-40 .txt-area .txt-area-in .txt {
            margin-top: 20px; } }
      #time8-40 .txt-area .txt-area-in .base-btn {
        margin-top: 20px; }
        @media (min-width: 1024px) {
          #time8-40 .txt-area .txt-area-in .base-btn {
            margin-top: 40px; } }
    #time8-40 .txt-area .people {
      width: 35%; }
      @media (min-width: 768px) {
        #time8-40 .txt-area .people {
          width: 35%;
          position: absolute;
          right: 0;
          bottom: 0; } }

#time9-00 {
  padding-top: 60px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px; }
  @media (min-width: 768px) {
    #time9-00 {
      padding-top: 100px;
      display: flex; } }
  @media (min-width: 768px) {
    #time9-00 .txt-area.-left {
      display: block;
      width: 55%; } }
  #time9-00 .txt-area.-left .txt-area-in .txt {
    margin-top: 10px; }
    @media (min-width: 768px) {
      #time9-00 .txt-area.-left .txt-area-in .txt {
        margin-top: 20px; } }
  #time9-00 .txt-area.-left .office-scene {
    position: relative;
    margin-top: 20px; }
    @media (min-width: 768px) {
      #time9-00 .txt-area.-left .office-scene {
        margin-top: 40px; } }
    #time9-00 .txt-area.-left .office-scene .photo.-main {
      width: 58%;
      z-index: 1; }
      @media (min-width: 768px) {
        #time9-00 .txt-area.-left .office-scene .photo.-main {
          width: 56%; } }
    #time9-00 .txt-area.-left .office-scene .photo.-sub {
      width: 60%;
      margin: -30px 0 0 auto;
      z-index: 2; }
      @media (min-width: 768px) {
        #time9-00 .txt-area.-left .office-scene .photo.-sub {
          width: 70%;
          margin: -10px 0 0 auto; } }
      @media (min-width: 1024px) {
        #time9-00 .txt-area.-left .office-scene .photo.-sub {
          width: 50%;
          margin: -50px 0 0 auto; } }
      @media (min-width: 1200px) {
        #time9-00 .txt-area.-left .office-scene .photo.-sub {
          margin: -90px 0 0 auto; } }
    #time9-00 .txt-area.-left .office-scene .speech {
      position: absolute;
      top: 2px;
      right: 0;
      width: 36%;
      z-index: 3; }
      #time9-00 .txt-area.-left .office-scene .speech:before, #time9-00 .txt-area.-left .office-scene .speech:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin: auto; }
      #time9-00 .txt-area.-left .office-scene .speech:before {
        border-style: solid;
        left: calc(50% + 2.4px);
        bottom: -16px;
        border-width: 16px 0 0 16px;
        border-color: #15E5AD transparent transparent transparent;
        transform: translateX(-50%); }
      #time9-00 .txt-area.-left .office-scene .speech:after {
        border-style: solid;
        left: 50%;
        bottom: -11px;
        border-width: 17px 0 0 17px;
        border-color: #fff transparent transparent transparent;
        transform: translateX(-50%);
        z-index: 10; }
  #time9-00 .txt-area.-right {
    position: relative;
    background: linear-gradient(to right, #C1F1FF, #BFFFEF);
    border-radius: 20px; }
    @media (min-width: 768px) {
      #time9-00 .txt-area.-right {
        border-radius: 40px;
        width: 45%;
        margin-left: 5%; } }
    #time9-00 .txt-area.-right .chara {
      display: flex;
      align-items: center;
      padding: 15px 0 0 20px; }
      @media (min-width: 1024px) {
        #time9-00 .txt-area.-right .chara {
          padding: 30px 0 0 60px; } }
      #time9-00 .txt-area.-right .chara img {
        width: 40px;
        margin-right: 5px; }
        @media (min-width: 1024px) {
          #time9-00 .txt-area.-right .chara img {
            width: 60px;
            margin-right: 10px; } }
      #time9-00 .txt-area.-right .chara ul {
        margin: 0 10px 0 10px; }
        @media (min-width: 768px) {
          #time9-00 .txt-area.-right .chara ul {
            margin: 0 0 0 10px; } }
        #time9-00 .txt-area.-right .chara ul li:nth-child(1)::before {
          content: "";
          position: absolute;
          left: -10px;
          top: 0;
          width: 16px;
          height: 30px;
          background: url(../../img/parts/speech-c.svg) no-repeat center/contain; }
    #time9-00 .txt-area.-right .txt-area-in {
      display: flex; }
      #time9-00 .txt-area.-right .txt-area-in .comment-left {
        width: 60%;
        margin-top: auto; }
        #time9-00 .txt-area.-right .txt-area-in .comment-left .txt {
          padding-left: 5%;
          margin-top: 10px; }
          #time9-00 .txt-area.-right .txt-area-in .comment-left .txt .speech.color2 {
            margin: 0 0 20px 0;
            position: relative;
            width: 250px; }
            @media (min-width: 1024px) {
              #time9-00 .txt-area.-right .txt-area-in .comment-left .txt .speech.color2 {
                margin: 0 20px 20px 0;
                width: 300px; } }
            @media (min-width: 1200px) {
              #time9-00 .txt-area.-right .txt-area-in .comment-left .txt .speech.color2 {
                width: 380px; } }
        #time9-00 .txt-area.-right .txt-area-in .comment-left .people {
          margin-top: auto; }
      #time9-00 .txt-area.-right .txt-area-in .comment-right {
        width: 40%;
        padding-left: 5%;
        margin-top: auto; }
        #time9-00 .txt-area.-right .txt-area-in .comment-right .speech.color1 {
          margin: 0 0 10px 0;
          position: relative;
          left: -10px; }
          #time9-00 .txt-area.-right .txt-area-in .comment-right .speech.color1:before, #time9-00 .txt-area.-right .txt-area-in .comment-right .speech.color1:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            margin: auto; }
          #time9-00 .txt-area.-right .txt-area-in .comment-right .speech.color1:before {
            border-style: solid;
            left: calc(50% + 2.4px);
            bottom: -16px;
            border-width: 16px 0 0 16px;
            border-color: #15E5AD transparent transparent transparent;
            transform: translateX(-50%); }
          #time9-00 .txt-area.-right .txt-area-in .comment-right .speech.color1:after {
            border-style: solid;
            left: 50%;
            bottom: -11px;
            border-width: 17px 0 0 17px;
            border-color: #fff transparent transparent transparent;
            transform: translateX(-50%);
            z-index: 10; }

#time10-30 {
  padding-top: 60px; }
  @media (min-width: 768px) {
    #time10-30 {
      display: flex;
      padding-top: 100px; } }
  @media (min-width: 768px) {
    #time10-30 .photo {
      width: 60%; } }
  @media (min-width: 1200px) {
    #time10-30 .photo {
      width: 70%; } }
  #time10-30 .txt-area {
    position: relative;
    margin-top: 10px; }
    @media (min-width: 768px) {
      #time10-30 .txt-area {
        width: 40%;
        padding-left: 3%;
        margin-top: 0; } }
    @media (min-width: 1200px) {
      #time10-30 .txt-area {
        width: 30%; } }
    #time10-30 .txt-area .txt {
      margin-top: 10px; }
      @media (min-width: 1024px) {
        #time10-30 .txt-area .txt {
          margin-top: 20px; } }
    #time10-30 .txt-area .base-btn {
      margin-top: 20px; }
      @media (min-width: 1024px) {
        #time10-30 .txt-area .base-btn {
          margin-top: 40px; } }

#time13-20 {
  padding-top: 60px; }
  @media (min-width: 768px) {
    #time13-20 {
      display: flex;
      padding-top: 100px; } }
  @media (min-width: 768px) {
    #time13-20 .photo {
      width: 60%; } }
  #time13-20 .txt-area {
    position: relative;
    margin-top: 10px; }
    @media (min-width: 768px) {
      #time13-20 .txt-area {
        width: 40%;
        padding-left: 3%;
        margin-top: 0; } }
    #time13-20 .txt-area .txt {
      margin-top: 10px; }
      @media (min-width: 1024px) {
        #time13-20 .txt-area .txt {
          margin-top: 20px; } }
    #time13-20 .txt-area .base-btn {
      margin-top: 20px; }
      @media (min-width: 1024px) {
        #time13-20 .txt-area .base-btn {
          margin-top: 40px; } }

#time12-30 {
  padding-top: 60px; }
  @media (min-width: 768px) {
    #time12-30 {
      display: flex;
      padding-top: 100px; } }
  #time12-30 .txt-area {
    position: relative;
    margin-top: 10px; }
    @media (min-width: 768px) {
      #time12-30 .txt-area {
        width: 30%;
        padding-right: 3%;
        margin-top: 0; } }
    #time12-30 .txt-area .txt {
      margin-top: 10px; }
      @media (min-width: 1024px) {
        #time12-30 .txt-area .txt {
          margin-top: 20px; } }
    #time12-30 .txt-area .base-btn {
      margin-top: 20px; }
      @media (min-width: 1024px) {
        #time12-30 .txt-area .base-btn {
          margin-top: 40px; } }
  @media (min-width: 768px) {
    #time12-30 .photo {
      width: 70%; } }

#time13-20b {
  padding-top: 20px; }
  @media (min-width: 768px) {
    #time13-20b {
      display: flex;
      padding-top: 40px; } }
  #time13-20b .time13-20-R {
    position: relative; }
    @media (min-width: 768px) {
      #time13-20b .time13-20-R {
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: center; } }
    #time13-20b .time13-20-R .chara {
      align-items: center;
      justify-content: flex-end; }
      @media (min-width: 768px) {
        #time13-20b .time13-20-R .chara {
          display: block;
          text-align: center; } }
      #time13-20b .time13-20-R .chara img {
        width: 80px;
        padding-top: 10px; }
        @media (min-width: 1024px) {
          #time13-20b .time13-20-R .chara img {
            width: 140px; } }
      #time13-20b .time13-20-R .chara ul {
        margin-right: 10px; }
        #time13-20b .time13-20-R .chara ul li:nth-child(2) {
          margin: -2px 0 0 50px; }
          @media (min-width: 768px) {
            #time13-20b .time13-20-R .chara ul li:nth-child(2) {
              margin: -2px 0 0 50px; } }
          #time13-20b .time13-20-R .chara ul li:nth-child(2)::before {
            content: "";
            position: absolute;
            right: -2px;
            top: -2px;
            width: 16px;
            height: 30px;
            background: url(../../img/parts/speech-r.svg) no-repeat center/contain; }
            @media (min-width: 768px) {
              #time13-20b .time13-20-R .chara ul li:nth-child(2)::before {
                right: 50px;
                top: 14px;
                transform: rotate(-45deg); } }
  #time13-20b .time13-20-L {
    position: relative;
    background-color: #15E5AD;
    border-radius: 10px;
    padding: 0 10px;
    margin-top: 20px; }
    @media (min-width: 768px) {
      #time13-20b .time13-20-L {
        width: 70%;
        display: flex;
        border-radius: 20px;
        padding: 0 20px;
        margin-top: 0; } }
    #time13-20b .time13-20-L .photo2 {
      width: 40%; }
      @media (min-width: 768px) {
        #time13-20b .time13-20-L .photo2 {
          margin-top: auto; } }
    #time13-20b .time13-20-L .txt-area {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px; }
      @media (min-width: 768px) {
        #time13-20b .time13-20-L .txt-area {
          width: 65%;
          padding: 0 30px 15px 15px; } }
      #time13-20b .time13-20-L .txt-area .txt-area-in .chara {
        position: absolute;
        top: 60px;
        right: 15px;
        width: 60%;
        display: block;
        text-align: right; }
        @media (min-width: 768px) {
          #time13-20b .time13-20-L .txt-area .txt-area-in .chara {
            position: relative;
            top: inherit;
            right: inherit;
            width: auto;
            display: flex;
            align-items: center;
            flex-direction: row-reverse;
            justify-content: flex-end;
            margin-bottom: 20px;
            width: 100%; } }
        #time13-20b .time13-20-L .txt-area .txt-area-in .chara img {
          width: 60px;
          margin-top: 10px; }
          @media (min-width: 768px) {
            #time13-20b .time13-20-L .txt-area .txt-area-in .chara img {
              width: 60px;
              margin-right: 10px; } }
        #time13-20b .time13-20-L .txt-area .txt-area-in .chara ul {
          margin: 0 10px 0 10px; }
          @media (min-width: 768px) {
            #time13-20b .time13-20-L .txt-area .txt-area-in .chara ul {
              margin: 10px 0 0 10px; } }
          #time13-20b .time13-20-L .txt-area .txt-area-in .chara ul li:nth-child(1)::before {
            content: "";
            position: absolute;
            right: 60px;
            top: 13px;
            width: 16px;
            height: 30px;
            transform: rotate(45deg);
            background: url(../../img/parts/speech-w.svg) no-repeat center/contain; }
            @media (min-width: 768px) {
              #time13-20b .time13-20-L .txt-area .txt-area-in .chara ul li:nth-child(1)::before {
                transform: rotate(0);
                right: inherit;
                left: -10px;
                top: 0; } }

#time13-50 {
  padding-top: 60px; }
  @media (min-width: 768px) {
    #time13-50 {
      display: flex;
      padding-top: 100px; } }
  #time13-50 .txt-area {
    position: relative;
    margin-top: 10px; }
    @media (min-width: 768px) {
      #time13-50 .txt-area {
        width: 50%;
        padding-right: 3%;
        margin-top: 0; } }
    @media (min-width: 1024px) {
      #time13-50 .txt-area {
        width: 40%; } }
    #time13-50 .txt-area .txt {
      margin-top: 10px; }
      @media (min-width: 1024px) {
        #time13-50 .txt-area .txt {
          margin-top: 20px; } }
    #time13-50 .txt-area .base-btn {
      margin-top: 20px; }
      @media (min-width: 1024px) {
        #time13-50 .txt-area .base-btn {
          margin-top: 40px; } }
  @media (min-width: 768px) {
    #time13-50 .photo {
      width: 50%; } }
  @media (min-width: 1024px) {
    #time13-50 .photo {
      width: 60%; } }

#time13-50b {
  padding-top: 20px; }
  @media (min-width: 1024px) {
    #time13-50b {
      display: flex;
      padding-top: 40px; } }
  #time13-50b .txt-area.-left {
    background-color: #15E5AD;
    border-radius: 20px; }
    @media (min-width: 1024px) {
      #time13-50b .txt-area.-left {
        width: 55%;
        margin-right: 5%;
        border-radius: 40px; } }
    #time13-50b .txt-area.-left .chara {
      display: flex;
      align-items: center;
      padding: 20px 0 0 20px; }
      @media (min-width: 1024px) {
        #time13-50b .txt-area.-left .chara {
          padding: 30px 0 0 60px; } }
      #time13-50b .txt-area.-left .chara img {
        width: 40px;
        margin-right: 5px; }
        @media (min-width: 768px) {
          #time13-50b .txt-area.-left .chara img {
            width: 60px;
            margin-right: 10px; } }
      #time13-50b .txt-area.-left .chara ul {
        margin: 0 10px 0 10px; }
        @media (min-width: 768px) {
          #time13-50b .txt-area.-left .chara ul {
            margin: 0 0 0 10px; } }
        #time13-50b .txt-area.-left .chara ul li:nth-child(1)::before {
          content: "";
          position: absolute;
          left: -10px;
          top: 0;
          width: 16px;
          height: 30px;
          background: url(../../img/parts/speech-w.svg) no-repeat center/contain; }
    #time13-50b .txt-area.-left .inner {
      display: flex;
      padding: 20px 20px 0 5px; }
      @media (min-width: 1024px) {
        #time13-50b .txt-area.-left .inner {
          padding: 20px 20px 0; } }
      #time13-50b .txt-area.-left .inner .people {
        margin-top: auto; }
        @media (min-width: 768px) {
          #time13-50b .txt-area.-left .inner .people {
            width: 25%; } }
        @media (min-width: 1200px) {
          #time13-50b .txt-area.-left .inner .people {
            width: 35%; } }
      #time13-50b .txt-area.-left .inner .comment {
        margin-bottom: 10px;
        padding-left: 10px; }
        @media (min-width: 768px) {
          #time13-50b .txt-area.-left .inner .comment {
            width: 65%;
            margin: 0 0 0 20px; } }
        @media (min-width: 1024px) {
          #time13-50b .txt-area.-left .inner .comment {
            margin: 0 0 20px 20px; } }
        #time13-50b .txt-area.-left .inner .comment .speech {
          margin-bottom: 10px; }
          @media (min-width: 768px) {
            #time13-50b .txt-area.-left .inner .comment .speech {
              margin-bottom: 20px; } }
          #time13-50b .txt-area.-left .inner .comment .speech:last-child {
            margin-bottom: 0; }
  #time13-50b .txt-area.-right {
    position: relative;
    background: linear-gradient(to right, #C1F1FF, #BFFFEF);
    border-radius: 20px;
    margin-top: 20px; }
    @media (min-width: 1024px) {
      #time13-50b .txt-area.-right {
        border-radius: 40px;
        width: 45%; } }
    #time13-50b .txt-area.-right .chara {
      display: flex;
      align-items: center;
      padding: 20px 0 0 20px; }
      @media (min-width: 1024px) {
        #time13-50b .txt-area.-right .chara {
          position: absolute;
          padding: 30px 0 0 60px; } }
      #time13-50b .txt-area.-right .chara img {
        width: 40px;
        margin-right: 5px; }
        @media (min-width: 1024px) {
          #time13-50b .txt-area.-right .chara img {
            width: 60px;
            margin-right: 10px; } }
      #time13-50b .txt-area.-right .chara ul {
        margin: 0 10px 0 10px; }
        @media (min-width: 768px) {
          #time13-50b .txt-area.-right .chara ul {
            margin: 0 0 0 10px; } }
        #time13-50b .txt-area.-right .chara ul li:nth-child(1)::before {
          content: "";
          position: absolute;
          left: -10px;
          top: 0;
          width: 16px;
          height: 30px;
          background: url(../../img/parts/speech-g.svg) no-repeat center/contain; }
    #time13-50b .txt-area.-right .inner {
      display: flex;
      height: 100%; }
      #time13-50b .txt-area.-right .inner .people {
        margin-top: auto; }
        @media (min-width: 768px) {
          #time13-50b .txt-area.-right .inner .people {
            width: 25%; } }
        @media (min-width: 1200px) {
          #time13-50b .txt-area.-right .inner .people {
            width: 35%; } }
        #time13-50b .txt-area.-right .inner .people img {
          border-bottom-left-radius: 20px; }
          @media (min-width: 1024px) {
            #time13-50b .txt-area.-right .inner .people img {
              border-bottom-left-radius: 40px; } }
      #time13-50b .txt-area.-right .inner .comment {
        padding: 0 15px 15px 0; }
        @media (min-width: 768px) {
          #time13-50b .txt-area.-right .inner .comment {
            width: 62%;
            margin: auto 5% 40px 0; } }
        @media (min-width: 1024px) {
          #time13-50b .txt-area.-right .inner .comment {
            margin: auto 5% 0 0; } }
        #time13-50b .txt-area.-right .inner .comment .speech {
          margin-bottom: 20px; }

#time15-00 {
  padding-top: 60px; }
  @media (min-width: 768px) {
    #time15-00 {
      display: flex;
      padding-top: 100px; } }
  #time15-00 .photo {
    position: relative; }
    @media (min-width: 768px) {
      #time15-00 .photo {
        width: 60%; } }
    @media (min-width: 1200px) {
      #time15-00 .photo {
        width: 70%; } }
    #time15-00 .photo .speech {
      position: absolute;
      top: 10%;
      left: -2%;
      width: 150px; }
      @media (min-width: 768px) {
        #time15-00 .photo .speech {
          top: 25%;
          width: 160px;
          left: calc(50% - 180px); } }
      @media (min-width: 1200px) {
        #time15-00 .photo .speech {
          top: 25%;
          width: 200px;
          left: calc(50% - 200px); } }
      #time15-00 .photo .speech:before, #time15-00 .photo .speech:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin: auto; }
      #time15-00 .photo .speech:before {
        top: 40%;
        right: -16px;
        border-style: solid;
        border-color: transparent transparent #15E5AD transparent;
        border-width: 0 16px 16px 0; }
      #time15-00 .photo .speech:after {
        top: calc(40% + 3.0px);
        right: -11px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
        border-width: 0 11px 11px 0;
        z-index: 10; }
  #time15-00 .txt-area {
    position: relative;
    margin-top: 10px; }
    @media (min-width: 768px) {
      #time15-00 .txt-area {
        width: 40%;
        padding-left: 3%;
        margin-top: 0; } }
    @media (min-width: 1200px) {
      #time15-00 .txt-area {
        width: 30%; } }
    #time15-00 .txt-area .txt {
      margin-top: 10px; }
      @media (min-width: 1024px) {
        #time15-00 .txt-area .txt {
          margin-top: 20px; } }
    #time15-00 .txt-area .base-btn {
      margin-top: 20px; }
      @media (min-width: 1024px) {
        #time15-00 .txt-area .base-btn {
          margin-top: 40px; } }
    #time15-00 .txt-area .chara {
      align-items: center;
      justify-content: end; }
      #time15-00 .txt-area .chara img {
        width: 80px; }
        @media (min-width: 1024px) {
          #time15-00 .txt-area .chara img {
            width: 120px; } }
      #time15-00 .txt-area .chara ul {
        margin: 0 10px 0 0; }
        #time15-00 .txt-area .chara ul li:nth-child(2) {
          margin: -3px 0 0 0; }
          #time15-00 .txt-area .chara ul li:nth-child(2)::before {
            content: "";
            position: absolute;
            right: -10px;
            top: 0;
            width: 16px;
            height: 30px;
            background: url(../../img/parts/speech-r.svg) no-repeat center/contain; }

#time15-00b {
  padding-top: 20px; }
  @media (min-width: 768px) {
    #time15-00b {
      display: flex;
      padding-top: 40px; } }
  #time15-00b .txt-area.-left {
    background: linear-gradient(to right, #C1F1FF, #BFFFEF);
    border-radius: 10px; }
    @media (min-width: 768px) {
      #time15-00b .txt-area.-left {
        width: 70%;
        border-radius: 20px; } }
    #time15-00b .txt-area.-left .inner {
      padding: 30px 10px 0 10px; }
      @media (min-width: 768px) {
        #time15-00b .txt-area.-left .inner {
          padding: 20px 20px 0 20px; } }
      @media (min-width: 1200px) {
        #time15-00b .txt-area.-left .inner {
          padding: 30px 60px 0 60px; } }
      #time15-00b .txt-area.-left .inner .chara {
        display: flex;
        align-items: center; }
        #time15-00b .txt-area.-left .inner .chara img {
          width: 40px;
          margin-right: 5px; }
          @media (min-width: 768px) {
            #time15-00b .txt-area.-left .inner .chara img {
              width: 60px;
              margin-right: 10px; } }
        #time15-00b .txt-area.-left .inner .chara ul {
          margin: 0 10px 0 10px; }
          @media (min-width: 768px) {
            #time15-00b .txt-area.-left .inner .chara ul {
              margin: 0 0 0 10px; } }
          #time15-00b .txt-area.-left .inner .chara ul li:nth-child(1)::before {
            content: "";
            position: absolute;
            left: -10px;
            top: 0;
            width: 16px;
            height: 30px;
            background: url(../../img/parts/speech-c.svg) no-repeat center/contain; }
      #time15-00b .txt-area.-left .inner .photo {
        position: relative;
        margin-top: 20px; }
        #time15-00b .txt-area.-left .inner .photo .speech.color1 {
          position: relative;
          width: 250px;
          margin-top: -10px; }
          @media (min-width: 768px) {
            #time15-00b .txt-area.-left .inner .photo .speech.color1 {
              position: absolute;
              bottom: -20px;
              left: 10px;
              width: 160px; } }
          @media (min-width: 1024px) {
            #time15-00b .txt-area.-left .inner .photo .speech.color1 {
              top: 30%;
              bottom: inherit; } }
          #time15-00b .txt-area.-left .inner .photo .speech.color1:before, #time15-00b .txt-area.-left .inner .photo .speech.color1:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            margin: auto; }
          #time15-00b .txt-area.-left .inner .photo .speech.color1:before {
            border-style: solid;
            left: calc(20% + 2.4px);
            top: -16px;
            border-width: 0 0 16px 16px;
            border-color: transparent transparent #15E5AD transparent;
            transform: translateX(-50%); }
            @media (min-width: 1024px) {
              #time15-00b .txt-area.-left .inner .photo .speech.color1:before {
                left: unset;
                top: inherit;
                transform: translateX(0);
                top: 30%;
                right: -16px;
                border-color: transparent transparent #15E5AD transparent;
                border-width: 0 16px 16px 0; } }
          #time15-00b .txt-area.-left .inner .photo .speech.color1:after {
            border-style: solid;
            left: 20%;
            top: -11px;
            border-width: 0 0 17px 17px;
            border-color: transparent transparent #fff transparent;
            transform: translateX(-50%);
            z-index: 10; }
            @media (min-width: 1024px) {
              #time15-00b .txt-area.-left .inner .photo .speech.color1:after {
                left: unset;
                top: inherit;
                transform: translateX(0);
                top: calc(30% + 3.0px);
                right: -11px;
                border-color: transparent transparent #fff transparent;
                border-width: 0 11px 11px 0; } }
        #time15-00b .txt-area.-left .inner .photo .speech.color2 {
          position: absolute;
          top: 30%;
          right: 10px;
          width: 150px; }
          @media (min-width: 768px) {
            #time15-00b .txt-area.-left .inner .photo .speech.color2 {
              top: inherit;
              bottom: 10%; } }
          #time15-00b .txt-area.-left .inner .photo .speech.color2:before, #time15-00b .txt-area.-left .inner .photo .speech.color2:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            margin: auto; }
          #time15-00b .txt-area.-left .inner .photo .speech.color2:before {
            top: -12px;
            left: 60%;
            border-style: solid;
            border-color: transparent transparent #15E5AD transparent;
            border-width: 0 16px 16px 0; }
            @media (min-width: 768px) {
              #time15-00b .txt-area.-left .inner .photo .speech.color2:before {
                left: 20%; } }
    #time15-00b .txt-area.-left .people-area {
      display: flex;
      position: relative;
      margin-top: 10px; }
      @media (min-width: 1024px) {
        #time15-00b .txt-area.-left .people-area {
          margin-top: -15%; } }
      #time15-00b .txt-area.-left .people-area .people {
        width: 140px;
        margin-top: auto; }
        @media (min-width: 1024px) {
          #time15-00b .txt-area.-left .people-area .people {
            width: 240px; } }
        #time15-00b .txt-area.-left .people-area .people img {
          border-bottom-left-radius: 10px; }
          @media (min-width: 768px) {
            #time15-00b .txt-area.-left .people-area .people img {
              border-bottom-left-radius: 20px; } }
      #time15-00b .txt-area.-left .people-area .people-txt {
        width: calc(100% - 140px);
        margin: auto 10px 20px; }
        @media (min-width: 1024px) {
          #time15-00b .txt-area.-left .people-area .people-txt {
            width: calc(100% - 240px); } }
        #time15-00b .txt-area.-left .people-area .people-txt .speech {
          margin-bottom: 10px; }
          @media (min-width: 768px) {
            #time15-00b .txt-area.-left .people-area .people-txt .speech {
              margin-bottom: 20px; } }
  #time15-00b .txt-area.-right {
    position: relative;
    margin-top: 20px; }
    @media (min-width: 768px) {
      #time15-00b .txt-area.-right {
        width: 30%;
        padding-left: 3%;
        margin-top: 0; } }
    #time15-00b .txt-area.-right .chara {
      display: flex;
      align-items: center; }
      #time15-00b .txt-area.-right .chara img {
        width: 40px;
        margin-right: 5px; }
        @media (min-width: 768px) {
          #time15-00b .txt-area.-right .chara img {
            width: 60px;
            margin-right: 10px; } }
      #time15-00b .txt-area.-right .chara ul {
        margin: 0 10px 0 10px; }
        @media (min-width: 768px) {
          #time15-00b .txt-area.-right .chara ul {
            margin: 0 0 0 10px; } }
        #time15-00b .txt-area.-right .chara ul li:nth-child(1)::before {
          content: "";
          position: absolute;
          left: -10px;
          top: 0;
          width: 16px;
          height: 30px;
          background: url(../../img/parts/speech-g.svg) no-repeat center/contain; }
          @media (min-width: 768px) {
            #time15-00b .txt-area.-right .chara ul li:nth-child(1)::before {
              top: 6px; } }
          @media (min-width: 1200px) {
            #time15-00b .txt-area.-right .chara ul li:nth-child(1)::before {
              top: 0px; } }
    #time15-00b .txt-area.-right .speech-people {
      margin-top: auto;
      display: flex; }
      @media (min-width: 768px) {
        #time15-00b .txt-area.-right .speech-people {
          display: block; } }
      #time15-00b .txt-area.-right .speech-people .speech {
        position: relative;
        margin-top: 10px;
        width: 220px; }
        @media (min-width: 768px) {
          #time15-00b .txt-area.-right .speech-people .speech {
            margin-top: 20px;
            width: auto; } }
        #time15-00b .txt-area.-right .speech-people .speech:before, #time15-00b .txt-area.-right .speech-people .speech:after {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          margin: auto; }
        #time15-00b .txt-area.-right .speech-people .speech:before {
          border-style: solid;
          left: calc(50% + 2.4px);
          bottom: -16px;
          border-width: 16px 0 0 16px;
          border-color: #15E5AD transparent transparent transparent;
          transform: translateX(-50%); }
        #time15-00b .txt-area.-right .speech-people .speech:after {
          border-style: solid;
          left: 50%;
          bottom: -11px;
          border-width: 17px 0 0 17px;
          border-color: #fff transparent transparent transparent;
          transform: translateX(-50%);
          z-index: 10; }
      #time15-00b .txt-area.-right .speech-people .people {
        width: calc(100% - 220px);
        margin-top: auto; }
        @media (min-width: 768px) {
          #time15-00b .txt-area.-right .speech-people .people {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 70%;
            margin: 0; } }
        @media (min-width: 1024px) {
          #time15-00b .txt-area.-right .speech-people .people {
            width: 80%; } }

#time15-00c {
  background-color: #15E5AD;
  margin-top: 20px;
  border-radius: 10px;
  padding: 20px; }
  @media (min-width: 768px) {
    #time15-00c {
      margin-top: 40px;
      border-radius: 20px; } }
  @media (min-width: 1200px) {
    #time15-00c {
      padding: 40px; } }
  #time15-00c .chara {
    display: flex;
    align-items: center; }
    #time15-00c .chara img {
      width: 40px;
      margin-right: 5px; }
      @media (min-width: 768px) {
        #time15-00c .chara img {
          width: 60px;
          margin-right: 10px; } }
    #time15-00c .chara ul {
      margin: 0 10px 0 10px; }
      @media (min-width: 768px) {
        #time15-00c .chara ul {
          margin: 0 0 0 10px; } }
      #time15-00c .chara ul li:nth-child(1)::before {
        content: "";
        position: absolute;
        left: -10px;
        top: 0;
        width: 16px;
        height: 30px;
        background: url(../../img/parts/speech-w.svg) no-repeat center/contain; }
  @media (min-width: 768px) {
    #time15-00c .inner {
      display: flex;
      margin-top: -20px; } }
  @media (min-width: 1200px) {
    #time15-00c .inner {
      margin-top: -40px; } }
  #time15-00c .inner .people-comment {
    display: flex;
    align-items: flex-end;
    margin-top: 20px; }
    @media (min-width: 768px) {
      #time15-00c .inner .people-comment {
        width: 50%; } }
    #time15-00c .inner .people-comment .photo-L {
      position: relative;
      left: -5%; }
      @media (min-width: 768px) {
        #time15-00c .inner .people-comment .photo-L {
          width: 40%;
          left: 0; } }
    @media (min-width: 768px) {
      #time15-00c .inner .people-comment .comment {
        width: 60%;
        padding: 0 5%; } }
    #time15-00c .inner .people-comment .comment .speech {
      margin-bottom: 10px; }
      @media (min-width: 1200px) {
        #time15-00c .inner .people-comment .comment .speech {
          margin-bottom: 20px; } }
      #time15-00c .inner .people-comment .comment .speech:last-child {
        margin-bottom: 0; }
  #time15-00c .inner .photo {
    margin-top: 10px; }
    @media (min-width: 768px) {
      #time15-00c .inner .photo {
        width: 50%;
        margin-top: 0; } }
    #time15-00c .inner .photo img {
      height: 100%;
      object-fit: cover;
      display: block; }

#time16-00 {
  padding-top: 60px; }
  @media (min-width: 768px) {
    #time16-00 {
      display: flex;
      padding-top: 100px; } }
  #time16-00 .photo {
    position: relative; }
    @media (min-width: 768px) {
      #time16-00 .photo {
        width: 60%; } }
    @media (min-width: 1200px) {
      #time16-00 .photo {
        width: 70%; } }
  #time16-00 .txt-area {
    position: relative;
    margin-top: 10px; }
    @media (min-width: 768px) {
      #time16-00 .txt-area {
        width: 40%;
        padding-left: 3%;
        margin-top: 0; } }
    @media (min-width: 1200px) {
      #time16-00 .txt-area {
        width: 30%; } }
    #time16-00 .txt-area .txt {
      margin-top: 10px; }
      @media (min-width: 1024px) {
        #time16-00 .txt-area .txt {
          margin-top: 20px; } }
    #time16-00 .txt-area .base-btn {
      margin-top: 20px; }
      @media (min-width: 1024px) {
        #time16-00 .txt-area .base-btn {
          margin-top: 40px; } }

#time16-00b {
  background: linear-gradient(to right, #C1F1FF, #BFFFEF);
  max-width: 900px;
  margin: 20px auto 0;
  border-radius: 10px;
  padding: 20px 20px 0 20px; }
  @media (min-width: 768px) {
    #time16-00b {
      display: flex;
      margin: 40px auto 0;
      padding: 40px 40px 0 40px; } }
  @media (min-width: 1200px) {
    #time16-00b {
      padding: 60px 60px 0 60px; } }
  @media (min-width: 768px) {
    #time16-00b .txt-area.-left {
      width: 50%; } }
  #time16-00b .txt-area.-left .chara {
    display: flex;
    align-items: center; }
    #time16-00b .txt-area.-left .chara img {
      width: 40px;
      margin-right: 5px; }
      @media (min-width: 768px) {
        #time16-00b .txt-area.-left .chara img {
          width: 60px;
          margin-right: 10px; } }
    #time16-00b .txt-area.-left .chara ul {
      margin: 0 10px 0 10px; }
      @media (min-width: 768px) {
        #time16-00b .txt-area.-left .chara ul {
          margin: 0 0 0 10px; } }
      #time16-00b .txt-area.-left .chara ul li:nth-child(1)::before {
        content: "";
        position: absolute;
        left: -10px;
        top: 0;
        width: 16px;
        height: 30px;
        background: url(../../img/parts/speech-c.svg) no-repeat center/contain; }
  #time16-00b .txt-area.-left .speech {
    margin-top: 20px; }
    @media (min-width: 1024px) {
      #time16-00b .txt-area.-left .speech {
        margin-top: 40px; } }
  #time16-00b .txt-area.-left .txt {
    margin: 20px 0 20px; }
    @media (min-width: 1024px) {
      #time16-00b .txt-area.-left .txt {
        margin: 40px 0 20px; } }
  #time16-00b .people.-right {
    width: 50%;
    margin: -80px 0 0 auto; }
    @media (min-width: 768px) {
      #time16-00b .people.-right {
        margin: auto 0 0 0; } }

#time16-50 {
  padding-top: 60px; }
  @media (min-width: 768px) {
    #time16-50 {
      display: flex;
      padding-top: 100px; } }
  #time16-50 .txt-area {
    position: relative;
    margin-top: 10px; }
    @media (min-width: 768px) {
      #time16-50 .txt-area {
        width: 40%;
        padding-right: 3%;
        margin-top: 0; } }
    #time16-50 .txt-area .txt {
      margin-top: 10px; }
      @media (min-width: 1024px) {
        #time16-50 .txt-area .txt {
          margin-top: 20px; } }
    #time16-50 .txt-area .base-btn {
      margin-top: 20px; }
      @media (min-width: 1024px) {
        #time16-50 .txt-area .base-btn {
          margin-top: 40px; } }
  @media (min-width: 768px) {
    #time16-50 .photo {
      width: 60%; } }

#time16-50b {
  background-color: #15E5AD;
  margin-top: 20px;
  border-radius: 10px;
  padding: 20px 20px 0 20px; }
  @media (min-width: 768px) {
    #time16-50b {
      margin-top: 40px;
      border-radius: 20px;
      padding: 20px 40px 0 40px; } }
  #time16-50b .chara {
    display: flex;
    align-items: center; }
    #time16-50b .chara img {
      width: 40px;
      margin-right: 5px; }
      @media (min-width: 768px) {
        #time16-50b .chara img {
          width: 60px;
          margin-right: 10px; } }
    #time16-50b .chara ul {
      margin: 0 10px 0 10px; }
      @media (min-width: 768px) {
        #time16-50b .chara ul {
          margin: 0 0 0 10px; } }
      #time16-50b .chara ul li:nth-child(1)::before {
        content: "";
        position: absolute;
        left: -10px;
        top: 0;
        width: 16px;
        height: 30px;
        background: url(../../img/parts/speech-w.svg) no-repeat center/contain; }
  #time16-50b .inner {
    margin-top: 20px; }
    @media (min-width: 768px) {
      #time16-50b .inner {
        display: flex;
        margin-top: -20px; } }
    @media (min-width: 768px) {
      #time16-50b .inner .copy {
        width: 70%;
        margin-top: 30px; } }
    #time16-50b .inner .people {
      width: 30%;
      margin-left: auto; }

#time17-15 {
  max-width: 900px;
  margin: auto;
  padding-top: 60px; }
  @media (min-width: 768px) {
    #time17-15 {
      display: flex;
      padding: 100px 5% 0; } }
  #time17-15 .txt-area {
    position: relative;
    margin-top: 10px; }
    @media (min-width: 768px) {
      #time17-15 .txt-area {
        width: 50%;
        padding-right: 3%;
        margin-top: 0; } }
    @media (min-width: 1200px) {
      #time17-15 .txt-area {
        width: 40%; } }
    #time17-15 .txt-area .txt {
      margin-top: 10px; }
      @media (min-width: 1024px) {
        #time17-15 .txt-area .txt {
          margin-top: 20px; } }
    #time17-15 .txt-area .chara {
      display: flex;
      align-items: center;
      margin-top: 30px; }
      @media (min-width: 768px) {
        #time17-15 .txt-area .chara {
          margin-top: 60px; } }
      #time17-15 .txt-area .chara img {
        width: 80px;
        margin-right: 5px; }
        @media (min-width: 1024px) {
          #time17-15 .txt-area .chara img {
            width: 140px;
            margin-right: 10px; } }
      #time17-15 .txt-area .chara ul {
        margin: 0 10px 0 10px; }
        @media (min-width: 768px) {
          #time17-15 .txt-area .chara ul {
            margin: 0 0 0 10px; } }
        #time17-15 .txt-area .chara ul li:nth-child(1)::before {
          content: "";
          position: absolute;
          left: -10px;
          top: 0;
          width: 16px;
          height: 30px;
          background: url(../../img/parts/speech-r.svg) no-repeat center/contain; }
  #time17-15 .people {
    width: 60%;
    margin: auto; }
    @media (min-width: 768px) {
      #time17-15 .people {
        width: 50%; } }