@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;900&family=Oswald:wght@500;600;700&display=swap");
/*!
 * ress.css ? v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  color: #333;
}

*, ::before, ::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before, ::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  word-wrap: break-word;
}

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

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}

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

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden], template {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active, a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
  text-decoration: none;
  color: #767676;
}

code, kbd, pre, samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

b, strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic; /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button, [type=button], [type=reset], [type=submit], [role=button] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number] {
  width: auto; /* Firefox 36+ */
}

[type=search] {
  -webkit-appearance: textfield; /* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Safari 8 */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button, input, optgroup, select, textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

button, select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button, input, select, textarea {
  /*background-color: transparent;*/
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

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

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden; /* Internet Explorer 11- */
}

audio, canvas, progress, video {
  display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

html, body {
  scroll-padding-top: 50px;
}

/**********************************************/
/* フォーム用入力テーブル */
/**********************************************/
.cmn-text-red {
  color: red;
}

/**********************************************/
/*  プレビュー */
/**********************************************/
.preview-msg {
  margin-bottom: 1rem;
  padding: 0.5rem;
  background-color: #FEE;
  color: #F33;
  font-size: 2rem;
  font-weight: bold;
}

button {
  border: none;
}

html {
  font-size: 14px;
}

* {
  -webkit-touch-callout: none;
}

input, textarea {
  -webkit-user-select: auto;
}

.uk-container {
  max-width: 1200px;
}

ol, ul {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1em;
  font-size: 1.3em;
  line-height: 1.2;
  font-weight: bold;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.uk-button-secondary {
  background-color: #4a647f;
  color: #fff;
  border: 1px solid transparent;
}

label {
  margin-right: 1em;
  cursor: pointer;
}

.uk-input, .uk-select, .uk-textarea {
  font-size: 16px;
  font-weight: normal;
}

.uk-checkbox, .uk-radio {
  margin-right: 5px;
}

.uk-button {
  white-space: nowrap;
  font-size: 13px;
  padding: 0 1em;
  min-width: 90px;
}

.uk-button-default {
  background: #FFF;
  background-color: #FFF;
  border: 1px solid #d3d3d3;
}

.uk-button-default:hover {
  border: 1px solid #F1F1F1;
  background-color: #F3F3F3 !important;
}

.uk-table th {
  vertical-align: middle;
  white-space: nowrap;
  color: #646464;
}

.uk-table-expand {
  min-width: 160px;
}

.uk-input, .uk-select, .uk-textarea {
  margin: 0 3px 3px;
  color: #000;
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
  color: #000;
}

.uk-form-horizontal .uk-form-label {
  cursor: default;
  font-size: 1rem;
}

.uk-text-meta * {
  font-size: 0.875rem;
  color: #999;
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
  outline: 0;
  background-color: #E0F2F7;
  color: #333;
  border-color: #1e87f0;
}

@media (min-width: 960px) {
  .uk-form-horizontal .uk-form-controls {
    margin-left: 250px;
  }
}
.uk-description-list > dt {
  text-transform: none;
}

.data-uk-modal-body {
  padding: 30px 30px;
}

@media (max-width: 640px) {
  .uk-card-header {
    padding: 8px 12px !important;
  }
  .uk-modal-body, .data-uk-modal-body {
    padding: 15px;
  }
}
/*********************************************************************************
	BREADCRUMBS
--------------------------------------------------------------------------------*/
.uk-breadcrumb {
  margin-top: 0;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
  padding-right: 2em;
  white-space: nowrap;
}
.uk-breadcrumb::-webkit-scrollbar {
  width: 10px;
  height: 8px;
}
.uk-breadcrumb::-webkit-scrollbar-thumb {
  background: #FFF;
  border-radius: 5px;
  max-width: 240px;
}
.uk-breadcrumb::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.2);
}

.uk-breadcrumb > * > * {
  color: #3C92D0;
}

.uk-breadcrumb svg {
  margin-top: -3px;
  height: 18px;
  width: 18px;
}

@media (max-width: 640px) {
  .uk-breadcrumb {
    margin: 0 auto 5px;
    text-align: left;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .uk-breadcrumb li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: table-cell;
    vertical-align: middle;
  }
}
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
  content: ">";
  display: inline-block;
  margin: 0 5px;
  color: #999;
}

/*********************************************************************************
	0.NAVIGATION
--------------------------------------------------------------------------------*/
@media (min-width: 960px) {
  .uk-container {
    padding: 0;
  }
}
@media (min-width: 640px) {
  .uk-container {
    padding: 0;
  }
}
h2 {
  font-weight: bold;
}

.uk-navbar-container {
  background: none;
}

.uk-button-search {
  background-color: #1AA07D;
  color: #fff;
  border: 1px solid transparent;
}

.uk-label {
  line-height: 2;
}

.uk-navbar-nav {
  gap: 0;
}

.uk-navbar-nav > li > a {
  min-height: unset;
}

@media screen and (max-width: 1120px) {
  .uk-navbar-nav > li > a {
    padding: 0 15px;
    font-size: 12px;
  }
  .uk-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.uk-navbar-nav > li > a:hover {
  background: #366aa7;
  color: #FFF;
}

.uk-navbar-nav > li > a.uk-open {
  background: #366aa7;
  color: #FFF;
}

/* SUBMENU */
.uk-navbar-dropbar {
  background: #F3F3F3;
}

.uk-navbar-dropdown {
  background: #FFF;
}

.uk-navbar-dropdown-nav a {
  font-size: 14px;
}

/* SUB MENU */
.uk-navbar-dropdown {
  margin-top: 0 !important;
  padding: 25px;
  width: auto;
}

.uk-navbar-dropdown-nav > li.uk-nav-header {
  margin-bottom: 15px;
  border-bottom: 1px solid #333;
  font-weight: bold;
  font-size: 18px;
  color: #111;
}

.uk-navbar-dropdown-nav > li {
  box-shadow: 0 1px 0 rgb(255, 255, 255);
}

.uk-navbar-dropdown-nav > li > a {
  color: #1E76AD;
  font-weight: bold;
  padding: 8px 0;
  white-space: nowrap;
}

.uk-navbar-dropdown-nav > li > a:hover {
  color: #202C58;
}

/*********************************************************************************
	CARD
--------------------------------------------------------------------------------*/
.uk-card-title {
  margin-top: 10px;
  font-size: 1rem;
}

a:hover .uk-card-title {
  opacity: 0.6;
}

/*********************************************************************************
	BUTTON
--------------------------------------------------------------------------------*/
@media (max-width: 960px) {
  .uk-button-large {
    width: 100%;
  }
}
@media (min-width: 961px) {
  .uk-button-large {
    padding: 0 10px;
    font-size: 1.2em;
    min-width: 350px;
  }
}
.uk-button-primary {
  background-color: #0e417d;
}

.uk-link, a {
  color: #0265cb;
}

.uk-checkbox {
  min-width: 16px;
  min-height: 16px;
}

.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
  background-color: #0e417d;
}

.uk-checkbox, .uk-radio {
  border: 1px solid #4d4d4d;
  background-color: #FFF;
}

/*********************************************************************************
	UK=TAB
--------------------------------------------------------------------------------*/
.uk-tab > * > a {
  padding: 10px 0;
  font-size: 1rem;
  font-weight: bold;
  border: solid 1px #ccc;
}

.uk-tab > .uk-active > a {
  background: #1e87f0;
  color: #FFF;
}

/*********************************************************************************
	UK-TABLE
--------------------------------------------------------------------------------*/
.uk-table th {
  text-transform: unset !important;
}

/*********************************************************************************
	TEXT
--------------------------------------------------------------------------------*/
.uk-heading-bullet {
  display: flex;
}
.uk-heading-bullet:before {
  height: unset;
}

/**********************************************/
/* LIGHTBOX
/**********************************************/
.uk-lightbox {
  background: rgba(0, 0, 0, 0.5);
}

.uk-lightbox-iframe {
  max-width: 1080px;
  width: 90% !important;
  height: 90% !important;
}

.uk-transition-slide-top {
  transform: unset !important;
}

.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
  text-decoration: none;
  opacity: 0.75;
}

.uk-nav-header {
  text-transform: unset;
}

.uk-nav-divider.black-bold {
  border-top: 1px solid #333;
}

.alc {
  text-align: center;
}

#CtsWrap {
  margin: 0 0;
  padding-top: 50px;
  width: inherit;
}
@media print, screen and (min-width: 769px) {
  #CtsWrap {
    margin: 0;
    padding: 25px 0 0;
    min-width: 1100px;
  }
}
#CtsWrap #CtsRim {
  padding-bottom: 70px;
}
@media print, screen and (min-width: 769px) {
  #CtsWrap #CtsRim {
    min-width: 300px;
  }
}
@media print, screen and (min-width: 769px) {
  #CtsWrap #CtsMain {
    margin-right: 50px;
    min-width: 750px;
  }
}

#CtsWrap1Clm {
  margin: 0 0;
  padding-top: 50px;
  width: inherit;
}
@media print, screen and (min-width: 769px) {
  #CtsWrap1Clm {
    margin: 0 auto;
    padding: 25px 0 0;
    max-width: 1200px;
  }
}

@media print, screen and (min-width: 769px) {
  .brsp {
    display: none;
  }
}

#CmnCtsWrap {
  position: relative;
  padding: 1rem;
  background: url(../../../images/cmn/cmn_cat_head_bg.png) repeat-x;
  border-top: solid 5px #3b3b3b;
  width: 100%;
}
@media print, screen and (min-width: 769px) {
  #CmnCtsWrap {
    padding: 50px 0 25px;
  }
}

.CmnCtsTtl {
  margin: 0 0 2em;
  font-weight: bold;
  font-size: 28px;
}

.CmnCtsSubTtl {
  margin: 0 0 1em;
  font-weight: bold;
  font-size: 20px;
  font-weight: bold;
}

.error {
  color: red;
}

/*--------------------------------------------------------------------------------------------------
	NOTFOUND
-------------------------------------------------------------------------------------------------- */
#CmnNoRlt {
  text-align: center;
}
#CmnNoRlt h1 {
  margin: 50px 0;
  padding: 25px;
  background: #F3F3F3;
  font-weight: bold;
}
#CmnNoRlt h2 {
  margin: 60px 0;
  font-size: 3em;
  color: #366aa7;
  font-family: Oswald;
}
@media print, screen and (min-width: 769px) {
  #CmnNoRlt h2 {
    font-size: 8em;
  }
}

.cmnollist {
  margin-bottom: 2em;
  margin-left: 2em;
  list-style-position: outside;
  line-height: 180%;
  list-style: decimal;
}

/*  ZIPボタン */
.ZipBtn {
  padding: 0.5em 1em;
  font-size: 12px;
  color: #FFF;
  display: inline-block;
  text-align: center;
  border-radius: 6px;
  background: #2490D0;
  cursor: pointer;
  border: none;
}
.ZipBtn:hover {
  background: rgb(122, 143, 179);
}

.zipCloseBtn {
  padding: 0.5em 1em;
  font-size: 12px;
  color: #333;
  display: inline-block;
  text-align: center;
  border-radius: 6px;
  background: #F3F3F3;
  cursor: pointer;
  border: none;
  text-decolation: none;
}

/* 50オン順のソートボタン */
div.nav-50on {
  position: sticky;
  top: 40px;
  z-index: 1;
  background: #FFF;
}
@media print, screen and (min-width: 769px) {
  div.nav-50on {
    top: 120px;
    padding-top: 1em;
  }
}
div.nav-50on ul {
  padding: 1em 0 0;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 3%;
}
@media print, screen and (min-width: 769px) {
  div.nav-50on ul {
    padding: 0 2em;
  }
}
div.nav-50on ul li {
  font-size: 1.4em;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #CCC;
}
div.nav-50on ul li a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1em !important;
  font-weight: bold;
  color: #333 !important;
}
div.nav-50on ul li a.active {
  background-color: #1e87f0 !important;
  color: #FFF !important;
}

#LoginArea, .LoginArea {
  margin: 0 auto;
  padding-top: 2em;
}
#LoginArea h2, .LoginArea h2 {
  font-size: 13px;
}
#LoginArea div.alert-keiei, .LoginArea div.alert-keiei {
  padding: 1.5rem;
  background: #fff7f6;
  border: solid 1px #C7362C;
}
#LoginArea div.alert-keiei h4, .LoginArea div.alert-keiei h4 {
  font-size: 14px;
  margin: 0 0;
  color: #C7362C;
}

.login-area-note {
  padding: 24px 20px;
}
.login-area-note .bgtxt01 {
  font-size: 18px;
}

#CtsWrap1Clm:has(.bgtxt01) {
  padding-left: 12px;
  padding-right: 12px;
}
#CtsWrap1Clm:has(.bgtxt01) .bgtxt01 {
  font-size: 16px;
}

.login-area-note,
#CtsWrap1Clm:has(.bgtxt01) {
  background-color: #fbfbfb;
  border-radius: 8px;
}
.login-area-note .bgtxt01,
#CtsWrap1Clm:has(.bgtxt01) .bgtxt01 {
  margin: 0;
  padding: 0 0 15px;
  font-weight: bold;
  line-height: 150%;
  text-align: left;
  background-color: transparent;
  border-bottom: 1px solid #f0506e;
  text-align: center;
}
.login-area-note .bgtxt01 small,
#CtsWrap1Clm:has(.bgtxt01) .bgtxt01 small {
  margin-top: 8px;
  display: block;
  font-size: 13px;
  font-weight: normal;
}
@media print, screen and (min-width: 769px) {
  .login-area-note .bgtxt01 small,
  #CtsWrap1Clm:has(.bgtxt01) .bgtxt01 small {
    font-size: 14px;
  }
}
.login-area-note .bgtxt01.is-customized,
#CtsWrap1Clm:has(.bgtxt01) .bgtxt01.is-customized {
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.login-area-note #LoginArea h2,
.login-area-note .LoginArea h2,
#CtsWrap1Clm:has(.bgtxt01) #LoginArea h2,
#CtsWrap1Clm:has(.bgtxt01) .LoginArea h2 {
  font-size: 16px;
  justify-content: center;
}
.login-area-note #LoginArea h2:before,
.login-area-note .LoginArea h2:before,
#CtsWrap1Clm:has(.bgtxt01) #LoginArea h2:before,
#CtsWrap1Clm:has(.bgtxt01) .LoginArea h2:before {
  display: none;
}
.login-area-note#CtsWrap1Clm,
#CtsWrap1Clm:has(.bgtxt01)#CtsWrap1Clm {
  background-color: transparent;
}
@media (min-width: 768px) {
  .login-area-note,
  #CtsWrap1Clm:has(.bgtxt01) {
    padding: 24px;
  }
  .login-area-note .bgtxt01,
  #CtsWrap1Clm:has(.bgtxt01) .bgtxt01 {
    padding: 0 75px 15px;
  }
}

ul.login-tab {
  margin: 2em 0 0;
  padding: 0;
  display: flex;
  gap: 2px;
}
ul.login-tab li {
  overflow: hidden !important;
  width: 100%;
}
ul.login-tab li a {
  border-radius: 4px 4px 0 0;
  border: solid 1px #CCC;
  border-bottom: none;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #111;
}
@media print, screen and (min-width: 769px) {
  ul.login-tab li a {
    border-radius: 8px 8px 0 0;
  }
}
ul.login-tab li a svg {
  width: auto;
  max-height: 42px;
}
ul.login-tab li.hrpro svg {
  fill: #0e417d;
}
ul.login-tab li.hrpro.uk-active {
  width: 150%;
}
ul.login-tab li.hrpro.uk-active a {
  background: #0e417d;
}
ul.login-tab li.hrpro.uk-active a svg {
  fill: #FFF;
}
ul.login-tab li.keiei a svg {
  width: auto;
  max-height: 24px;
  fill: #C7362C;
}
ul.login-tab li.keiei a svg .logo-red {
  fill: #c7362c !important;
}
ul.login-tab li.keiei a svg .logo-gray {
  fill: #aaa !important;
}
ul.login-tab li.keiei.uk-active {
  width: 150%;
}
ul.login-tab li.keiei.uk-active a {
  background: #C7362C;
}
ul.login-tab li.keiei.uk-active a svg {
  fill: #FFF !important;
}

ul.uk-switcher.login-switcher, #LoginArea.login-switcher {
  margin-top: 0 !important;
  border: solid 1px #CCC;
  border-top: none;
  border-radius: 0 0 8px 8px;
  padding: 0;
}
ul.uk-switcher.login-switcher li, #LoginArea.login-switcher li {
  padding: 3rem 2rem 2rem;
  border-top: solid 4px #0e417d;
}
ul.uk-switcher.login-switcher li.hrpro.uk-active, #LoginArea.login-switcher li.hrpro.uk-active {
  border-color: #0e417d;
}
ul.uk-switcher.login-switcher li.keiei.uk-active, #LoginArea.login-switcher li.keiei.uk-active {
  border-color: #C7362C;
}
ul.uk-switcher div.input-wrap, #LoginArea div.input-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 18px;
}
ul.uk-switcher div.input-wrap div.uk-inline, #LoginArea div.input-wrap div.uk-inline {
  width: 50%;
}
ul.uk-switcher div.input-wrap div.uk-inline input.uk-input, #LoginArea div.input-wrap div.uk-inline input.uk-input {
  width: 100%;
}
ul.uk-switcher div.btn-wrap, #LoginArea div.btn-wrap {
  margin: 0 auto;
  max-width: 480px;
}
ul.uk-switcher label.auto-login-label, #LoginArea label.auto-login-label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem 0;
}
ul.uk-switcher div.hrpro-login-form h2.uk-heading-bullet, #LoginArea div.hrpro-login-form h2.uk-heading-bullet {
  color: #0e417d;
}
ul.uk-switcher div.hrpro-login-form h2.uk-heading-bullet::before, #LoginArea div.hrpro-login-form h2.uk-heading-bullet::before {
  border-color: #0e417d;
}
ul.uk-switcher div.hrpro-login-form .uk-button-primary, #LoginArea div.hrpro-login-form .uk-button-primary {
  background: #0e417d !important;
}
ul.uk-switcher div.keiei-login-form h2.uk-heading-bullet, #LoginArea div.keiei-login-form h2.uk-heading-bullet {
  color: #C7362C;
}
ul.uk-switcher div.keiei-login-form h2.uk-heading-bullet::before, #LoginArea div.keiei-login-form h2.uk-heading-bullet::before {
  border-color: #C7362C;
}
ul.uk-switcher div.keiei-login-form .uk-button-primary, #LoginArea div.keiei-login-form .uk-button-primary {
  background: #C7362C !important;
}
ul.uk-switcher div.login-help, #LoginArea div.login-help {
  background-color: aliceblue;
  padding: 1em;
  margin-top: 2em;
}

/* HRPC */
#HrpcLoginWrap {
  margin: 0 auto;
  padding-bottom: 40px;
  width: 850px;
}
#HrpcLoginWrap #HrpcLoginWrapLead {
  margin-bottom: 40px;
  background-image: url("../../images/cmn/hrpc_login_lead_bg.png");
  background-size: cover;
  color: #FFF;
  height: 400px;
  position: relative;
}
#HrpcLoginWrap #HrpcLoginWrapLead div {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  text-align: center;
  font-size: 1.2rem;
  width: 100%;
}

#HrpcLoginArea {
  margin: 36px auto;
  padding: 2em;
  max-width: 760px;
  background: #F3F3F3;
}
#HrpcLoginArea h2 {
  color: #29276E;
  text-align: center;
}
#HrpcLoginArea h2 span {
  margin-bottom: 2em;
  display: block;
}
#HrpcLoginArea #HrpcLoginAreaAbout {
  margin: 2em 0 0;
  padding: 2em;
  background: #FFF;
}
#HrpcLoginArea #HrpcLoginBtnArea {
  margin: 2em 0;
  text-align: center;
  display: flex;
  justify-content: center;
}
#HrpcLoginArea #HrpcLoginBtnArea a {
  margin: 0 5px;
  display: inline-block;
}

/*********************************************************************************

--------------------------------------------------------------------------------*/
#CmnLogin1Colum {
  margin: 0 auto;
  max-width: 640px;
  border-radius: 4px;
  padding: 2em;
  box-sizing: border-box;
}
#CmnLogin1Colum div.formwarp {
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
}
#CmnLogin1Colum div.formwarp div.inputwrap {
  position: relative;
  width: 50%;
}
#CmnLogin1Colum div.btns-wrap {
  margin-top: 18px;
  display: flex;
  justify-content: center;
  gap: 18px;
}
#CmnLogin1Colum div.btns-wrap .uk-button {
  max-width: 240px;
  min-width: 240px;
}

@media (max-width: 640px) {
  #CmnLogin1Colum div.formwarp {
    display: block;
  }
  #CmnLogin1Colum div.formwarp div.inputwrap {
    width: unset;
    margin-bottom: 0.5em;
  }
  #CmnLogin1Colum div.btns-wrap {
    flex-direction: column;
    align-items: center;
  }
}
.sso-area {
  margin: 2rem 0;
}
.sso-area div.sso-ttl {
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #b3b3b3;
}
.sso-area div.sso-ttl::before, .sso-area div.sso-ttl::after {
  background-color: #dbdbdb;
  content: "";
  flex-grow: 1;
  height: 1px;
}
.sso-area div.sso-ttl::before {
  margin-right: 1rem;
}
.sso-area div.sso-ttl::after {
  margin-left: 1rem;
}
.sso-area div.sso-btns {
  margin-bottom: 2rem;
  gap: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.sso-area div.sso-btns .sso-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: "Roboto", arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  max-width: 400px;
  min-width: min-content;
}
.sso-area div.sso-btns .sso-material-button .sso-material-button-icon {
  height: 20px;
  margin-right: 12px;
  min-width: 20px;
  width: 20px;
}
.sso-area div.sso-btns .sso-material-button .sso-material-button-content-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
.sso-area div.sso-btns .sso-material-button .sso-material-button-contents {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.sso-area div.sso-btns .sso-material-button .sso-material-button-state {
  -webkit-transition: opacity 0.218s;
  transition: opacity 0.218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.sso-area div.sso-btns .sso-material-button:disabled {
  cursor: default;
  background-color: rgba(255, 255, 255, 0.3803921569);
  border-color: rgba(31, 31, 31, 0.1215686275);
}
.sso-area div.sso-btns .sso-material-button:disabled .sso-material-button-contents {
  opacity: 38%;
}
.sso-area div.sso-btns .sso-material-button:disabled .sso-material-button-icon {
  opacity: 38%;
}
.sso-area div.sso-btns .sso-material-button:not(:disabled):active .sso-material-button-state,
.sso-area div.sso-btns .sso-material-button:not(:disabled):focus .sso-material-button-state {
  background-color: #303030;
  opacity: 12%;
}
.sso-area div.sso-btns .sso-material-button:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
.sso-area div.sso-btns .sso-material-button:not(:disabled):hover .sso-material-button-state {
  background-color: #303030;
  opacity: 8%;
}
.sso-area div.sso-btns .sso-material-button.google {
  font-family: "Roboto", arial, sans-serif;
}
.sso-area div.sso-btns .sso-material-button.google:not(:disabled):active .sso-material-button-state,
.sso-area div.sso-btns .sso-material-button.google:not(:disabled):focus .sso-material-button-state {
  background-color: #303030;
  opacity: 12%;
}
.sso-area div.sso-btns .sso-material-button.google:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
.sso-area div.sso-btns .sso-material-button.google:not(:disabled):hover .sso-material-button-state {
  background-color: #303030;
  opacity: 8%;
}
.sso-area div.sso-btns .sso-material-button.microsoft {
  font-family: "Segoe UI", arial, sans-serif;
}
.sso-area div.sso-btns .sso-material-button.microsoft:not(:disabled):active .sso-material-button-state,
.sso-area div.sso-btns .sso-material-button.microsoft:not(:disabled):focus .sso-material-button-state {
  background-color: #0078d4;
  opacity: 12%;
}
.sso-area div.sso-btns .sso-material-button.microsoft:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 120, 212, 0.3), 0 1px 3px 1px rgba(0, 120, 212, 0.15);
  box-shadow: 0 1px 2px 0 rgba(0, 120, 212, 0.3), 0 1px 3px 1px rgba(0, 120, 212, 0.15);
}
.sso-area div.sso-btns .sso-material-button.microsoft:not(:disabled):hover .sso-material-button-state {
  background-color: #0078d4;
  opacity: 8%;
}
.sso-area div.sso-btns .gsi-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: "Roboto", arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  max-width: 400px;
  min-width: min-content;
}
.sso-area div.sso-btns .gsi-material-button .gsi-material-button-icon {
  height: 20px;
  margin-right: 12px;
  min-width: 20px;
  width: 20px;
}
.sso-area div.sso-btns .gsi-material-button .gsi-material-button-content-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
.sso-area div.sso-btns .gsi-material-button .gsi-material-button-contents {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.sso-area div.sso-btns .gsi-material-button .gsi-material-button-state {
  -webkit-transition: opacity 0.218s;
  transition: opacity 0.218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.sso-area div.sso-btns .gsi-material-button:disabled {
  cursor: default;
  background-color: rgba(255, 255, 255, 0.3803921569);
  border-color: rgba(31, 31, 31, 0.1215686275);
}
.sso-area div.sso-btns .gsi-material-button:disabled .gsi-material-button-contents {
  opacity: 38%;
}
.sso-area div.sso-btns .gsi-material-button:disabled .gsi-material-button-icon {
  opacity: 38%;
}
.sso-area div.sso-btns .gsi-material-button:not(:disabled):active .gsi-material-button-state,
.sso-area div.sso-btns .gsi-material-button:not(:disabled):focus .gsi-material-button-state {
  background-color: #303030;
  opacity: 12%;
}
.sso-area div.sso-btns .gsi-material-button:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
.sso-area div.sso-btns .gsi-material-button:not(:disabled):hover .gsi-material-button-state {
  background-color: #303030;
  opacity: 8%;
}

.hr-sso-or-mail {
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #646464;
}
.hr-sso-or-mail::before, .hr-sso-or-mail::after {
  background-color: #dbdbdb;
  content: "";
  flex-grow: 1;
  height: 1px;
}
.hr-sso-or-mail::before {
  margin-right: 1rem;
}
.hr-sso-or-mail::after {
  margin-left: 1rem;
}

div#CtsRim .sso-area div.sso-ttl {
  color: #333;
}
div#CtsRim .sso-area div.sso-ttl::before, div#CtsRim .sso-area div.sso-ttl::after {
  background-color: #333;
}
div#CtsRim div.sso-btns {
  margin-bottom: 0;
  gap: 1rem;
}

.fa-twitter:before {
  content: "𝕏" !important;
  font-family: unset;
  font-weight: bold;
  color: #000;
}

.btn-hrpc-primary {
  background-color: #29276e;
}

.btn-hrpc-primary:focus, .btn-hrpc-primary:hover {
  background-color: #3930b1;
  color: #fff;
}

.btn-hrpc-danger {
  background-color: #776617;
  color: #fff;
}

/*  検討フォルダ */
.cmn-btn-add-folder, .cmn-btn-add-folder-all {
  margin: 0 0 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #0265cb;
  border: solid 1px #0265cb;
  color: #fff;
  height: 60px;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  cursor: pointer;
}
.cmn-btn-add-folder:before, .cmn-btn-add-folder-all:before {
  margin-right: 6px;
  content: "\f65e";
  font-family: "Font Awesome 5 Free";
  color: #FFF;
  font-weight: 700;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .cmn-btn-add-folder, .cmn-btn-add-folder-all {
    height: 54px;
    width: 48%;
    font-size: 3.5vw;
  }
  .cmn-btn-add-folder:before, .cmn-btn-add-folder-all:before {
    display: none;
  }
}
.cmn-btn-add-folder:hover, .cmn-btn-add-folder-all:hover {
  opacity: 0.75;
}
.cmn-btn-add-folder.selected, .cmn-btn-add-folder-all.selected {
  background-color: #FFF;
  color: #0265cb;
  font-weight: bold;
}
.cmn-btn-add-folder.selected:before, .cmn-btn-add-folder-all.selected:before {
  content: "\f07b";
  color: #0265cb !important;
}
.cmn-btn-add-folder.selected:hover, .cmn-btn-add-folder-all.selected:hover {
  opacity: 1;
}
.cmn-btn-add-folder:disabled, .cmn-btn-add-folder-all:disabled {
  border: #b7b7b7 !important;
  cursor: initial;
}
.cmn-btn-add-folder:disabled:hover, .cmn-btn-add-folder-all:disabled:hover {
  opacity: 1;
}

.cmn-btn-bookmark {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #0265cb;
  border: solid 2px #0265cb;
  color: #fff;
  height: 60px;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  cursor: pointer;
}
.cmn-btn-bookmark:before {
  margin-right: 6px;
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  color: #FFF;
  font-weight: 700;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .cmn-btn-bookmark {
    height: 54px;
    width: 100%;
  }
}
.cmn-btn-bookmark:hover {
  opacity: 0.75;
}
.cmn-btn-bookmark.selected {
  background-color: #FFF;
  color: #0265cb;
  font-weight: bold;
}
.cmn-btn-bookmark.selected:before {
  content: "\f004";
  color: #0265cb !important;
}
.cmn-btn-bookmark.selected:hover {
  opacity: 1;
}

.cmn-btn-svc-dl {
  margin: 0 auto;
  max-width: 408px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #22adb2;
  border: solid 2px #22adb2;
  color: #fff;
  height: 48px;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  cursor: pointer;
}
.cmn-btn-svc-dl:hover {
  color: #FFF;
  opacity: 0.75;
}
@media only screen and (max-width: 768px) {
  .cmn-btn-svc-dl {
    width: 100%;
  }
}

.cmn-btn-svc-compare {
  margin: 0;
  max-width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: solid 1px #0e6dcd;
  color: #0e6dcd;
  background: transparent;
  height: 48px;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  cursor: pointer;
}
@media print, screen and (min-width: 769px) {
  .cmn-btn-svc-compare {
    max-width: 408px;
  }
}
.cmn-btn-svc-compare:hover {
  opacity: 0.75;
  color: #0e6dcd;
}
@media only screen and (max-width: 768px) {
  .cmn-btn-svc-compare {
    width: 100%;
  }
}
.cmn-btn-svc-compare.disabled {
  background: #7C7C7C !important;
  border-color: #7C7C7C !important;
  cursor: not-allowed !important;
  pointer-events: none;
  user-select: none;
  color: #bdbdbd;
}
.cmn-btn-svc-compare.disabled:hover {
  opacity: 1;
}

.cmn-btn-seminar-movie {
  margin: 0 0 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #FF3300;
  border: solid 2px #FF3300;
  color: #fff;
  height: 60px;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  cursor: pointer;
}
.cmn-btn-seminar-movie:before {
  margin-right: 6px;
  content: "\f03d";
  font-family: "Font Awesome 5 Free";
  color: #FFF;
  font-weight: 700;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .cmn-btn-seminar-movie {
    height: 54px;
    width: 48%;
    font-size: 3.5vw;
  }
  .cmn-btn-seminar-movie:before {
    display: none;
  }
}
.cmn-btn-seminar-movie:hover {
  opacity: 0.75;
  color: #FFF;
}
.cmn-btn-seminar-movie:disabled {
  background: #b7b7b7;
  border: #b7b7b7;
  cursor: initial;
}
.cmn-btn-seminar-movie:disabled:hover {
  opacity: 1;
}

.cmn-btn-follow-kw {
  margin: 0 0 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #0265cb;
  border: solid 1px #0265cb;
  color: #fff;
  height: 36px;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  cursor: pointer;
  font-size: 13px;
}
.cmn-btn-follow-kw:before {
  margin-right: 6px;
  content: "\f292";
  font-family: "Font Awesome 5 Free";
  color: #FFF;
  font-weight: 700;
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .cmn-btn-follow-kw {
    max-width: 48%;
    font-size: 12px;
  }
  .cmn-btn-follow-kw:before {
    display: none;
  }
}
.cmn-btn-follow-kw:hover {
  opacity: 0.75;
}
.cmn-btn-follow-kw.selected {
  background-color: #FFF;
  color: #0265cb;
  font-weight: bold;
}
.cmn-btn-follow-kw.selected:before {
  content: "\f292";
  color: #0265cb !important;
}
.cmn-btn-follow-kw.selected:hover {
  opacity: 1;
}

.uk-button.btn-mypage {
  margin: 6px auto;
  width: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 55px;
  min-width: unset;
  font-size: 14px;
  cursor: pointer;
  border: solid 1px #0e417d;
  background-color: #0e417d;
  color: #FFF;
}
@media only screen and (max-width: 768px) {
  .uk-button.btn-mypage {
    margin-bottom: 1em;
    width: 280px;
    height: 45px;
    min-height: unset;
    font-size: 3.5vw;
  }
}
.uk-button.btn-mypage:hover {
  background-color: #5d7acf;
}
.uk-button.btn-submit {
  margin: 6px auto;
  width: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 55px;
  font-size: 14px;
  cursor: pointer;
  color: #FFF;
  border: solid 1px #FF3300;
  background: #FF3300;
}
@media only screen and (max-width: 768px) {
  .uk-button.btn-submit {
    margin-bottom: 1em;
    width: 280px;
    height: 45px;
    min-height: unset;
    font-size: 3.5vw;
  }
}
.uk-button.btn-submit:hover {
  color: #111;
  background-color: #F7BF00;
}
.uk-button.btn-regist {
  margin: 6px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  min-height: 55px;
  font-size: 14px;
  cursor: pointer;
  border: solid 1px #C0000E;
  background-color: #C0000E;
  color: #FFF;
}
@media only screen and (max-width: 768px) {
  .uk-button.btn-regist {
    margin-bottom: 1em;
    width: 280px;
    height: 45px;
    min-height: unset;
  }
}
.uk-button.btn-regist:hover {
  color: #FFF;
  background-color: #e67e22;
}
.uk-button.btn-cancel {
  margin: 6px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 55px;
  min-width: unset;
  font-size: 14px;
  cursor: pointer;
  border: solid 1px #CCC;
  background-color: #DDD;
  color: #111;
}
@media only screen and (max-width: 768px) {
  .uk-button.btn-cancel {
    margin-bottom: 1em;
    width: 280px;
    height: 45px;
    min-height: unset;
    font-size: 3.5vw;
  }
}
.uk-button.btn-cancel:hover {
  color: #FFF;
  background-color: #e67e22;
}
@media print, screen and (min-width: 769px) {
  .uk-button.small {
    width: 300px;
    height: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .uk-button.small {
    height: 40px;
    font-size: 14px;
    min-height: unset;
  }
}
.uk-button span {
  font-size: 11px;
}
@media only screen and (max-width: 768px) {
  .uk-button span {
    font-size: 10px;
  }
}

_:-ms-input-placeholder, :root .uk-button {
  max-width: 350px;
}

_:-ms-input-placeholder, :root .btn-mypage {
  max-width: 350px;
  height: 55px;
}

_:-ms-input-placeholder, :root .btn-submit {
  max-width: 350px;
  height: 55px;
}

_:-ms-input-placeholder, :root .btn-regist {
  max-width: 350px;
  height: 55px;
}

_:-ms-input-placeholder, :root .btn-cancel {
  max-width: 350px;
  height: 55px;
}

.CmnBtnClr {
  background: #FF3300 !important;
}

.CmnBtnClr:hover {
  background: #F7BF00 !important;
}

a.btn-calendar {
  border: solid 1px #a9a9a9;
  border-radius: 4px;
  font-size: 12px;
  text-transform: none;
  height: 32px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
}
a.btn-calendar:before {
  margin-right: 8px;
  width: 20px;
  height: 20px;
  background-image: url("../../../images/cmn/gc_cal_icon.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: left center;
  content: "";
}
a.btn-calendar:hover {
  opacity: 0.75;
}

/*********************************************************************************
/* HRPREMIUM CLUB
--------------------------------------------------------------------------------*/
span.icon_prc {
  margin-right: 1em;
  display: inline-block;
  position: relative;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
  text-align: center;
  padding: 0 16px;
  font-size: 11px !important;
  background: #776617;
  color: #FFF; /*文字色*/
  box-sizing: border-box;
}

span.icon_prc:before, span.icon_prc:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
}

span.icon_prc:before {
  /*左端の山形*/
  top: 0;
  left: 0;
  border-width: 14px 0px 14px 7px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

span.icon_prc:after {
  /*右端の山形*/
  top: 0;
  right: 0;
  border-width: 14px 7px 14px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

.member-only-icon::before {
  margin-right: 6px;
  content: "\f023";
  font-weight: bold;
  font-size: 1em;
  font-family: "Font Awesome 5 Free";
  color: #D3AC07;
}

.member-only-icon-text {
  padding-top: 8px;
}
.member-only-icon-text::before {
  background: url(../../../images/cmn/svg/member-onlu-text.svg) no-repeat center;
  background-size: 75%;
  height: 18px;
  width: 76px;
  content: "";
  background-color: #faebd7;
  border-radius: 4px;
  display: inline-block;
}
@media print, screen and (min-width: 769px) {
  .member-only-icon-text::before {
    background-size: 80%;
    height: 26px;
    width: 94px;
  }
}

/********************************************************************************
    FORM- PARTS
--------------------------------------------------------------------------------*/
.uk-input.error, .uk-select.error, .uk-textarea.error {
  background-color: #F8E0E6;
  color: #111;
}

ul.cmn-enq-list {
  margin: 0;
  padding: 0;
}
ul.cmn-enq-list li {
  margin-bottom: 2em;
}
ul.cmn-enq-list li div.enq-ttl {
  margin-bottom: 1em;
  display: flex;
  font-weight: bold;
  color: #133379;
  align-items: center;
}
ul.cmn-enq-list li div.enq-ttl div.num {
  margin-right: 1em;
  padding: 4px 8px;
  font-size: 0.9rem;
  align-self: baseline;
  background: #133379;
  color: #fff;
  font-weight: normal;
}
ul.cmn-enq-list li div.enq-cts label {
  margin-bottom: 0.5em;
  display: flex;
  line-height: 24px;
  align-items: center;
}
ul.cmn-enq-list li div.enq-cts label input {
  min-width: 16px;
}
ul.cmn-enq-list li div.enq-cts label input + textarea {
  margin: 8px 3%;
  width: 94%;
}
@media only screen and (max-width: 768px) {
  ul.cmn-enq-list li div.enq-cts label input + textarea {
    max-width: 300px;
    width: 90%;
  }
}
ul.cmn-enq-list li div.enq-cts label p {
  margin: 0;
}

/********************************************************************************
    ORDER FORM　TODO　フォームまわりはリニューアル時に削除するよ！
--------------------------------------------------------------------------------*/
#CmnOrderWrap {
  margin: 3em auto;
  max-width: 850px;
}
#CmnOrderWrap h2.orderSectTtl {
  text-align: center;
  font-size: 1.2rem;
  padding: 1em;
  background: #0e417d;
  color: #fff;
}
#CmnOrderWrap h3.subTtl {
  padding: 1em;
  background: #042941;
  color: #fff;
  font-size: 1em;
}
#CmnOrderWrap .form-lead {
  margin-bottom: 2em;
  font-size: 16px;
}
#CmnOrderWrap #CmnOrderSelected {
  margin: 0 auto 30px;
  padding: 2em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-weight: bold;
  background: #e6f5fa;
}
#CmnOrderWrap #CmnOrderSelected li {
  display: flex;
  align-items: center;
}
#CmnOrderWrap #CmnOrderSelected li label {
  font-size: 1em;
  font-weight: normal;
}
#CmnOrderWrap #CmnOrderSelected li:nth-child(n+2) {
  border-top: 1px solid #ccc;
}
#CmnOrderWrap #PolicyArea {
  padding: 3em 2em 0.5em;
  background: #fff;
}
#CmnOrderWrap #PolicyArea label {
  font-size: 1.2rem;
}
#CmnOrderWrap #RgstFinishWrap {
  text-align: center;
}
#CmnOrderWrap #RgstFinishWrap div#finish {
  margin-top: 2em;
  text-align: center;
  background: #fff;
  padding: 1.5em;
}
#CmnOrderWrap #RgstFinishWrap h2 {
  margin-bottom: 1em;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 0;
  color: #000000;
  text-align: center;
}
#CmnOrderWrap #RgstFinishWrap ul {
  margin-top: 50px;
  padding-left: 50px;
  text-align: left;
}
#CmnOrderWrap #RgstFinishWrap ul > li {
  padding-top: 10px;
  font-weight: bold;
  color: #000000;
  font-size: 12px;
  text-align: left;
}
#CmnOrderWrap #RgstFinishWrap li:before {
  padding-right: 0.5em;
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  color: #0059b8;
}
#CmnOrderWrap #RgstFinishWrap p.btn a {
  background: #2d6ab3;
  border-radius: 80px;
  color: #fff;
  display: inline-block;
  padding: 12px;
  text-align: center;
  margin: 30px 0 0;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
#CmnOrderWrap #RgstFinishWrap p.btn a:hover {
  background: #8eb8df;
  color: #104f90;
}
#CmnOrderWrap #RgstFinishWrap strong.point {
  font-size: 18px;
  font-weight: bold;
  font-family: "Arial Black", Gadget, sans-serif;
  color: #1a67b8 !important;
}

#CmnOrderFormWrap {
  margin: 0 auto 30px;
  background: #f1f1f1;
  border-radius: 6px;
  /*	max-width:760px; */
}
@media print, screen and (min-width: 769px) {
  #CmnOrderFormWrap {
    padding: 3em 1.5em;
  }
}
@media only screen and (max-width: 768px) {
  #CmnOrderFormWrap {
    padding: 1.5em 0.75em;
  }
}
#CmnOrderFormWrap h4 {
  font-weight: bold;
  font-size: 1rem;
}
#CmnOrderFormWrap div.uk-margin {
  clear: both;
  min-height: 1.2em;
  padding: 0 0 20px;
  border-bottom: solid 1px #fff;
}
#CmnOrderFormWrap div.uk-margin:last-child {
  border: none;
}
#CmnOrderFormWrap label.uk-form-label {
  margin-top: 0;
  white-space: nowrap;
  font-size: 13px;
}
#CmnOrderFormWrap label.hissu:after {
  margin-left: 0.3em;
  content: "必須";
  color: #FFF;
  font-size: 11px;
  padding: 1px 4px;
  background-color: red;
  font-weight: normal;
}
@media only screen and (max-width: 768px) {
  #CmnOrderFormWrap label.hissu:after {
    padding: 1px 4px;
    font-size: 9px;
  }
}
#CmnOrderFormWrap div.uk-form-controls {
  font-size: 13px;
}
#CmnOrderFormWrap .uk-table-divider > :first-child > tr:not(:first-child),
#CmnOrderFormWrap .uk-table-divider > :not(:first-child) > tr,
#CmnOrderFormWrap .uk-table-divider > tr:not(:first-child) {
  border-top: 1px solid #fff;
}
#CmnOrderFormWrap .errTxt {
  color: red;
  font-size: 11px;
  font-weight: bold;
}
#CmnOrderFormWrap .uk-button {
  margin: 6px;
  width: 320px;
  min-width: unset;
  font-size: 14px;
  cursor: pointer;
  color: #FFF;
}
@media only screen and (max-width: 768px) {
  #CmnOrderFormWrap .uk-button {
    margin-bottom: 10px;
    width: 80%;
  }
}
#CmnOrderFormWrap .uk-button.btn-submit {
  border: solid 1px #FF3300;
  background: #FF3300 !important;
  color: #FFF;
}
@media only screen and (max-width: 768px) {
  #CmnOrderFormWrap .uk-button.btn-submit {
    margin-bottom: 1em;
  }
}
#CmnOrderFormWrap .uk-button.btn-submit:hover {
  background-color: yellow;
}
#CmnOrderFormWrap .uk-button span {
  font-size: 11px;
}

#RgstFinishText {
  text-align: center;
  padding: 2em;
  background: #fff;
  margin: 2em 0;
  color: #1a67b8;
  font-weight: bold;
}

@media (max-width: 960px) {
  #CmnOrderFormWrap {
    padding: 0.5em;
  }
  .form-lead {
    font-size: 1em;
  }
}
.RgstBackBtn {
  padding: 0.5em 0;
  font-size: 0.9em;
  color: #333;
  width: 240px;
  display: inline-block;
  text-align: center;
  border-radius: 24px;
  background: #fff;
  cursor: pointer;
  border: solid 1px #ccc;
  font-weight: bold;
}

/********************************************************************************
    ORDER FORM こちら側にジョジョに移動していきたい（キャメル形式でのネーム）
--------------------------------------------------------------------------------*/
#cmn-order-wrap {
  margin: 3em auto;
  max-width: 850px;
  padding-bottom: 3em;
}
#cmn-order-wrap .cmn-order-cts-ttl {
  margin-bottom: 2em;
  padding: 12px 0;
  border-bottom: solid 1px #333;
  font-size: 18px;
}
#cmn-order-wrap .cmn-order-cts-ttl i {
  font-size: 1.8rem;
  margin-right: 6px;
}
#cmn-order-wrap h2.order-sect-ttl {
  text-align: center;
  font-size: 1.2rem;
  padding: 1em;
  background: #0e417d;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #cmn-order-wrap h2.order-sect-ttl {
    margin: 0 0 1em;
    font-size: 1em;
    padding: 0.75em;
  }
}
#cmn-order-wrap h3.subTtl {
  padding: 1em;
  background: #042941;
  color: #fff;
  font-size: 1em;
}

#cmn-order-selected {
  margin: 0 auto 30px;
  padding: 2em;
  font-weight: bold;
  border-radius: 8px;
  background: #e6f5fa;
}
#cmn-order-selected ul {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  #cmn-order-selected {
    margin: 0 8px 2em;
    padding: 1em;
    border: dotted 1px #0e417d;
  }
}
#cmn-order-selected li {
  padding: 1em 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#cmn-order-selected li input.uk-checkbox {
  margin-top: 0;
  margin-right: 1em;
  height: 22px;
  width: 22px;
}
#cmn-order-selected li label {
  flex: 1;
  font-size: 1em;
  font-weight: bold;
}
@media print, screen and (min-width: 769px) {
  #cmn-order-selected li label {
    font-size: 1.1em;
  }
}
#cmn-order-selected li label span.company {
  font-size: 12px;
  color: #7A7A7A;
  display: block;
  text-align: right;
}

#cmn-order-addfolder {
  margin-bottom: 2em;
  border-radius: 8px;
  box-shadow: 0px 0px 4px #CCC;
  border: solid 2px #FFF;
  padding: 1em;
  position: relative;
  background-image: linear-gradient(-45deg, #D8E8FF 25%, #EEF5F6 25%, #EEF5F6 50%, #D8E8FF 50%, #D8E8FF 75%, #EEF5F6 75%, #EEF5F6);
  background-size: 100%;
  background-attachment: fixed;
}
@media only screen and (max-width: 768px) {
  #cmn-order-addfolder {
    margin: 0 4px;
    padding: 6px;
  }
}
#cmn-order-addfolder button#btn-addfolder-acdon {
  position: absolute;
  right: 2em;
  top: 2em;
  background: none;
}
@media only screen and (max-width: 768px) {
  #cmn-order-addfolder button#btn-addfolder-acdon {
    right: 1em;
    top: 1em;
  }
}
#cmn-order-addfolder button#btn-addfolder-acdon:before {
  color: #000000;
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 18px;
}
#cmn-order-addfolder button#btn-addfolder-acdon.closed:before {
  content: "\f078";
}
#cmn-order-addfolder button#btn-list-close {
  display: none;
  margin: 0 auto;
  text-align: center;
  background: none;
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  #cmn-order-addfolder button#btn-list-close {
    font-size: 0.9em;
  }
}
#cmn-order-addfolder h3 {
  margin: 1.5em 1em 0.5em;
  color: #0265cb;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#cmn-order-addfolder h3:before {
  margin-right: 0;
  content: "\f65e";
  font-family: "Font Awesome 5 Free";
  color: #0265cb;
  font-weight: 700;
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  #cmn-order-addfolder h3 {
    font-size: 1em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
#cmn-order-addfolder p.lead {
  margin: 0 1em 1em;
}
@media only screen and (max-width: 768px) {
  #cmn-order-addfolder p.lead {
    font-size: 0.9em;
  }
}
#cmn-order-addfolder div.addfolder-contents {
  margin: 0 1em;
  padding: 0 0 1em;
}
@media only screen and (max-width: 768px) {
  #cmn-order-addfolder div.addfolder-contents {
    margin: 0;
  }
}
#cmn-order-addfolder div.addfolder-contents div.src-list-wrap {
  margin: 0 0 1em;
  padding: 0;
  background-color: #FFF;
}
#cmn-order-addfolder div.addfolder-contents div.src-list-wrap ul.src-list-thum {
  margin-bottom: 0 !important;
}
#cmn-order-addfolder div.addfolder-contents div.src-list-wrap .hide-list {
  display: none;
}
#cmn-order-addfolder div.addfolder-contents div.src-list-wrap li div.thum a:hover {
  opacity: 0.75;
}
#cmn-order-addfolder div.addfolder-contents button#btn-list-all {
  margin: 0 auto;
  text-align: center;
  display: inherit;
  background: none;
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  #cmn-order-addfolder div.addfolder-contents button#btn-list-all {
    font-size: 0.9em;
  }
}

div.cmn-order-head {
  text-align: center;
  font-size: 1.1rem;
  color: #f00;
  font-weight: bold;
}

div.cmn-order-form-notice {
  background: #F5DA81;
  padding: 2em;
  margin: 3em 0;
}
@media only screen and (max-width: 768px) {
  div.cmn-order-form-notice {
    padding: 1em;
    margin: 1em 8px;
  }
}
div.cmn-order-form-notice h3 {
  font-size: 1.1em;
}
@media only screen and (max-width: 768px) {
  div.cmn-order-form-notice h3 {
    font-size: 1em;
  }
}
div.cmn-order-form-notice p {
  margin: 0 0 5px 0;
  font-size: 13px;
}
div.cmn-order-form-notice ul {
  margin: 0;
  padding: 0;
}
div.cmn-order-form-notice ul li strong {
  color: red;
}
@media only screen and (max-width: 768px) {
  div.cmn-order-form-notice ul li strong {
    font-size: 11px;
  }
}
@media only screen and (max-width: 768px) {
  div.cmn-order-form-notice ul li {
    font-size: 11px;
  }
}

div.cmn-order-form-guest-alert {
  margin-bottom: 3em;
}
div.cmn-order-form-guest-alert h3 {
  margin-bottom: 1em;
  padding: 1em;
  background: #042941;
  color: #fff;
  font-size: 1em;
}
div.cmn-order-form-guest-alert div.text-wrap {
  background: #F5DA81;
  padding: 2em;
}
@media print, screen and (min-width: 769px) {
  div.cmn-order-form-guest-alert div.text-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
div.cmn-order-form-guest-alert div.text-wrap h4 {
  font-size: 1.1em;
}
@media only screen and (max-width: 768px) {
  div.cmn-order-form-guest-alert div.text-wrap h4 {
    font-size: 1em;
  }
}
div.cmn-order-form-guest-alert div.text-wrap p {
  margin: 0 0 5px 0;
  font-size: 13px;
}
div.cmn-order-form-guest-alert div.text-wrap a {
  white-space: nowrap;
}

@media print, screen and (min-width: 769px) {
  .cmn-form-table {
    margin: 0 0 2em;
  }
}
.cmn-form-table tr {
  border-color: #FFF !important;
}
.cmn-form-table tr th {
  vertical-align: middle;
  color: #111;
  font-weight: normal;
  white-space: nowrap;
}
@media print, screen and (min-width: 769px) {
  .cmn-form-table tr th {
    min-width: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .cmn-form-table tr th {
    padding: 12px 0 0;
  }
}
.cmn-form-table tr th.hissu:after {
  margin-left: 0.3em;
  content: "必須";
  color: #FFF;
  font-size: 11px;
  padding: 1px 4px;
  background-color: red;
  font-weight: normal;
}
@media only screen and (max-width: 768px) {
  .cmn-form-table tr th.hissu:after {
    padding: 1px 4px;
    font-size: 9px;
  }
}
.cmn-form-table tr td {
  word-break: break-all;
  color: #111;
}
@media print, screen and (min-width: 769px) {
  .cmn-form-table tr td {
    min-width: 450px;
  }
  .cmn-form-table tr td .uk-form-width-large {
    width: 450px;
  }
}
@media only screen and (max-width: 768px) {
  .cmn-form-table tr td {
    padding: 4px 0 12px;
  }
}
.cmn-form-table tr td span.error {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  color: red;
  font-weight: bold;
}
.cmn-form-table p.note {
  margin-top: 10px;
  color: #333;
  font-weight: normal;
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  .cmn-form-table p.note {
    margin-top: 10px;
    font-size: 0.75em;
  }
}
.cmn-form-table p.note span.red {
  color: red;
  font-size: 1em;
}
.cmn-form-table label {
  margin-right: 1em;
  display: block;
}
@media only screen and (max-width: 768px) {
  .cmn-form-table label {
    margin-right: 0;
  }
}
.cmn-form-table span.must:after {
  margin-left: 6px;
  content: "※";
  color: #C00003;
  height: 1em;
}
.cmn-form-table .ZipBtn {
  padding: 0.5em 1em;
  font-size: 12px;
  color: #FFF;
  display: inline-block;
  text-align: center;
  border-radius: 6px;
  background: #2490D0;
  cursor: pointer;
  border: none;
}
@media only screen and (max-width: 768px) {
  .cmn-form-table .ZipBtn {
    font-size: 10px;
    padding: 4px;
  }
}

.cmn-form-submit-block {
  margin: 3em auto;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .cmn-form-submit-block {
    margin: 2em auto;
    padding: 0 1em;
  }
}
.cmn-form-submit-block .uk-button {
  margin-top: 1em;
}
.cmn-form-submit-block.clm {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cmn-form-submit-block.clm .uk-button {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.cmn-order-form-wrap {
  margin: 0 auto 3em;
  background: #F1F1F1;
  border-radius: 6px;
}
@media print, screen and (min-width: 769px) {
  .cmn-order-form-wrap {
    padding: 2em;
  }
}
@media only screen and (max-width: 768px) {
  .cmn-order-form-wrap {
    margin: 0 4px;
    padding: 1em;
  }
}
.cmn-order-form-wrap div.cmn-order-form-head {
  margin: 2em 0;
  border-bottom: solid 1px #333;
}
.cmn-order-form-wrap div.cmn-order-form-head h3 {
  text-align: center;
  color: red;
}
@media only screen and (max-width: 768px) {
  .cmn-order-form-wrap div.cmn-order-form-head h3 {
    font-size: 15px;
  }
}
.cmn-order-form-wrap div.cmn-order-form-head h3.error:before {
  margin-right: 6px;
  content: "\f06a";
  font-family: "Font Awesome 5 Free";
}
.cmn-order-form-wrap div.soufusaki {
  margin: 2em 0;
  padding: 2em 0;
  border-top: dotted 1px #CCC;
  border-bottom: dotted 1px #CCC;
}
.cmn-order-form-wrap div.soufusaki h4 span {
  margin-left: 1em;
}
.cmn-order-form-wrap div.cmn-order-enq {
  margin: 2em 0;
  padding: 2em;
  background: #FFF;
  border-radius: 8px;
}
.cmn-order-form-wrap div.cmn-order-enq h3 {
  margin: 2em 0;
  font-size: 1.1em;
  text-align: center;
  color: #2263b2;
}
.cmn-order-form-wrap div.cmn-order-enq h4 {
  margin: 8px 0;
  font-size: 1em;
}
.cmn-order-form-wrap div.cmn-order-enq table.cmn-form-table {
  border-top: solid 1px #EDEDED !important;
}
.cmn-order-form-wrap div.cmn-order-enq table.cmn-form-table tr {
  border-color: #EDEDED !important;
}
.cmn-order-form-wrap div.cmn-order-enq table.cmn-form-table tr th {
  vertical-align: top;
  font-weight: bold;
  color: #2263b2;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.cmn-order-form-wrap div.cmn-order-enq table.cmn-form-table tr th span.enq-num {
  font-weight: bold;
}
.cmn-order-form-wrap div.cmn-order-form-policy-area {
  padding: 3em 2em 0.5em;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .cmn-order-form-wrap div.cmn-order-form-policy-area {
    padding: 2em 1em 1em;
  }
  .cmn-order-form-wrap div.cmn-order-form-policy-area h3 {
    margin-bottom: 1em;
  }
  .cmn-order-form-wrap div.cmn-order-form-policy-area h3 span {
    font-size: 1.2rem;
  }
  .cmn-order-form-wrap div.cmn-order-form-policy-area li {
    font-size: 12px;
  }
}
.cmn-order-form-wrap div.cmn-order-form-policy-area label {
  font-size: 1.2rem;
}
@media only screen and (max-width: 768px) {
  .cmn-order-form-wrap div.cmn-order-form-policy-area label {
    font-size: 1em;
  }
}
.cmn-order-form-wrap div.cmn-order-form-regist-area {
  border-radius: 8px;
  border: solid 1px #d5d5d5;
  padding: 2rem;
}
.cmn-order-form-wrap div.cmn-order-form-regist-area h2.regist-type {
  font-weight: bold;
  text-align: center;
  font-size: 1.1rem;
}

/********************************************************************************
   古い物　TODO　いずれ殲滅
--------------------------------------------------------------------------------*/
/* 情報入力  */
#CmnOrderFormWrap {
  background: #F1F1F1;
  border-radius: 6px;
}

@media (min-width: 960px) {
  #CmnOrderFormWrap {
    padding: 30px;
  }
}
@media (max-width: 960px) {
  #CmnOrderFormWrap {
    padding: 15px;
  }
}
#CmnOrderFormWrap h4 {
  font-weight: bold;
  font-size: 1rem;
}

#CmnOrderFormWrap div.uk-margin {
  clear: both;
  min-height: 1.2em;
  padding: 0 0 20px;
  border-bottom: solid 1px #FFF;
}

#CmnOrderFormWrap label.uk-form-label {
  margin-top: 0;
}

#CmnOrderFormWrap .uk-table-divider > :first-child > tr:not(:first-child), #CmnOrderFormWrap .uk-table-divider > :not(:first-child) > tr, .uk-table-divider > tr:not(:first-child) {
  border-top: 1px solid #FFF;
}

/* 個人情報エリア */
#PolicyArea {
  padding: 3em 2em 0.5em;
  background: #FFF;
}

#PolicyArea label {
  font-size: 1.2rem;
}

.password-wrapper {
  display: flex;
  border: 1px solid #ddd;
  border-radius: 5px;
  max-width: 360px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4px;
  background: #FFF;
  overflow: hidden;
}
.password-wrapper .password__input {
  flex: 1;
  outline: none;
  appearance: none;
  padding: 10px 0 10px 10px;
  border: none;
  font-size: 16px;
}
.password-wrapper .password__input.error {
  color: #333;
}
.password-wrapper .password__toggle {
  width: 40px;
  border: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='48' width='48'><path d='m31.45 27.05-2.2-2.2q1.3-3.55-1.35-5.9-2.65-2.35-5.75-1.2l-2.2-2.2q.85-.55 1.9-.8 1.05-.25 2.15-.25 3.55 0 6.025 2.475Q32.5 19.45 32.5 23q0 1.1-.275 2.175-.275 1.075-.775 1.875Zm6.45 6.45-2-2q2.45-1.8 4.275-4.025Q42 25.25 42.85 23q-2.5-5.55-7.5-8.775Q30.35 11 24.5 11q-2.1 0-4.3.4-2.2.4-3.45.95L14.45 10q1.75-.8 4.475-1.4Q21.65 8 24.25 8q7.15 0 13.075 4.075Q43.25 16.15 46 23q-1.3 3.2-3.35 5.85-2.05 2.65-4.75 4.65Zm2.9 11.3-8.4-8.25q-1.75.7-3.95 1.075T24 38q-7.3 0-13.25-4.075T2 23q1-2.6 2.775-5.075T9.1 13.2L2.8 6.9l2.1-2.15L42.75 42.6ZM11.15 15.3q-1.85 1.35-3.575 3.55Q5.85 21.05 5.1 23q2.55 5.55 7.675 8.775Q17.9 35 24.4 35q1.65 0 3.25-.2t2.4-.6l-3.2-3.2q-.55.25-1.35.375T24 31.5q-3.5 0-6-2.45T15.5 23q0-.75.125-1.5T16 20.15Zm15.25 7.1Zm-5.8 2.9Z'/></svg>") no-repeat center center;
  background-size: 50% auto;
  cursor: pointer;
  height: 40px;
}
.password-wrapper .password__toggle.is-visible {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='48' width='48'><path d='M24 31.5q3.55 0 6.025-2.475Q32.5 26.55 32.5 23q0-3.55-2.475-6.025Q27.55 14.5 24 14.5q-3.55 0-6.025 2.475Q15.5 19.45 15.5 23q0 3.55 2.475 6.025Q20.45 31.5 24 31.5Zm0-2.9q-2.35 0-3.975-1.625T18.4 23q0-2.35 1.625-3.975T24 17.4q2.35 0 3.975 1.625T29.6 23q0 2.35-1.625 3.975T24 28.6Zm0 9.4q-7.3 0-13.2-4.15Q4.9 29.7 2 23q2.9-6.7 8.8-10.85Q16.7 8 24 8q7.3 0 13.2 4.15Q43.1 16.3 46 23q-2.9 6.7-8.8 10.85Q31.3 38 24 38Zm0-15Zm0 12q6.05 0 11.125-3.275T42.85 23q-2.65-5.45-7.725-8.725Q30.05 11 24 11t-11.125 3.275Q7.8 17.55 5.1 23q2.7 5.45 7.775 8.725Q17.95 35 24 35Z'/></svg>");
}
@media (any-hover: hover) {
  .password-wrapper .password__toggle:hover {
    opacity: 0.7;
  }
}

/*********************************************************************************
	OLD HEADER〜202305
--------------------------------------------------------------------------------*/
header {
  zoom: 1;
}
header * {
  box-sizing: border-box;
}
header svg {
  max-width: unset;
}

#HeadWrap {
  background: #0e417d;
  /* SP MENU */
}
#HeadWrap #HeadSpNav {
  padding: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  background: #0e417d;
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.3);
  top: 0;
  height: 40px;
}
#HeadWrap #HeadSpNav div.sp-nav-left {
  padding-left: 12px;
  float: left;
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#HeadWrap #HeadSpNav div.sp-nav-left a {
  color: #FFF;
  height: unset;
  font-size: 11px;
  min-height: unset;
}
#HeadWrap #HeadSpNav div.sp-nav-left a i {
  margin-right: 4px;
  font-size: 14px;
}
#HeadWrap #HeadSpNav div.sp-nav-left div#headMiniLogo img {
  height: 30px;
  width: auto;
}
@media print, screen and (min-width: 769px) {
  #HeadWrap #HeadSpNav div.sp-nav-left div#headMiniLogo {
    opacity: 0;
    margin-left: 1em;
    transition: opacity 500ms ease-in-out;
  }
  #HeadWrap #HeadSpNav div.sp-nav-left div#headMiniLogo.fadein {
    opacity: 1;
  }
}
@media screen and (max-width: 640px) {
  #HeadWrap #HeadSpNav div.sp-nav-left div#headMiniLogo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    opacity: 1;
  }
}
#HeadWrap #HeadSpNav div.sp-nav-right {
  float: right;
  height: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#HeadWrap #HeadSpNav div.sp-nav-right ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#HeadWrap #HeadSpNav div.sp-nav-right ul li {
  min-width: 60px;
}
@media print, screen and (min-width: 769px) {
  #HeadWrap #HeadSpNav div.sp-nav-right ul li {
    border-left: solid 1px rgba(255, 255, 255, 0.1);
    box-shadow: -1px 0px 0 rgba(0, 0, 0, 0.3);
  }
}
#HeadWrap #HeadSpNav div.sp-nav-right ul li:hover {
  opacity: 0.75;
}
#HeadWrap #HeadSpNav div.sp-nav-right ul li a {
  padding: 0 8px;
  font-size: 0.75rem;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 100%;
  text-decoration: none;
}
#HeadWrap #HeadSpNav div.sp-nav-right ul li a i, #HeadWrap #HeadSpNav div.sp-nav-right ul li a img {
  display: none;
}
@media print, screen and (min-width: 769px) {
  #HeadWrap #HeadSpNav div.sp-nav-right ul li a i, #HeadWrap #HeadSpNav div.sp-nav-right ul li a img {
    display: block;
    margin-right: 6px;
  }
}
#HeadWrap #HeadSpNav div.sp-nav-right ul li a em {
  color: unset;
  display: none;
}
@media print, screen and (min-width: 769px) {
  #HeadWrap #HeadSpNav div.sp-nav-right ul li a em {
    display: block;
  }
}
#HeadWrap #HeadSpNav div.sp-nav-right ul li.registLink {
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: yellow;
  border-radius: 24px;
  height: 18px;
}
@media print, screen and (min-width: 769px) {
  #HeadWrap #HeadSpNav div.sp-nav-right ul li.registLink {
    margin: 0 12px;
    width: 160px;
    height: 26px;
  }
}
#HeadWrap #HeadSpNav div.sp-nav-right ul li.registLink a {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  line-height: 12px;
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only {
  display: none;
  background: none !important;
  border: none !important;
}
@media print, screen and (min-width: 769px) {
  #HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only {
    display: block;
  }
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only form.gsc-search-box {
  margin: 0;
  border: none !important;
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box {
  margin: 0;
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box td.gsc-input {
  padding-right: 0;
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box td.gsc-input div.gsc-input-box {
  background: #FFFFFF;
  border: none !important;
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box td.gsc-input td#gs_tti50 {
  min-width: 160px;
  padding: 0 4px;
  height: 27px;
  background: #FFF;
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box td.gsc-input td#gs_tti50 input {
  font-size: 12px;
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box td.gsc-input a.gsst_a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box td.gsc-input a.gsst_a span.gscb_a {
  display: inline-block;
  font: 24px/13px arial, sans-serif;
  line-height: 100%;
}
#HeadWrap #HeadSpNav div.sp-nav-right div.gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box td.gsc-search-button button:hover {
  opacity: 0.75;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  #HeadWrap #HeadSpNav {
    min-width: 300px;
  }
}
#HeadWrap #HeadTopArea {
  display: none;
}
@media print, screen and (min-width: 769px) {
  #HeadWrap #HeadTopArea {
    display: block;
    margin-top: 40px;
  }
  #HeadWrap #HeadTopArea div.uk-container {
    padding-left: 10px;
    height: 110px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /*ヘッダーのローテーションバナー */
  }
  #HeadWrap #HeadTopArea div.uk-container h3 {
    margin: 0px;
    min-width: 200px;
  }
  #HeadWrap #HeadTopArea div.uk-container h3 img {
    width: auto;
    height: 90px;
  }
  #HeadWrap #HeadTopArea div.uk-container #CmnHeadBanner {
    padding: 0;
    margin: 0;
    text-align: right;
    width: 1000px;
  }
}
#HeadWrap #HeadMdlArea {
  display: none;
}
@media print, screen and (min-width: 769px) {
  #HeadWrap #HeadMdlArea {
    background: #f8f8ff;
    border-bottom: solid 1px #042941;
    display: block;
  }
  #HeadWrap #HeadMdlArea .uk-navbar-nav {
    border-right: solid 1px #d7d7d7;
    width: 100%;
  }
  #HeadWrap #HeadMdlArea .uk-navbar-nav > li {
    border-left: solid 1px #d7d7d7;
    min-width: 100px;
    width: 12.5%;
    position: relative;
  }
  #HeadWrap #HeadMdlArea .uk-navbar-nav > li span.new {
    position: absolute;
    right: 5px;
    top: 3px;
    color: red;
    font-size: 0.75em;
    font-weight: bold;
  }
  #HeadWrap #HeadMdlArea .uk-navbar-nav > li > a {
    font-family: "Oswald", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    height: 45px;
    color: #042941;
    font-size: 13px;
    padding: 0;
    text-align: center;
    white-space: nowrap !important;
  }
  #HeadWrap #HeadMdlArea .uk-navbar-nav > li > a:hover {
    color: #FFF;
    background: #0e417d;
  }
}
#HeadWrap div.header-src-btn {
  margin-left: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#HeadWrap div#modal-search {
  padding: 12px;
}
#HeadWrap div#modal-search h3 {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
}

button.gsc-search-button svg {
  max-width: unset !important;
  height: unset !important;
}

/*********************************************************************************
	NEW HEADER202305〜
--------------------------------------------------------------------------------*/
header#global-header {
  position: relative;
  z-index: 10;
  background: #0e417d;
  /* SP MENU */
}
header#global-header * {
  box-sizing: border-box;
}
header#global-header #header-top {
  padding: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  background: #063770;
  top: 0;
  height: 40px;
}
header#global-header #header-top div.uk-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header#global-header #header-top div.uk-container:after, header#global-header #header-top div.uk-container:before {
  content: none;
}
header#global-header #header-top div.uk-container div.sp-nav-left {
  padding-left: 12px;
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
header#global-header #header-top div.uk-container div.sp-nav-left a {
  padding-left: 0;
  color: #FFF;
  height: unset;
  font-size: 11px;
  min-height: unset;
}
header#global-header #header-top div.uk-container div.sp-nav-left a i {
  margin-right: 4px;
  font-size: 14px;
}
header#global-header #header-top div.uk-container div.sp-nav-left div.search-box {
  display: none;
}
@media print, screen and (min-width: 769px) {
  header#global-header #header-top div.uk-container div.sp-nav-left div.search-box {
    margin-left: 24px;
    display: block;
  }
}
header#global-header #header-top div.uk-container div.sp-nav-left div#headMiniLogo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  opacity: 1;
  display: block;
}
header#global-header #header-top div.uk-container div.sp-nav-left div#headMiniLogo svg {
  max-width: 60px;
  width: auto;
  height: 30px;
  fill: white;
}
@media print, screen and (min-width: 769px) {
  header#global-header #header-top div.uk-container div.sp-nav-left div#headMiniLogo {
    margin-right: 12px;
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    opacity: 0;
    transition: opacity 500ms ease-in-out;
    display: none;
  }
  header#global-header #header-top div.uk-container div.sp-nav-left div#headMiniLogo.fadein {
    opacity: 1;
    display: block;
  }
}
header#global-header #header-top div.uk-container div.sp-nav-right {
  height: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
header#global-header #header-top div.uk-container div.sp-nav-right ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
header#global-header #header-top div.uk-container div.sp-nav-right ul li {
  min-width: 60px;
}
@media print, screen and (min-width: 769px) {
  header#global-header #header-top div.uk-container div.sp-nav-right ul li {
    border-left: solid 1px rgba(255, 255, 255, 0.1);
    box-shadow: -1px 0px 0 rgba(0, 0, 0, 0.3);
  }
}
header#global-header #header-top div.uk-container div.sp-nav-right ul li:hover {
  opacity: 0.75;
}
header#global-header #header-top div.uk-container div.sp-nav-right ul li a {
  padding: 0 8px;
  font-size: 0.75rem;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 100%;
  text-decoration: none;
}
header#global-header #header-top div.uk-container div.sp-nav-right ul li a i, header#global-header #header-top div.uk-container div.sp-nav-right ul li a img {
  display: none;
}
@media print, screen and (min-width: 769px) {
  header#global-header #header-top div.uk-container div.sp-nav-right ul li a i, header#global-header #header-top div.uk-container div.sp-nav-right ul li a img {
    display: block;
    margin-right: 6px;
  }
}
header#global-header #header-top div.uk-container div.sp-nav-right ul li a em {
  color: unset;
  display: none;
}
@media print, screen and (min-width: 769px) {
  header#global-header #header-top div.uk-container div.sp-nav-right ul li a em {
    display: block;
  }
}
header#global-header #header-top div.uk-container div.sp-nav-right ul li.registLink {
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: yellow;
  border-radius: 24px;
  height: 18px;
}
@media print, screen and (min-width: 769px) {
  header#global-header #header-top div.uk-container div.sp-nav-right ul li.registLink {
    margin: 0 12px;
    width: 160px;
    height: 26px;
  }
}
header#global-header #header-top div.uk-container div.sp-nav-right ul li.registLink a {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  line-height: 12px;
}
header#global-header #header-body {
  display: none;
}
@media print, screen and (min-width: 769px) {
  header#global-header #header-body {
    margin-top: 40px;
    display: block;
  }
  header#global-header #header-body div.uk-container {
    padding-left: 10px;
    height: 95px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  header#global-header #header-body div.uk-container div.logo {
    margin: 0;
    max-width: 160px;
    max-height: 100px;
  }
  header#global-header #header-body div.uk-container div.logo svg {
    max-width: 100%;
    width: auto;
    height: 80px;
    fill: white;
  }
  header#global-header #header-body div.uk-container div.sub-menu {
    flex: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    max-height: 90px;
  }
  header#global-header #header-body div.uk-container div.sub-menu div.menu-block {
    min-width: 100px;
    height: 90px;
  }
  header#global-header #header-body div.uk-container div.sub-menu div.menu-block a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90px;
    padding: 6px 12px;
    text-align: center;
    color: #FFF;
    fill: white;
    font-size: 11px;
  }
  header#global-header #header-body div.uk-container div.sub-menu div.menu-block a svg {
    margin: 0 auto 4px;
    width: 36px;
    max-height: 36px;
    height: 36px;
  }
  header#global-header #header-body div.uk-container div.sub-menu div.menu-block a:hover {
    background-color: rgb(255, 255, 255);
    color: #0e417d;
    fill: #0e417d;
  }
}
header#global-header #header-bottom {
  background: #f8f8ff;
  border-bottom: solid 1px #042941;
  display: none;
  z-index: 990;
}
header#global-header #header-bottom div.uk-container {
  padding: 0 !important;
}
@media print, screen and (min-width: 769px) {
  header#global-header #header-bottom {
    display: block;
  }
  header#global-header #header-bottom div.nav-wrap {
    margin: 0 auto;
    padding: 0 1px;
    max-width: 1200px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    min-width: 1200px;
    background: #A4A4A4;
  }
  header#global-header #header-bottom div.nav-wrap h3.nav-title {
    margin: 0;
    padding: 8px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f8f8ff;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block ul.uk-navbar-nav {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: #A4A4A4;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block ul.uk-navbar-nav > li {
    margin: 0;
    padding: 0;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block ul.uk-navbar-nav > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-family: "Oswald", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    height: 45px;
    color: #111;
    background: #f8f8ff;
    font-size: 13px;
    padding: 0 1.3em;
    text-align: center;
    white-space: nowrap !important;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block ul.uk-navbar-nav > li > a:hover {
    opacity: 1 !important;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block div.uk-dropdown {
    margin-top: 0;
    box-shadow: none;
    border: solid 1px #CCC;
    padding: 12px;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.src h3 {
    color: #063770;
    border-bottom: solid 3px #063770;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.src ul.uk-navbar-nav > li > a:hover {
    color: #FFF;
    background: #063770;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.src div.uk-dropdown {
    border: solid 1px #8babd0;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.src div.uk-dropdown a {
    color: #063770;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.learning h3 {
    color: #0F8DAD;
    border-bottom: solid 3px #0F8DAD;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.learning ul.uk-navbar-nav {
    grid-template-columns: repeat(6, 1fr);
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.learning ul.uk-navbar-nav > li > a {
    letter-spacing: -0.7px;
    padding: 0 0.9em;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.learning ul.uk-navbar-nav > li > a:hover {
    color: #FFF;
    background: #0F8DAD;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.learning div.uk-dropdown {
    border: solid 1px #9fd5d2;
  }
  header#global-header #header-bottom div.nav-wrap div.nav-block.learning div.uk-dropdown a {
    color: #0F8DAD;
  }
  header#global-header #header-bottom.uk-sticky-fixed {
    top: 60px;
  }
}
header#global-header div.header-src-btn {
  margin-left: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
header#global-header div#modal-search {
  padding: 12px;
}
header#global-header div#modal-search h3 {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
}
header#global-header button.gsc-search-button svg {
  max-width: unset !important;
  height: unset !important;
}

#global-sidenav {
  color: #0e417d;
  background: #f8f8ff;
  overflow: hidden;
  padding: 0;
  width: 90%;
  max-width: 360px !important;
}
#global-sidenav .uk-offcanvas-close {
  position: absolute;
  right: 12px;
  top: 4px;
  color: black;
}
#global-sidenav * {
  box-sizing: border-box;
}
#global-sidenav div.sidebar-wrap {
  height: 100vh;
  overflow-y: auto;
  padding-top: 32px;
  /* スクロールバーの幅 */
  /* スクロールバーの背景色 */
  /* スクロールバーのつまみ */
  /* スクロールバーのつまみをホバーしたときの色 */
}
#global-sidenav div.sidebar-wrap::-webkit-scrollbar {
  width: 8px;
}
#global-sidenav div.sidebar-wrap::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
#global-sidenav div.sidebar-wrap::-webkit-scrollbar-thumb {
  background-color: #b3b3b3;
}
#global-sidenav div.sidebar-wrap::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
#global-sidenav div.sidebar-wrap:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  height: 100%;
  border-left: solid 6px #CCC;
  z-index: 0;
}
#global-sidenav div.sidebar-wrap div.sidebar-head {
  margin-bottom: 2em;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  height: 38px;
  padding: 0 16px;
}
#global-sidenav div.sidebar-wrap div.sidebar-head div {
  background: yellow;
  padding: 12px;
}
#global-sidenav div.sidebar-wrap div.sidebar-head .uk-button-primary {
  background-color: #0e417d;
  color: #FFF;
}
#global-sidenav div.sidebar-wrap div.sidebar-head .uk-button-default {
  border: solid 1px #CCC;
  color: #3D3D3D;
}
#global-sidenav div.sidebar-wrap div.sidebar-head i {
  margin-right: 8px;
}
#global-sidenav div.sidebar-wrap div.sidebar-body {
  padding-bottom: 6rem;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav {
  padding: 16px;
  position: relative;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav h3.ttl {
  margin: 0 0 1em;
  font-size: 13px;
  color: #333;
  font-weight: bold;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav ul {
  margin: 0;
  padding: 0;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav ul li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 0;
  font-size: 14px;
  color: #333;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav.search {
  border-left: solid 6px #063770;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav.search h3.ttl {
  color: #063770;
  font-weight: bold;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav.search a {
  color: #063770;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav.learning {
  border-left: solid 6px #0F8DAD;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav.learning h3.ttl {
  color: #0F8DAD;
  font-weight: bold;
}
#global-sidenav div.sidebar-wrap div.sidebar-body div.side-nav.learning a {
  color: #0F8DAD;
}

/* search form*/
form.cmn-search-form {
  display: grid;
  grid-template-columns: auto max-content;
  height: 32px;
  padding: 2px;
  background-color: white;
  border-radius: 16px;
  overflow: hidden;
}
form.cmn-search-form input.search-input {
  outline: none;
  border: none;
  width: 100%;
  height: 100%;
  min-width: 220px;
  padding: 0 8px 0 14px;
  box-sizing: border-box;
}
form.cmn-search-form input.search-input::placeholder {
  color: #1D4079;
}
form.cmn-search-form button {
  flex: none;
  white-space: nowrap;
  background-color: #0265CB;
  color: #FFF;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
  box-sizing: border-box;
  height: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
form.cmn-search-form button:hover {
  opacity: 0.75;
  cursor: pointer;
}

.search-box {
  position: relative;
}
.search-box .search-keyword-trending {
  position: absolute;
  top: 100%;
  width: 100%;
  display: none;
  border-radius: 0 0 16px 16px;
}
.search-box .search-keyword-trending::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #E7E7E8;
}
.search-box.is-active form.cmn-search-form {
  border-radius: 16px 16px 0 0;
  border-bottom-color: transparent;
}
.search-box.is-active .search-keyword-trending {
  display: block;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.16);
  transition: all 1s ease;
}

.search-keyword-trending {
  padding: 16px;
  background-color: white;
}
.search-keyword-trending > p {
  margin-block: 0 16px;
  color: #16366C;
  font-size: 12px;
  font-weight: bold;
}
.search-keyword-trending ul {
  display: grid;
  gap: 0.25em 0;
  margin: 0;
  padding: 0;
}
.search-keyword-trending a {
  display: flex;
  gap: 0 6px;
  font-size: 1rem !important;
  color: #0265cb !important;
}
.search-keyword-trending a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f292";
  font-weight: 900;
}
.search-keyword-trending a:hover {
  text-decoration: underline;
}

div#simple-head {
  width: 100%;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0e417d;
}
div#simple-head div#logo {
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  div#simple-head div#logo {
    padding: 10px;
  }
}
@media only screen and (max-width: 768px) {
  div#simple-head div#logo {
    margin-bottom: 1em;
    padding: 10px;
  }
  div#simple-head div#logo img {
    margin: 0 auto;
    width: auto;
    height: 50px;
  }
}
div#simple-head div#logo img {
  margin: 0 auto;
  width: auto;
  height: 50px;
}
div#simple-head h1 {
  font-size: 2em;
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  div#simple-head h1 {
    margin: 1em 0;
    font-size: 1.2em;
  }
}

/*--------------------------------------------------------------------------------------------------
	FOOTER
-------------------------------------------------------------------------------------------------- */
footer {
  padding: 30px 0;
  background: #F6F6F6;
}
footer p#FootPageTopBtn {
  margin: 0 0 1em;
  display: none;
  position: fixed;
  bottom: 110px;
  right: 20px;
  z-index: 999;
}
@media only screen and (max-width: 768px) {
  footer p#FootPageTopBtn {
    bottom: 80px;
    right: 5px;
  }
}
footer p#FootPageTopBtn a.uk-button {
  padding: 0;
  background: rgba(24, 41, 90, 0.7);
  color: #FFF;
  width: 40px !important; /*幅*/
  height: 40px; /*高さ*/
  line-height: 40px;
  border-radius: 50%; /*角丸*/
  min-width: 40px;
}
footer p#FootPageTopBtn a.uk-button i {
  line-height: 40px;
}
footer #FootNavArea {
  margin-bottom: 50px;
}
footer #FootNavArea h3 {
  font-size: 13px;
}
footer #FootNavArea ul {
  padding-left: 0;
  list-style: none;
}
footer #FootNavArea ul li strong.sub-ttl {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 11px;
  font-weight: bold;
  display: block;
}
footer #FootNavArea ul li a {
  font-size: 12px;
}
footer #FootArea h4 {
  margin: 0;
  font-size: 13px;
}
footer #FootArea div.sns-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
footer #FootArea div.sns-link ul.sns {
  margin: 0 0 0 1em;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
footer #FootArea div.sns-link ul.sns li {
  margin-left: 1em;
}
footer #FootArea div.sns-link ul.sns li a {
  height: 40px;
  width: 40px;
  background: #FFF;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
footer #FootArea div.sns-link ul.sns li a:hover {
  opacity: 0.65;
}
footer #FootArea div.sns-link ul.sns li a i {
  font-size: 16px;
}
footer #FootArea div.sns-link ul.sns li a i.fa-facebook-f {
  color: #1877F2;
}
footer #FootArea div.sns-link ul.sns li a i.fa-twitter {
  color: #1DA1F2;
}

/*--------------------------------------------------------------------------------------------------
	FOOT MEDIA
-------------------------------------------------------------------------------------------------- */
#CmnFootMedia {
  margin: 50px 0;
  text-align: center;
}
#CmnFootMedia ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  justify-items: center;
  align-items: center;
  gap: 6px;
}
#CmnFootMedia ul li img {
  width: auto;
  max-height: 30px;
}

@media (max-width: 960px) {
  #CmnFootMedia {
    display: none;
  }
}
@media print, screen and (min-width: 769px) {
  #simple-footer {
    margin: 0 0 50px;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  #simple-footer {
    margin: 0 0 2em;
  }
}
#simple-footer #FootNav {
  margin: 0px;
  padding: 0;
  clear: both;
}
#simple-footer #FootNav a {
  color: rgb(51, 51, 51);
  text-decoration: none;
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  #simple-footer #FootNav a {
    padding: 8px;
    color: rgb(51, 51, 51);
    text-decoration: none;
    font-size: 1em;
    display: block;
    text-align: left;
  }
}
#simple-footer #FootNav li {
  display: inline;
}
@media only screen and (max-width: 768px) {
  #simple-footer #FootNav li {
    border-top: solid 1px #CCC;
    display: block;
    font-size: 0.75rem;
  }
}
#simple-footer #FootNav li:after {
  content: "｜";
  margin: 0 1px;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  #simple-footer #FootNav li:after {
    content: none;
  }
}
#simple-footer #FootNav li:last-child:after {
  content: none;
}

/**********************************************/
/* 検索用モーダル共通 */
/**********************************************/
dl.modal-category-list dt {
  margin-bottom: 1em;
  padding: 0.5em;
  background: #F3F3F3;
}
dl.modal-category-list dt > label {
  font-weight: bold;
}
dl.modal-category-list dd {
  margin: 0;
  padding-left: 0.5em;
}
dl.modal-category-list dd ul {
  margin: 0 0 1em;
  padding: 0;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 769px) {
  dl.modal-category-list dd ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
dl.modal-category-list dd ul li {
  margin: 0;
  padding-right: 1em;
}
@media print, screen and (min-width: 769px) {
  dl.modal-category-list dd ul li {
    width: 50%;
  }
}
dl.modal-category-list dd ul li label {
  font-size: 14px;
  white-space: normal !important;
}
dl.modal-category-list dd ul.uk-accordion {
  width: 100%;
}
dl.modal-category-list dd ul.uk-accordion > li {
  position: relative;
  width: 100%;
}
dl.modal-category-list dd ul.uk-accordion > li > label {
  font-weight: bold;
  font-size: 14px;
}
dl.modal-category-list dd ul.uk-accordion > li .uk-accordion-title {
  cursor: pointer;
  position: absolute;
  top: -4px;
  right: 0;
  display: inline-block;
}
dl.modal-category-list dd ul.uk-accordion > li .uk-accordion-content {
  margin: 6px 0 0;
  padding: 6px 0 0;
  border-top: dotted 1px #CCC;
}

div#category-order-text span {
  margin-right: 1em;
  font-size: 12px;
  color: #333;
}
div#category-order-text input {
  display: none;
}

div.modal-order-text span {
  margin-right: 1em;
  font-size: 12px;
  color: #333;
}
div.modal-order-text input {
  display: none;
}

/**********************************************/
/* TOPカテゴリ検索用モーダル */
/**********************************************/
div#modal-category div.uk-modal-dialog button.uk-close {
  color: #FFF;
}
div#modal-category div.uk-modal-dialog div.uk-modal-header {
  padding: 15px;
  background-color: #042941;
}
div#modal-category div.uk-modal-dialog div.uk-modal-header h2.uk-modal-title {
  font-size: 1em;
  color: #FFF;
}
div#modal-category div.uk-modal-dialog div.uk-modal-body {
  padding: 15px;
}

div.modal-category-list div.cbs-wrap {
  margin: 0;
}
div.modal-category-list div.cbs-wrap div.cbs-ttl {
  padding: 0.5em 2em 0.5em 0.5em;
  background: #F3F3F3;
  position: relative;
}
@media print, screen and (min-width: 769px) {
  div.modal-category-list div.cbs-wrap div.cbs-ttl {
    padding: 0.5em;
  }
}
div.modal-category-list div.cbs-wrap div.cbs-ttl > label {
  margin: 0;
  font-weight: bold;
  white-space: normal;
}
div.modal-category-list div.cbs-wrap div.cbs-ttl + ul.uk-accordion {
  margin-top: 1em !important;
  padding-left: 7px;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion {
  margin: 0 0 1em;
  width: 100%;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion > li {
  margin: 0 0 0.5em;
  position: relative;
  width: 100%;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion > li > label {
  font-weight: bold;
  font-size: 14px;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion > li label.cbs-sub-ttl {
  padding-bottom: 6px;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion > li .uk-accordion-title {
  cursor: pointer;
  position: absolute;
  top: -4px;
  right: 0;
  display: inline-block;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion > li .uk-accordion-content {
  margin: 0 0 2em;
  padding: 6px;
}
@media print, screen and (min-width: 769px) {
  div.modal-category-list div.cbs-wrap ul.uk-accordion > li .uk-accordion-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
  }
}
div.modal-category-list div.cbs-wrap ul.uk-accordion > li .uk-accordion-content label {
  display: block;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media print, screen and (min-width: 769px) {
  div.modal-category-list div.cbs-wrap ul.uk-accordion > li .uk-accordion-content label {
    font-size: 14px;
  }
}
div.modal-category-list div.cbs-wrap ul.uk-accordion > li.uk-open label.cbs-sub-ttl {
  display: block;
  border-bottom: dotted 1px #CCC;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion > li:last-child .uk-accordion-content {
  margin-bottom: 0;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion div.cbs-ttl {
  margin-bottom: 0;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion div.cbs-ttl + .uk-accordion-title {
  top: 6px;
  right: 6px;
}
div.modal-category-list div.cbs-wrap ul.uk-accordion:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  div.modal-src {
    padding: 6px;
  }
}
@media print, screen and (min-width: 769px) {
  div.modal-src div.uk-modal-dialog {
    width: 860px !important;
  }
}
div.modal-src div.uk-modal-dialog button.uk-close {
  color: #FFF;
}
div.modal-src div.uk-modal-dialog div.uk-modal-header {
  padding: 15px;
  background-color: #042941;
}
div.modal-src div.uk-modal-dialog div.uk-modal-header h2.uk-modal-title {
  font-size: 1em;
  color: #FFF;
}
div.modal-src div.uk-modal-dialog div.uk-modal-body {
  padding: 15px;
}

/**********************************************/
/* カテゴリ検索用モーダル */
/**********************************************/
@media only screen and (max-width: 768px) {
  div#modal-src-order {
    padding: 6px;
  }
}
@media print, screen and (min-width: 769px) {
  div#modal-src-order div.uk-modal-dialog {
    width: 860px !important;
  }
}
div#modal-src-order div.uk-modal-dialog button.uk-close {
  color: #FFF;
}
div#modal-src-order div.uk-modal-dialog div.uk-modal-header {
  padding: 15px;
  background-color: #042941;
}
div#modal-src-order div.uk-modal-dialog div.uk-modal-header h2.uk-modal-title {
  font-size: 1em;
  color: #FFF;
}
div#modal-src-order div.uk-modal-dialog div.uk-modal-body {
  padding: 0;
}
div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form {
  padding: 12px;
  border: none;
}
@media only screen and (max-width: 768px) {
  div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form {
    padding: 0 4px;
  }
}
@media print, screen and (min-width: 769px) {
  div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form table th {
    background-color: #F1F1F1;
  }
}
div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form table th, div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form table td {
  padding: 8px 12px;
  border: solid 1px #FFF;
}
@media only screen and (max-width: 768px) {
  div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form table th, div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form table td {
    padding: 4px 0;
  }
  div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form table th label, div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form table td label {
    font-size: 12px;
  }
}
div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form table th.freetext input, div#modal-src-order div.uk-modal-dialog div.uk-modal-body div.cmn-src-order-form table td.freetext input {
  width: 90%;
}

div#modal-select-sem h4 {
  font-size: 1.1rem !important;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  div#modal-select-sem h4 {
    font-size: 1em !important;
    text-align: center;
  }
}
div#modal-select-sem div.sem-cts {
  padding: 1em 0;
  border-top: 1px solid #e5e5e5;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div#modal-select-sem div.sem-cts label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
div#modal-select-sem div.sem-cts label input {
  margin-right: 10px;
  margin-top: 0;
}
div#modal-select-sem div.sem-cts span {
  font-weight: bold;
}

:root {
  --color-white: white;
  --color-green: #15AD7C;
  --color-yellow: #FFBF00;
  --color-orange: #F68E3E;
  --color-orange-light: #FFF1E7;
  --color-black: black;
  --content-width: min(95%, 85.7142857143rem);
}

.page-bg {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
}

.page-bg img {
  width: 100%;
  height: auto;
}

#ShinsotsuWrap:has(#Sf2026Top) {
  --header-y-pos: 2.8571428571rem;
}

#Head {
  --color-white: white;
  --color-green: #15AD7C;
  position: relative;
  z-index: 1;
  padding-block: 0.9285714286rem;
  color: var(--color-white);
  background-color: var(--color-green);
  background-color: rgba(21, 173, 124, 0.9);
  backdrop-filter: blur(5.4px);
  /* GNAV */
}

#Head:not(.shinsotsu-header) {
  position: sticky;
  top: var(--header-y-pos, 0);
  z-index: 5;
}

#Head .header-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: min(100%, 85.7142857143rem);
  margin-inline: auto;
  padding-inline: 1.1428571429rem;
}

@media (width > 1200px) {
  #Head .header-wrap {
    padding-inline: 0;
  }
}
#Head a {
  color: currentColor;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  #Head div.logo {
    margin: 0;
    padding: 0;
    width: 40%;
  }
}
#Head div#PcNav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  #Head div#PcNav {
    display: none;
  }
}
#Head div#PcNav ul {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 0 0.2142857143rem;
}

#Head div#PcNav ul li {
  display: block;
  min-width: 11.5714285714rem;
}

#Head div#PcNav ul li a {
  padding: 0.8571428571rem 1rem;
  text-align: center;
  display: block;
  line-height: 1;
  border: solid 1px var(--color-white);
  border-radius: 4px;
  white-space: nowrap;
}

#Head div#PcNav ul li a:hover {
  text-decoration: none;
}

#Head div#SpNav {
  display: none;
}

@media only screen and (max-width: 768px) {
  #Head div#SpNav {
    display: block;
  }
}
#Head div#SpNav div.menu-nav {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 1rem;
}

#Head div#SpNav div.menu-nav div.logo {
  white-space: nowrap;
}

#Head div#SpNav div.menu-nav button.uk-button {
  padding: 0;
  background: none;
  min-width: unset;
  line-height: unset;
}

/**********************************************/
/* TOP */
/**********************************************/
div.main-head {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.7142857143rem 0;
  position: relative;
}

@media print, screen and (min-width: 769px) {
  div.main-head {
    padding: 3rem 0;
  }
}
div.main-head h1 {
  margin: 0 0 0.7142857143rem;
  color: var(--color-green);
  text-align: center;
}

div.main-head h1 .h1-sub {
  margin-bottom: 0.3333333333em;
  display: block;
  font-size: min(3.6vw, 2.1428571429rem);
  letter-spacing: 0;
}

@media print, screen and (min-width: 769px) {
  div.main-head h1 .h1-sub br {
    display: none;
  }
}
div.main-head h1 img {
  width: min(90vw, 73.0714285714rem);
  height: auto;
}

div.main-head div#main-text .text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  gap: 0 1.0714285714em;
  width: fit-content;
  margin-inline: auto;
  color: var(--color-green);
}

div.main-head div#main-text .date {
  display: flex;
  gap: 0 0.2112676056em;
  align-items: baseline;
  font-size: min(11.4666666667vw, 5.0714285714rem);
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  line-height: 100%;
  text-align: center;
  white-space: nowrap;
}

div.main-head div#main-text .date span:not(.tilde) {
  line-height: 100%;
  font-size: 0.5774647887em;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
}

div.main-head div#main-text .date .tilde {
  font-size: inherit;
}

div.main-head div#main-text .archive-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.7142857143rem;
  width: fit-content;
  margin: 1.4285714286rem auto 0;
  padding-block: 0.3571428571em;
  color: var(--color-green);
  font-size: 1rem;
  font-weight: bold;
  line-height: 150%;
  border-block: 1px solid var(--color-green);
}

div.main-head div#main-text .archive-text::before {
  content: "";
  display: block;
  width: 1.6428571429rem;
  height: 1.0714285714rem;
  background-color: currentColor;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 23 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.4921 0H0.507522C0.227271 0 0 0.229047 0 0.511489V14.4885C0 14.771 0.227271 15 0.507522 15H22.4925C22.7727 15 23 14.771 23 14.4885V0.511489C23 0.229047 22.7727 0 22.4925 0H22.4921ZM1.96943 13.9527H0.526522V12.7847H1.96943V13.9527ZM1.96943 11.6052H0.526522V10.4371H1.96943V11.6052ZM1.96943 9.25762H0.526522V8.08956H1.96943V9.25762ZM1.96943 6.91007H0.526522V5.74201H1.96943V6.91007ZM1.96943 4.56253H0.526522V3.39446H1.96943V4.56253ZM1.96943 2.21498H0.526522V1.04691H1.96943V2.21498ZM14.3444 7.79165L10.0445 10.2939C9.8216 10.4235 9.54281 10.2615 9.54281 10.0022V4.99816C9.54281 4.73892 9.8216 4.57652 10.0445 4.70651L14.3444 7.20872C14.5672 7.33834 14.5672 7.66276 14.3444 7.79238V7.79165ZM22.4731 13.9523H21.0302V12.7843H22.4731V13.9523ZM22.4731 11.6048H21.0302V10.4367H22.4731V11.6048ZM22.4731 9.25725H21.0302V8.08919H22.4731V9.25725ZM22.4731 6.90971H21.0302V5.74164H22.4731V6.90971ZM22.4731 4.56216H21.0302V3.39409H22.4731V4.56216ZM22.4731 2.21461H21.0302V1.04655H22.4731V2.21461Z" fill="black"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
}

div.main-head ul#social {
  margin: 0.7142857143rem 0 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media (width > 1200px) {
  div.main-head ul#social {
    transform: translateY(-150%);
  }
}
#topGuest {
  width: min(95%, 102.5714285714rem);
  margin-inline: auto;
  padding-bottom: 2.8571428571rem;
}

#topGuest .splide__slide {
  position: relative;
  padding-inline: 0.4285714286rem;
}

#topGuest .splide__slide div.photo {
  width: 100%;
  background: #FFF;
}

#topGuest .splide__slide div.photo img {
  width: 100%;
  height: auto;
}

#topGuest .splide__slide div.text {
  padding: 6px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

#topGuest .splide__slide div.text p {
  margin: 0;
  color: #333;
  font-weight: bold;
  font-size: 13px;
}

#topGuest .splide__slide a:hover {
  opacity: 1 !important;
}

#topGuest .splide__slide a:hover div.photo img {
  opacity: 0.75;
}

#topGuest .splide__pagination {
  position: relative;
  padding-top: 1.4285714286rem;
}

#topGuest .splide__pagination__page {
  background-color: #e5f3b5;
}

#topGuest .splide__pagination__page.is-active {
  background-color: var(--color-green);
}

div#btn-area {
  display: flex;
  justify-content: center;
}

div#btn-area .uk-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4.8899755501%;
  width: min(95%, 29.2142857143rem);
  padding-block: 0.8333333333em;
  color: var(--color-black);
  font-size: 1.2857142857rem;
  font-weight: bold;
  border-radius: 8px;
  background: var(--color-yellow);
  white-space: nowrap;
}

div#btn-area .uk-btn::after {
  content: "";
  flex: none;
  display: block;
  width: 0.8333333333em;
  height: 0.5555555556em;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.83019e-06 1.76518C1.84996e-06 1.31286 0.173144 0.860534 0.516221 0.517282C1.20558 -0.172428 2.32138 -0.172428 3.01074 0.517282L7.4996 5.00842L11.9885 0.517283C12.6778 -0.172428 13.7936 -0.172428 14.483 0.517283C15.1723 1.20699 15.1723 2.32336 14.483 3.01307L7.4996 10L0.516221 3.01307C0.173144 2.66982 1.81042e-06 2.2175 1.83019e-06 1.76518Z" fill="black"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
}

div#btn-area .uk-btn:hover {
  opacity: 0.8;
}

@media print, screen and (min-width: 769px) {
  div#btn-area .uk-btn {
    justify-content: start;
  }
  div#btn-area .uk-btn::before {
    content: "";
    display: block;
    width: 7.3349633252%;
  }
}
#TopTokuten {
  --accent-orange: #f78b2d;
  --badge-bg: #f78b2d;
  --badge-text: #fff;
  padding: 3rem 0;
}

#TopTokuten .rewards {
  display: grid;
  grid-template-rows: max-content auto max-content;
  gap: 1.5714285714rem;
  width: min(95%, 85.7142857143rem);
  margin-inline: auto;
}

@media (width > 640px) {
  #TopTokuten .rewards {
    grid-template-columns: 1fr 1fr;
    gap: 0 1.5714285714rem;
  }
}
@media (width > 920px) {
  #TopTokuten .rewards:not(.is-archive) {
    grid-template-columns: 1fr 2fr;
  }
}
#TopTokuten .reward {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  margin: 0 auto;
  font-size: 1.1428571429rem;
  background-color: var(--color-white);
  border-radius: 1.7857142857rem;
  box-shadow: 0 0 17.6px -2px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}

#TopTokuten .reward span {
  font-size: inherit;
}

#TopTokuten .reward h3 {
  gap: 0.5rem;
  margin-bottom: 0;
  padding-block: 0.6785714286em;
  font-size: min(5.3333333333vw, 2rem);
  color: #FFFFFF;
  text-align: center;
  background-color: var(--color-green);
}

#TopTokuten .reward h3 small {
  display: inline-block;
  font-size: 0.8571428571em;
}

#TopTokuten .reward-note {
  margin-top: 0;
  padding-inline: 1.4285714286rem;
  font-size: 0.8571428571rem;
  text-align: center;
}

#TopTokuten .cards {
  padding: 1.4285714286rem min(5.3333333333vw, 1.4285714286rem);
}

#TopTokuten .cards-two {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}

.is-archive #TopTokuten .cards {
  padding: 2.1428571429rem min(8vw, 2.1428571429rem);
}

@media (width > 1020px) {
  #TopTokuten .cards-two {
    grid-template-columns: 1fr 1fr;
  }
}
#TopTokuten .card {
  --card-border-radius: 0.7142857143rem;
  position: relative;
  height: 100%;
  font-size: 1.1428571429rem;
  text-align: left;
  background-color: #FFFCF1;
  border-radius: var(--card-border-radius);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border: 2px solid var(--color-green);
}

#TopTokuten .card:has(.badge) h4::after {
  content: "";
  display: inline-block;
  width: min(21.3333333333vw, 7.1428571429rem);
  height: 1em;
}

#TopTokuten .card h4 {
  display: flex;
  margin: 0;
  padding: 0.9285714286rem 0 0.7857142857rem 1.4285714286rem;
  font-size: min(4.2666666667vw, 1.1428571429rem);
  font-weight: normal;
  color: var(--accent-orange);
  text-align: left;
  background-color: var(--color-white);
  border-bottom: 2px solid var(--color-green);
  border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
}

#TopTokuten .card h4 span {
  font-size: inherit;
}

#TopTokuten .card h4 b {
  font-size: min(5.3333333333vw, 1.4285714286rem);
  font-weight: bold;
}

#TopTokuten .card-content {
  padding: 1.7142857143rem;
}

#TopTokuten .card h5 {
  margin-block: 0 0.5em;
  color: var(--color-green);
  font-size: 1.2857142857rem;
}

#TopTokuten .card p + h5 {
  margin-top: 1.1666666667em;
}

#TopTokuten .card p {
  margin-block: 0.6428571429rem;
  font-size: 1.1428571429rem;
}

#TopTokuten .card p:not(.note) {
  font-weight: bold;
}

#TopTokuten .card p.note {
  font-size: 0.8571428571rem;
}

#TopTokuten .card p small {
  display: block;
  margin-top: 0.6428571429rem;
  font-weight: normal;
  font-size: 1rem;
}

#TopTokuten .card .badge {
  position: absolute;
  top: -1.125em;
  right: -0.75em;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.375em;
  width: 6.25em;
  height: 6.25em;
  padding: 0.5rem;
  color: var(--badge-text);
  font-size: min(3.4666666667vw, 0.9285714286rem);
  font-weight: bold;
  line-height: 1;
  text-align: center;
  background-color: var(--badge-bg);
  border-radius: 50%;
}

#TopTokuten .card .badge b {
  display: block;
  font-size: 2em;
}

@media (width > 1020px) {
  #TopTokuten .card .badge {
    font-size: 1.1428571429rem;
  }
}
#TopTokuten .card figure {
  width: 100%;
  aspect-ratio: 314/132;
  margin-block: 0 0.5714285714rem;
}

#TopTokuten .card figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#TopTokuten .is-archive .reward-note {
  text-align: right;
}

@media (width > 920px) {
  #TopTokuten .is-archive .card-content {
    display: grid;
    grid-template-columns: 26.25% 57%;
    gap: 0 3.9583333333%;
  }
  #TopTokuten .is-archive .card figure {
    aspect-ratio: unset;
    margin-block: 0;
  }
}
#program {
  --timetable-header-height: 3.8571428571rem;
  --timetable-header: #66A88F;
  overflow: hidden;
  background: #eeffed;
}

@media only screen and (max-width: 768px) {
  #program {
    padding: 4em 0;
  }
}
#program .lead-area,
#program .sem-container {
  width: var(--content-width);
  margin-inline: auto;
}

#program div.lead-area {
  margin-block: 3.7142857143rem 2.5714285714rem;
}

@media print, screen and (min-width: 769px) {
  #program div.lead-area {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
#program div.lead-area h2.SfH2 {
  margin-bottom: 20px;
  color: var(--color-green);
  white-space: nowrap;
}

@media print, screen and (min-width: 769px) {
  #program div.lead-area h2.SfH2 {
    text-align: left;
  }
}
#program div.lead-area h2.SfH2 span {
  font-size: 1.2rem;
}

#program div.lead-area div.lead-text {
  font-weight: bold;
  color: #333;
}

@media print, screen and (min-width: 769px) {
  #program div.lead-area div.lead-text {
    margin: 0 0 0 2em;
  }
}
#program div.lead-area div.lead-text h3 {
  margin: 0;
  color: var(--color-green);
}

@media print, screen and (min-width: 769px) {
  #program div.lead-area div.lead-text h3 {
    font-size: 1.4rem;
    padding: 0.5em;
  }
}
@media only screen and (max-width: 768px) {
  #program div.lead-area div.lead-text h3 {
    padding: 1em 0;
    font-size: 3vw;
    text-align: center;
  }
}
#program div.lead-area div.lead-text ul {
  margin: 0;
  list-style-type: disc;
}

#program div.lead-area div.lead-text ul li {
  font-size: 14px;
}

@media only screen and (max-width: 768px) {
  #program div.lead-area div.lead-text ul li {
    font-size: 12px;
  }
}
#program div.sem-container {
  display: grid;
  gap: 8px;
  padding-bottom: 5.5714285714rem;
}

#program div.sem-container div.sem-col {
  margin-bottom: 1px;
}

@media print, screen and (min-width: 769px) {
  #program div.sem-container div.sem-col {
    display: grid;
    grid-template-columns: 140px 1fr;
    grid-auto-flow: column;
    gap: 8px;
  }
}
#program div.sem-container div.sem-col div.head-time {
  color: var(--color-white);
  font-weight: bold;
  background-color: var(--timetable-header);
}

@media only screen and (max-width: 768px) {
  #program div.sem-container div.sem-col div.head-time {
    margin-top: 2em;
    margin-bottom: 1em;
    color: #FFF;
    background-color: #0f463e;
  }
  #program div.sem-container div.sem-col div.head-time div {
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #program div.sem-container div.sem-col div.head-time div strong {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    font-family: "Oswald", sans-serif;
    font-weight: 700;
  }
  #program div.sem-container div.sem-col div.head-time div p {
    margin: 0 1em;
  }
}
@media print, screen and (min-width: 769px) {
  #program div.sem-container div.sem-col div.head-time {
    grid-column: 1;
    min-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  #program div.sem-container div.sem-col div.head-time strong {
    display: block;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    font-family: "Oswald", sans-serif;
    font-weight: 700;
    line-height: 100%;
  }
  #program div.sem-container div.sem-col div.head-time p.special {
    color: var(--color-green);
    text-align: center;
  }
}
#program div.sem-container div.sem-col div#DateTitle {
  height: var(--timetable-header-height);
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  text-align: center;
  background-color: var(--timetable-header);
  color: #FFF;
}

#program div.sem-container div.sem-col div#DateTitle strong {
  display: inline;
  font-size: 2.1428571429rem;
}

@media only screen and (max-width: 768px) {
  #program div.sem-container div.sem-col div#DateTitle {
    display: none;
  }
}
#program div.sem-container div.sem-col div.place-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

#program div.sem-container div.sem-col div.place-wrap div#place-a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--timetable-header);
  color: #FFF;
  height: var(--timetable-header-height);
  font-weight: bold;
}

#program div.sem-container div.sem-col div.place-wrap div#place-b {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--timetable-header);
  color: #FFF;
  height: var(--timetable-header-height);
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  #program div.sem-container div.sem-col div.place-wrap {
    display: none;
  }
}
@media print, screen and (min-width: 769px) {
  #program div.sem-container div.sem-col div.card-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  #program div.sem-container div.sem-col div.card-container.long {
    grid-template-columns: repeat(1, 1fr);
  }
  #program div.sem-container div.sem-col div.card-container.long div.card-body div.uk-card-title {
    width: 100%;
  }
  #program div.sem-container div.sem-col div.card-container.long div.card-body div.teacher-wrap {
    width: 33%;
  }
}
#program div.sem-container.archive div.sem-col {
  margin-bottom: 5px;
}

@media print, screen and (min-width: 769px) {
  #program div.sem-container.archive div.sem-col {
    display: flex;
    flex-wrap: wrap;
  }
}
#program div.button-area {
  text-align: center;
}

#program div.button-area button.top-btn-submit {
  margin: 0 auto;
  width: 360px;
  border-radius: 8px;
  background: #f5af19;
  font-weight: bold;
  color: #111;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  font-size: 1.6rem;
}

#program div.button-area button.top-btn-submit:hover {
  background: #FFFFFF;
  color: #333;
}

/* 講演カード */
.card-container {
  padding-block: 0.8571428571rem;
}

div.card-seminar {
  --card-header-bg: #F1F1F1;
  --card-special: #D5323C;
  --card-yellow: #FFDF2E;
  --card-orange: #FFA830;
  --card-orange-light: #FFF2E0;
  --card-red: #D5323C;
  --card-red-light: #F4E6E7;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #FFFFFF;
  border-radius: 1.7857142857rem;
}

div.card-seminar.applied {
  --card-status-color: var(--card-orange);
  --card-header-bg: var(--card-orange-light);
}

div.card-seminar:has(.card-header input[type=checkbox]:checked) {
  --card-header-bg: var(--card-yellow);
  box-shadow: 0 0 0 2px var(--card-header-bg) inset, 0 4px 11.6px 0 rgba(0, 0, 0, 0.25);
}

div.card-seminar.full {
  --card-header-bg: var(--card-red-light);
  --card-status-color: var(--card-red);
}

div.card-seminar.full .card-body {
  opacity: 0.55;
  pointer-events: none;
}

div.card-seminar.conflicted, div.card-seminar.kyougou {
  --card-header-bg: var(--card-red-light);
  --card-status-color: var(--card-red);
  --card-label-font-size: 1rem;
}

div.card-seminar.conflicted .card-body,
div.card-seminar.conflicted .card-tokuten, div.card-seminar.kyougou .card-body,
div.card-seminar.kyougou .card-tokuten {
  opacity: 0.55;
  pointer-events: none;
}

div.card-seminar.closed .card-header,
div.card-seminar.closed .card-body,
div.card-seminar.closed .card-tokuten {
  opacity: 0.55;
  pointer-events: none;
}

div.card-seminar.disabled {
  --card-header-bg: var(--card-red-light);
  --card-status-color: var(--card-red);
}

div.card-seminar.disabled .card-body,
div.card-seminar.disabled .card-tokuten {
  opacity: 0.55;
  pointer-events: none;
}

@media only screen and (max-width: 768px) {
  div.card-seminar {
    margin-bottom: 1em;
  }
}
div.card-seminar div.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem 0;
  min-height: 5.7142857143rem;
  padding: 1.2857142857rem 1.4285714286rem 1.2142857143rem 1.7142857143rem;
  background-color: var(--card-header-bg);
  border-radius: 1.7857142857rem 1.7857142857rem 0 0;
}

div.card-seminar div.card-header > label,
div.card-seminar div.card-header .disabled-text,
div.card-seminar div.card-header .card-label {
  display: flex;
  align-items: center;
  gap: 0 0.8571428571rem;
  font-size: var(--card-label-font-size, 1.5714285714rem);
  font-weight: bold;
  color: var(--card-status-color, var(--color-green));
}

div.card-seminar div.card-header > label input.uk-checkbox,
div.card-seminar div.card-header .disabled-text input.uk-checkbox,
div.card-seminar div.card-header .card-label input.uk-checkbox {
  width: 2.8571428571rem;
  height: 2.8571428571rem;
  margin: 0;
  border: solid 2px var(--color-green);
  border-radius: 4px;
}

div.card-seminar div.card-header > label input.uk-checkbox:checked,
div.card-seminar div.card-header .disabled-text input.uk-checkbox:checked,
div.card-seminar div.card-header .card-label input.uk-checkbox:checked {
  display: grid;
  align-content: center;
  justify-content: center;
  background-image: none;
  background-color: var(--color-green);
}

div.card-seminar div.card-header > label input.uk-checkbox:checked::before,
div.card-seminar div.card-header .disabled-text input.uk-checkbox:checked::before,
div.card-seminar div.card-header .card-label input.uk-checkbox:checked::before {
  content: "";
  display: block;
  color: var(--color-white);
  width: 1.4285714286rem;
  height: 1.1428571429rem;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.11429e-05 6.88985C1.11627e-05 6.43753 0.173152 5.98521 0.516229 5.64195C1.20559 4.95224 2.32139 4.95224 3.01075 5.64195L7.49961 10.1331L16.926 0.517301C17.6153 -0.172409 18.7311 -0.172409 19.4205 0.517301C20.1098 1.20701 20.1098 2.32338 19.4205 3.01309L7.49961 15.1247L0.516229 8.13774C0.173152 7.79449 1.11232e-05 7.34217 1.11429e-05 6.88985Z" fill="black"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
}

div.card-seminar div.card-header > label input.uk-checkbox:disabled,
div.card-seminar div.card-header .disabled-text input.uk-checkbox:disabled,
div.card-seminar div.card-header .card-label input.uk-checkbox:disabled {
  background-color: #FFF;
  border-color: #CCC;
}

div.card-seminar div.card-header .special {
  margin-left: 0.5em;
  display: inline-block;
  position: relative;
  height: 24px; /*高さ*/
  padding: 0 18px; /*文字の2左右の余白*/
  line-height: 24px; /*高さ*/
  text-align: center;
  font-size: 13px; /*文字サイズ*/
  color: var(--color-white); /*文字色*/
  background-color: var(--card-special);
  box-sizing: border-box;
  clip-path: polygon(0 0, 100% 0, calc(100% - 5px) 50%, 100% 100%, 0 100%, 5px 50%);
}

div.card-seminar div.card-header .disabled-text {
  margin: 0;
}

div.card-seminar div.card-header label:not(:has(input)),
div.card-seminar div.card-header .disabled-text {
  position: relative;
}

div.card-seminar div.card-header label:not(:has(input))::before, div.card-seminar div.card-header label:not(:has(input))::after,
div.card-seminar div.card-header .disabled-text::before,
div.card-seminar div.card-header .disabled-text::after {
  content: "";
  flex: none;
}

div.card-seminar div.card-header label:not(:has(input))::before,
div.card-seminar div.card-header .disabled-text::before {
  width: 2.8571428571rem;
  height: 2.8571428571rem;
  border-radius: 50%;
  border: 3px solid var(--card-status-color);
}

div.card-seminar div.card-header label:not(:has(input))::after,
div.card-seminar div.card-header .disabled-text::after {
  position: absolute;
  left: calc((2.8571428571rem - var(--icon-width, 1.4285714286rem)) / 2);
  background-color: var(--card-status-color);
}

div.card-seminar.applied label::after {
  --icon-width: 1.4285714286rem;
  width: 1.4285714286rem;
  height: 1.1428571429rem;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.11429e-05 6.88985C1.11627e-05 6.43753 0.173152 5.98521 0.516229 5.64195C1.20559 4.95224 2.32139 4.95224 3.01075 5.64195L7.49961 10.1331L16.926 0.517301C17.6153 -0.172409 18.7311 -0.172409 19.4205 0.517301C20.1098 1.20701 20.1098 2.32338 19.4205 3.01309L7.49961 15.1247L0.516229 8.13774C0.173152 7.79449 1.11232e-05 7.34217 1.11429e-05 6.88985Z" fill="black"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
}

div.card-seminar.full .disabled-text::after {
  --icon-width: 1.1428571429rem;
  width: 1.1428571429rem;
  height: 1.1428571429rem;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.1171 0C14.5996 2.36587e-05 15.0821 0.184864 15.4482 0.550781C16.1838 1.28609 16.1839 2.47664 15.4482 3.21191L10.6611 7.99414L10.667 8L10.6621 8.00391L15.4482 12.7871C16.1839 13.5224 16.1838 14.7129 15.4482 15.4482C14.7125 16.1835 13.5218 16.1835 12.7861 15.4482L7.99996 10.665L3.21383 15.4492C2.84772 15.815 2.36516 16 1.88277 16C1.40039 15.9999 0.917778 15.8151 0.551716 15.4492C-0.183878 14.7139 -0.183932 13.5234 0.551716 12.7881L5.33785 8.00391L5.33297 7.99902L5.33687 7.99414L0.551716 3.21191C-0.183548 2.47666 -0.183628 1.28696 0.551716 0.551758C1.28738 -0.183531 2.47815 -0.183506 3.21383 0.551758L7.99898 5.33398L12.7861 0.550781C13.1522 0.184852 13.6347 -4.21779e-08 14.1171 0Z" fill="black"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
}

div.card-seminar.kyougou .disabled-text::after {
  --icon-width: 2.1428571429rem;
  width: 2.1428571429rem;
  height: 2.1428571429rem;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="1.06066" y1="1.06043" x2="28.0607" y2="28.0604" stroke="black" stroke-width="3"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
}

div.card-seminar.disabled .disabled-text::after {
  --icon-width: 1.5714285714rem;
  width: 1.5714285714rem;
  height: 0.2857142857rem;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 22 4" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="22" height="4" rx="2" fill="black"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
}

div.card-seminar .card-tokuten {
  display: grid;
  align-items: center;
  gap: 0.7142857143rem 1.5714285714rem;
  margin-bottom: 1.4285714286rem;
  padding: 0.7142857143rem 1.5714285714rem 0.7142857143rem 1.5rem;
  background-color: #F8F8F8;
  border-radius: 0.7142857143rem;
}

div.card-seminar .card-tokuten p:not(.icon-gift) {
  margin-block: 0;
  font-size: 0.9285714286rem;
}

@container card-footer (width > 420px) {
  div.card-seminar .card-tokuten {
    grid-template-columns: max-content auto;
  }
}
div.card-seminar .icon-gift {
  display: flex;
  align-items: self-end;
  gap: 0 0.4285714286rem;
  margin-block: 0 0.2857142857rem;
  color: var(--color-green);
  font-size: 0.8571428571rem;
  font-weight: bold;
}

div.card-seminar .icon-gift::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1.3571428571rem;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 14 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.87251 5.3007C10.6969 5.02387 11.3775 4.57299 11.8639 4.02934C12.1067 3.75695 12.3016 3.46119 12.4377 3.14836C12.5735 2.8359 12.6512 2.50525 12.6512 2.1709C12.6512 1.94861 12.6163 1.72559 12.5441 1.51146C12.4631 1.27248 12.3455 1.05539 12.2 0.867617C11.9822 0.584844 11.7027 0.367383 11.3942 0.221172C11.0852 0.075332 10.7462 0 10.4003 0C10.1469 0 9.88994 0.0408203 9.6402 0.125059C9.26524 0.250859 8.90516 0.476484 8.60206 0.80082C8.29824 1.12516 8.05214 1.54709 7.89061 2.05697C7.67935 2.72012 7.04739 4.22453 7.02997 4.26127H6.96972C6.95193 4.22453 6.31997 2.71975 6.10908 2.05697C6.00091 1.71668 5.85644 1.41609 5.68112 1.15744C5.41868 0.769277 5.088 0.475742 4.72755 0.284258C4.36711 0.0916601 3.97871 0 3.59903 0C3.1384 0 2.6883 0.134336 2.30753 0.391504C2.11732 0.519902 1.94454 0.679844 1.79971 0.867988C1.65415 1.05576 1.53654 1.27285 1.4556 1.51184C1.383 1.72633 1.34852 1.94936 1.34888 2.17127C1.34888 2.39393 1.383 2.61547 1.44616 2.8307C1.55687 3.20736 1.75397 3.5651 2.01823 3.89166C2.41533 4.3815 2.96417 4.80344 3.63133 5.10588C4.29814 5.40832 5.08364 5.5909 5.9519 5.5909C6.44339 5.5909 6.98133 5.59498 7.00021 5.5909C7.01908 5.59498 7.55666 5.5909 8.04887 5.5909C8.70987 5.5909 9.32368 5.48514 9.87288 5.30107L9.87251 5.3007ZM9.14908 1.74414C9.32259 1.48771 9.52514 1.3133 9.73857 1.19937C9.95237 1.08545 10.1789 1.03238 10.4003 1.03201C10.6689 1.03201 10.9274 1.11143 11.1346 1.25244C11.2392 1.32295 11.3306 1.4083 11.4072 1.50738C11.4838 1.60646 11.5455 1.71965 11.5894 1.84916C11.6239 1.95047 11.6406 2.05697 11.641 2.1709C11.641 2.28482 11.6236 2.40654 11.5862 2.53383C11.5212 2.75723 11.3938 2.99844 11.2032 3.23334C10.919 3.58514 10.4943 3.91949 9.9589 4.16219C9.42277 4.40525 8.77738 4.55814 8.04815 4.55814C8.00894 4.55814 7.97119 4.55777 7.93453 4.55666C8.19987 4.10207 8.52039 3.41406 8.85071 2.37574C8.93093 2.1234 9.03329 1.91559 9.14945 1.74414H9.14908ZM2.4843 2.72939C2.39755 2.53049 2.35798 2.34123 2.35798 2.1709C2.35798 2.05697 2.37504 1.95047 2.40952 1.84953C2.45345 1.71965 2.51515 1.60646 2.59174 1.50701C2.70645 1.3582 2.85563 1.2402 3.02878 1.15855C3.20156 1.07654 3.39721 1.03201 3.59867 1.03201C3.7464 1.03201 3.89631 1.05576 4.04296 1.10549C4.26329 1.17971 4.47637 1.31107 4.66766 1.5148C4.85823 1.71854 5.02847 1.99723 5.14898 2.37611C5.47893 3.41406 5.79981 4.10244 6.06515 4.55703C6.02813 4.55777 5.99038 4.55852 5.95154 4.55852C5.39581 4.55852 4.88872 4.46982 4.44152 4.3199C3.77108 4.09576 3.23604 3.73135 2.88104 3.33354C2.70282 3.13463 2.57033 2.92793 2.48466 2.72977L2.4843 2.72939Z" fill="black"/><path d="M7.56006 6.40503V9.8395H14.0002V9.78829V8.66054V6.40503H7.56006Z" fill="black"/><path d="M0 8.66054V9.78829V9.8395H6.44009V6.40503H0V8.66054Z" fill="black"/><path d="M14.0002 10.9849H7.56006V19.0001H14.0002V10.9849Z" fill="black"/><path d="M6.44009 10.9849H0V19.0001H6.44009V10.9849Z" fill="black"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: currentColor;
}

div.card-seminar div.card-body {
  padding: 1.4285714286rem;
}

div.card-seminar div.card-body .card-number {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 0 1.2857142857rem;
  width: 100%;
  margin: 0 0 0.8571428571rem;
  padding: 0 0 1.5rem;
  border-bottom: 1px solid #E4E4E4;
}

div.card-seminar div.card-body .card-number div.num {
  flex: none;
  width: min(20%, 5.5rem);
  height: 4.7142857143rem;
  line-height: 4.7142857143rem;
  font-size: min(5.3333333333vw, 1.8571428571rem);
  color: var(--color-white);
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  text-align: center;
  background: var(--color-green);
}

div.card-seminar div.card-body .card-number div.special {
  width: 40px;
  height: 40px;
  margin-right: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
}

div.card-seminar div.card-body .card-title {
  width: 100%;
}

div.card-seminar div.card-body .card-title h2 {
  margin-block: 0;
  font-size: 1.2857142857rem;
  line-height: 133.3333333333%;
}

div.card-seminar div.card-body .card-title p {
  margin-block: 0.5em 0.2142857143rem;
  line-height: 128.5714285714%;
}

div.card-seminar div.card-body div.teacher-wrap {
  padding: 0 0.5em;
  display: grid;
  align-items: center;
  grid-template-columns: 15% 85%;
}

div.card-seminar div.card-body div.teacher-wrap + .teacher-wrap {
  margin-top: 1.4285714286rem;
}

@media print, screen and (min-width: 769px) {
  div.card-seminar div.card-body div.teacher-wrap {
    grid-template-columns: 5.7142857143rem auto;
  }
}
div.card-seminar div.card-body div.teacher-wrap .pict {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: cover;
}

div.card-seminar div.card-body div.teacher-wrap .pict img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

div.card-seminar div.card-body div.teacher-wrap .prof {
  margin: 0;
  padding-left: 0.9285714286rem;
  font-size: 0.8571428571rem;
  line-height: 133.3333333333%;
}

div.card-seminar div.card-body div.teacher-wrap .prof b {
  display: block;
  margin-top: 0.5714285714rem;
  font-size: 1.1428571429rem;
  font-weight: bold;
}

div.card-seminar div.card-footer {
  container: card-footer/inline-size;
  width: 100%;
  margin-top: auto;
  padding: 1rem 1.4285714286rem 1.4285714286rem;
}

div.card-seminar div.card-footer div.icon-recommend {
  margin: 0 0 5px 0;
  border-radius: 24px;
  background: #fff847;
  font-weight: bold;
  padding: 4px 8px 2px;
  font-size: 0.75em;
  color: #000;
  display: inline-block;
}

div.card-seminar div.card-footer div.btn .uk-button {
  display: grid;
  grid-template-columns: auto 0.7142857143rem;
  align-items: center;
  width: 100%;
  padding: 0.6428571429rem 1.2857142857rem;
  color: var(--color-green);
  font-size: 1.2857142857rem;
  font-weight: bold;
  line-height: 140%;
  background: var(--color-white);
  border: solid 1px currentColor;
  border-radius: 8px;
}

div.card-seminar div.card-footer div.btn .uk-button::after {
  content: "";
  display: block;
  width: 0.7142857143rem;
  height: 1.0714285714rem;
  background-color: currentColor;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.76518 15C1.31286 15 0.860534 14.8269 0.517283 14.4838C-0.172428 13.7944 -0.172428 12.6786 0.517283 11.9893L5.00842 7.5004L0.517283 3.01154C-0.172428 2.32218 -0.172428 1.20638 0.517283 0.51702C1.20699 -0.17234 2.32336 -0.17234 3.01307 0.51702L10 7.5004L3.01307 14.4838C2.66982 14.8269 2.2175 15 1.76518 15Z" fill="black"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
}

div.card-seminar div.card-footer div.btn .uk-button:hover {
  opacity: 0.75;
}

div.card-seminar div.card-footer p {
  margin: 0;
  order: 1;
  width: 100%;
}

div.card-seminar .card-movie-btn {
  display: grid;
  grid-template-columns: auto max-content;
  align-items: center;
  width: 8.4444444444em;
  padding: 0.7222222222em 0.8333333333em 0.7777777778em;
  color: var(--color-black);
  font-size: min(4.2666666667vw, 1.2857142857rem);
  font-weight: bold;
  text-align: center;
  line-height: 100%;
  background-color: var(--card-orange);
  border-radius: 0.5714285714rem;
}

div.card-seminar .card-movie-btn::after {
  content: "";
  display: block;
  width: 0.5555555556em;
  height: 0.8333333333em;
  background-color: currentColor;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.76518 15C1.31286 15 0.860534 14.8269 0.517283 14.4838C-0.172428 13.7944 -0.172428 12.6786 0.517283 11.9893L5.00842 7.5004L0.517283 3.01154C-0.172428 2.32218 -0.172428 1.20638 0.517283 0.51702C1.20699 -0.17234 2.32336 -0.17234 3.01307 0.51702L10 7.5004L3.01307 14.4838C2.66982 14.8269 2.2175 15 1.76518 15Z" fill="black"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
}

div.card-seminar .card-movie-btn:hover {
  opacity: 0.75;
}

#program .seminar-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: 2.1428571429rem;
  background-color: rgba(102, 168, 143, 0.36);
}

#program .seminar-status .top-btn-submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 0.9166666667em;
  width: min(90%, 44.5rem);
  padding: 0.6666666667em;
  font-size: min(4.8vw, 1.2857142857rem);
  font-weight: bold;
  background-color: var(--color-yellow);
  border-radius: 0.5714285714rem;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  transition: all 0.25s;
}

#program .seminar-status .top-btn-submit:hover {
  background-color: rgb(255, 203.8, 51);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15), 0 4px 16px 0 rgba(0, 0, 0, 0.25);
}

#program .seminar-status .icon-check {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6666666667em;
  height: 1.6666666667em;
  font-size: 1em;
  border: 3px solid currentColor;
  border-radius: 50%;
}

#program .seminar-status .icon-check::before {
  content: "";
  display: block;
  width: 0.8333333333em;
  height: 0.6666666667em;
  background-color: currentColor;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.11429e-05 6.88985C1.11627e-05 6.43753 0.173152 5.98521 0.516229 5.64195C1.20559 4.95224 2.32139 4.95224 3.01075 5.64195L7.49961 10.1331L16.926 0.517301C17.6153 -0.172409 18.7311 -0.172409 19.4205 0.517301C20.1098 1.20701 20.1098 2.32338 19.4205 3.01309L7.49961 15.1247L0.516229 8.13774C0.173152 7.79449 1.11232e-05 7.34217 1.11429e-05 6.88985Z" fill="black"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
}

#program .seminar-status .text-check {
  font-size: 1em;
}

#program .seminar-status .text-count {
  flex: none;
  padding: 0.375em 0.625em;
  font-size: 0.6666666667em;
  color: #FF8400;
  background-color: var(--color-white);
  border-radius: 7.1428571429rem;
}

#program .seminar-status p {
  margin: 0;
}

#program .seminar-status.closed p {
  font-size: 1.7142857143rem;
  font-weight: bold;
}

@media print, screen and (min-width: 769px) {
  #program .seminar-status .top-btn-submit {
    justify-content: unset;
    padding: 0.9166666667em 0;
    font-size: 1.7142857143rem;
  }
  #program .seminar-status .text-check br {
    display: none;
  }
  #program .seminar-status .icon-check {
    margin-left: 16.4526484751%;
  }
}
#program .top-btn-submit.is-sticky {
  position: fixed;
  bottom: 0.7142857143rem;
  animation: slideUp 0.5s ease forwards;
}

@media print, screen and (min-width: 769px) {
  #program .top-btn-submit.is-sticky {
    bottom: 1.7142857143rem;
  }
}
#program .seminar-status:has(.is-sticky)::before {
  content: "";
  padding-top: 84px;
}

@keyframes slideUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
/* 開催概要 */
#overview {
  padding: 6em 8px;
  border-bottom: solid 1px #CCC;
  background-color: var(--color-white);
}

#overview h4 {
  background: #233241;
  color: #FFF;
  text-align: center;
  padding: 0.3em;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 14px;
}

#overview table {
  margin-bottom: 25px;
}

#overview table th {
  white-space: nowrap;
  font-size: 1rem;
  font-weight: bold;
}

#overview table td {
  border-color: #111;
}

#overview table td * {
  font-size: 1rem;
}

#overview table td h6 {
  margin-bottom: 0;
}

#overview ul#com {
  margin: 0;
  padding: 0;
}

#overview ul.gift-list {
  margin: 0;
  padding: 0;
}

#overview ul.gift-list li {
  margin-bottom: 1rem;
  color: #333333;
  gap: 1.2857142857rem;
  align-items: center;
  font-weight: bold;
}

@media print, screen and (min-width: 769px) {
  #overview ul.gift-list li {
    display: grid;
    grid-template-columns: 1.7142857143rem 1fr;
  }
}
#overview ul.gift-list li:last-child {
  margin-bottom: 0;
}

#overview ul.gift-list li strong {
  font-weight: bold;
  color: var(--color-green);
}

#overview ul.gift-list li i {
  font-size: 1.7142857143rem;
  color: var(--color-green);
}

#TopSponsor {
  border-bottom: solid 1px #CCC;
  padding: 6em 8px;
  background: #FFF;
}

#ShinsotsuWrap:has(.top-btn-submit.is-sticky) div#FixedBanner {
  bottom: 7.1428571429rem;
}

@media print, screen and (min-width: 769px) {
  #ShinsotsuWrap:has(.top-btn-submit.is-sticky) div#FixedBanner {
    bottom: 8.9285714286rem;
  }
}
@media (width >= 78.75rem) {
  #ShinsotsuWrap:has(.top-btn-submit.is-sticky) div#FixedBanner {
    bottom: 0.7142857143rem;
  }
}
footer p#FootPageTopBtn {
  bottom: 10rem;
}

div#FixedBanner {
  position: fixed;
  bottom: 0.7142857143rem;
  right: 4.6428571429rem;
  z-index: 1001;
  width: 20rem;
}

@media (width >= 78.75rem) {
  div#FixedBanner {
    right: 0.7142857143rem;
  }
}
div#FixedBanner #FixedInqBtnClose {
  position: absolute;
  top: 1.2142857143rem;
  right: 0.7142857143rem;
  display: block;
  width: 0.7857142857rem;
  height: 0.7857142857rem;
  margin-left: auto;
  color: var(--color-white);
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.756 10.752L0 9.996L4.592 5.376L0 0.756L0.756 0L5.348 4.62L9.912 0L10.668 0.756L6.076 5.376L10.668 9.996L9.912 10.752L5.348 6.16L0.756 10.752Z" fill="black"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
}

div#FixedBanner a {
  display: block;
  overflow: hidden;
  color: currentColor;
  border-radius: 0.7142857143rem;
  box-shadow: 0 0 8.8px 0 rgba(0, 0, 0, 0.37);
  transition: all 0.25s;
}

div#FixedBanner a:hover {
  opacity: 1;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.37);
}

div#FixedBanner a:hover .text {
  background-color: var(--color-white);
}

div#FixedBanner .heading {
  padding: 0.9285714286rem 0.5rem;
  background-color: var(--color-orange);
}

div#FixedBanner h4 {
  margin: 0;
  color: var(--color-white);
  font-size: 1rem;
  text-align: center;
  font-feature-settings: "halt";
}

div#FixedBanner div.text {
  padding: 0.9285714286rem 0.8571428571rem 0.8571428571rem 1.1428571429rem;
  background-color: var(--color-orange-light);
  transition: background-color 0.25s;
}

div#FixedBanner div.text p {
  margin: 0;
  line-height: 171.4285714286%;
}

div.enq-tokuten-area {
  --color-green-light: #DEEDDC;
  margin: 0 0 1em;
  padding: 2rem 1rem 1rem;
  border-radius: 8px;
  background-color: var(--color-green-light);
}

div.enq-tokuten-area div.gift-cts-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}

@media print, screen and (min-width: 769px) {
  div.enq-tokuten-area div.gift-cts-wrap {
    margin-bottom: 0px;
  }
}
div.enq-tokuten-area div.gift-cts-wrap div.gift-cts {
  width: 100%;
  margin: 0 auto;
  background: #FFF;
  padding: 1rem;
  font-size: 13px;
  border-radius: 8px;
}

@media print, screen and (min-width: 769px) {
  div.enq-tokuten-area div.gift-cts-wrap div.gift-cts {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    font-size: 14px;
  }
}
div.enq-tokuten-area div.gift-cts-wrap div.gift-cts .ttl {
  margin: 0;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  color: var(--color-green);
  white-space: nowrap;
}

div.enq-tokuten-area div.gift-cts-wrap div.gift-cts .ttl i {
  display: block;
}

div.enq-tokuten-area div.gift-cts-wrap div.gift-cts h4 {
  margin-block: 1em 0.25em;
  font-size: 15px;
  color: var(--color-green);
}

div.enq-tokuten-area div.gift-cts-wrap div.gift-cts .push {
  width: fit-content;
  padding: 0.25em 0.5em;
  color: var(--color-white);
  background-color: var(--color-orange);
}

div.enq-tokuten-area div.gift-cts-wrap div.gift-cts ul {
  flex: auto;
  margin: 0;
  padding: 0;
}

@media print, screen and (min-width: 769px) {
  div.enq-tokuten-area div.gift-cts-wrap div.gift-cts ul {
    padding-left: 1.5rem;
  }
}
div.enq-tokuten-area div.gift-cts-wrap div.gift-cts ul li {
  padding-block: 1rem;
  color: #000;
}

div.enq-tokuten-area div.gift-cts-wrap div.gift-cts ul li:not(:first-of-type) {
  border-top: 1px solid var(--color-green);
}

div.enq-tokuten-area div.gift-cts-wrap div.gift-cts p {
  margin: 0;
}

div.enq-tokuten-area div.gift-cts-wrap div.gift-cts p:not(.note) {
  font-weight: bold;
}

div.enq-tokuten-area div.gift-cts-wrap div.gift-cts p small {
  display: block;
}

div.enq-tokuten-area div.gift-cts-wrap div.gift-cts .note {
  font-size: 12px;
}

div.enq-tokuten-area a.movie-enq-btn {
  width: fit-content;
  margin: 0 auto 1rem;
  background: rgb(253, 107, 2);
  color: #FFF;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  height: 48px;
  border-radius: 8px;
}

div.enq-tokuten-area a.movie-enq-btn:hover {
  opacity: 0.75;
}

/**********************************************/
/* 講演詳細 */
/**********************************************/
#SfDetailWrap #SesHead {
  padding: 1em;
  background: #474747;
  color: #FFF;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#SfDetailWrap #SesHead div.date {
  font-weight: bold;
  color: #FFF;
}

#SfDetailWrap #SesHead div.status {
  padding: 0.5em 1em;
  background: #BC080B;
  color: #FFF;
  font-weight: bold;
  font-size: 12px;
}

#SfDetailWrap div#SesBody {
  margin: 0 auto;
  padding: 1em;
  max-width: 960px;
}

@media print, screen and (min-width: 769px) {
  #SfDetailWrap div#SesBody {
    padding: 2em;
  }
}
#SfDetailWrap div#SesBody div#SesTtl {
  margin-bottom: 2em;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

#SfDetailWrap div#SesBody div#SesTtl div#SesNum {
  margin-right: 6px;
  background: var(--color-green);
  color: #FFF;
  width: 64px;
  height: 64px;
  line-height: 64px;
  min-width: 64px;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: 18px;
}

#SfDetailWrap div#SesBody div#SesTtl h1 {
  margin: 0;
  padding: 0;
  font-size: 2rem;
  font-weight: bold;
  line-height: 120%;
}

@media only screen and (max-width: 768px) {
  #SfDetailWrap div#SesBody div#SesTtl h1 {
    font-size: 1.2rem;
  }
}
#SfDetailWrap div#SesBody div#SesTtl h1 strong {
  margin-top: 6px;
  display: block;
  font-size: 14px;
  font-weight: bolder;
  color: #5A5A5A;
  line-height: 120%;
}

#SfDetailWrap div#SesBody #SesAbout {
  /* 講師紹介 */
}

#SfDetailWrap div#SesBody #SesAbout div.icon-recommend {
  background-color: #efa118;
  color: #000000;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  font-size: 12px;
  width: 120px;
}

#SfDetailWrap div#SesBody #SesAbout div.session-cts {
  margin-top: 3em;
}

#SfDetailWrap div#SesBody #SesAbout div.session-cts h2 {
  margin-bottom: 1em;
  padding: 8px;
  font-weight: bold;
  font-size: 1.2rem;
  background: var(--color-green);
  color: #FFF;
  text-align: center;
}

#SfDetailWrap div#SesBody #SesAbout div.session-cts ul.kadai-list {
  padding-left: 0;
}

#SfDetailWrap div#SesBody #SesAbout div.session-cts ul.kadai-list li {
  color: var(--color-green);
  font-weight: bold;
  font-size: 16px;
}

#SfDetailWrap div#SesBody #SesAbout .session_company {
  text-align: right;
}

#SfDetailWrap div#SesBody #SesAbout div.teacher-wrap {
  margin-top: 2em;
  padding: 0 0.5em;
}

#SfDetailWrap div#SesBody #SesAbout div.teacher-wrap div.teacher-head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#SfDetailWrap div#SesBody #SesAbout div.teacher-wrap div.teacher-head div.pict {
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}

@media print, screen and (min-width: 769px) {
  #SfDetailWrap div#SesBody #SesAbout div.teacher-wrap div.teacher-head div.pict {
    max-width: 96px;
  }
}
@media only screen and (max-width: 768px) {
  #SfDetailWrap div#SesBody #SesAbout div.teacher-wrap div.teacher-head div.pict {
    width: 15%;
  }
}
#SfDetailWrap div#SesBody #SesAbout div.teacher-wrap div.teacher-head div.pict img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#SfDetailWrap div#SesBody #SesAbout div.teacher-wrap div.teacher-head div.prof {
  padding-left: 1em;
}

@media only screen and (max-width: 768px) {
  #SfDetailWrap div#SesBody #SesAbout div.teacher-wrap div.teacher-head div.prof {
    width: 85%;
  }
}
#SfDetailWrap div#SesBody #SesAbout div.teacher-wrap div.teacher-head div.prof h3 {
  margin: 0;
  color: #111111;
  font-size: 14px;
  font-weight: bold;
}

#SfDetailWrap div#SesBody #SesAbout div.teacher-wrap div.teacher-info {
  margin-top: 1em;
}

#SfDetailWrap div#SesBody #SesAbout div.teacher-wrap div.teacher-info p {
  font-size: 14px;
}

@media only screen and (max-width: 768px) {
  #SfDetailWrap div#SesBody #SesAbout div.teacher-wrap div.teacher-info p {
    font-size: 0.75em;
  }
}
#SfDetailWrap div#SesBody #SesComment {
  margin: 2rem 0;
  display: grid;
  grid-template-columns: 20% 1fr;
  gap: 9px;
}

@media print, screen and (min-width: 769px) {
  #SfDetailWrap div#SesBody #SesComment {
    grid-template-columns: 120px 1fr;
    gap: 18px;
  }
}
#SfDetailWrap div#SesBody #SesComment div#randomIcon img {
  width: 100%;
  height: auto;
}

#SfDetailWrap div#SesBody #SesComment div.comment {
  padding: 1rem;
  border-radius: 8px;
  background: #fffaeb;
  position: relative;
}

@media print, screen and (min-width: 769px) {
  #SfDetailWrap div#SesBody #SesComment div.comment {
    padding: 2rem;
  }
}
#SfDetailWrap div#SesBody #SesComment div.comment:before {
  content: "";
  position: absolute;
  top: 20px;
  left: -35px;
  border: 18px solid transparent;
  border-right: 18px solid #fffaeb;
}

#SfDetailWrap div#SesBody #SesComment div.comment h3 {
  color: #0aa064;
  text-align: left;
  line-height: 160%;
}

@media print, screen and (min-width: 769px) {
  #SfDetailWrap div#SesBody #SesComment div.comment h3 br {
    display: none;
  }
}
#SfDetailWrap div#SesBody #SesTokuten h3 {
  margin-block: 20px 0.5em;
  font-weight: bold;
  font-size: 1.2rem;
  color: var(--color-green);
}

#SfDetailWrap div#SesBody #SesTokuten h3 + p {
  margin-top: 0;
}

#SfDetailWrap div.preview-message {
  padding: 1rem;
  background: #fdf4f4;
  text-align: center;
  color: red;
}

#SfDetailWrap .card-seminar {
  margin-bottom: 2rem;
}

#SfDetailWrap .card-seminar:has(.card-header input[type=checkbox]:checked) {
  box-shadow: none;
}

#SfDetailWrap .copy-url-button {
  --message-bg-c: oklch(37.2% 0.044 257.287);
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 0.25em;
  appearance: none;
  margin: 0 0 1.5em auto;
  font-size: 0.8571428rem;
  line-height: 156%;
  font-weight: 600;
  color: #263357;
  background-color: transparent;
}

#SfDetailWrap .copy-url-button span {
  font-size: inherit;
  border-bottom: 1px solid currentColor;
  transition: border 0.25s ease;
}

#SfDetailWrap .copy-url-button:hover span {
  border-bottom-color: transparent;
}

#SfDetailWrap .copy-url-button.is-copied:before {
  content: attr(aria-label);
  position: absolute;
  right: 0;
  top: calc(-100% - 1em);
  min-width: 11em;
  padding: 0.25em 1em;
  white-space: nowrap;
  color: oklch(96.8% 0.007 247.896deg);
  background-color: var(--message-bg-c);
  border-radius: 0.25em;
  animation: fade-in 0.5s ease-in;
}

#SfDetailWrap .copy-url-button.is-error {
  --message-bg-c: oklch(58.6% 0.253 17.585);
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.user-action {
  --card-header-bg: #F1F1F1;
  --card-special: #D5323C;
  --card-yellow: #FFDF2E;
  --card-orange: #FFA830;
  --card-orange-light: #FFF2E0;
  --card-red: #D5323C;
  --card-red-light: #F4E6E7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem 0;
  min-height: 5.7142857143rem;
  margin-bottom: 1.4285714286rem;
  padding: 1.2857142857rem 1.4285714286rem 1.2142857143rem 1.7142857143rem;
  background-color: var(--card-header-bg);
  border-radius: 1.7857142857rem 1.7857142857rem 0 0;
}

.user-action.applied {
  --card-status-color: var(--card-orange);
  --card-header-bg: var(--card-orange-light);
}

.user-action:has(.card-header input[type=checkbox]:checked) {
  --card-header-bg: var(--card-yellow);
  box-shadow: 0 0 0 2px var(--card-header-bg) inset, 0 4px 11.6px 0 rgba(0, 0, 0, 0.25);
}

.user-action.disabled {
  --card-header-bg: var(--card-red-light);
  --card-status-color: var(--card-red);
}

.user-action.disabled .card-body,
.user-action.disabled .card-footer {
  opacity: 0.45;
  pointer-events: none;
}

.user-action.kyougou {
  --card-header-bg: var(--card-red-light);
  --card-status-color: var(--card-red);
  --card-label-font-size: 1rem;
}

.user-action.closed {
  opacity: 0.75;
  pointer-events: none;
}

.user-action-label {
  display: flex;
  align-items: center;
  gap: 0 0.8571428571rem;
  margin: 0;
  font-size: var(--card-label-font-size, 1.5714285714rem);
  font-weight: bold;
  color: var(--card-status-color, var(--color-green));
}

.user-action-label input[type=checkbox] {
  appearance: none;
  width: 2.8571428571rem;
  height: 2.8571428571rem;
  margin: 0;
  border: solid 2px var(--color-green);
  border-radius: 4px;
}

.user-action-label input[type=checkbox]:checked {
  display: grid;
  align-content: center;
  justify-content: center;
  background-image: none;
  background-color: var(--color-green);
}

.user-action-label input[type=checkbox]:checked::before {
  content: "";
  display: block;
  color: var(--color-white);
  width: 1.4285714286rem;
  height: 1.1428571429rem;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.11429e-05 6.88985C1.11627e-05 6.43753 0.173152 5.98521 0.516229 5.64195C1.20559 4.95224 2.32139 4.95224 3.01075 5.64195L7.49961 10.1331L16.926 0.517301C17.6153 -0.172409 18.7311 -0.172409 19.4205 0.517301C20.1098 1.20701 20.1098 2.32338 19.4205 3.01309L7.49961 15.1247L0.516229 8.13774C0.173152 7.79449 1.11232e-05 7.34217 1.11429e-05 6.88985Z" fill="black"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
}

.user-action-label input[type=checkbox]:disabled {
  background-color: #FFF;
  border-color: #CCC;
}

.user-action-label span {
  font-size: inherit;
}

.user-action .special {
  margin-left: 0.5em;
  display: inline-block;
  position: relative;
  height: 24px; /*高さ*/
  padding: 0 18px; /*文字の2左右の余白*/
  line-height: 24px; /*高さ*/
  text-align: center;
  font-size: 13px; /*文字サイズ*/
  color: var(--color-white); /*文字色*/
  background-color: var(--card-special);
  box-sizing: border-box;
  clip-path: polygon(0 0, 100% 0, calc(100% - 5px) 50%, 100% 100%, 0 100%, 5px 50%);
}

.user-action-label:not(:has(input)) {
  position: relative;
}

.user-action-label:not(:has(input))::before, .user-action-label:not(:has(input))::after {
  content: "";
  flex: none;
}

.user-action-label:not(:has(input))::before {
  width: 2.8571428571rem;
  height: 2.8571428571rem;
  border-radius: 50%;
  border: 3px solid var(--card-status-color);
}

.user-action-label:not(:has(input))::after {
  position: absolute;
  left: calc((2.8571428571rem - var(--icon-width, 1.4285714286rem)) / 2);
  background-color: var(--card-status-color);
}

.user-action.applied .user-action-label::after {
  --icon-width: 1.4285714286rem;
  width: 1.4285714286rem;
  height: 1.1428571429rem;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.11429e-05 6.88985C1.11627e-05 6.43753 0.173152 5.98521 0.516229 5.64195C1.20559 4.95224 2.32139 4.95224 3.01075 5.64195L7.49961 10.1331L16.926 0.517301C17.6153 -0.172409 18.7311 -0.172409 19.4205 0.517301C20.1098 1.20701 20.1098 2.32338 19.4205 3.01309L7.49961 15.1247L0.516229 8.13774C0.173152 7.79449 1.11232e-05 7.34217 1.11429e-05 6.88985Z" fill="black"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
}

.user-action.disabled .user-action-label::after {
  --icon-width: 1.1428571429rem;
  width: 1.1428571429rem;
  height: 1.1428571429rem;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.1171 0C14.5996 2.36587e-05 15.0821 0.184864 15.4482 0.550781C16.1838 1.28609 16.1839 2.47664 15.4482 3.21191L10.6611 7.99414L10.667 8L10.6621 8.00391L15.4482 12.7871C16.1839 13.5224 16.1838 14.7129 15.4482 15.4482C14.7125 16.1835 13.5218 16.1835 12.7861 15.4482L7.99996 10.665L3.21383 15.4492C2.84772 15.815 2.36516 16 1.88277 16C1.40039 15.9999 0.917778 15.8151 0.551716 15.4492C-0.183878 14.7139 -0.183932 13.5234 0.551716 12.7881L5.33785 8.00391L5.33297 7.99902L5.33687 7.99414L0.551716 3.21191C-0.183548 2.47666 -0.183628 1.28696 0.551716 0.551758C1.28738 -0.183531 2.47815 -0.183506 3.21383 0.551758L7.99898 5.33398L12.7861 0.550781C13.1522 0.184852 13.6347 -4.21779e-08 14.1171 0Z" fill="black"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
}

.user-action.kyougou .user-action-label::after {
  --icon-width: 2.1428571429rem;
  width: 2.1428571429rem;
  height: 2.1428571429rem;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="1.06066" y1="1.06043" x2="28.0607" y2="28.0604" stroke="black" stroke-width="3"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
}

/**********************************************/
/* ENQ */
/**********************************************/
div#sf-enq-wrap #sf-enq-head {
  margin-bottom: 1em;
  padding: 1em;
  background: #474747;
  color: #FFF;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}

div#sf-enq-wrap div#sf-enq-body {
  margin: 0 auto;
  padding: 1em;
  max-width: 1200px;
}

@media print, screen and (min-width: 769px) {
  div#sf-enq-wrap div#sf-enq-body {
    padding: 2em;
  }
}
div#sf-enq-wrap div#sf-enq-body div#enq-ttl {
  margin-bottom: 2em;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-weight: bold;
}

div#sf-enq-wrap div#sf-enq-body div#enq-ttl div.enq-date {
  margin-bottom: 1em;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

div#sf-enq-wrap div#sf-enq-body div#enq-ttl div.enq-date a.uk-button {
  padding: 0 1em;
  background: var(--color-green);
  font-size: 0.9rem;
  color: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

div#sf-enq-wrap div#sf-enq-body div#enq-ttl div.enq-date a.uk-button:hover {
  opacity: 0.65;
}

div#sf-enq-wrap div#sf-enq-body div#enq-ttl div.ses-num {
  margin-right: 12px;
  background: var(--color-green);
  color: #FFF;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  min-width: 40px;
}

div#sf-enq-wrap div#sf-enq-body div#enq-ttl div.text {
  flex: 1;
  min-width: 0;
  flex-basis: 1px;
}

div#sf-enq-wrap div#sf-enq-body div#enq-ttl div.text h1 {
  margin: 0;
  padding: 0;
  font-size: 2rem;
  font-weight: bold;
  line-height: 120%;
}

@media only screen and (max-width: 768px) {
  div#sf-enq-wrap div#sf-enq-body div#enq-ttl div.text h1 {
    font-size: 1.2rem;
  }
}
div#sf-enq-wrap div#sf-enq-body div#enq-ttl div.text h1 strong {
  margin-top: 6px;
  display: block;
  font-size: 14px;
  font-weight: bolder;
  color: #5A5A5A;
  line-height: 120%;
}

div#sf-enq-wrap div#sf-enq-body div#enq-ttl div.text p.company {
  margin: 1em 0 0;
  text-align: right;
  font-size: 0.75rem;
}

div#sf-enq-wrap div#sf-enq-body div#enq-lead h3 {
  margin-bottom: 1em;
  padding: 8px;
  font-weight: bold;
  font-size: 1.2rem;
  background: var(--color-green);
  color: #FFF;
  text-align: center;
}

div#sf-enq-wrap div#sf-enq-body div.enq-area {
  margin-bottom: 4em;
}

div#sf-enq-wrap div#sf-enq-body div.enq-area > h4 {
  margin: 0 0 0.5em;
  font-size: 24px;
  color: var(--color-green);
  line-height: 160%;
  text-align: center;
}

div#sf-enq-wrap div#sf-enq-body div.enq-area > h4 strong {
  font-size: 15px;
}

div#sf-enq-wrap div#sf-enq-body div.enq-area > h4 i {
  margin-right: 8px;
}

div#sf-enq-wrap div#sf-enq-body #SesAbout {
  /* 講師紹介 */
}

div#sf-enq-wrap div#sf-enq-body #SesAbout .session_company {
  text-align: right;
}

div#sf-enq-wrap div#sf-enq-body #SesAbout .session-kadai li {
  color: var(--color-green);
  font-weight: bold;
}

div#sf-enq-wrap div#sf-enq-body #SesAbout .session-kousi {
  padding: 1em 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

@media print, screen and (min-width: 769px) {
  div#sf-enq-wrap div#sf-enq-body #SesAbout .session-kousi div.img {
    min-width: 180px;
    margin-right: 2em;
  }
  div#sf-enq-wrap div#sf-enq-body #SesAbout .session-kousi div.text div.text h3 {
    margin-bottom: 0.5em;
    font-weight: bold;
    color: #333;
    font-size: 15px;
  }
  div#sf-enq-wrap div#sf-enq-body #SesAbout .session-kousi div.text div.text p {
    font-size: 13px;
  }
}
div#sf-enq-wrap div#sf-enq-foot {
  margin: 4em 0 2em;
  padding-top: 2em;
  text-align: center;
  border-top: solid 1px #CCC;
}

div#sf-enq-wrap div.sf-bottom-btnarea {
  margin-top: 3em;
  text-align: center;
}

div#sf-enq-wrap div.sf-bottom-btnarea a {
  margin: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  background: #e1e1e1;
  color: #111;
}

.uk-lightbox-iframe {
  max-width: 960px;
}

@media only screen and (max-width: 768px) {
  .uk-lightbox-iframe {
    width: 90%;
  }
}
div.enq-tokuten-notice {
  margin: 0;
  font-size: 14px;
  padding: 1em;
  border: solid 1px #CCC;
  text-align: center;
}

div.uk-tooltip {
  padding: 12px;
  width: 38em;
  font-size: 11px;
  background: #FFF;
  color: #333;
  box-shadow: 0 0 4px #CCC;
  border-radius: 8px;
}

div.uk-tooltip h3 {
  font-size: 13px;
  margin: 0;
}

/**********************************************/
/* MOVIE */
/**********************************************/
div#movie-wrap {
  margin-bottom: 3em;
  padding-top: 2em;
}

div#movie-wrap > .uk-alert {
  position: static;
  background: #ffffdf;
  color: red;
  font-weight: bold;
  font-size: 1.2rem;
}

div#movie-wrap h3:not(.ttl) {
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1.2rem;
  background: var(--color-green);
  color: #FFF;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
}

div#movie-wrap div.movie-area {
  margin-bottom: 2rem;
}

@media print, screen and (min-width: 769px) {
  div#movie-wrap div.movie-area {
    display: flex;
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  div#movie-wrap div.movie-area div.movie-cts {
    width: 100%;
    flex: 3;
    aspect-ratio: 16/9;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 768px) {
  div#movie-wrap div.movie-area div.movie-cts {
    margin-bottom: 1em;
  }
  div#movie-wrap div.movie-area div.movie-cts iframe {
    width: 100%;
  }
}
div#movie-wrap div.movie-area button#expandButton {
  background: #FFFFFF;
  padding: 8px;
  display: none;
}

div#movie-wrap div.movie-area button#expandButton i {
  font-size: 18px;
}

@media print, screen and (min-width: 769px) {
  div#movie-wrap div.movie-area button#expandButton {
    display: block;
  }
}
@media print, screen and (min-width: 769px) {
  div#movie-wrap div.movie-area div.movie-side {
    flex: 1;
    display: grid;
    grid-template-rows: 1fr 64px;
  }
  div#movie-wrap div.movie-area div.movie-side.expanded {
    flex: 2; /* ボタンを押すと50%に拡大 */
  }
}
div#movie-wrap div.movie-area div.movie-side div.btns {
  margin-top: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  min-height: 36px;
}

div#movie-wrap div.movie-area div.movie-side div.btns .btn-dl {
  background: var(--color-green);
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 42px;
  color: #FFF;
  min-width: 120px;
}

div#movie-wrap .movie-enq-btn-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}

div#movie-wrap .movie-enq-btn-wrap a.movie-enq-btn {
  background: rgb(253, 107, 2);
  color: #FFF;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  height: 48px;
  border-radius: 8px;
}

div#movie-wrap .movie-enq-btn-wrap a.movie-enq-btn:hover {
  opacity: 0.75;
}

div#movie-wrap div.movie-dl-area {
  padding: 2em 0;
}

div#movie-wrap div.movie-dl-area div.dl-area {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

@media print, screen and (min-width: 769px) {
  div#movie-wrap div.movie-dl-area div.dl-area {
    grid-template-columns: repeat(4, 1fr);
  }
}
div#movie-wrap div.movie-dl-area div.dl-area .fas {
  color: var(--color-green);
}

div#movie-wrap div.movie-dl-area div.dl-area div.uk-card a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

div#movie-wrap div.movie-dl-area div.dl-area div.uk-card a div.text {
  margin-left: 1em;
  font-size: 13px;
}

div#movie-wrap div.movie-dl-area div.download-footer {
  margin: 1rem 0;
  padding: 1em;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

@media print, screen and (min-width: 769px) {
  div#movie-wrap div.movie-dl-area div.download-footer {
    padding: 2em 1em;
    gap: 8px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
  }
  div#movie-wrap div.movie-dl-area div.download-footer strong {
    margin-left: 1em;
  }
}
div#movie-wrap div.movie-foot {
  background-color: #FFF;
}

div#movie-wrap div.movie-foot ul {
  margin: 0;
  padding: 0 !important;
}

div#movie-wrap div.movie-foot div.btnarea {
  margin-top: 3em;
  text-align: center;
}

div#movie-wrap div.movie-foot div.btnarea a {
  margin: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  max-width: -webkit-fill-available;
}

div#movie-wrap div.movie-bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 3;
}

@media print, screen and (min-width: 769px) {
  div#movie-wrap div.movie-bottom-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1em;
  }
}
div#movie-wrap div.movie-bottom-nav div.movie-head {
  background: transparent;
}

@media print, screen and (min-width: 769px) {
  div#movie-wrap div.movie-bottom-nav div.movie-head {
    padding: 1.2em;
  }
}
div#movie-wrap div.movie-bottom-nav div.movie-head div.ttl-wrap {
  margin: 0 auto;
}

@media print, screen and (min-width: 769px) {
  div#movie-wrap div.movie-bottom-nav div.movie-head div.ttl-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
div#movie-wrap div.movie-bottom-nav div.movie-head div.ttl-wrap div.num {
  margin-bottom: 1em;
  background: var(--color-green);
  color: #FFF;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  margin-top: 1em;
}

@media print, screen and (min-width: 769px) {
  div#movie-wrap div.movie-bottom-nav div.movie-head div.ttl-wrap div.num {
    margin-bottom: 0;
    margin-right: 1em;
    width: 58px;
    height: 58px;
    line-height: 58px;
    min-width: 58px;
    font-size: 18px;
  }
}
div#movie-wrap div.movie-bottom-nav div.movie-head div.ttl-wrap h1 {
  margin: 0 0 0.5em;
  font-size: 1.4em;
  line-height: 140%;
  color: #FFF;
}

div#movie-wrap div.movie-bottom-nav div.movie-head div.ttl-wrap h2 {
  margin: 0;
  font-size: 1em;
  color: #FFF;
}

div#movie-wrap div.movie-bottom-nav div.movie-nav {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media print, screen and (min-width: 769px) {
  div#movie-wrap div.movie-bottom-nav div.movie-nav {
    justify-content: flex-end;
  }
}
div#movie-wrap div.movie-bottom-nav div.movie-nav ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

@media print, screen and (min-width: 769px) {
  div#movie-wrap div.movie-bottom-nav div.movie-nav ul {
    gap: 8px;
  }
}
div#movie-wrap div.movie-bottom-nav div.movie-nav ul li {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

div#movie-wrap div.movie-bottom-nav div.movie-nav ul li a {
  padding: 0 1em;
  color: #FFF;
  font-size: 11px;
}

@media print, screen and (min-width: 769px) {
  div#movie-wrap div.movie-bottom-nav div.movie-nav ul li a {
    font-size: 14px;
  }
}
div#movie-wrap div.movie-bottom-nav div.movie-nav ul li a i {
  margin-left: 4px;
  height: 12px;
  color: #fd8d1c;
}

div#movie-wrap div.movie-bottom-nav div.movie-nav ul li a:hover {
  opacity: 0.75;
}

div#movie-wrap div.movie-bottom-nav div.movie-nav ul li:after {
  margin-left: 2px;
  height: 14px;
  content: "";
  border-right: solid 1px #CCC;
}

div#movie-wrap div.movie-bottom-nav div.movie-nav ul li:last-child:after {
  display: none;
}

div#movie-wrap div.movie-bottom-nav div.movie-nav .balloon {
  display: none;
}

div#movie-wrap div.movie-bottom-nav div.movie-nav .balloon:before {
  display: none;
}

@media print, screen and (min-width: 769px) {
  div#movie-wrap div.movie-bottom-nav div.movie-nav .balloon {
    position: absolute;
    top: -100px;
    left: 0px;
    display: inline-block;
    margin: 1.5em 0;
    padding: 1em;
    width: 120px;
    min-height: 50px;
    background: rgb(253, 107, 2);
    box-sizing: border-box;
    border-radius: 8px;
  }
  div#movie-wrap div.movie-bottom-nav div.movie-nav .balloon p {
    margin: 0;
    white-space: normal;
    line-height: 140%;
    font-size: 11px;
    color: #FFF;
    text-align: left;
  }
  div#movie-wrap div.movie-bottom-nav div.movie-nav .balloon:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid rgb(253, 107, 2);
    z-index: 0;
  }
}
/**********************************************/
/* LIGHTBOX
/**********************************************/
div#movie-qa h2 {
  font-size: 1.4rem;
  text-align: center;
}

div#movie-qa ul.uk-list-divider li {
  padding-bottom: 1.5em;
}

div#movie-qa ul.uk-list-divider li h3 {
  font-size: 1.15rem;
  color: var(--color-green);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

div#movie-qa ul.uk-list-divider li h3 span {
  margin-right: 0.5em;
}

div#movie-qa ul.uk-list-divider li ul.uk-list-disc li {
  padding: 0;
  margin-bottom: 1em;
}

.uk-lightbox {
  background: rgba(0, 0, 0, 0.85);
}

.uk-lightbox-iframe {
  width: 780px;
}

div#movie-info h2 {
  font-size: 1.2rem;
  text-align: center;
}

div#movie-info ul.uk-list-divider {
  padding: 0;
}

div#movie-info ul.uk-list-divider > li {
  padding: 1.5em 0;
}

div#movie-info ul.uk-list-divider > li div.info-wrap div.info-head {
  margin-bottom: 0.3em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

div#movie-info ul.uk-list-divider > li div.info-wrap div.info-head div.title {
  font-size: 1.15rem;
  font-weight: bold;
  color: var(--color-green);
}

div#movie-info ul.uk-list-divider > li div.info-wrap div.info-body {
  font-size: 12px;
  line-height: 150%;
}

div#movie-info ul.uk-list-divider > li i {
  margin-right: 4px;
  height: 12px;
  color: #fd8d1c;
}

div#modal-enq {
  top: unset;
  height: 50vh;
  padding: 0;
  outline: none !important;
  background: #FFF;
  border-radius: 18px 18px 0 0;
  box-shadow: -4px 0 12px #626262;
  overflow: hidden;
  opacity: 0.75;
  transform: translateY(500px);
  transition: 0.3s linear;
  transition-property: opacity, transform;
}

div#modal-enq.uk-open {
  opacity: 1;
  transform: translateY(0px);
}

div#modal-enq div.uk-modal-dialog {
  padding: 42px 12px 12px;
  width: 100% !important;
  position: relative;
  height: 100%;
}

div#modal-enq div.uk-modal-dialog button.uk-close {
  top: 18px;
  right: 18px;
  color: #000;
  position: fixed;
}

div#modal-enq div.uk-modal-dialog button.uk-close:hover {
  opacity: 0.5;
}

div#modal-enq div.uk-modal-dialog div.enq-wrap {
  margin: 0 auto;
  width: 100% !important;
  overflow: hidden;
  overflow-y: auto;
  height: 100%;
}

div#modal-enq div.uk-modal-dialog div.enq-wrap::-webkit-scrollbar {
  width: 10px;
}

div#modal-enq div.uk-modal-dialog div.enq-wrap::-webkit-scrollbar-track {
  background-color: #e4f1ea;
}

div#modal-enq div.uk-modal-dialog div.enq-wrap::-webkit-scrollbar-thumb {
  background-color: var(--color-green);
}

div#modal-enq div.uk-modal-dialog div.enq-wrap div.uk-modal-header {
  margin-bottom: 18px;
  padding: 0 0 18px;
}

div#modal-enq div.uk-modal-dialog div.enq-wrap div.uk-modal-header h2.uk-modal-title {
  font-size: 14px;
  text-align: center;
}

div#modal-enq div.uk-modal-dialog div.enq-wrap div.uk-modal-body {
  margin: 0 auto;
  padding: 12px;
  max-width: 960px;
}

div#modal-enq div.uk-modal-dialog div.enq-wrap .CmnBtnClr {
  color: #FFF;
}

/**********************************************/
/* 新卒フォーラム2026　共通要素 */
/**********************************************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.uk-lightbox {
  background: rgba(0, 0, 0, 0.7);
}
.uk-lightbox .uk-lightbox-toolbar {
  max-width: 75.7142857143rem;
  margin-inline: auto;
  background-color: transparent;
}
.uk-lightbox .uk-lightbox-items li {
  top: 50px;
  bottom: 5%;
}
.uk-lightbox .uk-lightbox-iframe {
  max-width: 70rem;
  height: 100% !important;
}

@media print, screen and (min-width: 769px) {
  html:has(#Head:not(.shinsotsu-header)) {
    scroll-padding-top: 106px;
  }
}
html:has(#Head:not(.shinsotsu-header)) body {
  scroll-padding-top: 106px;
}

body:has(#Head:not(.shinsotsu-header)) header#global-header #header-bottom {
  transition: opacity 0.25s ease;
}
body:has(#Head:not(.shinsotsu-header)) header#global-header #header-bottom.uk-sticky-fixed {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

body:has(#global-header) {
  --page-padding-top: 2.8571428571rem;
}

#ShinsotsuWrap {
  margin: 0 auto 1em;
  color: var(--color-black);
}
@media only screen and (max-width: 768px) {
  #ShinsotsuWrap {
    padding-top: var(--page-padding-top, 0);
  }
}
#ShinsotsuWrap h2.SfH2 {
  font-size: 3rem;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
}
#ShinsotsuWrap h2.SfH2 span {
  margin-top: 0.5em;
  display: block;
  font-size: 2rem;
}
#ShinsotsuWrap h2.SfH2 span span {
  display: inline-block;
  font-size: 1rem;
}

/**********************************************/
/* LIGHTBOX
/**********************************************/
.uk-lightbox {
  background: rgba(0, 0, 0, 0.85);
}

.uk-lightbox-iframe {
  width: 780px;
}