@charset "UTF-8";
/*CORDING BY akihirohiramoto.jp*/
/*白*/
/*黒*/
/*グレイ*/
/*背景カラー*/
/*テーマカラー*/
/*サイト固有のテーマカラー*/
/*テキストシャドウ黒（ライトorダーク）text-shadow: / -webkit-text-stroke:*/
/*ボックスシャドウ（box-shadow）*/
/*セリフ系フォントファミリー*/
/*デフォルト設定サンセリフ系フォントファミリー*/
/*丸ゴシック系フォントファミリー*/
/*丸ゴシック系フォントファミリー*/
/*游ゴシック系*/
/*欧文ROBOTO*/
/*ダウンロード（<link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap" rel="stylesheet">）*/
/* NotoJP */
/* Urbanist */
/* Crimson Pro -  */
/* Helvetica */
/*フォント440px-1180px*/
/*可変フォントサイズ（参考：https://websemantics.uk/tools/fluid-responsive-property-calculator/）*/
.event-slid {
  border-radius: 10px;
  overflow: hidden; }
  .event-slid .event-item {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    height: auto; }
    @media (min-width: 767px) {
      .event-slid .event-item {
        flex-direction: row; } }
    .event-slid .event-item .sli-left {
      width: 100%; }
      @media (min-width: 767px) {
        .event-slid .event-item .sli-left {
          width: 50%; } }
    .event-slid .event-item .sli-right {
      width: 100%; }
      @media (min-width: 767px) {
        .event-slid .event-item .sli-right {
          width: 50%; } }
  .event-slid .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    margin-top: 1em; }
    .event-slid .slick-dots li {
      display: inline-block;
      line-height: 1; }
      .event-slid .slick-dots li button {
        display: inline-block;
        all: unset;
        width: 10rem;
        height: 10px;
        border-bottom: 2px solid rgba(81, 29, 225, 0.33);
        font-size: 0;
        cursor: pointer;
        overflow: hidden;
        transition: border-bottom .2s linear; }
        .event-slid .slick-dots li button::before {
          content: "";
          display: inline-block;
          opacity: 0;
          line-height: 0;
          text-indent: -90000px; }
        .event-slid .slick-dots li button:hover {
          opacity: 1;
          border-bottom: 2px solid #511de1; }
      .event-slid .slick-dots li.slick-active button {
        border-bottom: 2px solid rgba(81, 29, 225, 0.66); }
        .event-slid .slick-dots li.slick-active button:hover {
          opacity: 1;
          border-bottom: 2px solid #511de1; }