.res-pc {
  display: none !important; }
  @media print, screen and (min-width: 769px) {
    .res-pc {
      display: block !important; } }

.res-sp {
  display: block !important; }
  @media print, screen and (min-width: 769px) {
    .res-sp {
      display: none !important; } }

.res-pc-il {
  display: none !important; }
  @media print, screen and (min-width: 769px) {
    .res-pc-il {
      display: inline !important; } }

.res-sp-il {
  display: inline !important; }
  @media print, screen and (min-width: 769px) {
    .res-sp-il {
      display: none !important; } }

img {
  width: 100%;
  height: auto; }

/* common */
/* brand-products */
/*----------------------- ------------------------------------
base Layout
------------------------- ----------------------------------*/
#container {
  padding-top: 0 !important; }
  @media print, screen and (min-width: 769px) {
    #container {
      max-width: none;
      width: 100% !important;
      padding: 0 !important; } }
  @media print, screen and (max-width: 960px) {
    #container {
      max-width: none;
      width: 100% !important; } }
  #container .main_inner {
    width: 100%; }
    @media print, screen and (min-width: 769px) {
      #container .main_inner {
        max-width: calc(1224px + (24px * 2));
        width: calc(100 * 1224vw / 1300);
        min-width: 960px;
        margin: 0 auto; } }

#main {
  font-family: 'Noto Sans JP', sans-serif; }
  #main.mainWide #breadcrumb {
    border: none; }
  #main.mainWide.pavilion #breadcrumb {
    background: #fff; }
  #main .mainIn {
    padding: 0 !important;
    width: 100% !important; }

#expo_copy {
  width: 100%;
  margin: 0 auto; }
  @media print, screen and (min-width: 769px) {
    #expo_copy {
      max-width: 1060px; } }
  @media print, screen and (max-width: 768.9px) {
    #expo_copy {
      width: calc(100 * 650vw / 750); } }
  #expo_copy p {
    line-height: 1;
    margin: 0 0 30px 0;
    text-align: right;
    font-size: 1.2rem; }
    @media print, screen and (max-width: 768.9px) {
      #expo_copy p {
        font-size: 3.2vw; } }

#ft_btn {
  padding: 20vw 0; }
  @media print, screen and (min-width: 769px) {
    #ft_btn {
      padding: 115px 0; } }
  #ft_btn p.back-btn {
    width: calc(100 * 650vw / 750);
    margin: 0 auto; }
    @media print, screen and (min-width: 769px) {
      #ft_btn p.back-btn {
        max-width: 500px;
        width: 100%; } }
    #ft_btn p.back-btn a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 10000px;
      position: relative;
      letter-spacing: 0.1em;
      font-weight: 500;
      width: 100%;
      height: calc(100 * 123vw / 750);
      font-size: 1.5rem;
      border: 1px solid #005aab;
      color: #005aab;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      text-decoration: none;
      text-align: center; }
      @media print, screen and (min-width: 769px) {
        #ft_btn p.back-btn a {
          font-size: 1.8rem;
          height: 70px; } }
      #ft_btn p.back-btn a::after {
        content: '';
        display: block;
        width: calc(100 * 22vw / 750);
        height: calc(100 * 38vw / 750);
        position: absolute;
        top: 50%;
        left: calc(100 * 40vw / 750);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: url(/-/media/cojp/expo2025/icon_arrow_leftt_blue_01.png) no-repeat center center;
        background-size: 100% auto;
        z-index: 1; }
        @media print, screen and (min-width: 769px) {
          #ft_btn p.back-btn a::after {
            width: 11px;
            height: 20px;
            left: 19px; } }
      #ft_btn p.back-btn a:hover {
        opacity: 0.8; }

#ft_link {
  padding: calc(100 * 130vw / 750) 0 calc(100 * 173vw / 750);
  background: url(/-/media/cojp/expo2025/link_bg_01_s.jpg) no-repeat center top, url(/-/media/cojp/expo2025/link_bg_02_s.jpg) no-repeat center bottom, url(/-/media/cojp/expo2025/link_bg_03_s.jpg) repeat center top;
  background-size: 100% auto; }
  @media print, screen and (min-width: 769px) {
    #ft_link {
      padding: calc(100 * 45vw / 1300) 0;
      background: url(/-/media/cojp/expo2025/link_bg_01.jpg) no-repeat center top, url(/-/media/cojp/expo2025/link_bg_02.jpg) repeat-y center top;
      background-size: 100% auto; } }
  @media print, screen and (min-width: 1400px) {
    #ft_link {
      padding: 50px 0; } }
  #ft_link .main_inner .ft_link_inner {
    width: calc(100 * 658vw / 750);
    margin: 0 auto;
    background: #fff;
    border-radius: calc(100 * 20vw / 750);
    position: relative;
    padding: calc(100 * 60vw / 750) 0 calc(100 * 80vw / 750); }
    @media print, screen and (min-width: 769px) {
      #ft_link .main_inner .ft_link_inner {
        border-radius: calc(100 * 10vw / 1300);
        width: calc(100 * 850% / 1224);
        padding: calc(100 * 20vw /1300) calc(100 * 60vw / 1300) calc(100 * 15vw / 1300); } }
    @media print, screen and (min-width: 1400px) {
      #ft_link .main_inner .ft_link_inner {
        border-radius: 10px;
        padding: 30px 60px 25px; } }
    @media print, screen and (min-width: 769px) {
      #ft_link .main_inner .ft_link_inner .flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    #ft_link .main_inner .ft_link_inner a {
      color: #000000;
      -webkit-transition: 0.3s all;
      -o-transition: 0.3s all;
      transition: 0.3s all; }
      #ft_link .main_inner .ft_link_inner a:hover {
        opacity: 0.6;
        text-decoration: none; }
    #ft_link .main_inner .ft_link_inner h3 {
      text-align: center;
      font-weight: bold;
      font-size: calc(100 * 28vw / 750);
      line-height: 1.4; }
      @media print, screen and (min-width: 769px) {
        #ft_link .main_inner .ft_link_inner h3 {
          text-align: left; } }
      #ft_link .main_inner .ft_link_inner h3 span {
        display: block; }
        @media print, screen and (min-width: 769px) {
          #ft_link .main_inner .ft_link_inner h3 span {
            font-size: calc(100 * 20vw / 1300);
            line-height: 2; } }
        @media print, screen and (min-width: 1400px) {
          #ft_link .main_inner .ft_link_inner h3 span {
            font-size: 20px; } }
        #ft_link .main_inner .ft_link_inner h3 span.roboto {
          font-family: 'Roboto', sans-serif; }
          @media print, screen and (min-width: 769px) {
            #ft_link .main_inner .ft_link_inner h3 span.roboto {
              line-height: 1.1;
              font-size: calc(100 * 26vw / 1300); } }
          @media print, screen and (min-width: 1400px) {
            #ft_link .main_inner .ft_link_inner h3 span.roboto {
              font-size: 26px; } }
        @media print, screen and (min-width: 769px) {
          #ft_link .main_inner .ft_link_inner h3 span.ja {
            font-size: calc(100 * 16vw / 1300);
            line-height: 2.4; } }
        @media print, screen and (min-width: 1400px) {
          #ft_link .main_inner .ft_link_inner h3 span.ja {
            font-size: 16px; } }
    #ft_link .main_inner .ft_link_inner p.logo {
      width: calc(100 * 325vw / 750);
      margin: 0 auto calc(100 * 50vw / 750); }
      @media print, screen and (min-width: 769px) {
        #ft_link .main_inner .ft_link_inner p.logo {
          width: calc(100 * 210% / 850);
          margin: 0;
          margin-right: calc(100 * 65% / 850); } }
    #ft_link .main_inner .ft_link_inner p.btn {
      position: absolute;
      right: 0;
      bottom: 0;
      font-size: calc(100 * 24vw / 750);
      font-weight: bold;
      color: #fff;
      background: #f00;
      border-top-left-radius: calc(100 * 20vw / 750);
      border-bottom-right-radius: calc(100 * 20vw / 750);
      padding: 0 calc(100 * 20vw / 750); }
      @media print, screen and (min-width: 769px) {
        #ft_link .main_inner .ft_link_inner p.btn {
          font-size: calc(100 * 16vw / 1300);
          border-top-left-radius: calc(100 * 10vw / 1300);
          border-bottom-right-radius: calc(100 * 10vw / 1300);
          padding: 0 calc(100 * 20vw / 1300); } }
      @media print, screen and (min-width: 1400px) {
        #ft_link .main_inner .ft_link_inner p.btn {
          font-size: 16px;
          border-top-left-radius: 10px;
          border-bottom-right-radius: 10px;
          padding: 0 20px; } }
  @media print, screen and (min-width: 769px) {
    #ft_link .main_inner.expo_top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: calc(100 * 850% / 1060);
      max-width: 1060px;
      margin: 0 auto; } }
  @media print, screen and (min-width: 769px) {
    #ft_link .main_inner.expo_top .ft_link_inner {
      border-radius: 10px;
      width: calc(100 * 405% / 850);
      padding: 38px 0 48px; } }
  @media print, screen and (min-width: 769px) {
    #ft_link .main_inner.expo_top .ft_link_inner .flex {
      display: block; } }
  #ft_link .main_inner.expo_top .ft_link_inner a {
    color: #000000;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all; }
    #ft_link .main_inner.expo_top .ft_link_inner a:hover {
      opacity: 0.6;
      text-decoration: none; }
  #ft_link .main_inner.expo_top .ft_link_inner h3 {
    text-align: center;
    font-weight: bold;
    font-size: calc(100 * 28vw / 750);
    line-height: 1.4; }
    @media print, screen and (min-width: 769px) {
      #ft_link .main_inner.expo_top .ft_link_inner h3 {
        text-align: center; } }
    #ft_link .main_inner.expo_top .ft_link_inner h3 span {
      display: block; }
      @media print, screen and (min-width: 769px) {
        #ft_link .main_inner.expo_top .ft_link_inner h3 span {
          font-size: calc(100 * 20vw / 1300);
          line-height: 2; } }
      @media print, screen and (min-width: 1400px) {
        #ft_link .main_inner.expo_top .ft_link_inner h3 span {
          font-size: 20px; } }
      #ft_link .main_inner.expo_top .ft_link_inner h3 span.roboto {
        font-family: 'Roboto', sans-serif; }
        @media print, screen and (min-width: 769px) {
          #ft_link .main_inner.expo_top .ft_link_inner h3 span.roboto {
            line-height: 1.1;
            font-size: calc(100 * 26vw / 1300); } }
        @media print, screen and (min-width: 1400px) {
          #ft_link .main_inner.expo_top .ft_link_inner h3 span.roboto {
            font-size: 26px; } }
      @media print, screen and (min-width: 769px) {
        #ft_link .main_inner.expo_top .ft_link_inner h3 span.ja {
          font-size: calc(100 * 16vw / 1300);
          line-height: 2.4; } }
      @media print, screen and (min-width: 1400px) {
        #ft_link .main_inner.expo_top .ft_link_inner h3 span.ja {
          font-size: 16px; } }
  #ft_link .main_inner.expo_top .ft_link_inner p.logo {
    width: calc(100 * 325vw / 750);
    margin: 0 auto calc(100 * 50vw / 750); }
    @media print, screen and (min-width: 769px) {
      #ft_link .main_inner.expo_top .ft_link_inner p.logo {
        width: calc(100 * 192% / 405);
        margin: 0 auto 10px; } }
  #ft_link .main_inner.expo_top .ft_link_inner.challeng {
    margin-bottom: calc(100 * 60vw / 750); }
    @media print, screen and (min-width: 769px) {
      #ft_link .main_inner.expo_top .ft_link_inner.challeng {
        margin-bottom: 0; } }
    #ft_link .main_inner.expo_top .ft_link_inner.challeng h3 {
      font-size: calc(100 * 32vw / 750); }
      @media print, screen and (min-width: 769px) {
        #ft_link .main_inner.expo_top .ft_link_inner.challeng h3 {
          font-size: 2.6rem; } }
      #ft_link .main_inner.expo_top .ft_link_inner.challeng h3 span.sub {
        font-size: calc(100 * 24vw / 750); }
        @media print, screen and (min-width: 769px) {
          #ft_link .main_inner.expo_top .ft_link_inner.challeng h3 span.sub {
            font-size: 1.6rem; } }
      #ft_link .main_inner.expo_top .ft_link_inner.challeng h3 span.roboto {
        display: inline;
        font-size: calc(100 * 32vw / 750); }
        @media print, screen and (min-width: 769px) {
          #ft_link .main_inner.expo_top .ft_link_inner.challeng h3 span.roboto {
            font-size: 2.6rem; } }
    #ft_link .main_inner.expo_top .ft_link_inner.challeng p.logo {
      width: calc(100 * 406vw / 750); }
      @media print, screen and (min-width: 769px) {
        #ft_link .main_inner.expo_top .ft_link_inner.challeng p.logo {
          width: calc(100 * 279% / 405); } }

#expo_Footer {
  padding: 1.5rem 0;
  background: #005aab !important; }
  #expo_Footer .g-siteFooter {
    border: none !important;
    padding: 0 !important; }
  #expo_Footer .footerCopy {
    color: #ffffff !important;
    width: 100%;
    border: none !important; }
    @media print, screen and (min-width: 769px) {
      #expo_Footer .footerCopy {
        max-width: calc(1024px + (24px * 2));
        width: calc(100 * 1024vw / 1300);
        min-width: 960px;
        margin: 0 auto; } }
    #expo_Footer .footerCopy p {
      font-size: 1.2rem;
      text-align: center;
      color: #fff; }
      #expo_Footer .footerCopy p.expo_copy {
        width: 100%;
        display: block;
        line-height: 1; }
        @media print, screen and (min-width: 769px) {
          #expo_Footer .footerCopy p.expo_copy {
            width: auto;
            margin-top: .5em; } }

#footer {
  display: none; }