@charset "UTF-8";
/* ------------------
    共通
--------------------- */
/* ------------------
    TOP
--------------------- */
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
#quizKnockTop .headline {
  background-image: url(../images/study/quizknock/bg_quizknock_headline.jpg);
}
@media only screen and (max-width: 750px) {
  #quizKnockTop .pageTitle {
    text-align: left;
  }
}

.quizKnock_logo {
  margin: 0 auto;
}
@media screen and (min-width: 751px) {
  .quizKnock_logo {
    width: 62.3rem;
  }
}
@media only screen and (max-width: 750px) {
  .quizKnock_logo {
    width: 31.1rem;
  }
}

.special_quiz {
  background-color: #E1A600;
}
@media screen and (min-width: 751px) {
  .special_quiz {
    margin-top: 7rem;
    padding: 3rem 3rem 2rem;
  }
}
@media only screen and (max-width: 750px) {
  .special_quiz {
    margin-top: 4rem;
    padding: 2.5rem 1.5rem 1.65rem;
  }
}

.special_quiz_head {
  font-weight: 700;
  text-align: center;
}
.special_quiz_head > p {
  font-weight: inherit;
}
@media screen and (min-width: 751px) {
  .special_quiz_head > p {
    line-height: 2.609;
    font-size: 2.3rem;
  }
}
@media only screen and (max-width: 750px) {
  .special_quiz_head > p {
    line-height: 2.609;
    font-size: 1.15rem;
  }
}
.special_quiz_head > h2 {
  color: #fff;
  font-weight: inherit;
}
@media screen and (min-width: 751px) {
  .special_quiz_head > h2 {
    line-height: 2.072;
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 750px) {
  .special_quiz_head > h2 {
    line-height: 1.353;
    font-size: 1.7rem;
  }
}

.special_quiz_cont {
  background-color: #fff;
  border: solid #000;
}
@media screen and (min-width: 751px) {
  .special_quiz_cont {
    margin-top: 3rem;
    padding: 2rem 3.5rem;
    border-width: 0.4rem;
  }
}
@media only screen and (max-width: 750px) {
  .special_quiz_cont {
    margin-top: 1.5rem;
    padding: 1rem 0 3rem 1.75rem;
    border-width: 0.2rem;
  }
}

.special_quiz_cont_head {
  text-align: center;
  color: #E1A600;
}
@media screen and (min-width: 751px) {
  .special_quiz_cont_head {
    line-height: 2.625;
    font-size: 1.6rem;
  }
  .special_quiz_cont_head > h3 {
    line-height: inherit;
    font: inherit;
  }
  .special_quiz_cont_head > h3:first-of-type {
    margin-top: -0.812em;
  }
  .special_quiz_cont_head > h3:last-of-type {
    margin-bottom: -0.812em;
  }
}
@media only screen and (max-width: 750px) {
  .special_quiz_cont_head {
    line-height: 1.75;
    font-size: 1.2rem;
  }
  .special_quiz_cont_head > h3 {
    line-height: inherit;
    font: inherit;
  }
  .special_quiz_cont_head > h3:first-of-type {
    margin-top: -0.375em;
  }
  .special_quiz_cont_head > h3:last-of-type {
    margin-bottom: -0.375em;
  }
}

@media screen and (min-width: 751px) {
  .special_quiz_cont_item {
    margin-top: 1rem;
  }
}
@media only screen and (max-width: 750px) {
  .special_quiz_cont_item {
    margin-top: 1.5rem;
  }
}
.special_quiz_cont_item a {
  display: grid;
}
@media screen and (min-width: 751px) {
  .special_quiz_cont_item a {
    grid-template-columns: 3.2rem auto;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    align-items: center;
  }
}
@media only screen and (max-width: 750px) {
  .special_quiz_cont_item a {
    grid-template-columns: 3.3rem auto;
    -moz-column-gap: 0.6rem;
         column-gap: 0.6rem;
    align-items: center;
  }
}
.special_quiz_cont_item .q {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E1A600;
  color: #fff;
  border-radius: 100vmax;
  font-family: "Lato", sans-serif;
  font-weight: 900;
}
@media screen and (min-width: 751px) {
  .special_quiz_cont_item .q {
    width: 3.2rem;
    height: 3.2rem;
    line-height: 1;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 750px) {
  .special_quiz_cont_item .q {
    width: 3.3rem;
    height: 3.3rem;
    line-height: 1;
    font-size: 2rem;
  }
}

.special_quiz_cont_item_txt {
  text-align: left;
}
@media screen and (min-width: 751px) {
  .special_quiz_cont_item_txt {
    line-height: 2.25;
    font-size: 1.6rem;
  }
  .special_quiz_cont_item_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .special_quiz_cont_item_txt > p:first-of-type {
    margin-top: -0.625em;
  }
  .special_quiz_cont_item_txt > p:last-of-type {
    margin-bottom: -0.625em;
  }
}
@media only screen and (max-width: 750px) {
  .special_quiz_cont_item_txt {
    line-height: 1.5;
    font-size: 1.2rem;
  }
  .special_quiz_cont_item_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .special_quiz_cont_item_txt > p:first-of-type {
    margin-top: -0.25em;
  }
  .special_quiz_cont_item_txt > p:last-of-type {
    margin-bottom: -0.25em;
  }
}

.sec_collaboration {
  background-color: #eee;
}
@media screen and (min-width: 751px) {
  .sec_collaboration {
    margin-top: 5.5rem;
    padding: 8rem 0 6.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .sec_collaboration {
    margin-top: 3rem;
    padding: 4.5rem 0 5.75rem;
  }
}

.collaboration_head {
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 751px) {
  .collaboration_head {
    line-height: 2.637;
    font-size: 2.2rem;
  }
  .collaboration_head > h2 {
    line-height: inherit;
    font: inherit;
  }
  .collaboration_head > h2:first-of-type {
    margin-top: -0.818em;
  }
  .collaboration_head > h2:last-of-type {
    margin-bottom: -0.818em;
  }
}
@media only screen and (max-width: 750px) {
  .collaboration_head {
    line-height: 2.072;
    font-size: 1.4rem;
  }
  .collaboration_head > h2 {
    line-height: inherit;
    font: inherit;
  }
  .collaboration_head > h2:first-of-type {
    margin-top: -0.535em;
  }
  .collaboration_head > h2:last-of-type {
    margin-bottom: -0.535em;
  }
}
.collaboration_head > h2 {
  font-weight: inherit;
}

.collaboration_movies {
  display: grid;
}
@media screen and (min-width: 751px) {
  .collaboration_movies {
    grid-template-columns: 42.4rem 42.4rem;
    -moz-column-gap: 4.5rem;
         column-gap: 4.5rem;
    row-gap: 5.5rem;
    width: 90.4rem;
    margin: 4rem auto 0;
  }
}
@media only screen and (max-width: 750px) {
  .collaboration_movies {
    row-gap: 4rem;
    margin: 4rem auto 0;
  }
}

@media screen and (min-width: 751px) {
  .collaboration_movie.large {
    grid-column: span 2;
  }
}
.collaboration_movie a {
  cursor: pointer;
}

@media screen and (min-width: 751px) {
  .collaboration_movie_txt {
    margin-top: 2rem;
    line-height: 1.625;
    font-size: 1.6rem;
  }
  .collaboration_movie_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .collaboration_movie_txt > p:first-of-type {
    margin-top: -0.312em;
  }
  .collaboration_movie_txt > p:last-of-type {
    margin-bottom: -0.312em;
  }
}
@media only screen and (max-width: 750px) {
  .collaboration_movie_txt {
    margin-top: 1.25rem;
    line-height: 1.292;
    font-size: 1.2rem;
  }
  .collaboration_movie_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .collaboration_movie_txt > p:first-of-type {
    margin-top: -0.145em;
  }
  .collaboration_movie_txt > p:last-of-type {
    margin-bottom: -0.145em;
  }
}

@media screen and (min-width: 751px) {
  .sec_event {
    padding: 7.5rem 0 15.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .sec_event {
    padding: 3.25rem 0 6.5rem;
  }
}

.event_head {
  font-weight: 700;
  text-align: center;
  color: #C52929;
}
@media screen and (min-width: 751px) {
  .event_head {
    line-height: 2.637;
    font-size: 2.2rem;
  }
  .event_head > h2 {
    line-height: inherit;
    font: inherit;
  }
  .event_head > h2:first-of-type {
    margin-top: -0.818em;
  }
  .event_head > h2:last-of-type {
    margin-bottom: -0.818em;
  }
}
@media only screen and (max-width: 750px) {
  .event_head {
    line-height: 2.072;
    font-size: 1.4rem;
  }
  .event_head > h2 {
    line-height: inherit;
    font: inherit;
  }
  .event_head > h2:first-of-type {
    margin-top: -0.535em;
  }
  .event_head > h2:last-of-type {
    margin-bottom: -0.535em;
  }
}
.event_head > h2 {
  font-weight: inherit;
}

@media screen and (min-width: 751px) {
  .events {
    margin-top: 3.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .events {
    margin-top: 2.25rem;
  }
}

.event_item {
  display: flex;
}
@media screen and (min-width: 751px) {
  .event_item {
    gap: 2.8rem;
  }
}
@media only screen and (max-width: 750px) {
  .event_item {
    flex-direction: column;
    gap: 1rem;
  }
}
@media screen and (min-width: 751px) {
  .event_item + .event_item {
    margin-top: 6.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .event_item + .event_item {
    margin-top: 3.5rem;
  }
}

@media screen and (min-width: 751px) {
  .event_fig {
    flex-shrink: 0;
    width: 45.4rem;
  }
}

@media screen and (min-width: 751px) {
  .event_day {
    line-height: 1;
    font-size: 1.8rem;
  }
  .event_day > p {
    line-height: inherit;
    font: inherit;
  }
  .event_day > p:first-of-type {
    margin-top: 0em;
  }
  .event_day > p:last-of-type {
    margin-bottom: 0em;
  }
}
@media only screen and (max-width: 750px) {
  .event_day {
    line-height: 1.154;
    font-size: 1.3rem;
  }
  .event_day > p {
    line-height: inherit;
    font: inherit;
  }
  .event_day > p:first-of-type {
    margin-top: -0.076em;
  }
  .event_day > p:last-of-type {
    margin-bottom: -0.076em;
  }
}

.event_ttl {
  font-weight: 700;
}
@media screen and (min-width: 751px) {
  .event_ttl {
    margin-top: 2rem;
    line-height: 1.364;
    font-size: 2.2rem;
  }
  .event_ttl > p {
    line-height: inherit;
    font: inherit;
  }
  .event_ttl > p:first-of-type {
    margin-top: -0.181em;
  }
  .event_ttl > p:last-of-type {
    margin-bottom: -0.181em;
  }
}
@media only screen and (max-width: 750px) {
  .event_ttl {
    margin-top: 1rem;
    line-height: 1.407;
    font-size: 1.6rem;
  }
  .event_ttl > p {
    line-height: inherit;
    font: inherit;
  }
  .event_ttl > p:first-of-type {
    margin-top: -0.203em;
  }
  .event_ttl > p:last-of-type {
    margin-bottom: -0.203em;
  }
}

@media screen and (min-width: 751px) {
  .event_txt {
    margin-top: 2.5rem;
    line-height: 1.563;
    font-size: 1.6rem;
  }
  .event_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .event_txt > p:first-of-type {
    margin-top: -0.281em;
  }
  .event_txt > p:last-of-type {
    margin-bottom: -0.281em;
  }
}
@media only screen and (max-width: 750px) {
  .event_txt {
    margin-top: 2rem;
    line-height: 1.608;
    font-size: 1.4rem;
  }
  .event_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .event_txt > p:first-of-type {
    margin-top: -0.303em;
  }
  .event_txt > p:last-of-type {
    margin-bottom: -0.303em;
  }
}

.event_link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #C52929;
  border-radius: 100vmax;
  color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 751px) {
  .event_link {
    width: 29.4rem;
    margin-top: 2.5rem;
    padding: 1rem;
    line-height: 1;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 750px) {
  .event_link {
    margin-top: 2rem;
    padding: 1.5rem;
    line-height: 1;
    font-size: 1.4rem;
  }
}
.event_link::before {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  background: url(../images/study/quizknock/ico_arrow.svg) no-repeat 0 0;
  background-size: contain;
}
@media screen and (min-width: 751px) {
  .event_link::before {
    right: 0.8rem;
    width: 0.8rem;
    height: 1.2rem;
  }
}

/* ------------------
    イベントレポート
--------------------- */
.report_head {
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 751px) {
  .report_head {
    margin-top: 4rem;
    line-height: 1;
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 750px) {
  .report_head {
    margin-top: 4rem;
    line-height: 1;
    font-size: 1.4rem;
  }
}
.report_head > h2 {
  font-weight: inherit;
}

@media screen and (min-width: 751px) {
  .report_img {
    width: 74.8rem;
    margin: 3rem auto 0;
  }
}
@media only screen and (max-width: 750px) {
  .report_img {
    width: 100vw;
    margin: 2.5rem 0 0 -2rem;
  }
}

.event_summary {
  border: solid 1px #B33832;
}
@media screen and (min-width: 751px) {
  .event_summary {
    margin-top: 5.5rem;
    padding: 3.4rem 4rem 4.4rem;
  }
}
@media only screen and (max-width: 750px) {
  .event_summary {
    margin-top: 1.25rem;
    padding: 2.7rem 1.5rem 2.2rem;
  }
}

.event_summary_head {
  text-align: center;
}
.event_summary_head .en {
  color: #B33832;
}
@media screen and (min-width: 751px) {
  .event_summary_head .en {
    line-height: 1;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 750px) {
  .event_summary_head .en {
    line-height: 1;
    font-size: 1.1rem;
  }
}
.event_summary_head .main {
  color: #B33832;
  font-weight: 700;
}
@media screen and (min-width: 751px) {
  .event_summary_head .main {
    margin-top: 0.8rem;
    line-height: 1;
    font-size: 4.4rem;
  }
}
@media only screen and (max-width: 750px) {
  .event_summary_head .main {
    margin-top: 0.5rem;
    line-height: 1.045;
    font-size: 2.25rem;
  }
}
.event_summary_head .sub {
  color: #B33832;
}
@media screen and (min-width: 751px) {
  .event_summary_head .sub {
    margin-top: 2rem;
    line-height: 1;
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 750px) {
  .event_summary_head .sub {
    margin-top: 1rem;
    line-height: 1;
    font-size: 1.3rem;
  }
}

.event_summary_cont {
  display: flex;
}
@media screen and (min-width: 751px) {
  .event_summary_cont {
    gap: 5rem;
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 750px) {
  .event_summary_cont {
    flex-direction: column;
    gap: 2.5rem;
    margin-top: 2.5rem;
  }
}

@media screen and (min-width: 751px) {
  .event_summary_txt {
    flex-shrink: 0;
    width: 58.2rem;
    padding-right: 4rem;
    line-height: 1.667;
    font-size: 1.8rem;
    border-right: solid 1px #B33832;
  }
}
@media only screen and (max-width: 750px) {
  .event_summary_txt {
    line-height: 2;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 751px) {
  .event_summary_list {
    line-height: 1.438;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 750px) {
  .event_summary_list {
    line-height: 1.462;
    font-size: 1.3rem;
  }
}
.event_summary_list.large {
  font-weight: 700;
}
@media screen and (min-width: 751px) {
  .event_summary_list.large {
    line-height: 1.889;
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 750px) {
  .event_summary_list.large {
    line-height: 1.934;
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 751px) {
  .event_report {
    margin-top: 6.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .event_report {
    margin-top: 5.5rem;
    padding: 0 0.4rem;
  }
}
@media screen and (min-width: 751px) {
  .event_report + .event_report {
    margin-top: 6.5rem;
  }
}

.event_report_head {
  background-color: #B33832;
  color: #fff;
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 751px) {
  .event_report_head {
    margin-bottom: 5rem;
    line-height: 2.417;
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 750px) {
  .event_report_head {
    margin-bottom: 1.9rem;
    padding: 1rem;
    line-height: 1.429;
    font-size: 1.4rem;
  }
}
.event_report_head > h4 {
  font-weight: inherit;
}

.event_report_cont {
  display: grid;
}
@media screen and (min-width: 751px) {
  .event_report_cont {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 5rem;
         column-gap: 5rem;
    row-gap: 3rem;
    padding: 0 2rem;
  }
}
@media only screen and (max-width: 750px) {
  .event_report_cont {
    row-gap: 4.2rem;
  }
}
@media screen and (min-width: 751px) {
  .event_report_cont figcaption {
    margin-top: 3rem;
    line-height: 2.125;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 750px) {
  .event_report_cont figcaption {
    margin-top: 1.5rem;
    line-height: 2;
    font-size: 1.4rem;
  }
}

.thanks_txt {
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 751px) {
  .thanks_txt {
    margin-top: 12.5rem;
    margin-bottom: 8rem;
    line-height: 1;
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 750px) {
  .thanks_txt {
    margin-top: 5rem;
    margin-bottom: 5rem;
    line-height: 1;
    font-size: 1.4rem;
  }
}
.thanks_txt p {
  font-weight: inherit;
}

@media screen and (min-width: 751px) {
  .report_voice {
    padding-left: 4.5rem;
    padding-bottom: 11.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .report_voice {
    padding-bottom: 4.8rem;
  }
}

.report_voice_heads {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 751px) {
  .report_voice_heads {
    margin-bottom: 7.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .report_voice_heads {
    flex-direction: column;
    margin-bottom: 4.25rem;
  }
}

.report_voice_head_ttl {
  position: relative;
  font-weight: 700;
  color: #B33832;
}
@media screen and (min-width: 751px) {
  .report_voice_head_ttl {
    margin-right: 3rem;
    padding-left: 10.5rem;
    line-height: 1;
    font-size: 3.4rem;
  }
  .report_voice_head_ttl > h3 {
    line-height: inherit;
    font: inherit;
  }
  .report_voice_head_ttl > h3:first-of-type {
    margin-top: 0em;
  }
  .report_voice_head_ttl > h3:last-of-type {
    margin-bottom: 0em;
  }
}
@media only screen and (max-width: 750px) {
  .report_voice_head_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-size: 1.9rem;
  }
  .report_voice_head_ttl > h3 {
    line-height: inherit;
    font: inherit;
  }
  .report_voice_head_ttl > h3:first-of-type {
    margin-top: 0em;
  }
  .report_voice_head_ttl > h3:last-of-type {
    margin-bottom: 0em;
  }
}
.report_voice_head_ttl > h3 {
  font-weight: inherit;
}
.report_voice_head_ttl::before {
  content: "";
  background: url(../images/study/quizknock/event/01/ico_balloon.svg) no-repeat 0 0;
  background-size: contain;
}
@media screen and (min-width: 751px) {
  .report_voice_head_ttl::before {
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0 -50%;
    width: 8.5rem;
    height: 7rem;
    margin-right: 2rem;
  }
}
@media only screen and (max-width: 750px) {
  .report_voice_head_ttl::before {
    width: 4.25rem;
    height: 3.5rem;
    margin-right: 1.5rem;
  }
}

@media screen and (min-width: 751px) {
  .report_voice_head_txt {
    line-height: 2.125;
    font-size: 1.6rem;
  }
  .report_voice_head_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .report_voice_head_txt > p:first-of-type {
    margin-top: -0.562em;
  }
  .report_voice_head_txt > p:last-of-type {
    margin-bottom: -0.562em;
  }
}
@media only screen and (max-width: 750px) {
  .report_voice_head_txt {
    margin-top: 2.5rem;
    line-height: 2;
    font-size: 1.4rem;
    text-align: center;
  }
  .report_voice_head_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .report_voice_head_txt > p:first-of-type {
    margin-top: -0.5em;
  }
  .report_voice_head_txt > p:last-of-type {
    margin-bottom: -0.5em;
  }
}

@media screen and (min-width: 751px) {
  .report_voice_cont {
    width: 93.8rem;
  }
}
@media screen and (min-width: 751px) {
  .report_voice_cont + .report_voice_cont {
    margin-top: 9.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .report_voice_cont + .report_voice_cont {
    margin-top: 5.75rem;
  }
}

.report_voice_cont_head {
  text-align: center;
  font-weight: 700;
  border-bottom: solid #B33832;
}
@media screen and (min-width: 751px) {
  .report_voice_cont_head {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 4.5rem;
    padding-bottom: 1rem;
    line-height: 1;
    font-size: 2.4rem;
    border-bottom-width: 0.2rem;
  }
  .report_voice_cont_head > h4 {
    line-height: inherit;
    font: inherit;
  }
  .report_voice_cont_head > h4:first-of-type {
    margin-top: 0em;
  }
  .report_voice_cont_head > h4:last-of-type {
    margin-bottom: 0em;
  }
}
@media only screen and (max-width: 750px) {
  .report_voice_cont_head {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    line-height: 1.572;
    font-size: 1.4rem;
    border-bottom-width: 0.2rem;
  }
  .report_voice_cont_head > h4 {
    line-height: inherit;
    font: inherit;
  }
  .report_voice_cont_head > h4:first-of-type {
    margin-top: -0.285em;
  }
  .report_voice_cont_head > h4:last-of-type {
    margin-bottom: -0.285em;
  }
}
.report_voice_cont_head > h4 {
  font-weight: inherit;
}

@media screen and (min-width: 751px) {
  .report_voice_item_wrap + .report_voice_item_wrap {
    margin-top: 5rem;
  }
}
@media only screen and (max-width: 750px) {
  .report_voice_item_wrap + .report_voice_item_wrap {
    margin-top: 3rem;
    box-sizing: content-box;
  }
}

.report_voice_item {
  position: relative;
  display: flex;
}
@media screen and (min-width: 751px) {
  .report_voice_item {
    align-items: center;
    gap: 3rem;
    padding: 3rem;
    border-radius: 5.2rem;
  }
}
@media only screen and (max-width: 750px) {
  .report_voice_item {
    gap: 0.7rem;
    width: 33rem;
    padding: 2rem 1rem;
    border-radius: 2.6rem;
  }
}
.report_voice_item::before {
  content: "";
  position: absolute;
  bottom: 0;
  translate: 0 75%;
}
@media screen and (min-width: 751px) {
  .report_voice_item::before {
    width: 8rem;
    height: 6.5rem;
    border-radius: 1.4rem;
  }
}
@media only screen and (max-width: 750px) {
  .report_voice_item::before {
    width: 4rem;
    height: 3.25rem;
    border-radius: 0.7rem;
  }
}
@media screen and (min-width: 751px) {
  .report_voice_item.left::before {
    left: 5.5rem;
    -webkit-clip-path: polygon(0 0, 81.25% 0, 100% 100%);
            clip-path: polygon(0 0, 81.25% 0, 100% 100%);
  }
}
@media only screen and (max-width: 750px) {
  .report_voice_item.left::before {
    left: 2.75rem;
    -webkit-clip-path: polygon(0 0, 81.25% 0, 100% 100%);
            clip-path: polygon(0 0, 81.25% 0, 100% 100%);
  }
}
@media only screen and (max-width: 750px) {
  .report_voice_item.right {
    padding-left: 3.25rem;
  }
}
@media screen and (min-width: 751px) {
  .report_voice_item.right::before {
    right: 5.5rem;
    -webkit-clip-path: polygon(18.75% 0, 100% 0, 0 100%);
            clip-path: polygon(18.75% 0, 100% 0, 0 100%);
  }
}
@media only screen and (max-width: 750px) {
  .report_voice_item.right::before {
    right: 2.75rem;
    -webkit-clip-path: polygon(18.75% 0, 100% 0, 0 100%);
            clip-path: polygon(18.75% 0, 100% 0, 0 100%);
  }
}
.report_voice_item.right .report_voice_item_icon {
  order: 2;
}
.report_voice_item.right .report_voice_item_txt {
  order: 1;
}

.report_voice_item_icon {
  flex-shrink: 0;
}
@media screen and (min-width: 751px) {
  .report_voice_item_icon {
    width: 7.6rem;
  }
}
@media only screen and (max-width: 750px) {
  .report_voice_item_icon {
    width: 3.6rem;
  }
}

@media screen and (min-width: 751px) {
  .report_voice_item_txt {
    line-height: 1.875;
    font-size: 1.6rem;
  }
  .report_voice_item_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .report_voice_item_txt > p:first-of-type {
    margin-top: -0.437em;
  }
  .report_voice_item_txt > p:last-of-type {
    margin-bottom: -0.437em;
  }
}
@media only screen and (max-width: 750px) {
  .report_voice_item_txt {
    line-height: 2;
    font-size: 1.4rem;
  }
  .report_voice_item_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .report_voice_item_txt > p:first-of-type {
    margin-top: -0.5em;
  }
  .report_voice_item_txt > p:last-of-type {
    margin-bottom: -0.5em;
  }
}

@media screen and (min-width: 751px) {
  .voice01 {
    padding-right: 21.2rem;
  }
}
.voice01 .report_voice_item {
  background-color: #AAC7E9;
}
.voice01 .report_voice_item::before {
  background-color: #AAC7E9;
}

@media screen and (min-width: 751px) {
  .voice02 {
    padding-left: 23.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .voice02 {
    padding-left: 3.2rem;
  }
}
.voice02 .report_voice_item {
  background-color: #F8DFE4;
}
@media only screen and (max-width: 750px) {
  .voice02 .report_voice_item {
    width: auto;
  }
}
.voice02 .report_voice_item::before {
  background-color: #F8DFE4;
}

@media screen and (min-width: 751px) {
  .voice03 {
    padding-right: 8.8rem;
  }
}
@media only screen and (max-width: 750px) {
  .voice03 {
    padding-right: 0.25rem;
  }
}
.voice03 .report_voice_item {
  background-color: #DBDBE3;
}
.voice03 .report_voice_item::before {
  background-color: #DBDBE3;
}

@media screen and (min-width: 751px) {
  .voice04 {
    padding-right: 12.2rem;
  }
}
.voice04 .report_voice_item {
  background-color: #B4CC90;
}
.voice04 .report_voice_item::before {
  background-color: #B4CC90;
}

@media screen and (min-width: 751px) {
  .voice05 {
    padding-left: 15.6rem;
  }
}
.voice05 .report_voice_item {
  background-color: #F3F0CB;
}
.voice05 .report_voice_item::before {
  background-color: #F3F0CB;
}

.sec_report_interview {
  background-color: #F5F5F5;
}
@media screen and (min-width: 751px) {
  .sec_report_interview {
    margin-bottom: 8rem;
    padding: 7rem 0 12.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .sec_report_interview {
    padding: 5rem 0 5.75rem;
  }
}

.report_interview_heads {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 751px) {
  .report_interview_heads {
    width: 93rem;
    margin: 0 auto 7.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .report_interview_heads {
    flex-direction: column;
    margin: 0 auto 4rem;
  }
}

.report_interview_head_ttl {
  position: relative;
  font-weight: 700;
  color: #B33832;
}
@media screen and (min-width: 751px) {
  .report_interview_head_ttl {
    margin-right: 5rem;
    padding-left: 7rem;
    line-height: 1;
    font-size: 3.4rem;
  }
  .report_interview_head_ttl > h3 {
    line-height: inherit;
    font: inherit;
  }
  .report_interview_head_ttl > h3:first-of-type {
    margin-top: 0em;
  }
  .report_interview_head_ttl > h3:last-of-type {
    margin-bottom: 0em;
  }
}
@media only screen and (max-width: 750px) {
  .report_interview_head_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-size: 1.85rem;
  }
  .report_interview_head_ttl > h3 {
    line-height: inherit;
    font: inherit;
  }
  .report_interview_head_ttl > h3:first-of-type {
    margin-top: 0em;
  }
  .report_interview_head_ttl > h3:last-of-type {
    margin-bottom: 0em;
  }
}
.report_interview_head_ttl > h3 {
  font-weight: inherit;
}
.report_interview_head_ttl::before {
  content: "";
  background: url(../images/study/quizknock/event/01/ico_mic.svg) no-repeat 0 0;
  background-size: contain;
}
@media screen and (min-width: 751px) {
  .report_interview_head_ttl::before {
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0 -50%;
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .report_interview_head_ttl::before {
    margin-right: 1.5rem;
    width: 2.75rem;
    height: 2.75rem;
  }
}

@media screen and (min-width: 751px) {
  .report_interview_head_txt {
    line-height: 2.125;
    font-size: 1.6rem;
  }
  .report_interview_head_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .report_interview_head_txt > p:first-of-type {
    margin-top: -0.562em;
  }
  .report_interview_head_txt > p:last-of-type {
    margin-bottom: -0.562em;
  }
}
@media only screen and (max-width: 750px) {
  .report_interview_head_txt {
    margin-top: 2rem;
    line-height: 2;
    font-size: 1.4rem;
    text-align: center;
  }
  .report_interview_head_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .report_interview_head_txt > p:first-of-type {
    margin-top: -0.5em;
  }
  .report_interview_head_txt > p:last-of-type {
    margin-bottom: -0.5em;
  }
}

@media screen and (min-width: 751px) {
  .report_interview_cont {
    width: 93rem;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 750px) {
  .report_interview_cont {
    width: 30.75rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 751px) {
  .report_interview_cont + .report_interview_cont {
    margin-top: 5.6rem;
  }
}
@media only screen and (max-width: 750px) {
  .report_interview_cont + .report_interview_cont {
    margin-top: 11.5rem;
  }
}

.report_interview_cont_head {
  background-color: #B33832;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 751px) {
  .report_interview_cont_head {
    margin-bottom: 4rem;
    padding: 1.2rem 0;
    line-height: 1;
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 750px) {
  .report_interview_cont_head {
    margin-bottom: 2.5rem;
    padding: 0.6rem 0;
    line-height: 1;
    font-size: 1.3rem;
  }
}
.report_interview_cont_head > h4 {
  font-weight: inherit;
}

.report_interview_item {
  display: flex;
}
@media screen and (min-width: 751px) {
  .report_interview_item {
    gap: 3rem;
  }
}
@media only screen and (max-width: 750px) {
  .report_interview_item {
    gap: 1.25rem;
  }
}
@media screen and (min-width: 751px) {
  .report_interview_item + .report_interview_item {
    margin-top: 6rem;
  }
}
@media only screen and (max-width: 750px) {
  .report_interview_item + .report_interview_item {
    margin-top: 5.4rem;
  }
}

.report_interview_item_icon {
  flex-shrink: 0;
}
@media screen and (min-width: 751px) {
  .report_interview_item_icon {
    width: 8rem;
  }
}
@media only screen and (max-width: 750px) {
  .report_interview_item_icon {
    width: 4rem;
  }
}
.report_interview_item_icon figcaption {
  text-align: center;
}
@media screen and (min-width: 751px) {
  .report_interview_item_icon figcaption {
    margin-top: 0.8rem;
    line-height: 1;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 750px) {
  .report_interview_item_icon figcaption {
    margin-top: 0.4rem;
    line-height: 1;
    font-size: 1rem;
  }
}

.report_interview_item_txt {
  font-weight: 500;
}
@media screen and (min-width: 751px) {
  .report_interview_item_txt {
    line-height: 2.125;
    font-size: 1.6rem;
  }
  .report_interview_item_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .report_interview_item_txt > p:first-of-type {
    margin-top: -0.562em;
  }
  .report_interview_item_txt > p:last-of-type {
    margin-bottom: -0.562em;
  }
}
@media only screen and (max-width: 750px) {
  .report_interview_item_txt {
    line-height: 2;
    font-size: 1.4rem;
  }
  .report_interview_item_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .report_interview_item_txt > p:first-of-type {
    margin-top: -0.5em;
  }
  .report_interview_item_txt > p:last-of-type {
    margin-bottom: -0.5em;
  }
}
.report_interview_item_txt > p {
  font-weight: inherit;
}

@media screen and (min-width: 751px) {
  .event02 .event_summary_txt {
    width: 67rem;
  }
}
.event02 .event_summary_txt .large {
  font-weight: 700;
}
@media only screen and (max-width: 750px) {
  .event02 .event_summary_txt .large {
    margin-bottom: 2rem;
    line-height: 1.417;
    font-size: 1.8rem;
  }
  .event02 .event_summary_txt .large > p {
    line-height: inherit;
    font: inherit;
  }
  .event02 .event_summary_txt .large > p:first-of-type {
    margin-top: -0.208em;
  }
  .event02 .event_summary_txt .large > p:last-of-type {
    margin-bottom: -0.208em;
  }
}
.event02 .event_report_head {
  text-align: left;
}
@media screen and (min-width: 751px) {
  .event02 .event_report_head {
    padding-left: 5rem;
  }
}
.event02 .event_report {
  position: relative;
}
@media screen and (min-width: 751px) {
  .event02 .event_report {
    padding-bottom: 4.5rem;
  }
  .event02 .event_report::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1.7rem;
    width: 1.9rem;
    height: 96%;
    background-color: #B33832;
  }
  .event02 .event_report::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0.6rem;
    width: 4rem;
    height: 4rem;
    background-color: #B33832;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
            clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
}
@media screen and (min-width: 751px) {
  .event02 .event_report + .event_report {
    margin-top: 0;
  }
}
@media screen and (min-width: 751px) {
  .event02 .event_report.last {
    margin-bottom: 6rem;
  }
}
@media only screen and (max-width: 750px) {
  .event02 .event_report.last {
    margin-bottom: 4rem;
  }
}
.event02 .event_report.last::before, .event02 .event_report.last::after {
  content: none;
}
@media screen and (min-width: 751px) {
  .event02 .event_report_cont {
    padding: 0 7rem;
  }
}
@media only screen and (max-width: 750px) {
  .event02 .event_report_cont {
    row-gap: 1rem;
  }
}
@media screen and (min-width: 751px) {
  .event02 .event_report_cont .wide {
    grid-column: span 2;
  }
}
.event02 .event_report_cont p {
  color: #4D4D4D;
}
.event02 .event_report_cont .theme {
  font-weight: 700;
}
@media screen and (min-width: 751px) {
  .event02 .event_report_cont .theme {
    line-height: 1.875;
    font-size: 1.6rem;
  }
  .event02 .event_report_cont .theme > p {
    line-height: inherit;
    font: inherit;
  }
  .event02 .event_report_cont .theme > p:first-of-type {
    margin-top: -0.437em;
  }
  .event02 .event_report_cont .theme > p:last-of-type {
    margin-bottom: -0.437em;
  }
}
@media only screen and (max-width: 750px) {
  .event02 .event_report_cont .theme {
    line-height: 2;
    font-size: 1.4rem;
  }
  .event02 .event_report_cont .theme > p {
    line-height: inherit;
    font: inherit;
  }
  .event02 .event_report_cont .theme > p:first-of-type {
    margin-top: -0.5em;
  }
  .event02 .event_report_cont .theme > p:last-of-type {
    margin-bottom: -0.5em;
  }
}
.event02 .event_report_cont .theme > li {
  font-weight: inherit;
}
.event02 .event_report_cont .quiz_intro .box {
  background-color: #E6E6E6;
}
@media screen and (min-width: 751px) {
  .event02 .event_report_cont .quiz_intro .box {
    padding: 2.6rem 2rem 4rem;
  }
}
@media only screen and (max-width: 750px) {
  .event02 .event_report_cont .quiz_intro .box {
    padding: 1.5rem 1.25rem 2.5rem;
  }
}
.event02 .event_report_cont .quiz_intro .lead {
  text-align: center;
}
@media screen and (min-width: 751px) {
  .event02 .event_report_cont .quiz_intro .lead {
    line-height: 1.875;
    font-size: 1.6rem;
  }
  .event02 .event_report_cont .quiz_intro .lead > p {
    line-height: inherit;
    font: inherit;
  }
  .event02 .event_report_cont .quiz_intro .lead > p:first-of-type {
    margin-top: -0.437em;
  }
  .event02 .event_report_cont .quiz_intro .lead > p:last-of-type {
    margin-bottom: -0.437em;
  }
}
@media only screen and (max-width: 750px) {
  .event02 .event_report_cont .quiz_intro .lead {
    line-height: 1.819;
    font-size: 1.1rem;
  }
  .event02 .event_report_cont .quiz_intro .lead > p {
    line-height: inherit;
    font: inherit;
  }
  .event02 .event_report_cont .quiz_intro .lead > p:first-of-type {
    margin-top: -0.409em;
  }
  .event02 .event_report_cont .quiz_intro .lead > p:last-of-type {
    margin-bottom: -0.409em;
  }
}
.event02 .event_report_cont .quiz_intro .lead > p {
  position: relative;
  color: #211815;
}
.event02 .event_report_cont .quiz_intro .lead > p::before, .event02 .event_report_cont .quiz_intro .lead > p::after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -40%;
  width: 1px;
  height: 60%;
  background-color: #4D4D4D;
}
.event02 .event_report_cont .quiz_intro .lead > p::before {
  rotate: -40deg;
}
@media screen and (min-width: 751px) {
  .event02 .event_report_cont .quiz_intro .lead > p::before {
    left: 1.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .event02 .event_report_cont .quiz_intro .lead > p::before {
    left: 1.5rem;
  }
}
.event02 .event_report_cont .quiz_intro .lead > p::after {
  rotate: 40deg;
}
@media screen and (min-width: 751px) {
  .event02 .event_report_cont .quiz_intro .lead > p::after {
    right: 1.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .event02 .event_report_cont .quiz_intro .lead > p::after {
    right: 1.5rem;
  }
}
.event02 .event_report_cont .quiz_intro .q {
  display: flex;
}
@media screen and (min-width: 751px) {
  .event02 .event_report_cont .quiz_intro .q {
    gap: 1.5rem;
    margin-top: 3rem;
  }
}
@media only screen and (max-width: 750px) {
  .event02 .event_report_cont .quiz_intro .q {
    gap: 1rem;
    margin-top: 2rem;
  }
}
.event02 .event_report_cont .quiz_intro .q .head {
  flex-shrink: 0;
  font-family: "Lato", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 751px) {
  .event02 .event_report_cont .quiz_intro .q .head {
    line-height: 1;
    font-size: 6rem;
  }
  .event02 .event_report_cont .quiz_intro .q .head > p {
    line-height: inherit;
    font: inherit;
  }
  .event02 .event_report_cont .quiz_intro .q .head > p:first-of-type {
    margin-top: 0em;
  }
  .event02 .event_report_cont .quiz_intro .q .head > p:last-of-type {
    margin-bottom: 0em;
  }
}
@media only screen and (max-width: 750px) {
  .event02 .event_report_cont .quiz_intro .q .head {
    line-height: 1;
    font-size: 4.05rem;
  }
  .event02 .event_report_cont .quiz_intro .q .head > p {
    line-height: inherit;
    font: inherit;
  }
  .event02 .event_report_cont .quiz_intro .q .head > p:first-of-type {
    margin-top: 0em;
  }
  .event02 .event_report_cont .quiz_intro .q .head > p:last-of-type {
    margin-bottom: 0em;
  }
}
.event02 .event_report_cont .quiz_intro .q .txt {
  font-weight: 500;
}
@media screen and (min-width: 751px) {
  .event02 .event_report_cont .quiz_intro .q .txt {
    line-height: 1.563;
    font-size: 1.6rem;
  }
  .event02 .event_report_cont .quiz_intro .q .txt > p {
    line-height: inherit;
    font: inherit;
  }
  .event02 .event_report_cont .quiz_intro .q .txt > p:first-of-type {
    margin-top: -0.281em;
  }
  .event02 .event_report_cont .quiz_intro .q .txt > p:last-of-type {
    margin-bottom: -0.281em;
  }
}
@media only screen and (max-width: 750px) {
  .event02 .event_report_cont .quiz_intro .q .txt {
    line-height: 1.417;
    font-size: 1.2rem;
  }
  .event02 .event_report_cont .quiz_intro .q .txt > p {
    line-height: inherit;
    font: inherit;
  }
  .event02 .event_report_cont .quiz_intro .q .txt > p:first-of-type {
    margin-top: -0.208em;
  }
  .event02 .event_report_cont .quiz_intro .q .txt > p:last-of-type {
    margin-bottom: -0.208em;
  }
}
.event02 .event_report_cont .quiz_intro .q > p {
  color: #B33832;
  font-weight: inherit;
}
.event02 .event_report_cont .quiz_intro .hint {
  font-weight: 700;
}
@media screen and (min-width: 751px) {
  .event02 .event_report_cont .quiz_intro .hint {
    margin-top: 3.2rem;
    padding-left: 2.4rem;
    line-height: 1.5;
    font-size: 2rem;
    letter-spacing: -0.05em;
  }
  .event02 .event_report_cont .quiz_intro .hint > p {
    line-height: inherit;
    font: inherit;
  }
  .event02 .event_report_cont .quiz_intro .hint > p:first-of-type {
    margin-top: -0.25em;
  }
  .event02 .event_report_cont .quiz_intro .hint > p:last-of-type {
    margin-bottom: -0.25em;
  }
}
@media only screen and (max-width: 750px) {
  .event02 .event_report_cont .quiz_intro .hint {
    margin-top: 2.5rem;
    padding-left: 1.5rem;
    line-height: 1.482;
    font-size: 1.35rem;
    letter-spacing: -0.05em;
  }
  .event02 .event_report_cont .quiz_intro .hint > p {
    line-height: inherit;
    font: inherit;
  }
  .event02 .event_report_cont .quiz_intro .hint > p:first-of-type {
    margin-top: -0.24em;
  }
  .event02 .event_report_cont .quiz_intro .hint > p:last-of-type {
    margin-bottom: -0.24em;
  }
}
.event02 .event_report_cont .quiz_intro .hint > p {
  color: #4d4d4d;
  font-weight: inherit;
}
.event02 .event_report_cont .break_time {
  background-color: #E6E6E6;
}
@media screen and (min-width: 751px) {
  .event02 .event_report_cont .break_time {
    padding: 4rem 4.5rem 5rem;
  }
}
@media only screen and (max-width: 750px) {
  .event02 .event_report_cont .break_time {
    padding: 3.5rem 1.5rem 2.5rem;
  }
}
.event02 .event_report_cont .break_time .break_time_head {
  font-weight: 700;
}
@media screen and (min-width: 751px) {
  .event02 .event_report_cont .break_time .break_time_head {
    line-height: 1;
    font-size: 2.4rem;
  }
  .event02 .event_report_cont .break_time .break_time_head > p {
    line-height: inherit;
    font: inherit;
  }
  .event02 .event_report_cont .break_time .break_time_head > p:first-of-type {
    margin-top: 0em;
  }
  .event02 .event_report_cont .break_time .break_time_head > p:last-of-type {
    margin-bottom: 0em;
  }
}
@media only screen and (max-width: 750px) {
  .event02 .event_report_cont .break_time .break_time_head {
    line-height: 2.072;
    font-size: 1.4rem;
  }
  .event02 .event_report_cont .break_time .break_time_head > p {
    line-height: inherit;
    font: inherit;
  }
  .event02 .event_report_cont .break_time .break_time_head > p:first-of-type {
    margin-top: -0.535em;
  }
  .event02 .event_report_cont .break_time .break_time_head > p:last-of-type {
    margin-bottom: -0.535em;
  }
}
.event02 .event_report_cont .break_time .break_time_head > p {
  font-weight: inherit;
}
.event02 .event_report_cont .break_time .break_time_cont {
  display: flex;
}
@media screen and (min-width: 751px) {
  .event02 .event_report_cont .break_time .break_time_cont {
    gap: 1.5rem;
    margin-top: 3rem;
  }
}
@media only screen and (max-width: 750px) {
  .event02 .event_report_cont .break_time .break_time_cont {
    flex-direction: column;
    gap: 2.5rem;
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 751px) {
  .event02 .event_report_cont .break_time .break_time_cont .textBlock {
    width: 44.8rem;
  }
}
.event02 .event_report_cont .break_time .break_time_cont figure {
  flex-shrink: 0;
}
@media screen and (min-width: 751px) {
  .event02 .event_report_cont .break_time .break_time_cont figure {
    width: 32.8rem;
  }
}
@media screen and (min-width: 751px) {
  .event02 .event_report_cont .report_img07 {
    width: 44.2rem;
    margin: 4rem auto 0;
  }
}
@media only screen and (max-width: 750px) {
  .event02 .event_report_cont .report_img07 {
    margin: 4rem auto 0;
  }
}
@media screen and (min-width: 751px) {
  .event02 .voice06 {
    padding-left: 21.2rem;
  }
}
@media only screen and (max-width: 750px) {
  .event02 .voice06 {
    padding-left: 3.2rem;
  }
  .event02 .voice06 .report_voice_item {
    width: auto;
  }
}
.event02 .voice06 .report_voice_item {
  background-color: #BCDBD3;
}
.event02 .voice06 .report_voice_item::before {
  background-color: #BCDBD3;
}
@media screen and (min-width: 751px) {
  .event02 .voice07 {
    padding-right: 13.4rem;
  }
}
.event02 .voice07 .report_voice_item {
  background-color: #DBDBE3;
}
.event02 .voice07 .report_voice_item::before {
  background-color: #DBDBE3;
}
@media screen and (min-width: 751px) {
  .event02 .voice08 {
    padding-left: 14rem;
  }
}
.event02 .voice08 .report_voice_item {
  background-color: #BCDBD3;
}
.event02 .voice08 .report_voice_item::before {
  background-color: #BCDBD3;
}

@media screen and (min-width: 751px) {
  .report_answer_cont {
    width: 93rem;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 750px) {
  .report_answer_cont {
    width: 30.8rem;
    padding: 4.75rem 0 0;
  }
}

.report_answer_head {
  font-weight: 700;
}
@media screen and (min-width: 751px) {
  .report_answer_head {
    margin-bottom: 2.4rem;
    line-height: 1;
    font-size: 2.2rem;
  }
  .report_answer_head > p {
    line-height: inherit;
    font: inherit;
  }
  .report_answer_head > p:first-of-type {
    margin-top: 0em;
  }
  .report_answer_head > p:last-of-type {
    margin-bottom: 0em;
  }
}
@media only screen and (max-width: 750px) {
  .report_answer_head {
    margin-bottom: 1.6rem;
    line-height: 1;
    font-size: 1.4rem;
  }
  .report_answer_head > p {
    line-height: inherit;
    font: inherit;
  }
  .report_answer_head > p:first-of-type {
    margin-top: 0em;
  }
  .report_answer_head > p:last-of-type {
    margin-bottom: 0em;
  }
}
.report_answer_head > p {
  color: #B33832;
  font-weight: inherit;
}

/* ------------------
    クイズ
--------------------- */
.month_quiz {
  text-align: center;
  color: #E1A600;
  font-weight: 700;
}
@media screen and (min-width: 751px) {
  .month_quiz {
    margin-top: 4.5rem;
    margin-bottom: 3rem;
    line-height: 1;
    font-size: 2.2rem;
  }
  .month_quiz > p {
    line-height: inherit;
    font: inherit;
  }
  .month_quiz > p:first-of-type {
    margin-top: 0em;
  }
  .month_quiz > p:last-of-type {
    margin-bottom: 0em;
  }
}
@media only screen and (max-width: 750px) {
  .month_quiz {
    margin-top: 2.25rem;
    margin-bottom: 1.5rem;
    line-height: 1;
    font-size: 1.3rem;
  }
  .month_quiz > p {
    line-height: inherit;
    font: inherit;
  }
  .month_quiz > p:first-of-type {
    margin-top: 0em;
  }
  .month_quiz > p:last-of-type {
    margin-bottom: 0em;
  }
}
.month_quiz > p {
  font-weight: inherit;
}

.quiz_cont {
  background-color: #F2F3F3;
}
@media screen and (min-width: 751px) {
  .quiz_cont {
    padding: 7rem 2.5rem 3.5rem;
    border-radius: 1rem;
  }
}
@media only screen and (max-width: 750px) {
  .quiz_cont {
    padding: 3rem 1.75rem 4.25rem;
    border-radius: 0.5rem;
  }
}
@media screen and (min-width: 751px) {
  .quiz_cont + .quiz_cont {
    margin-top: 5rem;
  }
}
@media only screen and (max-width: 750px) {
  .quiz_cont + .quiz_cont {
    margin-top: 2.5rem;
  }
}

.quiz_q {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 751px) {
  .quiz_q {
    gap: 2.2rem;
    padding-left: 5rem;
  }
}
@media only screen and (max-width: 750px) {
  .quiz_q {
    gap: 1.5rem;
  }
}
.quiz_q .q {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #E1A600;
  color: #fff;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  border-radius: 100vmax;
}
@media screen and (min-width: 751px) {
  .quiz_q .q {
    width: 5.6rem;
    height: 5.6rem;
    line-height: 1;
    font-size: 3.4rem;
  }
  .quiz_q .q > p {
    line-height: inherit;
    font: inherit;
  }
  .quiz_q .q > p:first-of-type {
    margin-top: 0em;
  }
  .quiz_q .q > p:last-of-type {
    margin-bottom: 0em;
  }
}
@media only screen and (max-width: 750px) {
  .quiz_q .q {
    width: 3.9rem;
    height: 3.9rem;
    line-height: 1;
    font-size: 2.4rem;
  }
  .quiz_q .q > p {
    line-height: inherit;
    font: inherit;
  }
  .quiz_q .q > p:first-of-type {
    margin-top: 0em;
  }
  .quiz_q .q > p:last-of-type {
    margin-bottom: 0em;
  }
}
.quiz_q .q > p {
  font-weight: inherit;
}
@media screen and (min-width: 751px) {
  .quiz_q .txt {
    line-height: 1.637;
    font-size: 2.2rem;
  }
  .quiz_q .txt > p {
    line-height: inherit;
    font: inherit;
  }
  .quiz_q .txt > p:first-of-type {
    margin-top: -0.318em;
  }
  .quiz_q .txt > p:last-of-type {
    margin-bottom: -0.318em;
  }
}
@media only screen and (max-width: 750px) {
  .quiz_q .txt {
    line-height: 1.4;
    font-size: 1.5rem;
  }
  .quiz_q .txt > p {
    line-height: inherit;
    font: inherit;
  }
  .quiz_q .txt > p:first-of-type {
    margin-top: -0.2em;
  }
  .quiz_q .txt > p:last-of-type {
    margin-bottom: -0.2em;
  }
}

.quiz_a {
  display: grid;
}
@media screen and (min-width: 751px) {
  .quiz_a {
    row-gap: 2rem;
    margin-top: 6rem;
    padding: 0 3rem;
  }
}
@media only screen and (max-width: 750px) {
  .quiz_a {
    row-gap: 1.5rem;
    margin-top: 2rem;
  }
}

.button_choice {
  background-color: #fff;
  box-shadow: 0.4rem 0.4rem 0.5rem 0rem rgba(0, 0, 0, 0.2);
  text-align: left;
  cursor: pointer;
}
@media screen and (min-width: 751px) {
  .button_choice {
    padding: 3rem 4rem;
    line-height: 1;
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 750px) {
  .button_choice {
    padding: 1.5rem 1.5rem;
    line-height: 1;
    font-size: 1.7rem;
  }
}
.button_choice.active {
  background-color: #E1A600;
  color: #fff;
}

.result {
  background-color: #fff;
}
@media screen and (min-width: 751px) {
  .result {
    margin-top: 7rem;
    padding: 6rem 3.8rem 9rem;
  }
}
@media only screen and (max-width: 750px) {
  .result {
    margin-top: 4rem;
    padding: 2.5rem 1.5rem 2.5rem;
  }
}
.result.hidden {
  display: none;
}

.result_head {
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 751px) {
  .result_head {
    line-height: 1;
    font-size: 3.8rem;
  }
  .result_head > p {
    line-height: inherit;
    font: inherit;
  }
  .result_head > p:first-of-type {
    margin-top: 0em;
  }
  .result_head > p:last-of-type {
    margin-bottom: 0em;
  }
}
@media only screen and (max-width: 750px) {
  .result_head {
    line-height: 1;
    font-size: 2.35rem;
  }
  .result_head > p {
    line-height: inherit;
    font: inherit;
  }
  .result_head > p:first-of-type {
    margin-top: 0em;
  }
  .result_head > p:last-of-type {
    margin-bottom: 0em;
  }
}
.result_head > p {
  font-weight: inherit;
}
.result_head.correct {
  color: #B33832;
}

.result_a {
  text-align: center;
  color: #B33832;
  font-weight: 700;
}
@media screen and (min-width: 751px) {
  .result_a {
    margin-top: 6rem;
    line-height: 1;
    font-size: 4.3rem;
  }
  .result_a > p {
    line-height: inherit;
    font: inherit;
  }
  .result_a > p:first-of-type {
    margin-top: 0em;
  }
  .result_a > p:last-of-type {
    margin-bottom: 0em;
  }
}
@media only screen and (max-width: 750px) {
  .result_a {
    margin-top: 2rem;
    line-height: 1;
    font-size: 2.35rem;
  }
  .result_a > p {
    line-height: inherit;
    font: inherit;
  }
  .result_a > p:first-of-type {
    margin-top: 0em;
  }
  .result_a > p:last-of-type {
    margin-bottom: 0em;
  }
}
.result_a > p {
  font-weight: inherit;
}

@media screen and (min-width: 751px) {
  .result_txt {
    margin-top: 4.5rem;
    line-height: 2.125;
    font-size: 1.6rem;
  }
  .result_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .result_txt > p:first-of-type {
    margin-top: -0.562em;
  }
  .result_txt > p:last-of-type {
    margin-bottom: -0.562em;
  }
}
@media only screen and (max-width: 750px) {
  .result_txt {
    margin-top: 3rem;
    line-height: 2;
    font-size: 1.4rem;
  }
  .result_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .result_txt > p:first-of-type {
    margin-top: -0.5em;
  }
  .result_txt > p:last-of-type {
    margin-bottom: -0.5em;
  }
}

.result_link {
  text-align: center;
}
@media screen and (min-width: 751px) {
  .result_link {
    margin-top: 6rem;
    line-height: 2;
    font-size: 1.8rem;
  }
  .result_link > a {
    line-height: inherit;
    font: inherit;
  }
  .result_link > a:first-of-type {
    margin-top: -0.5em;
  }
  .result_link > a:last-of-type {
    margin-bottom: -0.5em;
  }
}
@media only screen and (max-width: 750px) {
  .result_link {
    margin-top: 4rem;
    line-height: 1.286;
    font-size: 1.4rem;
  }
  .result_link > a {
    line-height: inherit;
    font: inherit;
  }
  .result_link > a:first-of-type {
    margin-top: -0.142em;
  }
  .result_link > a:last-of-type {
    margin-bottom: -0.142em;
  }
}
.result_link a {
  color: #B33832;
}