@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 h3{font-size:28px;text-align:center;}
main .main-inner .white-box .lead-sentence{margin-bottom:2em;font-size:16px;}
main .main-inner .white-box .split-columns > .wp-block-group__inner-container{display:flex;flex-flow:row;}
main .main-inner .white-box .split-columns > .wp-block-group__inner-container h3{width:270px;padding-left:2em;font-weight:normal;flex-shrink:0;}
main .main-inner .white-box .signature{margin-top:2em;}
main .main-inner .white-box p{line-height:2;}
main .main-inner .white-box p strong{color:#1b91a1;}

#about_making_tv{background:url(../img/metadata/about-making-tv-pc.png) center bottom 75px no-repeat;background-color:white;}
#about_making_tv .wp-block-group__inner-container p{text-align:center;margin-bottom:30px;}
#about_making_tv .wp-block-group__inner-container p:last-child{margin-bottom:123px;}


#about_metadata{background:url(../img/metadata/about-meta-data.png) left 109px bottom 70px no-repeat;background-size:275px 292px;background-color:white;}
#about_metadata p{margin:0 0 10px 360px;}
#about_metadata .notice{font-size:12px;line-height:1.6;}


#kind-of-data{background:url(../img/metadata/kind-of-data-pc.png) center top 198px no-repeat;background-color:white;}
#kind-of-data #tv-data .wp-block-group__inner-container{margin-top:265px;}
#kind-of-data .inner-box .wp-block-group__inner-container{margin-top:30px;box-shadow:0px 0px 6px 6px #f6f6f6;padding:34px 70px;}
#kind-of-data .inner-box .wp-block-group__inner-container h4{font-size:20px;padding-left:40px;text-align:center;margin-bottom:25px;text-align:center;}
#kind-of-data #tv-data .wp-block-group__inner-container h4{background:url(../img/metadata/tv-data.png) left 315px bottom 5px no-repeat;background-size:28px 28px;}
#kind-of-data .inner-box .wp-block-group__inner-container p{text-align:center;}
#kind-of-data .inner-box .wp-block-group__inner-container p:nth-of-type(2){text-align:right;}
#kind-of-data .inner-box .wp-block-group__inner-container ul{margin-top:30px;height:76px;display:flex;flex-flow:column wrap;}
#kind-of-data .inner-box .wp-block-group__inner-container ul li{font-size:14px;line-height:1.8;width:260px;text-indent:-1.2em;padding-left:1.2em;}
#kind-of-data .inner-box .wp-block-group__inner-container ul li:before{content:"● ";}
#kind-of-data .inner-box .wp-block-group__inner-container ul li:nth-child(5){margin-bottom:20px;}
#kind-of-data #spot-data .wp-block-group__inner-container ul li:nth-child(5){margin-bottom:0;}
#kind-of-data #spot-data .wp-block-group__inner-container ul li:nth-child(4){margin-bottom:20px;}
#kind-of-data .inner-box .wp-block-group__inner-container p.sample-button a{margin:0 auto;display:block;width:182px;line-height:48px;font-size:15px;box-sizing:border-box;color:white;background-color:#2c99a7;font-weight:bold;}
#kind-of-data .wp-block-group__inner-container .has-text-align-center{margin-top:40px;text-align:center;}
#kind-of-data #tvcm-data .text-below-button{margin-top:3em;text-align:center;font-size:14px;}
#kind-of-data #tvcm-data .text-below-button a{text-decoration:underline;}
#kind-of-data #tvcm-data .text-below-button a strong{color:#222222;}

#kind-of-data #tvcm-data .wp-block-group__inner-container h4{background:url(../img/metadata/tvcm-data.png) left 321px bottom 1px no-repeat;background-size:29px 27px;}
#kind-of-data #product-data .wp-block-group__inner-container h4{background:url(../img/metadata/product-data.png) left 333px bottom no-repeat;background-size:31px 29px;}
#kind-of-data #spot-data .wp-block-group__inner-container h4{background:url(../img/metadata/spot-data.png) left 329px bottom no-repeat;background-size:21px 28px;}
#kind-of-data #talent-data .wp-block-group__inner-container h4{background:url(../img/metadata/talent-data.png) left 324px bottom 2px no-repeat;background-size:28px 26px;}


#flow-providing{background:url(../img/metadata/flow-providing-pc.png) center top 252px no-repeat;background-size:955px 268px;background-color:white;}
#flow-providing .wp-block-group__inner-container .flow-lead{font-size:20px;color:#29a48b;text-align:center;font-weight:bold;}
#flow-providing .wp-block-group__inner-container .flow-figure{font-size:0;}
#flow-providing .wp-block-group__inner-container .figure-caption{font-size:14px;margin:284px 50px 0 0;text-align:right;color:#29a48b;font-weight:bold;}
#flow-providing .wp-block-group__inner-container p:last-child{margin-top:57px;font-size:16px;}

#virtue{background:url(../img/metadata/virtue-figure.jpg) left top 185px no-repeat;background-size:510px 402px;background-color:white;}
#virtue .wp-block-separator{margin-bottom:40px;}
#virtue .wp-block-group__inner-container p{margin-left:477px;line-height:1.875;}
#virtue .wp-block-group__inner-container .virtue-subtitle{margin-top:1em;margin-bottom:1em;font-size:20px;line-height:1.6;font-weight:bold;}
#virtue .wp-block-group__inner-container .link-button{margin-left:0;}

#kind-of-data .wp-block-group__inner-container .link-button a,
#virtue .wp-block-group__inner-container .link-button a{display:block;width:407px;margin:56px auto 0 auto;line-height:56px;font-size:16px;font-weight:bold;text-align:center;color:#fffefe;background-color:#87c440;}



@media (max-width:750px) {
    body > .page-header{height:76vw;}

    body > .page-header .header-menu{width:80vw;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 section.body{font-size:4vw;}
    main .main-inner section.body .lead-sentence{font-size:4.2vw;}
    main .main-inner section.body .split-columns > .wp-block-group__inner-container{display:block;}
    main .main-inner section.body .split-columns > .wp-block-group__inner-container h3{width:100%;padding-left:0;margin-bottom:1em;text-align:center;}


    main .main-inner .white-box h3{font-size:5.0666vw;text-align:center;}
    main .main-inner .white-box .lead-sentence{margin-bottom:2em;font-size:2.1333vw;}
    main .main-inner .white-box .split-columns > .wp-block-group__inner-container{display:flex;flex-flow:row;}
    main .main-inner .white-box .split-columns > .wp-block-group__inner-container h3{width:36vw;padding-left:2em;font-weight:normal;flex-shrink:0;}
    main .main-inner .white-box .signature{margin-top:2em;}
    main .main-inner .white-box p{line-height:1.8;}

    #about_making_tv{background:url(../img/metadata/about-making-tv-sp.png) center bottom 19.0666vw no-repeat;background-size:78.1333vw 38.6666vw;background-color:white;padding-bottom:44vw;}
    #about_making_tv .wp-block-group__inner-container p{margin-bottom:7.3333vw;}
    #about_making_tv .wp-block-group__inner-container p:last-child{margin-bottom:16.4vw;}


    #about_metadata{background:url(../img/metadata/about-meta-data.png) center bottom 39.6666vw no-repeat;background-size:51.7333vw 54.8vw;padding-left:6.6666vw;background-color:white;}
    #about_metadata p{margin-bottom:0.6666vw;margin-left:0;text-align:center;}
    #about_metadata p:nth-child(6){margin-top:73.3333vw;}
    #about_metadata .notice{font-size:3.2vw;text-align:left;padding:0 1.3333vw;}

    #kind-of-data{background:url(../img/metadata/kind-of-data-sp.png) center top 38vw no-repeat;background-size:78.6666vw 48.1333vw;background-color:white;}
    #kind-of-data #tv-data .wp-block-group__inner-container{margin-top:68vw;}
    #kind-of-data .inner-box .wp-block-group__inner-container{margin-top:10.4vw;padding:8vw 5.3333vw;}
    #kind-of-data .inner-box .wp-block-group__inner-container h4{font-size:4.2666vw;padding-left:8vw;margin-bottom:5.0666vw;text-align:center;}
    #kind-of-data #tv-data .wp-block-group__inner-container h4{background:url(../img/metadata/tv-data.png) left 13.3333vw bottom 1.3333vw no-repeat;background-size:5.6vw 5.6vw;}
    #kind-of-data .inner-box .wp-block-group__inner-container p{text-align:left;}
    #kind-of-data .inner-box .wp-block-group__inner-container ul{margin-top:5.7333vw;height:auto;display:block;flex-flow:column wrap;}
    #kind-of-data .inner-box .wp-block-group__inner-container ul li{font-size:4vw;line-height:1.6;width:auto;}
    #kind-of-data .inner-box .wp-block-group__inner-container ul li:nth-child(5){margin-bottom:0;}
    #kind-of-data #spot-data .wp-block-group__inner-container ul li:nth-child(5){margin-bottom:0;}
    #kind-of-data #spot-data .wp-block-group__inner-container ul li:nth-child(4){margin-bottom:0;}
    #kind-of-data .inner-box .wp-block-group__inner-container p.sample-button a{margin:0 auto;display:block;width:48vw;line-height:12vw;font-size:4vw;box-sizing:border-box;text-align:center;margin-top:5.3333vw;}
    #kind-of-data #tvcm-data .text-below-button{margin:3em -5vw 0 -5vw;padding-bottom:1em;font-size:3.6vw;}

    #kind-of-data #tvcm-data .wp-block-group__inner-container h4{background:url(../img/metadata/tvcm-data.png) left 15.2vw bottom 1.0666vw no-repeat;background-size:5.4666vw 5.0666vw;}
    #kind-of-data #product-data .wp-block-group__inner-container h4{background:url(../img/metadata/product-data.png) left 17.8666vw bottom 0.5333vw no-repeat;background-size:6.5333vw 4.8vw}
    #kind-of-data #spot-data .wp-block-group__inner-container h4{background:url(../img/metadata/spot-data.png) left 16vw bottom no-repeat;background-size:4.6666vw 6.1333vw}
    #kind-of-data #talent-data .wp-block-group__inner-container h4{background:url(../img/metadata/talent-data.png) left 14.6666vw bottom 0.2666vw no-repeat;background-size:6.2666vw 5.8666vw}


    #flow-providing{background:url(../img/metadata/flow-providing-sp.png) center top 55.8666vw no-repeat;background-size:72vw 230.2666vw;background-color:white;}
    #flow-providing .wp-block-group__inner-container .flow-lead{font-size:4.5333vw;text-align:center;}
    #flow-providing .wp-block-group__inner-container .figure-caption{font-size:3.7333vw;margin:228.6666vw 0 0 0;text-align:center;}
    #flow-providing .wp-block-group__inner-container p:last-child{margin-top:6.6666vw;font-size:4vw;line-height:1.6;}


    #virtue{background:url(../img/metadata/virtue-figure.jpg) center top 39.2vw no-repeat;background-size:92vw 72.6666vw;background-color:white;}
    #virtue .wp-block-separator{margin-bottom:91.6vw;}
    #virtue .wp-block-group__inner-container p{margin:3.2vw 0 0 0;line-height:1.6;}
    #virtue .wp-block-group__inner-container .virtue-subtitle{font-size:4.5333vw;margin-top:7.3333vw;}
    #kind-of-data .wp-block-group__inner-container .link-button a,
    #virtue .wp-block-group__inner-container .link-button a{padding-top:1.8666vw;margin:8.6666vw auto 1.3333vw auto;width:78.6666vw;height:18.6666vw;line-height:1.6;font-size:4.8vw;box-sizing:border-box;}
}