@charset "utf-8";
div.contents { background-image: url(/event/symposium/togo2023/files/robot-left.svg), url(/event/symposium/togo2023/files/robot-right.svg); background-repeat: no-repeat, no-repeat; background-position:left 5% bottom, right 5% bottom;}.nav-togo { background: #0D7EB1;}@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;} .item-togo::before { float: left; content: ""; margin: 13px 0; width: 1px; height: 14px; border-left: solid 1px #ffffff; } .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 { 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);} .link-togo:hover, .link-togo.is-current { color: #0975AB !important; background: #F7F7ED; } .link-togo:hover[target="_blank"]::after, .link-togo.is-current[target="_blank"]::after { content: url(/common/files/ico_blank_01.svg);}.hero-togo { background: #F7F7ED;} .hero-togo-in { padding: 0; max-width: 940px; } .hero-togo-in-front { background: #F7F7ED url("/event/symposium/togo2023/files/hero_togo2023_03.png") no-repeat right bottom; background-size: contain; } .hero-togo-in-cat { color: #eb6b00; padding: 40px; font-family: 'Noto Sans JP', sans-serif; font-size: 257.1%; font-weight: 700; background: #F7F7ED url("/event/symposium/togo2023/files/bg-togo2023-01.png") no-repeat right bottom; background-size: cover; text-shadow: 3px 3px 2px #F7F7ED, -3px 3px 2px #F7F7ED, 3px -3px 2px #F7F7ED, -3px -3px 2px #e8f6fa, 3px 0px 2px #e8f6fa, 0px 3px 2px #e8f6fa, -3px 0px 2px #e8f6fa, 0px -3px 2px #F7F7ED; } .poster .hero-togo-in-cat { background-image: url("/event/symposium/togo2023/files/bg_togo2023_02.png"); } @media screen and (max-width:480px) { .hero-togo-in-cat { padding: 20px; font-size: 200%; } }.contents-main.column-one-thin { float: none; margin: auto; width: auto; max-width: 675px; backdrop-filter: blur(5px); -webkit-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: 10px; bottom: 10px; border-radius: 5px; padding: 2px; height: 40px; width: 40px; background: rgba(0,0,0,0.1); } .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 { 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 #1a5fbd; margin-left: -6px;}.btn-check-02 .btn-check-in.btn-part-01 { color: #ca2a7e;}.btn-check-02 .btn-check-in.btn-part-01:hover { background: #fdf2f9;}.btn-check-02 input:checked + .btn-check-in.btn-part-01 { border-color: #ca2a7e; background: #ca2a7e;}.btn-check-02 input:checked + .btn-check-in.btn-part-01::after { border-top-color: #ca2a7e;}.btn-check-02 .btn-check-in.btn-part-02 { color: #017a51;}.btn-check-02 .btn-check-in.btn-part-02:hover { background: #e8f8f5;}.btn-check-02 input:checked + .btn-check-in.btn-part-02 { border-color: #017a51; background: #017a51;}.btn-check-02 input:checked + .btn-check-in.btn-part-02::after { border-top-color: #017a51;}.btn-check-02 .btn-check-in.btn-part-03 { color: #8b45a2;}.btn-check-02 .btn-check-in.btn-part-03:hover { background: #f5eef7;}.btn-check-02 input:checked + .btn-check-in.btn-part-03 { border-color: #8b45a2; background: #8b45a2;}.btn-check-02 input:checked + .btn-check-in.btn-part-03::after { border-top-color: #8b45a2;}.table-type-02 > * > tr > .cell-part-01 { background: #fdf2f9; color: #ca2a7e;}.table-type-02 > * > tr > .cell-part-02 { background: #e8f8f5; color: #017a51;}.table-type-02 > * > tr > .cell-part-03 { background: #f5eef7; color: #8b45a2;}.table-type-02.table-part-01 > * > tr > * { border-color: #f4c0e2;}.table-type-02.table-part-01 > * > tr > th { background: #fdf2f9; color: #ca2a7e;}.table-type-02.table-part-02 > * > tr > * { border-color: #8ddecf;}.table-type-02.table-part-02 > * > tr > th { background: #e8f8f5; color: #017a51;}.table-type-02.table-part-03 > * > tr > * { border-color: #cca9d7;}.table-type-02.table-part-03 > * > tr > th { background: #f5eef7; color: #8b45a2;}.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:#eb6b00;
}

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



span.color:#333333!important;

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


td.program-subject:hover {
    background: #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:#eb6b00;
    border-bottom: 0;
    font-size: 200%;
    font-weight:normal; roun
}

h2.ttl-box-02, h3.ttl-box-02 {
    color:#eb6b00;
}


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

span.subject {
color:#eb6b00;
}

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

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

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

