@charset "UTF-8";
/*--------------------------------
共通
---------------------------------*/
:root {
  --white: #fff;
  --black: #000;
  --text: #333;
  --orange: #ffa228;
  --primary: #ffd167;
  --secondry: #fffcd1;
  --glay: #f5f5f5;
  --mainfont: "Zen Maru Gothic";
  --numfont: "ADLaM Display";
}

* {
  font-family: var(--mainfont);
  font-weight: bold;
  letter-spacing: min(1vw, 0.1rem);
}

.num * {
  font-family: var(--numfont) !important;
}

html {
  min-width: 350px;
}

main {
  display: grid;
  gap: min(100px, 10vw);
  margin-top: min(60px, 6vw);
  background: var(--secondry);
}

img {
  width: 100%;
  display: block;
}

.sp {
  display: none !important;
}

@media (max-width: 800px) {
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
}
/*--------------------------------
共通
---------------------------------*/
.bgColor {
  background: var(--primary);
}

.c-summary__title {
  background: var(--black);
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem min(2rem, 10vw);
  width: min(300px, 80%);
  margin: auto;
  font-size: clamp(1.2rem, 5vw, 1.4rem);
}

.c-button__application {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(290px, 30vw, 20rem);
  background: var(--orange);
  color: var(--white);
  padding: min(2rem, 5vw) 2rem;
  border-radius: 10px;
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  transition: transform 0.5s ease-in;
}

.c-button__application:hover {
  transform: translateX(-50%) scale(1.1) !important;
  box-shadow: 0 0 3px #94580a;
}

/*--------------------------------
ヘッダー
---------------------------------*/
.l-header__wrapper {
  position: relative;
  background: url(../img/bg.svg) 0 0 repeat;
  background-size: min(70px, 4vw) auto;
  display: grid;
  gap: min(2rem, 5vw);
  padding-top: clamp(80px, 20vw, 20vh);
  z-index: -1;
}
.l-header__wrapper .title {
  text-align: center;
  margin: auto;
  font-size: clamp(1rem, 5vw, 1.4rem);
  letter-spacing: min(3px, 0.5vw);
  line-height: clamp(20px, 160%, 2rem);
}
.l-header__wrapper .logo {
  width: clamp(300px, 80%, 600px);
  margin: auto;
}
.l-header__wrapper .catch {
  margin: auto;
  font-size: clamp(1.2rem, 5vw, 1.4rem);
  line-height: clamp(25px, 250%, 4rem);
}
.l-header__wrapper .photo {
  position: relative;
  width: min(500px, 90%);
  margin: auto;
  aspect-ratio: 2/1.8;
  overflow: hidden;
  z-index: 1;
}
.l-header__wrapper .photoImage {
  position: absolute;
  height: 160%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 50%;
  transform: translateY(-50%);
}
.l-header__wrapper .photo figcaption {
  width: 100%;
  position: absolute;
  color: var(--white);
  text-align: center;
  bottom: 7%;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1.4;
  font-size: clamp(1.1rem, 2.2vw, 1.3rem);
}
.l-header__wrapper .photo .small {
  font-size: 70%;
}

.l-header__wrapper::after {
  position: absolute;
  content: "";
  width: 100%;
  height: min(300px, 20vh);
  background: var(--white);
  bottom: 0;
  z-index: 0;
}

/*--------------------------------
   MV
---------------------------------*/
.p-hero__wrapper {
  display: grid;
  gap: min(60px, 6vw);
  background: var(--white);
  padding: 0 min(100px, 10vw) min(100px, 10vw);
}
.p-hero__wrapper .description {
  text-align: center;
  font-size: clamp(1.1rem, 3vw, 1.2rem);
  line-height: clamp(17px, 220%, 1.8rem);
}
.p-hero__wrapper .p-guest__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(20px, 3vw, 5vw);
  justify-self: center;
}
.p-hero__wrapper .p-guest__list .items {
  width: clamp(130px, 30%, 250px);
  display: grid;
  gap: min(1rem, 1vw);
  justify-items: center;
}
.p-hero__wrapper .p-guest__list .vol {
  display: flex;
  justify-items: center;
  color: var(--primary);
  align-items: flex-end;
}
.p-hero__wrapper .p-guest__list .vol dt {
  font-weight: normal;
}
.p-hero__wrapper .p-guest__list .vol dd {
  font-size: clamp(1.5rem, 3vw, 2rem);
}
.p-hero__wrapper .p-guest__list .name {
  font-size: clamp(1rem, 3vw, 1.3rem);
}
.p-hero__wrapper .p-guest__list .photo {
  border-radius: 50%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.p-hero__wrapper .p-guest__list .photoImage {
  height: 150%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center -2vw;
  object-position: center -2vw;
}

.p-hero__wrapper .p-guest__list .photoImage.-height01 {
  height: 130%;
  object-position: center -4vw;
}
.p-hero__wrapper .p-guest__list .photoImage.-height02 {
  height: 140%;
  object-position: center;
}
.p-hero__wrapper .p-guest__list .date {
  margin-top: -30px;
  padding: 0.5rem min(1rem, 2vw);
  background: var(--primary);
  letter-spacing: 2px;
  font-size: clamp(0.8rem, 2vw, 1.1rem);
}
.p-hero__wrapper .p-guest__list .date strong {
  font-size: 120%;
}

/*--------------------------------
  イベント概要
--------------------------------*/
.p-eventSummary__wrapper {
  display: grid;
  gap: min(40px, 6vw);
  place-items: center;
  padding: 0 min(60px, 10vw) min(120px, 10vw);
}
.p-eventSummary__wrapper .catch {
  font-size: clamp(1.1rem, 3vw, 1.6rem);
  line-height: 1.6;
  text-align: center;
}
.p-eventSummary__wrapper .small {
  font-size: 80%;
}

.p-eventSummary__wrapper .p-summary__content {
  display: flex;
  gap: 40px;
}

.p-summary__content .p-summary__flyer {
  max-width: 170px;
  width: 100%;
}

.p-eventSummary__wrapper .p-eventSummary__detail {
  display: grid;
  gap: 1rem;
  grid-template-columns: min(6rem, 20vw) 1fr;
  align-items: center;
  font-size: clamp(0.9rem, 1.6vw, 1.2rem);
}
.p-eventSummary__wrapper .p-eventSummary__detail .label {
  background: var(--white);
  padding: min(0.5rem, 3vw);
  text-align: center;
}
.p-eventSummary__wrapper .p-eventSummary__detail .description {
  font-size: clamp(0.9rem, 1.6vw, 1.2rem);
}

@media (min-width: 1025px) {
  .p-summary__content .p-summary__flyer:hover {
    opacity: 0.8;
  }
}

@media (max-width: 767px) {
  .p-eventSummary__wrapper .p-summary__content {
    flex-wrap: wrap;
    justify-content: center;
  }
}

/*--------------------------------
  申込方法
--------------------------------*/
.p-application__wrapper {
  display: grid;
  gap: min(40px, 6vw);
  place-items: center;
  padding: 0 min(60px, 10vw) min(120px, 10vw);
}
.p-application__wrapper .list {
  width: min(1000px, 100%);
  display: grid;
  gap: min(30px, 5vw);
}
.p-application__wrapper .items {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: min(30px, 2vw);
  background: var(--white);
  padding: min(30px, 7vw);
}
.p-application__wrapper .title {
  flex: 1 1 clamp(100px, 10%, 200px);
  align-content: center;
  text-align: center;
  line-height: min(200%, 2rem);
  font-size: clamp(1.3rem, 2vw, 1.6rem);
}
.p-application__wrapper .u-form {
  font-size: clamp(1rem, 1.2vw, 1.2rem);
}
.p-application__wrapper .small {
  display: block;
  font-size: clamp(0.9rem, 1.6vw, 1.2rem);
}
.p-application__wrapper .description {
  line-height: 1.6;
  align-content: center;
  flex: 1 1 clamp(450px, 75%, 700px);
  font-size: clamp(0.9rem, 1.3vw, 1.1rem);
}
.p-application__wrapper .attention {
  font-size: clamp(0.8rem, 1.1vw, 0.9rem);
  margin-top: 1rem;
}
.p-application__wrapper .c-summary__description {
  font-size: clamp(0.9rem, 1.6vw, 1.2rem);
  line-height: 1.6;
}

@media (max-width: 750px) {
  .p-application__wrapper .u-form {
    font-size: clamp(1.3rem, 2vw, 1.6rem);
  }
  .p-application__wrapper .small {
    display: inline;
  }
}
/*--------------------------------
  共通　人物紹介
--------------------------------*/
.c-profile__item {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  gap: min(50px, 10vw);
}
.c-profile__item .c-profile__photo {
  position: relative;
  flex: 1 1 clamp(180px, 30%, 300px);
  display: grid;
  background: #ffc;
}
.c-profile__item .c-profile__photo .photoImage {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.c-profile__item .c-profile__photo figcaption {
  color: #fff;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  z-index: 100;
}
.c-profile__item .c-bodyText {
  flex: 1 1 clamp(300px, 60%, 600px);
}
.c-profile__item .c-hedding__inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  border-bottom: 3px solid var(--primary);
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  flex-shrink: 0;
}
.c-profile__item .c-profile__header {
  display: flex;
  gap: min(0.5rem, 1vw);
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
}
.c-profile__item .c-profile__header .name {
  font-size: clamp(1.4rem, 2.5vw, 2.2rem);
}
.c-profile__item .c-profile__header .eng {
  font-size: clamp(0.8rem, 1vw, 1rem);
  color: #666;
}
.c-profile__item .c-profile__header .position {
  width: 100%;
  font-size: clamp(0.9rem, 1.6vw, 1.3rem);
}

.c-profile__item .c-profile__header .position span {
  font-size: clamp(0.75rem, 1.2vw, 1rem);
}

.c-profile__item .c-finish {
  /* color: red; */
  font-weight: bold;
  width: 100%;
  font-size: clamp(18px, 1.429vw, 20px);
}
.c-profile__item .c-finish.-date {
  color: var(--black);
  font-size: clamp(18px, 1.429vw, 1.125rem);
}
.c-profile__item .c-mainText {
  font-size: clamp(0.9rem, 1.3vw, 1.1rem);
  line-height: 1.6;
  text-align: justify;
}
.c-profile__item .period {
  margin-top: 1rem;
  background: var(--secondry);
  padding: min(1rem, 10vw);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.c-profile__item .period dt {
  text-align: center;
  flex: 1 1 clamp(80px, 5rem, 20%);
  font-size: clamp(1.1rem, 1.5vw, 1.2rem);
}
.c-profile__item .period dd {
  flex: 1 1 clamp(250px, 50%, 30vw);
  font-size: clamp(1.1rem, 1.4vw, 1.3rem);
  line-height: 1.4;
}
.c-profile__item .period .small {
  font-size: 80%;
}
.c-profile__item .c-button__application {
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
}
.c-profile__item .c-lineWrap {
  position: relative;
  display: inline-block;
}
.c-profile__item .c-lineWrap::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: currentColor;
  transform: translateY(-50%);
  pointer-events: none;
}

@media (max-width: 800px) {
  .c-profile__item .period dd {
    text-align: center;
  }
}
/*--------------------------------
  参加ゲスト
--------------------------------*/
.p-guest__wrapper {
  display: grid;
  gap: min(60px, 10vw);
  padding: 0 min(60px, 7vw) min(160px, 35vw);
}
.p-guest__wrapper .list {
  width: min(1100px, 100%);
  display: grid;
  gap: min(140px, 20vw);
  margin: auto;
}
.p-guest__wrapper .item {
  background: var(--white);
  padding: min(40px, 5vw) min(40px, 5vw) min(80px, 10vw);
}
.p-guest__wrapper .p-number__box {
  width: clamp(50px, 20%, 80px);
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--black);
  padding: 0 min(1rem, 2vw);
}
.p-guest__wrapper .p-number__box dt {
  line-height: 1;
  font-size: clamp(0.9rem, 1.2vw, 1.2rem);
}
.p-guest__wrapper .p-number__box dd {
  font-size: clamp(1.8rem, 5vw, 2.5rem);
  line-height: 1;
}
.p-guest__wrapper .c-button__application {
  position: absolute;
}

/*--------------------------------
  語り手
--------------------------------*/
.p-speaker__wrapper {
  background: var(--white);
  padding: 0 clamp(10vw, 80px, 150px) min(160px, 20vw);
}
.p-speaker__wrapper .p-speaker__title {
  margin: -25px 0 min(100px, 10vw);
  background: var(--primary);
  color: var(--black);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem min(3rem, 10vw);
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(1.2rem, 5vw, 1.4rem);
}
.p-speaker__wrapper .c-profile__item {
  gap: min(60px, 6vw);
  flex-direction: row-reverse;
}

@media (max-width: 800px) {
  .p-speaker__wrapper {
    padding: 0 clamp(10vw, 30px, 30px) min(160px, 20vw);
  }
}

/*--------------------------------
  過去のイベント 20260203追加
--------------------------------*/
.p-archive__wrapper {
  display: grid;
  gap: min(40px, 10vw);
  padding: 0 min(60px, 7vw) min(160px, 35vw);
}

.p-archive__wrapper .list {
  width: min(1100px, 100%);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(40px, 20vw);
  margin: auto;
}

.p-archive__wrapper .item {
  background: var(--white);
  padding: min(20px, 5vw) min(40px, 5vw);
}

.p-archive__wrapper .p-number__box {
  width: clamp(50px, 20%, 60px);
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--black);
  padding: 0 min(1rem, 2vw);
}

.p-archive__wrapper .c-profile__item {
  display: block;
}

.p-archive__wrapper .c-profile__photo {
  aspect-ratio: 1 / 1;
  width: 100%;
  max-width: 300px;
  margin: 0 auto 20px;
  overflow: hidden;
}

.p-archive__wrapper .c-profile__photo .photoImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-archive__wrapper .c-bodyText {
  width: 100%;
}

.p-archiveProfile__header {
  display: flex;
  gap: min(0.5rem, 1vw);
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
}
.c-profile__item .c-profile__header.-archive .name {
  font-size: clamp(1.4rem, 2.5vw, 1.5625rem);
}
.c-profile__item .c-profile__header.-archive .eng {
  font-size: clamp(0.8rem, 1vw, 1rem);
  color: #666;
}
.c-profile__item .c-profile__header.-archive .position {
  width: 100%;
  font-size: clamp(0.9rem, 1.6vw, 1.3rem);
}

.p-archive__wrapper .p-number__box {
  width: clamp(50px, 20%, 60px);
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--black);
  padding: 0 min(1rem, 2vw);
}

.p-archive__wrapper .p-number__box dt {
  line-height: 1;
  font-size: clamp(0.9rem, 1.2vw, 1.2rem);
}
.p-archive__wrapper .p-number__box dd {
  font-size: clamp(1rem, 5vw, 1.75rem);
  line-height: 1;
}
.p-archive__wrapper .c-button__application {
  position: absolute;
}

.p-archive__wrapper .c-profile__item .c-mainText {
  font-size: clamp(0.9rem, 1.3vw, 1rem);
}

@media (max-width: 800px) {
  .p-archive__wrapper .list {
    grid-template-columns: auto;
  }
}

/*--------------------------------
  フッター
--------------------------------*/
.l-footer__wrapper {
  background: var(--secondry);
  display: grid;
  gap: min(20px, 10vw);
  place-items: center;
  padding: min(60px, 10vw);
}
.l-footer__wrapper .title {
  font-size: clamp(1.2rem, 5vw, 1.4rem);
}
.l-footer__wrapper .logo {
  width: min(220px, 30vw);
  mix-blend-mode: multiply;
}
.l-footer__wrapper .organization {
  font-size: clamp(0.9rem, 1vw, 1rem);
}