@charset "utf-8";
.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: #e8f6fa; } .link-togo:hover[target="_blank"]::after, .link-togo.is-current[target="_blank"]::after { content: url(/common/files/ico_blank_01.svg);}.hero-togo { background: #e8f6fa;} .hero-togo-in { padding: 0; max-width: 940px; } .hero-togo-in-front { background: #e8f6fa url("/event/symposium/togo2022/files/hero_togo2022_03.png") no-repeat right bottom; background-size: contain; } .hero-togo-in-cat { color: #0975AB; padding: 40px; font-family: 'Noto Sans JP', sans-serif; font-size: 257.1%; font-weight: 700; background: #e8f6fa url("/event/symposium/togo2022/files/bg_togo2022_01.png") no-repeat right bottom; background-size: cover; text-shadow: 3px 3px 2px #e8f6fa, -3px 3px 2px #e8f6fa, 3px -3px 2px #e8f6fa, -3px -3px 2px #e8f6fa, 3px 0px 2px #e8f6fa, 0px 3px 2px #e8f6fa, -3px 0px 2px #e8f6fa, 0px -3px 2px #e8f6fa; } .poster .hero-togo-in-cat { background-image: url("/event/symposium/togo2022/files/bg_togo2022_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;}.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: 20px 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;}.s-mt-5 { margin-top: 5px;}.s-mb-5 { margin-bottom: 5px;}.s-mb-5 + * { margin-top: 0;}