@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: "LINE Seed JP";
  src:
    url("../fonts/LINESeedJP_OTF_Rg.woff") format("woff"),
    url("../fonts/LINESeedJP_OTF_Rg.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "LINE Seed JP";
  src:
    url("../fonts/LINESeedJP_OTF_Bd.woff") format("woff"),
    url("../fonts/LINESeedJP_OTF_Bd.woff2") format("woff2");
  font-weight: 700;
  font-style: bold;
}
@font-face {
  font-family: "LINE Seed JP";
  src:
    url("../fonts/LINESeedJP_OTF_Eb.woff") format("woff"),
    url("../fonts/LINESeedJP_OTF_Eb.woff2") format("woff2");
  font-weight: 800;
  font-style: bold;
}

rt {
  font-size: 0.8rem;
  font-weight: 700;
  position: relative;
  top: -1.5px;
}
/* ----------- 問題画面 ----------- */
.question-editing-head,
.question-editing-head-st {
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  background: #fcfcfc;
  position: sticky;
  top: 0;
  z-index: 99;
  width: max-content;
  min-width: 100vw;
  color: #4a4a4a;
  font-family: "LINE Seed JP", sans-serif;
}
.question-editing-head button,
.question-editing-head-st button {
  cursor: pointer;
}
.question-editing-head-st button:focus {
  outline: none;
  outline-offset: 0;
}
.question-editing-head .status-bar,
.question-editing-head-st .status-bar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background: #def9cb;
}
.question-editing-head .status-bar.kokugo,
.question-editing-head-st .status-bar.kokugo {
  background: #e50000;
}
.question-editing-head .status-bar.sansu,
.question-editing-head-st .status-bar.sansu {
  background: #0066d6;
}
.question-editing-head .status-bar.rika,
.question-editing-head-st .status-bar.rika {
  background: #008b00;
}
.question-editing-head .status-bar.shakai,
.question-editing-head-st .status-bar.shakai {
  background: #e67600;
}
.question-editing-head .status-bar.eigo,
.question-editing-head-st .status-bar.eigo {
  background: #998500;
}
.question-editing-head .status-bar-wrap,
.question-editing-head-st .status-bar-wrap {
  padding: 0 16px;
  display: flex;
  align-items: center;
  height: 32px;
  color: #fff;
  width: 1280px;
  margin: 0 auto;
}
.question-editing-head .status-bar .subject-wrap,
.question-editing-head-st .status-bar .subject-wrap {
  display: flex;
  align-items: center;
  min-width: 184px;
}
.question-editing-head .status-bar .subject-wrap .subject,
.question-editing-head-st .status-bar .subject-wrap .subject {
  font-weight: 700;
  margin-right: 8px;
  font-size: 1.8rem;
}
.question-editing-head .status-bar .subject-wrap .grade,
.question-editing-head-st .status-bar .subject-wrap .grade {
  margin-right: 8px;
}
.question-editing-head .status-bar .content-title,
.question-editing-head-st .status-bar .content-title {
  font-size: 1.8rem;
  display: flex;
  align-items: center;
}
.question-editing-head .status-bar .content-title::before,
.question-editing-head-st .status-bar .content-title::before {
  content: "";
  width: 1px;
  height: 20px;
  background: rgba(0, 0, 0, 0.07);
  margin: 0 12px;
}
.question-editing-head .status-bar .name-block,
.question-editing-head-st .status-bar .name-block {
  margin-left: auto;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
}
.question-editing-head .status-bar .name-block li,
.question-editing-head-st .status-bar .name-block li {
  margin-left: 16px;
}
.question-editing-head .status-nav,
.question-editing-head-st .status-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  height: 84px;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
.question-editing-head .question-status,
.question-editing-head-st .question-status {
  padding: 0 12px 0 0;
  display: flex;
  align-items: center;
}
.question-editing-head .question-status dl,
.question-editing-head-st .question-status dl {
  display: flex;
  align-items: center;
  width: 144px;
}
.question-editing-head .question-status dt,
.question-editing-head-st .question-status dt {
  width: 56px;
  color: #888;
  font-size: 1.2rem;
  margin-right: 8px;
  flex-shrink: 0;
}
.question-editing-head .question-status dd,
.question-editing-head-st .question-status dd {
  letter-spacing: 0.1em;
}
.question-editing-head .question-status .status-time dd,
.question-editing-head-st .question-status .status-time dd {
  font-size: 2.2rem;
}
.question-editing-head .question-status .status-number dd,
.question-editing-head-st .question-status .status-number dd {
  font-size: 1.8rem;
}
.question-editing-head .question-status dd span,
.question-editing-head-st .question-status dd span {
  letter-spacing: 0;
  position: relative;
}
.question-editing-head .question-status dd .colon,
.question-editing-head-st .question-status dd .colon {
  top: -2px;
  padding: 0 4px 0 2px;
}
.question-editing-head .question-status dd .slash,
.question-editing-head-st .question-status dd .slash {
  font-size: 1.4rem;
  top: -2px;
  padding: 0 3px;
}
.question-editing-head .question-status dd .unit,
.question-editing-head-st .question-status dd .unit {
  font-size: 1rem;
  font-weight: 700;
}
.question-editing-head .question-status .question-status-list,
.question-editing-head-st .question-status .question-status-list {
  width: 56px;
  height: 68px;
  border-radius: 8px;
  border: 3px solid #99c9ff;
  background: #fff;
  box-shadow: 0 2px 0 0 rgba(157, 157, 18, 0.16);
  margin-left: 12px;
  font-weight: 700;
  color: #004fa8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 1.2;
  font-size: 1.4rem;
}
.question-editing-head .question-status .question-status-list.is-active,
.question-editing-head-st .question-status .question-status-list.is-active {
  color: #fff;
  background: #007bff;
  border-color: #007bff;
}
.question-editing-head .question-status .question-status-list:hover,
.question-editing-head-st .question-status .question-status-list:hover {
  background: #c2dfff;
}
.question-editing-head .test-result-info,
.question-editing-head-st .test-result-info {
  display: flex;
  align-items: center;
}
.question-editing-head .test-result-info::after,
.question-editing-head-st .test-result-info::after {
  content: "";
  width: 1px;
  height: 68px;
  background: #ececec;
  margin: 0 0 0 12px;
}
.question-editing-head .test-result-info .info-data,
.question-editing-head-st .test-result-info .info-data {
  min-width: 206px;
  height: 68px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  line-height: 1.4;
  position: relative;
  border: 3px solid transparent;
  border-radius: 8px;
  padding: 8px;
}
.question-editing-head .test-result-info .info-data::after,
.question-editing-head-st .test-result-info .info-data::after {
  content: "";
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M4.70687%205.29336C4.31635%204.90287%203.68333%204.90286%203.29281%205.29336C2.90244%205.68389%202.90235%206.31695%203.29281%206.70742L7.29281%2010.7074C7.48031%2010.8948%207.73475%2011.0004%207.99984%2011.0004C8.2649%2011.0003%208.5194%2010.8948%208.70687%2010.7074L12.7069%206.70742C13.0972%206.31697%2013.0971%205.68387%2012.7069%205.29336C12.3164%204.90287%2011.6833%204.90294%2011.2928%205.29336L7.99984%208.58633L4.70687%205.29336Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  margin: auto;
}
.question-editing-head .test-result-info.is-active .info-data,
.question-editing-head .test-result-info .info-data:hover,
.question-editing-head-st .test-result-info.is-active .info-data,
.question-editing-head-st .test-result-info .info-data:hover {
  border: 3px solid rgba(0, 0, 0, 0.07);
  background: #f7f7f7;
}
.question-editing-head .test-result-info.is-active .info-data::after,
.question-editing-head-st .test-result-info.is-active .info-data::after {
  transform: scale(1, -1);
}
.question-editing-head .test-result-info .info-title,
.question-editing-head-st .test-result-info .info-title {
  font-size: 1rem;
  font-weight: 700;
}
.question-editing-head .test-result-info .info-title rt,
.question-editing-head-st .test-result-info .info-title rt {
  font-size: 0.5em;
}
.question-editing-head .test-result-info .test-score,
.question-editing-head-st .test-result-info .test-score {
  display: flex;
  align-items: center;
  font-size: 2.4rem;
}
.question-editing-head .test-result-info .test-score .current,
.question-editing-head-st .test-result-info .test-score .current {
  color: #ff3830;
  font-weight: 700;
}
.question-editing-head .test-result-info .test-score .slash,
.question-editing-head-st .test-result-info .test-score .slash {
  font-size: 1.4rem;
  padding: 0 3px 0 5px;
}
.question-editing-head .test-result-info .test-score .unit,
.question-editing-head-st .test-result-info .test-score .unit {
  font-size: 1rem;
}
.question-editing-head .test-result-info .test-score .unit rt,
.question-editing-head-st .test-result-info .test-score .unit rt {
  font-size: 0.5rem;
}
.question-editing-head .test-result-info .test-result-details,
.question-editing-head-st .test-result-info .test-result-details {
  border: 3px solid rgba(0, 0, 0, 0.07);
  background: #f7f7f7;
  position: absolute;
  top: 94px;
  left: 12px;
  border-radius: 8px;
  padding: 21px;
  display: flex;
}
.question-editing-head .test-result-info .test-result-details .data-box,
.question-editing-head-st .test-result-info .test-result-details .data-box {
  display: flex;
  align-items: center;
}
.question-editing-head .test-result-info .test-result-details .data-box::after,
.question-editing-head-st .test-result-info .test-result-details .data-box::after {
  content: "";
  width: 1px;
  height: 48px;
  background: #ececec;
  margin: 0 16px;
}
.question-editing-head .test-result-info .test-result-details .data-box:last-of-type::after,
.question-editing-head-st .test-result-info .test-result-details .data-box:last-of-type::after {
  display: none;
}
.question-editing-head .test-result-info .test-result-details .info-data,
.question-editing-head-st .test-result-info .test-result-details .info-data {
  border: none;
  min-width: 82px;
  min-height: 48px;
  justify-content: center;
  text-align: center;
  padding: 0;
  height: auto;
}
.question-editing-head .test-result-info .test-result-details .info-data::after,
.question-editing-head-st .test-result-info .test-result-details .info-data::after {
  display: none;
}
.question-editing-head .test-result-info .test-result-details .test-score,
.question-editing-head-st .test-result-info .test-result-details .test-score {
  font-size: 1.8rem;
  justify-content: center;
}
.question-editing-head .status-nav .step-lists,
.question-editing-head-st .status-nav .step-lists {
  margin-right: 12px;
}
.question-editing-head .status-nav.result-nav .step-lists,
.question-editing-head-st .status-nav.result-nav .step-lists {
  margin-right: 8px;
}
.question-editing-head .status-nav .step-list,
.question-editing-head-st .status-nav .step-list {
  display: flex;
}
.question-editing-head .status-nav .step-list li,
.question-editing-head-st .status-nav .step-list li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  position: relative;
  margin-right: 4px;
  cursor: pointer;
}
.question-editing-head .status-nav .step-list li:last-child,
.question-editing-head-st .status-nav .step-list li:last-child {
  margin-right: 0;
}
.question-editing-head .status-nav .step-list li.done,
.question-editing-head-st .status-nav .step-list li.done {
  cursor: default;
}
.question-editing-head .status-nav .step-list li.done::before,
.question-editing-head-st .status-nav .step-list li.done::before {
  content: "";
  width: 14px;
  height: 14px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%227%22%20fill%3D%22%232F9F2F%22%2F%3E%3Cpath%20d%3D%22M8.19987%204.40011C8.5312%203.95833%209.15746%203.86868%209.59928%204.19991C10.0408%204.5313%2010.1306%205.15761%209.79948%205.59933L6.79948%209.59933C6.61064%209.85096%206.31428%209.99968%205.99967%209.99972C5.68506%209.99972%205.38873%209.85092%205.19987%209.59933L3.69987%207.59933C3.36867%207.15755%203.4584%206.53127%203.90006%206.19991C4.34188%205.86868%204.96814%205.95833%205.29948%206.40011L5.99967%207.3337L8.19987%204.40011Z%22%20fill%3D%22%23DEF9CB%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  position: absolute;
  right: -6px;
  bottom: 0;
  z-index: 2;
}
.question-editing-head .status-nav .step-list li.correct::before,
.question-editing-head-st .status-nav .step-list li.correct::before {
  content: "";
  width: 14px;
  height: 14px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M0%207C0%203.13401%203.13401%200%207%200C10.866%200%2014%203.13401%2014%207C14%2010.866%2010.866%2014%207%2014C3.13401%2014%200%2010.866%200%207Z%22%20fill%3D%22white%22%2F%3E%20%3Cpath%20d%3D%22M7%201C10.3137%201%2013%203.68629%2013%207C13%2010.3137%2010.3137%2013%207%2013C3.68629%2013%201%2010.3137%201%207C1%203.68629%203.68629%201%207%201Z%22%20stroke%3D%22black%22%20stroke-opacity%3D%220.12%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.99922%203.3252C9.02886%203.3252%2010.6742%204.97055%2010.6742%207.0002C10.6742%209.02984%209.02886%2010.6752%206.99922%2010.6752C4.96957%2010.6752%203.32422%209.02984%203.32422%207.0002C3.32422%204.97055%204.96957%203.3252%206.99922%203.3252ZM6.99922%204.3752C5.54947%204.3752%204.37422%205.55045%204.37422%207.0002C4.37422%208.44994%205.54947%209.62519%206.99922%209.62519C8.44897%209.62519%209.62422%208.44994%209.62422%207.0002C9.62422%205.55045%208.44897%204.3752%206.99922%204.3752Z%22%20fill%3D%22%23007BFF%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  position: absolute;
  right: -4px;
  bottom: -4px;
  z-index: 2;
}
.question-editing-head .status-nav .step-list li.partial::before,
.question-editing-head-st .status-nav .step-list li.partial::before {
  content: "";
  width: 14px;
  height: 14px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M0%207C0%203.13401%203.13401%200%207%200C10.866%200%2014%203.13401%2014%207C14%2010.866%2010.866%2014%207%2014C3.13401%2014%200%2010.866%200%207Z%22%20fill%3D%22white%22%2F%3E%20%3Cpath%20d%3D%22M7%200.4375C10.6244%200.4375%2013.5625%203.37563%2013.5625%207C13.5625%2010.6244%2010.6244%2013.5625%207%2013.5625C3.37563%2013.5625%200.4375%2010.6244%200.4375%207C0.4375%203.37563%203.37563%200.4375%207%200.4375Z%22%20stroke%3D%22black%22%20stroke-opacity%3D%220.12%22%20stroke-width%3D%220.875%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.00006%202.88721C7.18295%202.88721%207.35278%202.98237%207.44815%203.13843L11.2982%209.43843C11.3971%209.60042%2011.4009%209.8033%2011.3081%209.9689C11.2152%2010.1345%2011.04%2010.2372%2010.8501%2010.2372H3.15006C2.96016%2010.2372%202.78494%2010.1345%202.69205%209.9689C2.59925%209.8033%202.60299%209.60042%202.70196%209.43843L6.55196%203.13843L6.59127%203.08271C6.69014%202.96002%206.84008%202.88721%207.00006%202.88721ZM4.08624%209.18721H9.91388L7.00006%204.41914L4.08624%209.18721Z%22%20fill%3D%22%23FF8B00%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  position: absolute;
  right: -4px;
  bottom: -4px;
  z-index: 2;
}
.question-editing-head .status-nav .step-list li.incorrect::before,
.question-editing-head-st .status-nav .step-list li.incorrect::before {
  content: "";
  width: 14px;
  height: 14px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M0%207C0%203.13401%203.13401%200%207%200C10.866%200%2014%203.13401%2014%207C14%2010.866%2010.866%2014%207%2014C3.13401%2014%200%2010.866%200%207Z%22%20fill%3D%22white%22%2F%3E%20%3Cpath%20d%3D%22M7%200.4375C10.6244%200.4375%2013.5625%203.37563%2013.5625%207C13.5625%2010.6244%2010.6244%2013.5625%207%2013.5625C3.37563%2013.5625%200.4375%2010.6244%200.4375%207C0.4375%203.37563%203.37563%200.4375%207%200.4375Z%22%20stroke%3D%22black%22%20stroke-opacity%3D%220.12%22%20stroke-width%3D%220.875%22%2F%3E%20%3Cpath%20d%3D%22M9.07721%204.17867C9.28223%203.97365%209.61456%203.97365%209.81959%204.17867C10.0246%204.3837%2010.0246%204.71604%209.81959%204.92105L7.74078%206.99986L9.81959%209.07867C10.0246%209.2837%2010.0246%209.61604%209.81959%209.82105C9.61458%2010.0261%209.28223%2010.026%209.07721%209.82105L6.9984%207.74225L4.91959%209.82105C4.71458%2010.0261%204.38223%2010.026%204.17721%209.82105C3.97218%209.61603%203.97218%209.2837%204.17721%209.07867L6.25601%206.99986L4.17721%204.92105C3.97218%204.71603%203.97218%204.3837%204.17721%204.17867C4.38223%203.97365%204.71456%203.97365%204.91959%204.17867L6.9984%206.25748L9.07721%204.17867Z%22%20fill%3D%22%23FF3830%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  position: absolute;
  right: -4px;
  bottom: -4px;
  z-index: 2;
}
.question-editing-head .status-nav .step-list li p,
.question-editing-head-st .status-nav .step-list li p {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.question-editing-head .status-nav .step-list li p span,
.question-editing-head-st .status-nav .step-list li p span {
  font-size: 2rem;
  line-height: 1;
}
.question-editing-head .status-nav .step-list.large,
.question-editing-head-st .status-nav .step-list.large {
  margin-bottom: 5px;
}
.question-editing-head .status-nav .step-list.large li p,
.question-editing-head-st .status-nav .step-list.large li p {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #66afff;
  box-shadow: 0 2px 0 0 rgba(157, 157, 18, 0.16);
  width: 32px;
  height: 32px;
}
.question-editing-head .status-nav .step-list.large li:hover p,
.question-editing-head-st .status-nav .step-list.large li:hover p {
  background: #007bff;
}
.question-editing-head .status-nav .step-list.large li.done p,
.question-editing-head-st .status-nav .step-list.large li.done p {
  border-color: rgba(0, 0, 0, 0.07);
  background: #c2c2c2;
  box-shadow: none;
}
.question-editing-head .status-nav .step-list li.current,
.question-editing-head-st .status-nav .step-list li.current {
  cursor: default;
}
.question-editing-head .status-nav .step-list.large li.current p,
.question-editing-head-st .status-nav .step-list.large li.current p {
  border-color: rgba(0, 0, 0, 0.30);
  background: #004fa8;
  box-shadow: none;
}
.question-editing-head .status-nav .step-list.large li p span,
.question-editing-head-st .status-nav .step-list.large li p span {
  color: #fff;
  letter-spacing: -0.07em;
  transform: translateX(-0.035em);
  font-family: 'OT-UDDigiKyokashoProN-Heavy';
}
.question-editing-head .status-nav .step-list.medium li p,
.question-editing-head-st .status-nav .step-list.medium li p {
  border-radius: 50%;
  border: 1.5px solid rgba(0, 0, 0, 0.30);
  background: #fff;
  width: 28px;
  height: 28px;
}
.question-editing-head .status-nav .step-list.medium li:hover p,
.question-editing-head-st .status-nav .step-list.medium li:hover p {
  background: #e0efff;
}
.question-editing-head .status-nav .step-list.medium li p span,
.question-editing-head-st .status-nav .step-list.medium li p span {
  color: #4a4a4a;
  letter-spacing: -0.12em;
  transform: translateX(-0.06em);
  font-family: 'OT-UDDigiKyokashoProN-Medium';
}
.question-editing-head .status-nav .step-list.medium li.done p span,
.question-editing-head-st .status-nav .step-list.medium li.done p span {
  color: #888;
}
.question-editing-head .status-nav .step-list.medium li.done:hover p,
.question-editing-head-st .status-nav .step-list.medium li.done:hover p {
  background: #fff;
}
.question-editing-head .status-nav .step-list.medium li.current p,
.question-editing-head-st .status-nav .step-list.medium li.current p {
  border-color: #004fa8;
  background: #e0efff;
}
.question-editing-head .status-nav .step-list.medium li.current p span,
.question-editing-head-st .status-nav .step-list.medium li.current p span {
  color: #004fa8;
}
.question-editing-head .status-nav .step-list.medium li.small p,
.question-editing-head-st .status-nav .step-list.medium li.small p {
  border: none;
  background: none;
  border-radius: 4px;
}
.question-editing-head .status-nav .step-list.medium li.small:hover p,
.question-editing-head-st .status-nav .step-list.medium li.small:hover p {
  background: #e0efff;
}
.question-editing-head .status-nav .step-list.medium li.small p span,
.question-editing-head-st .status-nav .step-list.medium li.small p span {
  font-size: 2.2rem;
  color: #888;
}
.question-editing-head .status-nav .step-list.medium li.small.current p,
.question-editing-head-st .status-nav .step-list.medium li.small.current p {
  background: #e0efff;
}
.question-editing-head .status-nav .step-list.medium li.small.current p span,
.question-editing-head-st .status-nav .step-list.medium li.small.current p span {
  color: #004fa8;
}
.question-editing-head .btn-wrap,
.question-editing-head-st .btn-wrap {
  display: flex;
  align-items: center;
}
.question-editing-head .btn-wrap button,
.question-editing-head-st .btn-wrap button {
  width: 72px;
  height: 68px;
  border-radius: 8px;
  border: 3px solid;
  background: #fff;
  box-shadow: 0 2px 0 0 rgba(157, 157, 18, 0.16);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.question-editing-head .btn-wrap button span,
.question-editing-head-st .btn-wrap button span {
  font-weight: 700;
}
.question-editing-head .btn-wrap .pager-btn,
.question-editing-head-st .btn-wrap .pager-btn {
  display: flex;
  margin-right: 8px;
}
.question-editing-head .btn-wrap .pager-btn button,
.question-editing-head-st .btn-wrap .pager-btn button {
  width: 68px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #004fa8;
  border-color: #99c9ff;
}
.question-editing-head .btn-wrap .pager-btn button::before,
.question-editing-head-st .btn-wrap .pager-btn button::before {
  content: "";
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M17.4594%206.8473C17.4594%205.12648%2015.6062%204.04232%2014.1064%204.88587L4.94524%2010.0392C3.41668%2010.8995%203.4167%2013.1003%204.94524%2013.9606L14.1064%2019.1139C15.6062%2019.9575%2017.4594%2018.8733%2017.4594%2017.1525V6.8473Z%22%20fill%3D%22%23007BFF%22%2F%3E%3C%2Fsvg%3E');
  mask-repeat: no-repeat;
  mask-size: contain;
  background: #007bff;
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
}
.question-editing-head .btn-wrap .pager-btn button:hover,
.question-editing-head-st .btn-wrap .pager-btn button:hover {
  background: #c2dfff;
}
.question-editing-head .btn-wrap .pager-btn button.next-btn,
.question-editing-head-st .btn-wrap .pager-btn button.next-btn {
  margin-left: 4px;
}
.question-editing-head .btn-wrap .pager-btn button.next-btn::before,
.question-editing-head-st .btn-wrap .pager-btn button.next-btn::before {
  transform: scale(-1, 1);
}
.question-editing-head .btn-wrap .close-btn-box,
.question-editing-head-st .btn-wrap .close-btn-box {
  display: flex;
  align-items: center;
}
.question-editing-head .btn-wrap .close-btn-box::before,
.question-editing-head-st .btn-wrap .close-btn-box::before {
  content: "";
  width: 1px;
  height: 68px;
  background: #ececec;
  margin-right: 12px;
}
.question-editing-head .btn-wrap .interrupt-btn,
.question-editing-head-st .btn-wrap .interrupt-btn {
  border-color: #ffc1bd;
  color: #e50000;
  margin-right: 8px;
  font-size: 1.4rem;
}
.question-editing-head .btn-wrap .close-btn,
.question-editing-head-st .btn-wrap .close-btn {
  border-color: #ffc1bd;
  color: #e50000;
  font-size: 1.4rem;
}
.question-editing-head .btn-wrap .interrupt-btn:hover,
.question-editing-head .btn-wrap .close-btn:hover,
.question-editing-head-st .btn-wrap .interrupt-btn:hover,
.question-editing-head-st .btn-wrap .close-btn:hover {
  background: #ffdad7;
}
.question-editing-head .btn-wrap .interrupt-btn::before,
.question-editing-head-st .btn-wrap .interrupt-btn::before {
  content: "";
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M9%204C10.1046%204%2011%204.89543%2011%206V18C11%2019.1046%2010.1046%2020%209%2020H7C5.89543%2020%205%2019.1046%205%2018V6C5%204.89543%205.89543%204%207%204H9Z%22%20fill%3D%22%23E50000%22%2F%3E%20%3Cpath%20d%3D%22M17%204C18.1046%204%2019%204.89543%2019%206V18C19%2019.1046%2018.1046%2020%2017%2020H15C13.8954%2020%2013%2019.1046%2013%2018V6C13%204.89543%2013.8954%204%2015%204H17Z%22%20fill%3D%22%23E50000%22%2F%3E%3C%2Fsvg%3E');
  mask-repeat: no-repeat;
  mask-size: contain;
  background: #e50000;
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
}
.question-editing-head .btn-wrap .close-btn::before,
.question-editing-head-st .btn-wrap .close-btn::before {
  content: "";
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M7.41385%204.58579C6.63281%203.80474%205.36678%203.80474%204.58573%204.58579C3.80479%205.36684%203.80472%206.6329%204.58573%207.41391L9.17167%2011.9998L4.58573%2016.5858C3.80479%2017.3668%203.80472%2018.6329%204.58573%2019.4139C5.36674%2020.1949%206.6328%2020.1948%207.41385%2019.4139L11.9998%2014.828L16.5857%2019.4139C17.3667%2020.1949%2018.6328%2020.1948%2019.4139%2019.4139C20.1949%2018.6329%2020.1949%2017.3668%2019.4139%2016.5858L14.8279%2011.9998L19.4139%207.41391C20.1949%206.63286%2020.1949%205.36683%2019.4139%204.58579C18.6328%203.80474%2017.3668%203.80474%2016.5857%204.58579L11.9998%209.17172L7.41385%204.58579Z%22%20fill%3D%22%23E50000%22%2F%3E%3C%2Fsvg%3E');
  mask-repeat: no-repeat;
  mask-size: contain;
  background: #e50000;
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
}
.question-editing-head .btn-wrap .stop-btn,
.question-editing-head-st .btn-wrap .stop-btn {
  border-color: #ff3830;
  color: #fff;
  background: #e50000;
  font-size: 1.4rem;
}
.question-editing-head .btn-wrap .stop-btn:hover,
.question-editing-head-st .btn-wrap .stop-btn:hover {
  background: #c20000;
  border-color: #c20000;
}
.question-editing-head .question-status .question-status-list:disabled,
.question-editing-head .btn-wrap .pager-btn button:disabled,
.question-editing-head .btn-wrap .interrupt-btn:disabled,
.question-editing-head .btn-wrap .stop-btn:disabled,
.question-editing-head-st .question-status .question-status-list:disabled,
.question-editing-head-st .btn-wrap .pager-btn button:disabled,
.question-editing-head-st .btn-wrap .interrupt-btn:disabled,
.question-editing-head-st .btn-wrap .stop-btn:disabled {
  border-color: #ececec;
  background: #f7f7f7;
  color: #c2c2c2;
  pointer-events: none;
  box-shadow: none;
}
.question-editing-head .btn-wrap .pager-btn button:disabled::before,
.question-editing-head .btn-wrap .interrupt-btn:disabled::before,
.question-editing-head-st .btn-wrap .pager-btn button:disabled::before,
.question-editing-head-st .btn-wrap .interrupt-btn:disabled::before {
  background: #c2c2c2;
}

.question-main-contents {
  width: 1120px;
  margin: 0 auto;
  padding: 20px 0 40px;
}
.question-main-contents button {
  cursor: pointer;
}
.question-block {
  margin-bottom: 32px;
  padding-left: 48px;
  position: relative;
}
.question-block .question-notes-block {
  display: flex;
  background: #fff;
}
.question-block .question-number p {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1.5px solid #333;
  background: #fff;
  width: 28px;
  height: 28px;
  margin-right: 8px;
  position: relative;
  top: 6px;
}
.question-block.small-question .question-number p {
  border: none;
}
.question-block .question-number p span {
  font-size: 2rem;
  letter-spacing: -0.12em;
  transform: translateX(-0.06em);
  font-family: 'OT-UDDigiKyokashoProN-Medium';
}
.question-block .question-notes .question-note {
  font-family: 'OT-UDDigiKyokashoProN-Regular';
  font-size: 2.4rem;
}
.question-block .question-notes .question-note .underline {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}
.question-block .question-notes .question-note .doubleline {
  text-decoration: underline;
  text-decoration-style: double;
}
.question-block .question-notes .question-note .wavyline {
  position: relative;
}
.question-block .question-notes .question-note .wavyline::after {
  content: "";
  width: 100%;
  height: 6px;
  mask-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E7%B7%A8%E9%9B%86%E3%83%A2%E3%83%BC%E3%83%89%22%20data-name%3D%22%E7%B7%A8%E9%9B%86%E3%83%A2%E3%83%BC%E3%83%89%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%226%22%20version%3D%221.1%22%20viewBox%3D%220%200%2024%206%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill%3A%20%23ff3830%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M6%2C5.736c-.84%2C0-2.256-.216-3.48-1.896-.96-1.32-1.92-1.56-2.52-1.56V.264c.84%2C0%2C2.256.216%2C3.48%2C1.896.96%2C1.32%2C1.92%2C1.56%2C2.52%2C1.56s1.56-.24%2C2.52-1.56c1.224-1.68%2C2.64-1.896%2C3.48-1.896s2.256.216%2C3.48%2C1.896c.96%2C1.32%2C1.92%2C1.56%2C2.52%2C1.56s1.56-.24%2C2.52-1.56c1.22401-1.68%2C2.64001-1.896%2C3.48-1.896v2.016c-.6%2C0-1.56.24-2.52%2C1.56-1.22401%2C1.68-2.64001%2C1.896-3.48%2C1.896s-2.256-.216-3.48-1.896c-.96-1.32-1.92-1.56-2.52-1.56s-1.56.24-2.52%2C1.56c-1.224%2C1.68-2.64%2C1.896-3.48%2C1.896Z%22%2F%3E%3C%2Fsvg%3E');
  mask-repeat: repeat-x;
  mask-position: 0 bottom;
  position: absolute;
  left: 0;
  bottom: -6px;
}
.question-block .question-notes .question-note .dashedline {
  text-decoration: underline;
  text-decoration-style: dashed;
  text-underline-offset: 5px;
}
.question-block .question-notes .question-note .line-red {
  text-decoration-color: #ff3830;
}
.question-block .question-notes .question-note .line-blue {
  text-decoration-color: #3395ff;
}
.question-block .question-notes .question-note .wavyline.line-red::after {
  background: #ff3830;
}
.question-block .question-notes .question-note .wavyline.line-blue::after {
  background: #3395ff;
}
.question-block .question-notes .question-note .number {
  line-height: 1;
  width: 28px;
  height: 28px;
  margin-right: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.question-block .question-notes .question-note .number span {
  letter-spacing: -4px;
  transform: translateX(-2px);
}
.question-block .question-notes .question-note .number.radius {
  border-radius: 2px;
  border: 1.5px solid #000;
}
.question-block .question-notes .question-note .number.circle-b {
  border-radius: 50%;
  color: #fff;
  background: #333;
}
.question-block .question-notes .question-note .number.blue {
  color: #fff;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #66afff;
}
.question-block .question-notes .question-note .number.circle {
  border-radius: 50%;
  border: 1.5px solid #333;
}
.question-block .question-notes .question-note .question-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  width: 50px;
  height: 28px;
  color: #fff;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #5dbb5d;
  font-size: 1rem;
  margin-right: 2px;
}
.question-block .question-notes .question-note .question-icon-number {
  font-size: 2rem;
  letter-spacing: -0.15em;
}
.question-block .question-notes .question-note img {
  margin-right: 4px;
  vertical-align: middle;
  position: relative;
  top: -3px;
}
.question-block .question-notes .question-note .color-blue {
  color: #007bff;
}
.question-block .question-notes .question-image {
  margin-top: 22px;
}
.question-block.large-question {
  padding: 20px 0 0;
  background: #fff;
}
.question-block .quotation-notes-block .question-number p {
  border: none;
  background: none;
  width: 32px;
  height: 36px;
  top: -4px;
}
.question-block .quotation-notes-block .question-notes .question-note {
  font-family: 'OT-UDDigiKyokashoProN-Bold';
  font-size: 2rem;
  color: #333;
}
.question-block.large-question .question-notes-block.quotation-notes-block .question-number p {
  border: none;
  background: none;
  top: 0;
  margin-right: 8px;
}
.question-block.quotation-question {
  padding-top: 0;
}
.question-block.quotation-question .question-notes-block {
  padding: 20px 0 32px;
}
.question-block .quotation .quotation-img {
  border-radius: 16px;
  border: 2px solid #ffdad7;
  background: #fff7f6;
  box-shadow: 0 0 16px 0 rgba(212, 0, 0, 0.08) inset;
  padding: 32px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.question-block.instructions-question {
  padding: 0;
}
.question-block.instructions-question .question-notes .question-note {
  font-family: 'OT-UDDigiKyokashoProN-Bold';
  font-size: 2rem;
}
.question-block .question-icon p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  top: 0;
}
.question-right-img-block {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
.question-right-img-block .question-block {
  max-width: 580px;
  margin-bottom: 0;
}
.question-right-img-block .question-image {
  max-width: 532px;
  padding-top: 20px;
}
.question-sticky .question-block.large-question {
  position: sticky;
  top: 120px;
  z-index: 4;
  outline: 4px solid #fff;
}
.question-sticky .question-block.large-question.quotation-question {
  position: relative;
  top: 0;
}
.question-sticky .question-block.large-question.quotation-question .question-notes-block {
  position: sticky;
  top: 120px;
  z-index: 4;
}
.question-sticky .question-block.large-question .quotation {
  margin-top: 32px;
}
.question-sticky .question-block.large-question.quotation-question .quotation {
  margin-top: 0;
}
.question-block.large-question .question-number p {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #66afff;
  width: 32px;
  height: 32px;
  margin-right: 16px;
  top: 3px;
}
.question-block.large-question .question-number p span {
  color: #fff;
  letter-spacing: -0.07em;
  transform: translateX(-0.035em);
  font-family: 'OT-UDDigiKyokashoProN-Heavy';
}
.question-block.large-question .question-notes .question-note {
  font-family: 'OT-UDDigiKyokashoProN-Bold';
}
.question-block .audio-play-btn {
  border-radius: 8px;
  border: 3px solid #b0e789;
  background: #fff;
  box-shadow: 0 2px 0 0 rgba(157, 157, 18, 0.16);
  font-family: "LINE Seed JP";
  font-size: 1.4rem;
  font-weight: 700;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  height: 40px;
  width: 116px;
  color: #005f00;
  margin: 6px 0 10px;
  position: relative;
}
.question-block .audio-play-btn::before {
  content: "";
  width: 24px;
  height: 24px;
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.2393%205.62171C14.2393%204.28535%2012.6237%203.61622%2011.6787%204.56116L7.23926%208.99964H4C2.89555%208.99964%202.00019%209.89523%202%2010.9996V12.9996C2%2014.1042%202.89543%2014.9996%204%2014.9996H7.23828L11.6787%2019.4391C12.6237%2020.384%2014.2393%2019.7149%2014.2393%2018.3785V5.62171ZM19.417%205.63148C19.0768%205.39534%2018.6093%205.47982%2018.373%205.81995C18.1369%206.16014%2018.2214%206.62764%2018.5615%206.8639C20.1879%207.99364%2021.25%209.87245%2021.25%2011.9996C21.25%2014.1259%2020.1888%2016.0038%2018.5635%2017.1334C18.2233%2017.3698%2018.1386%2017.8372%2018.375%2018.1774C18.6114%2018.5175%2019.0788%2018.6012%2019.4189%2018.3649C21.4304%2016.967%2022.75%2014.6382%2022.75%2011.9996C22.75%209.36015%2021.4296%207.02945%2019.417%205.63148ZM17.376%208.6012C17.0175%208.39378%2016.5581%208.51624%2016.3506%208.87464C16.1435%209.23306%2016.2657%209.69261%2016.624%209.90003C17.3504%2010.3204%2017.8368%2011.1031%2017.8369%2011.9987C17.8367%2012.8938%2017.3506%2013.6768%2016.624%2014.0973C16.2657%2014.3049%2016.1431%2014.7643%2016.3506%2015.1227C16.5582%2015.4808%2017.0177%2015.6034%2017.376%2015.3961C18.5457%2014.7191%2019.3367%2013.452%2019.3369%2011.9987C19.3368%2010.5455%2018.546%209.27841%2017.376%208.6012Z%22%20fill%3D%22%234A4A4A%22%2F%3E%20%3Cpath%20d%3D%22M14.2393%205.62206C14.2393%204.28571%2012.6237%203.61657%2011.6787%204.56152L7.23926%208.99999H4C2.89555%208.99999%202.00019%209.89558%202%2011V13C2%2014.1046%202.89543%2015%204%2015H7.23828L11.6787%2019.4394C12.6237%2020.3844%2014.2393%2019.7153%2014.2393%2018.3789V5.62206Z%22%20fill%3D%22%232F9F2F%22%2F%3E%20%3Cpath%20d%3D%22M19.417%205.63183C19.0768%205.39569%2018.6093%205.48017%2018.373%205.8203C18.1369%206.16049%2018.2214%206.628%2018.5615%206.86425C20.1879%207.99399%2021.25%209.8728%2021.25%2012C21.25%2014.1262%2020.1888%2016.0041%2018.5635%2017.1338C18.2233%2017.3702%2018.1386%2017.8376%2018.375%2018.1777C18.6114%2018.5178%2019.0788%2018.6016%2019.4189%2018.3652C21.4304%2016.9674%2022.75%2014.6385%2022.75%2012C22.75%209.36051%2021.4296%207.0298%2019.417%205.63183Z%22%20fill%3D%22%232F9F2F%22%2F%3E%20%3Cpath%20d%3D%22M17.376%208.60155C17.0175%208.39413%2016.5581%208.51659%2016.3506%208.87499C16.1435%209.23341%2016.2657%209.69296%2016.624%209.90038C17.3504%2010.3208%2017.8368%2011.1035%2017.8369%2011.999C17.8367%2012.8942%2017.3506%2013.6771%2016.624%2014.0976C16.2657%2014.3052%2016.1431%2014.7646%2016.3506%2015.123C16.5582%2015.4811%2017.0177%2015.6037%2017.376%2015.3965C18.5457%2014.7194%2019.3367%2013.4524%2019.3369%2011.999C19.3368%2010.5459%2018.546%209.27876%2017.376%208.60155Z%22%20fill%3D%22%232F9F2F%22%2F%3E%3C%2Fsvg%3E');
  mask-size: contain;
  mask-repeat: no-repeat;
  background: #2f9f2f;
  margin: 0 5px 5px 4px;
}
.question-block .audio-play-btn rt {
  font-size: 0.7rem
}
.question-block .audio-play-btn span {
  font-size: 1rem;
  font-weight: 700;
  color: #008b00;
  margin-left: 3px;
}
.question-block .audio-play-btn span rt {
  font-size: 0.5rem;
}
.question-block .audio-play-btn span.number {
  font-size: 1.4rem;
  margin: 0;
}
.question-block .audio-play-btn:hover {
  background: #def9cb;
}
.question-block .audio-play-btn:focus::after {
  content: "";
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22136%22%20height%3D%2262%22%20version%3D%221.1%22%20viewBox%3D%220%200%20136%2062%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill%3A%20%239d9d12%3B%20opacity%3A%20.16%3B%20%7D%20.st1%20%7B%20fill%3A%20%23b0e789%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M120.00006%2C62H15.99994c-8.82223%2C0-15.99994-7.17773-15.99994-16v-28C0%2C9.17773%2C7.17771%2C2%2C15.99994%2C2h104.00011c8.82223%2C0%2C15.99994%2C7.17773%2C15.99994%2C16v28c0%2C8.82227-7.17771%2C16-15.99994%2C16ZM15.99994%2C8c-5.51414%2C0-9.99996%2C4.48584-9.99996%2C10v28c0%2C5.51367%2C4.48582%2C10%2C9.99996%2C10h104.00011c5.51365%2C0%2C9.99996-4.48633%2C9.99996-10v-28c0-5.51416-4.48631-10-9.99996-10H15.99994Z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M120.00006%2C60H15.99994c-8.82223%2C0-15.99994-7.17773-15.99994-16v-28C0%2C7.17773%2C7.17771%2C0%2C15.99994%2C0h104.00011c8.82223%2C0%2C15.99994%2C7.17773%2C15.99994%2C16v28c0%2C8.82227-7.17771%2C16-15.99994%2C16ZM15.99994%2C6c-5.51414%2C0-9.99996%2C4.48584-9.99996%2C10v28c0%2C5.51367%2C4.48582%2C10%2C9.99996%2C10h104.00011c5.51365%2C0%2C9.99996-4.48633%2C9.99996-10v-28c0-5.51416-4.48631-10-9.99996-10H15.99994Z%22%2F%3E%3C%2Fsvg%3E');
  background-size: contain;
  position: absolute;
  top: -13px;
  left: -12px;
  width: 136px;
  height: 62px;
}
.question-block .audio-play-btn.is-selected {
  background: #005f00;
  border-color: #5dbb5d;
  color: #fff;
}
.question-block .audio-play-btn.is-selected span {
  color: #b0e789;
}
.question-block .audio-play-btn.is-selected::before {
  background: #fee22a;
}
.question-block .audio-play-btn:disabled {
  border-color: #ececec;
  background: #f7f7f7;
  color: #c2c2c2;
}
.question-block .audio-play-btn:disabled span {
  color: #c2c2c2;
}
.question-block .audio-play-btn:disabled::before {
  background: #c2c2c2;
}
.question-block.memo-block .memo-area {
  margin-left: 40px;
  border-radius: 16px;
  border: 2px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  min-height: 112px;
  padding: 8px 16px;
}
.question-block.memo-block .memo-area .memo-title {
  font-family: "LINE Seed JP";
  font-size: 1.2rem;
  color: #888;
  font-weight: 700;
  margin-bottom: 16px;
}
.answer-block {
  padding-left: 40px;
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 12px;
  font-family: 'OT-UDDigiKyokashoProN-Regular';
  align-items: start;
}
.answer-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 12px;
  align-items: start;
  grid-column: span 12;
}
.answer-row.is-right {
  grid-column: 1 / -1;
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}
.answer-block .answer-column {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  border-radius: 16px;
  border: 2px solid #bebe8c;
  background: #fff;
}
.answer-block .answer-column.answer-column-blue {
  border-color: #007bff;
  color: #004fa8;
}
.answer-block .answer-column.answer-column-border-blue {
  border-color: #007bff;
}
.answer-block .answer-column.answer-column-skyblue,
.answer-block.connection-box .connection-col .answer-column.answer-column-skyblue:hover {
  border-color: #c2dfff;
  background: #f2f8ff;
}
.answer-block .answer-column.answer-column-border-skyblue {
  border-color: #c2dfff;
}
.answer-block .answer-column.answer-column-green {
  border-color: #2f9f2f;
  color: #005f00;
}
.answer-block .answer-column.answer-column-yellow {
  border-color: #d9bc00;
  color: #726300;
}
.answer-block .answer-column.answer-column-orange {
  border-color: #ff8b00;
  color: #8f4800;
}
.answer-block .answer-column.answer-column-blue.answer-input textarea {
  border-color: #66afff;
  color: #99c9ff;
}
.answer-block .answer-column.answer-column-blue.answer-input textarea::placeholder {
  color: #99c9ff;
}
.answer-block .answer-column.answer-column-blue.answer-input .pencil .cl1 {
  fill: #99c9ff;
}
.answer-block .answer-column.answer-column-blue.answer-input .pencil .cl2 {
  stroke: #99c9ff;
}
.answer-block .answer-column .answer-txt .txt {
  font-size: 2.4rem;
  min-height: 80px;
  padding: 14px;
  text-align: left;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.answer-block .answer-column.text-center .txt {
  text-align: center;
  align-items: center;
}
.answer-block .answer-column:hover {
  background: #f9f9eb;
}
.answer-block.is-correct-edit .answer-column:not(.is-selected):hover {
  background: #fff;
}
.answer-block.result-detaile-answer .answer-column:not(.is-selected):hover {
  background: none;
}
.answer-block .answer-column.bottom-img .answer-txt .txt {
  padding: 8px 14px 0;
  min-height: 0;
}
.answer-block .answer-column.bottom-img picture {
  padding: 0 14px 14px;
  display: inline-block;
}
.answer-block .answer-column.top-img .answer-txt .txt {
  padding: 15px 14px 14px;
  min-height: 0;
}
.answer-block .answer-column.top-img picture {
  padding: 14px 14px 0;
  display: inline-block;
}
.answer-block .answer-column.flex-img .answer-txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.answer-block .answer-column.flex-img picture {
  display: inline-block;
}
.answer-block .answer-column.flex-img.per-row2 {
  --img-width: 233px;
}
.answer-block .answer-column.flex-img.per-row2 picture {
  max-width: var(--img-width);
}
.answer-block .answer-column.flex-img.per-row3 {
  --img-width: 146px;
}
.answer-block .answer-column.flex-img.per-row3 picture {
  max-width: var(--img-width);
}
.answer-block .answer-column.flex-img.per-row4 {
  --img-width: 102.5px;
}
.answer-block .answer-column.flex-img.per-row4 picture {
  max-width: var(--img-width);
}
.answer-block .answer-column.left-img picture {
  flex-shrink: 0;
  padding: 14px 0 14px 14px;
}
.answer-block .answer-column.right-img picture {
  flex-shrink: 0;
  padding: 14px 14px 14px 0;
}
.answer-block .answer-column.flex-img .answer-txt .txt {
  width: calc(100% - var(--img-width));
}
.answer-block .answer-column.is-selected {
  border-color: #2f9f2f;
  outline: 2px solid #2f9f2f;
  background: #f2fdec;
  color: #005f00;
}
.answer-block .answer-column.per-row6 {
  grid-column: span 2;
}
.answer-block .answer-column.per-row4 {
  grid-column: span 3;
}
.answer-block .answer-column.per-row3 {
  grid-column: span 4;
}
.answer-block .answer-column.per-row35 {
  grid-column: span 8;
}
.answer-block .answer-column.per-row2 {
  grid-column: span 6;
}
.answer-block .answer-column.per-row1 {
  grid-column: span 12;
}
.answer-block .answer-column.per-medium {
  width: 352px;
}
.answer-block .answer-row.is-right .answer-column.per-row6 {
  flex: 0 0 calc((100% - 60px) / 6);
}
.answer-block .answer-row.is-right .answer-column.per-row4 {
  flex: 0 0 calc((100% - 36px) / 4);
}
.answer-block .answer-row.is-right .answer-column.per-row3 {
  flex: 0 0 calc((100% - 24px) / 3);
}
.answer-block .answer-row.is-right .answer-column.per-row2 {
  flex: 0 0 calc((100% - 12px) / 2);
}
.answer-block .answer-column.audio-box .answer-txt .txt {
  padding: 8px 14px 0;
  margin-bottom: -4px;
  min-height: 0;
}
.answer-block .answer-column.audio-box .audio-play-btn {
  margin: 0 14px 14px;
}
.answer-block .answer-column.audio-box.top-img .answer-txt .txt {
  margin-bottom: 0;
  padding: 15px 14px 2px;
}
.answer-block .answer-column.audio-box.bottom-img .answer-txt .txt {
  margin-bottom: 0;
  padding-bottom: 2px;
}
.answer-block .answer-column.audio-box.left-img .answer-txt .txt,
.answer-block .answer-column.audio-box.right-img .answer-txt .txt {
  padding-bottom: 2px;
}
.answer-block .answer-column.audio-box.left-img .answer-txt .audio-play-btn,
.answer-block .answer-column.audio-box.right-img .answer-txt .audio-play-btn {
  margin: 10px 0 14px;
}
.question-block-col2 {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 40px;
}
.question-block-col2 .question-wrap {
  width: 527px;
}
.question-block-col2 .question-wrap:last-of-type::before {
  content: "";
  width: 1px;
  height: calc(100% - 20px);
  background: rgba(0, 0, 0, 0.07);
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  margin: auto;
}
.question-block-col2 .question-block {
  padding: 20px 0 0;
}
.question-block-col2 .question-block.quotation-question {
  padding: 0;
}
.question-block-col2 .answer-block .answer-column.per-row6 .txt {
  min-height: 72px;
}
.question-block-col2 .answer-block .answer-column.per-row4 .txt {
  min-height: 72px;
}
.question-block-col2 .answer-block .answer-column.per-row2 .txt {
  min-height: 72px;
}
.question-block-col2 .answer-block .answer-column.top-img.per-row6 .txt,
.question-block-col2 .answer-block .answer-column.top-img.per-row4 .txt,
.question-block-col2 .answer-block .answer-column.top-img.per-row2 .txt,
.question-block-col2 .answer-block .answer-column.bottom-img.per-row6 .txt,
.question-block-col2 .answer-block .answer-column.bottom-img.per-row4 .txt,
.question-block-col2 .answer-block .answer-column.bottom-img.per-row2 .txt,
.question-block-col2 .answer-block .answer-column.flex-img.per-row6 .txt,
.question-block-col2 .answer-block .answer-column.flex-img.per-row4 .txt,
.question-block-col2 .answer-block .answer-column.flex-img.per-row2 .txt {
  min-height: 0;
}
.question-block-col2 .answer-block .answer-column.top-img .answer-txt .txt {
  padding: 15px 14px 8px;
}
.question-block-col2 .answer-block .answer-column.bottom-img .answer-txt .txt {
  padding: 14px 14px 8px;
}
.question-block-col2 .answer-block .answer-column.flex-img.per-row2 {
  --img-width: 97px;
}
.question-block .question-note .brackets {
  display: inline-block;
  border-radius: 8px;
  border: 3px solid #66afff;
  background: #f9f9eb;
  width: 50px;
  height: 28px;
  vertical-align: middle;
  position: relative;
  top: -3px;
  margin: 0 4px;
}
.question-block .question-note .brackets.brackets-s {
  width: 28px;
}
.question-block .question-note .brackets.brackets-dashed {
  border: 2px dashed #3395ff;
}
.answer-block .answer-column.answer-input {
  flex-direction: initial;
  justify-content: flex-start;
  align-items: center;
  border: 0;
  overflow: initial;
}
.answer-block .answer-column.answer-input:hover {
  background: #fff;
}
.answer-block .answer-column.answer-input .label-txt {
  font-size: 2.4rem;
  font-family: 'OT-UDDigiKyokashoProN-Bold';
  flex-shrink: 0;
}
.answer-block .answer-column.answer-input.answer-result .label-txt {
  font-family: 'OT-UDDigiKyokashoProN-Regular';
}
.answer-block .answer-column .answer-icon {
  position: absolute;
  top: -12px;
  right: -8px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
.answer-block .answer-column .answer-icon img {
  width: 100%;
}
.answer-block .answer-column .answer-icon.answer-left-top {
  right: auto;
  left: -8px;
}
.answer-block .answer-column .answer-icon.answer-left-btm {
  right: auto;
  left: -8px;
  top: auto;
  bottom: -12px;
}
.answer-block .answer-column .answer-icon.answer-small {
  width: 24px;
  height: 24px;
}
.answer-block .answer-column .answer-icon.answer-big {
  width: 40px;
  height: 40px;
}
.answer-block .answer-column .answer-icon span {
  position: absolute;
  z-index: 2;
  font-family: "Inter", sans-serif;
  font-size: 1.1rem;
  bottom: 5px;
  font-weight: 700;
  color: #fff;
}
.answer-block .answer-column .answer-icon.answer-small span {
  font-size: 0.8rem;
  bottom: 4px;
}
.answer-block .answer-column .answer-icon.answer-big span {
  font-size: 1.3rem;
  bottom: 8px;
}
.answer-block .answer-column.answer-input .answer-txt {
  width: 100%;
}
.answer-block .answer-column.answer-input ::placeholder {
  color: #d3d39a;
}
.answer-block .answer-column.answer-input .answer-txt {
  position: relative;
  overflow: initial;
}
.answer-block .answer-column.answer-input.answer-input-small .answer-txt {
  width: 50%;
}
.answer-block .answer-column.answer-input input[type="text"],
.answer-block .answer-column.answer-input .answer-result {
  font-size: 2.4rem;
  border-radius: 16px;
  padding: 15px;
  border: none;
  min-height: 64px;
  border: 2px solid #bebe8c;
  padding: 6px 15px;
  background: #fff;
  font-weight: 400;
  width: 100%;
  line-height: 1;
  display: flex;
  align-items: center;
}
.answer-block .answer-column.answer-input textarea {
  min-height: 130px;
  padding: 12px 15px;
  line-height: 1.4;
  border-radius: 16px;
  font-size: 2.4rem;
  resize: none;
  border: 2px solid #bebe8c;
  width: 100%;
  display: block;
  background: #fff;
	color: #005f00;
}
.answer-block .answer-column.answer-input input[type="text"]:hover,
.answer-block .answer-column.answer-input textarea:hover {
  background: #f9f9eb;
}
.answer-block .answer-column.answer-input input[type="text"]:focus,
.answer-block .answer-column.answer-input textarea:focus {
  border-color: #008b00;
  color: #005f00;
  outline: none;
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(47, 159, 47, 0.50);
}
.answer-block .answer-column .pencil svg {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 8px;
  bottom: 8px;
}
.answer-block .answer-column .answer-txt:focus-within .pencil .cl0,
.answer-block .answer-column .already-entered .answer-txt .pencil .cl0,
.answer-block .answer-column .is-edit-handwriting .answer-txt .pencil .cl0,
.answer-block .answer-column .already-entered-handwriting .answer-txt .pencil .cl0,
.answer-block .answer-column .is-edit-handwriting-grid .answer-txt .pencil .cl0,
.answer-block .answer-column .already-entered-handwriting-grid .answer-txt .pencil .cl0 {
  fill: #c9f0ad;
}
.answer-block .answer-column .answer-txt:focus-within .pencil .cl1,
.answer-block .answer-column.already-entered .answer-txt .pencil .cl1,
.answer-block .answer-column.is-edit-handwriting .answer-txt .pencil .cl1,
.answer-block .answer-column.already-entered-handwriting .answer-txt .pencil .cl1,
.answer-block .answer-column.is-edit-handwriting-grid .answer-txt .pencil .cl1,
.answer-block .answer-column.already-entered-handwriting-grid .answer-txt .pencil .cl1 {
  fill: #008b00;
}
.answer-block .answer-column .answer-txt:focus-within .pencil .cl2,
.answer-block .answer-column.already-entered .answer-txt .pencil .cl2,
.answer-block .answer-column.is-edit-handwriting .answer-txt .pencil .cl2,
.answer-block .answer-column.already-entered-handwriting .answer-txt .pencil .cl2,
.answer-block .answer-column.is-edit-handwriting-grid .answer-txt .pencil .cl2,
.answer-block .answer-column.already-entered-handwriting-grid .answer-txt .pencil .cl2 {
  stroke: #008b00;
}
.answer-block .answer-column.answer-input.already-entered input[type="text"],
.answer-block .answer-column.answer-input.already-entered textarea,
.answer-block .answer-column.answer-input .answer-result {
  border-color: #2f9f2f;
  color: #005f00;
  outline: none;
  background: #f2fdec;
}
.answer-block .answer-column.answer-handwriting {
  border-color: #66afff;
  padding: 8px 15px;
  min-height: 72px;
}
.answer-block .answer-column.answer-handwriting .answer-txt {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221000%22%20height%3D%2253%22%20viewBox%3D%220%200%201000%2053%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200.5H1000%22%20stroke%3D%22%23C2DFFF%22%2F%3E%3Cpath%20d%3D%22M0%2017.833H1000%22%20stroke%3D%22%23C2DFFF%22%2F%3E%3Cpath%20d%3D%22M0%2035.167H1000%22%20stroke%3D%22%2366AFFF%22%2F%3E%3Cpath%20d%3D%22M0%2052.5H1000%22%20stroke%3D%22%23C2DFFF%22%2F%3E%3C%2Fsvg%3E') repeat-x;
  background-size: auto 100%;
  min-height: 52px;
}
.answer-block .answer-column.answer-handwriting:hover {
  background-color: #f2f8ff;
}
.answer-block .answer-column.answer-handwriting {
  border-color: #66afff;
  padding: 8px 15px;
  min-height: 72px;
}
.answer-block .answer-column.answer-handwriting.is-edit-handwriting,
.answer-block .answer-column.answer-handwriting.already-entered-handwriting {
  border-color: #008b00;
}
.answer-block .answer-column.answer-handwriting.is-edit-handwriting:hover {
  background: #fff;
}
.answer-block .answer-column.answer-handwriting.is-edit-handwriting .answer-txt,
.answer-block .answer-column.answer-handwriting.already-entered-handwriting .answer-txt {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221000%22%20height%3D%2253%22%20viewBox%3D%220%200%201000%2053%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200.5H1000%22%20stroke%3D%22%23C9F0AD%22%2F%3E%3Cpath%20d%3D%22M0%2017.832H1000%22%20stroke%3D%22%23C9F0AD%22%2F%3E%3Cpath%20d%3D%22M0%2035.168H1000%22%20stroke%3D%22%2393D671%22%2F%3E%3Cpath%20d%3D%22M0%2052.5H1000%22%20stroke%3D%22%23C9F0AD%22%2F%3E%3C%2Fsvg%3E') repeat-x;
  background-size: auto 100%;
}
.answer-block .answer-column.answer-handwriting.is-edit-handwriting .answer-txt img,
.answer-block .answer-column.answer-handwriting.already-entered-handwriting .answer-txt img {
  display: inline-block;
  padding-top: 8px;
}
.answer-block .answer-column.answer-handwriting.already-entered-handwriting {
  background: #f2fdec;
}
.answer-block .answer-column.answer-handwriting-grid {
  border: none;
  overflow: hidden;
}
.answer-block .answer-column.answer-handwriting-grid:hover {
  background: #fff;
}
.answer-block .answer-column.answer-handwriting-grid .answer-txt {
  display: inline-flex;
  position: relative;
  width: fit-content;
}
.answer-block .answer-column.answer-handwriting-grid ul {
  border-radius: 16px;
  border: 2px solid #66afff;
  background: #fff;
  display: inline-flex;
  position: relative;
}
.answer-block .answer-column.answer-handwriting-grid ul:hover {
  background: #f2f8ff;
}
.answer-block .answer-column.answer-handwriting-grid li {
  width: 72px;
  height: 68px;
  border-right: 2px dashed #66afff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.answer-block .answer-column.answer-handwriting-grid li:last-child {
  border-right: none;
}
.answer-block .answer-column.answer-handwriting-grid.is-edit-handwriting-grid ul,
.answer-block .answer-column.answer-handwriting-grid.already-entered-handwriting-grid ul {
  border-color: #008b00;
}
.answer-block .answer-column.answer-handwriting-grid.is-edit-handwriting-grid ul:hover {
  background: #fff;
}
.answer-block .answer-column.answer-handwriting-grid.is-edit-handwriting-grid li,
.answer-block .answer-column.answer-handwriting-grid.already-entered-handwriting-grid li {
  border-color: #008b00;
  font-size: 5.4rem;
  line-height: 1;
  color: #005f00;
}
.answer-block .answer-column.answer-handwriting-grid.already-entered-handwriting-grid ul {
  background: #f2fdec;
}
.answer-block .answer-column .keyboard-area {
  width: 100%;
}
.answer-block .answer-column .keyboard {
  position: absolute;
  z-index: 5;
  right: -70px;
  width: 713px;
  height: 400px;
}
.grid-drop-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 2.4rem;
  padding-left: 40px;
  margin: 22px 0 32px;
  font-family: 'OT-UDDigiKyokashoProN-Regular';
}
.grid-drop-wrap.grid-drop-center {
  justify-content: center;
}
.grid-drop-wrap .grid-drop-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 8px;
}
.grid-drop-wrap.grid-drop-center .grid-drop-item {
  margin: 0;
  gap: 24px;
}
.grid-drop-wrap .grid-drop-item .drop-text {
  flex-shrink: 0;
}
.grid-drop-wrap .grid-drop-item .grid-drop-box {
  width: 238px;
  height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  border: 3px solid #66afff;
  background: #f9f9eb;
  color: #007bff;
}
.question-vertical .grid-drop-wrap {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-feature-settings: "tnum";
  padding: 0;
  margin: 32px 32px 0 12px;
}
.question-vertical .grid-drop-wrap.grid-drop-center {
  justify-content: flex-start;
}
.question-vertical .question-block .question-note .brackets {
  width: 24px;
  height: 44px;
  top: 0;
  margin: 4px 0;
  left: -5px;
}
.question-vertical .grid-drop-wrap .grid-drop-item .grid-drop-box {
  width: 72px;
  height: 248px;
}
.answer-block.border-answer-block {
  border-radius: 24px;
  border: 3px dashed #3395ff;
  background: #fdfdf7;
  margin-left: 40px;
  padding: 24px;
}
.answer-block.border-answer-block.border-answer-blue {
  background: #f2f8ff;
}
.answer-block.border-answer-block.border-answer-orange-design {
  border: 3px solid #ff8b00;
  border-radius: 8px;

  background:
    url("../../assets/img/parts/orange_corner_tl.svg") left top / 24px 24px no-repeat,
    url("../../assets/img/parts/orange_corner_tr.svg") right top / 24px 24px no-repeat,
    url("../../assets/img/parts/orange_corner_br.svg") right bottom / 24px 24px no-repeat,
    url("../../assets/img/parts/orange_corner_bl.svg") left bottom / 24px 24px no-repeat,
    #fff8f0;
}
.answer-block.border-answer-block.border-answer-yellow-design {
  border: 3px solid #d9bc00;
  border-radius: 8px;
  background:
    url("../../assets/img/parts/yellow_corner.svg") left top / 8px 120px repeat-y,
    url("../../assets/img/parts/yellow_corner.svg") right top / 8px 120px repeat-y,
    #fffdf2;
}
.answer-block.border-answer-block .answer-column .answer-txt .txt {
  font-size: 2rem;
  min-height: 72px;
}
.question-block-col2 .grid-drop-wrap.grid-drop-center .grid-drop-item .grid-drop-box {
  width: 206px;
}
.sort-target-wrap {
  display: flex;
  justify-content: center;
  padding-left: 40px;
  margin: 22px 0 32px;
  font-family: 'OT-UDDigiKyokashoProN-Regular';
}
.sort-target-area {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 16px;
}
.sort-target-area .sort-target {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sort-target-area .sort-target-card {
  border-radius: 16px;
  border: 3px solid #66afff;
  background: #f9f9eb;
  min-height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.answer-block.border-answer-block .answer-column .answer-txt picture {
  display: inline-block;
  margin: 0 14px 14px;
}
.sort-target-area.sort-target3 .sort-target-card,
.answer-block.flex-answer .answer-column.per-row3 {
  width: 280px;
}
.sort-target-area.sort-target3 .sort-target-card.sort-target-textcard,
.answer-block.flex-answer .answer-column.sort-answer-textcard.per-row3 {
  width: 292px;
}
.sort-target-area.sort-target4 .sort-target-card,
.answer-block.flex-answer .answer-column.per-row4 {
  width: 206px;
}
.sort-target-area.sort-target5,
.sort-target-area.sort-target6 {
  gap: 24px 8px;
}
.sort-target-area.sort-target5 .sort-target-card,
.answer-block.flex-answer .answer-column.per-row5 {
  width: 174px;
}
.sort-target-area.sort-target5 .sort-target-card {
  min-height: 174px;
}
.sort-target-area.sort-target5 .sort-target-card.sort-target-textcard,
.answer-block.flex-answer .answer-column.sort-answer-textcard.per-row5 {
  width: 168px;
}
.sort-target-area.sort-target5 .sort-target-card.sort-target-textcard,
.answer-block.flex-answer .answer-column.sort-answer-textcard.per-row5 {
  width: 168px;
}
.sort-target-area.sort-target6 .sort-target-card,
.answer-block.flex-answer .answer-column.per-row6 {
  width: 138px;
}
.sort-target-area.sort-target6 .sort-target-card {
  min-height: 138px;
}
.sort-target-area .sort-target-card.sort-target-textcard {
  min-height: 72px;
}
.answer-block.border-answer-block.sort-answer .answer-column .answer-txt .txt {
  min-height: 0;
  padding: 17px 14px 8px;
}
.answer-block.border-answer-block.sort-answer .answer-column.sort-answer-textcard .answer-txt .txt {
  min-height: 72px;
  padding: 14px;
}
.sort-target-area .sort-target-card span {
  font-size: 2.4rem;
  color: #007bff;
  line-height: 1;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sort-target-area .sort-arrow {
  width: 24px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M22.8124%2011.1778C23.3868%2011.5755%2023.3868%2012.4245%2022.8124%2012.8222L12.5692%2019.9136C11.906%2020.3728%2011%2019.8981%2011%2019.0914V14H1C0.447715%2014%200%2013.5523%200%2013V11C0%2010.4477%200.447715%2010%201%2010H11V4.90857C11%204.10191%2011.906%203.62722%2012.5692%204.08638L22.8124%2011.1778Z%22%20fill%3D%22%234A4A4A%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
  background-size: contain;
}
.group-area-box {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  margin: 22px 0 32px;
  position: relative;
  gap: 16px;
  padding-left: 40px;
  font-family: 'OT-UDDigiKyokashoProN-Regular';
}
.group-area-box .group-box {
  border-radius: 16px;
  padding: 12px;
}
.group-area-box.group-area-box-row3 .group-box,
.group-area-box.group-area-box-row4 .group-box {
  padding: 12px 7px;
}
.group-area-box.group-area-box-row3 .answer-block.flex-answer .group-answer-textcard .txt,
.group-area-box.group-area-box-row4 .answer-block.flex-answer .group-answer-textcard .txt {
  font-size: 2rem;
}
.group-area-box .group-box.per-row2 {
  grid-column: span 6;
}
.group-area-box .group-box.per-row3 {
  grid-column: span 4;
}
.group-area-box .group-box.per-row4 {
  grid-column: span 3;
}
.group-area-box .group-box.green {
  border: 3px solid #b0e789;
  background: #f2fdec;
}
.group-area-box .group-box.red {
  border: 3px solid #ffd099;
  background: #fff8f0;
}
.group-area-box .group-box.blue {
  border: 3px solid #99c9ff;
  background: #f2f8ff;
}
.group-area-box .group-box.yellow {
  border: 3px solid #fee22a;
  background: #fffbe3;
}
.group-area-box .group-box .group-name {
  font-size: 2.4rem;
  padding: 5px 0 6px;
}
.group-area-box .group-box.green .group-name {
  color: #005f00;
}
.group-area-box .group-box.red .group-name {
  color: #9f0000;
}
.group-area-box .group-box.blue .group-name {
  color: #003a7a;
}
.group-area-box .group-box.yellow .group-name {
  color: #726300;
}
.group-area-box .answer-block.flex-answer {
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 0;
  margin: 0;
  gap: 8px;
}
.group-area-box .answer-block .answer-column.per-row1 {
  width: 100%;
  max-width: 292px;
}
.group-area-box .per-row4 .answer-block .answer-column.per-row1 {
  width: 100%;
  max-width: 152px;
}
.group-area-box .answer-block .answer-column.per-row2 {
  width: calc(50% - 4px);
  max-width: 235px;
}
.group-area-box .answer-block.flex-answer .txt {
  min-height: 0;
  padding: 17px 14px 5px;
}
.group-area-box .answer-block.flex-answer .group-answer-textcard .txt {
  min-height: 68px;
  padding: 14px;
}
.group-area-box .answer-block.flex-answer picture {
  display: inline-block;
  margin: 0 14px 14px;
}
.question-vertical .group-area-box {
  max-height: 562px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 16px;
  margin: 35px 0 0;
  height: 100%;
  align-content: flex-end;
}
.question-vertical .group-area-box .group-box.per-row2 {
  height: 100%;
  max-height: 273px;
}
.question-vertical .group-area-box .group-box.group-img-box {
  padding: 12px 25px;
}
.question-vertical .group-area-box.clumun04 .group-box:nth-child(1) { order: 3; }
.question-vertical .group-area-box.clumun04 .group-box:nth-child(2) { order: 1; }
.question-vertical .group-area-box.clumun04 .group-box:nth-child(3) { order: 4; }
.question-vertical .group-area-box.clumun04 .group-box:nth-child(4) { order: 2; }
.question-vertical .group-area-box.clumun04 .answer-block.flex-answer {
  flex-direction: row-reverse;
}
.question-vertical .group-area-box .answer-block .answer-column {
  width: auto;
  max-width: none;
  min-width: 72px;
  align-items: center;
}
.question-vertical .group-area-box .answer-block .answer-column .answer-txt {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-feature-settings: "tnum";
}
.question-vertical .vertical-border-answer-block .answer-column .txt {
  padding: 0 6px;
}
.question-vertical .group-area-box .vertical-border-answer-block .answer-column .txt {
  padding: 0 0 0 0;
}
.question-vertical .group-area-box .answer-block.flex-answer .txt {
  padding: 17px 14px 5px;
}
.question-vertical .group-area-box .answer-block.flex-answer picture {
  margin: 14px 0 14px 14px;
}
.answer-block.group-answer-block .answer-column .answer-txt .txt {
  font-size: 2.4rem;
  min-height: 0;
  padding: 18px 14px 8px;
}
.answer-block.group-answer-block .answer-column.group-answer-textcard .answer-txt .txt {
  padding: 14px;
  min-height: 72px;
}
.answer-block.flex-answer.group-answer-block .answer-column.per-row4 {
  width: 235px;
}
.answer-block.flex-answer.group-answer-block .answer-column.per-row6 {
  width: 152px;
}
.answer-block.flex-answer.group-answer-block .answer-column.per-row6.group-answer-textcard .txt {
  font-size: 2rem;
}
.answer-block.flex-answer {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.answer-block.connection-box {
  display: flex;
  gap: 112px;
  padding-left: 0;
}
.answer-block.connection-box .connection-col {
  width: 283px;
  gap: 19px;
  display: flex;
  flex-wrap: wrap;
}
.answer-block.connection-box .connection-col .connection-title {
  font-family: 'OT-UDDigiKyokashoProN-Bold';
  font-size: 2rem;
  border-radius: 8px;
  background: #e0efff;
  width: 100%;
  padding: 8px;
  color: #004fa8;
}
.answer-block.connection-box .connection-col .answer-column {
  width: 100%;
  position: relative;
  overflow: initial;
}
.answer-block.connection-box .connection-col .answer-column:hover {
  background: #fff;
}
.answer-block.connection-box.connection-box-col2 {
  gap: 152px;
}
.answer-block.connection-box.connection-box-col2 .connection-col .answer-column .connect-line {
  width: 102px;
}
.answer-block.connection-box.connection-box-col2 .connection-col {
  width: 460px;
}
.answer-block.connection-box .answer-column.flex-img .answer-txt {
  align-items: flex-start;
}
.answer-block.connection-box .answer-column.flex-img {
  --img-width: 123px;
}
.answer-block.connection-box .answer-column.flex-img picture {
  max-width: var(--img-width);
}
.answer-block.connection-box .answer-column.flex-img .txt {
  padding: 14px 8px;
}
.answer-block.connection-box.connection-box-horizontal {
  flex-wrap: wrap;
}
.answer-block.connection-box.connection-box-horizontal .connection-col {
  gap: 112px 16px;
  width: 100%;
  flex-wrap: nowrap;
}
.answer-block.connection-box.connection-box-horizontal .connection-col .answer-column {
  width: 100%;
}
.answer-block.connection-box.connection-box-horizontal .connection-col .answer-column .answer-txt .txt {
  min-height: 0;
  padding: 11px 13px 8px;
}
.answer-block.connection-box .connection-col .answer-column .answer-txt .txt {
  min-height: 64px;
}
.answer-block.connection-box .connection-col .answer-column .connect-dot {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  background: #b0e789;
  border: 3px solid #5dbb5d;
  z-index: 2;
}
.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-blue {
  background: #99c9ff;
  border-color: #3395ff;
}
.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-square {
  border-radius: 4px;
}
.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-square.dot-square-red {
  background: #ffc1bd;
  border-color: #ff6a63;
}
.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-triangle {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2223%22%20viewBox%3D%220%200%2026%2023%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M12.6416%201.7207C12.8128%201.42655%2013.1872%201.42654%2013.3584%201.7207L24.4258%2020.7402C24.527%2020.9143%2024.5208%2021.1062%2024.4316%2021.2686C24.3438%2021.4284%2024.2128%2021.4998%2024.0674%2021.5H1.93262C1.78721%2021.4998%201.65617%2021.4284%201.56836%2021.2686C1.47923%2021.1062%201.47302%2020.9143%201.57422%2020.7402L12.6416%201.7207Z%22%20fill%3D%22%23B0E789%22%20stroke%3D%22%235DBB5D%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  width: 26px;
  border: 0;
  border-radius: 0;
}
.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-triangle-red {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2226%22%20height%3D%2223%22%20viewBox%3D%220%200%2026%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.6416%201.7207C12.8128%201.42655%2013.1872%201.42654%2013.3584%201.7207L24.4258%2020.7402C24.527%2020.9143%2024.5208%2021.1062%2024.4316%2021.2686C24.3438%2021.4284%2024.2128%2021.4998%2024.0674%2021.5H1.93262C1.78721%2021.4998%201.65617%2021.4284%201.56836%2021.2686C1.47923%2021.1062%201.47302%2020.9143%201.57422%2020.7402L12.6416%201.7207Z%22%20fill%3D%22%23FFC1BD%22%20stroke%3D%22%23FF6A63%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  width: 26px;
  border: 0;
  border-radius: 0;
}
.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-triangle-blue {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2226%22%20height%3D%2223%22%20viewBox%3D%220%200%2026%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.6416%201.7207C12.8128%201.42655%2013.1872%201.42654%2013.3584%201.7207L24.4258%2020.7402C24.527%2020.9143%2024.5208%2021.1062%2024.4316%2021.2686C24.3438%2021.4284%2024.2128%2021.4998%2024.0674%2021.5H1.93262C1.78721%2021.4998%201.65617%2021.4284%201.56836%2021.2686C1.47923%2021.1062%201.47302%2020.9143%201.57422%2020.7402L12.6416%201.7207Z%22%20fill%3D%22%2399C9FF%22%20stroke%3D%22%233395FF%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  width: 26px;
  border: 0;
  border-radius: 0;
}
.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-top {
  top: -32px;
  bottom: auto;
  left: 0;
  right: 0;
}
.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-bottom {
  bottom: -32px;
  top: auto;
  left: 0;
  right: 0;
}
.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-right {
  right: -32px;
}
.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-left {
  left: -32px;
}
.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-right {
  right: -32px;
}
.answer-block.connection-box .connection-col .answer-column .connect-line {
  width: 64px;
  height: 6px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #4a4a4a;
  left: calc(100% + 26px);
  z-index: 1
}
.answer-block.connection-box .connection-col .answer-column .connect-line.connect-line-blue {
  background: #3395ff;
}
.answer-block.connection-box .connection-col .answer-column .connect-line.connect-line-dashed {
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%226%22%20version%3D%221.1%22%20viewBox%3D%220%200%2024%206%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill%3A%20%234a4a4a%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Crect%20class%3D%22st0%22%20y%3D%220%22%20width%3D%2218%22%20height%3D%226%22%20rx%3D%223%22%20ry%3D%223%22%2F%3E%3C%2Fsvg%3E') repeat-x;
  background-size: contain;
}
.question-block-col2 .answer-block.connection-box.connection-box-horizontal {
  padding-left: 40px;
}
.question-vertical .answer-block.connection-box {
  flex-direction: column;
  flex-shrink: 0;
  gap: 0;
  justify-content: space-between;
  margin: 32px 32px 0 0;
  max-height: 562px;
}
.question-vertical .answer-block.connection-box .connection-col {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row-reverse;
  width: auto;
  height: auto;
}
.question-vertical .answer-block.connection-box .connection-col .answer-column .answer-txt .txt {
  min-height: 0;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-feature-settings: "tnum";
  margin: 0 auto;
  padding: 12px 14px 7px;
}
.question-vertical .answer-block.connection-box .connection-col .answer-column.bottom-img .answer-txt .txt {
  padding: 12px 0 7px;
  line-height: 1.9;
}
.question-vertical .answer-block.connection-box .connection-col .answer-column.left-img .answer-txt {
  display: flex;
  flex-direction: row-reverse;
}
.question-vertical .answer-block.connection-box .connection-col .answer-column.left-img .answer-txt .txt {
  padding: 12px 15px 12px 0;
  line-height: 1.9;
  margin-left: -7px;
}
.question-vertical .answer-block.connection-box .connection-col .answer-column .connect-line {
  width: 6px;
  height: 64px;
  left: calc(50% - 3px);
  bottom: -38%;
  top: auto;
}
.question-vertical .answer-block.connection-box .connection-col .answer-column .connect-line.connect-line-dashed {
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_11%22%20data-name%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2224%22%20version%3D%221.1%22%20viewBox%3D%220%200%206%2024%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill%3A%20%234a4a4a%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M6%2C15V3c0-1.65685-1.34315-3-3-3h0C1.34315%2C0%2C0%2C1.34315%2C0%2C3v12c0%2C1.65685%2C1.34315%2C3%2C3%2C3h0c1.65685%2C0%2C3-1.34315%2C3-3Z%22%2F%3E%3C%2Fsvg%3E') repeat-y;
  background-size: 6px 24px;
}
.sort-answer-horizontal {
  display: flex;
  justify-content: space-between;
  padding-left: 40px;
  align-items: flex-start;
}
.sort-answer-horizontal .sort-target-area {
  gap: 16px 0;
  width: 100%;
}
.sort-answer-horizontal .sort-target-wrap {
  padding: 0;
  width: 472px;
}
.sort-answer-horizontal .sort-target-area .sort-target,
.sort-answer-horizontal .sort-target-area .sort-target-card.sort-target-textcard {
  width: 100%;
}
.sort-answer-horizontal .sort-target-area .sort-arrow {
  width: 24px;
  height: 24px;
  margin: 0 auto;
  transform: rotate(90deg);
}
.sort-answer-horizontal .answer-block.flex-answer {
  width: 520px;
}
.sort-answer-horizontal .answer-block .answer-column {
  width: 100%;
  gap: 12px 0;
}
.graph-edit-block {
  display: inline-flex;
  flex-direction: column;
  padding-left: 40px;
  margin-top: 22px;
  font-family: 'OT-UDDigiKyokashoProN-Regular';
}
.question-block-col2 .graph-edit-block {
  padding-left: 80px;
}
.graph-edit-block .graph-title {
  text-align: center;
  font-size: 2.4rem;
  padding-left: 40px;
}
.graph-edit-block .graph-box {
  position: relative;
  --cell-size: 40px;
}
.graph-edit-block .graph-main {
  display:flex;
  align-items:flex-end;
  font-size: 1.6rem;
  position: relative;
}
.graph-edit-block .graph-unit {
  position: absolute;
  top: -32px;
  left: 0;
  font-family: 'OT-UDDigiKyokashoProN-Heavy';
  color: #005f00;
}
.graph-edit-block .y-axis {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height: calc(var(--cell-size) * var(--rows));
  font-family: 'OT-UDDigiKyokashoProN-Heavy';
  color: #005f00;
  margin-right: 8px;
  width: 32px;
}
.graph-edit-block .y-axis .y-axis-txt {
  text-align: right;
  line-height: 1;
  font-size: 1.6rem;
  position: relative;
}
.graph-edit-block .y-axis .y-axis-txt .dummy {
  visibility: hidden;
}
.graph-edit-block .y-axis .y-axis-txt:first-child {
  transform: translateY(-30%);
}
.graph-edit-block .y-axis .y-axis-txt:last-child {
  transform: translateY(30%);
}
.graph-edit-block .y-axis .y-axis-txt .y-label-input {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  min-height: 0;
  text-align: right;
  padding-right: 2px;
  height: 32px;
  outline: 4px solid #007b00;
  background: #c9f0ad;
  border: 3px solid #fff;
}
.graph-edit-block  .y-axis .object-toolbar {
  margin-top: 13px;
}
.graph-edit-block .graph-answer-box.x-answer {
  border-radius: 16px;
  border: 2px solid #66afff;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  font-size: 2.4rem;
  color: #007bff;
  margin: 0 0 8px 40px;
}
.graph-edit-block .graph-answer-box.y-answer {
  position: absolute;
  left: -40px;
  border-radius: 16px;
  border: 2px solid #66afff;
  background: #fff;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 57px;
  height: 64px;
  font-size: 2.4rem;
  color: #007bff;
  z-index: 3;
}
.graph-edit-block .graph-answer-box.y-answer::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M22.8124%2011.1778C23.3868%2011.5755%2023.3868%2012.4245%2022.8124%2012.8222L12.5692%2019.9136C11.906%2020.3728%2011%2019.8981%2011%2019.0914V14H1C0.447715%2014%200%2013.5523%200%2013V11C0%2010.4477%200.447715%2010%201%2010H11V4.90857C11%204.10191%2011.906%203.62722%2012.5692%204.08638L22.8124%2011.1778Z%22%20fill%3D%22%233395FF%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -24px;
  margin: auto;
}
.graph-edit-block .graph-grid {
  border: 3px solid #5dbb5d;
  position: relative;
  width: calc(var(--cell-size) * var(--cols));
  height: calc(var(--cell-size) * var(--rows));
  background-color: #fff;
}
.graph-edit-block .graph-bars {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.graph-edit-block .graph-bar {
  position: absolute;
  bottom:0;
  width:calc(var(--cell-size) - 8px);
  left:calc((var(--col) - 1) * var(--cell-size) + (var(--cell-size) / 2));
  transform:translateX(-50%);
  height:calc((var(--height) * var(--cell-size)) - 6px);
  background:#c9f0ad;
}
.graph-edit-block .grid-horizontal,
.graph-edit-block .grid-vertical {
  position: absolute;
  inset: 0;
  display: flex;
  pointer-events: none;
}
.graph-edit-block .grid-horizontal {
  flex-direction: column;
  justify-content: space-between;
  z-index: 3;
}
.graph-edit-block .grid-vertical {
  justify-content: space-between;
  z-index: 2;
}
.graph-edit-block .grid-horizontal .line {
  width: 100%;
  height: 1px;
  background: #c2dfff;
}
.graph-edit-block .grid-horizontal .line:first-child,
.graph-edit-block .grid-horizontal .line:last-child {
  background: none;
}
.graph-edit-block .grid-horizontal .line.thick {
  height: 3px;
}
.graph-edit-block .grid-vertical .line {
  width: 1px;
  height: 100%;
  background: #c2dfff;
}
.graph-edit-block .grid-vertical .line:first-child,
.graph-edit-block .grid-vertical .line:last-child {
  background: none;
}
.graph-edit-block .grid-vertical .line.thick {
  width: 3px;
}
.graph-edit-block .x-axis {
  margin: 8px 0 8px 40px;
  display:grid;
  grid-template-columns:repeat(var(--cols), var(--cell-size));
  width:calc(var(--cols) * var(--cell-size));
}
.graph-edit-block .x-axis .x-item p {
  justify-self: center;
  writing-mode: vertical-rl;
  font-size: 2rem;
  font-family: 'OT-UDDigiKyokashoProN-Bold';
  padding: 12px 0;
}
.graph-edit-block .x-axis .x-item.muted p {
  color: #c2c2c2;
}
.graph-edit-block .x-axis .x-item.is-edit p {
  border-radius: 8px;
  outline: 4px solid #007b00;
  background: #fff;
}
.graph-edit-block .object-toolbar {
  width: 495px;
  top: calc(100%  - 4px);
}
.vertical-contents {
  width: 1280px;
  padding: 0;
}
.question-vertical {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  padding: 4px 0 24px;
  overflow-x: auto;
}
.question-vertical .question-block {
  display: flex;
  flex-direction: row-reverse;
  height: 684px;
  padding: 48px 4px 24px 0;
  margin: 0;
  flex-shrink: 0;
}
.question-vertical .question-block:last-of-type {
  padding-left: 80px;
}
.question-vertical .question-notes-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: 22px;
  line-height: 1.8;
}
.question-vertical .question-notes {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-feature-settings: "tnum";
}
.question-vertical .question-notes .number {
  text-combine-upright: all;
}
.question-vertical .question-block .question-number p {
  margin: 0 0 8px;
  top: 0;
  right: 6px;
}
.question-vertical .question-block .quotation-notes-block .question-number p {
  right: 2px;
}
.question-vertical .question-block.large-question,
.question-vertical .question-block.question-block {
  padding: 24px 54px 0 22px;
}
.question-vertical .question-block.middle-question,
.question-vertical .question-block.small-question {
  padding-right: 12px;
}
.question-vertical .left-block .question-block {
  padding-right: 0;
}
.question-vertical .question-block .question-image {
  margin-top: 40px;
  padding: 0 8px;
}
.question-vertical .question-block .audio-play-btn {
  height: 95px;
  width: 56px;
  margin: 40px 8px 0;
  display: block;
  text-align: center;
  line-height: 1.2;
}
.question-vertical .question-block .audio-play-btn::before {
  display: block;
  margin: 0 auto 2px;
}
.question-vertical .question-block .audio-play-btn:focus {
  outline: none;
}
.question-vertical .question-block .audio-play-btn:focus::after {
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_11%22%20data-name%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2276%22%20height%3D%22114%22%20version%3D%221.1%22%20viewBox%3D%220%200%2076%20114%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill%3A%20%23b0e789%3B%20%7D%20.st1%20%7B%20fill%3A%20%239d9d12%3B%20isolation%3A%20isolate%3B%20opacity%3A%20.16%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M76%2C15.99992v82.00012c0%2C8.82223-7.17773%2C15.99994-16%2C15.99994H18c-8.82227%2C0-16-7.17771-16-15.99994V15.99994C2%2C7.1777%2C9.17773%2C0%2C18%2C0h42c8.82227%2C0%2C16%2C7.1777%2C16%2C15.99994v-.00002ZM8%2C98.00004c0%2C5.51414%2C4.48584%2C9.99996%2C10%2C9.99996h42c5.51367%2C0%2C10-4.48582%2C10-9.99996V15.99994c0-5.51365-4.48633-9.99995-10-9.99995H18c-5.51416%2C0-10%2C4.48631-10%2C9.99996v82.0001Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M74%2C15.99992v82.00012c0%2C8.82223-7.17773%2C15.99994-16%2C15.99994H16c-8.82227%2C0-16-7.17771-16-15.99994V15.99994C0%2C7.1777%2C7.17773%2C0%2C16%2C0h42c8.82227%2C0%2C16%2C7.1777%2C16%2C15.99994v-.00002ZM6%2C98.00004c0%2C5.51414%2C4.48584%2C9.99996%2C10%2C9.99996h42c5.51367%2C0%2C10-4.48582%2C10-9.99996V15.99994c0-5.51365-4.48633-9.99995-10-9.99995H16c-5.51416%2C0-10%2C4.48631-10%2C9.99996v82.0001Z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  width: 76px;
  height: 114px;
  top: -12px;
  left: -12px;
}
.question-vertical .question-block .audio-play-btn span {
  display: block;
  margin-left: 0;
}
.question-vertical .question-block .audio-play-btn span.number {
  display: inline-block;
}
.question-vertical .question-block.memo-block {
  padding: 0 32px 0 22px;
}
.question-vertical .question-block.memo-block .memo-area {
  margin-top: 38px;
  max-height: 562px;
  min-height: 0;
  min-width: 109px;
  padding: 16px 8px;
  display: flex;
  flex-direction: column;
}
.question-vertical .question-block.memo-block .memo-area .memo-title {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-feature-settings: "tnum";
}
.question-vertical.question-sticky {
  overflow: initial
}
.question-vertical.question-sticky .question-block {
  overflow-x: auto;
  flex-shrink: 1;
}
.question-vertical.question-sticky .question-block.large-question {
  flex-shrink: 0;
  top: 0;
  overflow: initial;
}
.question-vertical .question-block.large-question .question-notes-block,
.question-vertical .question-block.question-block .question-notes-block {
  margin-left: 0;
}
.question-vertical .question-block.large-question .question-number p {
  margin-right: 0;
  top: 0;
  right: 4px;
}
.question-vertical.question-quotation {
  overflow: initial;
}
.question-vertical.question-quotation .right-block {
  flex-shrink: 0;
  position: relative;
  max-width: 710px;
}
.question-vertical.question-quotation .right-block::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 8px;
  pointer-events: none;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.08) 0,
    rgba(0, 0, 0, 0.04) 4px,
    rgba(0, 0, 0, 0) 8px
  );
  z-index: 4;
}
.question-vertical.question-quotation .right-block .question-block {
  overflow-x: auto;
  padding-bottom: 20px;
}
.question-vertical.question-quotation .quotation-wrap {
  max-width: 700px;
  overflow-y: auto;
  padding: 0 0 28px 0;
  display: flex;
  flex-direction: row-reverse;
}
.question-vertical.question-quotation .quotation-title {
  font-family: 'OT-UDDigiKyokashoProN-Bold';
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-feature-settings: "tnum";
  font-size: 2rem;
  padding: 24px 48px 0 32px;
  display: flex;
}
.question-vertical.question-quotation .quotation-title::before {
  content: "";
  width: 32px;
  height: 32px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2214%22%20fill%3D%22%23FFA133%22%2F%3E%20%3Cpath%20d%3D%22M23.1156%208.88412C23.7443%209.51288%2024.4724%2010.8697%2023.3472%2011.8625L15.1568%2019.1263C14.346%2019.8378%2013.5187%2019.5068%2013.0058%2018.9939C12.4928%2018.481%2012.1619%2017.6537%2012.8734%2016.8429L20.1372%208.65247C21.13%207.52733%2022.4868%208.25536%2023.1156%208.88412ZM12.195%2019.8047C13.1051%2020.7147%2013.1051%2022.2039%2012.195%2023.1139C11.285%2024.024%209.7958%2024.024%208.88575%2023.1139C7.9757%2022.2039%207.9757%2020.7147%208.88575%2019.8047C9.7958%2018.8946%2011.285%2018.8946%2012.195%2019.8047Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  margin-bottom: 8px;
}
.question-vertical.question-quotation .quotation {
  margin: 24px 32px 0 0;
  padding: 0 0 20px 12px;
  flex-shrink: 0;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-feature-settings: "tnum";
}
.question-vertical.question-quotation .quotation-img {
  padding: 0 32px;
  border-radius: 16px;
  border: 2px solid #ffdad7;
  background: #fff7f6;
  box-shadow: 0 0 16px 0 rgba(212, 0, 0, 0.08) inset;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 620px;
}
.question-vertical.question-quotation .quotation-img img {
  max-width: none;
}
.question-vertical.question-quotation.question-sticky .quotation {
  padding-left: 32px;
}
.question-vertical.question-quotation.question-sticky .quotation-img {
  overflow-x: auto;
}
.question-vertical.question-quotation .left-block {
  flex-shrink: 1;
  display: flex;
  flex-direction: row-reverse;
  overflow-x: auto;
  min-width: 0;
  padding-right: 24px;
  position: relative;
}
.question-vertical.question-quotation .left-block .question-block.large-question {
  margin-right: 0;
  padding-left: 48px;
  background: none;
}
.question-vertical.question-quotation.question-left-sticky .left-block {
  overflow-x: initial;
}
.question-vertical.question-quotation.question-sticky .right-block .question-block {
  overflow-x: initial;
}
.question-vertical.question-quotation.question-sticky .right-block .question-block .quotation {
  overflow-x: auto;
  max-width: 538px;
}
.question-vertical.question-quotation.question-left-sticky .left-block .scroll-wrap {
  flex-shrink: 1;
  display: flex;
  flex-direction: row-reverse;
  overflow-x: auto;
}
.answer-block-vertical {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(24, 1fr);
  gap: 12px;
  justify-content: end;
  align-content: center;
  align-items: stretch;
  margin: 38px 32px 0 0;
  direction: rtl;
  font-family: 'OT-UDDigiKyokashoProN-Regular';
  font-size: 2.4rem;
  max-height: 562px;
  flex-shrink: 0;
}
.answer-block-vertical .answer-vertical-row {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(24, 1fr);
  gap: 12px;
  justify-content: end;
  align-content: center;
  align-items: stretch;
  grid-row: span 24;
}
.answer-block-vertical rt {
  font-size: 1.1rem;
}
.answer-block-vertical .answer-column {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-feature-settings: "tnum";
  padding: 14px;
  direction: ltr;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  border-radius: 16px;
  border: 2px solid #bebe8c;
  background: #fff;
  overflow: hidden;
  white-space: nowrap;
  min-width: 72px;
}
.answer-block-vertical .answer-column:hover {
  background: #f9f9eb;
}
.answer-block-vertical.result-detaile-answer .answer-column:not(.is-selected):hover {
  background: #fff;
}
.answer-block-vertical .answer-column.is-selected {
  border-color: #2f9f2f;
  outline: 2px solid #2f9f2f;
  background: #f2fdec;
  color: #005f00;
}
.answer-block-vertical .answer-column .number {
  text-combine-upright: all;
}
.answer-block-vertical .per-row1 {
  grid-row: span 24;
}
.answer-block-vertical .per-row1half {
  grid-row: 4 / span 17;
}
.answer-block-vertical .per-row2 {
  grid-row: span 12;
}
.answer-block-vertical .per-row3 {
  grid-row: span 8;
}
.answer-block-vertical .per-row4 {
  grid-row: span 6;
}
.answer-block-vertical .answer-column.top-img,
.answer-block-vertical .answer-column.bottom-img,
.answer-block-vertical .answer-column.left-img {
  min-width: 176px;
}
.answer-block-vertical .answer-column.top-img .answer-txt,
.answer-block-vertical .answer-column.bottom-img .answer-txt {
  writing-mode: initial;
  display: flex;
  flex-direction: column;
}
.answer-block-vertical .answer-column.top-img .answer-txt .txt,
.answer-block-vertical .answer-column.bottom-img .answer-txt .txt {
  writing-mode: vertical-rl;
  text-orientation: upright;
}
.answer-block-vertical .answer-column.top-img .answer-txt .txt {
  margin-top: 12px;
}
.answer-block-vertical .answer-column.bottom-img .answer-txt .txt {
  margin-bottom: 12px;
}
.answer-block-vertical .answer-column.bottom-img .answer-txt picture {
  margin-top: auto;
}
.answer-block-vertical .answer-column.left-img .answer-txt picture {
  display: inline-block;
  margin-left: 6px
}
.question-vertical .answer-column.answer-input,
.question-vertical .answer-column.answer-input.per-row1,
.question-vertical .answer-column.answer-handwriting-grid.per-row1 {
  flex-direction: initial;
  justify-content: flex-start;
  align-items: center;
  border: 0;
  overflow: initial;
  padding: 0;
  min-width: 0;
}
.question-vertical .answer-column.answer-input .label-txt {
  font-size: 2.4rem;
  font-family: 'OT-UDDigiKyokashoProN-Bold';
  flex-shrink: 0;
}
.question-vertical .answer-column.answer-input.input-bottom {
  justify-content: flex-end;
}
.question-vertical .answer-column.answer-input:hover {
  background: none;
}
.question-vertical .answer-column.answer-input .answer-txt {
  height: 100%;
  position: relative;
}
.answer-block-vertical.result-detaile-answer .answer-column {
  overflow: initial;
}
.question-vertical .answer-column .answer-icon {
  position: absolute;
  top: -10px;
  left: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
.question-vertical .answer-column .answer-icon img {
  width: 100%;
}
.question-vertical .answer-column .answer-icon.answer-right-top {
  left: auto;
  right: -10px;
}
.question-vertical .answer-column .answer-icon.answer-small {
  width: 24px;
  height: 24px;
}
.question-vertical .answer-column .answer-icon.answer-big {
  width: 40px;
  height: 40px;
}
.question-vertical .answer-column .answer-icon span {
  position: absolute;
  z-index: 2;
  font-family: "Inter", sans-serif;
  font-size: 1.1rem;
  bottom: 5px;
  font-weight: 700;
  color: #fff;
  writing-mode: initial;
}
.question-vertical .answer-column .answer-icon.answer-small span {
  font-size: 0.8rem;
  bottom: 4px;
}
.question-vertical .answer-column .answer-icon.answer-big span {
  font-size: 1.3rem;
  bottom: 8px;
}


.question-vertical .answer-column .answer-txt .pencil svg {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 8px;
  bottom: 8px;
}
.question-vertical .answer-column .answer-txt:focus-within .pencil .cl0,
.question-vertical .answer-column .already-entered .answer-txt .pencil .cl0,
.question-vertical .answer-column .is-edit-handwriting .answer-txt .pencil .cl0,
.question-vertical .answer-column .already-entered-handwriting .answer-txt .pencil .cl0,
.question-vertical .answer-column .is-edit-handwriting-grid .answer-txt .pencil .cl0,
.question-vertical .answer-column .already-entered-handwriting-grid .answer-txt .pencil .cl0 {
  fill: #c9f0ad;
}
.question-vertical .answer-column .answer-txt:focus-within .pencil .cl1,
.question-vertical .answer-column.already-entered .answer-txt .pencil .cl1,
.question-vertical .answer-column.is-edit-handwriting .answer-txt .pencil .cl1,
.question-vertical .answer-column.already-entered-handwriting .answer-txt .pencil .cl1,
.question-vertical .answer-column.is-edit-handwriting-grid .answer-txt .pencil .cl1,
.question-vertical .answer-column.already-entered-handwriting-grid .answer-txt .pencil .cl1 {
  fill: #008b00;
}
.question-vertical .answer-column .answer-txt:focus-within .pencil .cl2,
.question-vertical .answer-column.already-entered .answer-txt .pencil .cl2,
.question-vertical .answer-column.is-edit-handwriting .answer-txt .pencil .cl2,
.question-vertical .answer-column.already-entered-handwriting .answer-txt .pencil .cl2,
.question-vertical .answer-column.is-edit-handwriting-grid .answer-txt .pencil .cl2,
.question-vertical .answer-column.already-entered-handwriting-grid .answer-txt .pencil .cl2 {
  stroke: #008b00;
}
.question-vertical .answer-column.answer-input.input-half .answer-txt {
  height: 50%;
}
.question-vertical .answer-column.answer-input.input-size40 .answer-txt {
  height: 43%;
}
.question-vertical .answer-column.answer-input ::placeholder {
  color: #d3d39a;
}
.question-vertical .answer-column.answer-input input[type="text"],
.question-vertical .answer-column.answer-input textarea {
  font-size: 2.4rem;
  border-radius: 16px;
  padding: 14px 2px;
  min-width: 56px;
  border: 2px solid #bebe8c;
  background: #fff;
  height: 100%;
  font-weight: normal;
  resize: none;
}
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
  .question-vertical .answer-column.answer-input input[type="text"]::placeholder {
    transform: translate(0.5em,0.5em);
  }
}
.question-vertical .answer-column.answer-input input[type="text"]:hover,
.question-vertical .answer-column.answer-input textarea:hover {
  background: #f9f9eb;
}
.question-vertical .answer-column.answer-input input[type="text"]:focus,
.question-vertical .answer-column.answer-input textarea:focus {
  border-color: #008b00;
  color: #005f00;
  outline: none;
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(47, 159, 47, 0.50);
}
.question-vertical .answer-column.answer-input.already-entered input[type="text"],
.question-vertical .answer-column.answer-input.already-entered textarea {
  border-color: #2f9f2f;
  color: #005f00;
  outline: none;
  background: #f2fdec;
}
.question-vertical .answer-column.answer-handwriting-grid {
  writing-mode: initial;
}
.question-vertical .answer-column.answer-handwriting-grid:hover {
  background: none;
}
.question-vertical .answer-column.answer-handwriting-grid .answer-txt {
  height: 100%;
}
.question-vertical .answer-column.answer-handwriting-grid ul {
  border-radius: 16px;
  border: 2px solid #66afff;
  background: #fff;
  position: relative;
}
.question-vertical .answer-column.answer-handwriting-grid:hover ul {
  background: #f2f8ff;
}
.question-vertical .answer-column.answer-handwriting-grid.is-edit-handwriting-grid ul,
.question-vertical .answer-column.answer-handwriting-grid.already-entered-handwriting-grid ul {
  border-color: #008b00;
  background: #fff;
}
.question-vertical .answer-column.answer-handwriting-grid.already-entered-handwriting-grid ul {
  background: #f2fdec;
}
.question-vertical .answer-column.answer-handwriting-grid li {
  width: 72px;
  height: calc(100% / 8);
  border-bottom: 2px dashed #66afff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.question-vertical .answer-column.answer-handwriting-grid.is-edit-handwriting-grid li,
.question-vertical .answer-column.answer-handwriting-grid.already-entered-handwriting-grid li {
  border-color: #008b00;
  font-size: 5.4rem;
  line-height: 1;
  color: #005f00;
}
.question-vertical .answer-column.answer-handwriting-grid li:last-child {
  border-bottom: none;
}
.question-vertical .answer-column .keyboard-area {
  height: 100%;
  position: relative;
}
.question-vertical .answer-column .keyboard {
  position: absolute;
  z-index: 5;
  top: 33%;
  left: 50%;
  transform: translateX(-54%);
  width: 702px;
  height: 404px;
  margin: auto;
}
.sort-target-wrap-vertical {
  flex-shrink: 0;
  margin: 0 32px;
}
.sort-target-wrap-vertical .sort-target-area {
  flex-direction: row-reverse;
  height: 100%;
  gap: 0 3px;
  margin-top: 32px;
  max-height: 562px;
}
.sort-target-wrap-vertical .sort-target-area .sort-target-card {
  min-height: 0;
  height: 100%;
  max-height: 514px;
  min-width: 80px;
}
.sort-target-wrap-vertical .sort-target-area .sort-arrow {
  transform: scale(-1, 1);
}
.vertical-border-answer-block {
  display: flex;
  align-items: center;
  padding-left: 32px;
  flex-shrink: 0;
  margin: 32px 32px 0 0;
  max-height: 562px;
}
.vertical-border-answer-block:last-of-type {
  padding-left: 0;
}
.vertical-border-answer-block .answer-block-vertical {
  margin: 8px 0 0;
  flex-shrink: 0;
  max-height: 562px;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-feature-settings: "tnum";
  padding: 18px;
  border-radius: 24px;
  border: 3px dashed #3395ff;
  background: #fdfdf7;
  gap: 12px 13px;
}
.vertical-border-answer-block .answer-block-vertical.flex-answer {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
}
.vertical-border-answer-block .answer-block-vertical .answer-column {
  height: 100%;
  max-height: 514px;
  padding: 14px 6px;
}
.question-vertical .vertical-border-answer-block .answer-block-vertical .answer-column.per-row2 {
  height: 248px;
}
.question-vertical .vertical-border-answer-block .answer-block-vertical .answer-column.per-row3 {
  height: 162px;
}
.question-vertical .vertical-border-answer-block .answer-block-vertical .answer-column.per-row4 {
  height: 118px;
}
.question-vertical .vertical-border-answer-block .answer-block-vertical .group-img {
  padding: 14px;
}
.sort-target-wrap-vertical .sort-target-area.target-horizontal {
  display: flex;
  margin-top: 36px;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap-reverse;
  gap: 0 16px;
}
.sort-target-wrap-vertical .sort-target-area.target-horizontal .sort-target-card {
  min-width: 280px;
  min-height: 150px;
}
.sort-target-wrap-vertical .sort-target-area.target-horizontal .sort-arrow {
  transform: rotate(90deg);
  margin: 12px auto;
  height: 24px;
}
.vertical-border-answer-block .answer-block-vertical.horizontal-answer-block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  writing-mode: initial;
  justify-content: flex-start;
}
.vertical-border-answer-block .answer-block-vertical.horizontal-answer-block .answer-column {
  height: 100%;
  max-height: 150px;
  min-width: 0;
  margin-bottom: 12px;
}
.vertical-border-answer-block .answer-block-vertical.horizontal-answer-block .answer-column:last-of-type {
  margin-bottom: 0;
}
.answer-vertical-row .sort-target-wrap-vertical .sort-target-area .sort-target-card,
.answer-vertical-row .vertical-border-answer-block .answer-block-vertical .answer-column {
  min-width: 72px;
}
.answer-vertical-row .vertical-border-answer-block {
  max-height: none;
}
.answer-vertical-row .sort-target-wrap-vertical {
  max-height: 240px;
  height: 100%;
  margin-bottom: 32px;
}
.answer-vertical-row .vertical-border-answer-block {
  padding-left: 0;
  justify-content: flex-end;
}
.answer-vertical-row .vertical-border-answer-block .answer-block-vertical {
  max-height: 290px;
}
.explanation-block {
  border-radius: 16px;
  border: 3px solid #ffc1bd;
  background: #fff7f6;
  overflow: hidden;
  margin-left: 88px;
}
.question-block-col2 .explanation-block {
  margin-left: 0;
}
.explanation-block .acc-wrap:hover {
  background: #ffdad7;
}
.explanation-block .acc-btn {
  padding: 0 24px;
  min-height: 89px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  border: none;
  background: none;
}
.explanation-block .acc-btn:focus {
  outline: none;
}
.explanation-block .acc-btn .txt {
  color: #9f0000;
  font-size: 2rem;
  font-weight: 700;
}
.explanation-block .acc-btn .btn {
  width: 96px;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  border: 3px solid #ddd;
  font-weight: 800;
  color: #888;
  cursor: pointer;
  background: #fff;
}
.explanation-block .acc-btn .btn svg {
  width: 16px;
  margin-right: 5px;
}
.explanation-block .acc-btn .btn .st0 {
  fill: #6a6a6a;
}
.explanation-block .acc-btn .btn.close {
  display: none;
}
.explanation-block .acc-wrap.isOpen .acc-btn .btn.open {
  display: none;
}
.explanation-block .acc-wrap.isOpen .acc-btn .btn.close {
  display: flex;
}
.explanation-block .acc-contents {
  overflow: hidden;
  height: 0;
  transition: height 0.4s ease;
}
.explanation-block .isOpen .acc-contents {
  overflow: initial;
}
.explanation-block .answer-block {
  margin: 0 24px 16px;
}
.explanation-block .answer-block .answer-column,
.explanation-block .answer-block .answer-column:hover {
  background: #fff;
}
.explanation-block .answer-block .answer-column {
  border: 2.7px solid #ff3830;
  background: #fff;
}
.explanation-block .answer-block .answer-column .answer-txt {
  color: #ff3830;
}
.explanation-block .answer-block .answer-column.answer-input {
  border: none;
  background: none;
}
.explanation-block .answer-block .answer-column.answer-input input[type="text"] {
  border: 2.7px solid #ff3830;
  background: #fff;
  color: #ff3830;
}
.explanation-block .answer-block .answer-column.answer-input .answer-txt::after {
  display: none;
}
.explanation-block .scoring-conditions {
  display: flex;
  border-radius: 8px;
  border: 3px #ffdad7;
  background: #fff0ef;
  font-size: 1.8rem;
  padding: 24px;
  margin: 16px 24px;
  border-radius: 8px;
  border: 3px solid #ffdad7;
  background: #fff0ef;
}
.explanation-block .scoring-conditions dt {
  margin-right: 8px;
}
.explanation-block .scoring-conditions dt p {
  font-weight: 700;
  color: #4a4a4a;
}
.explanation-block .scoring-conditions dd p {
  font-weight: 700;
  color: #9f0000;
}
.explanation-block .explanation-notes {
  padding-bottom: 24px;
}
.explanation-block .explanation-txt {
  margin: 40px 24px 0;
  padding: 30px 24px 24px;
  border-radius: 16px;
  border: 3px solid #ffdad7;
  background: #fff;
  position: relative;
}
.explanation-block .explanation-txt .icon {
  position: absolute;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 40px;
  border-radius: 8px;
  background: #ff6a63;
  font-size: 1.6rem;
  color: #fff;
  box-shadow: 0 2px 0 0 rgba(157, 157, 18, 0.16);
  font-family: 'OT-UDDigiKyokashoProN-Regular';
  line-height: 1;
  top: -27px;
}
.explanation-block .explanation-txt .note {
  font-size: 1.8rem;
  font-weight: 700;
  color: #4a4a4a;
  line-height: 1.77778;
}
.explanation-block .explanation-txt figure {
  margin-top: 16px;
}
.question-vertical .explanation-block {
  max-height: 562px;
  margin: 62px 32px 0 80px;
  flex-shrink: 0;
}
.question-vertical .explanation-block .acc-vertical-wrap {
  height: 100%;
  display: flex;
  flex-direction: row-reverse;
  position: relative;
}
.question-vertical .explanation-block .acc-vertical-wrap:hover {
  background: #ffdad7;
}
.question-vertical .explanation-block .acc-vertical-btn {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-feature-settings: "tnum";
  display: flex;
  min-width: 88px;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0;
  background: none;
  border: none;
}
.question-vertical .explanation-block .acc-vertical-btn:focus {
  outline: none;
}
.question-vertical .explanation-block .acc-vertical-btn .txt {
  color: #9f0000;
  font-size: 1.8rem;
  font-weight: 700;
}
.question-vertical .explanation-block .acc-vertical-btn .btn {
  width: 40px;
  min-height: 95px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  border: 3px solid #ddd;
  font-weight: 800;
  color: #888;
  cursor: pointer;
  background: #fff;
}
.question-vertical .explanation-block .acc-vertical-btn svg {
  width: 16px;
  margin-bottom: 5px;
}
.question-vertical .explanation-block .acc-vertical-btn .st0 {
  fill: #6a6a6a;
}
.question-vertical .explanation-block .acc-vertical-btn .close {
  display: none;
}
.question-vertical .explanation-block .acc-vertical-wrap.isOpen .acc-vertical-btn .btn.open {
  display: none;
}
.question-vertical .explanation-block .acc-vertical-wrap.isOpen .acc-vertical-btn .btn.close {
  display: flex;
}
.question-vertical .explanation-block .acc-vertical-contents {
  display: flex;
  flex-direction:row-reverse;
  align-items: flex-start;
  width: 0;
  overflow: hidden;
  transition: width .3s ease;
  flex-shrink: 0;
}
.question-vertical .explanation-block .answer-block-vertical {
  height: 100%;
  margin: 0 0 0 56px;
  padding: 24px 0;
}
.question-vertical .explanation-block .answer-column.answer-input,
.question-vertical .explanation-block .answer-column.answer-input.per-row1,
.question-vertical .explanation-block .answer-column.answer-handwriting-grid.per-row1 {
  background: none;
}
.question-vertical .explanation-block .answer-column.answer-input .label-txt {
  font-family: 'OT-UDDigiKyokashoProN-Regular';
}
.question-vertical .explanation-block .answer-column.answer-input input[type="text"],
.question-vertical .explanation-block .answer-column.answer-input textarea {
  border: 3px solid #ff3830;
  color: #ff3830;
}
.question-vertical .explanation-block .answer-column.answer-input input[type="text"]:hover,
.question-vertical .explanation-block .answer-column.answer-input textarea:hover {
  background: #fff;
}
.question-vertical .explanation-block .scoring-conditions {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-feature-settings: "tnum";
  padding: 16px;
  margin: 24px 0 24px 48px;
  flex-shrink: 0;
  height: calc(100% - 48px);
}
.question-vertical .explanation-block .scoring-conditions dt {
  margin: 0 0 8px;
}
.question-vertical .explanation-block .explanation-notes {
  padding: 24px 0 24px 24px;
  flex-shrink: 0;
  height: 100%;
  width: fit-content;
}
.question-vertical .explanation-block .explanation-txt {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-feature-settings: "tnum";
  margin: 0;
  padding: 24px;
  height: 100%;
}
.question-vertical .explanation-block .explanation-txt .icon {
  width: 48px;
  height: 62px;
  top: 8px;
  right: -32px;
}
.question-vertical .explanation-block .explanation-txt figure {
  margin: 0 16px 0 0;
}
.question-vertical .explanation-block .explanation-txt figure img {
  max-height: 100%;
}
.answer-result-list .answer-block {
  padding: 16px;
  margin: 0;
}
.answer-result-list .answer-block .answer-column.answer-input {
  background: none;
}
.answer-result-list .answer-block .answer-column.answer-input textarea {
  min-height: 90px;
}
.answer-result-list .answer-block .answer-column.answer-input input[type="text"],
.answer-result-list .answer-block .answer-column.answer-input textarea,
.question-vertical.answer-result-list .answer-block-vertical .answer-column.answer-input input[type="text"],
.question-vertical.answer-result-list .answer-block-vertical .answer-column.answer-input textarea {
  color: #333;
  border-color: #c2c2c2;
}
.answer-result-list .answer-block .answer-column.answer-input input[type="text"]:hover,
.answer-result-list .answer-block .answer-column.answer-input textarea:hover,
.question-vertical.answer-result-list .answer-block-vertical .answer-column.answer-input input[type="text"]:hover,
.question-vertical.answer-result-list .answer-block-vertical .answer-column.answer-input textarea:hover {
  background: #fff;
}
.answer-result-list .answer-block input[type="text"]:disabled:hover,
.answer-result-list .answer-block textarea:disabled:hover,
.question-vertical.answer-result-list .answer-block-vertical input[type="text"]:disabled:hover,
.question-vertical.answer-result-list .answer-block-vertical textarea:disabled:hover {
  pointer-events: none;
  box-shadow: none;
}
.answer-result-list .answer-block input[type="text"]:disabled:focus,
.answer-result-list .answer-block textarea:disabled:focus,
.question-vertical.answer-result-list .answer-block-vertical input[type="text"]:disabled:focus,
.question-vertical.answer-result-list .answer-block-vertical textarea:disabled:focus {
  outline: none;
}
.answer-result-list .answer-block .answer-column.answer-input.already-entered input[type="text"],
.answer-result-list .answer-block .answer-column.answer-input.already-entered textarea,
.question-vertical.answer-result-list .answer-block-vertical .answer-column.answer-input.already-entered input[type="text"],
.question-vertical.answer-result-list .answer-block-vertical .answer-column.answer-input.already-entered textarea {
  border-color: #2f9f2f;
  outline: 1px solid #2f9f2f;
  color: #005f00;
}
.answer-result-list .answer-block .answer-column.answer-input.already-entered input[type="text"]:hover,
.answer-result-list .answer-block .answer-column.answer-input.already-entered textarea:hover,
.question-vertical.answer-result-list .answer-block-vertical .answer-column.answer-input.already-entered input[type="text"]:hover,
.question-vertical.answer-result-list .answer-block-vertical .answer-column.answer-input.already-entered textarea:hover {
  background: #f2fdec;
}
.answer-result-list .answer-result-box .answer-column .answer-txt .less-words {
  position: absolute;
  border-radius: 16px;
  background: #6a6a6a;
  color: #fff;
  line-height: 1;
  width: 50px;
  height: 16px;
  border-radius: 999px;
  font-family: 'OT-UDDigiKyokashoProN-Bold';
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 24px;
  top: -8px;
  z-index: 3;
}
.answer-result-list .answer-result-box .answer-column .answer-txt .less-words span {
  margin-left: 2px;
}
.answer-result-list .answer-result-box.model-answer {
  background: #f2f8ff;
  border-color: #0066d6;
}
.answer-result-list .answer-result-box.model-answer .box-title {
  background: #0066d6;
}
.answer-result-list .answer-result-box.model-answer .box-title p {
  color: #fff;
  font-weight: 700;
}
.answer-result-list .answer-result-box.model-answer .answer-column .answer-txt input[type="text"],
.answer-result-list .answer-result-box.model-answer .answer-column .answer-txt textarea {
  border-color: #66afff;
  color: #0066d6;
  background: #fff;
}
.answer-result-list .answer-result-box.model-answer .answer-txt:focus-within .pencil .cl0 {
  fill: #fdfdf7;
}
.answer-result-list .answer-result-box.model-answer .answer-txt .pencil .cl1 {
  fill: #99c9ff;
}
.answer-result-list .answer-result-box.model-answer .answer-txt .pencil .cl2 {
  stroke: #99c9ff;
}
.answer-result-list .answer-result-box .answer-column .answer-txt .status-icon {
  position: absolute;
  right: -8px;
  top: -8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  z-index: 3;
}
.answer-result-list .answer-result-box .answer-column .answer-txt .status-icon img {
  width: 100%;
}
.answer-result-list .answer-result-box .answer-column .answer-txt .status-icon.status-left-top {
  right: auto;
  left: -8px;
}
.answer-result-list .answer-result-box .answer-column .answer-txt .status-icon.status-left-btm {
  right: auto;
  left: -8px;
  top: auto;
  bottom: -8px;
}
.answer-result-list .answer-result-box .answer-column .answer-txt .status-icon.status-small {
  width: 24px;
  height: 24px;
}
.answer-result-list .answer-result-box .answer-column .answer-txt .status-icon.status-big {
  width: 40px;
  height: 40px;
}
.answer-result-list .answer-result-box .answer-column .answer-txt .status-icon span {
  position: absolute;
  z-index: 2;
  font-family: "Inter", sans-serif;
  font-size: 1.1rem;
  bottom: 5px;
  font-weight: 700;
  color: #fff;
}
.answer-result-list .answer-result-box .answer-column .answer-txt .status-icon.status-small span {
  font-size: 0.8rem;
  bottom: 4px;
}
.answer-result-list .answer-result-box .answer-column .answer-txt .status-icon.status-big span {
  font-size: 1.3rem;
  bottom: 8px;
}
.answer-result-list .answer-result-box .answer-column .comment {
  position: absolute;
  right: 24px;
  bottom: -11px;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 999px;
  background: #fff;
  padding: 5px 8px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #e50000;
  line-height: 1.2;
}
.answer-result-list .answer-block .answer-column.answer-handwriting {
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  overflow: initial;
}
.answer-result-list .answer-block .answer-column.answer-handwriting .answer-txt {
  min-height: 202px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221168%22%20height%3D%22202%22%20viewBox%3D%220%200%201168%20202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1148.08%2042.3359H19.9229%22%20stroke%3D%22%23C2DFFF%22%2F%3E%3Cpath%20d%3D%22M1148.08%2079.6914H19.9229%22%20stroke%3D%22%23C2DFFF%22%2F%3E%3Cpath%20d%3D%22M1148.08%20119.539H19.9229%22%20stroke%3D%22%23007BFF%22%2F%3E%3Cpath%20d%3D%22M1148.08%20159.383H19.9229%22%20stroke%3D%22%23C2DFFF%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  padding: 40px 35px 0;
}
.answer-result-list .answer-column-double .answer-block {
  gap: 32px 12px;
}
.answer-result-list .answer-column-double .answer-block .answer-column.answer-input textarea {
  min-height: 130px;
}
.question-vertical.answer-result-list {
  padding: 56px 40px 30px;
  width: 1280px;
}
.question-vertical.answer-result-list .answer-result-box {
  margin: 0 0 0 32px;
  flex-shrink: 0;
  height: 562px;
  display: flex;
  flex-direction: row-reverse;
}
.question-vertical.answer-result-list .answer-result-box .box-title {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-feature-settings: "tnum";
  align-items: center;
  padding: 16px 4px;
  min-width: 64px;
  border-bottom: none;
  border-left: 1px solid rgba(0, 0, 0, 0.30);
  font-size: 1.6rem;
}
.question-vertical.answer-result-list .answer-result-box .box-title .status {
  margin: 0 0 8px;
}
.question-vertical.answer-result-list .answer-result-box .box-title p {
  padding: 0;
}
.question-vertical.answer-result-list .answer-result-box .box-title .btn-wrap {
  margin: auto 0 0;
}
.question-vertical.answer-result-list .answer-result-box .box-title .btn-wrap button {
  height: auto;
  width: 28px;
  padding: 8px 0;
}
.question-vertical.answer-result-list .answer-block-vertical {
  margin: 0;
  padding: 16px;
  gap: 12px 16px;
  position: relative;
}
.question-vertical.answer-result-list .answer-column {
  background: none;
}
.question-vertical.answer-result-list .answer-result-box .answer-column .answer-txt .less-words {
  width: 18px;
  height: 52px;
  left: auto;
  right: -8px;
  top: 24px;
}
.question-vertical.answer-result-list .answer-result-box .answer-column .answer-txt .less-words span {
  margin: 0;
}
.question-vertical.answer-result-list .answer-result-box .answer-column .answer-txt .status-icon {
  left: -10px;
  top: -10px;
  right: auto;
}
.question-vertical.answer-result-list .answer-result-box .answer-column .answer-txt .status-icon.status-right-top {
  left: auto;
  right: -10px;
}
.question-vertical.answer-result-list .answer-block-vertical .status-icon img {
  vertical-align: top;
}
.question-vertical.answer-result-list .answer-result-box .answer-column .answer-txt .status-icon span {
  writing-mode: initial;
}
.question-vertical.answer-result-list .answer-result-box .answer-block-vertical .comment {
  left: -13px;
  bottom: -6px;
  right: auto;
}
.answer-block.is-correct-edit .answer-column.answer-input input[type="text"],
.answer-block.is-correct-edit .answer-column.answer-input textarea {
  border-color: #66afff;
  color: #007bff;
}
.answer-block.is-correct-edit .answer-column.answer-input input[type="text"]:hover,
.answer-block.is-correct-edit .answer-column.answer-input textarea:hover {
  background: #fff;
  box-shadow: none;
}
/*　-----------　Tools ----------　*/
.tool-menu {
  border-radius: 16px;
  border: 2px solid #efefbd;
  background: #fdfde7;
  box-shadow: 0 8px 0 0 rgba(157, 157, 18, 0.08);
  width: 68px;
  position: fixed;
  left: 8px;
  bottom: 8px;
  padding: 4px;
}
.tool-menu.tool-disabled {
  opacity: 0.3;
}
.tool-menu button {
  width: 58px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: none;
}
.tool-menu button:focus {
  outline: none;
  outline-offset: none;
}
.tool-menu.tool-disabled button {
  pointer-events: none;
}
.tool-menu button.is-active {
  border-radius: 8px;
  border: 2px solid #e5e5a9;
  background: #fff;
}
.tool-menu button img {
  width: 24px;
}
.tool-menu hr {
  background-color: #efefbd;
  height: 2px;
  margin: 8px 0;
}