@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}.jobsatisfactionTitle{position:relative;height:975px;text-align:center;background:url(../img/bg01.png) repeat center top}.jobsatisfactionTitle .ttl img{width:1030px;max-width:inherit;height:1032px}.jobsatisfactionTitle .link{position:absolute;left:0;right:0;bottom:-8px;color:#42210b;font-size:20px;font-weight:700;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:4px 3px 0 3px;vertical-align:top}.jobsatisfactionList{width:1030px;margin:0 auto;padding:112px 0 10px 0;overflow:hidden}.jobsatisfactionBox{position:relative;z-index:1;margin:0 0 60px 0;padding:0 75px 36px 75px;color:#42210b;text-align:left;border-radius:10px;border:4px solid #42210b;background:#fff;box-shadow:0 12px 5px rgba(0,72,104,.2)}.jobsatisfactionBox .clm{background:#fff}.jobsatisfactionBox .item{position:relative;min-height:380px;margin:0 0 30px 0}.jobsatisfactionBox .ttl{margin:0 0 30px 0}.jobsatisfactionBox .ttl h2{display:inline;padding:0 2px;font-size:36px;font-weight:700;line-height:1.4;box-shadow:0 -20px 0 #e7ee23 inset}.jobsatisfactionBox .count{margin:0 0 25px 0;font-size:26px;font-weight:700}.jobsatisfactionBox .count em{color:#8300ae;font-family:Bitter,serif;font-size:44px;font-weight:700}.jobsatisfactionBox .graph{position:relative;float:left;width:435px;height:376px;margin:0 0 20px 0;border:4px 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:20px;font-weight:700;line-height:1.2;text-align:center}.jobsatisfactionBox .label .num{padding:10px 0 0 0;color:#666}.jobsatisfactionBox .label .on .num{background:url(../img/num_bg.png) no-repeat center center/50px auto}.jobsatisfactionBox .label01{top:35px;left:50%;transform:translateX(-50%)}.jobsatisfactionBox .label02{top:50%;right:15px;transform:translateY(-50%)}.jobsatisfactionBox .label03{bottom:30px;left:50%;transform:translateX(-50%)}.jobsatisfactionBox .label04{top:50%;left:30px;transform:translateY(-50%)}.jobsatisfactionBox .comment{float:right;width:410px}.jobsatisfactionBox .comment dl dt{margin:0 0 20px 0;padding:8px;color:#fff;font-size:20px;font-weight:700;text-align:center;border-radius:5px;background:#fe8625}.jobsatisfactionBox .comment dl dd ul li{margin:0 0 20px 0;padding:0 85px 0 0;background:url(../img/comment_icn.png) no-repeat right bottom}.jobsatisfactionBox .comment dl dd ul li p{position:relative;min-height:70px;padding:15px 20px;border-radius:5px;background:#ffede6}.jobsatisfactionBox .comment dl dd ul li p:after{content:"";position:absolute;right:-15px;bottom:60px;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 85px;background-position:left bottom}.jobsatisfactionBox .comment dl dd ul li:nth-child(2n) p:after{content:"";position:absolute;left:-15px;bottom:60px;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{clear:both;margin:0 0 20px 0;padding:35px 0 0 0;text-align:center}.jobsatisfactionBox .pt p{position:relative;display:inline-block;padding:0 65px;color:#000;font-size:30px;font-weight:700}.jobsatisfactionBox .pt p:after,.jobsatisfactionBox .pt p:before{content:"";display:block;position:absolute;bottom:-10px;width:40px;height:50px}.jobsatisfactionBox .pt p:before{left:0;background:url(../img/pt_l.png) no-repeat 0 0}.jobsatisfactionBox .pt p:after{right:0;background:url(../img/pt_r.png) no-repeat 0 0}.jobsatisfactionBox .link{padding:35px 40px 20px 40px;background:#feffc4}.jobsatisfactionBox .link ul{margin:0 -40px 0 0;letter-spacing:-.5em}.jobsatisfactionBox .link ul li{display:inline-block;width:50%;padding:5px 40px 20px 37px;letter-spacing:normal;line-break:strict;background:url(../img/icn_arw01.png) no-repeat 0 0;box-sizing:border-box}.jobsatisfactionBox .link ul li a{color:#0c98de;font-size:26px;font-weight:700;text-decoration:none}.jobsatisfactionBoxA:before{content:"";position:absolute;top:-28px;left:50%;z-index:-1;width:180px;height:180px;margin-left:-94px;border-radius:50%;border:4px solid #42210b;background:#fff}.jobsatisfactionBoxA .item{padding:0 0 0 545px}.jobsatisfactionBoxA .rank{position:relative;top:-10px;margin:0 0 20px 0;font-size:20px;font-weight:700;line-height:1;text-align:center;background:url(../img/rank_bg.png) no-repeat center 11px}.jobsatisfactionBoxA .rank em{margin:0 5px;font-family:Bitter,serif;font-size:79px;line-height:1}.jobsatisfactionBoxA .balloon{width:326px;min-height:184px;margin:0 0 20px 0;padding:20px 25px 20px 30px;font-size:16px;line-height:1.6;background:url(../img/balloon_bg01.png) no-repeat 0 0;box-sizing:border-box;display:flex;align-items:center}.jobsatisfactionBoxA .pic{position:absolute;top:0;left:0;width:510px}.jobsatisfactionBoxB .item{padding:40px 0 0 460px}.jobsatisfactionBoxB .rank{position:relative;top:-10px;font-size:26px;font-weight:700;line-height:1}.jobsatisfactionBoxB .rank em{margin:0 2px;font-family:Bitter,serif;font-size:62px;line-height:1}.jobsatisfactionBoxB .balloon{clear:both;margin:0 0 40px 0;padding:15px 20px;font-size:16px;line-height:1.5;border-radius:10px;border:2px solid #42210b;background:#fffdde}.jobsatisfactionBoxB .graph{position:absolute;top:40px;left:0}.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:80px 0;background:#fff3b9}.jobrankingLink .btn{text-align:center}.jobrankingLink .btn a{position:relative;display:inline-block;min-width:700px;font-weight:700;text-decoration:none;border-radius:50px;border-width:6px 6px 12px 6px;border-style:solid;border-color:#42210b}.jobrankingLink .btn a:after{content:"";position:absolute;top:50%;right:16px;width:60px;height:46px;margin:-23px 0 0 0;background:url(../img/btn_arw.png) no-repeat 0 0}.jobrankingLink .btn a:hover{opacity:.8}.jobrankingLink .btnTop{margin:0 0 50px 0}.jobrankingLink .btnTop a{color:#42210b;font-size:46px;line-height:88px;background:#92de0f}.jobrankingLink .btnLink a{color:#fff;font-size:30px;line-height:64px;background:#ff3636}.jobrankingLink .pt{clear:both;margin:0 0 20px 0;padding:30px 0 0 0;text-align:center}.jobrankingLink .pt p{position:relative;display:inline-block;padding:0 50px;color:#000;font-size:30px;font-weight:700;line-height:1.4}.jobrankingLink .pt p:after,.jobrankingLink .pt p:before{content:"";display:block;position:absolute;bottom:5px;width:40px;height:50px}.jobrankingLink .pt p:before{left:0;background:url(../img/pt_l.png) no-repeat 0 0}.jobrankingLink .pt p:after{right:0;background:url(../img/pt_r.png) no-repeat 0 0}