@charset "UTF-8";
/*! Writen  by SCSS */
header {
  display: none; }

@media screen and (max-width: 480px) {
  footer {
    padding: 0 0 30px; } }
footer .footer_in {
  justify-content: flex-end; }
  footer .footer_in .foot_l {
    display: none; }
  @media screen and (max-width: 480px) {
    footer .footer_in .foot_r {
      margin-top: 0; } }

.topics_wrap {
  z-index: 2;
  background: #E7DFD3; }

.foot_area .foot_bg {
  opacity: 1;
  clip-path: inset(0 0 0 0); }

.page_close_btn {
  position: fixed;
  right: 0;
  bottom: 0;
  line-height: 0;
  transition: 0.3s transform ease-in-out 0s;
  transform-origin: right bottom;
  cursor: pointer;
  z-index: 333;
  background: #E7DFD3; }
  @media screen and (max-width: 480px) {
    .page_close_btn {
      width: 80px; } }

.gothic {
  font-family: YakuHanJP_Noto, "Noto Sans JP","游ゴシック","Yu Gothic",  YuGothic, "游ゴシック体",'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-weight: 500; }
  .gothic.fw3 {
    font-weight: 300; }

.event_wrap {
  max-width: 1300px;
  margin: 0 auto;
  width: calc(100% - 80px); }
  @media screen and (max-width: 768px) {
    .event_wrap {
      width: calc(100% - 40px); } }
  .event_wrap.w1600 {
    max-width: 1600px; }

.event_report_wrap {
  position: relative;
  z-index: 1;
  background: #f1eee8; }

.read {
  font-size: clamp(14px, 1.77vw, 23px);
  color: #333333; }
  .read.white {
    color: #FFF; }

.midashi_wrap {
  flex-direction: column;
  align-items: center;
  margin-bottom: clamp(60px, 7.693vw, 100px);
  text-align: center; }
  .midashi_wrap .midashi_title {
    font-size: clamp(20px, 2.308vw, 30px);
    color: #333333;
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 40px;
    position: relative;
    line-height: 1.4; }
    @media screen and (max-width: 480px) {
      .midashi_wrap .midashi_title {
        padding-bottom: 20px;
        margin-bottom: 25px; } }
    .midashi_wrap .midashi_title:after {
      content: "";
      position: absolute;
      inset: 0;
      top: auto;
      width: 80px;
      height: 1px;
      margin: auto;
      background: #a38a78; }
    .midashi_wrap .midashi_title .big {
      display: block;
      font-size: 130%; }

hr.ver_line {
  width: 1px;
  height: clamp(100px, 11.539vw, 150px);
  background: #a38a78;
  margin: 30px auto clamp(40px, 4.616vw, 60px);
  padding: 0; }
  @media screen and (max-width: 480px) {
    hr.ver_line {
      height: 80px; } }

.mainvisual {
  position: relative;
  margin-bottom: clamp(60px, 8.462vw, 110px);
  overflow: hidden; }
  .mainvisual .main_image {
    position: relative;
    max-width: 1620px;
    margin: 0 auto;
    width: calc(100% - 80px); }
    @media screen and (max-width: 768px) {
      .mainvisual .main_image {
        width: calc(100% - 40px); } }
    @media screen and (max-width: 480px) {
      .mainvisual .main_image {
        width: 100%; } }
    .mainvisual .main_image .main_title {
      position: absolute;
      inset: 0;
      top: auto;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: clamp(50px, 8.462vw, 110px);
      text-align: center;
      color: #FFF;
      line-height: 0.65; }
      @media screen and (max-width: 480px) {
        .mainvisual .main_image .main_title {
          font-size: 10.5vw; } }

.report_area .thema_wrap {
  position: relative;
  background: #ece2da;
  padding-bottom: clamp(120px, 19.231vw, 250px); }
  @media screen and (max-width: 768px) {
    .report_area .thema_wrap {
      padding-bottom: 100px; } }
  .report_area .thema_wrap .half_circle {
    position: absolute;
    inset: 0;
    bottom: auto;
    aspect-ratio: 1920/940;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("../images/event_report/half_circle.svg"); }
  .report_area .thema_wrap .event_wrap .thema_box {
    width: 42.47%;
    max-width: 552px;
    margin: 0 auto;
    aspect-ratio: 1;
    background: #a38a78;
    border-radius: 50%;
    position: relative; }
    @media screen and (max-width: 480px) {
      .report_area .thema_wrap .event_wrap .thema_box {
        width: 70%; } }
    .report_area .thema_wrap .event_wrap .thema_box .thema_text {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: #FFF;
      text-align: center;
      row-gap: clamp(25px, 3.077vw, 40px); }
      .report_area .thema_wrap .event_wrap .thema_box .thema_text .en {
        font-size: clamp(34px, 4.308vw, 56px);
        line-height: 0.8; }
        @media screen and (max-width: 480px) {
          .report_area .thema_wrap .event_wrap .thema_box .thema_text .en {
            font-size: 40px; } }
      .report_area .thema_wrap .event_wrap .thema_box .thema_text .thema_read {
        font-size: clamp(13px, 2vw, 26px);
        line-height: 1.88; }
  .report_area .thema_wrap .event_wrap .read.first {
    max-width: 1080px;
    margin: 0 auto clamp(50px, 12.308vw, 160px); }
  .report_area .thema_wrap .event_wrap .image {
    margin-bottom: clamp(80px, 10.77vw, 140px); }
  .report_area .thema_wrap .event_wrap .circle4 {
    margin-bottom: clamp(50px, 6.154vw, 80px); }
    @media screen and (max-width: 480px) {
      .report_area .thema_wrap .event_wrap .circle4 {
        gap: 0px 4%;
        flex-wrap: wrap; } }
    .report_area .thema_wrap .event_wrap .circle4 .circle_in {
      width: 26.39%;
      border: 1px solid;
      border-radius: 50%;
      aspect-ratio: 1;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      row-gap: clamp(20px, 2.308vw, 30px);
      margin-right: -1.92%; }
      @media screen and (max-width: 480px) {
        .report_area .thema_wrap .event_wrap .circle4 .circle_in {
          width: 52%;
          margin-right: 0; } }
      .report_area .thema_wrap .event_wrap .circle4 .circle_in:nth-of-type(4) {
        margin-right: 0; }
      @media screen and (max-width: 480px) {
        .report_area .thema_wrap .event_wrap .circle4 .circle_in:nth-of-type(1), .report_area .thema_wrap .event_wrap .circle4 .circle_in:nth-of-type(2) {
          margin-bottom: -15px; } }
      @media screen and (max-width: 480px) {
        .report_area .thema_wrap .event_wrap .circle4 .circle_in:nth-of-type(2), .report_area .thema_wrap .event_wrap .circle4 .circle_in:nth-of-type(4) {
          margin-left: -8%; } }
      .report_area .thema_wrap .event_wrap .circle4 .circle_in.color01 {
        border-color: #c58f53;
        color: #c58f53; }
      .report_area .thema_wrap .event_wrap .circle4 .circle_in.color02 {
        border-color: #86b674;
        color: #86b674; }
      .report_area .thema_wrap .event_wrap .circle4 .circle_in.color03 {
        border-color: #bf7a7d;
        color: #bf7a7d; }
      .report_area .thema_wrap .event_wrap .circle4 .circle_in.color04 {
        border-color: #7eaac2;
        color: #7eaac2; }
      .report_area .thema_wrap .event_wrap .circle4 .circle_in .c01 {
        font-size: clamp(24px, 2.847vw, 37px);
        line-height: 0.8; }
      .report_area .thema_wrap .event_wrap .circle4 .circle_in .c02 {
        font-size: clamp(13px, 1.539vw, 20px);
        line-height: 1; }
  .report_area .thema_wrap .event_wrap .concept_txt_wrap {
    align-items: flex-start; }
    .report_area .thema_wrap .event_wrap .concept_txt_wrap:before, .report_area .thema_wrap .event_wrap .concept_txt_wrap:after {
      content: "";
      width: clamp(30px, 3.847vw, 50px);
      aspect-ratio: 1;
      background: #a28978; }
      @media screen and (max-width: 480px) {
        .report_area .thema_wrap .event_wrap .concept_txt_wrap:before, .report_area .thema_wrap .event_wrap .concept_txt_wrap:after {
          width: 25px; } }
    .report_area .thema_wrap .event_wrap .concept_txt_wrap:before {
      clip-path: polygon(0 0, 0% 100%, 100% 0); }
    .report_area .thema_wrap .event_wrap .concept_txt_wrap:after {
      clip-path: polygon(100% 0, 0 100%, 100% 100%);
      align-self: flex-end; }
    .report_area .thema_wrap .event_wrap .concept_txt_wrap .concept_txt {
      padding: 0 10px;
      text-align: center;
      font-size: clamp(13px, 1.667vw, 25px); }
      @media screen and (max-width: 480px) {
        .report_area .thema_wrap .event_wrap .concept_txt_wrap .concept_txt {
          padding: 0; } }

.sub_main {
  position: relative;
  overflow: hidden;
  margin-bottom: clamp(60px, 7.693vw, 100px); }
  .sub_main img {
    width: 100%; }
  .sub_main .sub_main_ttl {
    position: absolute;
    inset: 0;
    top: auto;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(50px, 8.462vw, 110px);
    text-align: center;
    color: #FFF;
    line-height: 0.65; }

.talkshow_area {
  padding-bottom: clamp(120px, 17.693vw, 230px); }
  .talkshow_area .midashi_wrap.first {
    margin-bottom: clamp(80px, 10vw, 130px); }
    @media screen and (max-width: 768px) {
      .talkshow_area .midashi_wrap.first {
        margin-bottom: 100px; } }
    @media screen and (max-width: 480px) {
      .talkshow_area .midashi_wrap.first {
        margin-bottom: 60px; } }
  .talkshow_area .midashi_wrap .read {
    text-align: center; }
  .talkshow_area .report_section {
    flex-direction: column;
    row-gap: clamp(80px, 13.077vw, 170px); }
    .talkshow_area .report_section .report_in .sub_ttl {
      display: flex;
      justify-content: flex-start;
      font-size: clamp(15px, 2.077vw, 27px);
      color: #333;
      line-height: 1.5;
      column-gap: 20px;
      position: relative;
      margin-bottom: clamp(20px, 3.077vw, 40px); }
      .talkshow_area .report_section .report_in .sub_ttl:before {
        content: "";
        width: 10px;
        background: #a38a78; }
    .talkshow_area .report_section .report_in .image {
      margin-bottom: clamp(40px, 4.616vw, 60px); }
    .talkshow_area .report_section .report_in .report_talk_group {
      flex-direction: column;
      align-items: flex-start;
      row-gap: clamp(40px, 6.154vw, 80px); }
      .talkshow_area .report_section .report_in .report_talk_group .name {
        font-size: clamp(16px, 1.847vw, 24px);
        font-weight: 600;
        line-height: 1.5;
        width: clamp(100px, 13.847vw, 180px);
        flex-shrink: 0; }
        @media screen and (max-width: 768px) {
          .talkshow_area .report_section .report_in .report_talk_group .name {
            width: 100px; } }
      .talkshow_area .report_section .report_in .report_talk_group .talk_txt_group {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        row-gap: clamp(30px, 3.847vw, 50px); }
        .talkshow_area .report_section .report_in .report_talk_group .talk_txt_group .talk_txt {
          font-size: clamp(14px, 1.462vw, 19px);
          letter-spacing: -0.05em; }
          @media screen and (max-width: 768px) {
            .talkshow_area .report_section .report_in .report_talk_group .talk_txt_group .talk_txt {
              letter-spacing: normal; } }
        .talkshow_area .report_section .report_in .report_talk_group .talk_txt_group .talk_txt02 {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          column-gap: 30px;
          font-weight: 600;
          font-size: clamp(17px, 1.924vw, 25px); }
          @media screen and (max-width: 480px) {
            .talkshow_area .report_section .report_in .report_talk_group .talk_txt_group .talk_txt02 {
              column-gap: 15px; } }
          .talkshow_area .report_section .report_in .report_talk_group .talk_txt_group .talk_txt02 .shrink {
            flex-shrink: 0; }
          .talkshow_area .report_section .report_in .report_talk_group .talk_txt_group .talk_txt02:after {
            content: "";
            width: 80px;
            height: 1px;
            background: #333; }

.qa_area {
  padding: clamp(80px, 9.231vw, 120px) 0 clamp(100px, 13.077vw, 170px);
  background: #c89f63;
  position: relative; }
  .qa_area .wave {
    position: absolute;
    left: 0;
    right: 0;
    height: 92px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover; }
    @media screen and (max-width: 768px) {
      .qa_area .wave {
        height: 46px; } }
    @media screen and (max-width: 480px) {
      .qa_area .wave {
        height: 30px; } }
    .qa_area .wave.over {
      bottom: calc(100% - 1px);
      background-image: url("../images/event_report/wave01.svg"); }
    .qa_area .wave.under {
      top: calc(100% - 1px);
      background-image: url("../images/event_report/wave02.svg"); }
  .qa_area .qa_ttl_wrap {
    flex-direction: column;
    color: #FFF;
    margin-bottom: clamp(60px, 5.385vw, 70px);
    align-items: center; }
    @media screen and (max-width: 480px) {
      .qa_area .qa_ttl_wrap {
        text-align: center; } }
    .qa_area .qa_ttl_wrap .qa_ttl {
      font-size: clamp(50px, 6.154vw, 80px);
      padding-bottom: 20px;
      position: relative;
      line-height: 0.8;
      padding-bottom: 30px;
      margin-bottom: 20px; }
      .qa_area .qa_ttl_wrap .qa_ttl:after {
        content: "";
        position: absolute;
        inset: 0;
        top: auto;
        width: 80px;
        height: 1px;
        margin: auto;
        background: #FFF; }
  .qa_area .qa_group {
    flex-direction: column; }
    .qa_area .qa_group .qa_group_in {
      width: 100%;
      flex-direction: column;
      row-gap: clamp(50px, 7.693vw, 100px); }
      .qa_area .qa_group .qa_group_in:not(:first-child) {
        padding-top: clamp(50px, 7.693vw, 100px);
        margin-top: clamp(50px, 7.693vw, 100px);
        border-top: 1px solid #FFF; }
      .qa_area .qa_group .qa_group_in .qa_box {
        justify-content: center;
        align-items: center;
        column-gap: 40px;
        background: linear-gradient(to bottom, #FFF 50%, #e0e0e4 100%);
        padding: 35px 30px;
        border-radius: 25px;
        position: relative; }
        .qa_area .qa_group .qa_group_in .qa_box .wappen {
          position: absolute;
          left: 0;
          top: 0;
          transform: translateY(-50%);
          width: 76px;
          aspect-ratio: 1;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: clamp(20px, 2.231vw, 29px);
          color: #FFF;
          filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.3)); }
          @media screen and (max-width: 480px) {
            .qa_area .qa_group .qa_group_in .qa_box .wappen {
              width: 50px; } }
          .qa_area .qa_group .qa_group_in .qa_box .wappen.ques {
            background: #b4b4b5; }
          .qa_area .qa_group .qa_group_in .qa_box .wappen.ans {
            background: #6a482f; }
          .qa_area .qa_group .qa_group_in .qa_box .wappen span {
            line-height: 1; }
            .qa_area .qa_group .qa_group_in .qa_box .wappen span.garamond {
              font-size: 127%; }
        .qa_area .qa_group .qa_group_in .qa_box.radius2 {
          padding: clamp(40px, 6.154vw, 80px) 20px;
          border-radius: 45px; }
          @media screen and (max-width: 480px) {
            .qa_area .qa_group .qa_group_in .qa_box.radius2 {
              padding: 30px; } }
        .qa_area .qa_group .qa_group_in .qa_box .qa_read {
          font-size: clamp(16px, 1.847vw, 24px);
          font-weight: bold; }
          @media screen and (max-width: 480px) {
            .qa_area .qa_group .qa_group_in .qa_box .qa_read {
              font-size: 16px;
              font-weight: 600; } }
        .qa_area .qa_group .qa_group_in .qa_box .qa_read02 {
          font-size: clamp(15px, 1.77vw, 23px); }
          @media screen and (max-width: 480px) {
            .qa_area .qa_group .qa_group_in .qa_box .qa_read02 {
              font-size: 14px; } }
          .qa_area .qa_group .qa_group_in .qa_box .qa_read02 .big {
            font-size: 139%;
            font-weight: 600; }
        .qa_area .qa_group .qa_group_in .qa_box .photo_text {
          max-width: 960px;
          margin: 0 auto;
          align-items: center; }
          @media screen and (max-width: 480px) {
            .qa_area .qa_group .qa_group_in .qa_box .photo_text {
              flex-direction: column;
              row-gap: 15px; } }
          .qa_area .qa_group .qa_group_in .qa_box .photo_text .photo {
            width: 16.67%; }
            @media screen and (max-width: 480px) {
              .qa_area .qa_group .qa_group_in .qa_box .photo_text .photo {
                width: 100%;
                max-width: 100px;
                margin: 0 auto; } }
          .qa_area .qa_group .qa_group_in .qa_box .photo_text .qa_read,
          .qa_area .qa_group .qa_group_in .qa_box .photo_text .qa_read02,
          .qa_area .qa_group .qa_group_in .qa_box .photo_text .qa_read03 {
            width: 78.13%; }
            @media screen and (max-width: 480px) {
              .qa_area .qa_group .qa_group_in .qa_box .photo_text .qa_read,
              .qa_area .qa_group .qa_group_in .qa_box .photo_text .qa_read02,
              .qa_area .qa_group .qa_group_in .qa_box .photo_text .qa_read03 {
                width: 100%; } }

.workshop_area {
  padding: clamp(120px, 22.308vw, 290px) 0 clamp(100px, 12.308vw, 160px);
  position: relative; }
  .workshop_area .photo_group {
    flex-wrap: wrap;
    row-gap: clamp(50px, 7.693vw, 100px); }
    @media screen and (max-width: 480px) {
      .workshop_area .photo_group {
        row-gap: 20px; } }
    .workshop_area .photo_group .photo.full {
      width: 100%; }
    .workshop_area .photo_group .photo.side {
      width: 49.07%; }

/*	モーダル	*/
.modal_cont {
  display: none; }

.iziModal {
  background: none !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
  /*height: 100% !important;*/ }

.iziModal-wrap {
  height: fit-content !important; }

.modal_box {
  margin: 0 auto;
  position: relative;
  max-width: 1100px;
  text-align: center;
  width: calc(100% - 40px); }
  @media screen and (max-width: 768px) {
    .modal_box {
      padding: 30px 20px; } }
  .modal_box .m_box {
    position: relative;
    width: fit-content;
    margin-inline: auto; }
    @media screen and (max-width: 768px) {
      .modal_box .m_box {
        flex-wrap: wrap;
        padding: 20px 17px; } }
    .modal_box .m_box p {
      font-size: 15px;
      line-height: 2.2;
      color: #060; }
      @media screen and (max-width: 960px) {
        .modal_box .m_box p {
          font-size: 13px; } }
      @media screen and (max-width: 768px) {
        .modal_box .m_box p {
          font-size: 15px; } }
      @media screen and (max-width: 480px) {
        .modal_box .m_box p {
          font-size: 13px; } }
  .modal_box .controls {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
    @media screen and (max-width: 768px) {
      .modal_box .controls {
        position: relative;
        max-width: 120px;
        margin: 20px auto 0;
        display: flex;
        justify-content: space-between; } }
    .modal_box .controls li {
      position: absolute;
      top: 50%;
      margin-top: -35px;
      cursor: pointer;
      width: 50px;
      height: 50px;
      border: 1px solid #FFF;
      border-radius: 100px; }
      @media screen and (max-width: 768px) {
        .modal_box .controls li {
          position: static;
          margin-top: 0; } }
      .modal_box .controls li span {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 0;
        height: 0;
        border: 8px solid transparent; }
      .modal_box .controls li.prev {
        left: 10px; }
        .modal_box .controls li.prev span {
          margin-left: 8px;
          border-right: 14px solid #FFF; }
      .modal_box .controls li.next {
        right: 10px; }
        .modal_box .controls li.next span {
          margin-right: 8px;
          border-left: 14px solid #FFF; }

/* sec02 */
.sp_modal_close {
  position: fixed;
  right: 0;
  bottom: 0;
  border: none;
  width: auto;
  height: auto;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  z-index: 999999999; }
  @media screen and (max-width: 480px) {
    .sp_modal_close {
      width: 80px; } }
  body.sp_modal_open .sp_modal_close {
    opacity: 1;
    pointer-events: all; }
  .sp_modal_close span {
    font-size: 40px;
    color: #FFF;
    display: block;
    line-height: 1;
    transform-origin: center;
    transition: 0.3s all ease-in-out 0s; }
    .sp_modal_close span:hover {
      opacity: .6; }

.sp_img_modal {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-overflow-scrolling: touch;
  z-index: 9999999;
  opacity: 0;
  pointer-events: none;
  transition: 0.6s ease-in-out 0s; }
  body.sp_modal_open .sp_img_modal {
    opacity: 1;
    pointer-events: all; }
  .sp_img_modal .sp_modal_close {
    display: block;
    z-index: 5;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1;
    cursor: pointer;
    width: 50px;
    aspect-ratio: 1;
    background: #FFF; }
    .sp_img_modal .sp_modal_close:before, .sp_img_modal .sp_modal_close:after {
      content: "";
      position: absolute;
      display: block;
      background: #000;
      left: 50%;
      top: 50%;
      width: 24px;
      height: 2px;
      transform: translate(-50%, -50%); }
    .sp_img_modal .sp_modal_close:before {
      transform: translate(-50%, -50%) rotate(45deg); }
    .sp_img_modal .sp_modal_close:after {
      transform: translate(-50%, -50%) rotate(-45deg); }
  .sp_img_modal .image_wrap {
    position: relative;
    overflow-x: auto;
    display: none; }
    .sp_img_modal .image_wrap.active {
      display: block; }
    .sp_img_modal .image_wrap figure {
      position: relative;
      box-sizing: border-box;
      width: 100%;
      padding: 0;
      background-color: #fff;
      text-align: center;
      overflow: auto;
      -webkit-overflow-scrolling: touch; }
      .sp_img_modal .image_wrap figure img.sp_modal_img {
        max-width: none; }
      .sp_img_modal .image_wrap figure .finger {
        display: none; }
        @media screen and (max-width: 480px) {
          .sp_img_modal .image_wrap figure .finger {
            display: block;
            position: absolute;
            width: 90px;
            height: 85px;
            top: 50%;
            left: 50%;
            right: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            transform: translate(-50%, -50%);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1;
            animation: horizontal 1s ease-in-out infinite alternate; } }
    .sp_img_modal .image_wrap.scrolled figure .finger {
      pointer-events: none;
      opacity: 0;
      transition: all 0.5s ease-in-out 0s; }

/*# sourceMappingURL=event_report_vol5.css.map */