@charset "UTF-8";
/*--------------------------
	レスポンシブ関係
--------------------------*/
@media screen and (max-width: 1100px) {
  .is-Pc {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .is-Tab {
    display: none;
  }
}
@media screen and (min-width: 1101px) {
  .is-Tab {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .is-Sp {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .is-Pc_Tab {
    display: none;
  }
}

@media screen and (min-width: 1101px) {
  .is-Tab_Sp {
    display: none;
  }
}

.inner {
  margin: 0 auto;
  width: 1100px;
  max-width: 90%;
}

.main-wrap {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
.main-wrap img {
  max-width: 100%;
  width: auto;
}

.main-cont {
  background: url("../images/bg-pattern.png") repeat center center;
  border: 25px solid #f69440;
  text-align: center;
  position: relative;
}
.main-cont__wrap {
  overflow: hidden;
}
.main-cont p {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.8;
}
.main-cont__inner {
  margin: 40px auto 20px;
  position: relative;
  z-index: 1;
}
.main-cont__ttl {
  margin-bottom: 10px;
}
.main-cont__illust {
  position: absolute;
  bottom: -25px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 0;
}
@media screen and (max-width: 1100px) {
  .main-cont {
    border: 15px solid #f69440;
  }
}
@media screen and (max-width: 767px) {
  .main-cont {
    background-size: 20px;
    border: 10px solid #f69440;
  }
  .main-cont__inner {
    margin: 20px auto;
  }
  .main-cont__illust {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .main-cont p {
    font-size: 16px;
  }
}

.bg-illust {
  display: flex;
  justify-content: space-between;
  align-items: end;
  user-select: none;
}
@media screen and (max-width: 1100px) {
  .bg-illust {
    max-width: 98%;
  }
  .bg-illust img {
    height: 280px;
    max-width: initial;
  }
}
@media screen and (max-width: 767px) {
  .bg-illust img {
    height: 45vw;
  }
}

.mlp-bnr {
  margin: 30px auto 0;
  text-align: center;
  max-width: 95%;
  user-select: none;
}
.mlp-bnr-taiken {
  margin-bottom: 30px;
}

.notice {
  user-select: none;
}

.btn-base {
  border-radius: 10px;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  position: relative;
  user-select: none;
}

.sample-play-btn {
  background: #000;
  color: #fff;
  font-size: 21px;
  padding: 15px 60px;
  margin-bottom: 20px;
}
.sample-play-btn:hover, .sample-play-btn.playing {
  background: #999;
}
@media screen and (max-width: 767px) {
  .sample-play-btn {
    font-size: 16px;
    padding: 15px 30px;
  }
}

.play-btn img {
  transition: 0.7s;
}
.play-btn:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transition: 0.25s;
}
.play-btn.disable {
  pointer-events: none;
}
.play-btn.disable img {
  opacity: 0;
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  transition: 0.5s;
}

.start-btn {
  background: #f69440;
  border: 2px solid #fff;
  font-size: 26px;
  padding: 20px 70px;
}
.start-btn__icon {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 35px;
}
@media screen and (max-width: 767px) {
  .start-btn__icon {
    right: 10px;
    width: 28px;
  }
}
.start-btn:hover {
  background: #2bd53f;
  color: #fff;
  text-decoration: none;
}
.start-btn:hover .start-btn__icon .cls-1 {
  fill: #fff;
}
@media screen and (max-width: 767px) {
  .start-btn {
    font-size: 18px;
    padding: 15px 70px;
  }
}
.start-btn--black {
  background: #000;
  color: #fff;
  padding: 20px 70px 20px 30px;
}
.start-btn--black .start-btn__icon .cls-1 {
  fill: #f69440;
}
.start-btn--black:hover {
  color: #fff;
}

.anser-btn {
  font-size: 26px;
  padding: 20px 80px;
}
.anser-btn svg {
  position: absolute;
  top: 52.5%;
  right: 20px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 35px;
}
.anser-btn--no {
  background: #cccccc;
}
.anser-btn--no:hover {
  background: #000;
}
.anser-btn--yes {
  background: #f69440;
}
.anser-btn--yes:hover {
  background: #2bd53f;
}
.anser-btn.disable {
  background: #eee !important;
  color: #ccc !important;
  cursor: auto;
}
.anser-btn.disable svg {
  fill: #ccc !important;
}
.anser-btn.disable02 {
  cursor: auto;
  pointer-events: none;
}
.anser-btn:hover {
  color: #fff;
}
.anser-btn:hover svg {
  fill: #fff;
}
@media screen and (max-width: 767px) {
  .anser-btn {
    font-size: 16px;
    padding: 15px 0;
  }
  .anser-btn svg {
    top: 50%;
    right: 10px;
    width: 20px;
  }
}

.return-btn {
  cursor: pointer;
  display: inline-block;
  user-select: none;
}
.return-btn:hover {
  opacity: 0.5;
}
.return-btn.disable {
  opacity: 0.2 !important;
  cursor: auto;
}
.return-btn.disable02 {
  cursor: auto;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .return-btn {
    width: 60%;
  }
}

.sns-btn {
  color: #fff;
  font-size: 20px;
  padding: 25px 60px 25px 30px;
  min-width: 250px;
}
.sns-btn:hover {
  color: #fff;
  text-decoration: none;
}
.sns-btn__icon {
  fill: #fff;
  width: 30px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.sns-btn--twitter {
  /*background: #1da1f2;*/
  background: #010101;
}
.sns-btn--twitter:hover {
  /*background: rgba(29, 161, 242, 0.75);*/
  background: rgba(1, 1, 1, 0.75);
}
.sns-btn--facebook {
  background: #1877f2;
}
.sns-btn--facebook:hover {
  background: rgba(24, 119, 242, 0.75);
}
@media screen and (max-width: 767px) {
  .sns-btn {
    min-width: initial;
    font-size: 14px;
    padding: 15px 30px 15px 10px;
  }
  .sns-btn__icon {
    width: 20px;
    right: 8px;
  }
}

.main-cont--top .bg-illust {
  width: 890px;
  padding-left: 10px;
}
@media screen and (max-width: 1100px) {
  .main-cont--top .bg-illust {
    width: 760px;
  }
}
@media screen and (max-width: 767px) {
  .main-cont--top .bg-illust {
    padding-left: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    bottom: 0px;
    max-width: 100%;
  }
}
.main-cont--top .ready__txt {
  font-size: 19px;
  line-height: 1.6;
  padding-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .main-cont--top .ready__txt {
    font-size: 15px;
  }
}
.main-cont--top .ready__note {
  font-size: 17px;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .main-cont--top .ready__note {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .main-cont--top .ready .start-btn--black {
    padding: 10px 50px 10px 40px;
  }
}
.main-cont--top .bg-animal__con {
  position: absolute;
  z-index: 100;
  transform: translateY(-50%);
}
.main-cont--top .bg-animal__con--01 {
  left: -25px;
  top: 22%;
}
.main-cont--top .bg-animal__con--02 {
  left: 300px;
  top: 50%;
}
.main-cont--top .bg-animal__con--03 {
  left: 10px;
  top: 83%;
}
.main-cont--top .bg-animal__con--04 {
  right: -25px;
  top: 22%;
}
.main-cont--top .bg-animal__con--05 {
  right: 300px;
  top: 50%;
}
.main-cont--top .bg-animal__con--06 {
  right: 100px;
  top: 88%;
}
.main-cont--top .bg-animal__con--07 {
  left: -25px;
  top: 47%;
  z-index: 99;
}
.main-cont--top .bg-animal__con--08 {
  right: -25px;
  top: 56%;
  z-index: 99;
}
@media screen and (max-width: 1700px) {
  .main-cont--top .bg-animal__con img {
    width: 80%;
  }
  .main-cont--top .bg-animal__con--01 {
    left: -25px;
    text-align: left;
  }
  .main-cont--top .bg-animal__con--02 {
    left: 13%;
    text-align: left;
  }
  .main-cont--top .bg-animal__con--03 {
    left: 10px;
    text-align: left;
  }
  .main-cont--top .bg-animal__con--04 {
    right: -25px;
    text-align: right;
  }
  .main-cont--top .bg-animal__con--05 {
    right: 14%;
    text-align: right;
  }
  .main-cont--top .bg-animal__con--06 {
    right: 100px;
    text-align: right;
  }
  .main-cont--top .bg-animal__con--07 {
    left: -25px;
    text-align: left;
  }
  .main-cont--top .bg-animal__con--08 {
    right: -25px;
    text-align: right;
  }
}
@media screen and (max-width: 1610px) {
  .main-cont--top .bg-animal__con--03 {
    left: -25px;
    text-align: left;
  }
  .main-cont--top .bg-animal__con--06 {
    right: -25px;
    text-align: right;
  }
}
@media screen and (max-width: 1490px) {
  .main-cont--top .bg-animal__con img {
    width: 60%;
  }
  .main-cont--top .bg-animal__con--02 {
    left: 10%;
  }
  .main-cont--top .bg-animal__con--05 {
    right: 10%;
  }
}
@media screen and (max-width: 1345px) {
  .main-cont--top .bg-animal__con--02 {
    left: 3%;
  }
  .main-cont--top .bg-animal__con--05 {
    right: 6%;
  }
}
@media screen and (max-width: 1100px) {
  .main-cont--top .bg-animal__con img {
    width: 40%;
  }
  .main-cont--top .bg-animal__con--01 {
    top: 30%;
  }
  .main-cont--top .bg-animal__con--02 {
    top: 48%;
    left: 0%;
  }
  .main-cont--top .bg-animal__con--03 {
    top: 68%;
    left: -25px;
  }
  .main-cont--top .bg-animal__con--04 {
    top: 32%;
  }
  .main-cont--top .bg-animal__con--05 {
    right: 0%;
  }
  .main-cont--top .bg-animal__con--06 {
    top: 70%;
    right: -25px;
  }
  .main-cont--top .bg-animal__con--07 {
    top: 30%;
    left: -15px;
  }
  .main-cont--top .bg-animal__con--08 {
    top: 30%;
    right: -15px;
  }
}
@media screen and (max-width: 767px) {
  .main-cont--top .bg-animal__con img {
    width: 58%;
  }
  .main-cont--top .bg-animal__con--01 {
    top: 28%;
    left: -5px;
  }
  .main-cont--top .bg-animal__con--01 img {
    width: 55%;
  }
  .main-cont--top .bg-animal__con--02 {
    top: 44%;
    left: -10px;
  }
  .main-cont--top .bg-animal__con--02 img {
    width: 52%;
  }
  .main-cont--top .bg-animal__con--03 {
    top: 61%;
    left: -10px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  .main-cont--top .bg-animal__con--03 {
    left: -20px;
  }
}
@media screen and (max-width: 767px) {
  .main-cont--top .bg-animal__con--04 {
    top: 27%;
    right: 5px;
  }
  .main-cont--top .bg-animal__con--04 img {
    width: 52%;
  }
}
@media screen and (max-width: 767px) {
  .main-cont--top .bg-animal__con--05 {
    top: 42%;
    right: -10px;
  }
  .main-cont--top .bg-animal__con--05 img {
    width: 58%;
  }
}
@media screen and (max-width: 767px) {
  .main-cont--top .bg-animal__con--06 {
    top: 59%;
    right: -10px;
  }
  .main-cont--top .bg-animal__con--06 img {
    width: 55%;
  }
}
@media screen and (max-width: 767px) {
  .main-cont--top .bg-animal__con--07 {
    top: 27%;
    left: -10px;
  }
  .main-cont--top .bg-animal__con--07 img {
    width: 35%;
  }
}
@media screen and (max-width: 767px) {
  .main-cont--top .bg-animal__con--08 {
    top: 27%;
    right: -10px;
  }
  .main-cont--top .bg-animal__con--08 img {
    width: 35%;
  }
}
@media screen and (max-width: 767px) {
  .main-cont--top .main-cont__ttl {
    margin-bottom: 40px;
  }
  .main-cont--top .bg-illust {
    overflow: hidden;
  }
  .main-cont--top .ready__txt {
    margin-bottom: 0;
  }
  .main-cont--top .ready__btns {
    margin: 20px 0;
  }
  .main-cont--top .notice-sp {
    position: relative;
    z-index: 1;
  }
}

.top-animation .a-ttl {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: scale(0);
  transition: 0.625s cubic-bezier(0.68, 0, 0.265, 1.55);
  transform-origin: bottom center;
}
.top-animation .a-body {
  opacity: 0;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  transform: translateY(60px);
  transition: 0.375s 1.75s;
}
.top-animation .a-animal img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: scale(0);
  transition: 0.5s 0.875s cubic-bezier(0.68, 0, 0.265, 1.55);
}
.top-animation .a-animal--02 img {
  transition-delay: 1.375s;
}
.top-animation .a-animal--03 img {
  transition-delay: 1.125s;
}
.top-animation .a-animal--04 img {
  transition-delay: 1.25s;
}
.top-animation .a-animal--05 img {
  transition-delay: 1s;
}
.top-animation .a-animal--06 img {
  transition-delay: 1.5s;
}
.top-animation .a-tree img {
  transition: 0.5s 0.5s;
}
.top-animation .a-tree--07 img {
  transform: rotate(-100deg);
  transform-origin: bottom left;
}
.top-animation .a-tree--08 img {
  transform: rotate(100deg);
  transform-origin: bottom right;
}
.top-animation .a-person img {
  transform: translateY(100%);
  transition: 0.375s 1.875s;
}

.top-animation.active .a-ttl {
  transform: scale(1);
}
.top-animation.active .a-body {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.top-animation.active .a-animal img {
  transform: scale(1);
}
.top-animation.active .a-tree img {
  transform: rotate(0);
}
.top-animation.active .a-person img {
  transform: translateY(0);
}

.ready__txt {
  margin-bottom: 20px;
}
.ready__anno {
  color: red;
  font-size: 22px !important;
}
.ready__btns {
  margin: 40px 0 100px;
}
@media screen and (max-width: 767px) {
  .ready__anno {
    font-size: 18px !important;
  }
  .ready__btns {
    margin: 30px 0 20px;
  }
}

.trial__txt__anno {
  color: red;
}
.trial__btns {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 30px;
  width: 600px;
}
.trial__return-btn {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .trial__btns {
    margin: 0 auto 20px;
    width: 100%;
  }
  .trial__btns .anser-btn {
    width: 48%;
  }
  .trial__btns .anser-btn--yes {
    background: #f69440;
  }
  .trial__btns .anser-btn--yes:hover {
    color: #000;
    background: #f69440;
  }
  .trial__btns .anser-btn--yes:hover svg {
    fill: #000;
  }
  .trial__btns .anser-btn--yes:active {
    color: #fff;
    background: #2bd53f;
  }
  .trial__btns .anser-btn--yes:active svg {
    fill: #fff;
  }
  .trial__btns .anser-btn--no {
    background: #ccc;
  }
  .trial__btns .anser-btn--no:hover {
    color: #000;
    background: #ccc;
  }
  .trial__btns .anser-btn--no:hover svg {
    fill: #000;
  }
  .trial__btns .anser-btn--no:active {
    color: #fff;
    background: #000;
  }
  .trial__btns .anser-btn--no:active svg {
    fill: #fff;
  }
  .trial__return-btn {
    margin-bottom: 20px;
  }
}

.loading-cont {
  margin: 60px 0;
}

.ear-cont {
  position: relative;
}
.ear-cont__btn {
  cursor: pointer;
}
.ear-cont__over {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ear-cont__step {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .ear-cont__step {
    bottom: 15px;
  }
}

.ear-cont-step {
  color: #f69440;
  font-size: 32px;
  font-weight: bold;
}
.ear-cont-step > span {
  color: #999;
}
@media screen and (max-width: 767px) {
  .ear-cont-step {
    font-size: 24px;
  }
  .ear-cont-step > span {
    font-size: 12px;
  }
}

.ear-navi-wrap {
  display: flex;
  justify-content: space-between;
  padding: 80px 0;
  margin: 0 auto;
  width: 800px;
  max-width: 95%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .ear-navi-wrap {
    padding: 60px 0;
  }
}

.ear-navi-wrap li {
  width: 18.5%;
}

.ear-navi {
  width: 125px;
  transition: 0.35s;
  position: relative;
}
.ear-navi__svg {
  fill: #eee;
  transition: 0.25s;
}
.ear-navi__svg--2 {
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  transition: none;
}
.ear-navi.active .ear-navi__svg {
  fill: #f69440;
}
.ear-navi.playing .ear-navi__svg--2 {
  -webkit-transform: scale(1.75);
  -ms-transform: scale(1.75);
  transform: scale(1.75);
  opacity: 0;
  transition: 1s ease-out;
}
@media screen and (max-width: 767px) {
  .ear-navi {
    width: 100%;
  }
}

.playing-audio {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 270px;
  width: 270px;
  opacity: 0.2;
  pointer-events: none;
  transition: 0.35s;
}
.playing-audio * {
  transition: 1s ease-out;
}
.playing-audio__inner {
  position: relative;
  z-index: 1;
}
.playing-audio__txt {
  font-size: 21px;
  font-weight: bold;
  opacity: 0;
}
.playing-audio__image {
  position: absolute;
  top: -40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  max-width: initial !important;
}
.playing-audio__wave-wrap {
  height: 100%;
  width: 100%;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.playing-audio__wave {
  border-radius: 100%;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation: loader-wave 1.5s infinite ease-out;
}
.playing-audio__wave--2 {
  animation-delay: 0.375s;
}
.playing-audio__wave--3 {
  animation-delay: 0.75s;
}
.playing-audio__wave--4 {
  animation-delay: 1.125s;
}
.playing-audio__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.playing-audio.active {
  opacity: 1;
}
.playing-audio.active .playing-audio__txt {
  opacity: 1;
}
.playing-audio.active .playing-audio__wave-wrap {
  opacity: 1;
}
@keyframes loader-wave {
  0% {
    background: rgba(246, 148, 64, 0.4);
    height: 0%;
    width: 0%;
  }
  100% {
    background: rgba(246, 148, 64, 0);
    height: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .playing-audio {
    height: 220px;
    width: 220px;
  }
  .playing-audio__txt {
    font-size: 18px;
  }
  .playing-audio__image {
    width: 120px !important;
  }
}

.playing-audio-loader {
  opacity: 0;
  transition: 0.25s;
  display: flex;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  height: 100px;
  width: 100px;
}
.playing-audio-loader.active {
  opacity: 1;
  transition: 0.25s 1s;
}

.loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
  width: 400px;
  margin: 0 auto;
  position: relative;
  user-select: none;
}
.loader__inner {
  position: relative;
}
.loader__txt {
  font-size: 21px;
  font-weight: bold;
}
.loader__image {
  position: absolute;
  top: -60px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  max-width: initial !important;
}
.loader__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: initial !important;
  height: 400px;
  width: 400px;
}
.loader__loader img {
  animation: loading 1s steps(12) infinite;
}
@keyframes loading {
  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 767px) {
  .loader {
    height: 240px;
    width: 240px;
  }
  .loader__txt {
    font-size: 18px;
  }
  .loader__image {
    top: -30px;
    width: 120px !important;
  }
  .loader__loader {
    height: 240px;
    width: 240px;
  }
}

.result__detail {
  margin-bottom: 40px;
}
.result__anno {
  font-size: 16px !important;
  margin-top: 10px;
}
.result__replay {
  margin-bottom: 40px;
}
.result__btns {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 40px;
  width: 530px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .result__detail {
    margin-bottom: 20px;
  }
  .result__anno {
    font-size: 12px !important;
  }
  .result__replay {
    margin-bottom: 20px;
  }
  .result__btns .sns-btn {
    width: 48%;
  }
}

.result-ttl {
  border-top: 5px solid #000;
  border-bottom: 5px solid #000;
  font-size: 35px !important;
  font-weight: bold;
  max-width: 630px;
  margin: 10px auto 40px;
}
@media screen and (max-width: 767px) {
  .result-ttl {
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    font-size: 21px !important;
    padding: 5px 0;
    margin: 20px auto;
  }
}

.result-txt {
  font-size: 55px !important;
  font-weight: bold;
  margin-bottom: 40px;
}
.result-txt > span {
  background: #fff;
  border: 3px solid #000;
  display: inline-block;
  padding: 0 10px;
  margin: 0 10px;
}
@media screen and (max-width: 767px) {
  .result-txt {
    font-size: 28px !important;
    margin-bottom: 0;
  }
}

.result-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.result-main__wrap {
  margin: 20px 0 40px;
}
@media screen and (max-width: 767px) {
  .result-main {
    padding-top: 25vw;
  }
  .result-main__wrap {
    margin: 20px 0;
  }
  .result-main__center {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 25vw;
    z-index: 1;
  }
}

.result-tree {
  position: relative;
}
.result-tree__result {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.result-txt02 {
  background: #fff;
  border: 3px solid #000;
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  padding: 10px 30px;
  white-space: nowrap;
}
.result-txt02__strong {
  color: #f69440;
  font-size: 180%;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .result-txt02 {
    border: 2px solid #000;
    font-size: 14px;
    padding: 10px 15px;
  }
  .result-txt02__strong {
    font-size: 150%;
  }
}

@media screen and (max-width: 767px) {
  .main-wrap--result .bg-illust {
    display: none;
  }
}

.txt-B {
  font-family: "Noto Sans JP";
  font-weight: 900;
}

.mlp-fixbnr {
  position: fixed;
  bottom: 5%;
  right: 15px;
  transition: 0.35s;
  z-index: 999;
}
.mlp-fixbnr__close {
  cursor: pointer;
  position: absolute;
  top: -30px;
  right: 0;
}
.mlp-fixbnr a {
  display: block;
  transition: 0.35s;
}
.mlp-fixbnr a:hover {
  opacity: 0.5;
}
.mlp-fixbnr.disable {
  opacity: 0;
  pointer-events: none;
}

.mlp-fixbnr-sp {
  box-sizing: border-box;
  text-align: center;
  padding: 0 2%;
  position: fixed;
  bottom: 0;
  left: 0;
  transition: 0.35s;
  width: 100%;
  z-index: 999;
}
.mlp-fixbnr-sp.disable {
  opacity: 0;
  pointer-events: none;
}

/*# sourceMappingURL=style.css.map */