<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/***** 共通読み込み *****/
/***** ブレイクポイント *****/
/***** 画面幅 *****/
/***** 色 *****/
/***** 文字サイズ *****/
/***** フォント *****/
/***** 余白 *****/
/***** ヘッダー *****/
/*開催情報 sp高さ*/
/***** 画像サムネール *****/
/***** ロールオーバー *****/
/***** ボタン共通 *****/
/***** タイトル *****/
/*下層 タイトル*/
/*背景付パンくず*/
/*インデックス・ナビ*/
/***** 共通余白 *****/
/*マーク*/
/*講演者表示共通*/
/***** font *****/
@import url("https://fonts.googleapis.com/css?family=Oswald:400,500,700|Roboto:500&amp;display=swap");
@font-face {
  font-family: 'icon';
  src: url("../font/icon.ttf") format("truetype"), url("../font/icon.woff") format("woff"), url("../font/icon.svg#icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*リセット*/
body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, select, div, span, label, input, textarea, button, table, td, th, figure, nav, main, img {
  margin: 0;
  padding: 0;
}

html, body {
  -webkit-text-size-adjust: 100%;
  position: relative;
}

html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  overflow-x: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: justify;
  text-justify: inter-ideograph;
  line-break: strict;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: #ffffff;
  color: #000000;
  font-size: 1.4rem;
  line-height: 1.6;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (min-width: 736px) {
  body {
    font-size: 1.6rem;
  }
}

h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, select, div, label, input, button, select, option, textarea, table, td, th, figure, nav, main, address {
  font-weight: inherit;
  font-style: normal;
}

a, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, select, div, label, input, button, select, option, textarea, button, table, td, th, figure, nav, main, address {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

*[disabled] {
  opacity: 1;
  cursor: auto;
}

table, td, th {
  border-spacing: 0;
}

th {
  text-align: justify;
}

a {
  text-decoration: none;
  outline: none;
}

a img {
  border: 0;
}

img, svg {
  vertical-align: bottom;
}

li {
  list-style: none;
}

input[type="submit"], input[type="button"], button, input[type="radio"] + label, input[type="checkbox"] + label, input[type="file"] + label, a {
  cursor: pointer;
}

main {
  display: block;
}

/*フォーカス削除*/
a, button, input {
  -webkit-tap-highlight-color: transparent;
}

/*フォームパーツリセット*/
label, input, select, option, textarea, button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  background: none transparent;
  outline: none;
}

select {
  text-indent: 0.01px;
  text-overflow: '';
}

select::-ms-expand {
  display: none;
}

input[type="file"],
input[type="checkbox"],
input[type="radio"] {
  display: none;
}

input[type="file"] {
  opacity: 0;
  width: 0;
  height: 0;
}

/*svgインライン*/
body &gt; svg {
  width: 0;
  height: 0;
  opacity: 0;
  position: fixed;
}

/*英語時揃え*/
.en {
  text-align: left;
}

/*ボタン押せない*/
.btn_disable {
  background: #6d6e71 !important;
  pointer-events: none !important;
  color: rgba(255, 255, 255, 0.1) !important;
}

@media screen and (max-width: 735px) {
  .btn_pre .btn_disable {
    border-bottom: 1px solid #3e3e3e !important;
  }
}
.btn_pre .btn_disable::after {
  background: rgba(255, 255, 255, 0.05) !important;
}

.nav_disable {
  color: rgba(109, 110, 113, 0.5) !important;
  pointer-events: none !important;
}

.btn_border_disable {
  color: rgba(109, 110, 113, 0.5) !important;
  border-color: rgba(109, 110, 113, 0.5) !important;
  pointer-events: none !important;
}

/*改行*/
@media screen and (max-width: 735px) {
  .pc_br {
    display: none;
  }
}

@media screen and (min-width: 736px) {
  .sp_br {
    display: none;
  }
}

/*太字*/
.font_b {
  font-weight: bold;
}

/***** ヘッダー *****/
/*同時開催ボタン pc横幅*/
/*マークボタン sp高さ*/
/*spボタン 高さ*/
header {
  background-color: #ffffff;
  width: 100%;
  max-width: 1400px;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  box-shadow: 50vw 0 #ffffff, -50vw 0 #ffffff;
  /*spボタン*/
}
@media screen and (min-width: 736px) {
  header {
    left: 50%;
    transform: translateX(-50%);
  }
}
header .header_top {
  display: flex;
}
@media screen and (max-width: 735px) {
  header .header_top {
    flex-direction: column;
  }
}
@media screen and (min-width: 736px) {
  header .header_top {
    padding-left: 10px;
    align-items: center;
    height: 60px;
  }
}
@media screen and (max-width: 735px) {
  header .header_top h1 {
    padding-left: 10px;
    order: 10;
    display: flex;
    height: 52px;
    align-items: center;
  }
}
@media screen and (min-width: 736px) {
  header .header_top h1 {
    margin-right: 10px;
  }
}
@media screen and (min-width: 1024px) {
  header .header_top h1 {
    margin-right: 20px;
  }
}
header .header_top h1 svg {
  display: block;
  fill: #003146;
  height: 40px;
  width: 134px;
}
header .header_top p {
  font-weight: bold;
  line-height: 1.5;
  font-size: 1rem;
}
@media screen and (max-width: 735px) {
  header .header_top p {
    padding: 0 10px;
    box-sizing: border-box;
    height: 35px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(1, 48, 72, 0.05);
  }
}
@media screen and (min-width: 736px) {
  header .header_top p {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1024px) {
  header .header_top p {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 735px) {
  header .header_top p br {
    display: none;
  }
}
header .header_bottom {
  /*来場者事前登録*/
  /*Gナビ*/
}
@media screen and (max-width: 735px) {
  header .header_bottom {
    display: none;
    flex-direction: column;
    max-height: calc(100vh - (52px + 35px));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding-top: 45px;
    padding-bottom: 40px;
    box-sizing: border-box;
    box-shadow: 0 50vw #ffffff;
  }
  header .header_bottom::before {
    content: "";
    display: block;
    top: 45px;
    left: 0;
    right: 0;
    height: 0;
    border-bottom: 1px solid #013048;
  }
  header .header_bottom a,
  header .header_bottom span {
    padding: 0 20px;
    display: flex;
    align-items: center;
    height: 50px;
    border-bottom: 1px solid #013048;
  }
}
@media screen and (min-width: 736px) {
  header .header_bottom {
    display: block !important;
  }
}
header .header_bottom &gt; div {
  /*My Pape 同時開催*/
  /*日英ボタン sns sp共通*/
  /*日英ボタン*/
  /*sns*/
}
@media screen and (max-width: 735px) {
  header .header_bottom &gt; div {
    order: 20;
  }
}
@media screen and (min-width: 736px) {
  header .header_bottom &gt; div {
    display: flex;
    align-items: center;
    height: 60px;
    position: absolute;
    top: 0;
    right: 100px;
  }
}
@media screen and (min-width: 1024px) {
  header .header_bottom &gt; div {
    right: 200px;
  }
}
@media screen and (min-width: 736px) {
  header .header_bottom &gt; div ul {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  header .header_bottom &gt; div ul {
    margin-right: 10px;
  }
}
@media screen and (min-width: 736px) {
  header .header_bottom &gt; div ul li {
    margin-right: 10px;
  }
}
@media screen and (min-width: 1024px) {
  header .header_bottom &gt; div ul li {
    margin-right: 15px;
  }
}
@media screen and (min-width: 736px) {
  header .header_bottom &gt; div .link_info li a:hover {
    text-decoration: underline;
  }
}
@media screen and (min-width: 736px) {
  header .header_bottom &gt; div .link_info li a {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1024px) {
  header .header_bottom &gt; div .link_info li a {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 736px) {
  header .header_bottom &gt; div .link_info li a::before {
    font-family: "icon";
    content: "\3e";
    font-size: 8px;
  }
}
@media screen and (min-width: 1024px) {
  header .header_bottom &gt; div .link_info li a::before {
    margin-right: 2px;
  }
}
@media screen and (max-width: 735px) {
  header .header_bottom &gt; div .lang_switch,
  header .header_bottom &gt; div .header_sns {
    position: absolute;
    top: 0;
    height: 45px;
    display: flex;
    align-items: center;
  }
  header .header_bottom &gt; div .lang_switch a,
  header .header_bottom &gt; div .header_sns a {
    border: none;
    height: auto;
    padding: 10px;
  }
}
@media screen and (max-width: 735px) {
  header .header_bottom &gt; div .lang_switch {
    right: 10px;
  }
}
header .header_bottom &gt; div .lang_switch li a {
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 1.4rem;
  color: #013048;
}
@media screen and (min-width: 736px) {
  header .header_bottom &gt; div .lang_switch li a {
    transition: opacity .3s;
  }
  header .header_bottom &gt; div .lang_switch li a:hover {
    opacity: .6;
  }
}
@media screen and (max-width: 735px) {
  header .header_bottom &gt; div .header_sns {
    position: absolute;
    right: 45px;
  }
}
header .header_bottom &gt; div .header_sns li a {
  display: block;
}
@media screen and (min-width: 736px) {
  header .header_bottom &gt; div .header_sns li a {
    transition: opacity .3s;
  }
  header .header_bottom &gt; div .header_sns li a:hover {
    opacity: .6;
  }
}
header .header_bottom &gt; div .header_sns li a svg {
  width: 28px;
  height: 28px;
  fill: #013048;
}
@media screen and (min-width: 736px) {
  header .header_bottom .btn_pre {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: auto;
    z-index: 10;
    display: flex;
    flex-direction: column;
  }
}
header .header_bottom .btn_pre a {
  background-color: #da1c00;
  color: #ffffff;
  font-weight: bold;
  display: flex;
  align-items: center;
  position: relative;
  transition: all .3s;
  line-height: 1.2;
}
@media screen and (max-width: 735px) {
  header .header_bottom .btn_pre a {
    border-bottom: 1px solid #600803;
    flex: 0 0 50px;
    order: 10;
  }
}
@media screen and (max-width: 1023px) {
  header .header_bottom .btn_pre a br {
    display: none;
  }
}
@media screen and (min-width: 736px) {
  header .header_bottom .btn_pre a {
    text-align: center;
    justify-content: center;
    flex-direction: column;
    font-size: 1.4rem;
    height: 50%;
    flex: 1 1 auto;
    width: 100px;
  }
  header .header_bottom .btn_pre a:hover {
    background-color: #d84a3a;
  }
  header .header_bottom .btn_pre a:not(:last-child) {
    border-bottom: 1px solid #e6e7e8;
  }
}
@media screen and (min-width: 1024px) {
  header .header_bottom .btn_pre a {
    width: 200px;
    font-size: 1.9rem;
    line-height: 1;
  }
}
header .header_bottom .btn_pre a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 10;
}
@media screen and (min-width: 736px) {
  header .header_bottom .btn_pre a span {
    font-size: 80%;
    display: block;
    margin-top: 3px;
  }
}
@media screen and (min-width: 736px) {
  header .header_bottom &gt; nav {
    background-color: #013048;
    color: #ffffff;
    position: relative;
    width: 100vw;
    left: 50%;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 736px) {
  header .header_bottom &gt; nav ul {
    display: flex;
    height: 40px;
    padding-left: 30px;
  }
}
@media screen and (min-width: 820px) {
  header .header_bottom &gt; nav ul {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    justify-content: center;
    padding-left: 0;
    box-sizing: border-box;
  }
}
header .header_bottom &gt; nav &gt; ul &gt; li {
  /*カンファレンスボタン*/
  /*インストアテックボタン*/
}
@media screen and (max-width: 735px) {
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; span,
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; a {
    position: relative;
  }
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; span::after,
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; a::after {
    font-family: "icon";
    content: "\3e";
    font-size: 12px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 736px) {
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; span,
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; a {
    display: block;
    height: 100%;
    transform: skewX(-15deg);
    border-right: 1px solid #01161e;
    box-shadow: 1px 0 #034e6b;
    padding: 0 10px;
  }
}
@media screen and (min-width: 1024px) {
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; span,
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; a {
    padding: 0 15px;
  }
}
@media screen and (min-width: 1300px) {
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; span,
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; a {
    padding: 0 20px;
  }
}
@media screen and (min-width: 1400px) {
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; span,
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; a {
    padding: 0 30px;
  }
}
@media screen and (max-width: 735px) {
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; span span,
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; a span {
    border: none;
    padding: 0;
  }
}
@media screen and (min-width: 736px) {
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; span span,
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; a span {
    transform: skewX(15deg);
    display: flex;
    height: 100%;
    align-items: center;
    transition: all .3s;
  }
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; span span:hover,
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; a span:hover {
    transform: skewX(15deg) scale(1.1);
  }
}
header .header_bottom &gt; nav &gt; ul &gt; li .h_it_conference {
  color: #ffff00;
}
@media screen and (max-width: 735px) {
  header .header_bottom &gt; nav &gt; ul &gt; li .h_it_conference {
    background-color: #000000;
    border-bottom: 1px solid #6d6e71;
  }
}
header .header_bottom &gt; nav &gt; ul &gt; li .btn_instore {
  color: #1a206a;
  background-color: rgba(255, 255, 255, 0.9);
  font-family: "Oswald", sans-serif;
  height: calc(100% - 2px);
  margin-top: 1px;
}
header .header_bottom &gt; nav &gt; ul &gt; li .btn_instore span::before {
  font-family: "icon";
  content: "\1f6d2";
  font-size: 20px;
  margin-right: 8px;
}
header .header_bottom &gt; nav &gt; ul &gt; li &gt; span {
  cursor: pointer;
}
@media screen and (max-width: 735px) {
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; span::after {
    content: "\2228";
  }
}
@media screen and (max-width: 735px) {
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; span.gn_sp_off {
    background-color: #e6ebed;
  }
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; span.gn_sp_off::after {
    font-family: "icon";
    content: "\5e";
  }
}
@media screen and (min-width: 736px) {
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; span.gn_sp_off {
    background-color: #ffffff;
    color: #013048;
  }
}
@media screen and (min-width: 736px) {
  header .header_bottom &gt; nav &gt; ul &gt; li:first-child &gt; span,
  header .header_bottom &gt; nav &gt; ul &gt; li:first-child &gt; a {
    border-left: 1px solid #01161e;
    box-shadow: -1px 0 #034e6b, 1px 0 #034e6b;
  }
}
header .header_bottom &gt; nav &gt; ul &gt; li &gt; div {
  position: relative;
  display: none;
}
@media screen and (min-width: 736px) {
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; div {
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    background-color: #ffffff;
  }
}
@media screen and (min-width: 736px) {
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; div ul {
    color: #013048;
    align-items: center;
    border-bottom: 1px solid #01161e;
  }
}
@media screen and (max-width: 735px) {
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; div ul li a {
    padding-left: 30px;
  }
}
@media screen and (min-width: 736px) {
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; div ul li a {
    border-right: 1px solid #01161e;
    padding: 0 15px;
    display: block;
    transition: all .3s;
  }
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; div ul li a:hover {
    transform: scale(1.1);
  }
}
@media screen and (min-width: 1200px) {
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; div ul li a {
    padding: 0 40px;
  }
}
@media screen and (min-width: 736px) {
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; div ul li:first-child a {
    border-left: 1px solid #01161e;
  }
}
header .header_bottom &gt; nav &gt; ul &gt; li &gt; div button {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  overflow: hidden;
  width: 30px;
  height: 30px;
  text-indent: 110%;
  transform: translateY(-50%);
}
@media screen and (max-width: 735px) {
  header .header_bottom &gt; nav &gt; ul &gt; li &gt; div button {
    display: none;
  }
}
header .header_bottom &gt; nav &gt; ul &gt; li &gt; div button::after {
  font-family: "icon";
  display: block;
  font-size: 40px;
  content: "\d7";
  text-indent: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #013048;
}
header &gt; button {
  display: block;
  width: 52px;
  height: 52px;
  position: absolute;
  background-color: #013048;
  right: 0;
  top: 35px;
}
header &gt; button span, header &gt; button::before, header &gt; button::after {
  display: block;
  position: absolute;
  background-color: #ffffff;
  height: 2px;
  width: calc(100% - 15px * 2);
  transition: all .1s ease-in-out;
  left: 15px;
}
header &gt; button span {
  text-indent: -100%;
  overflow: hidden;
  top: 50%;
  margin-top: -1px;
}
header &gt; button::before {
  content: "";
  top: 15px;
}
header &gt; button::after {
  content: "";
  bottom: 15px;
}
header &gt; button.sp_menu_op span {
  display: none;
}
header &gt; button.sp_menu_op::before {
  top: 50%;
  transform: rotate(-45deg);
}
header &gt; button.sp_menu_op::after {
  top: 50%;
  transform: rotate(45deg);
}
@media screen and (min-width: 736px) {
  header &gt; button {
    display: none;
  }
}

/*ヘッダー高さ減*/
/*spメニュー*/
@media screen and (max-width: 735px) {
  .header_none .header_bottom {
    max-height: calc(100vh - 52px);
  }
}

/*アニメーション*/
header .header_top,
header .header_bottom &gt; div,
.header_top p,
header &gt; button,
header .btn_pre a {
  overflow: hidden;
  transition: all .3s;
}

header .header_bottom .btn_pre {
  overflow: visible;
}

@media screen and (max-width: 735px) {
  .header_none .header_top p {
    height: 0;
  }
  .header_none &gt; button {
    top: 0;
  }
}
@media screen and (min-width: 736px) {
  .header_none .header_top,
  .header_none .header_bottom &gt; div {
    height: 0;
  }
}
@media screen and (min-width: 1024px) {
  .header_none .header_bottom .btn_pre a {
    font-size: 1.8rem;
  }
}

/***** フッター *****/
footer {
  position: relative;
  z-index: 0;
}
footer &gt; nav {
  background-color: #231f20;
  color: #ffffff;
  box-shadow: 50vw 0 #231f20, -50vw 0 #231f20;
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 30px;
}
@media screen and (min-width: 1024px) {
  footer &gt; nav {
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 1023px) {
  footer &gt; nav h2 {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  footer &gt; nav h2 {
    margin-right: 5%;
  }
}
@media screen and (min-width: 1200px) {
  footer &gt; nav h2 {
    margin-right: 10%;
  }
}
footer &gt; nav h2 svg {
  fill: #ffffff;
  width: 160px;
  height: 28px;
}
@media screen and (min-width: 736px) {
  footer &gt; nav h2 svg {
    width: 220px;
    height: 38px;
  }
}
footer &gt; nav &gt; ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -15px;
}
@media screen and (max-width: 1023px) {
  footer &gt; nav &gt; ul {
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 350px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  footer &gt; nav &gt; ul {
    margin-right: 5%;
  }
}
@media screen and (min-width: 1200px) {
  footer &gt; nav &gt; ul {
    margin-right: 15%;
  }
}
footer &gt; nav &gt; ul li {
  width: 50%;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  footer &gt; nav &gt; ul li {
    width: 45%;
  }
  footer &gt; nav &gt; ul li:nth-child(odd) {
    margin-right: 10%;
  }
}
footer &gt; nav &gt; ul li::before {
  font-family: "icon";
  content: "\3e";
  font-size: 10px;
  margin-right: 3px;
}
footer &gt; nav &gt; ul li a {
  font-size: 1.3rem;
}
@media screen and (min-width: 736px) {
  footer &gt; nav &gt; ul li a:hover {
    text-decoration: underline;
  }
}
@media screen and (min-width: 736px) {
  footer &gt; nav &gt; ul li a {
    font-size: 1.4rem;
  }
}
footer &gt; nav .btn_lecture a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ee2a7b;
  background: -moz-linear-gradient(left, #ee2a7b 0%, #9e1f63 100%);
  background: -webkit-linear-gradient(left, #ee2a7b 0%, #9e1f63 100%);
  background: linear-gradient(to right, #ee2a7b 0%, #9e1f63 100%);
  width: 100vw;
  height: 50px;
  box-sizing: border-box;
  line-height: 1.2;
}
@media screen and (max-width: 1023px) {
  footer &gt; nav .btn_lecture a {
    margin-left: -10px;
    text-align: center;
  }
  footer &gt; nav .btn_lecture a:not(:last-child) {
    border-bottom: 1px solid #e6e7e8;
  }
}
@media screen and (min-width: 1024px) {
  footer &gt; nav .btn_lecture a {
    padding: 0 30px;
    max-width: 330px;
  }
  footer &gt; nav .btn_lecture a:not(:last-child) {
    margin-bottom: 15px;
  }
}
footer &gt; nav .btn_lecture a::after {
  font-family: "icon";
  content: "\ff1e";
  font-size: 10px;
  margin-left: 15px;
}
@media screen and (min-width: 1024px) {
  footer &gt; nav .btn_lecture a::after {
    margin-left: auto;
  }
}
footer .footer_middle {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  box-sizing: border-box;
}
@media screen and (min-width: 736px) {
  footer .footer_middle {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 10px;
    background-image: url("../images/bg_world.svg");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right 80% top 0;
  }
}
footer .footer_middle::after {
  content: "";
  position: absolute;
  display: block;
  width: 100vw;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 1px solid #e6e7e8;
  border-top: 1px solid #e6e7e8;
  z-index: -1;
}
@media screen and (min-width: 736px) {
  footer .footer_middle &gt; * {
    height: 90px;
    width: 50%;
  }
}
footer .footer_middle &gt; div {
  font-family: "Oswald", sans-serif;
  display: flex;
  align-items: center;
  height: 110px;
  padding-left: 10px;
}
@media screen and (max-width: 735px) {
  footer .footer_middle &gt; div {
    background-image: url("../images/bg_world.svg");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right;
  }
}
footer .footer_middle &gt; div p {
  font-size: 1.8rem;
  margin-right: 40px;
}
@media screen and (min-width: 736px) {
  footer .footer_middle &gt; div p {
    margin-right: 60px;
  }
}
footer .footer_middle &gt; div ul {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
}
footer .footer_middle &gt; div ul li {
  color: #1c75bc;
}
footer .footer_middle &gt; div ul li:not(:last-child) {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #000000;
}
footer .footer_middle &gt; div ul li a {
  color: #000000;
}
@media screen and (min-width: 736px) {
  footer .footer_middle &gt; div ul li a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 735px) {
  footer .footer_middle &gt; ul {
    border-top: 1px solid #e6e7e8;
  }
}
@media screen and (min-width: 736px) {
  footer .footer_middle &gt; ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  footer .footer_middle &gt; ul:first-child {
    margin-left: auto;
    width: auto;
  }
}
@media screen and (min-width: 736px) {
  footer .footer_middle &gt; ul li:not(:last-child) {
    margin-right: 30px;
  }
}
footer .footer_middle &gt; ul li a {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
}
footer .footer_middle &gt; ul li a::after {
  font-family: "icon";
  content: "　\ff1e";
  font-size: 12px;
  text-decoration: none;
}
@media screen and (max-width: 735px) {
  footer .footer_middle &gt; ul li a::after {
    margin-left: auto;
  }
}
@media screen and (min-width: 736px) {
  footer .footer_middle &gt; ul li a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 735px) {
  footer .footer_middle &gt; ul li a {
    height: 44px;
    padding: 0 10px;
    border-bottom: 1px solid #e6e7e8;
  }
}
@media screen and (min-width: 736px) {
  footer .footer_middle &gt; ul li a {
    font-size: 1.4rem;
  }
}
footer .footer_bottom {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  footer .footer_bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
footer .footer_bottom &gt; ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  footer .footer_bottom .footer_sns {
    padding: 30px 0;
  }
}
footer .footer_bottom .footer_sns li:not(:last-child) {
  margin-right: 15px;
}
footer .footer_bottom .footer_sns li a {
  display: block;
}
footer .footer_bottom .footer_sns li a svg {
  width: 38px;
  height: 38px;
}
@media screen and (min-width: 736px) {
  footer .footer_bottom .footer_sns li a svg {
    width: 32px;
    height: 32px;
  }
}
@media screen and (min-width: 1024px) {
  footer .footer_bottom .footer_info {
    margin-left: auto;
    order: 10;
  }
}
footer .footer_bottom .footer_info li {
  height: 26px;
}
@media screen and (min-width: 736px) {
  footer .footer_bottom .footer_info li {
    height: 40px;
  }
}
footer .footer_bottom .footer_info li:not(:last-child) {
  margin-right: 5px;
  border-right: 1px solid #d1d3d4;
  padding-right: 5px;
}
@media screen and (min-width: 1024px) {
  footer .footer_bottom .footer_info li:not(:last-child) {
    margin-right: 20px;
    padding-right: 20px;
  }
}
footer .footer_bottom .footer_info li a {
  display: block;
  height: 100%;
}
footer .footer_bottom .footer_info li img {
  height: 100%;
}
footer .footer_bottom small {
  font-size: .9rem;
  display: block;
}
@media screen and (max-width: 1023px) {
  footer .footer_bottom small {
    text-align: center;
    padding: 20px 0;
  }
}
@media screen and (min-width: 1024px) {
  footer .footer_bottom small {
    font-size: 1.2rem;
    margin-left: 20px;
  }
}

/***** メイン *****/
.fade {
  opacity: 0;
  transform: translateY(50px);
}

main {
  margin-top: 87px;
}
@media screen and (min-width: 736px) {
  main {
    margin-top: 100px;
  }
}

/********** 共通コンテンツ **********/
/***** 同時開催 *****/
body main #simultaneously {
  background-color: #f9f9f9;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (min-width: 736px) {
  body main #simultaneously {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
body main #simultaneously h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 30px;
}
body main #simultaneously h3::before, body main #simultaneously h3::after {
  content: "";
  display: block;
  border-bottom: 1px solid #000000;
  width: 60px;
}
body main #simultaneously h3::before {
  margin-right: 1em;
}
body main #simultaneously h3::after {
  margin-left: 1em;
}
body main #simultaneously ul {
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  box-sizing: border-box;
  display: flex;
}
@media screen and (max-width: 735px) {
  body main #simultaneously ul {
    flex-wrap: wrap;
    margin-bottom: -10px;
  }
}
@media screen and (min-width: 736px) {
  body main #simultaneously ul {
    justify-content: space-around;
  }
}
body main #simultaneously ul li {
  width: calc(50% - 5px);
  flex: 0 0 calc(50% - 5px);
}
@media screen and (max-width: 735px) {
  body main #simultaneously ul li {
    margin-bottom: 10px;
  }
  body main #simultaneously ul li:nth-child(odd) {
    margin-right: 10px;
  }
}
@media screen and (min-width: 736px) {
  body main #simultaneously ul li {
    justify-content: space-around;
    width: calc(25% - 10px);
    flex: 0 0 calc(25% - 10px);
  }
}
body main #simultaneously ul li a {
  display: block;
}
@media screen and (min-width: 736px) {
  body main #simultaneously ul li a {
    transition: opacity .3s;
  }
  body main #simultaneously ul li a:hover {
    opacity: .6;
  }
}
body main #simultaneously ul li a img {
  width: 100%;
}

/***** Media Sponsor *****/
#media_sponsor {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (min-width: 736px) {
  #media_sponsor {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
#media_sponsor h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 30px;
}
#media_sponsor h3::before, #media_sponsor h3::after {
  content: "";
  display: block;
  border-bottom: 1px solid #000000;
  width: 60px;
}
#media_sponsor h3::before {
  margin-right: 1em;
}
#media_sponsor h3::after {
  margin-left: 1em;
}
#media_sponsor ul {
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -10px;
}
#media_sponsor ul li {
  width: calc((100% - 20px) / 3);
  flex: 0 0 calc((100% - 20px) / 3);
  margin-bottom: 10px;
}
@media screen and (max-width: 735px) {
  #media_sponsor ul li:not(:nth-child(3n)) {
    margin-right: 10px;
  }
}
@media screen and (min-width: 736px) {
  #media_sponsor ul li {
    justify-content: space-around;
    width: calc((100% - (10px * 4)) / 5);
    flex: 0 0 calc((100% - (10px * 4)) / 5);
  }
  #media_sponsor ul li:not(:nth-child(5n)) {
    margin-right: 10px;
  }
}
#media_sponsor ul li a {
  display: flex;
  align-items: center;
  height: 100%;
}
@media screen and (min-width: 736px) {
  #media_sponsor ul li a {
    width: 90%;
    margin: 0 auto;
  }
}
#media_sponsor ul li a img {
  width: 100%;
}
#media_sponsor &gt; a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  border: 2px solid #013048;
  color: #013048;
  width: 82px;
  height: 34px;
  margin: 30px auto 0;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 736px) {
  #media_sponsor &gt; a {
    transition: opacity .3s;
  }
  #media_sponsor &gt; a:hover {
    opacity: .6;
  }
}
@media screen and (min-width: 736px) {
  #media_sponsor &gt; a {
    width: 222px;
    height: 50px;
  }
}
#media_sponsor &gt; a::after {
  font-family: "icon";
  content: "\3e";
  font-size: 14px;
  margin-left: 1em;
  font-weight: normal;
}

/********** 下層ページ **********/
/*パンくず*/
#breadcrumb {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  font-family: "Oswald", sans-serif;
  font-size: 1rem;
  padding-top: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (min-width: 736px) {
  #breadcrumb {
    font-size: 1.2rem;
    padding-top: 40px;
  }
}
#breadcrumb li:not(:last-child) {
  color: rgba(0, 0, 0, 0.5);
}
#breadcrumb li:not(:last-child)::after {
  font-family: 'icon';
  content: "\3e";
  margin: 0 .5em;
}
#breadcrumb li:last-child {
  padding-right: 10px;
}

/*ページ内リンク*/
#page_nav {
  background: #fff;
  padding: 0 0 0 0;
  box-shadow: 0 0 15px rgba(102, 102, 102, 0.15);
  z-index: 20;
  position: sticky;
  top: 87px;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (min-width: 736px) {
  #page_nav {
    top: 100px;
  }
}
#page_nav ul {
  display: flex;
  text-align: center;
  overflow-x: auto;
}
@media screen and (min-width: 736px) {
  #page_nav ul {
    justify-content: center;
  }
}
#page_nav ul li {
  margin: 0 10px;
}
@media screen and (min-width: 736px) {
  #page_nav ul li {
    margin: 0 40px;
  }
}
#page_nav ul li a {
  display: flex;
  align-items: center;
  position: relative;
  white-space: nowrap;
  font-size: 1.2rem;
  height: 51px;
}
@media screen and (min-width: 736px) {
  #page_nav ul li a {
    transition: opacity .3s;
  }
  #page_nav ul li a:hover {
    opacity: .6;
  }
}
@media screen and (min-width: 736px) {
  #page_nav ul li a {
    font-size: 1.4rem;
    height: 54px;
  }
}
#page_nav ul li .current::after {
  content: "";
  background: #013048;
  width: 100%;
  height: 2px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/*モーダル*/
.modal-overlay {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: table;
  transition: opacity 0.5s, transform 0s 0.5s;
}

.modal-wrapper {
  width: 100%;
  max-width: 1024px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 499px) {
  .modal-container {
    height: 100vh;
    overflow-y: scroll;
  }
}

.modal-content {
  margin: 0px 25px;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  transition: all .3s ease;
  font-family: Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 499px) {
  .modal-content {
    min-height: 100%;
  }
}

/*戻る進むボタン*/
.next,
.prev {
  position: absolute;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 35px;
  height: 35px;
  color: #ffffff;
  background-color: #161617;
  font-family: 'icon';
  top: 50%;
  bottom: 0px;
  margin-top: -25px;
  z-index: 5000;
}
@media screen and (min-width: 380px) {
  .next,
  .prev {
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 736px) {
  .next,
  .prev {
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 499px) {
  .next,
  .prev {
    width: 100px;
    height: 50px;
    top: initial;
    bottom: 0px;
  }
}

.prev {
  left: 0;
}

.next {
  right: 0;
}

button.close {
  position: absolute;
  right: 25px;
  top: 0;
  color: #d2d2d2;
  background-color: #161617;
  width: 120px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  display: block;
  z-index: 10;
  margin-left: auto;
  opacity: 11;
}
@media screen and (max-width: 499px) {
  button.close {
    right: 0;
  }
}

/* Vue transition */
.modal-enter {
  opacity: 0;
}

.modal-enter-to {
  opacity: 0.8;
}

.modal-enter-active {
  transition: opacity .2s;
}

.modal-leave-active {
  opacity: 0;
}

.fade-enter {
  opacity: .5;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .3s;
}

.fade-enter-to {
  opacity: 1;
}

.fade-leave, .fade-leave-to {
  opacity: 0.4;
}

[v-cloak] {
  display: none;
}

/*# sourceMappingURL=shared.css.map */
</pre></body></html>