@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Bitter:400,700|Open+Sans);#jobsatisfaction{background:url(../img/bg02.png) repeat center top/31px 31px}.jobsatisfactionTitle{position:relative}.jobsatisfactionTitle .link{position:absolute;left:0;right:0;bottom:8vw;color:#42210b;font-size:12px;font-weight:700;line-height:1.2;text-align:center}.jobsatisfactionTitle .link a{color:#00479d;text-decoration:none}.jobsatisfactionTitle .link a:hover{text-decoration:underline}.jobsatisfactionTitle .link a img{width:14px;margin:0 3px;vertical-align:middle}.jobsatisfactionList{padding:10vw 10px 10px 10px;overflow:hidden}.jobsatisfactionBox{position:relative;z-index:1;margin:0 0 28px 0;padding:0 10px 10px 10px;color:#42210b;text-align:left;border-radius:5px;border:2px solid #42210b;background:#fff;box-shadow:0 6px 5px rgba(0,72,104,.2)}.jobsatisfactionBox .clm{background:#fff}.jobsatisfactionBox .ttl{margin:0 0 10px 0;text-align:center}.jobsatisfactionBox .ttl h2{display:inline;padding:0 2px;font-size:28px;font-weight:700;line-height:1.2;box-shadow:0 -12px 0 #e7ee23 inset}.jobsatisfactionBox .count{margin:0 0 7px 0;font-size:14px;font-weight:700;text-align:center}.jobsatisfactionBox .count em{font-family:Bitter,serif;font-size:23px;font-weight:700;letter-spacing:-1px;color:#8300ae}.jobsatisfactionBox .pic{margin:0 0 10px 0}.jobsatisfactionBox .graph{position:relative;height:285px;margin:0 0 20px 0;border:2px solid #ffc9b6;box-sizing:border-box}.jobsatisfactionBox .canvas{position:relative;width:100%;height:100%}.jobsatisfactionBox .canvas canvas{position:absolute;top:0;left:0;right:0;bottom:0;width:250px;height:250px;margin:auto;background:url(../img/graph_bg.png) no-repeat center center/180px 180px}.jobsatisfactionBox .label{position:absolute;top:0;left:0;right:0;bottom:0}.jobsatisfactionBox .label>div{position:absolute;color:#42210b;font-size:15px;font-weight:700;line-height:1.2;text-align:center}.jobsatisfactionBox .label .num{padding:8px 0 0 0;color:#666}.jobsatisfactionBox .label .on .num{background:url(../img/num_bg.png) no-repeat center center/40px auto}.jobsatisfactionBox .label01{top:1vw;left:50%;transform:translateX(-50%)}.jobsatisfactionBox .label02{top:50%;right:50%;margin-right:-160px;transform:translateY(-50%)}.jobsatisfactionBox .label03{bottom:1.5vw;left:50%;transform:translateX(-50%)}.jobsatisfactionBox .label03 .num{margin-top:-6px}.jobsatisfactionBox .label04{top:50%;left:50%;margin-left:-155px;transform:translateY(-50%)}.jobsatisfactionBox .comment{padding:0 0 10px 0}.jobsatisfactionBox .comment dl dt{margin:0 0 15px 0;padding:4px;color:#fff;font-size:19px;font-weight:700;text-align:center;border-radius:5px;background:#fe8625}.jobsatisfactionBox .comment dl dd ul li{margin:0 0 15px 0;padding:0 68px 0 0;background:url(../img/comment_icn_sp.png) no-repeat right bottom/45px 79px}.jobsatisfactionBox .comment dl dd ul li p{position:relative;min-height:60px;padding:10px;font-size:13px;line-height:1.4;border-radius:5px;background:#ffede6}.jobsatisfactionBox .comment dl dd ul li p:after{content:"";position:absolute;right:-15px;bottom:35px;margin-top:-8px;display:block;width:0;height:0;border-style:solid;border-width:8px 0 8px 15px;border-color:transparent transparent transparent #ffede6}.jobsatisfactionBox .comment dl dd ul li:nth-child(2n){padding:0 0 0 68px;background-position:left bottom}.jobsatisfactionBox .comment dl dd ul li:nth-child(2n) p:after{content:"";position:absolute;left:-15px;bottom:35px;margin-top:-8px;display:block;width:0;height:0;border-style:solid;border-width:8px 15px 8px 0;border-color:transparent #ffede6 transparent transparent}.jobsatisfactionBox .pt{margin:0 0 10px 0;padding:10px 0 0 0;text-align:center}.jobsatisfactionBox .pt p{position:relative;display:inline-block;padding:0 30px;color:#000;font-size:19px;font-weight:700}.jobsatisfactionBox .pt p:after,.jobsatisfactionBox .pt p:before{content:"";display:block;position:absolute;bottom:6px;width:20px;height:25px}.jobsatisfactionBox .pt p:before{left:0;background:url(../img/pt_l.png) no-repeat 0 0/20px 25px}.jobsatisfactionBox .pt p:after{right:0;background:url(../img/pt_r.png) no-repeat 0 0/20px 25px}.jobsatisfactionBox .link{padding:18px 10px 0 10px;background:#feffc4}.jobsatisfactionBox .link ul li{padding:5px 0 20px 33px;background:url(../img/icn_arw01_sp.png) no-repeat 0 3px/25px 25px;line-break:strict;word-break:normal;word-wrap:break-word;box-sizing:border-box}.jobsatisfactionBox .link ul li a{color:#0c98de;font-size:20px;font-weight:700;text-decoration:none}.jobsatisfactionBoxA:before{content:"";position:absolute;top:-14px;left:50%;z-index:-1;width:90px;height:90px;margin-left:-47px;border-radius:50%;border:2px solid #42210b;background:#fff}.jobsatisfactionBoxA .rank{position:relative;top:-5px;font-size:10px;font-weight:700;line-height:1;text-align:center;background:url(../img/rank_bg_sp.png) no-repeat center 2px/48px 34px}.jobsatisfactionBoxA .rank em{margin:0 5px;font-family:Bitter,serif;font-size:40px;line-height:1}.jobsatisfactionBoxA .balloon{clear:both;position:relative;width:100%;margin:0 auto 10px auto;padding-top:51.04%;background:url(../img/balloon_bg01_sp.png) no-repeat 0 0/contain;box-sizing:border-box}.jobsatisfactionBoxA .balloon p{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;padding:5px 25px;font-size:17px;line-height:1.5;word-break:normal;display:flex;align-items:center}.jobsatisfactionBoxB .rank,.jobsatisfactionBoxB .ttl{display:inline-block;vertical-align:top}.jobsatisfactionBoxB .rank{position:absolute;top:10px;left:10px;font-size:13px;font-weight:700;line-height:1}.jobsatisfactionBoxB .rank em{margin:0 2px;font-family:Bitter,serif;font-size:32px;line-height:1}.jobsatisfactionBoxB .ttl{padding:15px 0 0 80px;text-align:left}.jobsatisfactionBoxB .ttl h2{font-size:24px}.jobsatisfactionBoxB .count{padding:0 0 0 80px;text-align:left}.jobsatisfactionBoxB .balloon{clear:both;margin:0 0 20px 0;padding:10px;font-size:15px;line-height:1.5;word-break:normal;border-radius:5px;border:1px solid #42210b;background:#fffdde}.fadeInAnime{-webkit-transition:all .3s ease-in;transition:all .3s ease-in;visibility:hidden;opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}.fadeInAnime.active{visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.jobrankingPagetop a{position:fixed;right:0;bottom:0;width:74px}.jobrankingLink{padding:50px 10px 30px 10px;background:#fff3b9}.jobrankingLink .btn{text-align:center}.jobrankingLink .btn a{position:relative;display:block;min-width:inherit;font-weight:700;text-decoration:none;border-radius:50px;border-width:3px 3px 6px 3px;border-style:solid;border-color:#42210b}.jobrankingLink .btn a:after{content:"";position:absolute;top:50%;right:8px;width:30px;height:23px;margin:-12px 0 0 0;background:url(../img/btn_arw.png) no-repeat 0 0/30px 23px}.jobrankingLink .btnTop{margin:0 0 40px 0}.jobrankingLink .btnTop a{color:#42210b;font-size:23px;line-height:54px;background:#92de0f}.jobrankingLink .btnLink a{color:#fff;font-size:19px;line-height:34px;background:#ff3636}.jobrankingLink .pt{margin:0 0 10px 0;padding:10px 0 0 0;text-align:center}.jobrankingLink .pt p{position:relative;display:inline-block;padding:0 15px;color:#000;font-size:17px;font-weight:700}.jobrankingLink .pt p:after,.jobrankingLink .pt p:before{content:"";display:block;position:absolute;bottom:-5px;width:20px;height:25px}.jobrankingLink .pt p:before{left:0;background:url(../img/pt_l.png) no-repeat 0 0/20px 25px}.jobrankingLink .pt p:after{right:0;background:url(../img/pt_r.png) no-repeat 0 0/20px 25px}@media screen and (max-width:374px){.jobsatisfactionTitle .link{font-size:10px}.jobsatisfactionBoxA .balloon p{font-size:14px}.jobsatisfactionBox .graph{height:225px}.jobsatisfactionBox .canvas canvas{transform:scale(.65,.65)}.jobsatisfactionBox .label02{margin-right:-135px}.jobsatisfactionBox .label04{margin-left:-130px}}