:root {
  --font-family:Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
  --primary-color:#00bbbc;
  --primary-color-3:#febe14;
  --primary-light-color:#C6E8E9;
  --primary-light2-color:#E3F3F3;
  --sec-deep-color:#223c3a;
  --warning-color:#F64371;
  --warning-bg-color:rgba(246, 67, 113, 0.08);
  --gray-900:#333;
  --gray-700:#393b3f;
  --gray-600:#666;
  --gray-500:#999;
  --gray-300:#ccc;
  --gray-100:#f4f4f4;
  --gray-000:#fff;
  --share-x-twitter:#000;
  --share-facebook:#0765ff;
  --button-color:#5817e5;
}

/*** The new CSS Reset - version 1.2.0 (last updated 23.7.2021) ***/
/* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property */
*:where(:not(iframe, canvas, img, svg, video):not(svg *)) {
  all: unset;
  display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove list styles (bullets/numbers) */
ol, ul {
  list-style: none;
}

/* For images to not be able to exceed their container */
img {
  max-width: 100%;
}

/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}

body {
  font-size: clamp(0.875rem, 0.837962963rem + 0.1851851852vw, 1rem);
  font-family: var(--font-family);
  color: var(--gray-900);
  letter-spacing: 0.06em;
  line-height: 1.5;
}

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

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

a {
  transition: 0.3s;
  cursor: pointer;
  text-decoration: underline;
  color: var(--primary-color);
}
a:hover {
  opacity: 0.7;
}

img {
  height: auto;
}

strong {
  font-weight: 700;
}

.u-text--bold {
  font-weight: 700;
}
.u-text--normal {
  font-weight: 400;
}
.u-text--green {
  color: var(--primary-color);
}
.u-text--lg {
  font-size: 1.375rem;
}
@media screen and (min-width: 1200px) {
  .u-text--lg {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .u-text--lg {
    font-size: 1.625rem;
  }
}
.u-text--md {
  font-size: 1.125rem;
}
@media screen and (min-width: 1200px) {
  .u-text--md {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 1400px) {
  .u-text--md {
    font-size: 1.5rem;
  }
}
.u-text--smd {
  font-size: clamp(1rem, 0.9259259259rem + 0.3703703704vw, 1.25rem);
}
.u-text--sm {
  font-size: clamp(0.75rem, 0.712962963rem + 0.1851851852vw, 0.875rem);
}
.u-text--xsm {
  font-size: clamp(0.625rem, 0.587962963rem + 0.1851851852vw, 0.75rem);
}

.u-link--line {
  text-decoration: underline;
}

.u-headline--lg {
  font-weight: 700;
  font-size: clamp(1.5rem, 1.3518518519rem + 0.7407407407vw, 2rem);
}
.u-headline--md {
  font-weight: 700;
  font-size: clamp(1.25rem, 1.212962963rem + 0.1851851852vw, 1.375rem);
}
.u-headline--line {
  position: relative;
  display: flex;
  flex-flow: wrap column;
  text-align: center;
  padding-bottom: 16px;
}
.p-first-content .u-headline--line {
  color: var(--gray-000);
}
.u-headline--line:after {
  content: "";
  width: 70px;
  height: 4px;
  border-radius: 4px;
  background: var(--primary-color);
  position: absolute;
  bottom: 0;
  left: calc(50% - 35px);
}
.p-first-content .u-headline--line:after {
  background: var(--gray-000);
}

.u-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 8px;
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.u-label--download {
  background: var(--primary-color-3);
}

.u-icon {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: center;
}
.u-icon--x-twitter {
  background: var(--share-x-twitter);
}
.u-icon--x-twitter img {
  width: 28px;
  height: auto;
}

.l-footer {
  background-color: var(--sec-deep-color);
  padding: 24px 0 128px;
}
@media screen and (min-width: 768px) {
  .l-footer {
    padding-bottom: 24px;
  }
}
.l-footer__nav-list {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .l-footer__nav-list {
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .l-footer__nav-item {
    margin: 0 8px;
  }
}
.l-footer__nav-item__link {
  color: var(--gray-000);
  display: block;
  padding: 4px 0;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .l-footer__nav-item__link:hover {
    opacity: 1;
    text-decoration: underline;
  }
}
.l-footer__copyright {
  color: var(--gray-000);
  font-size: 12px;
  margin-top: 16px;
  text-align: center;
}

html {
  scroll-behavior: smooth;
}

.p-seminenr-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px 8px 8px;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .p-seminenr-header {
    padding: 8px 16px 8px 0;
  }
}

.p-seminenr-header__logo {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (min-width: 768px) {
  .p-seminenr-header__logo {
    gap: 40px;
  }
}

.p-seminenr-header__logo--ok {
  width: 110px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-seminenr-header__logo--ok {
    width: 155px;
  }
}

.p-seminenr-header__logo--other {
  width: 80px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-seminenr-header__logo--other {
    width: 115px;
    height: auto;
  }
}

.p-seminenr-header__entry a {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  min-height: 38px;
  color: #fff;
  background: #5817E5;
  text-decoration: none;
  border-radius: 32px;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .p-seminenr-header__entry a {
    font-size: 14px;
    padding: 4px 16px;
    min-height: 42px;
  }
}

.p-seminenr__hero-box {
  display: flex;
  justify-content: center;
  width: 100%;
  background: #00BDBD;
  line-height: 0;
}
.p-seminenr__hero-box img {
  width: 100%;
  max-width: 1240px;
  height: auto;
}

.p-infomation {
  padding: 60px 16px;
  display: flex;
  align-items: center;
  flex-flow: column;
  text-align: center;
  line-height: 1.5;
}
.p-infomation h2 {
  font-size: 20px;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .p-infomation h2 {
    font-size: 22px;
  }
}
.p-infomation p {
  font-size: 16px;
  max-width: 678px;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .p-infomation span {
    display: block;
  }
}

.p-problem {
  font-weight: bold;
  padding: 60px 16px;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.p-problem .p-problem__header {
  font-size: 14px;
}
.p-problem .p-problem__header h3 {
  font-size: 22px;
}

.p-problem__box {
  padding: 24px;
  background: #F4F4F4;
  text-align: center;
  border-radius: 32px;
  max-width: 740px;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 32px;
}
@media screen and (min-width: 768px) {
  .p-problem__box {
    padding: 40px;
  }
}

.p-problem__list {
  display: flex;
  flex-flow: column;
  gap: 24px;
}
@media screen and (min-width: 768px) {
  .p-problem__list {
    gap: 32px;
  }
}

.p-problem__list__item {
  background: #fff;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  padding: 16px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-problem__list__item img {
    max-width: 90px;
    height: auto;
  }
}

.p-schedule {
  display: flex;
  padding: 60px 16px;
  flex-flow: column;
  align-items: center;
  gap: 32px;
}
.p-schedule .p-schedule__header {
  font-size: 14px;
  font-weight: bold;
}
.p-schedule .p-schedule__header h3 {
  font-size: 22px;
}

.p-schedule__detail {
  display: flex;
  flex-flow: column;
  max-width: 740px;
  width: 100%;
}

.p-schedule__detail__item {
  border-bottom: 1px solid #aeaeb2;
  padding: 16px 0;
  font-weight: bold;
  display: flex;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .p-schedule__detail__item {
    gap: 40px;
  }
}
.p-schedule__detail__item > * {
  min-width: 0;
}
.p-schedule__detail__item h4 {
  flex: 0 1 100px;
}
.p-schedule__detail__item div {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.p-schedule__detail__item div span {
  font-size: 22px;
}
.p-schedule__detail__item div strong {
  font-size: 22px;
  color: #FF0000;
}
.p-schedule__detail__item ul {
  list-style: disc;
  padding-left: 24px;
}
.p-schedule__detail__item dl {
  display: flex;
}
.p-schedule__detail__item dl > * {
  min-width: 0;
}
.p-schedule__detail__item dl dt {
  flex: 0 1 76px;
}
.p-schedule__detail__item dl dd {
  flex: 1;
}

.p-speaker {
  padding: 60px 16px;
  display: flex;
  flex-flow: column;
  align-items: center;
  background: #F4F4F4;
  text-align: center;
  gap: 32px;
}
.p-speaker .p-speaker__header {
  font-size: 14px;
  font-weight: bold;
}
.p-speaker .p-speaker__header h3 {
  font-size: 22px;
}

.p-speaker__list {
  max-width: 740px;
  display: flex;
  flex-flow: column;
  gap: 40px;
}

.p-speaker__list__item {
  border: 1px solid #aeaeb2;
  padding: 24px;
  border-radius: 20px;
  text-align: left;
  display: flex;
  flex-flow: column;
  gap: 16px;
  background: #fff;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-speaker__list__item {
    gap: 36px;
    padding: 50px 46px;
    flex-flow: row;
  }
}
.p-speaker__list__item > * {
  min-width: 0;
}

.p-speaker__list__item__img {
  flex: 0 1 100px;
  width: 100px;
}
@media screen and (min-width: 768px) {
  .p-speaker__list__item__img {
    flex: 0 1 177px;
    width: auto;
  }
}

.p-speaker__list__item__body {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .p-speaker__list__item__body {
    gap: 20px;
  }
}

.p-speaker__list__item__body__header {
  font-size: 22px;
  display: flex;
  flex-flow: column;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .p-speaker__list__item__body__header {
    position: absolute;
    top: 24px;
    left: 150px;
  }
}
@media screen and (min-width: 768px) {
  .p-speaker__list__item__body__header {
    flex-flow: row;
    gap: 27px;
  }
}
.p-speaker__list__item__body__header p {
  font-size: 12px;
}

.p-entry {
  padding: 60px 16px;
  display: flex;
  flex-flow: column;
  align-items: center;
  text-align: center;
}
.p-entry .p-entry__header {
  font-size: 14px;
  font-weight: bold;
}
.p-entry .p-entry__header h3 {
  font-size: 22px;
}
.p-entry .p-entry__box {
  max-width: 740px;
  width: 100%;
  margin-top: 32px;
}
/*# sourceMappingURL=26_0217seminar.css.map */