@charset "UTF-8";
/*  FONT */
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@300;400;700;800&family=Zen+Old+Mincho:wght@400;700&display=swap");
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url("https://fonts.googleapis.com/css2?family=Open+Sans&family=Oswald:wght@500&family=Roboto&display=swap");
/*   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: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", 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: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 16px;
  line-height: 140%;
  font-weight: inherit;
}

/* 　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;
}
@media print, screen and (min-width: 959px) {
  header#SmtCmn {
    height: 120px;
  }
}
header#SmtCmn #HeadWrap {
  padding: 4px;
  height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media print, screen and (min-width: 959px) {
  header#SmtCmn #HeadWrap {
    position: relative;
    height: 120px;
    padding: 0 12px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
header#SmtCmn #HeadWrap div.nav-wrap {
  margin: 0 auto;
  width: 100%;
  height: 40px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (min-width: 959px) {
  header#SmtCmn #HeadWrap div.nav-wrap {
    height: 90px;
  }
}
header#SmtCmn #HeadWrap div.nav-wrap h1 {
  margin: 0;
  font-size: 0;
  line-height: 100%;
}
@media print, screen and (min-width: 959px) {
  header#SmtCmn #HeadWrap div.nav-wrap h1 {
    min-width: 180px;
  }
}
@media only screen and (max-width: 958px) {
  header#SmtCmn #HeadWrap div.nav-wrap h1 {
    width: 100px;
  }
}
@media print, screen and (min-width: 959px) {
  header#SmtCmn #HeadWrap div.nav-wrap h1 a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
  }
}
@media only screen and (max-width: 958px) {
  header#SmtCmn #HeadWrap div.nav-wrap h1 a {
    height: 40px;
  }
}
header#SmtCmn #HeadWrap div.nav-wrap h1 a svg {
  max-width: 180px;
  height: auto;
  width: 100%;
  fill: #FFF;
}
header#SmtCmn #HeadWrap div.nav-wrap div#spNav ul {
  margin: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media print, screen and (min-width: 959px) {
  header#SmtCmn #HeadWrap div.nav-wrap div#spNav ul {
    display: none;
  }
}
header#SmtCmn #HeadWrap div.nav-wrap div#spNav ul li {
  list-style: none;
}
header#SmtCmn #HeadWrap div.nav-wrap div#spNav ul li a {
  padding: 6px;
  color: #FFF;
  min-width: 44px;
}
@media only screen and (max-width: 958px) {
  header#SmtCmn #HeadWrap div.nav-wrap div#pcNav {
    display: none;
  }
}
header#SmtCmn #HeadWrap div.nav-wrap div#pcNav div#main-Nav ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 4px;
}
header#SmtCmn #HeadWrap div.nav-wrap div#pcNav div#main-Nav ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 18px;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.1);
  height: 38px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  white-space: nowrap;
}
header#SmtCmn #HeadWrap div.nav-wrap div#pcNav div#main-Nav ul li a:hover {
  color: #FFF;
  background: #05397a;
  text-decoration: none;
}
header#SmtCmn #HeadWrap div.nav-wrap div#pcNav div#main-Nav ul li a.afterrport {
  background: orange;
  color: #000;
}
header#SmtCmn #HeadWrap div.nav-wrap div#pcNav div#main-Nav ul li a.timetable {
  background: #f8d346;
  color: #000;
}
header#SmtCmn #HeadWrap div.nav-wrap div#pcNav div#main-Nav ul li a.mypage {
  background: orange;
  color: #000;
}
header#SmtCmn #HeadWrap div.nav-wrap div#pcNav div#main-Nav ul li:first-child {
  margin-left: 0;
}
header#SmtCmn #HeadWrap div.nav-wrap div#pcNav div#main-Nav ul li span {
  padding: 0 1em;
  color: #FFF;
  background: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  font-weight: bold;
}
header#SmtCmn #HeadWrap div.nav-wrap div#pcNav div#main-Nav ul li.after a {
  background: yellow;
  color: #111;
}
header#SmtCmn #HeadWrap div.nav-wrap div#pcNav div#main-Nav ul li.after a:hover {
  opacity: 0.75;
}
header#SmtCmn #HeadWrap div.nav-wrap div#pcNav div#main-Nav ul li.kouen a {
  background: yellow;
  color: #111;
}
header#SmtCmn #HeadWrap div.nav-wrap div#pcNav div#main-Nav ul li.kouen a:hover {
  opacity: 0.75;
}
header#SmtCmn #HeadWrap div.nav-wrap div#pcNav div#main-Nav ul li.archive a {
  background: #ffaa0d;
  color: #111;
}
header#SmtCmn #HeadWrap div.nav-wrap div#pcNav div#main-Nav ul li.archive a:hover {
  opacity: 0.75;
}
header#SmtCmn #HeadWrap div.nav-wrap div#pcNav div#sub-nav {
  margin-bottom: 0.5em;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 958px) {
  header#SmtCmn #HeadWrap div.nav-wrap div#pcNav div#sub-nav {
    display: none;
  }
}
header#SmtCmn #HeadWrap div.nav-wrap div#pcNav div#sub-nav ul {
  margin: 0 0 10px;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
header#SmtCmn #HeadWrap div.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 div.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 div.nav-wrap div#pcNav div#sub-nav li a i {
  margin-right: 8px;
  font-size: 20px;
  color: #FFF;
}
header#SmtCmn #HeadWrap div.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 {
  padding: 15px;
  font-weight: bold;
  display: block;
  text-align: center;
  font-size: 14px;
}
#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;
  color: #FFF;
}
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;
}
#SmtCtsWrap * {
  text-transform: none;
}
@media only screen and (max-width: 958px) {
  #SmtCtsWrap {
    padding-top: 48px;
  }
}
#SmtCtsWrap .CmnCtsHead {
  padding: 18px 0;
  background-color: #05397a;
  color: #FFF;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
@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.3em;
  width: 100%;
  color: #FFF;
}
@media only screen and (max-width: 958px) {
  #SmtCtsWrap .CmnCtsHead h1 {
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
  }
}
#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;
}

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

/********************************************************************************
    ORDER FORM こちら側にジョジョに移動していきたい（キャメル形式でのネーム）
--------------------------------------------------------------------------------*/
#cmn-order-selected {
  margin: 0 auto 30px;
  padding: 2em;
  font-weight: bold;
  border-radius: 8px;
}
@media only screen and (max-width: 958px) {
  #cmn-order-selected {
    margin: 0 4px 2em;
    padding: 1em;
  }
}
#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: 959px) {
  #cmn-order-selected li label {
    font-size: 1.2em;
  }
}
#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: 958px) {
  #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: 958px) {
  #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: normal;
  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: 958px) {
  #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: normal;
  font-size: 24px;
}
@media only screen and (max-width: 958px) {
  #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: 958px) {
  #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: 958px) {
  #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: 958px) {
  #cmn-order-addfolder div.addfolder-contents button#btn-list-all {
    font-size: 0.9em;
  }
}

/* 情報入力  */
#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;
  cursor: pointer;
}
#PolicyArea input {
  margin-right: 0.5em;
}

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

div.table-wrap {
  margin-bottom: 4em;
}
div.table-wrap caption {
  font-weight: bold;
  margin-bottom: 0.5em;
}
@media print, screen and (min-width: 959px) {
  div.table-wrap caption {
    text-align: left;
    font-size: 1.2rem;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 958px) {
  div.table-wrap caption {
    padding: 0.5em;
    text-align: center;
    width: 100%;
    display: block;
  }
}
div.table-wrap .cal-table {
  border-collapse: collapse;
  background-color: #FFF;
  width: 100%;
}
div.table-wrap .cal-table thead {
  font-weight: bold;
  line-height: 1em;
  color: #FFF;
  text-align: center;
}
div.table-wrap .cal-table thead th {
  padding: 6px;
  font-weight: normal;
  font-family: "Oswald", sans-serif;
  text-align: center;
  color: #FFF;
}
@media print, screen and (min-width: 959px) {
  div.table-wrap .cal-table thead th {
    border: solid 1px #FFF;
  }
  div.table-wrap .cal-table thead th.id {
    width: 60px;
  }
  div.table-wrap .cal-table thead th.time {
    width: 140px;
  }
  div.table-wrap .cal-table thead th.ttl {
    max-width: 360px;
  }
  div.table-wrap .cal-table thead th.status {
    width: 130px;
  }
}
@media print, screen and (min-width: 959px) {
  div.table-wrap .cal-table tbody {
    background-color: #F1F1F1;
  }
}
@media only screen and (max-width: 958px) {
  div.table-wrap .cal-table tbody tr {
    padding: 2em 4px;
    border-bottom: dotted 1px #CCC;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
}
div.table-wrap .cal-table tbody tr td {
  padding: 12px;
  color: #000;
}
div.table-wrap .cal-table tbody tr td strong {
  color: rgb(17, 153, 142);
  font-weight: bold;
  display: block;
  white-space: nowrap;
}
div.table-wrap .cal-table tbody tr td p {
  margin: 0;
}
div.table-wrap .cal-table tbody tr td p.company {
  margin-top: 4px;
  font-size: 12px;
  color: #666666;
}
div.table-wrap .cal-table tbody tr td .uk-text-meta {
  font-size: 11px;
}
@media print, screen and (min-width: 959px) {
  div.table-wrap .cal-table tbody tr td {
    border: solid 1px #FFF;
  }
  div.table-wrap .cal-table tbody tr td.id {
    font-family: "Oswald", sans-serif;
    color: #333;
    white-space: nowrap;
    text-align: center;
  }
  div.table-wrap .cal-table tbody tr td.date {
    font-weight: bold;
    color: #111;
    white-space: nowrap;
  }
  div.table-wrap .cal-table tbody tr td.ttl {
    min-width: 280px;
  }
  div.table-wrap .cal-table tbody tr td.status, div.table-wrap .cal-table tbody tr td.enq {
    text-align: center;
  }
  div.table-wrap .cal-table tbody tr td.tenji {
    width: 100px;
    text-align: center;
  }
}
@media only screen and (max-width: 958px) {
  div.table-wrap .cal-table tbody tr td {
    text-align: left;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    padding-left: 0;
    padding-right: 0;
  }
  div.table-wrap .cal-table tbody tr td.id {
    margin-right: 1em;
    padding: 0 0.8em;
    width: unset;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Oswald", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.table-wrap .cal-table tbody tr td.id strong {
    margin-left: 0.5em;
    color: #FFF;
    font-size: 0.75em;
  }
  div.table-wrap .cal-table tbody tr td.date {
    font-family: "Oswald", sans-serif;
    color: #333;
  }
  div.table-wrap .cal-table tbody tr td.date p.uk-text-meta {
    display: inline;
  }
  div.table-wrap .cal-table tbody tr td.ttl {
    width: 100% !important;
  }
  div.table-wrap .cal-table tbody tr td.ttl p.company {
    margin-bottom: 1em;
  }
  div.table-wrap .cal-table tbody tr td.tenji, div.table-wrap .cal-table tbody tr td.enq, div.table-wrap .cal-table tbody tr td.status {
    margin-left: 6px;
  }
}
div.table-wrap .cal-table tbody tr td a.uk-button {
  margin: 0 auto;
  color: rgb(255, 255, 255);
  background: rgb(17, 153, 142);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 959px) {
  div.table-wrap .cal-table tbody tr td a.uk-button {
    height: 36px;
    width: 100px;
  }
}
div.table-wrap .cal-table tbody tr td a.uk-button:hover {
  opacity: 0.75;
}
div.table-wrap .cal-table tbody tr td a.uk-button.btn-watch {
  background: #ff7241;
  color: #FFF;
}
div.table-wrap .cal-table tbody tr td a.uk-button.btn-cancel {
  background-color: #DDD;
  color: #111;
}
div.table-wrap .cal-table tbody tr td a.uk-button.btn-tenji {
  background: #340738;
}
@media print, screen and (min-width: 959px) {
  div.table-wrap .cal-table tbody tr td a.uk-button.btn-tenji {
    width: 80px;
  }
}
div.table-wrap .cal-table tbody tr.ng {
  background: #b0b0b0;
}
@media only screen and (max-width: 958px) {
  div.table-wrap .cal-table tbody tr.ng {
    background-color: #F1F1F1;
  }
}
div.table-wrap .cal-table tbody tr.ng td p.ng-text {
  margin: 0;
  font-weight: bold;
  color: red;
}
div.table-wrap .cal-table tbody tr.ng td.status {
  color: red;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  padding: 12px 6px;
}

.map {
  position: relative;
  background: #f3f3f3;
  overflow: hidden;
  padding: 0;
}
@media screen and (max-width: 640px) {
  .map {
    padding: 0;
  }
}
.map div#AboutBtn {
  position: absolute;
  z-index: 100;
}
@media screen and (min-width: 640px) {
  .map div#AboutBtn {
    top: 40px;
    right: 100px;
  }
}
@media screen and (max-width: 640px) {
  .map div#AboutBtn {
    top: 26vw;
  }
}
.map div#AboutBtn a {
  text-decoration: none;
  background-color: #41b468;
  color: #FFF;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 640px) {
  .map div#AboutBtn a {
    border-radius: 50%;
    height: 80px;
    width: 80px;
    line-height: 120%;
  }
}
@media screen and (max-width: 640px) {
  .map div#AboutBtn a br {
    display: none;
  }
}
.map div#AboutBtn a:hover {
  opacity: 0.75;
}
.map__head {
  text-align: center;
  width: 100%;
  margin: 0px auto 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.map__head img {
  margin-right: -28px;
}
@media screen and (max-width: 768px) {
  .map__head img {
    margin-right: 0;
    position: relative;
    right: 20px;
  }
}
@media screen and (max-width: 640px) {
  .map__head img {
    margin-right: 0;
    position: relative;
    right: 50vw;
    width: 150%;
    max-width: none;
  }
}
.map__booth {
  position: relative;
  padding: 0 50px;
  font-size: 0px;
  font-size: 0rem;
  background: url(../../hrsummit/2021/exhibition/assets/images/bg_route.svg) repeat-y center top -11px;
  background-size: 100%;
}
@media screen and (max-width: 1200px) {
  .map__booth {
    margin: 0 3%;
    padding: 0 4%;
  }
}
@media screen and (max-width: 768px) {
  .map__booth {
    background: url(../../hrsummit/2021/exhibition/assets/images/bg_route_sp.svg) repeat-y center top -3vw;
    background-size: 100%;
  }
}
.map__booth__li {
  display: inline-block;
  width: 22%;
  margin-left: 3%;
  margin-bottom: 6.6%;
  position: relative;
  z-index: 5;
}
.map__booth__li.-disabled {
  opacity: 0.2;
  pointer-events: none;
}
.map__booth__li.-disabled .map__booth__copy {
  display: none !important;
}
.map__booth__li .map__booth__a:before {
  background: url(../../hrsummit/2021/exhibition/assets/images/booth_bg_tile.png) #99c0ea;
}
.map__booth__li .map__booth__item:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 7px;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: 4;
}
.map__booth__li img {
  max-width: none;
  width: 100%;
}
.map__booth__li:nth-child(8n+1) {
  margin-left: 0;
}
@media screen and (max-width: 1200px) {
  .map__booth__li {
    margin-bottom: 6.7%;
  }
}
@media screen and (max-width: 768px) {
  .map__booth__li {
    width: 40.314%;
    margin-left: 7%;
    margin-top: 0;
    margin-bottom: 13.6vw;
  }
  .map__booth__li:nth-child(8n+1) {
    margin-left: 3.5%;
  }
  .map__booth__li:nth-child(4n+1) {
    margin-left: 3.5%;
  }
  .map__booth__li:nth-child(4n+3) {
    margin-left: 10%;
  }
}
.map__booth__li:nth-child(n+5):nth-child(-n+8) .map__booth__a:before, .map__booth__li:nth-child(n+13):nth-child(-n+16) .map__booth__a:before, .map__booth__li:nth-child(n+21):nth-child(-n+24) .map__booth__a:before, .map__booth__li:nth-child(n+29):nth-child(-n+32) .map__booth__a:before, .map__booth__li:nth-child(n+37):nth-child(-n+40) .map__booth__a:before, .map__booth__li:nth-child(n+45):nth-child(-n+48) .map__booth__a:before, .map__booth__li:nth-child(n+53):nth-child(-n+56) .map__booth__a:before {
  background: url(../../hrsummit/2021/exhibition/assets/images/booth_bg_tile_w.png) #7d9fc3;
}
.map__booth__li:after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: 4;
}
@media screen and (max-width: 640px) {
  .map__booth__li:after {
    transform: scale(0.55);
  }
}
.map__booth__a {
  display: block;
  transition: 0.4s;
  transform: translateY(0);
  position: relative;
}
.map__booth__a:before, .map__booth__a:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.map__booth__a:before {
  box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.2) inset;
  background: #888;
  z-index: 1;
}
.map__booth__a:after {
  background: #ddd;
  z-index: -1;
  transition: 0.4s;
  box-shadow: 0 10px 20px #f1f1f1;
}
.map__booth__a:hover {
  transform: translateY(-5px);
}
.map__booth__a:hover:after {
  width: 70%;
  height: 50%;
  left: 50%;
  margin-left: -35%;
  bottom: -10px;
  box-shadow: 0 10px 20px #ddd;
}
.map__booth__base {
  position: relative;
  z-index: 2;
}
.map__booth__logo, .map__booth__num, .map__booth__category {
  position: absolute;
  z-index: 3;
  margin: 0;
  padding: 0;
}
.map__booth__logo {
  top: 5%;
  margin: 0;
  padding: 0;
  left: 50%;
  margin-left: -26.86%;
  width: 53.72%;
  overflow: hidden;
  text-align: center;
}
.map__booth__logo img {
  width: 86px;
  height: 60px;
}
@media screen and (max-width: 640px) {
  .map__booth__logo img {
    width: 13vw;
    height: 8vw;
  }
}
.map__booth__num {
  left: 0;
  top: 17px;
  display: block;
  font-size: 10px;
  font-size: 1rem;
  text-align: right;
  width: 100%;
  padding: 0 12% 0 0;
  color: #888;
}
@media screen and (max-width: 640px) {
  .map__booth__num {
    transform: scale(0.7);
    transform-origin: right top;
    top: 7px;
    padding-right: 26%;
  }
}
.map__booth__category {
  display: inline-block;
  border-top: solid 1px #e9e9e9;
  padding: 4px 0;
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
  width: 70%;
  text-align: center;
  line-height: 1.5;
  color: #555;
}
.map__booth__category span {
  display: inline-block;
  margin-right: 0.5em;
}
.map__booth__category span i {
  margin-right: 0.25em;
  color: #233b6b;
}
@media screen and (max-width: 640px) {
  .map__booth__category {
    padding: 2% 0;
    top: 40%;
    transform: translateX(-50%) scale(1);
    transform-origin: center center;
    width: 75%;
    font-size: 1.6vw;
  }
  .map__booth__category i {
    font-size: 1.6vw;
  }
}
.map__booth__copy {
  position: absolute;
  z-index: 5;
  font-size: 14px;
  background: #ff7800;
  padding: 10px;
  border-radius: 6px;
  width: 80%;
  bottom: 80%;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  color: #fff;
  opacity: 0;
  transition: 0.4s ease-out;
  transition-delay: 0.2s;
  z-index: 5;
  font-weight: bold;
}
.map__booth__copy:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 10px transparent;
  border-top: solid 10px #ff7800;
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -10px;
}
@media screen and (max-width: 640px) {
  .map__booth__copy {
    display: none;
  }
}

.map__booth__a:hover .map__booth__copy,
.map__booth__a.-show .map__booth__copy {
  bottom: 96%;
  opacity: 1;
}
@media screen and (max-width: 640px) {
  .map__booth__a:hover .map__booth__copy,
  .map__booth__a.-show .map__booth__copy {
    display: none;
  }
}

/*! purgecss end ignore */
.map__booth__li.item-1 .map__booth__item:before {
  background-image: url(../../hrsummit/2021/exhibition/assets/images/booth_item_1.png);
}

.map__booth__li.item-2 .map__booth__item:before {
  background-image: url(../../hrsummit/2021/exhibition/assets/images/booth_item_2.png);
}

.map__booth__li.item-3 .map__booth__item:before {
  background-image: url(../../hrsummit/2021/exhibition/assets/images/booth_item_3.png);
}

.map__booth__li.item-4 .map__booth__item:before {
  background-image: url(../../hrsummit/2021/exhibition/assets/images/booth_item_4.png);
}

.map__booth__li.item-5 .map__booth__item:before {
  background-image: url(../../hrsummit/2021/exhibition/assets/images/booth_item_5.png);
}

.person-1:after {
  width: 27px;
  height: 65px;
  bottom: -43px;
  left: 50%;
  background-image: url(../../hrsummit/2021/exhibition/assets/images/fig_person_1.png);
}

.person-2:after {
  width: 27px;
  height: 65px;
  bottom: -43px;
  left: 20%;
  background-image: url(../../hrsummit/2021/exhibition/assets/images/fig_person_2.png);
}

.person-3:after {
  width: 46px;
  height: 74px;
  bottom: -43px;
  left: 50%;
  background-image: url(../../hrsummit/2021/exhibition/assets/images/fig_person_3.png);
}

.person-4:after {
  width: 42px;
  height: 70px;
  bottom: -53px;
  right: 10%;
  background-image: url(../../hrsummit/2021/exhibition/assets/images/fig_person_4.png);
}

.person-5:after {
  width: 17px;
  height: 67px;
  bottom: -32px;
  left: 20%;
  background-image: url(../../hrsummit/2021/exhibition/assets/images/fig_person_5.png);
}

.person-6:after {
  width: 54px;
  height: 71px;
  bottom: -43px;
  left: 50%;
  background-image: url(../../hrsummit/2021/exhibition/assets/images/fig_person_6.png);
}

/*  各ページコンテンツ*/
#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;
}

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

/********************************************************************************
    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: 959px) {
  #CmnOrderFormWrap {
    padding: 3em 1.5em;
  }
}
@media only screen and (max-width: 958px) {
  #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: 958px) {
  #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: 958px) {
  #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: 958px) {
  #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: 958px) {
  #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: 958px) {
  #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: 959px) {
  #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: 958px) {
  #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: 958px) {
  #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: 958px) {
  #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: 958px) {
  #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: 958px) {
  #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: 958px) {
  #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: 958px) {
  #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: 958px) {
  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: 958px) {
  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: 958px) {
  div.cmn-order-form-notice ul li strong {
    font-size: 11px;
  }
}
@media only screen and (max-width: 958px) {
  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: 959px) {
  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: 958px) {
  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: 959px) {
  .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: 959px) {
  .cmn-form-table tr th {
    min-width: 200px;
  }
}
@media only screen and (max-width: 958px) {
  .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: 958px) {
  .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: 959px) {
  .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: 958px) {
  .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: 958px) {
  .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: 958px) {
  .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: 958px) {
  .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: 958px) {
  .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: 959px) {
  .cmn-order-form-wrap {
    padding: 2em;
  }
}
@media only screen and (max-width: 958px) {
  .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: 958px) {
  .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: 958px) {
  .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: 958px) {
  .cmn-order-form-wrap div.cmn-order-form-policy-area label {
    font-size: 1em;
  }
}
.cmn-order-form-wrap div.cmn-order-form-regist-area {
  border-radius: 8px;
  border: solid 1px #d5d5d5;
  padding: 2rem;
}
.cmn-order-form-wrap div.cmn-order-form-regist-area h2.regist-type {
  font-weight: bold;
  text-align: center;
  font-size: 1.1rem;
}

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

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

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

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

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

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

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

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

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

@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;
  }
}
#SmtTopWrap {
  overflow-x: hidden;
  position: relative;
  background-image: url("../../hrsummit/2024/images/bg_tether.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-color: #e74c3c;
  animation: bg-color 10s infinite;
  background-blend-mode: hard-light; /* ここでブレンドモードを指定 */
  /*TopMain*/
}
#SmtTopWrap div.notice2 {
  margin-bottom: 1.5rem;
  min-height: 48px;
  font-weight: bold;
  text-align: center;
  color: red !important;
  background-color: #F3F3F3;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap div.notice2 {
    font-size: 2rem;
  }
}
#SmtTopWrap div.notice2.uk-active {
  width: 100% !important;
  top: 0;
  left: 0;
  box-shadow: 0 -8px 12px rgba(0, 0, 0, 0.3); /* 上向きのシャドウを追加 */
}
#SmtTopWrap * {
  text-transform: none;
}
#SmtTopWrap div.uk-container {
  margin: 0 auto;
}
#SmtTopWrap a.uk-button {
  border-radius: 8px;
  font-weight: bold;
}
#SmtTopWrap #TopMain {
  padding: 4rem 1rem;
  position: relative;
  z-index: 1;
  min-height: 100vh;
  background-color: rgba(183, 4, 132, 0.51);
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap #TopMain {
    padding: 48px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
#SmtTopWrap #TopMain div.catch-area {
  position: relative;
  z-index: 1;
}
#SmtTopWrap #TopMain div.catch-area h1 {
  margin: 0 0 1em;
  text-align: center;
  font-size: 3vw;
  font-weight: bold;
  font-family: "M PLUS 1p", sans-serif;
  color: #FFF;
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap #TopMain div.catch-area h1 {
    font-size: 1.6vw;
  }
}
#SmtTopWrap #TopMain div.catch-area h1 span {
  display: block;
  font-weight: bold;
  letter-spacing: 1px;
  font-family: "Oswald", sans-serif;
  color: #FFF;
  white-space: nowrap;
  font-size: 8vw;
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap #TopMain div.catch-area h1 span {
    font-size: 2.4vw;
  }
}
#SmtTopWrap #TopMain div.catch-area h2 {
  margin: 0 0 12px;
  line-height: 100%;
  font-weight: normal;
  letter-spacing: -2px;
  font-family: "Oswald", sans-serif;
  text-align: center;
  color: #FFF;
  text-shadow: 2px 2px 16px #111;
  font-size: 18vw;
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap #TopMain div.catch-area h2 {
    font-size: 6vw;
    white-space: nowrap;
  }
}
#SmtTopWrap #TopMain div.catch-area h3 {
  margin: 0 0 1.5rem;
  line-height: 130%;
  font-weight: 900;
  font-family: "M PLUS 1p", sans-serif;
  text-align: center;
  color: #FFF;
  text-shadow: 2px 2px 16px #111;
  font-size: 5vw;
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap #TopMain div.catch-area h3 {
    font-size: 36px;
    white-space: nowrap;
  }
}
#SmtTopWrap #TopMain div.catch-area div.main-date {
  margin: 0 auto;
  text-align: center;
  font-size: 6vw;
  font-weight: bold;
  font-family: "Oswald", sans-serif;
  color: #FFF;
  text-shadow: 2px 2px 16px #111;
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap #TopMain div.catch-area div.main-date {
    margin: 0 auto 0.5em;
    font-size: 4vw;
  }
}
#SmtTopWrap #TopMain div.catch-area div.main-date strong {
  margin: 0 8px;
  font-size: 10vw;
  font-weight: bold;
  font-family: "Oswald", sans-serif;
  letter-spacing: -1px;
  color: #FFF;
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap #TopMain div.catch-area div.main-date strong {
    font-size: 5.5vw;
  }
}
#SmtTopWrap #TopMain div.dateList {
  margin: 2rem auto;
  max-width: 900px;
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap #TopMain div.dateList {
    margin: 0 auto;
    max-width: 900px;
  }
}
#SmtTopWrap #TopMain div.dateList div.day {
  margin-bottom: 16px;
  padding: 16px;
  flex-direction: column;
  background-color: rgba(51, 59, 72, 0.84);
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap #TopMain div.dateList div.day {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
  }
}
#SmtTopWrap #TopMain div.dateList div.day h4 {
  margin: 0;
  font-weight: bold;
  font-size: 1rem;
  color: #FFF;
  text-align: left;
  line-height: 120%;
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap #TopMain div.dateList div.day h4 {
    width: 280px;
  }
}
#SmtTopWrap #TopMain div.dateList div.day h4 svg {
  max-height: 36px;
  height: auto;
  fill: #FFF;
  width: 100px;
  text-align: center;
}
#SmtTopWrap #TopMain div.dateList div.day p {
  margin: 0.5em 0 0;
  font-weight: bold;
  color: #FFF;
  text-align: left;
  font-size: 1rem;
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap #TopMain div.dateList div.day p {
    margin: 0;
    font-size: 1.6rem;
  }
}
#SmtTopWrap #TopMain div.notice-archive ul {
  margin: 2rem 0 0;
  padding: 0;
}
#SmtTopWrap #TopMain div.notice-archive ul li {
  color: #FFF;
  margin-bottom: 4px;
  font-size: 12px;
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap #TopMain div.notice-archive ul li {
    font-size: 13px;
    text-align: center;
  }
}
#SmtTopWrap #TopMain div.notice-archive ul li a {
  color: #FFF;
  font-size: 12px;
  text-decoration: underline;
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap #TopMain div.notice-archive ul li a {
    font-size: 13px;
    text-align: center;
  }
}
#SmtTopWrap div#topInq {
  background: rgba(45, 34, 196, 0.66);
}
#SmtTopWrap div#topInq div.top-inquiry {
  margin: 48px 0;
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap div#topInq div.top-inquiry {
    grid-template-columns: repeat(2, 1fr);
  }
}
#SmtTopWrap div#topInq div.top-inquiry div.inq-block {
  padding: 2.4rem;
  border-radius: 8px;
  background: #FFF;
}
#SmtTopWrap div#topInq div.top-inquiry div.inq-block h4 {
  text-align: center;
}
#SmtTopWrap div#topInq div.top-inquiry div.inq-block a.uk-button {
  width: 100%;
  font-weight: bold;
}
#SmtTopWrap div#topInq div.top-inquiry div.inq-block.user h4 {
  color: #05397a;
}
#SmtTopWrap div#topInq div.top-inquiry div.inq-block.user a.uk-button {
  color: #FFF;
  background-color: #05397a;
}
#SmtTopWrap div#topInq div.top-inquiry div.inq-block.company h4 {
  color: #0aa064;
}
#SmtTopWrap div#topInq div.top-inquiry div.inq-block.company a.uk-button {
  color: #FFF;
  background-color: #0aa064;
}
#SmtTopWrap div.top-cts-section {
  z-index: 1;
}
#SmtTopWrap div.top-cts-section h1 {
  margin: 1em auto 0.5em;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  color: #FFF;
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap div.top-cts-section h1 {
    font-size: 3.2rem;
  }
}
#SmtTopWrap div.top-cts-section h1 strong {
  margin-bottom: 8px;
  font-family: "Oswald", sans-serif;
  display: block;
  font-size: 2rem;
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap div.top-cts-section h1 strong {
    font-size: 5vw;
  }
}
#SmtTopWrap div.top-cts-section h2 {
  margin: 0;
  font-size: 2rem;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  letter-spacing: 1px;
}
#SmtTopWrap div.top-cts-section h2 span {
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  #SmtTopWrap div.top-cts-section h2 {
    font-size: 1.2rem;
  }
}
#SmtTopWrap div.top-cts-section p.lead {
  margin-bottom: 1.5em;
  line-height: 180%;
  color: #FFF;
  text-align: center;
  font-size: 1.1rem;
}
@media only screen and (max-width: 768px) {
  #SmtTopWrap div.top-cts-section p.lead {
    font-size: 13px;
  }
}
#SmtTopWrap #TopGaiyo {
  padding: 3em 4px;
  background-color: rgba(34, 118, 168, 0.75);
}
@media only screen and (max-width: 768px) {
  #SmtTopWrap #TopGaiyo {
    padding: 0 1em;
  }
}
#SmtTopWrap #TopGaiyo div.cts p {
  line-height: 180%;
  color: #FFF;
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap #TopGaiyo div.cts p {
    font-size: 17px;
  }
}
#SmtTopWrap #TopUserVoice {
  padding: 3em 4px;
  background-color: rgba(16, 219, 238, 0.75);
}
@media only screen and (max-width: 768px) {
  #SmtTopWrap #TopUserVoice {
    padding: 0 1em;
  }
}
#SmtTopWrap #TopUserVoice div.uk-card {
  padding: 1.8rem;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  border: solid 3px #555;
  box-sizing: border-box;
}
#SmtTopWrap #TopUserVoice div.uk-card:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}
#SmtTopWrap #TopUserVoice div.uk-card:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}
#SmtTopWrap #TopAbout {
  padding: 3em 4px;
  background-color: rgba(33, 35, 40, 0.75);
}
@media only screen and (max-width: 768px) {
  #SmtTopWrap #TopAbout {
    padding: 0 1em;
  }
}
#SmtTopWrap #TopAbout div.cts {
  margin: 1em auto;
  padding: 1rem;
  background: #FFF;
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap #TopAbout div.cts {
    margin: 2em auto;
    padding: 2rem;
  }
}
#SmtTopWrap #TopAbout div.btn-area {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 769px) {
  #SmtTopWrap #TopAbout div.btn-area {
    grid-template-columns: repeat(2, 1fr);
  }
}
#SmtTopWrap #TopAbout div.btn-area a.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;
}

div#session-disp div.session-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  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;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  div#session-disp div.session-date div.status {
    height: 36px;
    width: 60px;
  }
}
@media only screen and (max-width: 768px) {
  div#session-disp div.session-date div.status {
    padding: 2px 4px;
  }
}
div#session-disp div.preview-message {
  padding: 1rem;
  background: #fdf4f4;
  text-align: center;
  color: red;
}
div#session-disp div#session-layout {
  padding-top: 24px;
}
@media print, screen and (min-width: 769px) {
  div#session-disp div#session-layout {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 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: 769px) {
  div#session-disp div#session-layout div#session-wrap {
    padding: 36px;
  }
}
div#session-disp div#session-layout div#session-wrap div#session-head {
  margin: 0 0 1em;
}
@media print, screen and (min-width: 769px) {
  div#session-disp div#session-layout div#session-wrap div#session-head {
    margin: 3em 0;
  }
}
div#session-disp div#session-layout div#session-wrap div#session-head div.nhl-logo {
  margin-bottom: 3em;
  margin-top: -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: 769px) {
  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: 768px) {
  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;
  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: 769px) {
  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: 769px) {
  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: 768px) {
  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: 768px) {
  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: 768px) {
  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: 769px) {
  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: 769px) {
  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: 769px) {
  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: 769px) {
  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: 768px) {
  div#session-disp div#session-layout div#session-wrap.modal div.session-body {
    padding: 1em 0;
  }
}
@media print, screen and (min-width: 769px) {
  div#session-disp div#session-layout div#session-right-menu {
    min-width: 300px;
  }
}
div#session-disp div#session-layout div#session-right-menu div.recommend-card {
  padding: 2rem;
  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;
  gap: 2px;
}
@media print, screen and (min-width: 769px) {
  div#session-disp div#session-layout div#session-right-menu div.recommend-card ul.session-category {
    flex-direction: column;
  }
}
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: 769px) {
  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 {
  margin-bottom: 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media print, screen and (min-width: 769px) {
  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: 769px) {
  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;
  max-width: 100px;
  height: 24px;
}
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 {
  height: 100%;
  width: auto;
}
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;
}
@media print, screen and (min-width: 769px) {
  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.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-modal-head div.info-area div.text div.date div.special:before, div#session-disp div#session-modal-head div.info-area div.text div.date 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.date 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.date 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 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: 769px) {
  div#session-disp div#session-modal-head div.info-area div.text div.date div.status {
    min-width: 90px;
  }
}
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: 768px) {
  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;
  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;
}

html {
  background: transparent;
}

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

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

div.tt-intro {
  font-size: 13px;
}
div.tt-intro div.ttl {
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
}
@media print, screen and (min-width: 769px) {
  div.tt-intro div.ttl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 36px;
  }
}
div.tt-intro div.ttl svg {
  max-width: 80px;
  max-height: 40px;
  height: auto;
  fill: #05397a;
}
@media print, screen and (min-width: 769px) {
  div.tt-intro div.ttl svg {
    max-width: 100px;
    max-height: 60px;
  }
}
div.tt-intro div.ttl h1.tt-sect-title {
  margin: 0;
  font-weight: bold;
  font-size: 1.4em;
  color: #05397a;
}
@media print, screen and (min-width: 769px) {
  div.tt-intro div.ttl h1.tt-sect-title {
    white-space: nowrap;
    font-size: 1.8rem;
  }
}
div.tt-intro div.ttl h2 {
  margin: 6px 0 0;
  font-size: 11px;
  font-weight: bold;
  color: #111;
  line-height: 140%;
}
@media print, screen and (min-width: 769px) {
  div.tt-intro div.ttl h2 {
    font-size: 1.2rem;
  }
}
div.tt-intro div.text ul {
  margin: 0;
  list-style: disc;
}
div.tt-intro div.text ul li {
  line-height: 160%;
  font-size: 12px;
}
@media print, screen and (min-width: 769px) {
  div.tt-intro div.text ul li {
    font-size: 14px;
  }
}

div#tt-intro-btns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  width: 100%;
  background: #FFF;
  border-bottom: solid 8px #263357;
  height: 54px;
  z-index: 300;
  align-items: center;
}
div#tt-intro-btns > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
}
div#tt-intro-btns > div a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: "Oswald", sans-serif;
  letter-spacing: 3px;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  background: #e7e7e7;
  color: #263357;
  line-height: 24px;
}
@media print, screen and (min-width: 769px) {
  div#tt-intro-btns > div a {
    font-size: 24px;
    padding-top: 8px;
    align-items: baseline;
  }
}
div#tt-intro-btns > div a span {
  font-family: unset;
  font-size: 11px;
  letter-spacing: 0.5px;
}
@media print, screen and (min-width: 769px) {
  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 a {
  background: #263357;
  color: #FFF;
}

div.tt-wrap {
  overflow: auto;
  padding: 0;
  background: #e7e7e7;
}
div.tt-wrap div.sem-container {
  margin: 46px 0;
  padding: 12px;
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container {
    padding: 24px;
  }
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col-date {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 120px 1fr;
    grid-auto-flow: column;
    gap: 1px;
    height: 34px;
  }
}
div.tt-wrap div.sem-container div.sem-col-date div.day {
  display: none;
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col-date div.day {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Oswald", sans-serif;
    font-weight: normal;
    font-size: 28px;
    color: #FFF;
    background-color: #6172c9;
  }
  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: 769px) {
  div.tt-wrap div.sem-container div.sem-col-date div.place-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-flow: column;
    gap: 1px;
  }
  div.tt-wrap div.sem-container div.sem-col-date div.place-wrap > div {
    background-color: #6172c9;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-weight: bold;
  }
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col {
    margin: 1px auto 0;
    display: grid;
    grid-template-columns: 120px 1fr;
    grid-auto-flow: column;
    gap: 1px;
  }
}
div.tt-wrap div.sem-container div.sem-col div.head-time {
  margin: 12px 0;
  font-weight: bold;
  color: #FFF;
  background-color: #263357;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col div.head-time {
    margin: 0;
    color: #263357;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: #FFF;
  }
}
div.tt-wrap div.sem-container div.sem-col div.head-time div {
  padding: 0.5em 1em;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col div.head-time div {
    margin: 0 1em;
    padding: 0;
    display: block;
    font-size: 28px;
    height: unset;
  }
}
div.tt-wrap div.sem-container div.sem-col div.head-time div strong {
  margin-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
  color: #05397a;
  background: #d3e4fb;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col div.head-time div strong {
    margin-right: 0;
    margin-bottom: 1rem;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2vw;
    line-height: 100%;
    width: 60px;
    height: 60px;
  }
}
div.tt-wrap div.sem-container div.sem-col div.head-time div hr {
  margin: 0 6px;
  height: 1px;
  width: 1em;
  background: #263357;
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col div.head-time div hr {
    margin: 6px auto;
    width: 2px;
    height: 13px;
  }
}
div.tt-wrap div.sem-container div.sem-col div.card-container {
  /* 講演カード */
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col div.card-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-flow: column;
    gap: 1px;
  }
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar {
  border-radius: 8px;
  position: relative;
  height: 100%;
  background-color: #FFFFFF;
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar {
    border-radius: 0;
    padding: 1em;
  }
}
@media only screen and (max-width: 768px) {
  div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar {
    margin-bottom: 1em;
    padding: 12px;
  }
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-header {
  margin-bottom: 1em;
  height: 48px;
  border-bottom: 1px dotted #CCC;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-header:before, div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-header:after {
  display: none;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-header p.disabled-text {
  margin: 0;
  color: red;
  font-weight: bold;
  text-align: left;
  font-size: 1rem;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-header label {
  margin: 0;
  padding: 0;
  font-weight: bold;
  color: #263357;
  cursor: pointer;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-header label input.uk-checkbox {
  margin-right: 6px;
  border: solid 2px #263357;
  width: 24px;
  height: 24px;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-header label input.uk-checkbox:checked {
  background-color: #263357;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-header label input.uk-checkbox:disabled {
  background-color: #FFF;
  border-color: #CCC;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-header label 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.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-header label div.special:before, div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-header label div.special:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-header label div.special:before {
  top: 0;
  left: 0;
  border-width: 12px 0px 12px 6px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-header label div.special:after {
  top: 0;
  right: 0;
  border-width: 12px 6px 12px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-header label div.icon-recommend {
  margin: 0 0 5px 0;
  border-radius: 24px;
  background: #fff847;
  font-weight: bold;
  padding: 4px 8px 2px;
  font-size: 0.75em;
  color: #000;
  display: inline-block;
}
div.tt-wrap div.sem-container div.sem-col div.card-container 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.tt-wrap div.sem-container div.sem-col div.card-container 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.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-header a.uk-button:hover {
  opacity: 0.75;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-header div.labo {
  max-width: 80px;
  text-align: right;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-header div.labo svg {
  max-height: 24px;
  width: auto;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-body {
  padding-bottom: 2em;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-body div.uk-card-title {
  margin: 0;
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-body div.uk-card-title {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: no-wrap;
  }
  div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-body div.uk-card-title div.num {
    margin-right: 1em;
    min-width: 64px;
    width: 64px;
    height: 40px;
    line-height: 40px;
  }
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-body div.uk-card-title div.num {
  margin-bottom: 8px;
  background: #263357;
  color: #FFF;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-body div.uk-card-title h2 {
  margin-top: 0;
  font-size: 18px;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-body div.uk-card-title h2 strong {
  margin-top: 8px;
  display: block;
  font-size: 13px;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-body div.teacher-wrap div.teacher {
  margin-top: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-body div.teacher-wrap div.teacher div.pict {
  text-align: center;
  width: 20%;
  min-width: 80px;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-body div.teacher-wrap div.teacher div.pict img {
  width: 100%;
  height: auto;
  max-width: 80px;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-body div.teacher-wrap div.teacher div.prof {
  width: 80%;
  padding-right: 1em;
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-body div.teacher-wrap div.teacher div.prof {
    width: unset;
  }
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-body div.teacher-wrap div.teacher div.prof p {
  margin: 0;
  font-size: 0.85em;
  color: #111111;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-footer {
  gap: 8px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-footer:before, div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-footer:after {
  display: none;
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-footer {
    display: block;
  }
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-footer div.btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-footer div.btn .uk-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  font-size: 0.9rem;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-footer div.btn .uk-button.open-modal {
  background: #05397a !important;
  color: #FFF;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-footer div.btn .uk-button:hover {
  opacity: 0.75;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-footer .uk-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 100px;
  font-size: 0.9rem;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-footer .uk-button.play-movie {
  margin: 0;
  background: #ffc800 !important;
  gap: 2px;
  color: #111;
  max-width: 360px;
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-footer .uk-button.play-movie {
    float: right;
    margin-top: 8px;
  }
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-footer .uk-button.play-movie span {
  margin-right: 4px;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-footer .uk-button:hover {
  opacity: 0.75;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar div.card-footer p {
  margin: 0;
  order: 1;
  width: 100%;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar.applied {
  background-color: #f5f9ff;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar.applied label {
  cursor: default !important;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar.disabled {
  background-color: #FFF;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar.disabled div.card-body {
  opacity: 0.2;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar.kyougou {
  background-color: #FFF;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar.kyougou div.card-body {
  opacity: 0.2;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar.unselected {
  background-color: #F1F1F1;
  opacity: 0.4;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar.long {
  grid-column: 1/5;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar.long div.teacher-wrap {
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar.long div.teacher-wrap {
    flex-wrap: nowrap;
  }
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar.long div.teacher-wrap div.teacher {
    width: 25%;
  }
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar.column-ab {
  grid-column: 1/3;
}
div.tt-wrap div.sem-container div.sem-col div.card-container div.card-seminar.column-cd {
  grid-column: 3/5;
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col.block {
    display: block;
  }
}
div.tt-wrap div.sem-container div.sem-col.block div.card-container {
  /* 講演カード */
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col.block div.card-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    grid-auto-flow: row;
  }
}
div.tt-wrap div.sem-container div.sem-col.block div.card-container div.card-seminar {
  border: none;
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col.block div.card-container div.card-seminar {
    width: 100%;
    padding: 1em;
    height: 100%;
  }
}
div.tt-wrap div.sem-container div.sem-col.block div.card-container div.card-seminar.applied {
  background-color: rgb(239, 238, 228);
}
div.tt-wrap div.sem-container div.sem-col.archive {
  display: block;
}
@media print, screen and (min-width: 769px) {
  div.tt-wrap div.sem-container div.sem-col.archive div.card-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: unset;
    gap: 2px;
  }
}
@media only screen and (max-width: 768px) {
  div.tt-wrap div.sem-container div.sem-col.archive div.card-container {
    padding: 0 12px;
  }
}

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: #26a608;
}
.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;
  height: 64px;
}
div#tt-filter-wrap.uk-active {
  border-bottom: solid 1px #CCC;
}
@media only screen and (max-width: 768px) {
  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: 769px) {
  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: #26a608;
}

div#tt-fixed-nav {
  margin: 0;
  padding: 15px 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 30;
  background: rgba(0, 0, 0, 0.8);
  border-top: solid 1px #d4d5d7;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  div#tt-fixed-nav {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
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 {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 160px;
  padding: 0 1.5em;
  height: 42px;
  font-size: 12px;
  max-width: 260px;
  background-color: #e67e22;
  border: solid 1px #e67e22;
  color: #FFF;
}
@media print, screen and (min-width: 769px) {
  .tt-submit-btn {
    font-size: 16px;
    height: 54px;
  }
}
.tt-submit-btn:hover {
  opacity: 0.75;
  color: #FFF;
}

button.tt-login-btn {
  min-width: 160px;
  padding: 0 1.5em;
  height: 42px;
  font-size: 12px;
  background-color: #0e417d;
  border: solid 1px #0e417d;
  color: #FFF;
}
@media print, screen and (min-width: 769px) {
  button.tt-login-btn {
    height: 54px;
    font-size: 16px;
  }
}
button.tt-login-btn:hover {
  opacity: 0.75;
}

/* 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 {
  margin: 3rem auto;
  max-width: 1200px;
  padding: 8px;
}
@media print, screen and (min-width: 769px) {
  #tt-sem-recommend {
    padding: 12px;
  }
}
#tt-sem-recommend h3 {
  margin: 0 auto 1em;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  color: #0aa064;
}
@media print, screen and (min-width: 769px) {
  #tt-sem-recommend div.card-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
  }
}

#tt-sem-archive {
  margin: 0 auto 3rem;
  background: #d2d2d2;
  padding: 12px;
}
@media print, screen and (min-width: 769px) {
  #tt-sem-archive {
    padding: 24px;
  }
}
#tt-sem-archive div.card-container {
  display: grid;
  gap: 8px;
}
@media screen and (min-width: 640px) {
  #tt-sem-archive div.card-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@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.card-seminar {
  border-radius: 8px;
  position: relative;
  height: 100%;
  background-color: #FFFFFF;
  border: solid 1px #CCC;
  border-radius: 8px;
}
@media print, screen and (min-width: 769px) {
  div.card-seminar {
    padding: 1em;
  }
}
@media only screen and (max-width: 768px) {
  div.card-seminar {
    margin-bottom: 1em;
    padding: 12px;
  }
}
div.card-seminar div.card-header {
  margin-bottom: 1em;
  height: 48px;
  border-bottom: 1px dotted #CCC;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.card-seminar div.card-header:before, div.card-seminar div.card-header:after {
  display: none;
}
div.card-seminar div.card-header p.disabled-text {
  margin: 0;
  color: red;
  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;
}
div.card-seminar div.card-header label input.uk-checkbox {
  margin-right: 6px;
  border: solid 2px #263357;
  width: 24px;
  height: 24px;
}
div.card-seminar div.card-header label input.uk-checkbox:checked {
  background-color: #263357;
}
div.card-seminar div.card-header label input.uk-checkbox:disabled {
  background-color: #FFF;
  border-color: #CCC;
}
div.card-seminar div.card-header label 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-header label div.special:before, div.card-seminar div.card-header label div.special:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
}
div.card-seminar div.card-header label 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-header label 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-header label div.icon-recommend {
  margin: 0 0 5px 0;
  border-radius: 24px;
  background: #fff847;
  font-weight: bold;
  padding: 4px 8px 2px;
  font-size: 0.75em;
  color: #000;
  display: inline-block;
}
div.card-seminar div.card-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.card-header div.labo {
  max-width: 80px;
  text-align: right;
}
div.card-seminar div.card-header div.labo svg {
  max-height: 24px;
  width: auto;
}
div.card-seminar div.card-body {
  padding-bottom: 2em;
}
div.card-seminar div.card-body div.card-date {
  margin: 0 0 12px;
  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: 769px) {
  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: 769px) {
  div.card-seminar div.card-body div.card-date div.status {
    min-width: 90px;
  }
}
div.card-seminar div.card-body div.uk-card-title {
  margin: 0;
}
@media print, screen and (min-width: 769px) {
  div.card-seminar div.card-body div.uk-card-title {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: no-wrap;
  }
  div.card-seminar div.card-body div.uk-card-title div.num {
    margin-right: 1em;
    min-width: 64px;
    width: 64px;
    height: 40px;
    line-height: 40px;
  }
}
div.card-seminar div.card-body div.uk-card-title div.num {
  margin-bottom: 8px;
  background: #263357;
  color: #FFF;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
}
div.card-seminar div.card-body div.uk-card-title h2 {
  margin-top: 0;
  font-size: 18px;
}
div.card-seminar div.card-body div.uk-card-title h2 strong {
  margin-top: 8px;
  display: block;
  font-size: 13px;
}
div.card-seminar div.card-body div.teacher-wrap div.teacher {
  margin-top: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
div.card-seminar div.card-body div.teacher-wrap div.teacher div.pict {
  text-align: center;
  width: 80px;
  max-width: 80px;
  min-width: 80px;
  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 {
  width: 80%;
}
div.card-seminar div.card-body div.teacher-wrap div.teacher div.prof p {
  margin: 0;
  font-size: 0.85em;
  color: #111111;
}
div.card-seminar div.card-footer:before, div.card-seminar div.card-footer:after {
  display: none;
}
div.card-seminar div.card-footer div.btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
div.card-seminar div.card-footer div.btn .uk-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  font-size: 0.9rem;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
div.card-seminar div.card-footer div.btn .uk-button.open-modal {
  background: #05397a !important;
  color: #FFF;
}
div.card-seminar div.card-footer div.btn .uk-button:hover {
  opacity: 0.75;
}
div.card-seminar div.card-footer .uk-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 100px;
  font-size: 0.9rem;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
div.card-seminar div.card-footer .uk-button.play-movie {
  margin-top: 8px;
  background: #ffc800 !important;
  gap: 2px;
  color: #111;
  max-width: 360px;
  float: right;
}
div.card-seminar div.card-footer .uk-button.play-movie span {
  margin-right: 4px;
}
div.card-seminar div.card-footer .uk-button:hover {
  opacity: 0.75;
}
div.card-seminar div.card-footer p {
  margin: 0;
  order: 1;
  width: 100%;
}
div.card-seminar.applied {
  background-color: #f5f9ff;
}
div.card-seminar.applied label {
  cursor: default !important;
}
div.card-seminar.disabled {
  background-color: #FFF;
}
div.card-seminar.disabled div.card-body {
  opacity: 0.2;
}
div.card-seminar.kyougou {
  background-color: #FFF;
}
div.card-seminar.kyougou div.card-body {
  opacity: 0.2;
}
div.card-seminar.unselected {
  background-color: #F1F1F1;
  opacity: 0.4;
}
div.card-seminar.long {
  grid-column: 1/5;
}
div.card-seminar.long div.teacher-wrap {
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 769px) {
  div.card-seminar.long div.teacher-wrap {
    flex-wrap: nowrap;
  }
}
@media print, screen and (min-width: 769px) {
  div.card-seminar.long div.teacher-wrap div.teacher {
    width: 25%;
  }
}
div.card-seminar.column-ab {
  grid-column: 1/3;
}
div.card-seminar.column-cd {
  grid-column: 3/5;
}

/*--------------------------------------------------------------------------------------------------
 お申込みフォーム
*/
div#entry-wrap {
  margin: 40px auto;
  background: #FFF;
  max-width: 980px;
}
@media only screen and (max-width: 768px) {
  div#entry-wrap {
    margin: 0;
    padding: 2em 0.5em;
  }
}
div#entry-wrap div.lead {
  margin-bottom: 1em;
}
@media print, screen and (min-width: 769px) {
  div#entry-wrap div.lead {
    margin-bottom: 2em;
  }
}
div#entry-wrap div.lead h2 {
  margin-bottom: 2em;
  font-weight: bold;
  color: #05397a;
  font-size: 1rem;
  border-left: solid 5px #05397a;
  padding-left: 8px;
}
@media print, screen and (min-width: 769px) {
  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: 769px) {
  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: 769px) {
  div#entry-wrap div.session-conf table.conf-table tr th {
    border: solid 1px #CCC;
  }
}
@media print, screen and (min-width: 769px) {
  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: #05397a;
  border-bottom: dotted 1px #CCC;
  background: #d3e4fb;
}
@media print, screen and (min-width: 769px) {
  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: 769px) {
  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: 769px) {
  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: 769px) {
  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: 768px) {
  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-bototm: 1em;
  font-weight: bold;
  background: #05397a;
  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: 769px) {
  div#entry-wrap div.policy-area {
    padding: 2em;
  }
}
div#entry-wrap div.lot-area {
  margin: 1em 0;
  padding: 1.5em 1em;
  background: #e5faf0;
  border-radius: 8px;
}
@media print, screen and (min-width: 769px) {
  div#entry-wrap div.lot-area {
    margin: 3em 0;
    padding: 2em;
  }
}
div#entry-wrap div.lot-area h3 {
  color: #0aa064;
  text-align: center;
}
div#entry-wrap div.lot-area .btn-check {
  margin: 0 auto;
  border-radius: 24px;
  height: 48px;
  width: 240px;
  background: #c9dce5;
  color: #05397a;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
div#entry-wrap div.lot-area .btn-check input {
  margin-right: 8px;
}
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: 769px) {
  div#entry-wrap div.order-btn-area .uk-button {
    padding: 0.5rem 10px;
    font-size: 1.2em;
    width: 240px;
    min-width: 180px;
  }
}
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 {
  margin-top: 2rem;
  padding-bottom: 1em;
}
@media print, screen and (min-width: 769px) {
  div#smt-movie-wrap div.movie-area {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
div#smt-movie-wrap div.movie-area div.movie-cts {
  background-color: #000;
}
@media print, screen and (min-width: 769px) {
  div#smt-movie-wrap div.movie-area div.movie-cts {
    width: 69%;
    height: 610px;
  }
  div#smt-movie-wrap div.movie-area div.movie-cts iframe {
    min-height: 550px;
  }
}
@media only screen and (max-width: 768px) {
  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%;
  }
}
@media print, screen and (min-width: 769px) {
  div#smt-movie-wrap div.movie-area div.movie-side {
    width: 30%;
    height: 610px;
  }
}
div#smt-movie-wrap div.movie-area div.movie-side ul.uk-subnav {
  margin: 0;
}
div#smt-movie-wrap div.movie-area div.movie-side ul.uk-subnav li {
  margin: 0;
  padding: 0;
  width: 50%;
  background: #FFF;
  position: relative;
}
div#smt-movie-wrap div.movie-area div.movie-side ul.uk-subnav li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  color: #0265cb;
}
div#smt-movie-wrap div.movie-area div.movie-side ul.uk-subnav li span.badge {
  position: absolute;
  left: 6px;
  top: 12px;
  color: #FFF;
  background-color: red;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 18px;
}
div#smt-movie-wrap div.movie-area div.movie-side ul.uk-subnav li.uk-active a {
  background: #263357;
  color: #FFF;
}
div#smt-movie-wrap div.movie-area div.movie-side ul.uk-subnav li#movie-side {
  position: relative;
}
div#smt-movie-wrap div.movie-area div.movie-side ul.uk-switcher > li {
  padding: 5px;
  height: 530px;
}
@media only screen and (max-width: 768px) {
  div#smt-movie-wrap div.movie-area div.movie-side ul.uk-switcher > li {
    padding: 0.5em;
    height: unset !important;
  }
}
div#smt-movie-wrap div.movie-area div.movie-side ul.uk-switcher > li div#movie-info-area {
  box-sizing: border-box;
  height: 560px;
  padding: 8px;
  background-color: #FFF;
  overflow-y: scroll;
}
div#smt-movie-wrap div.movie-area div.movie-side ul.uk-switcher > li div#movie-info-area ul.info-list {
  margin: 0;
  padding: 0;
}
div#smt-movie-wrap div.movie-area div.movie-side ul.uk-switcher > li div#movie-info-area ul.info-list > li {
  margin-bottom: 10px;
  padding: 20px 0;
  border-bottom: dotted 1px #CCC;
}
div#smt-movie-wrap div.movie-area div.movie-side ul.uk-switcher > li div#movie-info-area ul.info-list > li div.date {
  margin-bottom: 0.5em;
  text-align: left;
  font-weight: bold;
  font-family: "Oswald";
  color: #555;
  font-size: 13px;
}
div#smt-movie-wrap div.movie-area div.movie-side ul.uk-switcher > li div#movie-info-area ul.info-list > li div.date span {
  margin-left: 0.5em;
  font-size: 11px;
  font-weight: bold;
  font-family: "Oswald";
  color: #666;
}
div#smt-movie-wrap div.movie-area div.movie-side ul.uk-switcher > li div#movie-info-area ul.info-list > li div.info-wrap div.info-head {
  margin-bottom: 0.3em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
div#smt-movie-wrap div.movie-area div.movie-side ul.uk-switcher > li div#movie-info-area ul.info-list > li div.info-wrap div.info-head div.title {
  font-size: 13px;
  font-weight: bold;
  color: #003366;
}
div#smt-movie-wrap div.movie-area div.movie-side ul.uk-switcher > li div#movie-info-area ul.info-list > li div.info-wrap div.info-body {
  font-size: 12px;
  line-height: 150%;
}
div#smt-movie-wrap div.movie-area div.movie-side ul.uk-switcher > li div#movie-info-area ul.info-list > li:last-child {
  border: none;
}
div#smt-movie-wrap div.enq-tokuten-area {
  margin: 0 0 1em;
  background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 5px, #f5eddf 5px, #fcefd7 10px);
  padding: 1rem;
  border-radius: 8px;
}
@media print, screen and (min-width: 769px) {
  div#smt-movie-wrap div.enq-tokuten-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
  }
}
div#smt-movie-wrap div.enq-tokuten-area div.gift-cts-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}
@media print, screen and (min-width: 769px) {
  div#smt-movie-wrap div.enq-tokuten-area div.gift-cts-wrap {
    margin-bottom: 0px;
  }
}
div#smt-movie-wrap div.enq-tokuten-area div.gift-cts-wrap div.gift-cts {
  margin: 0 auto;
  background: #FFF;
  padding: 1rem;
  border-radius: 8px;
}
@media print, screen and (min-width: 769px) {
  div#smt-movie-wrap div.enq-tokuten-area div.gift-cts-wrap div.gift-cts {
    display: grid;
    grid-template-columns: 240px 1fr;
    align-items: center;
    gap: 24px;
  }
}
div#smt-movie-wrap div.enq-tokuten-area div.gift-cts-wrap div.gift-cts div.ttl {
  color: #000;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  white-space: nowrap;
}
div#smt-movie-wrap div.enq-tokuten-area div.gift-cts-wrap div.gift-cts div.ttl i {
  display: block;
}
div#smt-movie-wrap div.enq-tokuten-area div.gift-cts-wrap div.gift-cts ul {
  list-style: disc;
}
div#smt-movie-wrap div.enq-tokuten-area div.gift-cts-wrap div.gift-cts ul li {
  font-weight: bold;
  color: rgb(253, 107, 2);
  font-size: 13px;
}
div#smt-movie-wrap div.enq-tokuten-area div.gift-cts-wrap div.gift-cts p {
  margin: 0;
  font-weight: bold;
  color: rgb(253, 107, 2);
  font-size: 13px;
}
div#smt-movie-wrap div.enq-tokuten-area a.movie-enq-btn {
  margin: 0 auto;
  background: rgb(253, 107, 2);
  color: #FFF;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  height: 48px;
  border-radius: 8px;
}
@media print, screen and (min-width: 769px) {
  div#smt-movie-wrap div.enq-tokuten-area a.movie-enq-btn {
    margin-left: auto;
    margin-right: 0;
  }
}
div#smt-movie-wrap div.enq-tokuten-area a.movie-enq-btn:hover {
  opacity: 0.75;
}
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: 769px) {
  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: 769px) {
  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: 769px) {
  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: 769px) {
  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: 769px) {
  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 {
  margin-bottom: 1em;
  background: #263357;
  color: #FFF;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
}
@media print, screen and (min-width: 769px) {
  div#smt-movie-wrap div.movie-bottom-nav div.movie-head div.ttl-wrap div.num {
    margin-bottom: 0;
    margin-right: 1em;
    width: 58px;
    height: 58px;
    line-height: 58px;
    min-width: 58px;
    font-size: 18px;
  }
}
div#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: 769px) {
  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: 769px) {
  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: #ff4195;
    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 #ff4195;
    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: #05397a;
  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: #05397a;
    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 {
  margin-right: 12px;
  max-height: 60px;
  height: auto;
  z-index: 1;
  position: relative;
  fill: #FFF;
  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: 769px) {
  #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: 769px) {
  #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: 769px) {
  #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#LotteryWrap {
  background-image: linear-gradient(-90deg, rgba(230, 243, 216, 0.47) 50%, transparent 50%), linear-gradient(rgba(209, 255, 166, 0.25) 50%, transparent 50%);
  background-size: 12px 12px;
  background-repeat: repeat;
}
div#LotteryWrap h2 {
  padding: 0 12px;
}
div#LotteryWrap div.uk-container {
  padding: 4em;
  border-radius: 8px;
  max-width: 760px;
  background-color: #FFF;
}
@media only screen and (max-width: 768px) {
  div#LotteryWrap div.uk-container {
    margin: 5px;
    padding: 0.5em;
  }
}
div#LotteryWrap div.uk-container .ribbon {
  margin-bottom: 2em;
  position: relative;
  width: 100%;
  height: 48px;
  background: #e51d1d; /*背景色*/
  display: flex;
  justify-content: center;
  align-items: center;
}
div#LotteryWrap div.uk-container .ribbon h4 {
  margin: 0;
  font-size: 24px; /*フォントサイズ*/
  color: #FFF; /*フォントカラー*/
  text-align: center;
  font-weight: bold;
}
div#LotteryWrap div.uk-container .ribbon:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155); /*折り返し部分*/
}
div#LotteryWrap div.uk-container .ribbon:after {
  position: absolute;
  content: "";
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-left: solid 20px rgb(149, 158, 155); /*折り返し部分*/
}
div#LotteryWrap div.uk-container p.date {
  text-align: center;
  font-weight: bold;
  color: #e51d1d;
  font-size: 1.1rem;
}
@media only screen and (max-width: 768px) {
  div#LotteryWrap div.uk-container p.date {
    font-size: 12px;
  }
}
div#LotteryWrap div.uk-container table {
  background-color: #FFFFFF;
}
div#LotteryWrap div.uk-container table th {
  font-weight: bold;
  color: #e51d1d;
  font-size: 1.1rem;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  div#LotteryWrap div.uk-container table th {
    font-size: 0.9rem;
    white-space: nowrap;
    padding: 8px 4px;
    text-align: center;
    vertical-align: middle;
  }
}
div#LotteryWrap div.uk-container table th strong {
  font-size: 1.3rem;
}
@media only screen and (max-width: 768px) {
  div#LotteryWrap div.uk-container table th strong {
    display: block;
    text-align: center;
  }
}
div#LotteryWrap div.uk-container table td {
  vertical-align: middle;
}
@media print, screen and (min-width: 769px) {
  div#LotteryWrap div.uk-container table td br {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  div#LotteryWrap div.uk-container table td {
    padding: 8px 4px;
    font-size: 12px;
  }
}
div#LotteryWrap div.uk-container table td.nowrap {
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  color: #000000;
}
div#LotteryWrap div.uk-container table td.name {
  font-size: 1.1rem;
  font-weight: bold;
  color: #000000;
}
@media only screen and (max-width: 768px) {
  div#LotteryWrap div.uk-container table td.name {
    font-size: 1em;
  }
}
div#LotteryWrap div.uk-container #TopLtyInfo {
  font-weight: bold;
  color: rebeccapurple;
}
div#LotteryWrap div.uk-container div.notice {
  margin: 3em auto;
}
@media print, screen and (min-width: 769px) {
  div#LotteryWrap div.uk-container div.notice {
    font-size: 16px;
    line-height: 180%;
  }
}
div#LotteryWrap div.uk-container div.notice h3 {
  background-color: #333;
  color: #FFF;
  padding: 8px;
  line-height: 1.4;
  text-align: center;
}
div#LotteryWrap div.uk-container div.notice p {
  font-weight: bold;
  color: #000;
  text-align: center;
  font-size: 1.1rem;
}
@media print, screen and (min-width: 769px) {
  div#LotteryWrap div.uk-container div.notice ul li {
    font-size: 13px;
    line-height: 180%;
  }
}
div#LotteryWrap p.lot-intro {
  margin: 0 0 1em;
  text-align: center;
  line-height: 180%;
  color: #111111;
  font-weight: bold;
  font-size: 1em;
}
@media print, screen and (min-width: 769px) {
  div#LotteryWrap p.lot-intro {
    font-size: 16px;
  }
}
div#LotteryWrap div.houhou {
  margin-bottom: 2rem;
  border-radius: 8px;
  padding: 1.5rem;
  background: #41830b;
  color: #FFF;
}
div#LotteryWrap div.houhou h3 {
  text-align: center;
  font-size: 1.3em;
  color: #FFF;
}
div#LotteryWrap div.houhou p {
  margin: 0;
  font-size: 14px;
  color: #FFF;
  text-align: center;
}

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: 768px) {
  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: 768px) {
  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: 768px) {
  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: 769px) {
  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: 768px) {
  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: 769px) {
  div#enq-wrap div#enq-head div#ttl-text p.company {
    margin-left: 1em;
    text-align: right;
  }
}
div#enq-wrap div#enq-lead h3 {
  margin-bottom: 1em;
  padding: 8px;
  font-weight: bold;
  font-size: 1.2rem;
  background: #16923e;
  color: #FFF;
  text-align: center;
}
div#enq-wrap div.enq-area {
  margin-bottom: 3em;
  border-radius: 6px;
  padding: 2em 1em;
  text-align: center;
  background-color: #f6f6f6;
  border: solid 1px #169d18;
}
@media print, screen and (min-width: 769px) {
  div#enq-wrap div.enq-area {
    padding: 2em;
  }
}
div#enq-wrap div.enq-area h4 {
  font-weight: bold;
  color: #169d18;
  color: #169d18;
  line-height: 160%;
}
@media print, screen and (min-width: 769px) {
  div#enq-wrap div.enq-area h4 {
    font-size: 24px;
  }
}
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 div.btn {
  margin: 2em auto;
  text-align: center;
}
div#enq-wrap div.enq-area div.enq-tokuten-text div.btn a.uk-button {
  margin: 0 auto;
  padding: 0.3em 1em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #57169d;
  color: #FFF;
  font-weight: bold;
  width: 360px;
  font-size: 1.6em;
}
@media only screen and (max-width: 768px) {
  div#enq-wrap div.enq-area div.enq-tokuten-text div.btn a.uk-button {
    margin-bottom: 6px;
    font-size: 1.1em;
    width: unset;
  }
}
div#enq-wrap div.enq-area div.enq-tokuten-text div.btn a.uk-button:hover {
  opacity: 0.75;
}
div#enq-wrap div.enq-area div.enq-tokuten-text div.btn p {
  margin-top: 1em;
  text-align: center;
}
div#enq-wrap div.enq-area div.enq-tokuten-text div.gift {
  margin: 0 auto 2em;
  max-width: 640px;
  color: #333;
  text-align: left;
}
div#enq-wrap div.enq-area div.enq-tokuten-text div.gift h5 {
  margin: 0 0 1em;
  padding: 8px;
  font-weight: bold;
  background: #169d18;
  color: #FFF;
  text-align: center;
}
div#enq-wrap div.enq-area div.enq-tokuten-text div.gift p {
  margin: 8px 0;
  text-align: center;
}
div#enq-wrap div.enq-area div.enq-tokuten-text div.gift p strong {
  font-weight: bold;
  font-size: 1.2rem;
  color: #169d18;
}
div#enq-wrap div.enq-area div.enq-tokuten-text div.gift p.lead {
  font-weight: bold;
  line-height: 180%;
}
div#enq-wrap div.enq-area div.enq-tokuten-text div.gift a.uk-button {
  margin-bottom: 1em;
  background: #FFF;
}

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: 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;
}

#Smt2024TopWrap {
  overflow-x: hidden;
  position: relative;
  background-image: url("../../hrsummit/2024/images/top/bg_top.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-color: #FFF;
  /*TopMain*/
}
#Smt2024TopWrap * {
  text-transform: none;
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap {
    padding-top: 48px;
  }
}
#Smt2024TopWrap #TopMain {
  position: relative;
  z-index: 1;
}
#Smt2024TopWrap #TopMain #topMainText {
  padding: 2rem 1rem;
  width: 100%;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopMain #topMainText div.uk-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
#Smt2024TopWrap #TopMain #topMainText div.uk-container div.catch-area {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopMain #topMainText div.uk-container div.catch-area {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
#Smt2024TopWrap #TopMain #topMainText div.uk-container div.catch-area h1 {
  margin: 0;
  font-size: 2vw;
  font-weight: bold;
  font-family: "M PLUS 1p", sans-serif;
  color: #333b3e;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopMain #topMainText div.uk-container div.catch-area h1 {
    font-size: 1.2vw;
    white-space: nowrap;
  }
}
#Smt2024TopWrap #TopMain #topMainText div.uk-container div.catch-area h1 span {
  display: block;
  font-weight: bold;
  letter-spacing: 1px;
  font-family: "Oswald", sans-serif;
  color: #333b3e;
  white-space: nowrap;
  font-size: 8vw;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopMain #topMainText div.uk-container div.catch-area h1 span {
    font-size: 2.8vw;
  }
}
#Smt2024TopWrap #TopMain #topMainText div.uk-container div.catch-area h2 {
  margin: 0 0 12px;
  line-height: 100%;
  font-weight: normal;
  letter-spacing: -2px;
  font-family: "Oswald", sans-serif;
  color: #333b3e;
  font-size: 13vw;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopMain #topMainText div.uk-container div.catch-area h2 {
    font-size: 4.6vw;
    white-space: nowrap;
  }
}
#Smt2024TopWrap #TopMain #topMainText div.uk-container div.catch-area h3 {
  margin: 0 0 0.5rem;
  line-height: 130%;
  font-weight: 900;
  font-family: "M PLUS 1p", sans-serif;
  color: #333b3e;
  font-size: 4vw;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopMain #topMainText div.uk-container div.catch-area h3 {
    font-size: 24px;
    white-space: nowrap;
  }
}
#Smt2024TopWrap #TopMain #topMainText div.uk-container div.dateList {
  margin: 0 auto;
  max-width: 900px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopMain #topMainText div.uk-container div.dateList {
    margin: 0;
  }
}
#Smt2024TopWrap #TopMain #topMainText div.uk-container div.dateList div.day {
  width: 100%;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.84);
  border-radius: 8px;
  border: solid 1px #F3F3F3;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  padding: 8px;
  gap: 8px;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopMain #topMainText div.uk-container div.dateList div.day {
    padding: 16px;
    gap: 16px;
  }
}
#Smt2024TopWrap #TopMain #topMainText div.uk-container div.dateList div.day svg {
  max-height: 36px;
  height: auto;
  fill: #333b3e;
  width: 20%;
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopMain #topMainText div.uk-container div.dateList div.day svg {
    width: 100px;
  }
}
#Smt2024TopWrap #TopMain #topMainText div.uk-container div.dateList div.day div h4 {
  margin: 0 0 8px;
  font-weight: bold;
  font-size: 1.2rem;
  color: #333b3e;
  line-height: 120%;
}
#Smt2024TopWrap #TopMain #topMainText div.uk-container div.dateList div.day div p {
  margin: 0.5em 0 0;
  font-weight: bold;
  color: #333b3e;
  text-align: left;
  font-size: 12px;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopMain #topMainText div.uk-container div.dateList div.day div p {
    margin: 0;
    font-size: 1.2rem;
  }
}
#Smt2024TopWrap #TopMain #topGuest {
  display: none;
  background: rgba(255, 255, 255, 0.75);
}
#Smt2024TopWrap #TopMain #topGuest div.slider-item {
  position: relative;
}
#Smt2024TopWrap #TopMain #topGuest div.slider-item div.photo {
  width: 100%;
  background: #FFF;
}
#Smt2024TopWrap #TopMain #topGuest div.slider-item div.photo img {
  width: 100%;
  height: auto;
}
#Smt2024TopWrap #TopMain #topGuest div.slider-item div.text {
  padding: 6px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#Smt2024TopWrap #TopMain #topGuest div.slider-item div.text p {
  margin: 0;
  color: #333;
  font-weight: bold;
  font-size: 13px;
}
#Smt2024TopWrap #TopMain #topGuest div.slider-item a:hover {
  opacity: 1 !important;
}
#Smt2024TopWrap #TopMain #topGuest div.slider-item a:hover div.photo img {
  opacity: 0.75;
}
#Smt2024TopWrap #TopMain #topGuest .slick-dots li {
  margin: 0;
}
#Smt2024TopWrap #TopMain #topGuest .slick-dots li button:before {
  font-size: 14px; /* Change the size of the dots */
  color: #263357; /* Change the color of the dots */
}
#Smt2024TopWrap #TopMain #topGuest .slick-dots li.slick-active button:before {
  font-size: 14px; /* Change the size of the dots */
  color: blue; /* Ensure the active dot is also white */
}
#Smt2024TopWrap #TopMain div#topSummary {
  margin: 0 auto;
  padding: 3rem 0;
  background: rgba(255, 255, 255, 0.75);
}
#Smt2024TopWrap #TopMain div#topSummary div.summary p {
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopMain div#topSummary div.summary p {
    font-size: 16px;
    line-height: 180%;
  }
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap #TopMain div#topSummary div.summary p br {
    display: none;
  }
}
#Smt2024TopWrap #TopMain div#topSummary div.summary p:last-child {
  margin-bottom: 0;
}
#Smt2024TopWrap #TopMain div#topSummary h3 {
  text-align: center;
}
#Smt2024TopWrap #TopMain div#topSummary div.walking {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 8px;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopMain div#topSummary div.walking {
    grid-template-columns: repeat(3, 1fr);
  }
}
#Smt2024TopWrap #TopMain div#topSummary div.walking div.cts {
  background: #FFF;
  border-radius: 6px;
  padding: 2rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
#Smt2024TopWrap #TopMain div#topSummary div.walking div.cts h4 {
  padding: 6px;
  color: #FFF;
  font-size: 16px;
  text-align: center;
  background-color: #05397a;
}
#Smt2024TopWrap #TopMain div#topSummary div.walking div.cts div.icon {
  margin: 1.5em 0;
  max-height: 100px;
  text-align: center;
}
#Smt2024TopWrap #TopMain div#topSummary div.walking div.cts div.icon img {
  width: auto;
  height: 100%;
  max-height: 100px;
}
#Smt2024TopWrap #TopMain div#topSummary div.walking div.cts p {
  color: #05397a;
  line-height: 180%;
  margin: 0;
}
#Smt2024TopWrap #TopMain div#topSummary div.walking div.cts p strong {
  font-size: 1.2rem;
}
#Smt2024TopWrap div.topNav {
  background: #000;
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap div.topNav.uk-sticky-fixed {
    top: 48px !important;
  }
}
#Smt2024TopWrap div.topNav ul {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
}
#Smt2024TopWrap div.topNav ul li a {
  padding: 0 1.5em;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  background: #362f3d;
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap div.topNav ul li a {
    font-size: 12px;
    height: 36px;
    padding: 0 1.5em;
  }
}
#Smt2024TopWrap div.topNav ul li.uk-active a.btn1 {
  background: rgb(26, 38, 89);
}
#Smt2024TopWrap div.topNav ul li.uk-active a.btn2 {
  background-color: rgb(34, 118, 168);
}
#Smt2024TopWrap div.topNav ul li.uk-active a.btn4 {
  background-color: rgb(39, 161, 171);
}
#Smt2024TopWrap div.topNav ul li.uk-active a.btn5 {
  background: rgb(255, 255, 255);
  color: #333;
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap div.top-cts-section {
    padding: 0;
  }
}
#Smt2024TopWrap div.top-cts-section h1 {
  margin: 0 auto 1em;
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
  color: #FFF;
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap div.top-cts-section h1 {
    font-size: 1.2rem;
  }
}
#Smt2024TopWrap div.top-cts-section h1 strong {
  margin-bottom: 4px;
  font-family: "Oswald", sans-serif;
  display: block;
  font-size: 2rem;
}
#Smt2024TopWrap div.top-cts-section h2 {
  margin: 0;
  font-size: 2rem;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  letter-spacing: 1px;
}
#Smt2024TopWrap div.top-cts-section h2 span {
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap div.top-cts-section h2 {
    font-size: 1.2rem;
  }
}
#Smt2024TopWrap div.top-cts-section p.lead {
  margin-bottom: 1.5em;
  line-height: 180%;
  color: #FFF;
  text-align: center;
  font-size: 1.1rem;
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap div.top-cts-section p.lead {
    font-size: 13px;
  }
}
#Smt2024TopWrap #TopSpecial {
  background: rgba(26, 38, 89, 0.75);
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap #TopSpecial {
    padding: 3em 4px;
  }
}
#Smt2024TopWrap #TopSpecial div.top-cts-section h1 {
  color: #FFF;
}
#Smt2024TopWrap #TopSpecial div.top-cts-section h1 strong {
  color: #FFF;
}
#Smt2024TopWrap #TopSpecial div.top-cts-section p.lead {
  text-align: center;
  color: #FFF;
  font-weight: bold;
}
#Smt2024TopWrap #TopSpecial div.top-cts-section div.cardwrap {
  margin-bottom: 3rem;
  display: grid;
  gap: 12px;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopSpecial div.top-cts-section div.cardwrap {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 12px;
  }
}
#Smt2024TopWrap #TopSpecial div.top-cts-section div.cardwrap div.card {
  background: #FFF;
}
#Smt2024TopWrap #TopSpecial div.top-cts-section div.cardwrap div.card a {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 8px;
  padding: 1rem;
  color: #05397a;
}
#Smt2024TopWrap #TopSpecial div.top-cts-section div.cardwrap div.card a div.text h3.ttl {
  margin: 0 0 0.5em;
  font-size: 1.4em;
}
#Smt2024TopWrap #TopSpecial div.top-cts-section div.cardwrap div.card a div.text h3.ttl span {
  display: flex;
  align-items: center;
  color: #05397a;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
#Smt2024TopWrap #TopSpecial div.top-cts-section div.cardwrap div.card a div.text h3.ttl span::before {
  content: "";
  display: inline-block;
  margin-right: 20px;
  width: 40px;
  height: 1px;
  background-color: #05397a;
}
#Smt2024TopWrap #TopSpecial div.top-cts-section div.cardwrap div.card a div.text h3.ttl em {
  font-style: normal;
  color: unset !important;
  font-size: 1rem;
}
#Smt2024TopWrap #TopSpecial div.top-cts-section div.cardwrap div.card a div.text h4 {
  margin: 0;
  font-size: 1em;
}
#Smt2024TopWrap #TopSpecial div.top-cts-section div.cardwrap div.card a div.text p {
  margin: 8px 0 0;
  font-size: 13px;
}
#Smt2024TopWrap #TopNextHR {
  background-color: rgba(34, 118, 168, 0.75);
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap #TopNextHR {
    padding: 3em 4px;
  }
}
#Smt2024TopWrap #TopNextHR div.top-cts-section h1 svg {
  width: 260px;
  height: 90px;
  z-index: 1;
  position: relative;
  fill: #FFF;
  max-width: 260px;
  max-height: 90px;
}
#Smt2024TopWrap #TopNextHR div.top-cts-section p.lead {
  text-align: center;
  color: #FFF;
  font-weight: bold;
}
#Smt2024TopWrap #TopNextHR div.top-cts-section div.cardwrap {
  margin-bottom: 3rem;
  display: grid;
  gap: 12px;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopNextHR div.top-cts-section div.cardwrap {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 12px;
  }
}
#Smt2024TopWrap #TopNextHR div.top-cts-section div.cardwrap div.card {
  background: #FFF;
}
#Smt2024TopWrap #TopNextHR div.top-cts-section div.cardwrap div.card a {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 8px;
  padding: 1rem;
  color: #84262d;
}
#Smt2024TopWrap #TopNextHR div.top-cts-section div.cardwrap div.card a div.text h3.ttl {
  margin: 0 0 0.5em;
  font-size: 1.4em;
}
#Smt2024TopWrap #TopNextHR div.top-cts-section div.cardwrap div.card a div.text h3.ttl span {
  display: flex;
  align-items: center;
  color: #84262d;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
#Smt2024TopWrap #TopNextHR div.top-cts-section div.cardwrap div.card a div.text h3.ttl span::before {
  content: "";
  display: inline-block;
  margin-right: 20px;
  width: 40px;
  height: 1px;
  background-color: #84262d;
}
#Smt2024TopWrap #TopNextHR div.top-cts-section div.cardwrap div.card a div.text h3.ttl em {
  font-style: normal;
  color: unset !important;
  font-size: 1rem;
}
#Smt2024TopWrap #TopNextHR div.top-cts-section div.cardwrap div.card a div.text h4 {
  margin: 0;
  font-size: 1em;
}
#Smt2024TopWrap #TopNextHR div.top-cts-section div.cardwrap div.card a div.text p {
  margin: 8px 0 0;
  font-size: 13px;
}
#Smt2024TopWrap #TopArchive {
  background-color: rgba(77, 11, 87, 0.75);
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap #TopArchive {
    padding: 3em 4px;
  }
}
#Smt2024TopWrap #TopArchive div.top-cts-section {
  color: #FFF;
  text-align: center;
}
#Smt2024TopWrap #TopArchive div.top-cts-section p.lead {
  text-align: center;
  color: #FFF;
  font-weight: bold;
}
#Smt2024TopWrap #TopArchive div.top-cts-section div.dateList {
  margin: 0 auto 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
#Smt2024TopWrap #TopArchive div.top-cts-section div.dateList div.day {
  background-color: rgba(255, 255, 255, 0.84);
  border-radius: 8px;
  border: solid 1px #F3F3F3;
  padding: 8px;
  color: #333b3e;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopArchive div.top-cts-section div.dateList div.day {
    padding: 16px;
    gap: 16px;
  }
}
#Smt2024TopWrap #TopArchive div.top-cts-section div.dateList div.day h3 {
  padding: 6px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background-color: red;
}
#Smt2024TopWrap #TopArchive div.top-cts-section div.dateList div.day.is-finished {
  opacity: 0.84;
  color: gray;
  background-color: #ccc;
  border: solid 1px #ccc;
}
#Smt2024TopWrap #TopArchive div.top-cts-section div.dateList div.day.is-finished h3 {
  background-color: gray;
}
#Smt2024TopWrap #TopArchive div.top-cts-section div.dateList div.day.is-finished h4,
#Smt2024TopWrap #TopArchive div.top-cts-section div.dateList div.day.is-finished p {
  color: currentColor;
}
#Smt2024TopWrap #TopArchive div.top-cts-section div.dateList div.day svg {
  margin-bottom: 1.5rem;
  max-height: 54px;
  width: 100%;
  height: auto;
  fill: currentColor;
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopArchive div.top-cts-section div.dateList div.day svg {
    width: 100px;
  }
}
#Smt2024TopWrap #TopArchive div.top-cts-section div.dateList div.day h4 {
  margin: 0 0 14px;
  font-weight: bold;
  font-size: 1.2rem;
  color: #333b3e;
  line-height: 120%;
}
#Smt2024TopWrap #TopArchive div.top-cts-section div.dateList div.day p {
  margin: 0.5em 0 0;
  font-weight: bold;
  color: #333b3e;
  text-align: left;
  font-size: 12px;
}
#Smt2024TopWrap #TopArchive div.top-cts-section div.dateList div.arrow img {
  max-height: 48px;
  height: auto;
  fill: #FFF;
  text-align: center;
  width: 100%;
  height: auto;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopArchive div.top-cts-section div.dateList div.arrow img {
    width: 100px;
  }
}
#Smt2024TopWrap #TopTokuten {
  background-color: rgba(39, 161, 171, 0.75);
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap #TopTokuten {
    padding: 3em 4px;
  }
}
#Smt2024TopWrap #TopTokuten div.uk-container {
  max-width: 980px;
}
#Smt2024TopWrap #TopTokuten div.uk-container div.ribbon {
  margin: 1em auto 1.5rem;
  position: relative;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  background: red;
}
#Smt2024TopWrap #TopTokuten div.uk-container div.ribbon strong {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #FFF;
  font-size: 1.2rem;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopTokuten div.uk-container div.ribbon strong {
    font-size: 1.4rem;
  }
}
#Smt2024TopWrap #TopTokuten div.uk-container div.ribbon:before, #Smt2024TopWrap #TopTokuten div.uk-container div.ribbon:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
}
#Smt2024TopWrap #TopTokuten div.uk-container div.ribbon:before {
  top: -2px;
  left: -2px;
  border-width: 26px 0px 26px 15px;
  border-color: transparent transparent transparent #FFF;
  border-style: solid;
}
#Smt2024TopWrap #TopTokuten div.uk-container div.ribbon:after {
  top: -2px;
  right: -2px;
  border-width: 26px 15px 26px 0px;
  border-color: transparent #FFF transparent transparent;
  border-style: solid;
}
#Smt2024TopWrap #TopTokuten div.uk-container div.subTtl {
  margin: 0 auto 1em;
  text-align: center;
  font-weight: bold;
  font-size: 1.3rem;
  color: red;
}
#Smt2024TopWrap #TopTokuten div.uk-container div.lottery {
  margin-top: 2rem;
  background: #FFF;
  border-radius: 12px;
  padding: 1.5rem;
}
#Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.logo {
  margin: 16px auto 24px;
  text-align: center;
}
#Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.lead {
  margin-bottom: 2rem;
  color: #111;
  font-weight: bold;
  text-align: center;
}
#Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.lead p.houhou {
  margin: 0 auto;
  padding: 12px;
  font-weight: bold;
  border: solid 1px #CCC;
  color: green;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.lead p.houhou {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
#Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.lead p.houhou strong {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  display: block;
  border-bottom: dotted 1px #CCC;
  font-size: 1.2rem;
  color: #000;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.lead p.houhou strong {
    margin: 0;
    padding: 0;
    border: none;
    display: inline;
  }
  #Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.lead p.houhou strong:after {
    margin: 0 8px;
    content: ":";
  }
}
#Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.gift h4 {
  background: #CCC;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
}
#Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.gift p.date {
  text-align: center;
  font-weight: bold;
  color: #e51d1d;
  font-size: 1.1rem;
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.gift p.date {
    font-size: 12px;
  }
}
#Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.gift table {
  background-color: #FFFFFF;
}
#Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.gift table th {
  font-weight: bold;
  color: #e51d1d;
  font-size: 1.1rem;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.gift table th {
    font-size: 0.9rem;
    white-space: nowrap;
    padding: 8px 4px;
    text-align: center;
    vertical-align: middle;
  }
}
#Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.gift table th strong {
  font-size: 1.3rem;
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.gift table th strong {
    display: block;
    text-align: center;
  }
}
#Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.gift table td {
  vertical-align: middle;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.gift table td br {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.gift table td {
    padding: 8px 4px;
    font-size: 12px;
  }
}
#Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.gift table td.nowrap {
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  color: #000000;
}
#Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.gift table td.name {
  font-size: 1.1rem;
  font-weight: bold;
  color: #000000;
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.gift table td.name {
    font-size: 1em;
  }
}
#Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.top-btn {
  margin-bottom: 1.5rem;
}
#Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.top-btn a {
  background-color: #9348da;
  color: #FFF;
}
#Smt2024TopWrap #TopTokuten div.uk-container div.lottery div.top-btn a:hover {
  opacity: 0.5;
}
#Smt2024TopWrap #TopTokuten div.uk-container div.bookList {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}
#Smt2024TopWrap #TopTokuten div.uk-container div.bookList div.book img {
  width: 100%;
  height: auto;
}
#Smt2024TopWrap #TopTokuten div.uk-container div.enqueat {
  margin-top: 2rem;
  background: #FFF;
  border-radius: 12px;
  padding: 1.5rem;
}
#Smt2024TopWrap #TopTokuten div.uk-container div.enqueat p.lead {
  color: #111;
}
#Smt2024TopWrap #TopAbout {
  background: rgba(25, 37, 56, 0.75);
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap #TopAbout {
    padding: 3em 4px;
  }
}
#Smt2024TopWrap #TopAbout div.top-cts-section h1 {
  color: #FFF;
}
#Smt2024TopWrap #TopAbout div.top-cts-section h1 strong {
  color: #FFF;
}
#Smt2024TopWrap #TopAbout div.top-cts-section p.lead {
  text-align: center;
  color: #FFF;
  font-weight: bold;
}
#Smt2024TopWrap #TopAbout div.cts {
  margin: 2em auto;
  padding: 2rem;
  max-width: 980px;
  border-radius: 12px;
  background: #FFF;
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap #TopAbout div.cts {
    margin: 1em auto;
    padding: 1rem;
  }
}
#Smt2024TopWrap #TopSpeaker {
  position: relative;
  background: #FFF;
}
#Smt2024TopWrap #TopSpeaker h1 {
  margin: 1em auto 0.5em;
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
  color: #111;
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap #TopSpeaker h1 {
    font-size: 1.6rem;
  }
}
#Smt2024TopWrap #TopSpeaker h1 strong {
  margin-bottom: 8px;
  font-family: "Oswald", sans-serif;
  display: block;
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap #TopSpeaker h1 strong {
    font-size: 1rem;
  }
}
#Smt2024TopWrap #TopSpeaker ul.speakerList a {
  color: #333;
}
#Smt2024TopWrap #TopSpeaker ul.speakerList a:hover {
  opacity: 1 !important;
  background: #FFF;
}
#Smt2024TopWrap #TopSpeaker ul.speakerList a:hover div.photo img {
  opacity: 0.75;
}
#Smt2024TopWrap #TopSpeaker ul.speakerList div.photo {
  margin: 0 auto 15px;
  width: 100%;
  text-align: center;
}
#Smt2024TopWrap #TopSpeaker ul.speakerList div.photo img {
  margin-bottom: 20px;
  border-radius: 280px;
  width: 100%;
  height: auto;
  max-width: 140px;
}
#Smt2024TopWrap #TopSpeaker ul.speakerList p strong {
  margin-bottom: 6px;
  font-weight: bold;
  font-size: 1rem;
  color: #0C7F64;
  display: block;
}
#Smt2024TopWrap #TopSpeaker ul.speakerList p {
  font-size: 0.75rem;
}
#Smt2024TopWrap #TopSpeaker div.lead {
  margin: 2em 0;
  padding: 1.5em;
  background: #FFF;
  text-align: center;
}
#Smt2024TopWrap #TopSpeaker div.lead p {
  margin-bottom: 1em;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 240%;
}
#Smt2024TopWrap #TopSpeaker div.lead strong {
  font-size: 24px;
  color: #0C7F64;
}
#Smt2024TopWrap #TopSpeaker div.alert {
  text-align: center;
  color: #CC1417;
}
#Smt2024TopWrap #TopSpeaker div.special-movie {
  margin: 2em auto 0;
  max-width: 980px;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopSpeaker div.special-movie {
    margin: 8em auto 0;
  }
}
#Smt2024TopWrap #TopSpeaker div.special-movie h3 {
  margin: 0 0 1em;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
#Smt2024TopWrap #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: 769px) {
  #Smt2024TopWrap #TopSpeaker div.special-movie ul {
    flex-direction: row;
  }
}
#Smt2024TopWrap #TopSpeaker div.special-movie ul li {
  margin-bottom: 2rem;
  width: 100%;
  aspect-ratio: 16/9;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopSpeaker div.special-movie ul li {
    margin-bottom: 0;
  }
}
#Smt2024TopWrap #TopSpeaker div.special-movie ul li iframe {
  width: 100%;
  height: 100%;
}
#Smt2024TopWrap #TopSpeaker div.special-movie ul li h4 {
  margin: 1em 0 0;
  text-align: center;
  font-size: 11px;
}
#Smt2024TopWrap #TopSponsor {
  border-top: solid 1px #CCC;
  position: relative;
  background-color: #FFF;
}
#Smt2024TopWrap #TopSponsor h1 {
  margin: 1em auto 0.5em;
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
  color: #111;
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap #TopSponsor h1 {
    font-size: 1.6rem;
  }
}
#Smt2024TopWrap #TopSponsor h1 strong {
  margin-bottom: 8px;
  font-family: "Oswald", sans-serif;
  display: block;
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap #TopSponsor h1 strong {
    font-size: 1rem;
  }
}
#Smt2024TopWrap #TopSponsor h2 {
  margin-bottom: 1.5em;
  padding: 8px 15px;
  font-weight: bold;
  border-left: solid 5px #4B4949;
  background: #F3F3F3;
  font-size: 1em;
}
#Smt2024TopWrap #TopSponsor ul {
  text-align: center;
}
#Smt2024TopWrap #TopSponsor div.special-banner {
  margin: 2em auto 0;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopSponsor div.special-banner {
    margin: 8em auto 0;
  }
}
#Smt2024TopWrap #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: 769px) {
  #Smt2024TopWrap #TopSponsor div.special-banner ul {
    flex-direction: row;
  }
}
#Smt2024TopWrap #TopSponsor div.special-banner ul h5 {
  margin: 1em 0 0;
  text-align: center;
  font-size: 11px;
}
#Smt2024TopWrap #TopSponsorMovie {
  background-color: #000;
  position: relative;
  padding: 40px 0;
}
#Smt2024TopWrap #TopSponsorMovie div.uk-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  #Smt2024TopWrap #TopSponsorMovie div.uk-container {
    padding: 0;
  }
}
#Smt2024TopWrap #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: 768px) {
  #Smt2024TopWrap #TopSponsorMovie h1 {
    font-size: 6vw;
    text-align: center;
  }
}
#Smt2024TopWrap #TopSponsorMovie div.movie-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
#Smt2024TopWrap #TopSponsorMovie div.movie-wrap div.movie-cts {
  width: 49%;
}
@media print, screen and (min-width: 769px) {
  #Smt2024TopWrap #TopSponsorMovie div.movie-wrap div.movie-cts iframe {
    min-height: 360px;
  }
}
#Smt2024TopWrap #TopSponsorMovie div.movie-wrap div.movie-cts h3 {
  margin: 6px auto;
  text-align: center;
  color: #FFF;
}

div.top-cts-section {
  z-index: 1;
}

a.top-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  border-radius: 48px;
  background: #0a0a3f;
  border: solid 4px #FFF;
  color: #FFF;
  height: 48px;
  text-decoration: none;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  transition: background-color 1s;
}
a.top-btn:hover {
  opacity: 0.5;
}
@media only screen and (max-width: 768px) {
  a.top-btn {
    margin: 0 auto;
  }
}

div.top-btn {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  div.top-btn {
    text-align: center;
  }
}
div.top-btn a {
  margin: 0 auto;
  background-color: #FFF;
  color: #333;
  font-weight: bold;
  font-size: 16px;
  height: 54px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 360px;
}
div.top-btn a:hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: #000;
}

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: 769px) {
  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;
}

div#FixedBanner {
  position: fixed;
  bottom: 70px;
  right: 10px;
  z-index: 9999;
  width: 280px;
}
@media print, screen and (min-width: 769px) {
  div#FixedBanner {
    bottom: 78px;
    right: 10px;
  }
}
div#FixedBanner h4 {
  margin: 0;
  padding: 14px 8px;
  text-align: center;
  font-size: 1.1rem;
  color: #FFF;
  background: #05397a;
  position: relative;
}
div#FixedBanner h4 i#FixedInqBtnClose {
  position: absolute;
  top: -16px;
  right: 8px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #111;
  cursor: pointer;
}
div#FixedBanner div.text {
  padding: 1rem;
  background: #FFF;
  border: solid 1px #05397a;
}
div#FixedBanner div.text p {
  margin: 0;
  color: #333;
  font-size: 13px;
}
div#FixedBanner div.text p strong {
  color: #05397a;
  font-size: 1.3rem;
}

div.topFab {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  min-height: 60px;
  height: 60px;
}
@media print, screen and (min-width: 769px) {
  div.topFab {
    width: 280px;
    bottom: 10px;
    right: 10px;
  }
}
div.topFab a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: #ffc800;
  color: #111;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  transition: background-color 1s;
  z-index: 120;
  font-size: 1.3rem;
  position: relative;
}
div.topFab a:hover {
  opacity: 0.9;
}

.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);
}

.thankyou-content {
  display: flex;
  flex-direction: column;
  padding: 32px 7% 12px;
  border: 4px solid;
  border-image: linear-gradient(-15deg, #d98af9, #9cf0a0, #0ca6fd);
  border-image-slice: 1;
  backdrop-filter: blur(10px);
}
.thankyou-content h2 {
  align-self: center;
  display: block;
  font-size: 1.6rem;
}
.thankyou-content h2:after {
  content: "";
  display: block;
  width: 40%;
  height: 4px;
  margin: 12px auto 0;
  background-image: linear-gradient(to left, #9cf0a0, #0ca6fd);
  border-radius: 3px;
}
.thankyou-content p {
  margin: 0 0 20px;
  font-size: 15px;
  line-height: 180%;
}
.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: 32px 48px 12px;
    border-width: 5px;
  }
  .thankyou-content h2 {
    font-size: 2rem;
  }
  .thankyou-content h2:after {
    height: 6px;
    margin: 15px auto 0;
  }
  .thankyou-content p {
    font-size: 16px;
    white-space: pre-line;
  }
}
/*

@import "./2024/page/_after.scss";
*/
#HRsmtArchive {
  background: #2396cc;
  color: #FFF;
}
#HRsmtArchive #HRsmtArcIntro {
  padding-bottom: 3em;
  text-align: center;
}
#HRsmtArchive #HRsmtArcIntro p {
  line-height: 180%;
}
#HRsmtArchive .sect2023 {
  background: #2088b9;
}
#HRsmtArchive .sect2022 {
  background: #00bab0;
}
#HRsmtArchive .sect2021 {
  background: rgba(70, 33, 115, 0.9);
}
#HRsmtArchive .sect2020 {
  background: rgba(121, 30, 147, 0.9);
}
#HRsmtArchive .sect2019 {
  background: rgba(115, 196, 8, 0.9);
}
#HRsmtArchive .sect2018 {
  background: #2088b9;
}
#HRsmtArchive .sect2017 {
  background: #414daf;
}
#HRsmtArchive .sect2016 {
  background: #282d57;
}
#HRsmtArchive .sect2015 {
  background: #414daf;
}
#HRsmtArchive .sect2014 {
  background: #1a719a;
}
#HRsmtArchive .sect2013 {
  background: #2088b9;
}
#HRsmtArchive .sect2012 {
  background: #00bab0;
}
#HRsmtArchive .SmtArcSect h1 {
  text-align: center;
  color: #FFF;
  font-size: 36px;
  font-weight: bold;
  font-family: Oswald;
}
#HRsmtArchive .SmtArcSect div.ttl {
  text-align: center;
  color: #FFF;
  font-size: 120px;
  font-weight: bold;
  font-family: Oswald;
}
#HRsmtArchive .SmtArcSect table {
  margin: 3em auto;
  max-width: 640px;
}
#HRsmtArchive .SmtArcSect table th {
  padding-left: 0;
  padding-right: 1em;
  color: #FFF;
  font-size: unset;
  white-space: nowrap;
  font-weight: bold;
}
#HRsmtArchive .SmtArcSect table td {
  padding-left: 0;
}
#HRsmtArchive .SmtArcSect .uk-button {
  font-size: 18px;
  font-weight: bold;
  background: #FFF;
  color: #2396cc;
}
#HRsmtArchive .SmtArcSect .uk-button:hover {
  opacity: 0.8;
}

@media (max-width: 640px) {
  #HRsmtArchive .SmtArcSect h1 {
    text-align: center;
    color: #FFF;
    font-size: 1.1rem;
    font-weight: bold;
    font-family: Oswald;
  }
  #HRsmtArchive .SmtArcSect div.ttl {
    text-align: center;
    color: #FFF;
    font-size: 120px;
    font-weight: bold;
    font-family: Oswald;
  }
  #HRsmtArchive .SmtArcSect table {
    margin: 3em auto;
    max-width: 640px;
  }
  #HRsmtArchive .SmtArcSect table tr {
    border: none;
  }
  #HRsmtArchive .SmtArcSect table th {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    padding: 4px;
    text-align: center;
    background: rgba(255, 255, 255, 0.3);
    color: #0a0a3f;
  }
  #HRsmtArchive .SmtArcSect table td {
    padding-left: 0;
    border: none;
  }
  #HRsmtArchive .SmtArcSect .uk-button {
    font-size: 18px;
    font-weight: bold;
    background: #FFF;
    color: #2396cc;
  }
  #HRsmtArchive .SmtArcSect .uk-button:hover {
    opacity: 0.8;
  }
}
.chat-modal {
  z-index: 9999;
}
.chat-modal div.uk-modal-dialog {
  width: 980px;
}
.chat-modal .c-btn {
  display: inline-block;
  padding: 0.8em 20px;
  background: #00a0e6;
  color: #fff;
  border-radius: 4px;
  border: none;
}
.chat-modal .c-btn.-cv {
  background: #ff5500;
}
.chat-modal .c-btn.-l {
  font-size: 20px;
  padding: 0.8em 3vw;
}

.chat__box {
  display: flex;
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  .chat__box {
    display: block;
  }
}
.chat__box.-r {
  flex-direction: row-reverse;
}
.chat__box.-r figure {
  justify-content: flex-end;
}
@media screen and (max-width: 640px) {
  .chat__box.-r figure {
    margin-bottom: 20px;
  }
  .chat__box.-r figure p {
    order: 2;
  }
}
@media screen and (max-width: 640px) {
  .chat__box.-r figcaption {
    margin-right: 20px;
  }
}
.chat__box.-r div {
  margin-left: 70px;
  margin-right: 20px;
}
.chat__box.-r div:before {
  border-left: solid 15px #fff;
  right: -25px;
  top: 20px;
}
@media screen and (max-width: 640px) {
  .chat__box.-r div {
    margin-right: 0;
    margin-left: 0;
  }
  .chat__box.-r div:before {
    border-left: solid 10px transparent;
    border-bottom: solid 15px #fff;
    top: -20px;
    right: 15px;
  }
}
@media screen and (max-width: 640px) {
  .chat__box.-l figure {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 640px) {
  .chat__box.-l figcaption {
    margin-left: 20px;
  }
}
.chat__box.-l div {
  margin-left: 20px;
  margin-right: 70px;
  background: #f0f5eb;
}
.chat__box.-l div:before {
  border-right: solid 15px #f0f5eb;
  left: -25px;
  top: 20px;
}
@media screen and (max-width: 640px) {
  .chat__box.-l div {
    margin-left: 0;
    margin-right: 0;
  }
  .chat__box.-l div:before {
    border-right: solid 10px transparent;
    border-bottom: solid 15px #f0f5eb;
    top: -20px;
    left: 15px;
  }
}
.chat__box figure p {
  width: 50px;
}
.chat__box figure p.company {
  margin: 0;
  padding: 10px;
  background-color: #FFF;
}
.chat__box figure img {
  width: 100%;
}
@media screen and (max-width: 640px) {
  .chat__box figure {
    display: flex;
    align-items: center;
  }
}
.chat__box figcaption {
  font-size: 12px;
  text-align: center;
  padding-top: 4px;
  line-height: 1.4;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .chat__box figcaption br {
    display: none;
  }
}
.chat__box > div {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  position: relative;
}
.chat__box > div:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 10px transparent;
  position: absolute;
}
.chat__box > div aside {
  border-top: solid 1px #e9e9e9;
  padding: 10px 0 0;
  text-align: right;
  margin-top: 10px;
  font-size: 12px;
}
.chat__form {
  position: sticky;
  bottom: 0;
  width: 100%;
  padding: 20px;
  background: rgba(0, 0, 0, 0.5);
}
.chat__form__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chat__form__inner textarea {
  width: 100%;
  padding: 20px;
  margin-right: 2em;
  height: 14vh;
  border-radius: 6px;
  resize: none;
}
.chat__form__inner button {
  white-space: nowrap;
}

.c-modal {
  padding: 20px 40px;
}
@media screen and (max-width: 640px) {
  .c-modal {
    padding: 3% 3% 40px;
  }
}
.c-modal__block {
  padding: 20px;
  background: #f9f9f9;
}
.c-modal__block p {
  line-height: 1.8;
}
.c-modal__block + .c-modal__block {
  margin-top: 20px;
}
.c-modal__block.-white {
  background: #fff;
}

.c-headline__pageTitle {
  color: #233b6b;
  padding: 20px;
  font-size: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  margin-bottom: 40px;
}
.c-headline__pageTitle:before, .c-headline__pageTitle:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #233b6b;
}
.c-headline__pageTitle:before {
  margin-right: 1em;
}
.c-headline__pageTitle:after {
  margin-left: 1em;
}
.c-headline__blockTitle {
  color: #233b6b;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 16px;
}

.uk-modal-close-default {
  position: fixed !important;
  top: 20px !important;
  left: 50%;
  margin-left: 502px;
  transform: translateX(0) translateY(0) scale(1.5) !important;
}
@media screen and (max-width: 640px) {
  .uk-modal-close-default {
    left: auto;
    right: 20px;
    margin-left: 0;
  }
}

.chat_alert {
  border: solid 1px red;
  padding: 1.2rem;
}
.chat_alert a {
  color: #0f6ecd;
  text-decoration: underline;
}

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

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

.uk-lightbox-iframe {
  max-width: 980px;
}
@media only screen and (max-width: 768px) {
  .uk-lightbox-iframe {
    width: 96%;
    height: 90%;
  }
}

.uk-lightbox {
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
}
.uk-lightbox div.uk-lightbox-toolbar {
  background: rgba(0, 0, 0, 0.8);
}

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