@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
html {
  font-size: 14px; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul, li {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

b {
  font-weight: bold; }

sup {
  vertical-align: super;
  font-size: 0.5em; }

strong {
  color: #03B0EC; }

em {
  text-decoration: underline;
  text-decoration-color: #03B0EC;
  text-underline-offset: 3px; }

html {
  scroll-padding-top: 120px; }

body {
  font: 16px/1.5 "Noto Sans JP","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: #000;
  color: #fff;
  -webkit-text-size-adjust: 100%;
  position: relative; }
  @media screen and (max-width: 799px) {
    body {
      font-size: 14px; } }

a {
  color: #000;
  display: block;
  text-decoration: none;
  transition: all .3s; }

img {
  max-width: 100%;
  vertical-align: bottom; }

.sp-show {
  display: none; }

@media screen and (max-width: 799px) {
  .sp-hide {
    display: none; }

  .sp-show {
    display: block; } }
.wrapper {
  width: 1280px;
  margin: 0 auto; }
  @media screen and (max-width: 1280px) {
    .wrapper {
      width: auto; } }
  @media screen and (max-width: 1280px) {
    .wrapper {
      padding: 0 10px;
      box-sizing: border-box; } }

#header {
  line-height: 1;
  background-color: rgba(255, 255, 255, 0.6);
  position: fixed;
  width: 100%;
  z-index: 9999; }
  #header .wrapper {
    zoom: 1;
    /* for ie */
    padding: 15px 0 15px; }
    #header .wrapper:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (max-width: 799px) {
      #header .wrapper {
        padding: 0 0;
        position: relative; } }
    #header .wrapper .audience {
      color: #000;
      font-size: 12px;
      margin-bottom: 5px; }
      @media screen and (max-width: 799px) {
        #header .wrapper .audience {
          font-size: 8px; } }
    #header .wrapper h1 {
      float: left;
      font-size: 12px;
      color: #000; }
      @media screen and (max-width: 1280px) {
        #header .wrapper h1 {
          padding: 0 0 0 10px; } }
      @media screen and (max-width: 799px) {
        #header .wrapper h1 {
          padding: 10px;
          font-size: 8px; } }
      #header .wrapper h1 .logo {
        display: block;
        margin-bottom: 7px; }
        #header .wrapper h1 .logo img {
          width: 271px; }
          @media screen and (max-width: 799px) {
            #header .wrapper h1 .logo img {
              width: 158px; } }
    #header .wrapper .navi {
      float: right; }
      @media screen and (max-width: 1280px) {
        #header .wrapper .navi {
          padding: 0 10px; } }
      @media screen and (max-width: 799px) {
        #header .wrapper .navi {
          float: none;
          clear: both;
          padding: 0 0; } }
      #header .wrapper .navi .global {
        width: auto;
        margin-bottom: 10px;
        zoom: 1;
        /* for ie */ }
        #header .wrapper .navi .global:after {
          content: "";
          display: table;
          clear: both; }
        @media screen and (max-width: 799px) {
          #header .wrapper .navi .global {
            margin-bottom: 0; } }
        #header .wrapper .navi .global li {
          float: left;
          margin-left: 1.3em; }
          @media screen and (max-width: 799px) {
            #header .wrapper .navi .global li {
              margin-left: 0;
              width: 33.333333%; }
              #header .wrapper .navi .global li:nth-child(1), #header .wrapper .navi .global li:nth-child(2), #header .wrapper .navi .global li:nth-child(4), #header .wrapper .navi .global li:nth-child(5) {
                border-right: 1px solid #6d7997;
                box-sizing: border-box; }
              #header .wrapper .navi .global li:nth-child(1), #header .wrapper .navi .global li:nth-child(2), #header .wrapper .navi .global li:nth-child(3) {
                border-bottom: 1px solid #6d7997; } }
          #header .wrapper .navi .global li a {
            font-size: 14px;
            font-weight: bold; }
            @media screen and (max-width: 799px) {
              #header .wrapper .navi .global li a {
                font-size: 11px;
                text-align: center;
                padding: 10px 0;
                background: #042f6fad;
                color: #fff; } }
      #header .wrapper .navi .sub {
        float: right;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 799px) {
          #header .wrapper .navi .sub {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 5;
            padding: 10px; } }
        #header .wrapper .navi .sub .inquiry, #header .wrapper .navi .sub .bogo-language-switcher {
          float: left; }
        #header .wrapper .navi .sub .inquiry {
          margin-right: 20px; }
          @media screen and (max-width: 799px) {
            #header .wrapper .navi .sub .inquiry {
              margin-right: 10px; } }
          #header .wrapper .navi .sub .inquiry a {
            background: #3B4043;
            color: #fff;
            border: 2px solid #CDD6DD;
            padding: 11px 20px 11px 20px;
            border-radius: 30px; }
            @media screen and (max-width: 799px) {
              #header .wrapper .navi .sub .inquiry a {
                font-size: 10px;
                padding: 5px 10px 5px 10px; } }
        #header .wrapper .navi .sub .bogo-language-switcher .bogoflags {
          display: none; }
        #header .wrapper .navi .sub .bogo-language-switcher .ja, #header .wrapper .navi .sub .bogo-language-switcher .en {
          float: left; }
          @media screen and (max-width: 799px) {
            #header .wrapper .navi .sub .bogo-language-switcher .ja, #header .wrapper .navi .sub .bogo-language-switcher .en {
              font-size: 12px; } }
        #header .wrapper .navi .sub .bogo-language-switcher .current {
          font-weight: bold; }
        #header .wrapper .navi .sub .bogo-language-switcher .en {
          margin-right: 10px;
          padding-right: 10px;
          border-right: 1px solid #000; }
          @media screen and (max-width: 799px) {
            #header .wrapper .navi .sub .bogo-language-switcher .en {
              margin-right: 7px;
              padding-right: 7px; } }

.page-title {
  padding-top: 100px;
  background: url(https://cydef2024.cydef.net/wp-content/uploads/2024/07/bg-category.jpg) no-repeat center;
  position: relative; }
  .page-title .inner .logo-cydef2024 {
    padding: 40px 0 110px 0;
    margin: 0 auto;
    width: 874px; }
    @media screen and (max-width: 799px) {
      .page-title .inner .logo-cydef2024 {
        padding: 15px 0 30px 0;
        width: 300px; } }
  .page-title .inner .logo {
    padding: 100px 0 50px 0;
    margin: 0 auto;
    width: 730px; }
    @media screen and (max-width: 799px) {
      .page-title .inner .logo {
        display: none; } }
  .page-title .inner .logo-cydef2024 {
    padding: 40px 0 80px 0; }
  .page-title .inner h1 {
    font-size: 50px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 100px; }
    @media screen and (max-width: 799px) {
      .page-title .inner h1 {
        font-size: 26px;
        padding: 60px 0; } }

.empty {
  border-bottom: none !important; }

.page-title2 {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff; }
  .page-title2 a {
    color: #fff; }
  .page-title2 .breadcrumb {
    padding: 10px 0;
    background: #000;
    color: #fff; }
    .page-title2 .breadcrumb .wrapper {
      zoom: 1;
      /* for ie */ }
      .page-title2 .breadcrumb .wrapper:after {
        content: "";
        display: table;
        clear: both; }
    .page-title2 .breadcrumb ul {
      float: right; }
      .page-title2 .breadcrumb ul li {
        display: inline; }
        .page-title2 .breadcrumb ul li::after {
          padding-left: 5px;
          padding-right: 5px;
          content: ">"; }
        .page-title2 .breadcrumb ul li::last-child::after {
          display: none; }
        .page-title2 .breadcrumb ul li a {
          color: #fff;
          display: inline; }
  .page-title2 .message-text {
    text-align: center;
    font-size: 20px;
    line-height: 2.2em;
    padding: 80px 0;
    background: linear-gradient(0deg, black, #2553BE 50%, black);
    border-bottom: 1px solid #fff; }
    @media screen and (max-width: 799px) {
      .page-title2 .message-text {
        font-size: 14px;
        padding: 15px 0 30px 0; } }
    .page-title2 .message-text a {
      display: inline;
      text-decoration: underline; }
    .page-title2 .message-text table td, .page-title2 .message-text table th {
      color: #fff; }

.news .breadcrumb {
  background: #fff !important;
  color: #000 !important;
  border-top: none;
  border-bottom: none; }
  .news .breadcrumb a {
    color: #000 !important; }

.home-title {
  background: url(https://cydef2024.cydef.net/wp-content/uploads/2024/07/bg-top-mv-scaled.jpg) center no-repeat;
  position: relative;
  padding: 170px 0 100px; }
  @media screen and (max-width: 799px) {
    .home-title {
      padding: 110px 0 40px; } }
  .home-title::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 23, 64, 0.65); }
  .home-title .wrapper {
    overflow: hidden;
    position: relative;
    z-index: 3; }
    .home-title .wrapper .inner1 {
      float: left;
      width: 50%; }
      @media screen and (max-width: 799px) {
        .home-title .wrapper .inner1 {
          float: none;
          width: auto;
          margin-bottom: 20px; } }
      .home-title .wrapper .inner1 .logo {
        display: block;
        margin-bottom: 5px; }
        @media screen and (max-width: 799px) {
          .home-title .wrapper .inner1 .logo {
            width: 296px; } }
      .home-title .wrapper .inner1 h1 {
        font-size: 20px;
        color: #FFCC00;
        font-weight: bold; }
        @media screen and (max-width: 799px) {
          .home-title .wrapper .inner1 h1 {
            font-size: 14px; } }
      .home-title .wrapper .inner1 .date {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 30px;
        display: block;
        text-shadow: 0 0 15px #03B0EC; }
        .home-title .wrapper .inner1 .date br {
          display: none; }
        @media screen and (max-width: 799px) {
          .home-title .wrapper .inner1 .date {
            font-size: 16px;
            line-height: 1.4;
            margin-bottom: 20px; } }
      .home-title .wrapper .inner1 h2 {
        line-height: 1.2;
        font-size: 48px;
        color: #03B0EC;
        font-weight: 800;
        margin-bottom: 10px; }
        @media screen and (max-width: 799px) {
          .home-title .wrapper .inner1 h2 {
            font-size: 40px; } }
      .home-title .wrapper .inner1 .text {
        font-size: 20px;
        line-height: 1.5;
        text-shadow: 0 0 15px #03B0EC;
        margin-bottom: 10px; }
        @media screen and (max-width: 799px) {
          .home-title .wrapper .inner1 .text {
            font-size: 16px; } }
      .home-title .wrapper .inner1 .interpretation {
        font-size: 20px;
        color: #FFCC00;
        font-weight: bold; }
        @media screen and (max-width: 799px) {
          .home-title .wrapper .inner1 .interpretation {
            font-size: 14px; } }
    .home-title .wrapper .inner2 {
      float: left;
      width: 50%; }
      @media screen and (max-width: 799px) {
        .home-title .wrapper .inner2 {
          float: none;
          width: auto; } }
      .home-title .wrapper .inner2 .btn {
        float: right;
        width: 70%;
        padding: 15px 0;
        background: url(../img/arrow_white_right.png) no-repeat right 40px center #03B0EC;
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        border-radius: 60px;
        text-align: center; }
        @media screen and (max-width: 799px) {
          .home-title .wrapper .inner2 .btn {
            width: 100%;
            font-size: 18px; } }
      .home-title .wrapper .inner2 .recommend {
        zoom: 1;
        /* for ie */
        margin-bottom: 30px; }
        .home-title .wrapper .inner2 .recommend:after {
          content: "";
          display: table;
          clear: both; }
        @media screen and (max-width: 799px) {
          .home-title .wrapper .inner2 .recommend {
            margin-bottom: 10px; } }
        .home-title .wrapper .inner2 .recommend h3 {
          width: 150px;
          height: 150px;
          border-radius: 150px;
          background: #03B0EC;
          position: relative;
          float: left;
          margin-right: 50px;
          margin-top: 15px;
          margin-bottom: 0; }
          @media screen and (max-width: 799px) {
            .home-title .wrapper .inner2 .recommend h3 {
              width: 90px;
              height: 90px;
              border-radius: 90px;
              margin-right: 30px; } }
          .home-title .wrapper .inner2 .recommend h3 .inner {
            width: 150px;
            line-height: 1.4;
            text-align: center;
            color: #fff;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            padding-top: 10px; }
            @media screen and (max-width: 799px) {
              .home-title .wrapper .inner2 .recommend h3 .inner {
                width: 90px; } }
            .home-title .wrapper .inner2 .recommend h3 .inner .rotate {
              transform: rotate(-10deg);
              font-weight: bold;
              font-size: 22px; }
              @media screen and (max-width: 799px) {
                .home-title .wrapper .inner2 .recommend h3 .inner .rotate {
                  font-size: 14px; } }
        .home-title .wrapper .inner2 .recommend ul {
          margin-top: 40px;
          float: left;
          width: calc(100% - 220px); }
          @media screen and (max-width: 1280px) {
            .home-title .wrapper .inner2 .recommend ul {
              width: calc(100% - 200px);
              margin-right: 0; } }
          @media screen and (max-width: 799px) {
            .home-title .wrapper .inner2 .recommend ul {
              margin-top: 10px;
              width: calc(100% - 120px); } }
          .home-title .wrapper .inner2 .recommend ul li {
            font-size: 20px;
            font-weight: bold;
            position: relative;
            margin-bottom: 20px;
            line-height: 1.3em; }
            @media screen and (max-width: 799px) {
              .home-title .wrapper .inner2 .recommend ul li {
                font-size: 14px;
                margin-bottom: 10px; } }
            .home-title .wrapper .inner2 .recommend ul li::before {
              content: '';
              display: block;
              position: absolute;
              top: 0;
              left: -1.5em;
              width: 15px;
              height: 10px;
              border-left: 5px solid #03B0EC;
              border-bottom: 5px solid #03B0EC;
              transform: rotate(-45deg); }
              @media screen and (max-width: 799px) {
                .home-title .wrapper .inner2 .recommend ul li::before {
                  top: 3px;
                  width: 10px;
                  height: 5px;
                  border-left: 3px solid #03B0EC;
                  border-bottom: 3px solid #03B0EC; } }

.cydef2024-title {
  margin: 0 auto 30px;
  position: relative; }
  .cydef2024-title .pic {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px; }
    .cydef2024-title .pic img {
      margin-bottom: 10px; }
    @media screen and (max-width: 1280px) {
      .cydef2024-title .pic {
        position: inherit;
        margin-top: 30px;
        zoom: 1;
        /* for ie */
        width: auto; }
        .cydef2024-title .pic:after {
          content: "";
          display: table;
          clear: both; }
        .cydef2024-title .pic li {
          width: 23%;
          margin-right: 2%;
          float: left; } }
  .cydef2024-title .theme {
    line-height: 1;
    font-weight: bold;
    display: inline-block;
    background: #03B0EC;
    padding: 3px 10px; }
  .cydef2024-title h1 {
    line-height: 1.2;
    font-size: 60px;
    color: #03B0EC;
    font-weight: 800; }
    @media screen and (max-width: 799px) {
      .cydef2024-title h1 {
        font-size: 40px; } }
  .cydef2024-title .date {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: -15px;
    display: block;
    text-shadow: 0 0 15px #03B0EC; }
    .cydef2024-title .date br {
      display: none; }
    @media screen and (max-width: 799px) {
      .cydef2024-title .date {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 20px; } }
  .cydef2024-title .text {
    font-size: 20px;
    line-height: 1.5;
    text-shadow: 0 0 15px #03B0EC;
    margin-bottom: 30px; }
    @media screen and (max-width: 799px) {
      .cydef2024-title .text {
        font-size: 16px; } }
  .cydef2024-title .recommend {
    zoom: 1;
    /* for ie */
    display: table-cell; }
    .cydef2024-title .recommend:after {
      content: "";
      display: table;
      clear: both; }
    .cydef2024-title .recommend h3 {
      width: 150px;
      height: 150px;
      border-radius: 150px;
      background: #03B0EC;
      position: relative;
      float: left;
      margin-right: 50px;
      margin-top: 15px;
      margin-bottom: 0; }
      @media screen and (max-width: 799px) {
        .cydef2024-title .recommend h3 {
          width: 90px;
          height: 90px;
          border-radius: 90px;
          margin-right: 30px; } }
      .cydef2024-title .recommend h3 .inner {
        width: 150px;
        line-height: 1.4;
        text-align: center;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        padding-top: 10px; }
        @media screen and (max-width: 799px) {
          .cydef2024-title .recommend h3 .inner {
            width: 90px; } }
        .cydef2024-title .recommend h3 .inner .rotate {
          transform: rotate(-10deg);
          font-weight: bold;
          font-size: 22px; }
          @media screen and (max-width: 799px) {
            .cydef2024-title .recommend h3 .inner .rotate {
              font-size: 14px; } }
    .cydef2024-title .recommend ul {
      margin-top: 40px;
      float: left;
      width: calc(100% - 420px);
      margin-right: 220px; }
      @media screen and (max-width: 1280px) {
        .cydef2024-title .recommend ul {
          width: calc(100% - 200px);
          margin-right: 0; } }
      @media screen and (max-width: 799px) {
        .cydef2024-title .recommend ul {
          margin-top: 0;
          width: calc(100% - 120px); } }
      .cydef2024-title .recommend ul li {
        font-size: 20px;
        font-weight: bold;
        position: relative;
        margin-bottom: 10px;
        line-height: 1.3em; }
        @media screen and (max-width: 799px) {
          .cydef2024-title .recommend ul li {
            font-size: 14px; } }
        .cydef2024-title .recommend ul li::before {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: -1.5em;
          width: 15px;
          height: 10px;
          border-left: 5px solid #03B0EC;
          border-bottom: 5px solid #03B0EC;
          transform: rotate(-45deg); }
          @media screen and (max-width: 799px) {
            .cydef2024-title .recommend ul li::before {
              width: 10px;
              height: 5px;
              border-left: 5px solid #03B0EC;
              border-bottom: 5px solid #03B0EC; } }

.section-topics {
  background: #fff; }
  .section-topics .wrapper {
    width: 800px;
    position: relative; }
    @media screen and (max-width: 799px) {
      .section-topics .wrapper {
        width: auto; } }
  .section-topics h2 {
    color: #000;
    font-size: 30px;
    text-decoration: underline;
    margin-bottom: 20px; }
    @media screen and (max-width: 799px) {
      .section-topics h2 {
        margin-bottom: 10px;
        font-size: 16px; } }
  .section-topics .right {
    position: absolute;
    top: 10px;
    right: 0; }
    @media screen and (max-width: 799px) {
      .section-topics .right {
        top: 0px;
        right: 20px; } }
    .section-topics .right a {
      padding-right: 22px;
      background: url(https://cydef2024.cydef.net/wp-content/uploads/2024/07/arrow_blue.png) no-repeat right center;
      background-size: 12px; }
  .section-topics ul li a {
    zoom: 1;
    /* for ie */
    padding: 10px; }
    .section-topics ul li a:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (max-width: 799px) {
      .section-topics ul li a {
        font-size: 12px;
        padding: 5px 0; } }
    .section-topics ul li a .date, .section-topics ul li a .title {
      float: left; }
    .section-topics ul li a .date {
      width: 20%;
      margin-right: 3%; }
    .section-topics ul li a .title {
      width: 77%; }

.home-cydef2024 {
  background: url(../img/bg-category.jpg) center;
  background-size: cover; }
  .home-cydef2024 .about {
    margin-bottom: 10px; }
    .home-cydef2024 .about a {
      color: #fff !important;
      text-align: right;
      background: url(../img/arrow_white_right.png) no-repeat right center;
      padding-right: 20px; }
  .home-cydef2024 img {
    width: 100%; }

.section-contact {
  background: url(https://cydef2024.cydef.net/wp-content/uploads/2024/07/bg_contact.jpg) #fff no-repeat center;
  color: #000;
  zoom: 1;
  /* for ie */ }
  .section-contact:after {
    content: "";
    display: table;
    clear: both; }
  .section-contact .section-title {
    color: #000; }
  .section-contact .contents {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 799px) {
      .section-contact .contents {
        display: block; } }
    .section-contact .contents .detail, .section-contact .contents .map {
      width: 46%;
      float: left; }
      @media screen and (max-width: 799px) {
        .section-contact .contents .detail, .section-contact .contents .map {
          width: auto;
          float: none; } }
    .section-contact .contents .detail {
      margin-right: 8%; }
      @media screen and (max-width: 799px) {
        .section-contact .contents .detail {
          margin-right: 0; } }
  @media screen and (max-width: 799px) {
    .section-contact table th {
      text-align: center;
      text-decoration: none;
      letter-spacing: 0.1em; } }
  @media screen and (max-width: 799px) {
    .section-contact table td {
      text-align: center;
      text-decoration: none; } }

.section-sponsors ul, .section-organizations ul, .section-cooperation ul {
  zoom: 1;
  /* for ie */ }
  .section-sponsors ul:after, .section-organizations ul:after, .section-cooperation ul:after {
    content: "";
    display: table;
    clear: both; }
  .section-sponsors ul li, .section-organizations ul li, .section-cooperation ul li {
    float: left; }

.section-organizations {
  background: #fff;
  color: #000; }

.section-sponsors, .section-cooperation {
  background: linear-gradient(0deg, black, #2553BE 40%, black); }

#footer .sitemap {
  padding: 40px 0;
  zoom: 1;
  /* for ie */ }
  #footer .sitemap:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (max-width: 799px) {
    #footer .sitemap {
      padding: 10px; } }
  #footer .sitemap .wrapper {
    display: flex;
    flex-wrap: wrap; }
    #footer .sitemap .wrapper .item {
      float: left;
      width: fit-content;
      margin-right: 50px; }
      #footer .sitemap .wrapper .item:last-child {
        margin-right: 0; }
      @media screen and (max-width: 1280px) {
        #footer .sitemap .wrapper .item {
          margin-bottom: 15px; } }
      @media screen and (max-width: 799px) {
        #footer .sitemap .wrapper .item {
          width: 50%;
          margin-bottom: 2.4em;
          margin-right: 0px; }
          #footer .sitemap .wrapper .item:nth-child(odd) {
            clear: both; }
          #footer .sitemap .wrapper .item:nth-child(1) {
            order: -2; }
          #footer .sitemap .wrapper .item:nth-child(4) {
            order: -1; } }
      #footer .sitemap .wrapper .item h3 {
        margin-bottom: 10px;
        border: none;
        padding-left: 0em; }
        @media screen and (max-width: 799px) {
          #footer .sitemap .wrapper .item h3 {
            margin-bottom: 5px; } }
        #footer .sitemap .wrapper .item h3 a {
          color: #CDD6DD;
          font-weight: bold;
          font-size: 15px; }
      #footer .sitemap .wrapper .item ul li {
        list-style: none; }
        #footer .sitemap .wrapper .item ul li a {
          color: #fff;
          font-size: 14px; }
#footer .cydef {
  background: #fff;
  padding: 15px 0;
  zoom: 1;
  /* for ie */ }
  #footer .cydef:after {
    content: "";
    display: table;
    clear: both; }
  #footer .cydef .wrapper .logo {
    width: 400px;
    float: left; }
    @media screen and (max-width: 799px) {
      #footer .cydef .wrapper .logo {
        width: auto;
        margin-bottom: 15px; } }
  #footer .cydef .wrapper .copyright {
    padding-top: 15px;
    float: right;
    color: #000; }
    @media screen and (max-width: 799px) {
      #footer .cydef .wrapper .copyright {
        text-align: center;
        float: none;
        font-size: 10px; } }

#page {
  padding: 100px 0;
  background: url(https://cydef2024.cydef.net/wp-content/uploads/2024/07/bg-dark_w2000.jpg) center fixed;
  background-position: fixed; }
  @media screen and (max-width: 799px) {
    #page {
      padding: 50px 0; } }
  #page h2 {
    font-size: 42px;
    font-weight: bold;
    color: #fff;
    padding: 15px 0 15px 1.0em;
    line-height: 1;
    margin: 80px 0 30px 0;
    background: linear-gradient(to right, #03B0EC 50%, rgba(255, 255, 255, 0)); }
    @media screen and (max-width: 799px) {
      #page h2 {
        font-size: 22px;
        padding: 10px 0 10px 10px;
        margin: 30px 0 10px 0; } }
  #page a {
    color: #fff;
    text-decoration: underline; }
  #page table td, #page table th {
    color: #fff; }

#single {
  padding: 100px 0;
  background: #fff url(../img/bg_single.jpg) no-repeat right bottom !important;
  background-position: inherit;
  background-size: 640px !important;
  color: #000 !important; }
  @media screen and (max-width: 799px) {
    #single {
      padding: 50px 0; } }
  #single a {
    color: #000 !important; }
  @media screen and (max-width: 799px) {
    #single {
      background-size: 320px !important; } }
  #single .meta {
    zoom: 1;
    /* for ie */
    margin-bottom: 20px; }
    #single .meta:after {
      content: "";
      display: table;
      clear: both; }
  #single .prevnext {
    margin-top: 50px;
    zoom: 1;
    /* for ie */ }
    #single .prevnext:after {
      content: "";
      display: table;
      clear: both; }
    #single .prevnext .prev {
      float: left;
      width: 49%;
      margin-right: 2%;
      padding-left: 30px;
      box-sizing: border-box;
      background: url(../img/arrow_blue_left.png) no-repeat center left; }
    #single .prevnext .next {
      float: right;
      width: 49%;
      text-align: right;
      padding-right: 30px;
      box-sizing: border-box;
      background: url(../img/arrow_blue_right.png) no-repeat center right; }
    #single .prevnext .date, #single .prevnext .title {
      line-height: 1.2; }
      @media screen and (max-width: 799px) {
        #single .prevnext .date, #single .prevnext .title {
          font-size: 12px; } }
  #single .section-topics {
    background: none; }

.cyde2024-pic1 {
  width: 80%;
  margin: 0 auto 60px; }
  @media screen and (max-width: 799px) {
    .cyde2024-pic1 {
      width: auto;
      padding: 0 30px;
      margin: 0 auto 30px; } }

.cyde2024-pic {
  width: 90%;
  margin: 0 auto 50px; }
  @media screen and (max-width: 799px) {
    .cyde2024-pic {
      width: auto;
      padding: 0 30px;
      margin: 0 auto 30px; } }

.body {
  line-height: 2;
  min-height: 300px; }
  @media screen and (max-width: 799px) {
    .body {
      min-height: 200px; } }
  .body a {
    display: inline-block;
    text-decoration: underline; }
  .body p {
    padding-left: 1.0em;
    margin-bottom: 0.5em;
    line-height: 1.5em; }
  @media screen and (max-width: 799px) {
    .body iframe {
      width: 100%; } }
  .body .co2:nth-child(2) {
    margin-bottom: 30px; }
  .body h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 40px 0 20px;
    text-shadow: 1px 1px 5px #03B0EC;
    border-bottom: 1px solid;
    border-left: 5px solid;
    border-image: linear-gradient(to right, #03B0EC 50%, rgba(255, 255, 255, 0)) 1;
    padding-left: 0.5em; }
    @media screen and (max-width: 799px) {
      .body h3 {
        font-size: 20px;
        margin: 20px 0 10px 0;
        line-height: 1.3em;
        padding: 0.5em; } }
  .body h4 {
    font-size: larger;
    font-weight: bold;
    margin: 1.5em 0 0.3em 0.3em;
    line-height: 1.4em; }
  .body .col h3 {
    border: none;
    padding-left: 0em; }
  .body .col p {
    padding-left: 0em; }
  .body .ol {
    margin: 1em 0;
    padding-left: 1.0em;
    list-style-type: decimal; }
    .body .ol li {
      margin-left: 1.0em;
      padding: 0 0 0.5em 0.2em;
      list-style: decimal;
      line-height: 1.5em; }

.section {
  padding: 30px 0; }
  @media screen and (min-width: 600px) {
    .section {
      padding: 60px 0; } }

.section-description {
  margin-bottom: 30px;
  text-align: center; }

h2.section-title {
  text-align: center;
  position: relative;
  font-size: 38px;
  font-weight: bold;
  margin-bottom: 50px;
  zoom: 1;
  /* for ie */ }
  h2.section-title:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (max-width: 799px) {
    h2.section-title {
      margin-bottom: 1rem;
      font-size: 30px; } }

h3.section-title {
  padding-left: 1rem;
  border-left: 3px solid #003366;
  margin-bottom: 2rem;
  font-size: 1.2rem; }

@media screen and (max-width: 799px) {
  .sp-hide {
    display: none; } }

.sp-show {
  display: none !important; }
  @media screen and (max-width: 799px) {
    .sp-show {
      display: inline-block !important; } }

.list-disc {
  list-style-type: disc;
  margin-left: 1.5em; }
  .list-disc li {
    vertical-align: top; }
    .list-disc li a {
      display: inline; }

/*---------------------------------------
From
---------------------------------------*/
@media screen and (min-width: 600px) {
  form {
    padding: 0; } }
form .mw_wp_form_confirm dd {
  background: #fff;
  padding: 10px; }
form dl dt {
  position: relative;
  margin-bottom: 5px; }
form dl dd {
  zoom: 1;
  /* for ie */
  margin-bottom: 15px; }
  form dl dd:after {
    content: "";
    display: table;
    clear: both; }
  form dl dd label {
    margin-right: 10px;
    white-space: nowrap; }
  form dl dd:after {
    content: ""; }
  form dl dd table {
    border: none; }
    form dl dd table tr td {
      border: none;
      width: 80%; }
      @media screen and (max-width: 799px) {
        form dl dd table tr td {
          width: 50%; } }
      form dl dd table tr td:first-child {
        text-align: right;
        width: 20%; }
        @media screen and (max-width: 799px) {
          form dl dd table tr td:first-child {
            width: 50%; } }
form .require {
  background: #FF75BA;
  color: #fff;
  font-size: 12px;
  padding: 1px 3px;
  border-radius: 3px; }
form .example {
  font-size: 12px;
  padding-top: 5px; }
form .error {
  font-weight: bold;
  color: #FF0000;
  background: #FFF2F2;
  clear: both; }
form input[type="text"],
form textarea, form select,
form input[type="number"],
form input[type="email"] {
  border: 1px solid #707070;
  padding: 10px;
  background: #fff;
  font-size: 15px; }
  @media screen and (max-width: 799px) {
    form input[type="text"],
    form textarea, form select,
    form input[type="number"],
    form input[type="email"] {
      width: 100%; } }
form input[type="text"],
form input[type="email"],
form textarea {
  width: 80%;
  box-sizing: border-box; }
  @media screen and (max-width: 600px) {
    form input[type="text"],
    form input[type="email"],
    form textarea {
      width: 100%; } }
form .mwform-radio-field-text, form .mwform-checkbox-field-text {
  font-size: 15px; }
form .send, form button[type="submit"] {
  width: 320px;
  margin: 1rem auto;
  background: #FF75BA;
  color: #fff;
  border: none;
  font-size: 1.1rem;
  font-weight: bold;
  padding: 15px 0;
  text-align: center;
  display: block;
  cursor: pointer; }
form .back, form .submitBack {
  width: 200px;
  margin: 0 auto;
  padding: 10px 0;
  display: block;
  background: #f5f5f5;
  border: 1px solid #707070;
  cursor: pointer; }

/*---------------------------------------
Elements
---------------------------------------*/
table {
  width: 100%;
  margin-bottom: 20px; }
  table a {
    display: inline;
    text-decoration: underline; }
  table th {
    width: 20%;
    padding: 15px 0;
    box-sizing: border-box;
    vertical-align: middle;
    font-weight: bold;
    border-bottom: 1px solid #707070;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 1.05em; }
    @media screen and (max-width: 799px) {
      table th {
        padding: 10px 0 5px 0;
        border-top: 1px solid #707070;
        border-bottom: none;
        display: block;
        width: 100%;
        text-align: left;
        letter-spacing: 0.2em;
        font-size: 15px;
        text-decoration: 1px #03b0ec82 underline;
        text-underline-offset: 0.4em; } }
  table td {
    padding: 15px 0;
    text-align: left;
    box-sizing: border-box;
    border-bottom: 1px solid #707070; }
    @media screen and (max-width: 799px) {
      table td {
        padding: 0 0 10px 0;
        border-bottom: none;
        display: block;
        width: 100%;
        font-size: 12px; } }

.table01, .table02 {
  margin-left: 1.0em;
  width: calc(100% - 1.0em);
  margin-bottom: 20px; }
  @media screen and (max-width: 799px) {
    .table01, .table02 {
      overflow-x: scroll;
      white-space: nowrap; } }
  .table01 a, .table02 a {
    display: inline;
    text-decoration: underline; }
  .table01 th, .table01 td, .table02 th, .table02 td {
    border: 1.2px solid #707070 !important;
    font-size: 1.15em;
    line-height: 1.6em;
    font-weight: normal; }
    @media screen and (max-width: 799px) {
      .table01 th, .table01 td, .table02 th, .table02 td {
        padding: 0 10px;
        width: 50%; } }
  .table01 thead th, .table02 thead th {
    background-color: #95DCF7;
    color: #000 !important;
    text-decoration: none; }
  .table01 tbody th, .table02 tbody th {
    background-color: #0B769F;
    text-decoration: none; }
  .table01 tbody td, .table02 tbody td {
    background-color: #FFF;
    color: #000 !important;
    text-align: center;
    border: 1.2px solid #707070 !important;
    font-size: 1.15em;
    line-height: 1.6em;
    font-weight: normal; }
  @media screen and (max-width: 799px) {
    .table01 th, .table02 th {
      display: table-cell !important;
      text-align: center; } }
  @media screen and (max-width: 799px) {
    .table01 td, .table02 td {
      display: table-cell !important;
      text-align: center; } }

.btn {
  width: 280px;
  margin: 1rem auto 1rem; }
  @media screen and (min-width: 600px) {
    .btn {
      width: 320px; } }
  .btn a {
    font-weight: bold;
    font-size: 18px;
    border-radius: 35px;
    padding: 15px;
    background: #FF75BA;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #fff;
    transition: color 0.4s ease;
    cursor: pointer;
    text-align: center; }
    .btn a::before {
      content: "";
      border-radius: 35px;
      display: block;
      width: calc(100% + 2px);
      height: calc(100% + 2px);
      position: absolute;
      left: -1px;
      top: -1px;
      background: #FF007F;
      transform: scale(0);
      z-index: -1;
      transition: transform 0.3s cubic-bezier(0.93, -0.62, 0.37, 1.45); }
    .btn a:hover::before {
      transform: scale(1);
      transition: transform 0.3s cubic-bezier(0.53, 0.37, 0.48, 1.57); }
  .btn.mail a::after {
    content: url("../img/icon_mail.png");
    padding-left: 15px;
    vertical-align: middle; }

.col2::after {
  content: "";
  display: block;
  clear: both; }
.col2 .col {
  width: 44%;
  float: left; }
  .col2 .col:first-child {
    margin-right: 4%; }
  @media screen and (max-width: 799px) {
    .col2 .col {
      width: 100%;
      float: none;
      margin-bottom: 10px; }
      .col2 .col:first-child {
        margin-right: 0; } }

.message_detail {
  text-align: left; }

.contents_vertical_area {
  line-height: 1.6em; }
  .contents_vertical_area .subtitle {
    font-size: 19px;
    font-weight: bold;
    color: #ecb807;
    margin-bottom: 0.8em; }
    @media screen and (max-width: 799px) {
      .contents_vertical_area .subtitle {
        font-size: 15px;
        margin-bottom: 5px; } }
  .contents_vertical_area .text p {
    margin-bottom: 0.8em; }
  .contents_vertical_area .img {
    margin-bottom: 1.0em; }

.contents_horizontal_textarea dt, .contents_horizontal_textarea dd {
  font-size: 19px;
  font-weight: bold;
  line-height: 1.6em;
  margin-bottom: 1.0em; }
  @media screen and (max-width: 799px) {
    .contents_horizontal_textarea dt, .contents_horizontal_textarea dd {
      font-size: 16px; } }
.contents_horizontal_textarea dt {
  float: left; }
  .contents_horizontal_textarea dt img {
    width: 1.6em;
    margin-right: 0.3em; }
    @media screen and (max-width: 799px) {
      .contents_horizontal_textarea dt img {
        width: 1.2em; } }
.contents_horizontal_textarea dd {
  margin-left: 2.2em; }

.contents_horizontal_title {
  margin-top: 0 !important; }

.message_detail h3 {
  margin-top: 4.0em; }
.message_detail p {
  line-height: 1.4em;
  margin: 0.8em 0; }

@media screen and (max-width: 799px) {
  .program h2 {
    line-height: 1.2em !important; } }
.program p {
  display: block; }
.program a {
  color: #03B0EC !important;
  text-decoration: none !important;
  text-underline-offset: 0.2em; }
.program th {
  width: 10em;
  font-weight: normal;
  padding-left: 0.5em;
  text-align: left;
  text-decoration: none; }
  @media screen and (max-width: 799px) {
    .program th {
      width: 100%;
      padding-left: 0;
      font-size: 1em; } }
.program th, .program td {
  line-height: 1.4em; }
.program .event {
  width: 18em;
  font-size: 1.0em;
  text-shadow: 1px 1px 5px #03B0EC; }

.speakers_list {
  display: flex;
  flex-wrap: wrap; }
  .speakers_list li {
    width: 24%;
    /* 4clm 24%,5clm 19% */
    margin: 0 0.5% 30px;
    float: left;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 799px) {
      .speakers_list li {
        width: 31%;
        margin: 0 1% 15px; } }
    @media screen and (max-width: 480px) {
      .speakers_list li {
        width: 48%;
        margin: 0 1% 15px; } }
    .speakers_list li .speakers_pic {
      position: relative; }
      .speakers_list li .speakers_pic img {
        max-width: 100%;
        vertical-align: inherit; }
      .speakers_list li .speakers_pic::after {
        position: absolute;
        content: "";
        background-image: linear-gradient(180deg, transparent 0 0%, #000 100%);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3rem; }
    .speakers_list li .speakers_content {
      background: #000;
      color: #fff;
      padding: 15px;
      font-size: .9em;
      line-height: 1.4;
      margin-top: -5px;
      position: relative; }
      .speakers_list li .speakers_content .speakers_name {
        margin-bottom: 5px; }
      .speakers_list li .speakers_content .speakers_plate {
        min-height: 7.0em; }
        .speakers_list li .speakers_content .speakers_plate .speakers_org, .speakers_list li .speakers_content .speakers_plate .speakers_title {
          font-size: .8em; }
        .speakers_list li .speakers_content .speakers_plate .speakers_title {
          margin-bottom: 10px; }
      .speakers_list li .speakers_content .speakers_role {
        display: none;
        position: absolute;
        top: -15px;
        left: 15px;
        background: #fff;
        color: #000;
        padding: 0 5px;
        text-align: center;
        z-index: 9999;
        font-size: 12px; }
      .speakers_list li .speakers_content .speakers_description summary {
        font-size: 0.9rem; }
        .speakers_list li .speakers_content .speakers_description summary:hover {
          cursor: pointer; }
      .speakers_list li .speakers_content .speakers_description .body {
        font-size: 0.8em;
        min-height: inherit;
        padding-top: 5px;
        line-height: 1.6em; }

a.out:after {
  content: "";
  padding-left: 1.5em;
  background: url(../img/up-right-from-square-solid.svg) no-repeat 50%;
  background-size: 0.8em; }

a.out-w:after {
  content: "";
  padding-left: 1.5em;
  background: url(../img/up-right-from-square-solid_w.svg) no-repeat 50%;
  background-size: 0.8em; }

.lang-en .speakers_title {
  margin-bottom: 0px !important; }
.lang-en .speakers_org {
  margin-bottom: 10px !important; }

@media screen and (max-width: 799px) {
  .lang-ja {
    width: 100% !important; } }

#symbol_logo {
  width: 200px;
  float: left;
  overflow: hidden; }
  @media screen and (max-width: 799px) {
    #symbol_logo {
      width: 100%; } }
  @media screen and (max-width: 799px) {
    #symbol_logo img {
      width: 100%; } }

#symbol_text {
  margin: 1.0em 0 0 1.0em;
  width: calc(100% - 220px);
  float: left; }
  @media screen and (max-width: 799px) {
    #symbol_text {
      margin: 1.0em 0 0 1.0em;
      width: 100%;
      margin: 1.0em 0 0 0; } }

#symbol_text p {
  padding-left: 0.4em; }

.committee li {
  padding-left: 1.0em;
  line-height: 1.3em;
  margin-bottom: 1.0em; }

.contents_vertical h3 {
  padding-left: 0 !important; }

.lang-en .body h3 {
  line-height: 1.3em;
  padding: 0.5em; }

@media screen and (max-width: 799px) {
  .table_td_lh-small td {
    line-height: 1.6em !important; } }
.program p {
  padding-left: 0;
  margin-bottom: 1.0em; }
.program th, .program td.event {
  vertical-align: top;
  padding-top: 2.0em;
  width: 10em; }
@media screen and (max-width: 799px) {
  .program th {
    padding-top: 1.0em;
    width: 100%; } }
@media screen and (max-width: 799px) {
  .program td.event {
    padding-top: 0em; } }
.program .event {
  font-size: 1.1em !important;
  width: 14em !important; }
.program .report {
  font-size: 1.1em;
  text-shadow: 1px 1px 5px #03B0EC; }
.program .title {
  font-size: 1.15em;
  font-weight: 500;
  line-height: 1.4em;
  /* text-shadow: 1px 1px 5px #03B0EC; */
  margin: 1.0em 0;
  color: #0394ec; }
  @media screen and (max-width: 799px) {
    .program .title {
      margin-top: 0em !important; } }
.program .speaker {
  font-size: 1.05em;
  line-height: 1.5em;
  margin: 1.0em 0; }
  .program .speaker span {
    font-weight: 600;
    font-size: 1.05em;
    letter-spacing: 0.02em;
    color: #0394ec; }
  .program .speaker a {
    text-shadow: 2px 2px 6px #0340ec; }
.program .speaker2 {
  font-weight: bold;
  font-size: 1.05em;
  letter-spacing: 0.02em;
  color: #0394ec; }
.program .speaker2-jp {
  padding-left: 1.1em;
  margin-bottom: 1.0em;
  line-height: 1.4em; }
  .program .speaker2-jp li {
    margin-bottom: 0.2em; }
@media screen and (max-width: 799px) {
  .program .panel-members li {
    line-height: 1.4em;
    margin-bottom: 1.0em; } }

.speakers_description .body p {
  padding-left: 0em; }

.registration-page h3 {
  line-height: 1.2em; }

.reg_deadline {
  margin-top: 0.9em;
  margin-bottom: 0.8em;
  font-size: 1.05em;
  line-height: 1.35em; }

.registration-page h3 {
  line-height: 1.2em; }

@media screen and (max-width: 799px) {
  .table01 td, .table02 td, .table01 th, .table02 th {
    padding: 0.5em; }

  .table01 th, .table02 th {
    letter-spacing: 0em; } }
.ul {
  margin: 1em 0;
  padding-left: 1.0em; }
  .ul li {
    margin-left: 1.0em;
    padding: 0 0 0.5em 0.2em;
    list-style: square;
    line-height: 1.5em; }

.txt-type01 {
  border: 1px solid #ccc;
  padding: 1.0em;
  text-align: center;
  font-size: 0.95em;
  line-height: 1.95em; }

.registration-page .btn {
  width: 310px;
  padding: 0.5em 0;
  background: url(https://cydef2024.cydef.net/img/arrow_white_right.png) no-repeat right 1em center #ff3ceaab;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  border-radius: 5px;
  text-align: center;
  text-decoration: none !important; }
.registration-page .btn-off {
  width: 310px;
  padding: 0.5em 0;
  background: url(https://cydef2024.cydef.net/img/arrow_white_right.png) no-repeat right 1em center #ff3cea66;
  color: #ffffff70;
  font-size: 1.2em;
  font-weight: bold;
  border-radius: 5px;
  text-align: center;
  text-decoration: none !important;
  margin: 1rem auto 1rem; }

.text_donation {
  margin-left: -10px;
  margin-top: 1.0em;
  line-height: 1.4em !important; }

.ccoin {
  width: 300px; }

.lang-en .registration-page h3 {
  line-height: 1.2em; }
.lang-en .table01 th, .lang-en .table02 th {
  letter-spacing: 0em; }

.sponsors-page h3 {
  margin: 2.0em auto 1.0em;
  padding-bottom: 0.3em;
  text-align: center;
  line-height: 1.4em;
  border-left: 0px;
  border-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #03B0EC 25%, rgba(255, 255, 255, 0)) 1; }
.sponsors-page .list li {
  margin: 1.0em 0em 1.0em 1.2em;
  font-size: 1.2em;
  line-height: 1.2em;
  text-align: center;
  /* list-style: square !important; */ }
.sponsors-page .txt-type02 {
  border: 1px solid #ccc;
  padding: 1.5em;
  font-size: 0.9em; }
.sponsors-page .subtitle {
  font-size: 1.5em;
  margin: 1.0em auto 0.8em; }
  @media screen and (max-width: 799px) {
    .sponsors-page .subtitle {
      font-size: 1.2em; } }
  .sponsors-page .subtitle a {
    font-weight: bold;
    color: #ecb807 !important; }

.banner_list {
  width: fit-content;
  margin: 0 auto 5.0em;
  overflow: hidden; }
  .banner_list li {
    /* width: 33.33%;
    float: left; */
    text-align: center;
    margin: 0 10px 1em; }
    .banner_list li a {
      text-decoration: none !important; }

.banner_entity {
  font-size: 1.2em;
  text-align: center;
  line-height: 1.2em; }

.banner_img .white {
  border: 1px solid #707070; }
.banner_img img {
  margin: 0em auto 0.6em; }

.sponsor_platinum img {
  height: 153px; }
  @media screen and (max-width: 799px) {
    .sponsor_platinum img {
      height: 140px; } }

.sponsor_gold img {
  height: 140px; }
  @media screen and (max-width: 799px) {
    .sponsor_gold img {
      height: 120px; } }

.sponsor_silver img {
  height: 120px; }
  @media screen and (max-width: 799px) {
    .sponsor_silver img {
      height: 110px; } }

.sponsor_bronze img {
  height: 110px; }
  @media screen and (max-width: 799px) {
    .sponsor_bronze img {
      height: 100px; } }

.sponsor_banner img {
  height: 100px; }
  @media screen and (max-width: 799px) {
    .sponsor_banner img {
      height: 75px; } }

.online_exhibition {
  text-align: center; }

.lang-en .subtitle {
  font-size: 1.5em;
  margin: 1.0em auto 0.8em; }
  .lang-en .subtitle a {
    font-weight: bold;
    color: #ecb807 !important; }

.lang-ja .section-sponsors .banner {
  margin: 0 auto;
  width: fit-content;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden; }
  .lang-ja .section-sponsors .banner li {
    float: left;
    width: calc(1280px / 7 - 20px);
    margin: 0 10px 1em; }
    @media screen and (max-width: 799px) {
      .lang-ja .section-sponsors .banner li {
        width: 24%;
        margin: 0 0.5% 1em; } }
    @media screen and (max-width: 600px) {
      .lang-ja .section-sponsors .banner li {
        width: 31%;
        margin: 0 1% 1em; } }
    @media screen and (max-width: 600px) {
      .lang-ja .section-sponsors .banner li img {
        width: 100%; } }
.lang-ja .section-organizations {
  background: linear-gradient(0deg, #e0f2ff, #ffffff 40%, #e0f2ff); }
  .lang-ja .section-organizations .banner {
    margin: 0 auto;
    width: fit-content;
    text-align: center; }
    .lang-ja .section-organizations .banner li {
      float: none;
      display: inline;
      white-space: nowrap;
      line-height: 2em; }
    .lang-ja .section-organizations .banner li:not(:last-child):after {
      content: "|";
      padding-right: 1px;
      padding-left: 5px; }
    @media screen and (max-width: 799px) {
      .lang-ja .section-organizations .banner .llong {
        white-space: normal; } }

.lang-en .section-sponsors .banner {
  margin: 0 auto;
  width: fit-content;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden; }
  .lang-en .section-sponsors .banner li {
    float: left;
    width: calc(1280px / 7 - 20px);
    margin: 0 10px 1em; }
    @media screen and (max-width: 900px) {
      .lang-en .section-sponsors .banner li {
        width: 24%;
        margin: 0 0.5% 1em; } }
    @media screen and (max-width: 600px) {
      .lang-en .section-sponsors .banner li {
        width: 31%;
        margin: 0 1% 1em; }
        .lang-en .section-sponsors .banner li img {
          width: 100%; } }
.lang-en .section-organizations .banner {
  margin: 0 auto;
  width: fit-content;
  text-align: center; }
  .lang-en .section-organizations .banner li {
    float: none;
    display: inline; }
  .lang-en .section-organizations .banner li:not(:last-child):after {
    content: "|";
    padding-right: 10px;
    margin-left: 10px; }
.lang-en .section-cooperation .banner li:not(:last-child):after {
  content: "|";
  padding-right: 10px;
  margin-left: 10px; }
.lang-en .section-organizations {
  background: linear-gradient(0deg, #e0f2ff, #ffffff 40%, #e0f2ff); }

/*# sourceMappingURL=style.css.map */