#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: 40%;
        padding-right: 5%;
        margin-top: 0; } }
    @media (min-width: 1200px) {
      #time8-25 .txt-area {
        width: 30%; } }
    #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; }
      @media (min-width: 1024px) {
        #time8-25 .txt-area .chara {
          margin-top: 40px; } }
      #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: 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: 60%; } }
  @media (min-width: 1200px) {
    #time8-25 .photo {
      width: 70%; } }

#time8-25a {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  margin-top: 20px; }
  @media (min-width: 768px) {
    #time8-25a {
      grid-template-columns: repeat(3, 1fr);
      margin-top: 40px;
      gap: 10px; } }
  @media (min-width: 1024px) {
    #time8-25a {
      gap: 20px; } }
  #time8-25a .time8-25-box {
    display: flex; }
    @media (min-width: 768px) {
      #time8-25a .time8-25-box {
        display: block; } }
    #time8-25a .time8-25-box .photo {
      width: 120px;
      height: 110px; }
      @media (min-width: 768px) {
        #time8-25a .time8-25-box .photo {
          width: 100%;
          height: auto; } }
      #time8-25a .time8-25-box .photo img {
        height: 100%;
        object-fit: cover; }
    #time8-25a .time8-25-box .chara {
      width: calc(100% - 120px);
      padding-left: 20px;
      display: block; }
      @media (min-width: 768px) {
        #time8-25a .time8-25-box .chara {
          width: 100%;
          display: flex;
          flex-direction: row-reverse;
          justify-content: flex-end;
          padding-left: 0;
          margin-top: 10px; } }
      @media (min-width: 1200px) {
        #time8-25a .time8-25-box .chara {
          margin-top: 20px; } }
      #time8-25a .time8-25-box .chara img {
        width: 50px;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          #time8-25a .time8-25-box .chara img {
            width: 80px;
            margin-top: 0; } }
      #time8-25a .time8-25-box .chara ul {
        margin: 0 0 0 10px; }
        @media (min-width: 768px) {
          #time8-25a .time8-25-box .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; } }
        #time8-25a .time8-25-box .chara ul li:nth-child(2) {
          margin: -3px 0 0 20px; }
          #time8-25a .time8-25-box .chara ul li:nth-child(2)::before {
            content: "";
            position: absolute;
            width: 16px;
            height: 30px;
            left: -7px;
            top: 8px;
            transform: rotate(-45deg);
            background: url(../../img/parts/speech-c.svg) no-repeat center/contain; }
            @media (min-width: 768px) {
              #time8-25a .time8-25-box .chara ul li:nth-child(2)::before {
                display: none; } }

#time9-00 {
  padding-top: 60px; }
  @media (min-width: 768px) {
    #time9-00 {
      display: flex;
      padding-top: 100px; } }
  @media (min-width: 768px) {
    #time9-00 .photo {
      width: 50%; } }
  @media (min-width: 1200px) {
    #time9-00 .photo {
      width: 60%; } }
  #time9-00 .txt-area {
    position: relative;
    margin-top: 20px; }
    @media (min-width: 768px) {
      #time9-00 .txt-area {
        width: 50%;
        padding-left: 3%;
        margin-top: 0; } }
    @media (min-width: 1200px) {
      #time9-00 .txt-area {
        width: 40%; } }
    #time9-00 .txt-area .txt {
      margin-top: 10px; }
      @media (min-width: 1024px) {
        #time9-00 .txt-area .txt {
          margin-top: 20px; } }
    #time9-00 .txt-area .base-btn {
      margin-top: 20px; }
      @media (min-width: 1024px) {
        #time9-00 .txt-area .base-btn {
          margin-top: 40px; } }
    #time9-00 .txt-area .chara {
      margin-top: 20px; }
      @media (min-width: 1024px) {
        #time9-00 .txt-area .chara {
          margin-top: 40px; } }
      #time9-00 .txt-area .chara img {
        width: 80px; }
        @media (min-width: 1024px) {
          #time9-00 .txt-area .chara img {
            width: 140px; } }
        @media (min-width: 1200px) {
          #time9-00 .txt-area .chara img {
            width: 180px; } }
      #time9-00 .txt-area .chara ul {
        margin: 20px 0 0 10px; }
        #time9-00 .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-c.svg) no-repeat center/contain; }

#time9-00a {
  padding-top: 20px; }
  @media (min-width: 768px) {
    #time9-00a {
      display: flex;
      padding-top: 40px; } }
  @media (min-width: 768px) {
    #time9-00a .txt-area.-left {
      width: 50%;
      padding-right: 5%; } }
  @media (min-width: 1200px) {
    #time9-00a .txt-area.-left {
      width: 60%; } }
  #time9-00a .txt-area.-left .chara img {
    width: 40px;
    margin-right: 5px; }
    @media (min-width: 768px) {
      #time9-00a .txt-area.-left .chara img {
        width: 60px;
        margin-right: 10px; } }
  #time9-00a .txt-area.-left .chara ul {
    margin: 20px 0 0 10px; }
    #time9-00a .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-g.svg) no-repeat center/contain; }
  #time9-00a .txt-area.-left .people-area {
    display: flex; }
    @media (min-width: 768px) {
      #time9-00a .txt-area.-left .people-area {
        margin-top: 10%; } }
    @media (min-width: 1200px) {
      #time9-00a .txt-area.-left .people-area {
        margin-top: 0; } }
    #time9-00a .txt-area.-left .people-area .speech {
      position: relative;
      width: 45%;
      margin: auto 5% auto 0; }
      #time9-00a .txt-area.-left .people-area .speech:before, #time9-00a .txt-area.-left .people-area .speech:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin: auto; }
      #time9-00a .txt-area.-left .people-area .speech:before {
        top: 40%;
        right: -16px;
        border-style: solid;
        border-color: transparent transparent #15E5AD transparent;
        border-width: 0 16px 16px 0; }
      #time9-00a .txt-area.-left .people-area .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; }
    #time9-00a .txt-area.-left .people-area .people {
      width: 55%; }
  #time9-00a .txt-area.-right {
    background-color: #15E5AD;
    border-radius: 10px;
    padding: 20px;
    margin-top: 10px; }
    @media (min-width: 768px) {
      #time9-00a .txt-area.-right {
        border-radius: 20px;
        width: 50%;
        margin-top: 0; } }
    @media (min-width: 1200px) {
      #time9-00a .txt-area.-right {
        border-radius: 20px;
        width: 40%;
        padding: 40px; } }
    #time9-00a .txt-area.-right .chara img {
      width: 40px;
      margin-right: 5px; }
      @media (min-width: 768px) {
        #time9-00a .txt-area.-right .chara img {
          width: 60px;
          margin-right: 10px; } }
    #time9-00a .txt-area.-right .chara ul {
      margin: 10px 0 0 15px; }
      @media (min-width: 768px) {
        #time9-00a .txt-area.-right .chara ul {
          margin: 20px 0 0 15px; } }
      #time9-00a .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-w.svg) no-repeat center/contain; }
    #time9-00a .txt-area.-right .txt {
      margin-top: 20px; }
    #time9-00a .txt-area.-right .photo {
      position: relative;
      margin-top: 20px; }
      #time9-00a .txt-area.-right .photo .speech {
        position: absolute;
        top: 10%;
        left: 2%;
        width: 45%; }
        @media (min-width: 768px) {
          #time9-00a .txt-area.-right .photo .speech {
            top: 20%;
            left: 5%;
            width: 40%; } }
        #time9-00a .txt-area.-right .photo .speech:before, #time9-00a .txt-area.-right .photo .speech:after {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          margin: auto; }
        #time9-00a .txt-area.-right .photo .speech:before {
          top: 30%;
          right: -16px;
          border-style: solid;
          border-color: transparent transparent #15E5AD transparent;
          border-width: 0 16px 16px 0; }
        #time9-00a .txt-area.-right .photo .speech:after {
          top: calc(30% + 3.0px);
          right: -11px;
          border-style: solid;
          border-color: transparent transparent #fff transparent;
          border-width: 0 11px 11px 0;
          z-index: 10; }

#time10-00 {
  position: relative;
  padding-top: 60px; }
  @media (min-width: 768px) {
    #time10-00 {
      margin-top: -60px; } }
  @media (min-width: 1200px) {
    #time10-00 {
      padding-top: 100px; } }
  @media (min-width: 768px) {
    #time10-00 .txt-area {
      width: 65%; } }
  #time10-00 .txt-area .txt {
    margin-top: 10px; }
    @media (min-width: 1024px) {
      #time10-00 .txt-area .txt {
        margin-top: 20px; } }
  #time10-00 .txt-area .base-btn {
    margin-top: 20px; }
    @media (min-width: 1024px) {
      #time10-00 .txt-area .base-btn {
        margin-top: 40px; } }
  @media (min-width: 768px) {
    #time10-00 .time10-00-in {
      display: flex; } }
  @media (min-width: 768px) {
    #time10-00 .time10-00-in .time10-00-left {
      width: 65%; } }
  #time10-00 .time10-00-in .time10-00-left .photo {
    margin-top: 20px; }
    @media (min-width: 1024px) {
      #time10-00 .time10-00-in .time10-00-left .photo {
        margin-top: 40px; } }
  @media (min-width: 768px) {
    #time10-00 .time10-00-in .time10-00-right {
      width: 30%;
      margin-top: auto;
      position: absolute;
      bottom: 0;
      right: 0; } }
  #time10-00 .time10-00-in .time10-00-right .people-area {
    position: relative; }
    #time10-00 .time10-00-in .time10-00-right .people-area .speech {
      position: absolute;
      top: 20%;
      right: 30%;
      width: 140px; }
      @media (min-width: 768px) {
        #time10-00 .time10-00-in .time10-00-right .people-area .speech {
          width: 160px;
          right: 70%; } }
      @media (min-width: 1200px) {
        #time10-00 .time10-00-in .time10-00-right .people-area .speech {
          top: 30%; } }
      #time10-00 .time10-00-in .time10-00-right .people-area .speech:before, #time10-00 .time10-00-in .time10-00-right .people-area .speech:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin: auto; }
      #time10-00 .time10-00-in .time10-00-right .people-area .speech:before {
        top: 30%;
        right: -16px;
        border-style: solid;
        border-color: transparent transparent #15E5AD transparent;
        border-width: 0 16px 16px 0; }
      #time10-00 .time10-00-in .time10-00-right .people-area .speech:after {
        top: calc(30% + 3.0px);
        right: -11px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
        border-width: 0 11px 11px 0;
        z-index: 10; }
    #time10-00 .time10-00-in .time10-00-right .people-area .people {
      width: 30%;
      margin-left: auto; }
      @media (min-width: 768px) {
        #time10-00 .time10-00-in .time10-00-right .people-area .people {
          width: 70%; } }

#time10-00b {
  background-color: #15E5AD;
  margin-top: 20px;
  border-radius: 10px;
  padding: 20px; }
  @media (min-width: 768px) {
    #time10-00b {
      margin-top: 40px;
      border-radius: 20px;
      display: flex; } }
  @media (min-width: 1200px) {
    #time10-00b {
      padding: 60px; } }
  @media (min-width: 768px) {
    #time10-00b .txt-area {
      width: 30%;
      padding-right: 5%; } }
  #time10-00b .txt-area .chara img {
    width: 40px;
    margin-right: 5px; }
    @media (min-width: 768px) {
      #time10-00b .txt-area .chara img {
        width: 60px;
        margin-right: 10px; } }
  #time10-00b .txt-area .chara ul {
    margin: 10px 0 0 15px; }
    @media (min-width: 768px) {
      #time10-00b .txt-area .chara ul {
        margin: 20px 0 0 15px; } }
    #time10-00b .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-w.svg) no-repeat center/contain; }
  #time10-00b .txt-area .txt {
    margin-top: 10px; }
    @media (min-width: 1024px) {
      #time10-00b .txt-area .txt {
        margin-top: 20px; } }
  #time10-00b .photo {
    position: relative;
    margin-top: 60px; }
    @media (min-width: 768px) {
      #time10-00b .photo {
        width: 70%;
        margin-top: 0; } }
    #time10-00b .photo .speech {
      position: absolute;
      top: -50px;
      left: -5%;
      width: 40%; }
      @media (min-width: 768px) {
        #time10-00b .photo .speech {
          top: 20%;
          left: 2%;
          width: 35%; } }
      @media (min-width: 1200px) {
        #time10-00b .photo .speech {
          left: 5%; } }
      #time10-00b .photo .speech:before, #time10-00b .photo .speech:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin: auto; }
      #time10-00b .photo .speech:before {
        top: 50%;
        right: -16px;
        border-style: solid;
        border-color: transparent transparent #15E5AD transparent;
        border-width: 0 16px 16px 0; }
      #time10-00b .photo .speech:after {
        top: calc(50% + 3.0px);
        right: -11px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
        border-width: 0 11px 11px 0;
        z-index: 10; }

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

#time11-00b {
  background-color: #15E5AD;
  margin-top: 20px;
  border-radius: 10px;
  padding: 20px 20px 0 20px; }
  @media (min-width: 768px) {
    #time11-00b {
      margin-top: 40px;
      border-radius: 20px;
      padding: 20px 40px 0 40px; } }
  #time11-00b .chara {
    display: flex;
    align-items: center; }
    #time11-00b .chara img {
      width: 40px;
      margin-right: 5px; }
      @media (min-width: 768px) {
        #time11-00b .chara img {
          width: 60px;
          margin-right: 10px; } }
    #time11-00b .chara ul {
      margin: 0 0 0 10px; }
      #time11-00b .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; }
  #time11-00b .inner {
    margin-top: 20px; }
    @media (min-width: 768px) {
      #time11-00b .inner {
        display: flex;
        margin-top: -20px; } }
    @media (min-width: 768px) {
      #time11-00b .inner .copy {
        width: 70%;
        margin: 20px 0 30px; } }
    #time11-00b .inner .people {
      width: 30%;
      margin: auto 0 0 auto; }
      @media (min-width: 768px) {
        #time11-00b .inner .people {
          margin: auto 0 0 0; } }

#time11-00c {
  padding-top: 20px; }
  @media (min-width: 768px) {
    #time11-00c {
      display: flex;
      padding-top: 40px; } }
  #time11-00c .txt-area.-left {
    background: linear-gradient(to right, #C1F1FF, #BFFFEF);
    border-radius: 20px; }
    @media (min-width: 768px) {
      #time11-00c .txt-area.-left {
        width: 60%;
        margin-right: 3%; } }
    @media (min-width: 1024px) {
      #time11-00c .txt-area.-left {
        width: 65%;
        border-radius: 40px; } }
    #time11-00c .txt-area.-left .chara {
      display: flex;
      align-items: center;
      padding: 20px 0 0 20px; }
      @media (min-width: 1024px) {
        #time11-00c .txt-area.-left .chara {
          padding: 30px 0 0 60px; } }
      #time11-00c .txt-area.-left .chara img {
        width: 40px;
        margin-right: 5px; }
        @media (min-width: 768px) {
          #time11-00c .txt-area.-left .chara img {
            width: 60px;
            margin-right: 10px; } }
      #time11-00c .txt-area.-left .chara ul {
        margin: 0 0 0 10px; }
        #time11-00c .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; }
    #time11-00c .txt-area.-left .inner {
      padding: 20px 20px 0 5px; }
      @media (min-width: 768px) {
        #time11-00c .txt-area.-left .inner {
          display: flex; } }
      @media (min-width: 1024px) {
        #time11-00c .txt-area.-left .inner {
          padding: 20px 20px 0; } }
      @media (min-width: 1200px) {
        #time11-00c .txt-area.-left .inner {
          padding: 0 40px 0; } }
      #time11-00c .txt-area.-left .inner .people {
        width: 30%;
        margin: -50px 0 0 20px; }
        @media (min-width: 768px) {
          #time11-00c .txt-area.-left .inner .people {
            margin: auto 0 0 0;
            width: 40%; } }
      #time11-00c .txt-area.-left .inner .comment {
        margin-bottom: 10px;
        padding-left: 10px; }
        @media (min-width: 1024px) {
          #time11-00c .txt-area.-left .inner .comment {
            width: 60%;
            margin: 0 0 40px 20px; } }
        #time11-00c .txt-area.-left .inner .comment .speech {
          position: relative;
          margin-bottom: 5px; }
          @media (min-width: 768px) {
            #time11-00c .txt-area.-left .inner .comment .speech {
              margin-bottom: 10px; } }
          #time11-00c .txt-area.-left .inner .comment .speech:last-child {
            margin-bottom: 0; }
        #time11-00c .txt-area.-left .inner .comment .txt {
          margin: 10px 0 0 35%; }
          @media (min-width: 768px) {
            #time11-00c .txt-area.-left .inner .comment .txt {
              margin: 0; } }
          #time11-00c .txt-area.-left .inner .comment .txt p {
            position: relative;
            bottom: -20px; }
            @media (min-width: 768px) {
              #time11-00c .txt-area.-left .inner .comment .txt p {
                bottom: 0; } }
  #time11-00c .txt-area.-right {
    position: relative;
    margin-top: 10px; }
    @media (min-width: 768px) {
      #time11-00c .txt-area.-right {
        width: 40%; } }
    @media (min-width: 1024px) {
      #time11-00c .txt-area.-right {
        width: 35%;
        margin-top: auto; } }
    #time11-00c .txt-area.-right .speech-box {
      position: relative;
      margin: 0 auto 20px;
      width: 80%; }
      #time11-00c .txt-area.-right .speech-box:before, #time11-00c .txt-area.-right .speech-box:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin: auto; }
      #time11-00c .txt-area.-right .speech-box: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%); }
      #time11-00c .txt-area.-right .speech-box: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; }
    #time11-00c .txt-area.-right .photo {
      margin-top: auto; }

#time12-00 {
  padding-top: 60px; }
  @media (min-width: 768px) {
    #time12-00 {
      display: flex;
      padding-top: 100px; } }
  #time12-00 .txt-area {
    position: relative;
    margin-top: 10px; }
    @media (min-width: 768px) {
      #time12-00 .txt-area {
        width: 30%;
        padding-right: 3%;
        margin-top: 0; } }
    #time12-00 .txt-area .txt {
      margin-top: 10px; }
      @media (min-width: 1024px) {
        #time12-00 .txt-area .txt {
          margin-top: 20px; } }
    #time12-00 .txt-area .base-btn {
      margin-top: 20px; }
      @media (min-width: 1024px) {
        #time12-00 .txt-area .base-btn {
          margin-top: 40px; } }
  #time12-00 .photo {
    position: relative; }
    @media (min-width: 768px) {
      #time12-00 .photo {
        width: 70%; } }
    #time12-00 .photo .speech {
      position: absolute;
      top: -5px;
      left: -5px;
      width: 120px; }
      @media (min-width: 768px) {
        #time12-00 .photo .speech {
          top: 20%;
          left: calc(50% - 180px); } }
      @media (min-width: 1200px) {
        #time12-00 .photo .speech {
          top: 20%;
          left: calc(50% - 220px); } }
      #time12-00 .photo .speech:before, #time12-00 .photo .speech:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin: auto; }
      #time12-00 .photo .speech:before {
        top: 50%;
        right: -16px;
        border-style: solid;
        border-color: transparent transparent #15E5AD transparent;
        border-width: 0 16px 16px 0; }
      #time12-00 .photo .speech:after {
        top: calc(50% + 3.0px);
        right: -11px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
        border-width: 0 11px 11px 0;
        z-index: 10; }

#time13-00 {
  padding-top: 60px; }
  @media (min-width: 768px) {
    #time13-00 {
      display: flex;
      padding-top: 100px; } }
  #time13-00 .txt-area.-left {
    position: relative;
    background-color: #15E5AD;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px; }
    @media (min-width: 768px) {
      #time13-00 .txt-area.-left {
        border-radius: 20px;
        width: 45%;
        margin-right: 5%;
        margin-top: 0; } }
    @media (min-width: 1200px) {
      #time13-00 .txt-area.-left {
        padding: 40px; } }
    #time13-00 .txt-area.-left .chara {
      display: flex;
      align-items: center; }
      #time13-00 .txt-area.-left .chara img {
        width: 40px;
        margin-right: 5px; }
        @media (min-width: 768px) {
          #time13-00 .txt-area.-left .chara img {
            width: 60px;
            margin-right: 10px; } }
      #time13-00 .txt-area.-left .chara ul {
        margin: 0 0 0 10px; }
        #time13-00 .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-00 .txt-area.-left .hobby {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
      margin-top: 10px; }
      @media (min-width: 1200px) {
        #time13-00 .txt-area.-left .hobby {
          gap: 30px;
          margin-top: 20px; } }
      #time13-00 .txt-area.-left .hobby .txt-speech .speech {
        position: relative;
        margin-top: 10px; }
        @media (min-width: 768px) {
          #time13-00 .txt-area.-left .hobby .txt-speech .speech {
            margin-top: 20px; } }
        #time13-00 .txt-area.-left .hobby .txt-speech .speech:before, #time13-00 .txt-area.-left .hobby .txt-speech .speech:after {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          margin: auto; }
        #time13-00 .txt-area.-left .hobby .txt-speech .speech:before {
          top: 20%;
          right: -16px;
          border-style: solid;
          border-color: transparent transparent #fff transparent;
          border-width: 0 16px 16px 0; }
        #time13-00 .txt-area.-left .hobby .txt-speech .speech:after {
          top: calc(20% + 3.0px);
          right: -11px;
          border-style: solid;
          border-color: transparent transparent #15E5AD transparent;
          border-width: 0 11px 11px 0;
          z-index: 10; }
      #time13-00 .txt-area.-left .hobby .people {
        margin-top: auto; }
    #time13-00 .txt-area.-left .club-comment {
      display: flex;
      align-items: center;
      background-color: #fff;
      border-radius: 10px;
      padding: 10px 20px;
      margin-top: 20px; }
      @media (min-width: 1200px) {
        #time13-00 .txt-area.-left .club-comment {
          padding: 20px 30px; } }
      #time13-00 .txt-area.-left .club-comment .chara {
        width: 80px; }
        #time13-00 .txt-area.-left .club-comment .chara img {
          width: 60px; }
  #time13-00 .txt-area.-right {
    position: relative; }
    @media (min-width: 768px) {
      #time13-00 .txt-area.-right {
        border-radius: 20px;
        width: 55%; } }
    #time13-00 .txt-area.-right .txt-area-in {
      margin-top: 10px; }
      @media (min-width: 768px) {
        #time13-00 .txt-area.-right .txt-area-in {
          margin-top: 0; } }
      #time13-00 .txt-area.-right .txt-area-in .txt {
        margin-top: 10px; }
        @media (min-width: 1024px) {
          #time13-00 .txt-area.-right .txt-area-in .txt {
            margin-top: 20px; } }
      #time13-00 .txt-area.-right .txt-area-in .base-btn {
        margin-top: 20px; }
        @media (min-width: 1024px) {
          #time13-00 .txt-area.-right .txt-area-in .base-btn {
            margin-top: 40px; } }
    #time13-00 .txt-area.-right .photo {
      margin-top: 20px; }
      @media (min-width: 768px) {
        #time13-00 .txt-area.-right .photo {
          width: 100%;
          position: absolute;
          bottom: 0; } }
      @media (min-width: 1024px) {
        #time13-00 .txt-area.-right .photo {
          width: 80%; } }

#time13-00a {
  padding-top: 20px; }
  @media (min-width: 768px) {
    #time13-00a {
      display: flex; } }
  @media (min-width: 1024px) {
    #time13-00a {
      padding-top: 40px; } }
  #time13-00a .people-speech {
    display: flex; }
    @media (min-width: 768px) {
      #time13-00a .people-speech {
        width: 60%;
        padding-right: 5%; } }
    #time13-00a .people-speech .speech-in {
      width: 40%; }
      #time13-00a .people-speech .speech-in .speech {
        position: relative; }
        #time13-00a .people-speech .speech-in .speech:before, #time13-00a .people-speech .speech-in .speech:after {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          margin: auto; }
        #time13-00a .people-speech .speech-in .speech:before {
          top: 40%;
          right: -16px;
          border-style: solid;
          border-color: transparent transparent #15E5AD transparent;
          border-width: 0 16px 16px 0; }
        #time13-00a .people-speech .speech-in .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; }
    #time13-00a .people-speech .people {
      width: 60%; }
  #time13-00a .photo {
    margin-top: 10px; }
    @media (min-width: 768px) {
      #time13-00a .photo {
        width: 40%;
        margin-top: 0; } }

#time15-40 {
  position: relative;
  padding-top: 60px; }
  @media (min-width: 768px) {
    #time15-40 {
      display: flex;
      padding-top: 100px; } }
  #time15-40 .txt-area {
    margin-top: 10px; }
    @media (min-width: 768px) {
      #time15-40 .txt-area {
        width: 35%;
        padding-right: 3%;
        margin-top: 0; } }
    #time15-40 .txt-area .txt {
      margin-top: 10px; }
      @media (min-width: 1024px) {
        #time15-40 .txt-area .txt {
          margin-top: 20px; } }
    #time15-40 .txt-area .base-btn {
      margin-top: 20px; }
      @media (min-width: 1024px) {
        #time15-40 .txt-area .base-btn {
          margin-top: 40px; } }
  #time15-40 .photo-area {
    display: flex; }
    @media (min-width: 768px) {
      #time15-40 .photo-area {
        width: 65%; } }
    @media (min-width: 1200px) {
      #time15-40 .photo-area .photo {
        width: calc(100% - 190px);
        padding-right: 30px; } }
  #time15-40 .chara {
    align-items: center;
    justify-content: end; }
    @media (min-width: 768px) {
      #time15-40 .chara {
        position: absolute;
        top: 0;
        right: 0; } }
    @media (min-width: 1200px) {
      #time15-40 .chara {
        display: block !important;
        top: unset;
        bottom: 0;
        right: -15px; } }
    #time15-40 .chara img {
      width: 80px; }
      @media (min-width: 1200px) {
        #time15-40 .chara img {
          width: 100px; } }
    #time15-40 .chara ul {
      margin: 0 10px 0 0; }
      @media (min-width: 768px) {
        #time15-40 .chara ul {
          margin: 0 20px 10px 0; } }
      #time15-40 .chara ul li:nth-child(2) {
        margin: -3px 0 0 70px; }
        #time15-40 .chara ul li:nth-child(2)::before {
          content: "";
          position: absolute;
          right: -8px;
          top: -2px;
          width: 16px;
          height: 30px;
          background: url(../../img/parts/speech-r.svg) no-repeat center/contain; }
          @media (min-width: 1200px) {
            #time15-40 .chara ul li:nth-child(2)::before {
              top: 10px;
              right: inherit;
              left: -7px;
              transform: rotate(-45deg); } }

#time15-40a {
  padding-top: 20px; }
  @media (min-width: 768px) {
    #time15-40a {
      display: flex;
      padding-top: 40px; } }
  #time15-40a .photo {
    position: relative; }
    @media (min-width: 768px) {
      #time15-40a .photo {
        width: 40%; }
        #time15-40a .photo img {
          height: 100%;
          object-fit: cover; } }
    #time15-40a .photo .speech {
      position: absolute;
      top: 20%;
      left: 10%;
      width: 100px; }
      @media (min-width: 768px) {
        #time15-40a .photo .speech {
          left: 5%; } }
      @media (min-width: 1200px) {
        #time15-40a .photo .speech {
          width: 150px;
          left: 10%; } }
      #time15-40a .photo .speech:before, #time15-40a .photo .speech:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin: auto; }
      #time15-40a .photo .speech:before {
        top: 50%;
        right: -16px;
        border-style: solid;
        border-color: transparent transparent #15E5AD transparent;
        border-width: 0 16px 16px 0; }
      #time15-40a .photo .speech:after {
        top: calc(50% + 3.0px);
        right: -11px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
        border-width: 0 11px 11px 0;
        z-index: 10; }
  #time15-40a .asked {
    position: relative;
    background: linear-gradient(to bottom, #C1F1FF, #BFFFEF);
    border-radius: 10px;
    padding: 20px 20px 0 20px;
    margin-top: 20px; }
    @media (min-width: 768px) {
      #time15-40a .asked {
        width: 55%;
        margin-left: 5%;
        border-radius: 20px;
        margin-top: 0; } }
    @media (min-width: 1200px) {
      #time15-40a .asked {
        width: 55%;
        margin-left: 5%;
        border-radius: 20px;
        padding: 40px 40px 0 40px; } }
    #time15-40a .asked .chara {
      display: flex;
      align-items: center; }
      @media (min-width: 1024px) {
        #time15-40a .asked .chara {
          position: absolute;
          top: 20px;
          left: 20px; } }
      @media (min-width: 1200px) {
        #time15-40a .asked .chara {
          top: 40px;
          left: 40px; } }
      #time15-40a .asked .chara img {
        width: 40px;
        margin-right: 5px; }
        @media (min-width: 768px) {
          #time15-40a .asked .chara img {
            width: 60px;
            margin-right: 10px; } }
      #time15-40a .asked .chara ul {
        margin: 0 10px 0 0; }
        @media (min-width: 768px) {
          #time15-40a .asked .chara ul {
            margin: 0 0 10px 0; } }
        #time15-40a .asked .chara ul li:nth-child(1) {
          margin: 0 0 0 10px; }
          #time15-40a .asked .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-40a .asked .asked-in {
      display: flex; }
      #time15-40a .asked .asked-in .txt-area {
        width: 60%;
        margin: 20px 0; }
        @media (min-width: 1024px) {
          #time15-40a .asked .asked-in .txt-area {
            margin-top: 100px; } }
        #time15-40a .asked .asked-in .txt-area .txt {
          display: flex;
          justify-content: flex-end;
          margin-top: 10px; }
          @media (min-width: 768px) {
            #time15-40a .asked .asked-in .txt-area .txt {
              margin-top: 20px; } }
      #time15-40a .asked .asked-in .people {
        width: 40%;
        margin-top: auto; }

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

#time16-05a {
  position: relative;
  background: linear-gradient(to bottom, #C1F1FF, #BFFFEF);
  border-radius: 10px;
  padding: 20px;
  margin-top: 20px; }
  @media (min-width: 1024px) {
    #time16-05a {
      border-radius: 20px;
      padding: 40px;
      margin-top: 40px; } }
  #time16-05a .chara {
    display: flex;
    align-items: center; }
    #time16-05a .chara img {
      width: 40px;
      margin-right: 5px; }
      @media (min-width: 768px) {
        #time16-05a .chara img {
          width: 60px;
          margin-right: 10px; } }
    #time16-05a .chara ul {
      margin: 0 10px 0 0; }
      @media (min-width: 768px) {
        #time16-05a .chara ul {
          margin: 0 0 10px 0; } }
      #time16-05a .chara ul li:nth-child(1) {
        margin: 0 0 0 10px; }
        #time16-05a .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-05a .time16-05a-in {
    margin-top: 20px; }
    @media (min-width: 768px) {
      #time16-05a .time16-05a-in {
        display: flex; } }
    #time16-05a .time16-05a-in .photo.-left {
      display: flex;
      margin-bottom: 10px; }
      @media (min-width: 768px) {
        #time16-05a .time16-05a-in .photo.-left {
          display: block;
          width: 30%;
          padding-right: 3%; } }
      #time16-05a .time16-05a-in .photo.-left .photo-in {
        width: 40%; }
        @media (min-width: 768px) {
          #time16-05a .time16-05a-in .photo.-left .photo-in {
            width: 100%; } }
      #time16-05a .time16-05a-in .photo.-left .txt {
        margin: auto 0 0 10px;
        width: 60%; }
        @media (min-width: 768px) {
          #time16-05a .time16-05a-in .photo.-left .txt {
            width: auto;
            margin: 10px 0 0 0; } }
    @media (min-width: 768px) {
      #time16-05a .time16-05a-in .comment {
        width: 40%; } }
    @media (min-width: 1200px) {
      #time16-05a .time16-05a-in .comment {
        margin-top: 30px; } }
    #time16-05a .time16-05a-in .comment .speech {
      position: relative;
      margin-bottom: 10px; }
      @media (min-width: 1024px) {
        #time16-05a .time16-05a-in .comment .speech {
          margin-bottom: 20px; } }
      #time16-05a .time16-05a-in .comment .speech:last-child {
        margin-bottom: 0; }
      #time16-05a .time16-05a-in .comment .speech.color2:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin: auto;
        top: -12px;
        left: 10%;
        border-style: solid;
        border-color: transparent transparent #15E5AD transparent;
        border-width: 0 0 16px 16px; }
        @media (min-width: 768px) {
          #time16-05a .time16-05a-in .comment .speech.color2:before {
            top: 30%;
            left: -12px;
            transform: translateY(-50%);
            border-color: transparent #15E5AD transparent transparent;
            border-width: 16px 16px 0 0; } }
      #time16-05a .time16-05a-in .comment .speech.color1:before, #time16-05a .time16-05a-in .comment .speech.color1:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin: auto; }
      #time16-05a .time16-05a-in .comment .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%); }
        @media (min-width: 768px) {
          #time16-05a .time16-05a-in .comment .speech.color1:before {
            left: inherit;
            bottom: inherit;
            transform: translateX(0);
            top: 30%;
            right: -16px;
            border-color: transparent transparent #15E5AD transparent;
            border-width: 0 16px 16px 0; } }
      #time16-05a .time16-05a-in .comment .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; }
        @media (min-width: 768px) {
          #time16-05a .time16-05a-in .comment .speech.color1:after {
            left: inherit;
            bottom: inherit;
            transform: translateX(0);
            top: calc(30% + 3.0px);
            right: -11px;
            border-color: transparent transparent #fff transparent;
            border-width: 0 11px 11px 0; } }
    #time16-05a .time16-05a-in .photo.-right {
      width: 60%;
      margin: 10px 0 0 auto; }
      @media (min-width: 768px) {
        #time16-05a .time16-05a-in .photo.-right {
          width: 30%;
          padding-left: 3%; } }

#time16-05b {
  background-color: #15E5AD;
  border-radius: 10px;
  padding: 20px 20px 0 20px;
  margin-top: 20px;
  display: flex; }
  @media (min-width: 768px) {
    #time16-05b {
      padding: 20px 40px 0 40px;
      border-radius: 20px; } }
  @media (min-width: 1200x) {
    #time16-05b {
      padding: 40px;
      padding: 40px 60px 0 60px; } }
  #time16-05b .people {
    width: 25%;
    margin-top: auto; }
    @media (min-width: 768px) {
      #time16-05b .people {
        width: 35%; } }
  #time16-05b .txt-area {
    width: 75%;
    padding-left: 2%;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      #time16-05b .txt-area {
        width: 65%; } }
    @media (min-width: 1024px) {
      #time16-05b .txt-area {
        display: flex;
        align-items: center;
        padding-left: 5%; } }
    #time16-05b .txt-area .txt-area-in .qa-box {
      margin-bottom: 20px; }
      @media (min-width: 1200px) {
        #time16-05b .txt-area .txt-area-in .qa-box {
          margin-bottom: 40px; } }
      #time16-05b .txt-area .txt-area-in .qa-box:last-child {
        margin-bottom: 0; }
      #time16-05b .txt-area .txt-area-in .qa-box .chara {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        flex-direction: row-reverse;
        justify-content: flex-end; }
        #time16-05b .txt-area .txt-area-in .qa-box .chara img {
          width: 40px;
          margin-left: 5px; }
          @media (min-width: 768px) {
            #time16-05b .txt-area .txt-area-in .qa-box .chara img {
              width: 60px;
              margin-left: 10px; } }
        #time16-05b .txt-area .txt-area-in .qa-box .chara ul {
          margin: 0 10px 0 0; }
          @media (min-width: 768px) {
            #time16-05b .txt-area .txt-area-in .qa-box .chara ul {
              margin: 0 0 10px 0; } }
          #time16-05b .txt-area .txt-area-in .qa-box .chara ul li:nth-child(1) {
            margin: 0 10px 0 0; }
            #time16-05b .txt-area .txt-area-in .qa-box .chara ul li:nth-child(1)::before {
              content: "";
              position: absolute;
              right: -10px;
              top: 6px;
              width: 16px;
              height: 30px;
              background: url(../../img/parts/speech-w.svg) no-repeat center/contain; }
              @media (min-width: 768px) {
                #time16-05b .txt-area .txt-area-in .qa-box .chara ul li:nth-child(1)::before {
                  top: 0; } }
      #time16-05b .txt-area .txt-area-in .qa-box .speech {
        border: 2px solid #000; }

#time17-30 {
  max-width: 900px;
  margin: auto;
  padding-top: 60px; }
  @media (min-width: 768px) {
    #time17-30 {
      display: flex;
      padding: 100px 5% 0; } }
  #time17-30 .txt-area {
    position: relative;
    margin-top: 10px; }
    @media (min-width: 768px) {
      #time17-30 .txt-area {
        width: 50%;
        padding-right: 3%;
        margin-top: 0; } }
    @media (min-width: 1200px) {
      #time17-30 .txt-area {
        width: 40%; } }
    #time17-30 .txt-area .txt {
      margin-top: 10px; }
      @media (min-width: 1024px) {
        #time17-30 .txt-area .txt {
          margin-top: 20px; } }
    #time17-30 .txt-area .chara {
      display: flex;
      align-items: center;
      margin-top: 30px; }
      @media (min-width: 768px) {
        #time17-30 .txt-area .chara {
          margin-top: 60px; } }
      #time17-30 .txt-area .chara img {
        width: 80px;
        margin-right: 5px; }
        @media (min-width: 1024px) {
          #time17-30 .txt-area .chara img {
            width: 140px;
            margin-right: 10px; } }
      #time17-30 .txt-area .chara ul {
        margin: 0 10px 0 0; }
        @media (min-width: 768px) {
          #time17-30 .txt-area .chara ul {
            margin: 0 0 10px 0; } }
        #time17-30 .txt-area .chara ul li:nth-child(1) {
          margin: 0 0 0 10px; }
          #time17-30 .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-30 .people {
    width: 60%;
    margin: auto; }
    @media (min-width: 768px) {
      #time17-30 .people {
        width: 50%; } }