@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;700;800&display=swap);
@-webkit-keyframes cloudMove {
  0% {
    background-position: center top,left 0px center
  }
  100% {
    background-position: center top,left 1920px center
  }
}
@keyframes cloudMove {
  0% {
    background-position: center top,left 0px center
  }
  100% {
    background-position: center top,left 1920px center
  }
}
@-webkit-keyframes isekai_up01 {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}
@keyframes isekai_up01 {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}
@-webkit-keyframes isekai_up02 {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}
@keyframes isekai_up02 {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}
@-webkit-keyframes isekai_up03 {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes isekai_up03 {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes isekai_card_switch01 {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
@keyframes isekai_card_switch01 {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
@-webkit-keyframes isekai_load01 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0
  }
  40% {
    opacity: 1
  }
  80% {
    opacity: 1
  }
  100% {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0
  }
}
@keyframes isekai_load01 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0
  }
  40% {
    opacity: 1
  }
  80% {
    opacity: 1
  }
  100% {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0
  }
}
body {
  margin: 0;
  padding: 0
}
.isekai-body {
  margin: 0;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  background: transparent
}
.isekai {
  /* change colours to suit your needs *//* change colours to suit your needs *//* change border colour to suit your needs */
}
.isekai * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.isekai div,
.isekai span,
.isekai object,
.isekai iframe,
.isekai h1,
.isekai h2,
.isekai h3,
.isekai h4,
.isekai h5,
.isekai h6,
.isekai p,
.isekai blockquote,
.isekai pre,
.isekai abbr,
.isekai address,
.isekai cite,
.isekai code,
.isekai del,
.isekai dfn,
.isekai em,
.isekai img,
.isekai ins,
.isekai kbd,
.isekai q,
.isekai samp,
.isekai small,
.isekai strong,
.isekai sub,
.isekai sup,
.isekai var,
.isekai b,
.isekai i,
.isekai dl,
.isekai dt,
.isekai dd,
.isekai ol,
.isekai ul,
.isekai li,
.isekai fieldset,
.isekai form,
.isekai label,
.isekai legend,
.isekai table,
.isekai caption,
.isekai tbody,
.isekai tfoot,
.isekai thead,
.isekai tr,
.isekai th,
.isekai td,
.isekai article,
.isekai aside,
.isekai canvas,
.isekai details,
.isekai figcaption,
.isekai figure,
.isekai footer,
.isekai header,
.isekai hgroup,
.isekai menu,
.isekai nav,
.isekai section,
.isekai summary,
.isekai time,
.isekai mark,
.isekai audio,
.isekai video {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  background: transparent
}
.isekai body {
  line-height: 1
}
.isekai article,
.isekai aside,
.isekai details,
.isekai figcaption,
.isekai figure,
.isekai footer,
.isekai header,
.isekai hgroup,
.isekai menu,
.isekai nav,
.isekai section {
  display: block
}
.isekai nav ul {
  list-style: none
}
.isekai blockquote,
.isekai q {
  quotes: none
}
.isekai blockquote:before,
.isekai blockquote:after,
.isekai q:before,
.isekai q:after {
  content: '';
  content: none
}
.isekai a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}
.isekai ins {
  text-decoration: none;
  color: #000;
  background-color: #ff9
}
.isekai mark {
  font-weight: bold;
  font-style: italic;
  color: #000;
  background-color: #ff9
}
.isekai del {
  text-decoration: line-through
}
.isekai abbr[title],
.isekai dfn[title] {
  cursor: help;
  border-bottom: 1px dotted
}
.isekai table {
  border-spacing: 0;
  border-collapse: collapse
}
.isekai hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc
}
.isekai input,
.isekai select {
  vertical-align: middle
}
.isekai html,
.isekai body {
  -webkit-text-size-adjust: 100%
}
.isekai html {
  font-size: 62.5%
}
.isekai .isekai-wrapper {
  font-family: "Shippori Mincho",serif;
  font-size: 22.4px;
  font-size: 1.4rem;
  line-height: 1.8;
  word-wrap: break-word;
  color: #333;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased
}
.isekai a {
  cursor: pointer;
  text-decoration: none;
  color: #d8d8d8;
  outline: none
}
.isekai img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}
.clearfix:after {
  content: '';
  display: block;
  clear: both
}
.isekai {
  
}
.isekai .isekai-button-module01 {
  text-align: center
}
.isekai .isekai-button-module01__link {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 20px 34px;
  font-family: "Shippori Mincho",serif;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1;
  -webkit-transition: text-shadow .4s,outline .2s,-webkit-box-shadow .3s;
  transition: text-shadow .4s,outline .2s,-webkit-box-shadow .3s;
  transition: text-shadow .4s,outline .2s,box-shadow .3s;
  transition: text-shadow .4s,outline .2s,box-shadow .3s,-webkit-box-shadow .3s;
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
  color: #fffef7;
  border: none;
  border-radius: 4px;
  outline: solid 2px #7f6920;
  outline-offset: -5px;
  background: #4a4a4a;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  text-shadow: 0 0 2px black
}
@media (max-width: 48em) {
  .isekai .isekai-button-module01__link {
    padding: 23px 30px 24px;
    font-size: 1em
  }
}
.isekai .isekai-button-module01__link::before {
  content: '';
  position: absolute;
  top: calc(50% - 9px);
  left: 16px;
  display: block;
  width: 30px;
  height: 18px;
  -webkit-transition: .2s;
  transition: .2s;
  border-width: 0 25px;
  background: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/btn_arrow.png") left center no-repeat
}
.isekai .isekai-button-module01__link.-feature01 {
  max-width: 350px;
  padding: 24px 20px;
  font-size: 2em
}
@media (max-width: 48em) {
  .isekai .isekai-button-module01__link.-feature01 {
    max-width: 315px;
    padding: 19px 17px 23px 15px;
    font-size: 1.75em
  }
}
.isekai .isekai-button-module01__link.-feature01::before {
  left: 60px;
  width: calc(100% - 120px);
  opacity: 0;
  background: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/btn_arrow.png") left center no-repeat,url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/btn_arrow_r.png") right center no-repeat
}
.isekai .isekai-button-module01__link.-feature01:hover::before {
  left: 63px;
  width: calc(100% - 126px);
  opacity: 1
}
.isekai .isekai-button-module01__link:hover {
  outline: solid 2px #f7f6ef;
  -webkit-box-shadow: 0 0 10px #ffe65a;
  box-shadow: 0 0 10px #ffe65a;
  text-shadow: 0 0 10px #ffe65a
}
.isekai .isekai-button-module01__link:hover::before {
  left: 21px;
  width: calc(100% - 28px);
  opacity: 1;
  -webkit-filter: brightness(10);
  filter: brightness(10)
}
.isekai br.sp {
  display: none
}
@media (max-width: 48em) {
  .isekai br.sp {
    display: block
  }
}
@keyframes cloudMove {
  0% {
    background-position: center top,left 0px center
  }
  100% {
    background-position: center top,left 1920px center
  }
}
.isekai .isekai-mv-text {
  padding: 50px
}
@media (max-width: 48em) {
  .isekai .isekai-mv-text {
    padding: 49px 0 36px
  }
}
.isekai .isekai-mv-title__description,
.isekai .isekai-mv-title {
  font-size: 0.625em;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  color: #fff
}
.isekai .isekai-mv-title__description {
  font-size: 1em
}
@media (max-width: 48em) {
  .isekai .isekai-mv-title__description {
    font-size: 0.625em
  }
}
.isekai .isekai-mv-title__description span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.isekai .isekai-mv-title__description span::before,
.isekai .isekai-mv-title__description span::after {
  content: '〜';
  display: inline-block;
  vertical-align: middle
}
.isekai .isekai-mv-title {
  font-size: 3.125em
}
@media (max-width: 48em) {
  .isekai .isekai-mv-title {
    font-size: 2.125em
  }
}
.isekai .isekai-mv-text.-sp {
  display: none
}
.isekai #isekai-intro-active.isekai-wrapper {
  background: #fffef7
}
.isekai #isekai-intro-active.isekai-wrapper::after {
  display: none
}
.isekai #isekai-intro-active .isekai-mv {
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 649px;
  -webkit-animation: cloudMove 115s infinite linear;
  animation: cloudMove 115s infinite linear;
  background: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/mv_bg_glass.png") no-repeat,url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/mv_bg_cloud.png") repeat-x,url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/mv_bg_sky.png") repeat-x;
  background-position: center top,0px,center top;
  background-size: cover,contain,auto
}
@media (max-width: 48em) {
  .isekai #isekai-intro-active .isekai-mv {
    min-height: 444px
  }
}
.isekai #isekai-intro-active .isekai-mv-inner {
  position: relative;
  display: none;
  overflow: hidden
}
.isekai #isekai-intro-active .isekai-mv-inner::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 65px;
  background: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/white-bokasi.png") bottom repeat-x
}
.isekai #isekai-intro-active .isekai-mv-inner::before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 451px;
  margin-left: -46px;
  -webkit-animation: .6s isekai_up03 ease-out forwards;
  animation: .6s isekai_up03 ease-out forwards;
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
  text-align: center;
  opacity: 0;
  background: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/mv_bg_text.png") center top no-repeat;
  background-size: contain
}
@media (max-width: 48em) {
  .isekai #isekai-intro-active .isekai-mv-inner::before {
    display: none
  }
}
.isekai #isekai-intro-active .isekai-mv-title__description,
.isekai #isekai-intro-active .isekai-mv-title {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.4;
  text-align: center
}
.isekai #isekai-intro-active .isekai-mv-title {
  font-size: 5.6875em;
  color: #111
}
@media (max-width: 48em) {
  .isekai #isekai-intro-active .isekai-mv-title {
    font-size: 2.5625em
  }
}
.isekai #isekai-intro-active .isekai-mv-text {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 0 95px;
  -webkit-animation: .6s isekai_up01 ease-out forwards;
  animation: .6s isekai_up01 ease-out forwards;
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
  text-align: center;
  opacity: 0;
  text-shadow: 0 0 15px #fff
}
@media (max-width: 48em) {
  .isekai #isekai-intro-active .isekai-mv-text {
    padding: 0
  }
  .isekai #isekai-intro-active .isekai-mv-text.-sp {
    position: relative;
    display: block
  }
  .isekai #isekai-intro-active .isekai-mv-text.-pc {
    display: none
  }
}
.isekai #isekai-intro-active .isekai-mv-text > * {
  position: relative;
  display: table;
  margin: 0 auto;
  line-height: 1.13
}
@media (max-width: 48em) {
  .isekai #isekai-intro-active .isekai-mv-text > * {
    letter-spacing: 0.02em
  }
}
.isekai #isekai-intro-active .isekai-mv-text > *::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: 70%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  -webkit-filter: blur(15px);
  filter: blur(15px)
}
.isekai #isekai-intro-active .isekai-mv-title__description {
  padding: 0;
  color: #907312
}
@media (max-width: 48em) {
  .isekai #isekai-intro-active .isekai-mv-title__description {
    max-width: 420px;
    font-size: 0.75em
  }
}
.isekai #isekai-intro-active .character-img {
  position: relative;
  right: 35px;
  width: 100%;
  max-width: 880px;
  height: 649px;
  margin: 0 auto
}
@media (max-width: 48em) {
  .isekai #isekai-intro-active .character-img {
    max-width: 375px;
    height: 444px
  }
}
.isekai #isekai-intro-active .character-img__list {
  position: absolute;
  bottom: -17px
}
.isekai #isekai-intro-active .character-img__list.-c1 {
  right: -193px;
  bottom: -17px;
  -webkit-animation: .6s isekai_up02 ease-out forwards;
  animation: .6s isekai_up02 ease-out forwards;
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
  opacity: 0
}
@media (max-width: 48em) {
  .isekai #isekai-intro-active .character-img__list.-c1 {
    right: -174px;
    bottom: -5px;
    width: 416px
  }
}
.isekai #isekai-intro-active .character-img__list.-c2 {
  bottom: -17px;
  left: -179px;
  -webkit-animation: .6s isekai_up02 ease-out forwards;
  animation: .6s isekai_up02 ease-out forwards;
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
  opacity: 0
}
@media (max-width: 48em) {
  .isekai #isekai-intro-active .character-img__list.-c2 {
    bottom: -7px;
    left: -116px;
    width: 418px
  }
}
.isekai #isekai-intro-active .character-img__list.-c3 {
  width: calc(100% - 25px);
  -webkit-animation: .6s isekai_up01 ease-out forwards;
  animation: .6s isekai_up01 ease-out forwards;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  text-align: center;
  opacity: 0
}
@media (max-width: 48em) {
  .isekai #isekai-intro-active .character-img__list.-c3 {
    bottom: -65px;
    left: calc(50% - 213px);
    width: 436px
  }
}
.isekai #isekai-intro-active .character-img__list.-c4 {
  right: -43px;
  bottom: 1px;
  -webkit-animation: .6s isekai_up01 ease-out forwards;
  animation: .6s isekai_up01 ease-out forwards;
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
  opacity: 0
}
@media (max-width: 48em) {
  .isekai #isekai-intro-active .character-img__list.-c4 {
    right: -66px;
    bottom: 57px;
    width: 328px
  }
}
.isekai #isekai-intro-active .character-img__list.-c5 {
  bottom: 52px;
  left: -44px;
  -webkit-animation: .6s isekai_up01 ease-out forwards;
  animation: .6s isekai_up01 ease-out forwards;
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
  opacity: 0
}
@media (max-width: 48em) {
  .isekai #isekai-intro-active .character-img__list.-c5 {
    bottom: 87px;
    left: -46px;
    width: 362px
  }
}
.isekai #isekai-intro-active .character-img__list.-hand {
  z-index: 2;
  width: calc(100% - 25px);
  -webkit-animation: .6s isekai_up01 ease-out forwards;
  animation: .6s isekai_up01 ease-out forwards;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  text-align: center;
  opacity: 0
}
@media (max-width: 48em) {
  .isekai #isekai-intro-active .character-img__list.-hand {
    bottom: -65px;
    left: calc(50% - 213px);
    width: 436px
  }
}
.isekai .isekai-wrapper {
  position: relative;
  font-size: 1.6em;
  color: #4a4a4a;
  background: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/bg_sky.jpg") top center no-repeat;
  background-size: auto
}
.isekai .isekai-wrapper::after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 150px;
  pointer-events: none;
  background: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/white-bokasi.png") bottom repeat-x
}
.isekai .isekai-intro {
  position: relative;
  z-index: 1;
  margin-top: -93px;
  padding-bottom: 18px;
  background: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/bg_magic_square.png") center top no-repeat,url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/intro_bg.png") center bottom no-repeat;
  background-color: transparent
}
.isekai .isekai-intro__button {
  padding: 147px 0 55px
}
@media (max-width: 48em) {
  .isekai .isekai-intro__button {
    padding: 66px 0
  }
}
.isekai .isekai-intro__box {
  display: block;
  max-width: 920px;
  margin: 0 auto;
  padding: 33px 20px 60px;
  text-align: center;
  outline: solid 1px #907312;
  outline-offset: -8px;
  background: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/box_bg-repeat01.jpg");
  -webkit-filter: drop-shadow(0 3px 20px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(0 3px 20px rgba(0, 0, 0, 0.15))
}
@media (max-width: 48em) {
  .isekai .isekai-intro__box {
    max-width: 83%;
    padding: 44px 20px 63px
  }
}
.isekai .isekai-intro__title {
  margin-bottom: 17px;
  font-size: 2em;
  font-weight: 800;
  letter-spacing: 0.14em;
  color: #907312
}
@media (max-width: 48em) {
  .isekai .isekai-intro__title {
    margin-bottom: 20px;
    font-size: 1.25em
  }
}
.isekai .isekai-intro__title::after,
.isekai .isekai-intro__title::before {
  content: '';
  display: inline-block;
  width: 100%;
  max-width: 207px;
  height: 40px;
  vertical-align: middle;
  background: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/h2_bg2.png") center no-repeat
}
@media (max-width: 48em) {
  .isekai .isekai-intro__title::after,
  .isekai .isekai-intro__title::before {
    display: none
  }
}
@media (max-width: 64em) {
  .isekai .isekai-intro__title::after,
  .isekai .isekai-intro__title::before {
    max-width: 160px
  }
}
.isekai .isekai-intro__title::after {
  background: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/h2_bg1.png") center no-repeat
}
.isekai .isekai-intro__body {
  font-weight: 700;
  line-height: 2
}
@media (max-width: 48em) {
  .isekai .isekai-intro__body {
    font-size: 0.875em
  }
}
.isekai .isekai-intro__code {
  margin-top: 45px;
  padding: 0 20px;
  text-align: right
}
.isekai .isekai-content__question {
  overflow: hidden;
  padding: 35px 30px
}
@media (max-width: 48em) {
  .isekai .isekai-content__question {
    padding-top: 30px
  }
}
@media (max-width: 20em) {
  .isekai .isekai-content__question {
    padding: 30px 5px
  }
}
.isekai .isekai-section {
  max-width: 980px;
  margin: 0 auto 300px;
  -webkit-animation: .6s isekai_card_switch01 ease-out forwards;
  animation: .6s isekai_card_switch01 ease-out forwards;
  text-align: center;
  border: solid #4a4a4a;
  border-width: 20px 22px 24px;
  -o-border-image: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/q-border.png") 20 22 24 round;
  border-image: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/q-border.png") 20 22 24 round;
  -webkit-filter: drop-shadow(0 3px 20px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(0 3px 20px rgba(0, 0, 0, 0.15))
}
@media (max-width: 48em) {
  .isekai .isekai-section {
    border-width: 17px;
    -o-border-image: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/q-border-sp.png") 17 round;
    border-image: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/q-border-sp.png") 17 round
  }
}
@media (max-width: 48em) {
  .isekai .isekai-section__title {
    width: 90px;
    margin: 0 auto 8px
  }
}
.isekai .isekai-section__inner {
  margin: 0 auto;
  padding: 35px 60px 80px;
  outline: 2px solid #c7a865;
  outline-offset: -10px;
  background: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/question_bg1.png") left 20px top 20px no-repeat,url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/question_bg2.png") right 20px top 20px no-repeat,url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/question_bg3.png") left 20px bottom 20px no-repeat,url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/question_bg4.png") right 20px bottom 20px no-repeat,url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/box_bg-repeat01.jpg")
}
@media (max-width: 48em) {
  .isekai .isekai-section__inner {
    padding: 38px 30px 183px;
    border-width: 15px 16px 16px;
    outline-offset: -5px;
    background: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/question_bg-sp1.png") left 15px top 15px no-repeat,url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/question_bg-sp2.png") right 15px top 15px no-repeat,url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/question_bg-sp3.png") right 15px bottom 15px no-repeat,url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/question_bg-sp4.png") left 15px bottom 15px no-repeat,url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/box_bg-repeat01.jpg")
  }
}
.isekai .isekai-section__body {
  margin-bottom: 40px;
  font-size: 2em;
  font-weight: 800;
  color: #111
}
@media (max-width: 48em) {
  .isekai .isekai-section__body {
    margin-bottom: 48px;
    font-size: 1.1875em;
    line-height: 1.2
  }
}
.isekai .isekai-section__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 760px;
  margin: 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media (max-width: 48em) {
  .isekai .isekai-section__button {
    display: block
  }
}
.isekai .isekai-section::after {
  content: '';
  padding-bottom: 300px
}
.isekai .isekai-button {
  width: 50%
}
.isekai .isekai-section-result .isekai-button {
  width: 100%;
  margin: 0 auto
}
@media (max-width: 48em) {
  .isekai .isekai-section .isekai-button {
    width: 100%
  }
}
.isekai .isekai-section .isekai-button:first-child {
  margin-right: 60px
}
@media (max-width: 48em) {
  .isekai .isekai-section .isekai-button:first-child {
    margin-right: 0;
    margin-bottom: 40px
  }
}
.isekai .isekai-section-result {
  position: relative;
  overflow: hidden
}
@media (max-width: 48em) {
  .isekai .isekai-section-result {
    margin-top: 0;
    padding-bottom: 60px
  }
}
.isekai .isekai-section-result__content {
  max-width: 540px;
  margin-top: 57px;
  padding: 8px;
  -webkit-animation: .6s isekai_up01 ease-out forwards;
  animation: .6s isekai_up01 ease-out forwards;
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
  opacity: 0;
  background: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/box_bg-repeat01.jpg");
  -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15)
}
@media (max-width: 48em) {
  .isekai .isekai-section-result__content {
    max-width: calc(100% - 60px)
  }
}
@media (max-width: 20em) {
  .isekai .isekai-section-result__content {
    max-width: calc(100% - 10px)
  }
}
.isekai .isekai-section-result__content__inner {
  margin: 0 auto;
  border: solid 9px;
  -o-border-image: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/result_border.png") 9 repeat;
  border-image: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/result_border.png") 9 repeat
}
.isekai .isekai-section-result__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -140px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media (max-width: 64em) {
  .isekai .isekai-section-result__inner {
    margin-left: -100px
  }
}
@media (max-width: 48em) {
  .isekai .isekai-section-result__inner {
    display: block;
    width: 100%;
    margin: 0 auto
  }
}
.isekai .isekai-section-result__inner::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-animation: 1.2s isekai_load01 linear forwards;
  animation: 1.2s isekai_load01 linear forwards;
  pointer-events: none;
  opacity: 0;
  background: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/bg_magic_square.png") center no-repeat
}
.isekai .isekai-section-result__img,
.isekai .isekai-section-result__content {
  width: calc(50% - 30px)
}
@media (max-width: 48em) {
  .isekai .isekai-section-result__img,
  .isekai .isekai-section-result__content {
    width: 100%;
    margin: 0 auto
  }
}
.isekai .isekai-section-result__img {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 880px;
  margin-right: -95px;
  -ms-flex-item-align: end;
  align-self: flex-end
}
@media (max-width: 64em) {
  .isekai .isekai-section-result__img {
    margin-right: -50px
  }
}
@media (max-width: 48em) {
  .isekai .isekai-section-result__img {
    width: 100%;
    margin: 0 auto;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
  }
  .isekai .isekai-section-result__img img {
    -webkit-transform: scale(1.1) translateX(-30px);
    transform: scale(1.1) translateX(-30px)
  }
  .isekai .isekai-result5 .isekai-section-result__img img {
    -webkit-transform: scale(1.1) translateX(0px);
    transform: scale(1.1) translateX(0px)
  }
}
.isekai .isekai-section-result__img::before {
  content: '';
  display: block;
  padding-top: 100%
}
.isekai .isekai-section-result__img-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  -webkit-animation: .6s isekai_card_switch01 ease-out forwards;
  animation: .6s isekai_card_switch01 ease-out forwards;
  -webkit-animation-delay: 2.9s;
  animation-delay: 2.9s;
  vertical-align: bottom;
  opacity: 0
}
.isekai .isekai-section-result__img-inner:nth-child(2) {
  -webkit-animation: .6s isekai_up02 ease-out forwards;
  animation: .6s isekai_up02 ease-out forwards;
  -webkit-animation-delay: 2.3s;
  animation-delay: 2.3s
}
.isekai .isekai-section-result__img-inner:nth-child(3) {
  -webkit-animation: .6s isekai_card_switch01 ease-out forwards;
  animation: .6s isekai_card_switch01 ease-out forwards;
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s
}
.isekai .isekai-section-result__img-inner:nth-child(4) {
  -webkit-animation: .6s isekai_up02 ease-out forwards;
  animation: .6s isekai_up02 ease-out forwards;
  -webkit-animation-delay: 2.3s;
  animation-delay: 2.3s
}
.isekai .isekai-result__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 638px;
  padding: 53px 20px 58px;
  border: solid 9px;
  -o-border-image: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/result_border.png") 9 repeat;
  border-image: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/result_border.png") 9 repeat
}
@media (max-width: 48em) {
  .isekai .isekai-result__content {
    min-height: 672px
  }
}
.isekai .isekai-result__title {
  width: 100%;
  max-width: 410px;
  margin: 0 auto;
  margin-bottom: 28px;
  padding-bottom: 9px;
  font-size: 1.5em;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  color: #907312;
  background: url("/content/dam/tmnf/dp-tmn-agent-com/common/isekai-assets/images/result_title.png") no-repeat center bottom;
  background-size: contain
}
.isekai .isekai-result__title span {
  display: block;
  font-size: 1.875em;
  line-height: 1.68;
  color: #000
}
.isekai .isekai-result__subtitle {
  margin-bottom: 5px;
  font-size: 1.5em;
  font-weight: 800;
  text-align: center;
  color: #000
}
.isekai .isekai-result__body {
  width: 100%;
  max-width: 345px;
  margin: 0 auto 40px;
  font-weight: 700;
  line-height: 1.75
}
@media (max-width: 48em) {
  .isekai .isekai-result__body {
    font-size: 1em;
    font-weight: 700
  }
}
.isekai .isekai-result__button {
  width: 100%;
  max-width: 350px;
  margin: 20px auto 0
}
.isekai #isekai-intro-active .isekai-content {
  display: none
}
.isekai .character-img,
.isekai .isekai-intro,
.isekai .isekai-section,
.isekai .isekai-section-result {
  display: none
}
.isekai #isekai-intro-active .character-img,
.isekai #isekai-intro-active .isekai-intro,
.isekai #isekai-q1-active #isekai-q1,
.isekai #isekai-q2a-active #isekai-q2a,
.isekai #isekai-q2b-active #isekai-q2b,
.isekai #isekai-q3a-active #isekai-q3a,
.isekai #isekai-q3b-active #isekai-q3b,
.isekai #isekai-q3c-active #isekai-q3c,
.isekai #isekai-q4-active #isekai-q4,
.isekai #isekai-result1-active #isekai-result1,
.isekai #isekai-result2-active #isekai-result2,
.isekai #isekai-result3-active #isekai-result3,
.isekai #isekai-result4-active #isekai-result4,
.isekai #isekai-result5-active #isekai-result5 {
  display: block
}
.isekai #isekai-result1-active .isekai-content__question,
.isekai #isekai-result2-active .isekai-content__question,
.isekai #isekai-result3-active .isekai-content__question,
.isekai #isekai-result4-active .isekai-content__question,
.isekai #isekai-result5-active .isekai-content__question {
  display: none
}
/*# sourceMappingURL=../sourcemaps/index.css.map */