:root {
  --orange: #FF9C00;
}
#main .mypage-top-message {
  text-align: center;
  margin: 50px 0 40px;
  font-size: 22px;
  line-height: 42px;
  color: black;
  letter-spacing: 4px;
}
@media screen and (max-width: 767px) {
  #main .mypage-top-message {
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 3px;
    font-feature-settings: "palt";
  }
  #main .mypage-top-message .br {
    display: block;
  }
}
#main .print-qr {
  width: 700px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #main .print-qr {
    width: 100%;
    padding: 0 20px;
  }
}
#main .print-qr .notice {
  text-align: center;
  color: #CB2011;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 600px) {
  #main .print-qr .notice .br {
    display: block;
  }
}
#main .print-qr a {
  text-decoration: none;
}
#main .print-qr .print-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 6px solid #FF9C0080;
  width: 100%;
  height: 220px;
  margin: 20px auto;
  border-radius: 8px;
  background-color: white;
  cursor: pointer;
  transition-duration: 0.2s;
}
@media screen and (max-width: 1024px) {
  #main .print-qr .print-button {
    height: 220px;
  }
}
#main .print-qr .print-button:hover {
  background-color: #FF9C0022;
}
#main .print-qr .print-button .icon {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  font-weight: 700;
  color: #333;
}
#main .print-qr .print-button .icon::before {
  display: block;
  content: "";
  width: 72px;
  height: 72px;
  background: transparent url(../media/images/2026/mypage/printer.svg) no-repeat left center / contain;
}
@media screen and (max-width: 767px) {
  #main .print-qr .print-button .icon {
    font-size: 16px;
  }
  #main .print-qr .print-button .icon::before {
    width: 48px;
    height: 48px;
  }
}
#main .print-qr .print-button .print-button_note {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
}
@media screen and (max-width: 1024px) {
  #main .print-qr .print-button .print-button_note .wrap_point {
    display: block;
  }
}
#main .print-qr .print-button .print-button_note p {
  margin: 0;
  font-size: 12px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #main .print-qr .print-button .print-button_note p {
    font-size: 10px;
  }
}
#main .print-qr .qr {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  #main .print-qr .qr {
    justify-content: center;
  }
}
#main .print-qr .qr .button {
  width: 320px;
  margin: 0;
}
#main .print-qr .qr .button button {
  line-height: 50px;
  font-size: 16px;
}
#main .dl-list {
  max-width: 1080px;
  margin: 50px auto;
}
@media (max-width: 1180px) {
  #main .dl-list {
    margin: 30px auto;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  #main .dl-list {
    padding: 0;
  }
}
#main .dl-list dl {
  display: flex;
  font-size: 20px;
  line-height: 30px;
}
#main .dl-list dl + dl {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  #main .dl-list dl + dl {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  #main .dl-list dl {
    display: block;
  }
}
#main .dl-list dl dt {
  display: block;
  flex: 0 0 160px;
  font-weight: 700;
  padding: 5px 0;
  text-align: center;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  #main .dl-list dl dt {
    text-align: left;
    font-size: 16px;
  }
  #main .dl-list dl dt br {
    display: none;
  }
}
#main .dl-list dl dd {
  flex: 1 1 auto;
  display: block;
  border-left: 3px solid var(--orange);
  padding: 5px 20px 30px 20px;
  margin: 0;
  font-size: 20px;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  #main .dl-list dl dd {
    border-left: none;
    padding: 5px 0 30px 0;
    font-size: 16px;
    line-height: 1.5;
  }
}
#main .dl-list dl dd .small {
  display: none;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.4;
}
#main .dl-list dl dd .small.entered_status {
  display: block;
}
#main .dl-list dl dd .seminars {
  list-style: none;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #main .dl-list dl dd .seminars {
    display: block;
  }
  #main .dl-list dl dd .seminars tbody, #main .dl-list dl dd .seminars tr, #main .dl-list dl dd .seminars th, #main .dl-list dl dd .seminars td.title {
    display: block;
  }
  #main .dl-list dl dd .seminars tr + tr {
    margin-top: 10px;
  }
  #main .dl-list dl dd .seminars td {
    display: inline-block;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
#main .dl-list dl dd .seminars td {
  white-space: nowrap;
  padding: 3px 8px;
  vertical-align: top;
}
#main .dl-list dl dd .seminars td .special {
  display: block;
  position: relative;
  width: 10px;
  height: 20px;
}
#main .dl-list dl dd .seminars td .special::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: transparent url(../media/images/2026/top/seminar/icon-crown.png) no-repeat left center / contain;
  transform: translateY(2px);
}
#main .dl-list dl dd .seminars td.title {
  white-space: normal;
}
#main .dl-list dl dd .button-columns {
  margin: 20px 0 0;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  #main .dl-list dl dd .button-columns {
    display: block;
  }
}
#main .dl-list dl dd .button-columns .button {
  flex: 1 1 auto;
  margin: 0;
  max-width: 300px;
}
@media screen and (max-width: 767px) {
  #main .dl-list dl dd .button-columns .button {
    margin: 10px auto;
  }
}
#main .dl-list dl dd .button-columns .button.cancel-seminar {
  max-width: 350px;
}
#main .dl-list dl dd .button-columns .button.entered_status .btn.no_entry_btn {
  display: none;
}
#main .dl-list dl dd .button-columns .button.entered_status .btn.entered_btn {
  display: block;
}
#main .dl-list dl dd .button-columns .button .btn {
  display: block;
  font-size: 16px;
  line-height: 50px;
}
@media screen and (max-width: 767px) {
  #main .dl-list dl dd .button-columns .button .btn {
    line-height: 40px;
  }
}
#main .dl-list dl dd .button-columns .button .btn.entered_btn {
  display: none;
}
#main .dl-list + .title-h3 {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  #main .dl-list + .title-h3 {
    margin-top: 50px;
  }
}
#main .questionnaire-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin: 50px 0;
}
@media screen and (max-width: 767px) {
  #main .questionnaire-buttons {
    display: block;
  }
}
#main .questionnaire-buttons .column {
  flex: 0 1 410px;
}
#main .questionnaire-buttons .column .button {
  margin: 0;
}
@media screen and (max-width: 767px) {
  #main .questionnaire-buttons .column .button {
    margin: 10px auto;
  }
  #main .questionnaire-buttons .column .button .btn {
    font-size: 16px;
    line-height: 50px;
  }
}
#main .questionnaire-buttons .column p {
  text-align: center;
}
@media screen and (max-width: 767px) {
  #main .questionnaire-buttons .column p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  #main .questionnaire-buttons .column + .column {
    margin-top: 30px;
  }
}
#main .logout {
  margin: 50px 0;
  text-align: right;
}
@media screen and (max-width: 767px) {
  #main .logout {
    text-align: center;
  }
}
#main .logout a {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  transition-duration: 0.2s;
}
@media screen and (max-width: 767px) {
  #main .logout a {
    font-size: 16px;
  }
}
#main .logout a:hover {
  color: #666;
}
#main .qr-modal.seminar_modal .modal_body .qr {
  margin: 30px 0;
  display: flex;
  justify-content: center;
}
#main .qr-modal.seminar_modal .modal_body .qr img {
  width: 420px;
  min-height: 420px;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  #main .qr-modal.seminar_modal .modal_body .qr img {
    max-width: 100%;
    min-height: 320px;
  }
}
#main .qr-modal.seminar_modal .modal_body .qr img[src=""] {
  background-color: #eee;
}
#main .qr-modal.seminar_modal .modal_body .notice {
  margin: 15px 0 0;
  text-align: center;
  letter-spacing: 4px;
}
@media (max-width: 1000px) {
  #main .qr-modal.seminar_modal .modal_body .notice {
    letter-spacing: 0;
  }
}
#main .qr-modal.seminar_modal .modal_body .small {
  margin-top: 5px;
  text-align: center;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  #main .qr-modal.seminar_modal .modal_body {
    width: 80vw;
  }
}
#main .seminar-survey {
  margin: 50px 0;
}
#main .seminar-survey .button.answer, #main .seminar-survey .button.download {
  margin: 0;
  padding: 0;
}
#main .seminar-survey .button.answer .btn, #main .seminar-survey .button.download .btn {
  font-size: 16px;
  line-height: 36px;
  padding: 0 25px;
  white-space: nowrap;
}
#main .seminar-survey .button.answer .btn.disabled, #main .seminar-survey .button.download .btn.disabled {
  background-color: #87827A50;
  pointer-events: none;
}
#main .seminar-survey .button.answer .btn {
  padding-right: 30px;
}
#main .seminar-survey .button.answer .btn::after {
  right: 15px;
}
#main .seminar-survey .button.download .btn::before {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background: transparent url(../media/images/common/external-link.svg) no-repeat left center / contain;
}
@media screen and (max-width: 767px) {
  #main .seminar-survey .button.download .btn::before {
    width: 15px;
  }
}
#main .seminar-survey .button.download .btn::after {
  display: none;
}
@media screen and (max-width: 767px) {
  #main .seminar-survey .button {
    max-width: 200px;
    margin: 0 auto !important;
  }
}
#main .seminar-survey td.void {
  text-align: center;
  vertical-align: middle;
}
#main .seminar-survey td .course {
  display: block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #main .seminar-survey td .course {
    text-align: left;
  }
}
#main .seminar-survey td .course.special::after {
  display: block;
  margin: 0 auto;
  content: "";
  width: 20px;
  height: 20px;
  margin-top: 2px;
  background: transparent url(../media/images/2026/top/seminar/icon-crown.png) no-repeat left center / contain;
}
@media screen and (max-width: 767px) {
  #main .seminar-survey td .course.special::after {
    display: inline-block;
    transform: translateY(3px);
  }
}
#main .seminar-survey td .checkbox {
  display: flex;
  gap: 10px;
  justify-content: center;
}
#main .seminar-survey td .checkbox span {
  display: none;
}
#main .seminar-survey td .checkbox [type="checkbox"] {
  transform: scale(1.2);
}
@media screen and (max-width: 767px) {
  #main .seminar-survey td .checkbox {
    justify-content: flex-start;
  }
  #main .seminar-survey td .checkbox span {
    display: inline;
  }
}
/*# sourceMappingURL=./mypage.css.map */