@charset "UTF-8";
#diagnosis .main_block .main_body {
  padding: 3rem 0;
  background-color: #e8f4ff;
}
#diagnosis .q_section {
  margin: 2em auto 1em;
  text-align: center;
  font-family: var(--wp--preset--font-family--theme-gothic-head);
}
#diagnosis .q_section em {
  display: inline-block;
  color: #5387b9;
  font-style: normal;
  font-size: 1.36em;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
#diagnosis .q_section em::after {
  content: "";
  display: block;
  margin-bottom: 0.5em;
  width: auto;
  height: 0;
  border-style: solid;
  border-width: 1px;
  border-radius: 999em;
}
#diagnosis .step_3_note {
  font-weight: bold;
  font-size: 1.2em;
}
#diagnosis .result_sect .sect_head {
  text-align: center;
  background-color: #5387b9;
  color: var(--wp--preset--color--theme-white);
}
#diagnosis .result_sect .sect_head .sect_title {
  margin: 0;
  line-height: 1.5;
}
#diagnosis .result_sect .sect_body {
  padding: 5%;
  border-radius: 0 0 1rem 1rem;
  background-color: var(--wp--preset--color--theme-white);
}
#diagnosis .result_sect#wellbeing_state .wellbeing_result {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  margin: 5%;
  padding: 0.25em 0.25em 0.125em;
  width: 8em;
  border-radius: 10px;
  border: solid 4px #5387b9;
  background-color: #d1e5f8;
  text-align: center;
  line-height: 1.25;
  font-weight: 500;
}
#diagnosis .result_sect#wellbeing_state .wellbeing_result em {
  font-family: var(--wp--preset--font-family--theme-gothic-head);
  font-style: normal;
  font-size: 2em;
}
#diagnosis .result_sect#wellbeing_state .wellbeing_result em small {
  font-size: 0.6em;
  color: var(--wp--preset--color--theme-gray);
  display: inline-block;
  margin-left: 0.2em;
}
#diagnosis .result_sect#wellbeing_state .wellbeing_count table.item_list {
  table-layout: fixed;
  border-spacing: 0;
  margin-right: auto;
  margin-left: auto;
  width: 65%;
  font-size: var(--wp--preset--font-size--large);
  font-weight: 600;
  text-align: center;
}
#diagnosis .result_sect#wellbeing_state .wellbeing_count table.item_list tr.item > th,
#diagnosis .result_sect#wellbeing_state .wellbeing_count table.item_list tr.item > td {
  border-bottom: solid 1px var(--wp--preset--color--theme-logo-blue);
}
#diagnosis .result_sect#wellbeing_state .wellbeing_count table.item_list tr.item.item01 {
  color: var(--wp--preset--color--theme-logo-blue);
}
#diagnosis .result_sect#wellbeing_state .wellbeing_count table.item_list tr.item.item02 {
  color: var(--wp--preset--color--theme-logo-purple);
}
#diagnosis .result_sect#wellbeing_state .wellbeing_count table.item_list tr.item.item03 {
  color: var(--wp--preset--color--theme-logo-green);
}
#diagnosis .result_sect#wellbeing_state .wellbeing_count table.item_list tr.item.item04 {
  color: var(--wp--preset--color--theme-logo-aqua);
}
#diagnosis .result_sect#wellbeing_state .wellbeing_count table.item_list tr.item.item05 {
  color: var(--wp--preset--color--theme-logo-red);
}
#diagnosis .result_sect#wellbeing_state .wellbeing_count table.item_list tr.item.item06 {
  color: var(--wp--preset--color--theme-logo-orange);
}
#diagnosis .result_sect#wellbeing_state .att {
  text-align: center;
  color: var(-wp--preset--color--theme-darkgray);
  font-size: 0.9em;
}
#diagnosis .result_sect#wellbeing_level .level_list {
  display: flex;
  justify-content: space-around;
  color: #5387b9;
  text-align: center;
  line-height: 1;
  word-break: keep-all;
  white-space: nowrap;
}
#diagnosis .result_sect#wellbeing_level .level_list > div {
  width: 7em;
}
#diagnosis .result_sect#wellbeing_level .level_list > div > dt {
  margin-bottom: 0.25em;
  padding-bottom: 0.25em;
  border-bottom: solid 1px;
  font-size: var(--wp--preset--font-size--xx-large);
  font-weight: 500;
}
#diagnosis .result_sect#wellbeing_level .level_list > div > dd {
  margin: 0;
  font-family: var(--wp--preset--font-family--theme-gothic-head);
  font-size: 3em;
  font-weight: 600;
}
#diagnosis .result_sect#wellbeing_type .sect_head {
  background-color: var(--wp--preset--color--theme-yellow);
  color: #5387b9;
}
#diagnosis .result_sect#wellbeing_type .sect_body {
  color: var(--wp--preset--color--theme-white);
  text-align: center;
}
#diagnosis .result_sect#wellbeing_type .sect_body:has(#type01.type_block) {
  background-color: #72bca1;
}
#diagnosis .result_sect#wellbeing_type .sect_body:has(#type02.type_block) {
  background-color: #ef8a80;
}
#diagnosis .result_sect#wellbeing_type .sect_body:has(#type03.type_block) {
  background-color: #aacd86;
}
#diagnosis .result_sect#wellbeing_type .sect_body:has(#type04.type_block) {
  background-color: #f1dd79;
}
#diagnosis .result_sect#wellbeing_type .sect_body:has(#type05.type_block) {
  background-color: #aeddfb;
}
#diagnosis .result_sect#wellbeing_type .sect_body:has(#type06.type_block) {
  background-color: #fa9aa9;
}
#diagnosis .result_sect#wellbeing_type .sect_body:has(#type07.type_block) {
  background-color: #e7b4af;
}
#diagnosis .result_sect#wellbeing_type .sect_body:has(#type08.type_block) {
  background-color: #76b3eb;
}
#diagnosis .result_sect#wellbeing_type .sect_body:has(#type09.type_block) {
  background-color: #58bdbd;
}
#diagnosis .result_sect#wellbeing_type .sect_body:has(#type10.type_block) {
  background-color: #96c79a;
}
#diagnosis .result_sect#wellbeing_type .sect_body:has(#type11.type_block) {
  background-color: #9da5d2;
}
#diagnosis .result_sect#wellbeing_type .sect_body:has(#type12.type_block) {
  background-color: #f3a45e;
}
#diagnosis .result_sect#wellbeing_type .sect_body:has(#type13.type_block) {
  background-color: #f2d98e;
}
#diagnosis .result_sect#wellbeing_type .sect_body:has(#type14.type_block) {
  background-color: #cfbced;
}
#diagnosis .result_sect#wellbeing_type .sect_body:has(#type15.type_block) {
  background-color: #a9d0d5;
}
#diagnosis .result_sect#wellbeing_type .sect_body:has(#type16.type_block) {
  background-color: #fea97f;
}
#diagnosis .result_sect#wellbeing_type .sect_body:has(#type17.type_block) {
  background-color: #f5e95c;
  background-image: linear-gradient(#f6b392, #f5e95c);
}
#diagnosis .result_sect#wellbeing_type .type_num {
  margin: auto;
  font-family: var(--wp--preset--font-family--theme-gothic-head);
  font-size: var(--wp--preset--font-size--large);
  font-weight: 600;
}
#diagnosis .result_sect#wellbeing_type .type_num em {
  font-style: normal;
  color: var(--wp--preset--color--theme-yellow);
}
#diagnosis .result_sect#wellbeing_type .type_name {
  margin: auto;
  text-align: center !important;
  font-weight: 600;
  font-size: var(--wp--preset--font-size--large);
}
#diagnosis .result_sect#wellbeing_type .type_name em {
  font-style: normal;
  font-size: 1.5em;
}
#diagnosis .result_sect#wellbeing_advice .sect_head {
  background-color: var(--wp--preset--color--theme-logo-orange);
}
#diagnosis .result_sect#wellbeing_advice .sect_body {
  background-color: #ffe8b2;
}
#diagnosis .result_sect#wellbeing_advice .advice_block:not(:last-child) {
  margin-bottom: var(--wp--preset--spacing--50);
}
#diagnosis .result_sect#wellbeing_advice .advice_block .advice_title {
  margin: 0;
  text-align: left;
  font-size: var(--wp--preset--font-size--x-large);
}
#diagnosis .result_sect#wellbeing_advice .advice_block .advice_title em {
  display: inline-block;
  margin-right: 0.25em;
  color: #5387b9;
  font-family: var(--wp--preset--font-family--theme-gothic-head);
  font-style: normal;
  font-size: 1.25em;
}
#diagnosis .result_sect#wellbeing_advice .advice_block .advice_title em::after {
  content: "";
  display: block;
  border-radius: 999em;
  border: solid 1.5px;
}
#diagnosis .result_sect#wellbeing_advice .advice_block p {
  margin: 0.5em 0;
}
#diagnosis .result_sect#wellbeing_advice .advice_block p.action {
  padding: 0.25em 0.5em;
  background-color: var(--wp--preset--color--theme-white);
  color: var(--wp--preset--color--theme-logo-orange);
  font-size: 1.125em;
}
#diagnosis #wellbeing_share {
  padding: 5%;
  border-radius: 1rem;
  background-color: #5387b9;
  color: var(--wp--preset--color--theme-white);
  text-align: center;
}
#diagnosis #wellbeing_share .sect_title {
  margin-top: auto;
}
#diagnosis #wellbeing_share .share_list {
  list-style: none;
  display: flex;
  gap: 0.25em;
  justify-content: center;
  margin: auto;
  padding: 0;
  font-size: min(7.5vw, 45px);
  line-height: 1;
}
#diagnosis #wellbeing_share .share_list > li a {
  display: block;
  line-height: 1;
}
#diagnosis #wellbeing_share .share_list > li a .icn {
  color: var(--wp--preset--color--theme-white);
  text-decoration: none;
  vertical-align: bottom;
}
#diagnosis #wellbeing_share .share_list > li a + .result_message {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  border: solid 1px;
  background-color: var(--wp--preset--color--theme-white);
  color: var(--wp--preset--color--theme-black);
  margin: auto;
  padding: 0.5em;
  white-space: nowrap;
  word-break: keep-all;
  line-height: 1;
  font-size: var(--wp--preset--font-size--small);
  translate: -50% -50%;
}
#diagnosis .progressbar {
  padding: 0 5%;
  font-family: var(--wp--preset--font-family--theme-gothic-head);
  font-size: var(--wp--preset--font-size--xx-large);
  line-height: 1;
}
#diagnosis .progressbar progress {
  padding: 0;
  width: 100%;
  height: 1.125rem;
  background-color: #ffffff;
  border: solid 3px #ffffff;
}
#diagnosis .progressbar progress::-webkit-progress-bar {
  background-color: #ffffff;
}
#diagnosis .progressbar progress::-webkit-progress-value {
  background-color: #5387b9;
}
#diagnosis .progressbar progress::-moz-progress-bar {
  background-color: #5387b9;
}
#diagnosis .progressbar progress::-ms-fill {
  background-color: #5387b9;
}
#diagnosis .progressbar .percent {
  display: inline-block;
  position: relative;
  margin-bottom: 0.5em;
  padding: 0.25em 0.5em;
  border-radius: 999em;
  background-color: #5387b9;
  color: #ffffff;
  translate: -50% 0;
}
#diagnosis .progressbar .percent::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.5em 0.25em 0;
  border-color: #5387b9 transparent;
}
#diagnosis .mypage_menu,
#diagnosis .result_menu {
  gap: 0.75em;
}

#q_form input,
#q_form textarea,
#q_form select,
#q_form button {
  font-size: var(--wp--preset--font-size--large);
}
#q_form button[type=submit] {
  display: block;
  margin: 4.5rem auto auto;
  min-width: 18em;
  min-height: 4em;
  border-radius: 999em;
  background-color: var(--wp--preset--color--theme-white);
  background-image: url(../../assets/images/arr-link.svg);
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  background-position: 90% center;
  transition: all 0.2s;
  color: var(--wp--preset--color--theme-black);
}
#q_form button[type=submit]:hover {
  background-color: var(--wp--preset--color--theme-yellow);
  scale: 1.05 1.05;
}
#q_form button[type=submit]:active {
  scale: 0.95 0.95;
  opacity: 0.8;
}
#q_form .q_title {
  text-align: center;
}
#q_form .q_text {
  padding: 3em 0;
  background-image: radial-gradient(closest-side, rgb(255, 255, 255) 75%, rgba(255, 255, 255, 0) 100%);
  text-align: center;
}
#q_form .q_block {
  margin: 0 0 1.5em;
  padding: 0;
  border: none;
  font-size: var(--wp--preset--font-size--large);
  text-align: center;
}
#q_form .q_block .q_number {
  position: relative;
  left: 50%;
  display: block;
  padding: 0.2em 1em;
  width: 100%;
  background-color: #5387b9;
  color: #ffffff;
  font-family: var(--wp--preset--font-family--theme-gothic-head);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--xx-large);
  line-height: 1;
  translate: -50% 0;
}
#q_form .q_block#q00_01 .q_a .num_list, #q_form .q_block#q00_02 .q_a .num_list {
  flex-direction: row;
}
#q_form .q_block .q_a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
#q_form .q_block .q_a .num_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 3%;
  width: 100%;
  flex-direction: row-reverse;
}
#q_form .q_block .q_a .ans_list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 0 3%;
  width: 100%;
  align-items: center;
  font-size: 0.8em;
  font-weight: bold;
}
#q_form .q_block .q_a .ans_list p {
  flex-basis: 20%;
}
#q_form .q_block .q_a label {
  min-width: 12em;
  display: block;
}
#q_form .q_block .q_a label:has(input.num) {
  display: grid;
  place-content: center;
  padding: 0.5em;
  min-width: 0;
  width: 14.1666666667%;
  aspect-ratio: 1/1;
  font-size: var(--wp--preset--font-size--xx-large);
  line-height: 1;
}
#q_form .q_block .q_a label:has(input[type=checkbox]), #q_form .q_block .q_a label:has(input[type=radio]) {
  margin: auto 0 0.75rem;
  padding: 0.5em 1em;
  border-radius: 999em;
  border: solid 2px;
  background-color: #fff;
}
#q_form .q_block .q_a label:has(input[type=checkbox]):has(input:checked), #q_form .q_block .q_a label:has(input[type=radio]):has(input:checked) {
  background-color: var(--wp--preset--color--theme-yellow);
}
#q_form .q_block .q_a label:has(input[type=checkbox]) input, #q_form .q_block .q_a label:has(input[type=radio]) input {
  display: none;
}
#q_form .q_block .q_a:has(input:checked) label:has(input:not(:checked)):not(:hover) {
  background-color: var(--wp--preset--color--theme-lightgray);
  color: var(--wp--preset--color--theme-gray);
}
#q_form .q_block .q_a input:not([type=checkbox]):not([type=radio]),
#q_form .q_block .q_a select {
  padding: 0.5em;
  min-width: 12em;
  border: solid 2px;
}
#q_form .q_block p {
  text-align: center;
}
#q_form .q_block p.footnote {
  padding-left: 1em;
  font-size: small;
}
#q_form .q_block p.footnote::before {
  content: "※";
  display: inline-block;
  margin-left: -1em;
  width: 1em;
}
#q_form .q_block h4 {
  text-align: left;
}
#q_form .action_ancor:after {
  display: none !important;
}/*# sourceMappingURL=diagnosis.css.map */