@font-face {
    font-family: "Noto Sans JP";
    font-weight: 900;
    font-display: swap;
    src: local("NotoSansJP-Black"), url("/assets/fonts/NotoSansJP-Black.woff2") format("woff2"), url("./woff/NotoSansJP-Black.woff") format("woff");
  }
  @font-face {
    font-family: "Noto Sans JP";
    font-weight: 800;
    font-display: swap;
    src: local("NotoSansJP-ExtraBold"), url("/assets/fonts/NotoSansJP-ExtraBold.woff2") format("woff2"), url("./woff/NotoSansJP-ExtraBold.woff") format("woff");
  }
  @font-face {
    font-family: "Noto Sans JP";
    font-weight: 700;
    font-display: swap;
    src: local("NotoSansJP-Bold"), url("/assets/fonts/NotoSansJP-Bold.woff2") format("woff2"), url("./woff/NotoSansJP-Bold.woff") format("woff");
  }
  @font-face {
    font-family: "Noto Sans JP";
    font-weight: 600;
    font-display: swap;
    src: local("NotoSansJP-SemiBold"), url("/assets/fonts/NotoSansJP-SemiBold.woff2") format("woff2"), url("./woff/NotoSansJP-SemiBold.woff") format("woff");
  }
  @font-face {
    font-family: "Noto Sans JP";
    font-weight: 500;
    font-display: swap;
    src: local("NotoSansJP-Medium"), url("/assets/fonts/NotoSansJP-Medium.woff2") format("woff2"), url("./woff/NotoSansJP-Medium.woff") format("woff");
  }
  @font-face {
    font-family: "Noto Sans JP";
    font-weight: 400;
    font-display: swap;
    src: local("NotoSansJP-Regular"), url("/assets/fonts/NotoSansJP-Regular.woff2") format("woff2"), url("./woff/NotoSansJP-Regular.woff") format("woff");
  }
  @font-face {
    font-family: "Noto Sans JP";
    font-weight: 300;
    font-display: swap;
    src: local("NotoSansJP-Light"), url("/assets/fonts/NotoSansJP-Light.woff2") format("woff2"), url("./woff/NotoSansJP-Light.woff") format("woff");
  }
  @font-face {
    font-family: "Noto Sans JP";
    font-weight: 200;
    font-display: swap;
    src: local("NotoSansJP-ExtraLight"), url("/assets/fonts/NotoSansJP-ExtraLight.woff2") format("woff2"), url("./woff/NotoSansJP-ExtraLight.woff") format("woff");
  }
  @font-face {
    font-family: "Noto Sans JP";
    font-weight: 100;
    font-display: swap;
    src: local("NotoSansJP-Thin"), url("/assets/fonts/NotoSansJP-Thin.woff2") format("woff2"), url("./woff/NotoSansJP-Thin.woff") format("woff");
  }

  html,body{
    font-family: 'Noto Sans JP' !important;
  }

  .brochure-wrap .brochure-list .brochure-item a span{
    margin-right: 10px;
  }

  .product-view .product-info .info-btn a+a{
    margin-left: 30px;
  }
  .product-view .product-info .info-btn a{
    width: 240px;
  }

  @media (max-width:768px){
    .main-wrap .sec .text{
        width: 100%;
    }
    .main-wrap .sec.sec-5 .text strong,
    .main-wrap .sec .text p{
        word-break: break-all !important;
    }
    .product-view .product-info .info-btn{
        flex-wrap: wrap;
    }
    .product-view .product-info .info-btn a{
        font-size: 12px !important;
        width: 100%;
    }
    .product-view .product-info .info-btn a+a{
        margin-left: 0;
        margin-top: 7px;
    }
    .brochure-wrap .brochure-list .brochure-item a span{
        font-size: 11px;
        margin-right: 8px;
    }
  }