@charset "UTF-8";
/* Sanitize
 * ========================================================================== */
/**
 * Add border box sizing in all browsers (opinionated).
 */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *		IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
  cursor: default;
  /* 1 */
  line-height: 1.5;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
  tab-size: 4;
  /* 3 */
  -webkit-tap-highlight-color: transparent;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 5 */
  -webkit-text-size-adjust: 100%;
  /* 5 */
  word-break: break-word;
  /* 6 */
}

/* Sections
 * ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */
hr {
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
 * ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
img {
  max-width: 100%;
  height: auto;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: top;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */
iframe {
  border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg:not([fill]) {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */
/**
 * Collapse border spacing in all browsers (opinionated).
 */
table {
  border-collapse: collapse;
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
button {
  overflow: visible;
  /* 1 */
  text-transform: none;
  /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */
fieldset {
  border: 1px solid #a0a0a0;
  /* 1 */
  padding: 0.35em 0.75em 0.625em;
  /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */
input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */
  color: inherit;
  /* 2 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */
textarea {
  margin: 0;
  /* 1 */
  overflow: auto;
  /* 2 */
  resize: vertical;
  /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge 18- and IE.
 */
details {
  display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* User interaction
 * ========================================================================== */
/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
			in all browsers (opinionated).
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  /* 1 */
  touch-action: manipulation;
  /* 2 */
}

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
[aria-busy="true"] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
[aria-hidden="false"][hidden] {
  display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/**
 * Add
 */
dl dd {
  margin-left: 0;
}

figure {
  margin: 0;
}

table {
  table-layout: fixed;
}

menu {
  padding: 0;
}

html {
  height: 100%;
}

body {
  position: relative;
  min-width: 1150px;
  height: 100%;
  /* background: #e3f2f7; ito 2020.1.24 */
  background: #ffffff; /* 2023.12.15 change */
  color: #353535;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  line-height: 1.8;
}
body.-bgWhite { /* 2020.01.24 ito for design change */
	background: #fff;
}

/* mouseover
--------------------------------------------------*/
.over:hover {
  opacity: 0.6;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

/* link
--------------------------------------------------*/
a {
  color: #006bb9;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

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

a:hover, a:focus {
  text-decoration: none;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.l-header {
  color: #353535;
  padding: 0 25px;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 0px 0px 5px 3px #efefef;
  box-shadow: 0px 0px 5px 3px #efefef;
}

.l-header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.l-header__logo {
  padding: 12px 0;
  margin: 0;
}

.l-header__logo__link {
  display: inline-block;
}

.l-header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0;
  margin: 0;
  list-style: none;
}

.l-header__listItem {
  width: 100px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-left: 1px solid #eaeaea;
  text-align: center;
}

.l-header__listItem:last-child {
  border-right: 1px solid #eaeaea;
}

.l-header__listItem__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 42px;
  color: #3e3e3e;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.33;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  transition: opacity .4s;
}

.l-header__listItem__link:link, .l-header__listItem__link:active, .l-header__listItem__link:visited {
  text-decoration: none;
}

.l-header__listItem__link:hover {
  text-decoration: none;
}

.l-header__listItem__link::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-block;
  width: 100%;
  height: 30px;
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}

.l-header__listItem__link.-app::before {
  background-image: url("images/common/ico_header_app.png");
}

.l-header__listItem__link.-resume::before {
  background-image: url("images/common/ico_header_resume.png");
}

.l-header__listItem__link.-help::before {
  background-image: url("images/common/ico_header_help.png");
}

.l-header__listItem__link.-logout::before {
  background-image: url("images/common/ico_header_logout.png");
}

.l-footer {
  width: 100%;
  color: #353535;
  padding: 12px 25px 15px;
  background: #f0f0f0;
  z-index: 100;
}

.l-footer.-fixed {
  position: absolute;
  bottom: 0;
  left: 0;
}

.l-footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.l-footer__bottom {
  text-align: right;
}

.l-footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
  list-style: none;
}

.l-footer__listItem {
  margin-right: 35px;
}

.l-footer__listItem:last-child {
  margin-right: 0;
}

.l-footer__listItem__link {
  color: #3e3e3e;
}

.l-footer__listItem__link:link, .l-footer__listItem__link:active, .l-footer__listItem__link:visited {
  text-decoration: none;
}

.l-footer__listItem__link:hover {
  text-decoration: underline;
}

.l-footer__logo__link {
  display: inline-block;
}

.l-footer__copyright {
  margin: 0;
  color: #9a9a9a;
  font-size: 0.8em;
}

.c-aspectRatio {
  position: relative;
  width: 100%;
}

.c-aspectRatio__inside {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-btn {
  cursor: pointer;
  text-decoration: none;
}

.c-btn:link, .c-btn:active, .c-btn:visited {
  text-decoration: none;
}

.c-btn:hover {
  text-decoration: none;
}

.c-btn__wrap {
  text-align: center;
}

.c-btn__wrap.-mr32 {
  margin-right: 32px;
}

.c-btn.-noLink {
  cursor: default;
}

.c-container {
  width: 1180px;
  margin: 0 auto;
}

.c-container.-expand {
  width: 100%;
  min-width: 1100px;
}

.c-container.-min {
  width: 470px;
}

.c-block {
  margin-bottom: 20px;
  background: #fff;
}

.c-block:last-child {
  margin-bottom: 0;
}

.c-block__content {
  padding: 13px 40px;
}

.c-block__inner {
  padding: 0 1em;
}

.c-block__box {
  padding: 0 0 40px;
}

.c-block__text {
  margin-top: 0.5em;
  margin: none; /* 2019.11.27 ito */
}

.c-block__layout {
  width: 900px; /* 2019.12.19 ito spread width */
  border: 2px solid #006bb9;
  border-radius: 3px;
  margin: auto;
}

.c-block__layout__title {
  margin: 0;
  padding: 6px 20px;
  background: #006bb9;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

.c-block__layout__content {
  background: #fff;
}

.c-box__inner {
  padding: 5px 15px;
}

/**
 *	見出し
 * ------------------------------- */
.c-heading01 {
  padding: 15px 40px;
  background: #fff;
  border-bottom: 3px solid #f3f3f3;
  margin: 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}

.c-heading02 {
  padding: 11px 10px;
  background: #006bb9;
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}

.c-heading03__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center; /* 2023.12.15 change */
  padding: 11px 10px;
  margin-bottom: 20px;
  border-left: 4px solid #006bb9;
  background: #f3f3f3;
}

.c-heading03__wrap.-link {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.c-heading03__title {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}

.c-heading03__link {
  color: #006bb9;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  padding: none; /* 2019.11.27 ito */
}

.c-heading03__link:link, .c-heading03__link:active, .c-heading03__link:visited {
  text-decoration: underline;
}

.c-heading03__link:hover {
  text-decoration: none;
}

.c-pagetop {
  display: none;
}

.c-pagetop__link {
  position: fixed;
  bottom: 100px;
  right: 25px;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 0;
  border-radius: 4px;
  background: #006bb9;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.c-pagetop__link::before {
  content: "";
  position: absolute;
  top: 8px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: inline-block;
  width: 19px;
  height: 19px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.c-table {
  width: 100%;
  border: 1px solid #D4D4D4;
  font-size: 15px;
}

.c-table__tr {
  border-bottom: 1px solid #D4D4D4;
}

.c-table__tr:last-child {
  border-bottom: none;
}

.c-table__th {
  width: 250px;
  padding: 10px 16px;
  border-right: 1px solid #D4D4D4;
  background: #f3f3f3;
  font-weight: bold;
  text-align: left;
  vertical-align: text-top;
}

.c-table__td {
  padding: 10px 20px;
  background: #fff;
}

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

@media screen and (min-width: 768px) {
  .u-sp {
    display: none;
  }
}

/* --------------------------------------------------
  cleafix
-------------------------------------------------- */
.u-clearfix:after {
  display: block;
  clear: both;
  content: "";
}

/* --------------------------------------------------
  align
-------------------------------------------------- */
.u-alignL {
  text-align: left;
}

.u-alignC {
  text-align: center;
}

.u-alignR {
  text-align: right;
}

/* --------------------------------------------------
  margin
-------------------------------------------------- */
.u-margin.-short {
  margin-bottom: 24px; /* 2019.12.19 ito resolve difference */
}

.u-margin.-middle {
  margin-bottom: 32px;
}

.u-margin.-large {
  margin-bottom: 64px;
}

/* --------------------------------------------------
  padding
-------------------------------------------------- */
.-ratio16-9 {
  padding-top: 56.25%;
}

.-ratio4-3 {
  padding-top: 75%;
}

/* --------------------------------------------------
  link
-------------------------------------------------- */
.u-blank::after {
  /*content: url("/images/common/ico_blank.png"); ito 2020.1.29 */
  content: url("images/common/ico_blank.png");
  margin: 0px 3px;
}

.u-blank.-b::after {
  /*content: url("/images/common/ico_blank_b.png"); ito 2020.1.29 */
  content: url("images/common/ico_blank_b.png");
}

.p-mypage {
  padding: 15px 0 20px;
}

.p-mypage__heading {
  padding: 4px 15px;
  border: 2px solid #bfbfbf;
  background: #fff;
  margin-top: 0;
  font-size: 16px;
}

.p-mypage__table {
  width: 100%;
  border-collapse: collapse;
}

.p-mypage__table tr:nth-child(1) { /* 2019.11.29 ito */
  background: #f3f3f3;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.p-mypage__table tr:nth-child(2n+2) { /* 2019.11.29 ito */
  background: #fcfbd7;
  height: 68px;
  font-size: 15px;
  text-align: center;
}

.p-mypage__table tr:nth-child(2n+3) { /* 2019.11.29 ito */
  background: #ffffff;
  height: 68px;
  font-size: 15px;
  text-align: center;
}

/* 余分な'.p-mypage__table tr:nth-child(1),'を削除 2026.1.27 ito ここから↓
.p-mypage__table tr:nth-child(1), .p-mypage__table td { / * 2019.11.29 ito * /
  padding: 7px 5px;
  border-right: 1px solid #e6e6e6;
}

.p-mypage__table tr:nth-child(1), .p-mypage__table td:nth-of-type(3) { / * 2024.1.18 ito * /
  width: 80px;
}

.p-mypage__table tr:nth-child(1), .p-mypage__table td:nth-of-type(4) { / * 2024.1.18 ito * /
  width: 80px;
}

.p-mypage__table tr:nth-child(1), .p-mypage__table td:nth-of-type(5) { / * 2024.1.18 ito * /
  width: 140px;
}

.p-mypage__table tr:nth-child(1), .p-mypage__table td:nth-of-type(7) { / * 2024.1.18 ito * /
  width: 160px;
}

.p-mypage__table tr:nth-child(1), .p-mypage__table td:last-child { / * 2019.11.29 ito * /
  border-right: none;
}
余分な'.p-mypage__table tr:nth-child(1),'を削除 2026.1.27 ito ここまで↑ */

/* 適切な列幅を再設定 2026.1.27 ito */
.p-mypage__table td { /* 全列 */
  padding: 7px 5px;
  border-right: 1px solid #e6e6e6;
}

.p-mypage__table td:nth-of-type(1) { /* 詳細はこちら */
  width: 110px;
}

.p-mypage__table td:nth-of-type(2) { /* 申込日 */
  width: 80px;
}

.p-mypage__table td:nth-of-type(3) { /* 申込内容 */
  width: 70px;
}

.p-mypage__table td:nth-of-type(4) { /* ID数 */
  width: 60px;
}

.p-mypage__table td:nth-of-type(5) { /* ディスク容量 */
  width: 100px;
}

.p-mypage__table td:nth-of-type(6) { /* 申込No */
  width:100px;
}

.p-mypage__table td:nth-of-type(7) { /* 申込商品 */
  width: 170px;
}

.p-mypage__table td:nth-of-type(8) { /* 利用開始年 */
  width: 100px;
}

.p-mypage__table td:nth-of-type(9) { /* 利用終了年 */
  width: 100px;
}

.p-mypage__table td:last-child { /* ステータス */
  border-right: none;
  width: 100px;
}

.p-mypage__btn {
  display: inline-block;
  border-radius: 3px;
  /* background: #fa8100; 2019.12.4 ito resolve difference */
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.p-mypage__btn:hover {
  text-decoration: none;
  opacity: 0.7;
}

.p-mypage__btn.-detail {
  min-width: 100px;
  padding: 5px;
  margin: auto;
  background: #fa8100; /* 2019.12.4 ito resolve difference */
  font-size: 14px;
}

.p-mypage__btn.-app {
  width: 400px;
  margin: 45px auto 32px;
  background: #fa8100; /* 2019.12.4 ito resolve difference */
  font-size: 18px;
  line-height: 3.33;
}

.p-mypage__btn.-back { /* 2019.12.4 ito resolve difference */
  width: 300px;
  margin: 45px auto 32px;
  background: #353535;
  font-size: 18px;
  line-height: 3.33;
}

.p-mypage__btn2 {
  display: inline-block;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.p-mypage__btn2.-detail { /* 2024.6.21 ito dummy button */
  min-width: 100px;
  padding: 5px;
  margin: auto;
  background: #fa8100;
  font-size: 14px;
}

.p-news__list {
  margin: 0;
}

.p-news__item {
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
}

.p-news__item:last-child {
  border-bottom: none;
}

.p-news__item__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-news__item__title {
  margin: 0;
}

.p-news__item__date {
  color: #bfbfbf;
  font-size: 13px;
}

.p-news__item__bottom {
  padding: 0 1em;
  font-size: 15px;
}

.p-news__item__excerpt {
  margin: 0;
}

/* 2019.12.4 ito resolve difference from here */
.p-detail {
  padding: 15px 0 20px;
}

.p-detail__info {
  margin-bottom: 20px;
  border: 1px solid #006bb9;
  font-size: 15px;
}

.p-detail__infoTitle {
  margin: 10px 0;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}

.p-detail__infoTitle__em {
  display: inline-block;
  margin: 0 4px;
  color: #006bb9;
  font-size: 24px;
  line-height: 1.2;
  vertical-align: top;
}

.p-detail__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 494px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
}

.p-detail__status__item {
  position: relative;
  display: inline-block;
  width: 162px;
  background: #006bb9;
  color: #fff;
  line-height: 49px;
  text-align: center;
}

.p-detail__status__item::before, .p-detail__status__item::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 24px 0 25px 18px;
  border-style: solid;
  border-color: transparent;
}

.p-detail__status__item::before {
  left: 0;
  border-left-color: #fff;
}

.p-detail__status__item::after {
  right: -18px;
  border-left-color: #006bb9;
}

.p-detail__status__item:first-child {
  border-radius: 5px 0 0 5px;
  z-index: 10;
}

.p-detail__status__item:first-child::before {
  content: none;
}

.p-detail__status__item:nth-child(2) {
  width: 152px;
  padding-right: 5px;
  /*text-align: right; 2021.12.24 ito */
  z-index: 7;
}

.p-detail__status__item:last-child {
  border-radius: 0 5px 5px 0;
  z-index: 5;
}

.p-detail__status__item:last-child::after {
  content: none;
}

.p-detail__status__item.-yet {
  background: #aaaaaa;
  font-weight: normal;
}

/* 2019.12.17 ito */
.p-detail__status__item.-yet::after {
  right: -18px;
  border-left-color: #aaaaaa;
}
/* 2019.12.17 ito */

.p-detail__mail {
  position: relative;
}

.p-detail__mail__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 450px;
  padding: 8px 22px;
  margin: auto;
  background: #e3f2f7;
}

.p-detail__mail__date__inner {
  display: inline-block;
  margin: 0 auto;
}

.p-detail__mail__link {
  position: absolute;
  right: 100px;
  bottom: 0;
  font-size: 14px;
  font-weight: bold;
}

.p-detail__btn {
  display: inline-block;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.p-detail__btn:hover {
  text-decoration: none;
  opacity: 0.7;
}

.p-detail__btn.-register {
  width: 300px;
  margin: 25px auto;
  background: #fa8100;
  font-size: 18px;
  line-height: 3.33;
}

.p-detail__btn.-back {
  width: 300px;
  margin: 45px auto 32px;
  background: #353535;
  font-size: 18px;
  line-height: 3.33;
}

.p-detail__table {
  width: 100%;
  border: 1px solid #e6e6e6;
  margin-top: 24px;
}

.p-detail__table__head {
  border-bottom: 1px solid #e6e6e6;
  background: #f3f3f3;
  font-size: 14px;
  font-weight: bold;
}

.p-detail__table__body {
  background: #fff;
  font-size: 15px;
  text-align: center;
}

.p-detail__table__tr {
  border-bottom: 1px solid #e6e6e6;
}

.p-detail__table__tr:last-child {
  border-bottom: none;
}

.p-detail__table__th, .p-detail__table__td {
  border-right: 1px solid #e6e6e6;
}

.p-detail__table__th:last-child, .p-detail__table__td:last-child {
  border-right: none;
}

.p-detail__table__th {
  height: 40px;
}

.p-detail__table__td {
  height: 52px;
}

.p-detail__sysBtnList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 0 15px;
  margin: 20px 0 40px;
  list-style: none;
}

.p-detail__sysBtnList__item {
  width: 300px;
}

.p-detail__sysBtnList__item:nth-child(n + 4) {
  margin-top: 16px;
}

.p-detail__sysBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 5px 7px;
  border: 2px solid #fa8100;
  border-radius: 5px;
  background: #fa8100;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}

.p-detail__sysBtn.-white {
  padding: 16px 7px;
  background: #fff;
  color: #fa8100;
}
.p-detail__sysBtn.-gray { /* 2020.01.24 ito for design change */
  background: #c9c9c9;
  border-color: #c9c9c9;
  cursor: default;
}
.p-detail__sysBtn.-blue { /* 2022.01.20 ito for design change */
  padding: 16px 7px;
  background: #fff;
  border-color: #006bb9;
  color: #006bb9;
}

.p-detail__sysBtn__icon {
  -ms-flex-preferred-size: 60px;
  flex-basis: 60px;
}

.p-detail__sysBtn__text {
  -ms-flex-preferred-size: 220px;
  flex-basis: 220px;
  line-height: 22px;
  text-align: center;
}

.p-detail__sysBtn__miniText {
  font-size: 13px;
}

.p-detail__campaign {
  display: inline-block;
}

.p-detail__campaign__link {
  margin-bottom: 5px;
  font-weight: bold;
}
/* 2019.12.4 ito resolve difference to here */

.p-application {
  padding: 15px 0 20px;
}

.p-application__record {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: flex-start; /* 2020.01.24 ito for design change */
  padding: 0 0 35px;
}
.p-application__record.-arrow { /* 2020.01.24 ito for design change */
  padding: 0;
}

/* 2019.12.4 ito resolve difference from here */
.p-application__record.-inactive {
  opacity: 0.6;
}

.p-application__decision__label {
  /*display: inline-block;
  font-size: 15px;
  margin-bottom: 8px;*/ /* 2024.1.13 changed */
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.125;
}

.p-application__decision__label::before {
  content: "";
  position: relative;
  top: -3px;
  left: 2.5px;
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 3px 0 3px 6px;
  border-style: solid;
  border-color: transparent transparent transparent #006bb9;
  margin-right: 5px;
}

.p-application__decision__card {
  display: inline-block;
  vertical-align: middle; /* 2020.01.24 ito for design change from here */
  padding: 4px 5px;
  background: #f90006;
  margin-left: 10px; /* 2020.01.24 ito for design change to here */
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}

.p-application__decision__text {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.1;
}
.p-application__decision__text.-arrow::after { /* 2020.01.24 ito for design change from here */
  content: url("images/application/fg_arrow_short.png");
  display: block;
  margin: 10px 0 4px 50px;
  line-height: 1;
  text-align: left;
}
.p-application__decision__text.-orenge {
  color: #fa8100;
} /* 2020.01.24 ito for design change to here */
/* 2019.12.4 ito resolve difference to here */

.p-application__note {
  position: relative;
  width: 650px; /* 2019.12.4 ito */
  padding: 11px 14px 11px 55px;
  margin: 0 0 auto;
  border: 1px solid #006bb9;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
}

.p-application__note::before {
  content: url("images/common/ico_note.png");
  position: absolute;
  top: 0;
  bottom: 0;
  left: 13px;
  margin: auto 0;
  width: 31px;
  height: 31px;
  line-height: 1;
  vertical-align: middle;
}

.p-application__note.-full {
  width: 100%;
  margin: 20px 0 auto;
}

/* 2019.12.4 ito resolve difference from here */
.p-application__note.-line2 {
  padding: 6px 14px 6px 55px;
}

.p-application__note__em {
  color: #fa8100;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
}
/* 2019.12.4 ito resolve difference to here */

.p-application__error {
  position: relative;
  display: none;
  padding: 10px 38px;
  margin: 0 0 12px;
  background: #ffe9e9;
  color: #f90006;
  font-size: 14px;
}

.p-application__error::before {
  content: url("images/common/ico_note_r.png");
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8px;
  margin: auto 0;
  display: inline-block;
  width: 19px;
  height: 19px;
  vertical-align: middle;
}

.p-application__error.-error {
  display: block;
}

.p-application__inputWrap {
  position: relative;
}

.p-application__inputWrap__unit {
  margin-left: 5px;
  vertical-align: bottom;
}

.p-application__inputWrap__error {
  position: absolute;
  left: 0;
  bottom: -2em;
  display: none;
  margin: 0;
  color: #f90006;
  font-size: 14px;
}

.p-application__inputWrap__error.-error {
  display: block;
}

.p-application__input {
  width: 258px;
  padding: 8px 15px;
  font-size: 16px;
  border: 2px solid #e6e6e6;
  border-radius: 4px;
  line-height: 1.8;
}

.p-application__input.-error {
  border-color: #f90006;
}

.p-application__selectWrap {
  position: relative;
  margin-bottom: auto;
}

.p-application__selectWrap::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 14px;
  margin: auto 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 9px 5px 0;
  border-color: #006bb9 transparent transparent transparent;
  border-style: solid;
}

.p-application__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 258px;
  padding: 8px 15px;
  background-color: #fff;
  font-size: 16px;
  border: 2px solid #e6e6e6;
  border-radius: 4px;
  line-height: 1.8;
}

.p-application__select::-ms-expand {
  display: none;
}

.p-application__checkboxLabel {
  position: relative;
  cursor: pointer;
}

.p-application__checkboxLabel::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border: 2px solid #006bb9;
  background: #fff;
  vertical-align: text-top;
}

.p-application__checkboxLabel::after {
  position: absolute;
  top: -4px;
  left: 8px;
  display: inline-block;
  width: 13px;
  height: 18px;
  border-top: 4px solid #006bb9;
  border-left: 4px solid #006bb9;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.p-application__checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}

.p-application__checkbox:checked + .p-application__checkboxLabel::after {
  content: "";
}

.p-application__consent {
  padding: 18px 22px;
  margin: 25px 0 30px;
  background: #e3f2f7;
  list-style: none;
}

.p-application__consent tr { /* 2019.11.29 ito */
  margin-bottom: 12px;
  font-weight: bold;
}

.p-application__consent tr:last-child { /* 2019.11.29 ito */
  margin-bottom: 0;
}

.p-application__btnList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  margin: 30px 0;
  list-style: none;
}

.p-application__btn {
  display: inline-block;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  outline: none;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.p-application__btn:focus {
  outline: none;
}

.p-application__btn:hover {
  text-decoration: none;
  opacity: 0.7;
}

.p-application__btn.-calc {
  min-width: 93px;
  padding: 5px 8px;
  margin: auto;
  border: 2px solid #fa8100;
  background: #fa8100;
  font-size: 14px;
}

.p-application__btn.-confirm {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 300px;
  background: #fa8100;
  border: 2px solid #fa8100;
  font-size: 18px;
  line-height: 3.33;
}

.p-application__btn.-confirm:disabled {
  background: #c9c9c9;
  border-color: #c9c9c9;
  cursor: not-allowed;
}

.p-application__btn.-confirm:disabled:hover {
  opacity: 1;
}

.p-application__btn.-modify {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 300px;
  background: #fff;
  border: 2px solid #fa8100;
  color: #fa8100;
  font-size: 18px;
  line-height: 3.33;
}

.p-application__btn.-back {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 300px;
  background: #353535;
  border: none;
  font-size: 18px;
  line-height: 3.33;
}

.p-application__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 4px;
}

.p-application__status__step {
  position: relative;
  width: 198px;
  padding-top: 54px;
  color: #aaa;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.p-application__status__step::before {
  content: "";
  position: absolute;
  top: 25px;
  left: -50px;
  display: inline-block;
  width: 100px;
  height: 2px;
  background: #aaa;
}

.p-application__status__step::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-block;
  width: 50px;
  height: 50px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid #aaa;
  border-radius: 25px;
  image-rendering: -webkit-crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -o-pixelated;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
}

.p-application__status__step:first-child::before {
  content: none;
}

.p-application__status__step.-current {
  color: #006bb9;
}

.p-application__status__step.-current::before {
  background-color: #006bb9;
}

.p-application__status__step.-current::after {
  background-color: #006bb9;
  border-color: #006bb9;
}

.p-application__status__step.-complete {
  color: #006bb9;
}

.p-application__status__step.-complete::before {
  background-color: #006bb9;
}

.p-application__status__step.-complete::after {
  background-color: #fff;
  border-color: #006bb9;
}

.p-application__status__step.-step1::after {
  background-size: 26px 22px;
}

.p-application__status__step.-step1.-current::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAQAAAB0gUQ+AAABaklEQVR4AZXBT2jNAQAH8G+4uNhyUiuUyC7z56Kk2KLcFAfiYCWtOGzK1LZkKaUddhiZk1Ji5d922i5Tu5AbpZZc7LAaubzaZJo++s0ze8+e5vPJ/9HsmXdZLfV6fVT4ntVw0CimTSsM59/UuewzSk5qNueBKbdSm71GFMa1JBpwPzHrYlZirTZT+KHP5iRxGMOJHWhMNbs8VHjtRMqcwlCSuEEqOe8DFgzYmiVaMZhFJnzJb7a5rfBeayo4h7spU/I4Bce8UbinMVV0oD9l1qM9iQk815IV6EJvljiKpiQK3TblL7rRk2VcIwXbDfqmMOas+pTpQ2cqeGEuf9hnwLTCpC47XceFVLFgJNVs0W7SLx2pYh2uZGXqPEVJWyrYjwOpxVUz7uCJDVmiG2tSi5vmEw0Kx1NmzKfU5hKJI3iLR1nkq9HU5owZHehJnMa8PQk6U5tDCv1ZZKNXGMfu1KbJrKEsowsvU/YT8hBfZoVO7/cAAAAASUVORK5CYII=");
}

.p-application__status__step.-step1.-complete::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAYAAADeiIy1AAACKklEQVR4AbRVA9BcQQze2hzUtm27o9r2ze17tW3bHdS2+zZ3tTuqbdv2n8nu3N07MzNP2cz3Jd/LZllMzSpqMS52MA2uRB+875G0CDwOrwd4/ZeX+BXF7G01ENQgYC6e0uUggl2Rgfeyp8FsBzEOryQBfGS6aE2SafAVr3VI+BCfC8Mj0IzSCLDbkTEXh5gOtWnNcjCL8q+mby6+4LsWPHjLLQkwYwtlKLP/i9XMYH3s2R0xulHXJJVmz0/fVluhwAS6KIGAG5zZwzn8bu5ZJbRR65ucPjGZfH6Ni54YdFsR/EGABcxi5PQeC10UyVIzuTiGOG+Yh/U+kAcXFrlof5NA/FYM3VULL/OSwEf0b3VxGI3RecFFnhVB6aqJfopkjsda/9PJ5Jqtr6M8Bb6TOidY02C4SmycD+kbykY4UFw6HFXYRjC+L2NQJBirKhnp5x+PNTdCH1s++okcfjhJhcBnZxonnnLNUAoMDlDxYdq0PrqnAnWX6/jgcJ1k0kVBJJkg5QAehLR/aFMHNL4vB/1ISfTfeWEDBLKxRxJSrA5DwphpsN0xzzhYAhwPlWWsvSoL2TiMRileIMASRbgN911qv80ydmz8cIim4fXTdXDSZTWaecRSM4mXLCzj0N/Rrpqop4guqi7d6Eb0Df1GmESivZTOMQ1GKtJ2kgyr7W0vRT7V/uGeQTUJwNvI6S/So++M42ySRCXDI8JRQocYHgMBxxKHuB1DlwIAUN59lqW4wIUAAAAASUVORK5CYII=");
}

.p-application__status__step.-step2::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAdCAQAAADruD9NAAABS0lEQVR42qXSzWsTQRiA8d/u2lBaGrGVkjSWVA9iDyJKbwpGMJcYpTVS/KhWRYw0rS20NB/rYf50Dy3oZtcmkvc5zsPMw8yQn7pzwdCmKaYuaFnyRPBgsh58xT20hKvVio+CSFmwiYGu2+PSqrYdLzUEPStIVM1jwTdBU8uOV9ZhQ3DkuwPB84ITH12u9wT3OXQISn79I3GgCvaccmwXVAV31W2MsX6xK5p+cuADKOtLjaQZRlIDNdDW+6MzZ7GQkqhInzSz6MveSbDrxHGGE2t5fUlDjMfaOZZnjlm0JcZDT3Ncz+s3fZFgT995hn7xvf9XTHT5GIk518aIimL2JdiXGmVIL75uVi9ZE6HmTo75mdtv2BZj2w/dMSp5veyZGA1vvP6Ljo6VGWLeT6m/0OPM2yn1pjM6glsqqldSUZP6TOyTocFEhroWfgOLmGflTlb+8gAAAABJRU5ErkJggg==");
  background-size: 22px 28px;
}

.p-application__status__step.-step2.-current::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAdCAQAAADruD9NAAABc0lEQVR42qXQv0vUcRzH8fed51Hd4qCL1hD9WhpOxSihLGhrqUahJRr6C6IlrC1uvrBoMKFsESKIkAIjGhrEa7CjX0gt4eLRZXfS9mjszu8Xzzoe4+c5vN6fEAknrWPDheRbWkzZoOu41DnnjXBeKLN9XvQCWXtxUairOLM1P+quWfdMoeqQkDesT+j3FiVls+4bF2ECnyxZwe2Uw6/gsyVVTIYPPgqh4HdKHELdiBAWfA+r5oUwgnNOOd1mwjgmhVDyJax4LoQhNU0NzTYNTT8cE8K06t887DGQqiCTlnfSTX7QU73CvG9W23w1mswHTckJ10wnHOh6zICreoTLbiTsS+ZHvJYXFtSst6ml//s/jcnICiFvt11bZNPGLOoVFm361aKh6UQyLxiVEcacTejrevt+M3LCA+8st6ioKCbzIbf0CDc99rDFI3MO//eY957tML+jGtY82WFeshbmcFzR8LaKxmx6FXJe2lDv6Kdl/X8AS5dnhjWMp7MAAAAASUVORK5CYII=");
}

.p-application__status__step.-step2.-complete::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAdCAYAAABBsffGAAACOUlEQVR4AcRWA8weQRCd2rZt225U2+Z3qM1royJObdu83att27bd8O/L3HXLD78necuZN7dvkaOQzLRrkC5ekyHDgI9Ac4oSAzGT6mI6GU5W1CPdvt058uT8teKQm0g04xqJeDzCpsvSgMMklhWX+u3Mzm3NbuEmFe+R5Cxpok5gIp8sDufZCF4CwjkIstylyyvU3ynAPtbahNRvVxkasC819/vsS4+YY97KpvJqOF7MQ8KqxKY5tTxNbwCn4HjJI54cmmxOLy/+Jsfjg7yEHQida+hcV85DZDKMfacQTUlk2GVVXxcCeEKYuAOy9WoCTp62DTFeE/3afoFVswTqS1WyqRi7RSyDLnaqib67s4H0DSa/YPwz1/7A81y/w0mq+NthmAVc+Yecrc/WpDgdGUIFS0lhcYKTR95iiRzt/MAW6nM6gee4Hrre5433C3mPNFkuKLn3flhk7YvPfVMOZ+cggPb5YlcW3n3D9lHrtfE8mXrAcVxQaCJHcHKfXQhjB/gtUbdNvkH92j8wj3Mey7LgMvAT6xmvYNDRJNR1X+KAQEyIssi96iiijfmv8Pv0X6gnwq4SlJyvMs6sus7azgpk2vWDAu98LGtuyjwYW6QukS4Wo38Ozmf+D3HWhSwdhFw9uRPVOTfkBMyvQr38v9DlCnCsJGNXwZiWRV4GtkcpuSFm/CR/hsamKCafyryuXjKMfE5l3hT8PkQYiOeji3uB9j7iU6HLXe4/oHgfaejyxz6CUhGoXQMAzi1rVyHNtmUAAAAASUVORK5CYII=");
}

.p-application__status__step.-step3::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAQAAACcJxZuAAABa0lEQVR42tWU3S9DQRDFp7QSHnwmSIpISXBFkDln9xLaqIeKCA+ChCBehCLRRpqotnf/dLmtr7TSez2aednd2d/OzMnuinSYpvSIjk4fdUjiGA4RcA3TeOCTDkRu1yE6O6GprRERfVQbsd2s4oWnIjg2FU1xGYHZ7sySsIocs7qCSzqchUscW5+XhIhaBCwbj1lmsWkGRcTrww1rWmIZVVTDQtol4AUdnlk2Fbz6o8Jl1sLASS+vwd/K3BhH4Pc3817wXAjeh5NcErfG+7WvQbrV4eYoj6JY/QTMFRqsdzoaaLQA7vL+C5CEzhDcMH67q7VLXt8HcPcNxLD/CjD7fZ9iANxDoIuxAeTo7Gz3khI/wgU6nenaA/d4ID0tkLsIkIloGgt0LHyEnJ+OoZKdZZ0Fs4OGzsWUlZPhB9B5eheV/PRPZf7JXbqLC5h888Wh+KcMyCAwnpnCdKRntKT74c+zT8e3aEeAYi75DnyeiuLfgvUZAAAAAElFTkSuQmCC");
  background-size: 24px 30px;
}

.p-application__status__step.-step3.-current::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAQAAACcJxZuAAABWElEQVR42tXTMUiVURiH8VdFRJ3ENilNdEuaRMQh4UK0BEY6NAgtXSG4ULh1tUGzzQpqaJC2psBJHAoCdwftEtWm2dDglFGi3u/n4AWl+3Hv1yjPcuDwnPO+//OeEFW0egO+ulS9GynCkrK7hn32zYX6wkUMaNMrfFGoJ0z66Z3w1q5WExKPdP4rNMibVXTHeywLod8NjUJB4odxRUXTukRot2bfdzt+23O5qsQ2q9iyY9cvfWHCXyE0++i+tBCuSHQIYdVKmLIphBbrbqcKXegWwrxSyPtUET44cpDCoUM9QliwGe5VhEYjpjz0oIqCW9qF8NTGqZCF8yrMnJmnDMJzZWPZhce4VrukhjPrZxip3cMLrzVVnnFBIlev6ZtYrAwBg1lSGnVg0Zwj17PGepXU02ukNGj0nM1S3kZm4cnJjyv93w05iXFDhuuSs+1lCK/wJwNlJS3HDnZwgiZb3NYAAAAASUVORK5CYII=");
}

.p-library {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 30px 0 50px; /* <- 0 50px 0 75px */
  margin: auto;
}

.p-library__left {
  position: relative;
  width: 486px; /* <- 355px */
  padding: 30px 16px 18px; /* 2023.12.15 change */
  border: 2px solid #e3f2f7;
  border-radius: 10px;
  background: #e3f2f7;
}

.p-library__left.-error {
  border-color: #f90006;
}

/* 2023.12.15 change */
/* .p-library__left__title {
  margin: 12px 0;
  color: #006bb9;
  font-size: 18px;
  text-align: center;
} */
.p-library__left__title {
  margin: 0 0 30px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25;
}

.p-library__left__list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.p-library__left__list::after {
  content: "";
  position: absolute;
  top: 0;
  right: -60px;
  bottom: 0;
  margin: auto 0;
  display: inline-block;
  width: 51px;
  height: 51px;
  background: url("images/application/fg_round_arrow.png") no-repeat;
}

.p-library__left__listItem {
  margin-bottom: 9px;
  text-align: center;
  height: 52px;
}

.p-library__left__listItem:last-child {
  margin-bottom: 0;
}

.p-library__left__btn {
  display: inline-block;
  width: 100%;
  padding: 9px 10px;
  border: 2px solid #006bb9;
  border-radius: 4px;
  background: #fff;
  color: #006bb9;
  font-size: 14px;
  font-weight: bold;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 107, 185, 0.4);
  box-shadow: 0 2px 0 0 rgba(0, 107, 185, 0.4);
  height: 50px;
}

.p-library__left__btn.-selected {
  background: #006bb9;
  color: #fff;
}

.p-library__left__pack {
  display: inline-block;
  width: 100%;
  padding: 5px 2px;
  border: 2px solid #006bb9;
  border-radius: 4px;
  background: #fff;
  color: #006bb9;
  font-size: 14px;
  font-weight: bold;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 107, 185, 0.4);
  box-shadow: 0 2px 0 0 rgba(0, 107, 185, 0.4);
  height: 50px;
}

.p-library__left__pack.-selected {
  background: #006bb9;
  color: #fff;
}

.p-library__left__em {
  font-size: 16px;
}

.p-library__left__error {
  position: absolute;
  left: -4em;
  bottom: -2.5em;
  display: none;
  margin: 0;
  color: #f90006;
  font-size: 14px;
}

.p-library__left__error.-error {
  display: block;
}

.p-library__left__check {
  display: none !important;
}

.p-library__left_icon { /* 2023.1.13 ito */
  padding:2px;
  float: right;
}

.p-pack__left__list { /* 2022.12.20 ito */
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.p-pack__left__listItem { /* 2022.12.20 ito */
  display: flex;
  margin-bottom: 9px;
}

.p-pack__left__pairItem { /* 2022.12.20 ito */
  text-align: center;
  width: 218px;
  height: 52px;
}

.p-pack__left__em { /* 2022.12.20 ito */
  width: 160px;
  font-size: 16px;
  display: inline-block;
  align-items: center;
  justify-content: start;
  text-align: center;
  line-height: 1.2;
  vertical-align: bottom;
}

.p-pack__left_icon { /* 2023.1.13 ito */
  padding: 2px;
  float: right;
}

.p-library__right {
  width: 500px;
  padding: 8px;
  border-radius: 10px;
  border: 4px solid #e3f2f7;
  background: url("images/application/bg_library_view.png") no-repeat center;
  background-size: cover;
}

.p-library__right__title {
  margin-top: 0;
  font-size: 15px;
  text-align: center;
}

.p-library__right__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}

.p-library__right__listItem {
  position: relative;
  width: 140px;
  height: 190px;
  padding: 120px 0 0;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  color: #aaa;        /* 2019.12.10 ito resolve difference */
  border-color: #aaa; /* 2019.12.10 ito resolve difference */
  background: #fff;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  opacity: 0; /* 2020.01.24 ito for design change */
}
.p-library__right__listItem.-selected { /* 2020.01.24 ito for design change from here */
  opacity: 1;
} /* 2020.01.24 ito for design change to here */

.p-library__right__listItem:nth-child(n + 4) {
  margin-top: 15px;
}

.p-library__right__listItem::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 60px;
  left: 0;
  margin: auto;
  display: inline-block;
  width: 66px;
  height: 67px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}

/*.p-library__right__listItem.-manage { // 2019.12.10 ito resolve difference from here
  color: #76ccf4;
  border-color: #76ccf4;
}*/ /* 2019.12.10 ito resolve difference to here */

.p-library__right__listItem.-manage::before {
  background-image: url("images/application/ico_manage.png");
}

.p-library__right__listItem.-manage.-selected {
  color: #fff;
  border-color: #76ccf4; /* 2019.12.10 ito resolve difference */
  background-color: #76ccf4;
}

.p-library__right__listItem.-manage.-selected::before {
  background-image: url("images/application/ico_manage_white.png");
}

/*.p-library__right__listItem.-skill { // 2019.12.10 ito resolve difference from here
  color: #84e171;
  border-color: #84e171;
}*/ /* 2019.12.10 ito resolve difference to here */

.p-library__right__listItem.-skill::before {
  background-image: url("images/application/ico_skill.png");
}

.p-library__right__listItem.-skill.-selected {
  color: #fff;
  border-color: #84e171; /* 2019.12.10 ito resolve difference */
  background-color: #84e171;
}

.p-library__right__listItem.-skill.-selected::before {
  background-image: url("images/application/ico_skill_white.png");
}

/*.p-library__right__listItem.-health { // 2019.12.10 ito resolve difference from here
  color: #faadb9;
  border-color: #faadb9;
}*/ /* 2019.12.10 ito resolve difference to here */

.p-library__right__listItem.-health::before {
  background-image: url("images/application/ico_health.png");
}

.p-library__right__listItem.-health.-selected {
  color: #fff;
  border-color: #faadb9; /* 2019.12.10 ito resolve difference */
  background-color: #faadb9;
}

.p-library__right__listItem.-health.-selected::before {
  background-image: url("images/application/ico_health_white.png");
}

/*.p-library__right__listItem.-pc { // 2019.12.10 ito resolve difference from here
  color: #eae337;
  border-color: #eae337;
}*/ /* 2019.12.10 ito resolve difference to here */

.p-library__right__listItem.-pc::before {
  background-image: url("images/application/ico_pc.png");
}

.p-library__right__listItem.-pc.-selected {
  color: #fff;
  border-color: #eae337; /* 2019.12.10 ito resolve difference */
  background-color: #eae337;
}

.p-library__right__listItem.-pc.-selected::before {
  background-image: url("images/application/ico_pc_white.png");
}

/*.p-library__right__listItem.-lang { // 2019.12.10 ito resolve difference from here
  color: #fabe39;
  border-color: #fabe39;
}*/ /* 2019.12.10 ito resolve difference to here */

.p-library__right__listItem.-lang::before {
  background-image: url("images/application/ico_lang.png");
}

.p-library__right__listItem.-lang.-selected {
  color: #fff;
  border-color: #fabe39; /* 2019.12.10 ito resolve difference */
  background-color: #fabe39;
}

.p-library__right__listItem.-lang.-selected::before {
  background-image: url("images/application/ico_lang_white.png");
}

/*.p-library__right__listItem.-three { // 2019.12.10 ito resolve difference from here
  color: #ff9629;
  border-color: #ff9629;
}*/ /* 2019.12.10 ito resolve difference to here */

.p-library__right__listItem.-three::before {
  background-image: url("images/application/ico_three.png");
}

.p-library__right__listItem.-three.-selected {
  color: #fff;
  border-color: #ff9629; /* 2019.12.10 ito resolve difference */
  background-color: #ff9629;
}

.p-library__right__listItem.-three.-selected::before {
  background-image: url("images/application/ico_three_white.png");
}

.p-simulator__left {
  padding: 10px 18px; /* 2020.01.24 ito for design change */
  border-right: 1px solid #006bb9;
  vertical-align: middle; /* 2020.01.24 ito for design change */
}

.p-simulator__right {
  padding: 12px 18px;
  vertical-align: top;
}

.p-simulator__calc {
  font-size: 18px;
  font-weight: bold;
}

.p-simulator__calc__unit {
  color: #fa8100;
}

.p-simulator__calc__price {
  color: #fa8100;
  font-size: 24px;
}
.p-simulator__calc__note { /* 2020.01.24 ito for design change from here */
  color: #fa8100;
  display: block;
} /* 2020.01.24 ito for design change to here */

.p-simulator__param {
  font-size: 14px;
  display: block; /* 2020.01.24 ito for design change */
}
.p-simulator__param th, /* 2020.01.24 ito for design change from here */
.p-simulator__param td {
  display: block;
}
.p-simulator__param td {
  color: #fa8100;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 16px;
}
.p-simulator__param tr:last-child td {
  margin-bottom: 0;
} /* 2020.01.24 ito for design change to here */

.p-schedule__date {
  position: relative;
  padding: 15px 20px 0;
  border-right: 1px solid #006bb9;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  vertical-align: baseline;
}

.p-schedule__date.-orenge {
  color: #fa8100;
}

.p-schedule__date::after {
  content: url("images/application/fg_arrow.png");
  display: block;
  margin-top: 6px;
  line-height: 1;
  text-align: center;
}

.p-schedule__date.-no-arrow::after {
  content: none;
}

.p-schedule__em {
  font-size: 18px;
}

.p-schedule__event {
  padding: 0 20px;
  vertical-align: baseline;
}

.p-schedule__event.-last {
  padding: 0 20px 20px;
}

.p-schedule__title {
  position: relative;
  margin: 0 0 9px;
  font-size: 18px;
  font-weight: bold;
  vertical-align: middle;
}

.p-schedule__title.-orenge {
  color: #fa8100;
}

.p-schedule__title::before {
  display: inline-block;
  width: 100px;
  height: 30px;
  margin-right: 18px;
}

.p-schedule__title.-staff::before {
  content: url("images/application/ico_account01.png");
}

.p-schedule__title.-student::before {
  content: url("images/application/ico_account02.png");
}

.p-schedule__title.-admin::before { /* 2021.12.13 ito */
  content: url("images/application/ico_account03.png");
}

.p-schedule__text {
  margin: 0;
  font-size: 14px;
}

.p-confirm {
  padding: 15px 0 20px;
}

.p-confirm__dateTbl__th {
  width: 150px;
}

.p-confirm__dateTbl__em {
  color: #fa8100;
  font-size: 1.1em;
  font-weight: bold;
}

.p-confirm__text {
  font-size: 15px;
}

.p-complete__text {
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 30px;
}

.p-complete__text.-big {
  margin-top: 55px;
  margin-bottom: 20px;
  color: #006bb9;
  font-size: 24px;
}

.p-complete__btn {
  display: inline-block;
  width: 300px;
  height: 60px;
  margin-bottom: 85px;
  border-radius: 5px;
  background: #fa8100;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
}

.p-login {
  padding: 22px 0;
/*   background: #e3f2f7; */ /* 2020.01.24 ito for design change */
}

.p-login > div { /* 2020.01.24 ito for design change from here */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.p-login__logoArea {
  text-align: center;
  padding-right: 50px;
}
.p-login__logoArea img {
  width: 90%;
} /* 2020.01.24 ito for design change to here */
.p-login__formContainer {
  width: 470px; /* 2020.01.24 ito for design change */
  padding: 17px 27px 10px;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0 0 5px 4px rgba(33, 33, 33, 0.1);
  box-shadow: 0 0 5px 4px rgba(33, 33, 33, 0.1);
}

.p-login__title {
  color: #3e3e3e;
  font-size: 26px; /* 2020.01.24 ito for design change to here */
  text-align: center;
}

.p-login__text {
  font-size: 14px;
}

.p-login__link {
  font-weight: bold;
}

.p-login__label {
  font-size: 14px;
  font-weight: bold;
}

.p-login__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  display: inline-block;
  padding: 10px 12px;
  border: 2px solid #e6e6e6;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.8;
}

/* 2019.12.13 ito */
.p-login__inputWrap tr td:nth-of-type(1) {
  display: none;
}
/* 2019.12.13 ito */

.p-login__btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  display: inline-block;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  font-size: 18px;
  font-weight: bold;
  line-height: 3.33;
  text-align: center;
  outline: none;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.p-login__btn:focus {
  outline: none;
}

.p-login__btn:hover {
  text-decoration: none;
  opacity: 0.7;
}

.p-login__btn.-login {
  margin: 10px 0 0;
  background: #fa8100;
  border-color: #fa8100;
  color: #fff;
}

.p-login__btn.-login:disabled {
  background: #c9c9c9;
  border-color: #c9c9c9;
  cursor: not-allowed;
}

.p-login__btn.-login:disabled:hover {
  opacity: 1;
}

.p-login__btn.-new {
  background: #fff;
  border-color: #fa8100;
  color: #fa8100;
}

.p-login__separate {
  position: relative;
  margin: 5px 0 7px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.p-login__separate::before, .p-login__separate::after {
  content: "";
  display: inline-block;
  width: 40%;
  height: 1.5px; /* 2020.1.7 ito line always appear for ie11 */
  background: #3e3e3e;
}

.p-login__list {
  border-top: 1px solid #e6e6e6;
  padding: 10px 0 0;
  margin-bottom: 0;
  list-style: none;
}

.p-login__list__item {
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
}

.p-login__list__item::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #006bb9;
  border-width: 4px 0 4px 7px;
  margin-right: 8px;
}

.p-info {
  padding: 0 25px;
  background: #fff;
  border-top: 1px solid #e6e6e6; /* 2020.01.24 ito for design change */
}

.p-info__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-info__title {
  margin: 5px 0;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
}

.p-info__list {
  margin: 5px 0 5px 5px;
  font-size: 13px;
  line-height: 2;
  list-style: none;
}

.p-info__list__item {
  padding-left: 1em;
  text-indent: -1em;
}

.p-info__list__item::before {
  content: "・";
}


 /* ------------------------------------
  2023.12.15 add
  * ------------------------------------ */
:root {
  --base-blue: #176BB9;
  --base-bg: #E3F2F7;
  --base-hover: #EEF7FA; /* #E3F2F7, 60% */
}
.p-libraryBox {}
.p-libraryBox + .p-libraryBox {
  margin-top: 25px;
}

/* 「または」 */
.p-librarySeperator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 15px;
  margin: 24px 0 18px;
  color: #A4A4A4;
  font-size: 16px;
  line-height: 1.125;
  font-weight: bold;
}
.p-librarySeperator > span {
  display: inline-block;
  white-space: nowrap;
  flex-shrink: 0;
}
.p-librarySeperator::before,
.p-librarySeperator::after {
  content: "";
  display: inline-block;
  width: 48%;
  height: 1px;
  background-color: #A4A4A4;
  flex-shrink: 1;
  flex-grow: 1;
}

/* セレクトボックス */
.c-input-select {
  --pl: 16px;
  position: relative;
}

.c-input-select__selected {
  appearance: none;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 7px;
  width: 100%;
  min-height: 50px;
  padding: 6px 32px 6px var(--pl);
  border-radius: 5px;
  border: 2px solid var(--base-blue);
  background: none;
  background-color: #fff;
  color: #676767;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  pointer-events: all;
  box-shadow: 0 3px 0 rgba(23, 107, 185, 0.25);
}
/* .c-input-select__selected:hover {
  background-color: var(--base-hover);
} */
.c-input-select__selected::after {
  content: "";
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 2px;
  display: block;
  width: 13px;
  height: 13px;
  margin: auto 0;
  border-style: solid;
  border-color: #676767;
  border-width: 0 3px 3px 0;
  transform: translateY(-25%) rotate(45deg);
  pointer-events: none;
}
.c-input-select__selected .c-input-select__option {
  text-decoration: none;
}
.c-input-select__selected.has-data {
  color: #fff;
  background-color: var(--base-blue);
}
.c-input-select__selected.has-data::after {
  border-color: #fff;
}
.c-input-select__selected.has-data .c-input-select__brackets::before {
  background-image: url(./images/application/ico_brackets_l_white.svg);
}
.c-input-select__selected.has-data .c-input-select__brackets::after {
  background-image: url(./images/application/ico_brackets_r_white.svg);
}
.c-input-select__selected.has-data .c-input-select__continues {
  outline: 1px solid #fff;
  margin-left: 0;
}

.c-input-select__selected.is-open {
  border-radius: 5px 5px 0 0;
}
.c-input-select__selected.is-open::after {
  transform: translateY(25%) rotate(225deg);
}

/* リスト部 */
.c-input-select__list {
  position: absolute;
  top: calc(100% - 2px);
  width: 100%;
  display: none;
  /* max-height: 160px; */
  padding: 0;
  /* border: 1px solid #CECECE; */
  border-color: #B6B6B6 var(--base-blue) var(--base-blue);
  border-style: solid;
  border-width: 0 2px 2px;
  border-radius: 0 0 5px 5px;
  background: #fff;
  box-shadow: 0 3px 0 #E3F2F7;
  overflow-y: auto;
  z-index: 1;
}

/* グループパーツ（例: 全ライブラリ） */
.c-input-select__group {
  display: flex;
  border-top: 1px solid #DFDFDF;
}
.c-input-select__group:first-child {
  border-top: 2px solid #B6B6B6;
}
/* 左 */
.c-input-select__groupTitle {
  display: block;
  width: 97px;
  padding: 10px 6px 10px var(--pl);
  flex-shrink: 0;
}
.c-input-select__groupTitle > span {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.125;
}

/* 右 */
.c-input-select__groupOpt {
  flex-grow: 1;
}

/* 行パーツ */
.c-input-select__item {
  border-top: 1px solid #DFDFDF;
}
.c-input-select__item:first-child {
  border-top: none;
}

/* 選択肢パーツ */
.c-input-select__label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 7px;
  width: 100%;
  min-height: 49px;
  padding: 9px 12px 6px var(--pl);
  color: var(--base-blue);
  font-weight: bold;
  cursor: pointer;
}
.c-input-select__label:hover {
  background-color: var(--base-hover);
}
.c-input-select__label.is-selected {
  background-color: var(--base-hover);
  cursor: auto;
}
.c-input-select__radio {
  display: none;
}

/* 選択肢テキスト */
.c-input-select__option {
  font-size: 16px;
  line-height: 1.1;
  text-decoration: underline;
}
/* 括弧パーツ */
.c-input-select__brackets {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 4px;
  font-size: 12px;
  line-height: 1.17;
  text-decoration: none;
}
.c-input-select__brackets::before,
.c-input-select__brackets::after {
  content: "";
  display: block;
  width: 5.55px;
  height: 25.25px;
  background: no-repeat contain;
}
.c-input-select__brackets::before {
  background-image: url(./images/application/ico_brackets_l.svg);
  background-position: left center;
}
.c-input-select__brackets::after {
  background-image: url(./images/application/ico_brackets_r.svg);
  background-position: right center;
}

/* 「ID継続可」パーツ */
.c-input-select__continues {
  display: inline-block;
  width: 40px;
  flex-shrink: 0;
  margin-left: auto;
}

/* 「選択しない」パーツ */
.c-input-select__reset {
  display: block;
  width: 100%;
  min-height: 49px;
  padding: 9px 5px 6px var(--pl);
  color: #000;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
.c-input-select__reset:hover {
  background-color: var(--base-hover);
}

/* グループパーツがあるとき、選択肢の余白を調整 */
.c-input-select.is-group .c-input-select__label,
.c-input-select.is-group .c-input-select__reset {
  padding-left: 9px;
}

/* 選択不可（不使用） */
.c-input-select.is-disabled {}
.c-input-select.is-disabled .c-input-select__selected {
  background-color: #EBEBEB;
  border-color: #C5C5C5;
  color: #AAAAAA;
  cursor: not-allowed;
  box-shadow: none;
}
.c-input-select.is-disabled .c-input-select__selected::after {
  border-color: #C5C5C5;
}
.c-input-select.is-disabled .c-input-select__selected:hover {
  background-color: #EBEBEB;
  border-color: #C5C5C5;
  color: #AAAAAA;
}

/* ライブラリセレクト */
.p-librarySelect {
  position: relative;
}
.p-librarySelect.m-library {
  z-index: 2;
}
.p-librarySelect.m-pack {}
.p-librarySelect.m-arrow::after {
  content: "";
  position: absolute;
  top: 0;
  right: -60px;
  bottom: 0;
  margin: 0;
  display: block;
  width: 51px;
  height: 51px;
  background: url("images/application/fg_round_arrow.png") no-repeat;
  z-index: 2;
}


/* 右側 */
.p-library__right {
  width: 500px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
}

/* 選択したライブラリで受講できるコース */
.p-libraryCourse {
  padding: 18px 20px 20px;
  border-radius: 10px;
  border: 3px solid #e3f2f7;
  background-color: #F6F6F6;
  background: url(images/application/bg_library_view.png) no-repeat center;
  background-size: cover;
}

.p-libraryCourse__title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0 0 9px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}

.p-libraryCourse__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px;
}
.p-libraryCourse__list.m-col3 {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 10px 9px;
}
.p-libraryCourse__list.m-col3 .p-libraryCourse__item {
  min-height: 70px;
  padding-top: 45px;
  padding-bottom: 5px;
}
.p-libraryCourse__list.m-col3 .p-libraryCourse__item::before {
  bottom: 21px;
}

.p-libraryCourse__list + .p-libraryCourse__list {
  margin-top: 10px;
}
.p-libraryCourse__item {
  position: relative;
  width: 100%;
  min-height: 100px;
  padding: 72px 1px 11px;
  border: none;
  border-radius: 4px;
  background: #fff;
  visibility: hidden;
}
.p-libraryCourse__item .u-blank.-b::after {
  margin: 0 0 0 3px;
}

.p-libraryCourse__item.is-selected { /* 選択状態なら表示 */
  visibility: visible;
}
.p-libraryCourse__item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 32px;
  left: 0;
  margin: auto;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* 各凡例の色設定 */
.p-libraryCourse__item[data-lib=manage] {
  background-color: #76CCF4;
}
.p-libraryCourse__item[data-lib=manage]::before {
  width: 65px;
  height: 41px;
  background-image: url("images/application/ico_manage_white.png");
}
.p-libraryCourse__item[data-lib=skill] {
  background-color: #84E171;
}
.p-libraryCourse__item[data-lib=skill]::before {
  width: 49px;
  height: 49px;
  background-image: url("images/application/ico_skill_white.png");
}
.p-libraryCourse__item[data-lib=health] {
  background-color: #FAADB9;
}
.p-libraryCourse__item[data-lib=health]::before {
  width: 52px;
  height: 44px;
  background-image: url("images/application/ico_health_white.png");
}
.p-libraryCourse__item[data-lib=dx] {
  /*background-color: #FABE39;*/
  background-color: #D3ADFA; /* 2014.1.26 changed */
}
.p-libraryCourse__item[data-lib=dx]::before {
  /*width: 71.5px;*/
  width: 50px; /* 2014.1.26 changed */
  /*height: 51.6px;*/
  height: 62px; /* 2014.1.26 changed */
  background-image: url("images/application/ico_dx_white.png");
}
.p-libraryCourse__item[data-lib=it] {
  background-color: #EAE337;
}
.p-libraryCourse__item[data-lib=it]::before {
  /*width: 47px;*/
  width: 46px; /* 2014.1.26 changed */
  /*height: 34px;*/
  height: 38px; /* 2014.1.26 changed */
  background-image: url("images/application/ico_it_white.png");
}
.p-libraryCourse__item[data-lib=lang] {
  background-color: #EAE337;
}
.p-libraryCourse__item[data-lib=lang]::before {
  width: 36px;
  height: 38px;
  background-image: url("images/application/ico_lang_white.png");
}
.p-libraryCourse__item[data-lib=three] {
  background-color: #EAE337;
  font-feature-settings: "palt"; /* 半角カタカナ */
}
.p-libraryCourse__item[data-lib=three]::before {
  width: 38px;
  height: 36px;
  background-image: url("images/application/ico_three_white.png");
}

.p-libraryCourse__item a {
  display: block;
  padding: 4px 0 0;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}


/* パックとは */
.p-libraryPack {
  padding: 11px 14px 17px;
  border-radius: 10px;
  border: 3px solid #e3f2f7;
  background-color: #F6F6F6;
  background: url(images/application/bg_library_view.png) no-repeat center;
  background-size: cover;
}
.p-libraryCourse + .p-libraryPack {
  margin-top: 11px;
}

.p-libraryPack__title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0 0 9px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}
.p-libraryPack__text {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}
.p-libraryPack__text + .p-libraryPack__text {
  margin-top: 1em;
}
.p-libraryPack__bnr {
  display: block;
  max-width: 400px;
  margin: 5px auto 0;
  padding: 0;
}
.p-libraryPack__bnr img {
  vertical-align: middle;
}

/* Packバナーを選択表示する 2026.1.15 ito add */
.p-libraryCourse__item.m-pack{
  padding: 0;
  min-height: 25px;
  height: 70px;
  background: transparent;
}

.p-libraryCourse__item.m-pack a{
  padding: 0;
}

.p-libraryCourse__item.m-pack::before{
  content: none;
}