@charset "UTF-8";
/*******　座談会　*******/
.projecttalk {
  width: 100%;
  overflow-x: hidden; }
  .projecttalk .keyvisual {
    width: 100vw;
    aspect-ratio: 390 / 400;
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 769px) {
      .projecttalk .keyvisual {
        width: 100%;
        aspect-ratio: 1920 / 700; } }
    .projecttalk .keyvisual.pt01 {
      background-image: url("../../projecttalk/img/pt01/pt01_kv_sp.jpg"); }
      @media only screen and (min-width: 769px) {
        .projecttalk .keyvisual.pt01 {
          background-image: url("../../projecttalk/img/pt01/pt01_kv_pc.jpg"); } }
    .projecttalk .keyvisual.pt02 {
      background-image: url("../../projecttalk/img/pt02/pt02_kv_sp.jpg"); }
      @media only screen and (min-width: 769px) {
        .projecttalk .keyvisual.pt02 {
          background-image: url("../../projecttalk/img/pt02/pt02_kv_pc.jpg"); } }
    .projecttalk .keyvisual.pt03 {
      background-image: url("../../projecttalk/img/pt03/pt03_kv_sp.jpg"); }
      @media only screen and (min-width: 769px) {
        .projecttalk .keyvisual.pt03 {
          background-image: url("../../projecttalk/img/pt03/pt03_kv_pc.jpg"); } }
  .projecttalk .keyvisual-inner {
    width: 100vw; }
    @media only screen and (min-width: 769px) {
      .projecttalk .keyvisual-inner {
        width: 100%; } }
  .projecttalk .keyvisual01 {
    padding-top: calc(124 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .projecttalk .keyvisual01 {
        padding-top: calc(121 / 1920 * 100vw); } }
    .projecttalk .keyvisual01 .keyvisual-inner-logo {
      width: calc(203 / 390 * 100vw);
      margin: 0 auto 0 calc(30 / 390 * 100vw);
      filter: drop-shadow(0 0 5px #000); }
      @media only screen and (min-width: 769px) {
        .projecttalk .keyvisual01 .keyvisual-inner-logo {
          width: calc(404/ 1920 * 100vw);
          margin: 0 auto 0 calc(366 / 1920 * 100vw); } }
  .projecttalk .keyvisual02 {
    padding-top: calc(180 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .projecttalk .keyvisual02 {
        padding-top: calc(290 / 1920 * 100vw); } }
    .projecttalk .keyvisual02 .keyvisual-inner-logo {
      width: calc(243 / 390 * 100vw);
      margin: 0 auto 0 calc(30 / 390 * 100vw);
      filter: drop-shadow(0 0 5px #000); }
      @media only screen and (min-width: 769px) {
        .projecttalk .keyvisual02 .keyvisual-inner-logo {
          width: calc(521/ 1920 * 100vw);
          margin: 0 auto 0 calc(306 / 1920 * 100vw); } }
  .projecttalk .keyvisual03 {
    padding-top: calc(124 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .projecttalk .keyvisual03 {
        padding-top: calc(121 / 1920 * 100vw); } }
    .projecttalk .keyvisual03 .keyvisual-inner-logo {
      width: calc(150 / 390 * 100vw);
      margin: 0 auto 0 calc(30 / 390 * 100vw);
      filter: drop-shadow(0 0 5px #000); }
      @media only screen and (min-width: 769px) {
        .projecttalk .keyvisual03 .keyvisual-inner-logo {
          width: calc(334/ 1920 * 100vw);
          margin: 0 auto 0 calc(336 / 1920 * 100vw); } }
  .projecttalk .keyvisual-inner-lead {
    width: calc(370 / 390 * 100vw);
    margin: calc(14 / 390 * 100vw) auto 0;
    font-size: calc(14 / 390 * 100vw);
    font-weight: 600;
    line-height: 1.7;
    text-align: center;
    filter: drop-shadow(0 0 calc(3 / 390 * 100vw) #FFF) drop-shadow(0 0 calc(3 / 390 * 100vw) #FFF); }
    @media only screen and (min-width: 769px) {
      .projecttalk .keyvisual-inner-lead {
        width: calc(900 / 1920 * 100vw);
        margin: calc(25 / 1920 * 100vw) auto 0;
        font-size: calc(35 / 1920 * 100vw);
        line-height: 1.65;
        filter: drop-shadow(0 0 calc(5 / 1920 * 100vw) #FFF) drop-shadow(0 0 calc(5 / 1920 * 100vw) #FFF); } }
  .projecttalk .outline {
    position: relative; }
  .projecttalk .page-title {
    width: 100%;
    width: calc(340 / 390 * 100vw);
    margin: calc(-60 / 390 * 100vw) auto 0;
    padding: calc(45 / 390 * 100vw) 0 0;
    background: #FFF; }
    @media only screen and (min-width: 769px) {
      .projecttalk .page-title {
        margin: calc(-60 / 1080 * 100vw) auto 0;
        padding: calc(80 / 1080 * 100vw) 0 0; } }
    @media only screen and (min-width: 1080px) {
      .projecttalk .page-title {
        margin: -60px auto 0;
        padding: 80px 0 0; } }
    .projecttalk .page-title .outline-inner-md {
      width: calc(103 / 390 * 100vw);
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .projecttalk .page-title .outline-inner-md {
          width: calc(144 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .page-title .outline-inner-md {
          width: 144px; } }
  .projecttalk .outline-inner {
    width: calc(300 / 390 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 769px) {
      .projecttalk .outline-inner {
        width: calc(878 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .projecttalk .outline-inner {
        width: 878px; } }
  .projecttalk .outline-inner-text {
    margin: calc(35 / 390 * 100vw) auto 0; }
    @media only screen and (min-width: 769px) {
      .projecttalk .outline-inner-text {
        margin: calc(65 / 1080 * 100vw) auto 0; } }
    @media only screen and (min-width: 1080px) {
      .projecttalk .outline-inner-text {
        margin: 65px auto 0; } }
  .projecttalk .profile-list {
    margin: calc(41 / 390 * 100vw) auto 0; }
    @media only screen and (min-width: 769px) {
      .projecttalk .profile-list {
        margin: calc(68 / 1080 * 100vw) auto 0;
        display: flex;
        justify-content: center;
        flex-wrap: wrap; } }
    .projecttalk .profile-list li {
      width: calc(255 / 390 * 100vw);
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      @media only screen and (min-width: 769px) {
        .projecttalk .profile-list li {
          width: calc(150 / 1080 * 100vw);
          margin: 0 calc(12 / 1080 * 100vw) 0;
          display: block; } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .profile-list li {
          width: 150px;
          margin: 0 12px 0; } }
      .projecttalk .profile-list li .prof-ph {
        width: calc(80 / 390 * 100vw);
        position: relative; }
        @media only screen and (min-width: 769px) {
          .projecttalk .profile-list li .prof-ph {
            width: 100%;
            margin: 0 auto 0; } }
        .projecttalk .profile-list li .prof-ph .sholder {
          position: absolute;
          top: calc(-9 / 390 * 100vw);
          left: 0;
          right: 0;
          margin: auto;
          width: 9em;
          font-size: calc(8 / 390 * 100vw);
          color: #df6a86;
          text-align: center;
          border: solid 1px #df6a86;
          border-radius: 3em;
          padding: 0.3em;
          background: #FFF; }
          @media only screen and (min-width: 769px) {
            .projecttalk .profile-list li .prof-ph .sholder {
              top: calc(-15 / 1080 * 100vw);
              font-size: calc(14 / 1080 * 100vw); } }
          @media only screen and (min-width: 1080px) {
            .projecttalk .profile-list li .prof-ph .sholder {
              top: -15px;
              font-size: 1.4rem; } }
      .projecttalk .profile-list li .prof-text {
        width: calc(160 / 390 * 100vw);
        position: relative;
        font-size: calc(14 / 390 * 100vw);
        line-height: 1.3em; }
        @media only screen and (min-width: 769px) {
          .projecttalk .profile-list li .prof-text {
            width: 100%;
            font-size: calc(14 / 1080 * 100vw);
            margin-top: 0.7em; } }
        @media only screen and (min-width: 1080px) {
          .projecttalk .profile-list li .prof-text {
            font-size: 1.4rem; } }
      .projecttalk .profile-list li.full {
        display: block;
        width: 100%;
        text-align: right;
        font-size: calc(12 / 390 * 100vw);
        margin-top: 1.2em; }
        @media only screen and (min-width: 769px) {
          .projecttalk .profile-list li.full {
            font-size: calc(12 / 1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .projecttalk .profile-list li.full {
            font-size: 1.2rem; } }
    .projecttalk .profile-list li + li {
      margin-top: calc(20 / 390 * 100vw); }
      @media only screen and (min-width: 769px) {
        .projecttalk .profile-list li + li {
          margin-top: 0; } }
  .projecttalk .block01 {
    width: 100%;
    margin: calc(0 / 390 * 100vw) auto 0; }
    @media only screen and (min-width: 769px) {
      .projecttalk .block01 {
        width: calc(850 / 1080 * 100vw);
        margin: calc(0 / 1080 * 100vw) auto 0; } }
    @media only screen and (min-width: 1080px) {
      .projecttalk .block01 {
        width: 850px;
        margin: 0px auto 0; } }
    .projecttalk .block01 .block01-inner {
      width: 100%;
      padding: calc(37 / 390 * 100vw) 0 calc(44 / 390 * 100vw);
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .projecttalk .block01 .block01-inner {
          padding: calc(80 / 1080 * 100vw) 0 calc(260 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block01 .block01-inner {
          padding: 80px 0 260px; } }
    .projecttalk .block01 .pink-l {
      width: calc(350 / 390 * 100vw);
      color: #df6a86;
      font-size: calc(16 / 390 * 100vw);
      line-height: 1.39em;
      font-weight: bold;
      margin: 1em auto 0; }
      @media only screen and (min-width: 769px) {
        .projecttalk .block01 .pink-l {
          width: calc(850 / 1080 * 100vw);
          font-size: calc(29 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block01 .pink-l {
          width: 850px;
          font-size: 2.9rem; } }
    .projecttalk .block01 .text {
      width: calc(350 / 390 * 100vw);
      margin: 1em auto 0; }
      @media only screen and (min-width: 769px) {
        .projecttalk .block01 .text {
          width: calc(850 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block01 .text {
          width: 850px; } }
  .projecttalk .block02 {
    background-color: #fcf0f3;
    width: 100%;
    margin: 0 auto 0; }
    @media only screen and (min-width: 769px) {
      .projecttalk .block02 {
        margin: 0 auto 0; } }
    @media only screen and (min-width: 1080px) {
      .projecttalk .block02 {
        margin: 0 auto 0; } }
    .projecttalk .block02 .block02-inner {
      position: relative;
      width: 100%;
      padding: 0 0 calc(100 / 390 * 100vw);
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .projecttalk .block02 .block02-inner {
          width: calc(850 / 1080 * 100vw);
          padding: calc(260 / 1080 * 100vw) 0 calc(215 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block02 .block02-inner {
          width: 850px;
          padding: 260px 0 215px; } }
    .projecttalk .block02 .block02-ph01 {
      width: 100%;
      margin: 0; }
      @media only screen and (min-width: 769px) {
        .projecttalk .block02 .block02-ph01 {
          position: absolute;
          width: 100%;
          top: calc(-175 / 1080 * 100vw);
          height: calc(365 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block02 .block02-ph01 {
          width: 100%;
          top: -175px;
          height: 365px; } }
      @media only screen and (min-width: 769px) {
        .projecttalk .block02 .block02-ph01 img {
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%);
          width: calc(1280 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block02 .block02-ph01 img {
          width: 1280px; } }
    .projecttalk .block02 .pink-l {
      width: calc(350 / 390 * 100vw);
      color: #df6a86;
      font-size: calc(16 / 390 * 100vw);
      line-height: 1.39em;
      font-weight: bold;
      margin: calc(35 / 390 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .projecttalk .block02 .pink-l {
          width: calc(850 / 1080 * 100vw);
          font-size: calc(29 / 1080 * 100vw);
          margin: calc(0 / 1080 * 100vw) auto 0; } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block02 .pink-l {
          width: 850px;
          font-size: 2.9rem;
          margin: 0px auto 0; } }
    .projecttalk .block02 .talk-wrap {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: flex-start;
      width: calc(350 / 390 * 100vw);
      margin: calc(25 / 390 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .projecttalk .block02 .talk-wrap {
          align-items: center;
          width: calc(850 / 1080 * 100vw);
          margin: calc(37 / 1080 * 100vw) auto 0; } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block02 .talk-wrap {
          width: 850px;
          margin: 37px auto 0; } }
      .projecttalk .block02 .talk-wrap .talk-ph {
        width: calc(80 / 390 * 100vw);
        margin-bottom: calc(25 / 390 * 100vw); }
        @media only screen and (min-width: 769px) {
          .projecttalk .block02 .talk-wrap .talk-ph {
            width: calc(120 / 1080 * 100vw);
            margin-bottom: calc(37 / 1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .projecttalk .block02 .talk-wrap .talk-ph {
            width: 120px;
            margin-bottom: 37px; } }
      .projecttalk .block02 .talk-wrap .talk-text {
        width: calc(260 / 390 * 100vw);
        margin-bottom: calc(25 / 390 * 100vw); }
        @media only screen and (min-width: 769px) {
          .projecttalk .block02 .talk-wrap .talk-text {
            width: calc(710 / 1080 * 100vw);
            margin-bottom: calc(37 / 1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .projecttalk .block02 .talk-wrap .talk-text {
            width: 710px;
            margin-bottom: 37px; } }
  .projecttalk .block03 {
    width: 100%;
    margin: 0 auto 0; }
    @media only screen and (min-width: 769px) {
      .projecttalk .block03 {
        margin: 0 auto 0; } }
    @media only screen and (min-width: 1080px) {
      .projecttalk .block03 {
        margin: 0 auto 0; } }
    .projecttalk .block03 .block03-inner {
      position: relative;
      width: calc(350 / 390 * 100vw);
      padding: calc(70 / 390 * 100vw) 0 calc(150 / 390 * 100vw);
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .projecttalk .block03 .block03-inner {
          width: calc(850 / 1080 * 100vw);
          padding: calc(190 / 1080 * 100vw) 0 calc(212 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block03 .block03-inner {
          width: 850px;
          padding: 190px 0 212px; } }
    .projecttalk .block03 .block03-ph02_3 {
      position: absolute;
      display: flex;
      justify-content: space-between;
      width: 100%;
      top: calc(-55 / 370 * 100vw);
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .projecttalk .block03 .block03-ph02_3 {
          width: 100%;
          top: calc(-120 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block03 .block03-ph02_3 {
          width: 100%;
          top: -120px; } }
      .projecttalk .block03 .block03-ph02_3 img {
        width: calc(165 / 370 * 100vw) !important; }
        @media only screen and (min-width: 769px) {
          .projecttalk .block03 .block03-ph02_3 img {
            width: calc(420 / 1080 * 100vw) !important; } }
        @media only screen and (min-width: 1080px) {
          .projecttalk .block03 .block03-ph02_3 img {
            width: 420px !important; } }
    .projecttalk .block03 .pink-l {
      width: calc(350 / 390 * 100vw);
      color: #df6a86;
      font-size: calc(16 / 390 * 100vw);
      line-height: 1.39em;
      font-weight: bold;
      margin: 0 auto 0; }
      @media only screen and (min-width: 769px) {
        .projecttalk .block03 .pink-l {
          width: calc(850 / 1080 * 100vw);
          font-size: calc(29 / 1080 * 100vw);
          margin: calc(0 / 1080 * 100vw) auto 0; } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block03 .pink-l {
          width: 850px;
          font-size: 2.9rem;
          margin: 0px auto 0; } }
    .projecttalk .block03 .talk-wrap {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: flex-start;
      width: calc(350 / 390 * 100vw);
      margin: calc(25 / 390 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .projecttalk .block03 .talk-wrap {
          align-items: center;
          width: calc(850 / 1080 * 100vw);
          margin: calc(37 / 1080 * 100vw) auto 0; } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block03 .talk-wrap {
          width: 850px;
          margin: 37px auto 0; } }
      .projecttalk .block03 .talk-wrap .talk-ph {
        width: calc(80 / 390 * 100vw);
        margin-bottom: calc(25 / 390 * 100vw); }
        @media only screen and (min-width: 769px) {
          .projecttalk .block03 .talk-wrap .talk-ph {
            width: calc(120 / 1080 * 100vw);
            margin-bottom: calc(37 / 1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .projecttalk .block03 .talk-wrap .talk-ph {
            width: 120px;
            margin-bottom: 37px; } }
      .projecttalk .block03 .talk-wrap .talk-text {
        width: calc(260 / 390 * 100vw);
        margin-bottom: calc(25 / 390 * 100vw); }
        @media only screen and (min-width: 769px) {
          .projecttalk .block03 .talk-wrap .talk-text {
            width: calc(710 / 1080 * 100vw);
            margin-bottom: calc(37 / 1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .projecttalk .block03 .talk-wrap .talk-text {
            width: 710px;
            margin-bottom: 37px; } }
  .projecttalk .block04 {
    background-color: #df6a86;
    width: 100%;
    margin: 0 auto 0; }
    @media only screen and (min-width: 769px) {
      .projecttalk .block04 {
        margin: 0 auto 0; } }
    @media only screen and (min-width: 1080px) {
      .projecttalk .block04 {
        margin: 0 auto 0; } }
    .projecttalk .block04 .block04-inner {
      position: relative;
      width: 100%;
      padding: calc(550 / 390 * 100vw) 0 calc(60 / 390 * 100vw);
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .projecttalk .block04 .block04-inner {
          width: calc(850 / 1080 * 100vw);
          padding: calc(180 / 1080 * 100vw) 0 calc(110 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block04 .block04-inner {
          width: 850px;
          padding: 180px 0 110px; } }
    .projecttalk .block04 .block04-ph04_6 {
      width: calc(350 / 390 * 100vw);
      position: absolute;
      top: calc(-100 / 370 * 100vw);
      left: 50%;
      transform: translateX(-50%); }
      @media only screen and (min-width: 769px) {
        .projecttalk .block04 .block04-ph04_6 {
          display: flex;
          justify-content: space-between;
          position: absolute;
          top: calc(-122 / 1080 * 100vw);
          left: 50%;
          transform: translateX(-50%);
          width: calc(1280 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block04 .block04-ph04_6 {
          width: 1280px;
          top: -122px; } }
      @media only screen and (min-width: 769px) {
        .projecttalk .block04 .block04-ph04_6 img {
          width: calc(420 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block04 .block04-ph04_6 img {
          width: 420px; } }
      .projecttalk .block04 .block04-ph04_6 img + img {
        margin-top: calc(10 / 390 * 100vw); }
        @media only screen and (min-width: 769px) {
          .projecttalk .block04 .block04-ph04_6 img + img {
            margin-top: 0; } }
        @media only screen and (min-width: 1080px) {
          .projecttalk .block04 .block04-ph04_6 img + img {
            margin-top: 0; } }
    .projecttalk .block04 .pink-l {
      width: calc(350 / 390 * 100vw);
      color: #FFF;
      font-size: calc(16 / 390 * 100vw);
      line-height: 1.39em;
      font-weight: bold;
      margin: 0 auto 0; }
      @media only screen and (min-width: 769px) {
        .projecttalk .block04 .pink-l {
          width: calc(850 / 1080 * 100vw);
          font-size: calc(29 / 1080 * 100vw);
          margin: calc(0 / 1080 * 100vw) auto 0; } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block04 .pink-l {
          width: 850px;
          font-size: 2.9rem;
          margin: 0px auto 0; } }
    .projecttalk .block04 .talk-wrap {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: flex-start;
      width: calc(350 / 390 * 100vw);
      margin: calc(25 / 390 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .projecttalk .block04 .talk-wrap {
          align-items: center;
          width: calc(850 / 1080 * 100vw);
          margin: calc(37 / 1080 * 100vw) auto 0; } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block04 .talk-wrap {
          width: 850px;
          margin: 37px auto 0; } }
      .projecttalk .block04 .talk-wrap .talk-ph {
        width: calc(80 / 390 * 100vw);
        margin-bottom: calc(25 / 390 * 100vw); }
        @media only screen and (min-width: 769px) {
          .projecttalk .block04 .talk-wrap .talk-ph {
            width: calc(120 / 1080 * 100vw);
            margin-bottom: calc(37 / 1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .projecttalk .block04 .talk-wrap .talk-ph {
            width: 120px;
            margin-bottom: 37px; } }
      .projecttalk .block04 .talk-wrap .talk-text {
        color: #FFF;
        width: calc(260 / 390 * 100vw);
        margin-bottom: calc(25 / 390 * 100vw); }
        @media only screen and (min-width: 769px) {
          .projecttalk .block04 .talk-wrap .talk-text {
            width: calc(710 / 1080 * 100vw);
            margin-bottom: calc(37 / 1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .projecttalk .block04 .talk-wrap .talk-text {
            width: 710px;
            margin-bottom: 37px; } }
    .projecttalk .block04 .block04-ph07 {
      width: calc(350 / 390 * 100vw);
      margin: calc(20 / 390 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .projecttalk .block04 .block04-ph07 {
          width: calc(420 / 1080 * 100vw);
          margin: calc(30 / 1080 * 100vw) auto 0; } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block04 .block04-ph07 {
          width: 420px;
          margin: 30px auto 0; } }
      @media only screen and (min-width: 769px) {
        .projecttalk .block04 .block04-ph07 img {
          width: calc(420 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .block04 .block04-ph07 img {
          width: 420px; } }
      .projecttalk .block04 .block04-ph07 img + img {
        margin-top: calc(10 / 390 * 100vw); }
        @media only screen and (min-width: 769px) {
          .projecttalk .block04 .block04-ph07 img + img {
            margin-top: 0; } }
        @media only screen and (min-width: 1080px) {
          .projecttalk .block04 .block04-ph07 img + img {
            margin-top: 0; } }
  .projecttalk .banarea {
    background-color: #fcf0f3;
    width: 100%;
    margin: 0 auto 0; }
    @media only screen and (min-width: 769px) {
      .projecttalk .banarea {
        margin: 0 auto 0; } }
    @media only screen and (min-width: 1080px) {
      .projecttalk .banarea {
        margin: 0 auto 0; } }
    .projecttalk .banarea .banarea-inner {
      width: calc(268 / 390 * 100vw);
      padding: calc(70 / 390 * 100vw) 0 calc(100 / 390 * 100vw);
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .projecttalk .banarea .banarea-inner {
          width: calc(578 / 1080 * 100vw);
          padding: calc(110 / 1080 * 100vw) 0 calc(120 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .banarea .banarea-inner {
          width: 578px;
          padding: 110px 0 120px; } }
    .projecttalk .banarea .banarea-ti {
      width: 100%;
      font-size: calc(33 / 390 * 100vw);
      font-weight: 700;
      text-align: center;
      margin: 0 auto 0; }
      @media only screen and (min-width: 769px) {
        .projecttalk .banarea .banarea-ti {
          font-size: calc(36 / 1080 * 100vw);
          margin: calc(0 / 1080 * 100vw) auto 0; } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .banarea .banarea-ti {
          font-size: 3.6rem;
          margin: 0px auto 0; } }
    .projecttalk .banarea .ban-wrap {
      width: 100%;
      margin: calc(36 / 390 * 100vw) 0 0; }
      @media only screen and (min-width: 769px) {
        .projecttalk .banarea .ban-wrap {
          display: flex;
          justify-content: space-between;
          margin: calc(35 / 1080 * 100vw) 0 0; } }
      @media only screen and (min-width: 1080px) {
        .projecttalk .banarea .ban-wrap {
          font-size: 3.6rem;
          margin: 35px 0 0; } }
      .projecttalk .banarea .ban-wrap li {
        width: 100%; }
        @media only screen and (min-width: 769px) {
          .projecttalk .banarea .ban-wrap li {
            width: calc(265 / 1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .projecttalk .banarea .ban-wrap li {
            width: 265px; } }
        .projecttalk .banarea .ban-wrap li a {
          display: block;
          width: 100%;
          color: #000;
          background-image: url("../../projecttalk/img/banarea_arrow.svg");
          background-size: calc(25 / 390 * 100vw);
          background-position: bottom calc(7 / 390 * 100vw) right 0;
          background-repeat: no-repeat; }
          @media only screen and (min-width: 769px) {
            .projecttalk .banarea .ban-wrap li a {
              font-size: calc(36 / 1080 * 100vw);
              margin: calc(0 / 1080 * 100vw) auto 0;
              background-size: calc(25 / 1080 * 100vw);
              background-position: bottom calc(7 / 1080 * 100vw) right calc(3 / 1080 * 100vw); } }
          @media only screen and (min-width: 1080px) {
            .projecttalk .banarea .ban-wrap li a {
              font-size: 3.6rem;
              margin: 0px auto 0;
              background-size: 25px;
              background-position: bottom 7px right 3px; } }
          .projecttalk .banarea .ban-wrap li a p {
            color: #000;
            font-size: calc(13 / 390 * 100vw);
            font-weight: 600;
            line-height: 1.6em;
            margin-top: 0.5em; }
            @media only screen and (min-width: 769px) {
              .projecttalk .banarea .ban-wrap li a p {
                font-size: calc(13 / 1080 * 100vw); } }
            @media only screen and (min-width: 1080px) {
              .projecttalk .banarea .ban-wrap li a p {
                font-size: 1.3rem; } }
          .projecttalk .banarea .ban-wrap li a:hover {
            opacity: 0.7;
            text-decoration: none; }
            .projecttalk .banarea .ban-wrap li a:hover img {
              opacity: 1; }
      .projecttalk .banarea .ban-wrap li + li {
        margin-top: calc(42 / 390 * 100vw); }
        @media only screen and (min-width: 769px) {
          .projecttalk .banarea .ban-wrap li + li {
            margin-top: calc(0 / 1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .projecttalk .banarea .ban-wrap li + li {
            margin-top: 0px; } }