@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("/-/media/cojp/expo2025/product-common/css/product-common.css");
/*----------------------- ------------------------------------
page Layout
------------------------- ----------------------------------*/
.product_flame {
  background: url(/-/media/cojp/expo2025/product/img/bg_prod_base.jpg) no-repeat center top;
  background-size: 100% auto; }
  @media print, screen and (max-width: 768.9px) {
    .product_flame {
      background: url(/-/media/cojp/expo2025/product/img/bg_prod_base_01_s.jpg) no-repeat center top, url(/-/media/cojp/expo2025/product/img/bg_prod_ft-btn_s.png) no-repeat center bottom, url(/-/media/cojp/expo2025/product/img/bg_prod_base_03_s.jpg) no-repeat center bottom, url(/-/media/cojp/expo2025/product/img/bg_prod_base_02_s.jpg) repeat-y center top;
      background-size: 100% auto; } }

#products_h1Box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 130px 0 120px;
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media print, screen and (max-width: 768.9px) {
    #products_h1Box {
      display: block;
      padding: 20vw 0 13.33333vw; } }
  #products_h1Box .box_innder .box_char {
    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;
    margin-bottom: 27px; }
    @media print, screen and (max-width: 768.9px) {
      #products_h1Box .box_innder .box_char {
        margin-bottom: 3.33333vw; } }
    #products_h1Box .box_innder .box_char p {
      letter-spacing: 0.05em; }
      #products_h1Box .box_innder .box_char p.txtCover {
        height: 35px;
        line-height: 35px;
        text-align: center;
        font-size: 2.6rem;
        font-weight: 600;
        color: #ffffff;
        border-radius: 17px;
        background: #e60012;
        padding: 0 1em;
        font-style: italic; }
        @media print, screen and (max-width: 768.9px) {
          #products_h1Box .box_innder .box_char p.txtCover {
            height: 6vw;
            line-height: 6vw;
            font-size: 4.26667vw;
            border-radius: 2.93333vw; } }
      #products_h1Box .box_innder .box_char p.txtArea {
        font-size: 2.8rem;
        font-weight: 900;
        color: #e60012;
        margin-left: 0.5em; }
        @media print, screen and (max-width: 768.9px) {
          #products_h1Box .box_innder .box_char p.txtArea {
            font-size: 4.53333vw; } }

#products_h1Box .box_innder h1 {
  position: relative;
  width: 579px;
  margin: 0 auto; }
  @media print, screen and (max-width: 768.9px) {
    #products_h1Box .box_innder h1 {
      width: 79.6vw; } }
  #products_h1Box .box_innder h1::after {
    content: "";
    display: block;
    width: 400px;
    height: 23px;
    background: url(/-/media/cojp/expo2025/product/img/bg_h1.png) no-repeat center center;
    bottom: -40px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media print, screen and (max-width: 768.9px) {
      #products_h1Box .box_innder h1::after {
        width: 53.33333vw;
        height: 3.06667vw;
        bottom: -5.33333vw;
        background: url(/-/media/cojp/expo2025/product/img/bg_h1.png) no-repeat center center;
        background-size: 53.33333vw auto; } }

.product_main {
  position: relative;
  overflow: hidden; }
  .product_main .product_item {
    width: auto;
    max-width: 1060px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 80px; }
    @media print, screen and (max-width: 768.9px) {
      .product_main .product_item {
        width: 87.73333vw;
        margin-bottom: 13.33333vw; } }
    .product_main .product_item .subTitle {
      position: absolute;
      top: 0;
      right: 0;
      color: #ffffff;
      background: #005aab;
      font-weight: 600;
      font-style: italic;
      border-top-right-radius: 30px;
      border-bottom-left-radius: 20px;
      padding: 0 2em;
      height: 50px;
      line-height: 50px;
      font-size: 2.5rem; }
      @media print, screen and (max-width: 768.9px) {
        .product_main .product_item .subTitle {
          height: 8vw;
          line-height: 8vw;
          font-size: 4vw;
          border-bottom-left-radius: 2.66667vw;
          border-top-right-radius: 4vw; } }
    .product_main .product_item .product_detailbox01 {
      padding: 60px 0;
      background: #71d8f9;
      border-top-left-radius: 30px;
      border-top-right-radius: 30px; }
      @media print, screen and (max-width: 768.9px) {
        .product_main .product_item .product_detailbox01 {
          width: 100%;
          padding: 15.33333vw 0 13.33333vw;
          margin: 0 auto;
          border-top-left-radius: 4vw;
          border-top-right-radius: 4vw; } }
      .product_main .product_item .product_detailbox01 .inner01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        max-width: 960px;
        margin: 0 auto 60px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        @media print, screen and (max-width: 768.9px) {
          .product_main .product_item .product_detailbox01 .inner01 {
            display: block;
            width: 75.2vw;
            margin: 0 auto 8vw; } }
        .product_main .product_item .product_detailbox01 .inner01 .product_image {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1; }
        .product_main .product_item .product_detailbox01 .inner01 .detailBox01 {
          width: 465px;
          padding-top: 85px; }
          @media print, screen and (max-width: 768.9px) {
            .product_main .product_item .product_detailbox01 .inner01 .detailBox01 {
              width: 75.2vw;
              margin: 0 auto;
              padding-top: 7.33333svw; } }
          .product_main .product_item .product_detailbox01 .inner01 .detailBox01 h2 {
            text-align: center;
            margin-bottom: 25px; }
            @media print, screen and (max-width: 768.9px) {
              .product_main .product_item .product_detailbox01 .inner01 .detailBox01 h2 {
                width: 71.73333vw;
                margin: 0 auto 3.33333vw; } }
          .product_main .product_item .product_detailbox01 .inner01 .detailBox01 p.txtUse01 {
            font-size: 2rem;
            margin-bottom: 50px;
            color: #000000;
            text-align: center; }
            @media print, screen and (max-width: 768.9px) {
              .product_main .product_item .product_detailbox01 .inner01 .detailBox01 p.txtUse01 {
                font-size: 2.93333vw;
                margin: 0 auto 6.66667vw; } }
          .product_main .product_item .product_detailbox01 .inner01 .detailBox01 .txtSell .tit {
            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;
            margin-bottom: 15px; }
            @media print, screen and (max-width: 768.9px) {
              .product_main .product_item .product_detailbox01 .inner01 .detailBox01 .txtSell .tit {
                margin-bottom: 2vw; } }
            .product_main .product_item .product_detailbox01 .inner01 .detailBox01 .txtSell .tit p {
              letter-spacing: 0.05em; }
              .product_main .product_item .product_detailbox01 .inner01 .detailBox01 .txtSell .tit p.txtCover {
                height: 30px;
                line-height: 30px;
                text-align: center;
                font-size: 2.3rem;
                font-weight: 600;
                color: #ffffff;
                border-radius: 16px;
                background: #e60012;
                padding: 0 1em;
                font-style: italic; }
                @media print, screen and (max-width: 768.9px) {
                  .product_main .product_item .product_detailbox01 .inner01 .detailBox01 .txtSell .tit p.txtCover {
                    font-size: 4.26667vw;
                    height: 6vw;
                    line-height: 6vw;
                    border-radius: 2.93333vw; } }
              .product_main .product_item .product_detailbox01 .inner01 .detailBox01 .txtSell .tit p.txtArea {
                font-size: 2.4rem;
                font-weight: 900;
                color: #e60012;
                margin-left: 0.5em; }
                @media print, screen and (max-width: 768.9px) {
                  .product_main .product_item .product_detailbox01 .inner01 .detailBox01 .txtSell .tit p.txtArea {
                    font-size: 4.53333vw; } }
          .product_main .product_item .product_detailbox01 .inner01 .detailBox01 .txtSell p.txtSell {
            font-size: 2.2rem;
            font-weight: 600;
            line-height: 1.5;
            text-align: center;
            color: #00439c; }
            @media print, screen and (max-width: 768.9px) {
              .product_main .product_item .product_detailbox01 .inner01 .detailBox01 .txtSell p.txtSell {
                font-size: 4vw; } }
      .product_main .product_item .product_detailbox01 .btn_link p.btn-detail {
        width: 75.2vw;
        margin: 0 auto; }
        @media print, screen and (min-width: 769px) {
          .product_main .product_item .product_detailbox01 .btn_link p.btn-detail {
            max-width: 504px;
            width: 100%; } }
        .product_main .product_item .product_detailbox01 .btn_link p.btn-detail 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;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          border-radius: 10000px;
          position: relative;
          letter-spacing: 0.05em;
          font-weight: 500;
          width: 100%;
          height: calc(100 * 80vw / 750);
          font-size: 3.46667vw;
          background: #005aab;
          color: #ffffff;
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s;
          text-decoration: none; }
          @media print, screen and (min-width: 769px) {
            .product_main .product_item .product_detailbox01 .btn_link p.btn-detail a {
              font-size: 1.8rem;
              height: 70px;
              border-radius: 34px; } }
          .product_main .product_item .product_detailbox01 .btn_link p.btn-detail a span {
            display: block;
            width: 100%;
            text-align: center;
            font-size: 2.93333vw;
            margin-top: -2.66667vw; }
            @media print, screen and (min-width: 769px) {
              .product_main .product_item .product_detailbox01 .btn_link p.btn-detail a span {
                font-size: 12px;
                margin-top: -20px; } }
          .product_main .product_item .product_detailbox01 .btn_link p.btn-detail a::after {
            content: '';
            display: block;
            width: calc(100 * 16vw / 750);
            height: calc(100 * 29vw / 750);
            position: absolute;
            top: 50%;
            right: calc(100 * 30vw / 750);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            background: url(/-/media/cojp/expo2025/product/img/icon_arrow_right_white_01.png) no-repeat center center;
            background-size: 100% auto;
            z-index: 1; }
            @media print, screen and (min-width: 769px) {
              .product_main .product_item .product_detailbox01 .btn_link p.btn-detail a::after {
                width: 13px;
                height: 22px;
                right: 30px; } }
          .product_main .product_item .product_detailbox01 .btn_link p.btn-detail a:hover {
            opacity: 0.8; }
        .product_main .product_item .product_detailbox01 .btn_link p.btn-detail.white a {
          background: #ffffff;
          color: #005aab; }
          .product_main .product_item .product_detailbox01 .btn_link p.btn-detail.white a::after {
            background: url(/-/media/cojp/expo2025/product/img/icon_arrow_right_bule_01.png) no-repeat center center;
            background-size: 100% auto; }
    .product_main .product_item .product_detailbox02 {
      width: auto;
      max-width: 1060px;
      margin: 0 auto;
      padding: 42px 0 40px;
      background: #ebf2f8;
      position: relative;
      border-bottom-left-radius: 30px;
      border-bottom-right-radius: 30px; }
      @media print, screen and (max-width: 768.9px) {
        .product_main .product_item .product_detailbox02 {
          padding: 7.2vw 0 8.53333vw;
          border-bottom-left-radius: 4vw;
          border-bottom-right-radius: 4vw; } }
      .product_main .product_item .product_detailbox02::before, .product_main .product_item .product_detailbox02::after {
        content: "";
        display: block;
        position: absolute; }
        @media print, screen and (max-width: 768.9px) {
          .product_main .product_item .product_detailbox02::before, .product_main .product_item .product_detailbox02::after {
            display: none; } }
      .product_main .product_item .product_detailbox02::before {
        width: 183px;
        height: 168px;
        background: url(/-/media/cojp/expo2025/product/img/obj_item01_01.png) no-repeat center center;
        position: absolute;
        top: 219px;
        left: -161px; }
      .product_main .product_item .product_detailbox02::after {
        width: 180px;
        height: 189px;
        background: url(/-/media/cojp/expo2025/product/img/obj_item01_02.png) no-repeat center center;
        position: absolute;
        top: 40px;
        right: -161px; }
      .product_main .product_item .product_detailbox02 .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 942px;
        margin: 0 auto; }
        @media print, screen and (max-width: 768.9px) {
          .product_main .product_item .product_detailbox02 .inner {
            display: block;
            width: 87.73333vw; } }
        .product_main .product_item .product_detailbox02 .inner .img-gif {
          width: 487px; }
          @media print, screen and (min-width: 769px) {
            .product_main .product_item .product_detailbox02 .inner .img-gif {
              -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
              order: 1; } }
          @media print, screen and (max-width: 768.9px) {
            .product_main .product_item .product_detailbox02 .inner .img-gif {
              width: 75.46667vw;
              margin: 0 auto; } }
        .product_main .product_item .product_detailbox02 .inner .img-word {
          width: 396px; }
          @media print, screen and (min-width: 769px) {
            .product_main .product_item .product_detailbox02 .inner .img-word {
              -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
              order: 2; } }
          @media print, screen and (max-width: 768.9px) {
            .product_main .product_item .product_detailbox02 .inner .img-word {
              width: 75.46667vw;
              margin: 0 auto 7.2vw; } }
    .product_main .product_item.product_item-02 .product_detailbox01 {
      background: #d4e3f0; }
    .product_main .product_item.product_item-02 .product_detailbox02::before {
      width: 146px;
      height: 129px;
      background: url(/-/media/cojp/expo2025/product/img/obj_item02_01.png) no-repeat center center;
      position: absolute;
      top: 297px;
      left: -132px; }
    .product_main .product_item.product_item-02 .product_detailbox02::after {
      width: 191px;
      height: 110px;
      background: url(/-/media/cojp/expo2025/product/img/obj_item02_02.png) no-repeat center center;
      position: absolute;
      top: 115px;
      right: -137px; }
    .product_main .product_item.product_item-03 {
      margin-bottom: 0; }
      .product_main .product_item.product_item-03 .product_detailbox01 {
        background: #0068bb; }
        @media print, screen and (max-width: 768.9px) {
          .product_main .product_item.product_item-03 .product_detailbox01 {
            padding: 8.66667vw 0 13.33333vw; } }
        .product_main .product_item.product_item-03 .product_detailbox01 .inner01 .detailBox01 .txtSell .txtSell {
          color: #ffffff; }
      .product_main .product_item.product_item-03 .product_detailbox02::before {
        width: 183px;
        height: 168px;
        background: url(/-/media/cojp/expo2025/product/img/obj_item03_01.png) no-repeat center center;
        position: absolute;
        top: 219px;
        left: -161px; }
      .product_main .product_item.product_item-03 .product_detailbox02::after {
        width: 180px;
        height: 189px;
        background: url(/-/media/cojp/expo2025/product/img/obj_item03_02.png) no-repeat center center;
        position: absolute;
        top: 40px;
        right: -161px; }

.product_quiz {
  width: auto;
  max-width: 1060px;
  margin: 52px auto 0; }
  @media print, screen and (max-width: 768.9px) {
    .product_quiz {
      width: 87.6vw;
      margin: 7.86667vw auto 0; } }