@charset "utf-8";

:root {
    --header-height: 120px;     /* MV全画面 - nav差引用 */
    --maxWidth1295: 1295px;
    --innerPadding: 25px;       /* sp時の左右余白 ly_inner */
    --innerPadding__md: 15px;       /* md以降の左右余白 ly_inner */
    --mainFontFamily: Hiragino Sans, "ヒラギノ角ゴシック", "BIZ UDPゴシック", BIZ UDPGothic, "メイリオ", Meiryo, "游ゴシック", YuGothic, "Yu Gothic", sans-serif;
    --accentFontFamily: 'Noto Sans Nag Mundari', sans-serif;   /* google */
    --googleFont-maru: 'M PLUS Rounded 1c', sans-serif;
    --googleFont-sans: 'Open Sans', sans-serif;
    --googleFont-sans: 'Open Sans', sans-serif;
    --googleFont-jost: 'Jost', sans-serif;
}
/* font size 560-1200 */
:root {
    --fontSize-xs: .875rem;
    --fontSize-1: 1rem;
    --fontSize-2: clamp(1rem, 0.891rem + 0.31vw, 1.1rem); /* 16-18 */
    --fontSize-3: clamp(1rem, 0.781rem + 0.63vw, 1.25rem); /* 16-20 */
    --fontSize-4: clamp(1rem, 0.563rem + 1.25vw, 1.5rem);   /* 16-24 */
    --fontSize-5: clamp(1.125rem, 0.688rem + 1.25vw, 1.625rem); /* 18-26 */
    --fontSize-6: clamp(1.125rem, 0.469rem + 1.88vw, 1.875rem); /* 18-30 */
    --fontSize-7: clamp(1.5rem, 0.844rem + 1.88vw, 2.25rem);    /* 24-36 */
    --fontSize-8: clamp(1.5rem, 0.625rem + 2.5vw, 2.5rem);  /* 24-40 */
    --fontSize-xl: clamp(1.875rem, 0.891rem + 2.81vw, 3rem);    /* 30-48 */

    --fontSize-4_5: clamp(1rem, 0.453rem + 1.56vw, 1.625rem);   /* 16-26 */
}

/* spacer 1200*/
:root {
    --size-0: 0;
    --size-1: 16px;
    --size-2: 20px;
    --size-3: 34px;
    --size-4: 40px;
    --size-5: 50px;
    --size-6: 55px;
    --size-7: 70px;
    --size-8: 100px;

    --size-2_4: 24px;
    --size-2_8: 28px;
}

/* color */
:root {
    /* color */
    --baseColor: #fff;
    --mainColor: #ACD258;
    --accentColor: #3F186A;
    --txtColor: #000;
    --lightColor: #9979B5;
    --darkColor: #000;

    --accentTitleColor: #371475;

    --subBgColor: #F2F2F2;
    --inquiryBgColor: #CBBADA;
    --scheduleBgColor: rgba(55, 20, 117, .1);

}
html { overflow-x: hidden; }
body {
    font-family: var(--mainFontFamily);
    font-size: var(--fontSize-2);
    font-weight: 300;
    color: var(--txtColor);
    background-color: var(--baseColor);
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
a, a:link {
    text-decoration: none;
}
p {
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.6875;
}
ul,
ol,
li {
    list-style-type: none;
}

/*****************************************************
 ヘルパー
*****************************************************/

.hp_fontSize-xs { font-size: var(--fontSize-xs) !important;}
.hp_fontSize-1 { font-size: var(--fontSize-1) !important; }
.hp_fontSize-2 { font-size: var(--fontSize-2) !important; }
.hp_fontSize-3 { font-size: var(--fontSize-3) !important; }
.hp_fontSize-4 { font-size: var(--fontSize-4) !important; }
.hp_fontSize-5 { font-size: var(--fontSize-5) !important; }
.hp_fontSize-6 { font-size: var(--fontSize-6) !important; }
.hp_fontSize-7 { font-size: var(--fontSize-7) !important; }
.hp_fontSize-8 { font-size: var(--fontSize-8) !important; }
.hp_fontSize-xl { font-size: var(--fontSize-xl) !important;}

.hp_mt-0 {margin-top: var(--size-0) !important;}
.hp_mt-1 {margin-top: var(--size-1) !important;}
.hp_mt-2 {margin-top: var(--size-2) !important;}
.hp_mt-3 {margin-top: var(--size-3) !important;}
.hp_mt-4 {margin-top: var(--size-4) !important;}
.hp_mt-5 {margin-top: var(--size-5) !important;}
.hp_mt-6 {margin-top: var(--size-6) !important;}
.hp_mt-7 {margin-top: var(--size-7) !important;}
.hp_mt-8 {margin-top: var(--size-8) !important;}

.hp_mb-0 {margin-bottom: var(--size-0) !important;}
.hp_mb-1 {margin-bottom: var(--size-1) !important;}
.hp_mb-2 {margin-bottom: var(--size-2) !important;}
.hp_mb-3 {margin-bottom: var(--size-3) !important;}
.hp_mb-4 {margin-bottom: var(--size-4) !important;}
.hp_mb-5 {margin-bottom: var(--size-5) !important;}
.hp_mb-6 {margin-bottom: var(--size-6) !important;}
.hp_mb-7 {margin-bottom: var(--size-7) !important;}
.hp_mb-8 {margin-bottom: var(--size-8) !important;}

.hp_fontSize-4_5 { font-size: var(--fontSize-4_5) !important;}
.hp_mb-2_8 {margin-bottom: var(--size-2_8) !important;}
.hp_mb-2_4 {margin-bottom: var(--size-2_4) !important;}

/* レスポンシブ　__md */
@media (min-width:768px) {
    .hp_mt-0__md {margin-top: var(--size-0) !important;}
    .hp_mt-1__md {margin-top: var(--size-1) !important;}
    .hp_mt-2__md {margin-top: var(--size-2) !important;}
    .hp_mt-3__md {margin-top: var(--size-3) !important;}
    .hp_mt-4__md {margin-top: var(--size-4) !important;}
    .hp_mt-5__md {margin-top: var(--size-5) !important;}
    .hp_mt-6__md {margin-top: var(--size-6) !important;}
    .hp_mt-7__md {margin-top: var(--size-7) !important;}
    .hp_mt-8__md {margin-top: var(--size-8) !important;}

    .hp_mb-0__md {margin-bottom: var(--size-0) !important;}
    .hp_mb-1__md {margin-bottom: var(--size-1) !important;}
    .hp_mb-2__md {margin-bottom: var(--size-2) !important;}
    .hp_mb-3__md {margin-bottom: var(--size-3) !important;}
    .hp_mb-4__md {margin-bottom: var(--size-4) !important;}
    .hp_mb-5__md {margin-bottom: var(--size-5) !important;}
    .hp_mb-6__md {margin-bottom: var(--size-6) !important;}
    .hp_mb-7__md {margin-bottom: var(--size-7) !important;}
    .hp_mb-8__md {margin-bottom: var(--size-8) !important;}
}

@media (min-width:992px) {
    .hp_mt-0__lg {margin-top: var(--size-0) !important;}
    .hp_mt-1__lg {margin-top: var(--size-1) !important;}
    .hp_mt-2__lg {margin-top: var(--size-2) !important;}
    .hp_mt-3__lg {margin-top: var(--size-3) !important;}
    .hp_mt-4__lg {margin-top: var(--size-4) !important;}
    .hp_mt-5__lg {margin-top: var(--size-5) !important;}
    .hp_mt-6__lg {margin-top: var(--size-6) !important;}
    .hp_mt-7__lg {margin-top: var(--size-7) !important;}
    .hp_mt-8__lg {margin-top: var(--size-8) !important;}

    .hp_mb-0__lg {margin-bottom: var(--size-0) !important;}
    .hp_mb-1__lg {margin-bottom: var(--size-1) !important;}
    .hp_mb-2__lg {margin-bottom: var(--size-2) !important;}
    .hp_mb-3__lg {margin-bottom: var(--size-3) !important;}
    .hp_mb-4__lg {margin-bottom: var(--size-4) !important;}
    .hp_mb-5__lg {margin-bottom: var(--size-5) !important;}
    .hp_mb-6__lg {margin-bottom: var(--size-6) !important;}
    .hp_mb-7__lg {margin-bottom: var(--size-7) !important;}
    .hp_mb-8__lg {margin-bottom: var(--size-8) !important;}
}

.hp_bg-baseColor {background-color: var(--baseColor) !important;}
.hp_bg-mainColor {background-color: var(--mainColor) !important;}
.hp_bg-accentColor {background-color: var(--accentColor) !important;}

.hp_bg-inquiry {background-color: var(--inquiryBgColor) !important;}
.hp_bg-subBgColor {background-color: var(--subBgColor) !important;}
.hp_bg-schedule {background-color: var(--scheduleBgColor) !important;}

.hp_txtColor {color: var(--txtColor) !important;}
.hp_txtColor-light {color: var(--lightColor) !important;}
.hp_txtColor-dark {color: var(--darkColor) !important;}

.hp_txtFont-accent {font-family: var(--accentFontFamily); font-weight: bold;}
.hp_txtFont-jost {font-family: var(--googleFont-jost); font-weight: bold;}

.hp_boxShadow {box-shadow: 0 0 15px rgba(0, 0, 0, .1);}

/* top用 */
.hp_font-strong {
    font-weight: 800;
    color: var(--accentTitleColor);
}
.hp_font-colorGreen {color: #4C9417;}
.hp_font-colorBlue {color: #0164D4;}
/* feature用 */
.hp_numColor-yellow {color: #F5D316 !important;}
.hp_numColor-pink {color: #FF7A89 !important;}
.hp_numColor-blue {color: #0097E7 !important;}
/* schedule用 */
.hp_font-big {
    font-size: clamp(36px, calc(2.25rem + ((1vw - 5.6px) * 1.875)), 48px);
    font-family: var(--googleFont-sans);
    font-weight: bold;
}
.hp_font-day {
    font-size: .75em;
}
/* pamphlet用 */
.hp_fw_600 {font-weight: 600 !important;}

/* br用 */
@media (min-width:640px) {
    .hp_dp-none__sm {display: none !important;}
}
@media (min-width:768px) {
    .hp_dp-none__md {display: none !important;}
}
@media (min-width:992px) {
    .hp_dp-none__lg {display: none !important;}
}
/*****************************************************
 Header & Footer
*****************************************************/
header {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 999;
}
    #page-kengakukai .ly_headerInner {
        width: 100%;
        max-width: 1200px;
        min-height: 74px;
        margin: 0 auto;
        padding: 1rem;
    }
    #page-kengakukai .ly_headerInner img {
        max-width: 230px;
    }
footer {
    width: 100%;
    margin: 0 auto;
    color: #fff;
    background-color: #3F186A;
}
    #page-kengakukai .ly_footerInner {
        width: 100%;
        max-width: 1200px;
        min-height: 74px;
        margin: 0 auto;
        padding: 2rem 1rem;
    }
    #page-kengakukai .ly_footerInner img {
        max-width: 140px;
    }

/*****************************************************
 baseコンポーネント
*****************************************************/

/* ↓↓↓------------------------------card---↓↓↓ */
.ly_cardUnit {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
}
.ly_cardUnit__2cols>* {
    width: 49%;
    margin-right: 2%;
}
.ly_cardUnit__3cols>* {
    width: 32%;
    margin-right: 2%;
}
.ly_cardUnit__4cols>* {
    width: 23.5%;
    margin-right: 2%;
}
.ly_cardUnit__2cols>*:nth-of-type(2n),
.ly_cardUnit__3cols>*:nth-of-type(3n),
.ly_cardUnit__4cols>*:nth-of-type(4n) {
    margin-right: 0;
}
.bl_card {
    flex: 1;
}

/* card modifier img16:9 */
.el_card_img__16x9 {
    display: block;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}
.el_card_img__16x9>img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* card modifier */
.bl_card__roundRect {
    position: relative;
    border-radius: 68px;
    overflow: hidden;
}

/* card modifier */
.bl_card__hoverZoom img {
    filter: brightness(70%);
    transition: .2s;
}
.bl_card__hoverZoom:focus img,
.bl_card__hoverZoom:hover img {
    transform: translateY(-50%) scale(1.2);
    filter: brightness(110%);
}

/* ↑↑↑------------------------------card---↑↑↑ */
/* ↓↓↓------------------------------media---↓↓↓ */

.bl_media {
    display: block;
}
.el_media_img {
    margin-right: 0;
    margin-bottom: 20px;
}
.el_media_body {
    flex: 1;
}
.el_media_body > *:last-child {
    margin-bottom: 0;
}
.el_media_ttl {
    margin-bottom: 10px;
    font-size: 1.125rem;
    font-weight: bold;
}
.el_media_txt {
    font-size: 16px;
}
/* card modifier */
.bl_media__rowRev {
    flex-direction: row-reverse;
}
.bl_media__rowRev .el_media_img {
    margin-right: 0;
}
.bl_media__rowRev .el_media_body {
    margin-right: 3.33333%;
}
.bl_media__rowRev .el_media_ttl,
.bl_media__rowRev .el_media_txt {
    text-align: right;
}
@media (min-width: 768px) {
    .bl_media {
        display: flex;
        align-items: center;
    }
    .el_media_img {
        flex: 0 1 27.58333%;
        margin-right: 3.33333%;
    }
}
/* ↑↑↑------------------------------media---↑↑↑ */
/* ↓↓↓------------------------------ly_parallelBlock---↓↓↓ */
.ly_parallelBlock {
    display: block;
    }
.ly_parallelBlock__rowRev {
    flex-direction: row-reverse;
}

@media (min-width: 768px) {
    .ly_parallelBlock {
        display: flex;
        align-items: stretch;
        justify-content: center;
    }
}

.bl_parallelItem {
    flex: 1;
}
.el_parallelItem_img {
    display: block;
}
.el_parallelItem_img>* {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.bl_column_ai-start {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}
.bl_column_ai-center {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}
.bl_column_ai-end {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: end;
}

/* ↑↑↑------------------------------ly_parallelBlock---↑↑↑ */
/* ↓↓↓------------------------------btn---↓↓↓ */
.bl_stdBtn {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding: .85em 2.2em;
    color: #fff;
    background-color: var(--accentColor);
    transition: .2s;
    font-feature-settings: initial;
}
.bl_stdBtn:focus,
.bl_stdBtn:hover {
    background-color: var(--lightColor);
}

/* modifier */
.bl_stdBtn__roundRect {
    border-radius: 2em;
}
/* modifier */
.bl_stdBtn.bl_stdBtn__iconRight {
    padding-right: 3.25em;
}
.bl_stdBtn.bl_stdBtn__iconLeft {
    padding-left: 3.25em;
}
/* 囲み文字-正円 */
.el_icon__circle_letter {
    width: 1.6em;
    height: 1.6em;
    margin: 0 .5em;
    border: 1px solid currentColor;
    border-radius: 50%;
    text-align: center;
}
/* button内での囲み文字配置 */
.bl_stdBtn__iconRight .el_icon__circle_letter,
.bl_stdBtn__iconLeft .el_icon__circle_letter {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.bl_stdBtn__iconRight .el_icon__circle_letter {
    right: 0.1em;
}
.bl_stdBtn__iconLeft .el_icon__circle_letter {
    left: 0.1em;
}

.bl_StdBtn__strong__round {
    padding: 1.83em 1.6em;
    font-size: var(--fontSize-6);
    letter-spacing: 0.05em;
    border-radius: 2.5em;
}
.bl_StdBtn__strong__round.bl_stdBtn__iconRight {
    padding: 1.22em 3.25em 1em 3em;
    text-align: center;
    line-height: 1.2;
}
@media (min-width:640px) {
    .bl_StdBtn__strong__round {
        padding: 1.1em 2.45em;
        font-feature-settings: initial;
    }
    .bl_StdBtn__strong__round.bl_stdBtn__iconRight {
        padding: 1.3em 3.25em 1.3em 2.1em;
    }
    .bl_StdBtn__strong__round.bl_stdBtn__iconRight .el_icon__circle_letter {
        margin: 0 2.1em;
        font-size: .7em;
    }
}

.bl_StdBtn__strong__iconRight .el_icon__circle_letter {
    width: 1.8em;
    height: 1.8em;
}

@media (min-width:640px) {
    .bl_StdBtn__strong__iconRight .el_icon__circle_letter {
        width: 1.6em;
        height: 1.6em;
    }
}
/* svg arrow */
.el_icon__circle_letter img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.8em;
}

/* ↑↑↑------------------------------btn---↑↑↑ */

/* =========================================
	site共通
========================================== */
.ly_inner {
    max-width: var(--maxWidth1295);
    padding-left: var(--innerPadding);
    padding-right: var(--innerPadding);
    margin-right: auto;
    margin-left: auto;
}
@media (min-width:768px) {
    .ly_inner {
        padding-left: var(--innerPadding__md);
        padding-right: var(--innerPadding__md);
    }
}

.bl_section_ttl {
    color: var(--accentColor);
    font-size: var(--fontSize-7);
    font-weight: 600;
    line-height: 1.5;
}
.bl_section_subttl {
    color: var(--accentColor);
    font-size: var(--fontSize-5);
    font-weight: 300;
    line-height: 1.72;
}
.bl_section_txt {
    font-size: var(--fontSize-3);
    font-weight: 300;
    line-height: 1.72;
}

/* =========================================
	lp_layout
========================================== */
/* ------------------------------ly_top */
.ly_top {
    position: relative;
    min-height: 640px;
    background-image: url(https://7929155.fs1.hubspotusercontent-na2.net/hubfs/7929155/GS_LP/kg_leaf.svg),
                    url(https://7929155.fs1.hubspotusercontent-na2.net/hubfs/7929155/GS_LP/kg-v2_bg_groundline.svg),
                    linear-gradient(to bottom, rgb(255 255 255 / 100%) 10%, rgb(255 255 255 / 0%) 40%),
                    url(https://7929155.fs1.hubspotusercontent-na2.net/hubfs/7929155/GS_LP/kg_topimg.png),
                    url(https://7929155.fs1.hubspotusercontent-na2.net/hubfs/7929155/GS_LP/bg_ornament.jpg);
    background-repeat: no-repeat, no-repeat, repeat, no-repeat, repeat;
    background-position: 98% 98%, 50% 101%, 0, 110% 50%, 0;
    background-size: clamp(240px, 32vw + .2rem, 320px), 100%, auto, contain, auto;
    z-index: 1;
}
.bl_topInner {
    position: relative;
    max-width: 1174px;
    padding-top: 60px;
    padding-right: 0;
}
/* ly_topMsg */
.ly_topMsg {
    position: relative;
    display: inline-block;
    z-index: 10;
}
.bl_topMsg_msg {
    display: block;
    width: max(230px, calc(14.375rem + ((1vw - 4.8px) * 68.0556)));
    max-width: 480px;
    margin: 0;
}
.bl_topMsg_msg figcaption { margin-top: 1rem; }
.bl_topMsg_subhead {
    padding: .5rem 1rem;
    font-size: var(--fontSize-3);
    font-family: var(--googleFont-maru);
    font-weight: 400;
    font-style: normal;
    font-feature-settings: initial;
    line-height: 1;
    text-align: center;
    letter-spacing: 2px;
    background-color: #FFDE5C;
}
.bl_topMsg_heading {
    font-size: var(--fontSize-7);
    font-family: var(--googleFont-maru);
    font-weight: 400;
    font-feature-settings: initial;
    line-height: 1.5;
}
.bl_topMsg_txt {
    font-size: var(--fontSize-1);
    font-family: var(--googleFont-maru);
    font-weight: 400;
    font-style: normal;
    line-height: 1.875;
}
.el_top_bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 5;
}
.el_top_bg > * {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center bottom;
}
/* media query */
@media (min-width:960px) {
    .ly_top {
        min-height: 580px;
        max-height: 640px;
        height: 100vh;
    }
    .bl_topInner {
        padding-top: 5%;
        padding-left: 60px;
    }
}
@media (min-width:1280px) {
    .bl_topInner {
        width: 100%;
        padding-left: var(--innerPadding__md);
    }
}
@media (max-width:1024px) {
    .ly_top {
        background-position: 96% 98%, 60% 101%, 0;
    }
}
@media (max-width:960px) {
   .ly_top {
        display: grid;
        place-content: center;
    }
  .bl_topInner { padding-top: 0; }
  .ly_topMsg {
        padding: 1em;
        background: rgb(255, 255, 255, 0.85); 
  }
  .bl_topMsg_msg { margin: auto; }
}
@media (max-width:768px) {
    .ly_top {
        background-size: clamp(140px, 32vw + .2rem, 300px), 100%, auto, auto;
        background-position: 98% 98%, 60% 101%, 0;
    }
    .bl_topMsg_msg {
        display: block;
        width: 90%;
        margin: auto;
    }
    .bl_topInner {
        padding-left: 0;
        text-align: center;
    }
}
@media (max-width:480px) {
    .ly_top {
        min-height: 520px;
        background-image: url(https://7929155.fs1.hubspotusercontent-na2.net/hubfs/7929155/GS_LP/kg-v2_bg_groundline.svg),
                        linear-gradient(to bottom, rgb(255 255 255 / 100%) 10%, rgb(255 255 255 / 0%) 40%),
                        url(https://7929155.fs1.hubspotusercontent-na2.net/hubfs/7929155/GS_LP/bg_ornament.jpg);
        background-repeat: no-repeat, repeat, repeat;
        background-position: 50% 101%, 0;
        background-size: 100%, auto, auto;
    }
  .ly_topMsg {
        padding: 1em;
        background: transparent;
  }
}
/* ------------------------------ly_apeal */
.ly_apeal {
    padding-top: min(1rem + ((1vw - 5.6px) * 4.375), 24px);
    padding-bottom: min(4.375rem + ((1vw - 5.6px) * 6.25), 80px);
}
.bl_apeal_inner {
    position: relative;
    display: grid;
    grid-template-columns: 35% 55%;
    column-gap: 10%;
    align-items: center;
    max-width: 1174px;
    margin: 0 auto;
}
    .bl_apeal_img img {
        width: 100%;
        max-width: 540px;
        margin-bottom: -3rem;
    }
.bl_apeal_cont {
    padding-right: 1rem;
    text-align: center;
}

.bl_apeal_cont h2{ font-weight: 600; }
    .bl_apeal_cont h2 span {
        display: inline-block;
        padding: .2rem .5rem;
        color: #fff;
        
        background-color:#522FA2;
    }
        .bl_apeal_cont h2 span em {
            font-style: normal;
            font-size: .825em;
        }

@media (max-width:1024px) {
    .bl_apeal_inner {
        column-gap: 6%;
    }
    .bl_apeal_img img {
        max-width: 480px;
        margin-bottom: -6rem;
    }
}
@media (max-width: 768px) {
    .bl_apeal_inner {
        column-gap: 3%;
    }
    .bl_apeal_img img {
        max-width: 400px;
        margin-bottom: -10rem;
    }
}
@media (max-width: 640px) {
    .bl_apeal_inner { display: block; }
    .bl_apeal_img { display: none; }
    .bl_apeal_cont { padding: 1rem; }
}
/* ------------------------------ly_kg */
.ly_kg {
    position: relative;
    padding-top: 45px;
    padding-bottom: 70px;
    background-color: #F1F1F1;
    overflow:hidden;
}
.ly_kg::before {
    position: absolute;
    top: -64px;
    content: "";
    display: block;
    /* width: 110vw; */
    width: 110%;
    background-color: var(--subBgColor);
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    height: 120px;
    margin-left: -5vw;
    margin-right: -5vw;
    padding-left: 5vw;
    padding-right: 5vw;
}
.bl_kgInner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}
    .bl_kgInner h2 {
        margin: 1em auto 2em;
        color:var(--accentColor);
        font-size: var(--fontSize-7);
        text-align: center;
    }
.bl_kg_pointWrap {
    display: grid;
    grid-template-columns: 55% 45%;
    column-gap: 0;
    max-width: 1100px;
    margin: 3rem auto 4rem;
}
.bl_kg_pointTxt { margin-right: 3rem; }
    .bl_kg_pointTxt h3 {
        position: relative;
        display: grid;
        align-items: center;
        width: 106%;
        height: 64px;
        padding: 1rem 2rem 1rem 2rem;
        color: #fff;
    }
    .bl_kg_pointTxt h3::before {
        position: absolute;
        top: 0;
        right: -30px;
        content: '';
        border-width: 32px 0 32px 30px;
        border-style: solid;
        border-color: transparent transparent transparent #F17A86;
    }
    .el_kg_pointTitle1 { background-color: #F17A86; }
    .el_kg_pointTitle2 { background-color: #8AC43F; }
            .bl_kg_pointTxt h3.el_kg_pointTitle2::before { border-color: transparent transparent transparent #8AC43F; }
    .el_kg_pointTitle3 { background-color: #3391CE; }
        .bl_kg_pointTxt h3.el_kg_pointTitle3::before { border-color: transparent transparent transparent #3391CE; }

    .bl_kg_pointTxt p { padding: 1rem; }
    .bl_kg_pointImg img {
        width: 100%;
        max-width: 480px;
        border-radius: 1rem;
    }

    /* Osusume */
    .bl_kg_pick {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #380684;
        margin: 2rem auto 1rem;
        font-size: var(--fontSize-3);
    }
        .bl_kg_pick::before,
        .bl_kg_pick::after {
            width: 2px;
            height: 30px;
            background-color: #3b1d8b;
            content: '';
        }
        .bl_kg_pick::before {
            transform: rotate(-35deg);
            margin-right: 30px;
        }
        .bl_kg_pick::after {
            transform: rotate(35deg);
            margin-left: 30px;
        }
@media (max-width: 1024px) {
    .bl_kg_pointWrap {
        padding: 0 1rem;
    }
}
@media (max-width: 768px) {
    .ly_kg { padding-top: 12px; }
    .ly_kg::before {
        height: 80px;
    }
    .bl_kg_pointWrap {
        display: flex;
        flex-direction: column-reverse;
        max-width: 1100px;
        margin: 1rem auto 4rem;
    }
    .bl_kg_pointImg { text-align: center; }

    .bl_kg_pointTxt {
        margin-top: -2rem;
        width: 90%;
        margin: -2rem auto 0;
    }
    .bl_kg_pointTxt h3 { width: 98%; }
}
/* ------------------------------ly_feature */
.ly_feature {
    padding-top: 40px;
    padding-bottom: 70px;
}
.ly_feature_inner {
    padding-left: 15px;
    padding-right: 15px;
}
.el_feature_head { margin-bottom: 32px; }
.bl_feature_subttl {
    font-size: var(--fontSize-4_5);
    color: var(--accentColor);
}
.ly_feature_group {  position: relative;　}
.ly_feature_imgBox {
    display: block;
    min-height: 180px;
    max-width: 400px;
    margin-left: auto;
    margin-right: 0;
    z-index: 1;
    border-radius: 48px;
    overflow: hidden;
}
.ly_feature_imgBox img {
    transform-origin: left top;
    transform: scale(1.3);
}
.ly_feature_txtBox {
    display: flex;
    align-items: center;
    position: relative;
    left: 0;
    top: -57px;
    max-width: 600px;
    margin-left: 13px;
    margin-right: 13px;
    margin-bottom: -57px;
    padding: 6.5vw;
    background-color: #fff;
    border-radius: 48px;
    z-index: 10;
}
.el_feature_media_img {
    flex: 0 1 14%;
    margin-right: 5vw;
    margin-bottom: 0;
    font-size: min(3.182rem + 9.09vw, 10rem);
    line-height: .8;
}
.el_feature_media_ttl {
    font-size: var(--fontSize-6);
    font-weight: 600;
    color: var(--accentColor);
}
@media (min-width:480px) {
  .ly_feature_imgBox img { transform: scale(1); }
}
@media (min-width: 1080px) {
    .ly_feature {
        padding-top: min(3.125rem + ((1vw - 5.6px) * 4.375), 78px);
        padding-bottom: min(4.375rem + ((1vw - 5.6px) * 6.25), 110px);
    }
    .el_feature_head { margin-bottom: min(-52.72px + 12.07vw, 92px); }
    .ly_feature_group { height: 240px; }
    .ly_feature_imgBox {
      display:flex;
        justify-content: center;
/*         position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); */
    }
    .ly_feature_txtBox {
/*         position: absolute;
        top: 50%;
        transform: translateY(-50%); */
        width: min(-475px + 88.18vw, 669px);
        padding: 2em 3em 2em 2em;
        margin-left: -2.5rem;
        margin-right: 0;
    }
    .el_feature_media_img {
        flex: 0 1 16%;
        margin-right: 6%;
        margin-bottom: 0;
        font-size: 120px;
        line-height: .8;
    }
    .ly_feature_group__rowRev .ly_feature_imgBox {
        right: initial;
        left: 0;
    }
/*     .ly_feature_group__rowRev .ly_feature_txtBox {
        left: initial;
        right: 0;
        flex-direction: row-reverse;
        padding-right: 2.5em;
        padding-left: 2.5em;
    } */
    .ly_feature_group__rowRev .el_feature_media_img {
        margin-right: 0;
        margin-left: 6%;
    }
}

/* ------------------------------ly_schedule */
.ly_schedule {
    position: relative;
    padding-top: 45px;
    padding-bottom: 70px;
}
.ly_schedule::before {
    position: absolute;
    top: -4%;
    content:"";
    display: block;
    width: 110vw;
    background-color: var(--subBgColor);
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    height: 120px;
    margin-left: -100px;
    margin-right: -100px;
    padding-left: 100px;
    padding-right: 100px;
}

.el_schedule_subttl {
    font-size: var(--fontSize-4);
    color: #ACD258;
}
.el_schedule_ttl { margin-bottom: 56px; }
.el_itaku {
  position: absolute;
  top:24px;
  left:10px;
  display: inline-block;
  margin: 1rem 0 1rem -26px;
  padding: .4rem 1.2rem .4rem 2.7rem;
  color: #fff;
  font-size: .75em;
  font-weight: 600;
  border-radius: 0;
  background: #583391;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  z-index: 999;
}
    .el_itaku:before {
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 0;
        height: 0;
        content: '';
        border-top: 10px solid var(--accentColor);
        border-left: 10px solid transparent;
    }
    .el_itaku.el_partner {
        background: var(--inquiryBgColor);
    }

@media (min-width:768px) {
    .ly_schedule {
        /* padding-top: min(3.125rem + ((1vw - 5.6px) * 11.7188), 110px); */
        padding-bottom: min(4.375rem + ((1vw - 5.6px) * 8.5938), 125px);
    }
    .el_schedule_subttl {
        font-size: var(--fontSize-5);
    }
    .el_schedule_ttl {
        margin-bottom: min(-61.808px + 8.05vw, 40px);
    }
}

.ly_schedule_unit {
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    align-items: stretch;
    gap: 3%;
    flex-wrap: wrap;
    margin: 0 auto 4rem;
    max-width: 1100px;
}
.bl_schedule_item {
    position: relative;
    width: calc(50% - 3%);
    padding: 12px 16px 24px;
    margin-bottom: 26px;
    border-radius: 60px;
    overflow: hidden;
    background-color: #fff;
}

/* ただし1個だけの場合は除外 */
.ly_schedule_unit:has(:nth-child(odd):last-child):not(:has(> .bl_schedule_item:only-child))::after {
    content: "";
    display: block;  /* flex/gridなら block でもOK */
    width: calc(50% - 3%);
    height: 100px;
    background: transparent; /* 透明にする（見えない） */
}
.el_schedule_itemImg {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 51.85185%;
    margin-bottom: 0;
    overflow: hidden;
}
    .el_schedule_itemImg img {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 48px;
        object-fit: cover;
    }

.el_schedule_itemDate {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-bottom: 0;
    padding-left: 1.8em;
    font-size: var(--fontSize-6);
    color: #503370;
    font-feature-settings: initial;
    text-align: center;
    line-height: 1.4;
}
    .el_schedule_dateTime:not(:first-child) {
        position: relative;
        display: inline-block;
        margin-left:.6rem;
    }
        .el_schedule_dateTime:not(:first-child)::before {
            display: inline-block;
            content: "/";
            padding-right:1rem;
        }
.el_schedule_itemDetail {
    padding-top: 20px;
    margin-left: 8px;
    margin-right: 8px;
    background-image: linear-gradient(to right, #503370, #503370 3px, transparent 3px, transparent 6px);
    background-size: 6px 1px;
    background-position: left top;
    background-repeat: repeat-x;
}
    .el_schedule_itemDate .el_schedule_monthday {
        font-size: clamp(34px, calc(2.25rem + ((1vw - 5.6px) * 1.875)), 42px);
        font-family: var(--googleFont-sans);
        font-weight: bold;
    }

.el_schedule_itemDate.el_schedule_multi { padding-left: .5em; }
    .el_schedule_itemDate.el_schedule_multi .el_schedule_monthday {
        font-size: clamp(28px, calc(2.25rem + ((1vw - 5.6px) * 1.875)), 38px);
    }

.bl_schedule_school {
    display: grid;
    grid-template-columns: 90px auto;
    justify-content: center;
    align-items: baseline;
}
    .el_schedule_area {
        margin-bottom: 7px;
        font-size: var(--fontSize-2);
        color: #503370;
        text-align: center;
        font-feature-settings: "palt";
    }
    .el_schedule_name {
        margin-bottom: 14px;
        font-size: var(--fontSize-4);
        color: #503370;
        text-align: center;
    }
    .el_schedule_txt {
        margin-bottom: 25px;
        font-size: var(--fontSize-1);
    }
    .el_schedule_time {
        display: block;
        font-size: var(--fontSize-xs);
        color: #666;
        text-align: center;
    }

    .bl_onlineKengaku .el_schedule_time {
        color: #8FC31F;
        font-size: .9em;
    }

@media (max-width:768px) {
    .ly_schedule_unit {
        display: block;
        width: 90%;
        margin: 0 auto 4rem;
    }
    .bl_schedule_item {
        width: 100%;
        padding: 12px 16px 24px;
        margin-bottom: 26px;
    }
    .el_schedule_itemDate { padding-left:1.5em; }
    .el_schedule_itemDate.el_schedule_multi { padding-left:1.5em; }
}
@media (max-width:640px) {
    .el_schedule_itemDate {
        display: block;
    }
    .el_schedule_dateTime:not(:first-child) {
        display: block;
        margin-left:0;
    }
        .el_schedule_dateTime:not(:first-child)::before {
            display: none;
        }

    .el_schedule_dateTime .el_year { margin-left:-4em; }
}
.el_schedule_mark {
    position: relative;
    bottom: 0;
    display: inline-block;
    font-family: var(--googleFont-maru);
    font-size: 1.8rem;
    color: #acd258;
}
.el_schedule_mark:first-child {
    padding-right: .2em;
    margin-left: -.4em;
}
.el_schedule_mark:last-child {
    padding-left: .2em;
    margin-right: -.4em;
}
.el_schedule_comment {
    display: inline-block;
    margin-bottom: 0;
    color: var(--accentColor);
    font-size: var(--fontSize-4);
    font-weight: 300;
    text-align: center;
}

@media (min-width:640px) {
    .el_schedule_mark:first-child {
        bottom: 1px;
        padding-right: .4em;
    }
    .el_schedule_mark:last-child {
        bottom: 1px;
        padding-left: .4em;
    }
}
@media (max-width:640px) {
    .ly_schedule_unit { padding-left:0 }
}

.bl_flag {
    width: 80%;
    margin: 3rem auto;
    padding: 1.5rem 2rem;
    color: var(--accentTitleColor);
    border:solid 1px var(--accentTitleColor);
}
    .bl_flag_dounyu-title {
        display: inline-block;
        margin: 0;
        padding: .8rem 1rem;
        color: #fff;
        font-size: var(--fontSize-1);
        font-weight: 700;
        background-color: var(--accentTitleColor);
    }
    .bl_flag_dounyu-txt {
        margin: 0 auto;
        padding: 1rem 0 0;
    }

    .bl_flag_partner-title {
        display: inline-block;
        margin: 0;
        padding: .8rem 1rem;
        color: #fff;
        font-size: var(--fontSize-1);
        font-weight: 700;
        background-color: var(--inquiryBgColor);
    }
    .bl_flag_partner-txt {
        margin: 0 auto 2rem;
        padding: 1rem 0 0;
    }
/* ------------------------------bl_onlineKengaku */
.bl_onlineKengaku {
    margin: 4rem auto;
    padding: 5%;
    text-align: center;
    background-color: #E2DFE8;
}
.bl_onlineKengaku h2 {
    margin: 1em auto .5em;
    color: var(--accentColor);
    font-size: var(--fontSize-7);
    text-align: center;
}
.bl_onlineKengaku .ly_schedule_unit {
    margin: 3rem auto 0;
}

/* ------------------------------ly_online */
.ly_online {
    padding-top: 50px;
    padding-bottom: 70px;
}
.el_online_ttl {
    margin-bottom: 40px;
}
.ly_online_card {
    position: relative;
    flex: 1 1 100%;
    padding: 20px 15px 89px;
    border-radius: 60px;
    overflow: hidden;
}
.ly_online_card:first-child {
    margin-bottom: 40px;
}
.el_card_img__round {
    overflow: hidden;
    border-radius: 45px;
}
.el_online_card_img {
    margin-left: -5px;
    margin-right: -5px;
}
.el_online_card_subttl {
    position: relative;
    height: 64px;
    width: 100%;
    margin-bottom: 0;
    font-size: var(--fontSize-1);
    color: var(--accentColor);
}
.el_online_card_subttl span{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}
.el_online_card_ttl {
    font-size: var(--fontSize-5);
    color: var(--accentColor);
}
.el_online_card_txt {
    font-size: var(--fontSize-1);
    line-height: 1.6875;
}
.el_online_btn {
    position: absolute;
    bottom: 43px;
    font-size: 14px;
    font-feature-settings: initial;
}
.el_online_btn.bl_stdBtn__iconRight {
    padding-left: 1.4em;
    padding-right: 4.1em;
}
.el_online_btn .el_icon__circle_letter {
    width: 1.8em;
    height: 1.8em;
    margin: 0 .7em;
}
.el_online_btn_fontSmall {
    font-size: 13px;
}
@media (min-width: 768px) {
    .ly_online {
        padding-top: min(3.125rem + ((1vw - 5.6px) * 10.9375), 112px);
        padding-bottom: min(4.375rem + ((1vw - 5.6px) * 5.3125), 104px);
    }
    .el_online_ttl {
        margin-bottom: min(-52.72px + 12.07vw, 90px);
    }
    .ly_online_cardUnit {
        justify-content: space-evenly;
    }
    .ly_online_card {
        flex: 1 1 49%;
        max-width: 498px;
        padding: 40px 24px 92px;
        border-radius: 68px;
    }
    .el_online_card_img {
        margin-left: 0;
        margin-right: 0;
    }
    .el_card_img__round {
        border-radius: 55px;
    }
    .ly_online_card:first-child {
        margin-right: 1%;
        margin-bottom: 0;
    }
    .ly_online_card:last-child {
        margin-left: 1%;
    }

    .el_online_card_subttl {
        height: 55px;
    }
    .el_online_card_txt {
        padding-left: 5px;
        padding-right: 5px;
    }
    .el_online_btn {
        font-size: 16px;
    }
    .el_online_btn.bl_stdBtn__iconRight {
        padding-left: 1.8em;
        padding-right: 3.15em;
    }
    .el_online_btn .el_icon__circle_letter {
        width: 1.6em;
        height: 1.6em;
        margin: 0 .7em;
    }
    .el_online_btn_fontSmall {
        font-size: 14px;
    }
}

/* ------------------------------ly_tokusetsu */
.ly_tokusetsu {
    padding-top: 7%;
    padding-bottom: 7%;
    background-color: #F2EDF5;
}
.bl_tokusetsuInner {
    display: grid;
    grid-template-columns: repeat(2, 46%);
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 8%;
    grid-row-gap: 3%;
    place-content: center;
    align-items: center;
    max-width: 1100px;
    margin: 0 auto;
}
    .bl_tokusetsuImg {
        grid-area: 1 / 1 / 2 / 2;
    }
        .bl_tokusetsuImg img {
            border-radius: 1rem;
        }
    .bl_tokusetsuTitle {
        grid-area: 1 / 2 / 2 / 3;
        margin: auto;
        padding: 1.5rem 0;
    }
        .bl_tokusetsuTitle img {
            max-width: 400px;
            width: 100%;
        }
        .bl_tokusetsuTitle ul { margin: 2rem 0; font-size: 1.2em; }

    .bl_tokusetsuTxt {
        grid-area: 2 / 1 / 3 / 3;
        padding: 2% 10%;
    }
    .bl_tokusetsuLink {
        grid-area: 3 / 1 / 4 / 3;
        margin: auto;
    }

@media (max-width:1024px) {
    .ly_tokusetsu {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
@media (max-width:768px) {
    .bl_tokusetsuInner {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: repeat(4, auto);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        margin: auto;
        text-align: center;
    }

    .bl_tokusetsuTitle { grid-area: 1 / 1 / 2 / 2; }
        .bl_tokusetsuTitle ul { margin: 1rem 0 0; }
    .bl_tokusetsuImg {
        grid-area: 2 / 1 / 3 / 2;
        margin: auto;
    }
        .bl_tokusetsuImg img { max-width: 90%; }
    .bl_tokusetsuTxt { grid-area: 3 / 1 / 4 / 2; }
    .bl_tokusetsuLink { grid-area: 4 / 1 / 5 / 2; }
}
/* ------------------------------ly_onlineEvent */
.ly_onlineEvent {
    padding-top: 7%;
    padding-bottom: 7%;
    background-color: #F2EDF5;
}
.bl_onlineEventInner {
  display:grid;
  grid-template-columns: 1fr 1fr; /* 左右に等幅で2つ並べる */
  place-content:center;
  gap: 6%;
  max-width:1100px;
  width:100%;
  margin: 1rem auto;
  padding: 1rem;
}
    .bl_onlineEventInner img {
      border-radius: 1rem;
    }

/* ------------------------------ly_seed */
.ly_seed {
    position: relative;
    height: auto;
    min-height: 680px;
    background-image: url(https://7929155.fs1.hubspotusercontent-na2.net/hubfs/7929155/GS_LP/bg_ornament.jpg);
    z-index: 1;
}
.bl_seedInner {
    max-width: var(--maxWidth1295);
    padding-top: 5rem;
    padding-left: var(--innerPadding);
    padding-right: var(--innerPadding);
    margin-right: auto;
    margin-left: auto;
}
.bl_seedCont {
    display: grid;
    grid-template-columns: 25% 75%;
    gap: 0;
    place-content: center;
    align-items: center;
    max-width: 1100px;
    padding: 2rem;
    margin: 0 auto -3.6rem;
    border: solid 1px #3b1d8b;
    background-color: rgb(255 255 255 / 40%);
    border-radius: 1.6rem;
}
.bl_seedTitle {
    color: #333;
    text-align: center;
}
    .bl_seedTitle span {
        display: block;
        color: var(--accentColor);
        font-size: var(--fontSize-6);
        font-weight: 700;
        transition: all .3s;
    }
    .bl_seedTitle a:hover, .bl_seedTitle a:active,
    .bl_seedTitle a:hover span, .bl_seedTitle a:active span { color: var(--lightColor); }
.bl_seedTxt {
    padding-left: 4em;
    border-left: solid 1px #ccc;
}
.bl_seedImg {
    display: grid;
    place-content: center;
    margin: 0 auto;
}
    .bl_seedImg img {
        width: 100%;
        max-width: 900px;
        margin-bottom: -2.5rem;
        z-index: 999;
    }

@media (max-width:800px) {
    .bl_seedCont { display: block; }
    .bl_seedTxt {
        margin-top: 1rem;
        padding-left: 0;
        padding-top: 1rem;
        border-left: 0;
        border-top: solid 1px #ccc;
    }
}
/* ------------------------------ly_inquiry */
.ly_inquiry {
    padding-top: 50px;
    padding-bottom: 60px;
    background-color: #8366A0;
}
    .bl_inquiryInner {
        display: flex;
        flex-direction: row;
        justify-content: center;
        column-gap: 5%;
    }
    .bl_inquiry_title {
    }
        .bl_inquiry_title h2 {
            color: #fff;
            margin: 0;
            font-size: var(--fontSize-5);
        }
        .bl_inquiry_title h2 span {
            display: inline-block;
            margin: .1rem 0;
            padding: .25rem 1.5rem;
            text-align: left;
            background-color: #4C3276;
        }
    .bl_inquiry_cont {
        color: #fff;
        text-align: center;
    }

.ly_inquiry .bl_stdBtn.bl_stdBtn__iconRight {
    padding-left: 2.3em;
    padding-right: 3.2em;
}
.ly_inquiry .bl_stdBtn .el_icon__circle_letter { margin: 0 1em; }

.bl_conBtn {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding: .85em 2.2em;
    color: #fff;
    background-color: #6E5398;
    transition: .2s;
    font-feature-settings: initial;
    border:solid 1px #fff;
}
.bl_conBtn:focus,
.bl_conBtn:hover { background-color: var(--accentColor); }

@media (min-width:768px) {
    .ly_inquiry { padding-top: min(3.125rem + ((1vw - 5.6px) * 3.125), 62px); }
    .ly_inquiry .bl_stdBtn .el_icon__circle_letter { margin: 0 1em; }
}
@media (max-width:768px) {
    .bl_inquiryInner { display: block; }
    .bl_inquiry_title {
        margin: auto;
        margin-bottom: 1rem;
        text-align: center;
    }
}
/* ------------------------------学園リスト */
#ev-school-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5%;
    text-align: center;

    a {
        display: block;
        color: #333;
        transition: all .3s;
      
        &:hover { opacity: .72; }

        .el_ev-date { font-size: .85em;font-weight: 700; }
        .el_ev-name {
            margin-top: 16px;
            margin-bottom: 0;
            color: #503370;
            font-size: var(--fontSize-1);
            font-weight: 700;
          
          span {
            display: block;
            font-size: .9em;
            line-height: 1.2;
          }
        }
        img {
            width: 160px;
            aspect-ratio: 1 / 1;
            border-radius: 50%;
            object-fit: cover;
            outline: 6px solid #fff;
        }
    }
}
/* ------------------------------Form */
.bl_formWrap {
    max-width:1100px;
    margin:auto;
}
    .bl_formWrap h2 {
        color: var(--accentColor);
        font-size: var(--fontSize-7);
        margin: 0 auto 2em;
        text-align: center;
    }

/* ------------------------------固定ボタン */
.bl_goto-website {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    width: 100%;
    padding: .5rem 0;
    background-color: rgba(255,255,255,0.4);
    z-index: 999;
}
.bl_goto-website .bl_stdBtn {
    padding: .7em 3.657em .7em 2.5em;
}
.bl_sideLink {
    position: fixed;
    right:0;
    top: 35%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    width: 70px;
    padding: .5rem .5rem;
    color:#fff;
    font-size: .75em;
    font-weight: 600;
    text-align:center;
    background-color: #503370;
    border-top-left-radius: .6em .6em;
    border-bottom-left-radius: .6em .6em;
    z-index: 999;
}
.bl_sideLink a {
    color:#fff;
}