.kobe-box {
     max-width: 50em;
     margin: 0 auto;
 }
 .kobe-box_center {
     max-width: 40em;
     margin: 0 auto;
     text-align: center;   
 }
 .kobe-quiz_source {
     margin-bottom: 2%;
 }
 .kobe-quiz_num {
     font-size: x-large;
     font-weight: bold;
 }
 .kobe-question {
     font-size: x-large;
 }
  @media screen and (max-width: 650px) {
 .kobe-question {
     font-size: large;
 }
 }
 @media screen and (max-width: 400px) {
 .kobe-question {
     font-size: medium;
 }
 }
 .kobe-wrong {
     font-size: x-large;
     font-weight: bold;
 }
 .kobe-text {
     font-size: x-large;
     margin-top: 1em;
     margin-bottom: 1em;
 }
 @media screen and (max-width: 650px) {
 .kobe-text {
     font-size: large;
 }
 }
 @media screen and (max-width: 400px) {
 .kobe-text {
     font-size: medium;
 }
 }
 .kobe-sub_box {
    display: flex;
    position: relative;
 }
 .kobe-choice {
     font-size: xx-large;
 }
 @media screen and (max-width: 650px) {
 .kobe-choice {
     font-size: large;
 }
 }
 @media screen and (max-width: 400px) {
 .kobe-choice {
     font-size: medium;
 }
 }
 .kobe-answer {
     margin: 0.5em;
     color: #ff0000;
     position: relative;
     border: solid 0.05em #000000;
     border-radius: 0.5em;
     cursor: pointer;
     padding: 0.5em;
 }
 .kobe-answer a{
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     height:100%;
     width: 100%;
 }
 .kobe-retry {
     font-size: xx-large;
     margin-left: 2em;
     width: 12em;
     color: #ff0000;
     text-align: center;
     position: relative;
     border: solid 0.05em #000000;
     border-radius: 0.5em;
     cursor: pointer;
     margin: 0.5em;
     padding: 0.5em;
 }
 @media screen and (max-width: 650px) {
 .kobe-retry {
     font-size: large;
 }
 }
 @media screen and (max-width: 400px) {
 .kobe-retry {
     font-size: medium;
 }
 }
 .kobe-retry a {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     height:100%;
     width: 100%;
 }
 .kobe-harerun_thinking {
     display: block;
     position: absolute;
     right: 0;
     bottom: 0;
     width: 127px;
     height: 176px;
 }
 @media screen and (max-width: 740px) {
 .kobe-harerun_thinking {
     display: none;
 }   
 }
 .kobe-harerun_studying {
     display: block;
     position: absolute;
     right: 0;
     width: 200px;
     height: 153px;
 }
 @media screen and (max-width: 650px) {
 .kobe-harerun_studying {
     display: none;
 }   
 }
 .kobe-harerun_jumping {
     display: block;
     width: 200px;
     height: 262px;
     margin-left: auto;
     margin-right: auto;
 }