@charset "UTF-8";
.blk-SessionPanel_Media img {
  vertical-align: top;
  width: 100%; }

.blk-SessionPanel_Content {
  background-image: linear-gradient(0deg, #eef0fb 0%, white 100%);
  border: solid 4px #193b87;
  margin: -150px 0 0;
  position: relative;
  padding: 30px 30px 15px; }
  @media only screen and (max-width: 768px) {
    .blk-SessionPanel_Content {
      margin: -25px 10px 0;
      padding: 2px 2px 5px; } }

.blk-SessionPanel_Heading {
  background-color: #193b87;
  padding: 20px; }
  @media only screen and (max-width: 768px) {
    .blk-SessionPanel_Heading {
      padding: 10px; } }

.blk-SessionPanel .blk-SessionPanel_Title h2 {
  border: none;
  color: #fff;
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Sawarabi Mincho", 游明朝, Yu Mincho, 游明朝体, YuMincho, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
  font-size: 1.875em;
  margin: 0;
  padding: 0;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .blk-SessionPanel .blk-SessionPanel_Title h2 {
      font-size: 0.9375em; } }

.blk-SessionPanel .blk-SessionPanel_Description {
  color: #fff;
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Sawarabi Mincho", 游明朝, Yu Mincho, 游明朝体, YuMincho, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
  font-size: 1.625em;
  letter-spacing: .03em;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .blk-SessionPanel .blk-SessionPanel_Description {
      font-size: 0.8125em; } }
  .blk-SessionPanel .blk-SessionPanel_Description p {
    margin: .5em 0 !important;
    line-height: 1.5; }

.blk-SessionPanel_Icons {
  display: flex;
  justify-content: center;
  margin: 0 -15px; }
  @media only screen and (max-width: 768px) {
    .blk-SessionPanel_Icons {
      margin: 0 -5px; } }

.blk-SessionPanel_Icon {
  border: solid 1px #fff;
  border-radius: 100%;
  flex-basis: 120px;
  flex-grow: 0;
  flex-shrink: 1;
  height: 120px;
  margin: 0 15px;
  padding: 20px;
  width: 120px; }
  @media only screen and (max-width: 768px) {
    .blk-SessionPanel_Icon {
      flex-basis: 65px;
      height: 65px;
      margin: 0 5px;
      padding: 10px;
      width: 65px; } }
  .blk-SessionPanel_Icon--method, .blk-SessionPanel_Icon--priod, .blk-SessionPanel_Icon--budget {
    height: 40px;
    margin: 0 auto;
    position: relative;
    width: 40px; }
    @media only screen and (max-width: 768px) {
      .blk-SessionPanel_Icon--method, .blk-SessionPanel_Icon--priod, .blk-SessionPanel_Icon--budget {
        height: 30px;
        width: 30px; } }
    .blk-SessionPanel_Icon--method svg, .blk-SessionPanel_Icon--priod svg, .blk-SessionPanel_Icon--budget svg {
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%); }
  .blk-SessionPanel_Icon--method svg {
    height: 27.5px;
    width: 27.5px; }
  .blk-SessionPanel_Icon--priod svg {
    height: 23.5px;
    width: 30px; }
  .blk-SessionPanel_Icon--budget svg {
    height: 25px;
    width: 18px; }
  .blk-SessionPanel_Icon--name {
    color: #fff;
    font-size: 1.5em;
    letter-spacing: .1em;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .blk-SessionPanel_Icon--name {
        font-size: 0.8125em; } }

.blk-SessionPanel_Schedule {
  display: flex;
  margin: 20px 0; }
  @media only screen and (max-width: 768px) {
    .blk-SessionPanel_Schedule {
      display: block;
      margin: 10px 0; } }
  .blk-SessionPanel_Schedule .blk-SessionPanel_Schedule--heading {
    padding: 0 15px; }
    .blk-SessionPanel_Schedule .blk-SessionPanel_Schedule--heading h3 {
      color: #193b87;
      font-size: 1.5em;
      letter-spacing: .05em;
      line-height: 1.875;
      margin: 0;
      padding: 0;
      white-space: nowrap; }
      @media only screen and (max-width: 768px) {
        .blk-SessionPanel_Schedule .blk-SessionPanel_Schedule--heading h3 {
          font-size: 0.9375em;
          text-align: center; } }
      .blk-SessionPanel_Schedule .blk-SessionPanel_Schedule--heading h3::after {
        content: none; }

.blk-SessionPanel_Items {
  flex-grow: 1;
  flex-wrap: wrap;
  display: flex; }

.blk-SessionPanel_Item {
  align-items: flex-end;
  color: #193b87;
  display: flex;
  flex-wrap: wrap;
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Sawarabi Mincho", 游明朝, Yu Mincho, 游明朝体, YuMincho, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
  letter-spacing: .05em;
  padding: 0 25px;
  width: 50%; }
  @media only screen and (max-width: 768px) {
    .blk-SessionPanel_Item {
      justify-content: center;
      width: 100%; } }
  .blk-SessionPanel_Item--date {
    font-size: 1.625em; }
    @media only screen and (max-width: 768px) {
      .blk-SessionPanel_Item--date {
        font-size: 0.9375em; } }
  .blk-SessionPanel_Item--time {
    font-size: 1.125em;
    line-height: 2; }
    @media only screen and (max-width: 768px) {
      .blk-SessionPanel_Item--time {
        font-size: 0.625em; } }

.blk-SessionPanel_Button {
  margin: 20px 0;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .blk-SessionPanel_Button {
      margin: 10px 0; } }
  .blk-SessionPanel_Button--link {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: transparent;
    border: none;
    color: #193b87;
    display: inline-block;
    font-size: 1.125em;
    padding: 0 20px;
    position: relative;
    text-decoration: underline; }
    @media only screen and (max-width: 768px) {
      .blk-SessionPanel_Button--link {
        font-size: 0.8125em;
        padding: 0 10px; } }
    .blk-SessionPanel_Button--link:hover {
      cursor: pointer;
      text-decoration: none; }
    .blk-SessionPanel_Button--link:focus {
      outline: none; }
    .blk-SessionPanel_Button--link::before {
      border-color: #193b87;
      border-top-color: transparent;
      border-right-color: transparent;
      border-style: solid;
      border-width: 3px;
      content: '';
      display: block;
      height: 12px;
      left: 0;
      position: absolute;
      top: 50%;
      transform: translate(0, -75%) rotate(-45deg);
      width: 12px; }
      @media only screen and (max-width: 768px) {
        .blk-SessionPanel_Button--link::before {
          border-width: 1px;
          height: 6px;
          width: 6px; } }

/**
 * hm-block/vitro-briefing-list
 *
============================================== */
.p-BriefingList .p-BriefingList_Open {
  align-items: center;
  display: flex;
  justify-content: center; }
  .p-BriefingList .p-BriefingList_Open h3 {
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
    font-weight: 700;
    margin: 0;
    padding: 0; }
    @media only screen and (max-width: 480px) {
      .p-BriefingList .p-BriefingList_Open h3 {
        font-size: 15px; } }
    .p-BriefingList .p-BriefingList_Open h3::after {
      content: none; }

.p-BriefingList .p-BriefingList_Time {
  margin: 0; }
  @media only screen and (max-width: 480px) {
    .p-BriefingList .p-BriefingList_Time {
      font-size: 13px; } }

.p-BriefingList_Access {
  border-bottom: dashed 1px #cdcdcd;
  text-align: center; }
  @media only screen and (max-width: 480px) {
    .p-BriefingList_Access {
      font-size: 0.75em; } }
  .p-BriefingList_Access--inside {
    display: inline-block;
    padding: 8px 0 8px 30px;
    position: relative; }
    @media only screen and (max-width: 480px) {
      .p-BriefingList_Access--inside {
        padding: 6px 0 6px 20px; } }
  .p-BriefingList_Access--icon {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%); }
    .p-BriefingList_Access--icon svg {
      display: block;
      fill: #193b87;
      height: 20px;
      width: 24px; }
      @media only screen and (max-width: 480px) {
        .p-BriefingList_Access--icon svg {
          height: 15px;
          width: 12.5px; } }

.p-BriefingList_Reserv {
  padding: 10px 0 0; }

@media only screen and (max-width: 480px) {
  .p-BriefingList .p-BriefingList_Button--link {
    font-size: 0.75em;
    padding: 3px 20px; } }

@media only screen and (max-width: 480px) {
  .p-BriefingList .p-BriefingList_Button--link::before {
    border-width: 1px;
    left: 15px;
    height: 7px;
    width: 7px; } }


/*# sourceMappingURL=style.css.map*/