@charset "UTF-8";
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

main {
  display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 100%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img,
embed,
object,
iframe {
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

select::-ms-expand {
  display: none;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable] {
  outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}

body {
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #404040;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2;
}

a,
button {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a:hover,
button:hover {
  cursor: pointer;
}

a {
  display: inline-block;
}
a:hover {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

body.is-modal-open {
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none; /* iOS対策 */
}

.l-header {
  position: fixed;
  z-index: 99;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
@media screen and (max-width: 767px) {
  .l-header {
    width: 100%;
    top: auto;
    -webkit-transform: none;
            transform: none;
    bottom: 0rem;
  }
}

.l-header__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .l-header__lists {
    width: 100%;
    -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    gap: 0rem;
  }
}

@media screen and (max-width: 767px) {
  .l-header__list {
    width: 100%;
  }
}

.l-header__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 5.375rem;
  height: 16rem;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.2em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  border: 0.1875rem solid #fff;
  border-right: none;
  border-radius: 1.5rem 0 0 1.5rem;
  background: #F59AA8;
  -webkit-box-shadow: -0.1875rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);
          box-shadow: -0.1875rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);
  padding-left: 0.1875rem;
  padding-bottom: 0.5rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .l-header__link {
    width: 100%;
    height: 4.125rem;
    gap: 0.5rem;
    font-size: 1.25rem;
    letter-spacing: 0.05em;
    -webkit-writing-mode: inherit;
        -ms-writing-mode: inherit;
            writing-mode: inherit;
    border: 0.1875rem solid #fff;
    border-bottom: none;
    border-radius: 0.9375rem 0.9375rem 0rem 0rem;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding-left: 0rem;
    padding-bottom: 0rem;
    padding-right: 0.5rem;
  }
}
.l-header__link::before {
  content: "";
  display: block;
  position: relative;
  width: 2.625rem;
  height: 2.625rem;
  background-image: url(../imgs/pc/header_icon02.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
  .l-header__link::before {
    width: 2.75rem;
    height: 2.75rem;
    margin-bottom: 0rem;
  }
}
.l-header__link::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.l-header__link.blue {
  background: #34C0F4;
  padding-bottom: 0rem;
}
@media screen and (max-width: 767px) {
  .l-header__link.blue {
    padding-left: 0.375rem;
  }
}
.l-header__link.blue span {
  display: block;
  font-size: 1.75rem;
  line-height: 0.95;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: -0.1em;
}
@media screen and (max-width: 767px) {
  .l-header__link.blue span {
    font-size: 1.375rem;
    line-height: 1.0909090909;
    -webkit-writing-mode: inherit;
        -ms-writing-mode: inherit;
            writing-mode: inherit;
    text-orientation: inherit;
    letter-spacing: 0.03em;
    text-align: center;
    padding-bottom: 0.125rem;
  }
}
.l-header__link.blue::before {
  width: 2.4375rem;
  height: 2.4375rem;
  background-image: url(../imgs/pc/header_icon.svg);
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
  .l-header__link.blue::before {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 768px) {
  .l-header__link:hover::after {
    z-index: 2;
    opacity: 0.3;
  }
}

.l-header-mypage {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 31.25rem;
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  border-radius: 0 0 1.875rem 1.875rem;
}

.l-header-mypage__inner {
  width: 100%;
  height: 4.0625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.75rem;
  padding-right: 0.875rem;
}
@media screen and (min-width: 450px) {
  .l-header-mypage__inner {
    padding-left: 1.25rem;
    padding-right: 1.125rem;
  }
}

.l-header-mypage__logo a {
  display: block;
  width: 6.125rem;
}
@media screen and (min-width: 450px) {
  .l-header-mypage__logo a {
    width: 9.875rem;
  }
}
.l-header-mypage__logo a:hover {
  opacity: 0.7;
}

.l-header-mypage__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.l-header-mypage__ticket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.125rem;
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.7;
  font-weight: 600;
  margin-right: 1.25rem;
}
.l-header-mypage__ticket::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1.3125rem;
  height: 1.5625rem;
  background-image: url(../imgs/mypage/ticket_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.l-header-mypage__diamond {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.125rem;
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.7;
  font-weight: 600;
  margin-right: 1.25rem;
}
.l-header-mypage__diamond::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1.1875rem;
  height: 1.0625rem;
  background-image: url(../imgs/mypage/diamond_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.l-header-mypage__question {
  width: 1.0625rem;
  height: 1.0625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #00A6ED;
  font-size: 0.625rem;
  line-height: 1;
  font-weight: 600;
  border: 1px solid #00A6ED;
  margin-right: 1.5625rem;
  border-radius: 100%;
}
@media screen and (min-width: 450px) {
  .l-header-mypage__question {
    margin-right: 2.75rem;
  }
}
.l-header-mypage__question:hover {
  color: #fff;
  background: #00A6ED;
}

.l-header-mypage__icon {
  position: relative;
  width: 3.25rem;
  height: 3.25rem;
  border: 2px solid #fff;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.22);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.22);
}
.l-header-mypage__icon img {
  width: 3rem;
  height: 3rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 100%;
}
.l-header-mypage__icon .count {
  position: absolute;
  top: 0.125rem;
  right: -0.375rem;
  width: 1rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 0.5rem;
  line-height: 1;
  font-weight: 600;
  padding-bottom: 0.0625rem;
  background: linear-gradient(45deg, #FF1D12, #FFCA7A);
  border-radius: 100%;
}

.l-header-login {
  position: relative;
  z-index: 10;
  width: 100%;
  padding: 0 2.5rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .l-header-login {
    position: sticky;
    top: 0;
    padding: 0 1.25rem;
  }
}

.l-header-login__inner {
  width: 100%;
  max-width: 62.5rem;
  height: 5rem;
  margin: 0rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0.375rem;
}
@media screen and (max-width: 767px) {
  .l-header-login__inner {
    height: 3.125rem;
    padding-top: 0.1875rem;
  }
}
.l-header-login__inner a {
  display: block;
  width: 13.75rem;
}
@media screen and (max-width: 767px) {
  .l-header-login__inner a {
    width: 9.5rem;
  }
}
.l-header-login__inner a:hover {
  opacity: 0.7;
}
.l-header-login__inner a img {
  width: 100%;
}

.l-main {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.l-footer {
  position: relative;
  width: 100%;
  max-width: 31.25rem;
  margin: 0 auto;
  padding: 0rem 1.25rem 5.625rem 1.25rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .l-footer {
    padding: 0rem 1.25rem 6.25rem 1.25rem;
  }
}

.l-footer__small {
  color: #0D274A;
  font-size: 0.5625rem;
  line-height: 1.4444444444;
  font-weight: 600;
  text-align: center;
}

.c-button {
  width: 100%;
  max-width: 12.5rem;
  height: 2.5rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 700;
  background: #fff;
  border: 1px solid #54CCF9;
  border-radius: 5rem;
  -webkit-box-shadow: 0 1px 11px rgba(106, 139, 181, 0.23);
          box-shadow: 0 1px 11px rgba(106, 139, 181, 0.23);
}
.c-button.mt10 {
  margin-top: 0.625rem;
}
.c-button.mt16 {
  margin-top: 1rem;
}
.c-button.mt26 {
  margin-top: 1.625rem;
}
.c-button:hover {
  color: #fff;
  background: #54CCF9;
}

.c-button-gradation {
  width: 100%;
  max-width: 14.5rem;
  height: 3.125rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 700;
  background: linear-gradient(45deg, #00A6ED, #82A3E7);
  border: 1px solid #FFFFFF;
  border-radius: 5rem;
  -webkit-box-shadow: inset 0 -2px 6px rgba(255, 255, 255, 0.76), 0 1px 11px rgba(28, 12, 142, 0.23);
          box-shadow: inset 0 -2px 6px rgba(255, 255, 255, 0.76), 0 1px 11px rgba(28, 12, 142, 0.23);
}
.c-button-gradation:hover {
  opacity: 0.7;
}
.c-button-gradation.off {
  background: linear-gradient(45deg, #C3C3C3, #DFDFDF);
}
.c-button-gradation.min {
  height: 2.1875rem;
  margin: 0;
  font-size: 0.5625rem;
  line-height: 1.4444444444;
  font-weight: 600;
}
.c-button-gradation.mt9 {
  margin-top: 0.5625rem;
}
.c-button-gradation.mt36 {
  margin-top: 2.25rem;
}
@media screen and (min-width: 768px) {
  .c-button-gradation {
    max-width: 18.75rem;
  }
}

.c-button-white {
  width: 100%;
  max-width: 14.5rem;
  height: 3.125rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #3E587B;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 700;
  background: #fff;
  border: 1px solid #4E75A8;
  border-radius: 5rem;
  -webkit-box-shadow: 0 1px 11px rgba(28, 12, 142, 0.23);
          box-shadow: 0 1px 11px rgba(28, 12, 142, 0.23);
}
.c-button-white:hover {
  color: #fff;
  background: #4E75A8;
}

.c-button-red {
  width: 100%;
  max-width: 14.5rem;
  height: 3.125rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #E65F5A;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 700;
  background: #FFEEEE;
  border: 1px solid #E65F5A;
  border-radius: 5rem;
  -webkit-box-shadow: 0 3px 6px rgba(28, 12, 142, 0.16);
          box-shadow: 0 3px 6px rgba(28, 12, 142, 0.16);
}
.c-button-red:hover {
  color: #fff;
  background: #4E75A8;
}

.c-button-gray {
  width: 100%;
  max-width: 12.5rem;
  height: 2.5rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 700;
  background: #fff;
  border: 1px solid #C1C1C1;
  border-radius: 5rem;
  -webkit-box-shadow: 0 1px 11px rgba(106, 139, 181, 0.23);
          box-shadow: 0 1px 11px rgba(106, 139, 181, 0.23);
}
.c-button-gray.min {
  height: 2.1875rem;
  margin: 0;
  font-size: 0.5625rem;
  line-height: 1.4444444444;
  font-weight: 600;
  -webkit-box-shadow: 0 3px 6px rgba(115, 106, 181, 0.32);
          box-shadow: 0 3px 6px rgba(115, 106, 181, 0.32);
}
.c-button-gray.mt16 {
  margin-top: 1rem;
}
.c-button-gray:hover {
  color: #fff;
  background: #C1C1C1;
}

.c-button-darkBlue {
  width: 100%;
  max-width: 19.8125rem;
  height: 3.375rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 600;
  background: #0D274A;
  border: 1px solid #fff;
  border-radius: 5rem;
  -webkit-box-shadow: 0 3px 6px rgba(142, 87, 255, 0.37);
          box-shadow: 0 3px 6px rgba(142, 87, 255, 0.37);
}
.c-button-darkBlue:hover {
  color: #0D274A;
  background: #fff;
}

.c-modal {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  position: fixed;
  inset: 0;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 72, 143, 0.24);
  backdrop-filter: blur(24px) brightness(55%);
  -webkit-backdrop-filter: blur(24px) brightness(55%);
}
.c-modal.photo {
  z-index: 98;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 0 0 1.25rem 1.25rem;
  overflow-y: scroll;
}
.c-modal.photo02 {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  overflow-y: scroll;
}

.c-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.c-modal__close {
  cursor: pointer;
  position: absolute;
  top: 1.125rem;
  right: 1.3125rem;
  width: 1rem;
  height: 1rem;
  background-image: url(../imgs/mypage/modal_close.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-modal__close:hover {
  opacity: 0.7;
}

.c-modal__label {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 600;
  text-align: center;
  margin-bottom: 1rem;
}
.c-modal__label.mb0 {
  margin-bottom: 0rem;
}

.c-modal__number {
  color: #fff;
  font-size: 0.6875rem;
  line-height: 1.4545454545;
  font-weight: 500;
  text-align: center;
  margin-top: 0.1875rem;
}

.c-modal__bar {
  position: relative;
  width: 100%;
  max-width: 16.6875rem;
  height: 0.375rem;
  margin: 0.75rem auto 1rem auto;
  background: #E9E9E9;
  border: 1px solid #FFFFFF;
  border-radius: 5rem;
  overflow: hidden;
}
.c-modal__bar::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 30%;
  height: 0.375rem;
  background: linear-gradient(45deg, #00A6ED, #82A3E7);
}

.c-modal-ticket {
  position: relative;
  width: 100%;
  max-width: 20rem;
  min-height: 25rem;
  margin: 0 auto;
  padding: 1.875rem 1.125rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.93);
  border-radius: 1.25rem;
  overflow: hidden;
}

.c-modal-ticket__box {
  width: 100%;
  margin-top: 0.75rem;
}
.c-modal-ticket__box:first-of-type {
  margin-top: 0rem;
}

.c-modal-ticket__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #003A88;
  font-size: 1.3125rem;
  line-height: 2;
  font-weight: 700;
  text-align: center;
}
.c-modal-ticket__title::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 4.4375rem;
  height: 4rem;
  background-image: url(../imgs/mypage/diamond_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-modal-ticket__title.icon::before {
  width: 3.4375rem;
  height: 4.125rem;
  background-image: url(../imgs/mypage/ticket_icon.png);
}

.c-modal-ticket__text {
  color: #0D274A;
  font-size: 0.6875rem;
  line-height: 1.4545454545;
  font-weight: 600;
  text-align: center;
}

.c-modal-ticket__exp {
  color: red;
  font-size: 0.6875rem;
  line-height: 1.4545454545;
  font-weight: 600;
  text-align: center;
  margin-top: 1.25rem;
}

.c-modal-ticket__btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.4375rem;
  margin-top: 0.9375rem;
}

.c-modal-news {
  position: relative;
  width: 100%;
  max-width: 20rem;
  height: 23.75rem;
  margin: 0 auto;
  padding: 1.875rem 1.125rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.93);
  border-radius: 1.25rem;
  overflow: hidden;
}

.c-modal-news__label {
  color: #003A88;
  font-size: 0.6875rem;
  line-height: 1.6363636364;
  font-weight: 700;
  text-align: center;
}

.c-modal-news__time {
  color: #003A88;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: 700;
  text-align: center;
  margin-top: 0.25rem;
}

.c-modal-news__title {
  color: #003A88;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: 700;
  text-align: center;
}

.c-modal-news__box {
  width: 100%;
  height: 12.125rem;
  padding: 0 0.625rem;
  overflow-y: scroll;
  margin-top: 0.375rem;
  margin-bottom: 1.125rem;
}

.c-modal-news__text {
  color: #0D274A;
  font-size: 0.8125rem;
  line-height: 1.9230769231;
  font-weight: 500;
}

.c-modal-welcome {
  width: 100%;
  max-width: 20rem;
  margin: 0 auto;
  overflow: hidden;
}

.c-modal-welcome__column {
  position: relative;
  width: 100%;
  height: calc(100vh - 8.75rem);
  padding: 0;
  background: #fff;
  border: none;
  border-radius: 1.875rem;
  overflow-y: scroll;
}
@media screen and (max-width: 767px) {
  .c-modal-welcome__column {
    height: calc(100svh - 8.75rem);
  }
}

.c-modal-welcome__img {
  width: 100%;
}

.c-modal-welcome__box {
  width: 100%;
  padding: 1.0625rem 1.0625rem 2.5rem 1.0625rem;
}

.c-modal-welcome__title {
  color: #0D274A;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 700;
}

.c-modal-welcome__address {
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.7;
  font-weight: 600;
}

.c-modal-welcome__text {
  color: #0D274A;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  font-weight: 700;
  margin-top: 0.375rem;
}

.c-modal-welcomeCard {
  width: 100%;
  max-width: 16.6875rem;
  margin: 0.875rem auto 0 auto;
  padding: 0rem 0.5625rem 1rem 0.5625rem;
  background: #F1F9F9;
  border-radius: 0.625rem;
}
.c-modal-welcomeCard.gradation {
  background-image: url(../imgs/mypage/bg_gradation.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.c-modal-welcomeCard__label {
  line-height: 1;
  text-align: center;
}
.c-modal-welcomeCard__label span {
  display: inline-block;
  min-width: 9.625rem;
  max-width: 80%;
  margin: 0rem auto;
  color: #fff;
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 700;
  padding: 0.3125rem 0.75rem;
  background: linear-gradient(110deg, #00A6ED 0%, #9DA2E5 50%, #9DA2E5 100%);
  border-radius: 0 0 0.625rem 0.625rem;
}

.c-modal-welcomeCard__title {
  color: #3962C2;
  font-size: 0.8125rem;
  line-height: 1.2307692308;
  font-weight: 700;
  margin-top: 0.6875rem;
}

.c-modal-welcomeCard__text {
  color: #3962C2;
  font-size: 0.75rem;
  line-height: 1.9166666667;
  font-weight: 500;
  margin-top: 0.75rem;
}

.c-modal-welcomeCard__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.375rem;
  margin-right: 0.3125rem;
  margin-top: 0.3125rem;
}

.c-modal-welcomeCard__icon {
  display: block;
  width: 1.625rem;
}

.c-modal-welcomeCard__name {
  color: #3962C2;
  font-size: 0.6875rem;
  line-height: 1.4545454545;
  font-weight: 700;
  padding-bottom: 0.125rem;
}
.c-modal-welcomeCard__name span {
  font-size: 0.8125rem;
}

.c-modal-welcome__good {
  width: 12.625rem;
  height: 1.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #00A6ED;
  font-size: 0.5625rem;
  line-height: 1.4444444444;
  font-weight: 600;
  text-align: center;
  border: 1px solid #00A6ED;
  border-radius: 5rem;
  margin: 0.75rem auto 0 auto;
}
.c-modal-welcome__good.on {
  color: #fff;
  background: #F29384;
  border: 1px solid #F29384;
}

.c-modal-welcome__btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.125rem;
  margin: 1rem auto 0 auto;
}

.c-modal-welcome__button {
  width: 100%;
  max-width: 5.625rem;
  height: 2.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  color: #3E587B;
  font-size: 0.5625rem;
  line-height: 1.1111111111;
  font-weight: 600;
  text-align: center;
  background: #fff;
  border: 1px solid #3E587B;
  border-radius: 5rem;
  -webkit-box-shadow: 0 2px 7px rgba(8, 46, 135, 0.3);
          box-shadow: 0 2px 7px rgba(8, 46, 135, 0.3);
}
.c-modal-welcome__button.big {
  font-size: 0.625rem;
}
.c-modal-welcome__button:hover {
  color: #fff;
  background: #3E587B;
}

.c-modal-welcome__group {
  width: 100%;
  max-width: 16.6875rem;
  margin: 1.3125rem auto 0rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.5rem;
}

.c-modal-welcome__link {
  position: relative;
  width: 100%;
  display: block;
  color: #3962C2;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 700;
  padding: 1.125rem 3.125rem 1.125rem 1.125rem;
  background: linear-gradient(135deg, #E2F8FF 0%, #E2F8FF 30%, #E1EAFF 100%);
  border: 1px solid #FFFFFF;
  border-radius: 0.625rem;
  -webkit-box-shadow: 0 1px 8px rgba(115, 106, 181, 0.3);
          box-shadow: 0 1px 8px rgba(115, 106, 181, 0.3);
}
.c-modal-welcome__link::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.25rem;
  width: 1.1875rem;
  height: 1.1875rem;
  background-image: url(../imgs/mypage/modal_list_arrow.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-modal-welcome__link:hover {
  opacity: 0.7;
}

.c-modal-cancel {
  position: relative;
  width: 100%;
  max-width: 20rem;
  height: 17.1875rem;
  margin: 0 auto;
  padding: 1.625rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.93);
  border-radius: 1.25rem;
  overflow-y: scroll;
}

.c-modal-cancel__title {
  color: #003A88;
  font-size: 1rem;
  line-height: 1.625;
  font-weight: 700;
  text-align: center;
}

.c-modal-cancel__text {
  color: #003A88;
  font-size: 0.6875rem;
  line-height: 1.3636363636;
  font-weight: 500;
  padding-left: 1.3em;
  text-indent: -1.3em;
  margin-top: 0.875rem;
  margin-left: 0.25rem;
}

.c-modal-cancel__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 1rem;
  margin-top: 1rem;
}

.c-modal-memo {
  position: relative;
  width: 100%;
  max-width: 20rem;
  height: 26.875rem;
  margin: 0 auto;
  padding: 1.625rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.93);
  border-radius: 1.25rem;
  overflow-y: scroll;
}

.c-modal-memo__title {
  color: #0D274A;
  font-size: 1rem;
  line-height: 1.625;
  font-weight: 700;
  text-align: center;
}

.c-modal-memo__box {
  width: 100%;
  margin-top: 0.125rem;
}
.c-modal-memo__box.mt8 {
  margin-top: 0.5rem;
}

.c-modal-memo__label {
  color: #0D274A;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 500;
  padding-left: 0.25rem;
}

.c-modal-memo__input {
  width: 100%;
  color: #0D274A;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 500;
  padding: 0.625rem;
  background: #EBFAFF;
  border-radius: 0.5rem;
  margin-top: 0.1875rem;
}

.c-modal-memo__input::-webkit-input-placeholder {
  color: #B1C1D6;
}

.c-modal-memo__input::-moz-placeholder {
  color: #B1C1D6;
}

.c-modal-memo__input:-ms-input-placeholder {
  color: #B1C1D6;
}

.c-modal-memo__input::-ms-input-placeholder {
  color: #B1C1D6;
}

.c-modal-memo__input::placeholder {
  color: #B1C1D6;
}

.c-modal-memo__count {
  color: #4E75A8;
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 500;
  text-align: right;
  margin-top: 0.125rem;
}

.c-modal-memo__textarea {
  width: 100%;
  min-height: 5.875rem;
  color: #0D274A;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 500;
  padding: 0.625rem;
  background: #EBFAFF;
  border-radius: 0.5rem;
  margin-top: 0.1875rem;
  resize: vertical; /* 縦方向のみリサイズ可能 */
}

.c-modal-memo__textarea::-webkit-input-placeholder {
  color: #B1C1D6;
}

.c-modal-memo__textarea::-moz-placeholder {
  color: #B1C1D6;
}

.c-modal-memo__textarea:-ms-input-placeholder {
  color: #B1C1D6;
}

.c-modal-memo__textarea::-ms-input-placeholder {
  color: #B1C1D6;
}

.c-modal-memo__textarea::placeholder {
  color: #B1C1D6;
}

.c-modal-photo {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 7.375rem 0rem 4.75rem 0rem;
  background: none;
  background-image: url(../imgs/mypage/photo_modal_bg.webp);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  border: none;
  border-radius: 0 0 1.25rem 1.25rem;
  overflow-y: scroll;
}

.c-modal-photo__icon {
  position: relative;
  width: 100%;
  max-width: 6rem;
  margin: 0rem auto;
  border-radius: 100%;
}
.c-modal-photo__icon > img {
  width: 6rem;
  height: 6rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin: 0rem auto;
  border-radius: 100%;
}
.c-modal-photo__icon button {
  position: absolute;
  right: 0.5rem;
  bottom: 0rem;
  width: 1.5625rem;
  height: 1.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
}
.c-modal-photo__icon button::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: #4A4A4A;
  mix-blend-mode: multiply;
}
.c-modal-photo__icon button img {
  position: relative;
  z-index: 2;
  display: block;
  width: 0.75rem;
  mix-blend-mode: normal;
}

.c-modal-photo__box {
  width: 100%;
  max-width: 16.6875rem;
  margin: 1.3125rem auto 0rem auto;
}

.c-modal-photo__group {
  margin-top: 0.5rem;
}
.c-modal-photo__group:first-of-type {
  margin-top: 0rem;
}

.c-modal-photo__label {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
}

.c-modal-photo__input {
  width: 100%;
  color: #003A88;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 500;
  padding: 0.625rem 0.5rem;
  background: #EBFAFF;
  border: 1px solid #fff;
  border-radius: 0.5rem;
  margin-top: 0.25rem;
}

.c-modal-photo__input::-webkit-input-placeholder {
  color: #B1C1D6;
}

.c-modal-photo__input::-moz-placeholder {
  color: #B1C1D6;
}

.c-modal-photo__input:-ms-input-placeholder {
  color: #B1C1D6;
}

.c-modal-photo__input::-ms-input-placeholder {
  color: #B1C1D6;
}

.c-modal-photo__input::placeholder {
  color: #B1C1D6;
}

.c-modal-photo02 {
  position: relative;
  width: 100%;
  max-width: 31.25rem;
  height: calc(100svh - 4.75rem);
  margin: 0rem auto;
  padding: 2rem 1.875rem;
  background: #F2F9F9;
  border: none;
  border-radius: 1.25rem 1.25rem 0 0;
  overflow-y: scroll;
}
.c-modal-photo02.end {
  padding: 0;
}

.c-modal-photo02__icon {
  position: absolute;
  z-index: 10;
  top: 2.1875rem;
  left: calc(50% + 6.25rem);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 7.0625rem;
}

.c-modal-photo02__title {
  color: #0D274A;
  font-size: 1rem;
  line-height: 1.4375;
  font-weight: 700;
}

.c-modal-photo02__text {
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.9;
  font-weight: 500;
  padding-left: 1.3em;
  text-indent: -1.3em;
  margin-top: 0.75rem;
}

.c-modal-photo02__box {
  width: 100%;
  padding: 0 1.375rem;
  margin-top: 1.125rem;
}
.c-modal-photo02__box.long {
  padding: 0;
}
.c-modal-photo02__box.mt0 {
  margin-top: 0rem;
}
.c-modal-photo02__box.eng {
  max-width: 100%;
  padding: 0;
  margin-top: 0rem;
}

/* ステップのboxはデフォルト非表示 */
.c-modal-photo02__box {
  display: none;
}

/* JSがis-activeを付けたboxだけ表示 */
.c-modal-photo02__box.is-active {
  display: block;
}

/* hidden属性が残ってても確実に消える保険 */
.c-modal-photo02__box[hidden] {
  display: none !important;
}

.c-modal-photo02__group {
  margin-top: 0.625rem;
}
.c-modal-photo02__group.mt26 {
  margin-top: 1.625rem;
}
.c-modal-photo02__group.mt18 {
  margin-top: 1.125rem;
}
.c-modal-photo02__group:first-of-type {
  margin-top: 0rem;
}

.c-modal-photo02__label {
  color: #003A88;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
}
.c-modal-photo02__label.big {
  color: #3962C2;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: 500;
}

.c-modal-photo02__conf {
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.9;
  font-weight: 500;
}
.c-modal-photo02__conf span {
  display: block;
  color: #3962C2;
  font-size: 0.875rem;
  line-height: 1.3571428571;
}

.c-modal-photo02__quse {
  color: #00A6ED;
  font-size: 0.75rem;
  line-height: 1.25;
  font-weight: 700;
  margin-top: 0.9375rem;
  margin-bottom: 0.75rem;
}

.c-modal-photo02__input,
.c-modal-photo02__select {
  width: 100%;
  color: #003A88;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 500;
  padding: 0.6875rem 0.5rem;
  background: #EBFAFF;
  border: 1px solid #B1C1D6;
  border-radius: 0.5rem;
  margin-top: 0.25rem;
}

.c-modal-photo02__input::-webkit-input-placeholder {
  color: #B1C1D6;
}

.c-modal-photo02__input::-moz-placeholder {
  color: #B1C1D6;
}

.c-modal-photo02__input:-ms-input-placeholder {
  color: #B1C1D6;
}

.c-modal-photo02__input::-ms-input-placeholder {
  color: #B1C1D6;
}

.c-modal-photo02__input::placeholder {
  color: #B1C1D6;
}

.c-modal-photo02__select {
  color: #B1C1D6;
}

.c-modal-photo02__dateBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.5625rem;
}

.c-modal-photo02__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.25rem;
  color: #003A88;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
}

.c-modal-photo02__radio {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.c-modal-photo02__radio .radioItem {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.375rem;
     -moz-column-gap: 0.375rem;
          column-gap: 0.375rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
}
.c-modal-photo02__radio .radioItem:not(:last-of-type) {
  margin-bottom: 0.375rem;
}
.c-modal-photo02__radio .radioButton {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  width: 1.75rem;
  height: 1.75rem;
  border: 1px solid #b1c1d6;
  border-radius: 9999px;
  cursor: pointer;
}
.c-modal-photo02__radio .radioButton:checked::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 1.125rem;
  height: 1.125rem;
  margin: auto;
  border-radius: 9999px;
  background-color: #00a6ed;
}

.c-modal-photo02__selectBox {
  position: relative;
}
.c-modal-photo02__selectBox::after {
  content: "";
  position: absolute;
  top: calc(50% + 0.125rem);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0.75rem;
  width: 0;
  height: 0;
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  border-top: 0.5rem solid #003A88;
  pointer-events: none;
}

.c-modal-photo02__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  color: #003A88;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
}
.c-modal-photo02__address button {
  width: 6.25rem;
  min-width: 6.25rem;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 700;
  background: #003A88;
  border-radius: 0.5rem;
  margin-top: 0.25rem;
}

.c-modal-photo02__checkTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.1875rem;
  color: #0D274A;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: 500;
  margin-top: 1.5rem;
}
.c-modal-photo02__checkTitle::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 1.6875rem;
  height: 1.6875rem;
  background-image: url(../imgs/mypage/interest_icon01.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-modal-photo02__checkTitle.icon02::after {
  background-image: url(../imgs/mypage/interest_icon02.png);
}
.c-modal-photo02__checkTitle.icon03::after {
  background-image: url(../imgs/mypage/interest_icon03.png);
}
.c-modal-photo02__checkTitle.icon04::after {
  background-image: url(../imgs/mypage/interest_icon04.png);
}
.c-modal-photo02__checkTitle.icon05::after {
  background-image: url(../imgs/mypage/interest_icon05.png);
}
.c-modal-photo02__checkTitle.icon06::after {
  background-image: url(../imgs/mypage/interest_icon06.png);
}
.c-modal-photo02__checkTitle.icon07::after {
  background-image: url(../imgs/mypage/interest_icon07.png);
}
.c-modal-photo02__checkTitle.icon08::after {
  background-image: url(../imgs/mypage/interest_icon08.png);
}
.c-modal-photo02__checkTitle.icon09::after {
  background-image: url(../imgs/mypage/interest_icon09.png);
}
.c-modal-photo02__checkTitle.icon10::after {
  background-image: url(../imgs/mypage/interest_icon10.png);
}
.c-modal-photo02__checkTitle.icon11::after {
  background-image: url(../imgs/mypage/interest_icon11.png);
}
.c-modal-photo02__checkTitle.icon12::after {
  background-image: url(../imgs/mypage/interest_icon12.png);
}
.c-modal-photo02__checkTitle.icon13::after {
  background-image: url(../imgs/mypage/interest_icon13.png);
}
.c-modal-photo02__checkTitle.icon14::after {
  background-image: url(../imgs/mypage/interest_icon14.png);
}
.c-modal-photo02__checkTitle.icon15::after {
  background-image: url(../imgs/mypage/interest_icon15.png);
}
.c-modal-photo02__checkTitle.icon16::after {
  background-image: url(../imgs/mypage/interest_icon16.png);
}
.c-modal-photo02__checkTitle.icon17::after {
  background-image: url(../imgs/mypage/interest_icon17.png);
}
.c-modal-photo02__checkTitle.icon18::after {
  background-image: url(../imgs/mypage/interest_icon18.png);
}
.c-modal-photo02__checkTitle.icon19::after {
  background-image: url(../imgs/mypage/interest_icon19.png);
}
.c-modal-photo02__checkTitle.icon20::after {
  background-image: url(../imgs/mypage/interest_icon20.png);
}
.c-modal-photo02__checkTitle.icon21::after {
  background-image: url(../imgs/mypage/interest_icon21.png);
}
.c-modal-photo02__checkTitle.icon22::after {
  background-image: url(../imgs/mypage/interest_icon22.png);
}
.c-modal-photo02__checkTitle.icon23::after {
  background-image: url(../imgs/mypage/interest_icon23.png);
}
.c-modal-photo02__checkTitle.icon24::after {
  background-image: url(../imgs/mypage/interest_icon24.png);
}
.c-modal-photo02__checkTitle.icon25::after {
  background-image: url(../imgs/mypage/interest_icon25.png);
}
.c-modal-photo02__checkTitle.icon26::after {
  background-image: url(../imgs/mypage/interest_icon26.png);
}
.c-modal-photo02__checkTitle.icon27::after {
  background-image: url(../imgs/mypage/interest_icon27.png);
}
.c-modal-photo02__checkTitle.icon28::after {
  background-image: url(../imgs/mypage/interest_icon28.png);
}
.c-modal-photo02__checkTitle.icon29::after {
  background-image: url(../imgs/mypage/interest_icon29.png);
}
.c-modal-photo02__checkTitle.icon30::after {
  background-image: url(../imgs/mypage/interest_icon30.png);
}

.c-modal-photo02__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem 0.625rem;
  margin-top: 0.75rem;
}
.c-modal-photo02__checkbox .checkboxItem {
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0D274A;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 600;
  padding: 0.75rem 1.625rem;
  background: #fff;
  border: 1px solid #E6E6E6;
  border-radius: 5rem;
  -webkit-box-shadow: 0 3px 6px rgba(178, 188, 255, 0.32);
          box-shadow: 0 3px 6px rgba(178, 188, 255, 0.32);
}
.c-modal-photo02__checkbox .checkbox {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.c-modal-photo02__checkbox .checkboxItem:has(.checkbox:checked) {
  background: #E2F8FF;
  border-color: #AFD7FF;
}
.c-modal-photo02__checkbox .checkboxItem:has(.checkbox:checked)::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -0.875rem;
  right: -0.375rem;
  width: 2rem;
  height: 2rem;
  background-image: url(../imgs/mypage/checkbox_check.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.c-modal-photo02__checkbox02 {
  width: 100%;
  background: #fff;
  border-radius: 1rem;
  -webkit-box-shadow: 0 1px 6px rgba(118, 149, 172, 0.32);
          box-shadow: 0 1px 6px rgba(118, 149, 172, 0.32);
  margin-top: 0.75rem;
}
.c-modal-photo02__checkbox02 .areaItem {
  border-bottom: 1px solid #D9EAF3;
}
.c-modal-photo02__checkbox02 .areaItem:first-of-type .checkboxItem {
  padding-top: 1.5rem;
}
.c-modal-photo02__checkbox02 .areaItem:last-of-type .checkboxItem {
  padding-bottom: 1.5rem;
  border-bottom: none;
}
.c-modal-photo02__checkbox02 .checkboxItem {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #3f3f63;
  font-size: 0.9375rem;
  line-height: 1.2666666667;
  font-weight: 500;
  padding: 0.875rem 1.375rem;
}
.c-modal-photo02__checkbox02 .checkbox {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  background: #fff;
  border: 1px solid #c8c8c8;
  border-radius: 0.3125rem;
}
.c-modal-photo02__checkbox02 .checkbox:checked::after {
  content: "";
  position: absolute;
  top: 0.25rem;
  left: 0.1875rem;
  width: 0.75rem;
  height: 0.5rem;
  border-bottom: 2px solid #3962c2;
  border-left: 2px solid #3962c2;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.c-modal-photo02__checkbox02 .areaChildrenIn {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.c-modal-photo02__checkbox02 .areaChildrenIn .checkboxItem {
  width: 100%;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  padding: 0.9375rem 0.9375rem 0.9375rem 1.375rem;
  background: #F9F9F9;
  color: #6C6B7E;
  font-size: 0.8125rem;
  line-height: 1.3076923077;
  border: 0.5px solid #D9EAF3;
  border-top: 1px solid #D9EAF3;
}

.c-modal-photo02__checkbox03 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.875rem;
  margin-top: 1.125rem;
}
.c-modal-photo02__checkbox03 .checkboxItem {
  position: relative;
  cursor: pointer;
  min-height: 7.6875rem;
  color: #0D274A;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: 500;
  padding: 0.875rem 1rem;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 1.25rem;
  -webkit-box-shadow: 0 3px 6px rgba(129, 173, 212, 0.56);
          box-shadow: 0 3px 6px rgba(129, 173, 212, 0.56);
}
.c-modal-photo02__checkbox03 .checkboxItem::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0.625rem;
  right: 0.625rem;
  width: 3.75rem;
  height: 3.75rem;
  background-image: url(../imgs/mypage/interest_icon01.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-modal-photo02__checkbox03 .checkbox {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.c-modal-photo02__checkbox03 .checkboxItem:has(.checkbox:checked) {
  background: #E2F8FF;
  border-color: #AFD7FF;
}
.c-modal-photo02__checkbox03 .checkboxItem:has(.checkbox:checked)::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -0.875rem;
  right: -0.0625rem;
  width: 2rem;
  height: 2rem;
  background-image: url(../imgs/mypage/checkbox_check.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-modal-photo02__checkbox03 .checkboxItem:nth-of-type(2)::before {
  background-image: url(../imgs/mypage/interest_icon02.png);
}
.c-modal-photo02__checkbox03 .checkboxItem:nth-of-type(3)::before {
  background-image: url(../imgs/mypage/interest_icon03.png);
}
.c-modal-photo02__checkbox03 .checkboxItem:nth-of-type(4)::before {
  background-image: url(../imgs/mypage/interest_icon04.png);
}
.c-modal-photo02__checkbox03 .checkboxItem:nth-of-type(5)::before {
  background-image: url(../imgs/mypage/interest_icon05.png);
}
.c-modal-photo02__checkbox03 .checkboxItem:nth-of-type(6)::before {
  background-image: url(../imgs/mypage/interest_icon06.png);
}
.c-modal-photo02__checkbox03 .checkboxItem:nth-of-type(7)::before {
  background-image: url(../imgs/mypage/interest_icon07.png);
}
.c-modal-photo02__checkbox03 .checkboxItem:nth-of-type(8)::before {
  background-image: url(../imgs/mypage/interest_icon08.png);
}
.c-modal-photo02__checkbox03 .checkboxItem:nth-of-type(9)::before {
  background-image: url(../imgs/mypage/interest_icon09.png);
}
.c-modal-photo02__checkbox03 .checkboxItem:nth-of-type(10)::before {
  background-image: url(../imgs/mypage/interest_icon10.png);
}
.c-modal-photo02__checkbox03 .checkboxItem:nth-of-type(11)::before {
  background-image: url(../imgs/mypage/interest_icon11.png);
}
.c-modal-photo02__checkbox03 .checkboxItem:nth-of-type(12)::before {
  background-image: url(../imgs/mypage/interest_icon12.png);
}
.c-modal-photo02__checkbox03 .checkboxItem:nth-of-type(13)::before {
  background-image: url(../imgs/mypage/interest_icon13.png);
}
.c-modal-photo02__checkbox03 .checkboxItem:nth-of-type(14)::before {
  background-image: url(../imgs/mypage/interest_icon14.png);
}
.c-modal-photo02__checkbox03 .checkboxItem:nth-of-type(15)::before {
  background-image: url(../imgs/mypage/interest_icon15.png);
}
.c-modal-photo02__checkbox03 .checkboxItem:nth-of-type(16)::before {
  background-image: url(../imgs/mypage/interest_icon16.png);
}
.c-modal-photo02__checkbox03 .checkboxItem:nth-of-type(17)::before {
  background-image: url(../imgs/mypage/interest_icon17.png);
}
.c-modal-photo02__checkbox03 .checkboxItem:nth-of-type(18)::before {
  background-image: url(../imgs/mypage/interest_icon18.png);
}
.c-modal-photo02__checkbox03 .checkboxItem:nth-of-type(19)::before {
  background-image: url(../imgs/mypage/interest_icon19.png);
}

.c-modal-photo02__checkbox03.icon .checkboxItem:nth-of-type(1)::before {
  background-image: url(../imgs/mypage/interest_icon20.png);
}
.c-modal-photo02__checkbox03.icon .checkboxItem:nth-of-type(2)::before {
  background-image: url(../imgs/mypage/interest_icon21.png);
}
.c-modal-photo02__checkbox03.icon .checkboxItem:nth-of-type(3)::before {
  background-image: url(../imgs/mypage/interest_icon22.png);
}
.c-modal-photo02__checkbox03.icon .checkboxItem:nth-of-type(4)::before {
  background-image: url(../imgs/mypage/interest_icon23.png);
}
.c-modal-photo02__checkbox03.icon .checkboxItem:nth-of-type(5)::before {
  background-image: url(../imgs/mypage/interest_icon24.png);
}
.c-modal-photo02__checkbox03.icon .checkboxItem:nth-of-type(6)::before {
  background-image: url(../imgs/mypage/interest_icon25.png);
}
.c-modal-photo02__checkbox03.icon .checkboxItem:nth-of-type(7)::before {
  background-image: url(../imgs/mypage/interest_icon26.png);
}
.c-modal-photo02__checkbox03.icon .checkboxItem:nth-of-type(8)::before {
  background-image: url(../imgs/mypage/interest_icon27.png);
}
.c-modal-photo02__checkbox03.icon .checkboxItem:nth-of-type(9)::before {
  background-image: url(../imgs/mypage/interest_icon28.png);
}
.c-modal-photo02__checkbox03.icon .checkboxItem:nth-of-type(10)::before {
  background-image: url(../imgs/mypage/interest_icon29.png);
}
.c-modal-photo02__checkbox03.icon .checkboxItem:nth-of-type(11)::before {
  background-image: url(../imgs/mypage/interest_icon30.png);
}

.c-modal-photo02__comment {
  color: #003A88;
  font-size: 0.625rem;
  line-height: 1.2;
  font-weight: 500;
  margin-top: 0.25rem;
}

.c-modal-photo02__table {
  width: 100%;
  background: #fff;
  border-radius: 1rem;
  margin-top: 1rem;
  margin-bottom: 2.125rem;
}
.c-modal-photo02__table tr {
  width: 100%;
}
.c-modal-photo02__table tr:last-of-type th,
.c-modal-photo02__table tr:last-of-type td {
  border-bottom: none;
}
.c-modal-photo02__table th {
  width: 3.75rem;
  color: #3962C2;
  font-size: 0.5625rem;
  line-height: 1.2222222222;
  font-weight: 500;
  text-align: center;
  border-bottom: 1px solid #D9EAF3;
  padding: 1.25rem 0.125rem 0.9375rem 0.125rem;
}
.c-modal-photo02__table td {
  position: relative;
  width: calc(100% - 3.75rem);
  color: #0D274A;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  font-weight: 500;
  padding: 0.9375rem 5rem 0.9375rem 0.125rem;
  border-bottom: 1px solid #D9EAF3;
}
.c-modal-photo02__table td button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0.8125rem;
  width: 3.9375rem;
  height: 1.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 0.5625rem;
  line-height: 1.4444444444;
  font-weight: 700;
  background: #4E75A8;
  border-radius: 5rem;
}

.c-modal-photo02__link {
  text-align: center;
}
.c-modal-photo02__link a {
  display: inline-block;
  color: #003A88;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
  padding-bottom: 0.125rem;
  border-bottom: 1px solid #003A88;
  margin-top: 1.125rem;
}
.c-modal-photo02__link a:hover {
  opacity: 0.7;
}

.c-modal-photo02__page {
  color: #0D274A;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.c-modal-photo02__back {
  text-align: center;
}
.c-modal-photo02__back button {
  display: inline-block;
  color: #4E75A8;
  font-size: 0.9375rem;
  line-height: 1.2;
  font-weight: 700;
  text-decoration: underline;
  margin-top: 0.6875rem;
}
.c-modal-photo02__back button:hover {
  opacity: 0.7;
}

.c-modal-photo02__dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5625rem;
  margin-top: 0.75rem;
}
.c-modal-photo02__dot li {
  width: 0.5rem;
  height: 0.5rem;
  background: #D6D6D6;
  border: 1px solid #fff;
  border-radius: 100%;
}
.c-modal-photo02__dot li.on {
  background: #51D0F1;
}

.c-modal-photo02-card {
  width: 100%;
  background-image: url(../imgs/mypage/madal_bg.webp);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 124.8% 1.25rem 26.6666666667% 1.25rem;
}

.c-modal-photo02-card__title {
  color: #0D274A;
  font-size: 1rem;
  line-height: 1.4375;
  font-weight: 700;
  text-align: center;
}

.c-modal-photo02-card__btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 1.125rem;
  margin-top: 1.125rem;
}

.c-modal-withdraw {
  position: relative;
  width: 100%;
  max-width: 20rem;
  height: 23.9375rem;
  margin: 0 auto;
  padding: 1.625rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.93);
  border-radius: 1.25rem;
  overflow-y: scroll;
}

.c-modal-withdraw__column {
  display: none;
  width: 100%;
}

.c-modal-withdraw__column.is-active {
  display: block;
}

.c-modal-withdraw.is-active {
  display: block;
}

.c-modal-withdraw__title {
  color: #003A88;
  font-size: 1rem;
  line-height: 1.625;
  font-weight: 700;
  text-align: center;
}

.c-modal-withdraw__text {
  color: #003A88;
  font-size: 0.6875rem;
  line-height: 1.6363636364;
  font-weight: 700;
  padding-left: 1.3em;
  text-indent: -1.3em;
  margin-top: 1rem;
  margin-left: 0.25rem;
}

.c-modal-withdraw__bigText {
  color: #003A88;
  font-size: 0.8125rem;
  line-height: 1.3076923077;
  font-weight: 700;
  text-align: center;
  margin-top: 0.5rem;
}

.c-modal-withdraw__img {
  width: 100%;
  max-width: 9.4375rem;
  margin: 1.1875rem auto 0rem auto;
}

.c-modal-withdrawCard {
  width: 100%;
  padding: 1.625rem 1.125rem 1.4375rem 1.125rem;
  background-image: url(../imgs/mypage/modal_bgitem.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0.625rem;
  margin-top: 0.8125rem;
}

.c-modal-withdrawCard__text {
  color: #0D274A;
  font-size: 0.8125rem;
  line-height: 1.2307692308;
  font-weight: 700;
  text-align: center;
}

.c-modal-withdrawCard__button {
  margin-top: 0.3125rem;
}

.c-modal-withdraw__button {
  margin-top: 1.25rem;
}

.c-modal-withdrawChoice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 1.125rem;
  margin-top: 0.5625rem;
}

.c-modal-withdrawChoice__box {
  width: 100%;
}

.c-modal-withdrawChoice__selectBox {
  position: relative;
}
.c-modal-withdrawChoice__selectBox::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0.5625rem;
  width: 0;
  height: 0;
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  border-top: 0.5rem solid #4E75A8;
  pointer-events: none;
}

.c-modal-withdrawChoice__label {
  color: #003A88;
  font-size: 0.8125rem;
  line-height: 1.2307692308;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.625rem;
}

.c-modal-withdrawChoice__select,
.c-modal-withdrawChoice__input {
  width: 100%;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  font-weight: 600;
  padding: 0.5625rem 0.8125rem;
  border: 1px solid #4E75A8;
  border-radius: 0.5rem;
}

.c-modal-withdrawChoice__select {
  color: #B5B5B5;
}

.c-modal-withdrawChoice__select:has(option:checked:not([value=""])) {
  color: #0D274A;
}

.c-modal-withdrawChoice__input::-webkit-input-placeholder {
  color: #B5B5B5;
}

.c-modal-withdrawChoice__input::-moz-placeholder {
  color: #B5B5B5;
}

.c-modal-withdrawChoice__input:-ms-input-placeholder {
  color: #B5B5B5;
}

.c-modal-withdrawChoice__input::-ms-input-placeholder {
  color: #B5B5B5;
}

.c-modal-withdrawChoice__input::placeholder {
  color: #B5B5B5;
}

.c-modal-withdrawChoice__input {
  color: #0D274A;
}

.c-nav {
  position: fixed;
  z-index: 99;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0.625rem;
  width: 100%;
  max-width: 21.625rem;
  max-height: 4.25rem;
  padding: 0.5625rem;
  background-color: rgba(13, 39, 74, 0.85);
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  border-radius: 5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .c-nav {
    bottom: 0rem;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.5rem;
    padding: 0.65625rem 0.5625rem;
    border-radius: 2.125rem 2.125rem 0 0;
  }
}
.c-nav.open {
  max-height: none;
  padding: 0.6875rem 0.5625rem 1.4375rem 0.5625rem;
  border-radius: 1.875rem;
}
.c-nav.open .c-nav__lists {
  gap: 0.125rem 0.1875rem;
}
.c-nav.open .c-nav__arrow::after {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}

.c-nav__arrow {
  position: absolute;
  top: 1.5rem;
  right: 1.625rem;
  width: 1.25rem;
  height: 1.25rem;
}
@media screen and (min-width: 768px) {
  .c-nav__arrow {
    display: none;
  }
}
.c-nav__arrow::before, .c-nav__arrow::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1.25rem;
  height: 0.125rem;
  background: #fff;
  border-radius: 1.25rem;
}
.c-nav__arrow::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-nav__lists {
  width: 100%;
  max-width: 16.375rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5625rem 0.1875rem;
  padding-left: 1.125rem;
}
@media screen and (min-width: 768px) {
  .c-nav__lists {
    width: auto;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0rem;
    padding-left: 0;
  }
}

.c-nav__list {
  width: 3.125rem;
}
@media screen and (min-width: 768px) {
  .c-nav__list {
    width: 2.9375rem;
  }
}

.c-nav__link {
  display: block;
  width: 100%;
}
.c-nav__link:hover {
  opacity: 0.7;
}

.c-nav__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.375rem;
  padding-left: 1.875rem;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .c-nav__box {
    padding-left: 0rem;
    margin-top: 0rem;
  }
}

.c-nav__button {
  width: 100%;
  max-width: 7.6875rem;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.1;
  font-weight: 600;
  background: #fff;
  border: 1px solid #AFFFFC;
  border-radius: 5rem;
  -webkit-box-shadow: 0 0 5px rgba(1, 165, 199, 0.72);
          box-shadow: 0 0 5px rgba(1, 165, 199, 0.72);
}
@media screen and (min-width: 768px) {
  .c-nav__button {
    max-width: 7.25rem;
    min-width: 7.25rem;
  }
}
.c-nav__button:hover {
  opacity: 0.7;
}
.c-nav__button::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1.5625rem;
  height: 1.6875rem;
  background-image: url(../imgs/mypage/checklist_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.125rem;
}
.c-nav__button:nth-of-type(2)::before {
  width: 1.6875rem;
  height: 1.75rem;
  background-image: url(../imgs/mypage/gear_icon.png);
  margin-right: 0rem;
}

.c-hamburger {
  position: fixed;
  inset: 0;
  opacity: 0;
  z-index: -1;
  background: rgba(0, 72, 143, 0.24);
  backdrop-filter: blur(24px) brightness(55%);
  -webkit-backdrop-filter: blur(24px) brightness(55%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-hamburger.open {
  opacity: 1;
  z-index: 100;
}

.c-hamburger__inner {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 31.25rem;
  background: #FFFFFF;
}
@media screen and (max-width: 767px) {
  .c-hamburger__inner {
    left: auto;
    -webkit-transform: none;
            transform: none;
    right: 0;
    width: 17.125rem;
  }
}

.c-hamburger__wrapper {
  width: 100%;
  height: 100vh;
  padding-top: 6.25rem;
  padding-bottom: 3.4375rem;
  overflow-y: scroll;
}

.c-hamburger__close {
  cursor: pointer;
  position: absolute;
  top: 1.375rem;
  right: 1.25rem;
  width: 2rem;
  height: 2rem;
  background-image: url(../imgs/mypage/hamburger_close.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-hamburger__close:hover {
  opacity: 0.7;
}

.c-hamburger__lists {
  width: 100%;
  padding-left: 1.625rem;
}

.c-hamburger__list {
  position: relative;
  color: #0D274A;
  font-size: 0.9375rem;
  line-height: 1.4;
  font-weight: 600;
  margin-top: 2.625rem;
}
.c-hamburger__list:first-of-type {
  margin-top: 0rem;
}

.c-hamburger__link {
  position: relative;
  color: #0D274A;
  font-size: 0.9375rem;
  line-height: 1.4;
  font-weight: 600;
  padding-left: 3.125rem;
}
.c-hamburger__link::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -0.375rem;
  width: 3.1875rem;
  height: 3.1875rem;
  background-image: url(../imgs/mypage/h_nav01.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-hamburger__link.icon01::before {
  background-size: cover;
  border-radius: 100%;
}
.c-hamburger__link.icon02::before {
  background-image: url(../imgs/mypage/h_nav02.png);
}
.c-hamburger__link.icon03::before {
  background-image: url(../imgs/mypage/h_nav03.png);
}
.c-hamburger__link.icon04::before {
  background-image: url(../imgs/mypage/h_nav04.png);
}
.c-hamburger__link.icon05::before {
  background-image: url(../imgs/mypage/h_nav05.png);
}
.c-hamburger__link.icon06::before {
  background-image: url(../imgs/mypage/h_nav06.png);
}
.c-hamburger__link.icon07::before {
  background-image: url(../imgs/mypage/h_nav07.png);
}
.c-hamburger__link.icon08::before {
  background-image: url(../imgs/mypage/h_nav08.png);
}
.c-hamburger__link.icon09::before {
  background-image: url(../imgs/mypage/h_nav09.png);
}
.c-hamburger__link.icon10::before {
  background-image: url(../imgs/mypage/h_nav10.png);
}
.c-hamburger__link .count {
  position: absolute;
  top: -0.5rem;
  right: -0.875rem;
  width: 1rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 0.5rem;
  line-height: 1;
  font-weight: 600;
  padding-bottom: 0.0625rem;
  background: linear-gradient(45deg, #FF1D12, #FFCA7A);
  border-radius: 100%;
}

.c-hamburger__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.375rem;
  padding-left: 0.75rem;
  margin-top: 1.25rem;
}

.c-hamburger__button {
  width: 100%;
  max-width: 7.5rem;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.1;
  font-weight: 600;
  background: #fff;
  border: 1px solid #AFFFFC;
  border-radius: 5rem;
  -webkit-box-shadow: 0 0 5px rgba(1, 165, 199, 0.72);
          box-shadow: 0 0 5px rgba(1, 165, 199, 0.72);
}
.c-hamburger__button:hover {
  opacity: 0.7;
}
.c-hamburger__button::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1.5625rem;
  height: 1.6875rem;
  background-image: url(../imgs/mypage/checklist_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.125rem;
}
.c-hamburger__button:nth-of-type(2)::before {
  width: 1.6875rem;
  height: 1.75rem;
  background-image: url(../imgs/mypage/gear_icon.png);
  margin-right: 0rem;
}

/* 初期状態：少し下に・透明 */
.anime-up {
  position: relative;
  z-index: 11;
  opacity: 0;
  -webkit-transform: translateY(3.75rem);
          transform: translateY(3.75rem);
  -webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, transform 0.6s ease;
  transition: opacity 0.6s ease, transform 0.6s ease, -webkit-transform 0.6s ease;
  will-change: opacity, transform;
}

/* 画面内に入ったら：フェード＋上に戻す */
.anime-up.is-inview {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* アニメが見づらい端末配慮 */
@media (prefers-reduced-motion: reduce) {
  .anime-up {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
            transform: none;
  }
}
.p-login {
  contain: paint;
  position: relative;
  width: 100%;
  min-height: 45.5rem;
  padding: 4.5rem 2.5rem 3.25rem 2.5rem;
  background-image: url(../imgs/login/fv_bg.webp);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .p-login {
    min-height: auto;
    padding: 41.9847328244% 1.625rem 1.875rem 1.625rem;
    background-image: url(../imgs/login/fv_bg_sp.webp);
  }
}

.p-login__inner {
  position: relative;
  width: 100%;
  max-width: 61.25rem;
  margin: 0rem auto;
}
@media screen and (max-width: 767px) {
  .p-login__inner {
    position: initial;
  }
}

.p-login__img {
  position: absolute;
  top: -5.3125rem;
  left: -11.25rem;
  width: 100%;
  max-width: 48.125rem;
}
@media screen and (max-width: 767px) {
  .p-login__img {
    top: 0rem;
    left: 0rem;
    max-width: 100%;
  }
}

.p-login-form {
  position: relative;
  width: 100%;
  max-width: 30.625rem;
  padding: 3.125rem 3.75rem;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 2.5rem;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-login-form {
    padding: 2.5rem 1.4375rem;
    border: 1px solid #FFFFFF;
    margin: 0 auto;
  }
}

.p-login-form__inner {
  width: 100%;
  max-width: 21.875rem;
}
@media screen and (max-width: 767px) {
  .p-login-form__inner {
    max-width: 100%;
  }
}

.p-login-form__title {
  color: #0D274A;
  font-size: 1.6875rem;
  line-height: 1.4444444444;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-login-form__title {
    font-size: 1.4375rem;
    line-height: 1.4782608696;
    padding-left: 0.5rem;
  }
}

.p-login-form__text {
  color: #0D274A;
  font-size: 0.9375rem;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 1.1875rem;
}
@media screen and (max-width: 767px) {
  .p-login-form__text {
    margin-top: 0.75rem;
  }
  .p-login-form__text.min {
    font-size: 0.75rem;
    line-height: 1.4166666667;
  }
}

.p-login-form__exp {
  color: #FF3131;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
  margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
  .p-login-form__exp {
    margin-top: 0.375rem;
  }
}

.p-login-form__box {
  margin-top: 0.6875rem;
}
.p-login-form__box:first-of-type {
  margin-top: 1.375rem;
}

.p-login-form__name {
  color: #0D274A;
  font-size: 0.9375rem;
  line-height: 1.4;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-login-form__name {
    padding-left: 0.5rem;
  }
}

.p-login-form__label {
  position: relative;
  display: block;
  width: 100%;
  color: #A2A2A2;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 500;
  padding: 0.6875rem 1.4375rem;
  border: 1px solid #D6D6D6;
  border-radius: 5rem;
  -webkit-box-shadow: 0 0 0.375rem #C5DAF4;
          box-shadow: 0 0 0.375rem #C5DAF4;
  margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
  .p-login-form__label {
    padding: 0.6875rem 1.25rem;
  }
}
.p-login-form__label input {
  width: 100%;
}

.p-login-form__icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.125rem;
  width: 1.1875rem;
}

.p-login-form__buttonBox {
  width: 100%;
  max-width: 19.5625rem;
  margin: 1.625rem auto 0rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-login-form__buttonBox {
    max-width: 15.25rem;
    margin: 1rem auto 0rem auto;
  }
}

.p-login-form__button {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
  font-weight: 700;
  padding: 1.1875rem 0.625rem;
  background: #0D274A;
  border: 1px solid #0D274A;
  border-radius: 6.25rem;
}
.p-login-form__button.white {
  color: #0D274A;
  font-weight: 500;
  background: #fff;
}
.p-login-form__button:hover {
  opacity: 0.7;
}

.p-login-form__link {
  text-align: center;
  margin-top: 0.5625rem;
}
.p-login-form__link a {
  color: #0D274A;
  font-size: 0.9375rem;
  line-height: 1.4;
  text-decoration: underline;
}
.p-login-form__link a:hover {
  opacity: 0.7;
}

.p-pre {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  background-image: url(../imgs/pre/bg.webp);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}

.p-pre__content {
  width: 100%;
  height: 100vh;
  max-width: 23.4375rem;
  margin: 0rem auto;
  background: #F1F9F9;
  padding: 0.875rem 1.875rem 2.5rem 1.875rem;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.p-pre__content::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-pre__content {
    height: 100svh;
  }
}

.p-pre__titleBox {
  width: 100%;
  max-width: 18.75rem;
  margin: 0rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 0.75rem;
}

.p-pre__title {
  color: #003A88;
  font-size: 1rem;
  line-height: 1.3684210526;
  font-weight: 700;
  padding-top: 0.625rem;
}
.p-pre__title span {
  display: block;
  font-size: 1.1875rem;
}

.p-pre__character {
  width: 100%;
  max-width: 5.25rem;
}

.p-pre-banner {
  width: 100%;
  margin-top: -0.75rem;
}

.p-pre-banner__title {
  width: 100%;
  max-width: 15.6875rem;
  margin: 0rem auto;
}

.p-pre-banner__img {
  width: 100%;
  max-width: 19.625rem;
  margin: -1.25rem auto 0rem auto;
}

.p-pre-diagnosis {
  width: 100%;
  margin-top: 1.875rem;
}

.p-pre-diagnosis__title {
  width: 100%;
  max-width: 17.0625rem;
  margin: 0rem auto;
}

.p-pre-diagnosis__box {
  width: 100%;
  max-width: 14.5rem;
  margin: -0.125rem auto 0rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.5rem;
}

.p-pre-diagnosis__button {
  width: 100%;
  height: 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 700;
  background: linear-gradient(45deg, #00A6ED, #82A3E7);
  border: 1px solid #FFFFFF;
  border-radius: 5rem;
  -webkit-box-shadow: inset 0 -2px 6px rgba(255, 255, 255, 0.76), 0 1px 11px rgba(28, 12, 142, 0.23);
          box-shadow: inset 0 -2px 6px rgba(255, 255, 255, 0.76), 0 1px 11px rgba(28, 12, 142, 0.23);
}
.p-pre-diagnosis__button.white {
  color: #3E587B;
  background: #fff;
  border: 1px solid #4E75A8;
}
.p-pre-diagnosis__button:hover {
  opacity: 0.7;
}

.p-pre-history {
  width: 100%;
  margin-top: 2.875rem;
}

.p-pre-history__title {
  position: relative;
  left: -0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3125rem;
  color: #0D274A;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 700;
}
.p-pre-history__title::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 2.3125rem;
  min-width: 2.3125rem;
  height: 2.3125rem;
  background-image: url(../imgs/pre/book_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.p-pre-history__text {
  color: #0D274A;
  font-size: 0.6875rem;
  line-height: 1.6363636364;
  font-weight: 700;
  margin-top: 0.125rem;
}

.p-pre-history__wrapper {
  width: 100%;
  max-width: 19.625rem;
  margin-top: 1.0625rem;
  margin-left: 0.375rem;
  padding: 1.875rem 1.5rem 2.6875rem 1.5rem;
  background: #fff;
  border-radius: 1.25rem;
  -webkit-box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
          box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
}

.p-pre-history__box {
  cursor: pointer;
  position: relative;
  display: none;
  width: 100%;
  padding: 0.8125rem 1.5rem 0.8125rem 1.125rem;
  background: linear-gradient(45deg, #E2F8FF, #E1EAFF);
  border: 1px solid #fff;
  border-radius: 0.625rem;
  -webkit-box-shadow: 0 1px 8px rgba(115, 106, 181, 0.3);
          box-shadow: 0 1px 8px rgba(115, 106, 181, 0.3);
  margin-top: 0.75rem;
}
.p-pre-history__box:first-of-type {
  margin-top: 0rem;
}
.p-pre-history__box::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 1.75rem;
  right: 0.6875rem;
  width: 0.75rem;
  height: 0.4375rem;
  background-image: url(../imgs/pre/arrow_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-pre-history__box.is-open::before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.p-pre-history__box.is-visible {
  display: block;
}

.p-pre-history__label {
  color: #0D274A;
  font-size: 0.75rem;
  line-height: 1.25;
  font-weight: 500;
}

.p-pre-history__group {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-pre-history__group.is-open {
  max-height: auto;
}

.p-pre-history__exp {
  color: #0D274A;
  font-size: 0.75rem;
  line-height: 1.25;
  font-weight: 500;
}

.p-pre-history__button {
  width: 100%;
  max-width: 12.5rem;
  height: 2.5rem;
  margin: 1.125rem auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 700;
  background: #fff;
  border: 1px solid #54CCF9;
  border-radius: 5rem;
  -webkit-box-shadow: 0 1px 11px rgba(106, 139, 181, 0.23);
          box-shadow: 0 1px 11px rgba(106, 139, 181, 0.23);
}
.p-pre-history__button:hover {
  opacity: 0.7;
}

.p-pre__banner {
  position: relative;
  left: -0.6875rem;
  width: 21.0625rem;
  margin: 1.0625rem auto 0rem auto;
}
.p-pre__banner:hover {
  opacity: 0.7;
}

.p-mypage-bg {
  font-family: "Noto Sans JP", sans-serif;
  background-image: url(../imgs/mypage/bg.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

.p-mypage-login {
  contain: paint;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 72, 143, 0.24);
  backdrop-filter: blur(24px) brightness(55%);
  -webkit-backdrop-filter: blur(24px) brightness(55%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.6s ease, visibility 0.6s ease;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}

.p-mypage-login.is-show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.p-mypage-login__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  padding: 0.875rem 0.625rem;
  overflow-y: scroll;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(0.75rem);
          transform: translateY(0.75rem);
  -webkit-transition: opacity 0.6s ease, visibility 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, visibility 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, transform 0.6s ease, visibility 0.6s ease;
  transition: opacity 0.6s ease, transform 0.6s ease, visibility 0.6s ease, -webkit-transform 0.6s ease;
}
@media screen and (min-width: 768px) {
  .p-mypage-login__inner {
    height: 100vh;
  }
}

.p-mypage-login__inner.is-show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.p-mypage-login02__inner {
  position: absolute;
  top: 9.375rem;
  left: 50%;
  width: 100%;
  max-width: 22.125rem;
  height: 14.5rem;
  padding-top: 2.375rem;
  background-image: url(../imgs/mypage/login_bg02.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 1.3125rem;
  -webkit-box-shadow: 0 -2px 6px rgba(16, 247, 255, 0.63);
          box-shadow: 0 -2px 6px rgba(16, 247, 255, 0.63);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translate(-50%, 0.75rem);
          transform: translate(-50%, 0.75rem);
  -webkit-transition: opacity 0.6s ease, visibility 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, visibility 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, transform 0.6s ease, visibility 0.6s ease;
  transition: opacity 0.6s ease, transform 0.6s ease, visibility 0.6s ease, -webkit-transform 0.6s ease;
}
.p-mypage-login02__inner::after {
  content: "";
  position: absolute;
  top: -3.75rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 25.25rem;
  height: 10.9375rem;
  background-image: url(../imgs/mypage/login_welcome_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.p-mypage-login02__inner.is-show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.p-mypage-login__label {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 15.625rem;
  margin: 0 auto;
}

.p-mypage-login__block {
  width: 100%;
  max-width: 22.125rem;
  height: 39.25rem;
  margin: -5.1875rem auto 0 auto;
  background-image: url(../imgs/mypage/login_bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 5rem 1.25rem 1.25rem 1.25rem;
  border-radius: 1.3125rem;
  -webkit-box-shadow: 0 -2px 6px rgba(16, 247, 255, 0.63);
          box-shadow: 0 -2px 6px rgba(16, 247, 255, 0.63);
}

.p-mypage-login__title {
  text-align: center;
}
.p-mypage-login__title span {
  font-size: 1.5625rem;
  line-height: 1;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, right top, from(#3AD7FF), to(#844EE7));
  background: linear-gradient(90deg, #3AD7FF, #844EE7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.p-mypage-login__wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.p-mypage-login__stamp {
  position: relative;
  line-height: 1;
  text-align: center;
  margin-top: -0.3125rem;
}
.p-mypage-login__stamp span {
  display: inline-block;
  color: #4E75A8;
  font-size: 0.5rem;
  line-height: 1.375;
  font-weight: 700;
}
.p-mypage-login__stamp img {
  margin-top: -0.25rem;
}

.p-mypage-login02__label {
  color: #003A88;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  padding-left: 1.875rem;
}
.p-mypage-login02__label span {
  font-size: 1.375rem;
}

.p-mypage-login02__count {
  text-align: center;
}
.p-mypage-login02__count span {
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, right top, from(#3AD7FF), to(#844EE7));
  background: linear-gradient(90deg, #3AD7FF, #844EE7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.p-mypage-login02__count span.big {
  position: relative;
  top: 0.125rem;
  font-size: 4rem;
  padding-right: 0.25rem;
}

.p-mypage-login02__text {
  color: #003A88;
  font-size: 1.375rem;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  padding-left: 1.125rem;
  margin-top: 0.1875rem;
}

.p-mypage-login02__button {
  margin-top: 0.8125rem;
}

.p-mypage-offpageButton {
  position: relative;
}
.p-mypage-offpageButton span {
  position: absolute;
  z-index: 2;
  top: -7.1875rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0.75rem);
          transform: translate(-50%, 0.75rem);
  opacity: 0;
  -webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, transform 0.6s ease;
  transition: opacity 0.6s ease, transform 0.6s ease, -webkit-transform 0.6s ease;
  width: 19.875rem;
  height: 8.84375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #003A88;
  font-size: 0.75rem;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  padding-bottom: 0.625rem;
  background-image: url(../imgs/mypage/offpage_message.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.p-mypage-offpageButton.is-show span {
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.p-mypage-offpageButton button {
  top: 0;
  width: 100%;
  max-width: 19.6875rem;
  height: 3.75rem;
  margin: 1.25rem auto 1.875rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 0.8125rem;
  line-height: 1.3076923077;
  font-weight: 700;
  text-align: center;
  border: 1px solid #FFBBD6;
  border-radius: 5rem;
  background: linear-gradient(135deg, #F01B7A, #FF7878);
  -webkit-box-shadow: 0 0.25rem 0 #B94852;
          box-shadow: 0 0.25rem 0 #B94852;
}
.p-mypage-offpageButton button:hover {
  top: 0.25rem;
  -webkit-box-shadow: 0 0rem 0 #B94852;
          box-shadow: 0 0rem 0 #B94852;
}

.p-mypage-offpage {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  contain: paint;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 72, 143, 0.24);
  backdrop-filter: blur(24px) brightness(55%);
  -webkit-backdrop-filter: blur(24px) brightness(55%);
}

.p-mypage-offpage.is-show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.p-mypage-offpage__inner {
  position: relative;
  width: 100%;
  max-width: 20rem;
  height: 30.25rem;
  margin: 0 auto;
  padding: 1.75rem 1.625rem 1.875rem 1.625rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.93);
  border-radius: 1.25rem;
  overflow: hidden;
}

.p-mypage-offpage__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0D274A;
  font-size: 1.1875rem;
  line-height: 1.4210526316;
  font-weight: 700;
  text-align: center;
  padding-right: 0.625rem;
}
.p-mypage-offpage__title::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 2.375rem;
  height: 2.25rem;
  background-image: url(../imgs/mypage/cracker_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.p-mypage-offpage__wrapper {
  margin-top: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
  will-change: transform;
}

.p-mypage-offpage__slide {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.p-mypage-offpage__img {
  position: relative;
  left: 0.9375rem;
  width: 100%;
  max-width: 15.25rem;
  margin: 0 auto;
}

.p-mypage-offpage__text {
  color: #0D274A;
  font-size: 0.75rem;
  line-height: 1.5833333333;
  font-weight: 700;
  text-align: center;
  margin-top: 0.5rem;
}
.p-mypage-offpage__text button:hover {
  opacity: 0.7;
}

.p-mypage-offpage__dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  margin-top: 0.75rem;
}
.p-mypage-offpage__dot li {
  width: 0.5rem;
  height: 0.5rem;
  background: #A8A8A8;
  border-radius: 100%;
}
.p-mypage-offpage__dot li.on {
  background: #00A6ED;
}

.p-mypage-start {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  contain: paint;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 72, 143, 0.24);
  backdrop-filter: blur(24px) brightness(55%);
  -webkit-backdrop-filter: blur(24px) brightness(55%);
}

.p-mypage-start.is-show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.p-mypage-start__inner {
  position: relative;
  width: 100%;
  max-width: 20rem;
  height: 30.25rem;
  margin: 0 auto;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.93);
  border-radius: 1.25rem;
  overflow: hidden;
}

.p-mypage-start__wrapper {
  margin-top: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
  will-change: transform;
}

.p-mypage-start__slide {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 1.75rem 0.625rem 2.25rem 0.625rem;
}
.p-mypage-start__slide .orange {
  color: #FE7A16;
}

.p-mypage-start__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0D274A;
  font-size: 1.1875rem;
  line-height: 1.4210526316;
  font-weight: 700;
  text-align: left;
}
.p-mypage-start__title::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 4.875rem;
  height: 4.1875rem;
  background-image: url(../imgs/mypage/start_icon01.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-mypage-start__title.icon-welcome::before {
  width: 2.375rem;
  height: 2.25rem;
  background-image: url(../imgs/mypage/cracker_icon.png);
}
.p-mypage-start__title.no-icon::before {
  display: none;
}

.p-mypage-start__label {
  width: 100%;
  max-width: 10.875rem;
  margin: 0.5625rem auto 0rem auto;
  color: #0D274A;
  font-size: 0.75rem;
  line-height: 2.1666666667;
  font-weight: 700;
  text-align: center;
  background: #DEEEFF;
  border-radius: 5rem;
}

.p-mypage-start__img {
  position: relative;
  width: 100%;
  max-width: 13.3125rem;
  margin: 0.875rem auto 0 auto;
}
.p-mypage-start__img.img02 {
  margin-top: 0rem;
}
.p-mypage-start__img.img03 {
  position: relative;
  left: 0.3125rem;
  max-width: 14rem;
  margin-top: 0.375rem;
}
.p-mypage-start__img.img04 {
  max-width: 12.4375rem;
  margin-top: 0.25rem;
}
.p-mypage-start__img.img05 {
  max-width: 11.0625rem;
  margin-top: 0.3125rem;
}
.p-mypage-start__img.img06 {
  max-width: 16.0625rem;
  margin-top: 0.3125rem;
  margin-bottom: 1.25rem;
}
.p-mypage-start__img.img08 {
  max-width: 10.75rem;
  margin-top: -0.625rem;
  margin-bottom: 1.25rem;
}

.p-mypage-start__text {
  color: #0D274A;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 700;
  text-align: center;
  margin-top: 1.125rem;
}
.p-mypage-start__text.min {
  font-size: 0.75rem;
  line-height: 1.5833333333;
  margin-top: 0.625rem;
}
.p-mypage-start__text button:hover {
  opacity: 0.7;
}

.p-mypage-start__lists {
  width: 100%;
  max-width: 14.8125rem;
  margin: 1.125rem auto 0rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.25rem;
}

.p-mypage-start__list {
  position: relative;
  width: 100%;
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.7;
  font-weight: 600;
  padding: 0.3125rem 0.625rem 0.3125rem 4rem;
  background: #DEEEFF;
  border-radius: 0.375rem;
}
.p-mypage-start__list::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 1.5rem;
  width: 2.125rem;
  height: 2.1875rem;
  background-image: url(../imgs/mypage/h_nav04.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-mypage-start__list:nth-of-type(2)::before {
  background-image: url(../imgs/mypage/h_nav05.png);
}
.p-mypage-start__list:nth-of-type(3)::before {
  background-image: url(../imgs/mypage/h_nav11.png);
}
.p-mypage-start__list:nth-of-type(4)::before {
  background-image: url(../imgs/mypage/h_nav10.png);
}
.p-mypage-start__list:nth-of-type(5)::before {
  background-image: url(../imgs/mypage/h_nav06.png);
}
.p-mypage-start__list span {
  font-size: 0.875rem;
  line-height: 1.2142857143;
}

.p-mypage-start__speech {
  width: 100%;
  max-width: 16.6875rem;
  height: 6.8125rem;
  margin: 0.9375rem auto 0rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  color: #0D274A;
  font-size: 0.75rem;
  line-height: 1.25;
  font-weight: 600;
  text-align: center;
  padding-bottom: 1.25rem;
  background-image: url(../imgs/mypage/speech_modal.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.p-mypage-start__button {
  position: relative;
  top: 0;
  width: 100%;
  max-width: 17.5rem;
  height: 3.75rem;
  margin: -0.625rem auto 0rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 0.8125rem;
  line-height: 1.3076923077;
  font-weight: 700;
  text-align: center;
  border: 1px solid #FFBBD6;
  border-radius: 5rem;
  background: linear-gradient(135deg, #F01B7A, #FF7878);
  -webkit-box-shadow: 0 0.25rem 0 #B94852;
          box-shadow: 0 0.25rem 0 #B94852;
}
.p-mypage-start__button:hover {
  color: #fff;
  top: 0.25rem;
  -webkit-box-shadow: 0 0rem 0 #B94852;
          box-shadow: 0 0rem 0 #B94852;
}

.p-mypage-start__dot {
  position: absolute;
  top: 27.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
}
.p-mypage-start__dot li {
  width: 0.5rem;
  height: 0.5rem;
  background: #A8A8A8;
  border-radius: 100%;
}
.p-mypage-start__dot li.on {
  background: #00A6ED;
}

.p-mypage {
  width: 100%;
  max-width: 31.25rem;
  margin: 0rem auto;
  contain: paint;
}

.p-mypageFv {
  position: relative;
  z-index: 1;
  width: 100%;
  background-image: url(../imgs/mypage/fv_bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 5.125rem;
  padding-bottom: 3.75rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv {
    padding-top: 5.625rem;
  }
}

.p-mypageFv__title {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.35;
  font-weight: 900;
  text-align: center;
}
.p-mypageFv__title span {
  font-size: 1.375rem;
}

.p-mypageFv__text {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.5833333333;
  font-weight: 700;
  text-align: center;
  margin-top: 0.375rem;
}

.p-mypageFv__img {
  position: absolute;
  z-index: -1;
  top: 4.0625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 23.4375rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv__img {
    top: 4.625rem;
  }
}

.p-mypageFv-news {
  width: 100%;
  margin-top: 9.625rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-news {
    margin-top: 8.5rem;
  }
}

.p-mypageFv-news__title {
  color: #fff;
  font-size: 0.8125rem;
  line-height: 1.75;
  font-weight: 700;
  text-align: center;
}

.p-mypageFv-news__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
  margin-top: 0.375rem;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  /* スクロールバー非表示（任意） */
  scrollbar-width: none; /* Firefox */
  /* Chrome/Safari */
}
.p-mypageFv-news__wrapper::-webkit-scrollbar {
  display: none;
}

.p-mypageFv-news__box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; /* 横並び固定 */
  scroll-snap-align: center; /* 常にセンターで止まる */
  width: 20rem;
  min-height: 5.25rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border: 1px solid #fff;
  border-radius: 1rem;
}

.p-mypageFv-news__label {
  color: #0D274A;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 600;
}

.p-mypageFv-news__exp {
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.4;
  font-weight: 500;
  margin-top: 0.25rem;
}

.p-mypageFv-news__dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4375rem;
  margin-top: 0.3125rem;
}
.p-mypageFv-news__dot li {
  width: 0.5rem;
  height: 0.5rem;
  background: #D6D6D6;
  border: 1px solid #fff;
  border-radius: 100%;
}
.p-mypageFv-news__dot li.on {
  background: #00A6ED;
}

.p-mypageFv-welcome {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 3.625rem;
  background: #fff;
  border-radius: 1.25rem 1.25rem 0 0;
  -webkit-box-shadow: 0 -2px 6px rgba(16, 247, 255, 0.63);
          box-shadow: 0 -2px 6px rgba(16, 247, 255, 0.63);
  margin-top: -2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-welcome {
    padding-top: 2.25rem;
    margin-top: -1.875rem;
  }
}

.p-mypageFv-welcome__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.125rem;
  color: #0D274A;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-welcome__title {
    font-size: 1.25rem;
    line-height: 1.45;
    padding-right: 1.25rem;
  }
}
.p-mypageFv-welcome__title::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 2.375rem;
  height: 2.25rem;
  background-image: url(../imgs/mypage/cracker_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.p-mypageFv-welcome__wrapper {
  width: 100%;
  max-width: 22.1875rem;
  margin: 2.25rem auto 1.5rem auto;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-welcome__wrapper {
    max-width: 21.75rem;
    margin: 1.875rem auto 1rem auto;
  }
}

.p-mypageFv-welcomeCard {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 15.75rem;
  height: 24.25rem;
  background: url(../imgs/mypage/card_bg01.png) no-repeat center top/100% 100%;
  padding: 0.75rem 1.25rem 1.875rem 1.25rem;
  border-radius: 1.0625rem;
  -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 0px 6px rgba(0, 0, 0, 0.16);
}
.p-mypageFv-welcomeCard.bg02 {
  background: url(../imgs/mypage/card_bg02.png) no-repeat center top/100% 100%;
}
.p-mypageFv-welcomeCard.bg02 .p-mypageFv-welcomeCard__title span {
  background: linear-gradient(135deg, #9240FF 0%, #0094E1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
}
.p-mypageFv-welcomeCard.bg02 .p-mypageFv-welcomeCard__school,
.p-mypageFv-welcomeCard.bg02 .p-mypageFv-welcomeCard__address {
  color: #3E587B;
}
.p-mypageFv-welcomeCard.bg03 {
  background: url(../imgs/mypage/card_bg03.png) no-repeat center top/100% 100%;
}
.p-mypageFv-welcomeCard.bg03 .p-mypageFv-welcomeCard__title,
.p-mypageFv-welcomeCard.bg03 .p-mypageFv-welcomeCard__school,
.p-mypageFv-welcomeCard.bg03 .p-mypageFv-welcomeCard__address {
  color: #3E587B;
}

.p-mypageFv-welcomeCard__inner {
  width: 100%;
}

.p-mypageFv-welcomeCard__close {
  position: absolute;
  z-index: 10;
  top: -0.6875rem;
  right: 2.5rem;
  width: 2.375rem;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  -webkit-filter: drop-shadow(0px 3px 22px rgba(0, 0, 0, 0.22));
          filter: drop-shadow(0px 3px 22px rgba(0, 0, 0, 0.22));
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-mypageFv-welcomeCard__close img {
  width: 100%;
  display: block;
}

.p-mypageFv-welcomeCard__illust {
  position: relative;
  width: 100%;
  max-width: 10.4375rem;
  margin: 0rem auto;
}

.p-mypageFv-welcomeCard__title {
  color: #FFFFFF;
  font-size: 1.125rem;
  line-height: 1.1111111111;
  font-weight: 700;
  text-align: center;
}

.p-mypageFv-welcomeCard__school {
  color: #FFFFFF;
  font-size: 0.8125rem;
  line-height: 1.6153846154;
  font-weight: 600;
  text-align: center;
}

.p-mypageFv-welcomeCard__address {
  color: #FFFFFF;
  font-size: 0.625rem;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}

.p-mypageFv-welcomeCard__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.375rem;
  margin-top: 0.375rem;
}
.p-mypageFv-welcomeCard__tags li {
  min-width: 3.375rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4E75A8;
  font-size: 0.5625rem;
  line-height: 1.4444444444;
  font-weight: 600;
  background: #fff;
  padding: 0.0625rem 0.5625rem;
  border-radius: 0.5rem;
}
.p-mypageFv-welcomeCard__tags li:last-of-type {
  min-width: auto;
  display: inline-block;
  color: #fff;
  background: none;
  padding: 0rem;
  border-radius: 0rem;
}

.p-mypageFv-welcomeSpeech {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.4375rem;
  margin-top: 0.625rem;
}

.p-mypageFv-welcomeSpeech__icon {
  width: 1.625rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.p-mypageFv-welcomeSpeech__icon img {
  width: 1.625rem;
  height: 1.625rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 100%;
}

.p-mypageFv-welcomeSpeech__box {
  position: relative;
  width: 100%;
  max-width: 10.9375rem;
  padding: 0.5625rem 0.4375rem 0.5625rem 0.75rem;
  background: #fff;
  border-radius: 0.375rem;
}
.p-mypageFv-welcomeSpeech__box::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.4375rem;
  left: -0.46875rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.5rem 0.46875rem 0 0.46875rem;
  border-color: #FFFFFF transparent transparent transparent;
}

.p-mypageFv-welcomeSpeech__text {
  color: #4E75A8;
  font-size: 0.625rem;
  line-height: 1.3;
  font-weight: 600;
}

.p-mypageFv-welcome__good {
  width: 100%;
  max-width: 12.75rem;
  margin: 0.625rem auto 0rem auto;
  height: 1.6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 0.5625rem;
  line-height: 1.4444444444;
  font-weight: 600;
  text-align: center;
  background: rgba(6, 0, 83, 0.26);
  border-radius: 5rem;
}
.p-mypageFv-welcome__good span {
  display: inline-block;
  font-size: 0.75rem;
  padding-right: 0.125rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.p-mypageFv-welcome__good.on span {
  color: #F70A8D;
}

.p-mypageFv-welcome__button {
  width: 100%;
  max-width: 13.125rem;
  height: 2.5rem;
  margin: 0.625rem auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0D274A;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 700;
  background: #fff;
  border: 1px solid #54CCF9;
  border-radius: 5rem;
  -webkit-box-shadow: 0 1px 11px rgba(106, 139, 181, 0.23);
          box-shadow: 0 1px 11px rgba(106, 139, 181, 0.23);
}
.p-mypageFv-welcome__button:hover {
  color: #fff;
  background: #54CCF9;
}

.p-mypageFv-welcomeMessage {
  width: 100%;
  max-width: 21.125rem;
  margin: 0.875rem auto 0rem auto;
  min-height: 12.6875rem;
  padding: 2.875rem 1.625rem 1.25rem 1.625rem;
  background: #F1F9F9;
  border: 1px solid #fff;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.11);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.11);
}
@media screen and (min-width: 768px) {
  .p-mypageFv-welcomeMessage {
    margin-top: 0rem;
  }
}

.p-mypageFv-welcomeMessage__count {
  position: absolute;
  z-index: 10;
  top: 1.25rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #0D274A;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 500;
  text-align: center;
}

.p-mypageFv-welcomeMessage__btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.125rem;
  margin: 0.625rem auto 0 auto;
}

.p-mypageFv-welcomeMessage__button {
  width: 100%;
  max-width: 5.625rem;
  height: 2.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  color: #3E587B;
  font-size: 0.5625rem;
  line-height: 1.1111111111;
  font-weight: 600;
  text-align: center;
  background: #fff;
  border: 1px solid #3E587B;
  border-radius: 5rem;
  -webkit-box-shadow: 0 2px 7px rgba(8, 46, 135, 0.3);
          box-shadow: 0 2px 7px rgba(8, 46, 135, 0.3);
}
.p-mypageFv-welcomeMessage__button.big {
  font-size: 0.625rem;
}
.p-mypageFv-welcomeMessage__button:hover {
  color: #fff;
  background: #3E587B;
}

.p-mypageFv-welcomeMessage__title {
  color: #0D274A;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 700;
  margin-top: 0.5rem;
}

.p-mypageFv-welcomeMessage__text {
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.8;
  font-weight: 500;
  margin-top: 0.25rem;
}

.p-welcomeCards,
.p-welcomeMessages {
  position: relative;
  width: 100%;
}

.p-welcomeCards .swiper-slide {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-welcomeMessages .swiper-slide {
  width: 100%;
}

.p-mypageFv-section {
  position: relative;
  z-index: 2;
  width: 100%;
  background: #F1F9F9;
  border-radius: 1.25rem 1.25rem 0 0;
  -webkit-box-shadow: 0 -2px 6px rgba(226, 226, 226, 0.65);
          box-shadow: 0 -2px 6px rgba(226, 226, 226, 0.65);
  padding: 4.875rem 1.875rem 3.75rem 1.875rem;
  margin-top: -2.375rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-section {
    padding: 5.25rem 3.125rem 3.75rem 3.125rem;
    margin-top: -1.5625rem;
  }
}

.p-mypageFv-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-nav {
    gap: 1.875rem;
  }
}

.p-mypageFv-nav__list {
  color: #0D274A;
  font-size: 0.5625rem;
  line-height: 1.2222222222;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-nav__list {
    font-size: 0.6875rem;
    line-height: 1.1818181818;
  }
}

.p-mypageFv-nav__link {
  position: relative;
  color: #0D274A;
  font-size: 0.5625rem;
  line-height: 1.2222222222;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-nav__link {
    font-size: 0.6875rem;
    line-height: 1.1818181818;
  }
}
.p-mypageFv-nav__link::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 100%;
  width: 3.125rem;
  height: 3.125rem;
  background-image: url(../imgs/mypage/fv_nav_icon01.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-nav__link::before {
    width: 3.75rem;
    height: 3.75rem;
  }
}
.p-mypageFv-nav__link:hover {
  opacity: 0.7;
}

.p-mypageFv-nav__list:nth-of-type(2) .p-mypageFv-nav__link::before {
  background-image: url(../imgs/mypage/fv_nav_icon02.webp);
}

.p-mypageFv-nav__list:nth-of-type(3) .p-mypageFv-nav__link::before {
  background-image: url(../imgs/mypage/fv_nav_icon03.webp);
}

.p-mypageFv-nav__list:nth-of-type(4) .p-mypageFv-nav__link::before {
  background-image: url(../imgs/mypage/fv_nav_icon04.webp);
}

.p-mypageFv-nav__list:nth-of-type(5) .p-mypageFv-nav__link::before {
  background-image: url(../imgs/mypage/fv_nav_icon05.webp);
}

.p-mypageFv-good {
  position: relative;
  width: 100%;
  padding: 1.25rem 1.5rem;
  background: #fff;
  border-radius: 1.25rem;
  -webkit-box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
          box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-good {
    padding: 1.25rem 2.5rem;
    margin-top: 1.25rem;
  }
}

.p-mypageFv-good__point {
  position: absolute;
  top: 0.75rem;
  right: 0.375rem;
  width: 5rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-good__point {
    top: 0.125rem;
    right: 1.125rem;
  }
}

.p-mypageFv-good__title {
  color: #0D274A;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 500;
}

.p-mypageFv-good__text {
  color: #0D274A;
  font-size: 0.6875rem;
  line-height: 1.0909090909;
  font-weight: 600;
  margin-top: 0.25rem;
}

.p-mypageFv-good__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-good__box {
    padding-left: 1rem;
  }
}

.p-mypageFv-good__icon {
  width: 1.875rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.p-mypageFv-good__icon img {
  width: 1.875rem;
  height: 1.875rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 100%;
}

.p-mypageFv-good__group {
  width: 100%;
}

.p-mypageFv-good__time {
  color: #9A9A9A;
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 600;
}

.p-mypageFv-good__school {
  color: #0D274A;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  font-weight: 600;
}

.p-mypageFv-good__btnBox {
  width: 100%;
  max-width: 16.75rem;
  margin: 0.75rem auto 0rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
}

.p-mypageFv-good__dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4375rem;
  margin-top: 0.75rem;
}
.p-mypageFv-good__dot li {
  width: 0.375rem;
  height: 0.375rem;
  background: #D6D6D6;
  border: 1px solid #fff;
  border-radius: 100%;
}
.p-mypageFv-good__dot li.on {
  background: #00A6ED;
}

.p-mypageFv-history {
  position: relative;
  width: 100%;
  padding: 1.875rem 1.5rem;
  background: #fff;
  border-radius: 1.25rem;
  -webkit-box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
          box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
  margin-top: 1.625rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-history {
    padding: 1.5625rem 2.5rem;
    margin-top: 1.75rem;
  }
}

.p-mypageFv-history__point {
  position: absolute;
  top: 0.4375rem;
  right: 0.6875rem;
  width: 4.25rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-history__point {
    top: 0.125rem;
    right: 1.125rem;
  }
}

.p-mypageFv-history__title {
  color: #0D274A;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 500;
}

.p-mypageFv-history__text {
  color: #0D274A;
  font-size: 0.6875rem;
  line-height: 1.0909090909;
  font-weight: 600;
  margin-top: 0.25rem;
}

.p-mypageFv-history__column {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.75rem;
  margin-top: 0.875rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-history__column {
    margin-bottom: 1.25rem;
  }
}

.p-mypageFv-history__box {
  cursor: pointer;
  position: relative;
  width: 100%;
  padding: 1rem 1.125rem;
  background: linear-gradient(135deg, #E2F8FF, #E1EAFF);
  border: 1px solid #fff;
  border-radius: 0.625rem;
  -webkit-box-shadow: 0 1px 8px rgba(115, 106, 181, 0.3);
          box-shadow: 0 1px 8px rgba(115, 106, 181, 0.3);
  margin-top: 0.75rem;
}
.p-mypageFv-history__box::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 2.125rem;
  right: 0.6875rem;
  width: 0.75rem;
  height: 0.4375rem;
  background-image: url(../imgs/mypage/arrow_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-mypageFv-history__box.is-open::before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.p-mypageFv-history__boxOpen {
  width: 100%;
  padding: 0.5rem 1.125rem;
  background: linear-gradient(135deg, #E2F8FF, #E1EAFF);
  border: 1px solid #fff;
  border-radius: 0.625rem;
  -webkit-box-shadow: 0 1px 8px rgba(115, 106, 181, 0.3);
          box-shadow: 0 1px 8px rgba(115, 106, 181, 0.3);
}

.p-mypageFv-history__boxOpen .p-mypage-history__group {
  max-height: none;
}

.p-mypageFv-history__label {
  color: #0D274A;
  font-size: 0.9375rem;
  line-height: 1.3;
  font-weight: 500;
}

.p-mypageFv-history__group {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.p-mypageFv-history__box.is-open .p-mypageFv-history__group {
  overflow: visible;
}

.p-mypageFv-history__exp {
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.3;
  font-weight: 500;
}

.p-mypageFv-campus {
  position: relative;
  width: 100%;
  padding: 1.5rem;
  background: #fff;
  border-radius: 1.25rem;
  -webkit-box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
          box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
  margin-top: 1.625rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-campus {
    padding: 1.5625rem 2.5rem;
    margin-top: 1.75rem;
  }
}

.p-mypageFv-campus__point {
  position: absolute;
  top: 0.5625rem;
  right: 0.75rem;
  width: 4.25rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-campus__point {
    top: 0.125rem;
    right: 1.125rem;
  }
}

.p-mypageFv-campus__title {
  color: #0D274A;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 500;
}

.p-mypageFv-campus__text {
  color: #0D274A;
  font-size: 0.6875rem;
  line-height: 1.0909090909;
  font-weight: 600;
  margin-top: 0.25rem;
}

.p-mypageFv-campus__btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.1875rem;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-campus__btnBox {
    gap: 0.75rem;
  }
}

.p-mypageFv-campus__btn {
  width: 100%;
  max-width: 9.0625rem;
  height: 2.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 700;
  background: #C5C5C5;
  border-radius: 5rem;
}
.p-mypageFv-campus__btn:hover {
  opacity: 0.7;
}
.p-mypageFv-campus__btn.gradation {
  background: linear-gradient(45deg, #00A6ED, #82A3E7);
}

.p-mypageFv-campus__column {
  width: 100%;
  margin-top: 0.5rem;
  margin-bottom: 1.125rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-campus__column {
    padding: 0 0.625rem;
    margin-bottom: 1.625rem;
  }
}

.p-mypageFv-campus__reserved {
  color: #0D274A;
  font-size: 0.8125rem;
  line-height: 1.6;
  font-weight: 700;
}
.p-mypageFv-campus__reserved span {
  font-size: 1.25rem;
}

.p-mypageFv-memo {
  position: relative;
  width: 100%;
  padding: 1.5rem;
  background: #fff;
  border-radius: 1.25rem;
  -webkit-box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
          box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
  margin-top: 1.625rem;
  margin-bottom: 1.375rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-memo {
    padding: 1.5625rem 2.5rem;
    margin-top: 1.75rem;
  }
}

.p-mypageFv-memo__point {
  position: absolute;
  top: 0.5625rem;
  right: 0.75rem;
  width: 4.25rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-memo__point {
    top: 0.375rem;
    right: 1.375rem;
  }
}

.p-mypageFv-memo__title {
  color: #0D274A;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 500;
}

.p-mypageFv-memo__text {
  color: #0D274A;
  font-size: 0.6875rem;
  line-height: 1.0909090909;
  font-weight: 600;
  margin-top: 0.25rem;
}

.p-mypageFv-memo__column {
  width: 100%;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-memo__column {
    padding: 0 0.625rem;
  }
}

.p-mypageFv-memo__btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.75rem;
  margin-top: 1rem;
}

.p-mypageFv-cont {
  position: relative;
  z-index: 2;
  width: 100%;
  background: #fff;
  border-radius: 1.25rem 1.25rem 0 0;
  -webkit-box-shadow: 0 0 6px rgba(206, 206, 206, 0.16);
          box-shadow: 0 0 6px rgba(206, 206, 206, 0.16);
  padding: 3.125rem 1.25rem 2.25rem 1.25rem;
  margin-top: -1.25rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-cont {
    padding: 2.25rem 1.25rem;
  }
}

.p-mypageFv-cont__title {
  color: #0D274A;
  font-size: 1rem;
  line-height: 1.625;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-cont__title {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.p-mypageFv-cont__box {
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-mypageFv-cont__box {
    margin-top: 0.4375rem;
  }
}

.p-mypageFv-cont__banner01 {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  max-width: 21.1875rem;
  margin: 0rem auto;
}
.p-mypageFv-cont__banner01:hover {
  opacity: 0.7;
}

.p-mypageFv-cont__banner02 {
  display: block;
  width: 100%;
  max-width: 18.75rem;
  margin: -0.4375rem auto 0rem auto;
  border-radius: 1.375rem;
  -webkit-filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.16));
}
@media screen and (min-width: 768px) {
  .p-mypageFv-cont__banner02 {
    margin: -0.5625rem auto 0rem auto;
  }
}
.p-mypageFv-cont__banner02:hover {
  opacity: 0.7;
}

.p-mypageFv-cont__banner03 {
  display: block;
  width: 100%;
  max-width: 18.75rem;
  margin: 0.5rem auto 0rem auto;
  border-radius: 1.375rem;
  -webkit-filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.16));
}
.p-mypageFv-cont__banner03:hover {
  opacity: 0.7;
}

.p-mypageFv-cont__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.375rem;
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-mypageFv-cont__lists {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
.p-mypageFv-cont__lists li,
.p-mypageFv-cont__lists a {
  color: #0D274A;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 600;
}
.p-mypageFv-cont__lists a:hover {
  opacity: 0.7;
}

.p-mypage-profile {
  width: 100%;
  background-image: url(../imgs/mypage/profile_bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 7.375rem 1.25rem 3.4375rem 1.25rem;
}

.p-mypage-profile__icon {
  width: 6rem;
  height: 6rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin: 0rem auto;
  border-radius: 100%;
}

.p-mypage-profile__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  margin-top: 0.5625rem;
}

.p-mypage-profile__nickname {
  color: #fff;
  font-size: 0.9375rem;
  line-height: 1.4444444444;
  font-weight: 700;
  text-align: center;
}
.p-mypage-profile__nickname span {
  font-size: 1.125rem;
}

.p-mypage-profile__button {
  width: 0.875rem;
  height: 0.875rem;
  background-image: url(../imgs/mypage/pen_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.p-mypage-profile__kana {
  color: #CBCCD9;
  font-size: 0.5625rem;
  line-height: 1.4444444444;
  font-weight: 700;
  text-align: center;
  margin-top: 0.375rem;
}

.p-mypage-profile__name {
  color: #CBCCD9;
  font-size: 0.6875rem;
  line-height: 1.4285714286;
  font-weight: 700;
  text-align: center;
}
.p-mypage-profile__name span {
  font-size: 0.875rem;
}

.p-mypage__content {
  width: 100%;
  background: #F1F9F9;
  padding: 5.625rem 1.875rem 2.5rem 1.875rem;
}
.p-mypage__content.profile {
  background: #fff;
  padding: 0;
}

.p-mypage__title {
  position: relative;
  min-height: 2.3125rem;
  left: -0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3125rem;
  color: #0D274A;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 700;
}
.p-mypage__title::before {
  content: "";
  display: inline-block;
  position: relative;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.p-mypage__title.cracker::before {
  width: 1.875rem;
  height: 1.8125rem;
  background-image: url(../imgs/mypage/cracker_icon.png);
}
.p-mypage__title.calendar::before {
  width: 1.875rem;
  height: 1.875rem;
  background-image: url(../imgs/mypage/calendar_icon.png);
}
.p-mypage__title.speech::before {
  width: 2.1875rem;
  height: 2.1875rem;
  background-image: url(../imgs/mypage/speech_icon.png);
}
.p-mypage__title.application::before {
  width: 1.8125rem;
  height: 2rem;
  background-image: url(../imgs/mypage/application_icon.png);
}
.p-mypage__title.heart::before {
  width: 1.625rem;
  height: 1.625rem;
  background-image: url(../imgs/mypage/heart_icon.png);
}
.p-mypage__title.book::before {
  width: 2.3125rem;
  height: 2.3125rem;
  background-image: url(../imgs/mypage/book_icon.png);
}
.p-mypage__title.checklist::before {
  width: 1.5625rem;
  height: 1.6875rem;
  background-image: url(../imgs/mypage/checklist_icon.png);
}
.p-mypage__title.gear {
  gap: 0rem;
}
.p-mypage__title.gear::before {
  width: 1.6875rem;
  height: 1.75rem;
  background-image: url(../imgs/mypage/gear_icon.png);
}

.p-mypage__text {
  color: #0D274A;
  font-size: 0.6875rem;
  line-height: 1.6363636364;
  font-weight: 700;
  margin-top: 0.125rem;
}

.p-mypage-info {
  width: 100%;
  padding: 2.125rem 1.875rem 2.5rem 1.875rem;
  background: #F2F9F9;
  border-radius: 1.25rem 1.25rem 0 0;
  margin-top: -1rem;
}

.p-mypage-info__column {
  width: 100%;
  margin-top: 2.5rem;
}
.p-mypage-info__column:first-of-type {
  margin-top: 0rem;
}

.p-mypage-info__title {
  color: #0D274A;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  font-weight: 700;
  text-align: center;
}

.p-mypage-info__text {
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.6;
  font-weight: 600;
  padding-left: 1.3em;
  text-indent: -1.3em;
  margin-top: 0.125rem;
  margin-left: 0.3125rem;
}

.p-mypage-info__box {
  width: 100%;
  background: #fff;
  padding-bottom: 1.375rem;
  border-radius: 1rem;
  -webkit-box-shadow: 0 1px 6px rgba(118, 149, 172, 0.31);
          box-shadow: 0 1px 6px rgba(118, 149, 172, 0.31);
  margin-top: 0.875rem;
}
.p-mypage-info__box.pb0 {
  padding-bottom: 0rem;
}

.p-mypage-info__table {
  width: 100%;
}
.p-mypage-info__table.center th,
.p-mypage-info__table.center td {
  padding: 0.8125rem 0.125rem;
  vertical-align: middle;
}
.p-mypage-info__table.center td {
  line-height: 1.1428571429;
}
.p-mypage-info__table tr {
  width: 100%;
}
.p-mypage-info__table tr:last-of-type th,
.p-mypage-info__table tr:last-of-type td {
  border-bottom: none;
}
.p-mypage-info__table th {
  width: 3.75rem;
  color: #3962C2;
  font-size: 0.5625rem;
  line-height: 1.2222222222;
  font-weight: 500;
  text-align: center;
  border-bottom: 1px solid #D9EAF3;
  padding: 1.25rem 0.125rem 0.9375rem 0.125rem;
}
.p-mypage-info__table td {
  width: calc(100% - 3.75rem);
  color: #0D274A;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  font-weight: 500;
  padding: 0.9375rem 0.125rem;
  border-bottom: 1px solid #D9EAF3;
}

.p-mypage-info__group {
  width: 100%;
  padding: 1.25rem 0.875rem;
  border-bottom: 1px solid #D9EAF3;
}
.p-mypage-info__group:last-of-type {
  border-bottom: none;
}

.p-mypage-info__label {
  color: #3962C2;
  font-size: 0.5625rem;
  line-height: 1.2222222222;
  font-weight: 500;
}

.p-mypage-info__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 0.75rem;
  color: #3E587B;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 500;
  margin-top: 0.3125rem;
  padding: 0 0.5rem;
}

.p-mypage-welcome {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.75rem;
}
.p-mypage-welcome.mt26 {
  margin-top: 1.625rem;
}

.p-mypage-welcome__block {
  position: relative;
}

.p-mypage-welcome__column {
  width: 100%;
  padding: 2.25rem 1.375rem 3.125rem 1.375rem;
  background: #fff;
  border-radius: 1.25rem;
  -webkit-box-shadow: 0 1px 6px rgba(118, 149, 172, 0.31);
          box-shadow: 0 1px 6px rgba(118, 149, 172, 0.31);
}

.p-mypage-welcome__title {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 9.625rem;
  color: #fff;
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  padding: 0.3125rem;
  background: linear-gradient(110deg, #00A6ED 0%, #9DA2E5 50%, #9DA2E5 100%);
  border-radius: 1rem 0 0.625rem 0;
}

.p-mypage-welcome__box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4375rem;
}

.p-mypage-welcome__img {
  position: relative;
  width: 4.5625rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-mypage-welcome__group {
  width: 100%;
}

.p-mypage-welcome__day {
  display: block;
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.6;
  font-weight: 700;
  padding-left: 0.25rem;
}

.p-mypage-welcome__label {
  color: #0D274A;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 700;
  padding-left: 0.25rem;
}

.p-mypage-welcome__address {
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.8;
  font-weight: 700;
  padding-left: 0.25rem;
}

.p-mypage-welcome__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.375rem;
}
.p-mypage-welcome__tags li {
  min-width: 3.375rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0D274A;
  font-size: 0.5625rem;
  line-height: 1.4444444444;
  font-weight: 600;
  background: #F1F9F9;
  padding: 0.125rem 0.5625rem;
  border-radius: 0.5rem;
}
.p-mypage-welcome__tags li:last-of-type {
  min-width: auto;
  display: inline-block;
  background: none;
  padding: 0rem;
  padding-top: 0.25rem;
  border-radius: 0rem;
}

.p-mypage-welcome__comment {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0.75rem;
  width: 12.625rem;
  height: 1.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #00A6ED;
  font-size: 0.5625rem;
  line-height: 1.4444444444;
  font-weight: 600;
  text-align: center;
  border: 1px solid #00A6ED;
  border-radius: 5rem;
}
.p-mypage-welcome__comment.on {
  color: #fff;
  background: #F29384;
  border: 1px solid #F29384;
}

.p-mypage-btnList {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
.p-mypage-btnList.mt18 {
  margin-top: 1.125rem;
}

.p-mypage-btnList__inner {
  width: 100%;
  max-width: 20.9375rem;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3125rem;
}

.p-mypage-btnList__btn {
  width: 100%;
  height: 2.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #3962C2;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 700;
  background: #fff;
  border: 1px solid #3962C2;
  border-radius: 5rem;
}
.p-mypage-btnList__btn:hover {
  color: #fff;
  background: #3962C2;
}

.p-mypage-btnList02 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.375rem 0.1875rem;
}
.p-mypage-btnList02.mt20 {
  margin-top: 1.25rem;
}

.p-mypage-btnList02__btn {
  width: 100%;
  max-width: 8.3125rem;
  height: 2.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 700;
  background: #C5C5C5;
  border-radius: 5rem;
}
.p-mypage-btnList02__btn:hover {
  opacity: 0.7;
}
.p-mypage-btnList02__btn.gradation {
  background: linear-gradient(45deg, #00A6ED, #82A3E7);
}

.p-mypage-good {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 1.25rem;
}
.p-mypage-good.mt20 {
  margin-top: 1.25rem;
}

.p-mypage-good__column {
  position: relative;
  padding: 1.875rem 1.375rem;
  background: #fff;
  border-radius: 1.25rem;
  -webkit-box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
          box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
}

.p-mypage-good__icon {
  position: absolute;
  top: 0.6875rem;
  right: 0.8125rem;
  color: #FF7575;
  font-size: 1.3125rem;
  line-height: 1.4285714286;
  font-weight: 500;
}

.p-mypage-good__box {
  width: 100%;
  max-width: 18.125rem;
  margin: 0rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4375rem;
}

.p-mypage-good__img {
  position: relative;
  width: 4.5625rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-mypage-good__group {
  width: 100%;
}

.p-mypage-good__day {
  display: block;
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.6;
  font-weight: 700;
  padding-left: 0.25rem;
}

.p-mypage-good__label {
  color: #0D274A;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 700;
  padding-left: 0.25rem;
}

.p-mypage-good__address {
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.8;
  font-weight: 700;
  padding-left: 0.25rem;
}

.p-mypage-good__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.375rem;
}
.p-mypage-good__tags li {
  min-width: 3.375rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0D274A;
  font-size: 0.5625rem;
  line-height: 1.4444444444;
  font-weight: 600;
  background: #F1F9F9;
  padding: 0.125rem 0.5625rem;
  border-radius: 0.5rem;
}
.p-mypage-good__tags li:last-of-type {
  min-width: auto;
  display: inline-block;
  background: none;
  padding: 0rem;
  padding-top: 0.25rem;
  border-radius: 0rem;
}

.p-mypage-good__comment {
  color: #3962C2;
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 700;
  padding-left: 0.3125rem;
  margin-top: 0.5rem;
}

.p-mypage-good__memo {
  overflow: visible;
}

.p-mypage-good__memo[hidden] {
  display: none;
}

.p-mypage-good__memoInput {
  display: block;
  width: 100%;
  max-width: 17.25rem;
  margin: 0.625rem auto 0rem auto;
  min-height: 4.1875rem;
  font-size: 0.625rem;
  line-height: 1.6;
  font-weight: 500;
  padding: 0.75rem 0.875rem;
  background: #EBFAFF;
  border-radius: 1rem;
  resize: none;
  overflow: hidden;
}

.p-mypage-good__memo.is-locked .p-mypage-good__memoInput {
  background: #f3f6fb;
  pointer-events: none;
}

.p-mypage-good__memoInput::-webkit-input-placeholder {
  color: #B1C1D6;
}

.p-mypage-good__memoInput::-moz-placeholder {
  color: #B1C1D6;
}

.p-mypage-good__memoInput:-ms-input-placeholder {
  color: #B1C1D6;
}

.p-mypage-good__memoInput::-ms-input-placeholder {
  color: #B1C1D6;
}

.p-mypage-good__memoInput::placeholder {
  color: #B1C1D6;
}

.p-mypage-good__btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.p-mypage-accordion {
  width: 100%;
  padding: 1.875rem 1.5rem 2.3125rem 1.5rem;
  background: #fff;
  border-radius: 1.25rem;
  -webkit-box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
          box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
}
.p-mypage-accordion.mt17 {
  margin-top: 1.0625rem;
}
.p-mypage-accordion.mt24 {
  margin-top: 1.5rem;
}
.p-mypage-accordion.pd {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}

.p-mypage-accordion__title {
  color: #0D274A;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 500;
}

.p-mypage-accordion__text {
  color: #0D274A;
  font-size: 0.6875rem;
  line-height: 1.6363636364;
  font-weight: 500;
  margin-bottom: 0.625rem;
}
.p-mypage-accordion__text.mb0 {
  margin-bottom: 0rem;
}

.p-mypage-accordion__reserved {
  color: #0D274A;
  font-size: 0.8125rem;
  line-height: 1.6153846154;
  font-weight: 700;
  margin-bottom: 0.3125rem;
}
.p-mypage-accordion__reserved span {
  font-size: 1.25rem;
}

.p-mypage-accordion__column {
  padding: 0.3125rem;
  max-height: 20.625rem;
  overflow-y: scroll;
}

.p-mypage-accordion__box {
  cursor: pointer;
  position: relative;
  width: 100%;
  padding: 1rem 1.125rem;
  background: linear-gradient(135deg, #E2F8FF, #E1EAFF);
  border: 1px solid #fff;
  border-radius: 0.625rem;
  -webkit-box-shadow: 0 1px 8px rgba(115, 106, 181, 0.3);
          box-shadow: 0 1px 8px rgba(115, 106, 181, 0.3);
  margin-top: 0.75rem;
}
.p-mypage-accordion__box:first-of-type {
  margin-top: 0rem;
}
.p-mypage-accordion__box::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 2.125rem;
  right: 0.6875rem;
  width: 0.75rem;
  height: 0.4375rem;
  background-image: url(../imgs/mypage/arrow_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-mypage-accordion__box.is-open::before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.p-mypage-accordion__boxOpen {
  position: relative;
  width: 100%;
  padding: 1rem 1.125rem;
  background: linear-gradient(135deg, #E2F8FF, #E1EAFF);
  border: 1px solid #fff;
  border-radius: 0.625rem;
  -webkit-box-shadow: 0 1px 8px rgba(115, 106, 181, 0.3);
          box-shadow: 0 1px 8px rgba(115, 106, 181, 0.3);
}
.p-mypage-accordion__boxOpen .p-mypage-accordion__group {
  max-height: none;
}

.p-mypage-accordion__label {
  color: #0D274A;
  font-size: 0.75rem;
  line-height: 1.25;
  font-weight: 500;
  padding-right: 0.375rem;
}

.p-mypage-accordion__group {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.p-mypage-accordion__box.is-open .p-mypage-accordion__group {
  overflow: visible;
}

.p-mypage-accordion__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.375rem;
  margin-top: 0.875rem;
}
.p-mypage-accordion__tags li {
  min-width: 3.375rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0D274A;
  font-size: 0.5625rem;
  line-height: 1.4444444444;
  font-weight: 600;
  background: #F1F9F9;
  padding: 0.125rem 0.5625rem;
  border-radius: 0.5rem;
}
.p-mypage-accordion__tags li:last-of-type {
  min-width: auto;
  display: inline-block;
  background: none;
  padding: 0rem;
  padding-top: 0.25rem;
  border-radius: 0rem;
}

.p-mypage-accordion__dl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-mypage-accordion__dl dt {
  width: 100%;
  color: #0D274A;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
  margin-top: 0.25rem;
}
.p-mypage-accordion__dl dd {
  width: 100%;
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 500;
}

.p-mypage-accordion__exp {
  color: #0D274A;
  font-size: 0.75rem;
  line-height: 1.25;
  font-weight: 500;
  padding-right: 0.375rem;
}
.p-mypage-accordion__exp.min {
  font-size: 0.625rem;
  line-height: 1.6;
  margin-top: 0.75rem;
}

.p-mypage-accordion__delete {
  display: none;
  color: #003A88;
  font-size: 0.5rem;
  line-height: 1.375;
  font-weight: 500;
  text-align: center;
  padding: 0.25rem 0.625rem 0.4375rem 0.625rem;
  background: #FFFF71;
  border-radius: 0.5625rem;
  margin-top: 0.625rem;
}
.p-mypage-accordion__delete span {
  display: block;
  font-size: 0.6875rem;
}

.p-mypage-accordion__box.is-delete-confirm .p-mypage-accordion__delete {
  display: block;
}

.p-mypage-accordion__btnGroup {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  margin-top: 0.625rem;
}
.p-mypage-accordion__btnGroup.flow {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.5rem;
  margin-top: 0.625rem;
}

.p-mypage-accordion__button {
  width: 100%;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #3E587B;
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 700;
  background: #fff;
  border: 1px solid #00A6ED;
  border-radius: 5rem;
}
.p-mypage-accordion__button:hover {
  color: #fff;
  background: #00A6ED;
}
.p-mypage-accordion__button:active, .p-mypage-accordion__button:focus, .p-mypage-accordion__button:focus-visible {
  color: #3E587B;
  background: #fff;
  outline: none;
}

.p-mypage-accordion__btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.5625rem;
  margin-top: 1.0625rem;
  margin-top: 0.625rem;
}

.p-mypage-result {
  position: relative;
  width: 100%;
  padding: 1.5rem 1.5rem 1.875rem 1.5rem;
  background: #fff;
  border-radius: 1.25rem;
  -webkit-box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
          box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
}
.p-mypage-result.mt54 {
  margin-top: 54px;
}
.p-mypage-result.mt90 {
  margin-top: 70px;
}

.p-mypage-result__title {
  position: absolute;
  top: -3.25rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 17.0625rem;
  margin: 0rem auto;
}

.p-mypage-result__box {
  width: 100%;
}

.p-mypage-result__type {
  color: #0D274A;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 500;
}

.p-mypage-result__day {
  color: #0D274A;
  font-size: 0.6875rem;
  line-height: 1.6363636364;
  font-weight: 500;
}

.p-mypage-result__exp {
  color: #0D274A;
  font-size: 0.75rem;
  line-height: 2.0833333333;
  font-weight: 500;
  margin-top: 0.5rem;
}

.p-mypage-result__btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.5rem;
  margin-top: 0.625rem;
}

.p-mypage-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.875rem;
}

.p-mypage-message__text {
  color: #3962C2;
  font-size: 0.8125rem;
  line-height: 1.6153846154;
  font-weight: 700;
}

.p-mypage-message__img {
  position: relative;
  left: -0.3125rem;
  width: 100%;
  max-width: 6.0625rem;
}

.p-mypage-notify {
  position: relative;
  width: 100%;
  padding: 1.5rem 1.75rem 2.375rem 1.75rem;
  background: #fff;
  border-radius: 1.25rem;
  -webkit-box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
          box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
}
.p-mypage-notify.mt18 {
  margin-top: 1.125rem;
}

.p-mypage-notify__title {
  color: #0D274A;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  font-weight: 500;
}

.p-mypage-notify__lists {
  margin-top: 0.6875rem;
}

.p-mypage-notify__list {
  position: relative;
  color: #0D274A;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 700;
  padding-left: 0.875rem;
  margin-top: 0.875rem;
}
.p-mypage-notify__list:first-of-type {
  margin-top: 0rem;
}
.p-mypage-notify__list::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% + 0.0625rem);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0.1875rem;
  width: 0.3125rem;
  height: 0.3125rem;
  background: #00A6ED;
  border-radius: 100%;
}

.p-mypage-notify__button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0rem;
  width: 3.25rem;
  height: 1.3125rem;
  background: #CECECE;
  border-radius: 5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-mypage-notify__button::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0.1875rem;
  width: 1.0625rem;
  height: 1.0625rem;
  background: #fff;
  border-radius: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-mypage-notify__button.on {
  background: #00A6ED;
}
.p-mypage-notify__button.on::before {
  left: 2rem;
}

.p-mypage-switch {
  position: relative;
  width: 100%;
  padding: 1.5rem 1.75rem 2.125rem 1.75rem;
  background: #fff;
  border-radius: 1.25rem;
  -webkit-box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
          box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
}
.p-mypage-switch.mt24 {
  margin-top: 1.5rem;
}

.p-mypage-switch__title {
  color: #0D274A;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  font-weight: 500;
}

.p-mypage-switch__text {
  color: #0D274A;
  font-size: 0.6875rem;
  line-height: 1.6363636364;
  font-weight: 700;
  margin-top: 0.125rem;
}

.p-mypage-switch__lists {
  margin-top: 1rem;
}
.p-mypage-switch__lists.scroll {
  padding: 0.3125rem 0;
  max-height: 11.5625rem;
  overflow-y: scroll;
}

.p-mypage-switch__list {
  position: relative;
  color: #0D274A;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 700;
  padding-left: 0.875rem;
  margin-top: 0.9375rem;
}
.p-mypage-switch__list:first-of-type {
  margin-top: 0rem;
}
.p-mypage-switch__list::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% + 0.0625rem);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0.1875rem;
  width: 0.3125rem;
  height: 0.3125rem;
  background: #00A6ED;
  border-radius: 100%;
}

.p-mypage-switch__button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0rem;
  width: 3.9375rem;
  height: 1.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 0.5625rem;
  font-weight: 700;
  background: #CECECE;
  border-radius: 5rem;
}
.p-mypage-switch__button.on {
  width: 3.9375rem;
  height: 1.3125rem;
  background: #00A6ED;
}

.p-mypage-withdraw {
  position: relative;
  width: 100%;
  padding: 1.5rem 1.75rem 1.875rem 1.75rem;
  background: #fff;
  border-radius: 1.25rem;
  -webkit-box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
          box-shadow: 0 1px 6px rgba(201, 201, 201, 0.16);
}
.p-mypage-withdraw.mt24 {
  margin-top: 1.5rem;
}

.p-mypage-withdraw__title {
  color: #0D274A;
  font-size: 1.0625rem;
  line-height: 1.5882352941;
  font-weight: 500;
}

.p-mypage-withdraw__text {
  color: #0D274A;
  font-size: 0.6875rem;
  line-height: 1.6363636364;
  font-weight: 700;
  padding-left: 1.3em;
  text-indent: -1.3em;
  margin-top: 0.3125rem;
}

#root .relative-aria {
  position: relative;
  left: -1.25rem;
}

@media screen and (max-width: 767px) {
  .u-pc {
    display: none !important;
  }
}

.u-sp {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .u-sp {
    display: block !important;
  }
}

.u-sp-inline {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .u-sp-inline {
    display: inline-block !important;
  }
}

.u-sp-flex {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .u-sp-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.l-sitemap__logo img {
  margin-bottom: 8px;
}

.l-sitemap__nav li {
  line-height: 1.4;
}

.l-sitemap__link {
  padding-left: 0.7rem;
}


.c-frame {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-breadcrumb {
  width: 100%;
}

.c-breadcrumb__lists {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-breadcrumb__list,
.c-breadcrumb__link {
  color: #7E7E7E;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 600;
}

.c-breadcrumb__list::after {
  content: " / ";
  position: relative;
  display: inline-block;
  margin-right: 0.125rem;
}
.c-breadcrumb__list:last-of-type::after {
  display: none;
}

.c-breadcrumb__link:hover {
  opacity: 0.7;
}

.c-title {
  font-size: 1.75rem;
  line-height: 1.4285714286;
  font-weight: 600;
  margin-top: 1rem;
}

.c-banner {
  position: fixed;
  z-index: 99;
  right: 1.875rem;
  bottom: 1.25rem;
  width: 100%;
  max-width: 22.5rem;
  padding: 1.9375rem 1.5rem 2.3125rem 1.5rem;
  background-image: url(../assets/imgs/dashboard/banner_bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0 9px rgba(196, 196, 196, 0.41);
          box-shadow: 0 0 9px rgba(196, 196, 196, 0.41);
}
.c-banner:hover {
  opacity: 0.7;
}

.c-banner__title {
  color: #715050;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: 600;
}

.c-banner__button {
  color: #fff;
  font-size: 0.9375rem;
  line-height: 1.4;
  font-weight: 600;
  padding: 0.5rem 1.5625rem 0.625rem 1.5625rem;
  background: #E06262;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 1px 4px rgba(193, 41, 41, 0.36);
          box-shadow: 0 1px 4px rgba(193, 41, 41, 0.36);
  margin-top: 0.6875rem;
}

.c-banner__character {
  position: absolute;
  top: 0.4375rem;
  right: -1rem;
  width: 8.875rem;
}

.c-01 {
  width: 100%;
}
.c-01 .pr20 {
  padding-right: 1rem;
}

.c-01__wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.875rem;
  margin-top: 1.625rem;
}

.c-01__content {
  padding: 1.5rem 1.75rem;
  background: #fff;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0 9px rgba(196, 196, 196, 0.16);
          box-shadow: 0 0 9px rgba(196, 196, 196, 0.16);
}

.c-01__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-weight: 600;
}
.c-01__title::before {
  content: "";
  display: inline-block;
  position: relative;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.25rem;
}
.c-01__title.icon-mail::before {
  width: 1.3125rem;
  height: 0.9375rem;
  background-image: url(../assets/imgs/dashboard/mail_icon.png);
}
.c-01__title.icon-heart::before {
  width: 1.28125rem;
  height: 1.21875rem;
  background-image: url(../assets/imgs/dashboard/heart_icon.png);
}
.c-01__title.icon-new::before {
  width: 2.5625rem;
  height: 1.625rem;
  background-image: url(../assets/imgs/dashboard/new_icon.png);
}
.c-01__title.icon-search::before {
  width: 1.3125rem;
  height: 1.3125rem;
  background-image: url(../assets/imgs/dashboard/search_icon.png);
}
.c-01__title.icon-report::before {
  width: 1.0625rem;
  height: 1.3125rem;
  background-image: url(../assets/imgs/dashboard/report_icon.png);
}
.c-01__title.icon-time::before {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/imgs/dashboard/time_icon.png);
}

.c-01__text {
  color: #8E8E8E;
  font-size: 0.8125rem;
  line-height: 1.3846153846;
  font-weight: 600;
  margin-top: 1rem;
}
.c-01__text.mt12 {
  margin-top: 0.75rem;
}
.c-01__text.mt18 {
  margin-top: 1.125rem;
}

.c-01__button {
  width: 100%;
  color: #fff;
  font-size: 0.9375rem;
  line-height: 1.4;
  font-weight: 600;
  text-align: center;
  padding: 1.125rem;
  background: #0A6FCA;
  border-radius: 0.375rem;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin-top: 1.25rem;
}
.c-01__button:hover {
  background: #0A5FAA;
}

.c-01-mail {
  color: #373B41;
  font-size: 1.5rem;
  line-height: 1.4583333333;
  font-weight: 500;
  margin-top: -0.25rem;
}
.c-01-mail span {
  display: inline-block;
  color: #000000;
  font-size: 3.75rem;
  line-height: 1.45;
  font-weight: 600;
}

.c-01-mail__bar {
  width: 100%;
  height: 0.3125rem;
  background: rgba(218, 219, 221, 0.62);
  border-radius: 5rem;
  margin-top: -0.5rem;
  overflow: hidden;
}

.c-01-mail__barInner {
  height: 100%;
  width: 0;
  background: #0A6FCA;
  border-radius: 5rem;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}

.c-01-good {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
}

.c-01-good__number {
  color: #373B41;
  font-size: 1.5rem;
  line-height: 1.4583333333;
  font-weight: 500;
  margin-top: -0.25rem;
}
.c-01-good__number span {
  display: inline-block;
  color: #000000;
  font-size: 3.75rem;
  line-height: 1.45;
  font-weight: 600;
}

.c-01-good__box {
  text-align: center;
}

.c-01-good__speech {
  width: 11.4375rem;
  height: 1.65625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.5625rem;
  line-height: 1.4444444444;
  font-weight: 600;
  text-align: center;
  padding-bottom: 0.25rem;
  background-image: url(../assets/imgs/dashboard/speech_bg.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.c-01-good__button {
  color: #fff;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 600;
  text-align: center;
  padding: 0.5rem 1.125rem;
  background: #0A6FCA;
  border-radius: 0.375rem;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin-top: 0.1875rem;
}
.c-01-good__button:hover {
  background: #0A5FAA;
}

.c-01-nav {
  width: 100%;
  height: 19.6875rem;
  padding-right: 1rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  overflow-y: scroll;
}

.c-01-nav__list {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.5714285714;
  margin-top: 0.5rem;
}
.c-01-nav__list:first-of-type {
  margin-top: 0rem;
}

.c-01-nav__link {
  position: relative;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.5714285714;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  border: 1px solid #E8E8E8;
  border-radius: 0.375rem;
}
.c-01-nav__link::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1rem;
  width: 0.375rem;
  height: 0.6875rem;
  background-image: url(../assets/imgs/dashboard/arrow_black.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-01-nav__link:hover {
  background: #F5F5F5;
}

.c-01-search {
  width: 100%;
  margin-top: 1.25rem;
}

.c-01-search__period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 700;
}

.c-01-search__selectWrap {
  position: relative;
}
.c-01-search__selectWrap::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  right: 0.625rem;
  width: 0.375rem;
  height: 0.6875rem;
  background-image: url(../assets/imgs/dashboard/arrow_black.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}

.c-01-search__select {
  cursor: pointer;
  width: 9.375rem;
  height: 2rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
  text-align: center;
  padding: 0 1.875rem;
  background: #fff;
  border: 1px solid #E8E8E8;
  border-radius: 0.25rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.c-01-search__table {
  width: 100%;
  margin-top: 1rem;
  background: #fff;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 0.5rem;
  table-layout: fixed;
  overflow: visible;
}

.c-01-search__table thead th {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  text-align: center;
  padding: 0.5rem;
  background: #14A085;
  border: none;
}

.c-01-search__table thead tr th:first-child {
  border-top-left-radius: 0.5rem;
}

.c-01-search__table thead tr th:last-child {
  border-top-right-radius: 0.5rem;
}

.c-01-search__table tbody td {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  text-align: center;
  border: none;
  padding: 0.5rem;
}

.c-01-search__table tbody tr:first-child td {
  padding-top: 0.75rem;
}

.c-01-search__table tbody tr:last-child td {
  padding-bottom: 0.75rem;
}

.c-01-search__table tbody tr td:first-child {
  border-left: 1px solid #E8E8E8;
}

.c-01-search__table tbody tr td:last-child {
  border-right: 1px solid #E8E8E8;
}

.c-01-search__table tbody tr:last-child td {
  border-bottom: 1px solid #E8E8E8;
}

.c-01-search__table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0.5rem;
}

.c-01-search__table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.5rem;
}

.c-01-search__time {
  position: relative;
  padding-left: 1rem;
  margin-top: 0.5rem;
}
.c-01-search__time dt {
  position: relative;
  display: block;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  font-weight: 400;
}
.c-01-search__time dt::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -1rem;
  width: 0.8125rem;
  height: 0.8125rem;
  background-image: url(../assets/imgs/dashboard/clock_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-01-search__time dd {
  display: block;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
}

.c-01-active {
  width: 100%;
  height: 14.375rem;
  padding-right: 1rem;
  margin-top: 1.25rem;
  overflow-y: scroll;
}

.c-01-active__list {
  font-size: 0.875rem;
  line-height: 1.2857142857;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #F5F5F5;
  margin-top: 0.75rem;
}
.c-01-active__list:first-of-type {
  margin-top: 0rem;
}

.c-01-active__link {
  font-size: 0.875rem;
  line-height: 1.2857142857;
  padding-right: 0.3125rem;
}

.c-01-active__time {
  color: #A2A2A2;
  display: block;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  margin-bottom: 0.125rem;
}

.c-08 {
  width: 100%;
}

.c-08__title {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
}

.c-08__exp {
  color: #7E7E7E;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  margin-top: -0.125rem;
}
.c-08__exp::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.25rem;
  width: 0.75rem;
  height: 1.15625rem;
  background-image: url(../assets/imgs/dashboard/light_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.1875rem;
}

.c-08__label {
  font-size: 0.875rem;
  line-height: 1.4285714286;
}

.c-08-frequency {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  margin-top: 1rem;
}

.c-08-profile {
  margin-top: 1.875rem;
  margin-bottom: 2rem;
}

.c-08-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  margin-top: 1rem;
}

.c-08-photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}

.c-08-photo__label {
  padding-top: 2.625rem;
}

.c-08-photo__img {
  position: relative;
  width: 8rem;
  height: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background: #7E7E7E;
  border-radius: 100%;
}

.c-08-photo__text {
  color: #fff;
  font-size: 0.6875rem;
  line-height: 1.1818181818;
  font-weight: 600;
  text-align: center;
  padding-bottom: 0.8125rem;
}
.c-08-photo__text::before {
  content: "";
  display: block;
  position: relative;
  width: 1.5625rem;
  height: 1.4375rem;
  background-image: url(../assets/imgs/dashboard/camera_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto 0.5rem auto;
}

.c-08-photo__button {
  position: absolute;
  right: -0.125rem;
  bottom: -0.125rem;
  width: 2.3125rem;
  height: 2.3125rem;
  background: #000;
  border-radius: 100%;
  border: 0.125rem solid #fff;
}
.c-08-photo__button::before, .c-08-photo__button::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 0.8125rem;
  height: 0.125rem;
  background: #fff;
  border-radius: 1.25rem;
}
.c-08-photo__button::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

.c-08-photo__input {
  display: none;
}

.c-08-photo__preview {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: none;
}

.c-modal__inner {
  width: 100%;
  max-height: 85vh;
  border-radius: 0.625rem;
  background: #fff;
  overflow: hidden;
  overflow-y: auto;
}

.c-modal__box {
  width: 100%;
  padding: 1.25rem 1.75rem;
  border-bottom: 1px solid #E0E0E0;
}

.c-modal__selectBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.c-modal__name {
  font-size: 0.875rem;
  line-height: 1.3571428571;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.c-modal__name:first-of-type {
  margin-top: 0rem;
}
.c-modal__name.mb14 {
  margin-bottom: 0.875rem;
}

.c-modal__btnBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 1.25rem 1.25rem 1.5rem 1.25rem;
  background: #fff;
}

.c-modal__btn {
  width: 11.625rem;
  height: 2.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0A6FCA;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  text-align: center;
  background: #fff;
  border: 1px solid #0A6FCA;
  border-radius: 0.5rem;
}
.c-modal__btn:hover {
  background: #ECF1F5;
}
.c-modal__btn.blue {
  color: #fff;
  background: #0A6FCA;
}
.c-modal__btn.blue:hover {
  background: #0A5FAA;
}

.c-modal-area {
  width: 100%;
  padding: 1.5rem 2.125rem 0.5625rem 2.125rem;
  border-bottom: 1px solid #E0E0E0;
}

.c-modal-area__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  padding-left: 1.5625rem;
  margin-top: 0.5rem;
  margin-bottom: 0.9375rem;
}

.c-modal-keep {
  width: 100%;
  margin-top: 1.125rem;
}

.c-modal-keep__title {
  font-size: 0.875rem;
  line-height: 1.3571428571;
  font-weight: 600;
  margin-top: -0.125rem;
}
.c-modal-keep__title::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.25rem;
  width: 0.75rem;
  height: 1.15625rem;
  background-image: url(../assets/imgs/dashboard/light_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.1875rem;
}

.c-modal-keep__exp {
  color: #8E8E8E;
  font-size: 0.8125rem;
  line-height: 1.3846153846;
  padding-left: 0.9375rem;
  margin-top: 0.1875rem;
}

.c-modal-keep__box {
  width: 100%;
  margin-top: 1rem;
  padding: 0.9375rem 1.25rem;
  background: #F7F8FA;
  border-radius: 0.25rem;
}

.c-modal-keep__label {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
}

.c-modal-keep__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.375rem 0.5rem;
  margin-top: 0.5rem;
}

.c-modal-keep__list {
  font-size: 0.875rem;
  line-height: 1.6428571429;
  padding: 0.4375rem 0.9375rem;
  background: #fff;
  border: 1px solid #E8E8E8;
  border-radius: 0.375rem;
}
.c-modal-keep__list span {
  display: inline-block;
  color: #fff;
  font-size: 0.6875rem;
  line-height: 1.4545454545;
  font-weight: 500;
  padding: 0.1875rem 0.5625rem;
  background: #FA4343;
  border-radius: 5rem;
  margin-right: 0.3125rem;
}

.c-modal-tags {
  width: 100%;
  border: 1px solid #D0D0D0;
  border-radius: 0.25rem;
  overflow: hidden;
}

.c-modal-tags__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  padding: 0.625rem 0.75rem;
  overflow-x: auto;
}

.c-modal-tags__box-h {
  width: 100%;
  max-height: 30rem;
  padding: 1.5rem;
  border-bottom: 1px solid #E0E0E0;
  overflow-y: auto;
}

.c-modal-tags__box-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5625rem 0.25rem;
}

.c-modal-tag {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: #0A6FCA;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 500;
  white-space: nowrap;
  padding: 0.1875rem 1.6875rem 0.1875rem 1rem;
  background: #EAF5FF;
  border-radius: 5rem;
}
.c-modal-tag .close {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0.625rem;
  display: block;
  width: 0.4375rem;
  height: 0.4375rem;
  background-image: url(../assets/imgs/dashboard/close_blue.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.c-modal-tags__frame {
  display: block;
  text-align: right;
  padding: 0rem 0.8125rem 0.3125rem 0.8125rem;
  background: #F7F8FA;
}

.c-modal-tags__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  line-height: 1.0769230769;
  font-weight: 500;
}
.c-modal-tags__btn::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  background-image: url(../assets/imgs/dashboard/plus_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.c-modal-note {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.6875rem;
  margin-top: 0.8125rem;
  display: none;
}

.c-modal-note__text {
  position: relative;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 500;
  padding: 0.75rem 1rem 0.875rem 2.5rem;
  background: #F7F8FA;
  border: 1px solid #E5E5E5;
  border-radius: 0.6875rem;
}
.c-modal-note__text::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.75rem;
  left: 0.625rem;
  width: 1.25rem;
  height: 1.125rem;
  background-image: url(../assets/imgs/dashboard/note_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-modal-note__text a {
  position: relative;
  color: #0A6FCA;
}
.c-modal-note__text a::after {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.125rem;
  width: 0.8125rem;
  height: 0.8125rem;
  background-image: url(../assets/imgs/dashboard/external_blue.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 0.125rem;
}
.c-modal-note__text a span {
  text-decoration: underline;
}

.c-modal-conf {
  width: 100%;
}

.c-modal-conf__text {
  font-size: 0.875rem;
  line-height: 1.3571428571;
  font-weight: 700;
}

.c-modal-conf__box {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.c-modal-conf__box:last-of-type {
  margin-bottom: 0rem;
}

.c-modal-conf__label {
  color: #7E7E7E;
  font-size: 0.875rem;
  line-height: 1.3571428571;
}

.c-modal-conf__input {
  font-size: 0.875rem;
  line-height: 1.3571428571;
  font-weight: 600;
  margin-top: 0.5rem;
}

.c-modal-conf__textarea {
  max-height: 10.625rem;
  overflow-y: auto;
  font-size: 0.875rem;
  line-height: 1.8571428571;
  padding: 0.75rem 1rem 0.75rem 0.75rem;
  background: #F2F2F2;
  border: 1px solid #E0E0E0;
  border-radius: 0.625rem;
  margin-top: 0.5rem;
}

.c-modal-conf__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  padding: 0.625rem 0.75rem;
  text-align: center;
  overflow-x: auto;
}
.c-modal-conf__tags .c-modal-tag {
  padding: 0.1875rem 1rem;
}

.c-modal-conf__comment {
  position: relative;
  color: #8E8E8E;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 500;
  margin-top: 0.6875rem;
}
.c-modal-conf__comment::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.125rem;
  width: 0.75rem;
  height: 1.15625rem;
  background-image: url(../assets/imgs/dashboard/light_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.1875rem;
}

.c-modal-tabs {
  width: 100%;
  padding: 2.5rem 2rem 0rem 2rem;
}

.c-modal-tabs__llsts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4375rem;
}

.c-modal-tabs__list {
  width: 11.625rem;
  height: 2.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  background: #fff;
  border: 1px solid #9A9A9A;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
}
.c-modal-tabs__list.is-open {
  color: #fff;
  background: #0A6FCA;
  border: 1px solid #0A6FCA;
}

.c-modal-tabs__content {
  width: 100%;
}

.c-search {
  padding: 1.125rem 1.5rem 1.25rem 1.5rem;
  background: #fff;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0 9px rgba(196, 196, 196, 0.16);
          box-shadow: 0 0 9px rgba(196, 196, 196, 0.16);
  margin-top: 1rem;
}

.c-search__head {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.c-search__headGroup {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
}

.c-search__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4375rem;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  white-space: nowrap;
}
.c-search__title::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1.1875rem;
  height: 0.8125rem;
  background-image: url(../assets/imgs/dashboard/sort_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.c-search__label {
  font-size: 0.9375rem;
  line-height: 1.4;
  font-weight: 600;
}

.c-search__selectBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.9375rem;
}

.c-search__tags {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 1.125rem;
}

.c-search__btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 1.25rem 1.25rem 0rem 1.25rem;
}

.c-search-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}

.c-search-tag__label {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
}
.c-search-tag__label span {
  display: inline-block;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  font-weight: 700;
  padding: 0 0.4375rem;
  background: #FA4343;
  border-radius: 0.25rem;
  margin-left: 0.25rem;
}

.c-search-tag__btn {
  cursor: pointer;
  position: relative;
  width: 10.75rem;
  height: 2.5rem;
  font-size: 0.8125rem;
  line-height: 1.3076923077;
  white-space: nowrap;
  padding: 0 0.625rem;
  background: #fff;
  border: 1px solid #D0D0D0;
  border-radius: 0.25rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  overflow-x: auto;
}
.c-search-tag__btn::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0.75rem;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(../assets/imgs/dashboard/plus_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-search-tag__btn.wid130 {
  width: 8.125rem;
  height: 2rem;
}
.c-search-tag__btn.wid130::before {
  right: 0.4375rem;
}

.c-search-tag__btn.has-value::before {
  display: none;
  content: none;
}

.c-search-accordion {
  cursor: pointer;
  width: 100%;
  padding: 0.6875rem;
  border: 1px solid #D0D0D0;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.c-search-accordion:hover {
  background: #F8F9FA;
}
.c-search-accordion.open {
  padding: 1.25rem;
}
.c-search-accordion.open:hover {
  background: #fff;
}
.c-search-accordion.open .c-search-accordion__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-search-accordion.open .c-search-accordion__btn::after {
  -webkit-transform: rotate(90deg) scale(-1, -1);
          transform: rotate(90deg) scale(-1, -1);
}

.c-search-accordion__wrapper {
  display: none;
  width: 100%;
  gap: 3.625rem;
  margin-bottom: 1rem;
}

.c-search-accordion__btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  text-align: center;
}
.c-search-accordion__btn::after {
  content: "";
  position: relative;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  width: 0.375rem;
  height: 0.6875rem;
  background-image: url(../assets/imgs/dashboard/arrow_black.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}

.c-search-accordion__label {
  position: relative;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  padding-left: 0.5625rem;
}
.c-search-accordion__label::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 0.1875rem;
  height: 0.875rem;
  background: #28A743;
}

.c-search-keep {
  width: 11.4375rem;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 600;
  text-align: center;
  padding: 0.5625rem;
  border: 1px solid #212226;
  border-radius: 0.375rem;
}
.c-search-keep:hover {
  background: #F5F5F5;
}
.c-search-keep.blue {
  color: #FFFFFF;
  background: #212226;
}
.c-search-keep.blue:hover {
  background: #212226;
}

.c-search-decision {
  width: 11.4375rem;
  height: 2.4375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 600;
  text-align: center;
  background: #212226;
  border: 1px solid #212226;
  border-radius: 0.375rem;
}

.c-search-accordionSchool {
  padding-left: 0.5625rem;
  margin-top: 0.75rem;
  margin-bottom: 0.8125rem;
}

.c-search-accordionSchool__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.5rem;
}
.c-search-accordionSchool__box:first-of-type {
  margin-top: 0rem;
}

.c-search-accordionSchool__label {
  display: inline-block;
  min-width: 4rem;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
}

.c-search-accordionTimes {
  padding-left: 0.5625rem;
  margin-top: 0.75rem;
}

.c-search-accordionTimes__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.5rem;
}
.c-search-accordionTimes__box:first-of-type {
  margin-top: 0rem;
}

.c-search-accordionTimes__label {
  display: inline-block;
  min-width: 8rem;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
}

.c-search-accordionTimes__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4375rem;
}
.c-search-accordionTimes__group .bar {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
}
.c-search-accordionTimes__group .count {
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 500;
}

.c-search-accordionOthers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
  padding-left: 0.5625rem;
  margin-top: 0.625rem;
}

.c-search-accordionOthers__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}
.c-search-accordionOthers__group.mt5 {
  margin-top: 0.3125rem;
}

.c-search-accordionOthers__label {
  display: inline-block;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
}

.c-search-accordionOthers__selectBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}

.c-search-bar {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem;
}
.c-search-bar.flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.c-search-bar__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-search-bar__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
}

.c-search-bar__number {
  margin-right: 0.5rem;
}
.c-search-bar__number span {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  display: inline-block;
}
.c-search-bar__number span.big {
  font-size: 2.25rem;
  line-height: 1.4444444444;
}

.c-search-bar__text {
  color: #8E8E8E;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  padding-top: 0.75rem;
  margin-top: -0.125rem;
}
.c-search-bar__text::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.25rem;
  width: 0.75rem;
  height: 1.15625rem;
  background-image: url(../assets/imgs/dashboard/light_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.1875rem;
}

.c-search-bar__selectBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

.c-search-bar__label {
  font-size: 0.875rem;
  line-height: 1.4285714286;
}

.c-button {
  width: 100%;
  max-width: 12.5rem;
  height: 2.5rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0D274A;
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 700;
  background: #fff;
  border: 1px solid #54CCF9;
  border-radius: 5rem;
  -webkit-box-shadow: 0 1px 11px rgba(106, 139, 181, 0.23);
          box-shadow: 0 1px 11px rgba(106, 139, 181, 0.23);
}
.c-button:hover {
  background: #0A5FAA;
}
.c-button.w174 {
  max-width: 10.875rem;
  height: 2.625rem;
}
.c-button.c-button-new {
  max-width: 10.875rem;
  height: 2.625rem;
  margin-top: 1.5rem;
}

.c-button-cope {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: #14A085;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 700;
  padding: 0.5rem 0.625rem;
  border: 1px solid #14A085;
  border-radius: 0.25rem;
}
.c-button-cope::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 0.875rem;
  height: 0.875rem;
  background-image: url(../assets/imgs/dashboard/copy_green.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-button-cope:hover {
  background: #F5F8F8;
}

.c-button-edit {
  width: 6.25rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: #0A6FCA;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 700;
  border: 1px solid #0A6FCA;
  border-radius: 0.25rem;
}
.c-button-edit::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 0.8125rem;
  height: 0.875rem;
  background-image: url(../assets/imgs/dashboard/edit_blue.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-button-edit:hover {
  background: #F5F8F8;
}

.c-button-close {
  position: relative;
  display: block;
  width: 1.1875rem;
  height: 1.25rem;
  background-image: url(../assets/imgs/dashboard/trash_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-button-close:hover {
  background-image: url(../assets/imgs/dashboard/trash_icon_h.svg);
}

.c-button-reset {
  width: 100%;
  max-width: 12.75rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4375rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  background: #F2F2F2;
  border-radius: 5rem;
}
.c-button-reset::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 0.9375rem;
  height: 1.0625rem;
  background-image: url(../assets/imgs/dashboard/restart_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-button-reset:hover {
  background: #DBDBDB;
}

.c-button-completed {
  position: fixed;
  z-index: 10;
  right: 2.1875rem;
  bottom: 0rem;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  padding: 1.25rem 2.75rem 1.25rem 1.875rem;
  background: linear-gradient(135deg, #1A7DD6, #09C19D);
  border-radius: 0.5rem;
}
.c-button-completed::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -4.1875rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 5.625rem;
  height: 5.1875rem;
  background-image: url(../assets/imgs/dashboard/character02.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-button-completed::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.4375rem;
  width: 0.6875rem;
  height: 0.6875rem;
  background-image: url(../assets/imgs/dashboard/close_white.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.c-button-completed {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.c-button-completed.is-show {
  opacity: 1;
  bottom: 2.1875rem;
  pointer-events: auto;
}

.c-tableWrap {
  position: relative;
  width: 100%;
  border-radius: 0.5rem 0.5rem 0 0;
  background: #fff;
  margin-top: 0.375rem;
  /* 初期は非表示 */
  --speech-opacity: 0;
  /* ✅ ラベルhoverで表示（※チェックされてない時だけ） */
  /* ✅ チェックされたら消す（hoverしてても消える） */
}
.c-tableWrap::before {
  content: "";
  position: absolute;
  z-index: 9999;
  top: -2.8125rem;
  left: -6.25rem;
  width: 15.625rem;
  height: 3.6875rem;
  background-image: url("../assets/imgs/dashboard/check_speech.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: var(--speech-opacity);
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.c-tableWrap:has(.c-table__row--head .checkboxItem:hover input:not(:checked)) {
  --speech-opacity: 1;
}
.c-tableWrap:has(.c-table__row--head .checkboxItem input:checked) {
  --speech-opacity: 0;
}

.c-tableScroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.c-table {
  min-width: 69.375rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: #fff;
}

.c-table__row {
  border-top: 2px solid #F0F0F0;
  border-bottom: 2px solid #F0F0F0;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 3.1875rem 4.625rem 10.875rem 9.25rem 4.4375rem 7rem 6.875rem 8.375rem 7.6875rem 10.625rem 8.625rem 1.6875rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.management .c-table__row {
  grid-template-columns: 3.1875rem 9.75rem 7.375rem 12.125rem 14.75rem 15.25rem 11.5rem 1.6875rem;
}

.draft .c-table__row {
  grid-template-columns: 7.3125rem 7.375rem 11.25rem 6rem 12.9375rem 18.75rem 11.125rem;
}

.c-table__row--head {
  background: #F0F0F0;
}

.management .c-table__row--head {
  color: #0A6FCA;
  background: #DCEBF8;
}

.draft .c-table__row--head {
  color: #116756;
  background: #D8F0E7;
}

.c-table__cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 3.75rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  white-space: nowrap;
  padding: 0 1rem;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-table__cell.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-table__row--head .c-table__cell {
  position: sticky;
  top: 0;
  z-index: 5;
  height: 2.75rem;
  font-weight: 600;
  background: #F0F0F0;
}

.management .c-table__row--head .c-table__cell {
  background: #DCEBF8;
}

.draft .c-table__row--head .c-table__cell {
  background: #D8F0E7;
}

.c-table__cell--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}

.c-table__cell--fixedLeft {
  position: sticky;
  left: 0;
  z-index: 7;
  background: #fff;
}

.c-table__row--head .c-table__cell--fixedLeft {
  background: #F0F0F0;
  z-index: 7;
}

.c-table__cell--fixedRight {
  position: sticky;
  right: 0;
  z-index: 7;
  background: #fff;
  padding: 0;
}

.c-table__row--head .c-table__cell--fixedRight {
  background: #F0F0F0;
}

.c-table__cell--fixedNotify {
  position: sticky;
  right: 1.6875rem;
  z-index: 7;
  background: #fff;
}

.c-table__row--head .c-table__cell--fixedNotify {
  background: #F0F0F0;
}

.c-table__cell--centerBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}

.c-table__cell--check .checkboxItem {
  cursor: pointer;
}
.c-table__cell--check .checkbox {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  width: 1.0625rem;
  height: 1rem;
  background: #fff;
  border: 1px solid #000000;
  border-radius: 0.25rem;
  margin-left: 0.09375rem;
}
.c-table__cell--check .checkbox:checked::after {
  content: "";
  position: absolute;
  top: 0.21875rem;
  left: 0.21875rem;
  width: 0.5rem;
  height: 0.3125rem;
  border-bottom: 1.5px solid #000000;
  border-left: 1.5px solid #000000;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.c-table__row--head .c-table__cell--check .checkbox {
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0;
}
.c-table__row--head .c-table__cell--check .checkbox:checked::after {
  top: 0.3125rem;
  left: 0.28125rem;
}

.c-table__cell--like {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}

.c-table__likeBtn {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.25rem;
}

.c-table__likeImg {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}

.c-table__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-table__userIcon {
  display: block;
  width: auto;
  height: 1.25rem;
  margin-right: 0.125rem;
}

.c-table__userName {
  font-weight: 600;
}

.c-table__userSub {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.125rem;
  font-size: 0.6875rem;
  line-height: 1.1818181818;
  font-weight: 500;
  margin-top: 0.25rem;
}
.c-table__userSub::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.0625rem;
  width: 0.75rem;
  height: 0.75rem;
  background-image: url(../assets/imgs/dashboard/table_heart.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-table__userSub.is-open {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.c-table__pill {
  min-width: 6.75rem;
  height: 1.9375rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 600;
  padding: 0 0.625rem;
  background: #E9EDEB;
  border-radius: 5rem;
}
.c-table__pill.min {
  min-width: 4.875rem;
}
.c-table__pill.red {
  color: #AA2C45;
  background: #FFD8D8;
}
.c-table__pill.orange {
  color: #FE660B;
  background: #FCEBD8;
}
.c-table__pill.pink {
  color: #7E3275;
  background: #F7D6F3;
}
.c-table__pill.yellow {
  color: #877E3C;
  background: #F4FAC3;
}
.c-table__pill.purple {
  color: #7A5ECF;
  background: #E3D9FF;
}
.c-table__pill.green {
  color: #3C8766;
  background: #DBF4E5;
}

.c-table__notifyBtn {
  cursor: pointer;
  width: 6.375rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 700;
  border-radius: 0.25rem;
  background: #0A6FCA;
}
.c-table__notifyBtn.wid144 {
  width: 9rem;
}
.c-table__notifyBtn.sub {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 2.5rem;
  color: #0A6FCA;
  background: #fff;
  border: 1px solid #0A6FCA;
}
.c-table__notifyBtn:hover {
  background: #0A5FAA;
}

.c-table__notifyBtn--fixed {
  position: sticky;
  right: 1.6875rem;
  z-index: 8;
  margin-left: auto;
}

.c-table__accBtn {
  cursor: pointer;
  display: block;
  width: 0.5rem;
  height: 0.3125rem;
  background-image: url(../assets/imgs/dashboard/select_arrow.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.c-table__accBtn[aria-expanded=true] {
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

/* optional icon span（使う場合） */
/* =========================
  detail（固定しない）
========================= */
.c-table__detail {
  display: none;
}

.c-table__detail.is-open {
  display: block;
}

.c-table__detailInner {
  max-width: 60.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.875rem 1.5rem;
  padding: 1rem 3.5625rem 1.25rem 3.5625rem;
}
.c-table__detailInner.group {
  display: block;
  max-width: 100%;
  max-width: 69.375rem;
  padding: 0rem 3.125rem 1.25rem 3.125rem;
}
.c-table__detailInner.group .c-table__detailBox {
  margin-bottom: 0.75rem;
}
.c-table__detailInner.group .c-table__detailBox:last-of-type {
  margin-bottom: 1rem;
}

.c-table__detailBox {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem 1.5rem;
  padding: 1.5rem 11.875rem 1.5rem 1.875rem;
  background: #F7F8FA;
}

.c-table__detailGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.c-table__detailGroup.flex-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.c-table__detailLabel {
  font-size: 0.875rem;
  line-height: 1;
  padding: 0.5rem 0.6875rem;
  background: #fff;
  border: 1px solid #C4C4C4;
}

.c-table__detailText {
  font-size: 0.875rem;
  line-height: 1.5;
}

.c-table__detailBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.75rem;
}

.c-table__detailItem {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
}
.c-table__detailItem span {
  display: block;
  font-size: 0.6875rem;
  line-height: 1.4545454545;
  font-weight: 500;
  margin-top: 0.0625rem;
}

.c-table__tagEditBtn {
  position: relative;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 600;
  text-decoration: underline;
  margin-left: 0.75rem;
}
.c-table__tagEditBtn::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -0.75rem;
  width: 0.6875rem;
  height: 0.6875rem;
  background-image: url(../assets/imgs/dashboard/table_edit.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.c-table__download {
  width: 100%;
  max-width: 19.5rem;
  height: 2.375rem;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  font-weight: 600;
  background: #fff;
  border: 1px solid #D0D0D0;
  border-radius: 0.25rem;
}
.c-table__download::after {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.125rem;
  width: 0.875rem;
  height: 0.875rem;
  background-image: url(../assets/imgs/dashboard/download_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.c-table-tabs {
  width: 100%;
  margin-top: 1.5rem;
}

.c-table-tabs__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}

.c-table-tabs__list {
  cursor: pointer;
  min-width: 8.1875rem;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
  padding: 0.625rem;
  background: #7E7E7E;
  border-radius: 0.5rem 0.5rem 0 0;
}
.c-table-tabs__list.is-open.blue {
  background: #0A6FCA;
}
.c-table-tabs__list.is-open.green {
  background: #14A085;
}

.c-table-tabs__content .c-tableWrap {
  border-radius: 0;
  margin-top: 0rem;
}
.c-table-tabs__content .c-table__row {
  border-top: none;
}

.c-table__body {
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-table__body:hover {
  background: #F8F9FA;
}
.c-table__body:hover .c-table__row {
  background: #F8F9FA;
}
.c-table__body:hover .c-table__cell {
  background: #F8F9FA;
}

/* =========================
  テンプレート管理（c-06）
========================= */
.c-06 {
  width: 100%;
  margin-top: 1.5rem;
}

.c-06__table {
  width: 100%;
  margin-top: 1rem;
  border-radius: 0.5rem 0.5rem 0 0;
  overflow: hidden;
}
.c-06__table th,
.c-06__table td {
  vertical-align: middle;
}
.c-06__table th:nth-of-type(1),
.c-06__table td:nth-of-type(1) {
  width: 10.375rem;
}
.c-06__table th:nth-of-type(2),
.c-06__table td:nth-of-type(2) {
  width: 33.625rem;
}
.c-06__table th:nth-of-type(3),
.c-06__table td:nth-of-type(3) {
  width: 7.25rem;
  text-align: center;
}
.c-06__table th:nth-of-type(4),
.c-06__table td:nth-of-type(4) {
  width: 18.125rem;
}
.c-06__table thead th {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
  padding: 0.75rem 1.125rem;
  background: #F0F0F0;
}
.c-06__table tbody td {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  padding: 0.875rem 1.125rem;
  background: #fff;
  border-bottom: 2px solid #F7F8FA;
}
.c-06__table tbody td .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.c-06__table tbody td .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}
.c-06__table tbody tr:last-of-type td {
  border-bottom: 2px solid #F7F8FA;
}

/* =========================
  タグ管理テーブル（c-07）
========================= */
.c-table-tag {
  width: 100%;
  margin-top: 1rem;
  border-radius: 0.5rem 0.5rem 0 0;
  overflow: hidden;
}
.c-table-tag th,
.c-table-tag td {
  vertical-align: middle;
}
.c-table-tag th:nth-of-type(1),
.c-table-tag td:nth-of-type(1) {
  width: 58.125rem;
}
.c-table-tag th:nth-of-type(2),
.c-table-tag td:nth-of-type(2) {
  width: 11.25rem;
}
.c-table-tag thead th {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
  padding: 0.75rem 1.25rem;
  background: #F0F0F0;
}
.c-table-tag tbody td {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  padding: 0.875rem 1.25rem;
  background: #fff;
  border-bottom: 2px solid #F7F8FA;
}
.c-table-tag tbody td .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.c-table-tag tbody tr:last-of-type td {
  border-bottom: 2px solid #F7F8FA;
}

.c-welcome-remaining {
  width: 100%;
  margin-top: 2rem;
}

.c-welcome-remaining__btn {
  width: 100%;
  max-width: 23.375rem;
  height: 3.875rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  background: #0A6FCA;
  border-radius: 0.375rem;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.c-welcome-remaining__btn:hover {
  background: #0A5FAA;
}

.c-welcome-remaining__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6875rem;
  padding-left: 0.625rem;
  margin-top: 0.5625rem;
}

.c-welcome-remaining__label {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
}

.c-welcome-remaining__count {
  display: inline-block;
  color: #373B41;
  font-size: 0.6875rem;
  line-height: 1.4545454545;
  font-weight: 500;
  margin-left: 0.3125rem;
}
.c-welcome-remaining__count span {
  color: #000;
  font-size: 1.625rem;
  line-height: 1.4230769231;
  font-weight: 600;
}

.c-welcome-remaining__exp {
  color: #8E8E8E;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 500;
  margin-top: 0.25rem;
}
.c-welcome-remaining__exp::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.25rem;
  width: 0.75rem;
  height: 1.15625rem;
  background-image: url(../assets/imgs/dashboard/light_icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.1875rem;
}

.c-welcome-float {
  position: fixed;
  z-index: 10;
  left: 0;
  bottom: 0rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0.375rem 1.25rem 1.125rem 21.25rem;
  background: rgba(33, 34, 38, 0.9);
}

.c-welcome-float__choice {
  color: #fff;
  font-size: 1.0625rem;
  line-height: 1.4705882353;
  font-weight: 600;
  padding-bottom: 0.25rem;
}
.c-welcome-float__choice span {
  font-size: 2.5rem;
  line-height: 1.45;
}

.c-welcome-float__btn {
  width: 100%;
  max-width: 23.375rem;
  height: 3.5rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  background: #0A6FCA;
  border-radius: 0.375rem;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin-left: 1.125rem;
  margin-right: 0.9375rem;
}
.c-welcome-float__btn:hover {
  background: #0A5FAA;
}

.c-welcome-float__box {
  padding-bottom: 0.5rem;
}

.c-welcome-float__label {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
}

.c-welcome-float__count {
  display: inline-block;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 500;
  margin-left: 0.3125rem;
}
.c-welcome-float__count span {
  font-size: 1.75rem;
  line-height: 1.4285714286;
  font-weight: 600;
}

.c-welcome-float__exp {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 500;
}

.c-input {
  width: 12.5rem;
  height: 2rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  padding: 0 0.875rem;
  background: #fff;
  border: 1px solid #D0D0D0;
  border-radius: 0.375rem;
}
.c-input::-webkit-input-placeholder {
  color: #8E8E8E;
}
.c-input::-moz-placeholder {
  color: #8E8E8E;
}
.c-input:-ms-input-placeholder {
  color: #8E8E8E;
}
.c-input::-ms-input-placeholder {
  color: #8E8E8E;
}
.c-input::placeholder {
  color: #8E8E8E;
}
.c-input.wid100 {
  width: 100%;
  height: 2.5rem;
}
.c-input.wid52 {
  width: 3.25rem;
}
.c-input.wid145 {
  width: 9.0625rem;
}
.c-input.wid153 {
  width: 9.5625rem;
}

.c-textarea {
  display: block;
  width: 100%;
  border: 1px solid #D0D0D0;
  border-radius: 0.25rem;
  margin-top: 0.5rem;
  overflow: hidden;
}
.c-textarea textarea {
  width: 100%;
  height: 11.875rem;
  font-size: 0.875rem;
  line-height: 1.8571428571;
  font-weight: 500;
  padding: 1.25rem;
  resize: vertical;
}
.c-textarea textarea::-webkit-input-placeholder {
  color: #868686;
}
.c-textarea textarea::-moz-placeholder {
  color: #868686;
}
.c-textarea textarea:-ms-input-placeholder {
  color: #868686;
}
.c-textarea textarea::-ms-input-placeholder {
  color: #868686;
}
.c-textarea textarea::placeholder {
  color: #868686;
}
.c-textarea .textarea-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.375rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.9375rem 1.125rem 0.75rem 1.125rem;
  background: #F7F8FA;
}
.c-textarea .textarea-tags button {
  font-size: 0.875rem;
  line-height: 1.2857142857;
  font-weight: 600;
  padding: 0.375rem 1rem;
  border-radius: 5rem;
  background: #868686;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-textarea .textarea-tags button.blue {
  color: #0A6FCA;
  background: #EAF5FF;
}
.c-textarea .textarea-tags button.blue:hover {
  background: #C4E3FF;
}
.c-textarea .textarea-tags button.green {
  color: #3C8766;
  background: #DBF4E5;
}
.c-textarea .textarea-tags button.green:hover {
  background: #B8E9CC;
}
.c-textarea .textarea-tags button.purple {
  color: #7A5ECF;
  background: #E3D9FF;
}
.c-textarea .textarea-tags button.purple:hover {
  background: #D4C7F7;
}

.c-select {
  cursor: pointer;
  position: relative;
  z-index: 2;
  width: 11.6875rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  padding-left: 0.75rem;
  padding-right: 1.125rem;
  border: 1px solid #D0D0D0;
  background-color: #fff;
  background-image: url("../assets/imgs/dashboard/select_arrow.svg");
  background-repeat: no-repeat;
  background-position: right 0.625rem center;
  background-size: 0.5rem 0.3125rem;
  border-radius: 0.25rem;
}
.c-select.wid63 {
  width: 3.9375rem;
}
.c-select.wid86 {
  width: 5.375rem;
}
.c-select.wid90 {
  width: 5.625rem;
}
.c-select.wid100 {
  width: 6.25rem;
}
.c-select.wid112 {
  width: 7rem;
}
.c-select.wid122 {
  width: 7.625rem;
}
.c-select.wid130 {
  width: 8.125rem;
}
.c-select.wid153 {
  width: 9.5625rem;
}
.c-select.wid-max {
  width: 100%;
  height: 2.5rem;
}

.c-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.c-radio .radioItem {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.25rem;
     -moz-column-gap: 0.25rem;
          column-gap: 0.25rem;
  line-height: 1;
}
.c-radio .radioButton {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  border: 1px solid #000000;
  border-radius: 9999px;
  cursor: pointer;
}
.c-radio .radioButton::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 0.625rem;
  height: 0.625rem;
  margin: auto;
  border-radius: 9999px;
  background-color: #D0D0D0;
}
.c-radio .radioButton:checked::after {
  background-color: #0a6fca;
}

.c-radio.min {
  gap: 0.75rem;
  font-size: 0.8125rem;
}

.c-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  font-size: 0.8125rem;
  line-height: 1;
}
.c-checkbox.c-modal-area {
  display: block;
  font-size: 1rem;
  line-height: 1.5;
}
.c-checkbox .checkboxItem {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  cursor: pointer;
}
.c-checkbox .checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  width: 1.0625rem;
  height: 1rem;
  border-radius: 0.25rem;
  background-color: #d0d0d0;
  cursor: pointer;
}
.c-checkbox .checkbox:checked {
  background-color: #0a6fca;
}
.c-checkbox .checkbox::after {
  content: "";
  position: absolute;
  top: 0.3125rem;
  left: 0.25rem;
  width: 0.5625rem;
  height: 0.3125rem;
  border-bottom: 0.125rem solid #ffffff;
  border-left: 0.125rem solid #ffffff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.c-dateBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}
.c-dateBox .bar {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
}

.c-date__input {
  width: 7.6875rem;
  height: 2rem;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: 600;
  padding: 0 1.125rem;
  background: #fff;
  border: 1px solid #D0D0D0;
  border-radius: 0.25rem;
}

.c-count {
  position: relative;
}

.c-count-number {
  position: absolute;
  bottom: 0;
  left: calc(100% + 0.375rem);
  display: inline-block;
  color: #808080;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
}
.c-count-number.pozi-top {
  left: auto;
  right: 0;
  bottom: calc(100% + 0.5rem);
}

.c-pagination-number {
  color: #8E8E8E;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 500;
  text-align: right;
  margin-top: 0.5rem;
}

.c-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.5rem;
}

.c-pagination__list {
  cursor: pointer;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
  margin: 0 0.75rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-pagination__list::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -0.3125rem;
  width: 0.75rem;
  height: 1px;
  background: rgba(0, 0, 0, 0);
}
.c-pagination__list:hover::after {
  background: #000000;
}
.c-pagination__list.current::after {
  background: #000000;
}

.c-pagination__dots {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
}

.c-pagination__prev,
.c-pagination__next {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 2.375rem;
  height: 2.375rem;
  background: #fff;
  border: 1px solid #D0D0D0;
  border-radius: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-pagination__prev::after,
.c-pagination__next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 0.4375rem;
  height: 0.6875rem;
  background-image: url(../assets/imgs/dashboard/arrow_black.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
.c-pagination__prev:hover,
.c-pagination__next:hover {
  background: #F5F5F5;
}

.c-pagination__prev {
  margin-right: 0.75rem;
}
.c-pagination__prev::after {
  -webkit-transform: translate(-50%, -50%) scale(-1, -1);
          transform: translate(-50%, -50%) scale(-1, -1);
}

.c-pagination__next {
  margin-left: 0.75rem;
}

@media screen and (max-width: 767px) {
  .u-pc {
    display: none !important;
  }
}

.u-sp {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .u-sp {
    display: block !important;
  }
}

.u-sp-inline {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .u-sp-inline {
    display: inline-block !important;
  }
}

.u-sp-flex {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .u-sp-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}/*# sourceMappingURL=style.css.map */