@charset "UTF-8";
/** セミナー ================================== */
.c-seminarList { margin: 30px 0; }

.c-seminarList__item { display: block; position: relative; overflow: hidden; text-decoration: none; border-radius: 5px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); width: 100%; }

@media screen and (min-width: 768px) { .c-seminarList__item { display: flex; flex-wrap: nowrap; align-items: flex-start; } }

.c-seminarList__item + .c-seminarList__item { margin-top: 10px; }

@media screen and (min-width: 768px) { .c-seminarList__item + .c-seminarList__item { margin-top: 20px; } }

.c-seminarList__item--closing::before, .c-seminarList__item--closed::before, .c-seminarList__item--ended::before { display: inline-block; position: absolute; background: #000; color: #fff; font-size: 11px; letter-spacing: 0.1em; padding: 20px 40px 2px 40px; left: 0; top: 0; transform: translate(-42px, -10px) rotate(-45deg); }

.c-seminarList__item--closing::before { content: '間近'; background: #ff5e00; color: #fff; }

.c-seminarList__item--closed::before { content: '締切'; }

.c-seminarList__item--ended::before { content: '終了'; }

@media screen and (min-width: 768px) { .c-seminarList__item__thumbnail { width: 198px; flex-grow: 0; flex-shrink: 0; align-self: center; } }

.c-seminarList__item__thumbnail > img { width: 100%; height: auto; }

.c-seminarList__item__info { padding: 10px; }

@media screen and (min-width: 768px) { .c-seminarList__item__info { padding: 24px 26px 20px 12px; } }

.c-seminarList__item .tag { display: inline-block; border: 1px solid #676b6c; background: #676b6c; color: #fff; padding: 2px 4px; font-size: 10px; margin-bottom: 8px; }

.c-seminarList__item .tag + .tag { margin-left: 8px; }

.c-seminarList__item .tag.status { border-color: #e75400; background: #fff; color: #e75400; }

@media screen and (min-width: 768px) { .c-seminarList__item .tag { font-size: 12px; } }

.c-seminarList__item__headline .headlines { font-weight: bold; line-height: 1.4; margin-bottom: 2px; }

@media screen and (min-width: 768px) { .c-seminarList__item__headline .headlines { font-size: 18px; } }

.c-seminarList__item__detail { font-size: 12px; line-height: 1.6; }

.c-seminarList__item__detail > dl { display: flex; flex-wrap: wrap; }

@media screen and (min-width: 768px) { .c-seminarList__item__detail > dl { display: block; } }

.c-seminarList__item__detail > dl > dt { width: 7em; padding: 4px 0; }

@media screen and (min-width: 768px) { .c-seminarList__item__detail > dl > dt { padding: 0; width: auto; display: inline; }
  .c-seminarList__item__detail > dl > dt:nth-child(n+2)::before { content: '｜'; display: inline; } }

.c-seminarList__item__detail > dl > dd { padding: 4px 0; width: calc(100% - 7em); flex-grow: 1; text-indent: -1em; }

@media screen and (min-width: 768px) { .c-seminarList__item__detail > dl > dd { padding: 0; width: auto; display: inline; text-indent: 0; } }

.c-seminarList__item__detail > dl > dd::before { content: '：'; display: inline; }

.c-seminarList a.c-seminarList__item { transition: opacity .3s; }

.c-seminarList a.c-seminarList__item:hover { opacity: 0.7; text-decoration: none; }

.c-relatedContentList { display: block; }

@media screen and (min-width: 768px) { .c-relatedContentList { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; } }

.c-relatedContentList__item { display: flex; align-items: flex-start; position: relative; overflow: hidden; text-decoration: none; border-radius: 5px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); width: 100%; padding: 12px; margin-bottom: 10px; transition: opacity .3s; }

.c-relatedContentList__item:hover { text-decoration: none; opacity: 0.7; }

@media screen and (min-width: 768px) { .c-relatedContentList__item { padding: 24px; width: 49.5%; margin-bottom: 20px; }
  .c-relatedContentList__item:nth-child(2n) { margin-left: 1%; } }

.c-relatedContentList__item__thumbnail { width: 100px; height: 100px; flex-grow: 0; flex-shrink: 0; }

.c-relatedContentList__item__thumbnail > img { width: 100%; height: auto; }

.c-relatedContentList__item__info { width: calc(100% - 100px); padding-left: 18px; }

.c-relatedContentList__item__headline { font-size: 14px; font-weight: bold; margin-bottom: 4px; }

@media screen and (min-width: 768px) { .c-relatedContentList__item__headline { font-size: 16px; } }

.c-relatedContentList__item__body { font-size: 12px; line-height: 1.6; }

@media screen and (min-width: 768px) { .c-relatedContentList__item__body { font-size: 14px; } }

.c-headlineTags { padding: 15px 10px 0; margin: 0 auto; }

@media screen and (min-width: 768px) { .c-headlineTags { padding: 10px 0 0 0; width: 950px; } }

.c-headlineTags + #headline { padding-top: 0; }

.c-headlineTags > .tag { display: inline-block; border: 1px solid #676b6c; background: #676b6c; color: #fff; padding: 2px 4px; font-size: 10px; margin-bottom: 8px; }

.c-headlineTags > .tag + .tag { margin-left: 8px; }

.c-headlineTags > .tag.status { border-color: #e75400; background: #fff; color: #e75400; }

@media screen and (min-width: 768px) { .c-headlineTags > .tag { font-size: 12px; } }

.c-seminarDate { font-size: 16px; padding: 0 10px; font-weight: bold; margin: 0 auto 10px; }

@media screen and (min-width: 768px) { .c-seminarDate { font-size: 20px; width: 950px; padding: 0; } }

.p-relatedContents { margin-top: 40px; }

.p-seminarDetail__inner.inner { padding-left: 10px; padding-right: 10px; word-break: break-word; overflow-wrap: break-word; }

@media screen and (min-width: 768px) { .p-seminarDetail__inner.inner { padding-left: 23px; padding-right: 23px; } }

.p-seminarDetail__inner.inner .product_details { padding-left: 0; padding-right: 0; }

.p-seminarDetail__inner.inner .product_details dl { background: #dddddd; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }

.p-seminarDetail__inner.inner .product_details dt, .p-seminarDetail__inner.inner .product_details dd { border-top: 1px solid #cccccc; padding: 10px; }

@media screen and (max-width: 767.9px) { .p-seminarDetail__inner.inner .product_details dt, .p-seminarDetail__inner.inner .product_details dd { padding: 10px; } }

@media screen and (min-width: 768px) { .p-seminarDetail__inner.inner .product_details { padding: 0; } }

.p-seminarDetail__inner.inner h3 { color: #333; font-size: 20px; font-weight: bold; padding-bottom: 0.5em; border-bottom: 1px solid #ddd; margin-bottom: 0.75em; }

@media screen and (min-width: 768px) { .p-seminarDetail__inner.inner .free_editor { width: 904px !important; } }

.p-seminarDetail__inner.inner .free_editor h3 { color: #333; font-size: 20px; font-weight: bold; padding-bottom: 0.5em; border-bottom: 1px solid #ddd; margin-bottom: 0.75em; }

@media screen and (max-width: 767.9px) { .p-seminarDetail__inner.inner .free_editor h3 { margin-left: 0; margin-right: 0; } }

.p-seminarDetail__inner.inner .free_editor * + h3 { margin-top: 40px; }

.p-seminarDetail__inner.inner .free_editor h4 { margin-top: 28px; margin-bottom: 12px; }

@media screen and (max-width: 767.9px) { .p-seminarDetail__inner.inner .free_editor h4 { margin-left: 0; margin-right: 0; } }

.p-seminarDetail__inner.inner .free_editor * + h4 { margin-top: 35px; }

@media screen and (min-width: 768px) { .p-seminarDetail__inner.inner .free_editor * + h4 { margin-top: 40px; } }

@media screen and (max-width: 767.9px) { .p-seminarDetail__inner.inner .free_editor h5, .p-seminarDetail__inner.inner .free_editor h6 { margin-left: 0; margin-right: 0; } }

.p-seminarDetail__inner.inner .free_editor * + h5, .p-seminarDetail__inner.inner .free_editor * + h6 { margin-top: 25px; }

@media screen and (min-width: 768px) { .p-seminarDetail__inner.inner .free_editor * + h5, .p-seminarDetail__inner.inner .free_editor * + h6 { margin-top: 15px; } }

.p-seminarDetail__inner.inner .free_editor .image-text { display: flex; flex-wrap: wrap; margin-top: 8px; margin-bottom: 8px; }

@media screen and (min-width: 768px) { .p-seminarDetail__inner.inner .free_editor .image-text { flex-wrap: nowrap; align-items: flex-start; margin-top: 15px; margin-bottom: 15px; } }

.p-seminarDetail__inner.inner .free_editor .image-text > .text { flex-basis: auto; flex-shrink: 10; line-height: 1.7; margin: 0; max-width: 100%; }

@media screen and (min-width: 768px) { .p-seminarDetail__inner.inner .free_editor .image-text > .text { margin: 0; } }

.p-seminarDetail__inner.inner .free_editor .image-text > .image { flex-basis: auto; flex-shrink: 0; max-width: 100%; }

.p-seminarDetail__inner.inner .free_editor .image-text > .image > img { display: block; max-width: 100%; height: auto !important; margin-bottom: 8px; }

@media screen and (max-width: 767.9px) { .p-seminarDetail__inner.inner .free_editor .image-text > .image + .text, .p-seminarDetail__inner.inner .free_editor .image-text > .text + .image { margin-top: 10px; } }

@media screen and (min-width: 768px) { .p-seminarDetail__inner.inner .free_editor .image-text > .image + .text, .p-seminarDetail__inner.inner .free_editor .image-text > .text + .image { margin-left: 10px; } }

.p-seminarDetail__inner.inner .free_editor .text--border { border: 1px dotted #ccc; background: #f5f5f5; line-height: 1.7; padding: 12px 18px; }

.p-seminar .p-product__searchNav__form__table { border-top: 1px solid #858585; min-height: 50px; }

.p-seminar .p-product__searchNav__form__table dt, .p-seminar .p-product__searchNav__form__table dd { border-top: none; height: auto; }

@media screen and (max-width: 767.9px) { .p-seminar .p-product__searchNav__form__table dd { padding-bottom: 0; } }

.p-seminar .form4 { width: 100%; display: flex; flex-wrap: wrap; align-items: center; }

.p-seminar .form4 li { color: #fff; height: auto; padding: 4px 0; width: 33.33%; }

@media screen and (min-width: 768px) { .p-seminar .form4 li { padding: 10px 0; width: 25%; } }

.p-seminar .form4 li.is-wide { width: 100%; }

@media screen and (min-width: 768px) { .p-seminar .form4 li.is-wide { width: 50%; } }

.p-seminar .form4 li.is-wide label { display: inline-block; vertical-align: middle; }

.p-seminar .form4 li.is-wide .dropdown2 { display: inline-block; vertical-align: middle; width: 205px; margin-left: 10px; }

.p-seminar .form4 li.is-wide .custom_select2 { width: 220px; }

.p-seminar .checkbox { display: block; }

@media screen and (max-width: 767.9px) { .p-seminar .checkbox > li { width: auto; margin-right: 10px; } }

.p-seminar .checkbox input[type="checkbox"] + label { color: #fff; }

.p-seminarDetail #headline { padding-bottom: 0; margin-bottom: 0; word-break: break-word; overflow-wrap: break-word; }

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