@charset "utf-8";
/* ---------------------------------------------------

	Syntax - SP First

--------------------------------------------------- */
/* ---------------------------------------------------

	splash

--------------------------------------------------- */
.splash{
  background-color: rgba(255,255,255,1.00);
  box-sizing: border-box;
  height: calc(100% + 2px);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  z-index: 500;
}
.splash.hidden{
  display: none;
  opacity: 0;
  animation: fadeOut 0.3s ease-in 0s forwards;
}
.splash__group{
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
.splash__inner{}
.splash__inovationRoad__logo{
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%,calc((50% + 2.5rem) * -1));
  transition: 0.3s;
}
.splash__inovationRoad__logo.visible{
  opacity: 1;
}
.splash__inovationRoad__logo__image{
  font-size: 0;
  margin: 0 auto;
  width: 187px;
}
.splash__yamaha__logo{
  bottom: 1.8rem;
  left: 50%;
  opacity: 0;
  position: absolute;
  transform: translateX(calc((50% + 0.5rem) * -1));
  transition: 0.3s;
}
.splash__yamaha__logo.visible{
  opacity: 1;
}
.splash__yamaha__logo__image{
  font-size: 0;
  margin: 0 auto;
  width: 65%;
}
@keyframes fadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: block;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
/*@keyframes fadeIn {
  0% {
    display: none;
    opacity: 1;
  }
  1% {
    display: none;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}*/



/* ---------------------------------------------------

	intro

--------------------------------------------------- */
.intro{}
.intro__bannerButton{
  background-color: rgba(214,164,234,1.00);
  bottom: 17.5rem;
  cursor: pointer;  
  position: absolute;
  right: 0;
  transition: all 0.3s;
  transform: translateX(calc(200px - 58px));
  width: 200px;
  z-index: 50;
}
/* open */
.intro__bannerButton.bannerOpen{
  transform: translateX(0);
}
/* open Fin */
.intro__banner__inner{
  align-items: center;
  display: flex;
}
.intro__banner__entrance{
  box-sizing: border-box;
  padding: 2.5rem 0 1.5rem;
  text-align: center;
  width: 60px;
}
.intro__banner__entrance__text{
  font-size: 1rem;
  font-weight: 700;
  position: relative;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.intro__banner__entrance__text__item{
  display: none;
}
/* open */
.intro__bannerButton .intro__banner__entrance__text-open{
  display: block;
}
.intro__bannerButton .intro__banner__entrance__text-close{
  display: none;
}
.intro__bannerButton.bannerOpen .intro__banner__entrance__text-open{
  display: none;
}
.intro__bannerButton.bannerOpen .intro__banner__entrance__text-close{
  display: block;
}
/* open Fin */
.intro__banner__entrance__text:before,
.intro__banner__entrance__text:after{
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  position: absolute;
}
.intro__banner__entrance__text:before{
  background-image: url("../images/illust_music_notes_purple.svg");
  height: 25px;
  left: 50%;
  top: calc((25px + 0.5rem) * -1);
  transform: translateX(-50%);
  width: 25px;
}
.intro__banner__entrance__text:after{
  background-image: url("../images/illust_trumpet.svg");
  bottom: calc((30px + 0.5rem)* -1);
  height: 50px;
  left: calc((1rem + 0.3rem)* -1);
  width: 50px;
}
.intro__banner{
  border-left: 1px rgba(75,31,120,1.00) solid;
  box-sizing: border-box;
  font-size: 0;
  padding: 0.5rem 0.5rem 0.25rem;
  width: calc(100% - 50px);
}
.intro__group{
  animation: fadeOutIntro 0.3s ease-in 0s forwards;
  display: none;
  height: 100%;
  left: 50%;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 200;
}
@keyframes fadeOutIntro {
  0% {
    display: flex;
    opacity: 1;
  }

  1% {
    display: flex;
    opacity: 1;
  }

  100% {
    display: none;
    opacity: 0;
  }
}

body.introOpen .intro__group{
  animation: fadeInIntro 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;  
}
@keyframes fadeInIntro {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: flex;
    opacity: 0;
  }

  100% {
    display: flex;
    opacity: 1;
  }
}
.intro__bg{
  background-color: rgba(0,0,0,0.5);
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  z-index: 150;
}
.intro__column__block{
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 95%;
  justify-content: center;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  max-width: calc(100% - calc(10px * 2));
  z-index: 200;
}
.intro__close{
  background-color: rgba(255,255,255,1.00);
  border: 2px rgba(75,31,120,1.00) solid;
  border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: 0.5rem;
  text-indent: -9999px;
  top: 3rem;
  width: 40px;
  z-index: 230;
}
.intro__close:before,
.intro__close:after{
  background-color: rgba(75,31,120,1.00);
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 30px;
}
.intro__close:before{
  transform: translate(-50%,-50%) rotate(45deg);
}
.intro__close:after{
  transform: translate(-50%,-50%) rotate(-45deg);
}
.intro__column{
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;  
}
/* scheme */
.intro__column.catch{
  background-image: url("../images/modal_bg_sp.png");
}
.intro__column.catch.hidden{
  animation: fadeOutIntro 0.3s ease-in 0s forwards;
  display: none;
}
.intro__column.map{
  background-image: url("../images/modal_bg_sp.png");
  display: none;
}
.intro__column.map.active{
  animation: fadeInIntro 0.3s ease-in 0s forwards;
  display: flex;
  opacity: 1;  
}
/* scheme FIn */
.intro__conlumn__inner{
  margin: 0 auto;
  /*padding: 0 15px;*/
  position: relative;
  text-align: center;
  width: 100%;
  max-width: 70%;
  z-index: 200;
}
.intro__title{
  font-size: 2rem;
  letter-spacing: 2px;
  margin: 0 0 0.3em;
}
.intro__subTitle{
  display: block;
  margin: 0 auto;
  max-width: 160px;
}
.intro__note{
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  margin: 0;
  padding: 0.8em 0;
}
.intro__note__bold{
  font-weight: 700;
}
.intro__figure{
  border-radius: 10px;
  margin: 0 auto;
  overflow: hidden;
  max-width: 300px;
}
.intro__figure__image{
  font-size: 0;
}
.intro__tag__list{
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.intro__tag__list__item{
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 1rem 0 0;
}
.intro__tag__list__item:last-of-type{
  margin: 0;
}
.intro__tag__list__item__icon{
  width: 30px;
}
.intro__tag__list__item__icon__image{}
.intro__tag__list__item__text{
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  padding: 0 0 5px 0.5em;
}
.intro__button__block{
  padding: 1rem 1rem 0;
}
.intro__button{
  align-items: center;
  background-color: rgba(75,31,120,1.00);
  border: 1px rgba(75,31,120,1.00) solid;
  border-radius: calc(56px / 2);
  box-sizing: border-box;
  color: rgba(255,255,255,1.00);
  cursor: pointer;
  display: flex;
  font-size: 1.125rem;
  font-weight: 700;
  height: 56px;
  justify-content: center;
  margin: 0 auto;
  padding: 0 0 2px;
  width: 100%;
  max-width: 220px;
}


/* body quiz open option */
body.quizOpen .intro__bannerButton,
body.downloadOpen .intro__bannerButton{
  z-index: auto;
}
/* body quiz open option Fin */


/* ---------------------------------------------------

	questionnaireIntro

--------------------------------------------------- */
.questionnaireIntro{}
.questionnaireIntro__bannerButton{
  background-color: rgba(255,255,255,1.00);
  border: 1px rgba(75,31,120,1.00) solid;
  bottom: 5rem;
  cursor: pointer;
  height: 185px;
  position: absolute;
  right: 0;
  transition: all 0.3s;
  transform: translateX(calc(200px - 58px));
  width: 200px;
  z-index: 50;
}
/* open */
.questionnaireIntro__bannerButton.bannerOpen{
  transform: translateX(0);
}
/* open Fin */
.questionnaireIntro__banner__inner{
  align-items: center;
  display: flex;
  height: 100%;
}
.questionnaireIntro__banner__entrance{
  box-sizing: border-box;
  padding: 2.5rem 0 0.75rem;
  text-align: center;
  width: 60px;
}
.questionnaireIntro__banner__entrance__text{
  font-size: 1rem;
  font-weight: 700;
  position: relative;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.questionnaireIntro__banner__entrance__text__item{
  display: none;
}
/* open */
.questionnaireIntro__bannerButton .questionnaireIntro__banner__entrance__text-open{
  display: block;
}
.questionnaireIntro__bannerButton .questionnaireIntro__banner__entrance__text-close{
  display: none;
}
.questionnaireIntro__bannerButton.bannerOpen .questionnaireIntro__banner__entrance__text-open{
  display: none;
}
.questionnaireIntro__bannerButton.bannerOpen .questionnaireIntro__banner__entrance__text-close{
  display: block;
}
/* open Fin */
.questionnaireIntro__banner__entrance__text:before{
  background-image: url("../images/illust_word_purple.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 25px;
  left: 50%;
  position: absolute;
  top: calc((25px + 0.5rem) * -1);
  transform: translateX(-50%);
  width: 25px;
}
.questionnaireIntro__banner{
  align-items: center;
  background-color: rgba(214,164,234,1.00);
  border-left: 1px rgba(75,31,120,1.00) solid;
  box-sizing: border-box;
  display: inline-flex;
  font-size: 0;
  height: 100%;
  justify-content: center;
  padding: 0.5rem 0.5rem 0.25rem;
  width: calc(100% - 50px);
}
.questionnaireIntro__group{
  animation: fadeOutquestionnaireIntro 0.3s ease-in 0s forwards;
  display: none;
  height: 100%;
  left: 50%;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 200;
}
@keyframes fadeOutquestionnaireIntro {
  0% {
    display: flex;
    opacity: 1;
  }

  1% {
    display: flex;
    opacity: 1;
  }

  100% {
    display: none;
    opacity: 0;
  }
}

body.questionnaireIntroOpen .questionnaireIntro__group{
  animation: fadeInquestionnaireIntro 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;  
}
@keyframes fadeInquestionnaireIntro {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: flex;
    opacity: 0;
  }

  100% {
    display: flex;
    opacity: 1;
  }
}
.questionnaireIntro__bg{
  background-color: rgba(0,0,0,0.5);
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  z-index: 150;
}
.questionnaireIntro__column__block{
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 95%;
  justify-content: center;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  max-width: calc(100% - calc(10px * 2));
  z-index: 200;
}
.questionnaireIntro__close{
  background-color: rgba(255,255,255,1.00);
  border: 2px rgba(75,31,120,1.00) solid;
  border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  top: 0;
  width: 40px;
  z-index: 230;
}
.questionnaireIntro__close:before,
.questionnaireIntro__close:after{
  background-color: rgba(75,31,120,1.00);
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 30px;
}
.questionnaireIntro__close:before{
  transform: translate(-50%,-50%) rotate(45deg);
}
.questionnaireIntro__close:after{
  transform: translate(-50%,-50%) rotate(-45deg);
}
.questionnaireIntro__column{
  /*align-items: center;*/
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 7rem 0 0;
  position: relative;
  width: 100%;  
}
/* scheme */
.questionnaireIntro__column.catch{
  background-image: url("../images/modal_questionnaire_bg01_sp.png");
}
.questionnaireIntro__column.catch.hidden{
  animation: fadeOutquestionnaireIntro 0.3s ease-in 0s forwards;
  display: none;
}
/*.questionnaireIntro__column.map{
  background-image: url("../images/modal_bg_sp.png");
  display: none;
}
.questionnaireIntro__column.map.active{
  animation: fadeInquestionnaireIntro 0.3s ease-in 0s forwards;
  display: flex;
  opacity: 1;  
}*/
/* scheme FIn */
.questionnaireIntro__conlumn__inner{
  margin: 0 auto;
  /*padding: 0 15px;*/
  position: relative;
  text-align: center;
  width: 100%;
  max-width: 85%;
  z-index: 200;
}
.questionnaireIntro__title__block{
  border-bottom: 2px rgba(75,31,120,1.00) dashed;
  margin: 0 0 0.5rem;
  padding: 0 0 0.5rem;
  position: relative;
}
.questionnaireIntro__title__block:before{
  background-image: url("../images/icon_check_purple.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 28px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  top: calc((28px + 1rem) * -1);
  width: 35px;
}
.questionnaireIntro__subTitle{
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0 0 0.5em;
}
.questionnaireIntro__title{  
  display: block;
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: 2px;  
}
.questionnaireIntro__note{
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0.5em 0;
}
.questionnaireIntro__note__bold{
  font-weight: 700;
}
.questionnaireIntro__note__small{
  display: block;
  padding: 0.3em 0 0;
}
/*.questionnaireIntro__figure{
  border-radius: 10px;
  margin: 0 auto;
  overflow: hidden;
  max-width: 300px;
}
.questionnaireIntro__figure__image{
  font-size: 0;
}
.questionnaireIntro__tag__list{
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.questionnaireIntro__tag__list__item{
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 1rem 0 0;
}
.questionnaireIntro__tag__list__item:last-of-type{
  margin: 0;
}
.questionnaireIntro__tag__list__item__icon{
  width: 30px;
}
.questionnaireIntro__tag__list__item__icon__image{}
.questionnaireIntro__tag__list__item__text{
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  padding: 0 0 5px 0.5em;
}*/
.questionnaireIntro__button__block{
  padding: 1rem 1rem 0;
}
.questionnaireIntro__button{
  align-items: center;
  background-color: rgba(75,31,120,1.00);
  border: 1px rgba(75,31,120,1.00) solid;
  border-radius: calc(56px / 2);
  box-sizing: border-box;
  color: rgba(255,255,255,1.00);
  cursor: pointer;
  display: flex;
  font-size: 1.125rem;
  font-weight: 700;
  height: 56px;
  justify-content: center;
  margin: 0 auto;
  padding: 0 0 2px;
  width: 100%;
  max-width: 220px;
}


/* body quiz open option */
body.quizOpen .questionnaireIntro__bannerButton,
body.downloadOpen .questionnaireIntro__bannerButton{
  z-index: auto;
}
/* body quiz open option Fin */

/* ---------------------------------------------------

	tag

--------------------------------------------------- */
.tag{}
.tag__bg{
  animation: tagBgFadeOut 0.3s ease-in 0s forwards;
  display: none;
  background-color: rgba(0,0,0,0.3);
  height: 100%;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.tag__menu{
  animation: tagFadeOut 0.3s ease-in 0s forwards;
  background-color: rgba(34,34,34,1.00);
  border-radius: 10px;
  bottom: 75px;
  box-sizing: border-box;
  color: rgba(255,255,255,1.00);
  display: none;
  /*height: 50vh;*/
  left: 50%;
  opacity: 0;
  overflow-y: scroll;  
  position: absolute;
  transform: translateX(-50%);
  width: 100%;
  max-width: calc(100% - calc(10px* 2));
  z-index: 200;
}
.tag__menu.tagOpen{
  animation: tagFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}
.tag__menu__inner{
  padding: 15px;
}
.tag__menu__title{
  margin: 0 0 1rem;
}
.tag__menu__title__text{
  display: block;
  font-size: 1.125rem;
  margin: 0 0 0.5em;
}
.tag__menu__title__note{
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
}
.tag__menu__title__note-link{
  color: rgba(255,255,255,1.00);
  text-decoration: underline;
  word-break: break-all;
}
.tag__menu__media{}
.tag__menu__media iframe{
  min-height: 200px;
  /*height: 100%;*/
  width: 100%;
}
/* js option */
@keyframes tagBgFadeIn {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes tagBgFadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: block;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
@keyframes tagFadeIn {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes tagFadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: block;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
/* body tag open option */
body.tagOpen #js-tag__bg{
  animation: tagBgFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}
/* body tag open option Fin */




/* ---------------------------------------------------

	quiz

--------------------------------------------------- */
.quiz{}
.quiz__bg{
  animation: quizBgFadeOut 0.3s ease-in 0s forwards;
  display: none;
  background-color: rgba(0,0,0,0.3);
  height: 100%;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
/* js option */
/*.quiz__bg.active{
  animation: quizBgFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}*/
@keyframes quizBgFadeIn {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes quizBgFadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: block;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
/* js option Fin */
.quiz__menu{
  animation: quizFadeOut 0.3s ease-in 0s forwards;
  background-image: url("../images/modal_bg_sp.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
  height: 95%;
  /*max-height: 500px;*/
  left: 50%;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: calc(100% - calc(10px * 2));
  z-index: 200;
}
.quiz__menu.open{
  animation: quizFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}
.quiz__menu__outer{
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  width: 100%;
}
.quiz__menu__inner{
  margin: 0 auto;
  width: 100%;
  max-width: 70%;
}
.quiz__menu__close{
  background-color: rgba(255,255,255,1.00);
  border: 2px rgba(75,31,120,1.00) solid;
  border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: 0.5rem;
  text-indent: -9999px;
  top: 3rem;
  width: 40px;
  z-index: 230;
}
.quiz__menu__close:before,
.quiz__menu__close:after{
  background-color: rgba(75,31,120,1.00);
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 30px;
}
.quiz__menu__close:before{
  transform: translate(-50%,-50%) rotate(45deg);
}
.quiz__menu__close:after{
  transform: translate(-50%,-50%) rotate(-45deg);
}
.quiz__menu__head{
  text-align: center;
}
/* scheme */
.quiz__menuKeyword .quiz__menu__head{
  margin: 0 0 0.5rem;
}
/* scheme Fin */
.quiz__menu__head__number{
  align-items: center;
  background-color: rgba(255,255,255,1.00);
  border-radius: 50%;
  box-sizing: border-box;
  border: 2px rgba(123,70,210,1.00) solid;
  display: inline-flex;
  height: 80px;
  justify-content: center;  
  width: 80px;
}
/* scheme */
.quiz__menuKeyword .quiz__menu__head__number{
  background-color: transparent;
  border: none;
  display: block;
  height: auto;
  width: auto;
}
/* scheme Fin */
.quiz__menu__head__number__figure{
  margin: 0 auto;
  max-width: 35px;
}
/* scheme */
.quiz__menuKeyword .quiz__menu__head__number__figure{
  max-width: 200px;
}
/* scheme Fin */
.quiz__menu__body{}
.quiz__menu__contents{
  margin: 0 auto;
}
/* scheme */
.quiz__menu__contents.contentsQuestion{}
.quiz__menu__contents.contentsCorrectAnswer{}
.quiz__menu__contents.contentsInCorrectAnswer{}
/* scheme Fin */
.quiz__menu__contents.js-question{
  animation: quizChangeOut 0.3s ease-in 0s forwards;
  display: none;
  opacity: 0;
}
.quiz__menu__contents.js-correctAnswer{
  animation: quizChangeOut 0.3s ease-in 0s forwards;
  display: none;
  opacity: 0;
}
.quiz__menu__contents.js-inCorrectAnswer{
  animation: quizChangeOut 0.3s ease-in 0s forwards;
  display: none;
  opacity: 0;
}
.quiz__menu__note{
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 1em 0;
}
.quiz__menu__middleNote{
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0.7em 0;
}
.quiz__menu__smallNote{
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75;
  margin: 1em 0;
  text-align: left;
}
.quiz__menu__select{
  background-color: rgba(239,219,247,1.00);
  border-radius: 10px;
  margin: 1.5rem auto 0;
  padding: 1.5rem 15px;
  max-width: 300px;
}
.quiz__menu__select__item{
  align-items: center;
  display: flex;
  margin: 0 0 1rem;
}
.quiz__menu__select__item:last-of-type{
  margin: 0;
}
.quiz__menu__select__item__radio{
  height: 20px;
  margin: 2px 0.5rem 0 0;  
  width: 20px; 
}
.quiz__menu__select__item__label{
  font-size: 1rem;
  font-weight: 700;
}
.quiz__menu__button{
  padding: 1.5rem 0 0;
}
/* scheme */
.quiz__menu__contents.contentsCorrectAnswer .quiz__menu__button{
  padding: 1rem 0 0;
}
.quiz__menu__contents.contentsInCorrectAnswer .quiz__menu__button{
  padding: 1rem 0 0;
}
/* scheme Fin */
.quiz__menu__button-link{
  align-items: center;
  background-color: rgba(75,31,120,1.00);
  border: 1px rgba(75,31,120,1.00) solid;
  border-radius: calc(56px / 2);
  box-sizing: border-box;
  color: rgba(255,255,255,1.00);
  cursor: pointer;
  display: flex;
  font-size: 1.125rem;
  font-weight: 700;
  height: 56px;
  justify-content: center;
  line-height: 1;
  margin: 0 auto;
  padding: 0 0 2px;
  pointer-events: auto;
  transition: all 0.3s;
  width: 220px;
}
/* scheme */
.quiz__menu__button-link.hidden{
  background-color: rgba(210,210,210,1.00);
  border: 1px rgba(210,210,210,1.00) solid;
  pointer-events: none;
}
.quiz__menu__button-bonus{
  background-color: rgba(238,218,247,1.00);
  border: 1px rgba(75,31,120,1.00) solid;
  border-radius: 10px;
  color: rgba(75,31,120,1.00);
  font-size: 1.125rem;
  width: 250px;
}
/* scheme Fin */
.quiz__menu__button__text{}

.quiz__menu__judge{
  align-items: center;
  display: flex;
  justify-content: center;
  /*margin: 0 0 0.8rem;*/
  padding: 0.3rem 0 0;
}
/* scheme */
.quiz__menu__contents.contentsInCorrectAnswer .quiz__menu__judge{
  border-bottom: 2px rgba(75,31,120,1.00) solid;
  padding: 0.3rem 0 1.5rem;
}
/* scheme Fin */
.quiz__menu__judge__icon{
  box-sizing: border-box;
  font-size: 0;
  margin: 0 1.5rem 0 0;
  width: 70px;
}
.quiz__menu__judge__text{
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}
.quiz__menu__keyword{
  align-items: center;
  background-color: rgba(239,219,247,1.00);
  border-radius: 10px;
  display: flex;
  height: 60px;
  justify-content: center;
}
.quiz__menu__keyword__inner{
  align-items: center;
  display: flex;
  justify-content: center;
}
.quiz__menu__keyword__text{
  font-size: 1.25rem;
  font-weight: 700;
}
.quiz__menu__keyword__text__main{
  font-size: 1.75rem;
  font-weight: 700;
}
.quiz__menu__keywordInput{
  border-bottom: 2px rgba(75,31,120,1.00) solid;
  border-top: 2px rgba(75,31,120,1.00) solid;
  padding: 1.5rem 0;
}
.quiz__menu__keywordInput__text{
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 2.4px;
  text-align: center;
}
.quiz__menu__keywordInput__list{
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0 0;
}
.quiz__menu__keywordInput__list__menu{
  margin: 0 0.5rem 0 0;
}
.quiz__menu__keywordInput__list__menu:last-of-type{
  margin: 0;
}
.quiz__menu__keywordInput__list__menu__input{
  align-items: center;
  background-color: rgba(239,219,247,1.00);
  border: none;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  font-size: 1.25rem;
  font-weight: 700;
  height: 45px;
  justify-content: center;
  text-align: center;
  width: 45px;
}
.quiz__menu__keywordInput__note{
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  margin: 0;
  padding: 0 20px;
}

/* keyword only */
.quiz__menu__keywordCorrect__title{
  margin: 0 0 2rem;
}
.quiz__menu__keywordCorrect__title__text{
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.2;
}
.quiz__menu__keywordCorrect__fig{}
.quiz__menu__keywordCorrect__fig__image{
  display: inline-block;
  position: relative;
  max-width: 180px;
}
.quiz__menu__keywordCorrect__fig__image:before,
.quiz__menu__keywordCorrect__fig__image:after{
  background-image: url("../images/icon_ovation_purple.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 47px;
  position: absolute;
  top: 50%;  
  width: 50px;
}
.quiz__menu__keywordCorrect__fig__image:before{
  left: calc((50px + 0.2rem) * -1);
  transform: translateY(-50%);
}
.quiz__menu__keywordCorrect__fig__image:after{
  right: calc((50px + 0.2rem) * -1);
  transform: translateY(-50%) scale(-1,1);
}
.quiz__menuKeyword .quiz__menu__contents.contentsCorrectAnswer .quiz__menu__button{
  padding: 2rem 0 0;
}
.quiz__menuKeyword .quiz__menu__contents.contentsCorrectAnswer .quiz__menu__button__text{
  position: relative;
}
.quiz__menuKeyword .quiz__menu__contents.contentsCorrectAnswer .quiz__menu__button__text:before{
  background-image: url("../images/icon_present_purple.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 24px;
  left: calc((20px + 0.5rem) * -1);
  position: absolute;
  top: 50%;  
  transform: translateY(-50%);
  width: 20px;
}
/* keyword only Fin */

/* body quiz open option */
body.quizOpen #js-quiz__bg{
  animation: quizBgFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}
body.quizOpen .js-modalMenu.open{
  animation: quizFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}
body.quizQuestion .quiz__menu__contents.js-question{
  animation: quizChangeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}
body.quizCorrect .quiz__menu__contents.js-correctAnswer{
  animation: quizChangeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}
body.quizinCorrect .quiz__menu__contents.js-inCorrectAnswer{
  animation: quizChangeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}
body.quizCorrectKeyword .quiz__menu__head,
body.quizInCorrectKeyword .quiz__menu__head{
  display: none;
}

/* body quiz open option Fin */
@keyframes quizFadeIn {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes quizFadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: block;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
@keyframes quizChangeIn {
  0% {
    display: none;
    opacity: 0;
  }

  70% {
    display: block;
    opacity: 1;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes quizChangeOut {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: none;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}



/* ---------------------------------------------------

	download

--------------------------------------------------- */
.download{}
.download__bg{
  animation: downloadBgFadeOut 0.3s ease-in 0s forwards;
  display: none;
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.download__menu{
  animation: downloadFadeOut 0.3s ease-in 0s forwards;
  background-image: url(../images/modal_bg_sp.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
  height: 95%;
  left: 50%;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: calc(100% - calc(10px* 2));
  z-index: 200;
}
.download__menu__outer{
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  width: 100%;
}
.download__menu__inner{
  margin: 0 auto;
  width: 100%;
  max-width: 70%;
}
.download__menu__close{
  background-color: rgba(255, 255, 255, 1.00);
  border: 2px rgba(75, 31, 120, 1.00) solid;
  border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: 0.5rem;
  text-indent: -9999px;
  top: 3rem;
  width: 40px;
  z-index: 230;
}
.download__menu__close:before,
.download__menu__close:after{
  background-color: rgba(75, 31, 120, 1.00);
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 30px;
}
.download__menu__close:before{
  transform: translate(-50%, -50%) rotate(45deg);
}
.download__menu__close:after{
  transform: translate(-50%, -50%) rotate(-45deg);
}
.download__menu__head{
  margin: 0 0 1rem;
}
.download__menu__head__figure{
  margin: 0 auto;
  max-width: 220px;
}
.download__menu__body{}
.download__menu__contents{
  display: none;
}
.download__menu__image{}
/* scheme */
.contentsPC .download__menu__image{
  margin: 0 auto;
  padding: 1rem 0;
}
/* scheme Fin */
.download__menu__button{
  margin: 0 auto;
  padding: 1rem 0 0;
  max-width: 220px;
}
.download__menu__button-link{
  align-items: center;
  background-color: rgba(75,31,120,1.00);
  border: 1px rgba(75,31,120,1.00) solid;
  border-radius: calc(56px / 2);
  box-sizing: border-box;
  color: rgba(255,255,255,1.00);
  cursor: pointer;
  display: flex;
  font-size: 1.125rem;
  font-weight: 700;
  height: 56px;
  justify-content: center;
  width: 100%;
}
.download__menu__completeNote__block{
  padding: 0.5rem 0;
}
.download__menu__completeNote{
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75;
  margin: 0 0 1em;
}
.download__menu__completeNote:last-of-type{
  margin: 0;
}

@keyframes downloadBgFadeIn {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes downloadBgFadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: block;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
@keyframes downloadFadeIn {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes downloadFadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: block;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}

/* body */
body.downloadOpen #js-downloadBg {
  animation: downloadBgFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}
body.downloadOpen .js-download__menu.open{
  animation: downloadFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}
body.downloadSPOpen .contentsSP {
  animation: downloadFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}
body.downloadPCOpen .contentsPC {
  animation: downloadFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}
body.downloadComplete .contentsComplete {
  animation: downloadFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}


/* ---------------------------------------------------

	questionnaire

--------------------------------------------------- */
.questionnaire{
  animation: questionnaireFadeOut 0.3s ease-in 0s forwards;
  background-color: rgba(255,255,255,1.00);
  border: 3px rgba(123,71,210,1.00) solid;
  border-radius: 20px;
  display: none;
  height: 75%;
  left: 50%;
  opacity: 0;
  padding: 2rem 15px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: calc(100% - calc(10px* 2));
  z-index: 200;
}
.questionnaire__close{
  background-color: rgba(255, 255, 255, 1.00);
  border: 2px rgba(75, 31, 120, 1.00) solid;
  border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  top: -1rem;
  width: 40px;
  z-index: 230;
}
.questionnaire__close:before,
.questionnaire__close:after{
  background-color: rgba(75, 31, 120, 1.00);
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 30px;
}
.questionnaire__close:before{
  transform: translate(-50%, -50%) rotate(45deg);
}
.questionnaire__close:after{
  transform: translate(-50%, -50%) rotate(-45deg);
}
.questionnaire__frame{
  height: 100%;
  width: 100%;
}
.questionnaire__frame__item{
  height: 100%;
  width: 100%;
}
.questionnaire__frame__item iframe{
  border-radius: 15px;
  height: 100%;
  width: 100%;
}
@keyframes questionnaireFadeIn {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes questionnaireFadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: block;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
body.questionnaireOpen #js-questionnaire{
  animation: questionnaireFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}



/* ---------------------------------------------------

	questionnaireDownload

--------------------------------------------------- */
.questionnaireDownload{}
.questionnaireDownload__bg{
  animation: questionnaireDownloadBgFadeOut 0.3s ease-in 0s forwards;
  display: none;
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.questionnaireDownload__menu{
  animation: questionnaireDownloadFadeOut 0.3s ease-in 0s forwards;
  background-image: url(../images/modal_bg_sp.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
  height: 95%;
  left: 50%;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: calc(100% - calc(10px* 2));
  z-index: 200;
}
.questionnaireDownload__menu__outer{
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  width: 100%;
}
.questionnaireDownload__menu__inner{
  margin: 0 auto;
  width: 100%;
  max-width: 70%;
}
.questionnaireDownload__menu__close{
  background-color: rgba(255, 255, 255, 1.00);
  border: 2px rgba(75, 31, 120, 1.00) solid;
  border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: 0.5rem;
  text-indent: -9999px;
  top: 3rem;
  width: 40px;
  z-index: 230;
}
.questionnaireDownload__menu__close:before,
.questionnaireDownload__menu__close:after{
  background-color: rgba(75, 31, 120, 1.00);
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 30px;
}
.questionnaireDownload__menu__close:before{
  transform: translate(-50%, -50%) rotate(45deg);
}
.questionnaireDownload__menu__close:after{
  transform: translate(-50%, -50%) rotate(-45deg);
}
.questionnaireDownload__menu__head{
  margin: 0 0 1rem;
}
.questionnaireDownload__menu__head__text{
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.2;
}
/*.questionnaireDownload__menu__head__figure{
  margin: 0 auto;
  max-width: 220px;
}*/
.questionnaireDownload__menu__body{}
.questionnaireDownload__menu__contents{
  display: none;
  /*width: 100%;*/
}
.questionnaireDownload__menu__contents.contentsComplete{
  /*display: none;*/
}
.questionnaireDownload__menu__image{}
.questionnaireDownload__menu__image img{
  border: 1px rgba(230,230,230,1.00) solid;
}
/* scheme */
.contentsPC .questionnaireDownload__menu__image{
  margin: 0 auto;
  padding: 1rem 0;
}
/* scheme Fin */
.questionnaireDownload__menu__button{
  margin: 0 auto;
  padding: 1rem 0 0;
  max-width: 220px;
}
.questionnaireDownload__menu__button-link{
  align-items: center;
  background-color: rgba(75,31,120,1.00);
  border: 1px rgba(75,31,120,1.00) solid;
  border-radius: calc(56px / 2);
  box-sizing: border-box;
  color: rgba(255,255,255,1.00);
  cursor: pointer;
  display: flex;
  font-size: 1.125rem;
  font-weight: 700;
  height: 56px;
  justify-content: center;
  width: 100%;
}
.questionnaireDownload__menu__completeNote__block{
  padding: 0.5rem 0;
}
.questionnaireDownload__menu__completeNote{
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75;
  margin: 0 0 1em;
}
.questionnaireDownload__menu__completeNote:last-of-type{
  margin: 0;
}

@keyframes questionnaireDownloadBgFadeIn {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes questionnaireDownloadBgFadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: block;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
@keyframes questionnaireDownloadFadeIn {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes questionnaireDownloadFadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: block;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}

/* body */
body.questionnaireDownloadOpen #js-questionnaireDownloadBg {
  animation: questionnaireDownloadBgFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}
body.questionnaireDownloadOpen .js-questionnaireDownload__menu.open{
  animation: questionnaireDownloadFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}
body.questionnaireDownloadSPOpen .contentsSP {
  animation: questionnaireDownloadFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}
body.questionnaireDownloadPCOpen .contentsPC {
  animation: questionnaireDownloadFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}
body.questionnaireDownloadComplete .contentsComplete {
  animation: questionnaireDownloadFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}
body.questionnaireDownloadComplete .questionnaireDownload__menu__head {
  display: none;
}

/* ---------------------------------------------------

	MediaQuery

--------------------------------------------------- */
/* ------------------------------------

	Tablet-Mode

------------------------------------ */
@media screen and (min-width: 600px) {
.splash{}
.splash__group{}
.splash__inner{}
.splash__inovationRoad__logo{
  transform: translate(-50%,calc((50% + 3.8rem) * -1));
  }
.splash__inovationRoad__logo__image{
  width: 306px;
  }
.splash__yamaha__logo{
  bottom: 3.2rem;
  transform: translateX(calc((50% + 0.5rem) * -1));
  }
.splash__yamaha__logo__image{
  width: 181px;
  }



/* ------------------------------------

	intro

------------------------------------ */
.intro{}
.intro__bannerButton{
  bottom: 17.5rem;
  transform: translateX(calc(250px - 60px));
  width: 250px;
  }
.intro__banner__inner{}
.intro__banner__entrance{
  width: 60px;
  }
.intro__banner__entrance__text{}
.intro__banner__entrance__text__item{}
.intro__banner__entrance__text:before,
.intro__banner__entrance__text:after{}
.intro__banner__entrance__text:before{
  height: 25px;
  top: calc((25px + 0.5rem) * -1);
  width: 25px;
  }
.intro__banner__entrance__text:after{
  bottom: calc((40px + 0.5rem)* -1);
  height: 60px;
  left: calc((1rem + 0.5rem)* -1);
  width: 60px;
  }
.intro__banner{
  width: calc(100% - 60px);
  }
.intro__group{}
.intro__bg{}
.intro__column__block{
  height: 80%;
  max-width: calc(100% - calc(20px * 2));
  }
.intro__close{
  border: 4px rgba(75,31,120,1.00) solid;
  border-radius: 10px;
  height: 60px;
  right: 0.5rem;
  top: 0.5rem;
  width: 60px;
  }
.intro__close:before,
.intro__close:after{
  height: 4px;
  width: 40px;
  }
.intro__close:before{}
.intro__close:after{}
.intro__column{}
/* scheme */
.intro__column.catch{
  background-image: url("../images/modal_bg_tab.png");
  }
.intro__column.map{
  background-image: url("../images/modal_bg_tab.png");
  }
/* scheme FIn */
.intro__conlumn__inner{
  /*padding: 0;*/
  max-width: 80%;
  }
.intro__title{
  font-size: 3.25rem;
  letter-spacing: 5px;
  }
.intro__subTitle{
  max-width: 280px;
  }
.intro__note{
  padding: 1em 0;
  }
.intro__note__bold{}
.intro__figure{
  border-radius: 15px;
  max-width: 400px;
  }
.intro__figure__image{}
.intro__tag__list{}
.intro__tag__list__item{
  margin: 0 1rem 0 0;
  }
.intro__tag__list__item__icon{
  width: 45px;
  }
.intro__tag__list__item__icon__image{}
.intro__tag__list__item__text{
  padding: 0 0 5px 0.5em;
  }
.intro__button__block{
  padding: 2rem 0 0;
  }
.intro__button{
  border-radius: calc(56px / 2);
  font-size: 1.25rem;
  height: 56px;
  max-width: 250px;
  }



/* ------------------------------------

	questionnaireIntro

------------------------------------ */
.questionnaireIntro{}
.questionnaireIntro__bannerButton{
  height: 185px;
  transform: translateX(calc(250px - 60px));
  width: 250px;
  }
.questionnaireIntro__banner__inner{}
.questionnaireIntro__banner__entrance{
  width: 60px;
  }
.questionnaireIntro__banner__entrance__text{}
.questionnaireIntro__banner__entrance__text__item{}
.questionnaireIntro__banner__entrance__text:before{}
.questionnaireIntro__banner{
  width: calc(100% - 60px);
  }
.questionnaireIntro__group{}
.questionnaireIntro__bg{}
.questionnaireIntro__column__block{
  height: 85%;
  max-width: calc(100% - calc(20px * 2));
  }
.questionnaireIntro__close{
  border: 4px rgba(75,31,120,1.00) solid;
  border-radius: 10px;
  height: 60px;
  right: 2.5rem;
  top: -0.5rem;
  width: 60px;
  }
.questionnaireIntro__close:before,
.questionnaireIntro__close:after{
  height: 4px;
  width: 40px;
  }
.questionnaireIntro__close:before{}
.questionnaireIntro__close:after{}
.questionnaireIntro__column{
  background-position: center;
  padding: 10rem 0 0;
  }
/* scheme */
.questionnaireIntro__column.catch{
  background-image: url("../images/modal_questionnaire_bg01_tab.png");
  }
/*.questionnaireIntro__column.map{
  background-image: url("../images/modal_bg_tab.png");
  }*/
/* scheme FIn */
.questionnaireIntro__conlumn__inner{
  /*padding: 0;*/
  max-width: 65%;
  }
.questionnaireIntro__title__block{}
.questionnaireIntro__title__block:before{}
.questionnaireIntro__subTitle{}
.questionnaireIntro__title{
  font-size: 3.25rem;
  letter-spacing: 5px;
  }
.questionnaireIntro__note{
  line-height: 1.75;
  padding: 0.75em 0;
  }
.questionnaireIntro__note__bold{}
.questionnaireIntro__note__small{}
/*.questionnaireIntro__figure{
  border-radius: 15px;
  max-width: 400px;
  }
.questionnaireIntro__figure__image{}
.questionnaireIntro__tag__list{}
.questionnaireIntro__tag__list__item{
  margin: 0 1rem 0 0;
  }
.questionnaireIntro__tag__list__item__icon{
  width: 45px;
  }
.questionnaireIntro__tag__list__item__icon__image{}
.questionnaireIntro__tag__list__item__text{
  padding: 0 0 5px 0.5em;
  }*/
.questionnaireIntro__button__block{
  padding: 2rem 0 0;
  }
.questionnaireIntro__button{
  border-radius: calc(70px / 2);
  font-size: 1.5rem;
  height: 70px;
  max-width: 350px;
  }


/* ------------------------------------

	tag

------------------------------------ */
.tag{}
.tag__bg{}
.tag__menu{
  bottom: 90px;
  /*min-height: 300px;*/
  /*height: auto;*/
  left: 20px;  
  overflow-y: inherit;
  transform: translateX(0);
  max-width: 400px;
  }
.tag__menu__inner{
  padding: 20px;
  }
.tag__menu__title{}
.tag__menu__title__text{
  font-size: 1.25rem;
  }
.tag__menu__title__note{}
.tag__menu__title__note-link{}
.tag__menu__media{}


/* ------------------------------------

	quiz

------------------------------------ */
.quiz{}
.quiz__bg{}
.quiz__menu{
  background-image: url("../images/modal_bg_tab.png");
  height: 80%;
  max-width: calc(100% - calc(20px * 2));
  }
.quiz__menu__outer{}
.quiz__menu__inner{
  max-width: 75%;
  }
/* scheme */
  body.quizCorrect .quiz__menu__inner{
    max-width: calc(26.25rem + ((1vw - 6.01px) * 11.8483));/*420px~470px*/
  }
/* scheme Fin */
.quiz__menu__close{
  border: 4px rgba(75,31,120,1.00) solid;
  border-radius: 10px;
  height: 60px;
  right: 0.5rem;
  top: 0.5rem;
  width: 60px;
  }
.quiz__menu__close:before,
.quiz__menu__close:after{
  height: 4px;
  width: 40px;
  }
.quiz__menu__close:before{}
.quiz__menu__close:after{}
.quiz__menu__head{}
/* scheme */
.quiz__menuKeyword .quiz__menu__head{
  margin: 0 0 1rem;
  }
/* scheme Fin */
.quiz__menu__head__number{
  height: 120px;
  width: 120px;
  }
/* scheme */
.quiz__menuKeyword .quiz__menu__head__number{
  height: auto;
  width: auto;
  }
/* scheme Fin */
.quiz__menu__head__number__figure{
  max-width: 60px;
  }
/* scheme */
.quiz__menuKeyword .quiz__menu__head__number__figure{
  max-width: 300px;
}
/* scheme Fin */
.quiz__menu__body{}
.quiz__menu__contents{
  height: 56%;
  max-width: calc(100% - calc(20px* 2));
  }
/* scheme */
.quiz__menu__contents.contentsQuestion{}
.quiz__menu__contents.contentsCorrectAnswer{}
.quiz__menu__contents.contentsInCorrectAnswer{}
/* scheme Fin */
.quiz__menu__contents.js-question{}
.quiz__menu__contents.js-correctAnswer{}
.quiz__menu__contents.js-inCorrectAnswer{}
.quiz__menu__note{}
.quiz__menu__middleNote{}
.quiz__menu__smallNote{}
.quiz__menu__select{
  margin: 1.5rem auto 0;
  padding: 1.25rem 2.5rem;
  }
.quiz__menu__select__item{
  margin: 0 0 1rem;
  }
.quiz__menu__select__item__radio{
  height: 24px;
  margin: 2px 1rem 0 0;
  width: 24px;  
  }
.quiz__menu__select__item__label{
  font-size: 1.125rem;
  }
.quiz__menu__button{
   padding: 2.1875rem 0 0;
  }
/* scheme */
.quiz__menu__contents.contentsCorrectAnswer .quiz__menu__button{
  padding: 1.875rem 0 0;
}
.quiz__menu__contents.contentsInCorrectAnswer .quiz__menu__button{
  padding: 1.875rem 0 0;
}
/* scheme Fin */
.quiz__menu__button-link{
  border-radius: calc(56px / 2);
  font-size: 1.25rem;
  height: 56px;
  width: 250px;
  }
/* scheme */
.quiz__menu__button-bonus{
  border-radius: 15px;
  font-size: 1.25rem;
  height: 80px;
  width: 300px;
  }
/* scheme Fin */
.quiz__menu__button__text{}

.quiz__menu__judge{
  /*margin: 0 0 1.25rem;*/
  padding: 0.5rem 0 0;
  }
/* scheme */
.quiz__menu__contents.contentsInCorrectAnswer .quiz__menu__judge{
  border-bottom: 2px rgba(75,31,120,1.00) solid;
  margin: 0 0 1rem;
  padding: 0.5rem 0 2rem;
  }
/* scheme Fin */
.quiz__menu__judge__icon{
  margin: 0 1.8rem 0 0;
  width: 80px;
  }
.quiz__menu__judge__text{
  font-size: 3rem;
  }
.quiz__menu__keyword{
  height: 75px;
  }
.quiz__menu__keyword__inner{}
.quiz__menu__keyword__text{
  font-size: 2.1875rem;
  }
.quiz__menu__keyword__text__main{}
.quiz__menu__keywordInput{
  padding: 1.5rem 0;
  }
.quiz__menu__keywordInput__text{
  font-size: 2rem;
  letter-spacing: 2px;
  }
.quiz__menu__keywordInput__list{
  padding: 1.25rem 0 0;
  }
.quiz__menu__keywordInput__list__menu{
  margin: 0 1.5625rem 0 0;
  }
.quiz__menu__keywordInput__list__menu__input{
  font-size: 2.1875rem;
  height: 70px;
  width: 70px;
  }
.quiz__menu__keywordInput__note{
  padding: 0 3.125rem;
  }
/* keyword only */
.quiz__menu__keywordCorrect__title{}
.quiz__menu__keywordCorrect__title__text{
  font-size: 3rem;
  }
.quiz__menu__keywordCorrect__fig{}
.quiz__menu__keywordCorrect__fig__image{
  max-width: 250px;
  }
.quiz__menu__keywordCorrect__fig__image:before,
.quiz__menu__keywordCorrect__fig__image:after{}
.quiz__menu__keywordCorrect__fig__image:before{}
.quiz__menu__keywordCorrect__fig__image:after{}
.quiz__menuKeyword .quiz__menu__contents.contentsCorrectAnswer .quiz__menu__button{}
.quiz__menuKeyword .quiz__menu__contents.contentsCorrectAnswer .quiz__menu__button__text{}
.quiz__menuKeyword .quiz__menu__contents.contentsCorrectAnswer .quiz__menu__button__text:before{
  height: 30px;
  left: calc((25px + 1rem) * -1);
  width: 25px;
  }
/* keyword only Fin */
  
  






/* ------------------------------------

	download

------------------------------------ */
.download{}
.download__bg{}
.download__menu{
  background-image: url(../images/modal_bg_tab.png);
  height: 80%;
  max-width: calc(100% - calc(20px* 2));
  }
.download__menu__outer{}
.download__menu__inner{
  max-width: 75%;
  }
.download__menu__close{
  border: 4px rgba(75, 31, 120, 1.00) solid;
  border-radius: 10px;
  height: 60px;
  right: 0.5rem;
  top: 0.5rem;
  width: 60px;
  }
.download__menu__close:before,
.download__menu__close:after{
  height: 4px;
  width: 40px;
  }
.download__menu__close:before{}
.download__menu__close:after{}
.download__menu__head{}
.download__menu__head__figure{
  max-width: 250px;
  }
.download__menu__body{}
.download__menu__contents{}
.download__menu__image{}
/* scheme */
.contentsPC .download__menu__image{
  max-width: 300px;
  }
/* scheme Fin */
.download__menu__button{
  max-width: 250px;
  }
.download__menu__button-link{
  border-radius: calc(60px / 2);
  font-size: 1.25rem;
  height: 60px;
  }
.download__menu__completeNote__block{}
.download__menu__completeNote{
  font-size: 1.125rem;
  }


/* ------------------------------------

	questionnaire

------------------------------------ */
.questionnaire{
  padding: 1rem;
  /*max-width: 10px;*/
  }
.questionnaire__close{
  border: 4px rgba(75, 31, 120, 1.00) solid;
  border-radius: 10px;
  height: 60px;
  /*right: 0.5rem;
  top: 0.5rem;*/
  width: 60px;
  }
.questionnaire__close:before,
.questionnaire__close:after{
  height: 4px;
  width: 40px;
  }
.questionnaire__close:before{}
.questionnaire__close:after{}
.questionnaire__frame{}
.questionnaire__frame__item{}
.questionnaire__frame__item iframe{
  border-radius: calc(20px - 1rem);
  }



/* ------------------------------------

	questionnaireDownload

------------------------------------ */
.questionnaireDownload{}
.questionnaireDownload__bg{}
.questionnaireDownload__menu{
  background-image: url(../images/modal_bg_tab.png);
  height: 80%;
  max-width: calc(100% - calc(20px* 2));
  }
.questionnaireDownload__menu__outer{}
.questionnaireDownload__menu__inner{
  max-width: 75%;
  }
.questionnaireDownload__menu__close{
  border: 4px rgba(75, 31, 120, 1.00) solid;
  border-radius: 10px;
  height: 60px;
  right: 0.5rem;
  top: 0.5rem;
  width: 60px;
  }
.questionnaireDownload__menu__close:before,
.questionnaireDownload__menu__close:after{
  height: 4px;
  width: 40px;
  }
.questionnaireDownload__menu__close:before{}
.questionnaireDownload__menu__close:after{}
.questionnaireDownload__menu__head{}
.questionnaireDownload__menu__head__text{
  font-size: 2.25rem;
  }
/*.questionnaireDownload__menu__head__figure{
  max-width: 250px;
  }*/
.questionnaireDownload__menu__body{}
.questionnaireDownload__menu__contents{}
.questionnaireDownload__menu__image{}
/* scheme */
.contentsPC .questionnaireDownload__menu__image{
  max-width: 300px;
  }
/* scheme Fin */
.questionnaireDownload__menu__button{
  max-width: 250px;
  }
.questionnaireDownload__menu__button-link{
  border-radius: calc(60px / 2);
  font-size: 1.25rem;
  height: 60px;
  }
.questionnaireDownload__menu__completeNote__block{}
.questionnaireDownload__menu__completeNote{}

}/* /min-width: 600px */


/* ------------------------------------

	PC-Mode

------------------------------------ */
@media screen and (min-width: 1025px) {
.splash{}
.splash__group{}
.splash__inner{}
.splash__inovationRoad__logo{
  transform: translate(-50%,calc((50% + 3.8rem) * -1));
  }
.splash__inovationRoad__logo__image{
  width: 306px;
  }
.splash__yamaha__logo{
  transform: translateX(calc((50% + 0.5rem) * -1));
  }
.splash__yamaha__logo__image{
  width: 181px;
  }



/* ------------------------------------

	intro

------------------------------------ */
.intro{}
.intro__bannerButton{
  bottom: 20rem;
  transform: translateX(calc(300px - 70px));  
  transition: all 0.3s;
  width: 300px;
  }
.intro__banner__inner{}
.intro__banner__entrance{
  padding: 1.25rem;
  transition: all 0.3s;
  width: 70px;
  }
.intro__banner__entrance:hover{
  opacity: 0.8;
  }
.intro__banner__entrance__text{
  font-size: 1.125rem;
  }
.intro__banner__entrance__text__item{}
.intro__banner__entrance__text:before,
.intro__banner__entrance__text:after{}
.intro__banner__entrance__text:before{
  height: 35px;
  top: calc((35px + 0.5rem) * -1);
  width: 35px;
  }
.intro__banner__entrance__text:after{
  bottom: calc((50px + 0.5rem)* -1);
  height: 80px;
  left: calc((1.25rem + 1.5rem)* -1);
  width: 80px;
  }
.intro__banner{
  padding: 1rem 1rem 0.75rem;
  width: calc(100% - 70px);
  }
.intro__group{}
.intro__bg{}
.intro__column__block{
  height: 640px;
  max-width: 1000px;
  }
.intro__close{
  right: 3.5rem;
  top: 1.5rem;
  transition: all 0.3s;
  }
.intro__close:hover{
  background-color: rgba(75,31,120,1.00);
  }
.intro__close:before,
.intro__close:after{
  transition: all 0.3s;
  }
.intro__close:hover:before,
.intro__close:hover:after{
  background-color: rgba(255,255,255,1.00);
  }
.intro__close:before{}
.intro__close:after{}
.intro__column{}
/* scheme */
.intro__column.catch{
  background-image: url("../images/modal_bg01_pc.png");
  }
.intro__column.map{
  background-image: url("../images/modal_bg02_pc.png");
  }
/* scheme FIn */
.intro__conlumn__inner{
  max-width: 720px;
  }
.intro__title{
  font-size: 3.5rem;
  letter-spacing: 8px;
  margin: 0 0 0.2em;
  }
.intro__subTitle{
  max-width: 300px;
  }
.intro__note{
  font-size: 1.125rem;
  padding: 1em 0;
  }
.intro__note__bold{}
.intro__figure{
  max-width: 450px;
  }
.intro__figure__image{}
.intro__tag__list{}
.intro__tag__list__item{}
.intro__tag__list__item__icon{}
.intro__tag__list__item__icon__image{}
.intro__tag__list__item__text{}
.intro__button__block{
  padding: 1.5rem 0 0;
  }
.intro__button{
  /*border-radius: calc(75px / 2);
  font-size: 1.625rem;*/
  /*height: 70px;*/
  transition: all 0.3s;
  /*max-width: 300px;*/
  }
.intro__button:hover{
  background-color: rgba(255,255,255,1.00);
  color: rgba(75,31,120,1.00);
  }



/* ------------------------------------

	questionnaireIntro

------------------------------------ */
.questionnaireIntro{}
.questionnaireIntro__bannerButton{
  height: 210px;
  transform: translateX(calc(300px - 70px));  
  transition: all 0.3s;
  width: 300px;
  }
.questionnaireIntro__banner__inner{}
.questionnaireIntro__banner__entrance{
  padding: 3rem 1.25rem 1rem;
  transition: all 0.3s;
  width: 70px;
  }
.questionnaireIntro__banner__entrance:hover{
  opacity: 0.8;
  }
.questionnaireIntro__banner__entrance__text{
  font-size: 1.125rem;
  }
.questionnaireIntro__banner__entrance__text__item{}
.questionnaireIntro__banner__entrance__text:before{
  /*height: 35px;
  top: calc((35px + 0.5rem) * -1);
  width: 35px;*/
  }
.questionnaireIntro__banner{
  padding: 1rem 1rem 0.75rem;
  width: calc(100% - 70px);
  }
.questionnaireIntro__group{}
.questionnaireIntro__bg{}
.questionnaireIntro__column__block{
  height: 640px;
  max-width: 1000px;
  }
.questionnaireIntro__close{
  right: 3.5rem;
  top: -1.5rem;
  transition: all 0.3s;
  }
.questionnaireIntro__close:hover{
  background-color: rgba(75,31,120,1.00);
  }
.questionnaireIntro__close:before,
.questionnaireIntro__close:after{
  transition: all 0.3s;
  }
.questionnaireIntro__close:hover:before,
.questionnaireIntro__close:hover:after{
  background-color: rgba(255,255,255,1.00);
  }
.questionnaireIntro__close:before{}
.questionnaireIntro__close:after{}
.questionnaireIntro__column{
  padding: 5rem 0 0;
  }
/* scheme */
.questionnaireIntro__column.catch{
  background-image: url("../images/modal_questionnaire_bg01_pc.png");
  }
/*.questionnaireIntro__column.map{
  background-image: url("../images/modal_bg02_pc.png");
  }*/
/* scheme FIn */
.questionnaireIntro__conlumn__inner{
  max-width: 680px;
  }
.questionnaireIntro__title__block{
  margin: 0 0 1rem;
  padding: 0 0 1rem;
  }
.questionnaireIntro__title__block:before{
  height: 56px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  }
.questionnaireIntro__subTitle{
  font-size: 1.75rem;
  }
.questionnaireIntro__title{
  font-size: 4.375rem;
  letter-spacing: 14px;
  }
.questionnaireIntro__note{
  font-size: 1.125rem;
  padding: 0.75em 0;
  }
.questionnaireIntro__note__bold{}
.questionnaireIntro__note__small{}
/*.questionnaireIntro__figure{
  max-width: 450px;
  }
.questionnaireIntro__figure__image{}
.questionnaireIntro__tag__list{}
.questionnaireIntro__tag__list__item{}
.questionnaireIntro__tag__list__item__icon{}
.questionnaireIntro__tag__list__item__icon__image{}
.questionnaireIntro__tag__list__item__text{}*/
.questionnaireIntro__button__block{
  padding: 1.5rem 0 0;
  }
.questionnaireIntro__button{
  /*border-radius: calc(75px / 2);
  font-size: 1.625rem;*/
  /*height: 70px;*/
  transition: all 0.3s;
  /*max-width: 300px;*/
  }
.questionnaireIntro__button:hover{
  background-color: rgba(255,255,255,1.00);
  color: rgba(75,31,120,1.00);
  }


/* ------------------------------------

	tag

------------------------------------ */
.tag{}
.tag__bg{}
.tag__menu{}
.tag__menu__inner{}
.tag__menu__title{}
.tag__menu__title__text{}
.tag__menu__title__note{}
.tag__menu__title__note-link{}
.tag__menu__media{}


/* ------------------------------------

	quiz

------------------------------------ */
.quiz{}
.quiz__bg{}
.quiz__menu{
  background-image: url("../images/modal_bg02_pc.png");
  height: 640px;
  max-width: 1000px;
  }
.quiz__menu__outer{}
.quiz__menu__inner{
  max-width: 750px;
  }
/* scheme */
  body.quizCorrect .quiz__menu__inner{
    max-width: 750px;
  }
/* scheme Fin */
.quiz__menu__close{
  right: 3.5rem;
  top: 1.5rem;
  transition: all 0.3s;
  }
.quiz__menu__close:hover{
  background-color: rgba(75,31,120,1.00);
  }
.quiz__menu__close:before,
.quiz__menu__close:after{
  transition: all 0.3s;
  }
.quiz__menu__close:hover:before,
.quiz__menu__close:hover:after{
  background-color: rgba(255,255,255,1.00);
  }
.quiz__menu__close:before{}
.quiz__menu__close:after{}
.quiz__menu__head{}
/* scheme */
.quiz__menuKeyword .quiz__menu__head{}
/* scheme Fin */
.quiz__menu__head__number{
  border: 4px rgba(123,70,210,1.00) solid;
  height: 120px;
  width: 120px;
  }
/* scheme */
.quiz__menuKeyword .quiz__menu__head__number{
  border: none;
  height: auto;
  width: auto;
  }
/* scheme Fin */
.quiz__menu__head__number__figure{}
/* scheme */
.quiz__menuKeyword .quiz__menu__head__number__figure{
  max-width: 300px;
  }
/* scheme Fin */
.quiz__menu__body{}
.quiz__menu__contents{
  height: 85%;
  max-width: 1150px;
  }
/* scheme */
.quiz__menu__contents.contentsQuestion{}
.quiz__menu__contents.contentsCorrectAnswer{}
.quiz__menu__contents.contentsInCorrectAnswer{}
/* scheme Fin */
.quiz__menu__contents.js-question{}
.quiz__menuKeyword .quiz__menu__contents.js-question{
  max-width: 550px;
  }
.quiz__menu__contents.js-correctAnswer{
  max-width: 550px;
  }
.quiz__menu__contents.js-inCorrectAnswer{
  max-width: 550px;
  }
.quiz__menu__note{
  font-size: 1.5rem;
  line-height: 1.5;
  }
.quiz__menu__middleNote{
  font-size: 1.5rem;
  line-height: 1.75;
  }
.quiz__menu__smallNote{
  font-size: 1.125rem;
  line-height: 2;
}
.quiz__menu__select{
  margin: 1.5rem auto 0;
  padding: 1.25rem 2.5rem;
  max-width: 450px;
  }
.quiz__menu__select__item{}
.quiz__menu__select__item__radio{}
.quiz__menu__select__item__label{
  font-size: 1.25rem;
  }
.quiz__menu__button{}
/* scheme */
.quiz__menu__contents.contentsCorrectAnswer .quiz__menu__button{}
.quiz__menu__contents.contentsInCorrectAnswer .quiz__menu__button{}
/* scheme Fin */
.quiz__menu__button-link{}
.quiz__menu__button-link:hover{
  background-color: rgba(255,255,255,1.00);
  color: rgba(75,31,120,1.00);
  }
/* scheme */
.quiz__menu__button-bonus{
  font-size: 1.5rem;
  height: 100px;
  width: 400px;
  }
/* scheme Fin */
.quiz__menu__button__text{}

.quiz__menu__judge{}
/* scheme */
.quiz__menu__contents.contentsInCorrectAnswer .quiz__menu__judge{}
/* scheme Fin */
.quiz__menu__judge__icon{
  width: 85px;
  }
.quiz__menu__judge__text{
  font-size: 3.6rem;
  }
.quiz__menu__keyword{}
.quiz__menu__keyword__inner{}
.quiz__menu__keyword__text{
  font-size: 1.4rem;
  }
.quiz__menu__keyword__text__main{
  font-size: 2.2rem;
  }
.quiz__menu__keywordInput{}
.quiz__menu__keywordInput__text{
  font-size: 2rem;
  letter-spacing: 2px;
  }
.quiz__menu__keywordInput__list{}
.quiz__menu__keywordInput__list__menu{
  margin: 0 1.5625rem 0 0;
  }
.quiz__menu__keywordInput__list__menu__input{
  font-size: 2.25rem;
  height: 90px;
  width: 90px;
  }
.quiz__menu__keywordInput__note{}
/* keyword only */
.quiz__menu__keywordCorrect__title{}
.quiz__menu__keywordCorrect__title__text{
  font-size: 3rem;
  letter-spacing: 2px;
  }
.quiz__menu__keywordCorrect__fig{}
.quiz__menu__keywordCorrect__fig__image{}
.quiz__menu__keywordCorrect__fig__image:before,
.quiz__menu__keywordCorrect__fig__image:after{}
.quiz__menu__keywordCorrect__fig__image:before{}
.quiz__menu__keywordCorrect__fig__image:after{}
.quiz__menuKeyword .quiz__menu__contents.contentsCorrectAnswer .quiz__menu__button{}
.quiz__menuKeyword .quiz__menu__contents.contentsCorrectAnswer .quiz__menu__button__text{}
.quiz__menuKeyword .quiz__menu__contents.contentsCorrectAnswer .quiz__menu__button__text:before{
  height: 38px;
  left: calc((30px + 1rem) * -1);
  width: 30px;
  }
/* keyword only Fin */
  




/* ------------------------------------

	download

------------------------------------ */
.download{}
.download__bg{}
.download__menu{
  background-image: url(../images/modal_bg02_pc.png);
  height: 640px;
  max-width: 1000px;
  }
.download__menu__outer{}
.download__menu__inner{
  max-width: 750px;
  }
.download__menu__close{
  right: 3.5rem;
  top: 1.5rem;
  transition: all 0.3s;
  }
.download__menu__close:hover{
  background-color: rgba(75, 31, 120, 1.00);
  }
.download__menu__close:before,
.download__menu__close:after{
  transition: all 0.3s;
  }
.download__menu__close:hover:before,
.download__menu__close:hover:after{
  background-color: rgba(255, 255, 255, 1.00);
  }
.download__menu__close:before{}
.download__menu__close:after{}
.download__menu__head{}
.download__menu__head__figure{
  max-width: inherit;
  }
.download__menu__body{}
.download__menu__contents{}
.download__menu__image{}
/* scheme */
.contentsPC .download__menu__image{
  max-width: 380px;
  }
/* scheme Fin */
.download__menu__button{}
.download__menu__button-link{  
  transition: all 0.3s;
  }
.download__menu__button-link:hover{
  background-color: rgba(255,255,255,1.00);
  color: rgba(75,31,120,1.00);
  }
.download__menu__completeNote__block{
  padding: 2rem 0;
  }
.download__menu__completeNote{
  font-size: 1.5rem;
  line-height: 1.5;  
  }


/* ------------------------------------

	questionnaire

------------------------------------ */
.questionnaire{
  border: 5px rgba(123,71,210,1.00) solid;
  height: 640px;
  max-width: 1000px;
  }
.questionnaire__close{
  right: -1.875rem;
  top: -1.875rem;
  transition: all 0.3s;
  }
.questionnaire__close:hover{
  background-color: rgba(75, 31, 120, 1.00);
  }
.questionnaire__close:before,
.questionnaire__close:after{
  transition: all 0.3s;
  }
.questionnaire__close:hover:before,
.questionnaire__close:hover:after{
  background-color: rgba(255, 255, 255, 1.00);
  }
.questionnaire__close:before{}
.questionnaire__close:after{}
.questionnaire__frame{}
.questionnaire__frame__item{}
.questionnaire__frame__item iframe{}


/* ------------------------------------

	questionnaireDownload

------------------------------------ */
.questionnaireDownload{}
.questionnaireDownload__bg{}
.questionnaireDownload__menu{
  background-image: url(../images/modal_bg02_pc.png);
  height: 640px;
  max-width: 1000px;
  }
.questionnaireDownload__menu__outer{}
.questionnaireDownload__menu__inner{
  max-width: 750px;
  }
.questionnaireDownload__menu__close{
  right: 3.5rem;
  top: 1.5rem;
  transition: all 0.3s;
  }
.questionnaireDownload__menu__close:hover{
  background-color: rgba(75, 31, 120, 1.00);
  }
.questionnaireDownload__menu__close:before,
.questionnaireDownload__menu__close:after{
  transition: all 0.3s;
  }
.questionnaireDownload__menu__close:hover:before,
.questionnaireDownload__menu__close:hover:after{
  background-color: rgba(255, 255, 255, 1.00);
  }
.questionnaireDownload__menu__close:before{}
.questionnaireDownload__menu__close:after{}
.questionnaireDownload__menu__head{}
.questionnaireDownload__menu__head__text{
  font-size: 3rem;
  letter-spacing: 2px;
  }
/*.questionnaireDownload__menu__head__figure{
  max-width: inherit;
  }*/
.questionnaireDownload__menu__body{}
.questionnaireDownload__menu__contents{}
.questionnaireDownload__menu__image{}
/* scheme */
.contentsPC .questionnaireDownload__menu__image{
  max-width: 380px;
  }
/* scheme Fin */
.questionnaireDownload__menu__button{}
.questionnaireDownload__menu__button-link{  
  transition: all 0.3s;
  }
.questionnaireDownload__menu__button-link:hover{
  background-color: rgba(255,255,255,1.00);
  color: rgba(75,31,120,1.00);
  }
.questionnaireDownload__menu__completeNote__block{
  padding: 2rem 0;
  }
.questionnaireDownload__menu__completeNote{
  font-size: 1.5rem;
  line-height: 1.5;  
  }
}/* /min-width: 1025px */




/* ------------------------------------

	PC-Mode Irregular

------------------------------------ */
@media screen and (min-width: 1366px) {
/* ------------------------------------

	intro

------------------------------------ */
.intro{}
.intro__bannerButton{}
.intro__banner__inner{}
.intro__banner__entrance{}
.intro__banner__entrance__text{}
.intro__banner__entrance__text__item{}
.intro__banner__entrance__text:before,
.intro__banner__entrance__text:after{}
.intro__banner__entrance__text:before{}
.intro__banner__entrance__text:after{}
.intro__banner{}
.intro__group{}
.intro__bg{}
.intro__column__block{
  height: 835px;
  max-width: 1340px;
  }
.intro__close{
  right: 5.5rem;
  top: 2.5rem;
  }
.intro__close:before,
.intro__close:after{}
.intro__close:before{}
.intro__close:after{}
.intro__column{}
/* scheme */
.intro__column.catch{}
.intro__column.map{}
/* scheme FIn */
.intro__conlumn__inner{
  max-width: 720px;
  }
.intro__title{
  font-size: 4.375rem;
  letter-spacing: 14px;
  margin: 0 0 0.3em;
  }
.intro__subTitle{
  max-width: inherit;
  }
.intro__note{
  font-size: 1.25rem;
  line-height: 2;
  padding: 1em 0;
  }
.intro__note__bold{}
.intro__figure{
  max-width: inherit;
  }
.intro__figure__image{}
.intro__tag__list{}
.intro__tag__list__item{}
.intro__tag__list__item__icon{}
.intro__tag__list__item__icon__image{}
.intro__tag__list__item__text{}
.intro__button__block{
  padding: 2.5rem 0 0;
  }
.intro__button{}

  
/* ------------------------------------

	questionnaireIntro

------------------------------------ */
.questionnaireIntro{}
.questionnaireIntro__bannerButton{}
.questionnaireIntro__banner__inner{}
.questionnaireIntro__banner__entrance{}
.questionnaireIntro__banner__entrance__text{}
.questionnaireIntro__banner__entrance__text__item{}
.questionnaireIntro__banner__entrance__text:before{}
.questionnaireIntro__banner{}
.questionnaireIntro__group{}
.questionnaireIntro__bg{}
.questionnaireIntro__column__block{
  height: 730px;
  max-width: 960px;
  }
.questionnaireIntro__close{
  right: -0.5rem;
  top: -0.75rem;
  }
.questionnaireIntro__close:before,
.questionnaireIntro__close:after{}
.questionnaireIntro__close:before{}
.questionnaireIntro__close:after{}
.questionnaireIntro__column{}
/* scheme */
.questionnaireIntro__column.catch{}
/*.questionnaireIntro__column.map{}*/
/* scheme FIn */
.questionnaireIntro__conlumn__inner{}
.questionnaireIntro__title__block{}
.questionnaireIntro__title__block:before{}
.questionnaireIntro__subTitle{
  font-size: 1.75rem;
  }
.questionnaireIntro__title{
  font-size: 4.375rem;
  letter-spacing: 14px;
  }
.questionnaireIntro__note{
  font-size: 1.25rem;
  line-height: 1.9;
  padding: 0.75em 0;
  }
.questionnaireIntro__note__bold{}
.questionnaireIntro__note__small{
  font-size: 1.125rem;
  }
/*.questionnaireIntro__figure{
  max-width: inherit;
  }
.questionnaireIntro__figure__image{}
.questionnaireIntro__tag__list{}
.questionnaireIntro__tag__list__item{}
.questionnaireIntro__tag__list__item__icon{}
.questionnaireIntro__tag__list__item__icon__image{}
.questionnaireIntro__tag__list__item__text{}*/
.questionnaireIntro__button__block{
  padding: 1.5rem 0 0;
  }
.questionnaireIntro__button{}


/* ------------------------------------

	tag

------------------------------------ */
.tag{}
.tag__bg{}
.tag__menu{}
.tag__menu__inner{}
.tag__menu__title{}
.tag__menu__title__text{}
.tag__menu__title__note{}
.tag__menu__title__note-link{}
.tag__menu__media{}


/* ------------------------------------

	quiz

------------------------------------ */
.quiz{}
.quiz__bg{}
.quiz__menu{
  height: 835px;
  max-width: 1330px;
  }
.quiz__menu__outer{}
.quiz__menu__inner{}
/* scheme */
  body.quizCorrect .quiz__menu__inner{}
/* scheme Fin */
.quiz__menu__close{
  right: 5.5rem;
  top: 2.5rem;
  }
.quiz__menu__close:before,
.quiz__menu__close:after{}
.quiz__menu__close:before{}
.quiz__menu__close:after{}
.quiz__menu__head{}
/* scheme */
.quiz__menuKeyword .quiz__menu__head{}
/* scheme Fin */
.quiz__menu__head__number{
  border: 4px rgba(123,70,210,1.00) solid;
  height: 150px;
  width: 150px;
  }
/* scheme */
.quiz__menuKeyword .quiz__menu__head__number{}
/* scheme Fin */
.quiz__menu__head__number__figure{
  max-width: 70px;
  }
/* scheme */
.quiz__menuKeyword .quiz__menu__head__number__figure{
  max-width: inherit;
  }
/* scheme Fin */
.quiz__menu__body{}
.quiz__menu__contents{}
/* scheme */
.quiz__menu__contents.contentsQuestion{}
.quiz__menu__contents.contentsCorrectAnswer{}
.quiz__menu__contents.contentsInCorrectAnswer{}
/* scheme Fin */
.quiz__menu__contents.js-question{}
.quiz__menuKeyword .quiz__menu__contents.js-question{}
.quiz__menu__contents.js-correctAnswer{}
.quiz__menu__contents.js-inCorrectAnswer{}
.quiz__menu__note{
  font-size: 1.875rem;
  line-height: 1.5;
  }
.quiz__menu__middleNote{}
.quiz__menu__smallNote{}
.quiz__menu__select{
  margin: 1.875rem auto 0;
  padding: 1.5625rem 3.25rem;
  max-width: 450px;
  }
.quiz__menu__select__item{}
.quiz__menu__select__item__radio{}
.quiz__menu__select__item__label{
  font-size: 1.5rem;
  }
.quiz__menu__button{}
/* scheme */
.quiz__menu__contents.contentsCorrectAnswer .quiz__menu__button{}
.quiz__menu__contents.contentsInCorrectAnswer .quiz__menu__button{}
/* scheme Fin */
.quiz__menu__button-link{}
/* scheme */
.quiz__menu__button-bonus{  
  height: 120px;
  width: 550px;
  }
/* scheme Fin */
.quiz__menu__button__text{}

.quiz__menu__judge{}
/* scheme */
.quiz__menu__contents.contentsInCorrectAnswer .quiz__menu__judge{}
/* scheme Fin */
.quiz__menu__judge__icon{
  width: 100px;
  }
.quiz__menu__judge__text{
  font-size: 4.375rem;
  }
.quiz__menu__keyword{}
.quiz__menu__keyword__inner{}
.quiz__menu__keyword__text{
  font-size: 1.625rem;
  }
.quiz__menu__keyword__text__main{
  font-size: 2.5rem;
  }
.quiz__menu__keywordInput{}
.quiz__menu__keywordInput__text{
  font-size: 2.25rem;
  letter-spacing: 3.6px;
  }
.quiz__menu__keywordInput__list{}
.quiz__menu__keywordInput__list__menu{}
.quiz__menu__keywordInput__list__menu__input{
  font-size: 2.8125rem;
  height: 90px;
  width: 90px;
  }
.quiz__menu__keywordInput__note{}
/* keyword only */
.quiz__menu__keywordCorrect__title{
  margin: 0 0 2rem;
  }
.quiz__menu__keywordCorrect__title__text{
  font-size: 4.0625rem;
  letter-spacing: 3.25px;
  line-height: 1.2;
  }
.quiz__menu__keywordCorrect__fig{}
.quiz__menu__keywordCorrect__fig__image{}
.quiz__menu__keywordCorrect__fig__image:before,
.quiz__menu__keywordCorrect__fig__image:after{
  height: 92px;
  width: 98px;
  }
.quiz__menu__keywordCorrect__fig__image:before{
  left: calc((98px + 1rem) * -1);
  }
.quiz__menu__keywordCorrect__fig__image:after{
  right: calc((98px + 1rem) * -1);
  }
.quiz__menuKeyword .quiz__menu__contents.contentsCorrectAnswer .quiz__menu__button{
  padding: 2.8rem 0 0
  }
.quiz__menuKeyword .quiz__menu__contents.contentsCorrectAnswer .quiz__menu__button__text{}
.quiz__menuKeyword .quiz__menu__contents.contentsCorrectAnswer .quiz__menu__button__text:before{}
/* keyword only Fin */
  




/* ------------------------------------

	download

------------------------------------ */
.download{}
.download__bg{}
.download__menu{
  height: 835px;
  max-width: 1330px;
  }
.download__menu__outer{}
.download__menu__inner{}
.download__menu__close{}
.download__menu__close:before,
.download__menu__close:after{}
.download__menu__close:before{}
.download__menu__close:after{}
.download__menu__head{}
.download__menu__head__figure{}
.download__menu__body{}
.download__menu__contents{}
.download__menu__image{}
/* scheme */
.contentsPC .download__menu__image{
  max-width: inherit;
  }
/* scheme Fin */
.download__menu__button{}
.download__menu__button-link{}
.download__menu__completeNote__block{}
.download__menu__completeNote{}


/* ------------------------------------

	questionnaire

------------------------------------ */
.questionnaire{
  /*max-width: 1340px;*/
  }
.questionnaire__close{}
.questionnaire__close:before,
.questionnaire__close:after{}
.questionnaire__close:before{}
.questionnaire__close:after{}
.questionnaire__frame{}
.questionnaire__frame__item{}
.questionnaire__frame__item iframe{}


/* ------------------------------------

	questionnaireDownload

------------------------------------ */
.questionnaireDownload{}
.questionnaireDownload__bg{}
.questionnaireDownload__menu{
  height: 835px;
  max-width: 1330px;
  }
.questionnaireDownload__menu__outer{}
.questionnaireDownload__menu__inner{}
.questionnaireDownload__menu__close{}
.questionnaireDownload__menu__close:before,
.questionnaireDownload__menu__close:after{}
.questionnaireDownload__menu__close:before{}
.questionnaireDownload__menu__close:after{}
.questionnaireDownload__menu__head{}
.questionnaireDownload__menu__head__text{
  font-size: 3rem;
  letter-spacing: 2px;
  line-height: 1.3;
  }
/*.questionnaireDownload__menu__head__figure{}*/
.questionnaireDownload__menu__body{}
.questionnaireDownload__menu__contents{}
.questionnaireDownload__menu__image{}
/* scheme */
.contentsPC .questionnaireDownload__menu__image{
  max-width: inherit;
  }
/* scheme Fin */
.questionnaireDownload__menu__button{}
.questionnaireDownload__menu__button-link{}
.questionnaireDownload__menu__completeNote__block{}
.questionnaireDownload__menu__completeNote{}
  

}/* /min-width: 1366px */