@charset "UTF-8";
@-webkit-keyframes loopAnimation {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }
@keyframes loopAnimation {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

html {
  scroll-behavior: smooth; }

body {
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
  font-family: "Noto Sans JP", "\30D2\30E9\30AE\30CE\89D2\30B4Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", " MS PGothic", Arial, Helvetica,  Verdana, sans-serif; }

a {
  display: contents; }

iframe {
  border: 0; }

.main_question_page {
  position: relative; }

.questionLink {
  text-align: left;
  width: 0;
  height: 0;
  background-image: url("/products/mugenyoyo/img/bg_news_middle01.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: auto;
  background-repeat: repeat-y;
  position: relative;
  display: table;
  color: #ffffff; }
  .questionLink::before {
    width: 0;
    height: 0;
    background-image: url("/products/mugenyoyo/img/bg_question_top01.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: inline-block;
    position: absolute;
    left: 0; }
  .questionLink::after {
    width: 0;
    height: 0;
    background-image: url("/products/mugenyoyo/img/bg_question_bottom01.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: inline-block;
    position: absolute;
    background-size: cover;
    left: 0; }
  .questionLinkIcon {
    position: absolute;
    left: 8%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }
  .questionLinkText {
    position: relative;
    min-height: 2.2em;
    align-items: center;
    vertical-align: middle;
    display: flex; }
    .questionLinkText::before {
      content: '';
      position: absolute;
      display: block;
      top: 50%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); }
  .questionLinkTextAnswer {
    position: relative;
    font-weight: 500;
    font-style: normal;
    text-align: justify; }
    .questionLinkTextAnswer::before {
      content: '';
      position: absolute;
      display: block;
      left: -20%;
      top: 2%; }
  .questionLinkTextAnswerContinue {
    position: relative;
    font-weight: 500;
    font-style: normal;
    text-align: justify; }

.questionTermsWrapper {
  color: #ffffff; }

.questionTermLink {
  text-align: left; }

.questionTermLinkText {
  display: block;
  font-weight: 700; }

.questionTermsLinkUrl {
  color: #ffffff;
  line-height: 2;
  -webkit-text-decoration: underline #ffffff;
          text-decoration: underline #ffffff; }

.img_questionFigure {
  width: 100%; }

.img_btnTop {
  position: fixed;
  right: 0;
  bottom: 0;
  -webkit-filter: drop-shadow(-10px -10px 10px #000);
          filter: drop-shadow(-10px -10px 10px #000);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.linkTop {
  position: absolute; }

.questionLinkTop {
  margin-top: 10%;
  text-align: left; }

@media (min-width: 769px) {
  .spOnly {
    display: none; }
  .bgBlackQuestion {
    padding: 60px 0; }
  .img_questionHeader {
    width: 145.5px; }
  .questionTableContents {
    margin-right: 40px; }
  .img_questionTitle {
    width: 325px; }
  .questionWrapper {
    padding: 30px 0 60px;
    display: grid; }
  .img_questionSubTitle {
    height: 23.5px;
    margin: auto; }
  .section_question {
    display: flex;
    position: relative;
    justify-content: center;
    margin-top: 80px; }
    .questionLink {
      width: 390px;
      padding: 0 30px 0 80px;
      margin: 60px 0;
      background-size: 390px; }
      .questionLink::before {
        background-size: 390px;
        width: 390px;
        height: 33px;
        top: -32px; }
      .questionLink::after {
        background-size: 390px;
        width: 390px;
        height: 33px;
        bottom: -32px; }
      .questionLinkText {
        font-size: 16px;
        font-weight: 900;
        font-style: italic; }
        .questionLinkText::before {
          width: 50px;
          height: 50px;
          background-image: url("/products/mugenyoyo/img/txt_question.svg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          left: -20%; }
      .questionLinkTextAnswer {
        font-size: 15px; }
        .questionLinkTextAnswer::before {
          width: 40px;
          height: 44px;
          background-image: url("/products/mugenyoyo/img/txt_answer.svg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain; }
      .questionLinkTextAnswerContinue {
        font-size: 15px; }
  .questionLinkWrapper {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: auto;
    width: 820px; }
  .questionBorder {
    margin: 20px 0 20px -18px; }
    .questionTermLink {
      margin-bottom: 20px; }
    .img_questionFigure {
      padding: 20px 0; }
    .img_btnTop {
      width: 140px; }
    .linkTop {
      width: 90px;
      top: 40px;
      left: 20%; }
  .linkTopBottom {
    width: 90px; } }

@media (max-width: 480px) {
  .pcOnly {
    display: none; }
  .bgBlackQuestion {
    padding-bottom: 18%; }
  .img_questionHeader {
    width: 40%;
    margin-top: 20%; }
  .innerQuestion {
    margin: 24% 0; }
    .innerQuestion:last-child {
      margin: 24% 0 0 0; }
  .img_questionTitle {
    width: 80%;
    margin-bottom: 8%; }
  .questionWrapper {
    padding: 4% 0 8%; }
    .questionWrapper:last-child {
      padding: 4% 0 0 0; }
  .img_questionSubTitle {
    height: 6vw; }
    .questionLink {
      width: 81.25vw;
      padding: 0 5% 0 18%;
      margin: 15% auto;
      background-size: 81.25vw;
      font-size: 3.6vw;
      font-weight: 700;
      font-style: italic; }
      .questionLink:first-child {
        margin: 14% auto 5%; }
      .questionLink:last-child {
        margin: 14% auto 5%; }
      .questionLink::before {
        background-size: 81.25vw;
        width: 81.25vw;
        height: 6.66667vw;
        top: -6.45833vw; }
      .questionLink::after {
        background-size: 81.25vw;
        width: 81.25vw;
        height: 6.66667vw;
        bottom: -6.66667vw; }
        .questionLinkText::before {
          width: 9vw;
          height: 10vw;
          background-image: url("/products/mugenyoyo/img/txt_question.svg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          left: -20%; }
        .questionLinkTextAnswer::before {
          width: 7vw;
          height: 8vw;
          background-image: url("/products/mugenyoyo/img/txt_answer.svg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain; }
  .questionBorder {
    margin: 6% 0 6% -8%; }
    .questionTermsWrapper {
      width: 80%;
      margin: 6% auto 0; }
    .questionTermLink {
      margin-bottom: 6%; }
    .questionTermLinkText {
      font-size: 4vw; }
    .questionTermsLinkUrl {
      font-size: 3.4vw; }
    .img_questionFigure {
      padding: 8% 0; }
    .img_btnTop {
      width: 33.54167vw; }
    .linkTop {
      width: 16%;
      top: 20px;
      left: 20px; }
  .linkTopBottom {
    width: 16%; }
    .questionLinkTop {
      text-align: center; } }

@media (min-width: 481px) and (max-width: 768px) {
  .bgBlackQuestion {
    padding-bottom: 18%; }
  .img_questionHeader {
    width: 20%;
    margin-top: 12%; }
  .innerQuestion {
    margin: 16% 0; }
    .innerQuestion:last-child {
      margin: 16% 0 0 0; }
  .img_questionTitle {
    width: 50%;
    margin-bottom: 8%; }
  .img_questionSubTitle {
    height: 4vw; }
    .questionLink {
      width: 60.83333vw;
      padding: 0 4% 0 14%;
      margin: 12% auto;
      background-size: 60.83333vw; }
      .questionLink::before {
        background-size: 60.83333vw;
        width: 60.83333vw;
        height: 5.20833vw;
        top: -5vw; }
      .questionLink::after {
        background-size: 60.83333vw;
        width: 60.83333vw;
        height: 5.20833vw;
        bottom: -5vw; }
      .questionLinkText {
        font-size: 2.8vw;
        font-weight: 900;
        font-style: italic; }
        .questionLinkText::before {
          width: 6vw;
          height: 6.6vw;
          background-image: url("/products/mugenyoyo/img/txt_question.svg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          left: -20%; }
      .questionLinkTextAnswer {
        font-size: 2vw; }
        .questionLinkTextAnswer::before {
          width: 5vw;
          height: 5.5vw;
          background-image: url("/products/mugenyoyo/img/txt_answer.svg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain; }
      .questionLinkTextAnswerContinue {
        font-size: 2vw; }
    .questionTermsWrapper {
      width: 60.83333vw;
      margin: auto; }
    .img_questionFigure {
      padding: 6% 0; }
    .img_btnTop {
      width: 20vw; }
    .linkTop {
      width: 12%;
      left: 40px;
      top: 40px; }
  .linkTopBottom {
    width: 12%; }
    .questionLinkTop {
      text-align: center; } }

@media (min-width: 769px) and (max-width: 820px) {
  .questionLinkWrapper {
    width: 390px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: auto; } }