@media only screen and (width > 600px) {
    :root{
        --max-width: 600px;
        --header-height: 36px;
        --header-logo-width: 91px;
        --header-banner-height:353px;
        --header-banner-image:url(../images/main_banner--tablet.webp) no-repeat center center;
        --header-banner-content-top: 40%;
        --header-banner-content-left: 40%;
        --header-banner-content-width:342px;
        --header-banner-content-logo:282px;
        --header-banner-content-intro-font-size:35px;
        --header-banner-content-intro-margin-top:17px;
        --header-banner-content-intro-line-height:42px;
        --header-banner-content-subtext-font-size:15px;
        --header-banner-content-subtext-line-height:19px;
        --header-banner-content-subtext-margin-top:30px;
        --header-slider-bullet-bottom:42px;
        --common-section-padding: 40px 0;
        --common-section-h1-font-size: 25px;
        --business-title-font-size: 17px;
        --business-title-bottom: 3px;
        --business-p-margin-top: 30px;
        --business-p-font-size: 15px;
        --business-li-margin: 20px;
        --business-li-width: 650px;
        --business-image-media: url(../images/business_image_media--tablet.png) no-repeat center center;
        --business-image-saas: url(../images/business_image_saas--tablet.png) no-repeat center center;
        --business-image-blockchain: url(../images/business_image_blockchain--tablet.png) no-repeat center center;
        --business-image-bigdata: url(../images/business_image_bigdata--tablet.png) no-repeat center center;
        --business-image-commerce: url(../images/business_image_commerce--tablet.png) no-repeat center center;
        --business-image-width: 600px;
        --business-image-height: 360px;
        --business-image-radius: 0px;
        --business-slider-margin-top: 42px;
        --business-slider-height: 420px;
        --business-slider-arrow-width: 23px;
        --business-slider-arrow-height: 47px;
        --business-slider-arrow-location-correction: 8px;
        --contact-p-margin-top: 33px;
        --contact-p-font-size: 15px;
        --contact-p-line-height: 20px;
        --contact-map-height: 342px;
        --ci-image-margin: 35px;
        --ci-image-height: 314px;
        --ci-download-width: 234px;
        --ci-download-line-height: 69px;
        --ci-download-margin: 0 30px;
        --ci-download-font-size: 16px;
        --footer-height: 188px;
        --footer-company-font-size: 17px;
        --footer-select-font-size: 14px;
        --footer-select-width: 115px;
        --footer-select-height: 30px;
        --footer-select-padding: 0 7px;
        --footer-info-font-size: 14px;
    }
    header .size {
        max-width: var(--max-width);
    }
    header nav.mobile-nav {
        display: none;
    }
    header .pc-nav {
        display: flex;
    }
    #business p {
        max-width: var(--max-width);
        width: unset;
        line-height: unset;
    }
    #contact .contact-info .address{
        width: unset;
    }
}

@media only screen and (width > 1024px) {
    :root{
        --max-width: 800px;
        --header-height: 50px;
        --header-logo-width: 127px;
        --header-banner-height:600px;
        --header-banner-image:url(../images/main_banner--desktop.webp) no-repeat center center;
        --header-banner-content-top: 45%;
        --header-banner-content-left: 40%;
        --header-banner-content-width:547px;
        --header-banner-content-logo:345px;
        --header-banner-content-intro-font-size:52px;
        --header-banner-content-intro-margin-top:26px;
        --header-banner-content-intro-line-height:59px;
        --header-banner-content-subtext-font-size:22px;
        --header-banner-content-subtext-line-height:26px;
        --header-banner-content-subtext-margin-top:40px;
        --header-slider-bullet-bottom:28px;
        --common-section-padding: 50px 0 30px 0;
        --common-section-h1-font-size: 34px;
        --business-title-font-size: 19px;
        --business-title-bottom: 20px;
        --business-p-margin-top: 46px;
        --business-p-font-size: 17px;
        --business-li-margin: 40px;
        --business-li-width: 848px;
        --business-image-media: url(../images/business_image_media--desktop.png) no-repeat center center;
        --business-image-saas: url(../images/business_image_saas--desktop.png) no-repeat center center;
        --business-image-blockchain: url(../images/business_image_blockchain--desktop.png) no-repeat center center;
        --business-image-bigdata: url(../images/business_image_bigdata--desktop.png) no-repeat center center;
        --business-image-commerce: url(../images/business_image_commerce--desktop.png) no-repeat center center;
        --business-image-width: 798px;
        --business-image-height: 499px;
        --business-image-radius: 0px;
        --business-slider-margin-top: 42px;
        --business-slider-height: 600px;
        --business-slider-arrow-width: 18px;
        --business-slider-arrow-height: 40px;
        --business-slider-arrow-location-correction: 13px;
        --contact-p-margin-top: 40px;
        --contact-p-font-size: 17px;
        --contact-p-line-height: 20px;
        --contact-map-height: 342px;
        --ci-image-margin: 40px;
        --ci-image-height: 418px;
        --ci-download-width: 234px;
        --ci-download-line-height: 69px;
        --ci-download-margin: 0 65px;
        --ci-download-font-size: 17px;
        --footer-height: 202px;
        --footer-company-font-size: 20px;
        --footer-select-font-size: 15px;
        --footer-select-width: 160px;
        --footer-select-height: 45px;
        --footer-select-padding: 0 13px;
        --footer-info-font-size: 17px;
    }
    header .size {
        max-width: var(--max-width);
    }
    header nav.mobile-nav {
        display: none;
    }
    header .pc-nav {
        display: flex;
    }
    #business p {
        max-width: var(--max-width);
        width: unset;
        line-height: unset;
    }
    #contact .contact-info .address{
        width: unset;
    }
    /* #contact p { 
        max-width: var(--max-width);
        width: unset;
        line-height: unset;
    } */
}