@charset "UTF-8";
/*   DEFAULT */
html {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 14px;
  line-height: 140%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background: #fff;
  color: #666;
}

/* RESET
----------------------------------------------------------------------------------------------------*/
* {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  box-sizing: border-box;
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Sans JP", sans-serif;
}

a, abbr, acronym, address, applet, article, aside, audio,
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed,
fieldset, figcaption, figure, form, footer,
header, hgroup, h3, h4, h5, h6, html,
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby,
tt, table, tbody, tfoot, thead, time, tr, th, td,
u, ul, var, video {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 140%;
  font-weight: 400;
}

/* 　ULKIT　RESET
----------------------------------------------------------------------------------------------------*/
.uk-input, .uk-select, .uk-textarea {
  font-size: 16px;
}

table {
  border-collapse: collapse;
}

.uk-table th {
  vertical-align: super;
}

.uk-button {
  white-space: nowrap;
}

.uk-button-large {
  min-width: 240px;
  font-size: 1.25rem;
  padding: 0 10px;
}

.uk-text-meta {
  font-size: 0.875rem;
  line-height: 1.4;
  color: #333 !important;
}

@media screen and (max-width: 640px) {
  .pc {
    display: none;
  }
}
/*  COMPONENT */
/***********************************************************************************************************************************
　2015用の新しいヘッダー
-------------------------------------------------------------------------------
	1.デフォルト設定
	2.ヘッダー上部
	3.ヘッダー中段
	4.ヘッダー グランドナビゲーション
	5.ヘッダー サブナビゲーション

----------------------------------------------------------------------------------------------------------------------------------------*/
/*********************************************************************************
	HEADDER
--------------------------------------------------------------------------------*/
header#SmtCmn {
  width: 100%;
  background-color: #263357;
}
header#SmtCmn #HeadWrap {
  padding: 8px 4px;
  width: 100%;
}
@media print, screen and (min-width: 959px) {
  header#SmtCmn #HeadWrap {
    position: relative;
    padding: 0 12px;
  }
}
header#SmtCmn #HeadWrap .nav-wrap {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 1rem;
}
header#SmtCmn #HeadWrap .nav-wrap .nav-logo {
  margin: 0;
  font-size: 0;
  line-height: 100%;
  width: 100px;
}
header#SmtCmn #HeadWrap .nav-wrap .nav-logo a {
  display: block;
}
@media print, screen and (min-width: 959px) {
  header#SmtCmn #HeadWrap .nav-wrap .nav-logo {
    width: 180px;
  }
}
header#SmtCmn #HeadWrap .nav-wrap div#spNav ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media print, screen and (min-width: 959px) {
  header#SmtCmn #HeadWrap .nav-wrap div#spNav ul {
    display: none;
  }
}
header#SmtCmn #HeadWrap .nav-wrap div#spNav ul li {
  list-style: none;
}
header#SmtCmn #HeadWrap .nav-wrap div#spNav ul a {
  padding: 6px;
  color: #FFF;
  min-width: 44px;
}
@media only screen and (max-width: 958px) {
  header#SmtCmn #HeadWrap .nav-wrap div#pcNav {
    display: none;
  }
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav {
  display: flex;
  align-items: start;
  gap: 0 4px;
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav ul {
  margin: 0;
  padding: 0;
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav ul:last-of-type {
  display: flex;
  gap: 0 4px;
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav ul:last-of-type a {
  display: grid;
  align-items: center;
  padding: 0.765em 1.38em;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  white-space: nowrap;
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav ul:last-of-type a:hover {
  color: #FFF;
  background: #253254;
  text-decoration: none;
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav ul:first-of-type {
  display: grid;
  grid-template-columns: repeat(2, minmax(max-content, 223px));
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav ul:first-of-type:not(:has(.mypage)) li:first-of-type {
  grid-column: 2;
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav ul:first-of-type:not(:has(.mypage)) li:first-of-type .timetable {
  border-radius: 6px 6px 0 0;
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav .timetable,
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav .mypage {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-height: 62px;
  color: #253254;
  font-weight: 700;
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav .timetable span:first-of-type,
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav .mypage span:first-of-type {
  padding: 0 0 2px;
  font-size: 15px;
  border-bottom: 1px solid #263357;
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav .timetable small,
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav .mypage small {
  font-size: 0.8em;
  font-feature-settings: "halt" on;
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav .timetable span:last-of-type,
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav .mypage span:last-of-type {
  padding: 4px 0 6px;
  font-size: 10px;
  line-height: 1.3;
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav .timetable span:last-of-type:after,
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav .mypage span:last-of-type:after {
  content: "";
  display: inline-block;
  margin-left: 5px;
  width: 6.35px;
  height: 6.35px;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.325 6.326"%3E%3Cpath d="M1.6,0a.6.6,0,0,0,0,1.2H4.276L.176,5.3a.6.6,0,1,0,.848.849l4.1-4.1V4.726a.6.6,0,1,0,1.2,0V0Z" transform="translate(0)" /%3E%3C/svg%3E');
  mask-repeat: no-repeat;
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav .timetable {
  background-color: #FFD800;
  border-radius: 6px 0 0 0;
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#main-Nav .mypage {
  background-color: #FFA830;
  border-radius: 0 6px 0 0;
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#sub-nav {
  padding: 1.6rem 0 1.4rem;
}
@media only screen and (max-width: 958px) {
  header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#sub-nav {
    display: none;
  }
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#sub-nav ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#sub-nav li {
  margin-left: 1.5em;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#sub-nav li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#sub-nav li a i {
  margin-right: 8px;
  font-size: 20px;
  color: #FFF;
}
header#SmtCmn #HeadWrap .nav-wrap div#pcNav div#sub-nav li a:hover {
  text-decoration: none;
  opacity: 0.3;
}
@media only screen and (max-width: 958px) {
  header#SmtCmn {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200;
  }
}

/***********************************************************************************************************************************
　2015用の新しいヘッダー
-------------------------------------------------------------------------------
	1.デフォルト設定
	2.ヘッダー上部
	3.ヘッダー中段
	4.ヘッダー グランドナビゲーション
	5.ヘッダー サブナビゲーション

----------------------------------------------------------------------------------------------------------------------------------------*/
/*********************************************************************************
	FOOTER
--------------------------------------------------------------------------------*/
#FootMedia {
  padding: 1em 6px;
  text-align: center;
  background: #FFF;
}
#FootMedia strong {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 1.77em;
  margin: 0 auto 1.5em;
  white-space: nowrap;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.142857rem;
  font-weight: 700;
  text-align: center;
}
#FootMedia strong:before, #FootMedia strong:after {
  content: "";
  display: block;
  width: min(80%, 261px);
  height: 1px;
  background-color: #707070;
}
@media (min-width: 768px) {
  #FootMedia strong {
    font-size: 1.571428rem;
  }
}
#FootMedia div.foot-special-banner {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 958px) {
  #FootMedia div.foot-special-banner {
    display: block;
  }
}
#FootMedia div.foot-special-banner div {
  margin: 0 5px;
  max-width: 33%;
}
@media only screen and (max-width: 958px) {
  #FootMedia div.foot-special-banner div {
    margin: 0 0 1em;
    max-width: 100%;
  }
}
#FootMedia div.foot-special-banner div a:hover {
  opacity: 0.5;
}
#FootMedia div.foot-media-partner {
  display: flex;
  justify-content: space-evenly;
}
#FootMedia div.foot-media-partner div {
  width: 14%;
  text-align: center;
}

footer {
  padding: 0 0 80px;
  text-align: center;
  clear: both;
}
footer p.copy {
  text-align: center;
}
footer div#FootLink {
  margin-bottom: 50px;
}
footer div#FootLink h3 {
  margin: 0;
  text-align: center;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
  font-size: 1em;
}
footer div#FootLink p.thum {
  margin-bottom: 10px;
}
footer div#FootLink p.thum img {
  width: 100%;
  height: auto;
  max-width: 228px;
}

/*********************************************************************************
	コンテンツWRAP
--------------------------------------------------------------------------------*/
#SmtCtsWrap {
  padding: 0;
}
@media only screen and (max-width: 958px) {
  #SmtCtsWrap {
    padding-top: 48px;
  }
}
#SmtCtsWrap * {
  text-transform: none;
}
#SmtCtsWrap .CmnCtsHead {
  position: relative;
  padding: 18px 0;
  color: #263357;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  background: url("/hrsummit/2025/images/cmn/header/bg_header.webp") center/cover no-repeat;
  border-image-source: linear-gradient(rgba(0, 174, 255, 0.05), rgba(0, 174, 255, 0.05));
  border-image-slice: fill 1;
}
@media only screen and (max-width: 958px) {
  #SmtCtsWrap .CmnCtsHead {
    min-height: 60px;
  }
}
#SmtCtsWrap .CmnCtsHead h1 {
  margin: 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  width: 100%;
  color: #263357;
}
@media (min-width: 768px) {
  #SmtCtsWrap .CmnCtsHead h1 {
    font-size: 2.15rem;
  }
}
#SmtCtsWrap .CmnCtsHead div.mypagePoint {
  margin: 6px 0 0;
  color: #FFF;
  text-align: center;
}
#SmtCtsWrap .CmnCtsHead p {
  margin: 6px 0 0;
  color: #FFF;
  text-align: center;
}
#SmtCtsWrap #CmnSmtHeadSub {
  padding: 20px 0;
  border-bottom: solid 1px #CCC;
}
@media only screen and (max-width: 958px) {
  #SmtCtsWrap #CmnSmtHeadSub {
    padding: 10px 0;
    top: 50px !important;
  }
}
#SmtCtsWrap #CmnSmtHeadSub h2 {
  width: 60px;
  text-align: right;
}
#SmtCtsWrap .error-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 50vh;
}
#SmtCtsWrap .error-wrap .fa {
  font-size: 3rem;
  color: oklch(55.4% 0.046 257.417deg);
}
#SmtCtsWrap .error-wrap .error-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5em;
  width: 90%;
  padding: 2em;
  font-size: 1rem;
  border-radius: 1em;
  background-color: oklch(92.9% 0.013 255.508deg);
}
#SmtCtsWrap .error-wrap .error-message p {
  margin: 0;
  color: oklch(37.2% 0.044 257.287deg);
  line-height: 180%;
}
@media print, screen and (min-width: 959px) {
  #SmtCtsWrap .error-wrap {
    height: 60vh;
  }
  #SmtCtsWrap .error-wrap .error-message {
    flex-direction: row;
    width: fit-content;
  }
}

/*********************************************************************************
	BUTTON
--------------------------------------------------------------------------------*/
.CmnSocialBtn {
  margin: 0 0 1em;
  padding: 0;
}

.CmnSocialBtn li {
  display: inline-block;
}

.smt-submit-btn {
  min-width: 160px;
  padding: 0 1.5em;
  height: 42px;
  font-size: 16px;
  background-color: #e67e22;
  border: solid 1px #e67e22;
  color: #FFF;
}
@media print, screen and (min-width: 959px) {
  .smt-submit-btn {
    height: 54px;
    min-width: 240px;
  }
}
.smt-submit-btn:hover {
  opacity: 0.75;
}
.smt-submit-btn.disabled {
  background: #CCC;
  color: #333;
  border-color: #CCC;
}

div.recommend-card {
  margin-bottom: 24px;
  padding: 1em;
}
div.recommend-card a {
  text-decoration: none;
}
div.recommend-card a div.card-head {
  margin: 0 0 1em;
  padding: 0 0 6px;
  border-bottom: dotted 1px #CCC;
}
@media print, screen and (min-width: 959px) {
  div.recommend-card a div.card-head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
div.recommend-card a div.card-head div.num {
  margin-bottom: 8px;
  background: #263357;
  color: #FFF;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
}
@media print, screen and (min-width: 959px) {
  div.recommend-card a div.card-head div.num {
    margin-right: 1em;
    width: 40px;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
  }
}
div.recommend-card a div.card-head div.ses-time {
  margin: 0;
  color: #000;
}
div.recommend-card a div.card-head div.ses-time strong.date {
  font-weight: bold;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
}
div.recommend-card a div.card-body h2 {
  margin-top: 0;
  font-size: 13px;
}
div.recommend-card a div.card-body h2 strong {
  margin-top: 8px;
  display: block;
}
div.recommend-card a div.card-body div.teacher-wrap div.teacher {
  margin-top: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
div.recommend-card a div.card-body div.teacher-wrap div.teacher div.pict {
  text-align: center;
  width: 20%;
  min-width: 80px;
}
div.recommend-card a div.card-body div.teacher-wrap div.teacher div.pict img {
  width: 100%;
  height: auto;
  max-width: 80px;
}
div.recommend-card a div.card-body div.teacher-wrap div.teacher div.prof {
  width: 80%;
  padding-right: 1em;
}
@media print, screen and (min-width: 959px) {
  div.recommend-card a div.card-body div.teacher-wrap div.teacher div.prof {
    width: unset;
  }
}
div.recommend-card a div.card-body div.teacher-wrap div.teacher div.prof p {
  margin: 0;
  font-size: 0.85em;
  color: #111111;
}
div.recommend-card:hover {
  opacity: 0.6;
}

.card-seminar {
  --checked: #FFD800;
  --applied: #FFA830;
  --sold-out: #BE0000;
  --border-radius: 16px;
  --pad: 16px;
  --card-bg: var(--white);
}

div.card-container {
  display: grid;
  gap: 16px 6px;
}
@media print, screen and (min-width: 959px) {
  div.card-container {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: column;
    gap: 0 6px;
    padding: 5px 0 0 3px;
  }
}

/* 講演カード */
div.card-seminar {
  position: relative;
  display: grid;
  grid-template-rows: max-content auto max-content;
  height: 100%;
  border-radius: var(--border-radius);
}
@media print, screen and (min-width: 959px) {
  div.card-seminar {
    grid-row: auto/span 3;
    grid-template-rows: subgrid;
  }
}
div.card-seminar div.card-header {
  padding: 15px var(--pad) 14px;
  background-color: #F1F1F1;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 0;
}
div.card-seminar div.card-header p.disabled-text {
  margin: 0;
  color: var(--sold-out);
  font-weight: bold;
  text-align: left;
  font-size: 1rem;
}
div.card-seminar div.card-header label {
  margin: 0;
  padding: 0;
  font-weight: bold;
  color: #263357;
  cursor: pointer;
  white-space: nowrap;
}
div.card-seminar div.card-header label input.uk-checkbox {
  width: 40px;
  height: 40px;
  margin-right: 12px;
  background: var(--white);
  border: solid 2px #263357;
  border-radius: 4px;
}
div.card-seminar div.card-header label input.uk-checkbox:checked {
  position: relative;
  background-color: #263357;
}
div.card-seminar div.card-header label input.uk-checkbox:checked:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--checked);
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.156 13.489"%3E%3Cpath d="M24.395,12.138,17.413,18.5,14.067,15a2.614,2.614,0,0,0-3.871.1,2.688,2.688,0,0,0,.172,3.587l5.348,5.591a2.143,2.143,0,0,0,2.992.1l9.123-8.311a2.689,2.689,0,0,0,.418-3.568,2.612,2.612,0,0,0-3.854-.37" transform="translate(-9.59 -11.456)" /%3E%3C/svg%3E');
  mask-repeat: no-repeat;
  mask-position: 9.5px 12.8px;
  mask-size: 19.16px 13.49px;
}
div.card-seminar div.card-header label input.uk-checkbox:disabled {
  background-color: #FFF;
  border-color: #CCC;
}
div.card-seminar div.card-header a.uk-button {
  margin-right: 6px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  gap: 4px;
}
div.card-seminar div.card-header a.uk-button.cancel {
  border: solid 1px #d7d7d7;
  color: #9a9a9a;
  font-weight: bold;
  background: #FFF;
  height: 24px;
  width: 100px;
}
div.card-seminar div.card-header a.uk-button:hover {
  opacity: 0.75;
}
div.card-seminar div.labo {
  max-width: 80px;
  margin-inline-start: auto;
}
div.card-seminar div.labo svg {
  max-height: 24px;
  width: auto;
}
div.card-seminar div.special {
  display: inline-block;
  position: relative;
  height: 24px; /*高さ*/
  line-height: 24px; /*高さ*/
  text-align: center;
  padding: 0 18px; /*文字の2左右の余白*/
  font-size: 13px; /*文字サイズ*/
  background: #d62136; /*背景色*/
  color: #FFF; /*文字色*/
  box-sizing: border-box;
}
div.card-seminar div.special:before, div.card-seminar div.special:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
}
div.card-seminar div.special:before {
  top: 0;
  left: 0;
  border-width: 12px 0px 12px 6px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}
div.card-seminar div.special:after {
  top: 0;
  right: 0;
  border-width: 12px 6px 12px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
div.card-seminar div.icon-recommend {
  display: inline-block;
  padding: 4px 8px 2px;
  background: #fff847;
  font-weight: bold;
  font-size: 0.75em;
  color: #000;
  border-radius: 24px;
}
div.card-seminar div.card-body {
  padding: 0 var(--pad);
  background-color: var(--card-bg);
}
div.card-seminar div.card-body div.uk-card-title {
  display: flex;
  align-items: center;
  gap: 1em 1.48rem;
  flex-wrap: wrap;
  margin: 0;
  padding: 18px 0 10px;
  background-image: linear-gradient(to right, #CCCBCC, transparent 50%);
  background-size: 2px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
div.card-seminar div.card-body div.uk-card-title div.num {
  display: block;
  width: fit-content;
  min-width: 77px;
  padding: 0.42em 0.35em;
  color: #FFF;
  font-family: "Oswald", sans-serif;
  font-size: 1.48rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  background-color: #263357;
  border: 1px solid #707070;
}
div.card-seminar div.card-body .card-date + div.uk-card-title {
  padding-top: 10px;
  background-image: linear-gradient(to right, #CCCBCC, transparent 50%), linear-gradient(to right, #CCCBCC, transparent 50%);
  background-position: left top, left bottom;
}
div.card-seminar div.card-body div.card-date {
  padding: 8px 0;
  font-size: 14px;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
@media print, screen and (min-width: 959px) {
  div.card-seminar div.card-body div.card-date {
    gap: 12px;
    font-size: 18px;
  }
}
div.card-seminar div.card-body div.card-date span {
  margin-right: 1em;
  font-size: 14px;
}
div.card-seminar div.card-body div.card-date span.time {
  font-family: "Oswald", sans-serif;
}
div.card-seminar div.card-body div.card-date div.special {
  margin-left: 0.5em;
  display: inline-block;
  position: relative;
  height: 24px; /*高さ*/
  line-height: 24px; /*高さ*/
  text-align: center;
  padding: 0 18px; /*文字の2左右の余白*/
  font-size: 13px; /*文字サイズ*/
  background: #d62136; /*背景色*/
  color: #FFF; /*文字色*/
  box-sizing: border-box;
}
div.card-seminar div.card-body div.card-date div.special:before, div.card-seminar div.card-body div.card-date div.special:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
}
div.card-seminar div.card-body div.card-date div.special:before {
  top: 0;
  left: 0;
  border-width: 12px 0px 12px 6px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}
div.card-seminar div.card-body div.card-date div.special:after {
  top: 0;
  right: 0;
  border-width: 12px 6px 12px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
div.card-seminar div.card-body div.card-date div.status {
  background-color: #BC080B;
  color: #FFF;
  font-weight: bold;
  font-size: 12px !important;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  min-width: 60px;
}
@media print, screen and (min-width: 959px) {
  div.card-seminar div.card-body div.card-date div.status {
    min-width: 90px;
  }
}
div.card-seminar div.card-body h2 {
  margin: 1em 0;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
div.card-seminar div.card-body h2 strong {
  margin-top: 8px;
  display: block;
  font-size: 13px;
  font-family: inherit;
}
div.card-seminar div.card-body div.teacher-wrap {
  display: grid;
  gap: 16px;
  container: card-seminar/inline-size;
}
div.card-seminar div.card-body div.teacher-wrap div.teacher {
  display: grid;
  align-items: center;
  gap: 16px;
}
@container card-seminar (width > 230px) {
  div.card-seminar div.card-body div.teacher-wrap div.teacher {
    grid-template-columns: 80px auto;
  }
}
div.card-seminar div.card-body div.teacher-wrap div.teacher div.pict {
  width: 100%;
  max-width: 80px;
  text-align: center;
  position: relative;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}
div.card-seminar div.card-body div.teacher-wrap div.teacher div.pict img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
div.card-seminar div.card-body div.teacher-wrap div.teacher div.prof p {
  margin: 0;
  font-size: 11px;
}
div.card-seminar div.card-body div.teacher-wrap div.teacher div.prof b {
  display: block;
  margin-top: 3px;
  font-size: 1rem;
  font-weight: 700;
}
div.card-seminar div.card-footer {
  padding: 17px var(--pad);
  background-color: var(--card-bg);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}
div.card-seminar div.card-footer p {
  margin: 0;
  order: 1;
  width: 100%;
}
div.card-seminar .btn-open-modal,
div.card-seminar .btn-play-movie {
  position: relative;
  display: block;
  padding: 0.69em;
  color: #263357;
  font-size: 16px;
  text-align: center;
  line-height: 1;
  border-radius: 2em;
}
div.card-seminar .btn-open-modal:after,
div.card-seminar .btn-play-movie:after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  display: block;
  width: 11px;
  height: 7px;
  transform: translateY(-50%) rotate(-90deg);
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.528 6.854"%3E%3Cpath d="M5.264,6.854.33,1.92A1.126,1.126,0,0,1,1.922.328L5.264,3.671,8.606.328A1.126,1.126,0,0,1,10.2,1.92Z" /%3E%3C/svg%3E');
  mask-size: cover;
}
div.card-seminar .btn-open-modal {
  width: min(100%, 319px);
  margin: 0 auto;
  border: 1px solid currentColor;
}
div.card-seminar .btn-play-movie {
  padding: 0.69em 2.275em 0.69em 1.6em;
  background-color: var(--applied);
}
div.card-seminar .btn-play-movie:after {
  right: 18.5px;
  transform: translateY(-33%) rotate(-90deg);
}
div.card-seminar:has(.card-header input:checked):before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid var(--checked);
  border-radius: var(--border-radius);
  pointer-events: none;
}
div.card-seminar:has(.card-header input:checked) .card-header {
  background-color: var(--checked);
}
div.card-seminar.applied {
  --card-bg: #FFF9F2;
}
div.card-seminar.applied label {
  cursor: default !important;
}
div.card-seminar.applied .card-header {
  color: var(--applied);
  background-color: #FFEED6;
}
div.card-seminar.applied .card-header label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 12px;
  color: inherit;
}
div.card-seminar.applied .card-header label:before, div.card-seminar.applied .card-header label:after {
  content: "";
  flex: none;
  display: block;
  width: 40px;
  height: 40px;
}
div.card-seminar.applied .card-header label:before {
  border: 4px solid currentColor;
  border-radius: 50%;
}
div.card-seminar.applied .card-header label:after {
  position: absolute;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.156 13.489"%3E%3Cpath d="M24.395,12.138,17.413,18.5,14.067,15a2.614,2.614,0,0,0-3.871.1,2.688,2.688,0,0,0,.172,3.587l5.348,5.591a2.143,2.143,0,0,0,2.992.1l9.123-8.311a2.689,2.689,0,0,0,.418-3.568,2.612,2.612,0,0,0-3.854-.37" transform="translate(-9.59 -11.456)" /%3E%3C/svg%3E');
  mask-repeat: no-repeat;
  mask-position: 11.5px 13.8px;
  mask-size: 19.16px 13.49px;
}
div.card-seminar.disabled .disabled-text {
  display: flex;
  align-items: center;
  gap: 0 15.8px;
}
div.card-seminar.disabled .disabled-text:before {
  content: "";
  flex: none;
  display: block;
  width: 33px;
  height: 33px;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33.222 33.222"%3E%3Cpath d="M16.611,0A16.611,16.611,0,1,0,33.222,16.611,16.629,16.629,0,0,0,16.611,0m0,30.222A13.611,13.611,0,1,1,30.222,16.611,13.627,13.627,0,0,1,16.611,30.222" /%3E%3Cpath d="M19.439,16.611l3.582-3.582A2,2,0,0,0,20.193,10.2l-3.582,3.582L13.029,10.2A2,2,0,0,0,10.2,13.029l3.583,3.582L10.2,20.193a2,2,0,0,0,2.829,2.828l3.582-3.582,3.582,3.582a2,2,0,0,0,2.828-2.828Z" /%3E%3C/svg%3E');
  mask-repeat: no-repeat;
  mask-size: contain;
}
div.card-seminar.disabled div.card-body .uk-card-title,
div.card-seminar.disabled div.card-body h2,
div.card-seminar.disabled div.card-body .teacher-wrap {
  opacity: 0.5;
}
div.card-seminar.kyougou .disabled-text {
  display: flex;
  align-items: center;
  gap: 0 14.8px;
}
div.card-seminar.kyougou .disabled-text:before {
  content: "";
  flex: none;
  display: block;
  width: 33px;
  height: 33px;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33.222 33.222"%3E%3Cpath d="M16.611,0A16.611,16.611,0,1,0,33.222,16.611,16.63,16.63,0,0,0,16.611,0M30.222,16.611A13.526,13.526,0,0,1,27.531,24.7L8.52,5.691a13.586,13.586,0,0,1,21.7,10.92M3,16.611A13.52,13.52,0,0,1,5.692,8.52L24.7,27.53A13.585,13.585,0,0,1,3,16.611" /%3E%3C/svg%3E');
  mask-repeat: no-repeat;
  mask-size: contain;
}
div.card-seminar.kyougou div.card-body .uk-card-title,
div.card-seminar.kyougou div.card-body h2,
div.card-seminar.kyougou div.card-body .teacher-wrap {
  opacity: 0.5;
}
div.card-seminar.unselected {
  background-color: #F1F1F1;
  opacity: 0.4;
}
div.card-seminar.long {
  grid-column: 1/5;
}
@media (min-width: 768px) {
  div.card-seminar.long div.card-body h2 {
    font-size: 20px;
  }
  div.card-seminar.long div.card-body strong {
    font-size: 16px;
  }
}
div.card-seminar.long div.teacher-wrap {
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}
@media print, screen and (min-width: 959px) {
  div.card-seminar.column-ab, div.card-seminar.column-cd {
    grid-column: span 2;
  }
}

/********************************************************************************
    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;
  }
}

/********************************************************************************
   古い物　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;
  font-family: sans-serif;
}
.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;
  }
}

/*  各ページコンテンツ*/
@keyframes bg-color {
  0% {
    background-color: #e74c3c;
  }
  20% {
    background-color: #f1c40f;
  }
  40% {
    background-color: #1abc9c;
  }
  60% {
    background-color: #3498db;
  }
  80% {
    background-color: #9b59b6;
  }
  100% {
    background-color: #e74c3c;
  }
}
@keyframes text-color {
  0% {
    color: #FFF;
  }
  20% {
    color: #e74c3c;
  }
  40% {
    color: #f1c40f;
  }
  60% {
    color: #1abc9c;
  }
  80% {
    color: #3498db;
  }
  100% {
    color: #FFF;
  }
}
.teaser {
  --bg-inquiry: linear-gradient(rgba(224, 255, 197, 0.75), rgba(16, 219, 238, 0.75));
  --bg-overview: linear-gradient(rgba(0, 42, 107, 0.37), rgba(0, 43, 109, 0.65));
  --bg-voice: linear-gradient(rgba(224, 255, 197, 0.75), rgba(16, 219, 238, 0.75));
  --bg-about: linear-gradient(rgba(0, 42, 107, 0.37), rgba(0, 43, 109, 0.65));
  position: relative;
  background-image: linear-gradient(rgba(194, 221, 101, 0.35), rgba(15, 174, 214, 0.7));
  background-attachment: fixed;
}
.teaser .notice2 {
  position: sticky;
  top: 0;
  z-index: 2;
  width: 100%;
  min-height: 48px;
  padding: 0 0.5em;
  font-weight: bold;
  text-align: center;
  color: red;
  background-color: #F3F3F3;
  font-size: min(4vw, 1.2rem);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 959px) {
  .teaser .notice2 {
    font-size: min(4vw, 1.6rem);
  }
}
.teaser .notice2.uk-active {
  width: 100% !important;
  top: 0;
  left: 0;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.16); /* 上向きのシャドウを追加 */
}
.teaser * {
  text-transform: none;
}
.teaser-bg {
  position: fixed;
  inset: 0;
}
.teaser-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.teaser .uk-container {
  margin: 0 auto;
}
@media (min-width: 640px) {
  .teaser .uk-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.teaser a.uk-button {
  border-radius: 8px;
  font-weight: bold;
}

/*TopMain*/
#TopMain {
  padding: 4rem 1rem;
  position: relative;
  z-index: 1;
  min-height: 100vh;
}
@media print, screen and (min-width: 959px) {
  #TopMain {
    padding: 3rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
#TopMain .catch-area {
  position: relative;
  z-index: 1;
}
#TopMain .catch-area h1 {
  margin: 0 0 1em;
  text-align: center;
  font-size: min(5vw, 1.6rem);
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
  color: #050096;
}
@media print, screen and (min-width: 959px) {
  #TopMain .catch-area h1 {
    font-size: min(2.2vw, 1.8rem);
  }
}
#TopMain .catch-area h1 span {
  display: block;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  color: inherit;
  font-size: min(8vw, 2.4rem);
}
@media print, screen and (min-width: 959px) {
  #TopMain .catch-area h1 span {
    font-size: min(3vw, 3rem);
  }
}
#TopMain .catch-area h2 {
  margin: 0 0 0.5em;
  font-weight: normal;
  font-family: "DM Sans", sans-serif;
  text-align: center;
  font-weight: 900;
  line-height: 120%;
  letter-spacing: 0.02em;
  font-size: min(13vw, 4.57rem);
  word-break: keep-all;
  color: #ffffff;
  text-shadow: 0 2px 6px #050096, 0 5px 6px rgba(5, 0, 150, 0.5), 0 10px 6px rgba(5, 0, 150, 0.5), 0 2px 16px #004cff, 0 2px 16px #08ff00;
}
@media print, screen and (min-width: 959px) {
  #TopMain .catch-area h2 {
    font-size: min(6vw, 6rem);
    line-height: 100%;
  }
}
#TopMain .catch-area h3 {
  margin: 0 0 1.5rem;
  line-height: 130%;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
  font-size: min(5vw, 2.4rem);
  color: #050096;
}
@media print, screen and (min-width: 959px) {
  #TopMain .catch-area h3 {
    font-size: min(5vw, 2.6rem);
    white-space: nowrap;
  }
}
#TopMain .catch-area .main-date {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0 0.2em;
  margin: 0 auto;
  text-align: center;
  font-size: min(6vw, 3.4rem);
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  color: #ffffff;
  text-shadow: 0 3px 5px rgba(0, 43, 109, 0.84);
}
@media print, screen and (min-width: 959px) {
  #TopMain .catch-area .main-date {
    margin: 0 auto 0.5em;
    font-size: min(4vw, 3.5rem);
  }
}
#TopMain .catch-area .main-date span {
  font-size: inherit;
  font-weight: inherit;
}
#TopMain .catch-area .main-date strong {
  font-size: min(10vw, 5.6rem);
  font-family: inherit;
}
@media print, screen and (min-width: 959px) {
  #TopMain .catch-area .main-date strong {
    font-size: min(5.5vw, 5.57rem);
  }
}
#TopMain .dateList {
  margin: 2rem auto;
  max-width: 900px;
  font-feature-settings: "halt" on;
}
@media print, screen and (min-width: 959px) {
  #TopMain .dateList {
    margin: 0 auto;
    max-width: 900px;
  }
}
#TopMain .dateList .day {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  margin-bottom: 16px;
  padding: 16px;
  background-color: rgba(26, 51, 90, 0.84);
}
@media print, screen and (min-width: 959px) {
  #TopMain .dateList .day {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
  }
}
#TopMain .dateList .day h4 {
  margin: 0;
  font-weight: bold;
  font-size: 1rem;
  color: #FFF;
  text-align: left;
  line-height: 120%;
}
@media print, screen and (min-width: 959px) {
  #TopMain .dateList .day h4 {
    width: 250px;
  }
}
#TopMain .dateList .day h4 svg {
  max-height: 36px;
  height: auto;
  fill: #FFF;
  width: 100px;
  text-align: center;
}
#TopMain .dateList .day p {
  margin: 0.5em 0 0;
  font-weight: bold;
  color: #FFF;
  text-align: left;
  font-size: 1rem;
}
@media print, screen and (min-width: 959px) {
  #TopMain .dateList .day p {
    margin: 0;
    font-size: 1.6rem;
  }
}
#TopMain .notice-archive ul {
  margin: 2rem 0 0;
  padding: 0;
}
#TopMain .notice-archive ul li {
  color: #FFF;
  margin-bottom: 4px;
  font-size: 12px;
}
@media print, screen and (min-width: 959px) {
  #TopMain .notice-archive ul li {
    font-size: 13px;
    text-align: center;
  }
}
#TopMain .notice-archive ul li a {
  color: #FFF;
  font-size: 12px;
  text-decoration: underline;
}
@media print, screen and (min-width: 959px) {
  #TopMain .notice-archive ul li a {
    font-size: 13px;
    text-align: center;
  }
}

#topInq {
  background: var(--bg-inquiry);
}
#topInq .top-inquiry {
  margin: 48px 0;
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 959px) {
  #topInq .top-inquiry {
    grid-template-columns: repeat(2, 1fr);
  }
}
#topInq .top-inquiry .inq-block {
  display: flex;
  flex-direction: column;
  padding: 2.4rem;
  border-radius: 8px;
  background: #FFF;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 25px 20px -20px;
}
#topInq .top-inquiry .inq-block > div {
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#topInq .top-inquiry .inq-block h4 {
  text-align: center;
}
#topInq .top-inquiry .inq-block .uk-button {
  width: 100%;
  font-weight: bold;
}
#topInq .top-inquiry .inq-block.user h4 {
  color: #253254;
}
#topInq .top-inquiry .inq-block.user .uk-button {
  color: #FFF;
  background-color: #253254;
  border: 2px solid #253254;
}
#topInq .top-inquiry .inq-block.user .uk-button:hover {
  color: #253254;
  border: 2px solid #253254;
}
#topInq .top-inquiry .inq-block.company h4 {
  color: #0aa064;
}
#topInq .top-inquiry .inq-block.company .uk-button {
  color: #FFF;
  background-color: #0aa064;
  border: 2px solid #0aa064;
}
#topInq .top-inquiry .inq-block.company .uk-button:hover {
  color: #0aa064;
  border: 2px solid #0aa064;
}

.top-cts-section {
  z-index: 1;
}
.top-cts-section h1 {
  margin: 1em auto 0.5em;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  font-family: "Noto Sans JP", sans-serif;
}
.top-cts-section h1.light {
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(11, 11, 96, 0.25);
}
.top-cts-section h1.dark {
  color: #050096;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);
}
.top-cts-section h1:after {
  content: "";
  display: block;
  width: 35%;
  height: 0.25em;
  margin: 0.75em 0 1em 0;
  background-color: currentColor;
  border-radius: 0.125em;
}
@media print, screen and (min-width: 959px) {
  .top-cts-section h1 {
    font-size: min(4.36vw, 3.2rem);
  }
  .top-cts-section h1:after {
    width: 15%;
  }
}
.top-cts-section h1 strong {
  margin-bottom: 8px;
  font-family: "Noto Sans JP", sans-serif;
  display: block;
  font-size: 2rem;
}
@media print, screen and (min-width: 959px) {
  .top-cts-section h1 strong {
    font-size: min(5vw, 4rem);
  }
}
.top-cts-section h2 {
  margin: 0;
  font-size: 2rem;
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  letter-spacing: 1px;
}
.top-cts-section h2 span {
  font-size: 12px;
}
@media only screen and (max-width: 958px) {
  .top-cts-section h2 {
    font-size: 1.2rem;
  }
}
.top-cts-section .lead {
  margin-bottom: 1.5em;
  line-height: 180%;
  color: #FFF;
  text-align: center;
  font-size: 1.1rem;
}
@media only screen and (max-width: 958px) {
  .top-cts-section .lead {
    font-size: 13px;
  }
}

#TopGaiyo {
  padding: 3em 4px;
  background: var(--bg-overview);
}
@media only screen and (max-width: 958px) {
  #TopGaiyo {
    padding: 0 1em;
  }
}
#TopGaiyo .cts p {
  line-height: 180%;
  color: #FFF;
  white-space: pre-line;
}
@media print, screen and (min-width: 959px) {
  #TopGaiyo .cts p {
    font-size: 17px;
  }
}

#TopUserVoice {
  padding: 3em 4px;
  background: var(--bg-voice);
}
@media only screen and (max-width: 958px) {
  #TopUserVoice {
    padding: 0 1em;
  }
}
#TopUserVoice .uk-card {
  padding: 1.8rem;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  color: rgb(51, 51, 51);
  box-sizing: border-box;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
#TopUserVoice .uk-card:before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: calc(50% - 9px);
  width: 18px;
  aspect-ratio: 1;
  background-color: #ffffff;
  border-radius: 3px;
  transform: rotate(45deg);
}

#TopAbout {
  padding: 3em 4px;
  background: var(--bg-about);
}
@media only screen and (max-width: 958px) {
  #TopAbout {
    padding: 0 1em;
  }
}
#TopAbout .cts {
  margin: 1em auto;
  padding: 1rem;
  background: #FFF;
}
@media print, screen and (min-width: 959px) {
  #TopAbout .cts {
    margin: 2em auto;
    padding: 2rem;
  }
}
#TopAbout .btn-area {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 959px) {
  #TopAbout .btn-area {
    grid-template-columns: repeat(2, 1fr);
  }
  #TopAbout .btn-area a.uk-button.is-lone {
    grid-column: 1/-1;
    width: min-content;
    place-self: center;
  }
}
#TopAbout .btn-area .uk-button {
  width: 100%;
  font-weight: bold;
}

div#preview-html {
  background: rgba(0, 0, 0, 0.6);
  padding: 36px;
}
div#preview-html div#preview-wrap {
  margin: 0 auto;
  padding: 36px;
  max-width: 860px;
  background-color: #FFF;
}

.session-modal-head {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
}

div#session-disp {
  background-color: #ffffff;
}
div#session-disp * {
  box-sizing: border-box;
}
div#session-disp .session-detail-header {
  display: grid;
}
@media print, screen and (min-width: 959px) {
  div#session-disp .session-detail-header {
    grid-template-columns: max-content auto;
  }
  div#session-disp .session-detail-header .user-action {
    grid-row: span 3;
  }
}
div#session-disp div.session-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem 0;
  background: rgba(8, 27, 42, 0.8);
  padding: 4px 12px;
  color: #FFF;
}
div#session-disp div.session-date div.text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
div#session-disp div.session-date div.text h2 {
  margin: 0 0.5em 0 0;
  color: #FFF;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
}
div#session-disp div.session-date div.text h2 span {
  font-size: 13px;
}
div#session-disp div.session-date div.text h2 span.time {
  font-family: "Oswald", sans-serif;
  font-weight: normal;
}
div#session-disp div.session-date div.text span.special {
  margin-left: 0.5em;
  display: inline-block;
  position: relative;
  height: 24px; /*高さ*/
  line-height: 24px; /*高さ*/
  text-align: center;
  padding: 0 18px; /*文字の2左右の余白*/
  font-size: 13px; /*文字サイズ*/
  background: #d62136; /*背景色*/
  color: #FFF; /*文字色*/
  box-sizing: border-box;
}
div#session-disp div.session-date div.text span.special:before, div#session-disp div.session-date div.text span.special:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
}
div#session-disp div.session-date div.text span.special:before {
  top: 0;
  left: 0;
  border-width: 12px 0px 12px 6px;
  border-color: transparent transparent transparent #394955;
  border-style: solid;
}
div#session-disp div.session-date div.text span.special:after {
  top: 0;
  right: 0;
  border-width: 12px 6px 12px 0px;
  border-color: transparent #394955 transparent transparent;
  border-style: solid;
}
div#session-disp div.session-date div.status {
  background-color: #BC080B;
  color: #FFF;
  font-weight: bold;
  font-size: 12px !important;
  text-align: center;
  padding: 0.16em 1em;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 959px) {
  div#session-disp div.session-date div.status {
    height: 36px;
  }
}
div#session-disp div.preview-message {
  padding: 1rem;
  background: #fdf4f4;
  text-align: center;
  color: red;
}
@media print, screen and (min-width: 959px) {
  div#session-disp:not(:has(#session-modal-head)) div#session-layout {
    display: grid;
    grid-template-columns: auto 300px;
    gap: 24px;
  }
}
div#session-disp div#session-layout {
  padding-top: 24px;
}
div#session-disp div#session-layout div#session-wrap {
  margin-bottom: 3em;
  position: relative;
  background: #FFF;
  border-radius: 8px;
  border: solid 1px #dadada;
  padding: 1em;
}
@media print, screen and (min-width: 959px) {
  div#session-disp div#session-layout div#session-wrap {
    padding: 36px;
  }
}
div#session-disp div#session-layout div#session-wrap div#session-head {
  position: relative;
  margin: 0 0 1em;
}
@media print, screen and (min-width: 959px) {
  div#session-disp div#session-layout div#session-wrap div#session-head {
    margin: 0 0 3em;
  }
}
div#session-disp div#session-layout div#session-wrap div#session-head div.nhl-logo {
  margin-bottom: 3em;
  text-align: center;
}
div#session-disp div#session-layout div#session-wrap div#session-head div.nhl-logo svg {
  max-height: 36px;
}
div#session-disp div#session-layout div#session-wrap div#session-head div.ttl-area {
  margin-bottom: 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
div#session-disp div#session-layout div#session-wrap div#session-head div.ttl-area div#SesNum {
  margin-right: 12px;
  background: #263357;
  color: #FFF;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  min-width: 42px;
  width: 42px;
  height: 42px;
  line-height: 42px;
}
@media print, screen and (min-width: 959px) {
  div#session-disp div#session-layout div#session-wrap div#session-head div.ttl-area div#SesNum {
    min-width: 64px;
    width: 64px;
    height: 64px;
    line-height: 64px;
  }
}
div#session-disp div#session-layout div#session-wrap div#session-head div.ttl-area h1 {
  margin: 0;
  padding: 0;
  font-size: 2rem;
  font-weight: bold;
  line-height: 120%;
}
@media only screen and (max-width: 958px) {
  div#session-disp div#session-layout div#session-wrap div#session-head div.ttl-area h1 {
    font-size: 1.2rem;
  }
}
div#session-disp div#session-layout div#session-wrap div#session-head div.ttl-area h1 strong {
  margin-top: 6px;
  display: block;
  font-size: 14px;
  font-weight: bolder;
  color: #5A5A5A;
  line-height: 120%;
}
div#session-disp div#session-layout div#session-wrap div#session-head ul.session-category {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
}
div#session-disp div#session-layout div#session-wrap div#session-head ul.session-category li {
  padding: 0.3em 1.2em;
  text-align: center;
  color: #333;
  background: rgb(252, 219, 122);
  border-radius: 48px;
  font-weight: bold;
  text-decoration: none;
  font-size: 13px;
  line-height: 13px;
  list-style: none;
}
div#session-disp div#session-layout div#session-wrap div#session-body {
  /* 講師紹介 */
}
div#session-disp div#session-layout div#session-wrap div#session-body 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;
}
div#session-disp div#session-layout div#session-wrap div#session-body div.session-cts {
  margin-top: 3em;
}
div#session-disp div#session-layout div#session-wrap div#session-body div.session-cts h2 {
  margin-bottom: 1em;
  padding: 8px;
  font-weight: bold;
  font-size: 13px;
  background: #263357;
  color: #FFF;
  text-align: center;
}
@media print, screen and (min-width: 959px) {
  div#session-disp div#session-layout div#session-wrap div#session-body div.session-cts h2 {
    font-size: 1.2rem;
  }
}
div#session-disp div#session-layout div#session-wrap div#session-body div.session-cts ul.kadai-list {
  padding-left: 0;
}
div#session-disp div#session-layout div#session-wrap div#session-body div.session-cts ul.kadai-list li {
  color: #263357;
  font-weight: bold;
  font-size: 16px;
}
div#session-disp div#session-layout div#session-wrap div#session-body div.teacher-wrap {
  margin-top: 2em;
  padding: 0 0.5em;
}
div#session-disp div#session-layout div#session-wrap div#session-body div.teacher-wrap div.teacher-head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
div#session-disp div#session-layout div#session-wrap div#session-body div.teacher-wrap div.teacher-head div.pict {
  position: relative;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}
@media print, screen and (min-width: 959px) {
  div#session-disp div#session-layout div#session-wrap div#session-body div.teacher-wrap div.teacher-head div.pict {
    max-width: 96px;
  }
}
@media only screen and (max-width: 958px) {
  div#session-disp div#session-layout div#session-wrap div#session-body div.teacher-wrap div.teacher-head div.pict {
    width: 15%;
  }
}
div#session-disp div#session-layout div#session-wrap div#session-body div.teacher-wrap div.teacher-head div.pict img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
div#session-disp div#session-layout div#session-wrap div#session-body div.teacher-wrap div.teacher-head div.prof {
  padding-left: 1em;
}
@media only screen and (max-width: 958px) {
  div#session-disp div#session-layout div#session-wrap div#session-body div.teacher-wrap div.teacher-head div.prof {
    width: 85%;
  }
}
div#session-disp div#session-layout div#session-wrap div#session-body div.teacher-wrap div.teacher-head div.prof h3 {
  margin: 0;
  color: #111111;
  font-size: 14px;
  font-weight: bold;
}
div#session-disp div#session-layout div#session-wrap div#session-body div.teacher-wrap div.teacher-info {
  margin-top: 1em;
}
div#session-disp div#session-layout div#session-wrap div#session-body div.teacher-wrap div.teacher-info p {
  font-size: 14px;
}
@media only screen and (max-width: 958px) {
  div#session-disp div#session-layout div#session-wrap div#session-body div.teacher-wrap div.teacher-info p {
    font-size: 0.75em;
  }
}
div#session-disp div#session-layout div#session-wrap div#session-body #SesComment {
  margin: 2rem 0;
  display: grid;
  grid-template-columns: 20% 1fr;
  gap: 9px;
}
@media print, screen and (min-width: 959px) {
  div#session-disp div#session-layout div#session-wrap div#session-body #SesComment {
    grid-template-columns: 120px 1fr;
    gap: 18px;
  }
}
div#session-disp div#session-layout div#session-wrap div#session-body #SesComment div#randomIcon img {
  width: 100%;
  height: auto;
}
div#session-disp div#session-layout div#session-wrap div#session-body #SesComment div.comment {
  padding: 1rem;
  border-radius: 8px;
  background: #fffaeb;
  position: relative;
}
@media print, screen and (min-width: 959px) {
  div#session-disp div#session-layout div#session-wrap div#session-body #SesComment div.comment {
    padding: 2rem;
  }
}
div#session-disp div#session-layout div#session-wrap div#session-body #SesComment div.comment:before {
  content: "";
  position: absolute;
  top: 20px;
  left: -35px;
  border: 18px solid transparent;
  border-right: 18px solid #fffaeb;
}
div#session-disp div#session-layout div#session-wrap div#session-body #SesComment div.comment h3 {
  color: #0aa064;
  text-align: left;
  line-height: 160%;
  font-size: 12px;
}
div#session-disp div#session-layout div#session-wrap div#session-body #SesComment div.comment h3 br {
  display: none;
}
@media print, screen and (min-width: 959px) {
  div#session-disp div#session-layout div#session-wrap div#session-body #SesComment div.comment h3 {
    font-size: 18px;
  }
  div#session-disp div#session-layout div#session-wrap div#session-body #SesComment div.comment h3 br {
    display: none;
  }
}
div#session-disp div#session-layout div#session-wrap div#session-body #SesComment div.comment p {
  font-size: 13px;
}
div#session-disp div#session-layout div#session-wrap div#session-body #SesTokuten p {
  font-weight: bold;
  font-size: 1.2rem;
  color: #263357;
}
div#session-disp div#session-layout div#session-wrap div#session-footer {
  padding: 3em 0 0;
}
@media print, screen and (min-width: 959px) {
  div#session-disp div#session-layout div#session-wrap div#session-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
  }
  div#session-disp div#session-layout div#session-wrap div#session-footer a.uk-button {
    min-width: 180px;
    height: 48px;
    line-height: 48px;
  }
}
div#session-disp div#session-layout div#session-wrap.modal {
  margin: 0 auto;
  padding: 1em;
}
div#session-disp div#session-layout div#session-wrap.modal div.session-body {
  padding: 2em 0;
}
@media only screen and (max-width: 958px) {
  div#session-disp div#session-layout div#session-wrap.modal div.session-body {
    padding: 1em 0;
  }
}
@media print, screen and (min-width: 959px) {
  div#session-disp div#session-layout div#session-right-menu {
    min-width: 300px;
  }
  div#session-disp div#session-layout div#session-right-menu div.card-head div.num {
    margin-right: 0.75em;
  }
}
div#session-disp div#session-layout div#session-right-menu div.recommend-card {
  padding: 1.5rem 1rem;
  border-radius: 8px;
  border: solid 1px #CCC;
}
div#session-disp div#session-layout div#session-right-menu div.recommend-card ul.session-category {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2px;
}
div#session-disp div#session-layout div#session-right-menu div.recommend-card ul.session-category li {
  padding: 0.3em 1.2em;
  text-align: center;
  color: #333;
  background: rgb(252, 219, 122);
  border-radius: 48px;
  font-weight: bold;
  text-decoration: none;
  font-size: 13px;
  line-height: 13px;
  list-style: none;
}
div#session-disp div#session-layout div#session-right-menu div.recommend-card h2 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: bold;
}
div#session-disp div#session-layout div#session-right-menu div.recommend-card h3 {
  margin: 0.5rem 0 0;
  font-size: 1rem;
  color: #918f8f;
}
div#session-disp div#session-layout div#session-right-menu div.special-movie {
  margin-bottom: 20px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  background: #1d1c1a;
}
div#session-disp div#session-layout div#session-right-menu div.OnlinePr {
  height: 300px;
  padding: 20px;
  background: #979797;
}
div#session-disp div#session-modal-head {
  margin: 0;
  padding: 1rem 0;
  background: #FFF;
  border-bottom: solid 4px #263357;
}
@media print, screen and (min-width: 959px) {
  div#session-disp div#session-modal-head {
    padding: 2rem 0;
    border-bottom: solid 8px #263357;
  }
}
div#session-disp div#session-modal-head div.info-area {
  position: relative;
  margin-bottom: 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media print, screen and (min-width: 959px) {
  div#session-disp div#session-modal-head div.info-area {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
div#session-disp div#session-modal-head div.info-area div#SesNum {
  margin-right: 12px;
  background: #263357;
  color: #FFF;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  min-width: 54px;
  width: 54px;
  height: 54px;
  line-height: 54px;
}
@media print, screen and (min-width: 959px) {
  div#session-disp div#session-modal-head div.info-area div#SesNum {
    min-width: 64px;
    width: 64px;
    height: 64px;
    line-height: 64px;
  }
}
div#session-disp div#session-modal-head div.info-area div.text div.category {
  margin-bottom: 6px;
}
div#session-disp div#session-modal-head div.info-area div.text div.category.special {
  display: inline-block;
  position: relative;
  line-height: 24px; /*高さ*/
  text-align: center;
  padding: 0 18px; /*文字の2左右の余白*/
  font-size: 13px; /*文字サイズ*/
  background: #d62136; /*背景色*/
  color: #FFF; /*文字色*/
  box-sizing: border-box;
}
div#session-disp div#session-modal-head div.info-area div.text div.category.special:before, div#session-disp div#session-modal-head div.info-area div.text div.category.special:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
}
div#session-disp div#session-modal-head div.info-area div.text div.category.special:before {
  top: 0;
  left: 0;
  border-width: 12px 0px 12px 6px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}
div#session-disp div#session-modal-head div.info-area div.text div.category.special:after {
  top: 0;
  right: 0;
  border-width: 12px 6px 12px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
div#session-disp div#session-modal-head div.info-area div.text div.category svg {
  max-width: 100px;
  height: 24px;
}
div#session-disp div#session-modal-head div.info-area div.text div.category div.special {
  margin-left: 0.5em;
  display: inline-flex;
  position: relative;
  height: 24px; /*高さ*/
  line-height: 24px; /*高さ*/
  text-align: center;
  padding: 0 18px; /*文字の2左右の余白*/
  font-size: 13px; /*文字サイズ*/
  background: #d62136; /*背景色*/
  color: #FFF; /*文字色*/
  box-sizing: border-box;
}
div#session-disp div#session-modal-head div.info-area div.text div.category div.special:before, div#session-disp div#session-modal-head div.info-area div.text div.category div.special:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
}
div#session-disp div#session-modal-head div.info-area div.text div.category div.special:before {
  top: 0;
  left: 0;
  border-width: 12px 0px 12px 6px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}
div#session-disp div#session-modal-head div.info-area div.text div.category div.special:after {
  top: 0;
  right: 0;
  border-width: 12px 6px 12px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
div#session-disp div#session-modal-head div.info-area div.text div.date {
  margin: 0;
  gap: 6px;
  font-size: 14px;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 959px) {
  div#session-disp div#session-modal-head div.info-area div.text div.date {
    gap: 12px;
    font-size: 18px;
  }
}
div#session-disp div#session-modal-head div.info-area div.text div.date span {
  margin-right: 1em;
  font-size: 14px;
}
div#session-disp div#session-modal-head div.info-area div.text div.date span.time {
  font-family: "Oswald", sans-serif;
}
div#session-disp div#session-modal-head div.info-area div.text div.date div.status {
  background-color: #BC080B;
  color: #FFF;
  font-weight: bold;
  font-size: 12px !important;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  min-width: 60px;
}
@media print, screen and (min-width: 959px) {
  div#session-disp div#session-modal-head div.info-area div.text div.date div.status {
    min-width: 90px;
  }
}
@media print, screen and (min-width: 959px) {
  div#session-disp div#session-modal-head div.ttl-area {
    margin-bottom: 1rem;
  }
}
div#session-disp div#session-modal-head div.ttl-area h1 {
  margin: 0;
  padding: 0;
  font-size: 2rem;
  font-weight: bold;
  line-height: 120%;
}
@media only screen and (max-width: 958px) {
  div#session-disp div#session-modal-head div.ttl-area h1 {
    font-size: 1.2rem;
  }
}
div#session-disp div#session-modal-head div.ttl-area h2 {
  margin-top: 6px;
  display: block;
  font-size: 14px;
  font-weight: bolder;
  color: #5A5A5A;
  line-height: 120%;
}
div#session-disp div#session-modal-head ul.session-category {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
}
div#session-disp div#session-modal-head ul.session-category li {
  padding: 0.3em 1.2em;
  text-align: center;
  color: #333;
  background: rgb(252, 219, 122);
  border-radius: 48px;
  font-weight: bold;
  text-decoration: none;
  font-size: 13px;
  line-height: 13px;
  list-style: none;
}
div#session-disp div#session-modal-head .copy-url-button {
  top: 0;
  right: 1em;
  margin-bottom: 1em;
}
div#session-disp div#session-modal-head .copy-url-button:before {
  top: unset;
  bottom: -150%;
}
@media print, screen and (min-width: 959px) {
  div#session-disp div#session-modal-head .copy-url-button {
    position: absolute;
    z-index: 1;
    top: 2rem;
  }
}
div#session-disp .user-action {
  --checked: #FFD800;
  --applied: #FFA830;
  --sold-out: #BE0000;
  --border-radius: 16px;
  --pad: 16px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 0 1em 0;
  padding: 15px var(--pad) 14px;
  background-color: #F1F1F1;
  border-radius: var(--border-radius);
}
div#session-disp .user-action-label {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: bold;
  color: #263357;
}
div#session-disp .user-action-label span {
  font-size: inherit;
}
div#session-disp .user-action label {
  cursor: pointer;
}
@media print, screen and (min-width: 959px) {
  div#session-disp .user-action {
    width: 160px;
    margin: 0 1em 0 0;
  }
  div#session-disp .user-action-label {
    flex-direction: column;
    font-size: 16px;
  }
}
div#session-disp .user-action input[type=checkbox] {
  width: 40px;
  height: 40px;
  background: var(--white);
  border: solid 2px #263357;
  border-radius: 4px;
  appearance: none;
}
div#session-disp .user-action input[type=checkbox]:checked {
  position: relative;
  background-color: #263357;
}
div#session-disp .user-action input[type=checkbox]:checked:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--checked);
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.156 13.489"%3E%3Cpath d="M24.395,12.138,17.413,18.5,14.067,15a2.614,2.614,0,0,0-3.871.1,2.688,2.688,0,0,0,.172,3.587l5.348,5.591a2.143,2.143,0,0,0,2.992.1l9.123-8.311a2.689,2.689,0,0,0,.418-3.568,2.612,2.612,0,0,0-3.854-.37" transform="translate(-9.59 -11.456)" /%3E%3C/svg%3E');
  mask-repeat: no-repeat;
  mask-position: 9.5px 12.8px;
  mask-size: 19.16px 13.49px;
}
div#session-disp .user-action input[type=checkbox]:disabled {
  background-color: #FFF;
  border-color: #CCC;
}
div#session-disp .user-action.applied {
  color: var(--applied);
  background-color: #FFEED6;
}
div#session-disp .user-action.applied .user-action-label {
  position: relative;
  display: flex;
  align-items: center;
  color: currentColor;
}
div#session-disp .user-action.applied .user-action-label:before, div#session-disp .user-action.applied .user-action-label:after {
  content: "";
  flex: none;
  display: block;
  width: 40px;
  height: 40px;
}
div#session-disp .user-action.applied .user-action-label:before {
  border: 4px solid currentColor;
  border-radius: 50%;
}
div#session-disp .user-action.applied .user-action-label:after {
  position: absolute;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.156 13.489"%3E%3Cpath d="M24.395,12.138,17.413,18.5,14.067,15a2.614,2.614,0,0,0-3.871.1,2.688,2.688,0,0,0,.172,3.587l5.348,5.591a2.143,2.143,0,0,0,2.992.1l9.123-8.311a2.689,2.689,0,0,0,.418-3.568,2.612,2.612,0,0,0-3.854-.37" transform="translate(-9.59 -11.456)" /%3E%3C/svg%3E');
  mask-repeat: no-repeat;
  mask-position: 11.5px 13.8px;
  mask-size: 19.16px 13.49px;
}
div#session-disp .user-action.disabled {
  color: var(--sold-out);
}
div#session-disp .user-action.disabled .user-action-label {
  display: flex;
  align-items: center;
  color: var(--sold-out);
}
div#session-disp .user-action.disabled .user-action-label:before {
  content: "";
  flex: none;
  display: block;
  width: 33px;
  height: 33px;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33.222 33.222"%3E%3Cpath d="M16.611,0A16.611,16.611,0,1,0,33.222,16.611,16.629,16.629,0,0,0,16.611,0m0,30.222A13.611,13.611,0,1,1,30.222,16.611,13.627,13.627,0,0,1,16.611,30.222" /%3E%3Cpath d="M19.439,16.611l3.582-3.582A2,2,0,0,0,20.193,10.2l-3.582,3.582L13.029,10.2A2,2,0,0,0,10.2,13.029l3.583,3.582L10.2,20.193a2,2,0,0,0,2.829,2.828l3.582-3.582,3.582,3.582a2,2,0,0,0,2.828-2.828Z" /%3E%3C/svg%3E');
  mask-repeat: no-repeat;
  mask-size: contain;
}
div#session-disp .user-action.kyougou {
  color: var(--sold-out);
}
div#session-disp .user-action.kyougou .user-action-label {
  display: flex;
  align-items: center;
  color: currentColor;
}
div#session-disp .user-action.kyougou .user-action-label:before {
  content: "";
  flex: none;
  display: block;
  width: 33px;
  height: 33px;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33.222 33.222"%3E%3Cpath d="M16.611,0A16.611,16.611,0,1,0,33.222,16.611,16.63,16.63,0,0,0,16.611,0M30.222,16.611A13.526,13.526,0,0,1,27.531,24.7L8.52,5.691a13.586,13.586,0,0,1,21.7,10.92M3,16.611A13.52,13.52,0,0,1,5.692,8.52L24.7,27.53A13.585,13.585,0,0,1,3,16.611" /%3E%3C/svg%3E');
  mask-repeat: no-repeat;
  mask-size: contain;
}
div#session-disp .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 2em auto;
  font-size: 0.8571428rem;
  line-height: 156%;
  font-weight: 600;
  color: #263357;
  background-color: transparent;
}
div#session-disp .copy-url-button span {
  font-size: inherit;
  border-bottom: 1px solid currentColor;
  transition: border 0.25s ease;
}
div#session-disp .copy-url-button:hover span {
  border-bottom-color: transparent;
}
div#session-disp .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;
}
div#session-disp .copy-url-button.is-error {
  --message-bg-c: oklch(58.6% 0.253 17.585);
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
html {
  background: transparent;
}

.uk-lightbox-toolbar {
  background: transparent !important;
}

:root {
  --timetable-blue: #00AEFF;
  --white: #ffffff;
}

html:has(.page-timetable) {
  scroll-behavior: smooth;
}

/* ==================================================
  timetable-time
================================================== */
div.tt-header {
  padding: 1.5em;
  background-color: var(--white);
}
@media print, screen and (min-width: 959px) {
  div.tt-header {
    padding: 3em;
  }
}

div.tt-intro {
  font-size: 13px;
}
div.tt-intro div.ttl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 18px;
}
@media (min-width: 768px) {
  div.tt-intro div.ttl {
    gap: 48px;
  }
  .is-archive div.tt-intro div.ttl {
    gap: 48px 24px;
    margin-bottom: 1.5rem;
  }
}
div.tt-intro div.ttl svg {
  max-width: 80px;
  max-height: 40px;
  height: auto;
  fill: #253254;
}
@media (min-width: 768px) {
  div.tt-intro div.ttl svg {
    max-width: 85px;
    max-height: 40px;
  }
}
div.tt-intro div.ttl .tt-sect-title {
  margin: 0;
  font-weight: bold;
  font-size: 1.4rem;
  color: #253254;
  font-weight: 700;
  font-family: inherit;
}
@media (min-width: 768px) {
  div.tt-intro div.ttl .tt-sect-title {
    white-space: nowrap;
    font-size: 2rem;
  }
}
div.tt-intro div.ttl h3 {
  margin: 6px 0 0;
  font-size: 1rem;
  font-family: inherit;
  font-weight: bold;
  color: #111;
  line-height: 140%;
}
@media (min-width: 768px) {
  div.tt-intro div.ttl h3 {
    font-size: 1.2858rem;
  }
}
div.tt-intro div.text ul {
  margin: 0;
  padding: 0 0 0 1rem;
  list-style: disc;
}
div.tt-intro div.text ul li {
  line-height: 160%;
  font-size: 1rem;
}
div.tt-intro .example {
  width: fit-content;
  margin: 16px 0;
  color: #253254;
  border: 3px solid #b2e5ff;
  background-color: #b2e5ff;
  border-radius: 8px;
}
div.tt-intro .example h3 {
  margin: 0;
  padding: 0.389em 0;
  color: inherit;
  font-size: min(3.094vw, 18px);
  text-align: center;
}
div.tt-intro .example p {
  margin: 0;
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 0 min(2vw, 1.3rem);
  padding: 2px min(2vw, 1.125em) 4px;
  font-size: min(2.578vw, 15px);
  font-weight: 600;
  background-color: var(--white);
  border-radius: 6px;
  letter-spacing: -0.01em;
}
div.tt-intro .example p img {
  width: min(34vw, 213px);
  height: auto;
}
@media (min-width: 768px) {
  div.tt-intro .example p {
    letter-spacing: 0;
  }
}

div#tt-intro-btns {
  position: sticky;
  top: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 1px;
  width: 100%;
  border-top: solid 5px var(--timetable-blue);
  z-index: 300;
  align-items: center;
  background-color: #b2e9ff;
}
div#tt-intro-btns > div {
  height: 100%;
  margin-top: 1px;
}
div#tt-intro-btns > div a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0.742em 0;
  font-family: "Oswald", sans-serif;
  letter-spacing: 3px;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  background-color: #EAEAEA;
  color: #263357;
  line-height: 24px;
}
@media print, screen and (min-width: 959px) {
  div#tt-intro-btns > div a {
    font-size: 30px;
    align-items: baseline;
  }
}
div#tt-intro-btns > div a span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11px;
  letter-spacing: 0.5px;
}
@media print, screen and (min-width: 959px) {
  div#tt-intro-btns > div a span {
    font-size: 14px;
  }
}
div#tt-intro-btns > div a:hover {
  opacity: 0.5;
}
div#tt-intro-btns > div.uk-active {
  margin: 0;
}
div#tt-intro-btns > div.uk-active a {
  background-color: var(--timetable-blue);
  color: #FFF;
}

div.tt-wrap {
  overflow: auto;
  padding: 0;
  background-image: url("/hrsummit/2025/images/timetable/bg.webp");
  background-size: 100% auto;
  background-attachment: fixed;
  background-repeat: repeat-y;
}
@media print, screen and (min-width: 959px) {
  div.tt-wrap {
    background-image: url("/hrsummit/2025/images/timetable/bg_lg.webp");
  }
}
div.tt-wrap div.sem-container {
  width: min(100%, 1557px);
  margin: 46px auto;
  padding: 0 12px;
}
@media print, screen and (min-width: 959px) {
  div.tt-wrap div.sem-container {
    margin: 62px auto;
    padding: 0 24px;
  }
}
@media print, screen and (min-width: 959px) {
  div.tt-wrap div.sem-container div.sem-col-date {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 124px 1fr;
    grid-auto-flow: column;
    gap: 1px;
  }
}
div.tt-wrap div.sem-container div.sem-col-date div.day > div,
div.tt-wrap div.sem-container div.sem-col-date div.place-wrap > div {
  display: flex;
  align-items: first baseline;
  justify-content: center;
  width: 100%;
  padding: 0.24em 0;
  color: #263357;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  font-weight: 700;
  background-color: rgba(from var(--white) r g b/0.6);
}
div.tt-wrap div.sem-container div.sem-col-date div.day {
  display: none;
}
@media print, screen and (min-width: 959px) {
  div.tt-wrap div.sem-container div.sem-col-date div.day {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.tt-wrap div.sem-container div.sem-col-date div.day span {
    font-family: unset;
    font-size: 0.85rem;
  }
}
div.tt-wrap div.sem-container div.sem-col-date div.place-wrap {
  display: none;
}
@media print, screen and (min-width: 959px) {
  div.tt-wrap div.sem-container div.sem-col-date div.place-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: column;
    gap: 1px;
  }
}
@media print, screen and (min-width: 959px) {
  div.tt-wrap div.sem-container div.sem-col {
    margin: 1px auto 0;
    display: grid;
    grid-template-columns: 124px 1fr;
    grid-auto-flow: column;
    gap: 1px;
  }
}
div.tt-wrap div.sem-container div.sem-col div.head-time {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 12px 0;
  font-weight: bold;
  color: #263357;
  background-color: rgba(from var(--white) r g b/0.6);
}
@media print, screen and (min-width: 959px) {
  div.tt-wrap div.sem-container div.sem-col div.head-time {
    margin: 0;
    justify-content: center;
    flex-wrap: wrap;
  }
}
div.tt-wrap div.sem-container div.sem-col div.head-time div {
  padding: 0.5em 1em;
  font-family: "Oswald", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 959px) {
  div.tt-wrap div.sem-container div.sem-col div.head-time div {
    margin: 0 1em;
    padding: 0;
    display: block;
    font-size: 2.14rem;
    height: unset;
  }
}
div.tt-wrap div.sem-container div.sem-col div.head-time div strong {
  display: block;
  margin-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: var(--white);
  background-color: #263357;
  width: 2em;
  height: 2em;
  border-radius: 50%;
}
@media print, screen and (min-width: 959px) {
  div.tt-wrap div.sem-container div.sem-col div.head-time div strong {
    margin-right: 0;
    margin-bottom: 1rem;
    line-height: 100%;
    width: 69px;
    height: 69px;
  }
}
div.tt-wrap div.sem-container div.sem-col div.head-time div hr {
  margin: 0 6px;
  height: 2px;
  width: 1em;
  border: none;
  background-color: #263357;
}
@media print, screen and (min-width: 959px) {
  div.tt-wrap div.sem-container div.sem-col div.head-time div hr {
    margin: 6px auto;
    width: 4px;
    height: 27px;
  }
}

div#Archive {
  padding-top: 40px;
}

div.orderBtnArea {
  margin: 3em auto;
  text-align: center;
}

/* ==================================================
	FLOATING BUTTIN
================================================== */
.tt-filter ul {
  margin: 0;
  padding: 1em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.tt-filter ul li {
  padding: 0;
}
.tt-filter a {
  padding: 2px 12px;
  cursor: pointer;
  font-weight: bold;
  font-size: 12px;
  color: #7C7C7C;
  border-radius: 16px;
  height: 28px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.tt-filter a:hover {
  opacity: 0.5;
}
.tt-filter a.highlight {
  color: #FFF;
  background: var(--timetable-blue);
}
.tt-filter a.disabled_clear {
  padding: 4px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  max-width: 100px;
  background: #FFF;
  color: #666;
  text-decoration: none;
  font-size: 12px;
  height: 28px;
}
.tt-filter a.disabled_clear i {
  margin-right: 0.3em;
}
.tt-filter a.disabled_clear:hover {
  opacity: 0.5;
}

div#tt-filter-wrap {
  background-color: #FFF;
  min-height: 64px;
}
div#tt-filter-wrap.uk-active {
  border-bottom: solid 1px #CCC;
}
@media only screen and (max-width: 958px) {
  div#tt-filter-wrap {
    display: none;
  }
}
div#tt-filter-wrap .tt-filter {
  display: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media print, screen and (min-width: 959px) {
  div#tt-filter-wrap .tt-filter {
    margin: 0 auto;
    padding: 0 1em;
    border-bottom: solid 1px #F3F3F3;
    gap: 4px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
div#tt-filter-wrap .tt-filter h2 {
  padding: 0;
  margin: 0 0.5em 0 0;
  font-weight: bold;
  white-space: nowrap;
  font-size: 14px;
  color: #333;
}
div#tt-filter-wrap .tt-filter ul {
  margin: 0;
  padding: 1em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
div#tt-filter-wrap .tt-filter ul li {
  padding: 0;
}
div#tt-filter-wrap .tt-filter ul li a {
  padding: 2px 12px;
  cursor: pointer;
  font-weight: bold;
  font-size: 12px;
  color: #7C7C7C;
  border-radius: 16px;
  height: 28px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
div#tt-filter-wrap .tt-filter ul li a:hover {
  opacity: 0.5;
}
div#tt-filter-wrap .tt-filter ul li a.highlight {
  color: #FFF;
  background: var(--timetable-blue);
}

div#tt-fixed-nav {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 1rem 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 30;
  background: rgba(64, 64, 64, 0.8);
}
div#tt-fixed-nav .counter {
  margin: 0;
  color: #FFD800;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}
div#tt-fixed-nav .counter-number {
  font-size: 1.5em;
}
@media (min-width: 42rem) {
  div#tt-fixed-nav {
    gap: 0.5rem 2.375rem;
    padding: 1.75rem 10px;
  }
  div#tt-fixed-nav .counter {
    font-size: 16px;
  }
}
div#tt-fixed-nav div.uk-inline button#btn-sch {
  padding: 0 8px;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  background: transparent;
  outline: none;
  box-shadow: none;
  border: none;
}
div#tt-fixed-nav div.uk-inline button#btn-sch i {
  font-size: 20px;
}
div#tt-fixed-nav div.uk-inline div.uk-dropdown {
  padding: 0;
  border-left: solid 1px #FFF;
  border-right: solid 1px #FFF;
}
div#tt-fixed-nav div.uk-inline div.uk-dropdown a {
  padding: 1em;
  display: block;
  width: 100%;
  text-decoration: none;
  border-top: solid 1px #FFF;
}
div#tt-fixed-nav div.uk-inline div.uk-dropdown a.live {
  background-color: #8C054A;
  background: #FF416C; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #FF4B2B, #FF416C); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #FF4B2B, #FF416C); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #FFF;
}
div#tt-fixed-nav div.uk-inline div.uk-dropdown a.video {
  background-color: #088ec3;
  background: #00B4DB; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #0083B0, #00B4DB); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #0083B0, #00B4DB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #FFF;
}
div#tt-fixed-nav button.tt-login-btn {
  margin: 0 auto;
}

.tt-submit-btn {
  display: flex;
  gap: 0 0.59em;
  align-items: center;
  padding: 0.8181em 1.5em;
  color: #263357;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  background-color: #FFD800;
  border-radius: 1.5em;
}
.tt-submit-btn:before {
  content: "";
  flex: none;
  display: block;
  width: 1.1818em;
  height: 1.1818em;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26"%3E%3Cpath d="M-305-246h-18a4,4,0,0,1-4-4v-18a4,4,0,0,1,4-4h18a4,4,0,0,1,4,4v18A4.005,4.005,0,0,1-305-246Zm-12.812-14.606h0a1.707,1.707,0,0,0-1.29.592,1.751,1.751,0,0,0,.113,2.332l3.476,3.634a1.382,1.382,0,0,0,1.007.43,1.389,1.389,0,0,0,.938-.363l5.93-5.4a1.75,1.75,0,0,0,.272-2.318,1.69,1.69,0,0,0-1.362-.684,1.693,1.693,0,0,0-1.143.443l-4.538,4.135-2.175-2.274a1.683,1.683,0,0,0-1.227-.524Z" transform="translate(327 272)" /%3E%3C/svg%3E');
  mask-size: cover;
  mask-repeat: no-repeat;
}
@media print, screen and (min-width: 959px) {
  .tt-submit-btn {
    font-size: 22px;
  }
}
.tt-submit-btn:hover {
  opacity: 0.75;
  color: #FFF;
}

.tt-filter-btn {
  display: flex;
  gap: 0 0.715em;
  align-items: center;
  padding: 0.77em 1.3em 0.85em 1.07em;
  color: var(--white);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  background-color: #0DACFC;
  border-radius: 1.5em;
}
.tt-filter-btn:before {
  content: "";
  display: block;
  width: 0.8125em;
  height: 0.8125em;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.925 16.194"%3E%3Cpath d="M0,0V2.7L6.256,7.557v8.637l3.412-2.159V7.557L15.925,2.7V0Z" transform="translate(0 0)" /%3E%3C/svg%3E');
  mask-size: cover;
}

/* tool tip*/
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;
}

div#session-disp {
  background: #FFF;
}

#tt-sem-recommend {
  max-width: 1200px;
  margin-inline: auto;
  padding: 46px 12px;
}
#tt-sem-recommend h3 {
  margin: 0 auto 1em;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
}
#tt-sem-recommend .card-seminar {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
@media print, screen and (min-width: 959px) {
  #tt-sem-recommend {
    padding: 98px 12px;
  }
  #tt-sem-recommend h3 {
    font-size: 4.29rem;
  }
  #tt-sem-recommend div.card-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }
  #tt-sem-recommend .card-seminar {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  }
  .is-archive #tt-sem-recommend .card-body {
    display: flex;
    flex-direction: column;
  }
  .is-archive #tt-sem-recommend .thum {
    margin-top: auto;
  }
}

@media screen and (min-width: 640px) {
  #tt-sem-archive div.card-container {
    gap: 0 8px;
    grid-template-columns: repeat(2, 1fr);
  }
  #tt-sem-archive div.card-container .card-seminar {
    grid-row: auto/span 3;
    grid-template-rows: subgrid;
    margin-block: 4px;
  }
}
@media print, screen and (min-width: 959px) {
  #tt-sem-archive div.card-container {
    grid-auto-flow: unset;
  }
}
@media screen and (min-width: 1024px) {
  #tt-sem-archive div.card-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  #tt-sem-archive div.card-container {
    grid-template-columns: repeat(4, 1fr);
  }
}

/*--------------------------------------------------------------------------------------------------
 お申込みフォーム
*/
div#entry-wrap {
  margin: 40px auto;
  background: #FFF;
  max-width: 980px;
}
@media only screen and (max-width: 958px) {
  div#entry-wrap {
    margin: 0;
    padding: 2em 0.5em;
  }
}
div#entry-wrap div.lead {
  margin-bottom: 1em;
}
@media print, screen and (min-width: 959px) {
  div#entry-wrap div.lead {
    margin-bottom: 2em;
  }
}
div#entry-wrap div.lead h2 {
  margin-bottom: 2em;
  font-weight: bold;
  color: #253254;
  font-size: 1rem;
  border-left: solid 5px #253254;
  padding-left: 8px;
}
@media print, screen and (min-width: 959px) {
  div#entry-wrap div.lead h2 {
    font-size: 1.4em;
  }
}
div#entry-wrap div.lead h3 {
  font-weight: bold;
  font-size: 1em;
  color: #f80303;
}
@media print, screen and (min-width: 959px) {
  div#entry-wrap div.lead h3 {
    font-size: 1.2em;
  }
}
div#entry-wrap div.lead p {
  text-align: left;
}
div#entry-wrap div.session-conf {
  margin: 0 auto;
}
div#entry-wrap div.session-conf table.conf-table tr {
  border: 1px solid #e5e5e5;
  margin-bottom: 1em;
  border-radius: 8px;
  overflow: hidden;
}
div#entry-wrap div.session-conf table.conf-table tr th {
  background: #F3F3F3;
  padding: 0.8em 1em;
  font-weight: bold;
  text-align: center;
}
@media print, screen and (min-width: 959px) {
  div#entry-wrap div.session-conf table.conf-table tr th {
    border: solid 1px #CCC;
  }
}
@media print, screen and (min-width: 959px) {
  div#entry-wrap div.session-conf table.conf-table tr td {
    border: solid 1px #CCC;
  }
}
div#entry-wrap div.session-conf table.conf-table tr td.id {
  padding-top: 8px;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
  font-size: 14px;
  white-space: nowrap;
  color: #253254;
  border-bottom: dotted 1px #CCC;
  background: #d3e4fb;
}
@media print, screen and (min-width: 959px) {
  div#entry-wrap div.session-conf table.conf-table tr td.id {
    padding-top: 16px;
    vertical-align: middle;
    text-align: center;
    background: #FFF;
  }
}
div#entry-wrap div.session-conf table.conf-table tr td.ttl {
  font-weight: bold;
  font-size: 1.2rem;
  color: #333;
}
div#entry-wrap div.session-conf table.conf-table tr td.ttl p.company {
  font-size: 12px;
  color: #606060;
  font-weight: normal;
}
div#entry-wrap div.session-conf table.conf-table tr td.date {
  white-space: nowrap;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  display: flex;
  align-items: center;
  color: #333;
}
@media print, screen and (min-width: 959px) {
  div#entry-wrap div.session-conf table.conf-table tr td.date {
    display: table-cell;
    max-width: 130px;
  }
}
div#entry-wrap div.session-conf table.conf-table tr td.date p {
  margin: 0 6px;
  font-family: "Oswald", sans-serif;
  color: #727272 !important;
}
@media print, screen and (min-width: 959px) {
  div#entry-wrap div.session-conf table.conf-table tr td.date p {
    margin: 6px 0;
  }
}
div#entry-wrap div.session-conf table.conf-table tr td.status {
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
}
@media print, screen and (min-width: 959px) {
  div#entry-wrap div.session-conf table.conf-table tr td.status {
    max-width: 160px;
  }
}
div#entry-wrap div.session-conf table.conf-table tr.ng {
  opacity: 0.7;
}
div#entry-wrap div.session-conf table.conf-table tr.ng td {
  background: #c7c7c7;
}
div#entry-wrap div.session-conf table.conf-table tr.ng td p.ng-text {
  color: red;
  font-weight: bold;
}
div#entry-wrap div.session-conf table.conf-table tr.ng td.id {
  color: #868686;
}
div#entry-wrap div.session-conf table.conf-table tr.ng td.status {
  color: red;
  font-weight: bold;
  line-height: 120%;
  font-size: 12px;
  text-align: left;
}
div#entry-wrap div.session-conf div.notice {
  margin: 2em 0;
  padding: 2em;
  border: solid 2px #333;
}
div#entry-wrap div.session-conf div.notice h3 {
  margin-bottom: 2em;
  padding-bottom: 0.5em;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}
div#entry-wrap div.session-conf div.notice ul li {
  margin-top: 1em;
}
div#entry-wrap div.session-conf div.notice p.notice-text {
  margin: 1em 0;
  padding: 2em;
  background-color: #F1F1F1;
  color: red;
}
div#entry-wrap div.session-conf .sem-alert {
  font-size: 1.2rem;
  color: red;
}
div#entry-wrap div.session-conf div#CmnOrderFormWrap {
  margin: 0 auto;
  border-radius: 4px;
  background-color: #F3F3F3;
}
@media only screen and (max-width: 958px) {
  div#entry-wrap div.session-conf div#CmnOrderFormWrap {
    padding: 1.5em 1em;
  }
  div#entry-wrap div.session-conf div#CmnOrderFormWrap.uk-margin-large-bottom {
    margin-bottom: 1em !important;
  }
}
div#entry-wrap div.session-conf div#CmnOrderFormWrap h3 {
  margin-bottom: 1em;
  font-weight: bold;
  background: #253254;
  color: #FFF;
  padding: 6px;
  text-align: center;
}
div#entry-wrap div.policy-area {
  margin: 3em 0;
  padding: 1rem;
  height: 360px;
  overflow-y: scroll;
  border: solid 1px #CCC;
}
div#entry-wrap div.policy-area h4 {
  font-size: 1rem;
}
@media print, screen and (min-width: 959px) {
  div#entry-wrap div.policy-area {
    padding: 2em;
  }
}
div#entry-wrap div.order-btn-area {
  margin: 3em 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
div#entry-wrap div.order-btn-area .uk-button {
  min-width: 130px;
}
@media print, screen and (min-width: 959px) {
  div#entry-wrap div.order-btn-area .uk-button {
    padding: 0.5rem 10px;
    font-size: 1.2em;
    min-width: 240px;
  }
}
div#entry-wrap div.order-btn-area .uk-button.uk-button-submit {
  background: #FF3300;
  color: #FFF;
}
div#entry-wrap div.order-btn-area .uk-button.uk-button-submit:hover {
  background: #F7BF00 !important;
}
div#entry-wrap div.order-btn-area .uk-button:disabled {
  background: #CCC !important;
}

/**********************************************/
/* 講演詳細 */
/**********************************************/
div#smt-movie-wrap {
  margin-bottom: 3em;
}
div#smt-movie-wrap * {
  font-size: 14px;
}
div#smt-movie-wrap h3 {
  background: #263357;
  padding: 8px;
  text-align: center;
  color: #FFF;
}
div#smt-movie-wrap div.movie-area {
  padding-block: 2em;
}
div#smt-movie-wrap div.movie-area .button-expand {
  display: none;
  padding: 8px;
  background-color: #ffffff;
}
@media print, screen and (min-width: 959px) {
  div#smt-movie-wrap div.movie-area {
    width: 100%;
    display: flex;
  }
  div#smt-movie-wrap div.movie-area .button-expand {
    display: block;
  }
}
div#smt-movie-wrap div.movie-area div.movie-cts {
  aspect-ratio: 16/9;
  width: 100%;
  height: fit-content;
  background-color: #000;
}
@media print, screen and (min-width: 959px) {
  div#smt-movie-wrap div.movie-area div.movie-cts {
    flex: 3;
    transition: flex 0.35s;
  }
}
@media only screen and (max-width: 958px) {
  div#smt-movie-wrap div.movie-area div.movie-cts {
    margin-bottom: 1em;
  }
  div#smt-movie-wrap div.movie-area div.movie-cts iframe {
    width: 100%;
  }
}
div#smt-movie-wrap div.movie-area div.movie-side {
  display: grid;
  grid-template-rows: auto max-content;
  gap: 18px 0;
}
div#smt-movie-wrap div.movie-area div.movie-side iframe {
  min-height: 420px;
}
@media print, screen and (min-width: 959px) {
  div#smt-movie-wrap div.movie-area div.movie-side {
    flex: 1;
    transition: flex 0.35s;
  }
  div#smt-movie-wrap div.movie-area div.movie-side.is-expand {
    flex: 2;
  }
  div#smt-movie-wrap div.movie-area div.movie-side iframe {
    min-height: auto;
  }
}
div#smt-movie-wrap div.movie-area div.movie-side .movie-side-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px 0;
  height: fit-content;
  background-color: #ffffff;
}
div#smt-movie-wrap div.movie-area div.movie-side .button-download {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 42px;
  min-width: 120px;
  color: #FFF;
  background: #FC6437;
  border-radius: 6px;
}
div#smt-movie-wrap div.movie-area div.movie-side .u-button-text {
  line-height: 1.5;
}
div#smt-movie-wrap div.enq-tokuten-area {
  margin: 0 0 1em;
}
div#smt-movie-wrap div.enq-tokuten-area h4 {
  margin: 1em 0 0.5em;
  color: #FC6437;
  font-weight: 700;
  font-size: 22px;
  text-align: center;
  line-height: 160%;
}
@media print, screen and (min-width: 959px) {
  div#smt-movie-wrap div.enq-tokuten-area h4 {
    font-size: 30px;
  }
}
div#smt-movie-wrap div.enq-tokuten-area .enq-tokuten-text {
  display: grid;
  gap: 2rem;
}
div#smt-movie-wrap div.enq-tokuten-area a.movie-enq-btn {
  display: block;
  width: fit-content;
  margin: 1em auto 0;
  padding: 1em 2em;
  color: #FC6437;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  border: 1px solid #FC6437;
  border-radius: 1.5em;
}
div#smt-movie-wrap div.enq-tokuten-area a.movie-enq-btn:hover {
  opacity: 0.75;
}
div#smt-movie-wrap div.enq-tokuten-area div.gift {
  margin: 0 auto;
  padding: 1.5rem;
  width: min(100%, 740px);
  box-sizing: border-box;
  text-align: left;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
div#smt-movie-wrap div.enq-tokuten-area div.gift h5 {
  width: min(100%, 330px);
  margin: 0 auto 1.5em;
  padding: 0.54em 0.25em;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  background-color: #FC6437;
  border-radius: 6px;
}
div#smt-movie-wrap div.enq-tokuten-area div.gift p {
  margin: 1em 0;
  padding: 0 1em;
  text-align: center;
  line-height: 160%;
}
div#smt-movie-wrap div.enq-tokuten-area div.gift p b {
  display: block;
  color: #F54545;
  font-size: 1.5em;
  font-weight: 700;
  text-decoration: underline;
}
div#smt-movie-wrap div.enq-tokuten-area div.gift p:first-of-type {
  font-size: 1.142857rem;
  font-weight: 700;
}
div#smt-movie-wrap div.enq-tokuten-area div.gift p:nth-of-type(2) {
  font-size: 1rem;
}
div#smt-movie-wrap div.movie-dl-area {
  padding: 2em 0;
}
div#smt-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: 959px) {
  div#smt-movie-wrap div.movie-dl-area div.dl-area {
    grid-template-columns: repeat(4, 1fr);
  }
}
div#smt-movie-wrap div.movie-dl-area div.dl-area div.uk-card a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
div#smt-movie-wrap div.movie-dl-area div.dl-area div.uk-card a div.text {
  margin-left: 1em;
  font-size: 13px;
}
div#smt-movie-wrap div.movie-dl-area div.company {
  margin: 1rem 0;
  padding: 1em;
  text-align: right;
}
@media print, screen and (min-width: 959px) {
  div#smt-movie-wrap div.movie-dl-area div.company {
    padding: 2em 1em;
    gap: 8px;
  }
}
div#smt-movie-wrap div.movie-dl-area div.company div {
  text-align: right;
}
div#smt-movie-wrap div.movie-foot {
  margin: 2em auto;
  padding: 2em 0;
  background-color: #FFF;
}
div#smt-movie-wrap div.movie-foot ul {
  margin: 0;
  padding: 0 !important;
}
div#smt-movie-wrap div.movie-foot div.btnarea {
  margin-top: 3em;
  text-align: center;
}
div#smt-movie-wrap div.movie-foot div.btnarea a {
  margin: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  max-width: -webkit-fill-available;
}
div#smt-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: 959px) {
  div#smt-movie-wrap div.movie-bottom-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1em;
  }
}
div#smt-movie-wrap div.movie-bottom-nav div.movie-head {
  background: transparent;
}
@media print, screen and (min-width: 959px) {
  div#smt-movie-wrap div.movie-bottom-nav div.movie-head {
    padding: 1.2em;
  }
}
div#smt-movie-wrap div.movie-bottom-nav div.movie-head div.ttl-wrap {
  margin: 0 auto;
}
@media print, screen and (min-width: 959px) {
  div#smt-movie-wrap div.movie-bottom-nav div.movie-head div.ttl-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
div#smt-movie-wrap div.movie-bottom-nav div.movie-head div.ttl-wrap div.num {
  width: 30%;
  margin: 0.5em 0 1em;
  background: #263357;
  color: #FFF;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
  line-height: 24px;
}
@media print, screen and (min-width: 959px) {
  div#smt-movie-wrap div.movie-bottom-nav div.movie-head div.ttl-wrap div.num {
    margin: 0 1em 0;
    width: 58px;
    height: 58px;
    line-height: 58px;
    min-width: 58px;
    font-size: 18px;
  }
}
div#smt-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#smt-movie-wrap div.movie-bottom-nav div.movie-head div.ttl-wrap h2 {
  margin: 0;
  font-size: 1em;
  color: #FFF;
}
div#smt-movie-wrap div.movie-bottom-nav div.movie-head div.ttl-wrap p {
  margin: 0;
  color: #FFF;
}
div#smt-movie-wrap div.movie-bottom-nav div.movie-nav {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 959px) {
  div#smt-movie-wrap div.movie-bottom-nav div.movie-nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
div#smt-movie-wrap div.movie-bottom-nav div.movie-nav ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
div#smt-movie-wrap div.movie-bottom-nav div.movie-nav ul li {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div#smt-movie-wrap div.movie-bottom-nav div.movie-nav ul li a {
  padding: 0 1em;
  color: #FFF;
}
div#smt-movie-wrap div.movie-bottom-nav div.movie-nav ul li a i {
  margin-left: 4px;
  height: 12px;
  color: #fd8d1c;
}
div#smt-movie-wrap div.movie-bottom-nav div.movie-nav ul li a:hover {
  opacity: 0.75;
}
div#smt-movie-wrap div.movie-bottom-nav div.movie-nav ul li:after {
  margin-left: 4px;
  height: 14px;
  content: "";
  border-right: solid 1px #CCC;
}
div#smt-movie-wrap div.movie-bottom-nav div.movie-nav ul li:last-child:after {
  display: none;
}
div#smt-movie-wrap div.movie-bottom-nav div.movie-nav .balloon {
  display: none;
}
div#smt-movie-wrap div.movie-bottom-nav div.movie-nav .balloon:before {
  display: none;
}
@media print, screen and (min-width: 959px) {
  div#smt-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: #FC6437;
    box-sizing: border-box;
    border-radius: 8px;
  }
  div#smt-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#smt-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 #FC6437;
    z-index: 0;
  }
}

div#movie-qa h2 {
  font-size: 1.2rem;
  text-align: center;
}
div#movie-qa ul.uk-list-divider {
  padding: 0;
}
div#movie-qa ul.uk-list-divider > li {
  padding: 1.5em 0;
}
div#movie-qa ul.uk-list-divider > li h3 {
  font-size: 1.15rem;
  font-weight: bold;
  color: #263357;
}
div#movie-qa ul.uk-list-divider > li ul li {
  padding: 0;
  list-style: none;
}

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: #263357;
}
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: #d3e4fb;
}
div#modal-enq div.uk-modal-dialog div.enq-wrap::-webkit-scrollbar-thumb {
  background-color: #263357;
}
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;
}

.CmnBtnClr {
  background: #FF3300 !important;
}

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

/*--------------------------------------------------------------------------------------------------
 コンテンツエリア
*/
#QaWrap {
  padding-top: 40px;
  position: relative;
  /* NAVIGATION */
}
#QaWrap #QaLeft {
  position: absolute;
  top: 40px;
  background: #FFF;
  max-width: 260px;
}
#QaWrap #QaLeft ul {
  padding: 0;
  list-style: none;
  width: 260px;
}
#QaWrap #QaLeft ul li {
  margin-bottom: 10px;
}
#QaWrap #QaLeft ul li a {
  display: block;
  text-align: left;
  font-weight: bold;
  padding: 12px;
}
#QaWrap #QaLeft ul li a:hover {
  text-decoration: none;
  background: #d3e4fb;
  color: #333;
}
#QaWrap #QaRight {
  margin-left: 280px;
}
#QaWrap #QaRight h2 {
  margin: 2em 0;
  color: #253254;
  font-weight: bold;
  text-align: center;
}
#QaWrap #QaRight h3 {
  margin-bottom: 1em;
  background: #333333;
  padding: 6px 12px;
  font-weight: bold;
  color: #FFF;
}
#QaWrap #QaRight div.list {
  margin-bottom: 3em;
  padding: 2em;
  border: solid 1px #CCC;
}
#QaWrap #QaRight dt {
  margin-bottom: 1em;
  padding-left: 2.5em;
  padding-top: 1em;
  font-weight: bold;
  border-top: dotted 2px #CCC;
  font-size: 18px;
  position: relative;
  color: #263357;
}
#QaWrap #QaRight dt strong {
  position: absolute;
  top: 16px;
  left: 0em;
  padding: 2px 4px;
  background: #263357;
  color: #FFF;
  font-size: 0.75rem;
}
#QaWrap #QaRight dd {
  margin-bottom: 3em;
  margin-left: 35px;
}
#QaWrap #QaRight dd > ol > li {
  margin-bottom: 0.5em !important;
  padding: 0;
}
#QaWrap #QaRight dd > ol > li > ul {
  list-style: disc;
}
#QaWrap #QaRight dd h4 {
  margin: 2rem 0 0;
  font-size: 1rem;
  font-weight: bold;
}

@media (max-width: 960px) {
  #QaWrap {
    position: relative;
    /* NAVIGATION */
  }
  #QaWrap #QaLeft {
    margin-bottom: 3em;
    position: unset;
    width: 100% !important;
    max-width: unset;
  }
  #QaWrap #QaLeft ul {
    padding: 0;
    max-width: unset;
    width: unset;
  }
  #QaWrap #QaLeft ul li {
    margin-bottom: 3px;
  }
  #QaWrap #QaLeft ul li a {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 0.85rem;
    padding: 12px 0;
  }
  #QaWrap #QaLeft ul li a:hover {
    text-decoration: none;
    background: #d3e4fb;
    color: #FFF;
  }
  #QaWrap #QaRight {
    margin-left: unset;
  }
  #QaWrap #QaRight h2 {
    margin: 1em 0;
    color: #253254;
    font-weight: bold;
    text-align: center;
    font-size: 1.2rem;
  }
  #QaWrap #QaRight h3 {
    margin-bottom: 1em;
    background: #333333;
    padding: 6px 12px;
    font-weight: bold;
    color: #FFF;
  }
  #QaWrap #QaRight div.list {
    margin-bottom: 2em;
    padding: 1em;
    border: solid 1px #CCC;
  }
  #QaWrap #QaRight dt {
    margin-bottom: 1em;
    padding-left: 42px;
    padding-top: 10px;
    font-weight: bold;
    border-top: dotted 2px #CCC;
    font-size: 1rem;
    position: relative;
    color: #263357;
  }
  #QaWrap #QaRight dt strong {
    position: absolute;
    top: 10px;
    left: 0em;
    padding: 2px 4px;
    background: #263357;
    color: #FFF;
    font-size: 0.75rem;
  }
  #QaWrap #QaRight dd {
    margin-bottom: 3em;
    margin-left: 0;
  }
  #QaWrap #QaRight dd ul {
    margin-bottom: 2em !important;
    padding: 0;
    list-style: none;
  }
  #QaWrap #QaRight dd li {
    margin-bottom: 5px !important;
    padding: 0;
  }
  #QaWrap #QaRight dd h4 {
    margin: 1em 0 0;
    font-size: 1rem;
    font-weight: bold;
  }
}
h1.lab {
  color: #84262d;
}
h1.lab svg {
  max-height: 60px;
  height: auto;
  z-index: 1;
  position: relative;
  fill: #263357;
  max-width: 15%;
}

#NHLWrap {
  padding: 3rem 0;
  background: #eaeaea;
}
#NHLWrap h1.uk-h1 {
  color: #84262d;
  font-size: 1.8rem;
  font-weight: bold;
}
#NHLWrap div.card-wrap {
  margin-top: 3rem;
  padding: 8px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 8px;
}
@media print, screen and (min-width: 959px) {
  #NHLWrap div.card-wrap {
    padding: 12px;
    gap: 12px;
    grid-template-columns: repeat(3, 1fr);
  }
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card {
  height: 100%;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header {
  padding: 12px;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header div.info {
  margin-bottom: 0.5em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /* タイトル回り */
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header div.info div.SesNum {
  margin-right: 10px;
  font-size: 1.3rem;
  font-family: "Oswald", sans-serif;
  display: inline-block;
  height: 45px;
  width: 70px;
  background: #263357;
  line-height: 45px;
  color: #FFF !important;
  text-align: center;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header div.info div.date {
  margin: 0;
  gap: 6px;
  font-size: 14px;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media print, screen and (min-width: 959px) {
  #NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header div.info div.date {
    gap: 12px;
    font-size: 18px;
  }
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header div.info div.date span {
  margin-right: 1em;
  font-size: 14px;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header div.info div.date span.time {
  font-family: "Oswald", sans-serif;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header div.info div.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-direction: column;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header div.info div.icon div.special {
  margin-left: 0.5em;
  display: inline-block;
  position: relative;
  height: 24px; /*高さ*/
  line-height: 24px; /*高さ*/
  text-align: center;
  padding: 0 18px; /*文字の2左右の余白*/
  font-size: 13px; /*文字サイズ*/
  background: #d62136; /*背景色*/
  color: #FFF; /*文字色*/
  box-sizing: border-box;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header div.info div.icon div.special:before, #NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header div.info div.icon div.special:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header div.info div.icon div.special:before {
  top: 0;
  left: 0;
  border-width: 12px 0px 12px 6px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header div.info div.icon div.special:after {
  top: 0;
  right: 0;
  border-width: 12px 6px 12px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header div.info div.icon div.status {
  background-color: #BC080B;
  color: #FFF;
  font-weight: bold;
  font-size: 12px !important;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  min-width: 60px;
}
@media print, screen and (min-width: 959px) {
  #NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header div.info div.icon div.status {
    min-width: 90px;
  }
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header a {
  text-decoration: underline;
  color: #333;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header a:hover * {
  color: #1565c0;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header a h3 {
  margin: 0;
  font-weight: bold;
  font-size: 1.3rem;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-header a h4 {
  margin: 0;
  font-weight: bold;
  font-size: 0.9rem;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-body {
  padding: 12px;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-body img {
  max-width: 100%;
  height: auto;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-body p.uk-text-meta {
  margin-top: 1em;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-footer {
  padding: 12px;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-footer img {
  max-width: 80px;
  width: 100%;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-footer p.name {
  font-size: 0.8rem;
}
#NHLWrap div.card-wrap div.nhlCard div.uk-card div.uk-card-footer p.name strong {
  margin-bottom: 0.5em;
  font-size: 1.2em;
  font-weight: bold;
  color: #111;
  display: block;
}

div#enq-wrap {
  margin: 0 auto;
  padding: 2em;
  max-width: 960px;
}
div#enq-wrap div#enq-head {
  margin-bottom: 2em;
}
div#enq-wrap div#enq-head div#ttl-head {
  margin-bottom: 1em;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: bold;
  gap: 24px;
}
div#enq-wrap div#enq-head div#ttl-head div.ses-num {
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
  min-height: 60px;
  min-width: 60px;
  background: #263357;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media only screen and (max-width: 958px) {
  div#enq-wrap div#enq-head div#ttl-head div.ses-num {
    font-size: 1.3rem;
    width: 45px;
    height: 45px;
  }
}
div#enq-wrap div#enq-head div#ttl-head div.ttl {
  width: 100%;
}
div#enq-wrap div#enq-head div#ttl-head div.ttl h1 {
  margin: 0 0 8px;
  font-size: 30px;
  color: #111;
  font-weight: bold;
  line-height: 120%;
}
@media only screen and (max-width: 958px) {
  div#enq-wrap div#enq-head div#ttl-head div.ttl h1 {
    font-size: 1.2rem;
  }
}
div#enq-wrap div#enq-head div#ttl-head div.ttl h1 strong {
  margin-top: 10px;
  display: block;
  font-size: 18px;
  font-weight: bolder;
  line-height: 120%;
}
@media only screen and (max-width: 958px) {
  div#enq-wrap div#enq-head div#ttl-head div.ttl h1 strong {
    font-size: 0.8rem;
  }
}
div#enq-wrap div#enq-head div#ttl-text {
  padding-top: 1.5em;
  border-top: solid 1px #c2c2c2;
  width: 100%;
  margin-top: 1em;
}
@media print, screen and (min-width: 959px) {
  div#enq-wrap div#enq-head div#ttl-text {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
div#enq-wrap div#enq-head div#ttl-text p {
  margin: 0;
}
@media only screen and (max-width: 958px) {
  div#enq-wrap div#enq-head div#ttl-text p {
    font-size: 0.8em;
  }
}
div#enq-wrap div#enq-head div#ttl-text p.kousi {
  margin: 0 0 0.5em;
}
@media print, screen and (min-width: 959px) {
  div#enq-wrap div#enq-head div#ttl-text p.company {
    margin-left: 1em;
    text-align: right;
  }
}
div#enq-wrap div#enq-lead h3 {
  width: 80%;
  margin: 0px auto 1em;
  padding: 28px;
  font-weight: bold;
  font-size: 1.2rem;
  background: rgb(254, 226, 226);
  color: rgb(153, 27, 27);
  text-align: center;
}
div#enq-wrap div.enq-area {
  margin: 5em 0;
  padding: 0 1em;
  text-align: center;
}
@media print, screen and (min-width: 959px) {
  div#enq-wrap div.enq-area {
    padding: 0;
  }
}
div#enq-wrap div.enq-area h4 {
  color: #FC6437;
  font-weight: 700;
  line-height: 160%;
}
@media print, screen and (min-width: 959px) {
  div#enq-wrap div.enq-area h4 {
    font-size: 30px;
  }
}
div#enq-wrap div.enq-area h4 strong {
  font-size: 15px;
}
div#enq-wrap div.enq-area h4 i {
  margin-right: 8px;
}
div#enq-wrap div.enq-area div.enq-tokuten-text {
  display: grid;
  gap: 2rem;
}
div#enq-wrap div.enq-area div.enq-tokuten-text div.gift {
  margin: 0 auto;
  padding: 1.5rem;
  width: min(100%, 740px);
  box-sizing: border-box;
  text-align: left;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
div#enq-wrap div.enq-area div.enq-tokuten-text div.gift h5 {
  width: min(100%, 330px);
  margin: 0 auto 1.5em;
  padding: 0.54em 0.25em;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  background-color: #FC6437;
  border-radius: 6px;
}
div#enq-wrap div.enq-area div.enq-tokuten-text div.gift p {
  margin: 1em 0;
  padding: 0 1em;
  text-align: center;
  line-height: 160%;
}
div#enq-wrap div.enq-area div.enq-tokuten-text div.gift p b {
  display: block;
  color: #F54545;
  font-size: 1.5em;
  font-weight: 700;
  text-decoration: underline;
}
div#enq-wrap div.enq-area div.enq-tokuten-text div.gift p:first-of-type {
  font-size: 1.142857rem;
  font-weight: 700;
}
div#enq-wrap div.enq-area div.enq-tokuten-text div.gift p:nth-of-type(2) {
  font-size: 1rem;
}

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 20px;
}
@media only screen and (max-width: 958px) {
  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;
}

:root {
  --caret-right: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.57 17.771"%3E%3Cpath d="M8.886,11.57.557,3.242A1.9,1.9,0,0,1,3.244.554L8.886,6.2,14.527.554a1.9,1.9,0,0,1,2.687,2.687Z" transform="translate(0 17.771) rotate(-90)" /%3E%3C/svg%3E');
  --caret-down: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.579 6.237"%3E%3Cpath d="M4.79,6.237.3,1.747A1.024,1.024,0,0,1,1.749.3L4.79,3.34,7.83.3A1.024,1.024,0,0,1,9.279,1.747Z" /%3E%3C/svg%3E');
}

#Smt2025TopWrap {
  overflow-x: hidden;
  position: relative;
  color: #253254;
  padding-top: 48px;
  background-image: url("../../hrsummit/2025/images/top/bg.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-color: #FFF;
  /*TopMain*/
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap {
    background-image: url("../../hrsummit/2025/images/top/bg_lg.webp");
  }
}
#Smt2025TopWrap * {
  text-transform: none;
  box-sizing: border-box;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap {
    padding-top: 0;
  }
}
#Smt2025TopWrap #topMain {
  position: relative;
  z-index: 1;
  background-image: url("../../hrsummit/2025/images/top/bg_cover.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-color: #FFF;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap #topMain {
    background-image: url("../../hrsummit/2025/images/top/bg_cover_lg.webp");
  }
}
#Smt2025TopWrap #topMain #topMainText {
  padding: 4.0714285rem 1rem 3rem;
  width: 100%;
  color: #263357;
}
#Smt2025TopWrap #topMain #topMainText .lead {
  margin: 0 0 1em;
  color: currentColor;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(4.2vw, 1.857142857rem);
  font-weight: 900;
  text-align: center;
}
#Smt2025TopWrap #topMain #topMainText h1 {
  margin: 0;
}
#Smt2025TopWrap #topMain #topMainText h1 img {
  width: min(100%, 1200px);
  height: auto;
}
#Smt2025TopWrap #topMain #topMainText h2 {
  margin: 0;
  color: currentColor;
  line-height: 1;
}
#Smt2025TopWrap #topMain #topMainText .en,
#Smt2025TopWrap #topMain #topMainText .ja {
  display: block;
}
#Smt2025TopWrap #topMain #topMainText .en {
  margin-bottom: 0.25em;
  font-size: min(9.5vw, 5rem);
  font-family: "Roboto", sans-serif;
  font-weight: 900;
}
#Smt2025TopWrap #topMain #topMainText .ja {
  display: block;
  font-size: min(5.4vw, 2.8571428rem);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
#Smt2025TopWrap #topMain #topMainText .top-main-group {
  display: grid;
  margin: 2.5rem 0 0;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap #topMain #topMainText .top-main-group {
    grid-auto-flow: column;
    grid-template-columns: max-content auto;
    gap: 0 24px;
    align-items: center;
  }
  #Smt2025TopWrap #topMain #topMainText .en {
    font-size: min(5vw, 5rem);
  }
  #Smt2025TopWrap #topMain #topMainText .ja {
    font-size: min(2.83vw, 2.8571428rem);
  }
  #Smt2025TopWrap #topMain #topMainText div.dateList {
    height: 100%;
    padding: 0 0 0 24px;
    border-left: 1px solid currentColor;
  }
  #Smt2025TopWrap #topMain #topMainText div.dateList div.day h4 {
    font-size: 1.85714rem;
  }
}
@media (min-width: 1024px) {
  #Smt2025TopWrap #topMain #topMainText .top-main-group {
    gap: 0 36px;
  }
  #Smt2025TopWrap #topMain #topMainText div.dateList {
    padding: 0 0 0 36px;
  }
  #Smt2025TopWrap #topMain #topMainText div.dateList div.day {
    gap: 0 20px;
  }
}
@media (min-width: 1440px) {
  #Smt2025TopWrap #topMain #topMainText .top-main-group {
    gap: 0 40px;
  }
  #Smt2025TopWrap #topMain #topMainText div.dateList {
    padding: 0 0 0 40px;
  }
  #Smt2025TopWrap #topMain #topMainText div.dateList div.day {
    gap: 0 25px;
  }
}
#Smt2025TopWrap #topMain #topMainText div.dateList {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  color: #0066b1;
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day {
  display: grid;
  grid-template-columns: min(15%, 70px) auto;
  align-items: center;
  gap: 0 20px;
  width: 100%;
  padding: 24px 0;
  container: datelist-date/inline-size;
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day svg {
  height: auto;
  fill: currentColor;
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day h4,
#Smt2025TopWrap #topMain #topMainText div.dateList div.day p {
  color: currentColor;
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day h4 {
  margin: 0 0 0.576923em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 1.6rem;
  line-height: 120%;
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day p {
  margin: 0;
  font-weight: 700;
  text-align: left;
  font-size: 1.0714285rem;
  letter-spacing: 0.02em;
  font-feature-settings: "palt" on;
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day b {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 2.266666em;
  font-weight: 900;
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day .break-conditional {
  display: none;
}
@container datelist-date (width < 445px) {
  #Smt2025TopWrap #topMain #topMainText div.dateList div.day .break-conditional {
    display: block;
  }
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day.live-stream svg {
  width: min(100%, 67px);
  aspect-ratio: 67/32;
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day.archive {
  border-top: 1px solid currentColor;
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day.archive svg {
  width: min(100%, 61px);
  aspect-ratio: 61/40;
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day.archive h4 {
  font-size: 1.0714285rem;
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day.archive b {
  font-size: 1.6em;
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day.archived {
  container: archived-date/inline-size;
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day.archived svg {
  width: 36px;
  height: 24px;
  vertical-align: bottom;
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day.archived h4 {
  font-size: 1.8571428rem;
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day.archived h4,
#Smt2025TopWrap #topMain #topMainText div.dateList div.day.archived p {
  grid-column: span 2;
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day.archived p {
  font-size: 1.57142857rem;
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day.archived b {
  font-size: 1.81818em;
}
#Smt2025TopWrap #topMain #topMainText div.dateList div.day.archived .time {
  font-size: 1.54545em;
}
@container archived-date (min-width: 470px) {
  #Smt2025TopWrap #topMain #topMainText div.dateList div.day.archived br {
    display: none;
  }
}
#Smt2025TopWrap #topMain #topGuest {
  visibility: hidden;
}
#Smt2025TopWrap #topMain #topGuest div.slider-item {
  position: relative;
}
#Smt2025TopWrap #topMain #topGuest div.slider-item a {
  color: currentColor;
}
#Smt2025TopWrap #topMain #topGuest div.slider-item div.photo {
  width: 100%;
  background: #FFF;
}
#Smt2025TopWrap #topMain #topGuest div.slider-item div.photo img {
  width: 100%;
  height: auto;
}
#Smt2025TopWrap #topMain #topGuest div.slider-item div.text {
  padding: 0.92857rem 6px;
  text-align: center;
}
#Smt2025TopWrap #topMain #topGuest div.slider-item div.text p {
  margin: 0;
  font-weight: 700;
  font-size: 0.8571428rem;
}
#Smt2025TopWrap #topMain #topGuest div.slider-item div.text b {
  margin-top: 0.5em;
  display: block;
  font-size: 1.166666em;
}
#Smt2025TopWrap #topMain #topGuest div.slider-item a:hover {
  opacity: 1 !important;
}
#Smt2025TopWrap #topMain #topGuest div.slider-item a:hover div.photo img {
  opacity: 0.75;
}
#Smt2025TopWrap #topMain #topGuest .slick-dots li {
  margin: 0;
}
#Smt2025TopWrap #topMain #topGuest .slick-dots li button:before {
  font-size: 12px; /* Change the size of the dots */
  color: #aeaeae; /* Change the color of the dots */
}
#Smt2025TopWrap #topMain #topGuest .slick-dots li.slick-active button:before {
  font-size: 12px; /* Change the size of the dots */
  color: #00aeff; /* Ensure the active dot is also white */
}
#Smt2025TopWrap #topMain div#topSummary {
  margin: 0 auto;
  padding: 55px 0 65px;
}
#Smt2025TopWrap #topMain div#topSummary div.summary {
  display: grid;
  gap: 42px 0;
  margin-bottom: 50px;
}
#Smt2025TopWrap #topMain div#topSummary div.summary br {
  display: none;
}
#Smt2025TopWrap #topMain div#topSummary div.summary p {
  margin: 0;
  font-size: 16px;
  line-height: 189%;
  font-weight: 700;
  text-align: center;
}
#Smt2025TopWrap #topMain div#topSummary div.summary strong {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  line-height: 147%;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap #topMain div#topSummary div.summary {
    margin-bottom: 113px;
  }
  #Smt2025TopWrap #topMain div#topSummary div.summary p {
    font-size: 18px;
  }
  #Smt2025TopWrap #topMain div#topSummary div.summary strong {
    font-size: 30px;
  }
  #Smt2025TopWrap #topMain div#topSummary div.summary br {
    display: block;
  }
}
#Smt2025TopWrap #topMain div#topSummary h3 {
  text-align: center;
}
#Smt2025TopWrap #topMain div#topSummary div.walking {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 3rem 0;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap #topMain div#topSummary div.walking {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: max-content max-content auto;
    gap: 0 60px;
  }
}
#Smt2025TopWrap #topMain div#topSummary div.walking div.cts {
  text-align: center;
}
#Smt2025TopWrap #topMain div#topSummary div.walking div.cts h4 {
  margin: 0;
  padding: 0.3em 0 0.25em;
  color: inherit;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  line-height: 155%;
  border-top: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}
#Smt2025TopWrap #topMain div#topSummary div.walking div.cts div.icon {
  height: 150px;
  padding-top: 35px;
}
#Smt2025TopWrap #topMain div#topSummary div.walking div.cts p {
  color: #253254;
  margin: 0;
  font-size: 16px;
  line-height: 156.25%;
}
#Smt2025TopWrap #topMain div#topSummary div.walking div.cts a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 228px;
  margin: 2em auto 0;
  padding: 0.45em 0;
  color: inherit;
  font-size: 16px;
  border: 1px solid currentColor;
  border-radius: 2.5em;
}
#Smt2025TopWrap #topMain div#topSummary div.walking div.cts a:after {
  content: "";
  position: absolute;
  right: 1em;
  display: block;
  width: 9.58px;
  height: 6.24px;
  background-color: currentColor;
  mask-image: var(--caret-down);
  mask-repeat: no-repeat;
  mask-size: cover;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap #topMain div#topSummary div.walking div.cts {
    display: grid;
    grid-row: span 3;
    grid-template-rows: subgrid;
  }
  #Smt2025TopWrap #topMain div#topSummary div.walking div.cts h4 {
    font-size: 22px;
  }
}
#Smt2025TopWrap #topMain div#topSummary .top-video-wrapper {
  width: min(100%, 720px);
  aspect-ratio: 16/9;
  margin: 0 auto 55px;
}
#Smt2025TopWrap #topMain div#topSummary .top-video-wrapper iframe {
  width: 100%;
  height: 100%;
}
#Smt2025TopWrap div.topNav {
  background: #343434;
}
@media only screen and (max-width: 958px) {
  #Smt2025TopWrap div.topNav.uk-sticky-fixed {
    top: 48px !important;
  }
}
#Smt2025TopWrap div.topNav ul {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
}
#Smt2025TopWrap div.topNav ul li a {
  padding: 0.96em 1.5em;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
  line-height: 1;
  background: #525252;
}
@media only screen and (max-width: 958px) {
  #Smt2025TopWrap div.topNav ul li a {
    font-size: 12px;
    padding: 0 1.5em;
    height: 36px;
  }
}
#Smt2025TopWrap div.topNav ul li.uk-active a.btn1 {
  background: #1EBECE;
}
#Smt2025TopWrap div.topNav ul li.uk-active a.btn2 {
  background-color: #1C94E8;
}
#Smt2025TopWrap div.topNav ul li.uk-active a.btn4 {
  background-color: #FC6437;
}
#Smt2025TopWrap div.topNav ul li.uk-active a.btn5 {
  background-color: #000000;
}
#Smt2025TopWrap div.top-section {
  z-index: 1;
  padding: 40px 0 50px;
}
#Smt2025TopWrap div.top-section h2 {
  margin: 0 auto 0.83em;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
  color: currentColor;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap div.top-section {
    padding: 73px 0 80px;
  }
  #Smt2025TopWrap div.top-section h2 {
    font-size: 4.2857rem;
  }
  #Smt2025TopWrap div.top-section p.lead {
    font-size: 1.1rem;
  }
}
#Smt2025TopWrap #TopSpecial {
  background-color: rgba(30, 206, 132, 0.09);
}
#Smt2025TopWrap #TopSpecial div.top-section h2 {
  color: #1EBECE;
}
#Smt2025TopWrap #TopNextHR {
  background-color: rgba(62, 178, 255, 0.22);
}
#Smt2025TopWrap #TopNextHR div.top-section h2 {
  margin-bottom: 1em;
}
#Smt2025TopWrap #TopNextHR div.top-section h2 svg {
  width: min(70%, 375px);
  height: auto;
  aspect-ratio: 375/82;
  fill: #1C94E8;
}
#Smt2025TopWrap #TopArchive {
  color: #1C94E8;
  background-color: rgba(255, 255, 255, 0.64);
}
#Smt2025TopWrap #TopArchive * {
  color: currentColor;
}
#Smt2025TopWrap #TopArchive div.top-section {
  text-align: center;
}
#Smt2025TopWrap #TopArchive div.top-section h3 {
  display: flex;
  align-items: first baseline;
  width: fit-content;
  margin: 0 auto 1.1em;
  padding: 0.43em 0;
  font-family: "Oswald", sans-serif;
  font-size: 1.857rem;
  line-height: 1;
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
}
#Smt2025TopWrap #TopArchive div.top-section h3 span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.51282em;
  font-weight: 700;
}
#Smt2025TopWrap #TopArchive div.top-section p.lead {
  margin: 0;
  font-size: 1rem;
  line-height: 155.5%;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap #TopArchive div.top-section h3 {
    font-size: 2.8rem;
  }
  #Smt2025TopWrap #TopArchive div.top-section p.lead {
    font-size: 1.2857rem;
  }
}
#Smt2025TopWrap #TopArchive div.top-section div.dateList {
  display: grid;
  grid-template-columns: 1fr 13% 1fr;
  grid-template-rows: auto auto auto;
  width: min(100%, 757px);
  margin: 31px auto 26px;
  container: dayblock/inline-size;
}
#Smt2025TopWrap #TopArchive div.top-section div.dateList.has-archive div.day {
  padding-top: 3rem;
}
#Smt2025TopWrap #TopArchive div.top-section div.dateList.has-archive div.day:has(.day-status) {
  filter: grayscale(1);
  opacity: 0.65;
}
#Smt2025TopWrap #TopArchive div.top-section div.dateList.is-ended .arrow {
  filter: grayscale(1);
  opacity: 0.65;
}
#Smt2025TopWrap #TopArchive div.top-section div.dateList div.day {
  position: relative;
  display: grid;
  grid-row: 1/4;
  grid-template-rows: subgrid;
  background-color: rgba(255, 255, 255, 0.84);
  padding: 22px 1rem 16px;
  border: solid 2px currentColor;
  border-radius: 12px;
}
@container dayblock (width > 600px) {
  #Smt2025TopWrap #TopArchive div.top-section div.dateList div.day br {
    display: none;
  }
}
#Smt2025TopWrap #TopArchive div.top-section div.dateList div.day h4 {
  margin: 0 0 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 144%;
}
#Smt2025TopWrap #TopArchive div.top-section div.dateList div.day p {
  margin: 0;
  font-size: 0.7857rem;
  font-weight: 900;
  font-feature-settings: "halt" on;
  letter-spacing: 0.05em;
}
#Smt2025TopWrap #TopArchive div.top-section div.dateList div.day .day-status {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0.5em;
  color: var(--white);
  font-size: 1.14285714rem;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  background-color: #1C94E8;
  border-radius: 8px 8px 0 0;
}
#Smt2025TopWrap #TopArchive div.top-section div.dateList div.day svg {
  align-self: center;
  margin: 0 auto 16px;
  fill: currentColor;
}
#Smt2025TopWrap #TopArchive div.top-section div.dateList div.day.live svg {
  width: min(80%, 85.2px);
  aspect-ratio: 85.2/39.96;
}
#Smt2025TopWrap #TopArchive div.top-section div.dateList div.day.recorded svg {
  width: min(80%, 74.83px);
  aspect-ratio: 74.83/48.42;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap #TopArchive div.top-section div.dateList div.day h4 {
    font-size: 1.2857rem;
  }
  #Smt2025TopWrap #TopArchive div.top-section div.dateList div.day p {
    font-size: 0.857rem;
  }
}
#Smt2025TopWrap #TopArchive div.top-section div.dateList div.arrow {
  grid-row: 1/4;
  display: flex;
  align-items: center;
  justify-content: center;
}
#Smt2025TopWrap #TopArchive div.top-section div.dateList div.arrow svg {
  width: min(80%, 33px);
  height: auto;
  fill: currentColor;
}
#Smt2025TopWrap #TopArchive div.top-section .note {
  margin: 0;
  font-size: 1rem;
}
#Smt2025TopWrap #TopTokuten {
  background-color: rgba(255, 206, 163, 0.22);
}
#Smt2025TopWrap #TopTokuten div.top-section {
  padding-bottom: 60px;
}
#Smt2025TopWrap #TopTokuten div.top-section h2 {
  color: #FC6437;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap #TopTokuten div.top-section {
    padding-bottom: 120px;
  }
}
#Smt2025TopWrap #TopTokuten div.uk-container {
  max-width: 1200px;
}
#Smt2025TopWrap #TopTokuten .bookList {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: end;
  width: min(100%, 838px);
  aspect-ratio: 838/265;
  margin-inline: auto;
  transform: translateY(40px);
}
#Smt2025TopWrap #TopTokuten .bookList:after {
  content: "";
  position: absolute;
  bottom: -20px;
  inset-inline: 0;
  height: 20px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.16), transparent);
}
#Smt2025TopWrap #TopTokuten .bookList .book {
  position: relative;
  z-index: 1;
  background-color: var(--white);
  transform-origin: center bottom;
}
#Smt2025TopWrap #TopTokuten .bookList .book:after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid #CCCCCC;
}
#Smt2025TopWrap #TopTokuten .bookList .book:nth-of-type(2) {
  z-index: 2;
  transform: scale(1.07) translateX(-5%);
}
#Smt2025TopWrap #TopTokuten .bookList .book:nth-of-type(4) {
  z-index: 2;
  transform: scale(1.07) translateX(5%);
}
#Smt2025TopWrap #TopTokuten .bookList .book:nth-of-type(3) {
  z-index: 3;
  transform: scale(1.2);
}
#Smt2025TopWrap #TopTokuten .bookList .book img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
#Smt2025TopWrap #TopTokuten .bookList .book-badge {
  position: absolute;
  right: -27px;
  top: -104px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 120px;
  height: 120px;
  margin: 0;
  color: #ffffff;
  font-size: 1.142857rem;
  font-weight: 900;
  line-height: 1;
  background-image: linear-gradient(45deg, #F54545 50%, #D34545 50%);
  border-radius: 50%;
}
#Smt2025TopWrap #TopTokuten .bookList .book-badge b {
  font-size: 2.125em;
  font-family: "Oswald", sans-serif;
  line-height: 1.15em;
}
#Smt2025TopWrap #TopTokuten .benefits {
  container: benefits/inline-size;
  padding: 20px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
#Smt2025TopWrap #TopTokuten .benefits:last-of-type {
  margin-top: 65px;
}
#Smt2025TopWrap #TopTokuten .benefits h3,
#Smt2025TopWrap #TopTokuten .benefits h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
#Smt2025TopWrap #TopTokuten .benefits h3 {
  margin: 0;
  padding: 0.83em 0;
  color: #ffffff;
  font-size: 1.2rem;
  background-color: #FC6437;
}
#Smt2025TopWrap #TopTokuten .benefits h4 {
  margin: 1.75em 0 0.9583em;
  color: #F54545;
  font-size: 1.6rem;
  text-decoration: underline;
}
#Smt2025TopWrap #TopTokuten .benefits .lead {
  margin: 0;
  font-size: 1.07rem;
  font-weight: 700;
}
#Smt2025TopWrap #TopTokuten .benefits .note {
  margin: 0.85em 0 5em;
  font-size: 1rem;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap #TopTokuten .benefits h3 {
    font-size: 1.5714285rem;
  }
  #Smt2025TopWrap #TopTokuten .benefits h4 {
    font-size: 2.571428rem;
  }
  #Smt2025TopWrap #TopTokuten .benefits .lead {
    font-size: 1.142857rem;
  }
}
@container benefits (width > 1000px) {
  #Smt2025TopWrap #TopTokuten .benefits .book-badge {
    position: absolute;
    right: -74%;
    top: -36%;
    width: 8.8125em;
    height: 8.8125em;
    font-size: 1.142857rem;
  }
  #Smt2025TopWrap #TopTokuten .benefits .book-badge b {
    font-size: 3.125em;
  }
}
#Smt2025TopWrap #TopAbout {
  background: rgba(177, 177, 177, 0.22);
}
#Smt2025TopWrap #TopAbout div.top-section h2 {
  color: #000000;
}
#Smt2025TopWrap #TopAbout div.cts {
  max-width: 1200px;
  margin-inline: auto;
  padding: 20px 20px 30px;
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
#Smt2025TopWrap #TopAbout table tr {
  border-bottom: 1px solid #707070;
}
#Smt2025TopWrap #TopAbout table th,
#Smt2025TopWrap #TopAbout table td {
  padding: 0.88em 0 0.88em 1.55em;
  font-size: 1.2857rem;
  line-height: 133%;
  text-align: left;
}
#Smt2025TopWrap #TopAbout table th {
  font-weight: 700;
  vertical-align: baseline;
}
#Smt2025TopWrap #TopAbout table p {
  font-size: inherit;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap #TopAbout div.cts {
    padding: 40px 20px 60px;
  }
}
@media only screen and (max-width: 958px) {
  #Smt2025TopWrap #TopAbout table th,
  #Smt2025TopWrap #TopAbout table td {
    display: block;
    font-size: 1rem;
  }
  #Smt2025TopWrap #TopAbout table th {
    padding: 0.88em 0 0;
  }
  #Smt2025TopWrap #TopAbout table td {
    padding: 0.88em 0;
  }
}
#Smt2025TopWrap #TopSpeaker {
  position: relative;
  background-color: #FFF;
}
#Smt2025TopWrap #TopSpeaker h2 {
  margin-bottom: 1.25em;
  color: #000;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap #TopSpeaker div.top-section {
    padding-bottom: 85px;
  }
}
#Smt2025TopWrap #TopSpeaker ul.speakerList a {
  color: #333;
}
#Smt2025TopWrap #TopSpeaker ul.speakerList a:hover {
  opacity: 1 !important;
  background: #FFF;
}
#Smt2025TopWrap #TopSpeaker ul.speakerList a:hover div.photo img {
  opacity: 0.75;
}
#Smt2025TopWrap #TopSpeaker ul.speakerList div.photo {
  margin: 0 auto 15px;
  width: 100%;
  text-align: center;
}
#Smt2025TopWrap #TopSpeaker ul.speakerList div.photo img {
  margin-bottom: 20px;
  border-radius: 280px;
  width: 100%;
  height: auto;
  max-width: 140px;
}
#Smt2025TopWrap #TopSpeaker ul.speakerList p strong {
  margin-bottom: 6px;
  font-weight: bold;
  font-size: 1rem;
  color: #0C7F64;
  display: block;
}
#Smt2025TopWrap #TopSpeaker ul.speakerList p {
  font-size: 0.75rem;
}
#Smt2025TopWrap #TopSpeaker div.lead {
  margin: 2em 0;
  padding: 1.5em;
  background: #FFF;
  text-align: center;
}
#Smt2025TopWrap #TopSpeaker div.lead p {
  margin-bottom: 1em;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 240%;
}
#Smt2025TopWrap #TopSpeaker div.lead strong {
  font-size: 24px;
  color: #0C7F64;
}
#Smt2025TopWrap #TopSpeaker div.alert {
  text-align: center;
  color: #CC1417;
}
#Smt2025TopWrap #TopSpeaker div.special-movie {
  margin: 2em auto 0;
  max-width: 980px;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap #TopSpeaker div.special-movie {
    margin: 8em auto 0;
  }
}
#Smt2025TopWrap #TopSpeaker div.special-movie h3 {
  margin: 0 0 1em;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
#Smt2025TopWrap #TopSpeaker div.special-movie ul {
  margin: 0;
  padding: 0;
  list-style: none;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap #TopSpeaker div.special-movie ul {
    flex-direction: row;
  }
}
#Smt2025TopWrap #TopSpeaker div.special-movie ul li {
  margin-bottom: 2rem;
  width: 100%;
  aspect-ratio: 16/9;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap #TopSpeaker div.special-movie ul li {
    margin-bottom: 0;
  }
}
#Smt2025TopWrap #TopSpeaker div.special-movie ul li iframe {
  width: 100%;
  height: 100%;
}
#Smt2025TopWrap #TopSpeaker div.special-movie ul li h4 {
  margin: 1em 0 0;
  text-align: center;
  font-size: 11px;
}
#Smt2025TopWrap #TopSponsor {
  border-top: solid 1px #CCC;
  position: relative;
  background-color: #FFF;
}
#Smt2025TopWrap #TopSponsor h2 {
  margin-bottom: 1.8333em;
  color: #000;
}
#Smt2025TopWrap #TopSponsor h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 1.77em;
  margin: 1.5em auto 1.5em;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.142857rem;
  font-weight: 700;
  text-align: center;
}
#Smt2025TopWrap #TopSponsor h3:before, #Smt2025TopWrap #TopSponsor h3:after {
  content: "";
  display: block;
  width: min(80%, 261px);
  height: 1px;
  background-color: #707070;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap #TopSponsor h3 {
    font-size: 1.571428rem;
  }
}
#Smt2025TopWrap #TopSponsor ul {
  text-align: center;
}
#Smt2025TopWrap #TopSponsor div.special-banner {
  margin: 2em auto 0;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap #TopSponsor div.special-banner {
    margin: 8em auto 0;
  }
}
#Smt2025TopWrap #TopSponsor div.special-banner ul {
  margin: 0;
  padding: 0;
  list-style: none;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap #TopSponsor div.special-banner ul {
    flex-direction: row;
  }
}
#Smt2025TopWrap #TopSponsor div.special-banner ul h5 {
  margin: 1em 0 0;
  text-align: center;
  font-size: 11px;
}
#Smt2025TopWrap #TopSponsorMovie {
  background-color: #000;
  position: relative;
  padding: 40px 0;
}
#Smt2025TopWrap #TopSponsorMovie div.uk-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (max-width: 958px) {
  #Smt2025TopWrap #TopSponsorMovie div.uk-container {
    padding: 0;
  }
}
#Smt2025TopWrap #TopSponsorMovie h1 {
  margin: 0px auto 25px;
  font-size: 4.5em;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  text-align: center;
  color: #FFF;
}
@media only screen and (max-width: 958px) {
  #Smt2025TopWrap #TopSponsorMovie h1 {
    font-size: 6vw;
    text-align: center;
  }
}
#Smt2025TopWrap #TopSponsorMovie div.movie-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
#Smt2025TopWrap #TopSponsorMovie div.movie-wrap div.movie-cts {
  width: 49%;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap #TopSponsorMovie div.movie-wrap div.movie-cts iframe {
    min-height: 360px;
  }
}
#Smt2025TopWrap #TopSponsorMovie div.movie-wrap div.movie-cts h3 {
  margin: 6px auto;
  text-align: center;
  color: #FFF;
}
#Smt2025TopWrap .cardwrap {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap .cardwrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
#Smt2025TopWrap .card {
  padding: 16px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
#Smt2025TopWrap .card a {
  display: grid;
  grid-template-columns: 25% auto;
  gap: 0 16px;
  color: #000000;
}
#Smt2025TopWrap .card h3,
#Smt2025TopWrap .card h4 {
  color: inherit;
  line-height: 130%;
}
#Smt2025TopWrap .card h3 {
  margin: 0 0 0.636em;
  font-size: 1.2rem;
}
#Smt2025TopWrap .card h4 {
  margin: 0 0 1em;
  font-size: 1.1rem;
}
#Smt2025TopWrap .card p {
  margin: 0;
  font-size: 0.857rem;
  line-height: 142.6%;
}
#Smt2025TopWrap .card p + p {
  margin-top: 0.8em;
}
#Smt2025TopWrap .card b {
  display: block;
  margin-top: 0.35em;
  font-size: 1.1em;
  font-weight: 600;
}
#Smt2025TopWrap .card .note {
  font-size: 1rem;
}
#Smt2025TopWrap .card img + img {
  margin-top: 8px;
}
@media print, screen and (min-width: 959px) {
  #Smt2025TopWrap .card {
    padding: 20px;
  }
  #Smt2025TopWrap .card a {
    gap: 0 20px;
  }
  #Smt2025TopWrap .card h3,
  #Smt2025TopWrap .card h4 {
    line-height: 140%;
  }
  #Smt2025TopWrap .card h3 {
    font-size: 1.5714rem;
  }
  #Smt2025TopWrap .card h4 {
    font-size: 1.3rem;
  }
  #Smt2025TopWrap .card b {
    font-size: 1.333em;
  }
}

div.top-btn {
  margin: 50px 0 0;
  text-align: center;
}
div.top-btn p {
  margin-bottom: 1.4375em;
  font-size: 1.142857rem;
}
div.top-btn a:not(.text-link) {
  position: relative;
  display: block;
  width: min(100%, 392px);
  margin: 0 auto;
  padding: 0.86em 1em;
  color: #263357;
  font-weight: bold;
  font-size: 1.35rem;
  text-align: center;
  line-height: 1;
  background-color: transparent;
  border: 1px solid currentColor;
  border-radius: 3em;
}
div.top-btn a:not(.text-link):after {
  content: "";
  position: absolute;
  right: 1em;
  top: calc(50% - 0.375em);
  display: block;
  width: 0.5em;
  height: 0.75em;
  background-color: currentColor;
  mask-image: var(--caret-right);
  mask-size: contain;
  mask-repeat: no-repeat;
}
div.top-btn a:not(.text-link):hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: #000;
}
div.top-btn .text-link {
  display: block;
  width: fit-content;
  margin: 1em auto 0;
  color: currentColor;
  text-decoration: underline;
}
@media print, screen and (min-width: 959px) {
  div.top-btn a:not(.text-link) {
    font-size: 1.714285rem;
  }
}

ul.cast-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media print, screen and (min-width: 959px) {
  ul.cast-list {
    grid-template-columns: repeat(5, 1fr);
  }
}
ul.cast-list li {
  margin: 0;
}
ul.cast-list li div.photo {
  margin: 0 auto;
  max-width: 180px;
}
ul.cast-list li p {
  text-align: center !important;
  font-size: 0.75rem !important;
  line-height: 130% !important;
}
ul.cast-list li p strong {
  margin-bottom: 6px;
  font-weight: bold;
  font-size: 1rem;
  color: #FFF;
  display: block;
  line-height: 160% !important;
}

.fixed-panel {
  --panel-gap: 10px;
  position: fixed;
  z-index: 900;
  right: var(--panel-gap);
  bottom: var(--panel-gap);
  display: grid;
  gap: var(--panel-gap) 0;
  min-width: 241px;
}
@media print, screen and (min-width: 959px) {
  .fixed-panel {
    --panel-gap: 20px;
  }
}

#FixedBanner {
  overflow: hidden;
  color: currentColor;
  border-radius: 10px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  transition: all 0.25s ease;
}
#FixedBanner h4 {
  position: relative;
  margin: 0;
  padding: 7px 0 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: #FFF;
  background: #FC6437;
}
#FixedBanner h4:before {
  content: "";
  display: block;
  width: 30.29px;
  height: 36.97px;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.291 36.967"%3E%3Cpath d="M10.131,34.651l4.513,2.316V20.322l-4.513-2.316Zm5.517,2.316,4.513-2.316V18.006l-4.513,2.316ZM6.214,10.8a9.857,9.857,0,0,1,3.8-2.3,13.406,13.406,0,0,0-1.21-.73L.6,11.985l3.5,1.8A10.57,10.57,0,0,1,6.214,10.8m8.931-4.618a2.231,2.231,0,0,1,.321.023,13.242,13.242,0,0,1,.517-1.258l-.838-.43-.838.43a13.242,13.242,0,0,1,.517,1.258,2.231,2.231,0,0,1,.321-.023m2.083,5.722a2.707,2.707,0,0,1-2.083.848,2.706,2.706,0,0,1-2.083-.848,13.024,13.024,0,0,0-2.868,5l4.951,2.541L20.1,16.91a13.029,13.029,0,0,0-2.868-5M20.27,8.5a10.057,10.057,0,0,1,5.92,5.279l3.5-1.8-8.21-4.213A13.536,13.536,0,0,0,20.27,8.5m-2.409.588C25.419,2.6,29.077,7.675,29.077,7.675V3.955c-2.366-4.606-6.728-4.96-9.562-2.244A12.146,12.146,0,0,0,16.09,7.675a1.16,1.16,0,0,0-1.89,0,12.146,12.146,0,0,0-3.425-5.963C7.942-1.005,3.58-.651,1.214,3.955v3.72S4.871,2.6,12.429,9.092c-3.248.059-8.562,2.775-8.68,10.924,1.594.177,2.244.236,2.244.236L7.707,22.2s1.77-9.861,5.726-11.75a1.58,1.58,0,0,0,1.712,1.3,1.58,1.58,0,0,0,1.712-1.3c3.956,1.889,5.726,11.75,5.726,11.75L24.3,20.252s.65-.059,2.244-.236c-.118-8.148-5.432-10.865-8.68-10.924m8.73,5.614a15.225,15.225,0,0,1,.954,5.3l.013.912-.906.1-.875.1V31.767l4.513-2.316V12.807ZM2.731,20.913,2.745,20a15.292,15.292,0,0,1,.949-5.3L0,12.807V29.452l4.512,2.316V21.109l-.874-.1Z" transform="translate(0 0)" /%3E%3C/svg%3E');
  mask-repeat: no-repeat;
}
#FixedBanner h4 #FixedInqBtnClose {
  --start: calc(50% - 1px);
  --end: calc(50% + 1px);
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background-color: transparent;
  background-image: linear-gradient(45deg, transparent var(--start), #ffffff var(--start), #ffffff var(--end), transparent var(--end)), linear-gradient(-45deg, transparent var(--start), #ffffff var(--start), #ffffff var(--end), transparent var(--end));
  background-size: 10px 10px;
  background-position: center;
  cursor: pointer;
}
#FixedBanner h4 #FixedInqBtnClose span {
  font-size: 0;
}
#FixedBanner div.text {
  padding: 17px 0 20px;
  background: #FFF;
}
#FixedBanner div.text p {
  margin: 0;
  font-size: 14px;
  line-height: 164%;
  text-align: center;
}
#FixedBanner div.text p strong {
  color: #F54545;
  font-family: inherit;
}

a#FixedBanner:hover {
  opacity: 1;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.36);
}

div.topFab a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0.82em 1.5em;
  color: #000000;
  text-decoration: none;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  transition: background-color 1s;
  background: #FFD800;
  border-radius: 3em;
}
div.topFab a:after {
  content: "";
  position: absolute;
  right: 0.6em;
  display: block;
  width: 9.21px;
  height: 14.14px;
  background-color: currentColor;
  mask-image: var(--caret-right);
  mask-size: cover;
  mask-repeat: no-repeat;
}
div.topFab a:hover {
  opacity: 0.9;
}
@media print, screen and (min-width: 959px) {
  div.topFab a {
    font-size: 22px;
  }
}

.thankyou {
  width: 100%;
  max-width: max-content;
  margin: 20px auto 40px;
  padding: 5%;
  text-align: center;
  background-color: #ffffff;
  box-sizing: border-box;
  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  backdrop-filter: blur(2px);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  background-color: var(--white);
}

.thankyou-content {
  display: flex;
  flex-direction: column;
  padding: 32px 7% 12px;
  border: 4px solid;
  border-image: linear-gradient(-15deg, #1EBECE, #1C94E8);
  border-image-slice: 1;
  backdrop-filter: blur(10px);
}
.thankyou-content h2 {
  align-self: center;
  display: block;
  font-size: 1.6rem;
  color: currentColor;
}
.thankyou-content p {
  margin: 0 0 20px;
  font-size: 15px;
  line-height: 200%;
}
.thankyou-content small {
  display: inline-flex;
  align-items: center;
  align-self: flex-end;
  gap: 12px;
}
.thankyou-content small:before {
  content: "";
  display: block;
  width: 2rem;
  height: 1px;
  background-color: currentColor;
}

@media (min-width: 880px) {
  .thankyou {
    padding: 28px;
  }
  .thankyou-content {
    padding: 40px 48px;
    border-width: 5px;
  }
  .thankyou-content h2 {
    font-size: 2.2rem;
  }
  .thankyou-content p {
    font-size: 16px;
    white-space: pre-line;
  }
}
/*

@use "./2024/page/_after.scss";
*/
#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: 959px) {
  .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: 959px) {
  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: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.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: 1.5rem;
}

/*!
 * 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;
}

/**********************************************/
/* NEWSのリニューアル */
/* 作成日:2017.02.27 */
/**********************************************/
/*	-------------------------------------------------------------------------------
	共通要素
-------------------------------------------------------------------------------　*/
#enqueat-wrap {
  position: relative;
  padding: 2em 0;
  background: url(../../../images/cmn/cmn_cat_head_bg.png) repeat-x;
  border-top: solid 5px #3b3b3b;
}
#enqueat-wrap * {
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
#enqueat-wrap h1.enq-head {
  padding: 1em 0;
  font-weight: bold;
  font-size: 24px;
  position: relative;
  line-height: 1.4;
  display: block;
  top: 0;
  color: #042941;
}
#enqueat-wrap h1.enq-head i {
  margin-right: 12px;
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  #enqueat-wrap h1.enq-head {
    padding: 0.5em 0;
  }
}

/*	-------------------------------------------------------------------------------
	アンケート一覧コンポーネント
-------------------------------------------------------------------------------*/
div.enqueat-list {
  margin-bottom: 4em;
}
div.enqueat-list h2.uk-heading-line {
  margin-bottom: 2em;
}
div.enqueat-list h2.uk-heading-line span {
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  div.enqueat-list h2.uk-heading-line span {
    font-size: 1.1em;
  }
}
div.enqueat-list h2.uk-heading-line + p.uk-text-center {
  margin: 20px 0;
}
div.enqueat-list ul li a {
  display: block;
}
div.enqueat-list ul li a div.thum {
  text-align: center;
}
div.enqueat-list ul li a div.thum img {
  max-height: unset !important;
}
@media print, screen and (min-width: 769px) {
  div.enqueat-list ul li a div.thum canvas {
    width: 120px;
    height: 120px;
  }
}
@media only screen and (max-width: 768px) {
  div.enqueat-list ul li a div.thum canvas {
    height: 160px;
  }
}
div.enqueat-list ul li a h2 {
  margin: 0 0 8px;
  text-align: left;
  font-size: 1.2em;
}
div.enqueat-list ul li a h3.kigen {
  margin: 0 0 8px;
  font-size: 13px;
  color: #1b6a9d;
}
div.enqueat-list ul li a p {
  margin: 0;
  color: #717171;
  font-size: 13px;
}
div.enqueat-list ul li a:hover {
  opacity: 0.75;
  text-decoration: none;
}
div.enqueat-list ul li:nth-child(n+2) {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #e5e5e5;
}

div#enqueat-soken-list h2.uk-heading-line {
  margin-bottom: 2em;
}
div#enqueat-soken-list h2.uk-heading-line span {
  font-size: 1.4rem;
}
@media only screen and (max-width: 768px) {
  div#enqueat-soken-list h2.uk-heading-line span {
    font-size: 1.1em;
  }
}
div#enqueat-soken-list ul li a {
  display: block;
}
div#enqueat-soken-list ul li a h2 {
  margin: 0;
  text-align: left;
  font-size: 1.2em;
}
div#enqueat-soken-list ul li a h3 {
  margin: 8px 0;
  font-size: 13px;
  font-weight: bold;
}
div#enqueat-soken-list ul li a p {
  margin: 0;
  font-size: 13px;
  color: #717171;
}
@media only screen and (max-width: 768px) {
  div#enqueat-soken-list ul li a div.thum img {
    width: 100%;
    height: auto;
  }
}
div#enqueat-soken-list ul li a:hover {
  opacity: 0.75;
}
div#enqueat-soken-list ul li:nth-child(n+2) {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #e5e5e5;
}

/*	会員アンケート-　*/
#enq-page-wrap {
  margin: 0 auto 3em;
  padding-bottom: 3em;
  max-width: 850px;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  width: unset !important;
}
@media only screen and (max-width: 768px) {
  #enq-page-wrap {
    padding: 0 0.5em;
  }
}
#enq-page-wrap div#enq-main-img {
  margin-bottom: 2em;
  text-align: center;
}
#enq-page-wrap div#enq-main-img img {
  max-width: 100%;
  height: auto;
}
#enq-page-wrap div#enq-text-area {
  margin: 4em 0;
}
#enq-page-wrap div#enq-text-area h1 {
  font-size: 1.8em;
  color: #0e417d;
  font-weight: bold;
}
#enq-page-wrap div#enq-text-area div#info-text {
  padding: 2em;
  background: #f3f3f3;
}
#enq-page-wrap div#enq-text-area div.enq-kigen {
  margin: 1em 0;
}
#enq-page-wrap div#enq-question-area {
  margin-bottom: 4em;
}
#enq-page-wrap div#enq-question-area h2 {
  margin-bottom: 2em;
  font-weight: bold;
  color: #000;
  text-align: center;
  font-size: 1.2rem;
}
#enq-page-wrap div.cmn-order-form-wrap {
  margin-top: 4em;
  padding: 4em 0 0;
  border-top: solid 1px #4f4f4f;
  background-color: #FFF;
  border-radius: 0;
}
#enq-page-wrap div.cmn-order-form-wrap > h2 {
  text-align: center;
}
#enq-page-wrap div.cmn-order-form-wrap table.cmn-form-table tr {
  border-color: #CCC !important;
}
#enq-page-wrap div.enq-login-area {
  margin: 3em 0;
}
#enq-page-wrap div.enq-login-area h3 {
  text-align: center;
  color: #0e417d;
}

#enq-comp-bottom-cts div#EnqHowto {
  margin: 2em auto;
  max-width: 1200px;
}
#enq-comp-bottom-cts div#EnqHowto div#EnqHowtoTtl {
  margin-bottom: 20px !important;
  text-align: center;
}
#enq-comp-bottom-cts div#EnqHowto div#HowtoWrap {
  padding-bottom: 2em;
}

hr.dotted {
  margin-bottom: 6em;
  border-top: dotted 1px #CCC;
}
@media only screen and (max-width: 768px) {
  hr.dotted {
    margin-bottom: 3em;
  }
}

/*	-------------------------------------------------------------------------------
//ここから下は古いCSS
//TODO アンケートがリリースされたらこれより下は削除していこうね
-------------------------------------------------------------------------------*/
/*	会員アンケート-　*/
#EnqPageWrap {
  margin: 0 auto 3em;
  padidng-bottom: 3em;
  max-width: 850px;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  width: unset !important;
}
@media only screen and (max-width: 768px) {
  #EnqPageWrap {
    padding: 0 0.5em;
  }
}
#EnqPageWrap div#EnqTextArea {
  margin: 4em 0;
}
#EnqPageWrap div#EnqTextArea h1 {
  font-size: 2rem;
  color: #0e417d;
  font-weight: bold;
}
#EnqPageWrap div#EnqTextArea div#introText {
  padding: 2em;
  background: #f3f3f3;
}
#EnqPageWrap #EnqWrap {
  /**********************************************/
  /* アンケート回答エリア */
  /**********************************************/
  /**********************************************/
  /* 個人情報入力エリア */
  /**********************************************/
}
#EnqPageWrap #EnqWrap h2 {
  margin-bottom: 2em;
  font-weight: bold;
  color: #000;
  text-align: center;
  font-size: 1.2rem;
}
#EnqPageWrap #EnqWrap div#CmnProfInputArea {
  margin-top: 4em;
  padding-top: 4em;
  border-top: solid 1px #4f4f4f;
}
#EnqPageWrap #EnqWrap div#CmnProfInputArea h2 {
  text-align: center;
}
#EnqPageWrap #EnqWrap div#CmnProfInputArea > p {
  margin-bottom: 20px;
  padding: 1em;
  background: #F5DA81;
}
#EnqPageWrap #EnqWrap div#CmnProfInputArea div#EnqTopRegistText div.text {
  margin-bottom: 1em;
}
#EnqPageWrap #EnqWrap div#CmnProfInputArea div#EnqTopRegistText div.btn a {
  background: #FFF;
  border: 1px solid #d3d3d3;
  white-space: nowrap;
  font-size: 13px;
  padding: 0 1em;
  width: 90px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#EnqPageWrap div.cmn-order-form-wrap {
  margin-top: 4em;
  padding: 4em 0 0;
  border-top: solid 1px #4f4f4f;
  background-color: #FFF;
}
#EnqPageWrap div.cmn-order-form-wrap table.cmn-form-table tr {
  border-color: #CCC !important;
}

/*	非会員アンケート-　*/
#NoMmberEnqWrap {
  margin: 0px auto;
  width: 800px;
  background: #fff;
  /*　アンケート入力フォーム */
  /*　ログインフォーム */
  /* 質問 */
  /*----------------------------------------------------------------------確認画面　*/
  /* enquete conf*/
}
#NoMmberEnqWrap #EnqMain {
  padding: 40px;
}
#NoMmberEnqWrap #EnqMain h1 {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  border-bottom: solid 1px #333;
  margin-bottom: 1em;
}
#NoMmberEnqWrap #EnqFormArea {
  margin: 0px 0px 3em;
  padding: 3em;
  background: #f1f1f1;
}
#NoMmberEnqWrap #EnqFormArea h2 {
  margin: -3em -3em 2em -3em;
  background: #191818;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #131313), color-stop(0, #4b4b4b));
  background: -webkit-linear-gradient(#4b4b4b, #131313);
  background: -moz-linear-gradient(#4b4b4b, #131313);
  background: -o-linear-gradient(#4b4b4b, #131313);
  background: -ms-linear-gradient(#4b4b4b, #131313);
  background: linear-gradient(#4b4b4b, #131313);
  color: #fff;
  padding: 10px;
  text-align: center;
}
#NoMmberEnqWrap #EnqFormArea h2 strong {
  font-weight: bold;
  font-size: 16px;
}
#NoMmberEnqWrap #EnqFormArea #CmnLoginForm {
  margin: 1em 0 2em;
  padding: 1.5em;
  border: solid 3px #173a64;
  background: #1c4476;
  color: #fff;
  border-radius: 4px;
  text-align: center;
}
#NoMmberEnqWrap #EnqFormArea #CmnLoginForm p {
  margin-bottom: 1em;
}
#NoMmberEnqWrap #EnqFormArea #CmnLoginForm:after {
  content: "";
  display: table;
  clear: both;
}
#NoMmberEnqWrap .CmnLoginId {
  width: 35%;
  float: left;
}
#NoMmberEnqWrap .CmnLoginId input {
  padding: 0.5em;
}
#NoMmberEnqWrap .CmnLoginPass {
  width: 40%;
  float: left;
}
#NoMmberEnqWrap .CmnLoginPass input {
  padding: 0.5em;
}
#NoMmberEnqWrap .CmnLoginBtn {
  padding-left: 2em;
  width: 20%;
  float: left;
}
#NoMmberEnqWrap .CmnLoginBtn a {
  border: 1px solid #f57b03;
  padding: 0.5em 1em;
  background: #ff9f05;
  border-radius: 3px;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffb43d), to(#ff9f05));
  background: -webkit-linear-gradient(#ffb43d, #ff9f05);
  background: -moz-linear-gradient(#ffb43d, #ff9f05);
  background: -ms-linear-gradient(#ffb43d, #ff9f05);
  background: -o-linear-gradient(#ffb43d, #ff9f05);
  background: linear-gradient(#ffb43d, #ff9f05);
  text-decoration: none !important;
  text-shadow: -1px -1px 1px #f57b03;
  color: #ffffff !important;
  display: block;
  text-align: center;
}
#NoMmberEnqWrap .CmnLoginBtn a:hover {
  color: #ffffff;
  border: 1px solid #eb3a01;
  background: #ff5e01;
  border-radius: 3px;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff7915), to(#ff5e01));
  background: -webkit-linear-gradient(#ff7915, #ff5e01);
  background: -moz-linear-gradient(#ff7915, #ff5e01);
  background: -ms-linear-gradient(#ff7915, #ff5e01);
  background: -o-linear-gradient(#ff7915, #ff5e01);
  background: linear-gradient(#ff7915, #ff5e01);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  text-shadow: -1px -1px 1px #eb3a01;
}
#NoMmberEnqWrap .EnqFormInput dt {
  margin-bottom: 0.6em;
  padding-bottom: 0.3em;
  border-bottom: dotted 1px #ccc;
  font-weight: bold;
  font-size: 14px;
}
#NoMmberEnqWrap .EnqFormInput dt span {
  margin-left: 1em;
}
#NoMmberEnqWrap .EnqFormInput dd {
  margin-bottom: 2em;
}
#NoMmberEnqWrap .EnqFormInput dd input {
  padding: 0.2em;
}
#NoMmberEnqWrap .EnqFormBtnArea {
  margin: 2em;
  text-align: center;
}
#NoMmberEnqWrap .EnqFormQustion dt {
  margin-bottom: 0.6em;
  padding-bottom: 0.3em;
  border-bottom: dotted 1px #ccc;
  font-weight: bold;
  font-size: 14px;
}
#NoMmberEnqWrap .EnqFormQustion dt span.enqmust {
  margin-left: 0.5em;
  background: #dd0509;
  padding: 0.2em;
  color: #fff;
  font-size: 10px;
}
#NoMmberEnqWrap .EnqFormQustion dd {
  margin: 1em 0em 2em;
}
#NoMmberEnqWrap .EnqFormQustion dd p {
  margin-bottom: 1em;
  font-weight: bold;
  color: #0887c4;
}
#NoMmberEnqWrap .EnqFormQustion dd textarea {
  padding: 0.2em;
  width: 90%;
  display: block;
}
#NoMmberEnqWrap .EnqFormQustion dd input {
  padding: 0.2em;
}
#NoMmberEnqWrap .EnqFormQustion dd select {
  padding: 0.2em;
}
#NoMmberEnqWrap .EnqConfList {
  margin-bottom: 2em;
  border-bottom: solid 1px #ccc;
}
#NoMmberEnqWrap .EnqConfList:after {
  content: "";
  display: table;
  clear: both;
}
#NoMmberEnqWrap .EnqConfList dt {
  margin-bottom: 1em;
  float: left;
  width: 25%;
  text-align: right;
  clear: both;
  font-weight: bold;
}
#NoMmberEnqWrap .EnqConfList dd {
  margin-bottom: 1em;
  float: right;
  width: 73%;
}
#NoMmberEnqWrap .EnqConfListQ {
  margin-bottom: 2em;
  border-bottom: solid 1px #ccc;
}
#NoMmberEnqWrap .EnqConfListQ:after {
  content: "";
  display: table;
  clear: both;
}
#NoMmberEnqWrap .EnqConfListQ dt {
  margin-bottom: 1em;
  float: left;
  width: 10%;
  text-align: right;
  clear: both;
  font-weight: bold;
}
#NoMmberEnqWrap .EnqConfListQ dd {
  margin-bottom: 2em;
  float: right;
  width: 85%;
}
#NoMmberEnqWrap .EnqConfListQ dd p {
  margin-bottom: 0.5em;
  font-weight: bold;
  border-bottom: dotted 1px #ccc;
  padding-bottom: 0.2em;
  color: #0887c4 !important;
}
#NoMmberEnqWrap .EnqConfListQ dd .red {
  color: #e90003;
}

#EnqCompBottomCts div#EnqHowto {
  margin: 2em auto;
  max-width: 1200px;
}
#EnqCompBottomCts div#EnqHowto div#EnqHowtoTtl {
  margin-bottom: 20px !important;
  text-align: center;
}
#EnqCompBottomCts div#EnqHowto div#HowtoWrap {
  padding-bottom: 2em;
}

/*  FONT */
html,
body {
  scroll-padding-top: 70px;
}
@media print, screen and (min-width: 959px) {
  html,
  body {
    scroll-padding-top: 120px;
  }
}

.non-clickable {
  pointer-events: none;
  opacity: 0.65;
}

* {
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: break-word;
}

.uk-lightbox-items li {
  top: 50px;
  bottom: 5%;
}

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

.uk-lightbox {
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
}
.uk-lightbox div.uk-lightbox-toolbar {
  max-width: 1060px;
  margin-inline: auto;
  background: rgba(0, 0, 0, 0.8);
}

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