@charset "UTF-8";
:root {
  --font: "Noto Sans JP", sans-serif;
  --wfont: "Plus Jakarta Sans", sans-serif;
  --base-color: #000;
  --c-base: #231815;
  --c-primary: #f08200;
  --c-warning: #8a6d3b;
  --c-danger: #a94442;
  --c-gray: #efefef;
  --c-gray-light: #f4f4f4;
  --c-gray-dark: #ccc;
}

.related {
  margin: 0 auto;
  border-radius: 10px;
  background-color: #303030;
}
.related_inner {
  padding: 20px 5.3333333333% 30px;
}
.related .ttl {
  position: relative;
  color: #fff;
  font-family: var(--wfont);
  font-size: 1.8rem;
  font-weight: 700;
  border-bottom: 1px solid #fff;
  margin: 0 0 30px;
  padding: 0 0 12px 40px;
}
.related .ttl::before {
  position: absolute;
  top: -4px;
  left: 0;
  display: inline-block;
  content: "";
  width: 29px;
  height: 21px;
  background: url(../common/img/ico_related.svg) no-repeat;
}
.related .ttl span {
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0 0 0 13px;
}
.related ul {
  padding: 0 15px;
}
.related ul li:not(:last-child) {
  border-bottom: 1px dashed #fff;
  margin: 0 0 20px;
  padding: 0 0 20px;
}
.related ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
}
.related ul .art_thumb {
  width: 40%;
  margin: 0 5% 0 0;
}
.related ul .art_txt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.6;
  width: 55%;
  -ms-flex-item-align: center;
      align-self: center;
}

@media (min-width: 768px) {
  .related_inner {
    padding: 20px 15px 30px;
  }
  .related ul .art_thumb {
    max-width: 200px;
  }
  .related ul .art_txt {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
@media (min-width: 1024px) {
  .related {
    position: sticky;
    top: 50px;
    width: min(27.8137128072%, 430px);
  }
  .related .ttl span {
    display: block;
    margin: 0;
  }
  .related ul {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .related {
    top: 150px;
  }
  .related_inner {
    padding: 50px 30px 40px;
  }
  .related .ttl {
    font-size: 2rem;
  }
  .related .ttl span {
    font-size: 1.6rem;
  }
  .related ul li a:hover .art_txt p {
    color: #d8a821;
  }
  .related ul li .art_txt p {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media (min-width: 1400px) {
  .related .ttl {
    letter-spacing: -0.01em;
  }
  .related .ttl span {
    display: inline-block;
    margin: 0 0 0 10px;
    letter-spacing: 0.05em;
  }
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.pagination li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  font-family: var(--wfont);
  font-size: 1.4rem;
  font-weight: 700;
  width: 38px;
  height: 38px;
}
.pagination li.arrow_prev, .pagination li.arrow_next, .pagination li.dots {
  font-family: var(--font);
  width: 35px;
  height: 38px;
  border: none;
  background-color: transparent;
}
.pagination li.dots {
  margin: 0 -10px;
}
.pagination li.arrow {
  font-size: 1.1rem;
  font-weight: 500;
}
.pagination li.arrow a {
  position: relative;
  border: none;
  background-color: transparent;
}
.pagination li.arrow a::after {
  position: absolute;
  top: 10px;
  display: block;
  content: "";
  width: 35px;
  height: 8px;
  background: url(../common/img/arrow_black.svg) no-repeat center/contain;
}
.pagination li.arrow a span {
  display: inline-block;
  padding: 15px 0 0;
}
.pagination li.arrow_prev a::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.pagination li.current {
  pointer-events: none;
}
.pagination li.current a {
  color: #d8a821;
  background-color: #000;
}
.pagination li.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.pagination li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #000;
  background-color: #fff;
}

@media (min-width: 768px) {
  .pagination {
    gap: 12px;
  }
  .pagination li {
    font-size: 1.6rem;
    width: 57px;
    height: 57px;
  }
  .pagination li.arrow_prev, .pagination li.arrow_next, .pagination li.dots {
    width: 57px;
    height: 57px;
  }
  .pagination li.arrow {
    font-size: 1.5rem;
    margin: 0 12px;
  }
  .pagination li.arrow a::after {
    top: 15px;
    width: 48px;
    height: 12px;
  }
  .pagination li.arrow a span {
    padding: 20px 0 0;
  }
}
@media (min-width: 1200px) {
  .pagination li.arrow a:hover {
    background-color: transparent;
  }
  .pagination li.arrow a:hover::after {
    background: url(../common/img/arrow_gold.svg) no-repeat center/contain;
  }
  .pagination li.arrow a::after {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .pagination li a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .pagination li a:hover {
    color: #d8a821;
    background-color: #000;
  }
}
.p_body {
  position: relative;
  background-color: rgba(238, 238, 238, 0.4);
  -webkit-backdrop-filter: blur(13.5px);
          backdrop-filter: blur(13.5px);
  margin: 0 0 90px;
  padding: 25px 0 90px;
}
.p_body.p_det_body {
  margin: 0;
}
.p_body_inner {
  padding: 0 4%;
}
.p_body .btn {
  position: absolute;
  bottom: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.4;
  max-width: 345px;
  width: 100%;
  margin: 0 auto;
}
.p_body .btn a {
  position: relative;
  display: block;
  color: #d8a821;
  border-radius: 10px;
  background-color: #303030;
  padding: 22px 86px 22px 34px;
}
.p_body .btn a::after {
  position: absolute;
  top: 50%;
  right: 26px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 42px;
  height: 11px;
  background: url(../common/img/arrow_gold.svg) no-repeat;
  background-size: contain;
}

.filter_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.filter_head .btn_filter {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.3;
  width: 100%;
  border-radius: 10px;
  border: none;
  background-color: #303030;
  margin: 0 0 30px;
  padding: 18px 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.filter_head .btn_filter::before, .filter_head .btn_filter::after {
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
  display: inline-block;
  width: 21px;
  height: 1px;
  background-color: #fff;
}
.filter_head .btn_filter::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.filter_head .btn_filter.active {
  color: #000;
  background-color: #eeebea;
}
.filter_head .btn_filter.active::before, .filter_head .btn_filter.active::after {
  background-color: #000;
}
.filter_head .btn_filter.active::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.filter_head .btn_filter.active i {
  background: url(../common/img/ico_filter.svg) no-repeat center/contain;
}
.filter_head .btn_filter i {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 30px;
  height: 28px;
  background: url(../common/img/ico_w_filter.svg) no-repeat center/contain;
}
.filter_head .btn_filter_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.filter_head .btn_filter_txt span {
  color: #d8a821;
  font-family: var(--wfont);
  font-size: 1.8rem;
}
.filter_head p {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
  margin: 0 0 20px;
}
.filter_head p a {
  color: #d8a821;
  text-decoration: underline;
}
.filter_body {
  display: none;
  border-radius: 10px;
  background-color: #eeebea;
  margin: 0 0 30px;
  padding: 20px 15px;
}
.filter_body dl .filter_item {
  font-weight: 700;
}
.filter_body dl .filter_item:not(:last-child) {
  border-bottom: 1px dashed #6e6e6e;
  margin: 0 0 20px;
  padding: 0 0 15px;
}
.filter_body dl .filter_item dt {
  font-size: 1.7rem;
  margin: 0 0 20px;
}
.filter_body dl .filter_item dd {
  font-size: 1.3rem;
}
.filter_body dl .filter_item dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}
.filter_body dl .filter_item dd ul li {
  text-align: center;
  width: calc((100% - 5px) / 2);
  border-radius: 5px;
  background-color: #fff;
}
.filter_body dl .filter_item dd ul li.active {
  background-color: #000;
  pointer-events: none;
}
.filter_body dl .filter_item dd ul li.active a {
  color: #fff;
}
.filter_body dl .filter_item dd ul li.disabled {
  background-color: #aaa;
}
.filter_body dl .filter_item dd ul li.disabled span {
  display: block;
  color: #747474;
  padding: 18px 15px;
}
.filter_body dl .filter_item dd ul li a {
  display: block;
  padding: 18px 15px;
}
.filter_body dl .filter_item dd .sel_hometown {
  position: relative;
}
.filter_body dl .filter_item dd .sel_hometown::after {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  pointer-events: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 8.5px 0 8.5px;
  border-color: #000 transparent transparent transparent;
}
.filter_body dl .filter_item dd .sel_hometown select {
  color: #000;
  font-weight: 700;
  width: 100%;
  border-radius: 5px;
  border: none;
  background-color: #fff;
  margin: 0;
  padding: 18px 15px;
  outline: none;
  resize: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.list_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}

.speakers_list .list_box {
  margin: 0 0 40px;
}
.speakers_list .list_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3px;
}
.speakers_list .list_box ul li {
  width: calc((100% - 3px) / 2);
  border-radius: 10px;
  background-color: #fff;
  overflow: hidden;
}
.speakers_list .list_box ul li a {
  position: relative;
  display: block;
  height: 100%;
}
.speakers_list .list_box ul li .img_speaker {
  text-align: center;
}
.speakers_list .list_box ul li .name_tag {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  background-color: #fff;
  padding: 3px 0 18px;
}
.speakers_list .list_box ul li .name_tag .name {
  position: relative;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.8;
}
.speakers_list .list_box ul li .name_tag .name::after {
  position: absolute;
  bottom: -13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: attr(data-enname);
  color: #d8a821;
  font-size: 0.9rem;
  width: 100%;
}

.sub_ttl {
  font-size: 2rem;
  border-bottom: 1px solid #000;
  margin: 0 0 25px;
  padding: 10px;
}

.speaker_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 120px;
  margin: 0 0 40px;
}

.speaker_cont {
  border-radius: 10px;
  background-color: #fff;
  padding: 25px 5.3333333333%;
}
.speaker_cont .sns_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin: 0 0 30px;
}
.speaker_cont .sns_box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #303030;
}
.speaker_cont .sns_box a.sns_x img {
  width: 21px;
}
.speaker_cont .sns_box a.sns_insta img {
  width: 23px;
}
.speaker_cont .sns_box a.sns_youtube img {
  width: 27px;
}
.speaker_cont .sns_box a.site_blog img {
  width: 27px;
}
.speaker_cont .speaker_box .item:not(:last-child) {
  margin: 0 0 50px;
}
.speaker_cont .speaker_box .item dt {
  font-size: 1.4rem;
  font-weight: 500;
  border-bottom: 1px solid #000;
  margin: 0 0 25px;
  padding: 0 0 5px;
}
.speaker_cont .speaker_box .item dt span {
  display: inline-block;
  font-size: 2rem;
  margin: 0 15px 0 0;
}
.speaker_cont .speaker_box .item .comp_name {
  color: #6e6e6e;
  font-size: 1.4rem;
  font-weight: 500;
}
.speaker_cont .speaker_box .item .name {
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.8;
  margin: 0 0 25px;
}
.speaker_cont .speaker_box .item .name span {
  display: block;
  color: #d8a821;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1;
}
.speaker_cont .speaker_box .item .other {
  font-size: 1.4rem;
  font-weight: 500;
}
.speaker_cont .speaker_box .item .other li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.speaker_cont .speaker_box .item .other li:not(:last-child) {
  margin: 0 0 6px;
}
.speaker_cont .speaker_box .item .other li .other_item {
  width: 5.5em;
  border-right: 1px solid #000;
  margin: 0 20px 0 0;
  padding: 0 10px 0 0;
}
.speaker_cont .speaker_box .item .editor .wp-caption {
  max-width: 100%;
}
.speaker_cont .speaker_box .item .editor .wp-caption .wp-caption-text {
  margin: 0;
}
.speaker_cont .speaker_box .item .editor a {
  color: #0395f6;
  text-decoration: underline;
}
.speaker_cont .speaker_box .item .editor p {
  font-size: 1.4rem;
  line-height: 1.8;
  margin: 1em 0;
}
.speaker_cont .speaker_box .item .editor h2 {
  position: relative;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 50px 0 0;
  padding: 0 0 0 20px;
}
.speaker_cont .speaker_box .item .editor h2::before, .speaker_cont .speaker_box .item .editor h2::after {
  position: absolute;
  left: 0;
  content: "";
  width: 8px;
  height: 50%;
}
.speaker_cont .speaker_box .item .editor h2::before {
  top: 0;
  background-color: #d8a821;
}
.speaker_cont .speaker_box .item .editor h2::after {
  bottom: 0;
  background-color: #ca3a1c;
}
.speaker_cont .speaker_box .item .editor h3 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  padding: 0 0 0 20px;
  border-left: 8px solid #303030;
  border-bottom: 1px solid #303030;
  margin: 45px 0 0;
}
.speaker_cont .speaker_box .item .editor h4 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  border-bottom: 1px solid #303030;
  margin: 30px 0 0;
}
.speaker_cont .speaker_box .item .editor h5 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  text-indent: -1em;
  margin: 30px 0 0;
  padding-left: 1em;
}
.speaker_cont .speaker_box .item .editor h5::before {
  content: "●";
  color: #d8a821;
}
.speaker_cont .speaker_box .item .editor h6 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  text-indent: -1em;
  margin: 30px 0 0;
  padding-left: 1em;
}
.speaker_cont .speaker_box .item .editor h6::before {
  content: "●";
  color: #ca3a1c;
}
.speaker_cont .speaker_box .item .editor blockquote {
  position: relative;
  background-color: #e5eff7;
  margin: 1em 0.5em;
  padding: 1em 1.5em;
}
.speaker_cont .speaker_box .item .editor blockquote::before {
  display: inline-block;
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  width: 1.5em;
  height: 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.58341 17.3211C3.55316 16.2274 3 15 3 13.0103C3 9.51086 5.45651 6.37366 9.03059 4.82318L9.92328 6.20079C6.58804 8.00539 5.93618 10.346 5.67564 11.822C6.21263 11.5443 6.91558 11.4466 7.60471 11.5105C9.40908 11.6778 10.8312 13.159 10.8312 15C10.8312 16.933 9.26416 18.5 7.33116 18.5C6.2581 18.5 5.23196 18.0095 4.58341 17.3211ZM14.5834 17.3211C13.5532 16.2274 13 15 13 13.0103C13 9.51086 15.4565 6.37366 19.0306 4.82318L19.9233 6.20079C16.588 8.00539 15.9362 10.346 15.6756 11.822C16.2126 11.5443 16.9156 11.4466 17.6047 11.5105C19.4091 11.6778 20.8312 13.159 20.8312 15C20.8312 16.933 19.2642 18.5 17.3312 18.5C16.2581 18.5 15.232 18.0095 14.5834 17.3211Z' fill='%23d8a821'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
}
.speaker_cont .speaker_box .item .editor blockquote::after {
  display: inline-block;
  position: absolute;
  bottom: -0.5em;
  right: -0.5em;
  width: 1.5em;
  height: 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath transform='scale(-1,-1) translate(-24,-24)' d='M4.58341 17.3211C3.55316 16.2274 3 15 3 13.0103C3 9.51086 5.45651 6.37366 9.03059 4.82318L9.92328 6.20079C6.58804 8.00539 5.93618 10.346 5.67564 11.822C6.21263 11.5443 6.91558 11.4466 7.60471 11.5105C9.40908 11.6778 10.8312 13.159 10.8312 15C10.8312 16.933 9.26416 18.5 7.33116 18.5C6.2581 18.5 5.23196 18.0095 4.58341 17.3211ZM14.5834 17.3211C13.5532 16.2274 13 15 13 13.0103C13 9.51086 15.4565 6.37366 19.0306 4.82318L19.9233 6.20079C16.588 8.00539 15.9362 10.346 15.6756 11.822C16.2126 11.5443 16.9156 11.4466 17.6047 11.5105C19.4091 11.6778 20.8312 13.159 20.8312 15C20.8312 16.933 19.2642 18.5 17.3312 18.5C16.2581 18.5 15.232 18.0095 14.5834 17.3211Z' fill='%23ca3a1c'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
}
.speaker_cont .speaker_box .item .editor ul {
  font-size: 1.4rem;
  list-style-type: disc;
  margin: 20px 0 0;
  padding: 0 0 0 1.5em;
}
.speaker_cont .speaker_box .item .editor ul li:not(:last-child) {
  margin: 0 0 0.5em;
}
.speaker_cont .speaker_box .item .editor ol {
  font-size: 1.4rem;
  list-style-type: decimal;
  margin: 20px 0 0;
  padding: 0 0 0 1.5em;
}
.speaker_cont .speaker_box .item .editor ol li:not(:last-child) {
  margin: 0 0 0.5em;
}
.speaker_cont .speaker_box .item .gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.speaker_cont .speaker_box .item .gallery .img_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eeebea;
}
.speaker_cont .speaker_box .item .gallery .img_item img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.speaker_photo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.speaker_photo_inner {
  display: inline-block;
  width: 100%;
  border-radius: 10px;
  background-color: #eeebea;
  overflow: hidden;
}
.speaker_photo .speaker_img img {
  width: 100%;
}
.speaker_photo .speaker_theme {
  font-weight: 500;
  letter-spacing: 0.1em;
  padding: 25px 6.6666666667% 100px;
}
.speaker_photo .speaker_theme dt {
  font-size: 1.7rem;
  margin: 0 0 20px;
}
.speaker_photo .speaker_theme .list_theme {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.speaker_photo .speaker_theme .list_theme li {
  font-size: 1.4rem;
  text-align: center;
  border-radius: 10px;
  background-color: #fff;
  padding: 10px 5px;
}
.speaker_photo .btn_request {
  position: absolute;
  bottom: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  max-width: 345px;
  width: calc(100% - 60px);
}
.speaker_photo .btn_request a {
  position: relative;
  display: block;
  color: #d8a821;
  border-radius: 10px;
  background-color: #303030;
  padding: 22px;
}
.speaker_photo .btn_request a::after {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 36px;
  height: 14px;
  background: url(../common/img/arrow_gold2.svg) no-repeat center/contain;
}

.btn_speakerslist {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 48px;
  max-width: 280px;
  margin: 0 auto;
}
.btn_speakerslist a {
  display: block;
  color: #d8a821;
  border-radius: 40px;
  background-color: #000;
}

@media (min-width: 768px) {
  .p_body {
    margin: 0 0 165px;
    padding: 50px 0 120px;
  }
  .p_body_inner {
    max-width: 1576px;
    margin: 0 auto;
    padding: 0 15px;
  }
  .p_body .btn {
    text-align: center;
    max-width: 1200px;
    width: 90%;
  }
  .p_body .btn a {
    padding: 36px 0;
  }
  .p_body .btn a::after {
    width: 53px;
    height: 13px;
    margin: -3px 0 0;
  }
  .filter_head {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 60px;
    margin: 0 0 30px;
  }
  .filter_head .btn_filter {
    max-width: 325px;
    margin: 0;
    cursor: pointer;
  }
  .filter_head .btn_filter_txt {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .filter_head .btn_filter_txt span {
    font-size: 1.4rem;
  }
  .filter_head p {
    margin: 0;
  }
  .filter_body dl .filter_item dd ul li {
    width: calc((100% - 10px) / 3);
  }
  .filter_body dl .filter_item dd .sel_hometown {
    width: calc((100% - 10px) / 3);
  }
  .speakers_list .list_box ul {
    gap: 9px;
  }
  .speakers_list .list_box ul li {
    width: calc((100% - 27px) / 4);
  }
  .speaker_cont .speaker_box .item .gallery {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
  }
  .speaker_cont .speaker_box .item .gallery .img_item {
    width: calc((100% - 12px) / 2);
    height: 24.4140625vmin;
  }
  .btn_speakerslist {
    line-height: 58px;
  }
}
@media (min-width: 1024px) {
  .p_body {
    margin: 0 0 240px;
    padding: 70px 0 150px;
  }
  .p_body .btn {
    font-size: 2.2rem;
  }
  .p_body .btn a {
    padding: 45px 0;
  }
  .p_body .btn a::after {
    right: 55px;
    width: 53px;
    height: 13px;
  }
  .filter_head .btn_filter {
    font-size: 2rem;
  }
  .filter_head .btn_filter_txt span {
    font-size: 1.6rem;
  }
  .filter_head p {
    font-size: 1.8rem;
  }
  .filter_body {
    margin: 0 0 50px;
    padding: min(3.2383419689%, 50px) min(3.5621761658%, 55px);
  }
  .filter_body dl .filter_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 min(3.8860103627%, 60px);
    gap: min(5.1813471503%, 80px);
  }
  .filter_body dl .filter_item:not(:last-child) {
    margin: 0 0 25px;
    padding: 0 min(3.8860103627%, 60px) 25px;
  }
  .filter_body dl .filter_item dt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    font-size: 2rem;
    width: 6em;
    margin: 0;
  }
  .filter_body dl .filter_item dd {
    font-size: 1.6rem;
    width: 100%;
  }
  .filter_body dl .filter_item dd ul {
    gap: 10px;
  }
  .filter_body dl .filter_item dd ul li {
    width: calc((100% - 20px) / 3);
  }
  .filter_body dl .filter_item dd ul li.disabled span {
    padding: 12px;
  }
  .filter_body dl .filter_item dd ul li a {
    padding: 12px;
  }
  .filter_body dl .filter_item dd .sel_hometown select {
    padding: 12px 18px;
  }
  .list_wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: min(5.1746442432%, 80px);
  }
  .list_wrap.list_wrap_aside .list {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 72.1862871928%;
  }
  .list_wrap.list_wrap_aside .list .list_box ul li {
    width: calc((100% - 27px) / 4);
  }
  .speakers_list .list {
    width: 100%;
  }
  .speakers_list .list_box {
    margin: 0 0 80px;
  }
  .speakers_list .list_box ul li {
    width: calc((100% - 36px) / 5);
  }
  .speakers_list .list_box ul li .name_tag {
    padding: 9px 0 23px;
  }
  .speakers_list .list_box ul li .name_tag .name {
    font-size: 1.6rem;
  }
  .speakers_list .list_box ul li .name_tag .name::after {
    bottom: -15px;
    font-size: 1rem;
  }
  .sub_ttl {
    font-size: 3rem;
    margin: 0 0 55px;
    padding: 0 10px 15px;
  }
  .speaker_wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: min(6.3938618926%, 100px);
    border-radius: 10px;
    background-color: #fff;
    margin: 0 0 80px;
    padding: min(4.1560102302%, 65px) min(5.7544757033%, 90px) min(6.074168798%, 95px);
  }
  .speaker_cont {
    width: calc(100% - min(34.3333333333%, 412px));
    border-radius: 0;
    background-color: transparent;
    padding: 0;
  }
  .speaker_cont .sns_box {
    margin: 0 0 50px;
  }
  .speaker_cont .speaker_box .item:not(:last-child) {
    margin: 0 0 60px;
  }
  .speaker_cont .speaker_box .item .comp_name {
    font-size: 1.6rem;
  }
  .speaker_cont .speaker_box .item .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 30px;
    font-size: 3.6rem;
    margin: 0 0 20px;
  }
  .speaker_cont .speaker_box .item .name span {
    font-size: 1.6rem;
  }
  .speaker_cont .speaker_box .item .other {
    font-size: 1.6rem;
  }
  .speaker_cont .speaker_box .item .other li .other_item {
    margin: 0 25px 0 0;
    padding: 0 15px 0 0;
  }
  .speaker_cont .speaker_box .item .editor .wp-caption .wp-caption-text {
    text-align: center;
  }
  .speaker_cont .speaker_box .item .editor p {
    font-size: 1.6rem;
  }
  .speaker_cont .speaker_box .item .editor h2 {
    font-size: 2rem;
  }
  .speaker_cont .speaker_box .item .editor h3 {
    font-size: 1.8rem;
  }
  .speaker_cont .speaker_box .item .editor h4 {
    font-size: 1.8rem;
  }
  .speaker_cont .speaker_box .item .editor h5 {
    font-size: 1.6rem;
  }
  .speaker_cont .speaker_box .item .editor h6 {
    font-size: 1.6rem;
  }
  .speaker_cont .speaker_box .item .editor ul {
    font-size: 1.6rem;
  }
  .speaker_cont .speaker_box .item .editor ol {
    font-size: 1.6rem;
  }
  .speaker_cont .speaker_box .item .gallery .img_item {
    height: 250px;
  }
  .speaker_photo {
    position: sticky;
    top: 22px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: min(34.3333333333%, 412px);
  }
  .speaker_photo .speaker_theme {
    padding: 25px 30px 100px;
  }
  .speaker_photo .speaker_theme dt {
    font-size: 2rem;
  }
  .speaker_photo .speaker_theme .list_theme li {
    font-size: 1.6rem;
    padding: 11px 5px;
  }
  .speaker_photo .btn_request a {
    padding: 26px 22px;
  }
}
@media (min-width: 1200px) {
  .p_body .btn a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .p_body .btn a:hover {
    color: #fff;
    background-color: #d8a821;
  }
  .p_body .btn a::after {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: url(../common/img/arrow_white.svg) no-repeat;
    background-size: contain;
  }
  .filter_head p a:hover {
    text-decoration: none;
  }
  .filter_body dl .filter_item dd ul li {
    width: calc((100% - 30px) / 4);
  }
  .filter_body dl .filter_item dd ul li a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .filter_body dl .filter_item dd ul li a:hover {
    color: #fff;
    border-radius: 5px;
    background-color: #000;
  }
  .filter_body dl .filter_item dd .sel_hometown {
    width: calc((100% - 30px) / 4);
  }
  .speakers_list .list_box ul li {
    position: relative;
    width: calc((100% - 45px) / 6);
  }
  .speakers_list .list_box ul li::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    content: "";
    border: 1px solid #303030;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    pointer-events: none;
  }
  .speakers_list .list_box ul li:hover::before {
    opacity: 1;
  }
  .speakers_list .list_box ul li:hover .img_speaker img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .speakers_list .list_box ul li:hover .name_tag {
    color: #fff;
    background-color: #303030;
  }
  .speakers_list .list_box ul li .img_speaker img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .speakers_list .list_box ul li .name_tag {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .speaker_cont .sns_box a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .speaker_cont .sns_box a:hover {
    background-color: #000;
  }
  .speaker_cont .speaker_box .item .editor a:hover {
    text-decoration: none;
  }
  .speaker_photo {
    top: 150px;
  }
  .speaker_photo .btn_request a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .speaker_photo .btn_request a:hover {
    color: #fff;
    background-color: #d8a821;
  }
  .speaker_photo .btn_request a:hover::after {
    background: url(../common/img/arrow_white2.svg) no-repeat center/contain;
  }
  .speaker_photo .btn_request a::after {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .btn_speakerslist a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .btn_speakerslist a:hover {
    color: #fff;
    background-color: #d8a821;
  }
}
@media (min-width: 1400px) {
  .filter_body dl .filter_item dd ul li {
    width: calc((100% - 40px) / 5);
  }
  .filter_body dl .filter_item dd .sel_hometown {
    width: calc((100% - 40px) / 5);
  }
}/*# sourceMappingURL=speakers.css.map */