@charset 'UTF-8';
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */

  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

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

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

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

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  /* 1 */
          text-decoration: underline;
          text-decoration: underline dotted;
  border-bottom: none;
  /* 2 */

  -webkit-text-decoration: underline dotted;
  /* 2 */
}

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

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

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

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

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

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {
  /* 1 */
  margin: 0;
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select {
  /* 1 */
  text-transform: none;
}

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

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

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: .35em .75em .625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  /* 2 */
  display: table;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
  color: inherit;
  /* 1 */
}

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type='checkbox'], [type='radio'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
  height: auto;
}

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

  -webkit-appearance: textfield;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

  -webkit-appearance: button;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

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

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

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

#str_header .dmc_header::after, #str_header .nav_global::after, #str_header .dmc_header_01::after, #str_header .nav_utility::after, #str_header .header_search::after, #str_header .btn_list::after, .dmc_header_02 #nav_global::after, .login_before #str_header .header_login::after, .sub_nav .upper_list::after, .sub_nav .under_list::after, #str_footer .footer_group_list .group_list::after, #str_footer .footer_sitemap::after, #str_footer .footer_sitemap .under_list::after, #str_content::after, #str_aside .dmc_contents .tag_list::after, #str_aside .dmc_contents .info_list > li .btn_list::after, [class^='bmod_'] .imod_note_01::after, [class^='tmod_'] .imod_note_01::after, [class^='fmod_'] .imod_note_01::after, .bmod_hdg_02::after, .tmod_list_02 > li::after, .tmod_list_note_01 > li::after, [class^='bmod_'] .imod_note_01 > li::after, [class^='tmod_'] .imod_note_01 > li::after, [class^='fmod_'] .imod_note_01 > li::after, .bmod_link_list_01 ._nolink::after, .bmod_link_box_01 ._nolink::after, .bmod_link_list_01 a::after, .bmod_link_box_01 a::after, .bmod_link_btn_01::after, .bmod_link_anchor_01::after, .bmod_tab_list_01::after, .bmod_tab_list_02::after, .bmod_link_label_01::after, .bmod_link_tag_01::after, .bmod_column_01::after, [class*=' _col']::after, .bmod_box_01::after, .bmod_tbl_01._form th::after {
  content: '';
  display: block;
  clear: both;
}

[id^='str_'] > [class^='bmod_']:last-child, [class^='bmod_'] > [class^='bmod_']:last-child, .dmc_contents > [class^='bmod_']:last-child, [id^='str_'] > [class^='fmod_']:last-child, [class^='bmod_'] > [class^='fmod_']:last-child, .dmc_contents > [class^='fmod_']:last-child, [class^='bmod_tbl_'] td > [class^='bmod_']:last-child, [class^='bmod_tbl_'] td > [class^='tmod_']:last-child, [class^='bmod_tbl_'] td > [class^='fmod_']:last-child, .mod_box_search_01 p {
  margin-bottom: 0;
}

body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

/* base */
html {
  font-size: 62.5%;
}

body {
  min-width: 1200px;
  background: #e5e5e5;
  font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #333;
}

@media only screen and (max-width: 800px) {
  body {
    min-width: 0;
  }
}

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

dl, dt, dd {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  font-weight: normal;
}

figure {
  margin: 0;
}

img {
  vertical-align: bottom;
  border: 0;
  outline: 0;
  -webkit-backface-visibility: hidden /*クロムの画像ぼやけ対応*/
}

@media only screen and (max-width: 800px) {	
  img {	
    vertical-align: bottom;	
    border: 0;	
    outline: 0;	
    max-width: 100%;	
    -webkit-backface-visibility: hidden;	
  }	
}

strong {
  font-weight: bold;
}

em {
  font-weight: bold;
  font-style: normal;
}

button {
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 100ms 0s ease;
          transition: all 100ms 0s ease;
  border: none;
  background: transparent;
  line-height: inherit;
  color: inherit;
}

button:active {
  outline: none;
}

button, input, optgroup, select, textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

button[disabled] {
  cursor: default;
}

/* header */
#str_header {
  width: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background: #333;
}

.noJs #str_header {
  position: static;
}

#str_header .dmc_header, #str_header .nav_global {
  width: 1100px;
  margin: 0 auto;
  padding: 0 30px;
}

@media only screen and (max-width: 800px) {
  #str_header .dmc_header, #str_header .nav_global {
    width: 100%;
    padding: 0;
  }
}

@media only screen and (max-width: 800px) {
  #str_header .dmc_header {
    position: relative;
  }
}

#str_header .site_hdg {
  float: left;
}

@media only screen and (max-width: 800px) {
  #str_header .site_hdg {
    float: none;
    padding: 8px 14px;
    border-bottom: solid 2px #e01b39;
    background: #fff;
  }
}

#str_header .site_hdg a {
  display: block;
  overflow: hidden;
  width: 130px;
  height: 93px;
  white-space: nowrap;
  text-indent: 100%;
  background: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/site_logo_squet.png') no-repeat;
}

@media only screen and (max-width: 800px) {
  #str_header .site_hdg a {
    width: 103px;
    height: 44px;
    background: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/site_logo_squet_sp.png') no-repeat;
    background-size: 103px 44px;
  }
}

.mes #str_header .site_hdg a {
  background: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/site_logo_mes.png') no-repeat;
}

@media only screen and (max-width: 800px) {
  .mes #str_header .site_hdg a {
    background: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/site_logo_mes_sp.png') no-repeat;
    background-size: 103px 44px;
  }
}

.seminar #str_header .site_hdg a {
  background: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/site_logo_seminar.png') no-repeat;
}

@media only screen and (max-width: 800px) {
  .seminar #str_header .site_hdg a {
    background: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/site_logo_seminar_sp.png') no-repeat;
    background-size: 103px 44px;
  }
}

.jsOnHbg #str_header .site_hdg {
  position: fixed;
  z-index: 10;
  top: 0;
}


@media only screen and (max-width: 800px) {
  #str_header .hbg_btn {
    width: 20px;
    height: 16px;
    position: absolute;
    top: 22px;
    right: 14px;
    border-top: solid 2px #333;
    border-bottom: solid 2px #333;
  }
}

@media only screen and (max-width: 800px) {
  .mypage #str_header .hbg_btn {
    display: none; /* マイページはハンバーガーメニューなし */
  }
}

@media only screen and (max-width: 800px) {
  #str_header .hbg_btn .fold_btn {
    display: block;
    overflow: hidden;
    width: 20px;
    height: 16px;
    position: relative;
    white-space: nowrap;
    text-indent: 100%;
  }
}

@media only screen and (max-width: 800px) {
  #str_header .hbg_btn .fold_btn::before {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    position: absolute;
    top: 5px;
    background: #333;
  }
}

.jsOnHbg #str_header .hbg_btn {
  z-index: 11;
}

@media only screen and (max-width: 800px) {
  .jsOnHbg #str_header .hbg_btn {
    position: fixed;
    top: 22px;
    right: 14px;
    border: none;
  }
}

@media only screen and (max-width: 800px) {
  .jsOnHbg #str_header .hbg_btn .fold_btn::before {
    width: 22px;
    top: 7px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@media only screen and (max-width: 800px) {
  .jsOnHbg #str_header .hbg_btn .fold_btn::after {
    content: '';
    display: block;
    width: 22px;
    height: 2px;
    position: absolute;
    top: 7px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    background: #333;
  }
}

#str_header .hbg_btc_close {
  display: none;
}

@media only screen and (max-width: 800px) {
  .jsOnHbg #str_header .hbg_btc_close {
    display: block;
    width: 100%;
    border-bottom: solid 1px #231f1f;
  }
}

@media only screen and (max-width: 800px) {
  .jsOnHbg #str_header .hbg_btc_close .fold_btn {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 18px 20px 15px;
    position: relative;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: .7px;
    border-right: solid 1px #3d3d3f;
    background: #333;
    line-height: 1.4;
    color: #fff;
  }
}

@media only screen and (max-width: 800px) {
  .jsOnHbg #str_header .hbg_btc_close .fold_btn span {
    display: inline-block;
    padding-left: 20px;
    position: relative;
  }
}

@media only screen and (max-width: 800px) {
  .jsOnHbg #str_header .hbg_btc_close .fold_btn span::before {
    content: '';
    display: block;
    width: 13px;
    height: 2px;
    position: absolute;
    top: 8px;
    left: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    background: #fff;
  }
}

@media only screen and (max-width: 800px) {
  .jsOnHbg #str_header .hbg_btc_close .fold_btn span::after {
    content: '';
    display: block;
    width: 13px;
    height: 2px;
    position: absolute;
    top: 8px;
    left: 0;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    background: #fff;
  }
}

#str_header .dmc_header_01 {
  float: left;
  width: 910px;
  border-right: solid 1px #3d3d3f;
}

@media only screen and (max-width: 800px) {
  #str_header .dmc_header_01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
    clear: both;
        flex-direction: column;
    width: 100%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
  }
}

.jsOnHbg #str_header .dmc_header_01 {
  margin-top: 62px;
}

#str_header .user_name {
  float: left;
  padding: 7px 20px;
  color: #fff;
}

@media only screen and (max-width: 800px) {
  #str_header .user_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
    width: 100%;
    padding: 20px 20px 13px;

    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

#str_header .user_name .icon {
  margin-right: 3px;
  margin-bottom: 5px;
  vertical-align: middle;
}

@media only screen and (max-width: 800px) {
  #str_header .user_name .icon {
    margin-right: 10px;
  }
}

#str_header .user_name .name {
  display: inline-block;
  margin-right: 7px;
  margin-left: 5px;
}

#str_header .nav_utility {
  float: right;
  margin-top: -2px;
  margin-bottom: -1px;
  padding: 7px 20px 9px;
  border-bottom: solid 1px #3d3d3f;
}

@media only screen and (max-width: 800px) {
  #str_header .nav_utility {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
    width: 100%;
    padding: 0;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}

#str_header .nav_utility > li {
  float: left;
  margin-right: 20px;
}

@media only screen and (max-width: 800px) {
  #str_header .nav_utility > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
        flex: 1 1 50%;
    margin-right: auto;
    border-top: solid 1px #231f1f;
    border-right: solid 1px #231f1f;

    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 800px) {
  #str_header .nav_utility > li:nth-child(2n) {
    border-right: none;
  }
}

#str_header .nav_utility > li:last-child {
  margin-right: 0;
}

#str_header .nav_utility > li a {
  text-decoration: none;
  letter-spacing: .1em;
  font-size: 1.1rem;
  color: #fff;
}

@media only screen and (max-width: 800px) {
  #str_header .nav_utility > li a {
    display: block;
    width: 100%;
    padding: 10px 15px 9px;
    text-align: center;
  }
}

#str_header .nav_utility > li a:hover, #str_header .nav_utility > li a:focus, #str_header .nav_utility > li a:active {
  text-decoration: underline;
}

#str_header .header_search {
  float: left;
  clear: both;
  padding: 10px 0 10px 20px;
  border-top: solid 1px #3d3d3f;
}

@media only screen and (max-width: 800px) {
  #str_header .header_search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
    width: 100%;
    padding: 10px 20px 3px;
    border-top: solid 1px #231f1f;

    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
}

@media only screen and (max-width: 800px) {
  .mes #str_header .header_search {
    padding: 10px 20px 10px;
  }
}

.seminar #str_header .header_search {
  float: none;
  width: 100%;
  padding: 10px 10px 10px 20px;
  text-align: right;
}

@media only screen and (max-width: 800px) {
  .seminar #str_header .header_search {
    padding: 0;
    height: 1px;
    border: none;
  }
}

#str_header .header_search > form {
  direction: ltr;
}

@media only screen and (max-width: 800px) {
  #str_header .header_search > form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.seminar #str_header .header_search > form {	
  visibility: hidden;	/* ヘッダー検索枠非表示 */
}

#str_header .header_search .textbox {
  float: left;
  margin-right: 10px;
}

@media only screen and (max-width: 800px) {
  #str_header .header_search .textbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex: 1 1 auto;

    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
  }
}

.seminar #str_header .header_search .textbox {
  display: inline-block;
  float: none;
}

#str_header .header_search .textbox input {
  width: 376px;
  padding: 11px 13px 9px;
  border: none;
  border-radius: 4px;
  background-color: #999;
  font-size: 1.3rem;
  color: #fff;
}

@media only screen and (max-width: 800px) {
  #str_header .header_search .textbox input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}

.mes #str_header .header_search .textbox input {
  width: 547px;
}

@media only screen and (max-width: 800px) {
  .mes #str_header .header_search .textbox input {
    width: 100%;
  }
}

.seminar #str_header .header_search .textbox input {
  width: 547px;
}

@media only screen and (max-width: 800px) {
  .seminar #str_header .header_search .textbox input {
    width: 100%;
  }
}

#str_header .header_search .textbox input:placeholder-shown {
  color: #fff;
}

#str_header .header_search .textbox input::-webkit-input-placeholder {
  color: #fff;
}

#str_header .header_search .textbox input:-moz-placeholder {
  opacity: 1;
  color: #fff;
}

#str_header .header_search .textbox input::-moz-placeholder {
  opacity: 1;
  color: #fff;
}

#str_header .header_search .textbox input:-ms-input-placeholder {
  color: #fff;
}

#str_header .header_search .submit {
  float: left;
  margin-right: 10px;
}

@media only screen and (max-width: 800px) {
  #str_header .header_search .submit {
    margin-right: 0;
  }
}

@media only screen and (max-width: 800px) {
  #str_header .header_search .submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
  }
}

.seminar #str_header .header_search .submit {
  display: inline-block;
  float: none;
}

#str_header .header_search .submit input {
  width: 53px;
  padding: 11px 10px 10px;
  text-align: center;
  border: none;
  border-radius: 4px;
  background-color: #fff;
  font-size: 1.2rem;
}

#str_header .header_search .check {
  float: left;
}

@media only screen and (max-width: 800px) {
  #str_header .header_search .check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;

    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

#str_header .header_search .check label .txt:hover, #str_header .header_search .check label .txt:focus, #str_header .header_search .check label .txt:active {
  text-decoration: underline;
}

#str_header .header_search .check input {
  position: absolute;
  opacity: 0;
}

#str_header .header_search .check input:checked + .txt::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 7px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  left: 2px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border: solid 3px #333;
  border-top: none;
  border-right: none;
}

#str_header .header_search .check .txt {
  display: inline-block;
  padding: 6px 0 7px 24px;
  position: relative;
  cursor: pointer;
  font-size: 1.2rem;
  color: #fff;
}

@media only screen and (max-width: 800px) {
  #str_header .header_search .check .txt {
    padding: 7px 0 7px 24px;
  }
}

#str_header .header_search .check .txt::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  left: 0;
  border: solid 1px #ccc;
  border-radius: 2px;
  background: #fff;
}

#str_header .btn_list {
  float: right;
  padding: 10px 20px 10px 0;
  border-top: solid 1px #3d3d3f;
}

@media only screen and (max-width: 800px) {
  #str_header .btn_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
    padding: 10px 20px 16px;
    border-top: none;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

#str_header .btn_list > li {
  float: left;
  margin-right: 10px;
  padding-right: 10px;
  border-right: solid 1px #3d3d3f;
}

@media only screen and (max-width: 800px) {
  #str_header .btn_list > li {
    float: none;
    border-right: none;
  }
}

#str_header .btn_list > li:last-child {
  margin-right: 0;
  padding-right: 0;
}

#str_header .btn_list > li a {
  display: block;
  padding: 6px 9px 7px 15px;
  position: relative;
  -webkit-transition: all 100ms 0s ease;
          transition: all 100ms 0s ease;
  text-decoration: none;
  border-radius: 4px;
  background-color: #fff;
  font-size: 1.2rem;
  color: #333;
}

#str_header .btn_list > li a:hover, #str_header .btn_list > li a:focus, #str_header .btn_list > li a:active {
  opacity: .7;
}

#str_header .btn_list > li a .icon._blank {
  margin-bottom: 6px;
}

.dmc_header_02 {
  clear: both;
  border-top: solid 1px #3d3d3f;
}

@media only screen and (max-width: 800px) {
  .dmc_header_02 {
    border-top: solid 1px #231f1f;
  }
}

.dmc_header_02 #nav_global {
  position: relative;
}

.seminar .dmc_header_02 #nav_global {	
  position: relative;	
  border-right: solid 1px #3d3d3f;	
}

@media only screen and (max-width: 800px) {
  .dmc_header_02 #nav_global,
  .seminar .dmc_header_02 #nav_global {
    position: static;
  }
}

.dmc_header_02 #nav_global > ul > li {
  display: table;
  float: left;
  width: 130px;
}

@media only screen and (max-width: 800px) {
  .dmc_header_02 #nav_global > ul > li {
    display: block;
    float: none;
    width: 100%;
    border-bottom: solid 1px #231f1f;
  }
}

.mes .dmc_header_02 #nav_global > ul > li {
  width: 260px;
}

@media only screen and (max-width: 800px) {
  .mes .dmc_header_02 #nav_global > ul > li {
    width: 100%;
  }
}

.seminar .dmc_header_02 #nav_global > ul > li {
  width: 130px;
}

@media only screen and (max-width: 800px) {
  .seminar .dmc_header_02 #nav_global > ul > li {
    width: 100%;
  }
}

.dmc_header_02 #nav_global > ul > li.current > a::before, .dmc_header_02 #nav_global > ul > li.current > button::before {
  border-bottom: solid 3px #e60000;
}

@media only screen and (max-width: 800px) {
  .dmc_header_02 #nav_global > ul > li.current > a::before, .dmc_header_02 #nav_global > ul > li.current > button::before {
    border-bottom: none;
  }
}

.mes .dmc_header_02 #nav_global > ul > li.current > a::before, .mes .dmc_header_02 #nav_global > ul > li.current > button::before {
  border-bottom: solid 3px #0099d2;
}

@media only screen and (max-width: 800px) {
  .mes .dmc_header_02 #nav_global > ul > li.current > a::before, .mes .dmc_header_02 #nav_global > ul > li.current > button::before {
    border-bottom: none;
  }
}

.seminar .dmc_header_02 #nav_global > ul > li.current > a::before, .seminar .dmc_header_02 #nav_global > ul > li.current > button::before {
  border-bottom: solid 3px #d90000;
}

@media only screen and (max-width: 800px) {
  .seminar .dmc_header_02 #nav_global > ul > li.current > a::before, .seminar .dmc_header_02 #nav_global > ul > li.current > button::before {
    border-bottom: none;
  }
}

.dmc_header_02 #nav_global > ul > li:first-child {
  border-left: solid 1px #3d3d3f;
}

.dmc_header_02 #nav_global > ul > li > a, .dmc_header_02 #nav_global > ul > li > button {
  display: table-cell;
  width: 100%;
  height: 54px;
  margin: 0;
  padding: 0 10px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: .7px;
  border-right: solid 1px #3d3d3f;
  background: #333;
  line-height: 1.4;
  color: #fff;
}

@media only screen and (max-width: 800px) {
  .dmc_header_02 #nav_global > ul > li > a, .dmc_header_02 #nav_global > ul > li > button {
    display: block;
    float: none;
    width: 100%;
    height: auto;
    padding: 18px 20px 15px;
    text-align: left;
  }
}

.dmc_header_02 #nav_global > ul > li > a:hover, .dmc_header_02 #nav_global > ul > li > a:focus, .dmc_header_02 #nav_global > ul > li > a:active, .dmc_header_02 #nav_global > ul > li > button:hover, .dmc_header_02 #nav_global > ul > li > button:focus, .dmc_header_02 #nav_global > ul > li > button:active {
  background: #f1f1f1;
  color: #333;
}

@media only screen and (max-width: 800px) {
  .dmc_header_02 #nav_global > ul > li > a:hover, .dmc_header_02 #nav_global > ul > li > a:focus, .dmc_header_02 #nav_global > ul > li > a:active, .dmc_header_02 #nav_global > ul > li > button:hover, .dmc_header_02 #nav_global > ul > li > button:focus, .dmc_header_02 #nav_global > ul > li > button:active {
    background: #333;
    color: #fff;
  }
}

.dmc_header_02 #nav_global > ul > li > a::before, .dmc_header_02 #nav_global > ul > li > button::before {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  margin-right: -10px;
  margin-left: -10px;
  position: absolute;
  bottom: 0;
  border-bottom: solid 3px transparent;
}

@media only screen and (max-width: 800px) {
  .dmc_header_02 #nav_global > ul > li > a::before, .dmc_header_02 #nav_global > ul > li > button::before {
    width: 21px;
    margin-top: 2px;
    margin-right: 0;
    margin-left: 0;
    top: 50%;
    right: 21px;
    bottom: initial;
    -webkit-transition: all 100ms 0s ease;
            transition: all 100ms 0s ease;
    border-top: solid 1px #fff;
  }
}

@media only screen and (max-width: 800px) {
  .dmc_header_02 #nav_global > ul > li > a::after, .dmc_header_02 #nav_global > ul > li > button::after {
    content: '';
    display: block;
    width: 9px;
    height: 0;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    right: 19px;
    -webkit-transition: none;
            transition: none;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    border-top: solid 1px #fff;
  }
}

.dmc_header_02 #nav_global > ul > li > button {
  cursor: default;
}

.dmc_header_02 #nav_global > ul > li > button:hover, .dmc_header_02 #nav_global > ul > li > button:focus, .dmc_header_02 #nav_global > ul > li > button:active {
  background: #f1f1f1;
  color: #333;
}

@media only screen and (max-width: 800px) {
  .dmc_header_02 #nav_global > ul > li > button:hover, .dmc_header_02 #nav_global > ul > li > button:focus, .dmc_header_02 #nav_global > ul > li > button:active {
    background: #333;
    color: #fff;
  }
}

.dmc_header_02 #nav_global > ul > li > button:hover::after, .dmc_header_02 #nav_global > ul > li > button:focus::after, .dmc_header_02 #nav_global > ul > li > button:active::after {
  margin: 6px auto -9px;
  -webkit-transform: rotate(-45deg) skew(7deg, 7deg);
      -ms-transform: rotate(-45deg) skew(7deg, 7deg);
          transform: rotate(-45deg) skew(7deg, 7deg);
  border-top: solid 2px #333;
  border-right: solid 2px #333;
}

@media only screen and (max-width: 800px) {
  .dmc_header_02 #nav_global > ul > li > button:hover::after, .dmc_header_02 #nav_global > ul > li > button:focus::after, .dmc_header_02 #nav_global > ul > li > button:active::after {
    margin: -1px 0 0;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    border-top: none;
    border-right: none;
  }
}

@media only screen and (max-width: 800px) {
  .dmc_header_02 #nav_global > ul > li > button::before {
    width: 14px;
    height: 2px;
    margin: -1px 0 0;
    right: 20px;
    border-top: solid 1px #fff;
    border-bottom: none;
  }
}

.dmc_header_02 #nav_global > ul > li > button::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  margin: 3px auto -6px;
  -webkit-transform: rotate(-225deg) skew(7deg, 7deg);
      -ms-transform: rotate(-225deg) skew(7deg, 7deg);
          transform: rotate(-225deg) skew(7deg, 7deg);
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}

@media only screen and (max-width: 800px) {
  .dmc_header_02 #nav_global > ul > li > button::after {
    width: 14px;
    height: 2px;
    margin: -1px 0 0;
    right: 20px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    background: #fff;
  }
}

.dmc_header_02 #nav_global > ul > li > button:focus::after {
  -webkit-transform: rotate(-225deg) skew(7deg, 7deg);
      -ms-transform: rotate(-225deg) skew(7deg, 7deg);
          transform: rotate(-225deg) skew(7deg, 7deg);
}

@media only screen and (max-width: 800px) {
  .dmc_header_02 #nav_global > ul > li > button:focus::after {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

.dmc_header_02 #nav_global > ul > li > button.jsActive {
  background: #f1f1f1;
  color: #333;
}

.dmc_header_02 #nav_global > ul > li > button.jsActive:hover, .dmc_header_02 #nav_global > ul > li > button.jsActive:focus, .dmc_header_02 #nav_global > ul > li > button.jsActive:active {
  background: #f1f1f1;
  color: #333;
}

.dmc_header_02 #nav_global > ul > li > button.jsActive:hover::after, .dmc_header_02 #nav_global > ul > li > button.jsActive:focus::after, .dmc_header_02 #nav_global > ul > li > button.jsActive:active::after {
  margin: 6px auto -9px;
  -webkit-transform: rotate(-45deg) skew(7deg, 7deg);
      -ms-transform: rotate(-45deg) skew(7deg, 7deg);
          transform: rotate(-45deg) skew(7deg, 7deg);
  border-top: solid 2px #333;
}

.dmc_header_02 #nav_global > ul > li > button.jsActive::after {
  margin: 6px auto -9px;
  -webkit-transform: rotate(-45deg) skew(7deg, 7deg);
      -ms-transform: rotate(-45deg) skew(7deg, 7deg);
          transform: rotate(-45deg) skew(7deg, 7deg);
  border-top: solid 2px #333;
  border-right: solid 2px #333;
}

.nav_megamenu {
  width: 200%;
  margin-left: -50%;
  position: absolute;
  top: 54px;
  left: 0;
  background: #f1f1f1;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .35);
          box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .35);
}

@media only screen and (max-width: 800px) {
  .nav_megamenu {
    display: block;
    width: 100%;
    margin-left: 0;
    position: static;
    background: #fff;
  }
}

.dmc_megadown {
  width: 1100px;
  margin: auto;
  padding: 16px 30px 25px;
  position: relative;
}

@media only screen and (max-width: 800px) {
  .dmc_megadown {
    width: 100%;
    padding: 0;
  }
}

.dmc_megadown::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  background: #fff;
}

.dmc_megadown .btn {
  position: absolute;
  top: 20px;
  right: 30px;
  border: solid 1px #ccc;
  border-radius: 4px;
  background-color: #333;
  font-size: 1.3rem;
  color: #fff;
}

@media only screen and (max-width: 800px) {
  .dmc_megadown .btn {
    display: none;
  }
}

.dmc_megadown .btn button {
  display: block;
  padding: 5px 9px 3px 30px;
  position: relative;
}

.dmc_megadown .btn button:hover, .dmc_megadown .btn button:focus, .dmc_megadown .btn button:active {
  opacity: .7;
}

.dmc_megadown .btn button::before, .dmc_megadown .btn button::after {
  content: '';
  display: block;
  width: 12px;
  height: 2px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  left: 9px;
  background: #fff;
}

.dmc_megadown .btn button::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dmc_megadown .btn button::after {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.dmc_megadown .bmod_link_btn_01, .dmc_megadown .bmod_link_anchor_01 {
  margin-bottom: 18px;
}

.dmc_megadown .tmod_link_list_01 {
  margin-top: 25px;
}

.dmc_megadown .mega_index {
  margin-bottom: 20px;
  padding-bottom: 6px;
  border-bottom: solid 1px #ccc;
}

@media only screen and (max-width: 800px) {
  .dmc_megadown .mega_index {
    margin: 0;
    padding: 0 0 0 36px;
    border-top: solid 1px #231f1f;
    border-bottom: none;
    background: #fff;
  }
}

.dmc_megadown .mega_index a {
  display: inline-block;
  padding-right: 82px;
  position: relative;
  text-decoration: none;
  font-size: 2.6rem;
  font-weight: bold;
  color: #333;
}

.dmc_megadown .mega_index a::before, .dmc_megadown .mega_index a::after {
  content: '';
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 100ms 0s ease;
          transition: all 100ms 0s ease;
  border-top: solid 1px #e60000;
}

.dmc_megadown .mega_index a::before {
  width: 21px;
  margin-top: 2px;
  right: 21px;
}

.dmc_megadown .mega_index a::after {
  width: 9px;
  margin-top: -1px;
  right: 19px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dmc_megadown .mega_index a:hover::before, .dmc_megadown .mega_index a:focus::before, .dmc_megadown .mega_index a:active::before {
  right: 10px;
}

.dmc_megadown .mega_index a:hover::after, .dmc_megadown .mega_index a:focus::after, .dmc_megadown .mega_index a:active::after {
  right: 9px;
}

@media only screen and (max-width: 800px) {
  .dmc_megadown .mega_index a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 14px 30px 12px 0;
    border-bottom: solid 1px #ddd;
    font-size: 1.3rem;
    font-weight: normal;
    color: #333;
  }
}

.mes .dmc_megadown .mega_index a::before, .mes .dmc_megadown .mega_index a::after {
  border-color: #0099d2;
}

.seminar .dmc_megadown .mega_index a::before, .seminar .dmc_megadown .mega_index a::after {
  border-color: #d90000;
}

.dmc_megadown .mega_index a::before {
  margin-top: -2px;
}

.dmc_megadown .mega_index a::after {
  margin-top: -5px;
}

@media only screen and (max-width: 800px) {
  .dmc_megadown .bmod_link_btn_01, .dmc_megadown .bmod_link_anchor_01 {
    display: block;
    margin: 0 0 18px;
    padding: 0 0 0 36px;
    background: #fff;
  }
}

@media only screen and (max-width: 800px) {
  .dmc_megadown .bmod_link_btn_01 > li, .dmc_megadown .bmod_link_anchor_01 > li {
    display: block;
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width: 800px) {
  .dmc_megadown .bmod_link_btn_01 > li a, .dmc_megadown .bmod_link_anchor_01 > li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 14px 30px 12px 0;
    text-align: left;
    border: none;
    border-bottom: solid 1px #ddd;
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 1.8;
    color: #333;
  }
}

@media only screen and (max-width: 800px) {
  .dmc_megadown .tmod_link_list_01 {
    display: block;
    margin: 0 0 18px;
    padding: 0 0 0 36px;
  }
}

@media only screen and (max-width: 800px) {
  .dmc_megadown .tmod_link_list_01 > li {
    display: block;
    margin-bottom: 3px !important;
  }
}

/* megamenu js */
#nav_global button .state {
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
  white-space: nowrap;
  text-indent: 100%;
}

.nav_megamenu {
  overflow: hidden;
  -webkit-transition: height 100ms linear;
          transition: height 100ms linear;
}

.nav_megamenu .dmc_megadown.jsHide {
  display: none;
}

/* login before */
._login_before {
  display: none !important;
}

.login_before ._login_before {
  display: block !important;
}

.login_before #str_header .user_name {
  display: none;
}

.login_before #str_header .nav_utility {
  display: none;
}

@media only screen and (max-width: 800px) {
  .login_before #str_header .nav_utility._login_before {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    border-bottom: none;
  }
}

.login_before #str_header .header_search {
  display: none;
}

.login_before #str_header .btn_list {
  display: none;
}

.login_before #str_header .dmc_header_02 {
  display: none;
}

@media only screen and (max-width: 800px) {
  .login_before #str_header .dmc_header_02 {
    display: block;
  }
}

.login_before #str_header .dmc_header_02 #nav_global {
  display: none;
}

.login_before #str_header .form_txt {
  float: left;
  clear: both;
  padding: 10px 0 10px 20px;
  font-size: 1.1rem;
  line-height: 1.364;
  color: #fff;
}

.login_before #str_header .header_login {
  float: right;
  padding: 10px 20px 10px 0;
  border-top: solid 1px #3d3d3f;
}

@media only screen and (max-width: 800px) {
  .login_before #str_header .header_login {
    padding-left: 20px;
  }
}

.login_before #str_header .header_login label {
  font-size: 1.1rem;
  color: #fff;
}

@media only screen and (max-width: 800px) {
  .login_before #str_header .header_login label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (max-width: 800px) {
  .login_before #str_header .header_login form {
    width: 100%;
  }
}

.login_before #str_header .header_login .textbox {
  float: left;
  margin-right: 10px;
}

@media only screen and (max-width: 800px) {
  .login_before #str_header .header_login .textbox {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
}

.login_before #str_header .header_login .textbox input {
  width: 204px;
  margin-left: 10px;
  padding: 11px 13px 9px;
  border: none;
  border-radius: 4px;
  background-color: #999;
  font-size: 1.3rem;
  color: #fff;
}

@media only screen and (max-width: 800px) {
  .login_before #str_header .header_login .textbox input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex: 1 1 auto;
    padding: 16px 13px 14px;
    font-size: 1.6rem;

    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
  }
}

.login_before #str_header .header_login .textbox input:placeholder-shown {
  color: #fff;
}

.login_before #str_header .header_login .textbox input::-webkit-input-placeholder {
  color: #fff;
}

.login_before #str_header .header_login .textbox input:-moz-placeholder {
  opacity: 1;
  color: #fff;
}

.login_before #str_header .header_login .textbox input::-moz-placeholder {
  opacity: 1;
  color: #fff;
}

.login_before #str_header .header_login .textbox input:-ms-input-placeholder {
  color: #fff;
}

@media only screen and (max-width: 800px) {
  .login_before #str_header .header_login .textbox + .textbox input {
    margin-left: 13px;
  }
}

.login_before #str_header .header_login .submit {
  float: left;
}

@media only screen and (max-width: 800px) {
  .login_before #str_header .header_login .submit {
    float: none;
    margin-bottom: 7px;
  }
}

.login_before #str_header .header_login .submit input {
  width: 78px;
  padding: 11px 10px 10px;
  text-align: center;
  border: none;
  border-radius: 4px;
  background-color: #fff;
  font-size: 1.2rem;
}

@media only screen and (max-width: 800px) {
  .login_before #str_header .header_login .submit input {
    width: 100%;
    padding: 16px 10px 15px;
  }
}

/* sub navi */
.sub_nav {
  margin-top: 149px;
  padding-top: 10px;
  padding-bottom: 9px;
  background: #fff;
}

@media only screen and (max-width: 800px) {
  .sub_nav {
    display: none;
    margin-top: 62px;
  }
}

.login_before .sub_nav {
  margin-top: 94px;
}

@media only screen and (max-width: 800px) {
  .login_before .sub_nav {
    margin-top: 62px;
  }
}

.sub_nav li {
  float: left;
  padding-top: 8px;
  padding-bottom: 4px;
  font-size: 1.3rem;
  line-height: 1;
}

.sub_nav li a {
  text-decoration: none;
}

.sub_nav li a:hover, .sub_nav li a:focus, .sub_nav li a:active {
  text-decoration: underline;
}

.sub_nav .upper_list {
  width: 1100px;
  margin: auto;
  padding-right: 30px;
  padding-left: 30px;
}

.sub_nav .upper_list > li {
  margin-right: 15px;
  padding-right: 15px;
  border-right: solid 1px #ccc;
}

.sub_nav .upper_list > li:last-child {
  border-right: none;
}

.sub_nav .under_list {
  float: right;
}

.sub_nav .under_list > li {
  margin-left: 14px;
  padding-top: 0;
  padding-bottom: 0;
}

/* main visual */
.str_mv {
  margin-top: 149px;
  background: #000;
  background-repeat: no-repeat;
  background-position: center;
}

@media only screen and (max-width: 800px) {
  .str_mv {
    margin-top: 62px;
    background-position: top center;
    background-size: cover;
  }
}

.login_before .str_mv {
  margin-top: 94px;
}

@media only screen and (max-width: 800px) {
  .login_before .str_mv {
    margin-top: 62px;
  }
}

.str_mv .dmc_inner {
  display: table;
  width: 1200px;
  height: 158px;
  margin: auto;
  padding: 22px 80px;
}

@media only screen and (max-width: 800px) {
  .str_mv .dmc_inner {
    width: 100%;
    height: auto;
    padding: 6px 30px 15px;
  }
}

.str_mv .hdg {
  display: table-cell;
  vertical-align: middle;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 800px) {
  .str_mv .hdg {
    text-align: center;
    font-size: 2.3rem;
  }
}

.str_mv .txt {
  display: table-row;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #fff;
}

@media only screen and (max-width: 800px) {
  .str_mv .txt {
    font-size: 1.4rem;
  }
}

/* MV切り替え */
.str_mv._information {
  background-color: #545b61;
  background-image: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_mv_information.png');
}

@media only screen and (max-width: 800px) {
  .str_mv._information {
    background-image: linear-gradient(to bottom, rgba(83, 89, 96, 0) 0, rgba(83, 89, 96, 0) 30px, #535960 50px, #535960 100%), url('..//images/bg_mv_information_sp.png');
  }
}

.str_mv._resq {
  background-color: #6c624d;
  background-image: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_mv_resq.png');
}

@media only screen and (max-width: 800px) {
  .str_mv._resq {
    background-image: linear-gradient(to bottom, rgba(108, 98, 77, 0) 0, rgba(108, 98, 77, 0) 30px, #6c624d 50px, #6c624d 100%), url('..//images/bg_mv_resq_sp.png');
  }
}

.str_mv._staticocont {
  background-color: #36819a;
  background-image: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_mv_staticocont.png');
}

@media only screen and (max-width: 800px) {
  .str_mv._staticocont {
    background-image: linear-gradient(to bottom, rgba(54, 129, 154, 0) 0, rgba(54, 129, 154, 0) 30px, #36819a 50px, #36819a 100%), url('..//images/bg_mv_staticocont_sp.png');
  }
}

.str_mv._shoudan {
  background-color: #87a0b3;
  background-image: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_mv_shoudan.png');
}

@media only screen and (max-width: 800px) {
  .str_mv._shoudan {
    background-image: linear-gradient(to bottom, rgba(135, 160, 179, 0) 0, rgba(135, 160, 179, 0) 30px, #87a0b3 50px, #87a0b3 100%), url('..//images/bg_mv_shoudan_sp.png');
  }
}

.str_mv._soudan {
  background-color: #242c3f;
  background-image: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_mv_soudan.png');
}

@media only screen and (max-width: 800px) {
  .str_mv._soudan {
    background-image: linear-gradient(to bottom, rgba(36, 44, 63, 0) 0, rgba(36, 44, 63, 0) 30px, #242c3f 50px, #242c3f 100%), url('..//images/bg_mv_soudan_sp.png');
  }
}

.str_mv._branch {
  background-color: #3e4653;
  background-image: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_mv_branch.png');
}

@media only screen and (max-width: 800px) {
  .str_mv._branch {
    background-image: linear-gradient(to bottom, rgba(62, 70, 83, 0) 0, rgba(62, 70, 83, 0) 30px, #3e4653 50px, #3e4653 100%), url('..//images/bg_mv_branch_sp.png');
  }
}

.str_mv._kouryu {
  background-color: #5f5246;
  background-image: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_mv_kouryu.png');
}

@media only screen and (max-width: 800px) {
  .str_mv._kouryu {
    background-image: linear-gradient(to bottom, rgba(95, 82, 70, 0) 0, rgba(95, 82, 70, 0) 30px, #5f5246 50px, #5f5246 100%), url('..//images/bg_mv_kouryu_sp.png');
  }
}

.str_mv._top {
  height: 280px;
  border-bottom: solid 5px #c4c4c4;
  background-color: #c4c4c4;
  background-image: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_mv_top.png');
}

@media only screen and (max-width: 800px) {
  .str_mv._top {
    height: auto;
    border-bottom: none;
    background-image: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_mv_top_sp.png');
    background-position: right top;
    background-size: cover;
  }
}

.sub_nav + .str_mv {
  margin-top: 0;
}

@media only screen and (max-width: 800px) {
  .sub_nav + .str_mv {
    margin-top: 62px;
  }
}

.str_mv._category._cate01 {
  background: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_mv_category_01.png') no-repeat;
  background-position: center center;
  height: 240px;
  margin: -30px -30px 0;
}

@media only screen and (max-width: 800px) {
  .str_mv._category._cate01 {
    background: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_mv_category_01.png') no-repeat;
    background-size: cover;
    height: 180px;
    margin: -20px -20px 0;
  }
}

.str_mv._category > .dmc_inner {
  background-color: rgba(0,0,0,0.3);
  height: 240px;
  width: 680px;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 800px) {
  .str_mv._category > .dmc_inner {
    background-color: rgba(0,0,0,0.3);
    height: 180px;
    width: 100%;
    margin: 0;
    padding: 0;
  }
}

/* bc navi */
#str_bcnav {
  width: 1100px;
  margin: 157px auto 0;
  padding: 8px 30px;
}

/*#str_bcnav {
  width: 1100px;
  margin: 149px auto 0;
  padding: 8px 30px;
}*/

#str_bcnav._detail {
  width: 1100px;
  margin: 2px auto 0;
  padding: 8px 30px;
}

@media only screen and (max-width: 800px) {
  #str_bcnav,
  #str_bcnav._detail {
    width: 100%;
    margin: 62px auto 0;
    padding: 8px 15px;
  }
}

.login_before #str_bcnav {
  margin: 94px auto 0;
}

@media only screen and (max-width: 800px) {
  .login_before #str_bcnav {
    margin: 62px auto 0;
  }
}

#str_bcnav > ul {
  margin: auto;
}

#str_bcnav > ul > li {
  display: inline;
}

#str_bcnav > ul > li > a[href] {
  text-decoration: none;
  font-size: 1.3rem;
  color: #333;
}

#str_bcnav > ul > li > a[href]:hover, #str_bcnav > ul > li > a[href]:focus, #str_bcnav > ul > li > a[href]:active {
  text-decoration: underline;
}

#str_bcnav > ul > li > a[href]::after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 15px;
  margin-left: 12px;
  -webkit-transform: rotate(45deg) skew(-15deg, -15deg) translate(-1px);
      -ms-transform: rotate(45deg) skew(-15deg, -15deg) translate(-1px);
          transform: rotate(45deg) skew(-15deg, -15deg) translate(-1px);
  border-top: solid 1px #333;
  border-right: solid 1px #333;
}

.str_mv + #str_bcnav {
  margin-top: 0;
}

.sub_nav + #str_bcnav {
  margin-top: 0;
}

@media only screen and (max-width: 800px) {
  .sub_nav + #str_bcnav {
    margin-top: 62px;
  }
}

.site_top.seminar #str_bcnav {
  visibility: hidden;
}

/* footer */
#str_footer {
  margin-top: 30px;
  background: #333;
}

@media only screen and (max-width: 800px) {
  #str_footer {
    margin-top: 20px;
  }
}

/* totop */
#toTop {
	position: fixed;
	bottom: 16px;
	right: 0;
	z-index: 2;
	opacity: 0.8;
  display: none;
}

#toTop a {
	width: 40px;
	height: 40px;
	display: block;
	font-size: 13px;
  font-size: 1.3rem;
	line-height: 42px;
	background-color: #555;
	text-align: center;
	color: #fff;
	text-decoration: none;
  width: 180px;
  border-radius: 50px 0 0 50px;
}

#toTop a:hover {
  color: #ccc;
}

@media only screen and (max-width: 800px) {
  #str_footer #toTop a::before {
    top: 21px;
  }
}

#str_footer .footer_group_list {
  padding-bottom: 30px;
  border-bottom: solid 1px #231f1f;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_group_list {
    padding: 0;
  }
}

#str_footer .footer_group_list .group_list {
  width: 1100px;
  margin: auto;
  padding: 30px 30px 0;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_group_list .group_list {
    width: 100%;
    padding: 15px 20px;
  }
}

#str_footer .footer_group_list .group_list > li {
  float: left;
  margin-right: 40px;
  text-align: center;
  background: #fff;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_group_list .group_list > li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

#str_footer .footer_group_list .group_list > li:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_group_list .group_list > li:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_group_list .group_list > li a {
    display: block;
    width: 100%;
  }
}

#str_footer .footer_group_list .group_list > li a:hover, #str_footer .footer_group_list .group_list > li a:focus, #str_footer .footer_group_list .group_list > li a:active {
  opacity: .7;
}

#str_footer .footer_sitemap {
  width: 1100px;
  margin: 0 auto;
  padding: 18px 30px 5px;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_sitemap {
    width: 100%;
    padding: 0;
  }
}

#str_footer .footer_sitemap .upper_list {
  float: left;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_sitemap .upper_list {
    float: none;
  }
}

#str_footer .footer_sitemap .upper_list > li {
  float: left;
  width: 320px;
  margin-right: 40px;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_sitemap .upper_list > li {
    float: none;
    width: 100%;
    margin-right: 0;
    border-bottom: solid 1px #231f1f;
  }
}

#str_footer .footer_sitemap .upper_list > li:nth-child(3n) {
  margin-right: 0;
}

#str_footer .footer_sitemap .upper_list > li:nth-child(3n+1) {
  clear: both;
}

#str_footer .footer_sitemap .upper_list > li > a, #str_footer .footer_sitemap .upper_list > li > button {
  display: block;
  width: 100%;
  position: relative;
  text-align: left;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_sitemap .upper_list > li > a, #str_footer .footer_sitemap .upper_list > li > button {
    height: 100%;
    padding: 15px 20px 13px;
    font-size: 1.4rem;
  }
}

#str_footer .footer_sitemap .upper_list > li > a::before, #str_footer .footer_sitemap .upper_list > li > a::after, #str_footer .footer_sitemap .upper_list > li > button::before, #str_footer .footer_sitemap .upper_list > li > button::after {
  content: '';
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 100ms 0s ease;
          transition: all 100ms 0s ease;
  border-top: solid 1px #fff;
}

#str_footer .footer_sitemap .upper_list > li > a::before, #str_footer .footer_sitemap .upper_list > li > button::before {
  width: 21px;
  margin-top: -1px;
  right: 3px;
}

#str_footer .footer_sitemap .upper_list > li > a::after, #str_footer .footer_sitemap .upper_list > li > button::after {
  width: 9px;
  margin-top: -4px;
  right: 1px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

#str_footer .footer_sitemap .upper_list > li > a:hover, #str_footer .footer_sitemap .upper_list > li > a:focus, #str_footer .footer_sitemap .upper_list > li > a:active {
  text-decoration: none;
}

#str_footer .footer_sitemap .upper_list > li > a:hover::before, #str_footer .footer_sitemap .upper_list > li > a:focus::before, #str_footer .footer_sitemap .upper_list > li > a:active::before {
  right: -2px;
}

#str_footer .footer_sitemap .upper_list > li > a:hover::after, #str_footer .footer_sitemap .upper_list > li > a:focus::after, #str_footer .footer_sitemap .upper_list > li > a:active::after {
  right: -4px;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_sitemap .upper_list > li > button {
    position: relative;
  }
}

#str_footer .footer_sitemap .upper_list > li > button::before, #str_footer .footer_sitemap .upper_list > li > button::after {
  width: 14px;
  height: 2px;
  right: 20px;
  background: #fff;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_sitemap .upper_list > li > button::after {
    margin-top: -1px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

#str_footer .footer_sitemap .upper_list._compact > li {
  float: none;
  margin-right: 0;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: solid 1px #231f1f;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_sitemap .upper_list._compact > li {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

#str_footer .footer_sitemap .upper_list._compact > li > a:hover, #str_footer .footer_sitemap .upper_list._compact > li > a:focus, #str_footer .footer_sitemap .upper_list._compact > li > a:active {
  text-decoration: none;
}

#str_footer .footer_sitemap .upper_list._compact > li > a:hover::before, #str_footer .footer_sitemap .upper_list._compact > li > a:focus::before, #str_footer .footer_sitemap .upper_list._compact > li > a:active::before {
  right: 10px;
}

#str_footer .footer_sitemap .upper_list._compact > li > a:hover::after, #str_footer .footer_sitemap .upper_list._compact > li > a:focus::after, #str_footer .footer_sitemap .upper_list._compact > li > a:active::after {
  right: 8px;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_sitemap .upper_list._compact > li > a::before {
    right: 21px;
  }
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_sitemap .upper_list._compact > li > a::after {
    right: 19px;
  }
}

#str_footer .footer_sitemap .under_list {
  margin-top: 13px;
  margin-bottom: 30px;
  padding-top: 13px;
  border-top: solid 1px #231f1f;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_sitemap .under_list {
    margin: 0;
    padding-top: 0;
    padding-left: 36px;
    background: #fff;
  }
}

#str_footer .footer_sitemap .under_list > li {
  float: left;
  width: 150px;
  margin-right: 20px;
  margin-bottom: 10px;
  line-height: 1.25;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_sitemap .under_list > li {
    display: block;
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }
}

#str_footer .footer_sitemap .under_list > li:nth-child(2n+1) {
  margin-right: 0;
}

#str_footer .footer_sitemap .under_list > li:nth-child(2n+4) {
  clear: both;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_sitemap .under_list > li:last-child > a {
    border-bottom: none;
  }
}

#str_footer .footer_sitemap .under_list > li > a {
  display: inline-block;
  font-size: 1.2rem;
}

#str_footer .footer_sitemap .under_list > li > a:hover, #str_footer .footer_sitemap .under_list > li > a:focus, #str_footer .footer_sitemap .under_list > li > a:active {
  text-decoration: underline;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_sitemap .under_list > li > a {
    position: relative;
  }
  #str_footer .footer_sitemap .under_list > li > a::before, #str_footer .footer_sitemap .under_list > li > a::after {
    content: '';
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: all 100ms 0s ease;
            transition: all 100ms 0s ease;
    border-top: solid 1px #e60000;
  }
  #str_footer .footer_sitemap .under_list > li > a::before {
    width: 21px;
    margin-top: 2px;
    right: 21px;
  }
  #str_footer .footer_sitemap .under_list > li > a::after {
    width: 9px;
    margin-top: -1px;
    right: 19px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  #str_footer .footer_sitemap .under_list > li > a:hover::before, #str_footer .footer_sitemap .under_list > li > a:focus::before, #str_footer .footer_sitemap .under_list > li > a:active::before {
    right: 10px;
  }
  #str_footer .footer_sitemap .under_list > li > a:hover::after, #str_footer .footer_sitemap .under_list > li > a:focus::after, #str_footer .footer_sitemap .under_list > li > a:active::after {
    right: 9px;
  }
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_sitemap .under_list > li > a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 14px 30px 12px 0;
    border-bottom: solid 1px #ddd;
    font-size: 1.3rem;
    color: #333;
  }
}

#str_footer .footer_sitemap a {
  text-decoration: none;
  color: #fff;
}

#str_footer .footer_sitemap a:hover, #str_footer .footer_sitemap a:focus, #str_footer .footer_sitemap a:active {
  text-decoration: underline;
}

#str_footer .footer_utility {
  text-align: center;
  border-top: solid 1px #231f1f;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_utility {
    padding: 11px 15px 14px;
    border-top: none;
  }
}

#str_footer .footer_utility > li {
  display: inline-block;
  margin-right: 11px;
  margin-left: 11px;
  padding-top: 10px;
  padding-bottom: 8px;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_utility > li {
    margin-right: 0;
    margin-left: 6px;
    padding-top: 2px;
    padding-bottom: 0;
  }
}

#str_footer .footer_utility > li a {
  text-decoration: none;
  font-size: 1.2rem;
  color: #fff;
}

#str_footer .footer_utility > li a:hover, #str_footer .footer_utility > li a:focus, #str_footer .footer_utility > li a:active {
  text-decoration: underline;
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_utility > li a {
    display: inline-block;
    padding-right: 14px;
    border-right: solid 1px #fff;
    line-height: 1;
  }
}

@media only screen and (max-width: 800px) {
  #str_footer .footer_utility > li:last-child a {
    border-right: none;
  }
}

/* aside */
.aside_nav {
  margin-bottom: 20px;
  -webkit-box-shadow: 5px 5px 0 0 rgba(120, 120, 120, .3);
          box-shadow: 5px 5px 0 0 rgba(120, 120, 120, .3);
  background: #fff;
}

@media only screen and (max-width: 800px) {
  .aside_nav {
    -webkit-box-shadow: 2px 2px 0 0 rgba(120, 120, 120, .3);
            box-shadow: 2px 2px 0 0 rgba(120, 120, 120, .3);
    background: #fff;
  }
}

@media only screen and (max-width: 800px) {
  .aside_nav {
    margin-bottom: 18px;
  }
}

.aside_nav > li > a {
  display: block;
  width: 100%;
  padding: 11px 45px 8px 15px;
  position: relative;
  position: relative;
  text-align: left;
  text-decoration: none;
  background-color: #333;
  background-image: linear-gradient(to right, #333 0%, #333 15px, #231f1f 16px, #231f1f 50%, transparent 51%, transparent 100%), linear-gradient(to left, #333 0%, #333 15px, #231f1f 16px, #231f1f 50%, transparent 51%, transparent 100%);
  background-repeat: repeat-x;
  background-position: left bottom, right bottom;
  background-size: 100% 1px;
  color: #fff;
}

.aside_nav > li > a::before,
.aside_nav > li > a::after {
  content: '';
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 100ms 0s ease;
          transition: all 100ms 0s ease;
  border-top: solid 1px #e60000;
}

.aside_nav > li > a::before {
  width: 21px;
  margin-top: 2px;
  right: 21px;
}

.aside_nav > li > a::after {
  width: 9px;
  margin-top: -1px;
  right: 19px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.aside_nav > li > a:hover::before, .aside_nav > li > a:focus::before, .aside_nav > li > a:active::before {
  right: 10px;
}

.aside_nav > li > a:hover::after, .aside_nav > li > a:focus::after, .aside_nav > li > a:active::after {
  right: 9px;
}

.aside_nav > li > a:hover, .aside_nav > li > a:focus, .aside_nav > li > a:active {
  -webkit-transition: all 100ms 0s ease;
          transition: all 100ms 0s ease;
  background-color: #717171;
  background-image: linear-gradient(to right, #333 0%, #333 15px, #231f1f 16px, #231f1f 50%, transparent 51%, transparent 100%), linear-gradient(to left, #333 0%, #333 15px, #231f1f 16px, #231f1f 50%, transparent 51%, transparent 100%);
  background-repeat: repeat-x;
  background-position: left bottom, right bottom;
  background-size: 100% 1px;
}

.ie9 .aside_nav > li > a {
  border-bottom: solid 1px #231f1f;
  background-image: none;
}

.aside_nav > li > a img {
  display: inline-block;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 15px;
}

.aside_nav > li > a::before, .aside_nav > li > a::after {
  border-color: #fff;
}

.aside_nav > li > a[target='_blank']::before, .aside_nav > li > a[target='_blank']::after {
  display: none;
}

.aside_nav > li:last-child > a {
  background-image: none;
}

.ie9 .aside_nav > li:last-child > a {
  border-bottom: none;
}

.aside_nav .under_list {
  margin: 0;
  padding-left: 36px;
  background: #fff;
}

@media only screen and (max-width: 800px) {
  .aside_nav .under_list {
    margin: 0;
    padding-top: 0;
    background: #fff;
  }
}

.aside_nav .under_list > li {
  line-height: 1.25;
}

@media only screen and (max-width: 800px) {
  .aside_nav .under_list > li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }
}

.aside_nav .under_list > li:last-child > a {
  border-bottom: none;
}

.aside_nav .under_list > li > a,
.aside_nav .under_list > li > span {
  display: block;
  width: 100%;
  height: 100%;
  padding: 14px 30px 12px 0;
  position: relative;
  position: relative;
  text-decoration: none;
  border-bottom: solid 1px #ddd;
  font-size: 1.3rem;
  color: #333;
}

.aside_nav .under_list > li > a::before,
.aside_nav .under_list > li > a::after,
.aside_nav .under_list > li > span::before,
.aside_nav .under_list > li > span::after {
  content: '';
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 100ms 0s ease;
          transition: all 100ms 0s ease;
  border-top: solid 1px #e60000;
}

.aside_nav .under_list > li > a::before,
.aside_nav .under_list > li > span::before {
  width: 21px;
  margin-top: 2px;
  right: 21px;
}

.aside_nav .under_list > li > a::after,
.aside_nav .under_list > li > span::after {
  width: 9px;
  margin-top: -1px;
  right: 19px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.aside_nav .under_list > li > a:hover::before,
.aside_nav .under_list > li > a:focus::before,
.aside_nav .under_list > li > a:active::before,
.aside_nav .under_list > li > span:hover::before,
.aside_nav .under_list > li > span:focus::before,
.aside_nav .under_list > li > span:active::before {
  right: 10px;
}

.aside_nav .under_list > li > a:hover::after,
.aside_nav .under_list > li > a:focus::after,
.aside_nav .under_list > li > a:active::after,
.aside_nav .under_list > li > span:hover::after,
.aside_nav .under_list > li > span:focus::after,
.aside_nav .under_list > li > span:active::after {
  right: 9px;
}

.aside_nav .under_list > li > span {
  font-weight: bold;
}

.aside_nav .under_list > li > span::before,
.aside_nav .under_list > li > span::after {
  display: none;
}

.aside_nav li .underneath_list,
.aside_nav .underneath_list {
  border-bottom: solid 1px #ddd;
}

.aside_nav .underneath_list > li {
  padding-left: 30px;
}

.aside_nav .underneath_list > li > a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 14px 30px 12px 0;
  position: relative;
  position: relative;
  text-decoration: none;
  border-bottom: solid 1px #ddd;
  font-size: 1.3rem;
  color: #333;
}

.aside_nav .underneath_list > li:last-child > a {
  border-bottom: none;
}

.aside_nav .underneath_list > li > a::before,
.aside_nav li .underneath_list > li > a::after {
  content: '';
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 100ms 0s ease;
          transition: all 100ms 0s ease;
  border-top: solid 1px #e60000;
}

.aside_nav .underneath_list > li > a::before {
  width: 21px;
  margin-top: 2px;
  right: 21px;
}

.aside_nav .underneath_list > li > a::after {
  width: 9px;
  margin-top: -1px;
  right: 19px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.aside_nav .underneath_list > li > a:hover::before,
.aside_nav .underneath_list > li > a:focus::before,
.aside_nav .underneath_list > li > a:active::before {
  right: 10px;
}

.aside_nav .underneath_list > li > a:hover::after,
.aside_nav .underneath_list > li > a:focus::after,
.aside_nav .underneath_list > li > a:active::after {
  right: 9px;
}

.aside_being {
  margin-bottom: 30px;
  padding: 15px;
  background: #fff;
  -webkit-box-shadow: 5px 5px 0 0 rgba(120, 120, 120, .3);
          box-shadow: 5px 5px 0 0 rgba(120, 120, 120, .3);
}

@media only screen and (max-width: 800px) {
  .aside_being {
    -webkit-box-shadow: 2px 2px 0 0 rgba(120, 120, 120, .3);
            box-shadow: 2px 2px 0 0 rgba(120, 120, 120, .3);
  }
}

@media only screen and (max-width: 800px) {
  .aside_being {
    margin-bottom: 10px;
  }
}

.aside_being > .hdg {
  margin-bottom: 9px;
  font-size: 1.5rem;
  font-weight: bold;
}

.aside_being .bmod_tab_list_02 {
  margin: 0 -15px 15px;
  border-top: solid 1px #ccc;
}

.aside_being .bmod_being_list {
  margin-bottom: 0;
}

.aside_being .bmod_being_list li {
  margin: 0 -15px 20px;
  padding: 0 15px;
  border-bottom: solid 1px #e7e7e7;
}

.aside_being .bmod_being_list li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.aside_being .bmod_being_list li:last-child .tmod_txt_01 {
  margin-bottom: 0;
}

.aside_being .bmod_being_list .bmod_img_01 {
  margin-bottom: 15px;
}

.aside_being .bmod_being_list .hdg {
  margin-bottom: 3px;
  font-weight: bold;
  line-height: 1.286;
}

.aside_being .bmod_being_list a {
  display: block;
  text-decoration: none;
  color: #333;
}

.aside_being .bmod_being_list a:hover, .aside_being .bmod_being_list a:focus, .aside_being .bmod_being_list a:active {
  opacity: .7;
}

#str_aside .bmod_img_01 {
  text-align: center;
  padding-bottom: 0;
  margin-bottom: 18px;
}

#str_aside .bmod_img_01 img {
  max-width: 320px;
}

@media only screen and (max-width: 800px) {
  #str_aside .bmod_img_01 img {
    max-width: 100%;
  }
}

.aside_nav .bmod_list_img_01 {
  text-align: center;
  padding: 18px 20px;
}

.aside_nav .bmod_list_img_01 li {
  margin-bottom: 18px;
}

.aside_nav .bmod_list_img_01 li img,
.aside_nav p.bmod_img_02 img {
  max-width: 280px;
}

@media only screen and (max-width: 800px) {
  .aside_nav .bmod_list_img_01 li img,
  .aside_nav p.bmod_img_02 img {
    max-width: 100%;
  }
}

.aside_nav .bmod_list_img_01 li:last-child {
  margin-bottom: 0;
}

.aside_nav p.bmod_img_02 {
  text-align: center;
  padding: 0 20px 18px;
}

.aside_nav > h2 {
  background: #fff;
  display: block;
  font-weight: bold;
  padding: 11px 45px 8px 15px;
  border-bottom: 1px solid #ccc;
}

.aside_nav .aside_nav_inner {
  background: #fff;
  padding: 18px 20px;
}

.aside_nav .aside_nav_inner > h3 {
  padding-bottom: 10px;
}

.aside_nav .aside_nav_inner .img {
  text-align: center;
  margin-bottom: 14px;
}

.aside_nav .guide_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 14px;
}

@media only screen and (max-width: 800px) {
  .aside_nav .guide_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 20px;
  }
}

.aside_nav .guide_area.one_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 14px;
}

@media only screen and (max-width: 800px) {
  .aside_nav .guide_area.one_col {
    margin-bottom: 20px;
  }
}

.aside_nav .guide_area li {
 text-align: center;
}

.aside_nav .guide_area li > span {
  display: block;
  text-align: center;
  margin-bottom: 8px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.0;
  padding: 3px 2px 3px;
}

@media only screen and (max-width: 800px) {
  .aside_nav .guide_area li > span {
    width: 80%;
    margin: 0 auto 10px;
  }
}

.aside_nav .guide_area li a:hover {
  opacity: 0.8;
}

.aside_nav .guide_area li > .tokyo {
  border: 1px solid #358974;
  color: #358974;
}

.aside_nav .guide_area li > .nagoya {
  border: 1px solid #5980c1;
  color: #5980c1;
}

.aside_nav .guide_area li > .osaka {
  border: 1px solid #bf5577;
  color: #bf5577;
}

.aside_nav .guide_area li img {
  border: 1px solid #eee;
  box-sizing: border-box;
  width: 86px;
}

@media only screen and (max-width: 800px) {
  .aside_nav .guide_area li img {
    width: 80%;
  }
}

.aside_nav .aside_nav_inner .bmod_link_btn_01 {
  margin-bottom: 0;
}

.aside_nav .aside_nav_inner .bmod_link_btn_01 a, .aside_nav .aside_nav_inner .bmod_link_btn_01 button {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: auto;
  padding: 16px 45px 12px 16px;
  position: relative;
  text-align: left;
  text-decoration: none;
  border: 1px solid #ccc;
  background: #333;
  line-height: 1.333;
  color: #fff;
  border-radius: 4px;
}

.aside_nav .aside_nav_inner .bmod_link_btn_01 a::first-letter, .aside_nav .aside_nav_inner .bmod_link_btn_01 button::first-letter {
  color: #d90000;
}

.aside_nav .form_item h3 {
  font-weight: bold;
  padding: 14px 12px 14px 0;
}

.aside_nav .form_item .underneath_list {
  border: none;
  margin-left: -20px;
}

.aside_nav .form_item .underneath_list span.area {
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.0;
  padding: 3px 12px 2px 10px;
  display: block;
  margin-right: -30px;
  margin-bottom: 12px;
}

.aside_nav .form_item .underneath_list li a {
  padding-top: 0;
}

.aside_nav .form_item .underneath_list span.tokyo {
  background: #358974;
}

.aside_nav .form_item .underneath_list span.nagoya {
  background: #5980c1;
}

.aside_nav .form_item .underneath_list span.osaka {
  background: #bf5577;
}

.aside_nav .form_item .underneath_list > li:last-child > a {
    border-bottom: 1px solid #ddd;
}

.aside_nav .none_border {
  border: none !important;
}

@media only screen and (max-width: 800px) {
  .aside_nav .none_border_sp {
    border: none !important;
  }
}

/* str_copyright */
#str_copyright {
  background: #e5e5e5;
}

#str_copyright p {
  text-align: center;
}

#str_copyright p small {
  display: inline-block;
  padding: 9px 30px 5px;
  letter-spacing: .05em;
  font-size: 1rem;
  color: #666;
}

/* structure */
#str_content {
  width: 1100px;
  margin: auto;
  padding: 0 30px;
}

@media only screen and (max-width: 800px) {
  #str_content {
    width: 100%;
    padding: 0 10px;
  }
}

#str_header + #str_content {
  margin-top: 149px;
  padding-top: 40px;
}

@media only screen and (max-width: 800px) {
  #str_header + #str_content {
    margin-top: 62px;
  }
}

.login_before #str_header + #str_content {
  margin-top: 94px;
}

@media only screen and (max-width: 800px) {
  .login_before #str_header + #str_content {
    margin-top: 62px;
  }
}

.str_mv._top + #str_content {
  margin-top: 40px;
}

@media only screen and (max-width: 800px) {
  .str_mv._top + #str_content {
    margin-top: 10px;
  }
}

#str_main {
  float: left;
  width: 680px;
  margin-right: 40px;
}

@media only screen and (max-width: 800px) {
  #str_main {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}

#str_main > .tmod_txt_01:last-child {
  margin-bottom: 50px;
}

#str_aside {
  float: left;
  width: 320px;
  /*margin-bottom: 60px;*/
}

@media only screen and (max-width: 800px) {
  #str_aside {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
}

#str_detail_head {
  margin-right: -30px;
  margin-bottom: 40px;
  margin-left: -30px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
  background: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_detail_head_01.png') repeat-x bottom;
}

@media only screen and (max-width: 800px) {
  #str_detail_head {
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
  }
}

#str_detail_head .bmod_hdg_01 {
  margin-top: 21px;
  margin-bottom: 20px;
  padding-bottom: 0;
  background: none;
}

/* dmc_contents */
.dmc_contents {
  width: 100%;
  margin-bottom: 30px;
  padding: 30px;
  background: #fff;
  -webkit-box-shadow: 5px 5px 0 0 rgba(120, 120, 120, .3);
          box-shadow: 5px 5px 0 0 rgba(120, 120, 120, .3);
}

@media only screen and (max-width: 800px) {
  .dmc_contents {
    -webkit-box-shadow: 2px 2px 0 0 rgba(120, 120, 120, .3);
            box-shadow: 2px 2px 0 0 rgba(120, 120, 120, .3);
  }
}

@media only screen and (max-width: 800px) {
  .dmc_contents {
    margin-bottom: 18px;
    padding: 20px;
  }
}

.dmc_contents > .hdg:first-child {
  margin-top: -5px;
  margin-bottom: 20px;
  letter-spacing: .05em;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.412;
}

.dmc_contents .dmc_inner {
  padding: 20px;
}

.dmc_contents .dmc_inner > [class^='bmod_']:last-child {
  margin-bottom: 0;
}

.dmc_contents .dmc_inner > [class^='tmod_']:last-child {
  margin-bottom: 0;
}

.dmc_contents .dmc_inner [class^='tmod_']:first-child {
  margin-top: -5px;
}

.dmc_contents._subdivision {
  width: 100%;
  padding: 0;
  background: #fff;
}

.dmc_contents._subdivision .dmc_inner {
  padding: 15px 20px;
}

.dmc_contents > .dmc_contents._subdivision {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dmc_contents._subdivision .dmc_head {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
  border-bottom: solid 1px #ccc;
}

.dmc_contents._subdivision .dmc_head .hdg {
  display: table-cell;
  height: 100%;
  padding: 18px 15px 13px 20px;
  font-size: 1.8rem;
  font-weight: bold;
}

.dmc_contents._subdivision .dmc_head > .hdg_02 {
  display: table-cell;
  height: 100%;
  padding: 18px 15px 13px 20px;
  font-size: 1.8rem;
  font-weight: bold;
  background: #333;
  color: #fff;
}

@media only screen and (max-width: 800px) {
  .dmc_contents._subdivision .dmc_head .hdg {
    height: auto;
    padding: 19px 0 15px 20px;
    vertical-align: middle;
    line-height: 1.2;
  }
}

.dmc_contents._subdivision .dmc_head .hdg .sub,
.dmc_contents._subdivision .dmc_head > .hdg_02 .sub {
  margin-left: 10px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 800px) {
  .dmc_contents._subdivision .dmc_head .hdg .sub,
  .dmc_contents._subdivision .dmc_head > .hdg_02 .sub {
    display: block;
    margin-left: 0;
    font-size: 1.2rem;
  }
}

.dmc_contents._subdivision .dmc_head .hdg br + .sub {
  margin-left: 0;
}

.dmc_contents._subdivision .dmc_head .tag {
  position: absolute;
  top: -9px;
  right: 15px;
}

@media only screen and (max-width: 800px) {
  .dmc_contents._subdivision .dmc_head .tag {
    float: right;
    margin-right: 15px;
    position: static;
    white-space: nowrap;
  }
  .dmc_contents._subdivision .dmc_head .tag::after {
    display: none;
  }
}

.dmc_contents._subdivision .dmc_head .more {
  display: table-cell;
  width: 66px;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

@media only screen and (max-width: 800px) {
  .dmc_contents._subdivision .dmc_head .more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
  }
}

.dmc_contents._subdivision .dmc_head .more a {
  display: block;
  width: 100%;
  padding: 19px 3px;
  text-decoration: none;
  background: #333;
  color: #fff;
}

.dmc_contents._subdivision .dmc_head .more a:hover, .dmc_contents._subdivision .dmc_head .more a:focus, .dmc_contents._subdivision .dmc_head .more a:active {
  background: #717171;
}

@media only screen and (max-width: 800px) {
  .dmc_contents._subdivision .dmc_head .more a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 3px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.dmc_contents._subdivision .dmc_head._line2 {
  height: 79px;
}

@media only screen and (max-width: 800px) {
  .dmc_contents._subdivision .dmc_head._line2 {
    height: 100%;
  }
}

.dmc_contents._subdivision .dmc_head._line2 .more {
  height: 79px;
}

@media only screen and (max-width: 800px) {
  .dmc_contents._subdivision .dmc_head._line2 .more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    height: 100%;
  }
}

.dmc_contents._subdivision .dmc_head._line2 .more a {
  height: 79px;
  padding: 27px 3px;
}

@media only screen and (max-width: 800px) {
  .dmc_contents._subdivision .dmc_head._line2 .more a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 15px 3px;
  }
}

.dmc_contents._subdivision .dmc_head._txt_icon {
  padding-bottom: 10px;
}

@media only screen and (max-width: 800px) {
  .dmc_contents._subdivision .dmc_head._txt_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 800px) {
  .dmc_contents._subdivision .dmc_head._txt_icon .hdg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 19px 0 10px 20px;
  }
}

@media only screen and (max-width: 800px) {
  .dmc_contents._subdivision .dmc_head._txt_icon .txt_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 10px 20px;
  }
}

.dmc_contents._subdivision .dmc_inner + .bmod_link_list_01, .dmc_contents._subdivision .dmc_inner + .bmod_link_box_01 {
  border-top: solid 1px #ccc;
}

.dmc_contents._subdivision .bmod_lyt_01 + .bmod_box_01 {
  margin-top: 20px;
}

.dmc_contents._subdivision .bmod_box_01 {
  margin-bottom: 20px;
  padding: 14px 30px 15px;
}

.dmc_contents._subdivision .tmod_link_list_01 > li {
  margin-bottom: 0;
}

.dmc_contents._subdivision .bmod_link_list_01 + p.bmod_link_anchor_01, .dmc_contents._subdivision .bmod_link_box_01 + p.bmod_link_anchor_01 {
  margin-top: -30px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: solid 1px #ccc;
}

@media only screen and (max-width: 800px) {
  .dmc_contents._subdivision .bmod_link_list_01 + p.bmod_link_anchor_01, .dmc_contents._subdivision .bmod_link_box_01 + p.bmod_link_anchor_01 {
    margin-top: -10px;
  }
}

.dmc_contents._subdivision .bmod_link_list_01 + .bmod_link_btn_01, .dmc_contents._subdivision .bmod_link_box_01 + .bmod_link_btn_01, .dmc_contents._subdivision .bmod_link_list_01 + .bmod_link_anchor_01, .dmc_contents._subdivision .bmod_link_box_01 + .bmod_link_anchor_01 {
  margin-top: -40px;
  padding: 20px 30px;
  border-top: solid 1px #ccc;
}

@media only screen and (max-width: 800px) {
  .dmc_contents._subdivision .bmod_link_list_01 + .bmod_link_btn_01, .dmc_contents._subdivision .bmod_link_box_01 + .bmod_link_btn_01, .dmc_contents._subdivision .bmod_link_list_01 + .bmod_link_anchor_01, .dmc_contents._subdivision .bmod_link_box_01 + .bmod_link_anchor_01 {
    margin-top: -10px;
  }
}

.dmc_contents._subdivision .bmod_link_list_01 + .bmod_link_btn_01 {
  margin-top: -30px;
}

@media only screen and (max-width: 800px) {
  .dmc_contents._subdivision .bmod_link_list_01 + .bmod_link_btn_01 {
    margin-top: -20px;
  }
}


#str_aside .dmc_contents {
  margin-bottom: 20px;
  padding: 15px 15px 20px;
}

@media only screen and (max-width: 800px) {
  #str_aside .dmc_contents {
    margin-bottom: 10px;
  }
}

#str_aside .dmc_contents._subdivision {
  padding: 0;
}

#str_aside .dmc_contents > .hdg {
  margin-top: 5px;
  margin-bottom: 17px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.111;
}

#str_aside .dmc_contents > .hdg._emphasis {
  padding-top: 10px;
  padding-bottom: 7px;
  background: #e5e5e5;
}

#str_aside .dmc_contents .tag_list {
  margin-bottom: 6px;
}

#str_aside .dmc_contents .tag_list > li {
  float: left;
  margin-right: 6px;
  margin-bottom: 10px;
  padding: 2px 11px 1px;
  text-align: center;
  border-radius: 15px;
  background: #b00000;
  color: #fff;
}

#str_aside .dmc_contents .tag_list > li:nth-child(3n) {
  margin-right: 0;
}

#str_aside .dmc_contents .tag_list > li._full {
  width: 100%;
}

#str_aside .dmc_contents .label {
  margin-bottom: 15px;
  padding: 7px 10px 4px;
  text-align: center;
  background: #dfe2ab;
}

#str_aside .dmc_contents .tel_list {
  margin-bottom: 20px;
  border-radius: 4px;
}

#str_aside .dmc_contents .tel_list li {
  margin-bottom: 5px;
  padding: 5px 5px 4px;
  text-align: center;
  letter-spacing: .05em;
  background-color: #f1f1f1;
  font-size: 2rem;
  font-weight: bold;
}

#str_aside .dmc_contents .tel_list li:last-child {
  margin-bottom: 0;
}

#str_aside .dmc_contents .tel_list li .place {
  display: inline-block;
  width: 50px;
  margin-right: 8px;
  position: relative;
  top: -2px;
  text-align: right;
  font-size: 1.4rem;
}

#str_aside .dmc_contents .lead {
  margin-top: -3px;
  margin-bottom: 9px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
}

#str_aside .dmc_contents .info_list > li .hdg {
  margin-bottom: 10px;
  padding: 7px 58px 4px;
  position: relative;
  text-align: center;
  background: #f1f1f1;
  font-size: 1.4rem;
}

#str_aside .dmc_contents .info_list > li .hdg .btn {
  padding: 6px 7px 3px 8px;
  position: absolute;
  top: 8px;
  right: 8px;
  text-decoration: none;
  border: solid 1px #ccc;
  border-radius: 4px;
  background-color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  color: #333;
}

#str_aside .dmc_contents .info_list > li .hdg .btn:hover, #str_aside .dmc_contents .info_list > li .hdg .btn:focus, #str_aside .dmc_contents .info_list > li .hdg .btn:active,
#str_aside .bmod_img_01 a:hover, #str_aside .bmod_img_02 a:hover, #str_aside .bmod_list_img_01 a:hover {
  opacity: .7;
}

#str_aside .dmc_contents .info_list > li .btn_list {
  margin-bottom: 10px;
}

#str_aside .dmc_contents .info_list > li .btn_list > li {
  float: left;
  width: calc(50% - 10px / 2);
  margin-right: 10px;
  margin-bottom: 10px;
}

#str_aside .dmc_contents .info_list > li .btn_list > li:last-child {
  margin-right: 0;
}

#str_aside .dmc_contents .info_list > li .btn_list > li > a {
  display: block;
  width: 100%;
  padding: 9px 10px 8px;
  text-align: center;
  text-decoration: none;
  border: solid 1px #ccc;
  border-radius: 4px;
  color: #333;
}

#str_aside .dmc_contents .info_list > li .btn_list > li > a:hover, #str_aside .dmc_contents .info_list > li .btn_list > li > a:focus, #str_aside .dmc_contents .info_list > li .btn_list > li > a:active {
  opacity: .7;
}

#str_aside .dmc_contents .bmod_link_list_01 + .dmc_inner, #str_aside .dmc_contents .bmod_link_box_01 + .dmc_inner {
  margin-top: -30px;
  border-top: solid 1px #ccc;
}

@media only screen and (max-width: 800px) {
  #str_aside .dmc_contents .bmod_link_list_01 + .dmc_inner, #str_aside .dmc_contents .bmod_link_box_01 + .dmc_inner {
    margin-top: -10px;
  }
}

#str_aside .dmc_contents .tmod_txt_01 {
  margin-bottom: 14px;
  line-height: 1.429;
}

#str_aside .dmc_contents .tmod_txt_01 + .tmod_list_01 {
  margin-top: -4px;
  line-height: 1.429;
}

.dmc_contents._translucent {
  padding: 16px 20px 0;
  background: rgba(19, 74, 121, .7);
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media only screen and (max-width: 800px) {
  .dmc_contents._translucent {
    padding: 15px 20px 0;
  }
}

.dmc_contents._translucent .dmc_head {
  padding-bottom: 12px;
  border-bottom: solid 1px rgba(204, 204, 204, .7);
}

@media only screen and (max-width: 800px) {
  .dmc_contents._translucent .dmc_head {
    padding-bottom: 14px;
  }
}

.dmc_contents._translucent .dmc_head .hdg {
  display: block;
  font-size: 1.5rem;
  color: #fff;
}

@media only screen and (max-width: 800px) {
  .dmc_contents._translucent .dmc_head .hdg {
    text-align: center;
    font-size: 1.4rem;
  }
}

.dmc_contents._translucent .bmod_link_list_01, .dmc_contents._translucent .bmod_link_box_01 {
  margin-bottom: 7px;
}

@media only screen and (max-width: 800px) {
  .dmc_contents._translucent .bmod_link_list_01, .dmc_contents._translucent .bmod_link_box_01 {
    margin-bottom: 0;
  }
}

.dmc_contents._translucent .bmod_link_list_01 > li, .dmc_contents._translucent .bmod_link_box_01 > li {
  border-color: rgba(204, 204, 204, .7);
}

.dmc_contents._translucent .bmod_link_list_01 > li a, .dmc_contents._translucent .bmod_link_box_01 > li a {
  padding: 10px 50px 8px 0;
  color: #fff;
}

.dmc_contents._translucent .bmod_link_list_01 > li a:hover:before, .dmc_contents._translucent .bmod_link_box_01 > li a:hover:before, .dmc_contents._translucent .bmod_link_list_01 > li a:focus:before, .dmc_contents._translucent .bmod_link_box_01 > li a:focus:before, .dmc_contents._translucent .bmod_link_list_01 > li a:active:before, .dmc_contents._translucent .bmod_link_box_01 > li a:active:before {
  right: 1px;
}

.dmc_contents._translucent .bmod_link_list_01 > li a:hover::after, .dmc_contents._translucent .bmod_link_box_01 > li a:hover::after, .dmc_contents._translucent .bmod_link_list_01 > li a:focus::after, .dmc_contents._translucent .bmod_link_box_01 > li a:focus::after, .dmc_contents._translucent .bmod_link_list_01 > li a:active::after, .dmc_contents._translucent .bmod_link_box_01 > li a:active::after {
  right: -1px;
}

.dmc_contents._translucent .bmod_link_list_01 > li a:before, .dmc_contents._translucent .bmod_link_box_01 > li a:before, .dmc_contents._translucent .bmod_link_list_01 > li a::after, .dmc_contents._translucent .bmod_link_box_01 > li a::after {
  border-color: #fff;
}

.dmc_contents._translucent .bmod_link_list_01 > li a:before, .dmc_contents._translucent .bmod_link_box_01 > li a:before {
  right: 11px;
}

.dmc_contents._translucent .bmod_link_list_01 > li a::after, .dmc_contents._translucent .bmod_link_box_01 > li a::after {
  right: 9px;
}

.dmc_contents._translucent .tmod_txt_01 {
  padding-left: 13px;
  top: 0;
  letter-spacing: .1em;
  font-size: 1.5rem;
  line-height: 1.6;
  color: #fff;
}

/* recommended */
.dmc_recommended {
  clear: both;
  height: 402px;
  margin-bottom: -30px;
  padding-top: 25px;
  padding-bottom: 30px;
  background-image: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_recommended.png'), -webkit-gradient(linear, left top, right top, color-stop(1%, #003c6c), color-stop(50%, #003c6c), color-stop(51%, #000030), to(#000030));
  background-image: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_recommended.png'), linear-gradient(to right, #003c6c 1%, #003c6c 50%, #000030 51%, #000030 100%);
  background-repeat: no-repeat;
  background-position: center;

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c6c', endColorstr='#000030',GradientType=1 );
}

@media only screen and (max-width: 800px) {
  .dmc_recommended {
    height: auto;
    margin-top: -10px;
    padding-top: 20px;
    background-image: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_recommended_sp.png');
    background-size: cover;
  }
}

.dmc_recommended .dmc_inner {
  width: 1100px;
  margin: 0 auto;
  padding: 0 30px;
}

@media only screen and (max-width: 800px) {
  .dmc_recommended .dmc_inner {
    width: 100%;
    padding: 0 36px;
  }
}

.dmc_recommended .hdg {
  margin-bottom: 16px;
  text-align: center;
  letter-spacing: .06em;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
}

@media only screen and (max-width: 800px) {
  .dmc_recommended .hdg {
    margin-bottom: 20px;
    font-size: 2rem;
  }
}

.dmc_recommended .hdg::first-letter {
  color: #e60000;
}

.mes .dmc_recommended .hdg::first-letter {
  color: #0099d2;
}

.seminar .dmc_recommended .hdg::first-letter {
  color: #d90000;
}

.dmc_recommended .hdg .sub {
  display: block;
  font-size: 1.3rem;
}

@media only screen and (max-width: 800px) {
  .dmc_recommended .hdg .sub {
    font-size: 1.2rem;
  }
}

.dmc_recommended .dmc_contents {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media only screen and (max-width: 800px) {
  .dmc_recommended .dmc_contents {
    margin-bottom: 20px !important;
  }
}

.dmc_recommended .bmod_img_box_01 .tmod_txt_01 {
  line-height: 1.2;
}

[id^='str_'] > [class^='tmod_']:last-child, [class^='bmod_'] > [class^='tmod_']:last-child, .dmc_contents > [class^='tmod_']:last-child {
  margin-bottom: -7px;
}

[id^='str_'] + [class^='tmod_'], [class^='bmod_'] + [class^='tmod_'], .dmc_contents + [class^='tmod_'] {
  margin-top: -5px;
}

[id^='str_'] + [class^='fmod_'], [class^='bmod_'] + [class^='fmod_'], .dmc_contents + [class^='fmod_'] {
  margin-top: -3px;
}

#str_main > [class^='bmod_']:last-child {
  margin-bottom: 30px;
}

[class^='bmod_'] {
  margin-bottom: 30px;
}

@media only screen and (max-width: 800px) {
  [class^='bmod_'] {
    margin-bottom: 20px;
  }
}

[class^='tmod_'] {
  margin-bottom: 18px;
}

@media only screen and (max-width: 800px) {
  [class^='tmod_'] {
    margin-bottom: 8px;
  }
}

[class^='tmod_'] + [class^='tmod_'] {
  margin-top: -5px;
}

[class^='fmod_'] {
  margin-bottom: 10px;
  /*margin-bottom: 20px;*/
}

@media only screen and (max-width: 800px) {
  [class^='fmod_'] {
    margin-bottom: 10px;
  }
}

/* text */
.txt_attention {
  color: #da2128; /* ポイントテキスト */
}

.tmod_txt_01 {
  margin-bottom: 18px;
}

[class^='bmod_'] .imod_strong_01, [class^='tmod_'] .imod_strong_01, [class^='fmod_'] .imod_strong_01 {
  color: #b00000;
}

[class^='bmod_'] .imod_strong_02, [class^='tmod_'] .imod_strong_02, [class^='fmod_'] .imod_strong_02 {
  font-size: 1.6rem;
  color: #333;
}

@media only screen and (max-width: 800px) {
  [class^='bmod_'] .imod_strong_02, [class^='tmod_'] .imod_strong_02, [class^='fmod_'] .imod_strong_02 {
    font-size: 1.4rem;
  }
}

[class^='bmod_'] .imod_strong_03, [class^='tmod_'] .imod_strong_03, [class^='fmod_'] .imod_strong_03 {
  font-weight: normal;
  color: #d90000;
}

[class^='bmod_'] .imod_lead_01, [class^='tmod_'] .imod_lead_01, [class^='fmod_'] .imod_lead_01 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2;
}

@media only screen and (max-width: 800px) {
  [class^='bmod_'] .imod_lead_01, [class^='tmod_'] .imod_lead_01, [class^='fmod_'] .imod_lead_01 {
    font-size: 1.4rem;
  }
}

[class^='bmod_'] .imod_author_01, [class^='tmod_'] .imod_author_01, [class^='fmod_'] .imod_author_01 {
  margin-top: -8px;
  margin-bottom: -4px;
  letter-spacing: 0;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2;
}

[class^='bmod_'] .imod_statement_01, [class^='tmod_'] .imod_statement_01, [class^='fmod_'] .imod_statement_01 {
  text-align: right;
}

@media only screen and (max-width: 800px) {
  [class^='bmod_'] .imod_statement_01, [class^='tmod_'] .imod_statement_01, [class^='fmod_'] .imod_statement_01 {
    font-size: 1.2rem;
  }
}

[class^='bmod_'] .imod_btn_title_01, [class^='tmod_'] .imod_btn_title_01, [class^='fmod_'] .imod_btn_title_01 {
  display: inline-block;
  text-align: left;
}

[class^='bmod_'] .imod_note_01, [class^='tmod_'] .imod_note_01, [class^='fmod_'] .imod_note_01 {
  display: block;
  margin-top: 12px;
  font-size: 1.3rem;
  font-weight: normal;
}

/* hedding */
[class^='bmod_hdg_'] {
  margin-top: 30px;
  margin-bottom: 20px;
  font-weight: bold;
}

@media only screen and (max-width: 800px) {
  [class^='bmod_hdg_'] {
    margin-top: 20px;
  }
}

[class^='tmod_hdg_'] + [class^='bmod_hdg_'] {
  margin-top: 40px;
}

.dmc_txt > [class^='bmod_hdg_'] {
  margin-top: 0;
}

[class^='bmod_box'] > [class^='bmod_hdg']:first-child {
  margin-top: 0;
}

.bmod_hdg_01 {
  margin-top: 47px;
  margin-bottom: 28px;
  padding-bottom: 20px;
  letter-spacing: .05em;
  background: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_detail_head_01.png') repeat-x bottom;
  font-size: 2.5rem;
  line-height: 1.32;
}

.bmod_hdg_01:first-child {
  margin-top: 21px;
}

.bmod_hdg_01 .sub {
  display: block;
  margin-bottom: 8px;
  font-size: 1.8rem;
}

.bmod_hdg_02 {
  padding: 20px 24px 15px;
  border-left: solid 6px #333;
  background: #f1f1f1;
  font-size: 2.2rem;
  line-height: 1.273;
}

.bmod_hdg_02._seminar {
  border-left: solid 6px #da2128;
}

@media only screen and (max-width: 800px) {
  .bmod_hdg_02 {
    margin-top: 20px;
    margin-right: -20px;
    margin-left: -20px;
    padding: 13px 14px 9px;
    font-size: 2.1rem;
    line-height: 1.3;
  }
}

.bmod_hdg_02 .txt {
  display: block;
  float: left;
  max-width: 350px;
}

@media only screen and (max-width: 800px) {
  .bmod_hdg_02 .txt {
    width: 65%;
    max-width: 65%;
  }
}

.bmod_hdg_02 img {
  display: inline-block;
  float: right;
  margin-left: 24px;
  vertical-align: top;
}

@media only screen and (max-width: 800px) {
  .bmod_hdg_02 img {
    width: calc(35% - 10px);
    margin-left: 10px;
  }
}

.str_detail_head + .bmod_hdg_02 {
  margin-top: 10px;
}

.dmc_contents .bmod_hdg_02:first-child {
  margin-top: 0;
}

.search .bmod_hdg_02._seminar {
  margin: -30px -30px 30px;
  background: #fff;
  border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 800px) {
  .search .bmod_hdg_02._seminar {
    margin: -20px -20px 30px;
    background: #fff;
    border-bottom: 1px solid #ccc;
  }
}

.bmod_hdg_03 {
  padding: 0 16px 16px 0;
  border-bottom: solid 3px #ccc;
  font-size: 2rem;
  line-height: 1.3;
}

@media only screen and (max-width: 800px) {
  .bmod_hdg_03 {
    padding-bottom: 10px;
    font-size: 1.9rem;
  }
}

.bmod_hdg_02 + .bmod_hdg_03 {
  margin-top: 27px;
}

@media only screen and (max-width: 800px) {
  .bmod_hdg_02 + .bmod_hdg_03 {
    margin-top: 23px;
  }
}

.bmod_hdg_02 + .bmod_column_01 .bmod_hdg_03:first-child {
  margin-top: 10px;
}

.bmod_hdg_04 {
  letter-spacing: .05em;
  font-size: 1.7rem;
  line-height: 1.412;
}

@media only screen and (max-width: 800px) {
  .bmod_hdg_04 {
    letter-spacing: .05em;
    font-size: 1.6rem;
    line-height: 1.412;
  }
}

.bmod_hdg_03 + .bmod_hdg_04 {
  margin-top: 19px;
}

.site_top.seminar .dmc_contents .bmod_hdg_04 {
  margin: 0 0 10px;
}

@media only screen and (max-width: 800px) {
  .site_top.seminar .dmc_contents .bmod_hdg_04 {
    margin: 0 0 6px;
  }
}
.bmod_hdg_05 {
  padding: 0 16px 16px 0;
  border-bottom: solid 3px #ccc;
  font-size: 2rem;
  line-height: 1.3;
  position: relative;
}

@media only screen and (max-width: 800px) {
  .bmod_hdg_05 {
    padding: 0 16px 8px 0;
    border-bottom: solid 3px #ccc;
    font-size: 1.8rem;
    line-height: 1.3;
    position: relative;
  }
}

.bmod_hdg_05._seminar:after {
  position: absolute;
  content: "";
  display: block;
  border-bottom: solid 3px #da2128;
  width: 180px;
  bottom: -3px;
}

@media only screen and (max-width: 800px) {
  .bmod_hdg_05._seminar:after {
    position: absolute;
    content: "";
    display: block;
    border-bottom: solid 3px #da2128;
    width: 160px;
    bottom: -3px;
  }
}

.bmod_hdg_06 {
  padding: 14px 12px 12px;
  border-right: solid 2px #ccc;
  border-left: solid 2px #ccc;
  border-top: solid 2px #ccc;
  font-size: 1.6rem;
  line-height: 1.3;
  background: #f1f1f1;
  margin-bottom: 0;
}

@media only screen and (max-width: 800px) {
  .bmod_hdg_06 {
    padding: 12px 20px 10px;
    border: none;
    font-size: 1.6rem;
    line-height: 1.3;
    background: #f1f1f1;
    margin: 0 -20px 0;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_hdg_07 {
    margin: 0 -10px 16px;
    position: relative;
    height: 80px;
  }
  
  .bmod_hdg_07 .hdg_07_inner > p {
    font-weight: bold;
    color: #fff;
    height: 80px;
    width: 28%;
    display: block;
    background: #d7242e;
    font-size: 1.8rem;
    padding: 10px 8px;
    text-align: center;
  }
  
  .bmod_hdg_07 .hdg_07_inner._seminar > p::before {
    display: block;
    font-family: "Font Awesome 5 Free";
    content: '\f080';
    color: #fff;
    font-size: 2.0rem;
    margin: 0 0 -6px;
  }
  
  .bmod_hdg_07 .hdg_07_inner._tsukyo > p::before {
    display: block;
    font-family: "Font Awesome 5 Free";
    content: '\f518';
    color: #fff;
    font-size: 2.0rem;
    margin: 0 0 -6px;
  }

  .bmod_hdg_07 .hdg_07_inner._search > p::before {
    display: block;
    font-family: "Font Awesome 5 Free";
    content: '\f002';
    color: #fff;
    font-size: 2.0rem;
    margin: 0 0 -6px;
  }
  
  .bmod_hdg_07 .hdg_07_inner._seminar {
    background: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_hdg_semi_01.png') no-repeat;
    background-position: center center;
    background-size: cover;
    height: 80px;
  }
  
  .bmod_hdg_07 .hdg_07_inner._tsukyo {
    background: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_hdg_semi_02.png') no-repeat;
    background-position: center center;
    background-size: cover;
    height: 80px;
  }
  
  .bmod_hdg_07 .hdg_07_inner._search {
    background: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_hdg_semi_03.png') no-repeat;
    background-position: center center;
    background-size: cover;
    height: 80px;
  }
}

/* burette list */
.tmod_list_01 > li {
  margin-bottom: 4px;
  margin-left: 12px;
  text-indent: -12px;
}

.tmod_list_01 > li::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 7px;
  margin-bottom: 2px;
  border-radius: 100%;
  background: #999;
}

@media only screen and (max-width: 800px) {
  .tmod_list_01 > li::before {
    width: 6px;
    height: 6px;
    margin-bottom: 3px;
    background: #999;
  }
}

.tmod_list_01 > li:last-child {
  margin-bottom: 0;
}

.tmod_list_01 > li > .tmod_list_01 {
  margin-top: 12px;
  margin-left: 14px;
}

@media only screen and (max-width: 800px) {
  .tmod_list_01 > li > .tmod_list_01 {
    margin-left: 8px;
  }
}

.tmod_list_01 > li > .tmod_list_01 > li {
  margin-left: 14px;
  text-indent: -14px;
}

.tmod_list_01 > li > .tmod_list_01 > li::before {
  width: 4px;
  height: 4px;
  margin-bottom: 3px;
}

/* order list */
.tmod_list_02 > li .num {
  display: block;
  float: left;
  width: 20px;
}

.tmod_list_02 > li .txt {
  display: block;
  float: left;
  width: calc(100% - 20px);
}

/* define list */
.tmod_list_dfn_01 dt {
  margin-bottom: 3px;
  font-weight: bold;
}

@media only screen and (max-width: 800px) {
  .tmod_list_dfn_01 dt {
    margin-bottom: 0;
  }
}

.tmod_list_dfn_01 dd {
  margin-bottom: 8px;
}

/* notice list */
@media only screen and (max-width: 800px) {
  .tmod_list_note_01 > li, [class^='bmod_'] .imod_note_01 > li, [class^='tmod_'] .imod_note_01 > li, [class^='fmod_'] .imod_note_01 > li {
    font-size: 1.3rem;
  }
}

.tmod_list_note_01 .mark, [class^='bmod_'] .imod_note_01 .mark, [class^='tmod_'] .imod_note_01 .mark, [class^='fmod_'] .imod_note_01 .mark {
  display: block;
  float: left;
  width: 20px;
}

.tmod_list_note_01 .txt, [class^='bmod_'] .imod_note_01 .txt, [class^='tmod_'] .imod_note_01 .txt, [class^='fmod_'] .imod_note_01 .txt {
  display: block;
  float: left;
  width: calc(100% - 20px);
}

/* repletion list */
.tmod_list_repletion_01 {
  margin-bottom: 5px;
  line-height: 1.1;
}

.tmod_list_repletion_01 > li {
  display: inline-block;
  margin-right: 2px;
  font-size: 1.3rem;
  color: #666;
}

.tmod_list_repletion_01 > li::after {
  content: '／';
  display: inline;
}

.tmod_list_repletion_01 > li:last-child::after {
  display: none;
}

/* label list */
.tmod_list_label_01 > li {
  display: inline-block;
  padding: 1px 9px 0;
  border-radius: 3px;
  background: #5271a4;
  font-size: 1.1rem;
  color: #fff;
}

.bmod_tbl_02 .label {
  display: block;
  padding: 1px 9px 0;
  border-radius: 3px;
  background: #5271a4;
  font-size: 1.1rem;
  color: #fff;
  width: 62px;
  text-align: center;
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_02 .label {
    display: inline;
    padding: 3px 6px;
    border-radius: 3px;
    background: #5271a4;
    font-size: 1.3rem;
    color: #fff;
    width: 56px;
    white-space: nowrap;
  }
}

.tmod_list_label_01 > li._accepting,
.bmod_tbl_02 .label._accepting {
  background: #b00000;
}

.bmod_tbl_02 .label._closed {
  background: #333;
}

.tmod_list_label_01 > li._tokyo {
  background: #5980c1;
}

.tmod_list_label_01 > li._nagoya {
  background: #bf5577;
}

.tmod_list_label_01 > li._osaka {
  background: #358974;
}

.tmod_list_label_01 > li._tsukyo {
  background: #d70a15;
}

[class^='bmod_tbl'] [class^='tmod_list_'] > li {
  margin-bottom: 0;
}

a[href] {
  -webkit-transition: all 100ms 0s ease;
          transition: all 100ms 0s ease;
  word-break: break-all;
  color: #05a;
}

a[href]:hover, a[href]:focus, a[href]:active {
  text-decoration: none;
}

a[href] .icon {
  display: inline-block;
  height: auto;
  margin-right: 7px;
}

a[href] .icon._blank {
  margin-bottom: 8px;
  margin-left: 4px;
}

a[href] .icon._pdf {
  margin-bottom: 5px;
  margin-left: 6px;
}

.mes a::before, .mes a::after {
  border-color: #0099d2;
}

.seminar a::before, .seminar a::after {
  border-color: #d90000;
}

.icon_excel:after {
  display: inline;
  font-family: "Font Awesome 5 Free";
  content: '\f1c3';
  color: #358974;
  font-size: 16px;
  font-size: 1.6rem;
  margin-left: 6px;
  font-weight: bold;
}

.icon_pdf:after {
  display: inline;
  font-family: "Font Awesome 5 Free";
  content: '\f1c1';
  color: #ff5b5e;
  font-size: 16px;
  font-size: 1.6rem;
  margin-left: 6px;
}

/* link */
.imod_link_01 {
  margin-bottom: 0;
}

.imod_link_01 a {
  display: inline-block;
  padding-left: 21px;
  position: relative;
  text-decoration: none;
  color: #333;
}

.imod_link_01 a:hover, .imod_link_01 a:focus, .imod_link_01 a:active {
  text-decoration: underline;
}

.imod_link_01 a::before, .imod_link_01 a::after {
  content: '';
  display: block;
  position: absolute;
}

.imod_link_01 a::before {
  width: 14px;
  height: 14px;
  z-index: 2;
  top: 5px;
  left: 0;
  border-radius: 100%;
  background: #333;
}

.imod_link_01 a::after {
  display: block;
  width: 5px;
  height: 5px;
  margin-top: -2px;
  z-index: 2;
  top: 12px;
  left: 4px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 0;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
}

/* link list */
.tmod_link_list_01 > li {
  margin-bottom: 5px;
}

.tmod_link_list_01 > li > a {
  display: inline-block;
  padding-left: 21px;
  position: relative;
  text-decoration: none;
  color: #333;
}

.tmod_link_list_01 > li > a:hover, .tmod_link_list_01 > li > a:focus, .tmod_link_list_01 > li > a:active {
  text-decoration: underline;
}

.tmod_link_list_01 > li > a::before, .tmod_link_list_01 > li > a::after {
  content: '';
  display: block;
  position: absolute;
}

.tmod_link_list_01 > li > a::before {
  width: 14px;
  height: 14px;
  z-index: 2;
  top: 5px;
  left: 0;
  border-radius: 100%;
  background: #333;
}

.tmod_link_list_01 > li > a::after {
  display: block;
  width: 5px;
  height: 5px;
  margin-top: -2px;
  z-index: 2;
  top: 12px;
  left: 4px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 0;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
}

.tmod_link_list_01._inline li {
  display: inline-block;
  margin-right: 48px;
}

.tmod_link_list_01._inline li:last-child {
  margin-right: 0;
}

.bmod_link_list_01 > li, .bmod_link_box_01 > li {
  border-top: solid 1px #ccc;
}

.bmod_link_list_01 > li:first-child, .bmod_link_box_01 > li:first-child {
  border-top: none;
}

.bmod_link_list_01 p, .bmod_link_box_01 p {
  font-size: 1.5rem;
}

.bmod_link_list_01 ._nolink, .bmod_link_box_01 ._nolink {
  padding: 15px 20px 11px 19px;
}

.bmod_link_list_01 a, .bmod_link_box_01 a {
  padding: 15px 60px 11px 19px;
  font-size: 1.5rem;
}

.bmod_link_list_01 ._nolink, .bmod_link_box_01 ._nolink, .bmod_link_list_01 a, .bmod_link_box_01 a {
  display: block;
  width: 100%;
  text-decoration: none;
  font-size: 1.5rem;
}

.bmod_link_list_01 ._nolink .date, .bmod_link_box_01 ._nolink .date, .bmod_link_list_01 a .date, .bmod_link_box_01 a .date {
  display: inline;
  margin-top: 3px;
  margin-bottom: -1px;
  font-size: 1.4rem;
  line-height: 1.286;
}

.bmod_link_list_01 ._nolink .date + .label, .bmod_link_box_01 ._nolink .date + .label, .bmod_link_list_01 a .date + .label, .bmod_link_box_01 a .date + .label {
  margin-left: 4px;
}

@media only screen and (max-width: 800px) {
  .bmod_link_list_01 ._nolink .date + .label, .bmod_link_box_01 ._nolink .date + .label, .bmod_link_list_01 a .date + .label, .bmod_link_box_01 a .date + .label {
    margin-left: 0;
  }
}

.bmod_link_list_01 ._nolink .label, .bmod_link_box_01 ._nolink .label, .bmod_link_list_01 a .label, .bmod_link_box_01 a .label {
  display: inline;
  padding: 1px 9px 0;
  border-radius: 3px;
  background: #5271a4;
  font-size: 1.1rem;
  color: #fff;
}

@media only screen and (max-width: 800px) {
  .bmod_link_list_01 ._nolink .label, .bmod_link_box_01 ._nolink .label, .bmod_link_list_01 a .label, .bmod_link_box_01 a .label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.bmod_link_list_01 ._nolink .label._accepting, .bmod_link_box_01 ._nolink .label._accepting, .bmod_link_list_01 a .label._accepting, .bmod_link_box_01 a .label._accepting {
  background: #b00000;
}

.bmod_link_list_01 ._nolink .label._tokyo, .bmod_link_box_01 ._nolink .label._tokyo, .bmod_link_list_01 a .label._tokyo, .bmod_link_box_01 a .label._tokyo {
  background: #358974;
}

.bmod_link_list_01 ._nolink .label._nagoya, .bmod_link_box_01 ._nolink .label._nagoya, .bmod_link_list_01 a .label._nagoya, .bmod_link_box_01 a .label._nagoya {
  background: #5980c1;
}

.bmod_link_list_01 ._nolink .label._osaka, .bmod_link_box_01 ._nolink .label._osaka, .bmod_link_list_01 a .label._osaka, .bmod_link_box_01 a .label._osaka {
  background: #bf5577;
}

.bmod_link_list_01 ._nolink .hdg, .bmod_link_box_01 ._nolink .hdg, .bmod_link_list_01 a .hdg, .bmod_link_box_01 a .hdg {
  margin-top: 3px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.6;
}

.bmod_link_list_01 ._nolink .lank, .bmod_link_box_01 ._nolink .lank, .bmod_link_list_01 a .lank, .bmod_link_box_01 a .lank {
  display: inline-block;
  width: 34px;
  height: 31px;
  margin: 5px 18px 9px 2px;
  padding-top: 3px;
  text-align: center;
}

.bmod_link_list_01 ._nolink .lank._no_01, .bmod_link_box_01 ._nolink .lank._no_01, .bmod_link_list_01 a .lank._no_01, .bmod_link_box_01 a .lank._no_01 {
  background: #dfe2ab;
}

.bmod_link_list_01 ._nolink .lank._no_02, .bmod_link_box_01 ._nolink .lank._no_02, .bmod_link_list_01 a .lank._no_02, .bmod_link_box_01 a .lank._no_02 {
  background: #dfdfdf;
}

.bmod_link_list_01 ._nolink .lank._no_03, .bmod_link_box_01 ._nolink .lank._no_03, .bmod_link_list_01 a .lank._no_03, .bmod_link_box_01 a .lank._no_03 {
  background: #e8dad2;
}

.bmod_link_list_01 ._nolink .lank._no_04, .bmod_link_box_01 ._nolink .lank._no_04, .bmod_link_list_01 a .lank._no_04, .bmod_link_box_01 a .lank._no_04 {
  background: #d6e5eb;
}

.bmod_link_list_01 ._nolink .lank._no_05, .bmod_link_box_01 ._nolink .lank._no_05, .bmod_link_list_01 a .lank._no_05, .bmod_link_box_01 a .lank._no_05 {
  background: #d6e5eb;
}

.bmod_link_list_01 ._nolink .num, .bmod_link_box_01 ._nolink .num, .bmod_link_list_01 a .num, .bmod_link_box_01 a .num {
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
}

@media only screen and (max-width: 800px) {
  .bmod_link_list_01 ._nolink .num, .bmod_link_box_01 ._nolink .num, .bmod_link_list_01 a .num, .bmod_link_box_01 a .num {
    font-weight: normal;
  }
}

.bmod_link_list_01 a, .bmod_link_box_01 a {
  position: relative;
  color: #333;
}

.bmod_link_list_01 a::before, .bmod_link_box_01 a::before, .bmod_link_list_01 a::after, .bmod_link_box_01 a::after {
  content: '';
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 100ms 0s ease;
          transition: all 100ms 0s ease;
  border-top: solid 1px #e60000;
}

.bmod_link_list_01 a::before, .bmod_link_box_01 a::before {
  width: 21px;
  margin-top: 2px;
  right: 21px;
}

.bmod_link_list_01 a::after, .bmod_link_box_01 a::after {
  width: 9px;
  margin-top: -1px;
  right: 19px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.bmod_link_list_01 a:hover::before, .bmod_link_box_01 a:hover::before, .bmod_link_list_01 a:focus::before, .bmod_link_box_01 a:focus::before, .bmod_link_list_01 a:active::before, .bmod_link_box_01 a:active::before {
  right: 10px;
}

.bmod_link_list_01 a:hover::after, .bmod_link_box_01 a:hover::after, .bmod_link_list_01 a:focus::after, .bmod_link_box_01 a:focus::after, .bmod_link_list_01 a:active::after, .bmod_link_box_01 a:active::after {
  right: 9px;
}

.mes .bmod_link_list_01 a::before, .mes .bmod_link_box_01 a::before, .mes .bmod_link_list_01 a::after, .mes .bmod_link_box_01 a::after {
  border-color: #0099d2;
}

.seminar .bmod_link_list_01 a::before, .seminar .bmod_link_box_01 a::before, .seminar .bmod_link_list_01 a::after, .seminar .bmod_link_box_01 a::after {
  border-color: #d90000;
}

.bmod_link_list_01 .bmod_lyt_01._image_first, .bmod_link_box_01 .bmod_lyt_01._image_first {
  margin-top: 5px;
  margin-bottom: 9px;
  line-height: 1.5;
}

@media only screen and (max-width: 800px) {
  .bmod_link_list_01 .bmod_lyt_01._image_first, .bmod_link_box_01 .bmod_lyt_01._image_first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.bmod_link_list_01 .bmod_lyt_01._image_first .tmod_txt_01, .bmod_link_box_01 .bmod_lyt_01._image_first .tmod_txt_01 {
  top: -2px;
}

@media only screen and (max-width: 800px) {
  .bmod_link_list_01 .bmod_lyt_01._image_first .tmod_txt_01, .bmod_link_box_01 .bmod_lyt_01._image_first .tmod_txt_01 {
    padding-left: 10px;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_link_list_01 .bmod_lyt_01._image_first .tmod_txt_01 + .bmod_img_01, .bmod_link_box_01 .bmod_lyt_01._image_first .tmod_txt_01 + .bmod_img_01 {
        flex: 1 1 30%;

    -webkit-box-flex: 1;
    -ms-flex: 1 1 30%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 800px) and (max-width: 800px) {
  .bmod_link_list_01 .bmod_lyt_01._image_first .tmod_txt_01 + .bmod_img_01 img, .bmod_link_box_01 .bmod_lyt_01._image_first .tmod_txt_01 + .bmod_img_01 img {
    min-width: 45px;
  }
}

#str_aside .bmod_link_list_01, #str_aside .bmod_link_box_01 {
  line-height: 1.429;
}

/* link box */
.bmod_link_box_01 p {
  font-size: 1.5rem;
}

@media only screen and (max-width: 800px) {
  .bmod_link_box_01 p {
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_link_box_01 .bmod_lyt_01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_link_box_01 .tmod_txt_01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
  }
}

/* link btn */
.bmod_link_btn_01, .bmod_link_anchor_01 {
  width: 100%;
  text-align: center;
}

.bmod_link_btn_01 > li, .bmod_link_anchor_01 > li {
  display: table;
  width: 100%;
  margin-bottom: 15px;
  position: relative;
}

.bmod_link_btn_01 > li:last-child, .bmod_link_anchor_01 > li:last-child {
  margin-bottom: 0;
}

.bmod_link_btn_01 > li a, .bmod_link_anchor_01 > li a {
  display: table-cell;
  position: static;
  vertical-align: middle;
}

.bmod_link_btn_01 a, .bmod_link_anchor_01 a, .bmod_link_btn_01 button {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: auto;
  padding: 16px 45px 12px 35px;
  position: relative;
  text-align: center;
  text-decoration: none;
  border: 1px solid #ccc;
  background: #fff;
  line-height: 1.333;
  color: #333;
}

.bmod_link_btn_01 a::before, .bmod_link_btn_01 button::before, .bmod_link_anchor_01 a::before, .bmod_link_btn_01 a::after, .bmod_link_btn_01 button::after, .bmod_link_anchor_01 a::after {
  content: '';
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 100ms 0s ease;
          transition: all 100ms 0s ease;
  border-top: solid 1px #e60000;
}

.bmod_link_btn_01 a::before, .bmod_link_btn_01 button::before, .bmod_link_anchor_01 a::before {
  width: 21px;
  margin-top: 2px;
  right: 21px;
}

.bmod_link_btn_01 a::after, .bmod_link_btn_01 button::after, .bmod_link_anchor_01 a::after {
  width: 9px;
  margin-top: -1px;
  right: 19px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.bmod_link_btn_01 a:hover::before, .bmod_link_btn_01 button:hover::before, .bmod_link_btn_01 button:hover::before, .bmod_link_anchor_01 a:hover::before, .bmod_link_btn_01 a:focus::before, .bmod_link_btn_01 button:focus::before, .bmod_link_btn_01 button:focus::before, .bmod_link_anchor_01 a:focus::before, .bmod_link_btn_01 a:active::before, .bmod_link_btn_01 button:active::before, .bmod_link_btn_01 button:active::before, .bmod_link_anchor_01 a:active::before {
  right: 10px;
}

.bmod_link_btn_01 a:hover::after,.bmod_link_btn_01 button:hover::after, .bmod_link_anchor_01 a:hover::after, .bmod_link_btn_01 a:focus::after, .bmod_link_btn_01 button:focus::after, .bmod_link_anchor_01 a:focus::after, .bmod_link_btn_01 a:active::after, .bmod_link_btn_01 button:active::after, .bmod_link_anchor_01 a:active::after {
  right: 9px;
}

@media only screen and (max-width: 800px) {
  .bmod_link_btn_01 a, .bmod_link_btn_01 button, .bmod_link_anchor_01 a {
    width: 100%;
    max-width: 100%;
  }
}

.bmod_link_btn_01 a:hover, .bmod_link_btn_01 button:hover, .bmod_link_anchor_01 a:hover, .bmod_link_btn_01 a:focus, .bmod_link_btn_01 button:focus, .bmod_link_anchor_01 a:focus, .bmod_link_btn_01 a:active, .bmod_link_btn_01 button:active, .bmod_link_anchor_01 a:active {
  opacity: .7;
}

.mes .bmod_link_btn_01 a::before, .mes .bmod_link_btn_01 button::before, .mes .bmod_link_anchor_01 a::before, .mes .bmod_link_btn_01 a::after, .mes .bmod_link_btn_01 button::after, .mes .bmod_link_anchor_01 a::after {
  border-color: #0099d2;
}

.seminar .bmod_link_btn_01 a::before, .seminar .bmod_link_btn_01 button::before, .seminar .bmod_link_anchor_01 a::before, .seminar .bmod_link_btn_01 a::after, .seminar .bmod_link_btn_01 button::after, .seminar .bmod_link_anchor_01 a::after {
  border-color: #d90000;
}

.bmod_link_btn_01 a._conversion, .bmod_link_btn_01 button._conversion, .bmod_link_anchor_01 a._conversion {
  border: 1px solid #333;
  background: #333;
  color: #fff;
}

.bmod_link_btn_01 a._conversion::before,.bmod_link_btn_01 button._conversion::before, .bmod_link_anchor_01 a._conversion::before, .bmod_link_btn_01 a._conversion::after, .bmod_link_btn_01 button._conversion::after, .bmod_link_anchor_01 a._conversion::after {
  border-top: solid 1px #fff;
}

.bmod_link_btn_01 a[target='_blank'] .icon._blank, .bmod_link_anchor_01 a[target='_blank'] .icon._blank {
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 12px;
}

.bmod_link_btn_01 a[target='_blank'] .icon._pdf, .bmod_link_anchor_01 a[target='_blank'] .icon._pdf {
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 12px;
}

.bmod_link_btn_01 a[target='_blank']::before, .bmod_link_anchor_01 a[target='_blank']::before, .bmod_link_btn_01 a[target='_blank']::after, .bmod_link_anchor_01 a[target='_blank']::after {
  display: none;
}

.ie9 .bmod_link_btn_01._col2 > .col, .ie9 ._col2.bmod_link_anchor_01 > .col {
  width: 300px;
}

.bmod_link_btn_01 .txt, .bmod_link_anchor_01 .txt {
  display: table-cell;
  width: 245px;
  text-align: left;
  vertical-align: middle;
}

@media only screen and (max-width: 800px) {
  .bmod_link_btn_01 .txt, .bmod_link_anchor_01 .txt {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    text-align: left;
  }
}

.bmod_link_btn_01 .txt + a, .bmod_link_anchor_01 .txt + a {
  margin-right: 0;
}

.dmc_contents + .bmod_link_btn_01, .dmc_contents + .bmod_link_anchor_01 {
  margin-top: -10px;
}

@media only screen and (max-width: 800px) {
  .dmc_contents + .bmod_link_btn_01, .dmc_contents + .bmod_link_anchor_01 {
    margin-top: 0;
  }
}

.seminar.sem_detail .dmc_contents li.bmod_link_btn_01 {
  margin-bottom: 20px;
}

.seminar.sem_detail .dmc_contents li.bmod_link_btn_01:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 800px) {
  .seminar.sem_detail .dmc_contents li.bmod_link_btn_01:nth-child(2) {
    margin-bottom: 0;
  }
}

/* anchor link */
.bmod_link_anchor_01 {
  margin-top: 16px;
}

@media only screen and (max-width: 800px) {
  .bmod_link_anchor_01 > li {
    min-height: 54px;
  }
}

.bmod_link_anchor_01 a {
  padding: 8px 20px;
}

@media only screen and (max-width: 800px) {
  .bmod_link_anchor_01 a {
    min-height: 54px;
  }
}

.bmod_link_anchor_01 a::before {
  content: '';
  width: 7px;
  height: 7px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  right: 9px;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  border-top: solid 1px #e60000;
  border-right: solid 1px #e60000;
}

.bmod_link_anchor_01 a::after {
  display: none;
}

.bmod_link_anchor_01 a:hover::before, .bmod_link_anchor_01 a:focus::before, .bmod_link_anchor_01 a:active::before {
  margin-top: 0;
  right: 9px;
}

p.bmod_link_anchor_01 {
  width: 100%;
}

p.bmod_link_anchor_01 > a {
  max-width: 211px;
  padding: 14px 20px;
}

.bmod_nav_anchor {
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
  border-bottom: 1px solid #ccc;
  margin: 0 -30px 50px;
  padding: 0 14px;
  background: #fff;
}

@media only screen and (max-width: 800px) {
  .bmod_nav_anchor {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
    border-bottom: 1px solid #ccc;
    margin: 0 -20px 20px;
    padding: 0;
  }
}

.bmod_nav_anchor .bmod_link_anchor_02 {
  padding: 14px 16px 10px;
  margin-bottom: 0;
}

@media only screen and (max-width: 800px) {
  .bmod_nav_anchor .bmod_link_anchor_02 {
    padding: 14px 10px 10px;
    margin-bottom: 0;
  }
}

.bmod_nav_anchor .bmod_link_anchor_02 a {
  color: #333;
  text-decoration: none;
  padding-bottom: 9px;
}

@media only screen and (max-width: 800px) {
  .bmod_nav_anchor .bmod_link_anchor_02 a:before {
    display: inline;
    font-family: "Font Awesome 5 Free";
    content: '\f107';
    color: #da2128;
    font-size: 1.4rem;
    margin-right: 6px;
    font-weight: bold;
  }
}

.bmod_nav_anchor .bmod_link_anchor_02 a:hover {
  color: #da2128;
  border-bottom: 3px solid #da2128;
}

@media only screen and (max-width: 800px) {
  .bmod_nav_anchor .bmod_link_anchor_02 a:hover {
    color: #333;
    border-bottom: none;
  }
}

.bmod_link_anchor_03 {
  border-bottom: 3px solid #da2128;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bmod_link_anchor_03 li {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-radius: 4px 4px 0 0;
  background: #fff;
  width: 32%;
  position: relative;
}

.bmod_link_anchor_03 li a {
  color: #333;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 10px 8px;
  display: block;
}

.bmod_link_anchor_03 li a::before {
  display: block;
  font-family: "Font Awesome 5 Free";
  content: '\f107';
  color: #da2128;
  font-size: 1.4rem;
  position: absolute;
  right: 10px;
  top: 10px;
}

/* tab list */
.bmod_tab_list_01 {
  margin-bottom: 40px;
  padding: 20px;
  position: relative;
  background: #ccc;
}

@media only screen and (max-width: 800px) {
  .bmod_tab_list_01 {
    margin-bottom: 30px;
  }
}

.bmod_tab_list_01 > li.col {
  float: left;
  margin-right: 3px;
  margin-bottom: 3px;
  background: #fff;
}

@media only screen and (max-width: 800px) {
  .bmod_tab_list_01 > li.col {
    width: calc(100% / 2 - 10px * 1 / 2) !important;
    margin-right: 10px;
    margin-bottom: 10px;
  }
}

.bmod_tab_list_01 > li.col:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 800px) {
  .bmod_tab_list_01 > li.col:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_tab_list_01 > li.col:nth-last-child(-n+6) {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_tab_list_01 > li.col:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
}

.bmod_tab_list_01 a, .bmod_tab_list_01 button {
  display: block;
  width: 100%;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: #333;
}

@media only screen and (max-width: 800px) {
  .bmod_tab_list_01 a, .bmod_tab_list_01 button {
    width: 100%;
  }
}

.bmod_tab_list_01 a:hover, .bmod_tab_list_01 a:focus, .bmod_tab_list_01 a:active, .bmod_tab_list_01 button:hover, .bmod_tab_list_01 button:focus, .bmod_tab_list_01 button:active {
  background: #333;
  font-weight: bold;
  color: #fff;
}

.bmod_tab_list_01 a.jsActive, .bmod_tab_list_01 button.jsActive {
  background: #333;
  font-weight: bold;
  color: #fff;
}

.bmod_tab_list_01::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  margin-left: -10px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #ccc transparent transparent transparent;
}

.bmod_tab_list_02 {
  margin: 0;
  padding: 4px 2px 0;
}

.bmod_tab_list_02 > li {
  float: left;
  width: calc(50% - 4px);
}

.bmod_tab_list_02 > li > a, .bmod_tab_list_02 > li > button {
  display: block;
  width: 100%;
  padding: 10px 12px;
  text-align: center;
  text-decoration: none;
  border: solid 1px #ccc;
  color: #333;
}

.bmod_tab_list_02 > li > a:hover, .bmod_tab_list_02 > li > a:focus, .bmod_tab_list_02 > li > a:active, .bmod_tab_list_02 > li > button:hover, .bmod_tab_list_02 > li > button:focus, .bmod_tab_list_02 > li > button:active {
  background: #333;
  font-weight: bold;
  color: #fff;
}

.bmod_tab_list_02 > li > a.jsActive, .bmod_tab_list_02 > li > button.jsActive {
  background: #333;
  font-weight: bold;
  color: #fff;
}

/* link panel */
.bmod_link_panel_01 {
  margin-bottom: 30px;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 5px 5px 0 0 rgba(120, 120, 120, .3);
          box-shadow: 5px 5px 0 0 rgba(120, 120, 120, .3);
}

@media only screen and (max-width: 800px) {
  .bmod_link_panel_01 {
    -webkit-box-shadow: 2px 2px 0 0 rgba(120, 120, 120, .3);
            box-shadow: 2px 2px 0 0 rgba(120, 120, 120, .3);
  }
}

@media only screen and (max-width: 800px) {
  .bmod_link_panel_01 {
    margin-bottom: 10px;
  }
}

.bmod_link_panel_01 a {
  display: table;
  width: 100%;
  position: relative;
  text-decoration: none;
}

.bmod_link_panel_01 a::before, .bmod_link_panel_01 a::after {
  content: '';
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 100ms 0s ease;
          transition: all 100ms 0s ease;
  border-top: solid 1px #e60000;
}

.bmod_link_panel_01 a::before {
  width: 21px;
  margin-top: 2px;
  right: 21px;
}

.bmod_link_panel_01 a::after {
  width: 9px;
  margin-top: -1px;
  right: 19px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.bmod_link_panel_01 a:hover::before, .bmod_link_panel_01 a:focus::before, .bmod_link_panel_01 a:active::before {
  right: 10px;
}

.bmod_link_panel_01 a:hover::after, .bmod_link_panel_01 a:focus::after, .bmod_link_panel_01 a:active::after {
  right: 9px;
}

@media only screen and (max-width: 800px) {
  .bmod_link_panel_01 a {
    display: block;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_link_panel_01 a::before {
    top: auto;
    bottom: 31px;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_link_panel_01 a::after {
    top: auto;
    bottom: 34px;
  }
}

.bmod_link_panel_01 a .tag {
  top: -9px;
  left: 5px;
}

@media only screen and (max-width: 800px) {
  .bmod_link_panel_01 a .tag {
    left: 20px;
  }
}

.bmod_link_panel_01 a .img {
  display: table-cell;
  width: 216px;
}

@media only screen and (max-width: 800px) {
  .bmod_link_panel_01 a .img {
    display: block;
    width: 100%;
    min-width: 150px;
    height: auto;
  }
}

.bmod_link_panel_01 a .txt {
  display: table-cell;
  width: 100%;
  padding: 20px 50px 20px 20px;
  vertical-align: middle;
  font-size: 1.5rem;
  line-height: 1.6;
  color: #333;
}

@media only screen and (max-width: 800px) {
  .bmod_link_panel_01 a .txt {
    display: block;
    width: 100%;
  }
}

/* label list */
.bmod_link_label_01 {
  margin-bottom: 15px;
}

.bmod_link_label_01 li {
  float: left;
  margin-right: 10px;
}

@media only screen and (max-width: 800px) {
  .bmod_link_label_01 li {
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_link_label_01 li:last-child {
    margin-bottom: 0;
  }
}

.bmod_link_label_01 li a {
  display: block;
  padding: 8px 18px 8px 10px;
  text-decoration: none;
  border-radius: 4px;
  color: #fff;
}

.bmod_link_label_01 li a:hover, .bmod_link_label_01 li a:focus, .bmod_link_label_01 li a:active {
  opacity: .7;
}

.bmod_link_label_01 li a::before {
  content: '';
  display: inline-block;
  margin-right: 10px;
  margin-bottom: -3px;
}

.bmod_link_label_01 li._print a {
  background: #5271a4;
}

.bmod_link_label_01 li._print a::before {
  width: 19px;
  height: 18px;
  background-image: url(/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/sprite.png);
  background-position: 0 0;
  background-size: 31px 18px;
}

.bmod_link_label_01 li._clip a {
  background: #a4525c;
}

.bmod_link_label_01 li._clip a::before {
  width: 12px;
  height: 16px;
  background-image: url(/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/sprite.png);
  background-position: -19px 0;
  background-size: 31px 18px;
}

/* tag list */
.bmod_link_tag_01 {
  margin-bottom: 15px;
  padding: 8px 15px 7px;
  border-radius: 4px;
  background: #e5e5e5;
}

.bmod_link_tag_01 dt {
  float: left;
  margin-top: -1px;
  margin-right: 14px;
}

@media only screen and (max-width: 800px) {
  .bmod_link_tag_01 dt {
    float: none;
  }
}

.bmod_link_tag_01 dd, .bmod_link_tag_01 li {
  float: left;
  margin-right: 10px;
  border-radius: 4px;
  background: #fff;
  font-size: 1.2rem;
}

@media only screen and (max-width: 800px) {
  .bmod_link_tag_01 dd, .bmod_link_tag_01 li {
    margin-bottom: 5px;
  }
}

.bmod_link_tag_01 dd a, .bmod_link_tag_01 li a {
  display: block;
  padding: 2px 8px 0;
  text-decoration: none;
  color: #666;
}

.bmod_link_tag_01 dd a:hover, .bmod_link_tag_01 dd a:focus, .bmod_link_tag_01 dd a:active, .bmod_link_tag_01 li a:hover, .bmod_link_tag_01 li a:focus, .bmod_link_tag_01 li a:active {
  opacity: .7;
}

/* img */
.bmod_img_01 {
  display: block;
  text-align: center;
}

@media only screen and (max-width: 800px) {
  .bmod_img_01 {
    width: 100%;
  }
}

.bmod_img_01 img {
  display: inline-block;
  max-width: 100%;
}

@media only screen and (max-width: 800px) {
  .bmod_img_01 img {
    max-width: 100%;
    height: auto;
  }
}

.bmod_img_01 .caption {
  display: block;
  margin-top: 5px;
  text-align: center;
}

.bmod_img_01._border img {
  border: solid 1px #ccc;
}

@media only screen and (max-width: 800px) {
  .bmod_img_box_01 {
    margin-bottom: 10px;
  }
}

.bmod_img_box_01 .col {
  margin-bottom: 20px;
}

.bmod_img_box_01 .bmod_img_01 {
  margin-bottom: 0;
}

.bmod_img_box_01 .bmod_img_01 img {
  width: 100%;
  height: auto;
}

.bmod_img_box_01 .label {
  display: inline-block;
  margin-left: -1px;
  padding: 5px 15px 2px;
  position: relative;
  top: -18px;
  background: #5271a4;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
}

.bmod_img_box_01 .tmod_txt_01 {
  margin-bottom: 0;
  padding: 18px 15px 15px;
  font-size: 1.4rem;
  line-height: 1.607;
}

.bmod_img_box_01 .label + .tmod_txt_01 {
  margin-top: -27px;
}

.bmod_img_box_01 a > .tmod_txt_01 {
  margin-top: -5px;
}

.bmod_img_box_01 a {
  display: block;
  text-decoration: none;
  color: #333;
}

.bmod_img_box_01 a:hover, .bmod_img_box_01 a:focus, .bmod_img_box_01 a:active {
  opacity: .7;
}

.bmod_img_01.img_thumb img {
  max-width: 280px;
}

@media only screen and (max-width: 800px) {
  .bmod_img_01.img_thumb img {
    max-width: auto;
    max-height: 240px;
  }
}

.bmod_img_01.img_profile img {
  max-width: 180px;
}

@media only screen and (max-width: 800px) {
  .bmod_img_01.img_profile img {
    max-width: auto;
    max-height: 240px;
  }
}

/* btn list */
.bmod_btn_list_01,
.bmod_btn_list_02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 20px; 
}

.bmod_btn_list_01::after {
  content:"";
  display: block;
  width: 48.8%;
}

@media only screen and (max-width: 800px) {
  .bmod_btn_list_01::after {
    content:"";
    display: block;
    width: 47%;
  }
}

.bmod_btn_list_01 > li,
.bmod_btn_list_02 > li {
  font-size: 1.8rem;
  width: 48.8%;
  margin: 0 14px 14px 0;
  position: relative;
}

@media only screen and (max-width: 800px) {
  .bmod_btn_list_01 > li,
  .bmod_btn_list_02 > li {
    font-size: 14px;
    max-width: 47%;
    margin: 0 12px 12px 0;
    position: relative;
    line-height: 1.2;
    font-weight: bold;
  }
}

.bmod_btn_list_01 > li a::after {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  background-image: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/icon_arrow_01.png');
  background-repeat: none;
  background-size: contain;
  position: absolute;
  right: 14px;
  top: 15px;
}

.bmod_btn_list_02 > li a::after {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  background-image: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/icon_arrow_02.png');
  background-repeat: none;
  background-size: contain;
  position: absolute;
  right: 14px;
  top: 15px;
}

@media only screen and (max-width: 800px) {
  .bmod_btn_list_01 > li a::after {
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    background-image: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/icon_arrow_01.png');
    background-repeat: none;
    background-size: contain;
    position: absolute;
    right: 8px;
    top: 18px;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_btn_list_02 > li a::after {
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    background-image: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/icon_arrow_02.png');
    background-repeat: none;
    background-size: contain;
    position: absolute;
    right: 8px;
    top: 18px;
  }
}

.bmod_btn_list_01 > li:nth-child(even),
.bmod_btn_list_02 > li:nth-child(even) {
  margin: 0 0 14px 0;
  width: 48.8%;
}

.bmod_btn_list_01 > li a {
  color: #fff;
  display: block;
  padding: 10px 14px 8px;
  text-decoration: none;
  border-radius: 4px;
}

.bmod_btn_list_02 > li a {
  color: #333;
  display: block;
  padding: 10px 14px 8px;
  text-decoration: none;
  background: #f8f8f8;
  border: 1px solid #cfcfcf;
  box-shadow: 0 2px #c6c6c6;
  border-radius: 4px;
}

@media only screen and (max-width: 800px) {
  .bmod_btn_list_01 > li a {
    padding: 10px 28px 8px 10px;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_btn_list_02 > li a {
    color: #333;
    padding: 10px 28px 8px 10px;
    text-decoration: none;
    background: #f8f8f8;
    border: 1px solid #cfcfcf;
    box-shadow: 0 2px #c6c6c6;
    border-radius: 4px;
    height: 54px;
    display: block;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_btn_list_01 > li a span,
  .bmod_btn_list_02 > li a span {
    display: table-cell;
    vertical-align: middle;
    height: 36px;
  }
}

.bmod_btn_list_01 > li a:hover {
  box-shadow: none;
  transform: translate3d(0, 3px, 0);
  border-radius: 4px;
}

.bmod_btn_list_02 > li a:hover {
  color: #d90000;
  box-shadow: none;
  transform: translate3d(0, 2px, 0);
  border-radius: 4px;
}

@media only screen and (max-width: 800px) {
  .bmod_btn_list_01 > li a:hover {
    transform: none;
    border-radius: 4px;
    box-shadow: 0 2px;
    opacity: 1;
  }
  
  .bmod_btn_list_02 > li a:hover {
    color: #333;
    transform: none;
    border-radius: 4px;
    border: 1px solid #cfcfcf;
    box-shadow: 0 2px #c6c6c6;
    opacity: 1;
  }
}

.bmod_btn_list_01 > li:last-child,
.bmod_btn_list_01 > li:nth-last-child(2),
.bmod_btn_list_02 > li:last-child,
.bmod_btn_list_02 > li:nth-last-child(2) {
  margin-bottom: 5px;
}

.bmod_btn_list_01 > li a._cate01 {
  background: #d0732b;
  box-shadow: 0 3px #ae5b1a;
}

.bmod_btn_list_01 > li a._cate02 {
  background: #bb8c43;
  box-shadow: 0 3px #855d1f;
}

.bmod_btn_list_01 > li a._cate03 {
  background: #179f6d;
  box-shadow: 0 3px #0d724d;
}

.bmod_btn_list_01 > li a._cate04 {
  background: #c13f75;
  box-shadow: 0 3px #9a2656;
}

.bmod_btn_list_01 > li a._cate05 {
  background: #f9556d;
  box-shadow: 0 3px #d5364e;
}

.bmod_btn_list_01 > li a._cate06 {
  background: #4bb535;
  box-shadow: 0 3px #359521;
}

.bmod_btn_list_01 > li a._cate07 {
  background: #fd8730;
  box-shadow: 0 3px #d26718;
}

.bmod_btn_list_01 > li a._cate08 {
  background: #1796cb;
  box-shadow: 0 3px #0b7baa;
}

.bmod_btn_list_01 > li a._cate09 {
  background: #5768bb;
  box-shadow: 0 3px #34479f;
}

/* bnr list */
.bmod_bnr_list_01 {
  width: 100%;
  margin-bottom: 30px;
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}

.bmod_bnr_list_01 ul {
  width: 330px;
}

@media only screen and (max-width: 800px) {
  .bmod_bnr_list_01 ul {
    width: 100%;
  }
}

.bmod_bnr_list_01 ul li {
  margin-bottom: 14px;
}

.bmod_bnr_list_01 ul li a:hover {
  opacity: .7;
}

.bmod_bnr_list_01 ul li:last-child {
  margin-bottom: 0;
}

.bmod_bnr_list_01 ul li img {
  width: 330px;
}

@media only screen and (max-width: 800px) {
  .bmod_bnr_list_01 ul li img {
    width: 100%;
  }
}

/* pager */
.bmod_list_link_pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}

.bmod_list_link_pager li {
  padding: 0 4px;
}

.bmod_list_link_pager li a {
  padding: 4px 10px 3px;
  display: block;
  text-align: center;
  text-decoration: none;
}

.bmod_list_link_pager li a:hover {
  text-decoration: underline;
}

.bmod_list_link_pager li > span {
  font-weight: bold;
  background: #333;
  border-radius: 4px;
  display: block;
  text-align: center;
  padding: 4px 10px 3px;
  margin: 0 2px;
  color: #fff;
}

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

.bmod_link_btn_pager li {
  width: 32%;
  margin: 0;
}

@media only screen and (max-width: 800px) {
  .bmod_link_btn_pager li {
    width: 40%;
    margin: 0;
  }
}

.bmod_link_btn_pager li a {
    display: block;
    margin: auto;
    padding: 16px 45px 12px 35px;
    position: relative;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ccc;
    background: #fff;
    line-height: 1.333;
    color: #333;
}

.bmod_link_btn_pager li:first-child a::before {
  content: '';
  width: 7px;
  height: 7px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  left: 16px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  border-right: solid 1px #e60000;
  border-bottom: solid 1px #e60000;
}

.bmod_link_btn_pager li:last-child a::before {
  content: '';
  width: 7px;
  height: 7px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  border-top: solid 1px #e60000;
  border-left: solid 1px #e60000;
}

.bmod_link_btn_pager li:first-child a:hover::before {
  left: 12px;
  -webkit-transition: all 100ms 0s ease;
        transition: all 100ms 0s ease;
}

.bmod_link_btn_pager li:last-child a:hover::before {
  right: 12px;
  -webkit-transition: all 100ms 0s ease;
        transition: all 100ms 0s ease;
}

.dataTables_info {
  text-align: center;
}

.dataTables_paginate, .dataTables_paginate > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}

.dataTables_paginate a {
  padding: 4px 14px 3px;
  display: block;
  text-align: center;
  text-decoration: none;
}

.paginate_button:hover:not(.current) {
  text-decoration: underline;
  cursor: pointer;
}

.paginate_button.current {
  font-weight: bold;
  background: #333;
  border-radius: 4px;
  display: block;
  text-align: center;
  padding: 4px 10px 3px;
  margin: 0 2px;
  color: #fff;
}

.paginate_button.previous, .paginate_button.next {
    display: none;
}

.result_table {
    margin-bottom: 30px;
}

.dataTables_info {
    margin-bottom: 18px;
}

a.invalid{
    pointer-events: none;
    opacity: 0.4;
}

/* layout */
.bmod_lyt_01 {
  display: table;
}

@media only screen and (max-width: 800px) {
  .bmod_lyt_01 {
    display: block;
  }
}

.bmod_lyt_01 a {
  display: table;
  text-decoration: none;
}

@media only screen and (max-width: 800px) {
  .bmod_lyt_01 a {
    display: block;
  }
}

.bmod_lyt_01 a:hover, .bmod_lyt_01 a:focus, .bmod_lyt_01 a:active {
  opacity: .7;
}

.bmod_lyt_01 .tmod_txt_01 {
  display: table-cell;
  margin-bottom: 0;
  padding-right: 20px;
  position: relative;
  top: -5px;

  direction: ltr;
}

@media only screen and (max-width: 800px) {
  .bmod_lyt_01 .tmod_txt_01 {
    display: block;
    width: 100%;
    margin-bottom: 8px;
    padding-right: 0;
  }
}

.bmod_lyt_01 .tmod_txt_01 + .bmod_img_01 {
  margin-bottom: 0;
  vertical-align: top;

  direction: ltr;
}

@media only screen and (max-width: 800px) {
  .bmod_lyt_01 .tmod_txt_01 + .bmod_img_01 {
    display: block;
  }
}

.bmod_lyt_01 .bmod_img_01 {
  display: table-cell;
}

@media only screen and (max-width: 800px) {
  .bmod_lyt_01 .bmod_img_01 {
    display: block;
    margin-bottom: 20px;
  }
}

.bmod_lyt_01 .bmod_img_01 + .tmod_txt_01 {
  padding-right: 0;
  padding-left: 20px;
  vertical-align: top;
}

@media only screen and (max-width: 800px) {
  .bmod_lyt_01 .bmod_img_01 + .tmod_txt_01 {
    padding-left: 0;
  }
}

.bmod_lyt_01._image_first {
  direction: rtl;
}

.bmod_lyt_01._image_first .tmod_txt_01 {
  padding-right: 0;
  padding-left: 20px;

  direction: ltr;
}

@media only screen and (max-width: 800px) {
  .bmod_lyt_01._image_first .tmod_txt_01 {
    padding-left: 0;
  }
}

.bmod_lyt_01._image_first .bmod_img_01 {
  direction: ltr;
}

.bmod_lyt_01._text_first {
  direction: rtl;
}

.bmod_lyt_01._text_first .tmod_txt_01 {
  padding-right: 20px;
  padding-left: 0;
}

@media only screen and (max-width: 800px) {
  .bmod_lyt_01._text_first .tmod_txt_01 {
    padding-right: 0;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_lyt_01._nowrap .tmod_txt_01 {
    display: table-cell;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 800px) and (max-width: 800px) {
  .bmod_lyt_01._nowrap .tmod_txt_01 + .bmod_img_01 {
    display: table-cell;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_lyt_01._nowrap .bmod_img_01 {
    display: table-cell;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_lyt_01._nowrap .bmod_img_01 img {
    width: auto;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_lyt_01._nowrap._image_first .tmod_txt_01 {
    padding-left: 20px;
  }
}

/* colmun */
.col {
  float: left;
  margin-right: 20px;
}

@media only screen and (max-width: 800px) {
  .col {
    float: none;
  }
}

._narrow .col {
  margin-right: 3px;
}

._wide .col {
  margin-right: 40px;
}

@media only screen and (max-width: 800px) {
  ._wide .col {
    margin-bottom: 5px;
  }
}

[class*=' _col'] .col {
  margin-bottom: 15px;
}

[class*=' _col'] .col:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 800px) {
  [class*=' _col'] .col {
    margin-bottom: 10px;
  }
}

._col1 > .col {
  width: 100%;
  margin-right: 0;
}

@media only screen and (max-width: 800px) {
  ._col1 > .col {
    width: 100%;
  }
}

._col2 > .col {
  width: calc(100% / 2 - 20px * 1 / 2);
}

@media only screen and (max-width: 800px) {
  ._col2 > .col {
    width: 100%;
  }
}

._col2 > .col:nth-child(2n+1) {
  clear: both;
}

._col2 > .col:nth-child(2n) {
  margin-right: 0;
}

._col2 > .col:nth-last-child(-n+2) {
  margin-bottom: 0;
}

@media only screen and (max-width: 800px) {
  ._col2 > .col:nth-last-child(-n+2) {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 800px) {
  ._col2 > .col:last-child {
    margin-bottom: 0;
  }
}

._col2._narrow > .col {
  width: calc(100% / 2 - 3px * 1 / 2);
}

._col2._wide > .col {
  width: calc(100% / 2 - 40px * 1 / 2);
}

@media only screen and (max-width: 800px) {
  ._col2._wide > .col {
    width: 100%;
  }
}

._col2._wide > .col:nth-last-child(-n+2) {
  margin-bottom: 0;
}

@media only screen and (max-width: 800px) {
  ._col2._wide > .col:nth-last-child(-n+2) {
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 800px) {
  ._col2._wide > .col:last-child {
    margin-bottom: 0;
  }
}

.ie9 ._col2._wide > .col {
  width: 500px;
}

._col3 > .col {
  width: calc(100% * .33333 - 20px * 2 / 3);
}

@media only screen and (max-width: 800px) {
  ._col3 > .col {
    width: 100%;
  }
}

._col3 > .col:nth-child(3n) {
  margin-right: 0;
}

._col3 > .col:nth-child(3n+1) {
  clear: both;
}

._col3 > .col:nth-last-child(-n+3) {
  margin-bottom: 0;
}

@media only screen and (max-width: 800px) {
  ._col3 > .col:nth-last-child(-n+3) {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 800px) {
  ._col3 > .col:last-child {
    margin-bottom: 0;
  }
}

._col3._narrow > .col {
  width: calc(100% * .33333 - 3px * 2 / 3);
}

._col3._wide > .col {
  width: calc(100% * .33333 - 40px * 2 / 3);
}

@media only screen and (max-width: 800px) {
  ._col3._wide > .col {
    width: 100%;
  }
}

._col4 > .col {
  width: calc(100% / 4 - 20px * 3 / 4);
}

@media only screen and (max-width: 800px) {
  ._col4 > .col {
    width: 100%;
  }
}

._col4 > .col:nth-child(4n+1) {
  clear: both;
}

._col4 > .col:nth-child(4n) {
  margin-right: 0;
}

._col4 > .col:nth-last-child(-n+4) {
  margin-bottom: 0;
}

@media only screen and (max-width: 800px) {
  ._col4 > .col:nth-last-child(-n+4) {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 800px) {
  ._col4 > .col:last-child {
    margin-bottom: 0;
  }
}

._col4._narrow > .col {
  width: calc(100% / 4 - 3px * 3 / 4);
}

._col5 > .col {
  width: calc(100% / 5 - 20px * 4 / 5);
}

@media only screen and (max-width: 800px) {
  ._col5 > .col {
    width: 100%;
  }
}

._col5 > .col:nth-child(5n+1) {
  clear: both;
}

._col5 > .col:nth-child(5n) {
  margin-right: 0;
}

._col5 > .col:nth-last-child(-n+5) {
  margin-bottom: 0;
}

@media only screen and (max-width: 800px) {
  ._col5 > .col:nth-last-child(-n+5) {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 800px) {
  ._col5 > .col:last-child {
    margin-bottom: 0;
  }
}

._col5._narrow > .col {
  width: calc(100% / 5 - 3px * 4 / 5);
}

._col6 > .col {
  width: calc(100% * .1666 - 20px * 5 / 6);
}

@media only screen and (max-width: 800px) {
  ._col6 > .col {
    width: 100%;
  }
}

._col6 > .col:nth-child(6n+1) {
  clear: both;
}

._col6 > .col:nth-child(6n) {
  margin-right: 0;
}

._col6 > .col:nth-last-child(-n+6) {
  margin-bottom: 0;
}

@media only screen and (max-width: 800px) {
  ._col6 > .col:nth-last-child(-n+6) {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 800px) {
  ._col6 > .col:last-child {
    margin-bottom: 0;
  }
}

._col6._narrow > .col {
  width: calc(100% * .1666 - 3px * 5 / 6);
}

._col7 > .col {
  width: calc(100% * .1428 - 20px * 6 / 7);
}

@media only screen and (max-width: 800px) {
  ._col7 > .col {
    width: 100%;
  }
}

._col7 > .col:nth-child(7n+1) {
  clear: both;
}

._col7 > .col:nth-child(7n) {
  margin-right: 0;
}

._col7 > .col:nth-last-child(-n+7) {
  margin-bottom: 0;
}

@media only screen and (max-width: 800px) {
  ._col7 > .col:nth-last-child(-n+7) {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 800px) {
  ._col7 > .col:last-child {
    margin-bottom: 0;
  }
}

._col7._narrow > .col {
  width: calc(100% * .1428 - 3px * 6 / 7);
}

@media only screen and (max-width: 800px) {
  ._col_sp2 > .col {
    float: left;
    width: calc(100% / 2 - 20px * 1 / 2);
  }
}

@media only screen and (max-width: 800px) {
  ._col_sp2 > .col:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 800px) {
  ._col_sp2 > .col:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 800px) {
  ._col_sp2._narrow > .col {
    float: left;
    width: calc(100% / 2 - 3px * 1 / 2);
  }
}

[class^='bmod_hdg_'] + [class^='bmod_box_'] {
  margin-top: 40px;
}

@media only screen and (max-width: 800px) {
  [class^='bmod_hdg_'] + [class^='bmod_box_'] {
    margin-top: 20px;
  }
}

.bmod_box_01 {
  padding: 26px 30px 30px;
  background: #f1f1f1;
}

@media only screen and (max-width: 800px) {
  .bmod_box_01 {
    padding: 14px 20px 20px;
  }
}

.bmod_box_01 .hdg {
  margin-bottom: 9px;
  font-size: 1.5rem;
  font-weight: bold;
}

@media only screen and (max-width: 800px) {
  .bmod_box_01 .hdg {
    margin-bottom: 7px;
  }
}

.bmod_box_01 .hdg + [class^='tmod_'] {
  margin-top: -1px;
}

.bmod_box_02 {
  padding: 26px 25px 30px;
  border: solid 5px #ccc;
  background: #fff;
}

@media only screen and (max-width: 800px) {
  .bmod_box_02 {
    padding: 13px 15px 15px;
  }
}

.bmod_box_02 .hdg {
  margin-bottom: 9px;
  font-size: 1.5rem;
  font-weight: bold;
}

.bmod_box_02 .hdg + [class^='tmod_'] {
  margin-top: -1px;
}

.bmod_box_02._author {
  padding: 26px 30px 30px 25px;
  padding-top: 0;
}

@media only screen and (max-width: 800px) {
  .bmod_box_02._author {
    padding: 0 15px 15px;
    text-align: center;
  }
}

.bmod_box_02._author .tag {
  display: inline-block;
  padding: 6px 19px 7px 24px;
  position: relative;
  top: -14px;
  background: #43509f;
  font-size: 1.3rem;
  color: #fff;
}

.bmod_box_02._author .tag::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: -4px;
  border-width: 0 4px 9px 0;
  border-style: solid;
  border-color: transparent transparent #434f9f;
}

@media only screen and (max-width: 800px) {
  .bmod_box_02._author .tmod_txt_01 {
    text-align: left;
  }
}

.bmod_box_02._author .tmod_txt_01 p {
  font-size: 1.3rem;
}

.bmod_box_03 {
  padding: 16px 20px 20px;
  border: solid 1px #ccc;
  background: #fff;
}

.bmod_box_03 .hdg {
  margin-bottom: 9px;
  font-size: 1.5rem;
  font-weight: bold;
}

.bmod_box_03 .hdg + [class^='tmod_'] {
  margin-top: -1px;
}

.mod_box_02 {
  margin-bottom: 20px;
  padding: 10px 0;
  background-image: -webkit-gradient(linear, right top, left top, from(#b8cfe6), color-stop(25%, #b8cfe6), color-stop(26%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, from(#b8cfe6), color-stop(25%, #b8cfe6), color-stop(26%, transparent), to(transparent));
  background-image: linear-gradient(to left, #b8cfe6 0%, #b8cfe6 25%, transparent 26%, transparent 100%), linear-gradient(to left, #b8cfe6 0%, #b8cfe6 25%, transparent 26%, transparent 100%);
  background-repeat: repeat-x;
  background-position: 3px top, 3px bottom;
  background-size: 6px 1px;
}

.mod_box_02 .hdg {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  color: #003a81;
}

.mod_box_02 + .mod_box_02 {
  margin-top: -20px;
  background-image: -webkit-gradient(linear, right top, left top, from(#b8cfe6), color-stop(25%, #b8cfe6), color-stop(26%, transparent), to(transparent));
  background-image: linear-gradient(to left, #b8cfe6 0%, #b8cfe6 25%, transparent 26%, transparent 100%);
  background-position: 3px bottom;
}

.mod_box_03, .mod_box_04 {
  margin-bottom: 20px;
  padding: 12px 15px 14px;
  border: 2px solid #f5a344;
  border-radius: 4px;
  background: #fff;
}

.mod_box_04 {
  padding: 8px 12px 9px;
  border: 1px solid #ccc;
  border-radius: 0;
}

.mod_box_05 {
  margin-bottom: 15px;
  padding: 10px 8px;
  border: none;
  border-radius: 4px;
  background: #f5f5f5;
  -webkit-box-shadow: 5px 5px 0 0 rgba(120, 120, 120, .3);
          box-shadow: 5px 5px 0 0 rgba(120, 120, 120, .3);
  line-height: 1.5;
}

@media only screen and (max-width: 800px) {
  .mod_box_05 {
    -webkit-box-shadow: 2px 2px 0 0 rgba(120, 120, 120, .3);
            box-shadow: 2px 2px 0 0 rgba(120, 120, 120, .3);
  }
}

.mod_box_05 .name_01, .mod_box_05 .name_02, .mod_box_05 .name_03, .mod_box_05 .name_04 {
  display: inline-block;
  margin-bottom: 8px;
  padding: 7px 10px;
  border-radius: 5px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
}

.mod_box_05 .name_01 {
  background: #e63a3a;
}

.mod_box_05 .name_02 {
  background: #3f64ce;
}

.mod_box_05 .name_03 {
  background: #f26118;
}

.mod_box_05 .name_04 {
  background: #3487db;
}

.mod_box_06 {
  margin-bottom: 10px;
  padding: 20px 0;
}

.mod_box_06 + .mod_box_06 {
  margin-top: -10px;
  background-image: -webkit-gradient(linear, right top, left top, from(#b8cfe6), color-stop(25%, #b8cfe6), color-stop(26%, transparent), to(transparent));
  background-image: linear-gradient(to left, #b8cfe6 0%, #b8cfe6 25%, transparent 26%, transparent 100%);
  background-repeat: repeat-x;
  background-position: 3px top;
  background-size: 6px 1px;
}

.mod_box_06 .txt {
  margin-left: 8px;
}

.mod_box_cmt_01 {
  margin-bottom: 20px;
}

.mod_box_cmt_01 .img {
      flex: 1 0 80px;
  margin-right: 12px;
  margin-bottom: 0;

  -webkit-box-flex: 1;
  -ms-flex: 1 0 80px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.mod_box_cmt_01 .img img {
  width: 80px;
  height: 81px;
}

.mod_box_cmt_01 .txt {
      flex: 1 1 100%;
  margin-right: 0;
  padding: 14px 15px;
  border-radius: 5px;
  background: #cee6f4;
  -webkit-box-shadow: 5px 5px 0 0 rgba(120, 120, 120, .3);
          box-shadow: 5px 5px 0 0 rgba(120, 120, 120, .3);

  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

@media only screen and (max-width: 800px) {
  .mod_box_cmt_01 .txt {
    -webkit-box-shadow: 2px 2px 0 0 rgba(120, 120, 120, .3);
            box-shadow: 2px 2px 0 0 rgba(120, 120, 120, .3);
  }
}

.mod_box_cmt_01 .txt p {
  margin-bottom: 0;
  line-height: 1.6;
}

.mod_box_cmt_01._reverse {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.mod_box_cmt_01._reverse .img {
  margin-right: 0;

  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.mod_box_cmt_01._reverse .txt {
  margin-right: 12px;

  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.mod_box_cmt_01._women .txt {
  background: #f4ced3;
}

.mod_box_cmt_02 {
  margin-bottom: 20px;
}

.mod_box_cmt_02 .item {
  margin-bottom: 15px;
  border-bottom: 2px solid #ccc;
  font-size: 1.2rem;
}

.mod_box_cmt_02 .item:last-child {
  margin-bottom: 0;
  border: none;
}

.mod_box_cmt_02 .item .icon {
  content: '';
      flex: 0 0 40px;
  height: 40px;
  margin-right: 14px;
  text-align: center;
  border-radius: 5px;
  background: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_hdg_16.png');
  font-size: 1rem;
  font-weight: bold;
  color: #fff;

  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
}

.mod_box_cmt_02 .item .icon .name {
  margin-top: 4px;
  font-size: 1.8rem;
  line-height: 1;
}

.mod_box_cmt_02 .item .txt {
  font-weight: bold;
}

.mod_box_photo_01 {
  margin-bottom: 25px;
}

.mod_box_photo_01 .img {
  width: calc(100% + 15px);
  margin-left: -15px;
}

.mod_box_photo_01 .img img {
  width: 100%;
}

.mod_box_photo_01 .feature {
  margin-top: -50px;
  margin-right: -15px;
  padding: 15px;
  position: relative;
  background: #e86b0f;
  font-size: 1.2rem;
  line-height: 1.4;
  color: #fff;
}

.mod_box_photo_01 .feature .hdg {
  margin-bottom: 6px;
  font-size: 1.8rem;
  font-weight: bold;
}

.mod_box_photo_01 .feature .txt {
  margin-bottom: 0;
  font-weight: bold;
}

.mod_box_photo_01 .feature::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -15px;
  right: 0;
  border-width: 16px 0 0 16px;
  border-style: solid;
  border-color: transparent transparent transparent #994000;
}

.mod_box_photo_01._reverse .img {
  margin-right: -15px;
  margin-left: 0;
}

.mod_box_photo_01._reverse .feature {
  margin-right: 0;
  margin-left: -15px;
  background: #e8920a;
}

.mod_box_photo_01._reverse .feature::after {
  width: 0;
  height: 0;
  top: -15px;
  left: -1px;
  border-width: 0 0 16px 16px;
  border-style: solid;
  border-color: transparent transparent #d5620e transparent;
}

.mod_box_search_01 {
  margin-bottom: 20px;
  border: 2px solid #537299;
  border-radius: 4px;
  background: #fff;
  -webkit-box-shadow: 5px 5px 0 0 rgba(120, 120, 120, .3);
          box-shadow: 5px 5px 0 0 rgba(120, 120, 120, .3);
}

@media only screen and (max-width: 800px) {
  .mod_box_search_01 {
    -webkit-box-shadow: 2px 2px 0 0 rgba(120, 120, 120, .3);
            box-shadow: 2px 2px 0 0 rgba(120, 120, 120, .3);
  }
}

.mod_box_search_01 p {
  line-height: 1.15;
}

.mod_box_search_01 input {
      flex: 1 0 auto;
  margin-right: 5px;
  margin-left: 5px;
  padding: 10px;
  border: none;

  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
}

.mod_box_search_01 input[type=search] {
  -webkit-transform: scale(.9375);
      -ms-transform: scale(.9375);
          transform: scale(.9375);
  font-size: 1.6rem;
}

.mod_box_search_01 .btn {
      flex: 0 0 auto;
  margin: -1px -1px -1px 0;
  padding: 19px 21px 15px;
  border-bottom: 3px solid #002e67;
  border-radius: 0 5px 5px 0;
  background: #003a81;
  color: #fff;

  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
}

.mod_box_search_01 .btn::before {
  content: '';
  display: block;
  margin-right: 5px;
}

.mod_box_inquiry_01 {
  margin-bottom: 20px;
  padding-bottom: 10px;
  text-align: center;
  border: 1px solid #d6b36d;
  border-radius: 2px;
  background: #fff;
}

.mod_box_inquiry_01 .hdg {
  margin-bottom: 9px;
  padding: 10px 9px 12px;
  background: #d6b36d;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.15;
  color: #fff;
}

.mod_box_inquiry_01 .tel {
  margin-bottom: 5px;
  font-size: 2.4rem;
  font-weight: bold;
}

.mod_box_inquiry_01 .tel a {
  text-decoration: underline;
  color: #ff4a4a;
}

.mod_box_history_01 {
  display: none;
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 0 32px 10px;
  background: #f6f2e9;
}

.mod_box_history_01 .hdg {
  display: inline-block;
  padding: 7px 12px;
  position: relative;
  top: -23px;
  left: -22px;
  border-radius: 7px;
  background: #d6b36d;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
}

.mod_box_history_01 .hdg::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -8px;
  left: 14px;
  border: 10px solid transparent;
  border-top: 0 solid transparent;
  border-left: 10px solid #d6b36d;
}

.mod_box_history_01 .list {
  margin-top: -4px;
}

.mod_box_history_01 .list li {
  margin-bottom: 10px;

  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.mod_box_history_01 .list li a {
  margin-right: 7px;
  padding-left: 24px;
  position: relative;
  font-weight: bold;
}

.mod_box_history_01 .list li a::after {
  content: '';
  width: 16px;
  height: 16px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 100%;
  background: #003a81;
}

.mod_box_history_01 .list li a::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-top: -2px;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 5px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 0;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
}

.mod_box_history_01 .list li a span {
      flex: 1 0 100%;
  margin-right: 6px;

  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
}

.jsOn .mod_box_history_01.jsShow {
  display: block;
}

.dmc_subhead_inner .mod_box_history_01 {
  margin-top: 0;
}

.mod_box_introduction_01 {
  margin-bottom: 30px;
  position: relative;
}

.mod_box_introduction_01 .col {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 18px;
  text-align: center;
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 5px 5px 0 0 rgba(120, 120, 120, .3);
          box-shadow: 5px 5px 0 0 rgba(120, 120, 120, .3);
}

@media only screen and (max-width: 800px) {
  .mod_box_introduction_01 .col {
    -webkit-box-shadow: 2px 2px 0 0 rgba(120, 120, 120, .3);
            box-shadow: 2px 2px 0 0 rgba(120, 120, 120, .3);
  }
}

.mod_box_introduction_01 .col .img {
  margin-bottom: 12px;
}

.mod_box_introduction_01 .col .img img {
  width: 100%;
  border-radius: 5px 5px 0 0;
}

.mod_box_introduction_01 .col:first-child {
  margin-right: 18px;
  margin-left: 0;
}

.mod_box_introduction_01 .lead {
  margin-bottom: 5px;
  padding-right: 12px;
  padding-left: 12px;
  font-size: 1.2rem;
}

.mod_box_introduction_01 .class {
  margin-bottom: 5px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #003a81;
}

.mod_box_introduction_01 .name_01, .mod_box_introduction_01 .name_02, .mod_box_introduction_01 .name_03, .mod_box_introduction_01 .name_04 {
  display: inline-block;
  margin-bottom: 15px;
  padding: 7px 10px;
  border-radius: 5px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
}

.mod_box_introduction_01 .name_01 {
  background: #e63a3a;
}

.mod_box_introduction_01 .name_02 {
  background: #3f64ce;
}

.mod_box_introduction_01 .name_03 {
  background: #f26118;
}

.mod_box_introduction_01 .name_04 {
  background: #3487db;
}

.mod_box_introduction_01::after {
  content: '';
  margin-top: -9px;
  margin-left: -8px;
  position: absolute;
  top: 50%;
  left: 50%;

  -ms-flex-item-align: center;
  align-self: center;
}

.mod_box_introduction_02 {
  margin-bottom: 30px;
  position: relative;
  border-radius: 5px;
  background: #fff;
}

.mod_box_introduction_02 .img {
  display: block;
  margin-right: 13px;
  margin-bottom: 0;
}

.mod_box_introduction_02 .img img {
  width: 100%;
  min-width: 120px;
  max-width: 156px;
  height: auto;
  border-radius: 4px 0 0 4px;
}

.mod_box_introduction_02 .txt {
  padding: 13px 13px 13px 0;
  font-size: 1.2rem;
}

.mod_box_introduction_02 .txt .hdg {
  margin-bottom: 5px;
  font-weight: bold;
  color: #003a81;
}

/* table */
.bmod_tbl_01 table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border-right: solid 1px #ccc;
  font-size: 1.4rem;
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_01 table {
    border-bottom: solid 1px #ccc;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_01 tr {
    display: list-item;
    width: 100%;
    list-style: none;
  }
}

.bmod_tbl_01 tr:first-child th {
  border-top: solid 3px #df1b39;
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_01 tr:first-child th {
    border-top: solid 1px #ccc;
    background-image: none;
  }
}

.mes .bmod_tbl_01 tr:first-child th {
  border-top: solid 3px #0099d2;
}

@media only screen and (max-width: 800px) {
  .mes .bmod_tbl_01 tr:first-child th {
    border-top: solid 1px #ccc;
  }
}

.seminar .bmod_tbl_01 tr:first-child th {
  border-top: solid 3px #d90000;
}

@media only screen and (max-width: 800px) {
  .seminar .bmod_tbl_01 tr:first-child th {
    border-top: solid 1px #ccc;
  }
}

.bmod_tbl_01 tr:first-child td {
  border-top: solid 3px #333;
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_01 tr:first-child td {
    border-top: none;
    background-image: -webkit-gradient(linear, right top, left top, from(#ccc), to(#ccc));
    background-image: linear-gradient(to left, #ccc 0%, #ccc 100%);
    background-repeat: repeat-x;
    background-position: top left;
    background-size: 1px 1px;
  }
}

.bmod_tbl_01 th, .bmod_tbl_01 td {
  padding: 9px 20px 7px;
  border: solid 1px #ccc;
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_01 th,
  .bmod_tbl_01 td {
    display: list-item;
    width: 100%;
    list-style: none;
    border: none;
    background-image: -webkit-gradient(linear, right top, left top, from(#ccc), to(#ccc));
    background-image: linear-gradient(to left, #ccc 0%, #ccc 100%);
    background-repeat: repeat-x;
    background-position: top left;
    background-size: 1px 1px;
    padding: 6px 12px;
  }
}

.bmod_tbl_01 th {
  background-color: #f1f1f1;
  font-weight: normal;
  color: #333;
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_01 th {
    border-left: solid 3px #df1b39;
    text-align: left;
    padding: 4px 12px 2px;
    font-weight: bold;
  }
  .mes .bmod_tbl_01 th {
    border-left: solid 3px #0099d2;
  }
  .seminar .bmod_tbl_01 th {
    border-left: solid 3px #d90000;
  }
}

.bmod_tbl_01 td {
  background-color: #fff;
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_01 td {
    border-left: solid 3px #333;
  }
}

.bmod_tbl_01 thead tr:first-child th {
  border-top: solid 1px #ccc;
}

.bmod_tbl_01 thead tr:first-child th:first-child {
  border-left: solid 3px #df1b39;
}

.mes .bmod_tbl_01 thead tr:first-child th:first-child {
  border-left: solid 3px #0099d2;
}

.seminar .bmod_tbl_01 thead tr:first-child th:first-child {
  border-left: solid 3px #d90000;
}

.bmod_tbl_01 thead tr:first-child td {
  border-top: solid 1px #ccc;
}

.bmod_tbl_01 thead + tbody tr th:first-child, .bmod_tbl_01 thead + tbody tr td:first-child {
  border-left: solid 3px #333;
}

.bmod_tbl_01 thead + tbody tr:first-child th {
  border-top: solid 1px #ccc;
}

.bmod_tbl_01 thead + tbody tr:first-child td {
  border-top: solid 1px #ccc;
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_01._scroll {
    overflow: auto;
    width: auto;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_01._scroll table {
    width: 680px;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_01._scroll tr {
    display: table-row;
    width: auto;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_01._scroll th, .bmod_tbl_01._scroll td {
    display: table-cell;
    width: auto;
    background-image: none;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_01._scroll th {
    white-space: nowrap;
    border-left: solid 1px #ccc;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_01._scroll td {
    border-top: none;
    border-left: solid 1px #ccc;
  }
}

.bmod_tbl_01._scroll thead + tbody tr:first-child td {
  border-top: none;
}

.bmod_tbl_01._form th {
  text-align: left;
}

.bmod_tbl_01._form th .required {
  display: inline-block;
  float: right;
  margin-top: 2px;
  padding: 4px 8px 4px 7px;
  border-radius: 3px;
  background-color: #b00000;
  line-height: 1;
  color: #fff;
}

.bmod_tbl_01._form th, .bmod_tbl_01._form td {
  padding: 20px;
}

.seminar .bmod_tbl_01._none_border tr:first-child th,
.seminar .bmod_tbl_01._none_border tr:first-child td {
  border-top: solid 1px #ccc;
}

@media only screen and (max-width: 800px) {
  .seminar .bmod_tbl_01._none_border tr:first-child td {
    border-top: none;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_01._none_border th,
  .bmod_tbl_01._none_border td {
    border-left: solid 1px #ccc;
  }
}

.bmod_tbl_02 table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border-right: solid 1px #ccc;
  font-size: 1.4rem;
}

.bmod_tbl_02 tr:first-child th {
  border-top: solid 3px #df1b39;
}

.bmod_tbl_02._none_border tr:first-child th {
  border-top: solid 1px #ccc;
}

.bmod_tbl_02 tr:first-child td :not(.result_table tr:first-child td) {
  border-top: solid 3px #333;
}

.bmod_tbl_02 th, .bmod_tbl_02 td {
  padding: 9px 12px 7px;
  border: solid 1px #ccc;
}

.bmod_tbl_02 td {
  word-break: break-all;
  background-color: #fff;
}

.bmod_tbl_02 .area {
  text-align: center;
}

.bmod_tbl_02 th {
  background-color: #f1f1f1;
  font-weight: normal;
  color: #333;
}

.bmod_tbl_02 thead tr:first-child th {
  border-top: solid 1px #ccc;
}

.bmod_tbl_02 thead tr:first-child th:first-child :not(.result_table) {
  border-left: solid 3px #df1b39;
}

.mes .bmod_tbl_02 thead tr:first-child th:first-child {
  border-left: solid 3px #0099d2;
}

.seminar .bmod_tbl_02 thead tr:first-child th:first-child :not(.result_table) {
  border-left: solid 3px #d90000;
}

.bmod_tbl_02 thead tr:first-child td {
  border-top: solid 1px #ccc;
}

.bmod_tbl_02 thead + tbody tr th:first-child, .bmod_tbl_02 thead + tbody tr td:first-child :not(.result_table thead + tbody tr td:first-child) {
  border-left: solid 3px #333;
}

.bmod_tbl_02 thead + tbody tr:first-child th {
  border-top: solid 1px #ccc;
}

.bmod_tbl_02 thead + tbody tr:first-child td :not(.result_table thead + tbody tr:first-child) {
  border-top: solid 1px #ccc;
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_02 table {
    border: none;
  }
  colgroup {
    display: none;
  }
  
  .bmod_tbl_02 th {
    display: none;
  }
  
  .bmod_tbl_02 td {
    border: none;
    padding: 0;
    display: block;
  }
  
  .bmod_tbl_02 .cate::before {
    content: "ジャンル";
    font-weight: bold;
    margin-right: 10px;
  }
   
  .bmod_tbl_02 .title {
    font-size: 1.6rem;
    font-weight: bold;
  }
  
  .bmod_tbl_02 .title a {
    padding-right: 8px;
  }
  
  .bmod_tbl_02 .date::before {
    content: "日程";
    font-weight: bold;
    margin-right: 10px;
  }
  
  .bmod_tbl_02 .area {
    text-align: left;
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
  }
  
  .bmod_tbl_02 .area::before {
    content: "開催地";
    font-weight: bold;
    margin-right: 10px;
  }
  
  .bmod_tbl_02 tr:last-child td.area {
    margin-bottom: 0;
  }
  
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_02._scroll {
    overflow: auto;
    width: auto;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_02._scroll table {
    width: 680px;
  }
}

.bmod_tbl_03 table {
  width: 100%;
  border-collapse: collapse;
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_03 tr {
    display: list-item;
    width: 100%;
    list-style: none;
    border-top: solid 1px #ccc;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_03 tr:first-child {
    border: none;
  }
}

.bmod_tbl_03 tr:first-child th, .bmod_tbl_03 tr:first-child td {
  border-top: none;
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_03 tr:first-child td {
    border-top: solid 1px #ccc;
  }
}

.bmod_tbl_03 th, .bmod_tbl_03 td {
  padding: 15px 20px 13px;
  border-top: solid 1px #ccc;
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_03 th, .bmod_tbl_03 td {
    display: list-item;
    margin-right: 20px;
    margin-left: 20px;
    padding: 9px 0 6px;
    list-style: none;
    border: none;
  }
}

.bmod_tbl_03 th {
  text-align: left;
  font-size: 1.5rem;
  font-weight: normal;
  font-weight: bold;
  color: #333;
}

.bmod_tbl_03 td {
  background-image: linear-gradient(to bottom, #fff 0%, #fff 10px, #ccc 11px, #ccc 50%, transparent 51%, transparent 100%), linear-gradient(to top, #fff 0%, #fff 10px, #ccc 11px, #ccc 50%, transparent 51%, transparent 100%);
  background-repeat: repeat-y;
  background-position: left top, left bottom;
  background-size: 1px 100%;
}

.ie9 .bmod_tbl_03 td {
  border-left: solid 1px #ccc;
  background: none;
}

@media only screen and (max-width: 800px) {
  .bmod_tbl_03 td {
    border-top: solid 1px #ccc;
    background: none;
  }
}

input[type='submit'] {
  cursor: pointer;
  -webkit-transition: all 100ms 0s ease;
          transition: all 100ms 0s ease;
}

input[type='submit']:hover, input[type='submit']:focus, input[type='submit']:active {
  opacity: .7;
}

@media only screen and (max-width: 800px) {
  input[type='text'] {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}

/* form */
.fmod_text_01 {
  width: 100%;
  margin-bottom: 0;
  padding: 10px;
  border: solid 1px #ccc;
  border-radius: 4px;
}

.fmod_text_02 {
  /*padding-bottom: 20px;
  background-image: -webkit-gradient(linear, right top, left top, from(#ccc), color-stop(66%, #ccc), color-stop(67%, transparent), to(transparent));
  background-image: linear-gradient(to left, #ccc 0%, #ccc 66%, transparent 67%, transparent 100%);
  background-repeat: repeat-x;
  background-position: bottom center;
  background-size: 6px 1px;*/
}

.fmod_text_03 {
  width: 50%;
  margin-bottom: 0;
  padding: 12px;
  border: solid 1px #ccc;
  border-radius: 4px;
}

@media only screen and (max-width: 800px) {
  .fmod_text_02 {
    padding-bottom: 15px;
  }
}

.fmod_text_02 .search_form {
  width: 100%;
}

.fmod_text_02 .search_form .fmod_text_01 {
  margin-top: 3px;
}

.fmod_select_01 {
  width: 100%;
  margin-bottom: 0;
  padding: 12px;
  border: solid 1px #ccc;
  border-radius: 4px;
  background: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/icon_form_select.png') no-repeat right 9px center;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media only screen and (max-width: 800px) {
  .fmod_select_01 {
    font-size: 16px;
  }
}

.fmod_select_01::-ms-expand {
  display: none;
}

.ie9 .fmod_select_01 {
  background: none;
}

.fmod_select select {
  width: 100%;
  margin-bottom: 0;
  padding: 12px;
  border: solid 1px #ccc;
  border-radius: 4px;
  background: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/icon_form_select.png') no-repeat right 9px center;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media only screen and (max-width: 800px) {
  .fmod_select select {
    font-size: 16px;
  }
}

.fmod_select select::-ms-expand {
  display: none;
}

.ie9 .fmod_select select {
  background: none;
}

.fmod_select_02 {
  width: 50%;
  margin-bottom: 0;
  padding: 12px;
  border: solid 1px #ccc;
  border-radius: 4px;
  background: url('/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/icon_form_select.png') no-repeat right 9px center;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.fmod_select_02::-ms-expand {
  display: none;
}

.ie9 .fmod_select_02 {
  background: none;
}

.fmod_textarea_01 {
  width: 100%;
  min-width: 100%;
  max-height: 340px;
  margin-bottom: 0;
  padding: 12px;
  border: solid 1px #ccc;
  border-radius: 4px;
}

.fmod_textarea_01::-webkit-scrollbar {
  width: 14px;
  background: #f5f5f5;
}

.fmod_textarea_01::-webkit-scrollbar-thumb {
  width: 4px;
  border: solid 5px #f5f5f5;
  border-radius: 10px;
  background-color: #666;
}

.fmod_radio_01 {
  /*padding-bottom: 20px;
  background-image: -webkit-gradient(linear, right top, left top, from(#ccc), color-stop(66%, #ccc), color-stop(67%, transparent), to(transparent));
  background-image: linear-gradient(to left, #ccc 0%, #ccc 66%, transparent 67%, transparent 100%);
  background-repeat: repeat-x;
  background-position: bottom center;
  background-size: 6px 1px;*/
}

@media only screen and (max-width: 800px) {
  .fmod_radio_01 {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}

.fmod_radio_01 p {
  display: inline-block;
  margin-right: 5px;
}

@media only screen and (max-width: 800px) {
  .fmod_radio_01 p {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

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

.fmod_radio_01 p label {
  position: relative;
  cursor: pointer;
}

.fmod_radio_01 p label span {
  display: inline-block;
  padding: 9px 24px 8px 38px;
  -webkit-transition: all 100ms 0s ease;
          transition: all 100ms 0s ease;
  position: relative;
}

.fmod_radio_01 p label span:hover, .fmod_radio_01 p label span:focus, .fmod_radio_01 p label span:active {
  opacity: .7;
}

@media only screen and (max-width: 800px) {
  .fmod_radio_01 p label span:hover, .fmod_radio_01 p label span:focus, .fmod_radio_01 p label span:active {
    opacity: 1;
  }
}

@media only screen and (max-width: 800px) {
  .fmod_radio_01 p label span {
    display: block;
    border: solid 1px #ccc;
    border-radius: 4px;
  }
}

.fmod_radio_01 p label span::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -11px;
  position: absolute;
  top: 50%;
  left: 11px;
  border: solid 1px #ccc;
  border-radius: 100%;
}

.fmod_radio_01 p label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.fmod_radio_01 p label input:checked + .txt::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  left: 16px;
  border-radius: 100%;
  background: #d90000;
}

.fmod_radio_01 p label input:focus + .txt {
  /*border: dotted 1px #666;*/
}

.fmod_radio_01:last-child {
  padding-bottom: 0;
  background: none;
}

.fmod_submit_01 {
  text-align: center;
}

.fmod_submit_01 input {
  display: inline-block;
  width: 304px;
  padding: 16px 25px 11px;
  cursor: pointer;
  border: solid 1px #ccc;
  border-radius: 4px;
  background-color: #fff;
}

@media only screen and (max-width: 800px) {
  .fmod_submit_01 input {
    display: block;
    width: 100%;
  }
}

.fmod_submit_01 input._conversion {
  border: 1px solid #333;
  background: #333;
  color: #fff;
}

.fmod_submit_01 input._conversion::before, .fmod_submit_01 input._conversion::after {
  border-top: solid 1px #fff;
}

.fmod_submit_02 {
  margin-top: -3px;
  text-align: center;
}

.fmod_submit_02 input {
  width: 304px;
  padding: 13px 25px;
  cursor: pointer;
  border: solid 1px #ccc;
  border-radius: 4px;
  background-color: #333;
  color: #fff;
  font-size: 1.8rem;
}

@media only screen and (max-width: 800px) {
  .fmod_submit_02 input {
    display: block;
    width: 100%;
  }
}

.fmod_submit_02 input:hover, .fmod_submit_02 input:focus, .fmod_submit_02 input:active {
  background: #717171;
}

.fmod_search_01 {
  display: table;
  padding-bottom: 20px;
  background-image: -webkit-gradient(linear, right top, left top, from(#ccc), color-stop(66%, #ccc), color-stop(67%, transparent), to(transparent));
  background-image: linear-gradient(to left, #ccc 0%, #ccc 66%, transparent 67%, transparent 100%);
  background-repeat: repeat-x;
  background-position: bottom center;
  background-size: 6px 1px;
}

@media only screen and (max-width: 800px) {
  .fmod_search_01 {
    padding-bottom: 15px;
  }
}

.fmod_search_01 .search_form {
  display: table-cell;
  width: 100%;
  padding-right: 15px;
}

.fmod_search_01 .search_form .fmod_text_01 {
  margin-top: 3px;
}

.fmod_search_01 .fmod_submit_02 {
  display: table-cell;
  margin-top: 0;
  vertical-align: bottom;
}

.fmod_search_01 .fmod_submit_02 input {
  width: 65px;
  padding: 13px 5px;
}

.fmod_check_01 {
  /*padding-bottom: 20px;
  background-image: -webkit-gradient(linear, right top, left top, from(#ccc), color-stop(66%, #ccc), color-stop(67%, transparent), to(transparent));
  background-image: linear-gradient(to left, #ccc 0%, #ccc 66%, transparent 67%, transparent 100%);
  background-repeat: repeat-x;
  background-position: bottom center;
  background-size: 6px 1px;*/
}


@media only screen and (max-width: 800px) {
  /*.fmod_check_01 {
    padding-bottom: 15px;
  }*/
}

.fmod_check_01 .hdg {
  margin-bottom: 13px;
}

.fmod_check_01 input {
  position: absolute;
  opacity: 0;
}

.fmod_check_01 input:checked + .txt::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 7px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  left: 4px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border: solid 3px #d90000;
  border-top: none;
  border-right: none;
}

.fmod_check_01 .txt {
  display: inline-block;
  padding-left: 28px;
  position: relative;
  cursor: pointer;
}

.fmod_check_01 .txt::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: 0;
  border: solid 1px #ccc;
  border-radius: 2px;
  background: #fff;
}

.fmod_check_01 .list_check_01 > li {
  margin-bottom: 4px;
}

.fmod_list_01 {
  padding: 20px 20px 10px;
}

.fmod_list_01._border {
  border-right: solid 2px #ccc;
  border-left: solid 2px #ccc;
  border-bottom: solid 2px #ccc;
  padding: 20px 28px 10px;
  margin-bottom: 0;
}

@media only screen and (max-width: 800px) {
  .fmod_list_01._border {
    border: none;
    padding: 20px 0 0;
    margin-bottom: 0;
  }
}

.fmod_list_01 .hdg {
  font-weight: bold;
}

.fmod_list_01 dl {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

@media only screen and (max-width: 800px) {
  .fmod_list_01 dl {
    border-bottom: none;
    padding-bottom: 0;
  }
}

.fmod_list_01 dt {
  clear: clear;
  float: left;
  width: 20%;
  font-weight: bold;
  margin-top: 10px;
}

@media only screen and (max-width: 800px) {
  .fmod_list_01 dt {
    float: none;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 4px;
    width: 100%;
  }
}

.fmod_list_01 dd {
  margin: 0 0 0 22%;
}

@media only screen and (max-width: 800px) {
  .fmod_list_01 dd {
    margin: 0;
  }
}

.fmod_list_01 .fmod_date .date_form > input {
  width: 124px;
  padding: 10px;
}

.fmod_list_01 .fmod_date .date_form .txt {
  margin: 0 4px 0 8px;
}

.target_error {
  padding-bottom:10px;
  color:red;text-align:center;
}

/* site top */
.site_top .str_mv .dmc_inner {
  padding: 40px 80px 0;
}

@media only screen and (max-width: 800px) {
  .site_top .str_mv .dmc_inner {
    display: block;
    padding: 20px 20px 10px;
  }
}

.noJs .site_top .str_mv {
  height: auto;
}

.site_top .dmc_contents._subdivision .dmc_head .hdg {
  vertical-align: middle;
  font-size: 2rem;
  line-height: 1.2;
}

.site_top.seminar .dmc_contents._subdivision .dmc_head .hdg,
.search .dmc_contents._subdivision .dmc_head .hdg {
  vertical-align: middle;
  font-size: 2rem;
  line-height: 1.2;
  background: #333;
  color: #fff;
}

@media only screen and (max-width: 800px) {
  .site_top.seminar .dmc_contents._subdivision .dmc_head .hdg,
  .search .dmc_contents._subdivision .dmc_head .hdg {
    vertical-align: middle;
    font-size: 1.7rem;
    line-height: 1.2;
    background: #333;
    color: #fff;
    padding: 12px 16px 10px;
  }
}

.site_top .dmc_contents._subdivision .dmc_head .hdg::first-letter {
  color: #e60000;
}

.mes .site_top .dmc_contents._subdivision .dmc_head .hdg::first-letter {
  color: #0099d2;
}

.seminar .site_top .dmc_contents._subdivision .dmc_head .hdg::first-letter,
.seminar.site_top .dmc_contents._subdivision .dmc_head > .hdg_02::first-letter {
  color: #d90000;
}

#str_aside .dmc_contents._subdivision._ex .dmc_head .hdg {
  vertical-align: middle;
  font-size: 2rem;
  line-height: 1.2;
}

#str_aside .dmc_contents._subdivision._ex .dmc_head .hdg::first-letter {
  color: #e60000;
}

.mes .dmc_contents._subdivision .dmc_head .hdg::first-letter {
  color: #0099d2;
}

.mes #str_aside .dmc_contents._subdivision .dmc_head .hdg::first-letter {
  color: #0099d2;
}

.seminar .dmc_contents._subdivision .dmc_head .hdg::first-letter {
  color: #d90000;
}

.seminar #str_aside .dmc_contents._subdivision .dmc_head .hdg::first-letter {
  color: #d90000;
}

/* seminar category mv */
.str_mv._category .bmod_hdg {
  margin: 0;
  padding: 0;
}

.str_mv._category .sub {
  background: #da2128;
  color: #fff;
  padding: 6px 10px 4px;
  display: inline-block;
}

@media only screen and (max-width: 800px) {
  .str_mv._category .sub {
    background: #da2128;
    color: #fff;
    padding: 6px 10px 4px;
    display: inline-block;
    font-size: 1.3rem;
  }
}

.str_mv._category .hdg {
  color: #fff;
  font-size: 2.4rem;
  margin-left: 36px;
  padding-top: 80px;
  display: block;
}

@media only screen and (max-width: 800px) {
  .str_mv._category .hdg {
    color: #fff;
    font-size: 2.0rem;
    text-align: left;
    padding-top: 56px;
    display: block;
    margin-left: 30px;
  }
}

/* text icon */
.txt_icon {
  display: block;
  float: right;
  margin-top: 19px;
  margin-right: 13px;
  padding: 3px 7px 2px;
  border: solid 1px transparent;
  border-radius: 3px;
  font-size: 1.1rem;
  line-height: 1;
  color: #fff;
}

@media only screen and (max-width: 800px) {
  .txt_icon {
    display: block;
  }
}

.txt_icon._type_01 {
  border-color: #b00000;
  background: #b00000;
}

.txt_icon._type_02 {
  border-color: #b00000;
  background: #fff;
  color: #b00000;
}

.txt_icon._type_03 {
  border-color: #9d9a67;
  background: #9d9a67;
}

.txt_icon._type_04 {
  border-color: #5980c1;
  background: #5980c1;
}

/* tag */
.tag {
  display: block;
  padding: 2px 15px 4px 14px;
  position: absolute;
  font-weight: bold;
  color: #fff;
}

.tag::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: -4px;
  border-width: 0 4px 9px 0;
  border-style: solid;
}

.tag._pickup {
  background: #cf2d81;
}

.tag._pickup:before {
  content: '';
  display: inline-block;
  width: 9px;
  height: 13px;
  margin-right: 5px;
  -webkit-transform: rotate(42deg);
      -ms-transform: rotate(42deg);
          transform: rotate(42deg);
  border-right: solid 3px #fff;
  border-bottom: solid 3px #fff;
}

.tag._pickup::after {
  border-color: transparent transparent #ed70b1;
}

/* js */
.jsHide {
  display: none !important;
}

/* megadown */
.jsSp .jsMegaHook {
  display: none !important;
}

.jsSp .nav_megamenu {
  height: auto !important;
}

.noJs .nav_megamenu {
  display: none;
}

/* hbgmenu */
.jsSp .mega_item button::after {
  display: block !important;
}

.jsSp .mega_item.jsOpen button::after {
  display: none !important;
}

.jsOnHbg {
  position: fixed;
}

.jsOnHbg #str_header {
  overflow-y: scroll;
  max-height: 100%;
}

body:not(.jsSp) .hbg_btn {
  display: none;
}

body:not(.jsSp) #nav_global .jsTglBtn {
  display: none;
}

/* toggle */
.jsTglBtnIcon {
  display: inline-block;
  overflow: hidden;
  width: 0;
  height: 0;
  white-space: nowrap;
  text-indent: 100%;
}

.jsTglBtn {
  position: relative;
}

.jsTglBtn::before, .jsTglBtn::after {
  width: 14px;
  height: 2px;
  right: 20px;
  background: #fff;
}

.jsTglBtn::after {
  margin-top: -1px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.jsOpen .jsTglBtn::after {
  display: none !important;
}

/* tab area */
/* carousel */
.slick-slider {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-touch-callout: none;
   -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track {
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.slick-track:before, .slick-track:after {
  content: '';
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
  margin: auto;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.bmod_carousel_01 {
  width: 390px;
  margin: auto;
  padding-top: 14px;
  text-align: center;
}

@media only screen and (max-width: 800px) {
  .bmod_carousel_01 {
    width: auto;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_carousel_01 .bmod_lyt_01 {
    margin-bottom: 5px;
  }
}

.bmod_carousel_01 .tmod_txt_01 {
  text-align: left;
}

@media only screen and (max-width: 800px) {
  .bmod_carousel_01 .tmod_txt_01 {
    padding: 0 30px !important;
  }
}

@media only screen and (max-width: 800px) {
  .bmod_carousel_01 .bmod_img_01 {
    padding: 0 30px 5px;
  }
}

.bmod_carousel_01 .slick-prev, .bmod_carousel_01 .slick-next {
  display: block;
  overflow: hidden;
  width: 40px;
  height: 38px;
  margin-top: -27px;
  position: absolute;
  z-index: 2;
  top: 50%;
  white-space: nowrap;
  text-indent: 100%;
  background: url(/static/upload/mufg-squet.smktg.jp/system/seminar_base/shared/users/images/bg_carousel_arrow.png);
}

.bmod_carousel_01 .slick-prev:hover, .bmod_carousel_01 .slick-prev:focus, .bmod_carousel_01 .slick-prev:active, .bmod_carousel_01 .slick-next:hover, .bmod_carousel_01 .slick-next:focus, .bmod_carousel_01 .slick-next:active {
  opacity: .7;
}

.bmod_carousel_01 .slick-prev::before, .bmod_carousel_01 .slick-next::before {
  content: '';
  width: 12px;
  height: 12px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}

.bmod_carousel_01 .slick-prev {
  left: -55px;
}

@media only screen and (max-width: 800px) {
  .bmod_carousel_01 .slick-prev {
    left: -19px;
  }
}

.bmod_carousel_01 .slick-prev::before {
  right: 13px;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.bmod_carousel_01 .slick-next {
  right: -55px;
}

@media only screen and (max-width: 800px) {
  .bmod_carousel_01 .slick-next {
    right: -19px;
  }
}

.bmod_carousel_01 .slick-next::before {
  right: 16px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.bmod_carousel_01 .slick-dots {
  display: inline-block;
  margin-top: 2px;
}

.bmod_carousel_01 .slick-dots li {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 4px;
  position: relative;
}

.bmod_carousel_01 .slick-dots li button {
  display: block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  position: relative;
  white-space: nowrap;
  text-indent: 100%;
}

.bmod_carousel_01 .slick-dots li button:hover, .bmod_carousel_01 .slick-dots li button:focus, .bmod_carousel_01 .slick-dots li button:active {
  opacity: .7;
}

.bmod_carousel_01 .slick-dots li button::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: solid 1px #c4c4c4;
  border-radius: 100%;
  background: #c4c4c4;
}

.bmod_carousel_01 .slick-dots li.slick-active button::before {
  background: #fff;
}

.bmod_carousel_01 .slick-dots li.slick-active button::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  border: solid 1px #fff;
  border-radius: 100%;
  background: #fff;
}

.bmod_carousel_01 .slider_btn {
  display: inline-block;
  overflow: hidden;
  width: 13px;
  height: 14px;
  margin-bottom: 2px;
  margin-left: 12px;
  position: relative;
  white-space: nowrap;
  text-indent: 100%;
}

.bmod_carousel_01 .slider_btn .btn {
  display: block;
  overflow: hidden;
  width: 13px;
  height: 14px;
  top: 2px;
  white-space: nowrap;
  text-indent: 100%;
}

.bmod_carousel_01 .slider_btn .btn:hover, .bmod_carousel_01 .slider_btn .btn:focus, .bmod_carousel_01 .slider_btn .btn:active {
  opacity: .7;
}

.bmod_carousel_01 .slider_btn .btn::before, .bmod_carousel_01 .slider_btn .btn::after {
  content: '';
  display: block;
  width: 4px;
  height: 13px;
  position: absolute;
  top: 0;
  background: #fff;
}

.bmod_carousel_01 .slider_btn .btn::before {
  left: 0;
}

.bmod_carousel_01 .slider_btn .btn::after {
  right: 0;
}

.bmod_carousel_01 .slider_btn .btn.jsStop::before {
  width: 0;
  height: 0;
  border-width: 7px 0 7px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  background: transparent;
}

.bmod_carousel_01 .slider_btn .btn.jsStop::after {
  display: none;
}

/* section */
.seminar .section {
  margin-top : -150px;
  padding-top : 150px;
}

@media only screen and (max-width: 800px) {
  .seminar .section {
    margin-top : -62px;
    padding-top : 62px;
  }
}

/* list recommended */
.bmd_list_recommended {
  position: relative;
}

.bmd_list_recommended > p {
  position: absolute;
  right: 10px;
  top: -37px;
}

.bmd_list_recommended > p img {
  width: 210px;
}

@media only screen and (max-width: 800px) {
  .bmd_list_recommended > p {
    position: static;
    text-align: center;
  }
  .bmd_list_recommended > p img {
    width: 180px;
  }
}

.bmd_list_recommended > h2 {
  background: #ffdddd;
  border-radius: 3px 3px 0 0;
  padding: 14px 20px 12px;
  font-size: 1.6rem;
  font-weight: bold;
}

@media only screen and (max-width: 800px) {
  .bmd_list_recommended > h2 {
    background: #ffdddd;
    border-radius: 3px 3px 0 0;
    padding: 8px 16px 6px;
    text-align: center;
  }
}

.bmd_list_recommended > h2 span {
  color: #da2128;
}

.bmd_list_recommended ul {
  border-right: solid 2px #ffdddd;
  border-left: solid 2px #ffdddd;
  border-bottom: solid 2px #ffdddd;
  border-radius: 0 0 4px 4px;
  position: relative;
  padding: 2px 16px;
}

.bmd_list_recommended li {
  border-bottom: solid 1px #ddd;
  padding: 10px 0 10px 1.4em;
}

.bmd_list_recommended li:last-child {
  border-bottom: none;
  padding-bottom: 8px;
  margin-bottom: 0;
}

.bmd_list_recommended li::before {
  display: inline;
  font-family: "Font Awesome 5 Free";
  content: '\f00c';
  color: #da2128;
  font-size: 1.4rem;
  margin: 0 6px 0 -1.4em;
  font-weight: bold;
}

/* aside 固定 */
#str_aside_inner.fixed-side{
  position:fixed;
  bottom:0;
}

#str_aside_inner.bottom-side{
  position:absolute;
}

@media screen and (max-width:800px){
  #str_aside_inner.fixed-side{
    position:static;
  }
  #str_aside_inner.bottom-side{
    position:static;
  }
}

#str_wrapper { 
  position: relative;
}

/* adjust ---------------------------------------*/

/* 表示切り替え */
.none_pc {
  display: none;
}

@media only screen and (max-width: 800px) {
  .none_sp {
    display: none;
  }
  .none_pc {
    display: block;
  }
}

.none {
  display: none;
}

.br_sp {
  display: none;
}

@media only screen and (max-width: 800px) {
  .br_sp {
    display: block;
  }
}

/* 選択不可 */
.none_select {
  user-select: none;
  pointer-events: none;
  opacity: 0.4;
}

/* align */
.align_c { text-align: center !important; }
.align_l { text-align: left !important; }
.align_r { text-align: right !important; }

/* float */
.float_l { float: left !important; }
.float_r { float: right !important; }

/* width */
.w_5 { width: 5% !important; }
.w_6 { width: 6% !important; }
.w_7 { width: 7% !important; }
.w_8 { width: 8% !important; }
.w_9 { width: 9% !important; }
.w_10 { width: 10% !important; }
.w_11 { width: 11% !important; }
.w_12 { width: 12% !important; }
.w_13 { width: 13% !important; }
.w_14 { width: 14% !important; }
.w_15 { width: 15% !important; }
.w_16 { width: 16% !important; }
.w_17 { width: 17% !important; }
.w_18 { width: 18% !important; }
.w_19 { width: 19% !important; }
.w_20 { width: 20% !important; }
.w_21 { width: 21% !important; }
.w_22 { width: 22% !important; }
.w_23 { width: 23% !important; }
.w_24 { width: 24% !important; }
.w_25 { width: 25% !important; }
.w_26 { width: 26% !important; }
.w_27 { width: 27% !important; }
.w_28 { width: 28% !important; }
.w_29 { width: 29% !important; }
.w_30 { width: 30% !important; }
.w_31 { width: 31% !important; }
.w_32 { width: 32% !important; }
.w_33 { width: 33% !important; }
.w_34 { width: 34% !important; }
.w_35 { width: 35% !important; }
.w_36 { width: 36% !important; }
.w_37 { width: 37% !important; }
.w_38 { width: 38% !important; }
.w_39 { width: 39% !important; }
.w_40 { width: 40% !important; }
.w_41 { width: 41% !important; }
.w_42 { width: 42% !important; }
.w_43 { width: 43% !important; }
.w_44 { width: 44% !important; }
.w_45 { width: 45% !important; }
.w_46 { width: 46% !important; }
.w_47 { width: 47% !important; }
.w_48 { width: 48% !important; }
.w_49 { width: 49% !important; }
.w_50 { width: 50% !important; }
.w_51 { width: 51% !important; }
.w_52 { width: 52% !important; }
.w_53 { width: 53% !important; }
.w_54 { width: 54% !important; }
.w_55 { width: 55% !important; }
.w_56 { width: 56% !important; }
.w_57 { width: 57% !important; }
.w_58 { width: 58% !important; }
.w_59 { width: 59% !important; }
.w_60 { width: 60% !important; }
.w_61 { width: 61% !important; }
.w_62 { width: 62% !important; }
.w_63 { width: 63% !important; }
.w_64 { width: 64% !important; }
.w_65 { width: 65% !important; }
.w_66 { width: 66% !important; }
.w_67 { width: 67% !important; }
.w_68 { width: 68% !important; }
.w_69 { width: 69% !important; }
.w_70 { width: 70% !important; }
.w_71 { width: 71% !important; }
.w_72 { width: 72% !important; }
.w_73 { width: 73% !important; }
.w_74 { width: 74% !important; }
.w_75 { width: 75% !important; }
.w_76 { width: 76% !important; }
.w_77 { width: 77% !important; }
.w_78 { width: 78% !important; }
.w_79 { width: 79% !important; }
.w_80 { width: 80% !important; }
.w_81 { width: 81% !important; }
.w_82 { width: 82% !important; }
.w_83 { width: 83% !important; }
.w_84 { width: 84% !important; }
.w_85 { width: 85% !important; }
.w_86 { width: 86% !important; }
.w_87 { width: 87% !important; }
.w_88 { width: 88% !important; }
.w_89 { width: 89% !important; }
.w_90 { width: 90% !important; }
.w_91 { width: 91% !important; }
.w_92 { width: 92% !important; }
.w_93 { width: 93% !important; }
.w_94 { width: 94% !important; }
.w_95 { width: 95% !important; }
.w_96 { width: 96% !important; }
.w_97 { width: 97% !important; }
.w_98 { width: 98% !important; }
.w_99 { width: 99% !important; }
.w_100 { width: 100% !important; }


/* margin padding */
.mt_0 { margin-top: 0 !important; }
.mb_0 { margin-bottom: 0 !important; }
.ml_0 { margin-left: 0 !important; }
.mr_0 { margin-right: 0 !important; }
.pt_0 { padding-top: 0 !important; }
.pb_0 { padding-bottom: 0 !important; }
.pl_0 { padding-left: 0 !important; }
.pr_0 { padding-right: 0 !important; }

.mt_5 { margin-top: 5px !important; } 
.mb_5 { margin-bottom: 5px !important; }
.ml_5 { margin-left: 5px !important; }
.mr_5 { margin-right: 5px !important; }
.pt_5 { padding-top: 5px !important; }
.pb_5 { padding-bottom: 5px !important; }
.pl_5 { padding-left: 5px !important; }
.pr_5 { padding-right: 5px !important; }

.mt_10 { margin-top: 10px !important; }
.mb_10 { margin-bottom: 10px !important; }
.ml_10 { margin-left: 10px !important; }
.mr_10 { margin-right: 10px !important; }
.pt_10 { padding-top: 10px !important; }
.pb_10 { padding-bottom: 10px !important; }
.pl_10 { padding-left: 10px !important; }
.pr_10 { padding-right: 10px !important; }

.mt_15 { margin-top: 15px !important; }
.mb_15 { margin-bottom: 15px !important; }
.ml_15 { margin-left: 15px !important; }
.mr_15 { margin-right: 15px !important; }
.pt_15 { padding-top: 15px !important; }
.pb_15 { padding-bottom: 15px !important; }
.pl_15 { padding-left: 15px !important; }
.pr_15 { padding-right: 15px !important; }

.mt_20 { margin-top: 20px !important; }
.mb_20 { margin-bottom: 20px !important; }
.ml_20 { margin-left: 20px !important; }
.mr_20 { margin-right: 20px !important; }
.pt_20 { padding-top: 20px !important; }
.pb_20 { padding-bottom: 20px !important; }
.pl_20 { padding-left: 20px !important; }
.pr_20 { padding-right: 20px !important; }

.mt_25 { margin-top: 25px !important; }
.mb_25 { margin-bottom: 25px !important; }
.ml_25 { margin-left: 25px !important; }
.mr_25 { margin-right: 25px !important; }
.pt_25 { padding-top: 25px !important; }
.pb_25 { padding-bottom: 25px !important; }
.pl_25 { padding-left: 25px !important; }
.pr_25 { padding-right: 25px !important; }

.mt_30 { margin-top: 30px !important; }
.mb_30 { margin-bottom: 30px !important; }
.ml_30 { margin-left: 30px !important; }
.mr_30 { margin-right: 30px !important; }
.pt_30 { padding-top: 30px !important; }
.pb_30 { padding-bottom: 30px !important; }
.pl_30 { padding-left: 30px !important; }
.pr_30 { padding-right: 30px !important; }

.mt_35 { margin-top: 35px !important; }
.mb_35 { margin-bottom: 35px !important; }
.ml_35 { margin-left: 35px !important; }
.mr_35 { margin-right: 35px !important; }
.pt_35 { padding-top: 35px !important; }
.pb_35 { padding-bottom: 35px !important; }
.pl_35 { padding-left: 35px !important; }
.pr_35 { padding-right: 35px !important; }

.mt_40 { margin-top: 40px !important; }
.mb_40 { margin-bottom: 40px !important; }
.ml_40 { margin-left: 40px !important; }
.mr_40 { margin-right: 40px !important; }
.pt_40 { padding-top: 40px !important; }
.pb_40 { padding-bottom: 40px !important; }
.pl_40 { padding-left: 40px !important; }
.pr_40 { padding-right: 40px !important; }

.mt_45 { margin-top: 45px !important; }
.mb_45 { margin-bottom: 45px !important; }
.ml_45 { margin-left: 45px !important; }
.mr_45 { margin-right: 45px !important; }
.pt_45 { padding-top: 45px !important; }
.pb_45 { padding-bottom: 45px !important; }
.pl_45 { padding-left: 45px !important; }
.pr_45 { padding-right: 45px !important; }

.mt_50 { margin-top: 50px !important; }
.mb_50 { margin-bottom: 50px !important; }
.ml_50 { margin-left: 50px !important; }
.mr_50 { margin-right: 50px !important; }
.pt_50 { padding-top: 50px !important; }
.pb_50 { padding-bottom: 50px !important; }
.pl_50 { padding-left: 50px !important; }
.pr_50 { padding-right: 50px !important; }

/* modal */
.modalwin {
    position: fixed;
    width: 700px;
    height: 250px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 #000;
    z-index: 1;
}

#modalwin p {
    text-align:center;
    padding: 10px 0 10px 0;
}

.modalwin-title {
    margin-top:20px;
}

.modalwin-buttons {
    text-align:center;
    margin-top:10px;
}

.modalwin-buttons p {
    display: inline-table;
}

#modalwin .mypage_button {
    padding-right:10px;
}

#modalwin .next_button {
    padding-left:10px;
}

a.btn-gradation {
    border: 1px solid #333;
    background: #333;
    color: #fff;
    display: block;
    width: 100%;
    max-width: 300px;
    margin: auto;
    padding: 15px 35px 15px 35px;
    position: relative;
    text-align: center;
    text-decoration: none;
    line-height: 1.333;
}

@media only screen and (max-width: 800px) {
  a.btn-gradation {
    padding: 12px 25px 12px 25px;
  }
}

a.btn-gradation:hover {
  opacity: 0.8;
}

.show {
    display: block;
}

.hide {
    display: none;
}

#shade {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ccc;
    opacity: 0.9;
    z-index: 1;
}

.mobile {
    display: none;
}

@media screen and (max-width: 600px) {
    .modalwin {
        width: 90%;
    }
    #modalwin p {
        margin-left: 0%;
    }
    .mobile {
        display: block;
    }
}

/** 業務担当者画面用. */
body.staffpage {
  min-width:1200px;
}
.staffpage.single_col #str_main {
  width:100%;
}
.staffpage .staffpage_title {
  color: white;
  height:40px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 40px;
  padding-left: 25px;
  background-color: #333;
  margin-bottom: 20px;
}
.staffpage div.dmc_header_01.site_name {
  color:white;
  font-size: 2.5rem;
  font-weight: 900;
  padding-left: 23px;
}
.staffpage p.site_name {
  position: absolute;
  left: 130px;
  top: 18px;
  font-size: 1.5rem;
  font-weight: bolder;
}
.staffpage .select_buttons .fmod_submit_02 {
  text-align: left;
  margin-top: 25px;
}
.staffpage .select_buttons ul .fmod_submit_02 {
  margin-bottom: 30px;
}
.staffpage .select_buttons ul li div, .staffpage ul li div.textarea_col {
  display:flex;
  align-items:center;
}
.staffpage ul li:not(.comment_col) div.textarea_col {
  justify-content: flex-end;
}
.staffpage ul li.comment_col {
  width: 100%;
  text-align: left;
  margin-left: calc(12% - 78px);
  margin-top: 15px;
}
.staffpage .fmod_list_01 .list_txt_01 li.comment_col textarea {
  width: 55%;
  margin-right: calc(12% - 80px);
}
.staffpage .select_buttons ul li div div {
  display: inline-block;
  margin-left: 15px;
}
.staffpage .select_buttons .list_txt_01 {
  border-bottom:1px dashed #333;
}
.staffpage .list_txt_01 .col input:disabled, .staffpage .list_txt_01 .col textarea:disabled,
.staffpage .list_txt_01 .col select:disabled  {
  background-color: #f1f1f1;
}
.staffpage .list_txt_01 .col textarea,.staffpage table .note_col textarea {
  resize: none;
}
.staffpage .fmod_list_01 .fmod_text_01, .staffpage .fmod_list_01 .fmod_select_01 {
  width: 65%;
}
.staffpage .bmod_tbl_03 td dl dd {
  border-bottom: none;
}
.staffpage .bmod_tbl_03 table dl dt {
  width: 130px;
}
.staffpage .bmod_tbl_03 table td:not(:first-child) {
  border-left: none;
}
.staffpage table td.name_col input {
  width: calc(50% - 3px);
}
.staffpage table td.name_col input:first-child {
  margin-right: 5px;
}
.staffpage table td.note_col input {
  width: 100%;
}
.staffpage table td.money_col input {
  width: calc(100% - 20px);
  margin-right: 5px;
}
.staffpage table td.money_col {
  text-align: right;
}
.staffpage table td.money_col.difference {
  color: red;
}
.staffpage dd.money_dd {
  text-align: right;
  padding-right: 50px;
}
.staffpage table th.checkbox_col, .staffpage table td.checkbox_col {
  text-align: center;
}
.staffpage .bmod_tbl_03 table th, .bmod_tbl_03 table td:first-child {
  padding-left: 50px;
}
/** ログイン画面用. */
.login_page .dmc_contents .fmod_list_01 {
  text-align: center;
}
.login_page .dmc_contents .fmod_list_01 ul {
  margin: 20px 0px;
}
.login_page .fmod_list_01 .fmod_text_01,
.login_page .fmod_list_01 .fmod_select_01 {
	width: 70%;
}
.login_page .bmod_hdg_02 {
  border-left: none;
}
.login_page.single_col main#str_main {
  float: none;
  width: 600px;
  margin: 0 auto;
  margin-top:120px;
}
.login_page [class^='fmod_'] {
  margin-bottom: 10px;
}
.login_page .fmod_submit_02 input {
   width:190px;
}
@media only screen and (max-width: 800px) {
  body.login_page #str_main {
    float: none;
    width: 100%;
    margin-right: 0;
    max-width: 100%;
  }
  body.login_page input[type='text'], 
  body.login_page input[type='password'] {
    font-size: 1.2rem;
    line-height: 1.0;
  }
  .login_page.single_col .fmod_submit_02 input {
    display: inline;
  }
  .login_page.single_col main#str_main {
     margin-top:80px;
  }
}
.login_page.single_col ul.nav_utility {
  display:none;
}
.login_page.single_col div.dmc_contents {
  padding:0px 0px 20px 0px;
}
body.login_page.single_col, .login_page.single_col div#str_content {
   min-width:auto;
   width:auto;
}
.login_page.single_col div.dmc_contents h2.bmod_hdg_02._seminar {
   text-align: center;
   margin-bottom: 0px;
   width: 100%;
   border-bottom: 1px solid #ccc;
   background-color:white;
   margin-left:0px;
}
@media only screen and (max-width: 600px) {
  .login_page .fmod_list_01 .fmod_text_01,
  .login_page .fmod_list_01 .fmod_select_01,
  .login_page .fmod_list_01 .fmod_submit_02 input {
    width:100%;
  }
}
@media screen and (max-width:800px){
  #nav_mypage.staffpage li:last-child input {
    font-size: 0.9em;
  }
  #nav_mypage.staffpage li:nth-child(3) {
    display:none;
  }
  .staffpage header {
    height:62px;
  }
}
/** エラー画面用. */
.error_page .errorpage_title {
  color: white;
  height:40px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 40px;
  padding-left: 25px;
  background-color: #333;
  margin-bottom: 20px;
}
.error_page.single_col #str_main {
  width:100%;
}
.error_page.single_col #str_main {
  width:100%;
}
.error_page .fmod_submit_02 input {
  width:190px;
}
  .error_page.single_col .fmod_submit_02 input {
    display: inline;
    text-align:center;
  }
@media only screen and (max-width: 800px) {

  .error_page .fmod_list_01 .fmod_text_01{
    width:100%;
  }
  body.error_page {
    min-width: 0;
  }
  .error_page .errorpage_title {
     padding: 0 10px;
    font-size: 1.5rem;
  }
}