@charset "utf-8";
/* common */


/* body {
    font-family: "Noto Sans JP", "MS Gothic", "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #fff;
} */

.wrapper01,
.wrapper02 {
    width: 100%;
    max-width: 1152px;
    margin: 0 auto;
    padding-inline: var(--gap_24px);
}

#page .wrapper01 section {
    width: 100%;
    padding: 3em var(--gap_48px);
    background-color: rgba(0, 0, 0, .8);
    margin-top: -3em;
    margin-bottom: 9em;
    box-shadow: 2px 2px 20px #25fff2,
        -2px -2px 20px #6ec781;
}

#page .wrapper02 section {
    padding-top: 3em;
    margin-top: -3em;
    margin-bottom: var(--gap_96px);
}

.bk_matt {
    width: 100%;
    padding: 2em var(--gap_48px);
    background-color: rgba(0, 0, 0, .8);
    box-shadow: 2px 2px 20px #25fff2, -2px -2px 20px #6ec781;
}

#page .wrapper01 section:last-of-type {
    margin-bottom: 0;
}

#page section h2,
#header_area h2 {
    width: 100%;
    text-align: center;
    font-size: 1.6em;
    font-weight: 700;
    letter-spacing: .1em;
    margin-bottom: var(--gap_24px);
}

#page section h2 span,
#header_area h2 span {
    position: relative;
    z-index: 5;
}

#page section h2 span.title_L {
    font-size: 1.6em;
}

.container {
    width: 100%;
    height: 100%;
    background-image: url(/kbe/assets/images/back_pc.jpg);
    background-attachment: fixed;
    background-position: top center;
    background-size: cover;
    background-repeat: repeat-y;
    position: relative;
    z-index: 0;
    padding-top: var(--gap_32px);
    padding-bottom: var(--gap_96px);
}

.gradient_top {
    position: absolute;
    width: 100%;
    height: 300px;
    top: 0;
    left: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
    z-index: -1;
}

.bg_none {
    background-color: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
}

#header_area .header_wrapper {
    padding-top: var(--gap_64px);
    margin: 0 auto 0;
    align-items: center;
}

/* common */



/*================================
comon
================================*/
:root {
    --color_BLK: #252525;
    --main-gr: #51a538;
    --main-ye: #fff600;
    --gap_96px: clamp(32px, 12vw, 96px);
    --gap_80px: clamp(27px, 10vw, 80px);
    --gap_64px: clamp(21px, 8vw, 64px);
    --gap_48px: clamp(16px, 6vw, 48px);
    --gap_32px: clamp(11px, 4vw, 32px);
    --gap_24px: clamp(8px, 3vw, 24px);
    --gap_16px: clamp(5px, 2vw, 16px);
    --gap_8px: clamp(3px, 1vw, 8px);
}

body {
    width: 100%;
    position: relative;
}

body,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul,
dl,
dt,
dd {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-size: inherit;
    font-weight: normal;
}

li,
ol,
ul {
    list-style-type: none;
}

table {
    width: 100%;
}

#page {
    font-size: clamp(18px, 2.2vw, 20px);
    color: #fff;
    font-family: "Noto Sans CJK JP", Lato, "Noto Sans JP", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.6;
    margin: 0 auto;
    /* max-width: 1920px; */
    -webkit-text-size-adjust: 100%;
    font-feature-settings: "palt" 1;
    position: relative;
}

#page * {
    box-sizing: border-box;
}

#page img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#page a {
    transition: all 0.3s;
    text-decoration: none;
}

#page a[tabindex*="-1"] {
    pointer-events: none;
}

#page a[tabindex*="-1"]:hover {
    opacity: 1;
}

/* リンクとボタンのoutlineを非表示にする */
#page a,
#page button {
    outline: none;
    cursor: pointer;
}

/* ボタンとリンクにフォーカスした時にoutlineが表示されるようにする */
#page a:focus-visible {
    outline: #3683BF solid 2px;
    outline-offset: 2px;
}

/* #page button:focus-visible {
    outline: #3683BF solid 2px;
    outline-offset: 1px;
} */

#page a:hover {
    cursor: pointer;
    text-decoration: none;
    /* opacity: 0.7; */
}

#page label {
    cursor: pointer;
}

#page em {
    font-style: normal;
    font-weight: bold;
}

#page picture {
    display: block;
}

#page section {
    padding-top: 10px;
    margin-top: -10px;
}

#page .wrapper02 > section {
    padding-top: 80px !important;
    margin-top: -80px !important;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

.ib {
    display: inline-block;
}

@media not screen and (min-width: 768px) {
    .inner {
        width: 94%;
        padding-inline: calc((16/750)*100vw);
    }

    .inner_wide,
    .inner_contents {
        max-width: 94%;
        padding-inline: 3vw;
        margin-inline: auto;
    }

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }
}

/* =============================================================
    【g_navi】ブロック ※グローバルナビ
============================================*/
#p_header {
    position: sticky;
    top: 0;
    z-index: 900;
}

.menu_wrap {
    background-color: #000;
    box-shadow: 0 0 var(--gap_8px) #000;
}

.g_navi_wrap.flex {
    margin: 0 auto;
    max-width: 1350px;
    display: flex;
    justify-content: center;
}

.g_navi_wrap *,
.g_navi_wrap *::before,
.g_navi_wrap *::after {
    border-color: #fff !important;
}

.g_navi_wrap>li {
    font-size: clamp(14px, 1.6vw, 20px);
    width: calc(100% / 6);
    text-align: center;
    border-right: solid 1px;
}

.g_navi_wrap>li>div {
    width: 100%;
}

.g_navi_wrap>li:first-child {
    border-left: solid 1px;
}

.g_navi_wrap>li>a, .g_navi_wrap>li>div>a {
    /* font-size: .8em; */
    display: block;
    width: 100%;
    position: relative;
}

.g_navi_wrap>li>a:not(.nolink)::after, .g_navi_wrap>li>div>a:not(.nolink)::after {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: solid 1px;
    left: 0;
    bottom: 0;
    /*横方向0で非表示にする*/
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    /*中央を基点にアニメーション*/
    -webkit-transform-origin: center top;
    transform-origin: center top;
    /*アニメーションの速度設定*/
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.g_navi_wrap>li>a:not(.nolink):hover {
    background-color: #000;
}

.g_navi_wrap span {
    font-weight: bold;
    color: #fff;
    font-size: .85em;
    line-height: 1.2em;
    height: 70px;
    padding: var(--gap_16px) 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.g_navi_wrap span::after {
    content: attr(data-text) "";
    font-size: .6em;
    font-weight: normal;
    margin-top: var(--gap_8px);
    display: block;
}

.g_navi a[tabindex*="-1"] {
    position: relative;
}

.g_navi a[tabindex*="-1"]::after {
    content: "coming soon";
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-10deg);
    opacity: 1;
    color: #fff;
    text-shadow: 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.3em #000, 0 0 0.3em #000;
}

.g_navi a[tabindex*="-1"] span {
    color: #000;
}

.nav__icon--instagram,
.nav__icon--x {
    width: min(5vw, 17px) !important;
}


.drop_down {
    position: relative;
}

.drop_down::after {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: solid 1px;
    left: 0;
    bottom: 0;
    /*横方向0で非表示にする*/
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    /*中央を基点にアニメーション*/
    -webkit-transform-origin: center top;
    transform-origin: center top;
    /*アニメーションの速度設定*/
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-color: #fff !important;
}

.drop_down:hover {
    background-color: #000;
}

.drop_down .label {
    cursor: pointer;
    transition: all .2s;
    position: relative;
}

.drop_down .label::before,
.drop_down .label:after {
    position: absolute;
    display: block;
    content: "";
    background-color: #fff;
    transition: all .5s;
}

.drop_down .label::before,
.drop_down .label:after {
    width: min(5vw, 12px);
    height: 2px;
    top: 50%;
    right: 6%;
}

.drop_down .label:after {
    transform: rotate(90deg);
}

.drop_down .label.open::before {
    transform: rotate(0);
}

.drop_down_menu {
    position: absolute;
    width: 100%;
    display: none;
    top: 100%;
    left: calc(50% - 50%);
}

.drop_down_menu li {
    width: 100% !important;
    text-align: center;
    border-bottom: solid 1px #000;
    border-left: none !important;
    border-right: none;
    font-size: 0.8em;
    font-family: "Noto Sans JP", "MS Gothic", "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 700;
}

.drop_down_menu li:nth-child(n+2) {
    border-top: 1px dotted #252525;
}

.drop_down_menu li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 8% 0;
    color: #000;
    background-color: #fff;
}

.drop_down_menu li a:hover {
    background-color: #b2b2b2;
}

.label.open::after {
    transform: rotate(0);
    opacity: 0;
}

@media screen and (min-width: 768px) {

    .g_navi_wrap>li>a:hover::after,
    .g_navi_wrap>li>div>a:hover::after,
    .drop_down:hover::after {
        /*横方向等倍まで拡大*/
        transform: scale(1, 1);
    }

    .trigger_wrap {
        display: none;
    }

    .g_navi {
        display: block !important;
    }
}

@media not screen and (min-width: 767px) {
    .menu_wrap {
        background: none;
        box-shadow: none;
    }

    .trigger_wrap {
        text-align: right;
        padding: 0;
        position: relative;
        z-index: 1010;
    }

    .btn_trigger {
        background-color: #000;
        font-size: 30px;
        color: #fff;
        border: 0;
        height: 55px;
        width: 55px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .btn_trigger i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .btn_trigger .menu_close,
    .btn_trigger.is-opend .menu_bar {
        display: none;
    }

    .btn_trigger.is-opend .menu_close {
        display: block;
    }

    .g_navi {
        width: 100%;
        padding-top: 40px;
        position: absolute;
        top: 0;
        height: 100vh;
        /* height: 100svh; */
        overflow-y: scroll;
        background-color: #000;
        box-shadow: 0 0 var(--gap_8px) #000;
        z-index: -1;
        display: none;
        -ms-overflow-style: none;
        /* スクロールバー非表示（IE・Edge） */
        scrollbar-width: none;
        /* スクロールバー非表示（Firefox） */
    }

    .g_navi::-webkit-scrollbar {
        /* スクロールバー非表示（Chrome・Safari） */
        display: none;
    }

    .g_navi_wrap.flex {
        flex-direction: column;
        padding: 20px 16px;
    }

    .g_navi_wrap>li {
        border: 0 !important;
        width: 100%;
        margin: 0 auto !important;
    }

    .g_navi_wrap>li:not(:last-child) {
        border-bottom: dotted 1px #fff !important;
    }

    .g_navi_wrap span {
        font-size: 1em;
        padding: 24px 12px;
    }

    .g_navi_wrap span::after {
        padding-top: .2em;
        font-size: .8em;
    }

    .drop_down_menu {
        position: static;
    }

    .drop_down_menu li a {
        font-size: 1.25em;
    }

}

#page_top {
    position: fixed;
    right: 0;
    bottom: 3%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 150px;
    color: #fff;
    background-color: #000;
    writing-mode: vertical-rl;
    font-size: 1.5em;
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    border-left: solid 1px #fff;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    z-index: 5;
}

.top__movie {
    margin: var(--gap_24px) auto;
}

.movie {
    position: relative;
    max-width: 900px;
    aspect-ratio: 16/9;
    margin: 0 auto var(--gap_32px);
    overflow: hidden;
}

.tver_area {
    text-align: center;
    text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.3em #fff, 0 0 0.3em #fff, 0 0 0.3em #fff;
    margin: var(--gap_64px) auto var(--gap_32px);
    width: clamp(250px, 50vw, 450px);
}

.tver_info {
    margin-bottom: var(--gap_8px);
}

.tver_info em {
    font-size: 1.3em;
}

.tver_area .tver_info_btm {
    color: inherit;
    margin: var(--gap_16px) auto 0;
    text-align: center;
    line-height: 1.2;
}

.tvo-video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}


@media not screen and (min-width: 767px) {
    #page_top {
        z-index: 800;
        width: min(10vw, 40px);
        height: min(28vw, 110px);
        font-size: 1.1em;
    }
}



/* kbe_top */
#kbe_top {
    aspect-ratio: 16 / 9;
    position: relative;
    overflow: hidden;
}

#kbe_top .kbe_top_wrapper {
    width: 1152px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    padding-bottom: var(--gap_48px);
}

#kbe_top h1,
#kbe_top img {
    width: 100%;
}

#kbe_top h1 {
    margin-bottom: 2em;
}

#kbe_top .date_access {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#kbe_top p {
    width: 87%;
}

#kbe_top a {
    display: block;
    width: 12%;
    transition: all .2s;
    aspect-ratio: 1 / 1;
    background: url(/kbe/assets/images/anchor_access.png) no-repeat center / 100%;
}

#kbe_top a:hover {
    background: url(/kbe/assets/images/anchor_access_hover.png) no-repeat center / 100%;
}

#kbe_top .gradient_btm {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    left: 0;
    z-index: -1;
}

#kbe_top .top_img {
    position: fixed;
    z-index: -2;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/kbe/assets/images/top_img_pc.jpg) no-repeat top center;
    background-size: cover;
    transform-origin: center;
    aspect-ratio: 16 / 9;
}

/*================================
parking　250619追加
================================*/
#page .wrapper01 .parking {
    box-shadow: none;
    background: none;
    padding: var(--gap_24px) 0 0;
}

.parking_item {
    width: min(90vw,750px);
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
}

.parking_item > button {
    display: block;
    color: #fff;
    border: 2px solid #db0000;
}

.parking_title {
    font-size: 1.1em;
    font-weight: 700;
    letter-spacing: .03em;
    padding: var(--gap_16px) 0;
    color: #fff;
    background-color: #db0000;
}

.parking_button {
    
    font-size: 1em;
    font-weight: 700;
    text-align: center;
    padding: .2em 0;
    color: #db0000;
    background: #fff;
}

.parking_button .icon {
    font-size: 1.1em;
    padding-left: .6em;
}

.modal_area {
    display: none;
    position: fixed;
    z-index: 2000;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}

.modal_content {
    position: fixed;
    width: min(85vw, 1152px);
    top: 5%;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 2em;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}


/* modalコンテンツ内 */
.center {
    text-align: center;
} 

.parking__title01 {
    width: 100%;
    text-align: center;
    font-size: 1.6em;
    font-weight: 900;
    line-height: 1.2em;
    letter-spacing: .08em;
    margin-bottom: var(--gap_16px);
}

.parking__text01 {
    width: fit-content;
    font-size: 1.1em;
    font-weight: 700;
    color: #fff;
    background: #db0000;
    text-align: center;
    padding: var(--gap_8px) var(--gap_24px);
    margin: 0 auto var(--gap_16px);
}

.parking__contents01 {
    text-align: center;
    font-size: .8em;
    margin-bottom: var(--gap_16px);
}

.parking__bold {
    font-size: 1.2em;
    font-weight: 700;
}

.parking__contents02 {
    margin-bottom: var(--gap_24px);
}

.parking__contents02 > dl {
    font-size: .9em;
    border: 1px solid #000;
    max-width: min(70vw,400px);
    margin: 0 auto var(--gap_8px);
    text-align: center;
}

.parking__contents02 > dl > dt {
    color: #fff;
    background: #000;
    padding: var(--gap_8px) 0;
}

.parking__contents02 > dl > dd {
    font-weight: 700;
    padding: var(--gap_8px) 0;
    border-bottom: 1px solid #000;
}

.parking__contents02 > dl > dd:last-child {
    border-bottom: 0;
}

.parking__text04 {
    font-size: .6em;
    line-height: 1.3em;
    max-width: min(70vw,400px);
    margin: 0 auto;
    text-indent: -1em;
    padding-left: 1em;
}

.parking__title02 {
    font-weight: 700;
    border-bottom: 1px solid #000;
    margin-bottom: var(--gap_8px);
}

.parking__list02:not(:last-of-type) {
    margin-bottom: var(--gap_24px);
}

.parking__list02 > li {
    font-size: .75em;
    padding-left: 1.2em;
    position: relative;
}

.parking__list02 > li::before {
    content: "■";
    display: inline-block;
    position: absolute;
    left: 0;
}

/**************************\
Basic Modal Styles
\**************************/

#modal-1 {
    display: none;
}

#modal-1.is-open {
    display: block;
}

.modal__overlay {
    max-width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 999;
    background: rgba(0,0,0,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal__container {
    background-color: #fff;
    padding: 2em 0 var(--gap_16px);
    margin-right: 1em;
    margin-left: 1em;
    max-height: 80vh;
    width: min(85vw, 900px);
    border-radius: 20px;
    box-sizing: border-box;
}

.modal__btn {
    width: 100%;
    will-change: transform;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 0.3s;
}

.modal__btn:focus, .modal__btn:hover {
    opacity: .7;
}

.modal__header {
    padding: 0 var(--gap_24px);
    margin: 1em var(--gap_24px);
    position: relative;
    z-index: 50;
}

.modal__close {
    background: transparent;
    border: 0;
    outline: none;
    position: fixed;
    top: min(1vw, 20px);
    right: min(2.5vw, 20px);
}

.modal__header .modal__close:before {
    content: "\f057";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 2em;
    color: #000;
}

.modal__header--title {
    font-size: 1.2em;
    line-height: 1.4em;
    font-weight: 700;
    text-align: center;
    padding-bottom: .5em;
}

.modal__header--booth {
    font-size: .8em;
    font-weight: 700;
    line-height: 1em;
    text-align: center;
    margin: .8em auto;
    padding-bottom: var(--gap_16px);
}

.modal__header--booth > span {
    border-radius: 30px;
    padding: 0.2em var(--gap_16px);
}

.modal__content {
    margin-top: .8rem;
    margin-bottom: .8rem;
    padding: 0 var(--gap_32px);
    color: #000;
    height: 70vh;
    overflow-y: scroll;
}

.shop_info--scroll {
    max-height: 70vh;
    width: 100%;
    overflow-y: auto;
    box-sizing: border-box;
    display: block;
}

.modal__content--text01 {
    font-size: .85em;
    line-height: 1.7em;
}

.modal__content--btn {
    font-size: 1.4em;
    height: min(14vw, 55px);
    width: min(14vw, 55px);
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    background: var(--color_BLK);
    margin: var(--gap_16px) auto 0;
}

.modal__content--btn > i {
    color: #fff;
}

.modal__content--list {
    margin-top: var(--gap_24px);
}

.modal__content--list > div {
    font-size: .9em;
    line-height: 1.2em;
    display: flex;
    padding: 1.2em var(--gap_16px);
}

.modal__content--list > div:nth-child(n+2) {
    border-top: 1px dotted #252525;
}

.modal__content--list > div > dt {
    width: 30%;
}

.modal__content--list > div > dd {
    width: 70%;
}

.modal__content--list > div > dd a {
    color: #fff;
    font-weight: 700;
    letter-spacing: .05em;
    border-radius: 10px;
    padding: .3em .8em .4em;
    background: var(--nkorange);
}

/**************************\
    Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes mmslideIn {
    from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(15%); }
}

.micromodal-slide {
    display: none;
}

.micromodal-slide.is-open {
    display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
    animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
    animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
    animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
    animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
    will-change: transform;
}

/* kbe_top */


/* recruit */
#recruit ul {
    width: 80%;
    margin: 0 auto 2.77em auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#recruit ul li {
    width: 47%;
}

#recruit ul li:first-child {
    margin-right: 5%;
}

#recruit ul li:last-child {
    margin-top: 2em;
}

#recruit ul li img {
    width: 100%;
}

#recruit .mike_cable_gp {
    display: block;
    width: 100%;
    transition: all .2s;
    margin-bottom: 2.77em;
}

#recruit .mike_cable_gp img {
    width: 100%;
}

#recruit .mike_cable_gp:hover {
    transform: translateY(-7%);
}

#recruit p {
    text-align: center;
}


#recruit p:last-of-type {
    color: var(--main-ye);
    font-size: .95em;
    line-height: 2em;
    border: solid 2px var(--main-ye);
    margin-bottom: 1.2em;
}

#recruit .pdf_downroad {
    display: block;
    width: 100%;
    font-size: 1.5em;
    font-weight: 900;
    line-height: 3.375;
    text-align: center;
    background-color: #db0000;
    border: solid 3px #db0000;
    margin-bottom: 0.75em;
    transition: all .2s;
}

#recruit .pdf_downroad span {
    display: inline-block;
    position: relative;
    padding-left: 1.5em;
}

#recruit .pdf_downroad span::before {
    position: absolute;
    content: "";
    display: block;
    width: 10%;
    aspect-ratio: 100 / 117;
    background: url(/kbe/assets/images/pdf.png) no-repeat center / 100%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    filter: drop-shadow(0.13em 0.13em 0 #bc0000);
}

#recruit .pdf_downroad:hover {
    background-color: #fff;
}

#recruit .pdf_downroad:hover span {
    color: #db0000;
}

/* recruit */


/* visiter_entry */
#visiter_entry p {
    text-align: center;
}

#visiter_entry p:first-of-type {
    font-size: 2.3em;
    font-weight: 900;
    color: var(--main-ye);
    margin-bottom: 1em;
}

#visiter_entry p:last-of-type {
    font-size: 1.5em;
    margin-bottom: 1.5em;
}

#visiter_entry .visiter_form {
    display: block;
    width: 70%;
    font-size: 1.6em;
    font-weight: 900;
    line-height: 3.375;
    text-align: center;
    color: #fff;
    background-color: #db0000;
    border: solid 3px #db0000;
    margin: 0 auto 1.5em;
    transition: all .2s;
}

#visiter_entry .visiter_form:hover {
    background-color: #fff;
    color: #db0000;
}

#visiter_entry ul {
    font-size: 0.875em;
}

#visiter_entry ul li {
    margin-bottom: 1em;
    padding-left: 1em;
    position: relative;
}

#visiter_entry ul li:last-child {
    margin-bottom: 0;
}

#visiter_entry ul li::before {
    content: "※";
    position: absolute;
    left: 0;
}

#visiter_entry .pdf_downroad {
    display: block;
    width: 70%;
    font-size: 1.2em;
    font-weight: 900;
    line-height: 3.375;
    text-align: center;
    color: #fff;
    background-color: #db0000;
    border: solid 3px #db0000;
    margin: 1.5em auto 0;
    transition: all .2s;
}

#visiter_entry .pdf_downroad span {
    display: inline-block;
    position: relative;
    padding-left: 1.5em;
}

#visiter_entry .pdf_downroad span::before {
    position: absolute;
    content: "";
    display: block;
    width: 1em;
    aspect-ratio: 100 / 117;
    background: url(/kbe/assets/images/pdf.png) no-repeat center / 100%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    filter: drop-shadow(0.13em 0.13em 0 #bc0000);
}

#visiter_entry .pdf_downroad:hover {
    background-color: #fff;
}

#visiter_entry .pdf_downroad:hover span {
    color: #db0000;
}

/* visiter_entry */


/* highlights */
#highlights .highlights_content,
#highlights img {
    width: 100%;
}

#highlights .highlights_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.5em;
}

#highlights .highlights_content:last-of-type {
    margin-bottom: 0;
}

#highlights .highlights_content:nth-of-type(2) {
    flex-direction: row-reverse;
}

#highlights .highlights_content img {
    width: 50%;
}

#highlights .highlights_content div {
    width: 48%;
}

#highlights p:first-of-type {
    width: 100%;
    font-size: 1.66em;
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 0.5em;
    padding-bottom: 0.2em;
    border-bottom: solid 2px #fff;
    letter-spacing: 0.05em;
}

#highlights p:nth-of-type(2) {
    font-size: 1.66em;
    font-weight: 900;
    line-height: 1.3;
    margin-bottom: 0.5em;
}

#highlights h3 {
    color: var(--main-ye);
    font-size: 3.88em;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: 0.01em;
}

/* highlights */


/* movie */
#cm {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#cm .movie {
    position: relative;
    /* width: 100%; */
    width: 49%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

#cm .tvo-video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}

/* movie */


/* outline */
#outline dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 1em;
}

#outline dt,
#outline dd {
    padding: 1em;
    border-bottom: solid 1px #fff;
}

#outline dt {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#outline dd {
    width: 80%;
    font-weight: 400;
    line-height: 1.5;
    word-break: break-all;
}

/* outline */


/* past_event */
#past_event ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5% 1%;
    margin-bottom: 5.3em;
}

#past_event ul li {
    transition: all .2s;
}

#past_event ul li:hover {
    transform: translateY(-5%);
}

#past_event ul li img {
    width: 100%;
}

/* past_event */


/* sns */
#sns ul {
    width: 50%;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#sns ul li {
    width: min(18vw, 100px);
}

#sns ul li a,
#sns ul li img {
    width: 100%;
}

#sns ul li a {
    display: block;
    transition: all .2s;
}

#sns ul li a:hover {
    transform: translateY(-10%);
}

/* sns */


/* link_bnr */
#link_bnr>p {
    text-align: center;
    font-size: 1.38em;
    line-height: 1.5;
    margin-bottom: 1.5em;
}

#link_bnr>p a {
    text-decoration: underline;
    color: var(--main-ye);
}

#link_bnr ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#link_bnr ul li {
    width: 32%;
}

#link_bnr ul li img {
    width: 100%;
    margin-bottom: 0.8em;
}

#link_bnr ul li p {
    font-size: 1em;
    text-align: center;
    letter-spacing: 0;
}

/* link_bnr */


/* contact */
#contact {
    width: 100%;
    background-color: #171717;
    text-align: center;
    padding: 2.77em 0;
}

#contact .contact_wrapper {
    max-width: 1152px;
    margin: 0 auto;
}

#contact h4 {
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: var(--gap_24px);
    position: relative;
    display: flex;
    align-items: center;
}

#contact h4::before,
#contact h4::after {
    content: "";
    height: 2px;
    flex-grow: 1;
    background-color: #fff;
}

#contact h4::before {
    margin-right: 1em;
}

#contact h4::after {
    margin-left: 1em;
}

#contact .secretariat {
    font-size: 1.6em;
    font-weight: 900;
    color: var(--main-gr);
    margin-bottom: var(--gap_24px);
}

#contact .address {
    font-size: .95em;
    line-height: 1.5;
}

#contact .address a {
    text-decoration: underline;
    transition: all .2s;
}

#contact .address a:hover {
    color: var(--main-ye);
}

/* contact */


/* exhibitor */
/* #exhibitor section:first-of-type {
    margin-top: 3em !important;
} */

#exhibitor .exhibitor_anchor {
    width: 100%;
    border: solid 1px #fff;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    font-size: 1.38em;
    font-weight: 700;
    margin-top: 1.5em;
    margin-bottom: 5em;
}

#exhibitor .exhibitor_anchor li {
    text-align: center;
    line-height: 2;
    border-right: solid 1px #fff;
}

#exhibitor .exhibitor_anchor li:last-child {
    border-right: none;
}

#exhibitor .exhibitor_anchor li a {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .2s;
}

#exhibitor .exhibitor_anchor li a:hover {
    color: #000;
    background-color: #fff;
}

#exhibitor .exhibitor_sec:last-of-type,
#camerastage .camerastage_sec:last-of-type {
    margin-bottom: 0;
}

#exhibitor h3 {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 1.66em;
    font-weight: 700;
    margin-bottom: 1em;
}

#exhibitor h3::before,
#exhibitor h3::after {
    position: absolute;
    content: "";
    display: block;
    width: calc(45% - .8em);
    height: 2px;
    background-color: #fff;
    top: calc(50% - 1px);
}

#exhibitor h3::before {
    left: 0;
}

#exhibitor h3::after {
    right: 0;
}

#exhibitor h4 {
    width: 100%;
    font-size: 1.45em;
    font-weight: 900;
    margin-bottom: 0.44em;
    line-height: 1.6;
    color: var(--main-gr);
}

#exhibitor h4 a {
    color: var(--main-gr);
    transition: all .2s;
}

#exhibitor h4 a > span {
    border-bottom: 3px solid var(--main-gr);
    transition: all .2s;
}

#exhibitor h4 a:hover {
    color: var(--main-ye);
}

#exhibitor h4 a:hover > span {
    border-bottom: 3px solid var(--main-ye);
}

#exhibitor h4 a .icon {
    font-size: .9em;
    padding-left: .2em;
}

#exhibitor .exhibitor_company {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 3em;
    margin-bottom: 3em;
    border-bottom: dotted 1px #fff;
}

#exhibitor .exhibitor_company:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

#exhibitor .exhibitor_company_bnr {
    width: 35%;
}

#exhibitor .exhibitor_company_bnr a {
    display: block;
    width: 100%;
    transition: all .2s;
}

#exhibitor .exhibitor_company_bnr a:not(:last-child) {
    margin-bottom: 1em;
}

#exhibitor .exhibitor_company_bnr a img {
    width: 100%;
}

#exhibitor .exhibitor_company_bnr a:hover {
    opacity: .7;
    /* transform: translateY(-7%); */
}

#exhibitor .company_info {
    width: 62%;
}

#exhibitor .company_info p:first-of-type {
    font-size: 1.2em;
    margin-bottom: 0.5em;
}

#exhibitor .company_info p:first-of-type span {
    display: inline-block;
    font-size: 65%;
    font-weight: 700;
    padding: 0.2em;
    background-color: #fff;
    color: #000;
    margin-right: 0.5em;
}

#exhibitor .company_info p:last-of-type {
    font-size: 1.11em;
    line-height: 1.5em;
    font-weight: 400;
}

/* exhibitor */


/* camerastage */
#camerastage {
    margin-top: 5em;
    padding-top: 1em;
}

#camerastage .camerastage_sec {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

#camerastage .camerastage_sec img {
    width: 45%;
}

#camerastage .camerastage_company_txt {
    width: 52%;
}

#camerastage .camerastage_company_txt h3 {
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 900;
    color: var(--main-gr);
    margin-bottom: 0.2em;
    word-break: break-all;
}

#camerastage .camerastage_company_txt h4 {
    font-size: 1.2em;
    font-weight: 700;
    padding-bottom: 0.4em;
    border-bottom: solid 1px #fff;
    margin-bottom: 0.3em;
}

#camerastage .kandao {
    display: block;
    font-size: 50%;
    margin-top: 1%;
    line-height: 1;
}

#camerastage p {
    font-size: 1em;
    line-height: 1.5;
}

#camerastage .camerastage_partner_sec {
    margin-bottom: 0;
}

#camerastage .camerastage_partner_sec h3 {
    width: 100%;
    font-size: 1.2em;
    font-weight: 700;
    padding-bottom: 0.4em;
    border-bottom: solid 1px #fff;
    margin-bottom: 0.5em;
    text-align: center;
}

#camerastage .camerastage_partner_sec h4 {
    width: 100%;
    font-size: 1.4em;
    font-weight: 900;
    text-align: center;
}

#camerastage .camerastage_partner {
    margin-bottom: 3em;
}

#camerastage .camerastage_partner:last-of-type {
    margin-bottom: 0;
}

/* camerastage */


/* seminar */

#seminar01 {
    margin-top: var(--gap_32px) !important;
}

#seminar .seminar_anchor {
    width: 100%;
    border: solid 1px #fff;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: var(--gap_48px);
    margin-top: var(--gap_24px);
}

#seminar .seminar_anchor li {
    text-align: center;
    line-height: 2;
    border-right: solid 1px #fff;
}

#seminar .seminar_anchor li:last-child {
    border-right: none;
}

#seminar .seminar_anchor li a {
    width: 100%;
    height: 100%;
    transition: all .2s;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

#seminar .seminar_anchor li a:hover {
    color: #000;
    background-color: #fff;
}

#seminar .seminar_anchor li a::after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: .8em;
    height: .6em;
    clip-path: polygon(0 0,100% 0, 50% 100%);
    top: 50%;
    transform: translateY(-50%);
    right: 1em;
}

#seminar .seminar_anchor li a:hover::after {
    background-color: #252525;
}

#seminar .seminar_caption {
    width: 100%;
    text-align: center;
    font-size: 1em;
}

#seminar .bk_matt:last-of-type {
    margin-bottom: 0;
}

#seminar .seminar_sec {
    margin-bottom: 3.5em;
}

#seminar .seminar_sec:last-of-type {
    margin-bottom: 0;
}

#seminar h3 {
    width: 100%;
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 0.8em;
    text-align: center;
    position: relative;
}

#seminar h3::before,
#seminar h3::after {
    position: absolute;
    display: block;
    content: "";
    width: calc(40% - 1em);
    height: 2px;
    background-color: #fff;
    top: calc(50% - 1px);
}

#seminar h3::before {
    left: 0;
}

#seminar h3::after {
    right: 0;
}

#seminar .seminar_date {
    width: 100%;
    font-size: 1.1em;
    font-weight: 700;
    background: rgb(81, 165, 56);
    background: linear-gradient(90deg, rgba(81, 165, 56, 0) 0%, rgba(81, 165, 56, 1) 15%, rgba(81, 165, 56, 1) 85%, rgba(81, 165, 56, 0) 100%);
    text-align: center;
    line-height: 1;
    margin-bottom: 0.8em;
    padding: 0.5em;
}

#seminar h4 {
    width: 100%;
    text-align: center;
    font-size: 1.4em;
    font-weight: 900;
    color: var(--main-gr);
    margin-bottom: 0.7em;
}

#seminar .seminar_name {
    width: 100%;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: 0.5em;
}

#seminar .seminar_pr {
    font-size: .95em;
    line-height: 1.5;
}

#seminar .seminar_sec_wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

#seminar .seminar_sec_wrapper img {
    width: 45%;
}

#seminar .seminar_sec_wrapper .seminar_sec_img {
    width: 45%;
}

#seminar .seminar_sec_wrapper .seminar_sec_img > img {
    width: 100%;
}

#seminar .seminar_sec_wrapper .seminar_sec_img > img:first-child {
    /* display: inline-block; */
    padding-bottom: var(--gap_16px);
}

#seminar .seminar_sec_wrapper div {
    width: 50%;
}

#seminar .seminar_sec_wrapper h4,
#seminar .seminar_sec_wrapper .seminar_name {
    text-align: start;
}

#seminar .two_img_wrapper {
    width: 100%;
    margin: 0 auto 1em auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#seminar .two_img_wrapper img {
    width: 48%;
}

#seminar .column03_img_wrapper {
    width: 90%;
    margin: 0 auto 1em auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#seminar .column03_img_wrapper > img {
    width: 32%;
}

#seminar dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
}

#seminar dt,
#seminar dd {
    padding: 1em;
    border-bottom: solid 1px #fff;
}

#seminar dt {
    width: 20%;
    display: flex;
    align-items: center;
    font-size: 1em;
    background-color: #393939;
}

#seminar dd {
    width: 80%;
}

#seminar dd>p {
    font-size: 1em;
}

#seminar dd h4 {
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: 0.3em;
}

#seminar dd h4,
#seminar dd .seminar_name {
    text-align: start;
}

#seminar dd ul {
    padding: 1em 0;
    border-top: dotted 1px #fff;
    border-bottom: dotted 1px #fff;
    margin-top: 2em;
    margin-bottom: 2em;
}

#seminar dd ul li {
    margin-bottom: 1em;
}

#seminar dd ul li:last-child {
    margin-bottom: 0;
}

#seminar h5 {
    font-size: 1.2em;
    font-weight: 900;
    line-height: 1.2em;
    color: var(--main-gr);
    margin-bottom: 0.1em;
}

#seminar h6 {
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    padding: 0.3em;
    color: #000;
    background-color: #fff;
    margin-bottom: 0.3em;
}

#seminar .seminar_caution {
    width: 100%;
    text-align: center;
    font-size: .8em;
    margin-top: 2.5em;
}

#seminar .shinko {
    display: inline-block;
    color: #000;
    background-color: #fff;
    padding: 0.2em 0.5em;
    font-weight: 700;
}

.seminar_sec_text h4, .seminar_sec_text .seminar_name {
    text-align: left!important;
}

.seminar_sec_text h4 {
    margin-top: var(--gap_16px);
}


/* seminar */


/* perticipant */
#perticipant .download_intro {
    text-align: center;
    font-size: 1.1em;
    margin-bottom: 5em;
}

#perticipant h3 {
    width: 100%;
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 0.8em;
    padding-top: .8em;
    text-align: center;
    position: relative;
}

#perticipant h3,
#perticipant h3 {
    display: flex;
    align-items: center;
}

#perticipant h3::before,
#perticipant h3::after {
    content: "";
    height: 2px;
    flex-grow: 1;
    background-color: #fff;
}

#perticipant h3::before,
#perticipant h3::before {
    margin-right: 1em;
}

#perticipant h3::after,
#perticipant h3::after {
    margin-left: 1em;
}

#perticipant ul li {
    font-size: 1em;
    padding: 1em 0 1em 1.5em;
    border-bottom: dotted 1px #fff;
    position: relative;
}

#perticipant ul li a {
    position: relative;
}

#perticipant ul li a {
    text-decoration: underline;
}

#perticipant ul li a::before {
    position: absolute;
    content: "\25C6";
    left: -1.5em;
    top: 0;
    font-size: 80%;
}

#perticipant .link_bnr {
    width: 100%;
    padding: 2em;
    border: solid 1px #fff;
    text-align: center;
}

#perticipant .link_bnr img {
    display: inline-block;
    width: 35%;
    margin: 0 auto 1.5em auto;
}

#perticipant .link_bnr img:last-child {
    margin-left: var(--gap_24px);
}

#perticipant .link_bnr_intro,
#perticipant .link_bnr_address {
    width: 100%;
    font-size: 0.9em;
    line-height: 1.5;
}

#perticipant .link_bnr_intro {
    margin-bottom: 2em;
}

#perticipant .link_bnr_intro a,
#perticipant .link_bnr_address a {
    text-decoration: underline;
    transition: all .2s;
}

#perticipant .link_bnr_intro a:hover,
#perticipant .link_bnr_address a:hover {
    color: var(--main-ye);
}

#perticipant h4 {
    position: relative;
    font-size: 1em;
    margin-bottom: 0.8em;
}

#perticipant h4 {
    display: flex;
    align-items: center;
}

#perticipant h4::before,
#perticipant h4::after {
    content: "";
    height: 2px;
    flex-grow: 1;
    background-color: #fff;
}

#perticipant h4::before {
    margin-right: 1em;
}

#perticipant h4::after {
    margin-left: 1em;
}

#perticipant .link_bnr_secretariat {
    width: 100%;
    font-size: 1.3em;
    font-weight: 700;
    color: var(--main-gr);
    margin-bottom: 0.8em;
}

/* perticipant */


/* end */
#end {
    width: 1152px;
    margin: 0 auto 8em auto;
}

#end p {
    width: 100%;
    padding: 0.8em;
    font-size: 30px;
    font-weight: 700;
    background-color: #fff;
    color: #000;
    text-align: center;
}

#end table {
    width: 100%;
    border: solid 2px #fff;
}

#end tr {
    border-bottom: solid 2px #fff;
}

#end tr:last-of-type {
    border-bottom: none;
}

#end th,
#end td {
    vertical-align: middle;
    padding: 1.5% 2%;
}

#end th {
    font-size: 45px;
    border-right: solid 2px #fff;
    width: 60%;
}

#end tr:last-of-type th {
    border-right-color: var(--main-ye);
}

#end td {
    font-size: 60px;
    font-weight: 700;
    text-align: end;
}

#end td small {
    font-size: 70%;
}

#end .total_num {
    font-size: 70px;
    background-color: var(--main-ye);
    color: #db0000;
}

/* end */


/* next */
#next {
    width: 1152px;
    margin: 0 auto 8em auto;
    background-color: rgba(255, 255, 255, .8);
    padding: 1em;
}

#next p {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.5;
    color: #000;
}

/* next */

@media not screen and (min-width: 768px) {
    .container {
        padding-top: 2em;
    }

    /* exhibitor */
    #exhibitor .exhibitor_anchor {
        grid-template-columns: repeat(5, 1fr);
        margin-bottom: 2em;
        font-size: 1.2em;
    }

    #exhibitor .exhibitor_anchor li:nth-child(1),
    #exhibitor .exhibitor_anchor li:nth-child(2),
    #exhibitor .exhibitor_anchor li:nth-child(3),
    #exhibitor .exhibitor_anchor li:nth-child(4),
    #exhibitor .exhibitor_anchor li:nth-child(5) {
        border-bottom: solid 1px #fff;
    }

    #exhibitor .exhibitor_anchor li:nth-child(5) {
        border-right: none;
    }

    /* exhibitor */

    /* seminar */
    #seminar dt,
    #seminar dd {
        width: 100%;
        border-bottom: none;
    }

    #seminar dt {
        justify-content: center;
    }

    /* seminar */


    /* perticipant */
    #perticipant .link_bnr img {
        width: 55%;
    }

    /* perticipant */


    /* end */
    #end th {
        width: 50%;
    }

    /* end */


    /* common */
    #kbe_top .kbe_top_wrapper {
        width: 90%;
    }

    .wrapper01,
    .wrapper02,
    #header_area .header_wrapper,
    #footer_area>div {
        width: 90%;
    }

    .wrapper01,
    .wrapper02 {
    padding-inline: 0;
}

    #page .wrapper01 section {
        padding: 2em 1em;
        margin-bottom: 4em;
        margin-top: -10px;
    }

    #page .wrapper02 section {
        padding: 2em 0;
        margin-bottom: 0;
        margin-top: 0;
    }

    .bk_matt {
        padding: 2em 1em;
    }
    /* common */


    /* kbe_top */
    #kbe_top,
    #kbe_top .top_img {
        aspect-ratio: 107 / 150;
    }

    #kbe_top .top_img {
        background-image: url(/kbe/assets/images/top_img_sp.jpg);
    }

    /* kbe_top */


    /* recruit */
    #recruit ul {
        width: 100%;
    }

    #recruit .pdf_downroad {
        font-size: 1.2em;
        line-height: 1.8;
    }

    #recruit .pdf_downroad span {
        padding-top: 1.8em;
        padding-left: 0;
    }

    #recruit .pdf_downroad span::before {
        width: 13%;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }

    /* recruit */


    /* highlights */
    #highlights .highlights_content img,
    #highlights .highlights_content div {
        width: 100%;
    }

    #highlights .highlights_content img {
        margin-bottom: 1em;
    }

    #highlights p:first-of-type {
        margin-bottom: 0.3em;
    }

    #highlights p:nth-of-type(2) {
        margin-bottom: 0.2em;
    }

    #highlights h3 {
        font-size: 9vw;
    }

    #highlights .highlights_content:nth-of-type(2) h3 br {
        display: none;
    }

    /* highlights */


    /* cm */
    #cm .movie {
        width: 100%;
    }

    #cm .movie:first-of-type {
        margin-bottom: 1.5em;
    }

    /* cm */


    /* outline */
    #outline dt,
    #outline dd {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    #outline dt {
        border-bottom: none;
        justify-content: flex-start;
        padding-bottom: 0;
    }

    #outline dt:first-of-type {
        padding-top: 0;
    }

    #outline dd {
        padding-top: 0.5em;
        padding-bottom: .6em;
    }

    /* outline */


    /* sns */
    #sns ul {
        width: 90%;
    }

    /* sns */

    /* link_bnr */
    #link_bnr ul {
        width: 90%;
        margin: 0 auto;
        justify-content: center;
    }

    #link_bnr ul li {
        width: 100%;
        margin-bottom: 1.5em;
    }

    #link_bnr ul li:last-child {
        margin-bottom: 0;
    }

    #link_bnr ul li img {
        margin-bottom: 0.3em;
    }

    /* link_bnr */

    /* seminar */
    #seminar h3::before,
    #seminar h3::after {
        width: 28%;
    }

    .seminar01_line::before,
    .seminar01_line::after {
        width: calc(25% - 1em) !important;
    }

    /* seminar */



    /* common */
    #page section h2 {
        font-size: 1.5em;
    }

    #header_area {
        aspect-ratio: 107 / 25;
    }

    #footer_area h1 {
        width: 70%;
    }

    /* common */

    /* kbe_top */
    #kbe_top h1 {
        margin-bottom: 1em;
    }

    /* kbe_top */

    /* visiter_entry */
    #visiter_entry .visiter_form {
        width: 100%;
        font-size: 1.25em;
    }

    #visiter_entry p:first-of-type {
        font-size: 1.25em;
    }

    #visiter_entry p:last-of-type {
        font-size: 1.1em;
    }

    #visiter_entry .pdf_downroad {
        width: 100%;
        font-size: 1.2em;
        line-height: 1.8;
    }

    #visiter_entry .pdf_downroad span {
        padding-top: 1.8em;
        padding-left: 0;
    }

    #visiter_entry .pdf_downroad span::before {
        width: 11%;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }

    /* visiter_entry

    /* past_event */
    #past_event ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5% 2%;
        margin-bottom: 8em;
    }

    /* past_event */

    /* contact */
    #contact .contact_wrapper {
        width: 90%;
    }

    #exhibitor h4 {
        font-size: 1.1em;
        margin-bottom: 0.8em;
        text-align: center;
    }

    #exhibitor .exhibitor_company {
        flex-direction: column;
        align-items: center;
        padding-bottom: var(--gap_64px);
        margin-bottom: var(--gap_64px);
    }

    #exhibitor .exhibitor_company_bnr {
        width: 80%;
        margin-bottom: 1em;
    }

    #exhibitor .company_info {
        width: 100%;
    }

    #exhibitor .company_info p:first-of-type {
        text-align: center;
    }

    /* exhibitor */


    /* camerastage */
    #camerastage {
        margin-top: 0;
    }

    #camerastage .camerastage_company_txt {
        margin-top: var(--gap_16px);
        width: 100%;
    }

    #camerastage .camerastage_company_txt h3 {
        font-size: 1.3em;
    }

    #camerastage .camerastage_sec img {
        width: 100%;
    }

    #seminar .seminar_anchor {
        font-size: .9em;
        display: block;
        margin-top: var(--gap_48px);
    }

    #seminar .seminar_anchor li a {
        line-height: 1.6em;
        padding: var(--gap_16px) 0;
    }

    #seminar .seminar_anchor li a::after {
        width: 1em;
        height: .8em;
    }

    #seminar .seminar_anchor li:not(:first-child) a {
        border-top: 1px solid #fff;
    }

    #seminar .seminar_sec_wrapper img,
    #seminar .seminar_sec_wrapper div,
    #seminar .two_img_wrapper img,
    #seminar .column03_img_wrapper > img {
        width: 100%;
    }

    #seminar .seminar_sec_wrapper img {
        margin-bottom: 1em;
    }

    #seminar .seminar_date {
        line-height: 1.3;
    }

    #seminar dl {
        border-bottom: solid 1px #fff;
    }

    #seminar h4 {
        font-size: 1.2em;
        line-height: 1.2em;
    }

    #seminar .seminar_name {
        font-size: 1em;
    }

    #perticipant .link_bnr_secretariat {
        margin-bottom: 0.5em;
    }

    #perticipant .download_intro {
        font-size: .85em;
        padding-top: 1em;
        margin-bottom: .5em;
    }

    #perticipant .link_bnr img {
        display: block;
        width: 100%;
    }

    #perticipant .link_bnr img:last-child {
        margin-left: 0;
    }

    /* end */
    #end p {
        /* font-size: 4vw; */
        padding: 0.5em;
    }

}