/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/assets/styles/css/reset.css ***!
  \**************************************************************************************************************************/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}
/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/assets/styles/scss/fonts.scss ***!
  \****************************************************************************************************************************/
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 100;
  src: local("Noto Sans CJK JP Thin"), url(/user/fonts/NotoSansCJKjp-Thin.woff2) format("woff2"), url(/user/fonts/NotoSansCJKjp-Thin.woff) format("woff");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 300;
  src: local("Noto Sans CJK JP Light"), url(/user/fonts/NotoSansCJKjp-Light.woff2) format("woff2"), url(/user/fonts/NotoSansCJKjp-Light.woff) format("woff");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP Regular"), url(/user/fonts/NotoSansCJKjp-Regular.woff2) format("woff2"), url(/user/fonts/NotoSansCJKjp-Regular.woff) format("woff");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans CJK JP Medium"), url(/user/fonts/NotoSansCJKjp-Medium.woff2) format("woff2"), url(/user/fonts/NotoSansCJKjp-Medium.woff) format("woff");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans CJK JP Bold"), url(/user/fonts/NotoSansCJKjp-Bold.woff2) format("woff2"), url(/user/fonts/NotoSansCJKjp-Bold.woff) format("woff");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 900;
  src: local("Noto Sans CJK JP Black"), url(/user/fonts/NotoSansCJKjp-Black.woff2) format("woff2"), url(/user/fonts/NotoSansCJKjp-Black.woff) format("woff");
}
/*!*******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/assets/styles/scss/initials.scss ***!
  \*******************************************************************************************************************************/
@charset "UTF-8";
:root {
  --baseFonts: "Noto Sans CJK JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", meiryo, sans-serif;
  --baseFontWeight: var(--fwRegular);
  --baseColor: #000;
  --baseFontSize: 1.4rem;
  --baseBackColor: #fff;
  --baseLetterSpacing: 0em;
  --baseLineHeight: 1.5;
}

:root {
  --fwThin: 100;
  --fwLight: 300;
  --fwRegular: 400;
  --fwMedium: 500;
  --fwBold: 700;
  --fwBlack: 900;
}

:root {
  --inputsColor: #333;
  --placeholderColor: #919191;
}

:root {
  --corporate: #FAD647;
  --mainBackground: #EFF6F8;
  --frameColor: #ddd;
  --sub: #0078c2;
  --red: #CC3B3B;
  --green: #40BE97;
  --key: #ccc;
  --titleBack: #1d2f5d;
  --titleText: #fff;
  --generalBack: #F5F7F9;
  --generalText: #ccc;
  --buttonText: #fff;
  --buttonInactiveText: #515151;
}

:root {
  --headerHeight: 46px;
  --headerHeightWithFilter: 106px;
  --headerHeightWithCategory: 80px;
  --headerHeightWithTimer: 87px;
  --headerHeightTimer: 41px;
  --footerHeight: 55px;
}

html {
  font-size: 62.5%;
  line-height: 62.5%;
}

body {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  word-break: break-all;
  font-family: var(--baseFonts);
  font-size: var(--baseFontSize);
  line-height: var(--baseLineHeight);
  letter-spacing: var(--baseLetterSpacing);
  font-weight: var(--baseFontWeight);
  color: var(--baseColor);
  background: var(--baseBackColor);
  position: relative;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6,
main, article, section, aside,
figure, figcaption,
fieldset, legend, label, button,
div, span,
p, small, address, pre,
details, summary, menu,
ol, ul, li,
dl, dt, dd,
a,
strong, em, mark, b, i,
table, caption, tbody, tfoot, thead, tr, th, td,
canvas,
header, footer, nav,
img, video,
input[type=checkbox],
input[type=radio],
input[type=file] {
  box-sizing: border-box;
}
h1::after, h2::after, h3::after, h4::after, h5::after, h6::after,
main::after, article::after, section::after, aside::after,
figure::after, figcaption::after,
fieldset::after, legend::after, label::after, button::after,
div::after, span::after,
p::after, small::after, address::after, pre::after,
details::after, summary::after, menu::after,
ol::after, ul::after, li::after,
dl::after, dt::after, dd::after,
a::after,
strong::after, em::after, mark::after, b::after, i::after,
table::after, caption::after, tbody::after, tfoot::after, thead::after, tr::after, th::after, td::after,
canvas::after,
header::after, footer::after, nav::after,
img::after, video::after,
input[type=checkbox]::after,
input[type=radio]::after,
input[type=file]::after {
  display: block;
  box-sizing: border-box;
}
h1::before, h2::before, h3::before, h4::before, h5::before, h6::before,
main::before, article::before, section::before, aside::before,
figure::before, figcaption::before,
fieldset::before, legend::before, label::before, button::before,
div::before, span::before,
p::before, small::before, address::before, pre::before,
details::before, summary::before, menu::before,
ol::before, ul::before, li::before,
dl::before, dt::before, dd::before,
a::before,
strong::before, em::before, mark::before, b::before, i::before,
table::before, caption::before, tbody::before, tfoot::before, thead::before, tr::before, th::before, td::before,
canvas::before,
header::before, footer::before, nav::before,
img::before, video::before,
input[type=checkbox]::before,
input[type=radio]::before,
input[type=file]::before {
  display: block;
  box-sizing: border-box;
}

main {
  display: block;
}

address, em, mark, i {
  font-style: normal;
}

pre {
  font-family: var(--baseFonts);
}

mark {
  background: none;
  color: inherit;
}

a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: underline;
}

a, button, label,
input[type=radio],
input[type=button],
input[type=submit],
input[type=reset],
input[type=file] {
  cursor: pointer;
  user-select: none;
}

ol, ul, li {
  list-style: none;
}

li[data-list-style]::before {
  display: inline-block;
  margin-right: 10px;
  content: attr(data-list-style);
}

button {
  display: block;
  width: 100%;
  text-align: left;
}

img, svg, video, iframe, canvas, textarea, progress, select, button, input {
  vertical-align: bottom;
}

img, input[type=image] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

caption, tfoot {
  text-align: left;
}

h1, h2, h3, h4, h5, h6,
strong, em, b,
figcaption,
caption {
  font-weight: bold;
}

table {
  width: 100%;
}

th {
  font-weight: normal;
}

input, textarea, button, select, progress {
  letter-spacing: var(--baseLetterSpacing);
  font-family: var(--baseFonts);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  appearance: none;
}
input::placeholder, textarea::placeholder, button::placeholder, select::placeholder, progress::placeholder {
  color: var(--placeholderColor);
}

input[type=search]::-webkit-search-cancel-button {
  display: none;
}

textarea {
  resize: vertical;
  color: var(--inputsColor);
  line-height: var(--baseLineHeight);
}

select,
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
input[type=email],
input[type=password] {
  color: var(--inputsColor);
  line-height: 1;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  color: inherit;
}

input:disabled,
textarea:disabled,
select:disabled,
button:disabled {
  cursor: not-allowed;
  color: #000;
  background-color: #E6E6E6;
  opacity: 1;
}

input[type=file]:disabled {
  pointer-events: none;
}

fieldset:disabled {
  cursor: not-allowed;
  filter: grayscale(80%);
}
fieldset:disabled input, fieldset:disabled textarea, fieldset:disabled select, fieldset:disabled button {
  pointer-events: none;
  filter: grayscale(0%);
}

/* toast */
.Toastify__close-button--light {
  width: 20px;
}

.Toastify__toast {
  color: #000 !important;
  font-weight: bold;
}
/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/assets/styles/scss/components.scss ***!
  \*********************************************************************************************************************************/
@charset "UTF-8";
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.multiEllipsis-5, .multiEllipsis-4, .multiEllipsis-3, .multiEllipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.multiEllipsis-2 {
  -webkit-line-clamp: 2;
}
.multiEllipsis-2.multiEllipsisHolder {
  min-height: calc(var(--baseLineHeight) * 2em);
}
.multiEllipsis-3 {
  -webkit-line-clamp: 3;
}
.multiEllipsis-3.multiEllipsisHolder {
  min-height: calc(var(--baseLineHeight) * 3em);
}
.multiEllipsis-4 {
  -webkit-line-clamp: 4;
}
.multiEllipsis-4.multiEllipsisHolder {
  min-height: calc(var(--baseLineHeight) * 4em);
}
.multiEllipsis-5 {
  -webkit-line-clamp: 5;
}
.multiEllipsis-5.multiEllipsisHolder {
  min-height: calc(var(--baseLineHeight) * 5em);
}

.c-loader {
  background: var(--main);
  color: var(--buttonText);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border-radius: 100%;
  opacity: 0.5;
  --fa-animation-duration: 0.8s;
}
.c-loader--small {
  width: 26px;
  height: 26px;
}

.c-header--filter {
  position: absolute;
  top: 11px;
  right: 16px;
  width: 24px;
  height: 24px;
}

.c-input-birthday-box {
  display: flex;
  align-items: center;
  gap: 8px;
}

.c-input-text,
.c-input-password,
.c-input-select,
.c-input-date,
.c-input-number,
.c-input-textarea {
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid var(--frameColor);
  width: 100%;
  height: 32px;
  padding: 0 10px;
  font-size: 14px;
}

.c-input-text--separate {
  width: calc(50% - 5px);
}
.c-input-text--separate:last-of-type {
  margin-left: 10px;
}

.c-input-text--w84 {
  width: 84px;
}

.c-input-text--w56 {
  width: 56px;
}

.c-input-text--year {
  width: 50px;
  height: 40px;
}

.c-input-text--search {
  height: 34px;
  padding: 15px 15px 15px 32px;
  background-image: url(/user/images/grp_178.47fa40f035f076104203.svg);
  background-size: 14px;
  background-position: center left 8px;
  background-repeat: no-repeat;
}

.c-input-select {
  background-image: url(/user/images/arrow_drop_down_24px.28d27c854f31654ec8e5.svg);
  background-repeat: no-repeat;
  background-position: right 8px top 50%;
  background-size: 24px 24px;
}

.c-input-checkbox input[type=checkbox] {
  width: 20px;
  height: 20px;
  appearance: none;
  background-image: url(/user/images/icon-check-square.abd7300122eedee80b3b.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 20px 20px;
}
.c-input-checkbox input[type=checkbox] + label {
  padding-left: 8px;
}
.c-input-checkbox input[type=checkbox]:checked {
  border: 0;
  border-radius: 3px;
  background-image: url(/user/images/icon-check-square_on.8a511f9ec90e2049761b.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 20px 20px;
}

.c-input-textarea {
  height: 280px;
  padding: 10px;
}

.c-password-btn {
  position: absolute;
  right: 12px;
  top: 29px;
}
.c-password-btn img {
  width: 22px;
  height: 19px;
}

.c-input-err {
  display: block;
  font-size: 1.2rem;
  color: #D12A2A;
  margin-top: 5px;
}

.c-input-label {
  font-size: 1.4rem;
  font-weight: var(--fwMedium);
  margin-bottom: 4px;
  display: flex;
}

.c-form-required {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  color: #FFF;
  background: var(--red);
  width: 38px;
  height: 21px;
  border-radius: 20px;
  margin-right: 8px;
}

.c-checkbox-switch {
  display: inline-block;
}
.c-checkbox-switch__label {
  cursor: pointer;
}
.c-checkbox-switch__label input[type=checkbox], .c-checkbox-switch__label input[type=radio] {
  position: absolute;
  opacity: 0;
}
.c-checkbox-switch__label input[type=checkbox] + span, .c-checkbox-switch__label input[type=radio] + span {
  display: inline-block;
  height: 30px;
  text-align: center;
  padding: 5px 22px;
  flex: inherit;
  border-radius: 8px;
  font-size: 12px;
  background: #fff;
  border: 1px solid var(--frameColor);
}
.c-checkbox-switch__label input[type=checkbox]:checked + span, .c-checkbox-switch__label input[type=radio]:checked + span {
  background: #FFF0C1;
  border: 1px solid var(--corporate);
}
.c-checkbox-switch__label input[type=checkbox]:disabled + span, .c-checkbox-switch__label input[type=radio]:disabled + span {
  cursor: not-allowed;
  opacity: 0.5;
}

.c-button, a.c-button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--fwMedium);
}
.c-button:not(:last-child), a.c-button:not(:last-child) {
  margin-bottom: 8px;
}
.c-button--disabled, a.c-button--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.c-button--blue, a.c-button--blue {
  color: #FFF;
  background: #00008b;
}
.c-button--blue.c-button--medium, a.c-button--blue.c-button--medium {
  height: 48px;
  border-radius: 8px;
  font-size: 1.6rem;
}
.c-button--blue.c-button--small, a.c-button--blue.c-button--small {
  height: 32px;
  border-radius: 8px;
  font-size: 1.2rem;
}
.c-button--blue.c-button--mini, a.c-button--blue.c-button--mini {
  height: 26px;
  border-radius: 13px;
  font-size: 1.3rem;
}
.c-button--black, a.c-button--black {
  color: #fff;
  background: #000;
}
.c-button--black.c-button--medium, a.c-button--black.c-button--medium {
  height: 48px;
  border-radius: 8px;
  font-size: 1.6rem;
}
.c-button--black.c-button--small, a.c-button--black.c-button--small {
  height: 32px;
  border-radius: 8px;
  font-size: 1.2rem;
}
.c-button--black.c-button--mini, a.c-button--black.c-button--mini {
  height: 26px;
  border-radius: 13px;
  font-size: 1.3rem;
}
.c-button--yellow, a.c-button--yellow {
  color: #000;
  background: var(--corporate);
}
.c-button--yellow--black, a.c-button--yellow--black {
  color: #fff;
  background: #000;
}
.c-button--yellow--black.c-button--medium, a.c-button--yellow--black.c-button--medium {
  height: 48px;
  border-radius: 8px;
  font-size: 1.6rem;
}
.c-button--yellow--black.c-button--small, a.c-button--yellow--black.c-button--small {
  height: 32px;
  border-radius: 8px;
  font-size: 1.6rem;
}
.c-button--yellow--black.c-button--mini, a.c-button--yellow--black.c-button--mini {
  height: 26px;
  border-radius: 13px;
  font-size: 1.3rem;
}
.c-button--yellow.c-button--medium, a.c-button--yellow.c-button--medium {
  height: 48px;
  border-radius: 8px;
  font-size: 1.6rem;
}
.c-button--yellow.c-button--small, a.c-button--yellow.c-button--small {
  height: 32px;
  border-radius: 8px;
  font-size: 1.4rem;
}
.c-button--yellow.c-button--mini, a.c-button--yellow.c-button--mini {
  height: 26px;
  border-radius: 13px;
  font-size: 1.3rem;
}
.c-button--border, a.c-button--border {
  background: #fff;
  border: 1px solid #000;
  color: #000;
}
.c-button--border.c-button--medium, a.c-button--border.c-button--medium {
  height: 48px;
  border-radius: 8px;
  font-size: 1.6rem;
}
.c-button--border.c-button--small, a.c-button--border.c-button--small {
  height: 32px;
  padding: 5px 8px;
  border-radius: 8px;
  font-size: 1.2rem;
}
.c-button--yellowBorder, a.c-button--yellowBorder {
  background: #fff;
  border: 1px solid var(--corporate);
  color: #000;
}
.c-button--yellowBorder.c-button--medium, a.c-button--yellowBorder.c-button--medium {
  height: 48px;
  border-radius: 8px;
  font-size: 1.4rem;
}
.c-button--yellowBorder.c-button--small, a.c-button--yellowBorder.c-button--small {
  height: 32px;
  border-radius: 8px;
  font-size: 1.4rem;
}
.c-button--red, a.c-button--red {
  color: #fff;
  background: var(--red);
}
.c-button--red.c-button--medium, a.c-button--red.c-button--medium {
  height: 48px;
  border-radius: 8px;
  font-size: 1.4rem;
}
.c-button--red.c-button--small, a.c-button--red.c-button--small {
  height: 32px;
  border-radius: 8px;
  font-size: 1.4rem;
}
.c-button--red.c-button--mini, a.c-button--red.c-button--mini {
  height: 26px;
  border-radius: 13px;
  font-size: 1.3rem;
}
.c-button--correct, a.c-button--correct {
  background-color: #fff;
  background-image: url(/user/images/icon-correct.d5b8efcab41bd2fb619b.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 20px 20px;
  border: 1px solid var(--green);
  border-radius: 8px;
  color: var(--green);
}
.c-button--correct.is-active, a.c-button--correct.is-active {
  background-color: #DCF4EC;
}
.c-button--incorrect, a.c-button--incorrect {
  background-color: #fff;
  background-image: url(/user/images/icon-incorrect.a452f956b97be2ad4846.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 20px 20px;
  border: 1px solid var(--red);
  border-radius: 8px;
  color: var(--red);
}
.c-button--incorrect.is-active, a.c-button--incorrect.is-active {
  background-color: #F5E7E7;
}
.c-button--exercises, a.c-button--exercises {
  position: fixed;
  bottom: 65px;
  right: 16px;
  left: 16px;
}
.c-button--exercises img, a.c-button--exercises img {
  width: 14px;
  height: 14px;
  margin-right: 10px;
}

.c-icon--asterisk {
  height: 10px;
  color: #ed0000;
}
.c-icon-arrow {
  width: 20px;
  height: 20px;
}
.c-icon-arrow--right {
  background-image: url(/user/images/icon-arrowRight-link.0b20203e2edac160b85e.svg);
}

.c-title-icon {
  padding-left: 36px;
}
.c-title-icon--ashibetu {
  background-image: url(/user/images/icon-ashibetu.9c44dc8507411f09ced9.svg);
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 28px 28px;
}
.c-title-icon--kakomon {
  background-image: url(/user/images/icon-kakomon.9ca98f976fa073def559.svg);
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 28px 28px;
}
.c-title-icon--myexam {
  background-image: url(/user/images/icon-kakomon.9ca98f976fa073def559.svg);
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 28px 28px;
}
.c-title-icon--memo {
  height: 24px;
  font-size: 14px;
  font-weight: var(--fwBold);
  color: #0D5DDD;
  background-image: url(/user/images/icon-memo.3bbecc0d6048c160dc7b.svg);
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 24px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-title-icon--memo.is-disabled {
  pointer-events: none;
  color: #B1B1B1;
  background-image: url(/user/images/icon-memo-disabled.6f39b73103f524526f9d.svg);
}

.c-menu-icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-bottom: 12px;
}
.c-menu-icon--yobiTest {
  background-image: url(/user/images/icon-yobiTest.b1ae70d0301aa9d5195f.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 40px 40px;
}
.c-menu-icon--shihouTest {
  background-image: url(/user/images/icon-shihouTest.10d9d7c2deb697b9ade4.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 40px 40px;
}
.c-menu-icon--timeTrial {
  background-image: url(/user/images/icon-timeTrial.249b84d3e34dd3b28bed.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 40px 40px;
}
.c-menu-icon--timeTrial.is-disable {
  background-image: url(/user/images/icon-timeTrial-disable.f565c8b8981e32dbc6ef.svg);
}

.c-text-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}

.c-timer-icon {
  padding-left: 19px;
  background: url(/user/images/icon-timer.cf45882730de09adb4f5.svg) 0 center no-repeat;
}

.c-check-question-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url(/user/images/icon-check-circle.a4f1ec13afc34056db0d.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 20px 20px;
}
.c-check-question-icon.is-active {
  background-image: url(/user/images/icon-check-circle_on.6b75f8813ca72f2d18d1.svg);
}

.c-validationError {
  display: block;
  font-size: 1.2rem;
  color: #D12A2A;
  margin-top: 5px;
}

.c-compBox {
  margin-bottom: 48px;
}
.c-compBox__media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 127px;
  height: 127px;
  margin: auto;
  background: #fff;
  border-radius: 50%;
  margin-bottom: 36px;
}
.c-compBox__media i {
  display: block;
  width: 63px;
  height: 63px;
}
.c-compBox__media i.icon-mailaddress {
  background-image: url(/user/images/icon-mailaddress.e06f02cb3aa16a64de02.svg);
}
.c-compBox__media i.icon-password {
  background-image: url(/user/images/icon-password.7b213805b59c09e6aa79.svg);
}
.c-compBox__media i.icon-code {
  background-image: url(/user/images/icon-code.d5d23c1772e48f01f05f.svg);
}
.c-compBox__media i.icon-download {
  background-image: url(/user/images/icon-dl.744a9ff4573fa391d961.svg);
}
.c-compBox p {
  text-align: center;
  font-weight: var(--fwBold);
}

/*
 * グラフ凡例
 */
.c-guide {
  display: flex;
}
.c-guide__name {
  width: 40px;
  height: 16px;
  font-size: 10px;
  padding: 0 5px;
  color: #fff;
  text-align: center;
}
.c-guide__name--green {
  background-color: var(--green);
}
.c-guide__name--red {
  background-color: var(--red);
}

/*
 * 横積みグラフ
 */
.c-stacked-graph {
  width: 100%;
  height: 5px;
  position: relative;
}
.c-stacked-graph svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-question-status {
  font-size: 12px;
  background: #EDEDED;
  margin-right: 2px;
  padding: 3px 5px;
}

.c-question-result {
  font-size: 12px;
  color: #fff;
  padding: 3px 5px;
}
.c-question-result--correct {
  background: var(--green);
}
.c-question-result--incorrect {
  background: var(--red);
}

.c-question-breadcrumb {
  background: #EDEDED;
  width: calc(100% + 32px);
  overflow: scroll;
  margin: 8px -16px -16px;
  padding: 5px 16px;
}
.c-question-breadcrumb p {
  width: max-content;
  color: #707070;
  font-size: 10px;
  overflow: hidden;
}

.c-label-offline {
  color: #707070;
  border: 1px solid currentColor;
  padding: 3px 5px;
  display: inline;
  font-size: 10px;
}
.c-label-offline::before {
  content: "オフライン";
}
/*!******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/assets/styles/scss/layouts.scss ***!
  \******************************************************************************************************************************/
@charset "UTF-8";
/*
 * bootstrap関連
 */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
/*
 * commonHeader関連
 */
.commonHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: #FFF;
}
.commonHeader > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 71px;
  padding: 0;
  margin: 0 auto;
}
.commonHeader > .container a {
  text-decoration: none;
}
.commonHeader .logo {
  width: 222px;
  height: 50px;
  vertical-align: middle;
  border-style: none;
  font-weight: 500;
  line-height: 1.2;
}
.commonHeader h1 {
  display: inline-block;
  margin-left: 12px;
  font-size: 2.4rem;
  font-weight: bold;
  vertical-align: -8px;
  color: #000;
}
.commonHeader .headerBtnContainer a {
  display: inline-block;
  width: auto;
  height: 60px;
  padding: 5px 15px;
  margin-left: 10px;
  background: #ffbf00;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  border-radius: 5px;
  text-decoration: none;
  vertical-align: middle;
}
.commonHeader .headerBtnContainer a.group {
  background: #11bf4b;
}

/*
 * mainMenu関連
 */
.spNavBtn {
  display: none;
}

.spNavBtn:focus {
  border: none;
  outline: none;
}

.mainMenu {
  background: #00008b;
  height: 60px;
}

.mainMenu > .container {
  padding: 0;
}

.mainMenu .navUl {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  background: #00008b;
  border-left: 1px solid #0e0eaa;
}

.mainMenu .navUl li {
  width: 100%;
  padding: 0;
  text-indent: 0;
  border-right: 1px solid #0e0eaa;
}

.mainMenu .navUl li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 100%;
  color: #FFF;
  font-size: 1.44rem;
  text-decoration: none;
  text-align: center;
}

.navUl li a:hover {
  color: #CCC;
}

@media (max-width: 992px) {
  .commonHeader > .container {
    display: block;
    height: auto;
    padding: 0;
    margin: 0 auto;
    height: 50px;
  }
  .commonHeader .logo {
    padding: 8px 0 0 8px;
    height: 44px;
    width: auto;
  }
  .commonHeader h1 {
    font-size: 16px;
  }
  .commonHeader .headerBtnContainer {
    position: absolute;
    top: 50px;
    left: 0;
    display: flex;
    width: 100%;
    margin: 0;
  }
  .commonHeader .headerBtnContainer a {
    display: inline-block;
    width: 50%;
    height: 46px;
    padding: 6px 15px;
    margin: 0;
    background: #ffbf00;
    color: #fff;
    border-radius: 0;
    font-size: 12.8px;
    line-height: 1.3;
  }
  .spNavBtn {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(/user/images/menu.5f2805748e99d28b4324.svg) center center no-repeat;
    background-size: 24px 24px;
    height: 44px;
    width: 44px;
    border: none;
    cursor: pointer;
  }
  .mainMenu {
    background: none;
    display: none;
  }
  .mainMenu.active {
    display: block;
    padding-top: 46px;
  }
  .mainMenu.active .navUl {
    display: block;
    background: #00008b;
  }
  .mainMenu .navUl li {
    height: 46px;
    border-bottom: 1px solid #0e0eaa;
  }
  .mainMenu .navUl li a {
    height: 46px;
  }
  .mainMenu li:nth-child(2) br {
    display: none;
  }
}
/*
 * モーダル系
 */
.l-modal {
  height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  display: flex;
  z-index: 200;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.l-modal__container {
  position: relative;
  background: #fff;
  width: auto;
  min-width: 320px;
  max-height: 100%;
  border-radius: 8px;
}
.l-modal__container--blue {
  background: var(--mainBackground);
}
.l-modal__header {
  height: 46px;
  border-bottom: 1px solid #EDEDED;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}
.l-modal__header__reset {
  position: absolute;
  top: 12px;
  left: 16px;
}
.l-modal__header__title {
  font-size: 14px;
  font-weight: var(--fwBold);
}
.l-modal__header__close {
  width: 46px;
  height: 46px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(/user/images/icon-batu.87a4ca41540c6cd7c780.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
}
.l-modal__body {
  width: 100%;
  max-height: calc(var(--vh, 1vh) * 80 - 80px);
  overflow-y: auto;
  padding-bottom: 30px;
}
.l-modal__ttl {
  text-align: center;
  margin: 48px 0;
  padding: 0 20px;
}
.l-modal__text {
  width: 576px;
  padding: 0 30px 30px;
}
.l-modal__text p {
  font-weight: bold;
  margin-bottom: 10px;
}
.l-modal__text ol {
  margin-top: 15px;
  list-style: none;
  padding-left: 11px;
}
.l-modal__text ol li {
  text-indent: -14px;
  padding-left: 6px;
}
.l-modal__text ul {
  margin-top: 15px;
  margin-bottom: 10px;
  padding-left: 11px;
}
.l-modal__text ul li {
  text-indent: -14px;
  padding-left: 6px;
}
.l-modal__text .checkbox-container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
.l-modal__text .checkbox-container input {
  margin: 2px 10px 0 6px;
  width: 16px;
  height: 16px;
  appearance: auto;
  cursor: pointer;
}
.l-modal__text span {
  text-align: right;
}
.l-modal__buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.l-modal__buttons--twin {
  display: flex;
}

@media (max-width: 576px) {
  .l-modal__ttl {
    margin: 30px 0 15px;
  }
  .l-modal__text {
    width: 100%;
    padding: 0 20px 30px;
  }
}
.c-modalBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  font-size: 1.4rem;
  font-weight: var(--fwBold);
}
.c-modalBtn--single {
  border-radius: 0 0 8px 8px;
}
.c-modalBtn--twin:first-child {
  border-radius: 0 0 0 8px;
}
.c-modalBtn--twin:last-child {
  border-radius: 0 0 8px;
}
.c-modalBtn--gray {
  background: var(--frameColor);
}
.c-modalBtn--black {
  background: #000;
  color: #fff;
}
.c-modalBtn--red {
  background: var(--red);
  color: #fff;
}

/* テーブルスクロール */
.scroll-box {
  padding-bottom: 10px;
  margin-bottom: 30px;
  overflow-x: auto;
}

.scroll-box::-webkit-scrollbar {
  height: 8px;
}

.scroll-box::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}

.scroll-box::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}
/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/assets/styles/scss/utilities.scss ***!
  \********************************************************************************************************************************/
/* Calc letterSpacing for fontSize and letterSpacing */
/* Calc lineHeight for fontSize and lineHeight */
.u-text-center {
  text-align: center;
}

.u-fw-bold {
  font-weight: var(--fwBold);
}

.u-fw-reg {
  font-weight: var(--fwRegular);
}

.u-ff-helve {
  font-family: Helvetica, Arial, sans-serif;
}

.u-flex-column {
  display: flex;
  flex-flow: column;
  align-items: center;
}

.u-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.u-flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.u-fc-red {
  color: #d50000;
}

.u-w-max {
  width: 100% !important;
}

.u-mt-24 {
  margin-top: 24px;
}

.u-pt-0 {
  padding-top: 0px !important;
}

.u-pt-5 {
  padding-top: 5px !important;
}

.u-pt-10 {
  padding-top: 10px !important;
}

.u-pt-15 {
  padding-top: 15px !important;
}

.u-pt-20 {
  padding-top: 20px !important;
}

.u-pt-25 {
  padding-top: 25px !important;
}

.u-pt-30 {
  padding-top: 30px !important;
}

.u-pt-35 {
  padding-top: 35px !important;
}

.u-pt-40 {
  padding-top: 40px !important;
}

.u-pt-45 {
  padding-top: 45px !important;
}

.u-pt-50 {
  padding-top: 50px !important;
}

.u-pt-55 {
  padding-top: 55px !important;
}

.u-pt-60 {
  padding-top: 60px !important;
}

.u-pt-65 {
  padding-top: 65px !important;
}

.u-pt-70 {
  padding-top: 70px !important;
}

.u-pt-75 {
  padding-top: 75px !important;
}

.u-pt-80 {
  padding-top: 80px !important;
}

.u-pt-85 {
  padding-top: 85px !important;
}

.u-pt-90 {
  padding-top: 90px !important;
}

.u-pt-95 {
  padding-top: 95px !important;
}

.u-pt-100 {
  padding-top: 100px !important;
}

.u-pt-105 {
  padding-top: 105px !important;
}

.u-pt-110 {
  padding-top: 110px !important;
}

.u-pt-115 {
  padding-top: 115px !important;
}

.u-pt-120 {
  padding-top: 120px !important;
}

.u-pt-125 {
  padding-top: 125px !important;
}

.u-pt-130 {
  padding-top: 130px !important;
}

.u-pt-135 {
  padding-top: 135px !important;
}

.u-pt-140 {
  padding-top: 140px !important;
}

.u-pt-145 {
  padding-top: 145px !important;
}

.u-pt-150 {
  padding-top: 150px !important;
}

.u-pt-155 {
  padding-top: 155px !important;
}

.u-pt-160 {
  padding-top: 160px !important;
}

.u-pt-165 {
  padding-top: 165px !important;
}

.u-pt-170 {
  padding-top: 170px !important;
}

.u-pt-175 {
  padding-top: 175px !important;
}

.u-pt-180 {
  padding-top: 180px !important;
}

.u-pt-185 {
  padding-top: 185px !important;
}

.u-pt-190 {
  padding-top: 190px !important;
}

.u-pt-195 {
  padding-top: 195px !important;
}

.u-pt-200 {
  padding-top: 200px !important;
}

.u-pt-205 {
  padding-top: 205px !important;
}

.u-pt-210 {
  padding-top: 210px !important;
}

.u-pt-215 {
  padding-top: 215px !important;
}

.u-pt-220 {
  padding-top: 220px !important;
}

.u-pt-225 {
  padding-top: 225px !important;
}

.u-pt-230 {
  padding-top: 230px !important;
}

.u-pt-235 {
  padding-top: 235px !important;
}

.u-pt-240 {
  padding-top: 240px !important;
}

.u-pt-245 {
  padding-top: 245px !important;
}

.u-pt-250 {
  padding-top: 250px !important;
}

.u-pt-255 {
  padding-top: 255px !important;
}

.u-pt-260 {
  padding-top: 260px !important;
}

.u-pt-265 {
  padding-top: 265px !important;
}

.u-pt-270 {
  padding-top: 270px !important;
}

.u-pt-275 {
  padding-top: 275px !important;
}

.u-pt-280 {
  padding-top: 280px !important;
}

.u-pt-285 {
  padding-top: 285px !important;
}

.u-pt-290 {
  padding-top: 290px !important;
}

.u-pt-295 {
  padding-top: 295px !important;
}

.u-pt-300 {
  padding-top: 300px !important;
}

.u-pt-305 {
  padding-top: 305px !important;
}

.u-pt-310 {
  padding-top: 310px !important;
}

.u-pt-315 {
  padding-top: 315px !important;
}

.u-pt-320 {
  padding-top: 320px !important;
}

.u-pt-325 {
  padding-top: 325px !important;
}

.u-pt-330 {
  padding-top: 330px !important;
}

.u-pt-335 {
  padding-top: 335px !important;
}

.u-pt-340 {
  padding-top: 340px !important;
}

.u-pt-345 {
  padding-top: 345px !important;
}

.u-pt-350 {
  padding-top: 350px !important;
}

.u-pt-355 {
  padding-top: 355px !important;
}

.u-pt-360 {
  padding-top: 360px !important;
}

.u-pt-365 {
  padding-top: 365px !important;
}

.u-pt-370 {
  padding-top: 370px !important;
}

.u-pt-375 {
  padding-top: 375px !important;
}

.u-pt-380 {
  padding-top: 380px !important;
}

.u-pt-385 {
  padding-top: 385px !important;
}

.u-pt-390 {
  padding-top: 390px !important;
}

.u-pt-395 {
  padding-top: 395px !important;
}

.u-pt-400 {
  padding-top: 400px !important;
}

.u-pt-405 {
  padding-top: 405px !important;
}

.u-pt-410 {
  padding-top: 410px !important;
}

.u-pt-415 {
  padding-top: 415px !important;
}

.u-pt-420 {
  padding-top: 420px !important;
}

.u-pt-425 {
  padding-top: 425px !important;
}

.u-pt-430 {
  padding-top: 430px !important;
}

.u-pt-435 {
  padding-top: 435px !important;
}

.u-pt-440 {
  padding-top: 440px !important;
}

.u-pt-445 {
  padding-top: 445px !important;
}

.u-pt-450 {
  padding-top: 450px !important;
}

.u-pt-455 {
  padding-top: 455px !important;
}

.u-pt-460 {
  padding-top: 460px !important;
}

.u-pt-465 {
  padding-top: 465px !important;
}

.u-pt-470 {
  padding-top: 470px !important;
}

.u-pt-475 {
  padding-top: 475px !important;
}

.u-pt-480 {
  padding-top: 480px !important;
}

.u-pt-485 {
  padding-top: 485px !important;
}

.u-pt-490 {
  padding-top: 490px !important;
}

.u-pt-495 {
  padding-top: 495px !important;
}

.u-pb-0 {
  padding-bottom: 0px !important;
}

.u-pb-5 {
  padding-bottom: 5px !important;
}

.u-pb-10 {
  padding-bottom: 10px !important;
}

.u-pb-15 {
  padding-bottom: 15px !important;
}

.u-pb-20 {
  padding-bottom: 20px !important;
}

.u-pb-25 {
  padding-bottom: 25px !important;
}

.u-pb-30 {
  padding-bottom: 30px !important;
}

.u-pb-35 {
  padding-bottom: 35px !important;
}

.u-pb-40 {
  padding-bottom: 40px !important;
}

.u-pb-45 {
  padding-bottom: 45px !important;
}

.u-pb-50 {
  padding-bottom: 50px !important;
}

.u-pb-55 {
  padding-bottom: 55px !important;
}

.u-pb-60 {
  padding-bottom: 60px !important;
}

.u-pb-65 {
  padding-bottom: 65px !important;
}

.u-pb-70 {
  padding-bottom: 70px !important;
}

.u-pb-75 {
  padding-bottom: 75px !important;
}

.u-pb-80 {
  padding-bottom: 80px !important;
}

.u-pb-85 {
  padding-bottom: 85px !important;
}

.u-pb-90 {
  padding-bottom: 90px !important;
}

.u-pb-95 {
  padding-bottom: 95px !important;
}

.u-pb-100 {
  padding-bottom: 100px !important;
}

.u-pb-105 {
  padding-bottom: 105px !important;
}

.u-pb-110 {
  padding-bottom: 110px !important;
}

.u-pb-115 {
  padding-bottom: 115px !important;
}

.u-pb-120 {
  padding-bottom: 120px !important;
}

.u-pb-125 {
  padding-bottom: 125px !important;
}

.u-pb-130 {
  padding-bottom: 130px !important;
}

.u-pb-135 {
  padding-bottom: 135px !important;
}

.u-pb-140 {
  padding-bottom: 140px !important;
}

.u-pb-145 {
  padding-bottom: 145px !important;
}

.u-pb-150 {
  padding-bottom: 150px !important;
}

.u-pb-155 {
  padding-bottom: 155px !important;
}

.u-pb-160 {
  padding-bottom: 160px !important;
}

.u-pb-165 {
  padding-bottom: 165px !important;
}

.u-pb-170 {
  padding-bottom: 170px !important;
}

.u-pb-175 {
  padding-bottom: 175px !important;
}

.u-pb-180 {
  padding-bottom: 180px !important;
}

.u-pb-185 {
  padding-bottom: 185px !important;
}

.u-pb-190 {
  padding-bottom: 190px !important;
}

.u-pb-195 {
  padding-bottom: 195px !important;
}

.u-pb-200 {
  padding-bottom: 200px !important;
}

.u-pb-205 {
  padding-bottom: 205px !important;
}

.u-pb-210 {
  padding-bottom: 210px !important;
}

.u-pb-215 {
  padding-bottom: 215px !important;
}

.u-pb-220 {
  padding-bottom: 220px !important;
}

.u-pb-225 {
  padding-bottom: 225px !important;
}

.u-pb-230 {
  padding-bottom: 230px !important;
}

.u-pb-235 {
  padding-bottom: 235px !important;
}

.u-pb-240 {
  padding-bottom: 240px !important;
}

.u-pb-245 {
  padding-bottom: 245px !important;
}

.u-pb-250 {
  padding-bottom: 250px !important;
}

.u-pb-255 {
  padding-bottom: 255px !important;
}

.u-pb-260 {
  padding-bottom: 260px !important;
}

.u-pb-265 {
  padding-bottom: 265px !important;
}

.u-pb-270 {
  padding-bottom: 270px !important;
}

.u-pb-275 {
  padding-bottom: 275px !important;
}

.u-pb-280 {
  padding-bottom: 280px !important;
}

.u-pb-285 {
  padding-bottom: 285px !important;
}

.u-pb-290 {
  padding-bottom: 290px !important;
}

.u-pb-295 {
  padding-bottom: 295px !important;
}

.u-pb-300 {
  padding-bottom: 300px !important;
}

.u-pb-305 {
  padding-bottom: 305px !important;
}

.u-pb-310 {
  padding-bottom: 310px !important;
}

.u-pb-315 {
  padding-bottom: 315px !important;
}

.u-pb-320 {
  padding-bottom: 320px !important;
}

.u-pb-325 {
  padding-bottom: 325px !important;
}

.u-pb-330 {
  padding-bottom: 330px !important;
}

.u-pb-335 {
  padding-bottom: 335px !important;
}

.u-pb-340 {
  padding-bottom: 340px !important;
}

.u-pb-345 {
  padding-bottom: 345px !important;
}

.u-pb-350 {
  padding-bottom: 350px !important;
}

.u-pb-355 {
  padding-bottom: 355px !important;
}

.u-pb-360 {
  padding-bottom: 360px !important;
}

.u-pb-365 {
  padding-bottom: 365px !important;
}

.u-pb-370 {
  padding-bottom: 370px !important;
}

.u-pb-375 {
  padding-bottom: 375px !important;
}

.u-pb-380 {
  padding-bottom: 380px !important;
}

.u-pb-385 {
  padding-bottom: 385px !important;
}

.u-pb-390 {
  padding-bottom: 390px !important;
}

.u-pb-395 {
  padding-bottom: 395px !important;
}

.u-pb-400 {
  padding-bottom: 400px !important;
}

.u-pb-405 {
  padding-bottom: 405px !important;
}

.u-pb-410 {
  padding-bottom: 410px !important;
}

.u-pb-415 {
  padding-bottom: 415px !important;
}

.u-pb-420 {
  padding-bottom: 420px !important;
}

.u-pb-425 {
  padding-bottom: 425px !important;
}

.u-pb-430 {
  padding-bottom: 430px !important;
}

.u-pb-435 {
  padding-bottom: 435px !important;
}

.u-pb-440 {
  padding-bottom: 440px !important;
}

.u-pb-445 {
  padding-bottom: 445px !important;
}

.u-pb-450 {
  padding-bottom: 450px !important;
}

.u-pb-455 {
  padding-bottom: 455px !important;
}

.u-pb-460 {
  padding-bottom: 460px !important;
}

.u-pb-465 {
  padding-bottom: 465px !important;
}

.u-pb-470 {
  padding-bottom: 470px !important;
}

.u-pb-475 {
  padding-bottom: 475px !important;
}

.u-pb-480 {
  padding-bottom: 480px !important;
}

.u-pb-485 {
  padding-bottom: 485px !important;
}

.u-pb-490 {
  padding-bottom: 490px !important;
}

.u-pb-495 {
  padding-bottom: 495px !important;
}

.u-pl-0 {
  padding-left: 0px !important;
}

.u-pl-5 {
  padding-left: 5px !important;
}

.u-pl-10 {
  padding-left: 10px !important;
}

.u-pl-15 {
  padding-left: 15px !important;
}

.u-pl-20 {
  padding-left: 20px !important;
}

.u-pl-25 {
  padding-left: 25px !important;
}

.u-pl-30 {
  padding-left: 30px !important;
}

.u-pl-35 {
  padding-left: 35px !important;
}

.u-pl-40 {
  padding-left: 40px !important;
}

.u-pl-45 {
  padding-left: 45px !important;
}

.u-pl-50 {
  padding-left: 50px !important;
}

.u-pl-55 {
  padding-left: 55px !important;
}

.u-pl-60 {
  padding-left: 60px !important;
}

.u-pl-65 {
  padding-left: 65px !important;
}

.u-pl-70 {
  padding-left: 70px !important;
}

.u-pl-75 {
  padding-left: 75px !important;
}

.u-pl-80 {
  padding-left: 80px !important;
}

.u-pl-85 {
  padding-left: 85px !important;
}

.u-pl-90 {
  padding-left: 90px !important;
}

.u-pl-95 {
  padding-left: 95px !important;
}

.u-pl-100 {
  padding-left: 100px !important;
}

.u-pl-105 {
  padding-left: 105px !important;
}

.u-pl-110 {
  padding-left: 110px !important;
}

.u-pl-115 {
  padding-left: 115px !important;
}

.u-pl-120 {
  padding-left: 120px !important;
}

.u-pl-125 {
  padding-left: 125px !important;
}

.u-pl-130 {
  padding-left: 130px !important;
}

.u-pl-135 {
  padding-left: 135px !important;
}

.u-pl-140 {
  padding-left: 140px !important;
}

.u-pl-145 {
  padding-left: 145px !important;
}

.u-pl-150 {
  padding-left: 150px !important;
}

.u-pl-155 {
  padding-left: 155px !important;
}

.u-pl-160 {
  padding-left: 160px !important;
}

.u-pl-165 {
  padding-left: 165px !important;
}

.u-pl-170 {
  padding-left: 170px !important;
}

.u-pl-175 {
  padding-left: 175px !important;
}

.u-pl-180 {
  padding-left: 180px !important;
}

.u-pl-185 {
  padding-left: 185px !important;
}

.u-pl-190 {
  padding-left: 190px !important;
}

.u-pl-195 {
  padding-left: 195px !important;
}

.u-pl-200 {
  padding-left: 200px !important;
}

.u-pl-205 {
  padding-left: 205px !important;
}

.u-pl-210 {
  padding-left: 210px !important;
}

.u-pl-215 {
  padding-left: 215px !important;
}

.u-pl-220 {
  padding-left: 220px !important;
}

.u-pl-225 {
  padding-left: 225px !important;
}

.u-pl-230 {
  padding-left: 230px !important;
}

.u-pl-235 {
  padding-left: 235px !important;
}

.u-pl-240 {
  padding-left: 240px !important;
}

.u-pl-245 {
  padding-left: 245px !important;
}

.u-pl-250 {
  padding-left: 250px !important;
}

.u-pl-255 {
  padding-left: 255px !important;
}

.u-pl-260 {
  padding-left: 260px !important;
}

.u-pl-265 {
  padding-left: 265px !important;
}

.u-pl-270 {
  padding-left: 270px !important;
}

.u-pl-275 {
  padding-left: 275px !important;
}

.u-pl-280 {
  padding-left: 280px !important;
}

.u-pl-285 {
  padding-left: 285px !important;
}

.u-pl-290 {
  padding-left: 290px !important;
}

.u-pl-295 {
  padding-left: 295px !important;
}

.u-pl-300 {
  padding-left: 300px !important;
}

.u-pl-305 {
  padding-left: 305px !important;
}

.u-pl-310 {
  padding-left: 310px !important;
}

.u-pl-315 {
  padding-left: 315px !important;
}

.u-pl-320 {
  padding-left: 320px !important;
}

.u-pl-325 {
  padding-left: 325px !important;
}

.u-pl-330 {
  padding-left: 330px !important;
}

.u-pl-335 {
  padding-left: 335px !important;
}

.u-pl-340 {
  padding-left: 340px !important;
}

.u-pl-345 {
  padding-left: 345px !important;
}

.u-pl-350 {
  padding-left: 350px !important;
}

.u-pl-355 {
  padding-left: 355px !important;
}

.u-pl-360 {
  padding-left: 360px !important;
}

.u-pl-365 {
  padding-left: 365px !important;
}

.u-pl-370 {
  padding-left: 370px !important;
}

.u-pl-375 {
  padding-left: 375px !important;
}

.u-pl-380 {
  padding-left: 380px !important;
}

.u-pl-385 {
  padding-left: 385px !important;
}

.u-pl-390 {
  padding-left: 390px !important;
}

.u-pl-395 {
  padding-left: 395px !important;
}

.u-pl-400 {
  padding-left: 400px !important;
}

.u-pl-405 {
  padding-left: 405px !important;
}

.u-pl-410 {
  padding-left: 410px !important;
}

.u-pl-415 {
  padding-left: 415px !important;
}

.u-pl-420 {
  padding-left: 420px !important;
}

.u-pl-425 {
  padding-left: 425px !important;
}

.u-pl-430 {
  padding-left: 430px !important;
}

.u-pl-435 {
  padding-left: 435px !important;
}

.u-pl-440 {
  padding-left: 440px !important;
}

.u-pl-445 {
  padding-left: 445px !important;
}

.u-pl-450 {
  padding-left: 450px !important;
}

.u-pl-455 {
  padding-left: 455px !important;
}

.u-pl-460 {
  padding-left: 460px !important;
}

.u-pl-465 {
  padding-left: 465px !important;
}

.u-pl-470 {
  padding-left: 470px !important;
}

.u-pl-475 {
  padding-left: 475px !important;
}

.u-pl-480 {
  padding-left: 480px !important;
}

.u-pl-485 {
  padding-left: 485px !important;
}

.u-pl-490 {
  padding-left: 490px !important;
}

.u-pl-495 {
  padding-left: 495px !important;
}

.u-pr-0 {
  padding-right: 0px !important;
}

.u-pr-5 {
  padding-right: 5px !important;
}

.u-pr-10 {
  padding-right: 10px !important;
}

.u-pr-15 {
  padding-right: 15px !important;
}

.u-pr-20 {
  padding-right: 20px !important;
}

.u-pr-25 {
  padding-right: 25px !important;
}

.u-pr-30 {
  padding-right: 30px !important;
}

.u-pr-35 {
  padding-right: 35px !important;
}

.u-pr-40 {
  padding-right: 40px !important;
}

.u-pr-45 {
  padding-right: 45px !important;
}

.u-pr-50 {
  padding-right: 50px !important;
}

.u-pr-55 {
  padding-right: 55px !important;
}

.u-pr-60 {
  padding-right: 60px !important;
}

.u-pr-65 {
  padding-right: 65px !important;
}

.u-pr-70 {
  padding-right: 70px !important;
}

.u-pr-75 {
  padding-right: 75px !important;
}

.u-pr-80 {
  padding-right: 80px !important;
}

.u-pr-85 {
  padding-right: 85px !important;
}

.u-pr-90 {
  padding-right: 90px !important;
}

.u-pr-95 {
  padding-right: 95px !important;
}

.u-pr-100 {
  padding-right: 100px !important;
}

.u-pr-105 {
  padding-right: 105px !important;
}

.u-pr-110 {
  padding-right: 110px !important;
}

.u-pr-115 {
  padding-right: 115px !important;
}

.u-pr-120 {
  padding-right: 120px !important;
}

.u-pr-125 {
  padding-right: 125px !important;
}

.u-pr-130 {
  padding-right: 130px !important;
}

.u-pr-135 {
  padding-right: 135px !important;
}

.u-pr-140 {
  padding-right: 140px !important;
}

.u-pr-145 {
  padding-right: 145px !important;
}

.u-pr-150 {
  padding-right: 150px !important;
}

.u-pr-155 {
  padding-right: 155px !important;
}

.u-pr-160 {
  padding-right: 160px !important;
}

.u-pr-165 {
  padding-right: 165px !important;
}

.u-pr-170 {
  padding-right: 170px !important;
}

.u-pr-175 {
  padding-right: 175px !important;
}

.u-pr-180 {
  padding-right: 180px !important;
}

.u-pr-185 {
  padding-right: 185px !important;
}

.u-pr-190 {
  padding-right: 190px !important;
}

.u-pr-195 {
  padding-right: 195px !important;
}

.u-pr-200 {
  padding-right: 200px !important;
}

.u-pr-205 {
  padding-right: 205px !important;
}

.u-pr-210 {
  padding-right: 210px !important;
}

.u-pr-215 {
  padding-right: 215px !important;
}

.u-pr-220 {
  padding-right: 220px !important;
}

.u-pr-225 {
  padding-right: 225px !important;
}

.u-pr-230 {
  padding-right: 230px !important;
}

.u-pr-235 {
  padding-right: 235px !important;
}

.u-pr-240 {
  padding-right: 240px !important;
}

.u-pr-245 {
  padding-right: 245px !important;
}

.u-pr-250 {
  padding-right: 250px !important;
}

.u-pr-255 {
  padding-right: 255px !important;
}

.u-pr-260 {
  padding-right: 260px !important;
}

.u-pr-265 {
  padding-right: 265px !important;
}

.u-pr-270 {
  padding-right: 270px !important;
}

.u-pr-275 {
  padding-right: 275px !important;
}

.u-pr-280 {
  padding-right: 280px !important;
}

.u-pr-285 {
  padding-right: 285px !important;
}

.u-pr-290 {
  padding-right: 290px !important;
}

.u-pr-295 {
  padding-right: 295px !important;
}

.u-pr-300 {
  padding-right: 300px !important;
}

.u-pr-305 {
  padding-right: 305px !important;
}

.u-pr-310 {
  padding-right: 310px !important;
}

.u-pr-315 {
  padding-right: 315px !important;
}

.u-pr-320 {
  padding-right: 320px !important;
}

.u-pr-325 {
  padding-right: 325px !important;
}

.u-pr-330 {
  padding-right: 330px !important;
}

.u-pr-335 {
  padding-right: 335px !important;
}

.u-pr-340 {
  padding-right: 340px !important;
}

.u-pr-345 {
  padding-right: 345px !important;
}

.u-pr-350 {
  padding-right: 350px !important;
}

.u-pr-355 {
  padding-right: 355px !important;
}

.u-pr-360 {
  padding-right: 360px !important;
}

.u-pr-365 {
  padding-right: 365px !important;
}

.u-pr-370 {
  padding-right: 370px !important;
}

.u-pr-375 {
  padding-right: 375px !important;
}

.u-pr-380 {
  padding-right: 380px !important;
}

.u-pr-385 {
  padding-right: 385px !important;
}

.u-pr-390 {
  padding-right: 390px !important;
}

.u-pr-395 {
  padding-right: 395px !important;
}

.u-pr-400 {
  padding-right: 400px !important;
}

.u-pr-405 {
  padding-right: 405px !important;
}

.u-pr-410 {
  padding-right: 410px !important;
}

.u-pr-415 {
  padding-right: 415px !important;
}

.u-pr-420 {
  padding-right: 420px !important;
}

.u-pr-425 {
  padding-right: 425px !important;
}

.u-pr-430 {
  padding-right: 430px !important;
}

.u-pr-435 {
  padding-right: 435px !important;
}

.u-pr-440 {
  padding-right: 440px !important;
}

.u-pr-445 {
  padding-right: 445px !important;
}

.u-pr-450 {
  padding-right: 450px !important;
}

.u-pr-455 {
  padding-right: 455px !important;
}

.u-pr-460 {
  padding-right: 460px !important;
}

.u-pr-465 {
  padding-right: 465px !important;
}

.u-pr-470 {
  padding-right: 470px !important;
}

.u-pr-475 {
  padding-right: 475px !important;
}

.u-pr-480 {
  padding-right: 480px !important;
}

.u-pr-485 {
  padding-right: 485px !important;
}

.u-pr-490 {
  padding-right: 490px !important;
}

.u-pr-495 {
  padding-right: 495px !important;
}

.u-mt-0 {
  margin-top: 0px !important;
}

.u-mt-5 {
  margin-top: 5px !important;
}

.u-mt-10 {
  margin-top: 10px !important;
}

.u-mt-15 {
  margin-top: 15px !important;
}

.u-mt-20 {
  margin-top: 20px !important;
}

.u-mt-25 {
  margin-top: 25px !important;
}

.u-mt-30 {
  margin-top: 30px !important;
}

.u-mt-35 {
  margin-top: 35px !important;
}

.u-mt-40 {
  margin-top: 40px !important;
}

.u-mt-45 {
  margin-top: 45px !important;
}

.u-mt-50 {
  margin-top: 50px !important;
}

.u-mt-55 {
  margin-top: 55px !important;
}

.u-mt-60 {
  margin-top: 60px !important;
}

.u-mt-65 {
  margin-top: 65px !important;
}

.u-mt-70 {
  margin-top: 70px !important;
}

.u-mt-75 {
  margin-top: 75px !important;
}

.u-mt-80 {
  margin-top: 80px !important;
}

.u-mt-85 {
  margin-top: 85px !important;
}

.u-mt-90 {
  margin-top: 90px !important;
}

.u-mt-95 {
  margin-top: 95px !important;
}

.u-mt-100 {
  margin-top: 100px !important;
}

.u-mt-105 {
  margin-top: 105px !important;
}

.u-mt-110 {
  margin-top: 110px !important;
}

.u-mt-115 {
  margin-top: 115px !important;
}

.u-mt-120 {
  margin-top: 120px !important;
}

.u-mt-125 {
  margin-top: 125px !important;
}

.u-mt-130 {
  margin-top: 130px !important;
}

.u-mt-135 {
  margin-top: 135px !important;
}

.u-mt-140 {
  margin-top: 140px !important;
}

.u-mt-145 {
  margin-top: 145px !important;
}

.u-mt-150 {
  margin-top: 150px !important;
}

.u-mt-155 {
  margin-top: 155px !important;
}

.u-mt-160 {
  margin-top: 160px !important;
}

.u-mt-165 {
  margin-top: 165px !important;
}

.u-mt-170 {
  margin-top: 170px !important;
}

.u-mt-175 {
  margin-top: 175px !important;
}

.u-mt-180 {
  margin-top: 180px !important;
}

.u-mt-185 {
  margin-top: 185px !important;
}

.u-mt-190 {
  margin-top: 190px !important;
}

.u-mt-195 {
  margin-top: 195px !important;
}

.u-mt-200 {
  margin-top: 200px !important;
}

.u-mt-205 {
  margin-top: 205px !important;
}

.u-mt-210 {
  margin-top: 210px !important;
}

.u-mt-215 {
  margin-top: 215px !important;
}

.u-mt-220 {
  margin-top: 220px !important;
}

.u-mt-225 {
  margin-top: 225px !important;
}

.u-mt-230 {
  margin-top: 230px !important;
}

.u-mt-235 {
  margin-top: 235px !important;
}

.u-mt-240 {
  margin-top: 240px !important;
}

.u-mt-245 {
  margin-top: 245px !important;
}

.u-mt-250 {
  margin-top: 250px !important;
}

.u-mt-255 {
  margin-top: 255px !important;
}

.u-mt-260 {
  margin-top: 260px !important;
}

.u-mt-265 {
  margin-top: 265px !important;
}

.u-mt-270 {
  margin-top: 270px !important;
}

.u-mt-275 {
  margin-top: 275px !important;
}

.u-mt-280 {
  margin-top: 280px !important;
}

.u-mt-285 {
  margin-top: 285px !important;
}

.u-mt-290 {
  margin-top: 290px !important;
}

.u-mt-295 {
  margin-top: 295px !important;
}

.u-mt-300 {
  margin-top: 300px !important;
}

.u-mt-305 {
  margin-top: 305px !important;
}

.u-mt-310 {
  margin-top: 310px !important;
}

.u-mt-315 {
  margin-top: 315px !important;
}

.u-mt-320 {
  margin-top: 320px !important;
}

.u-mt-325 {
  margin-top: 325px !important;
}

.u-mt-330 {
  margin-top: 330px !important;
}

.u-mt-335 {
  margin-top: 335px !important;
}

.u-mt-340 {
  margin-top: 340px !important;
}

.u-mt-345 {
  margin-top: 345px !important;
}

.u-mt-350 {
  margin-top: 350px !important;
}

.u-mt-355 {
  margin-top: 355px !important;
}

.u-mt-360 {
  margin-top: 360px !important;
}

.u-mt-365 {
  margin-top: 365px !important;
}

.u-mt-370 {
  margin-top: 370px !important;
}

.u-mt-375 {
  margin-top: 375px !important;
}

.u-mt-380 {
  margin-top: 380px !important;
}

.u-mt-385 {
  margin-top: 385px !important;
}

.u-mt-390 {
  margin-top: 390px !important;
}

.u-mt-395 {
  margin-top: 395px !important;
}

.u-mt-400 {
  margin-top: 400px !important;
}

.u-mt-405 {
  margin-top: 405px !important;
}

.u-mt-410 {
  margin-top: 410px !important;
}

.u-mt-415 {
  margin-top: 415px !important;
}

.u-mt-420 {
  margin-top: 420px !important;
}

.u-mt-425 {
  margin-top: 425px !important;
}

.u-mt-430 {
  margin-top: 430px !important;
}

.u-mt-435 {
  margin-top: 435px !important;
}

.u-mt-440 {
  margin-top: 440px !important;
}

.u-mt-445 {
  margin-top: 445px !important;
}

.u-mt-450 {
  margin-top: 450px !important;
}

.u-mt-455 {
  margin-top: 455px !important;
}

.u-mt-460 {
  margin-top: 460px !important;
}

.u-mt-465 {
  margin-top: 465px !important;
}

.u-mt-470 {
  margin-top: 470px !important;
}

.u-mt-475 {
  margin-top: 475px !important;
}

.u-mt-480 {
  margin-top: 480px !important;
}

.u-mt-485 {
  margin-top: 485px !important;
}

.u-mt-490 {
  margin-top: 490px !important;
}

.u-mt-495 {
  margin-top: 495px !important;
}

.u-mb-0 {
  margin-bottom: 0px !important;
}

.u-mb-5 {
  margin-bottom: 5px !important;
}

.u-mb-10 {
  margin-bottom: 10px !important;
}

.u-mb-15 {
  margin-bottom: 15px !important;
}

.u-mb-20 {
  margin-bottom: 20px !important;
}

.u-mb-25 {
  margin-bottom: 25px !important;
}

.u-mb-30 {
  margin-bottom: 30px !important;
}

.u-mb-35 {
  margin-bottom: 35px !important;
}

.u-mb-40 {
  margin-bottom: 40px !important;
}

.u-mb-45 {
  margin-bottom: 45px !important;
}

.u-mb-50 {
  margin-bottom: 50px !important;
}

.u-mb-55 {
  margin-bottom: 55px !important;
}

.u-mb-60 {
  margin-bottom: 60px !important;
}

.u-mb-65 {
  margin-bottom: 65px !important;
}

.u-mb-70 {
  margin-bottom: 70px !important;
}

.u-mb-75 {
  margin-bottom: 75px !important;
}

.u-mb-80 {
  margin-bottom: 80px !important;
}

.u-mb-85 {
  margin-bottom: 85px !important;
}

.u-mb-90 {
  margin-bottom: 90px !important;
}

.u-mb-95 {
  margin-bottom: 95px !important;
}

.u-mb-100 {
  margin-bottom: 100px !important;
}

.u-mb-105 {
  margin-bottom: 105px !important;
}

.u-mb-110 {
  margin-bottom: 110px !important;
}

.u-mb-115 {
  margin-bottom: 115px !important;
}

.u-mb-120 {
  margin-bottom: 120px !important;
}

.u-mb-125 {
  margin-bottom: 125px !important;
}

.u-mb-130 {
  margin-bottom: 130px !important;
}

.u-mb-135 {
  margin-bottom: 135px !important;
}

.u-mb-140 {
  margin-bottom: 140px !important;
}

.u-mb-145 {
  margin-bottom: 145px !important;
}

.u-mb-150 {
  margin-bottom: 150px !important;
}

.u-mb-155 {
  margin-bottom: 155px !important;
}

.u-mb-160 {
  margin-bottom: 160px !important;
}

.u-mb-165 {
  margin-bottom: 165px !important;
}

.u-mb-170 {
  margin-bottom: 170px !important;
}

.u-mb-175 {
  margin-bottom: 175px !important;
}

.u-mb-180 {
  margin-bottom: 180px !important;
}

.u-mb-185 {
  margin-bottom: 185px !important;
}

.u-mb-190 {
  margin-bottom: 190px !important;
}

.u-mb-195 {
  margin-bottom: 195px !important;
}

.u-mb-200 {
  margin-bottom: 200px !important;
}

.u-mb-205 {
  margin-bottom: 205px !important;
}

.u-mb-210 {
  margin-bottom: 210px !important;
}

.u-mb-215 {
  margin-bottom: 215px !important;
}

.u-mb-220 {
  margin-bottom: 220px !important;
}

.u-mb-225 {
  margin-bottom: 225px !important;
}

.u-mb-230 {
  margin-bottom: 230px !important;
}

.u-mb-235 {
  margin-bottom: 235px !important;
}

.u-mb-240 {
  margin-bottom: 240px !important;
}

.u-mb-245 {
  margin-bottom: 245px !important;
}

.u-mb-250 {
  margin-bottom: 250px !important;
}

.u-mb-255 {
  margin-bottom: 255px !important;
}

.u-mb-260 {
  margin-bottom: 260px !important;
}

.u-mb-265 {
  margin-bottom: 265px !important;
}

.u-mb-270 {
  margin-bottom: 270px !important;
}

.u-mb-275 {
  margin-bottom: 275px !important;
}

.u-mb-280 {
  margin-bottom: 280px !important;
}

.u-mb-285 {
  margin-bottom: 285px !important;
}

.u-mb-290 {
  margin-bottom: 290px !important;
}

.u-mb-295 {
  margin-bottom: 295px !important;
}

.u-mb-300 {
  margin-bottom: 300px !important;
}

.u-mb-305 {
  margin-bottom: 305px !important;
}

.u-mb-310 {
  margin-bottom: 310px !important;
}

.u-mb-315 {
  margin-bottom: 315px !important;
}

.u-mb-320 {
  margin-bottom: 320px !important;
}

.u-mb-325 {
  margin-bottom: 325px !important;
}

.u-mb-330 {
  margin-bottom: 330px !important;
}

.u-mb-335 {
  margin-bottom: 335px !important;
}

.u-mb-340 {
  margin-bottom: 340px !important;
}

.u-mb-345 {
  margin-bottom: 345px !important;
}

.u-mb-350 {
  margin-bottom: 350px !important;
}

.u-mb-355 {
  margin-bottom: 355px !important;
}

.u-mb-360 {
  margin-bottom: 360px !important;
}

.u-mb-365 {
  margin-bottom: 365px !important;
}

.u-mb-370 {
  margin-bottom: 370px !important;
}

.u-mb-375 {
  margin-bottom: 375px !important;
}

.u-mb-380 {
  margin-bottom: 380px !important;
}

.u-mb-385 {
  margin-bottom: 385px !important;
}

.u-mb-390 {
  margin-bottom: 390px !important;
}

.u-mb-395 {
  margin-bottom: 395px !important;
}

.u-mb-400 {
  margin-bottom: 400px !important;
}

.u-mb-405 {
  margin-bottom: 405px !important;
}

.u-mb-410 {
  margin-bottom: 410px !important;
}

.u-mb-415 {
  margin-bottom: 415px !important;
}

.u-mb-420 {
  margin-bottom: 420px !important;
}

.u-mb-425 {
  margin-bottom: 425px !important;
}

.u-mb-430 {
  margin-bottom: 430px !important;
}

.u-mb-435 {
  margin-bottom: 435px !important;
}

.u-mb-440 {
  margin-bottom: 440px !important;
}

.u-mb-445 {
  margin-bottom: 445px !important;
}

.u-mb-450 {
  margin-bottom: 450px !important;
}

.u-mb-455 {
  margin-bottom: 455px !important;
}

.u-mb-460 {
  margin-bottom: 460px !important;
}

.u-mb-465 {
  margin-bottom: 465px !important;
}

.u-mb-470 {
  margin-bottom: 470px !important;
}

.u-mb-475 {
  margin-bottom: 475px !important;
}

.u-mb-480 {
  margin-bottom: 480px !important;
}

.u-mb-485 {
  margin-bottom: 485px !important;
}

.u-mb-490 {
  margin-bottom: 490px !important;
}

.u-mb-495 {
  margin-bottom: 495px !important;
}

.u-ml-0 {
  margin-left: 0px !important;
}

.u-ml-5 {
  margin-left: 5px !important;
}

.u-ml-10 {
  margin-left: 10px !important;
}

.u-ml-15 {
  margin-left: 15px !important;
}

.u-ml-20 {
  margin-left: 20px !important;
}

.u-ml-25 {
  margin-left: 25px !important;
}

.u-ml-30 {
  margin-left: 30px !important;
}

.u-ml-35 {
  margin-left: 35px !important;
}

.u-ml-40 {
  margin-left: 40px !important;
}

.u-ml-45 {
  margin-left: 45px !important;
}

.u-ml-50 {
  margin-left: 50px !important;
}

.u-ml-55 {
  margin-left: 55px !important;
}

.u-ml-60 {
  margin-left: 60px !important;
}

.u-ml-65 {
  margin-left: 65px !important;
}

.u-ml-70 {
  margin-left: 70px !important;
}

.u-ml-75 {
  margin-left: 75px !important;
}

.u-ml-80 {
  margin-left: 80px !important;
}

.u-ml-85 {
  margin-left: 85px !important;
}

.u-ml-90 {
  margin-left: 90px !important;
}

.u-ml-95 {
  margin-left: 95px !important;
}

.u-ml-100 {
  margin-left: 100px !important;
}

.u-ml-105 {
  margin-left: 105px !important;
}

.u-ml-110 {
  margin-left: 110px !important;
}

.u-ml-115 {
  margin-left: 115px !important;
}

.u-ml-120 {
  margin-left: 120px !important;
}

.u-ml-125 {
  margin-left: 125px !important;
}

.u-ml-130 {
  margin-left: 130px !important;
}

.u-ml-135 {
  margin-left: 135px !important;
}

.u-ml-140 {
  margin-left: 140px !important;
}

.u-ml-145 {
  margin-left: 145px !important;
}

.u-ml-150 {
  margin-left: 150px !important;
}

.u-ml-155 {
  margin-left: 155px !important;
}

.u-ml-160 {
  margin-left: 160px !important;
}

.u-ml-165 {
  margin-left: 165px !important;
}

.u-ml-170 {
  margin-left: 170px !important;
}

.u-ml-175 {
  margin-left: 175px !important;
}

.u-ml-180 {
  margin-left: 180px !important;
}

.u-ml-185 {
  margin-left: 185px !important;
}

.u-ml-190 {
  margin-left: 190px !important;
}

.u-ml-195 {
  margin-left: 195px !important;
}

.u-ml-200 {
  margin-left: 200px !important;
}

.u-ml-205 {
  margin-left: 205px !important;
}

.u-ml-210 {
  margin-left: 210px !important;
}

.u-ml-215 {
  margin-left: 215px !important;
}

.u-ml-220 {
  margin-left: 220px !important;
}

.u-ml-225 {
  margin-left: 225px !important;
}

.u-ml-230 {
  margin-left: 230px !important;
}

.u-ml-235 {
  margin-left: 235px !important;
}

.u-ml-240 {
  margin-left: 240px !important;
}

.u-ml-245 {
  margin-left: 245px !important;
}

.u-ml-250 {
  margin-left: 250px !important;
}

.u-ml-255 {
  margin-left: 255px !important;
}

.u-ml-260 {
  margin-left: 260px !important;
}

.u-ml-265 {
  margin-left: 265px !important;
}

.u-ml-270 {
  margin-left: 270px !important;
}

.u-ml-275 {
  margin-left: 275px !important;
}

.u-ml-280 {
  margin-left: 280px !important;
}

.u-ml-285 {
  margin-left: 285px !important;
}

.u-ml-290 {
  margin-left: 290px !important;
}

.u-ml-295 {
  margin-left: 295px !important;
}

.u-ml-300 {
  margin-left: 300px !important;
}

.u-ml-305 {
  margin-left: 305px !important;
}

.u-ml-310 {
  margin-left: 310px !important;
}

.u-ml-315 {
  margin-left: 315px !important;
}

.u-ml-320 {
  margin-left: 320px !important;
}

.u-ml-325 {
  margin-left: 325px !important;
}

.u-ml-330 {
  margin-left: 330px !important;
}

.u-ml-335 {
  margin-left: 335px !important;
}

.u-ml-340 {
  margin-left: 340px !important;
}

.u-ml-345 {
  margin-left: 345px !important;
}

.u-ml-350 {
  margin-left: 350px !important;
}

.u-ml-355 {
  margin-left: 355px !important;
}

.u-ml-360 {
  margin-left: 360px !important;
}

.u-ml-365 {
  margin-left: 365px !important;
}

.u-ml-370 {
  margin-left: 370px !important;
}

.u-ml-375 {
  margin-left: 375px !important;
}

.u-ml-380 {
  margin-left: 380px !important;
}

.u-ml-385 {
  margin-left: 385px !important;
}

.u-ml-390 {
  margin-left: 390px !important;
}

.u-ml-395 {
  margin-left: 395px !important;
}

.u-ml-400 {
  margin-left: 400px !important;
}

.u-ml-405 {
  margin-left: 405px !important;
}

.u-ml-410 {
  margin-left: 410px !important;
}

.u-ml-415 {
  margin-left: 415px !important;
}

.u-ml-420 {
  margin-left: 420px !important;
}

.u-ml-425 {
  margin-left: 425px !important;
}

.u-ml-430 {
  margin-left: 430px !important;
}

.u-ml-435 {
  margin-left: 435px !important;
}

.u-ml-440 {
  margin-left: 440px !important;
}

.u-ml-445 {
  margin-left: 445px !important;
}

.u-ml-450 {
  margin-left: 450px !important;
}

.u-ml-455 {
  margin-left: 455px !important;
}

.u-ml-460 {
  margin-left: 460px !important;
}

.u-ml-465 {
  margin-left: 465px !important;
}

.u-ml-470 {
  margin-left: 470px !important;
}

.u-ml-475 {
  margin-left: 475px !important;
}

.u-ml-480 {
  margin-left: 480px !important;
}

.u-ml-485 {
  margin-left: 485px !important;
}

.u-ml-490 {
  margin-left: 490px !important;
}

.u-ml-495 {
  margin-left: 495px !important;
}

.u-mr-0 {
  margin-right: 0px !important;
}

.u-mr-5 {
  margin-right: 5px !important;
}

.u-mr-10 {
  margin-right: 10px !important;
}

.u-mr-15 {
  margin-right: 15px !important;
}

.u-mr-20 {
  margin-right: 20px !important;
}

.u-mr-25 {
  margin-right: 25px !important;
}

.u-mr-30 {
  margin-right: 30px !important;
}

.u-mr-35 {
  margin-right: 35px !important;
}

.u-mr-40 {
  margin-right: 40px !important;
}

.u-mr-45 {
  margin-right: 45px !important;
}

.u-mr-50 {
  margin-right: 50px !important;
}

.u-mr-55 {
  margin-right: 55px !important;
}

.u-mr-60 {
  margin-right: 60px !important;
}

.u-mr-65 {
  margin-right: 65px !important;
}

.u-mr-70 {
  margin-right: 70px !important;
}

.u-mr-75 {
  margin-right: 75px !important;
}

.u-mr-80 {
  margin-right: 80px !important;
}

.u-mr-85 {
  margin-right: 85px !important;
}

.u-mr-90 {
  margin-right: 90px !important;
}

.u-mr-95 {
  margin-right: 95px !important;
}

.u-mr-100 {
  margin-right: 100px !important;
}

.u-mr-105 {
  margin-right: 105px !important;
}

.u-mr-110 {
  margin-right: 110px !important;
}

.u-mr-115 {
  margin-right: 115px !important;
}

.u-mr-120 {
  margin-right: 120px !important;
}

.u-mr-125 {
  margin-right: 125px !important;
}

.u-mr-130 {
  margin-right: 130px !important;
}

.u-mr-135 {
  margin-right: 135px !important;
}

.u-mr-140 {
  margin-right: 140px !important;
}

.u-mr-145 {
  margin-right: 145px !important;
}

.u-mr-150 {
  margin-right: 150px !important;
}

.u-mr-155 {
  margin-right: 155px !important;
}

.u-mr-160 {
  margin-right: 160px !important;
}

.u-mr-165 {
  margin-right: 165px !important;
}

.u-mr-170 {
  margin-right: 170px !important;
}

.u-mr-175 {
  margin-right: 175px !important;
}

.u-mr-180 {
  margin-right: 180px !important;
}

.u-mr-185 {
  margin-right: 185px !important;
}

.u-mr-190 {
  margin-right: 190px !important;
}

.u-mr-195 {
  margin-right: 195px !important;
}

.u-mr-200 {
  margin-right: 200px !important;
}

.u-mr-205 {
  margin-right: 205px !important;
}

.u-mr-210 {
  margin-right: 210px !important;
}

.u-mr-215 {
  margin-right: 215px !important;
}

.u-mr-220 {
  margin-right: 220px !important;
}

.u-mr-225 {
  margin-right: 225px !important;
}

.u-mr-230 {
  margin-right: 230px !important;
}

.u-mr-235 {
  margin-right: 235px !important;
}

.u-mr-240 {
  margin-right: 240px !important;
}

.u-mr-245 {
  margin-right: 245px !important;
}

.u-mr-250 {
  margin-right: 250px !important;
}

.u-mr-255 {
  margin-right: 255px !important;
}

.u-mr-260 {
  margin-right: 260px !important;
}

.u-mr-265 {
  margin-right: 265px !important;
}

.u-mr-270 {
  margin-right: 270px !important;
}

.u-mr-275 {
  margin-right: 275px !important;
}

.u-mr-280 {
  margin-right: 280px !important;
}

.u-mr-285 {
  margin-right: 285px !important;
}

.u-mr-290 {
  margin-right: 290px !important;
}

.u-mr-295 {
  margin-right: 295px !important;
}

.u-mr-300 {
  margin-right: 300px !important;
}

.u-mr-305 {
  margin-right: 305px !important;
}

.u-mr-310 {
  margin-right: 310px !important;
}

.u-mr-315 {
  margin-right: 315px !important;
}

.u-mr-320 {
  margin-right: 320px !important;
}

.u-mr-325 {
  margin-right: 325px !important;
}

.u-mr-330 {
  margin-right: 330px !important;
}

.u-mr-335 {
  margin-right: 335px !important;
}

.u-mr-340 {
  margin-right: 340px !important;
}

.u-mr-345 {
  margin-right: 345px !important;
}

.u-mr-350 {
  margin-right: 350px !important;
}

.u-mr-355 {
  margin-right: 355px !important;
}

.u-mr-360 {
  margin-right: 360px !important;
}

.u-mr-365 {
  margin-right: 365px !important;
}

.u-mr-370 {
  margin-right: 370px !important;
}

.u-mr-375 {
  margin-right: 375px !important;
}

.u-mr-380 {
  margin-right: 380px !important;
}

.u-mr-385 {
  margin-right: 385px !important;
}

.u-mr-390 {
  margin-right: 390px !important;
}

.u-mr-395 {
  margin-right: 395px !important;
}

.u-mr-400 {
  margin-right: 400px !important;
}

.u-mr-405 {
  margin-right: 405px !important;
}

.u-mr-410 {
  margin-right: 410px !important;
}

.u-mr-415 {
  margin-right: 415px !important;
}

.u-mr-420 {
  margin-right: 420px !important;
}

.u-mr-425 {
  margin-right: 425px !important;
}

.u-mr-430 {
  margin-right: 430px !important;
}

.u-mr-435 {
  margin-right: 435px !important;
}

.u-mr-440 {
  margin-right: 440px !important;
}

.u-mr-445 {
  margin-right: 445px !important;
}

.u-mr-450 {
  margin-right: 450px !important;
}

.u-mr-455 {
  margin-right: 455px !important;
}

.u-mr-460 {
  margin-right: 460px !important;
}

.u-mr-465 {
  margin-right: 465px !important;
}

.u-mr-470 {
  margin-right: 470px !important;
}

.u-mr-475 {
  margin-right: 475px !important;
}

.u-mr-480 {
  margin-right: 480px !important;
}

.u-mr-485 {
  margin-right: 485px !important;
}

.u-mr-490 {
  margin-right: 490px !important;
}

.u-mr-495 {
  margin-right: 495px !important;
}
/*!*******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/assets/styles/scss/projects.scss ***!
  \*******************************************************************************************************************************/
@charset "UTF-8";
.p-pager {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.p-pager__button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--fwMedium);
  width: 95px;
  height: 44px;
  background: #FFF;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1411764706);
  border-radius: 8px;
}
.p-pager__button i {
  width: 24px;
  height: 24px;
}
.p-pager__button--prev i {
  background-image: url(/user/images/chevron_left_24px.e4d5addf66282b1cf843.svg);
  margin-right: 5px;
}
.p-pager__button--next i {
  background-image: url(/user/images/chevron_right_24px.97219e0cabfff6310d1b.svg);
  margin-left: 5px;
}

.p-form-field {
  position: relative;
}
.p-form-field + .p-form-field {
  margin-top: 10px;
}
.p-form-field--required__label {
  display: flex;
  align-items: center;
}
.p-form-field--required__label > svg {
  margin-right: 10px;
}

.p-form-error {
  margin: 15px 0;
  color: #F00;
  font-weight: normal;
  text-align: left;
}

.p-confirm-item {
  font-size: 14px;
  margin-bottom: 16px;
  border-bottom: 1px solid #E0E0E0;
  line-height: 1;
}
.p-confirm-item:not(:last-child) {
  margin-bottom: 16px;
}
.p-confirm-item:last-child {
  margin-bottom: 24px;
}
.p-confirm-item__label {
  font-weight: var(--fwBold);
  margin-bottom: 8px;
}
.p-confirm-item__value {
  margin-bottom: 16px;
}

.p-newsList {
  padding: 0 16px 24px;
}
.p-newsList__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.p-newsList__wrapper {
  background-color: #fff;
  padding: 14px 16px 12px;
  border: 1px solid var(--frameColor);
  border-radius: 8px;
}
.p-newsList__block {
  display: flex;
  padding-top: 14px;
  border-bottom: 1px solid var(--frameColor);
}
.p-newsList__block:first-child {
  padding-top: 0;
}
.p-newsList__block:last-child {
  border-bottom: 0;
}
.p-newsList__title {
  font-size: 16px;
  font-weight: var(--fwBold);
}
.p-newsList__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.p-newsList__date {
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 4px;
}
.p-newsList__text {
  width: calc(100vw - 64px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #0D5DDD;
}
.p-newsList__more {
  color: #0D5DDD;
  font-size: 1.4rem;
}
.p-newsList__empty {
  margin: 15px 0;
  font-size: 13px;
}

/*
 * p-learning-menu（過去問トップ画面のメニュー）
 */
.p-learning-menu {
  display: flex;
  padding: 0 16px;
  margin-bottom: 24px;
}
.p-learning-menu__block {
  width: 100%;
  background-color: #fff;
  padding: 16px 8px;
  border: 1px solid var(--frameColor);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}
.p-learning-menu__block:last-child {
  margin-right: 0;
}
.p-learning-menu__block.is-disable {
  background: #EDEDED;
  pointer-events: none;
}
.p-learning-menu__block.is-disable .p-learning-menu__name {
  color: #B1B1B1;
}
.p-learning-menu__name {
  font-size: 11px;
  font-weight: var(--fwBold);
}

/*
 * p-learning（トップ画面のグラフ系）
 */
.p-learning-total-progress {
  padding: 16px 16px 0;
  margin-bottom: 24px;
}
.p-learning-total-progress__block {
  background-color: #fff;
  padding: 20px 16px;
  border: 1px solid var(--frameColor);
  border-radius: 8px;
  margin-bottom: 8px;
}

.p-learning-circle {
  width: 100px;
  height: 100px;
  position: relative;
}
.p-learning-circle__item {
  transform: rotate(-90deg);
  position: relative;
  fill: none;
  stroke-width: 10;
  stroke: var(--frameColor);
  stroke-dasharray: 283;
  stroke-dashoffset: 0;
  /* stroke-linecap: round; */
}
.p-learning-circle__item--line {
  stroke: #f8c600;
}
.p-learning-circle__title {
  font-size: 11px;
}
.p-learning-circle__text {
  font-size: 20px;
  font-weight: var(--fwBold);
}
.p-learning-circle__percent {
  font-size: 11px;
}
.p-learning-circle__inner {
  width: 250px;
  display: flex;
  flex-direction: column;
}
.p-learning-circle-inner__title {
  display: inline-block;
  height: 36px;
  text-align: center;
  font-size: 14px;
}
.p-learning-circle-inner__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.p-learning-progress {
  padding: 0 16px;
  margin-bottom: 24px;
}
.p-learning-progress__block {
  background-color: #fff;
  padding: 20px 16px;
  border: 1px solid var(--frameColor);
  border-radius: 8px;
  margin-bottom: 8px;
}
.p-learning-progress__text {
  font-size: 12px;
  margin-bottom: 8px;
}

.p-learning-list {
  background-color: #fff;
  border: 1px solid var(--frameColor);
  border-radius: 8px;
}
.p-learning-list__block {
  padding: 25px 16px;
  border-bottom: 1px solid var(--frameColor);
}

.p-part-list {
  position: relative;
  padding: 16px 16px 50px;
}
.p-part-list__wrapper {
  margin-bottom: 24px;
}
.p-part-list__title {
  margin-bottom: 8px;
}

.p-menu {
  background: #fff;
  border: 1px solid var(--frameColor);
  border-radius: 8px;
  color: #000;
}
.p-menu > li:not(:last-child) {
  border-bottom: 1px solid var(--frameColor);
}
.p-menu__item {
  font-size: 1.4rem;
  color: #000;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
}
.p-menu__label {
  display: flex;
  align-items: center;
}
.p-menu__app {
  height: 16px;
  width: 16px;
  background-image: url(/user/images/chevron_right_24px.97219e0cabfff6310d1b.svg);
  background-size: 16px;
}
.p-menu__external {
  height: 12px;
  width: 12px;
  background-image: url(/user/images/icon-OpenInNew.d9eace54a4bf8d8b3754.svg);
  background-size: 12px;
}

/*
 * 問題一覧
 */
.p-question-list {
  background-color: #fff;
  border: 1px solid var(--frameColor);
  border-radius: 8px;
}
.p-question-list__block {
  position: relative;
  padding: 16px;
}
.p-question-list__block:not(:last-child) {
  border-bottom: 1px solid var(--frameColor);
}
.p-question-list__block p {
  font-size: 12px;
}
.p-question-list__qnum {
  font-size: 13px;
}
.p-question-list__right {
  position: absolute;
  top: 16px;
  right: 16px;
}
.p-question-list__right span {
  display: block;
}

.p-question-none__icon {
  display: block;
  width: 105px;
  height: 105px;
  margin: 0 auto 20px;
}
.p-question-none__title {
  text-align: center;
  font-weight: var(--fwBold);
  margin-bottom: 10px;
}
.p-question-none__text {
  text-align: center;
  font-size: 12px;
}

/*
 * p-question（演習）
 */
.p-question {
  padding: 0 16px;
  margin-bottom: 24px;
}
.p-question-header {
  width: 100%;
  height: 46px;
  background: #fff;
  margin-bottom: 16px;
}
.p-question-header__wrapper {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-question-header__title {
  font-size: 14px;
}
.p-question-progress {
  padding: 0 16px;
  margin-bottom: 24px;
}

/*
 * p-result（採点）
 */
.p-result {
  padding: 0 16px;
  margin-bottom: 24px;
}
.p-result-question__sentence {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--frameColor);
  font-size: 14px;
}
.p-result-question__sentence p {
  white-space: pre-wrap;
}
.p-result-question__sentence p + p {
  margin-top: 24px;
}
.p-result-question__title {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--frameColor);
}
.p-result-question__title h4 {
  font-size: 12px;
  font-weight: var(--fwRegular);
}
.p-result-question__title p {
  font-size: 14px;
  font-weight: var(--fwBold);
}
.p-result-question__subject {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--frameColor);
}
.p-result-question__subject h4 {
  font-size: 12px;
  font-weight: var(--fwRegular);
}
.p-result-question__subject p {
  font-size: 14px;
  font-weight: var(--fwBold);
}
.p-result-question__source {
  padding-top: 16px;
  padding-bottom: 16px;
}
.p-result-question__source h4 {
  font-size: 12px;
  font-weight: var(--fwRegular);
}
.p-result-question__source p {
  font-size: 14px;
  font-weight: var(--fwBold);
}
.p-result-options {
  height: 42px;
  border-top: 1px solid var(--frameColor);
  border-bottom: 1px solid var(--frameColor);
  display: flex;
}
.p-result-options__item {
  width: 50%;
  border-right: 1px solid var(--frameColor);
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-result-options__item--noboarder {
  border-right: none;
}
.p-result-options__item:last-child {
  border-right: 0;
}
.p-result-memo__sentence {
  background-color: #F8F8F8;
  padding: 16px;
}
.p-result-memo__sentence textarea {
  width: 100%;
  height: 93px;
  resize: none;
  appearance: none;
  background-color: transparent;
  font-size: 13px;
}
.p-result-memo__button {
  width: 100%;
  height: 44px;
  background-color: #EDEDED;
  border-radius: 0 0 8px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*
 * p-accordion
 */
.p-accordion {
  border-bottom: 1px solid #DDD;
}
.p-accordion__header {
  height: 54px;
  padding: 0 16px;
  display: flex;
  align-items: center;
}
.p-accordion__header--timer {
  justify-content: space-between;
}
.p-accordion-header__title {
  height: 14px;
  padding-left: 22px;
  display: flex;
  align-items: center;
  background-image: url(/user/images/icon-plus.9f3e6cbd797bd6b97f44.svg);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 14px 14px;
}
.p-accordion-header__title--unsetIcon {
  background-image: unset;
}
.p-accordion-header__title.is-active {
  background-image: url(/user/images/icon-close__small.bd340cdda5fe921f2836.svg);
}
.p-accordion-header__title.is-passive {
  padding-left: 0;
  background: none;
}
.p-accordion-header__title.is-sectionless {
  background: none;
}
.p-accordion-header__time {
  font-size: 12px;
}
.p-accordion__body {
  padding: 0 16px;
}
.p-accordion__systems {
  padding-left: 22px;
}

/*
 * p-explanation
 */
.p-explanation {
  padding: 16px 16px 0;
  margin-bottom: 16px;
}
.p-explanation__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.p-explanation__properties {
  display: flex;
  margin-bottom: 8px;
}
.p-explanation__property {
  font-size: 12px;
  background-color: #EDEDED;
  padding: 2px 7px;
  margin-right: 5px;
}
.p-explanation__property:last-child {
  margin-right: 0;
}
.p-explanation__score {
  font-size: 12px;
}
.p-explanation__selection {
  margin-bottom: 16px;
}
.p-explanation-selection__item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
}
.p-explanation-selection__item:last-child {
  margin-bottom: 0;
}
.p-explanation-selection-item__questionNums {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.p-explanation-selection-item__questionNum {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: var(--fwBold);
  margin-right: 8px;
}
.p-explanation-selection-item__selects {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.p-explanation-selection-item__select {
  height: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
}
.p-explanation-selection-item__answeredTitle {
  font-size: 12px;
  margin-right: 8px;
}
.p-explanation-selection-item__answered {
  width: 35px;
  height: 35px;
  border: 1px solid var(--frameColor);
  border-radius: 30px;
  font-size: 13px;
  font-weight: var(--fwBold);
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-explanation-selection-item__notSelected {
  width: 40px;
  height: 35px;
  font-size: 12px;
  font-weight: var(--fwBold);
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-explanation-selection-item__results {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.p-explanation-selection-item__answerTitle {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: var(--fwBold);
  margin-right: 8px;
}
.p-explanation-selection-item__answers {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.p-explanation-selection-item__answer {
  width: 35px;
  height: 35px;
  border: 1px solid #66C4A7;
  border-radius: 30px;
  font-size: 13px;
  font-weight: var(--fwBold);
  color: #fff;
  background-color: #66C4A7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-explanation-selection-item__answer--incorrect {
  border: 1px solid var(--red);
  background-color: var(--red);
}
.p-explanation__sentence p + p {
  margin-top: 24px;
}

/*
 * p-timer
 */
.p-timer {
  width: 100%;
  height: 46px;
  background: #fff;
  margin-bottom: 16px;
}

/*
 * p-timetrial-header
 */
.p-timetrial-header {
  width: 100%;
  height: 41px;
  background: #fff;
  margin-bottom: 16px;
}
.p-timetrial-header.is-scroll {
  margin-bottom: 0;
}

/*
 * p-page
 */
.p-page-block {
  padding: 0 16px;
}

/*
 * p-reference
 */
.p-reference-button {
  width: 52px;
  height: 52px;
  background: #fff;
  border: 2px solid var(--corporate);
  border-radius: 28px;
  position: fixed;
  right: 16px;
  bottom: 75px;
  z-index: 1000;
  overflow-y: scroll;
}
.p-reference-button.no-footer {
  bottom: 15px;
}

/*
 * p-overlay
 */
.p-overlay {
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  position: fixed;
  inset: 0;
  overflow-y: auto;
  z-index: 1000;
  background-color: var(--mainBackground);
}
.p-overlay__header {
  height: 46px;
  border-bottom: 1px solid #EDEDED;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}
.p-overlay-header__reset {
  position: absolute;
  top: 14px;
  left: 16px;
}
.p-overlay-header__title {
  font-size: 14px;
  font-weight: var(--fwBold);
}
.p-overlay-header__close {
  width: 46px;
  height: 46px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(/user/images/icon-batu.87a4ca41540c6cd7c780.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
}
.p-overlay__body {
  margin-bottom: 16px;
}

.p-filter-items {
  margin-bottom: 16px;
}
.p-filter-items--modal {
  margin: 8px 16px 24px;
}
.p-filter-items__label {
  display: block;
  font-size: 12px;
  margin-bottom: 8px;
}
.p-filter-items__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.p-filter-items__item {
  width: auto;
}
.p-filter-items__item span {
  width: 100%;
}
.p-filter-items__year {
  display: flex;
  align-items: center;
}
.p-filter-items__year span {
  font-size: 12px;
}
.p-filter-items__year input {
  margin: 0 8px;
}
.p-filter-items__particular {
  border-radius: 8px;
  padding: 10px 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}
.p-filter-items__particular--white {
  background: #fff;
}
.p-filter-items__particular > div {
  width: calc(50% - 8px);
  justify-content: unset;
  align-items: unset;
}

.p-categoryList {
  height: 34px;
  color: #B1B1B1;
  background: #fff;
  border-bottom: 1px solid var(--frameColor);
  overflow: scroll;
}
.p-categoryList__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 24px;
  width: 476px;
  height: 100%;
  overflow: hidden;
}
.p-categoryList__wrapper .is-active {
  position: relative;
  font-weight: var(--fwBold);
  color: #000;
}
.p-categoryList__wrapper .is-active::before {
  position: absolute;
  bottom: -6px;
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  border-bottom: 3px solid var(--corporate);
}

.p-filter-block {
  height: 60px;
  border-top: 1px solid var(--frameColor);
}
.p-filter-block__wrapper {
  overflow: scroll;
  padding: 13px 16px;
  display: flex;
  flex-wrap: nowrap;
}
.p-filter-block__btn {
  display: flex;
  width: 34px;
  height: 34px;
  background: #FFF;
  border: 1px solid var(--frameColor);
  border-radius: 18px;
  margin-right: 8px;
}
.p-filter-block__btn img {
  display: block;
  height: 18px;
  object-fit: contain;
  margin: auto;
}

.p-filter-list {
  overflow: scroll;
  width: calc(100% - 34px);
}
.p-filter-list__wrapper {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  justify-content: center;
  overflow: hidden;
  width: max-content;
}
.p-filter-list__wrapper div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
  border: 1px solid var(--frameColor);
  border-radius: 18px;
  height: 34px;
  font-size: 13px;
  padding: 0 10px;
}
.p-filter-list__wrapper div.is-active {
  border: 1px solid var(--corporate);
  background: #FFF0C1;
}
.p-filter-list__wrapper div img {
  margin-left: 5px;
  width: 13px;
  height: 13px;
}

.p-radio-items {
  border-radius: 8px;
  background: #FFF;
  margin: 16px;
}
.p-radio-items--border {
  margin: 0;
  border: 1px solid #EDEDED;
}
.p-radio-items__wrapper {
  position: relative;
  padding: 16px;
}
.p-radio-items__wrapper:not(:last-child) {
  border-bottom: 1px solid #EDEDED;
}
.p-radio-items__wrapper span {
  position: absolute;
  right: 16px;
}
.p-radio-items__input {
  width: 20px;
  height: 20px;
  border: 1px solid #CCC;
  border-radius: 50%;
  margin-right: 8px;
}
.p-radio-items__input:checked {
  border: 6px solid var(--corporate);
}
.p-radio-items__input:checked + .p-radio-items__label {
  font-weight: var(--fwBold);
}
/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/assets/styles/scss/libs.scss ***!
  \***************************************************************************************************************************/
.guardRapidClick {
  cursor: not-allowed;
  filter: grayscale(80%);
  opacity: 0.5;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/components/layouts/Header.vue?vue&type=style&index=0&id=146e2983&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.container[data-v-146e2983] {
  position: relative;
  z-index: 10;
  justify-content: end;
}
.container > a[data-v-146e2983] {
  position: absolute;
  left: 0;
  top: 10px;
}
.container .headerBtnContainer.loggined[data-v-146e2983] {
  margin-right: 20px;
}
.account[data-v-146e2983] {
  background: #fff url(/user/images/icon-person-circle.e6f8d07c843b7acc7be9.svg) no-repeat 10px center;
  background-size: 20px 20px;
  width: 40px;
  height: 40px;
}
.mainMenu[data-v-146e2983] {
  position: relative;
  z-index: 1;
}
.headerAccountMenu[data-v-146e2983] {
  display: block;
  position: absolute;
  top: 60px;
  right: 0;
  z-index: 11;
  background: #FFF;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.headerAccountMenu li[data-v-146e2983] {
  padding: 10px 20px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  cursor: pointer;
}
@media (max-width: 992px) {
.container[data-v-146e2983] {
    max-width: 100%;
    position: relative;
    z-index: 10;
    justify-content: space-between;
}
.container > a[data-v-146e2983] {
    position: relative;
    left: initial;
    top: initial;
}
.container .headerBtnContainer.account[data-v-146e2983] {
    position: absolute;
    top: 8px;
    right: 60px;
    left: auto;
}
.headerBtnContainer.loggined[data-v-146e2983] {
    display: none;
}
.headerBtnContainer.loggined.active[data-v-146e2983] {
    display: block;
}
.headerBtnContainer.loggined a[data-v-146e2983] {
    width: 100%;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/components/layouts/Footer.vue?vue&type=style&index=0&id=198874de&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.commonFooter[data-v-198874de] {
  margin-top: 80px;
  color: #fff !important;
}
.commonFooter > div[data-v-198874de] {
  background-color: #007bff !important;
  color: #FFF;
}
.commonFooter > div > p[data-v-198874de] {
  font-size: 16px;
  line-height: 24px;
  text-align: center !important;
  padding-bottom: 8px !important;
  padding-top: 8px !important;
  margin-bottom: 0 !important;
  margin-top: 0;
  margin-bottom: 8px;
}
.commonFooter > div > p > small[data-v-198874de] {
  font-size: 12.8px;
  text-align: 19.2px;
}
.commonFooter > div > p a[data-v-198874de] {
  color: #FFF;
  text-decoration: underline;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/components/WaitingAsyncActions.vue?vue&type=style&index=0&id=ff600e64&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
.waitingAsyncActions[data-v-ff600e64] {
  z-index: 1000;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.waitingAsyncActions__inner[data-v-ff600e64] {
  background: rgba(0, 0, 0, 0.3);
  height: 52px;
  width: 180px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.waitingAsyncActions__text[data-v-ff600e64] {
  font-size: 1.3rem;
  font-weight: var(--fwMedium);
  letter-spacing: 0.08em;
}
.waitingAsyncActions__dot[data-v-ff600e64] {
  text-align: center;
  display: inline-block;
  animation-name: waitingAsyncActionsAnime-ff600e64;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  animation-direction: alternate;
}
.waitingAsyncActions__dot--1[data-v-ff600e64] {
  animation-delay: 0.2s;
}
.waitingAsyncActions__dot--2[data-v-ff600e64] {
  animation-delay: 0.4s;
}
.waitingAsyncActions__dot--3[data-v-ff600e64] {
  animation-delay: 0.6s;
}
@keyframes waitingAsyncActionsAnime-ff600e64 {
0% {
    opacity: 0;
}
50% {
    opacity: 0;
}
51% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.fade-enter-active[data-v-ff600e64], .fade-leave-active[data-v-ff600e64] {
  transition: opacity 0.5s ease;
  opacity: 1;
}
.fade-enter-from[data-v-ff600e64], .fade-leave-to[data-v-ff600e64] {
  opacity: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.wrapper[data-v-7ba5bd90] {
  position: relative;
  height: calc(var(--vh, 1vh) * 100);
}
.contents[data-v-7ba5bd90] {
  position: relative;
  display: flex;
  height: calc(var(--vh, 1vh) * 100);
}
.contents__body[data-v-7ba5bd90] {
  position: relative;
  width: 100vw;
}
.contents__main[data-v-7ba5bd90] {
  transition: opacity 0.25s;
  position: relative;
  overflow-y: auto;
}
.contents__body[data-v-7ba5bd90] {
  z-index: 1;
}
.contents__body .contents__main[data-v-7ba5bd90] {
  z-index: 1;
  position: relative;
  padding-top: 131px;
}
.contents__body .contents__footer[data-v-7ba5bd90] {
  z-index: 1;
}
#modalPosition[data-v-7ba5bd90] {
  position: relative;
  z-index: 2;
}
#moverlayPosition[data-v-7ba5bd90] {
  position: relative;
  z-index: 2;
}
.routerBefore[data-v-7ba5bd90] {
  opacity: 0;
}
.routerAfter[data-v-7ba5bd90] {
  opacity: 1;
}
@media (max-width: 992px) {
.contents__body .contents__main[data-v-7ba5bd90] {
    padding-top: 131;
}
.contents__body .contents__main.loggined[data-v-7ba5bd90] {
    padding-top: 50px;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/components/modal/Modal.vue?vue&type=style&index=0&id=177f8d4b&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.v-enter-active[data-v-177f8d4b],
.v-leave-active[data-v-177f8d4b] {
  transition: opacity 0.5s ease;
}
.v-enter-from[data-v-177f8d4b],
.v-leave-to[data-v-177f8d4b] {
  opacity: 0;
}
.v-enter-active .l-modal__container[data-v-177f8d4b],
.v-leave-active .l-modal__container[data-v-177f8d4b] {
  transition: transform 0.3s ease;
}
.v-enter-from .l-modal__container[data-v-177f8d4b],
.v-leave-to .l-modal__container[data-v-177f8d4b] {
  transform: scale(1.1);
}
.v-enter-active[data-v-177f8d4b],
.v-leave-active[data-v-177f8d4b] {
  transition: opacity 0.5s ease;
}
.v-enter-from[data-v-177f8d4b],
.v-leave-to[data-v-177f8d4b] {
  opacity: 0;
}
.v-enter-active .modal__container[data-v-177f8d4b],
.v-leave-active .modal__container[data-v-177f8d4b] {
  transition: transform 0.3s ease;
}
.v-enter-from .modal__container[data-v-177f8d4b],
.v-leave-to .modal__container[data-v-177f8d4b] {
  transform: scale(1.1);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/Login.vue?vue&type=style&index=0&id=26084dc2&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
.login[data-v-26084dc2] {
  max-width: 450px;
  margin: 0 auto;
  padding-top: 64px;
}
.login__text[data-v-26084dc2] {
  text-align: center;
  font-size: 20px;
  font-weight: var(--fwBold);
  margin-bottom: 20px;
}
.login__logo[data-v-26084dc2] {
  width: 139px;
  height: auto;
  margin: 0 auto 53px;
  display: block;
}
.login__form[data-v-26084dc2] {
  margin-bottom: 40px;
}
.login__remind[data-v-26084dc2] {
  display: block;
  text-align: center;
  color: #000;
  text-decoration: underline;
  font-size: 1.3rem;
  margin-bottom: 10px;
}
.login__remind[data-v-26084dc2]:nth-child(2) {
  margin-bottom: 40px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/components/course/TextbookDownload.vue?vue&type=style&index=0&id=dbcece1c&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
.pdfContainer.finished[data-v-dbcece1c] {
  border: 1px solid #ddd;
  padding: 0 0 10px;
  margin: 20px auto;
}
.pdfContainer .title[data-v-dbcece1c] {
  display: block;
  text-align: center;
  padding: 14px;
  background: #00008b;
  color: #FFF;
  font-size: 18px;
  margin: 0;
}
.pdfContainer .title span[data-v-dbcece1c] {
  font-size: 14px;
  font-weight: normal;
}
.pdfContainer .pdfContainerInner[data-v-dbcece1c] {
  padding: 20px 0;
}
.pdfContainer .pdfContainerInner .pdfContainerInnerImg[data-v-dbcece1c] {
  flex: 0 0 auto;
  margin: 10px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pdfContainer .pdfContainerInner .pdfContainerInnerImg img[data-v-dbcece1c] {
  max-height: 600px;
  max-width: 600px;
  width: auto;
  height: auto;
}
@media (max-width: 600px) {
.pdfContainer .pdfContainerInner .pdfContainerInnerImg img[data-v-dbcece1c] {
    max-height: none;
    max-width: none;
    width: 100%;
    height: 100%;
}
}
.pdfContainer .pdfContainerInner .pdfContainerInnerLink[data-v-dbcece1c] {
  text-align: center;
}
.pdfContainer .pdfContainerInner .pdfContainerInnerLink a[data-v-dbcece1c] {
  display: inline-block;
  margin: 10px 20px;
  font-size: 16px;
  color: #337ab7;
  text-decoration: underline;
}
@media (max-width: 576px) {
.pdfContainer .pdfContainerInner[data-v-dbcece1c] {
    flex-direction: column;
    gap: 10px;
}
.pdfContainer .pdfContainerInner .pdfContainerInnerImg[data-v-dbcece1c] {
    width: 100%;
    justify-content: center;
    padding: 20px 0 0;
}
.pdfContainer .pdfContainerInner .pdfContainerInnerLink[data-v-dbcece1c] {
    width: 100%;
    text-align: center;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/components/course/DVDorMovie.vue?vue&type=style&index=0&id=4cd6c822&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
.dvd_online_container[data-v-4cd6c822] {
  border: 1px solid #ddd;
  padding: 0 0 10px;
  margin: 20px auto;
}
.title[data-v-4cd6c822] {
  display: block;
  text-align: center;
  padding: 14px;
  background: #00008b;
  color: #FFF;
  font-size: 18px;
  margin: 0;
}
.iframe_title[data-v-4cd6c822] {
  display: block;
  margin: 20px 10px;
  text-align: center;
  font-size: 16px;
}
.iframeContainer[data-v-4cd6c822] {
  width: auto;
  margin: 5px auto 30px;
  text-align: center;
}
button[data-v-4cd6c822] {
  display: block;
  width: 300px;
  padding: 8px;
  margin: 20px auto 10px;
  font-size: 16px;
  text-align: center;
  height: auto !important;
}
button span[data-v-4cd6c822] {
  display: block;
  font-size: 13px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/Dashboard.vue?vue&type=style&index=0&id=22ba47ca&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.container[data-v-22ba47ca] {
  /* フッターボタン */
}
.container iframe[data-v-22ba47ca] {
  margin-top: 40px;
  width: 100%;
  height: 100px;
  border: none;
}
.container .topMessage[data-v-22ba47ca] {
  margin: 20px 0;
  padding: 20px;
  border: 3px solid #F00;
}
.container .topMessage p[data-v-22ba47ca] {
  font-size: 20px;
  text-align: center;
  color: #F00;
}
.container h2[data-v-22ba47ca] {
  padding: 30px 0 15px;
  font-size: 26px;
  text-align: left;
  font-weight: bold;
}
.container .detail[data-v-22ba47ca] {
  width: 100%;
}
.container .detail table.detailTable[data-v-22ba47ca] {
  width: 100%;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.container .detail table.detailTable tr[data-v-22ba47ca]:hover {
  background: #f9f9f9;
}
.container .detail table.detailTable th[data-v-22ba47ca] {
  width: 200px;
  height: 100%;
  padding: 8px 15px 10px;
  background: #eaeaea;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  text-align: right;
}
.container .detail table.detailTable td[data-v-22ba47ca] {
  width: calc(100% - 200px);
  padding: 8px 15px 10px;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  word-break: break-word;
}
.container .detail table.detailTable td button[data-v-22ba47ca] {
  display: inline-block;
  width: auto;
  padding: 3px 8px;
  vertical-align: 1px;
  margin: 0 10px 0 0;
}
.container .onlineContainer[data-v-22ba47ca] {
  width: auto;
  padding: 0 0 10px;
  margin: 20px auto;
  justify-content: center;
  border: 1px solid #ddd;
  /* キーワード入力 */
  /* アンケート入力 */
}
.container .onlineContainer p[data-v-22ba47ca] {
  display: block;
  margin: 20px 10px;
  text-align: center;
  font-size: 16px;
}
.container .onlineContainer p.title[data-v-22ba47ca] {
  padding: 14px;
  background: #00008b;
  color: #FFF;
  font-size: 18px;
  margin: 0;
}
.container .onlineContainer.changeableFalse[data-v-22ba47ca] {
  padding-top: 10px;
  text-align: center;
  font-size: 18px;
  color: #F00;
  border: none;
}
.container .onlineContainer .paymentByContainer[data-v-22ba47ca] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.container .onlineContainer .paymentByContainer button[data-v-22ba47ca] {
  display: inline-block;
  width: auto;
  padding: 5px 15px;
  margin: 0 10px 10px 0;
}
.container .onlineContainer .paymentByAttention[data-v-22ba47ca] {
  margin: 20px 20px 10px;
  font-size: 14px;
}
.container .onlineContainer .paymentByAttention li[data-v-22ba47ca] {
  text-indent: -24px;
  padding-left: 24px;
  margin: 0;
}
.container .onlineContainer .iframeContainer[data-v-22ba47ca] {
  width: auto;
  margin: 5px auto 30px;
  text-align: center;
}
.container .onlineContainer.p0[data-v-22ba47ca] {
  padding: 0;
}
.container .onlineContainer.p0 .btnContainer[data-v-22ba47ca] {
  text-align: center;
}
.container .onlineContainer.p0 .btnContainer button[data-v-22ba47ca] {
  display: inline-block;
  width: auto;
  padding: 5px 8px;
  margin: 20px 10px;
}
.container .onlineContainer .keywordContainer[data-v-22ba47ca] {
  margin: 0 20px;
}
.container .onlineContainer .keywordContainer p[data-v-22ba47ca] {
  padding: 8px 0 0;
  margin: 0;
  font-size: 14px;
  text-align: left;
}
.container .onlineContainer .keywordContainer input[data-v-22ba47ca] {
  display: block;
  margin: 4px auto 10px;
  width: 100%;
  padding: 8px;
  text-align: left;
  font-size: 16px;
  border: 1px solid #ddd;
}
.container .onlineContainer .q_container[data-v-22ba47ca] {
  padding: 0 15px;
  margin: 0 auto;
}
.container .onlineContainer .q_container .q_title[data-v-22ba47ca] {
  max-width: 100%;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 8px 0 0;
  margin: 18px 0 0;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
.container .onlineContainer .q_container .q_radio[data-v-22ba47ca] {
  display: block;
  margin: 4px 16px 2px 0;
  font-size: 16px;
}
.container .onlineContainer .q_container .q_radio input[data-v-22ba47ca] {
  vertical-align: -1px;
  appearance: auto;
}
.container .onlineContainer .q_container .q_checkbox[data-v-22ba47ca] {
  display: inline-block;
  margin: 4px 16px 2px 0;
  font-size: 16px;
}
.container .onlineContainer .q_container .q_checkbox input[data-v-22ba47ca] {
  vertical-align: -1px;
  appearance: auto;
}
.container .onlineContainer .q_container .q_select[data-v-22ba47ca] {
  appearance: auto;
  outline: none;
  max-width: 100%;
  border: 1px solid #333;
  border-radius: 4px;
  font-size: 16px;
  margin-top: 8px;
  padding: 4px 10px;
  cursor: pointer;
}
.container .onlineContainer .q_container .q_textarea[data-v-22ba47ca] {
  display: block;
  margin: 4px auto 10px;
  width: 100%;
  height: 100px;
  padding: 8px;
  border-radius: 4px;
  font-size: 16px;
  border: 1px solid #333;
}
.container .onlineContainer button[data-v-22ba47ca] {
  display: block;
  width: 300px;
  padding: 8px;
  margin: 20px auto 10px;
  font-size: 16px;
  text-align: center;
  height: auto;
}
.container .onlineContainer button span[data-v-22ba47ca] {
  display: block;
  font-size: 13px;
}
.container h3[data-v-22ba47ca] {
  padding: 5px 10px;
  margin: 0 0 10px;
  border-left: 6px solid #00008b;
  font-size: 17.6px;
  font-weight: bold;
}
.container .courseListTable[data-v-22ba47ca] {
  width: 100%;
  min-width: 540px;
}
.container .courseListTable thead[data-v-22ba47ca] {
  background: #eaeaea;
  border-bottom: 1px solid #ddd;
}
.container .courseListTable thead th[data-v-22ba47ca] {
  border: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  padding: 6px 15px;
  text-align: left;
}
.container .courseListTable tbody tr:last-child td[data-v-22ba47ca] {
  border-bottom: 1px solid #ddd;
}
.container .courseListTable tbody td[data-v-22ba47ca] {
  border-top: 1px solid #ddd;
  font-size: 16px;
  line-height: 1.3;
  padding: 12px 15px;
  vertical-align: middle;
  word-break: break-word;
}
.container .courseListTable tbody td button[data-v-22ba47ca] {
  display: inline-block;
  width: auto;
  padding: 5px 15px;
  margin-left: 10px;
  background: #ffbf00;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  color: #000;
  border-radius: 8px;
  text-decoration: none;
  vertical-align: middle;
}
.container .courseListTable.onlineList thead th[data-v-22ba47ca]:nth-child(1) {
  width: 230px;
}
.container .courseListTable.onlineList thead th[data-v-22ba47ca]:nth-child(2) {
  width: 50px;
}
.container .courseListTable.onlineList thead th[data-v-22ba47ca]:nth-child(3) {
  width: 300px;
}
.container .courseListTable.onlineList thead th[data-v-22ba47ca]:nth-child(4) {
  width: 60px;
}
.container .courseListTable.onlineList thead th[data-v-22ba47ca]:nth-child(5) {
  width: 70px;
}
.container .courseListTable.realList thead th[data-v-22ba47ca]:nth-child(1) {
  width: 80px;
}
.container .courseListTable.realList thead th[data-v-22ba47ca]:nth-child(2) {
  width: 100px;
}
.container .courseListTable.realList thead th[data-v-22ba47ca]:nth-child(3) {
  width: 300px;
}
.container .courseListTable.realList thead th[data-v-22ba47ca]:nth-child(4) {
  width: 60px;
}
.container .courseListTable.realList thead th[data-v-22ba47ca]:nth-child(5) {
  width: 100px;
}
.container .footerBtnContainer[data-v-22ba47ca] {
  position: relative;
  display: flex;
  width: auto;
  height: 40px;
  margin: 20px auto;
  justify-content: center;
}
.container .footerBtnContainer button[data-v-22ba47ca] {
  width: 200px;
}
.container .footerBtnContainer button[data-v-22ba47ca]:nth-child(2) {
  margin-left: 20px;
}
.container .footerBtnContainer .btnCancel[data-v-22ba47ca] {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.6rem;
}

/* ガイドテーブル */
.guide[data-v-22ba47ca] {
  display: table;
  border: 3px solid #00008b;
  margin-top: 60px;
}
.guide__tr[data-v-22ba47ca] {
  display: table-row;
}
.guide__th[data-v-22ba47ca], .guide__td[data-v-22ba47ca] {
  display: table-cell;
  padding: 20px;
  font-size: 15px;
  vertical-align: middle;
}
.guide__th[data-v-22ba47ca] {
  width: 300px;
}
.guide__th button[data-v-22ba47ca] {
  width: 100%;
  padding: 5px 15px;
  font-size: 1.6rem;
}
@media (max-width: 576px) {
.container .detail table.detailTable th[data-v-22ba47ca] {
    width: auto;
}
.container .detail table.detailTable th[data-v-22ba47ca]:nth-child(1) {
    width: 110px;
}
.guide[data-v-22ba47ca] {
    display: block;
    padding: 5px 15px;
}
.guide__tr[data-v-22ba47ca] {
    display: block;
    border-bottom: 1px solid #CCC;
}
.guide__tr[data-v-22ba47ca]:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.guide__th[data-v-22ba47ca] {
    display: block;
    padding-top: 20px;
    width: 100%;
}
.guide__th button[data-v-22ba47ca] {
    width: 200px;
    margin: 0 auto;
}
.guide__td[data-v-22ba47ca] {
    display: block;
    padding: 0 0 15px;
    width: 100%;
}
}
.attention[data-v-22ba47ca] {
  color: red;
  font-size: 14px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/components/Pager.vue?vue&type=style&index=0&id=24724243&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.pagerWrapper[data-v-24724243] {
  display: flex;
  justify-content: space-between;
  height: 34px;
}
.pagerWrapper p[data-v-24724243] {
  padding-top: 7px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/components/Pager.vue?vue&type=style&index=1&id=24724243&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.pagerWrapper .pagination {
  height: 32px;
  margin: 0;
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
}
.pagerWrapper .pagination li {
  display: inline;
}
.pagerWrapper .pagination li a,
.pagerWrapper .pagination li span {
  border: none;
  outline: none !important;
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
}
.pagerWrapper .pagination li.active > a, .pagerWrapper .pagination li.active > span, .pagerWrapper .pagination li.active > a:hover, .pagerWrapper .pagination li.active > span:hover, .pagerWrapper .pagination li.active > a:focus, .pagerWrapper .pagination li.active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagerWrapper .pagination li.disabled > a, .pagerWrapper .pagination li.disabled > span, .pagerWrapper .pagination li.disabled > a:hover, .pagerWrapper .pagination li.disabled > span:hover, .pagerWrapper .pagination li.disabled > a:focus, .pagerWrapper .pagination li.disabled > span:focus {
  color: #CCC;
  cursor: not-allowed;
}
.pagerWrapper .pagination > li:first-child > a,
.pagerWrapper .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/History.vue?vue&type=style&index=0&id=ba0a5d6c&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.container h2[data-v-ba0a5d6c] {
  padding: 30px 0 15px;
  font-size: 26px;
  text-align: left;
  font-weight: bold;
}
.container p[data-v-ba0a5d6c] {
  margin-bottom: 15px;
}
.container h3[data-v-ba0a5d6c] {
  padding: 5px 10px;
  margin: 0 0 10px;
  border-left: 6px solid #00008b;
  font-size: 17.6px;
  font-weight: bold;
}
.container .showCancelTraineeCotainer[data-v-ba0a5d6c] {
  display: inline-block;
  margin: 20px 16px 2px 0;
  font-size: 14px;
}
.container .showCancelTraineeCotainer input[data-v-ba0a5d6c] {
  vertical-align: -1px;
  appearance: auto;
}
.container table[data-v-ba0a5d6c] {
  min-width: 780px;
}
.container table thead[data-v-ba0a5d6c] {
  background: #eaeaea;
  border-bottom: 1px solid #ddd;
}
.container table thead th[data-v-ba0a5d6c] {
  border: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  padding: 6px 15px;
  text-align: left;
}
.container table thead th[data-v-ba0a5d6c]:nth-child(1) {
  width: 80px;
}
.container table thead th[data-v-ba0a5d6c]:nth-child(2) {
  width: 200px;
}
.container table thead th[data-v-ba0a5d6c]:nth-child(3) {
  width: 160px;
}
.container table thead th[data-v-ba0a5d6c]:nth-child(4) {
  width: 215px;
}
.container table thead th[data-v-ba0a5d6c]:nth-child(5) {
  width: 85px;
}
.container table thead th[data-v-ba0a5d6c]:nth-child(6) {
  width: 90px;
}
.container table thead th[data-v-ba0a5d6c]:nth-child(7) {
  width: 100px;
}
.container table tbody td[data-v-ba0a5d6c] {
  border-top: 1px solid #ddd;
  font-size: 16px;
  line-height: 1.3;
  padding: 12px 15px;
  vertical-align: middle;
  word-break: break-word;
}
.container table tbody td button[data-v-ba0a5d6c] {
  display: inline-block;
  width: auto;
  padding: 5px 15px;
  margin-left: 10px;
  background: #ffbf00;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  color: #000;
  border-radius: 8px;
  text-decoration: none;
  vertical-align: middle;
}
.container table tbody tr:last-child td[data-v-ba0a5d6c] {
  border-bottom: 1px solid #ddd;
}
.container .courseDetail[data-v-ba0a5d6c] {
  width: 100%;
}
.container .courseDetail table[data-v-ba0a5d6c] {
  width: 100%;
  border-top: 1px solid #ddd;
}
.container .courseDetail table th[data-v-ba0a5d6c] {
  width: 140px;
  height: 100%;
  padding: 8px 15px 10px;
  background: #eaeaea;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
}
.container .courseDetail table td[data-v-ba0a5d6c] {
  width: calc(100% - 140px);
  padding: 8px 15px 10px;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
}
.container .courseDetail table td button[data-v-ba0a5d6c] {
  display: inline-block;
  width: auto;
  padding: 5px 15px;
  margin-right: 10px;
  background: #ffbf00;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  border-radius: 5px;
  text-decoration: none;
  vertical-align: middle;
}
.container .btnContainer[data-v-ba0a5d6c] {
  display: flex;
  width: auto;
  margin: 20px auto;
  justify-content: center;
}
.container .btnContainer button[data-v-ba0a5d6c] {
  width: 200px;
}
.container .btnContainer button[data-v-ba0a5d6c]:nth-child(2) {
  margin-left: 20px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/Inquiry.vue?vue&type=style&index=0&id=017cb606&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.container h2[data-v-017cb606] {
  padding: 30px 0 15px;
  font-size: 26px;
  text-align: left;
  font-weight: bold;
}
.container select[data-v-017cb606] {
  appearance: auto;
  outline: none;
  border: 1px solid #333;
  border-radius: 4px;
  font-size: 16px;
  margin-top: 8px;
  padding: 4px 10px;
  cursor: pointer;
}
.container textarea[data-v-017cb606] {
  font-size: 16px;
}
.btnContainer[data-v-017cb606] {
  margin-top: 20px;
}
.btnContainer a[data-v-017cb606] {
  text-decoration: none;
}
.c-compBox[data-v-017cb606] {
  margin-top: 26px;
}
.attention[data-v-017cb606] {
  color: red;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/components/errors/ServerError.vue?vue&type=style&index=0&id=5ef0fd51&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
.serverError__icon[data-v-5ef0fd51] {
  height: 200px;
  width: 200px;
  position: relative;
  background: var(--frameColor);
  border-radius: 100%;
  margin: 0 auto 30px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 0, 0, 0.2);
}
.serverError__icon-database[data-v-5ef0fd51] {
  height: 100px;
  width: 100px;
  display: block;
  margin: auto;
  position: absolute;
  inset: 0;
}
.serverError__icon-xmark[data-v-5ef0fd51] {
  background: #FFF;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 2px solid #dd2121;
  position: absolute;
  bottom: 42px;
  right: 54px;
}
.serverError__icon-xmark[data-v-5ef0fd51] svg {
  width: 28px;
  height: 18px;
  color: #dd2121;
}
.serverError__title[data-v-5ef0fd51] {
  color: #dd2121;
  margin: 20px;
  text-align: center;
  font-size: 1.6rem;
}
.serverError__button[data-v-5ef0fd51] {
  margin-top: 30px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/components/errors/InitializeAppError.vue?vue&type=style&index=0&id=70403ffb&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
.initializeAppError__icon[data-v-70403ffb] {
  height: 200px;
  width: 200px;
  position: relative;
  background: var(--frameColor);
  border-radius: 100%;
  margin: 0 auto 30px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 0, 0, 0.2);
}
.initializeAppError__icon-gear[data-v-70403ffb] {
  height: 100px;
  width: 100px;
  display: block;
  margin: auto;
  position: absolute;
  inset: 0;
}
.initializeAppError__icon-xmark[data-v-70403ffb] {
  background: #FFF;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 2px solid #dd2121;
  position: absolute;
  bottom: 42px;
  right: 54px;
}
.initializeAppError__icon-xmark[data-v-70403ffb] svg {
  width: 28px;
  height: 18px;
  color: #dd2121;
}
.initializeAppError__title[data-v-70403ffb] {
  color: #dd2121;
  margin: 20px;
  text-align: center;
  font-size: 1.6rem;
}
.initializeAppError__button[data-v-70403ffb] {
  margin-top: 30px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/components/errors/NotFoundError.vue?vue&type=style&index=0&id=782798a5&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
.serverError__icon[data-v-782798a5] {
  height: 200px;
  width: 200px;
  position: relative;
  background: var(--frameColor);
  border-radius: 100%;
  margin: 0 auto 30px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 0, 0, 0.2);
}
.serverError__icon-database[data-v-782798a5] {
  height: 100px;
  width: 100px;
  display: block;
  margin: auto;
  position: absolute;
  inset: 0;
}
.serverError__title[data-v-782798a5] {
  color: #dd2121;
  margin: 20px;
  text-align: center;
  font-size: 1.6rem;
}
.serverError__button[data-v-782798a5] {
  margin-top: 30px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/Opening.vue?vue&type=style&index=0&id=d9fb7fe4&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.opening[data-v-d9fb7fe4] {
  padding-top: 200px;
  margin: 0 auto;
  width: 600px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/Maintenance.vue?vue&type=style&index=0&id=5c254949&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.l-maintenance[data-v-5c254949] {
  min-height: 100%;
  background: #EDEDED;
  padding: 16px;
}
.l-maintenance__logo[data-v-5c254949] {
  width: 139px;
  height: auto;
  margin: 80px auto 50px;
  display: block;
}
.c-maintDesc[data-v-5c254949] {
  background: #fff;
  border-radius: 18px;
  padding: 24px 12px;
  border: 1px solid var(--frameColor);
  text-align: center;
  font-size: 1.2rem;
}
.c-maintDesc__ttl[data-v-5c254949] {
  font-weight: var(--fwBold);
  font-size: 1.6rem;
  margin-bottom: 16px;
}
.c-maintDesc__date[data-v-5c254949] {
  font-weight: var(--fwBold);
  font-size: 1.4rem;
  margin-bottom: 16px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/course/CourseDetail.vue?vue&type=style&index=0&id=ad834094&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.container h2[data-v-ad834094] {
  padding: 30px 0 15px;
  font-size: 26px;
  text-align: left;
  font-weight: bold;
}
.container .courseDetail[data-v-ad834094] {
  width: 100%;
}
.container .courseDetail table[data-v-ad834094] {
  width: 100%;
  border-top: 1px solid #ddd;
}
.container .courseDetail table th[data-v-ad834094] {
  width: 200px;
  height: 100%;
  padding: 8px 15px 10px;
  background: #eaeaea;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  text-align: right;
}
.container .courseDetail table td[data-v-ad834094] {
  width: calc(100% - 200px);
  padding: 8px 15px 10px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  font-size: 16px;
}
.container .courseDetail table td button[data-v-ad834094] {
  display: inline-block;
  width: auto;
  padding: 5px 15px;
  margin-right: 10px;
  background: #ffbf00;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  border-radius: 5px;
  text-decoration: none;
  vertical-align: middle;
}
.container .btnContainer[data-v-ad834094] {
  display: flex;
  width: auto;
  margin: 20px auto;
  justify-content: center;
}
.container .btnContainer button[data-v-ad834094] {
  width: 200px;
}
.container .btnContainer button[data-v-ad834094]:nth-child(2) {
  margin-left: 20px;
}
.address-form[data-v-ad834094] {
  padding: 20px;
}
.address-form .form-group[data-v-ad834094] {
  margin-bottom: 15px;
}
.address-form .form-group label[data-v-ad834094] {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.address-form .form-group input[data-v-ad834094] {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
}
.address-form .form-group input[data-v-ad834094]:focus {
  outline: none;
  border-color: #00008b;
}
.address-form .form-group input[readonly][data-v-ad834094] {
  background-color: #f5f5f5;
}
.address-form .form-group.zipcode-group .zipcode-input[data-v-ad834094] {
  display: flex;
  gap: 10px;
}
.address-form .form-group.zipcode-group .zipcode-input input[data-v-ad834094] {
  flex: 1;
}
.address-form .form-group.zipcode-group .zipcode-input button[data-v-ad834094] {
  width: auto;
  padding: 8px 15px;
  white-space: nowrap;
}
.zipcode .zipcode-input-group[data-v-ad834094] {
  display: flex;
  align-items: center;
  gap: 15px;
}
.zipcode .c-input-text[data-v-ad834094] {
  width: 120px;
}
.zipcode .zipCodeBtn[data-v-ad834094] {
  display: inline-block;
  width: 50px;
  height: 30px;
  border-radius: 4px;
  text-align: center;
  background: var(--corporate);
  color: #000;
}
@media (max-width: 576px) {
.container .courseDetail table th[data-v-ad834094] {
    width: auto;
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/course/TraineeDetail.vue?vue&type=style&index=0&id=1e8966c2&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.container[data-v-1e8966c2] {
  /* フッターボタン */
}
.container h2[data-v-1e8966c2] {
  padding: 30px 0 15px;
  font-size: 26px;
  text-align: left;
  font-weight: bold;
}
.container .detail[data-v-1e8966c2] {
  width: 100%;
}
.container .detail table.detailTable[data-v-1e8966c2] {
  width: 100%;
  border-top: 1px solid #ddd;
}
.container .detail table.detailTable th[data-v-1e8966c2] {
  width: 200px;
  height: 100%;
  padding: 8px 15px 10px;
  background: #eaeaea;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  text-align: right;
}
.container .detail table.detailTable td[data-v-1e8966c2] {
  width: calc(100% - 200px);
  padding: 8px 15px 10px;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
}
.container .detail table.detailTable td button[data-v-1e8966c2] {
  display: inline-block;
  width: auto;
  padding: 3px 8px;
  vertical-align: 1px;
  margin: 0 10px 0 0;
}
.container .btnContainer[data-v-1e8966c2] {
  display: flex;
  width: auto;
  margin: 20px auto;
  justify-content: center;
}
.container .btnContainer button[data-v-1e8966c2] {
  width: 200px;
}
.container .btnContainer button[data-v-1e8966c2]:nth-child(2) {
  margin-left: 20px;
}
@media (max-width: 576px) {
.container .detail table.detailTable th[data-v-1e8966c2] {
    width: auto;
}
}
.attention[data-v-1e8966c2] {
  color: red;
  font-size: 14px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/course/TraineePay.vue?vue&type=style&index=0&id=48a4d8ca&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.container[data-v-48a4d8ca] {
  /* フッターボタン */
}
.container h2[data-v-48a4d8ca] {
  padding: 30px 0 15px;
  font-size: 26px;
  text-align: left;
  font-weight: bold;
}
.container .detail[data-v-48a4d8ca] {
  width: 100%;
}
.container .detail pre[data-v-48a4d8ca] {
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.container .detail pre p[data-v-48a4d8ca] {
  font-weight: bold;
  font-size: 16px;
}
.container .detail pre a[data-v-48a4d8ca] {
  display: inline-block;
  color: rgb(0, 0, 238);
  text-decoration: underline;
}
.container .btnContainer[data-v-48a4d8ca] {
  display: flex;
  width: auto;
  margin: 20px auto;
  justify-content: center;
}
.container .btnContainer button[data-v-48a4d8ca] {
  width: 200px;
}
.container .btnContainer button[data-v-48a4d8ca]:nth-child(2) {
  margin-left: 20px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/course/TraineeCard.vue?vue&type=style&index=0&id=7c6d4d5e&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
.container[data-v-7c6d4d5e] {
  margin-top: -131px;
}
.container h2[data-v-7c6d4d5e] {
  padding: 30px 0 15px;
  font-size: 26px;
  text-align: left;
  font-weight: bold;
}
.container .detail[data-v-7c6d4d5e] {
  width: 100%;
}
.container .detail table.cardTable[data-v-7c6d4d5e] {
  width: 100%;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}
.container .detail table.cardTable th[data-v-7c6d4d5e] {
  width: 200px;
  height: 100%;
  padding: 8px 15px 10px;
  background: #eaeaea;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  font-size: 16px;
  text-align: right;
}
.container .detail table.cardTable td[data-v-7c6d4d5e] {
  width: calc(100% - 200px);
  padding: 8px 15px 10px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  font-size: 16px;
}
.container .detail table.cardTable td button[data-v-7c6d4d5e] {
  display: inline-block;
  width: auto;
  padding: 3px 8px;
  vertical-align: 1px;
  margin: 8px 10px 0 0;
}
.qrcode[data-v-7c6d4d5e] {
  margin-top: 30px;
  width: 200px;
  height: 200px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/register/RegisterInput.vue?vue&type=style&index=0&id=51a4bd75&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 利用規約本文 */
.register_main[data-v-51a4bd75] {
  width: 100%;
  margin: 0 auto 0;
  font-size: 14px;
}
.register_main h2[data-v-51a4bd75] {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.register_main h3[data-v-51a4bd75] {
  font-size: 19.2px;
  font-weight: bold;
  margin: 20px 0 10px;
}
.register_main h4[data-v-51a4bd75] {
  font-size: 16px;
  font-weight: bold;
  margin: 15px 0 5px;
}
.register_main h5[data-v-51a4bd75] {
  font-size: 14.4px;
  font-weight: bold;
  margin-bottom: 5px;
}
.register_main p[data-v-51a4bd75] {
  margin-bottom: 10px;
}
.register_main ul[data-v-51a4bd75] {
  padding: 0;
}
.register_main ul li[data-v-51a4bd75] {
  padding-left: 15px;
  text-indent: -15px;
  list-style: none;
}
.register_main--end[data-v-51a4bd75] {
  text-align: right;
}

/* 入力フォーム */
.container h2[data-v-51a4bd75] {
  padding: 30px 0 15px;
  font-size: 26px;
  text-align: left;
  font-weight: bold;
}
.c-input-select[data-v-51a4bd75] {
  width: 100px;
  height: 32px;
}
.zipcode .c-input-text[data-v-51a4bd75] {
  width: 80px;
}
.zipcode .zipCodeBtn[data-v-51a4bd75] {
  display: inline-block;
  width: 50px;
  height: 30px;
  margin: 0 15px 0 15px;
  border-radius: 4px;
  text-align: center;
  background: var(--corporate);
  color: #000;
  vertical-align: 6px;
}
.p-form-field.checkbox label[data-v-51a4bd75] {
  margin-right: 15px;
}
.p-form-field.checkbox input[type=checkbox][data-v-51a4bd75] {
  appearance: auto;
  vertical-align: -1px;
}
.btnContainer[data-v-51a4bd75] {
  margin-top: 20px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/register/RegisterPincode.vue?vue&type=style&index=0&id=b7144426&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
.container h2[data-v-b7144426] {
  padding: 30px 0 15px;
  font-size: 26px;
  text-align: left;
  font-weight: bold;
}
.btnContainer[data-v-b7144426] {
  margin-top: 20px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/register/RegisterConfirm.vue?vue&type=style&index=0&id=3db7aeaa&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
.container h2[data-v-3db7aeaa] {
  padding: 30px 0 15px;
  font-size: 26px;
  text-align: left;
  font-weight: bold;
}
.btnContainer[data-v-3db7aeaa] {
  margin-top: 20px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/reminder/ReminderInputMail.vue?vue&type=style&index=0&id=15fcdf28&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
.container h2[data-v-15fcdf28] {
  padding: 30px 0 15px;
  font-size: 26px;
  text-align: left;
  font-weight: bold;
}
.btnContainer[data-v-15fcdf28] {
  margin-top: 20px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/reminder/ReminderInputAuth.vue?vue&type=style&index=0&id=4afd07dd&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
.container h2[data-v-4afd07dd] {
  padding: 30px 0 15px;
  font-size: 26px;
  text-align: left;
  font-weight: bold;
}
.btnContainer[data-v-4afd07dd] {
  margin-top: 20px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/reminder/ReminderAccountInputMail.vue?vue&type=style&index=0&id=7c67b479&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container h2[data-v-7c67b479] {
  padding: 30px 0 15px;
  font-size: 26px;
  text-align: left;
  font-weight: bold;
}
.btnContainer[data-v-7c67b479] {
  margin-top: 20px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/password/PasswordEdit.vue?vue&type=style&index=0&id=3af08c2f&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/
.container h2[data-v-3af08c2f] {
  padding: 30px 0 15px;
  font-size: 26px;
  text-align: left;
  font-weight: bold;
}
.topMessage[data-v-3af08c2f] {
  margin-bottom: 20px;
}
.topMessage .attention[data-v-3af08c2f] {
  display: block;
  color: #F00;
}
.btnContainer[data-v-3af08c2f] {
  margin-top: 20px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/mail/MailTop.vue?vue&type=style&index=0&id=49bc1c80&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.container h2[data-v-49bc1c80] {
  padding: 30px 0 15px;
  font-size: 26px;
  text-align: left;
  font-weight: bold;
}
.topMessage[data-v-49bc1c80] {
  margin-bottom: 20px;
}
.topMessage .attention[data-v-49bc1c80] {
  display: block;
  color: #F00;
}
.btnContainer[data-v-49bc1c80] {
  margin-top: 20px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/mail/MailAuth.vue?vue&type=style&index=0&id=1aaf564d&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.container h2[data-v-1aaf564d] {
  padding: 30px 0 15px;
  font-size: 26px;
  text-align: left;
  font-weight: bold;
}
.btnContainer[data-v-1aaf564d] {
  margin-top: 20px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/account/AccountInput.vue?vue&type=style&index=0&id=76e3a1f9&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
.container h2[data-v-76e3a1f9] {
  padding: 30px 0 15px;
  font-size: 26px;
  text-align: left;
  font-weight: bold;
}
.topMessage[data-v-76e3a1f9] {
  margin-bottom: 20px;
}
.topMessage .attention[data-v-76e3a1f9] {
  display: block;
  color: #F00;
}
.c-input-select[data-v-76e3a1f9] {
  width: 100px;
  height: 32px;
}
.zipcode .c-input-text[data-v-76e3a1f9] {
  width: 80px;
}
.zipcode .zipCodeBtn[data-v-76e3a1f9] {
  display: inline-block;
  width: 50px;
  height: 30px;
  margin: 0 15px 0 15px;
  border-radius: 4px;
  text-align: center;
  background: var(--corporate);
  color: #000;
  vertical-align: 6px;
}
.p-form-field.checkbox label[data-v-76e3a1f9] {
  margin-right: 15px;
}
.p-form-field.checkbox input[type=checkbox][data-v-76e3a1f9] {
  appearance: auto;
  vertical-align: -1px;
}
.p-form-field.checkbox input[type=checkbox][data-v-76e3a1f9]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btnContainer[data-v-76e3a1f9] {
  margin-top: 20px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[12].use[0]!./src/views/account/AccountConfirm.vue?vue&type=style&index=0&id=9b8807a2&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
.container h2[data-v-9b8807a2] {
  padding: 30px 0 15px;
  font-size: 26px;
  text-align: left;
  font-weight: bold;
}
.btnContainer[data-v-9b8807a2] {
  margin-top: 20px;
}
/*!************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue3-toastify/dist/index.css ***!
  \************************************************************************************************************************************/
:root {
  --toastify-color-light:#fff;
  --toastify-color-dark:#121212;
  --toastify-color-info:#3498db;
  --toastify-color-success:#07bc0c;
  --toastify-color-warning:#f1c40f;
  --toastify-color-error:#e74c3c;
  --toastify-color-transparent:#ffffffb3;
  --toastify-icon-color-info:var(--toastify-color-info);
  --toastify-icon-color-success:var(--toastify-color-success);
  --toastify-icon-color-warning:var(--toastify-color-warning);
  --toastify-icon-color-error:var(--toastify-color-error);
  --toastify-toast-width:320px;
  --toastify-toast-background:#fff;
  --toastify-toast-min-height:64px;
  --toastify-toast-max-height:800px;
  --toastify-font-family:sans-serif;
  --toastify-z-index:9999;
  --toastify-text-color-light:#757575;
  --toastify-text-color-dark:#fff;
  --toastify-text-color-info:#fff;
  --toastify-text-color-success:#fff;
  --toastify-text-color-warning:#fff;
  --toastify-text-color-error:#fff;
  --toastify-spinner-color:#616161;
  --toastify-spinner-color-empty-area:#e0e0e0;
  --toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);
  --toastify-color-progress-dark:#bb86fc;
  --toastify-color-progress-info:var(--toastify-color-info);
  --toastify-color-progress-success:var(--toastify-color-success);
  --toastify-color-progress-warning:var(--toastify-color-warning);
  --toastify-color-progress-error:var(--toastify-color-error);
  --toastify-color-progress-colored:#ddd;
}

.Toastify__toast-container {
  box-sizing: border-box;
  color: #fff;
  padding: 4px;
  position: fixed;
  transform: translate3d(0, 0, var(--toastify-z-index) px);
  width: var(--toastify-toast-width);
  z-index: var(--toastify-z-index);
}

.Toastify__toast-container--top-left {
  left: 1em;
  top: 1em;
}

.Toastify__toast-container--top-center {
  left: 50%;
  top: 1em;
  transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
  right: 1em;
  top: 1em;
}

.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}

.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    left: 0;
    margin: 0;
    padding: 0;
    width: 100vw;
  }
  .Toastify__toast-container--top-center, .Toastify__toast-container--top-left, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    left: auto;
    right: 0;
  }
}
.Toastify__toast {
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1019607843), 0 2px 15px 0 rgba(0, 0, 0, 0.0509803922);
  box-sizing: border-box;
  cursor: pointer;
  direction: ltr;
  display: flex;
  font-family: var(--toastify-font-family);
  justify-content: space-between;
  margin-bottom: 1rem;
  max-height: var(--toastify-toast-max-height);
  min-height: var(--toastify-toast-min-height);
  overflow: hidden;
  padding: 8px;
  position: relative;
  z-index: 0;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast-body {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  margin: auto 0;
  padding: 6px;
  white-space: pre-wrap;
}

.Toastify__toast-body > div:last-child {
  flex: 1;
}

.Toastify__toast-icon {
  display: flex;
  flex-shrink: 0;
  margin-inline-end: 10px;
  width: 20px;
}

.Toastify--animate {
  animation-duration: 0.7s;
  animation-fill-mode: both;
}

.Toastify--animate-icon {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    border-radius: 0;
    margin-bottom: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--colored.Toastify__toast--default, .Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  background: var(--toastify-color-info);
  color: var(--toastify-text-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  background: var(--toastify-color-success);
  color: var(--toastify-text-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  background: var(--toastify-color-warning);
  color: var(--toastify-text-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  background: var(--toastify-color-error);
  color: var(--toastify-text-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {
  background: var(--toastify-color-progress-colored);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  align-self: flex-start;
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #fff;
  cursor: pointer;
  opacity: 0.7;
  outline: none;
  padding: 0;
  transition: 0.3s ease;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentcolor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:focus, .Toastify__close-button:hover {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  bottom: 0;
  height: 5px;
  left: 0;
  opacity: 0.7;
  position: absolute;
  transform-origin: left;
  width: 100%;
  z-index: var(--toastify-z-index);
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  left: auto;
  right: 0;
  transform-origin: right;
}

.Toastify__spinner {
  animation: Toastify__spin 0.65s linear infinite;
  border: 2px solid;
  border-color: var(--toastify-spinner-color-empty-area);
  border-radius: 100%;
  border-right-color: var(--toastify-spinner-color);
  box-sizing: border-box;
  height: 20px;
  width: 20px;
}

@keyframes Toastify__bounceInRight {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--bottom-left, .Toastify__bounce-enter--top-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--bottom-right, .Toastify__bounce-enter--top-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--bottom-left, .Toastify__bounce-exit--top-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--bottom-right, .Toastify__bounce-exit--top-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__none {
  0%, 60%, 75%, 90%, to {
    animation-duration: 0;
    animation-timing-function: none;
  }
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    transform: translateZ(0);
  }
}
.Toastify__none-enter--bottom-center, .Toastify__none-enter--bottom-left, .Toastify__none-enter--bottom-right, .Toastify__none-enter--top-center, .Toastify__none-enter--top-left, .Toastify__none-enter--top-right {
  animation-name: Toastify__none;
}

@keyframes Toastify__zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateX(-20deg);
  }
  60% {
    opacity: 1;
    transform: perspective(400px) rotateX(10deg);
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  0% {
    transform: perspective(400px);
  }
  30% {
    opacity: 1;
    transform: perspective(400px) rotateX(-20deg);
  }
  to {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  0% {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__slideInLeft {
  0% {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__slideInUp {
  0% {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__slideInDown {
  0% {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(110%, 0, 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutLeft {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-110%, 0, 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, 500px, 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutUp {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -500px, 0);
    visibility: hidden;
  }
}
.Toastify__slide-enter--bottom-left, .Toastify__slide-enter--top-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--bottom-right, .Toastify__slide-enter--top-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--bottom-left, .Toastify__slide-exit--top-left {
  animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--bottom-right, .Toastify__slide-exit--top-right {
  animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

/*# sourceMappingURL=main.css.map*/