#contents {
  padding-top: 58px
}

@media screen and (max-width:768px) {
  #contents {
    padding-top: 5.33333vw;
    width: 100%;
    overflow: hidden
  }
}

.result {
  padding: 60px 0 47px;
  text-align: center
}

@media screen and (max-width:768px) {
  .result {
    padding: 4.4vw 0 6.26667vw
  }
}

.result:after, .result:before {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none
}

.result:before {
  z-index: 5;
  top: -50px;
  right: 25px;
  width: 256px;
  height: 451px;
  background: url(../img/question/q_site_name.png) 0 0 no-repeat;
  background-size: contain
}

@media screen and (max-width:768px) {
  .result:before {
    top: -5.13333vw;
    right: 2vw;
    width: 28vw;
    height: 38.4vw;
    background: url(../img/question/sp_q_site_name.png) 0 0 no-repeat;
    background-size: contain
  }
}

.result:after {
  z-index: 2;
  top: 5px;
  left: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 1px solid #e0e0e0
}

.result_wrapper {
  position: relative;
  margin: 0 auto 40px;
  width: 1080px;
  border: 2px solid #8d8b8b;
  background: #fff
}

@media screen and (max-width:768px) {
  .result_wrapper {
    margin: 0 auto 4vw;
    width: 95.73333vw
  }
}

.result_wrapper .inner:after, .result_wrapper .inner:before, .result_wrapper:after, .result_wrapper:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 3;
  pointer-events: none;
  width: 45px;
  height: 45px;
  background: url(../img/result/frame.png) 0 0 no-repeat;
  background-size: contain
}

@media screen and (max-width:768px) {
  .result_wrapper:after, .result_wrapper:before {
    width: 6vw;
    height: 6vw
  }
}

.result_wrapper:before {
  top: -7px;
  left: -7px
}

@media screen and (max-width:768px) {
  .result_wrapper:before {
    top: -.93333vw;
    left: -.93333vw
  }
}

.result_wrapper:after {
  top: -7px;
  right: -7px;
  transform: scale(-1, 1)
}

@media screen and (max-width:768px) {
  .result_wrapper:after {
    top: -.93333vw;
    right: -.93333vw
  }
}

.result_wrapper .inner {
  position: relative
}

@media screen and (max-width:768px) {
  .result_wrapper .inner:after, .result_wrapper .inner:before {
    width: 6vw;
    height: 6vw
  }
}

.result_wrapper .inner:before {
  bottom: -7px;
  left: -7px;
  transform: scale(1, -1)
}

@media screen and (max-width:768px) {
  .result_wrapper .inner:before {
    bottom: -.93333vw;
    right: -.93333vw
  }
}

.result_wrapper .inner:after {
  bottom: -7px;
  right: -7px;
  transform: scale(-1, -1)
}

@media screen and (max-width:768px) {
  .result_wrapper .inner:after {
    bottom: -.93333vw;
    right: -.93333vw
  }
}

.result_title {
  margin: 0 auto;
  padding: 28px 0;
  width: 575px;
  height: 86px;
  background: url(../img/result/result_title_bg.png) 0 0 no-repeat;
  background-size: contain;
  text-align: center
}

@media screen and (max-width:768px) {
  .result_title {
    padding: 3.2vw 0;
    width: 42.33333vw;
    height: 11.46667vw;
    background: url(../img/result/sp_result_title_bg.png) 0 0 no-repeat;
    background-size: contain
  }
  .result_title img {
    width: 36.66667vw
  }
}

.result_movie, .result_movie a {
  position: relative;
  width: 918px;
  height: 522px
}

.result_movie {
  margin: 57px auto 0;
  background: url(../img/result/result_mov_bg.png) 0 0 no-repeat;
  background-size: 100% 100%
}

@media screen and (max-width:768px) {
  .result_movie {
    margin: 5.73333vw auto 0;
    width: 74.4vw;
    height: 43.2vw;
    background: url(../img/result/sp_result_mov_bg.png) 0 0 no-repeat;
    background-size: 100% 100%
  }
}

.result_movie a {
  display: block;
  padding: 11px 0 0 11px
}

@media screen and (max-width:768px) {
  .result_movie a {
    padding: 1.46667vw;
    width: 74.4vw;
    height: 43.2vw
  }
}

.pc .result .other_job_list li a:hover:before, .pc .result_movie a:hover:after, .pc .result_party_list li a:hover:before {
  opacity: 1
}

.result_movie a:after, .result_movie a:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%
}

.result_movie a:before {
  z-index: 3;
  width: 181px;
  height: 181px;
  background: url(../img/result/result_mov_play.png) 0 0 no-repeat;
  background-size: contain;
  transform: translate3d(-50%, -50%, 0)
}

@media screen and (max-width:768px) {
  .result_movie a:before {
    width: 15.6vw;
    height: 15.6vw;
    background: url(../img/result/sp_result_mov_play.png) 0 0 no-repeat;
    background-size: contain
  }
}

.result_movie a:after {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .5);
  transform: translate3d(-50%, -50%, 0);
  opacity: 0;
  transition: all .25s cubic-bezier(.21, .51, .51, 1)
}

.result_movie a figure {
  display: block;
  overflow: hidden;
  width: 896px;
  height: 500px
}

@media screen and (max-width:768px) {
  .result_movie a figure {
    width: 100%;
    height: auto
  }
}

.result_movie a figure img {
  width: 100%
}

.result_job {
  padding: 45px 0 0
}

@media screen and (max-width:768px) {
  .result_job {
    padding: 6vw 0 0
  }
}

.result_job_title {
  padding: 0 0 62px
}

@media screen and (max-width:768px) {
  .result_job_title {
    margin: 0 auto;
    padding: 0 0 4.93333vw;
    width: 86.66667vw
  }
}

.result_job_detail {
  position: relative;
  margin: 0 auto;
  width: 980px
}

@media screen and (max-width:768px) {
  .result_job_detail {
    width: 100%
  }
}

.result_job_download, .result_party_list li a:before {
  position: absolute;
  transition: all .25s cubic-bezier(.21, .51, .51, 1)
}

.result_job_download {
  top: 20px;
  left: 20px;
  z-index: 2
}

@media screen and (max-width:768px) {
  .result_job_download {
    display: none
  }
}

.pc .result .other_job_container_head a:hover img, .pc .result_job_download:hover, .pc .result_sns li a:hover img {
  opacity: .5
}

.result_party {
  padding: 80px 0 0
}

@media screen and (max-width:768px) {
  .result_party {
    padding: 9.06667vw 0 0
  }
}

.result_party_title {
  padding: 0 0 51px
}

@media screen and (max-width:768px) {
  .result_party_title {
    margin: 0 auto;
    padding: 0 0 1.33333vw;
    width: 86.66667vw
  }
}

.result_party_list {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 980px
}

@media screen and (max-width:768px) {
  .result_party_list {
    display: block;
    width: 86.66667vw
  }
  .result_party_list li {
    padding: 4vw 0 0
  }
}

.result .other_job_list li a, .result_party_list li a {
  position: relative;
  display: block
}

.result_party_list li a:before {
  content: '';
  display: block;
  top: 319px;
  left: 50%;
  width: 368px;
  height: 207px;
  background: rgba(255, 255, 255, .5);
  opacity: 0;
  transform: translateX(-50%)
}

@media screen and (max-width:768px) {
  .result_party_list li a:before {
    display: none
  }
}

.result_sns {
  display: flex;
  justify-content: space-between;
  margin: 57px auto 0;
  width: 980px
}

@media screen and (max-width:768px) {
  .result_sns {
    display: block;
    margin: 0 auto;
    width: 86.66667vw
  }
  .result_sns li {
    padding: 2.66667vw 0 0
  }
}

.result_sns li a {
  display: block
}

.result .other_job_container_head a span img, .result_sns li a img {
  transition: all .25s cubic-bezier(.21, .51, .51, 1)
}

.result_sns_tw {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 461px;
  height: 100px;
  background: url(../img/result/tw_bg.png) 0 0 no-repeat;
  background-size: contain
}

@media screen and (max-width:768px) {
  .result_sns_tw {
    width: 100%;
    height: 18.66667vw;
    background: url(../img/result/sp_tw_bg.png) 0 0 no-repeat;
    background-size: contain
  }
}

.result_sns_retry {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 461px;
  height: 100px;
  background: url(../img/result/retry_bg.png) 0 0 no-repeat;
  background-size: contain
}

@media screen and (max-width:768px) {
  .result_sns_retry {
    width: 100%;
    height: 18.66667vw;
    background: url(../img/result/sp_retry_bg.png) 0 0 no-repeat;
    background-size: contain
  }
}

.result .other_job {
  padding: 55px 0 0
}

@media screen and (max-width:768px) {
  .result .other_job {
    padding: 9.33333vw 0 0
  }
}

.result .other_job_title {
  position: relative;
  padding: 30px 0 0
}

@media screen and (max-width:768px) {
  .result .other_job_title {
    margin: 0 auto;
    padding: 4vw 0 0;
    width: 86.66667vw
  }
}

.result .other_job_list li a:before, .result .other_job_title:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%)
}

.result .other_job_title:before {
  top: 0;
  width: 981px;
  height: 15px;
  background: url(../img/result/line.png) 0 0 no-repeat;
  background-size: contain
}

@media screen and (max-width:768px) {
  .result .other_job_title:before {
    width: 86.93333vw;
    height: 2vw;
    background: url(../img/result/sp_line.png) 0 0 no-repeat;
    background-size: contain
  }
}

.result .other_job_container {
  position: relative;
  padding: 45px 0 0;
  transition: all .5s cubic-bezier(.21, .51, .51, 1)
}

@media screen and (max-width:768px) {
  .result .other_job_container {
    padding: 6vw 0 0
  }
}

.result .other_job_container.open {
  padding: 25px 0 0
}

@media screen and (max-width:768px) {
  .result .other_job_container.open {
    padding: 3.33333vw 0 0
  }
}

.result .other_job_container_head {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 50%;
  margin: 0 auto;
  padding: 20px 0 0;
  width: 980px;
  border-bottom: 2px solid #c50000;
  transform: translateX(-50%)
}

@media screen and (max-width:768px) {
  .result .other_job_container_head {
    padding: 3.06667vw 0 0;
    width: 86.66667vw;
    font-size: 1.33333vw;
    line-height: 1
  }
}

.result .other_job_container_head a {
  display: inline-block
}

.result .other_job_container_head a.open img {
  transform: scale(1, 1)
}

.result .other_job_container_head a span {
  display: inline-block;
  padding: 7px 0 0;
  width: 80px;
  height: 23px;
  background: url(../img/result/arrow_bg.png) 0 0 no-repeat;
  background-size: contain
}

@media screen and (max-width:768px) {
  .result .other_job_container_head a span {
    padding: .66667vw 0 0;
    width: 10.66667vw;
    height: 3.06667vw
  }
}

.result .other_job_container_head a span img {
  transform: scale(1, -1)
}

@media screen and (max-width:768px) {
  .result .other_job_container_head a span img {
    width: 2.93333vw
  }
}

.result .other_job_container_body {
  height: 0;
  overflow: hidden;
  transition: all .5s cubic-bezier(.21, .51, .51, 1)
}

.result .other_job_list {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: -11px auto 0;
  padding: 0 0 40px;
  width: 982px
}

@media screen and (max-width:768px) {
  .result .other_job_list {
    margin: -2vw auto 0;
    padding: 0 0 5.33333vw;
    width: 86.66667vw
  }
}

.result .other_job_list li {
  padding: 11px 0 0
}

@media screen and (max-width:768px) {
  .result .other_job_list li {
    padding: 2vw 0 0;
    width: 42.4vw
  }
}

.result .other_job_list li a:before {
  top: 159px;
  width: 270px;
  height: 150px;
  background: rgba(255, 255, 255, .5);
  opacity: 0;
  transition: all .25s cubic-bezier(.21, .51, .51, 1)
}

@media screen and (max-width:768px) {
  .result .other_job_list li a:before {
    display: none
  }
}