@charset "UTF-8";

body > .page-header{height: 220px;}

body > .page-header > .title-image{width:100%;height:32px;font-size:0;background-repeat:no-repeat;background-position:center center;background-size:contain;flex-shrink:0;}
body > .page-header > h1{font-size:0;font-weight:normal;line-height:1;margin-top:0;flex-shrink:0;}

body > .page-header .header-menu{margin: 116px auto 60px 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{font-size:16px;}

main .main-inner .white-box h2{font-size: 36px; text-align: center;}
main .main-inner .white-box .lead-box > div > h4{padding-left:460px;}
main .main-inner .white-box .lead-box > div > p{padding-left:460px;padding-top:1em;line-height:2;}

main .main-inner .white-box .rounded-box{margin-top:50px;padding:60px;border:1px solid #d1d1d1;border-radius:14px;}
main .main-inner .white-box .rounded-box > div h3{line-height:1;font-size:26px;text-align:center;}
main .main-inner .white-box .rounded-box > div h3 + .notice{margin-top:11px;line-height:1;font-size:14px;text-align:center;color:#848484;font-weight:bold;}
main .main-inner .white-box .rounded-box > div h3 + .warning{margin-top:45px;line-height:1;font-size:14px;text-align:center;color:#a40000;}
main .main-inner .white-box .rounded-box > div h3 + .lead{margin-top:35px;line-height:1;text-align:center;}

main .main-inner .white-box .rounded-box > div .outer-box > div{position:relative;}
main .main-inner .white-box .rounded-box > div .outer-box > div h4{position:absolute;left:339px;top:-10px;width:160px;line-height:1;font-size:20px;font-weight:normal;text-align:center;background-color:white;}
main .main-inner .white-box .rounded-box > div .outer-box > div .gray-border-box{margin-top:50px;padding:50px 65px 10px 65px;border:5px solid #f1f1f1;}

main .main-inner .white-box .rounded-box > div .outer-box.image > div .gray-border-box > div{display:flex;justify-content:space-between;flex-wrap:wrap;}
main .main-inner .white-box .rounded-box > div .outer-box.image > div .gray-border-box > div > p{position:relative;margin-bottom:30px;width:340px;height:370px;background-size:contain;background-repeat:no-repeat;}
main .main-inner .white-box .rounded-box > div .outer-box.image > div .gray-border-box > div > p a{position:absolute;top:0px;left:0;width:340px;height:370px;background:url(../img/tvrank/icon-magnifying.png) no-repeat;background-size:35px 35px;background-position:top 9px right 9px;font-size:0;}
main .main-inner .white-box .rounded-box > div .outer-box.image > div .gray-border-box > div > p strong{position:absolute;display:block;bottom:0;left:0;right:0;line-height:1;color:#2c99a7;text-align:center;}

main .main-inner .white-box .rounded-box > div .outer-box.menu > div .gray-border-box{margin-top:40px;padding:40px 65px 30px 65px;}
main .main-inner .white-box .rounded-box > div .outer-box.menu > div .gray-border-box > div > p.title{color:#2c99a7;font-weight:bold;}
main .main-inner .white-box .rounded-box > div .outer-box.menu > div .gray-border-box > div > p.title::before{content:"";display:inline-block;width:11px;height:11px;margin:7px 5px 0 -16px;background-color:#2d99a7;border-radius:5.5px;vertical-align:top;}
main .main-inner .white-box .rounded-box > div .outer-box.menu > div .gray-border-box > div > p.body{font-size:14px;padding-bottom:1em;line-height:2;}

main .main-inner .white-box .rounded-box > div .outer-box.industry > div h4{left:269px;width:300px;}
main .main-inner .white-box .rounded-box > div .outer-box.industry > div .gray-border-box{padding:40px 65px 20px 65px;}
main .main-inner .white-box .rounded-box > div .outer-box.industry > div .gray-border-box > div > p.title{color:#2c99a7;font-weight:bold;line-height:1.6;margin-bottom:5px;margin-right:-30px;}
main .main-inner .white-box .rounded-box > div .outer-box.industry > div .gray-border-box > div > p.title::before{content:"";display:inline-block;width:11px;height:11px;margin:7px 5px 0 -16px;background-color:#2d99a7;border-radius:5.5px;vertical-align:top;}
main .main-inner .white-box .rounded-box > div .outer-box.industry > div .gray-border-box > div > p.body{margin-bottom:1em;}
main .main-inner .white-box .rounded-box > div .outer-box.industry > div .gray-border-box > div > p.body a{display:inline-block;padding-left: 1em;text-indent:-1em;text-decoration:underline;}

#tv-rank .lead-box{height:343px;background:url(../img/tvrank/pic-tv-rank.png) no-repeat top left;background-size:416px 266px;}

#tv-rank .grid-pattern-box{height:289px;background:url(../img/tvrank/bg-target-area.gif);padding-top:34px;}
#tv-rank .grid-pattern-box .rounded-title{width:135px;margin:0 auto;color:white;line-height:36px;text-align:center;background-color:#2d99a7;border-radius:18px;}
#tv-rank .grid-pattern-box .split-box > div{display:flex;justify-content:space-between;padding:0 60px;}
#tv-rank .grid-pattern-box .split-box > div .shadow-box{width:410px;height:120px;margin-top:23px;background-color:white;box-shadow:5px 6px 0 rgba(0,0,0,0.11);}
#tv-rank .grid-pattern-box .split-box > div .shadow-box > div .title{margin-top:25px;line-height:1;font-size:17px;font-weight:bold;text-align:center;}
#tv-rank .grid-pattern-box .split-box > div .shadow-box > div .body{margin-top:27px;line-height:1;font-size:22px;text-align:center;}
#tv-rank .grid-pattern-box .split-box > div .shadow-box > div .body strong{margin-left:10px;color:#2d99a7;font-size:0;}
#tv-rank .grid-pattern-box .split-box > div .shadow-box > div .body strong:first-child{margin-left:0;}
#tv-rank .grid-pattern-box .split-box > div .shadow-box > div .body strong::before{content:"";display:inline-block;width:10px;height:10px;margin:6px -3px 6px 0;background-color:#2d99a7;border-radius:5px;vertical-align:top;}
#tv-rank .grid-pattern-box .notice-box{margin:30px 60px 0 60px;background-color:white;line-height:50px;font-size:14px;padding-left:1em;}

#tv-rank .rounded-box.first{margin-top:72px;}
#tv-rank .rounded-box > div .outer-box > div .gray-border-box > div > p.program1{background-image:url(../img/tvrank/pic-tv-program-1.jpg);}
#tv-rank .rounded-box > div .outer-box > div .gray-border-box > div > p.program2{background-image:url(../img/tvrank/pic-tv-program-2.jpg);}
#tv-rank .rounded-box > div .outer-box > div .gray-border-box > div > p.tv-cm1{background-image:url(../img/tvrank/pic-tv-cm-1.jpg);}
#tv-rank .rounded-box > div .outer-box > div .gray-border-box > div > p.tv-cm2{background-image:url(../img/tvrank/pic-tv-cm-2.jpg);}
#tv-rank .rounded-box > div .outer-box > div .gray-border-box > div > p.tv-cm3{background-image:url(../img/tvrank/pic-tv-cm-3.jpg);}
#tv-rank .rounded-box > div .outer-box > div .gray-border-box > div > p.tv-cm4{background-image:url(../img/tvrank/pic-tv-cm-4.jpg);}

#talent-rank .lead-box{background:url(../img/tvrank/pic-talent-rank.png) no-repeat top left;background-size:416px 266px;}
#talent-rank .rounded-box.first{margin-top:40px;}
#talent-rank .rounded-box > div .outer-box > div .gray-border-box > div > p.talent-rank1{background-image:url(../img/tvrank/pic-talent-rank-1.jpg);}
#talent-rank .rounded-box > div .outer-box > div .gray-border-box > div > p.talent-rank2{background-image:url(../img/tvrank/pic-talent-rank-2.jpg);}
#talent-rank .rounded-box > div .outer-box > div .gray-border-box > div > p.talent-rank3{background-image:url(../img/tvrank/pic-talent-rank-3.jpg);}
#talent-rank .rounded-box > div .outer-box > div .gray-border-box > div > p.talent-rank4{background-image:url(../img/tvrank/pic-talent-rank-4.jpg);}
#talent-rank .rounded-box > div .outer-box > div .gray-border-box > div > p.talent-rank5{background-image:url(../img/tvrank/pic-talent-rank-5.jpg);}

#talent-shikiho h2{font-size:30px;}
#talent-shikiho .lead-box{background:url(../img/tvrank/pic-talent-report.png) no-repeat top 30px left;background-size:376px 113px;}
#talent-shikiho .lead-box > div p{padding-top: 0.5em;}
#talent-shikiho .lead-box > div p.notice{padding-top:1.5em;font-size:12px;}
#talent-shikiho .rounded-box.first{margin-top:70px;}
#talent-shikiho .rounded-box > div .outer-box > div .gray-border-box > div > p.talent-shikiho1{background-image:url(../img/tvrank/pic-talent-report-1.jpg);}
#talent-shikiho .rounded-box > div .outer-box > div .gray-border-box > div > p.talent-shikiho2{background-image:url(../img/tvrank/pic-talent-report-2.jpg);}

#flow-of-contract h2{font-size:30px;}
#flow-of-contract .flow-figure{display:flex;}
#flow-of-contract .flow-figure li{position:relative;width:163px;height:163px;margin-right:36px;line-height:1.5;background-color:#5ea4ad;border-radius:8px;color:white;text-align:center;font-weight:bold;}
#flow-of-contract .flow-figure li::after{content:"";position:absolute;display:block;right:-64px;top:50px;width:0;height:0;border:32px solid rgba(0,0,0,0);border-left:32px solid #5ea4ad;font-size:0;}
#flow-of-contract .flow-figure li:last-child::after{display:none;}
#flow-of-contract .flow-figure li > div{display:flex;justify-content:center;align-items:center;height:50px;margin-top:95px;}
#flow-of-contract .flow-figure li > div span.small{margin-left:3px;}
#flow-of-contract .flow-figure li:nth-child(1){background-image:url(../img/tvrank/icon-inquiry.png);background-repeat:no-repeat;background-size:51px 37px;background-position:center top 48px;}
#flow-of-contract .flow-figure li:nth-child(2){background-image:url(../img/tvrank/icon-explanation.png);background-repeat:no-repeat;background-size:74px 45px;background-position:center top 38px;}
#flow-of-contract .flow-figure li:nth-child(3){background-image:url(../img/tvrank/icon-trial.png);background-repeat:no-repeat;background-size:56px 45px;background-position:center top 38px;}
#flow-of-contract .flow-figure li:nth-child(4){background-image:url(../img/tvrank/icon-hearing.png);background-repeat:no-repeat;background-size:82px 53px;background-position:center top 35px;}
#flow-of-contract .flow-figure li:nth-child(5){background-image:url(../img/tvrank/icon-start.png);background-repeat:no-repeat;background-size:37px 49px;background-position:center top 34px;}
#flow-of-contract > div > p{text-align:center;line-height:1;}
#flow-of-contract > div > p strong{display:block;margin-top:50px;font-size:18px;}
#flow-of-contract > div > p.notice{margin-top:30px;font-size:14px;}

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

    body > .page-header > .title-image{height:7.6vw;margin-top:5.8666vw;}
    body > .page-header > h1{font-size:4vw;margin-top:4vw;}

    body > .page-header .header-menu{width:70vw;margin:19.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{font-size:4vw;}

    main .main-inner .white-box h2{font-size: 5.3333vw;}
    main .main-inner .white-box .lead-box > div > h4{padding-left:0;}
    main .main-inner .white-box .lead-box > div > p{padding-left:0;padding-top:1em;line-height:1.6;}

    main .main-inner .white-box .rounded-box{margin-top:9.3333vw;padding:6.6666vw 4.2666vw;border-width:1.0666vw;border-radius:2.4vw;}
    main .main-inner .white-box .rounded-box > div h3{font-size:4.5333vw;}
    main .main-inner .white-box .rounded-box > div h3 + .notice{margin-top:3.3333vw;font-size:3.4666vw;}
    main .main-inner .white-box .rounded-box > div h3 + .warning{margin:6.6666vw -2.6666vw 0 -2.6666vw;line-height:1.5;font-size:3.0666vw;text-align:center;color:#a40000;}
    main .main-inner .white-box .rounded-box > div h3 + .lead{margin-top:4.6666vw;line-height:1.6;text-align:center;font-size:3.2vw;}

    main .main-inner .white-box .rounded-box > div .outer-box > div h4{left:18.8vw;top:-2.1333vw;width:29.3333vw;font-size:4vw;}
    main .main-inner .white-box .rounded-box > div .outer-box > div .gray-border-box{margin-top:9.3333vw;padding:7.6vw 4.2666vw 1.3333vw 4.2666vw;border-width:0.6666vw;}

    main .main-inner .white-box .rounded-box > div .outer-box.image > div .gray-border-box > div{display:flex;justify-content:space-between;flex-wrap:wrap;}
    main .main-inner .white-box .rounded-box > div .outer-box.image > div .gray-border-box > div > p{margin-bottom:7.2vw;width:26.6666vw;height:36vw;}
    main .main-inner .white-box .rounded-box > div .outer-box.image > div .gray-border-box > div > p a{width:100%;height:26.6666vw;background-position:top 1.4666vw right 1.4666vw;background-size:5.3333vw 5.3333vw;}
    main .main-inner .white-box .rounded-box > div .outer-box.image > div .gray-border-box > div > p strong{display:block;top:30vw;margin:0 -2.5vw;font-size:2.9333vw;line-height:1.3;}

    main .main-inner .white-box .rounded-box > div .outer-box.menu > div .gray-border-box{margin-top:9.3333vw;padding:5.3333vw 4.2666vw 4vw 8vw;}
    main .main-inner .white-box .rounded-box > div .outer-box.menu > div .gray-border-box > div > p.title{font-size:3.7333vw;}
    main .main-inner .white-box .rounded-box > div .outer-box.menu > div .gray-border-box > div > p.title::before{width:2.1333vw;height:2.1333vw;margin:2vw 1.2vw 0 -3.4333vw;border-radius:1.0666vw;}
    main .main-inner .white-box .rounded-box > div .outer-box.menu > div .gray-border-box > div > p.body{margin-right:-1.3333vw;padding-bottom:1em;line-height:1.5;font-size:3.4666vw;}

    main .main-inner .white-box .rounded-box > div .outer-box.industry > div h4{left:6.5333vw;width:54.9333vw;}
    main .main-inner .white-box .rounded-box > div .outer-box.industry > div .gray-border-box{margin-top:9.3333vw;padding:8vw 4.2666vw 4vw 4.2666vw;}
    main .main-inner .white-box .rounded-box > div .outer-box.industry > div .gray-border-box > div > p.title{margin-bottom:0.9333vw;padding-left:1em;margin-right:-3.2vw;font-size:3.7333vw;line-height:1.4;}
    main .main-inner .white-box .rounded-box > div .outer-box.industry > div .gray-border-box > div > p.title::before{width:2.1333vw;height:2.1333vw;margin:2vw 1.6vw 0 -1em;border-radius:1.0666vw;}
    main .main-inner .white-box .rounded-box > div .outer-box.industry > div .gray-border-box.needs > div > p.title{margin-bottom:3.7333vw;}
    main .main-inner .white-box .rounded-box > div .outer-box.industry > div .gray-border-box > div > p.body a{padding-left: 0.5em;text-indent:-0.5em;text-decoration:none;}

    #tv-rank .lead-box{height:74.6666vw;padding-top:56vw;background-size:78.6666vw 50.1333vw;background-position:center top;}
    #tv-rank .grid-pattern-box{height:auto;background:url(../img/tvrank/bg-target-area.gif);padding:6.6666vw 0;}
    #tv-rank .grid-pattern-box .rounded-title{width:26.6666vw;line-height:7.0666vw;border-radius:3.4666vw;font-size:3.4666vw;}
    #tv-rank .grid-pattern-box .split-box > div{display:block;padding:0 5.3333vw;margin-top:7.2vw;}
    #tv-rank .grid-pattern-box .split-box > div .shadow-box{width:100%;height:18vw;margin-top:5.3333vw;padding:6vw 0;background-color:white;box-shadow:0.6666vw 0.8vw 0 rgba(0,0,0,0.11);}
    #tv-rank .grid-pattern-box .split-box > div .shadow-box > div .title{margin-top:0;font-size:4vw;}
    #tv-rank .grid-pattern-box .split-box > div .shadow-box > div .body{margin-top:3.2vw;font-size:5.0666vw;}
    #tv-rank .grid-pattern-box .split-box > div .shadow-box > div .body strong{margin-left:2vw;}
    #tv-rank .grid-pattern-box .split-box > div .shadow-box > div .body strong::before{width:2.1333vw;height:2.1333vw;margin:1.4666vw -0.8vw 0vw 0;border-radius:1.0666vw;}
    #tv-rank .grid-pattern-box .notice-box{padding:1em;margin:7.2vw 5.3333vw 0;line-height:1.6;font-size:3.4666vw;}

    #talent-rank .lead-box{padding-top:54.6666vw;background-size:78.6666vw 50.9333vw;}
    #talent-rank .lead-box > div > h4{margin-right:-2.6666vw;line-height:1.5;}
    #talent-rank .lead-box > div > p{padding-top:2vw;line-height:1.5;}
    #talent-rank .rounded-box.first{margin-top:8vw;}

    #talent-shikiho h2{font-size:5.3333vw;}
    #talent-shikiho .lead-box{padding-top:38.6666vw;background-position:top 4vw left 3.3333vw;background-size:73.3333vw 21.4666vw;}
    #talent-shikiho .lead-box > div p.notice{font-size:3.2vw;}
    #talent-shikiho .rounded-box.first{margin-top:9.3333vw;}

    #flow-of-contract h2{font-size:5.3333vw;}
    #flow-of-contract .flow-figure{display:block;}
    #flow-of-contract .flow-figure li{position:relative;width:100%;height:20vw;margin-right:0;border-radius:1.6vw;text-align:center;font-size:4.5333vw;}
    #flow-of-contract .flow-figure li::after{left:0;right:0;top:auto;bottom:-11.5vw;;margin:0 auto;width:0;height:0;border:6vw solid rgba(0,0,0,0);border-top:6vw solid #5ea4ad;font-size:0;}
    #flow-of-contract .flow-figure li > div{display:flex;justify-content:flex-end;margin-top:9.3333vw;height:20vw;}
    #flow-of-contract .flow-figure li > div span.small{display:inline-block;margin-top:0.6666vw;margin-left:0.4vw;font-size:2.2666vw;vertical-align:top;}
    #flow-of-contract .flow-figure li:nth-child(1){background-size:9.0666vw 6.5333vw;background-position:left 20.8vw center;}
    #flow-of-contract .flow-figure li:nth-child(1) > div{margin-right:20vw;}
    #flow-of-contract .flow-figure li:nth-child(2){background-size:11.0666vw 6.8vw;background-position:left 5.3333vw center;}
    #flow-of-contract .flow-figure li:nth-child(2) > div{margin-right:5.3333vw;}
    #flow-of-contract .flow-figure li:nth-child(3){background-size:9.4666vw 7.6vw;background-position:left 18.1333vw center;}
    #flow-of-contract .flow-figure li:nth-child(3) > div{margin-right:18vw;}
    #flow-of-contract .flow-figure li:nth-child(4){background-size:14vw 9.0666vw;background-position:left 9.4666vw center;}
    #flow-of-contract .flow-figure li:nth-child(4) > div{margin-right:8vw;}
    #flow-of-contract .flow-figure li:nth-child(5){background-size:6.8vw 8.9333vw;background-position:left 14.6666vw center;}
    #flow-of-contract .flow-figure li:nth-child(5) > div{margin-right:14.6666vw;}
    #flow-of-contract > div > p{line-height:1.6;}
    #flow-of-contract > div > p strong{display:block;margin-top:6.6666vw;font-size:4.8vw;}
    #flow-of-contract > div > p.notice{margin-top:4vw;font-size:3.2vw;}
}