@charset "UTF-8";

body > .page-header{height:220px;}
body > .page-header .header-menu{margin:60px auto 50px auto;display:flex;}
body > .page-header .header-menu li{font-size:15px;line-height:0.8;padding:0 15px;color:#222222;border-right:1px solid #222222;}
body > .page-header .header-menu li:last-child{border-right:none;}


main .main-inner .white-box .wp-block-group__inner-container h2{text-align:center;}
main .main-inner .white-box .wp-block-group__inner-container .wp-block-separator{margin-bottom:50px;}
#industry{width:1100px;height:770px;background:url(../img/service/main-visual-pc.jpg) center center no-repeat;box-sizing:border-box;background-color:white;}
#industry p{font-size:0;}

#application-examples .lead-box > .wp-block-group__inner-container{display:flex;}
#application-examples .lead-box .example-icons .wp-block-group__inner-container{display:flex;flex-flow:row wrap;width:560px;margin-right:30px;}
#application-examples .lead-box .example-icons .wp-block-group__inner-container .gray-box{width:270px;height:80px;margin:0 10px 10px 0;font-size:13px;padding:0 10px 0 63px;box-sizing:border-box;display:flex;align-items:center;}

#application-examples .lead-box .example-icons .wp-block-group__inner-container .icon01{background:url(../img/service/icon01.png) left 18px center no-repeat;background-size:29px 27px;}
#application-examples .lead-box .example-icons .wp-block-group__inner-container .icon02{background:url(../img/service/icon02.png) left 18px center no-repeat;background-size:33px 30px;}
#application-examples .lead-box .example-icons .wp-block-group__inner-container .icon03{background:url(../img/service/icon03.png) left 18px center no-repeat;background-size:30px 42px;}
#application-examples .lead-box .example-icons .wp-block-group__inner-container .icon04{background:url(../img/service/icon04.png) left 18px center no-repeat;background-size:32px 28px;}
#application-examples .lead-box .example-icons .wp-block-group__inner-container .icon05{background:url(../img/service/icon05.png) left 18px center no-repeat;background-size:34px 33px;}
#application-examples .lead-box .example-icons .wp-block-group__inner-container .icon06{background:url(../img/service/icon06.png) left 18px center no-repeat;background-size:25px 25px;}
#application-examples .lead-box .example-icons .wp-block-group__inner-container .icon07{background:url(../img/service/icon07.png) left 18px center no-repeat;background-size:36px 30px;}
#application-examples .lead-box .example-icons .wp-block-group__inner-container .icon08{background:url(../img/service/icon08.png) left 18px center no-repeat;background-size:33px 31px;}
#application-examples .lead-box .example-icons .wp-block-group__inner-container .gray-box{background-color:#eeeeee;;}

#application-examples .lead-box .example-lead{width:375px;}
#application-examples .lead-box .example-lead .lead-title{font-size:20px;font-weight:bold;}
#application-examples .lead-box .example-lead .lead-body{margin-top:20px;line-height:1.7;}

#application-examples .example-list > .wp-block-group__inner-container{margin-top:75px;display:flex;flex-flow:row wrap;justify-content:space-between;}
#application-examples .example-list .example-box{width:466px;margin-bottom:25px;padding:35px 50px;box-shadow:0 0 10px 6px rgba(0,0,0,0.05);box-sizing:border-box;}
#application-examples .example-list .example-box h4{font-size:20px;margin-left:40px;text-align:center;}
#application-examples .example-list .example-box p{margin-top:28px;}

#application-examples .example-list .icon01{background:url(../img/service/icon01.png) left 148px top 39px no-repeat;background-size:28px 26px;}
#application-examples .example-list .icon02{background:url(../img/service/icon02.png) left 40px top 35px no-repeat;background-size:33px 30px;}
#application-examples .example-list .icon02 h4{margin:0 -20px 0 20px;}
#application-examples .example-list .icon03{background:url(../img/service/icon03.png) left 51px top 32px no-repeat;background-size:30px 42px;}
#application-examples .example-list .icon04{background:url(../img/service/icon04.png) left 66px top 39px no-repeat;background-size:36px 32px;}
#application-examples .example-list .icon05{background:url(../img/service/icon05.png) left 93px top 56px no-repeat;background-size:35px 33px;}
#application-examples .example-list .icon05 h4{margin-left:90px;text-align:left;}
#application-examples .example-list .icon06{background:url(../img/service/icon06.png) left 93px top 54px no-repeat;background-size:31px 31px;}
#application-examples .example-list .icon06 h4{margin-left:90px;text-align:left;}
#application-examples .example-list .icon07{background:url(../img/service/icon07.png) left 51px top 52px no-repeat;background-size:38px 32px;}
#application-examples .example-list .icon07 h4{margin-left:55px;text-align:left;}
#application-examples .example-list .icon08{background:url(../img/service/icon08.png) left 80px top 54px no-repeat;background-size:35px 33px;}
#application-examples .example-list .icon08 h4{margin-left:80px;text-align:left;}
#application-examples .example-list .example-box .small-text{font-size:14px;line-height:1.8;margin-top:15px;}
#application-examples .example-list .green-button a{width:216px;line-height:48px;font-size:15px;margin:35px auto 0 auto;text-align:center;display:block;background-color:#2c99a7;color:white;}

#packaged-products{background:url(../img/service/pic-pc-and-smartphone.png) center top 275px no-repeat;background-size:647px 271px;background-color:white;}
#packaged-products .packaged-products-head{width:690px;margin:0 auto;display:flex;justify-content:space-between;}
#packaged-products .packaged-products-head li{font-size:15px;font-weight:bold;}
#packaged-products  h4{font-size:24px;margin-top:433px;text-align:center;}

#packaged-products .rounded-box{padding:50px 55px;margin-top:30px;border:solid 1px #d1d1d1;border-radius:14px;}
#packaged-products .rounded-box:first-child{margin-top:37px;}
#packaged-products .rounded-box h3{font-size:28px;text-align:center;}
#packaged-products .rounded-box p{margin:12px 0 0 455px;line-height:1.875;}
#packaged-products .rounded-box .title{margin-top:30px;font-size:16px;font-weight:bold;line-height:1.5;}
#packaged-products .rounded-box .green-button a{font-size:15px;width:182px;line-height:48px;margin:23px auto 0 auto;background-color:#2c99a7;color:white;text-align:center;display:block;}
#package-tvrank > .wp-block-group__inner-container{background:url(../img/service/pic-tv-rank.png) left top 58px no-repeat;background-size:416px 266px;}
#package-talentrank > .wp-block-group__inner-container{background:url(../img/service/pic-talent-rank.png) left top 58px no-repeat;background-size:411px 266px;}
#package-shikiho > .wp-block-group__inner-container{background:url(../img/service/pic-shikiho.png) left 18px top 90px no-repeat;background-size:403px 120px;}

#package-tvnews > .wp-block-group__inner-container{display:flex;flex-flow:row wrap;justify-content:space-between;background:url(../img/service/pic-tv-news.png) left 2px top 131px no-repeat;background-size:386px 193px;}
#package-tvnews > .wp-block-group__inner-container h3{width:960px;}
#package-tvnews > .wp-block-group__inner-container p{margin:318px 0 0 0;width:420px;}
#package-tvnews > .wp-block-group__inner-container .right-gray-box{width:386px;margin-top:40px;padding:20px;box-sizing:border-box;background-color:#f7f7f7;}
#package-tvnews > .wp-block-group__inner-container .green-button{width:960px;margin-top:35px;}

#package-mail > .wp-block-group__inner-container h3{width:960px;}
#package-mail > .wp-block-group__inner-container p{margin:15px 0 10px 0;width:960px;max-width:100%;text-align:center;}
#package-mail > .wp-block-group__inner-container .left{text-align:left;}
#package-mail > .wp-block-group__inner-container .right-gray-box{width:410px;margin-top:20px;padding:15px;box-sizing:border-box;background-color:#f7f7f7;text-align:left;}
#package-mail > .wp-block-group__inner-container{display:flex;flex-flow:row wrap;justify-content:space-between;}
#package-mail > .wp-block-group__inner-container .right-gray-box .green-button{max-width:100%;}

#packaged-products .aflter-comment{margin-top:57px;font-size:18px;font-weight:bold;text-align:center;}
#packaged-products .about-tv-metadata a{width:407px;line-height:60px;margin:25px auto 0 auto;color:#fffefe;background-color:#87c440;display:block;text-align:center;}

#partner-services .partners > .wp-block-group__inner-container{display:flex;justify-content:space-between;}
#partner-services .shadow-box{width:465px;padding:40px 30px;box-sizing:border-box;box-shadow:0 0 10px 4px rgba(0,0,0,0.05);}
#partner-services .shadow-box h4{font-size:24px;text-align:center;}
#partner-services .shadow-box p{margin-top:12px;text-align:center;}
#partner-services .banners{margin-top:38px;width:960px;padding:24px 0;background:url(../img/service/banner-bg.gif);}
#partner-services .banners > .wp-block-group__inner-container{display:flex;margin:0 auto;width:748px;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;}
#partner-services .banners > .wp-block-group__inner-container .wp-block-image{width:240px;height:52px;margin-right:14px;}
#partner-services .banners > .wp-block-group__inner-container .wp-block-image:nth-child(3n){margin:0;}
#partner-services .banners > .wp-block-group__inner-container .wp-block-image:nth-child(4n){margin-top:14px;}
#partner-services .banners > .wp-block-group__inner-container .wp-block-image img{width:100%;}
#partner-services > div > p:last-child{margin-top:20px;font-size:15px;}




@media (max-width:750px) {
    body > .page-header{height:64vw;}
    body > .page-header .header-menu{width:70vw;margin:13.3333vw auto 0 auto;flex-wrap:wrap;justify-content:center;}
    body > .page-header .header-menu li{font-size:3.7333vw;line-height:1;padding:0 0.5em;margin-bottom:1.6em;}



    main .main-inner .white-box .wp-block-group__inner-container .wp-block-separator{margin-bottom:10.6666vw;}
    #industry{width:92vw;height:182.6666vw;background:url(../img/service/main-visual-sp.jpg) center center no-repeat;background-size:contain;box-sizing:border-box;background-color:white;}

    #application-examples .lead-box > .wp-block-group__inner-container{display:block;}
    #application-examples .lead-box .example-icons .wp-block-group__inner-container{display:flex;flex-flow:row wrap;width:78.6666vw;margin:0;justify-content:space-between;}
    #application-examples .lead-box .example-icons .wp-block-group__inner-container .gray-box{display:block;width:38.6666vw;height:32vw;margin:0 0 1.3333vw 0;font-size:3.3333vw;padding:0 2vw;line-height:1.3;text-align:center;}

    #application-examples .lead-box .example-icons .wp-block-group__inner-container .icon04{background-image:url(../img/service/icon04-g.png);}
    #application-examples .lead-box .example-icons .wp-block-group__inner-container .icon05{background-image:url(../img/service/icon05-g.png);}
    #application-examples .lead-box .example-icons .wp-block-group__inner-container .icon07{background-image:url(../img/service/icon07-g.png);}

    #application-examples .lead-box .example-icons .wp-block-group__inner-container .icon01{background-position:center top 9.3333vw;background-size:6.9333vw 6.8vw;padding-top:18.4vw;}
    #application-examples .lead-box .example-icons .wp-block-group__inner-container .icon02{background-position:center top 8vw;background-size:7.3333vw 6.9333vw;padding-top:16.4vw;}
    #application-examples .lead-box .example-icons .wp-block-group__inner-container .icon03{background-position:center top 3.4666vw;background-size:7.7333vw 10.9333vw;padding-top:15.8666vw;}
    #application-examples .lead-box .example-icons .wp-block-group__inner-container .icon04{background-position:center top 6.8vw;background-size:10.1333vw 8.9333vw;padding-top:16.4vw;}
    #application-examples .lead-box .example-icons .wp-block-group__inner-container .icon05{background-position:center top 5.8666vw;background-size:9.3333vw 8.8vw;padding-top:15.8666vw;}
    #application-examples .lead-box .example-icons .wp-block-group__inner-container .icon06{background-position:center top 6vw;background-size:6.9333vw 6.9333vw;padding-top:14.6666vw;}
    #application-examples .lead-box .example-icons .wp-block-group__inner-container .icon07{background-position:center top 3.7333vw;background-size:8vw 6.4vw;padding-top:11.7333vw;}
    #application-examples .lead-box .example-icons .wp-block-group__inner-container .icon08{background-position:center top 5.0666vw;background-size:7.3333vw 6.9333vw;padding-top:13.8666vw;}

    #application-examples .lead-box .example-lead{width:78.6666vw;}
    #application-examples .lead-box .example-lead .lead-title{font-size:4.2666vw;margin:9.3333vw -1.3333vw;text-align:center;}
    #application-examples .lead-box .example-lead .lead-body{margin-top:8vw;line-height:1.6;}

    #application-examples .example-list > .wp-block-group__inner-container{margin-top:7.3333vw;}
    #application-examples .example-list .example-box{width:78.6666vw;margin-bottom:8vw;padding:9.3333vw 5.3333vw;}
    #application-examples .example-list .example-box h4{font-size:4vw;text-align:left;}
    #application-examples .example-list .example-box p{margin-top:5.3333vw;line-height:1.53;}

    #application-examples .example-list .icon01{background-position:left 22.1333vw top 8.4vw;background-size:7.8666vw 7.7333vw;}
    #application-examples .example-list .icon01 h4{margin-left:27.2vw;}
    #application-examples .example-list .icon02{background-position:left 16.2666vw top 11.6vw;background-size:8.2666vw 7.8666vw;}
    #application-examples .example-list .icon02 h4{margin:0 0 0 21.6vw;}
    #application-examples .example-list .icon03{background-position:left 9.7333vw top 9.4666vw;background-size:8.4vw 12vw;}
    #application-examples .example-list .icon03 h4{margin-left:15.8666vw;}
    #application-examples .example-list .icon04{background-position:left 6.1333vw top 8.1333vw;background-size:11.7333vw 10.4vw;}
    #application-examples .example-list .icon04 h4{margin-left:13.3783vw;}
    #application-examples .example-list .icon05{background-position:left 10.5333vw top 11.6vw;background-size:10.6666vw 9.8666vw;}
    #application-examples .example-list .icon05 h4{margin-left:18.1333vw;}
    #application-examples .example-list .icon06{background-position:left 9.8666vw top 11.0666vw;background-size:8.9333vw 8.9333vw;}
    #application-examples .example-list .icon06 h4{margin-left:16.4vw;}
    #application-examples .example-list .icon07{background-position:left 7.0666vw top 14.1333vw;background-size:11.6vw 9.3333vw;}
    #application-examples .example-list .icon07 h4{margin-left:15.7333vw;}
    #application-examples .example-list .icon08{background-position:left 8.1333vw top 10.5333vw;background-size:10.4vw 9.7333vw;margin-bottom:-3vw;}
    #application-examples .example-list .icon08 h4{margin-left:15.7333vw;}
    #application-examples .example-list .example-box .small-text{font-size:3.4666vw;line-height:1.6;margin-top:3.6vw;}
    #application-examples .example-list .green-button a{width:48vw;line-height:12vw;font-size:4vw;margin:5.3333vw auto 0 auto;}

    #packaged-products{background:url(../img/service/pic-pc-and-smartphone.png) center top 84.399vw no-repeat;background-size:78.6666vw 32.8vw;background-color:white;}
    #packaged-products .packaged-products-head{width:78.6666vw;margin:0 auto;display:flex;flex-flow:row wrap;justify-content:space-between;}
    #packaged-products .packaged-products-head li{width:38vw;line-height:8.9333vw;margin-bottom:3.0666vw;font-size:3.2vw;font-weight:normal;text-align:center;border:solid 0.5333vw #dddddd;box-sizing:border-box;}
    #packaged-products  h4{font-size:4.8vw;margin-top:47.4666vw;}

    #packaged-products .rounded-box{padding:7.2vw 4vw;margin:7.7333vw auto 0 auto;border:solid 1.0666vw #f1f1f1;border-radius:2.4vw;}
    #packaged-products .rounded-box:first-child{margin-top:6vw;}
    #packaged-products .rounded-box h3{font-size:4.5333vw;text-align:center;}
    #packaged-products .rounded-box p{margin:0;line-height:1.53;}
    #packaged-products .rounded-box .title{font-size:4vw;font-weight:bold; text-align:center;}

    #packaged-products .rounded-box .green-button a{font-size:4vw;width:48vw;line-height:12vw;margin:6vw auto 0 auto;}
    #package-tvrank > .wp-block-group__inner-container{background-position:center top 10.6666vw;background-size:61.2vw 38.8vw;}
    #package-tvrank > .wp-block-group__inner-container .title{margin-top:45.3333vw;margin-bottom:1em;}
    #package-talentrank > .wp-block-group__inner-container{background-position:left top 10.1333vw;background-size:59.8666vw 35.4666vw;}
    #package-talentrank > .wp-block-group__inner-container .title{margin-top:41.8666vw;margin-bottom:1em;}
    #package-shikiho > .wp-block-group__inner-container{background-position:center top 13.8666vw;background-size:63.4666vw 18.8vw;}
    #package-shikiho > .wp-block-group__inner-container p:nth-child(2){margin-top:32.5333vw;}

    #package-tvnews > .wp-block-group__inner-container{background-position:center top 14.9333vw;background-size:62.6666vw 31.4666vw;}
    #package-tvnews > .wp-block-group__inner-container h3{width:128vw;}
    #package-tvnews > .wp-block-group__inner-container p{margin:42.4vw 0 0 0;width:auto;}
    #package-tvnews > .wp-block-group__inner-container .right-gray-box{width:68vw;margin-top:5.3333vw;font-size:3.4666vw;padding:4vw;box-sizing:border-box;background-color:#f7f7f7;}
    #package-tvnews > .wp-block-group__inner-container .green-button{width:128vw;margin-top:4.6666vw;}
    #package-tvnews > .wp-block-group__inner-container .green-button a{margin:4.6666vw auto 2.6666vw auto;}

    #packaged-products .aflter-comment{margin-top:7.6vw;font-size:4vw;line-height:1.53;}
    #packaged-products .about-tv-metadata a{width:78.6666vw;line-height:18.6666vw;font-size:4.8vw;margin:7.3333vw auto 1.3333vw auto;}

    #partner-services .partners > .wp-block-group__inner-container{flex-flow:row wrap;}
    #partner-services .shadow-box{width:78.6666vw;margin-bottom:5.3333vw;padding:6.6666vw 5.3333vw;}
    #partner-services .shadow-box h4{font-size:4.5333vw;}
    #partner-services .shadow-box p{margin-top:1.6vw;font-size:4vw;text-align:left;}
 
    #partner-services .banners{margin-top:5.0666vw;width:78.6666vw;height:auto;padding:5.8666vw 5.3333vw;background-image:url(../img/service/banner-bg.gif);}
    #partner-services .banners > .wp-block-group__inner-container{display:block;}
    #partner-services .banners > .wp-block-group__inner-container .wp-block-image{width:68vw;height:14.9333vw;margin-right:0;margin-bottom:5.3333vw;}
    #partner-services .banners > .wp-block-group__inner-container .wp-block-image img{width:100%;}
    #partner-services > div > p:last-child{margin-top:4.6666vw;font-size:3.2vw;}
}