@charset "utf-8";
.nav-togo { background: #007779;}@media screen and (max-width:768px) {.nav-togo { border-top: solid 2px #ffffff;}} .nav-togo-in { padding: 0; max-width: 940px; } .list-togo { list-style: none; display: flex; flex-wrap: wrap; margin: 0; } .item-togo { flex-grow: 1; padding:10px 0;  } .item-togo::before { float: left; content: ""; margin: 13px 0; width: 1px; height: 14px; border-left: solid 3px #e8f6fa; } .item-togo > a { text-decoration: none;}  .item-togo-front::before { content: none;} @media screen and (max-width:768px) { .item-togo:not(.item-togo-front) { border-top: solid 1px #ffffff;} .item-togo-front { width: 100%;} .item-togo-talk::before { content: none;} } @media screen and (max-width:374px) { .item-togo-registration { width: 100%;} .item-togo-registration::before { content: none;} } .link-togo { position: relative;  display: block; overflow: hidden; padding: 0 1px; height: 40px; line-height: 40px; font-family: 'Noto Sans JP', sans-serif; font-weight: 700; text-align: center; text-decoration: none; color: #ffffff !important; } .link-togo[target="_blank"]::after { content: url(/common/files/ico_blank_02.svg);}  a.link-togo:hover::before {  content: ""; position: absolute; top: 0; left: 50%; width: 8px; height: 6px; margin-left:-8px; border-style: solid; border-width: 8px 6px 0px 6px; border-color: #fff transparent transparent transparent; transform: translateX(50%); transition: 0.2s cubic-bezier(0.65, 0.13, 0.43, 0.99); opacity: 1; } a.is-current::before {  content: ""; position: absolute; top: 0% !important; left: 50%; width: 8px; height: 6px; margin-left:-4px; border-style: solid; border-width: 8px 6px 0px 6px; border-color: #fff transparent transparent transparent; opacity: 1 !important; } a.is-current:hover::before { content: ""; position: absolute; top: 0 !important; left: 50%; width: 8px; height: 6px; margin-left:-4px; border-style: solid; border-width: 8px 6px 0px 6px; border-color: #fff transparent transparent transparent; opacity: 1 !important; transform: none; transition: none !important; } a.link-togo::before {  content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 6px; margin-left:-4px; border-style: solid; border-width: 8px 6px 0px 6px; border-color: #fff transparent transparent transparent; opacity: 0; } .link-togo:hover[target="_blank"]::after, .link-togo.is-current[target="_blank"]::after { content: url(/common/files/ico_blank_02.svg);}.hero-togo { background: #DCFFE7;} .hero-togo-in { padding: 0; max-width: 940px; } .hero-togo-in-cat { color: #007779; padding: 40px; font-family: 'Noto Sans JP', sans-serif; font-size: 257.1%; font-weight: 700;  background-size: cover; } .poster .hero-togo-in-cat { background-image: url("/event/symposium/togo2024/files/bg_togo2024_02.png"); } @media screen and (max-width:480px) { .hero-togo-in-cat { padding: 20px; font-size: 200%; } }.column-one-thin { float: none; margin: auto; width: auto; max-width: 675px; backdrop-filter: blur(5px);}.box-youtube-01 { margin: 1em auto; border: solid 1px #e6e6e6; max-width: 560px;} .box-youtube-01-in { overflow: hidden; position: relative; padding-top: 56.25%; } .box-youtube-01 iframe { position: absolute; top: 0; left: 0; border: none; width: 100%; height: 100%; }.pagetop {} .link-pagetop { display: block; position: fixed; right: 50px; bottom: 50px; border-radius: 5px; padding: 2px; height: 40px; width: 40px; background: rgba(0,0,0,0.1)5 } .link-pagetop:hover { background: rgba(0,0,0,0.3);} .img-pagetop { height: 100%; width: 100%; background: url(/common/files/ico_arrow_up_02.svg) no-repeat center 2px; background-size: cover; } .link-pagetop:hover .img-pagetop { animation: none;}.grid { display: flex; margin: -10px;}.grid-wrap { flex-wrap: wrap;}[class^="ttl-level"] + .grid { margin-top: -10px !important;}@media screen and (max-width:768px) {.grid.s-responsive { flex-direction: column;}} .grid-item { margin: 10px;} .grid-item.s-shrink-0 { flex-shrink: 0;} .grid-wrap-3 .grid-item { width: calc(33.3% - 20px);} @media screen and (max-width: 768px) { .grid-wrap-3 .grid-item { width: calc(50% - 20px);} } @media screen and (max-width: 480px) { .grid-wrap-3 .grid-item { width: calc(100% - 20px);} } .grid-item > *:first-child { margin-top: 0;} .grid-item > *:last-child { margin-bottom: 0;} .grid-item img { margin-bottom: 5px;}.filter { position: relative;}.filter .sec-cmn-01 { margin-bottom: 30px;}.mod-filter-02 { position: sticky; top: 0; left: 0; padding: 10px 0; background: #ffffff;}.list-filter-element-02 { margin: 0; padding: 0; list-style: none; display: flex;}.list-filter-element-02 .item-filter-element { width: 100%;}.list-filter-element-02 .item-filter-element:not(:first-child) { margin-left: 10px;}.btn-check-02 input:checked + .btn-check-in { border-color: #007779; color: #ffffff; background: #007779;}.btn-check-02 { position: relative; display: block; height: 100%;}.btn-check-02 .btn-check-in.btn-part { display: flex; align-items: center; justify-content: center; min-width: inherit; height: 100%; padding: 4px;}.btn-check-02 input:checked + .btn-check-in.btn-part::after { content: ""; position: absolute; top: 100%; left: 50%; border: 6px solid transparent; border-top: 10px solid #007779; margin-left: -6px;}h2.poster{ font-size: 150%;}.btn-check-02 .btn-check-in.btn-part-all:hover { border-color:#007779;background: #007779;color:#e9ffed;}.btn-check-02 .btn-check-in.btn-part-01 { color: #c73f00;}.btn-check-02 .btn-check-in.btn-part-01:hover { background: #fff0ea;}.btn-check-02 input:checked + .btn-check-in.btn-part-01 { border-color: #c73f00; background: #c73f00;}.btn-check-02 input:checked + .btn-check-in.btn-part-01::after { border-top-color: #c73f00;}.btn-check-02 .btn-check-in.btn-part-02 { color: #004da5;}.btn-check-02 .btn-check-in.btn-part-02:hover { background: #e4f3ff;}.btn-check-02 input:checked + .btn-check-in.btn-part-02 { border-color: #004da5; background: #004da5;}.btn-check-02 input:checked + .btn-check-in.btn-part-02::after { border-top-color: #004da5;}.btn-check-02 .btn-check-in.btn-part-03 { color: #9731ad;}.btn-check-02 .btn-check-in.btn-part-03:hover { background: #f5ebff;}.btn-check-02 input:checked + .btn-check-in.btn-part-03 { border-color: #9731ad; background: #9731ad;}.btn-check-02 input:checked + .btn-check-in.btn-part-03::after { border-top-color: #9731ad;}.table-type-03 > * > tr > .cell-part-01 { background: #fff0ea; color: #c73f00;}.table-type-03 > * > tr > .cell-part-02 { background: #e4f3ff; color: #004da5;}.table-type-03 > * > tr > .cell-part-03 { background: #f5ebff; color: #9731ad;}.sec-cmn-01 { margin: 60px auto;} .sec-cmn-01 > *:first-child { margin-top: 0;} .sec-cmn-01 > *:last-child { margin-bottom: 0;}.box-data-02 { margin: 5px 0;}.box-data-02 + * { margin-top: 0 !important;} .box-data-02 > *:first-child { margin-top: 0;} .box-data-02 > *:last-child { margin-bottom: 0;}.box-type-04.column-two { display: flex; margin: 60px 0;} .box-type-04.column-two .fig { text-align: center;} .box-type-04.column-two .desc { flex: 1; margin-left: 20px; } .box-type-04.column-two .desc > *:first-child { margin-top: 0;} .box-type-04.column-two .desc > *:last-child { margin-bottom: 0;}@media screen and (max-width:480px) {.box-type-04.column-two { display: block;}.box-type-04.column-two + .box-type-04.column-two { margin-top: 40px;} .box-type-04.column-two .desc { margin-top: 5px; margin-left: 0; }}h3.s-mb-0 { margin-bottom: 0;}h3.s-mb-15 { margin-bottom: 5px;}h3.s-mb-10 { margin-bottom: 10px;}.s-mt-5 { margin-top: 5px;}.s-mb-5 { margin-bottom: 5px;}.s-mb-5 + * { margin-top: 0;}



/* ============================================
	参加登録フォームへのリンク
============================================ */

p.registration-link {
text-align: center;
}

a.registration-link {
background-color:#007779;
}

a.registration-link:hover { 
background-color: #007779;
}



span.color:#333333!important;

/* ============================================
	プログラムのリンク
参考：https://ics.media/entry/230629/
============================================ */


td.program-subject:hover {
  background-color: #fff2e7;
}

td.program-subject > a:hover{
  text-decoration: none;
}


/* リンクのスタイル */
.buttonIconText02 {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
  max-width: 600px;
  overflow-wrap: anywhere
}

.buttonIconText02__reverse {
  flex-direction: row-reverse;
}

.buttonIconText02_icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  aspect-ratio: 1;
  overflow: hidden;
}

.buttonIconText02_text {
  flex-shrink: 1;
  width: 100%;
  margin:0;
  color:#333333 !important;
}

@media (any-hover: hover) {
  .buttonIconText02 {
    transition: background-color 0.2s;
  }

  .buttonIconText02_icon {
    transition: transform 0.2s;
  }

  .buttonIconText02:hover .buttonIconText02_icon {
    transform: translateX(8px);
  }

  .buttonIconText02:hover .buttonIconText02_icon__left {
    transform: translateX(-8px);
  }
}

h2.ttl-level-01, h3.ttl-level-01 {
    color:#007779;
    border-bottom: 0;
    font-weight:normal; 
    text-align:center; /* 20240722追加 */
}

h2.ttl-box-02, h3.ttl-box-02 {
    color:#007779;
    text-align:center; /* 20240722追加 */
}

.text-left{/* 20240722追加 */
    text-align: left !important;
}

.text-center{/* 20240722追加 */
    text-align: center !important;
}
.text-right{/* 20240722追加 */
    text-align: right !important;
}
.talk-title {/* 20240722追加 */
    text-align:left; 
}

.togo2024 > a.self {
    color:#007779 !important;/* 20240722追加 */
}

span.label-type-02 { /* 講演種別タグ */
    border: solid 1px #796b5d;
    background: #796b5d;
    font-weight: 400;/* 20240722追加 */
}

span.label-type-03 { /* 講演時間タグ、20240722追加 */
    border: solid 1px #796b5d;
    color: #796b5d;
}

span.subject {
color:#007779;
}

tr.interlude {  /* 休憩 */
    background-color: #F7F7ED;
}


table.table-type-03 > * > tr {
    border-bottom: solid 1px #4DB2B6;
}


table.table-type-03.stripe > * > tr:nth-child(odd) {
    background: #F7F7ED;
}


.poster-list { /* ポスターページ一覧用 */
    padding: 5px 0;
}

span.poster { /* ポスターページ内部リンク用 */
    padding-top: 75px;
    margin-top: -75px;
}

a.self.poster{ /* ポスターページ内部リンク用 */
    display: block;
}

summary{cursor:pointer;}


span.poster-num {
    padding: 0 0.5em 5px;
    margin-right: 0.5em;
    border-radius: 20px;
    line-height: 1.75;
    display: inline-flex;
}


span.label-type-03 { /* 講演時間タグ、20240722追加 */
    color: #796b5d;
}

.num-part-01 {  /*red*/
    border: solid 1px #c73f00;
    background-color: #fff0ea;
    color:#c73f00;
    padding:0 0.5em;
}

.num-part-02 { /*blue*/
    border: solid 1px #004da5;
    background-color: #e4f3ff;
    color:#004da5;
    padding:0 0.5em;
}

.num-part-03 { /*purple*/
    border: solid 1px #9731ad;
    background-color: #f5ebff;
    color:#9731ad;
    padding:0 0.5em;
}

ul.column-two{
	column-count:2;
}
@media screen and (max-width:768px) {
	ul.column-two{ 	column-count:1;	}
	}