@charset "utf-8";

/* ==========================================================================
    汎用パーツ
   ========================================================================== */
.indent {
    display: inline-block;
    padding-left: 1em;
    text-indent: -1em;
}

.indentbefore {
    display: inline-block;
    padding-left: 1em;
    position: relative;
}

.indentbefore:before {
    display: inline-block;
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
}

.en_indentbefore {
    display: inline-block;
    padding-left: 0.5em;
    position: relative;
}

.en_indentbefore:before {
    display: inline-block;
    content: "*";
    position: absolute;
    left: 0;
    top: 0;
}


/* ==========================================================================
    下層パーツ
   ========================================================================== */
.under_page {}

.under_page .btn:not(.col2_btn a, .col3_btn a, .col4_btn a, .ai_challenge00_link, .lec_list a.arrow_btn, .btns .btn, .reset_btn, .pager_cont .btn, .back-to-magazine-list a, a.arrow_btn[class*="plan_lec"], a.arrow_btn[class*="newcar_lec"]) {
    width: 40%;
    min-width: 300px;
    padding: 10px 1em;
}

.under_page .col2_btn,
.under_page .col3_btn,
.under_page .col4_btn {
    margin-bottom: 5rem;
}

.under_ttl {
    text-align: center;
    width: 100%;
    padding: 80px 20px;
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
    background-image: url(/2025/images/top/under_ttl_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    letter-spacing: .2em;
    text-shadow: 0px 0px 10px rgb(76 76 76);
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.under_ttl:before {
    content: "";
    background-repeat: no-repeat;
    background-image: url(/2025/images/top/under_ttl_l.webp);
    background-position: center;
    background-size: contain;
    width: auto;
    height: 150%;
    aspect-ratio: 11 / 8;
    display: block;
    opacity: 0.9;
    position: absolute;
    top: 60%;
    left: -2%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: -1;
    height: 200%;
    top: 40%;
    left: -15px;
}

.under_ttl:after {
    content: "";
    background-repeat: no-repeat;
    background-image: url(/2025/images/top/under_ttl_r.webp);
    background-position: center;
    background-size: contain;
    width: auto;
    height: 110%;
    aspect-ratio: 11 / 8;
    display: block;
    opacity: 0.9;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: -1;
    height: 180%;
    top: 30%;
    right: -100px;
}

#yokohama .under_ttl {
    background-image: url(/2025/images/yokohama/under_ttl_bg.webp);
    color: #fff;
    text-shadow: 0px 2px 7px rgb(0 0 0/ 73%);
}

#nagoya .under_ttl {
    background-image: url(/2025/images/nagoya/under_ttl_bg.webp);
    color: #fff;
    text-shadow: 0px 2px 11px rgb(0 0 0/ 73%);
}


#yokohama .under_ttl:before,
#nagoya .under_ttl:before {
    background-image: url(/2025/images/yokohama/under_ttl_l.webp);
    top: 30%;
    left: -45px;
    height: 230%;
}

#yokohama .under_ttl:after,
#nagoya .under_ttl:after {
    background-image: url(/2025/images/yokohama/under_ttl_r.webp);
    height: 210%;
    top: inherit;
    -webkit-transform: translateY(0%);
    right: -115px;
    bottom: -50px;
}

#nagoya .under_ttl:before {
    background-image: url(/2025/images/nagoya/under_ttl_l.webp);
    left: -45px;
}

#nagoya .under_ttl:after {
    background-image: url(/2025/images/nagoya/under_ttl_r.webp);
    right: -10px;

}

#open .sec_ttl:before {
    /* background-image: url(/images/nagoya/kv_ng_logo.svg); */
}

.under_ttl_span {
    font-size: 0.9rem;
    display: inline-block;
    line-height: 27px;
    padding-top: 10px;
}

.under_page {
    background: #071223;
}


.under_page main {
    color: #000;
    position: relative;
    background: #fff;
}


/* 横浜下層　背景色 */

#yokohama.under_page main {
    background: #f4f8fe;
}


/* 名古屋下層　背景色 */

#nagoya.under_page main {
    background: #FFF7FE;
}



.under_page main:before,
.under_page main:after {
    content: "";
    /* background: url(../images/yokohama/kv_yh_logo.svg) center no-repeat; */
    display: block;
    position: fixed;
    width: 250px;
    height: auto;
    aspect-ratio: 11 / 8;
    background-size: contain;
    z-index: -1;
    opacity: 0.1;
}

#open main:before,
#open main:after,
#nagoya.under_page main:before,
#nagoya.under_page main:after {
    /* background-image: url(../images/nagoya/kv_ng_logo.svg); */
}

.under_page main:before {
    top: 32%;
    right: -2%;
}

.under_page main:after {
    left: -2%;
    bottom: 16%;
}

.under_page .sec_ttl {
    /*    margin-bottom: 3em;*/
    margin-bottom: 4em;
}


/* お問合せフォームの調整 */
#faq h3.form_ttl {
    margin-top: 8em;
}



.under_page .sec_sub_ttl {
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 1.5em;
}

/* 日本語なら */
.under_page header {
    background: #000;
    height: 158px;
}

/* 英語なら */
.en.under_page header {
    /* background: #000;
    height: 153px; */
}

/* 
#nagoya.under_page header {
    height: 158px;
} */

#open.under_page header {
    height: 116px;
}

/*.under_page .nav_content {
    background: #000000;
    background: -moz-linear-gradient(right, #000000 0%, #00305a 100%);
    background: -webkit-linear-gradient(right, #000000 0%, #00305a 100%);
    background: linear-gradient(to left, #000000 0%, #00305a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00305a', GradientType=1);
    box-shadow: 7px 2px 6px rgb(0 0 0 / 50%);
}

.under_page .nav_content.is-fixed {
    background: #000000cc;
    background: -moz-linear-gradient(right, #000000cc 0%, #00305acc 100%);
    background: -webkit-linear-gradient(right, #000000cc 0%, #00305acc 100%);
    background: linear-gradient(to left, #000000cc 0%, #00305acc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000cc', endColorstr='#00305acc', GradientType=1);
}
*/
.under_page header .c_wrap {
    max-width: 1200px;
    padding-right: 0;
}

.under_page h1 {
    /*width   : 250px;*/
    /*width: 150px;*/
    /*top     : 20px;*/
    /*top: 28px;*/
    /*left    : 30px;*/
    /*position: absolute;*/
}

#open.under_page h1 {
    /*top: 32px;*/
    /*width: 350px;*/
}

.under_page h1 a {
    display: block;
    height: 100%;
}

.br_tab {
    display: none;
}

section.sec02 .c_wrap {
    padding: 0px 20px 60px;
}

#ai_challenge section.sec02 .c_wrap {
    padding: 0px 20px;
}

.yg_bar_ttl {
    background-color: #74b29d;
    /*font-weight: bold;*/
    font-weight: 900;
    text-align: center;
    color: #ffffff;
    font-size: 0.9em;
    line-height: 1.6;
    padding: 3px;
    letter-spacing: 0;
    border-radius: 5px;
}

/*.bg_gr {
    background-color: #dddddd;
}*/


/*.bg_gr_2 {
    background-color: #bfc7d1;
}*/


/*.bg_wave {
    background-color   : #bfc7d1;
    background-image   : url(../images/common/bg_wave.png);
    background-repeat  : no-repeat;
    background-size    : contain;
    background-position: center;
}*/


/*section#outline.bg_wave {
    background-image: none;
}*/

#open .under_ttl {
    background-image: url(/2025/images/top/under_ttl_bg.webp);
    /*padding-top: 100px;*/
}

.under_page .sec01 figure:not(.article_img) {
    margin-bottom: 20px;
    margin-top: 0;
    /*border-top-right-radius: 50px;*/
    overflow: hidden;
}


.under_page dl.border_list dt:first-of-type,
.under_page dl.border_list dd:first-of-type {
    border-top: 1px solid #3d4a5b;
    padding-top: 1em;
}

.under_page dl.border_list dt:last-of-type,
.under_page dl.border_list dd:last-of-type {
    border-bottom: 1px solid #3d4a5b;
}

.under_page dl.special_onry dt:last-of-type,
.under_page dl.special_onry dd:last-of-type {
    margin-bottom: 62%;
}

.long_url {
    word-break: break-all;
}

@media screen and (max-width: 960px) {

    /*.under_page h1 {
        width: 200px;
        top  : 25px;
    }*/
    #open.under_page h1 {
        /*top: 20px;*/
    }

    .under_page .head_menu li a {
        font-size: .7em;
    }

    .under_page .head_menu li:after {
        margin: 0 .7em;
        font-size: .7em;
    }

    .sp_mgb40 {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 900px) {
    .under_page header {
        height: 58px !important;
        position: sticky;
    }

    .under_page h1 {
        width: 200px;
        /*width: 150px;
        top  : 12px;
        left : 20px;*/
        /*width: 90px;*/
        /*top: 13px;*/
        /*width: 160px;*/
        /*top: 10px;*/
        /*left: 20px;*/
    }

    #open.under_page h1 {
        /*top: 10px;*/
        /*top: 8px;*/
        /*width: 250px;*/
        /*width: 200px;*/
    }

    .br_tab {
        display: block;
    }

    .under_page .sec_ttl span {
        line-height: 0.9;
        font-size: 1.7em;
    }

    #yokohama .under_ttl:before,
    #nagoya .under_ttl:before {
        /* top: 55%; */
        height: 170%;
        /* left: -5%; */
    }

    #nagoya .under_ttl:after,
    #yokohama .under_ttl:after {
        height: 180%;
        /* right: -4%; */
        bottom: -30px;
    }
}

@media screen and (max-width: 768px) {
    .under_ttl {
        padding: 40px 20px !important;
    }

    .under_ttl:before {
        /* height: 180%; */
    }

    .under_page .sec_ttl {
        margin-bottom: 2em;
    }

    .under_page .sec_sub_ttl {
        font-size: 1em;
        margin-bottom: 1em;
    }

    .ttl_col2_list .col2_l,
    .ttl_col2_list .col2_r {
        margin-top: 20px;
    }

    .under_ttl:after {
        right: -60px;
    }

    #open .under_ttl {
        /* background-position: bottom right -60px; */
    }

    #nagoya .under_ttl:before {
        /* left: -5%; */
    }

    #yokohama .under_ttl:before,
    #nagoya .under_ttl:before {
        left: -5%;
    }

    #nagoya .under_ttl:after,
    #yokohama .under_ttl:after {
        /* height: 140%; */
        /* right: -4%; */
        right: -80px;
        bottom: -10px;
    }

    #nagoya .under_ttl:after {
        right: -10px;
    }

}

@media screen and (max-width: 480px) {
    .under_page h1 {
        top: 15px;
    }

    .under_page .btn:not(.col2_btn a, .col3_btn a, .col4_btn a, .lec_list a.arrow_btn, .btns .btn, .reset_btn, .pager_cont .btn, .back-to-magazine-list a, a.arrow_btn[class*="plan_lec"], a.arrow_btn[class*="newcar_lec"]) {
        max-width: 300px;
        width: 100%;
        min-width: initial;
    }

    .under_page #press .btn {
        max-width: inherit;
    }

    .under_page .col2_btn,
    .under_page .col3_btn {
        margin-bottom: 3rem;
    }

    .under_page dl.border_list {
        margin-bottom: 30px;
    }

    .under_page dl.border_list dt {
        width: 100%;
        margin-bottom: 0;
        text-align: left;
        margin-left: 0px;
        font-size: 1em;
        border-bottom: none !important;
        margin-bottom: 0 !important;
    }

    .under_page dl.border_list dd {
        width: 100%;
        border-bottom: 1px solid #3d4a5b;
        border-top: none !important;
        padding: 0.5em 1em 1.3em 0 !important;
    }

    .under_page dl.border_list.bor_both dt:last-of-type,
    .under_page dl.border_list.bor_both dd:last-of-type {
        margin-bottom: 0;
    }

    .under_page .col2_btn li,
    .under_page .col3_btn li,
    .under_page .col4_btn li {
        margin-bottom: 10px;
    }

    .under_page .col3_btn li:last-child {
        margin-bottom: 0;
    }

    .under_page main:before,
    .under_page main:after {
        width: 35%;
    }

    .under_ttl:before {
        left: -8%;
        width: auto;
        top: 54%;
        height: 140%;
    }

    .under_ttl:after {
        /* width: auto; */
        right: -15%;
        height: 120%;
        top: 35%;
    }

    .col_float {
        display: flow-root;
    }

    .col_float_r {
        float: right;
    }

    #nagoya .under_ttl:after,
    #yokohama .under_ttl:after {
        height: 130%;
        right: -10%;
        bottom: -5px;
    }

    #nagoya .under_ttl:after {
        right: -10px;
        bottom: 0;
        height: 150%;
    }

    #nagoya .under_ttl:before,
    #yokohama .under_ttl:before {
        height: 150%;
        top: 35%;
        left: -3%;
    }
}

/*   ー スケジュールのグリッドリスト（ランチョンセミナーで使用中） ー */
.schedule_grid_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.schedule_grid_list li.lec_list_inner {
    display: flex;
    flex-direction: column;
    width: 49%;
    background: #ffffff;
    padding: 15px 20px;
    margin: 20px 0 0;
    border: 1px solid #abcdea;
}

.schedule_grid_list .lec_list_title {
    margin-top: .625rem;
    font-weight: bold;
    font-weight: 700;
    line-height: 1.5;
}

.schedule_grid_list .lec_summary {
    margin-top: .625rem;
    font-size: 0.8rem;
    line-height: 1.5;
}

.schedule_grid_list li.lec_list_inner .btn_cont {
    margin-top: auto;
}

.schedule_grid_list .lec_dl {
    margin-top: 1rem;
    font-size: 0.8rem;
    line-height: 1.8;
}

.schedule_grid_list .lec_dl.font1 {
    font-size: 1em;
}

.schedule_grid_list .lec_dl .office_position {
    font-size: .875rem;
    line-height: 1.5;
}

@media screen and (max-width: 600px) {
    .schedule_grid_list li.lec_list_inner {
        width: 100%;
    }
}

/* ー アイコン付きの日時・場所 ー */
.sessionblock_place,
.sessionblock_time {
    width: auto;
    color: #000;
    font-weight: 700;
    position: relative;
    line-height: 1.5;
    padding-left: 1.5em;
    font-size: .875rem;
}

.sessionblock_place::after,
.sessionblock_time::after {
    font-family: "Material Icons";
    line-height: 1.5;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    content: "timer";
    font-size: .9rem;
}

.sessionblock_place::after {
    content: "location_on";
    font-size: 1rem;
}

/* ー 下層ページ内の注釈 ー */
.annotation_list {
    margin-bottom: 20px;
    line-height: 2;
}

.annotation_list .annotation_text {
    font-size: .8rem;
}





/* ==========================================================================
    開催概要
   ========================================================================== */
#outline {}

/*#outline .sec01 p{
    font-size: .9em;
    line-height: 2em;
}*/

#outline .sec01 .col2 {
    align-items: center;
}

@media screen and (max-width: 768px) {
    #outline .col2 .col2_r {
        margin-top: 30px;
    }
}

@media screen and (min-width: 768px) {
    .summary_sp {
        display: inline-block;
        width: 100%;
        /* 改行を強制する */
    }

}


/* ==========================================================================
    会場アクセス
   ========================================================================== */
#access {}

#access .sec01 .col2 {
    align-items: start;
}

#access .sec01 dl.border_list dt:first-of-type,
#access .sec01 dl.border_list dd:first-of-type {
    border-top: 1px solid #3d4a5b;
    padding-top: 1em;
}

#access dl.border_list dt:last-of-type,
#access dl.border_list dd:last-of-type {
    border-bottom: 1px solid #3d4a5b;
    margin-bottom: 1em;
}

#access .sec02 {}

#access .sec02 li {
    margin-bottom: 50px;
}

#access .sec02 li:last-child {
    margin-bottom: 0;
}

#access .sec02 li:nth-child(3) dd figure {
    width: 10em;
}

@media screen and (max-width: 768px) {
    #access .sec01 figure {
        margin-top: 30px;
    }

    #access .sec02 dd.col2_r {
        width: 75%;
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (max-width: 480px) {
    #access .sec02 li {
        margin-bottom: 40px;
    }

    #access .sec02 dd.col2_r {
        width: 100%;
    }

    #access .sec01 dl.border_list dt:first-of-type,
    #access .sec01 dl.border_list dd:first-of-type {
        border-top: 1px solid #3d4a5b;
        padding-top: 1em;
    }

    #access dl.border_list dt:last-of-type,
    #access dl.border_list dd:last-of-type {
        border-bottom: 1px solid #3d4a5b;
        margin-bottom: 1em;
    }

    .under_page #access dl.border_list {
        margin-bottom: 0;
    }
}

/* ==========================================================================
    時別企画 & 実証企画
   ========================================================================== */

#sp_exh {}

#sp_exh h4 {
    line-height: 2;
}

#sp_exh .sec01 .col2_l>p {
    font-size: .9em;
    line-height: 2;
}

#sp_exh .txt_col .col2_l,
#demonstration .txt_col .col2_l {
    width: 79%;
}

#sp_exh .txt_col .col2_r,
#demonstration .txt_col .col2_r {
    width: 20%;
    margin-top: 1%;
    height: max-content;
}

#sp_exh .ico_plus,
#demonstration .ico_plus {
    position: relative;
}

#sp_exh .ico_plus:before,
#demonstration .ico_plus:before {
    position: absolute;
    bottom: 0px;
    right: 0;
    background: rgb(255 255 255 / 80%);
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-size: 1rem;
    color: #a71616;
    content: '\f067';
}

#sp_exh .icon_play,
#demonstration .icon_play {
    position: relative;
    display: block;
    height: fit-content;
}

#sp_exh .icon_play:before,
#demonstration .icon_play:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background: rgb(255 255 255 / 80%);
    width: 2.5em;
    height: 2.5em;
    line-height: 2.4em;
    padding-left: 0.2em;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    color: #a71616;
    content: '\f04b';
}

#sp_exh .sec02 {}

#sp_exh .sec02 ol {
    margin-bottom: 60px;
}

#sp_exh .sec02 li {
    margin-bottom: 50px;
}

#sp_exh .sec02 li:last-child {
    margin-bottom: 0;
}

.theme_txt {
    margin-bottom: 50px;
}

.theme_txt h4 {
    text-align: center;
    font-size: 1.5em;
}

#sp_exh .theme_txt p {
    font-size: 1em;
    line-height: 2.1em;
}

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

    #sp_exh .txt_col .col2_l,
    #demonstration .txt_col .col2_l {
        width: 63.5%;
    }

    #sp_exh .txt_col .col2_r,
    #demonstration .txt_col .col2_r {
        width: 35%;
    }

    .theme_txt {
        margin-bottom: 30px;
    }

    .theme_txt span {
        display: none;
    }
}

@media screen and (max-width: 480px) {

    #sp_exh .txt_col .col2_l,
    #demonstration .txt_col .col2_l {
        width: 100%;
    }

    #sp_exh .txt_col .col2_r,
    #demonstration .txt_col .col2_r {
        width: 100%;
    }

    #sp_exh .sec02 li {
        margin-bottom: 40px;
    }

    .theme_txt h4 {
        font-size: 1.1em;
    }

    #sp_exh .theme_txt p {
        font-size: 0.9em;
    }
}

/* ==========================================================================
    主催者企画講演
   ========================================================================== */
#plan_lec {}

#plan_lec .sec01 dl.border_list dt:first-of-type,
#plan_lec .sec01 dl.border_list dd:first-of-type {
    border-top: 1px solid #3d4a5b;
    padding-top: 1em;
}

#plan_lec dl.border_list dt:last-of-type,
#plan_lec dl.border_list dd:last-of-type {
    border-bottom: 1px solid #3d4a5b;
}

.lec_list {}

.lec_list li {
    margin-bottom: 60px;
}

.lec_list li:last-child {
    margin-bottom: 0;
}

.lec_list .bar_ttl {
    display: flex;
    align-items: center;
}

.lec_list .bar_ttl .col2_l {
    line-height: initial;
}

.lec_list .bar_ttl .col2_r {
    line-height: .8em;
    display: flex;
    justify-content: flex-end;
}

.lec_list .lec_sum h5 {
    font-size: 1.2em;
    margin-bottom: 20px;
}

.lec_list .lec_sum h5+p {
    margin-bottom: 30px;
    text-align: justify;
}

.en .lec_list .lec_sum h5+p {
    text-align: unset;
    margin-bottom: 30px;
}

.lec_list .lec_sum p,
.lec_list .lec_tutor p:not(.bold_txt) {
    font-size: .9em;
    line-height: 2em;
}

.under_line {
    border-bottom: 1px solid;
}

.lec_list a.arrow_btn,
a.arrow_btn[class*="plan_lec"],
a.arrow_btn[class*="newcar_lec"] {
    width: 255px;
    /* min-width: initial !important; */
    min-width: max-content;
    text-align: left;
    padding-top: .3em;
    padding-right: 2.5em;
    padding-bottom: .3em;
    padding-left: 2em;
}

.max-content a.arrow_btn {
    width: max-content;
    padding-right: 50px;
}

.lec_list .lec_tutor {
    align-self: flex-start;
}

.lec_list .border_ttl {
    font-size: 1em;
    height: fit-content;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    color: #005bac;
    border-left: 3px solid #005bac;
}

.lec_list .lec_tutor dd {
    margin-top: 20px;
}

.lec_list .lec_tutor .col2_l img {
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #b4b4b4;
}

.lec_list .lec_tutor .col2_r {
    font-size: .95em;
    line-height: 2em;
}

.lec_label {
    background: #fff;
    border-radius: 2.5px;
    color: #00284b;
    font-weight: 700;
    padding: 6px 1em;
    font-size: .6em;
    line-height: 1;
    letter-spacing: 0;
    display: inline-block;
}

.lec_label.no_label {
    opacity: .7;
}

.col2_r .lec_label:nth-child(n+2) {
    margin-left: 5px;
}

.lec_archive .c_wrap {
    max-width: 800px;
}

.lec_archive .movie_cont {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.lec_archive .movie_cont iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.lec_archive .lec_list .bar_ttl {
    display: block;
}

.lec_archive .circle_icon:before {
    content: '\f111';
    font-family: "Font Awesome 6 Free";
    font-weight: 500;
    margin-right: 0.5em;
    color: #b7d100;
}

.lec_archive .lec_list .lec_tutor {
    align-self: flex-start;
    justify-content: flex-start;
}

.lec_archive .lec_list .lec_tutor dd.col2_l {
    width: 18%;
    margin-right: 2%;
}

.lec_archive .lec_list .lec_tutor dd.col2_r {
    width: 28%;
    margin-right: 2%;
}

.lec_archive .c_wrap ul li #planning_lecture .small_txt,
.lec_archive .c_wrap ul li #newcar_lecture .small_txt {
    padding-left: 0;
}

#plan_lec .lec_archive .sec01 .center_txt p .sp {
    display: block;
}



/* アーカイブ配信略歴文字の折り返し多いため、width調整 */
.lec_archive .lec_list .lec_tutor dd.col2_r {
    width: 78%;
}

.lec_archive a.arrow_btn {
    width: 300px;
    margin: auto;
}

.lec_archive .col3_btn a {
    line-height: 1.5;
}

@media screen and (max-width: 570px) {
    #plan_lec .lec_archive .sec01 .center_txt p .sp {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .lec_list .bar_ttl .col2_r {
        margin-top: 5px;
        justify-content: flex-start;
    }

    #plan_lec .sec01 figure {
        margin-bottom: 20px;
    }

    .lec_list a.arrow_btn,
    a.arrow_btn[class*="plan_lec"],
    a.arrow_btn[class*="newcar_lec"] {
        margin: auto;
    }

    .lec_list .lec_tutor {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .lec_list .lec_tutor .col2_l.wid20 {
        width: 20%;
    }

    .lec_list .lec_tutor .col2_l.wid23 {
        width: 23%;
    }

    .lec_list .lec_tutor .col2_r.wid70 {
        width: 70%;
    }

    .lec_list .lec_tutor .col2_r.wid75 {
        width: 75%;
    }

    .lec_list .lec_sum h5 {
        margin-bottom: 10px;
    }

    .lec_list .lec_sum h5+p {
        margin-bottom: 0;
    }

}

@media screen and (max-width: 480px) {
    #plan_lec .bar_txt {
        width: 100%;
    }

    #plan_lec .sec02 span {
        margin-bottom: 5px;
    }

    .lec_list a.arrow_btn {
        max-width: 250px;
        width: 100%;
    }

    .lec_list .lec_tutor {
        margin-top: 20px;
    }

    .lec_archive a.arrow_btn {
        max-width: 300px;
    }

    .lec_archive .lec_list .lec_tutor dd.col2_l {
        width: 27%;
        margin-right: 3%;
    }

    .lec_archive .lec_list .lec_tutor dd.col2_r {
        width: 70%;
        margin-right: 0;
        margin-bottom: 3%;
    }

    .lec_archive .col3_btn li {
        margin-bottom: 0;
    }

    .lec_archive .col3_btn a {
        line-height: 1.6;
    }

    .lec_archive .col3_btn a br {
        display: none;
    }
}


/* ==========================================================================
    新車開発講演
   ========================================================================== */
#newcar_lec {}

#newcar_lec .sec01 dl.border_list dt:first-of-type,
#newcar_lec .sec01 dl.border_list dd:first-of-type {
    border-top: 1px solid #3d4a5b;
    padding-top: 1em;
}

#newcar_lec dl.border_list dt:last-of-type,
#newcar_lec dl.border_list dd:last-of-type {
    border-bottom: 1px solid #3d4a5b;
}

#newcar_lec .product_photo {
    width: 45%;
}

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

    /* #newcar_lec .sec01 figure {
        margin-top: 20px;
    } */
    #newcar_lec .product_photo {
        width: 75%;
        margin: auto;
    }

    #newcar_lec .lec_list .lec_tutor {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    #newcar_lec .bar_txt {
        width: 100%;
    }

    #newcar_lec .sec02 span {
        margin-bottom: 5px;
    }

    #newcar_lec .product_photo {
        width: 100%;
    }
}

/* 新車開発講演 英語ページ */
/* Closedボタンの幅調整 */
#newcar_lec.en .sec02 .lec_list .btn.disabled {
    width: max-content;
    padding-right: 50px;
}

/* ==========================================================================
    試乗会
   ========================================================================== */
#test_drive {}

#test_drive .sec01 dl.border_list dt:first-of-type,
#test_drive .sec01 dl.border_list dd:first-of-type {
    border-top: 1px solid #3d4a5b;
    padding-top: 1em;
}

#test_drive dl.border_list dt:last-of-type,
#test_drive dl.border_list dd:last-of-type {
    border-bottom: 1px solid #3d4a5b;
    margin-bottom: 1em;
}

.td_list {}

.td_list li {
    width: 49%;
    background: #f0f7ff80;
    padding: 15px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2%;
}

.td_list li:nth-child(-n+2) {
    margin-top: 0;
}

.td_list li .col2_l {
    width: 47%;
}

.td_list li .col2_r {
    width: 50%;
}

.label_cont {
    margin-bottom: 5px;
    height: min-content;
    line-height: 0;
}

.td_label {
    border-radius: 2.5px;
    color: #fff;
    font-weight: 700;
    padding: 4px 1em;
    font-size: .6em;
    line-height: 1;
    letter-spacing: 0;
    display: inline-block;
}

.label_yh {
    background-color: #0041ff;
}

.label_ng {
    background-color: #e21412;
}

@media screen and (max-width: 768px) {
    #test_drive .sec01 figure {
        margin-top: 20px;
    }

    .td_list li {
        width: 100%;
    }

    .td_list li:nth-child(2) {
        margin-top: 2%;
    }

    .td_list li:nth-child(-n+1) {
        margin-top: 0;
    }
}


/* ==========================================================================
    フォーラムYOKOHAMA
   ========================================================================== */
#forum-yokohama table {
    width: 100%;
}

#forum-yokohama table tr th,
#forum-yokohama table tr td {
    padding: 15px;
    display: table-cell;
    border: solid 1px #a3a3a3;
}

#forum-yokohama table tr th {
    background: #deebf9;
    /* padding: 0; */
    text-align: center;
}

#forum-yokohama table tr td {
    /* position: relative; */
    /* padding-bottom: 50px; */
    background: #fff;
    font-size: .9em;
    line-height: normal;
}

#forum-yokohama table tr td.empty {
    background-image: linear-gradient(to right bottom,
            transparent calc(50% - 0.5px),
            #d8d8d8 50%,
            #d8d8d8 calc(50% + 0.5px),
            transparent calc(50% + 1px));
}

#forum-yokohama table tr td:first-child {
    width: 10%;
    /* 1列目の幅を異なる幅に設定 */
    background: #f7f7f7;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

#forum-yokohama table tr th:not(:first-child),
#forum-yokohama table tr td:not(:first-child) {
    width: calc((100% - 10%) / 2);
    /* 2〜4列を均等の幅に割り当て */
}

#forum-yokohama table tr th:not(:first-child) {
    font-size: 1rem;
}

#forum-yokohama table tr td:not(:first-child) {
    color: #005bac;
    font-weight: bold;
}

#forum-yokohama .sec02 .underline_link {
    display: inline-block;
    font-weight: normal;
    margin-top: 10px;
}

#forum-yokohama table tr td .schedule_desc {
    display: inline-block;
    margin-top: 10px;
    color: #777;
    font-size: 0.7rem;
    line-height: 1.5;
    text-align: justify;
}

#forum-yokohama table tr td .schedule_desc.red_txt {
    color: #ff0000;
}

/* 英語ページのみ文字を左揃えにする */
.en #forum-yokohama table tr td .schedule_desc {
    text-align: left;
}

#forum-yokohama table tr td .small_txt {
    /* position: absolute; */
    bottom: 10px;
    margin-top: 10px;
    padding-left: 0;
    /* color: #0056bd; */
    font-size: .85rem !important;
    color: #000;
    font-weight: normal;
    text-indent: 0;
}

#forum-yokohama .scroll-hint-icon {
    top: 10%;
    height: 100px;
    width: 130px;
    /* テキスト落ちないように */
}



#forum-yokohama .sec_sub_ttl {
    color: #b8d200;

}

@media screen and (max-width: 1128px) {
    #forum-yokohama.en_cont table tr td:first-child {
        width: 11%;
        /* 英ページ　　1列目の幅を異なる幅に設定 */
    }
}

@media screen and (max-width: 985px) {
    #forum-yokohama.en_cont table tr td:first-child {
        width: 12%;
        /* 英ページ　　1列目の幅を異なる幅に設定 */
    }
}

@media screen and (max-width: 865px) {
    #forum-yokohama.en_cont table tr td:first-child {
        width: 13%;
        /* 英ページ　　1列目の幅を異なる幅に設定 */
    }
}

@media screen and (max-width: 850px) {
    #forum-yokohama.en_cont table tr td:first-child {
        width: 10%;
        /* 英ページ　　1列目の幅を異なる幅に設定 */
    }
}

@media screen and (max-width: 850px) {

    #forum-yokohama table tr th,
    #forum-yokohama table tr td {
        white-space: normal;
        min-width: 300px;
    }

    #forum-yokohama table tr th:first-child,
    #forum-yokohama table tr td:first-child {
        min-width: 120px;
        width: 100%;
    }

    #forum-yokohama .sp {
        display: block !important;
    }
}

#yokohama .scr_icon:before {
    content: '';
    background-image: url(/2025/images/common/ico_swipe_side.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    margin-right: .5em;
}

/*--------------------------- フォーラムYOKOHAMA 英語ページ ---------------------------*/
#forum-yokohama .sec02 .scroll-table .tiny_txt {
    font-size: .7rem;
}

/* @media screen and (max-width: 1128px) {
    #forum-yokohama .sec02 .scroll-table .tiny_txt {
        font-size: .6rem;
    }
} */

@media screen and (max-width: 1030px) {
    #forum-yokohama .sec02 .scroll-table .tiny_txt {
        font-size: .6rem;
    }
}

@media screen and (max-width: 850px) {
    #forum-yokohama .sec02 .scroll-table .tiny_txt {
        font-size: .8rem;
    }
}


/* ==========================================================================
    出展社セミナー
   ========================================================================== */
#exhibitorsseminar table {
    width: 100%;
}

#exhibitorsseminar table tr th,
#exhibitorsseminar table tr td {
    padding: 15px;
    display: table-cell;
    border: solid 1px #a3a3a3;
}

#exhibitorsseminar table tr th {
    background: #deebf9;
    /* padding: 0; */
    text-align: center;
}

#exhibitorsseminar table tr th:not(:first-child),
#exhibitorsseminar table tr td:not(:first-child) {
    width: calc((100% - 10%) / 3);
    /* 2〜4列を均等の幅に割り当て */
}

#exhibitorsseminar table tr th:not(:first-child) {
    font-size: 1rem;
}

#exhibitorsseminar table tr td {
    /* position: relative; */
    /* padding-bottom: 50px; */
    background: #fff;
    font-size: .9em;
    line-height: normal;
}

#exhibitorsseminar table tr td:first-child {
    width: 10%;
    /* 1列目の幅を異なる幅に設定 */
    background: #f7f7f7;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

#exhibitorsseminar table tr td:not(:first-child) {
    color: #000;
}

#exhibitorsseminar table tr td.empty {
    background-image: linear-gradient(to right bottom,
            transparent calc(50% - 0.5px),
            #d8d8d8 50%,
            #d8d8d8 calc(50% + 0.5px),
            transparent calc(50% + 1px));
}

#exhibitorsseminar table tr td .exhibitors_seminar_desc {
    display: inline-block;
    margin-top: 5px;
    color: #777;
    font-size: 0.7rem;
    line-height: 1.5;
}

/* 英語ページのみ文字を左揃えにする */
.en #exhibitorsseminar table tr td .exhibitors_seminar_desc {
    text-align: left;
    word-break: break-word;
}

#exhibitorsseminar table tr td .small_txt {
    /* position: absolute; */
    bottom: 10px;
    margin-top: 10px;
    padding-left: 0;
    /* color: #0056bd; */
    font-size: .85rem !important;
    color: #005bac;
    font-weight: normal;
    text-indent: 0;
}

#exhibitorsseminar table tr td .small_x {
    font-size: .7rem !important;
    font-weight: normal;
}

#exhibitorsseminar .scroll-hint-icon {
    width: 130px;
    /* テキスト落ちないように */
    top: 10%;
    height: 100px;
}

#exhibitorsseminar .sec_sub_ttl {
    color: #b8d200;
}

#exhibitorsseminar .scroll-table .position_name {
    font-size: .8em;
    color: #000;
}

#exhibitorsseminar .scroll-table .company,
#presentation_stage .scroll-table .company {
    font-size: .8em;
    margin-top: 10px;
}

#exhibitorsseminar .c_wrap.content_label_cont .cont_2 {
    display: flex;
}

#exhibitorsseminar .sec02 .content_label_real,
#presentation_stage .sec02 .content_label_real {
    margin-left: 15px;
    line-height: 1.5;
    border-radius: 50px;
}

@media screen and (max-width: 850px) {

    #exhibitorsseminar table tr th,
    #exhibitorsseminartable tr td {
        white-space: normal;
        min-width: 300px;
    }

    #exhibitorsseminar table tr th:first-child,
    #exhibitorsseminar table tr td:first-child {
        min-width: 120px;
        width: 100%;
    }

    #exhibitorsseminar .sp {
        display: block !important;
    }
}


/* ==========================================================================
    モビリティDXイノベーションステージ
   ========================================================================== */
#presentation_stage .comingsoon {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    color: #7d7d7d;
    padding: 30px 0;
}

@media screen and (max-width: 480px) {
    #presentation_stage .comingsoon {
        font-size: 1.15rem;
        padding: 0;
    }
}

#presentation_stage table {
    width: 100%;
}

#presentation_stage table tr th,
#presentation_stage table tr td {
    padding: 15px;
    display: table-cell;
    border: solid 1px #a3a3a3;
}

#presentation_stage table tr th {
    background: #deebf9;
    /* padding: 0; */
    text-align: center;
}

#presentation_stage table tr td {
    /* position: relative; */
    /* padding-bottom: 50px; */
    background: #fff;
    font-size: .9em;
    line-height: normal;
}

#presentation_stage table tr td.empty {
    background-image: linear-gradient(to right bottom,
            transparent calc(50% - 0.5px),
            #d8d8d8 50%,
            #d8d8d8 calc(50% + 0.5px),
            transparent calc(50% + 1px));
}

#presentation_stage table tr td:first-child {
    width: 10%;
    /* 1列目の幅を異なる幅に設定 */
    background: #f7f7f7;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

#presentation_stage table tr th:not(:first-child),
#presentation_stage table tr td:not(:first-child) {
    width: calc((100% - 10%) / 3);
    /* 2〜4列を均等の幅に割り当て */
}

#presentation_stage table tr th:not(:first-child) {
    font-size: 1rem;
}

#presentation_stage table tr td:not(:first-child) {
    color: #005bac;
    font-weight: bold;
}

#presentation_stage .sec02 .underline_link {
    display: inline-block;
    font-weight: normal;
    margin-top: 10px;
}

#presentation_stage table tr td .schedule_desc {
    display: inline-block;
    margin-top: 10px;
    color: #777;
    font-size: 0.7rem;
    line-height: 1.5;
    text-align: justify;
}

#presentation_stage table tr td .schedule_desc.red_txt {
    color: #ff0000;
}

/* 英語ページのみ文字を左揃えにする */
.en #presentation_stage table tr td .schedule_desc {
    text-align: left;
}

#presentation_stage table tr td .small_txt {
    /* position: absolute; */
    bottom: 10px;
    margin-top: 10px;
    padding-left: 0;
    /* color: #0056bd; */
    font-size: .85rem !important;
    color: #000;
    font-weight: normal;
    text-indent: 0;
}

#presentation_stage .scroll-hint-icon {
    top: 10%;
    height: 100px;
    width: 130px;
    /* テキスト落ちないように */
}



#presentation_stage .sec_sub_ttl {
    color: #b8d200;

}

@media screen and (max-width: 1128px) {
    #presentation_stage.en_cont table tr td:first-child {
        width: 11%;
        /* 英ページ　　1列目の幅を異なる幅に設定 */
    }
}

@media screen and (max-width: 985px) {
    #presentation_stage.en_cont table tr td:first-child {
        width: 12%;
        /* 英ページ　　1列目の幅を異なる幅に設定 */
    }
}

@media screen and (max-width: 865px) {
    #presentation_stage.en_cont table tr td:first-child {
        width: 13%;
        /* 英ページ　　1列目の幅を異なる幅に設定 */
    }
}

@media screen and (max-width: 850px) {
    #presentation_stage.en_cont table tr td:first-child {
        width: 10%;
        /* 英ページ　　1列目の幅を異なる幅に設定 */
    }
}

@media screen and (max-width: 850px) {

    #presentation_stage table tr th,
    #presentation_stage table tr td {
        white-space: normal;
        min-width: 300px;
    }

    #presentation_stage table tr th:first-child,
    #presentation_stage table tr td:first-child {
        min-width: 120px;
        width: 100%;
    }

    #presentation_stage .sp {
        display: block !important;
    }
}


/* ==========================================================================
    技術情報ブリーフィング
   ========================================================================== */
#briefing .sec01 dl.border_list dt:first-of-type,
#briefing .sec01 dl.border_list dd:first-of-type {
    border-top: 1px solid #3d4a5b;
    padding-top: 1em;
}

#briefing dl.border_list dt:last-of-type,
#briefing dl.border_list dd:last-of-type {
    border-bottom: 1px solid #3d4a5b;
    margin-bottom: 1em;
}


/* ==========================================================================
    ワークショップ
   ========================================================================== */
#Workshop .sec01 dl.border_list dt:first-of-type,
#Workshop .sec01 dl.border_list dd:first-of-type {
    border-top: 1px solid #3d4a5b;
    padding-top: 1em;
}

#Workshop dl.border_list dt:last-of-type,
#Workshop dl.border_list dd:last-of-type {
    border-bottom: 1px solid #3d4a5b;
    margin-bottom: 1em;
}


/* ==========================================================================
    春季大会
   ========================================================================== */
#keynote_address .sec01 dl.border_list dt:first-of-type,
#keynote_address .sec01 dl.border_list dd:first-of-type {
    border-top: 1px solid #3d4a5b;
    padding-top: 1em;
}

#keynote_address dl.border_list dt:last-of-type,
#keynote_address dl.border_list dd:last-of-type {
    border-bottom: 1px solid #3d4a5b;
    margin-bottom: 1em;
}

#keynote_address h4 {
    text-align: center;
    text-align: center;
    color: #b7d100;
    font-size: 1.7em;
}



#keynote_address .susp_txt.under {
    color: #000000 !important;
}


#white_body .susp_txt.under {
    color: #000000 !important;
}

#download .susp_txt.under {
    background: rgb(244 248 254);
    border: 1px solid #f4f8fe;
    line-height: 1.8 !important;
    font-size: 1em !important;
    padding: 1em;
    margin-bottom: 50px;
    font-weight: bold;
    font-weight: 700;
    text-align: center;
    margin-top: 15px;
    width: 100%;
}

@media screen and (max-width: 480px) {
    #keynote_address h4 {
        font-size: 1.5em;
    }
}

.press_soon_box {
    justify-content: center;
    margin: 0 auto 16px;
    display: flex;
}

#press_kit .press_soon_box {
    margin: 0 auto -14px;
}

.press_soon {
    font-weight: 700;
}


/* ==========================================================================
    宿泊のご案内
   ========================================================================== */
#stay .c_wrap {
    margin: auto;
}

#stay .stay_table {
    margin-top: 50px;
    margin-bottom: 45px;
    width: 100%;
}

#stay .stay_table,
td,
th {
    border: 1px solid #595959;
    border-collapse: collapse;
}

#stay .stay_table td,
th {
    padding: 8px;
    line-height: 1.5;
    font-size: 0.8em;
}


/* ==========================================================================
    メディアの皆さまへ
   ========================================================================== */
#press .c_wrap section {
    margin-bottom: 100px;
}

#press .c_wrap section ul.press_list {
    margin-bottom: 30px;
}

#press .c_wrap section ul.press_list .font_bold,
#press_media p .font_bold {
    font-weight: bold;
    color: #b7d100;
    line-height: 1.5;
}

#press .c_wrap section h4 {
    margin-bottom: 10px;
}

#press .c_wrap section .blue_txt_box ul.press_list {
    margin-bottom: 0;
}

#press .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#press .flex li {
    width: 49%;
}

/* 出展社プレスリリースMAPの幅を変更 */
#press #press_release_map .flex li {
    width: 21%;
    margin-bottom: 10px;
}

.en #press #press_release_map .flex li {
    width: 30%;
}

#nagoya #press #press_release_map .flex li {
    width: 30%;
    margin-bottom: 10px;
}

#press .flex li p {
    text-align: center;
}

#press figure {
    border-top-right-radius: 0;
}

#press .flex li figure {
    border-top-right-radius: 0;
    margin-bottom: 10px;

}

#press .col3_btn .arrow_btn:after,
#press .col4_btn .arrow_btn:after {
    content: "\f078";
}

#press figure a {
    position: relative;
}

#press figure a::after {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    background: #b7d100;
    height: 30px;
    text-align: center;
    line-height: 32px;
    font-size: 1rem;
    color: #000;
    content: "\f002";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}

#press h3 span.sup_txt {
    color: #000;
    font-size: 1.1rem;
    font-weight: normal;
    font-family: 'Noto Sans JP';
}

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

    #press figure.col2_r {
        margin-top: 50px;
    }

    #press .col3_btn li,
    #press .col4_btn li {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 20px;
        margin-top: 0;
    }

    #press .col3_btn li:last-child {
        margin-bottom: 0;
    }

    #press .c_wrap section {
        margin-bottom: 80px;
    }

    #press h3 span.sup_txt {
        font-size: 1rem;
        margin-top: 10px;
    }


}

@media screen and (max-width: 480px) {
    #press .flex li {
        width: 100%;
        margin-bottom: 10px;
    }

    /* 出展社プレスリリースMAPの幅を変更 */
    #press #press_release_map .flex li {
        width: 48% !important;
    }

    #press .flex li:last-child {
        margin-bottom: 0;
    }

    #press figure.col2_r {
        margin-top: 30px;
    }

    #press .col3_btn li {
        margin-bottom: 10px;
    }

    #press .c_wrap section {
        margin-bottom: 50px;
    }
}


/* ==========================================================================
    来場登録について
   ========================================================================== */
#registinfo {}

#registinfo .big_txt {
    font-size: 1.2rem;
}


/*#registinfo .bg_wave {
    background-size: cover;
}*/


/*#registinfo dl.border_list dt:first-of-type,
#registinfo dl.border_list dd:first-of-type{
    border-top: 1px solid #3d4a5b;
    padding-top: 1em;
}

#registinfo dl.border_list dt:last-of-type,
#registinfo dl.border_list dd:last-of-type {
    border-bottom: 1px solid #3d4a5b;
    margin-bottom: 1em;
}*/

#registinfo dl.border_list dt {
    width: 12em;
}

#registinfo dl.border_list dd {
    width: calc(100% - 12em);
}

#registinfo .col3_btn {
    margin-bottom: 0;
}

#registinfo .col3_btn a {
    font-size: .85em;
    padding: 15px;
}

#registinfo .tab_br {
    display: none;
}

.cocoa_link {
    position: relative;
}

.cocoa_link a {
    position: absolute;
    display: block;
}

.cocoa_link .cocoa_link_ios {
    width: 31%;
    height: 21%;
    top: 27.5%;
    right: 22.5%;
}

.cocoa_link .cocoa_link_android {
    width: 31%;
    height: 17%;
    top: 64.5%;
    right: 22.5%;
}

@media screen and (max-width: 1100px) {
    #registinfo .tab_br {
        display: block;
    }
}

@media screen and (max-width: 850px) {
    #registinfo .col3_btn li {
        width: 49%;
        /* margin-right: 0; */
    }

    #registinfo .tab_br {
        display: none;
    }

    #registinfo .col3_btn li:nth-child(n+3) {
        margin-top: 2%;
    }

    #registinfo .col3_btn li:last-child,
    #registinfo .col3_btn li:nth-child(2n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    #registinfo .sec01 .col2_r {
        width: 75%;
        margin: auto;
        margin-top: 30px;
    }

    #registinfo .sec01 .arrow_btn {
        margin: auto;
    }

    #registinfo dl.border_list dt {
        width: 8em;
    }

    #registinfo dl.border_list dd {
        width: calc(100% - 8em);
    }

    #registinfo .col3_btn li {
        margin-bottom: 10px;
        width: 100%;
        margin-right: 0;
    }

    #registinfo .col3_btn li:nth-child(n+3) {
        margin-top: 0;
    }
}

@media screen and (max-width: 480px) {
    #registinfo .big_txt {
        font-size: 1rem;
    }

    #registinfo .sec01 .col2_r {
        width: 100%;
    }

    #registinfo dl.border_list dt,
    #registinfo dl.border_list dd {
        width: 100%;
    }

    #registinfo .col3_btn li {
        margin-bottom: 10px;
    }

    #registinfo .col3_btn li:last-child {
        margin-bottom: 0;
    }
}


/* ==========================================================================
    感染防止対応
   ========================================================================== */
#covid_guide {}

.guide_list {
    justify-content: space-between;
}

.guide_list li {
    width: 49%;
    /* background: #fff; */
    padding: 1em;
}

.guide_list li:nth-child(n+3) {
    margin-top: 2%;
}

.guide_list li dl {}

.guide_list li dt {
    background: #5d7da5;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 1em;
}

.guide_list li dt p {
    font-size: 1.2em;
    margin-bottom: .6em;
    text-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
}

.guide_list li dt img {
    margin: auto;
    width: 50%;
    filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 25%));
}

.guide_list li dd {
    margin-top: 1em;
    font-size: .9em;
    line-height: 2;
}

.visit_guide_list {}

.visit_guide_list li {
    margin-top: 5%;
}

.visit_guide_list li .col2_l {
    width: 65%;
}

.visit_guide_list li figure,
.visit_guide_list li .cocoa_link_cont {
    width: 32%;
}

.visit_guide_list li .cocoa_link_cont figure {
    width: 100% !important;
}

.visit_guide_list .border_ttl {
    height: max-content;
    font-size: 1.1em;
}

@media screen and (max-width: 768px) {
    .guide_list li dt p {
        font-size: 1em;
    }

    .visit_guide_list li {
        margin-top: 5%;
    }

    .visit_guide_list li .col2_l {
        width: 100%;
    }

    .visit_guide_list li figure {
        width: 50% !important;
    }

    .visit_guide_list li .cocoa_link_cont {
        margin: auto;
        width: 75% !important;
    }

    .visit_guide_list li .col2_r {
        margin-top: 30px;
    }

    .visit_guide_list li .col3 figure {
        width: 32% !important;
    }
}

@media screen and (max-width: 480px) {
    .guide_list li {
        width: 100%;
    }

    .guide_list li:nth-child(n+2) {
        margin-top: 4%;
    }

    .guide_list li dt p {
        font-size: 1em;
    }

    .visit_guide_list li {
        margin-top: 50px;
    }

    .visit_guide_list li .col2_l {
        width: 100%;
    }

    .visit_guide_list li figure {
        width: 75% !important;
    }

    .visit_guide_list li .cocoa_link_cont {
        width: 100% !important;
    }

    .visit_guide_list li .col2_r {
        margin-top: 15px;
    }

    .visit_guide_list li .col3 {
        justify-content: center;
    }

    .visit_guide_list li .col3 figure {
        width: 49% !important;
    }

    .visit_guide_list li .col3 figure:nth-child(2) {
        margin-left: 2%;
    }

    .visit_guide_list li .col3 figure:nth-child(3) {
        margin-top: 2%;
    }

    #covid_guide .sec_ttl {
        line-height: 1.5;
    }

    #covid_guide .sec_ttl span.long_sec_ttl {
        margin-bottom: 15px;
    }
}


/* ==========================================================================
    お問い合わせ
   ========================================================================== */
#contact {}

#contact dl.border_list dt {
    width: 25em;
}

#contact dl.border_list dd {
    width: calc(100% - 25em);
}

#contact .sec01 dl.border_list dt:first-of-type,
#contact .sec01 dl.border_list dd:first-of-type {
    border-top: 1px solid #3d4a5b;
    padding-top: 1em;
}

#contact dl.border_list dt:last-of-type,
#contact dl.border_list dd:last-of-type {
    border-bottom: 1px solid #3d4a5b;
    margin-bottom: 1em;
}


/* #contact .col3_btn li {
    width: 48%;
} */

@media screen and (max-width: 768px) {
    #contact dl.border_list dt {
        width: 14em;
        padding-bottom: 1em;
    }

    #contact dl.border_list dd {
        width: calc(100% - 14em);
    }
}

@media screen and (max-width: 600px) {
    #contact .col3_btn li {
        width: 100%;
        margin-right: 2%;
    }

    #contact .col3_btn li:nth-child(n+2) {
        margin-top: 2%;
    }
}

@media screen and (max-width: 480px) {
    #contact dl.border_list dt {
        width: 11em;
    }

    #contact dl.border_list dd {
        width: calc(100% - 11em);
    }
}


/* ==========================================================================
    よくあるご質問
   ========================================================================== */
#faq {}

.border_under_list {}

.border_under_list li {
    border-bottom: 1px solid #3d4a5b;
    padding: 2em;
    padding-top: 0;
    margin-bottom: 2em;
}

.border_under_list li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.faq_list {
    counter-reset: item;
    list-style-type: none;
    padding-left: 0;
}

.faq_list li {}

.faq_list li h4 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    /*color    : #0041ff;*/
}

.faq_list li h4 span {
    width: calc(100% - 60px);
}

.faq_list li h4:before {
    counter-increment: item;
    content: counter(item);
    font-weight: bold;
    /*background     : #0041ff;*/
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    margin-right: 20px;
    margin-top: -3px;
}

#yokohama .faq_list li h4 {
    color: #237fd3;
}

#yokohama .faq_list li h4:before {
    background: #237fd3;
}

@media screen and (max-width: 480px) {
    .border_under_list li {
        padding: 1.5em;
        padding-top: 0;
        margin-bottom: 1.5em;
    }

    .faq_list li h4 span {
        width: calc(100% - 45px);
    }

    .faq_list li h4:before {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-right: 15px;
        margin-top: 0;
    }
}


/* ==========================================================================
    サイトマップ
   ========================================================================== */
#sitemap {}

.sitemap_list {}

.sitemap_list li {}

.sitemap_list a {
    display: block;
    width: 100%;
    font-weight: 700;
    text-indent: -1em;
    padding-left: 2em;
}

.sitemap_list li>a {
    font-size: .8em;
}

.sitemap_list a.btn_icon:before {
    content: "\f054";
    font-weight: 900;
    margin-right: 1em;
}

.sitemap_list_item {
    width: 48%;
    margin-bottom: 3%;
}

.sitemap_list_item h3 {
    font-size: 1em;
    border-bottom: 1px solid #3d4a5b;
    margin-bottom: 1em;
}

.sitemap_list_item h3 a,
.sitemap_list_item h3.item_txt {
    padding: 1em;
    padding-top: 0;
    padding-left: 1em;
    text-indent: 0;
}

.sitemap_sub_list {
    padding: 1em;
    padding-top: 0;
}

.sitemap_sub_list_item {
    width: 49%;
}

.sitemap_sub_list_item:nth-child(n+3) {
    margin-top: 1em;
}

.sitemap_bottom_list {
    padding: 0 1em;
    width: 100%;
}

.sitemap_bottom_list:nth-child(n+2) {
    margin-bottom: 1em;
}

.sitemap_bottom_sub_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.sitemap_bottom_sub_list_item {
    width: 23%;
    margin-right: 1.3%;
}


/*.sitemap_bottom_sub_list_item:first-child {
    width: 24%;
}*/

.sitemap_bottom_sub_list_item:last-child {
    margin-right: 0;
}

@media screen and (max-width: 768px) {
    .sitemap_list_item {
        width: 100%;
        margin-bottom: 5%;
    }

    .sitemap_list_item:last-child {
        margin-bottom: 7.5%;
    }

    .sitemap_sub_list_item:nth-child(n+3) {
        margin-top: 0;
    }

    .sitemap_bottom_sub_list_item {
        width: 48%;
        margin-right: 4%;
    }

    .sitemap_bottom_sub_list_item:last-child,
    .sitemap_bottom_sub_list_item:nth-child(2n) {
        margin-right: 0;
    }

    .sitemap_bottom_sub_list_item:nth-child(n+3) {
        margin-bottom: 5%;
    }
}

@media screen and (max-width: 480px) {
    .sitemap_sub_list_item {
        width: 100%;
    }

    .sitemap_bottom_sub_list_item {
        width: 100%;
        margin-right: 0;
    }

    .sitemap_bottom_sub_list_item:nth-child(n+3) {
        margin-bottom: 0
    }
}


/* ==========================================================================
    出展社一覧/小間図面
   ========================================================================== */
#exb_list {}

#exb_list section.sec02 .c_wrap {
    padding: 60px 20px;
}

.exb_list_en {
    display: none !important;
}

.exb_list_guid {
    background: #fff;
    padding: 10px;
    font-weight: 700;
    align-items: center;
    color: #000;
}

.exb_list_guid p {
    /*border-right: 2px solid #000;*/
    width: 12em;
    text-align: center;
    font-size: .8em;
}

.exb_list_guid ul {
    border-left: 2px solid #000;
    width: calc(100% - 12em);
    display: flex;
    flex-wrap: wrap;
    font-size: .8em;
    padding-left: 1em;
}

.exb_list_guid ul li {
    width: auto;
    margin-right: 1.5em;
}

.exb_label {}

.exb_label:before {
    content: "\f111";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
}

.label_re {
    color: #e6001a;
}

.label_ye {
    color: #f6a90e;
}

.label_vi {
    color: #6f64ff;
}

.label_bl {
    color: #044bbc;
}

.label_gre {
    color: #038c57;
}

.label_pi {
    color: #e7368e;
}

.label_lb {
    color: #22c1d1;
}

.label_lg {
    color: #b7d100;
}

.exb_list_tb {
    width: 100%;
    margin-top: 30px;
    font-size: .8em;
}

.exb_list_tb thead {
    background: #00284b;
    color: #fff;
    display: table;
    width: 100%;
    padding-right: 8px;
    overflow: auto;
}

.exb_list_tb tbody {
    display: block;
    overflow: auto;
    height: 60vh;
    background: #fff;
}

.exb_list_tb tbody::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.exb_list_tb tbody::-webkit-scrollbar-track {
    background: #efefef;
}

.exb_list_tb tbody::-webkit-scrollbar-thumb {
    background: #0041ff;
}

.exb_list_tb tr {
    border-bottom: 2px solid #dddddd;
}

.exb_list_tb tr:last-child {
    border-bottom: none;
}

.exb_list_tb th {
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
    padding: 8px 0;
}

.exb_list_tb td {
    vertical-align: middle;
    line-height: 1.5;
    padding: 8px 0;
    color: #000;
}

.exb_ind {
    width: 12%;
    text-align: center;
}

.exb_name {
    width: 26%;
    font-weight: 700;
    padding-right: 1em !important;
}

.exb_join .exb_name {
    /*共同出展社*/
    padding-left: 1em;
}

.exb_name_en {
    width: 26%;
    font-weight: 700;
}

td.exb_name_en {
    color: #a0a0a0;
}

.exb_no_yh,
.exb_no_ng,
.exb_online {
    width: 12%;
    text-align: center;
}

.exb_no_yh span,
.exb_no_ng span {
    color: #fff;
    padding: 5px;
    min-width: 3em;
    display: inline-block;
    font-weight: 700;
    border-radius: 2.5px;
    line-height: 1em;
    min-height: 22px;
}

.exb_no_yh span {
    background: #005bac;
}

.exb_no_ng span {
    background: #e21412;
}

.exb_online span {
    background: #000;
    color: #fff;
    font-family: 'Poppins', 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: .7em;
    padding: 5px 0;
    width: 6em;
    padding: 6px 0;
    width: 7em;
    display: inline-block;
    border-radius: 2.5px;
    line-height: 1em;
}

.exb_online span.label_only {
    /*background: #000;*/
}

#exb_list .sec02 .col2 {
    justify-content: center;
}

#exb_list .sec02 .col2 li {
    width: 40%;
}

#exb_list .sec02 .col2 li:first-child {
    margin-right: 2%;
}

#exb_list .sec02 .col2 li p {
    text-align: center;
    font-weight: 700;
    margin-top: .5em;
}

@media screen and (max-width: 768px) {
    #exb_list section.sec02 .c_wrap {
        padding: 10% 20px;
    }

    .exb_name_en {
        display: none;
    }

    .exb_ind {
        width: 11%;
    }

    .exb_name {
        width: 40%;
        padding-right: 0 !important;
    }

    .exb_name_en {
        display: none;
    }

    .exb_no_yh,
    .exb_no_ng,
    .exb_online {
        width: 17%;
    }

    #exb_list .sec02 .col2 li {
        width: 49%;
    }

    #exb_list .sp {
        display: none !important;
    }
}

@media screen and (max-width: 480px) {
    .exb_list_guid p {
        width: 100%;
    }

    .exb_list_guid ul {
        border-left: none;
        border-top: 2px solid #000;
        width: 100%;
        padding-left: 0;
        padding-top: .5em;
        margin-top: .5em;
    }

    .exb_list_guid ul li {
        margin-right: 1em;
    }

    .table_cont {
        overflow-x: scroll;
        width: 100%;
    }

    .exb_list_tb {
        width: 600px;
        margin-top: 0;
    }

    #exb_list .sec02 .col2 li {
        width: 100%;
    }

    #exb_list .sec02 .col2 li:first-child {
        margin-right: 0;
    }

    .table_cont::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .table_cont::-webkit-scrollbar-track {
        background: #efefef;
    }

    .table_cont::-webkit-scrollbar-thumb {
        background: #0041ff;
    }

    /*    .exb_list_tb {
        transform: scale(1, -1);
    }*/
    .table_cont {
        transform: scale(1, -1);
        margin-top: 30px;
    }

    #exb_list .sp {
        display: block !important;
    }

    #exb_list p.sp {
        font-size: .9em;
        vertical-align: middle;
    }

    #exb_list p.scr_icon:before {
        font-size: .9em;
        vertical-align: sub;
    }
}


/* ==========================================================================
    各種ダウンロード
   ========================================================================== */
#download {}

#download ul li {
    margin-top: 30px;
}

#download ul li:first-child {
    margin-top: 0;
}


/* ==========================================================================
    個人情報の取り扱いについて
   ========================================================================== */
#privacy {}

#privacy .border_ttl {
    font-size: 1.1em;
}

#privacy .border_ttl.indent {
    padding-left: 2em;
}

.sec01_01 {}

.sec01_01 ul {}

.sec01_01 ul li {
    margin-bottom: 1em;
}

.sec01_02 {}

.sec01_02 .sec01_02_cont {}

.sec01_02 .sec01_02_cont dl {
    margin-bottom: 1.5em;
}

#privacy .sec01_02 .sec01_02_cont dl {
    margin-bottom: 3em;
}

.sec01_02 .sec01_02_cont dl:last-child {
    margin-bottom: 0;
}

#privacy .arrow_btn {
    line-height: 2;
    width: 500px;
}

#privacy .arrow_btn span {
    font-size: .8em;
}

#privacy #cookie_policy {
    margin-top: 80px;
}

#privacy .sec02_01 dl+dl {
    margin-top: 3em;
}

@media screen and (max-width: 768px) {
    #privacy .arrow_btn {
        max-width: unset !important;
        width: 100% !important;
    }
}


/* == lecture_area == */

.lecture_area .list_item {
    width: 31%;
    background-color: #fff;
    padding: 20px;
    color: #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-left: 1%;
    margin-right: 1%;
    height: 380px;
}

.lecture_area .list_item:last-child {
    margin-right: 0;
}

.lecture_area .list_item:first-child {
    margin-left: 0;
}

.lecture_area .slick-slider .slick-track,
.slick-slider .slick-list {
    display: flex;
}

.lecture_area .slide_cont {
    width: 100%;
    margin: auto;
}

#top-lecture-area .list_item {
    height: 100%;
}

@media screen and (max-width: 914px) {

    .lecture_area .slick-slider .slick-track,
    .slick-slider .slick-list {
        display: block;
    }

    #top-lecture-area .list_item {
        height: 340px;
    }

    .lecture_area .slide_cont {
        width: 92%;
        margin: auto;
    }

    .lecture_area .list_item:last-child {
        margin-right: 0.5%;
    }

    .lecture_area .list_item:first-child {
        margin-left: 0.5%;
    }
}

@media screen and (max-width: 767px) {
    .lecture_area .list_item {
        margin-left: 10px;
        margin-right: 10px;
        height: 420px;
    }
}

@media screen and (max-width: 539px) {
    .lecture_area .list_item {
        height: 360px;
    }
}

.lecture_area .list_item a {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    color: black;
    text-decoration: none;
    justify-content: space-between;
    outline: none;
}

.lecture_area .list_item a .btn_grd {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    display: inline-block;
    /*  padding          : 0.5em 2em;*/
    padding: 0.2em 2em;
    text-decoration: none;
    text-align: center;
    max-width: 200px;
    /* min-width         : 180px; */
    color: #fff;
    background: rgb(226, 27, 17);
    background: -moz-linear-gradient(135deg, rgba(226, 27, 17, 1) 0%, rgba(0, 91, 172, 1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(226, 27, 17, 1) 0%, rgba(0, 91, 172, 1) 100%);
    background: linear-gradient(135deg, rgba(226, 27, 17, 1) 0%, rgba(0, 91, 172, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#e21b11", endColorstr="#0041ff", GradientType=1);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .4);
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    font-weight: normal;
    font-size: 12px;
}

.en .lecture_area .list_item a .btn_grd {
    font-size: 12px;
}

.lecture_area .list_item a .btn_grd::after {
    display: block;
    /*  font-weight   : bold;*/
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    content: "\f105";
}

.lecture_area .list_item a:hover .btn_grd {
    opacity: 1 !important;
    background: rgb(0, 51, 97);
    background: -moz-linear-gradient(135deg, rgba(0, 51, 97, 1) 0%, rgba(162, 20, 13, 1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(0, 51, 97, 1) 0%, rgba(162, 20, 13, 1) 100%);
    background: linear-gradient(135deg, rgb(0, 51, 97) 0%, rgba(162, 20, 13, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#003361", endColorstr="#a2140d", GradientType=1);
    -webkit-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#003361", endColorstr="#a2140d", GradientType=1);
}

.lecture_area .lecture_type {
    text-align: center;
    background-color: #007FC3;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    /*  padding               : 5px;*/
    color: #ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.lecture_area .lecture_type.type02 {
    background-color: #125C00;
}

.lecture_area .opendata {
    background-color: #003361;
    padding: 5px;
    /*  font-size   : 14px;*/
    font-size: 13px;
}

.lecture_area .opendata span {
    display: inline-block;
    font-size: 12px;
    padding-right: 0.75em;
}

.lecture_area .list_item .opendata {
    margin-bottom: 10px;
    color: #fff;
    margin-top: 0px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    position: relative;
    line-height: 1.5;
}

.lecture_area .list_item h4 {
    font-weight: 700;
    line-height: 1.4;
    /*  font-size: 18px;*/
    font-size: 16px;
}

.en .lecture_area .list_item h4 {
    font-size: 15px;
}

.lecture_area .speaker_name {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: space-between;
    letter-spacing: 0;
}

.lecture_area .speaker_name .speaker {
    /*  font-size: 12px;*/
    font-size: 11px;
    line-height: 1.4;
    width: calc(100% - 70px);
    margin-bottom: 10px;
    font-weight: normal
}

.lecture_area .speaker_name .speaker span {
    /*  font-size: 14px;*/
    font-size: 13px;
    margin-right: 8px;
}

.lecture_area .btn_chubu_research {
    text-align: center;
    display: inline-block;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    border-radius: 150px;
    background: rgb(226, 27, 17);
    background: -moz-linear-gradient(135deg, rgba(226, 27, 17, 1) 0%, rgba(0, 91, 172, 1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(226, 27, 17, 1) 0%, rgba(0, 91, 172, 1) 100%);
    background: linear-gradient(135deg, rgba(226, 27, 17, 1) 0%, rgba(0, 91, 172, 1) 100%);
}

.lecture_area .btn_chubu_research .btn_grd {
    padding: 1.25em 2em;
    font-size: 18px;
    background-image: url(/2025/images/top/bg_nagoya05.jpg);
    background-size: cover;
}

@media screen and (max-width: 914px) {
    .lecture_area .list_item {
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
}

@media screen and (max-width: 539px) {
    .lecture_area .opendata span {
        display: block;
    }

    .lecture_area .list_item h4 {
        font-size: 14px;
    }

    .lecture_area .speaker_name .speaker {
        font-size: 10px;
    }
}

@media screen and (max-width: 539px) {
    .lecture_area .speaker_name .speaker span {
        font-size: 12px;
        margin-right: 0px;
    }
}

.lecture_area .speaker_name .speaker_pict {
    width: 60px;
    overflow: hidden;
    border-radius: 60px;
    background: rgb(226, 27, 17);
    background: -moz-linear-gradient(135deg, rgba(226, 27, 17, 1) 0%, rgba(0, 91, 172, 1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(226, 27, 17, 1) 0%, rgba(0, 91, 172, 1) 100%);
    background: linear-gradient(135deg, rgba(226, 27, 17, 1) 0%, rgba(0, 91, 172, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#e21b11", endColorstr="#0041ff", GradientType=1);
}

.lecture_area .speaker_name .speaker_pict figure {
    overflow: hidden;
    border-radius: 60px;
    margin: 1px;
    position: relative;
    text-align: center;
}

.lecture_area .speaker_name .speaker_pict figure img {
    width: 60px;
}

.lecture_area .sp_ttl {
    display: none;
}

.lecture_area .sec_ttl span {
    color: #eb1d1e;
}

@media screen and (max-width: 539px) {
    .lecture_area .speaker_name {
        display: flex;
        flex-wrap: wrap;
        /*    flex-direction: row;*/
        align-items: flex-start;
        justify-content: flex-end;
        letter-spacing: 0;
    }

    /*  .lecture_area .sp_ttl {
    display: block;
  }*/
    /*  .lecture_area .speaker_name .speaker {
    display: none;
  }*/
    .lecture_area .speaker_name .speaker_pict {
        width: 40px;
        border-radius: 40px;
        margin-right: 10px;
    }

    .lecture_area .speaker_name .speaker_pict figure {
        border-radius: 40px;
    }

    .lecture_area .speaker_name .speaker_pict figure img {
        width: 40px;
    }
}

.lecture_area .explanatory {
    margin-top: 10px;
    line-height: 1.4;
    font-size: 14px;
    display: none;
}

.lecture_area .state {
    width: 160px;
    padding-right: 25px;
    height: 28px;
    background: rgb(0, 160, 62);
    background: -moz-linear-gradient(135deg, rgba(0, 160, 62, 1) 0%, rgba(0, 115, 136, 1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(0, 160, 62, 1) 0%, rgba(0, 115, 136, 1) 100%);
    background: linear-gradient(135deg, rgba(0, 160, 62, 1) 0%, rgba(0, 115, 136, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00a03e", endColorstr="#007388", GradientType=1);
    position: absolute;
    top: -25px;
    right: 25px;
    font-size: 12px;
    color: #fff;
    line-height: 28px;
    text-align: right;
    z-index: 50;
}

.lecture_area .state:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #003361 transparent;
    border-width: 0 18px 28px 0;
}


/* ======= c_section c_title style ========== */

.c_section .c_title {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    /*  padding-top: 70px;*/
    padding-bottom: 40px;
    color: #fff;
}

.c_section .c_title span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #EB1D1E;
}

.en .c_section .c_title {
    font-size: 24px;
    padding-top: 60px;
}

.en .c_section .c_title span {
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .c_section .c_title {
        font-size: 24px;
        padding-top: 50px;
    }

    .c_section .c_title span {
        font-size: 16px;
    }

    .en .c_section .c_title {
        font-size: 20px;
    }

    .en .c_section .c_title span {
        font-size: 12px;
    }
}

.c_section h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0.5em;
}

@media screen and (max-width: 767px) {
    .c_section h4 {
        font-size: 18px;
    }

    .c_section .c_title {
        padding-top: 0;
    }
}

.en .c_section h4 {
    font-size: 18px;
}

@media screen and (max-width: 767px) {
    .en .c_section h4 {
        font-size: 16px;
    }
}


.content_label_cont p {
    display: flex;
    line-height: 1.8;
}

.content_label_cont p+p {
    margin-top: 15px;
}

.content_label_cont .content_label {
    display: inline-block;
    min-width: 100px;
    margin-right: 15px;
    padding-top: 6px;
    padding-right: 12px;
    padding-bottom: 6px;
    padding-left: 15px;
    border-radius: 15px;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
}


.content_label_cont p .content_label {
    height: max-content;
    margin-top: 1px;
}


.content_label_cont .content_label.content_label_online {
    background-color: #74b29d;
    color: #fff;
    /* letter-spacing: 1.5px; */
}

.content_label_cont .content_label.content_label_real {
    background-color: #005bac;
    color: #fff;
    border: none;
}

.content_label_cont .content_label i {
    margin-right: 5px;
}

dl.border_list dt {
    width: 6rem;
}

dl.border_list dd {
    width: calc(100% - 6rem);
}


.small_txt {
    font-size: .8em !important;
    line-height: 1.4em;
    display: inline-block;
    text-indent: -0.8em;
    /* padding-left: 1em; */
    vertical-align: 0.1em;
}

.supplement_txt {
    background: #d2e1f8;
    padding: 15px 30px;
    line-height: 1.8;
    margin-top: 15px;
    font-size: .9em;
}

#nagoya .supplement_txt {
    background: #f8d2d2;
}

.supplement_txt span {
    color: #000000;
    font-weight: bold;
    margin: 0;
}

.under_page.en .sec01 .supplement_txt {
    line-height: 1.3;
    display: block;
}

/* .under_page.en .sec01 .supplement_txt span:first-child {
    display: block;
    margin: 0;
    margin-bottom: 10px;
} */

.under_page.en .sec01 .supplement_txt span.supplement_mini {
    line-height: 1.4em;
    display: inline-block;
    color: #0c0d0d;
    font-weight: normal;
}

.under_page.en #ai_challenge .supplement_txt span:first-child {
    display: block;
    margin: 0;
    margin-bottom: 10px;
}

.under_page.en #ai_challenge .supplement_txt span.supplement_mini {
    line-height: 1.4em;
    display: inline-block;
    text-indent: -1em;
    padding-left: 1em;
    color: #fff;
    font-weight: normal;
}

.indent {
    text-indent: -1em;
    padding-left: 1em;
}

#nagoya #material_lec .supplement_txt {
    text-align: center;
    font-weight: bold;
    padding: 20px 0;
    margin: 30px 0px;
}

#nagoya #material_lec .sec_ttl {
    margin-bottom: 2em;
}

@media screen and (max-width: 480px) {
    .content_label_cont .content_label {
        font-size: 10px;
        min-width: 84px;
        padding-right: 3%;
        padding-left: 3.5%;
    }
}


/* ==========================================================================
    下層ニュース
   ========================================================================== */
.under_page .news_list {
    width: 100%;
}

#news_detail {}

#news_detail .news_date_cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

#news_detail .news_date {
    font-family: din-2014, sans-serif;
    width: 120px;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1;
    margin-top: 5px;
}

#news_detail .news_label {
    display: flex;
    flex-wrap: wrap;
}

#news_detail .sec_ttl {
    font-size: 1.2em;
}

@media screen and (max-width: 480px) {
    #news_detail .news_date_cont {
        margin-bottom: 20px;
        justify-content: flex-start;
    }

    .area_page #news_detail .news_date_cont {
        align-items: flex-end;
    }

    #news_detail .news_date {
        font-size: 1em;
        margin-top: 0;
        margin-bottom: 0.5em;
    }

    .area_page #news_detail .news_date {
        margin-bottom: 0;
        width: auto;
        margin-right: 10px;
    }

    #news_detail .news_label {
        width: 100%;
    }

    .area_page #news_detail .news_label {
        width: auto;
    }

    .area_page #news_detail .news_label span {
        margin-right: 0;
        margin-top: 0;
    }

    #news_detail .sec_ttl {
        font-size: 1.1em;
        text-align: left;
    }
}


/* ==========================================================================
    ホワイトボディ展示
   ========================================================================== */
#white_body .wb_img figure {
    width: 48%;
}

#white_body .small_txt {
    text-indent: 0;
    padding-left: 0;
}

#white_body .white-space {
    white-space: nowrap;
}

#white_body dl.border_list dt {
    width: 5rem;
}

#white_body dl.border_list dd {
    width: calc(100% - 5rem);
}

#white_body .border_list .access_link_blue {
    word-break: break-all;
}

#white_body.en_cont .col2 dd {
    padding-left: 3em;
    padding-right: 3em;
}

.white_body_img figure {
    border-top-right-radius: unset !important;
    overflow: unset !important;
}

.white_body_img .blue_txt_box {
    padding: 1em;
    line-height: 1.6;
}

.white_body_img .blue_txt_box p {
    font-size: 15px;
}

.white_body_img .blue_txt_box .border_ttl {
    line-height: 1.2;
}

.white_body_img .blue_txt_box .announcement {
    font-size: 13px;
}

.white_body_img .blue_txt_box dl.announcement {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.white_body_img .blue_txt_box .announcement dt {
    width: 4em;
    padding: .5em 0;
}

.white_body_img .blue_txt_box .announcement dd {
    width: calc(100% - 4em);
    padding: .5em 0;
}


@media screen and (max-width: 768px) {
    #white_body .white_body_main {
        flex-direction: column-reverse;
    }

    #white_body .white_body_img {
        margin-top: 30px;
    }

    #white_body .wb_img figure {
        width: 100%;
    }
}



/* 講演ボタン */
.sec02 .c_wrap .lec_arrow_cont_list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

/* 横浜講演ボタン */
.lec_arrow_cont div.lec_arrow_cont_list_yh {
    text-align: center;
}

.lec_arrow_cont div.lec_arrow_cont_list_yh a.lec_arrow_cont_yh {
    display: inline-block;
}


/* 名古屋英語講演ボタン */
.lec_arrow_cont .lec_arrow_cont_list .vc_en {
    line-height: 60px;
}

/* 横浜講演ページ、各講演へのリンクボタン　0517追記 */
.lec_list a.arrow_btn.lecture_btn {
    width: max-content;
    padding-right: 50px;
}



/* 名古屋講演ページ英、各講演へのリンクボタン　0629追記 */
.en #chubu_presentations .lec_list a.arrow_btn,
.en #ai_challenge .lec_list a.arrow_btn,
.en #plan_lec .lec_list a.arrow_btn {
    width: max-content;
    /* display: inline-block; */
    padding-right: 50px;
}

.en #material_lec .lec_list a.arrow_btn {
    width: max-content;
    padding-right: 50px;
}

/* 名古屋講演ページ英 講演へのリンクボタン　0706追記 */
.en #chubu_presentations a.arrow_btn,
.en #ai_challenge a.arrow_btn[class*="ai_challenge"],
.en #plan_lec a.arrow_btn[class*="plan_lec"] .en #chubu_presentations a.arrow_btn[class*="chubu_spe"] {
    width: max-content;
    padding-right: 50px !important;
}

/* 新車開発講演　ボタングレーアウト */
.lec_arrow_cont .lec_arrow_cont_list_yh .disabled_yh {
    background-color: #a2a2a2;
    text-shadow: none;
    box-shadow: none;
    pointer-events: none;
}

.lec_arrow_cont_list_btn:after {}

.lec_arrow_cont_list_btn {
    color: #ffffff !important;
}

/* 5/23　プレスメディアページ、プレスキットのボタン設定 */
#press_kit ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#press_release .one_btn {
    margin: auto;
}

#press_release .one_btn_en {
    margin: auto;
    width: 47%;
}

#press_kit .press_list li {
    margin: 1%;
    /*width: 40%;*/
}

#press_kit ul.press_list li a {
    display: block;
    width: 100%;
    padding: 10px 3em;
}

@media screen and (max-width: 850px) {
    #press_kit .press_list li {
        width: 48%;
    }
}

@media screen and (max-width: 768px) {
    #press_kit ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #press_kit .press_list li {
        width: auto;
        margin-top: 20px;
        margin-right: 0;
    }

    #press_kit ul.press_list li a {
        display: block;
        width: max-content;
        width: 100%;
        padding: 0.2em 4em;
    }



}

@media screen and (max-width: 480px) {
    #press_kit ul.press_list li.press_list_close {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        width: 97%;
    }

    #press_kit ul.press_list li.press_list_close a {
        margin: 0 auto;
    }

    #press_kit .press_list li {
        width: 100%;
    }

    #press_kit ul.press_list li a {
        padding: 10px 4em;
    }
}



/* 4つボタン */
.col4_btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#press ul.col4_btn {
    display: flex;
    justify-content: space-between;
}

#press ul.col4_btn li {
    width: calc((100% - 40px)/ 4);
}

#press ul.col4_btn li {}

#press ul.col4_btn li a.btn {
    padding: 10px 1em;
    width: 100%;
    max-width: initial !important;
    font-size: .9em;

}

@media screen and (max-width: 850px) {
    #press ul.col4_btn li {
        width: 48%;
        margin-right: 10px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 480px) {
    #press ul.col4_btn li {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 20px;
        margin-top: 0;
    }

    #press ul.col4_btn {
        margin-bottom: 2em;
    }


}

/* 5つボタン */
.col5_btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#press ul.col5_btn {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

#press ul.col5_btn li {
    width: calc((100% - 50px)/ 5);
}

#press ul.col5_btn li {}

#press ul.col5_btn li a.btn {
    padding: 10px 1em;
    width: 100%;
    max-width: initial !important;
    font-size: .9em;
    min-width: 200px;
}

@media screen and (max-width: 850px) {
    #press ul.col5_btn li {
        width: 58%;
        margin-right: 10px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 580px) {
    #press ul.col5_btn li {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 20px;
        margin-top: 0;
    }


}


/* ==========================================================================
    技術開発特別講演ページ 動画 
   ========================================================================== */
#material_lec .video_area {
    width: 80%;
    margin: 0 auto 40px;
}

#material_lec .sec01 figure {
    /* border-top-right-radius:0; */
}

@media screen and (max-width: 480px) {
    #material_lec .video_area {
        width: 100%;
    }

}


/* コンテンツブロック */
.under_page .c_block {
    margin-bottom: 40px;
}

.under_page .c_block:last-child {
    margin-bottom: 0px;
}


/* ==========================================================================
    会員限定アーカイブサイト
   ========================================================================== */
.under_page #plan_lec .technological_development_presentations .lec_sum .num_list li {
    margin-bottom: 30px;
}

.under_page #plan_lec .technological_development_presentations .lec_sum .num_list li {
    margin-bottom: 20px;
}

.under_page #plan_lec .technological_development_presentations .lec_sum .num_list li {
    counter-increment: cnt;
}

.under_page #plan_lec .technological_development_presentations .lec_sum .num_list {
    font-size: 0.9em;
}

.under_page #plan_lec .technological_development_presentations .lec_sum .num_list h6 span::before {
    content: counter(cnt);
    background: #9b2c31;
    font-weight: bold;
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 13px;
    vertical-align: middle;
    display: inline-block;
    padding: 5px;
    border-radius: 50px;
    margin-right: 8px;
    font-size: 0.8em;
    color: white;
}

.en #plan_lec .lec_list .btn_cont .arrow_btn {
    width: 255px;
    text-align: center;
}


/* ==========================================================================
    会場アクセス
   ========================================================================== */
#access .sec01 .day_cont {
    display: flex;
}

#access .sec01 .day_cont_ttl {
    text-align: end;
}

#access .sec01 .venue .day_cont {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1em;
}

#access .sec01 .venue .day_cont_ttl {
    width: 140px;
    text-align: right;
    /* margin-right: 1em; */
    white-space: nowrap;
}

#access .sec02 .smoking {
    display: flex;
    justify-content: space-between;
}

#access .sec02 .blue_txt_box {
    margin: 0.5rem 0;
    width: 49%;
}

#access .sec02 .red_txt_box {
    margin: 0.5rem 0;
    width: 49%;
}

#access .sec02 .blue_txt_box {
    width: 100%;
}

@media screen and (max-width: 768px) {
    #access .sec01 .venue .day_cont_ttl {
        text-align: left;
    }

    #access .sec02 .smoking {
        display: block;
        width: 100%;
    }

    #access .sec02 .blue_txt_box {
        width: 100%;
    }

    #access .sec02 .red_txt_box {
        width: 100%;
    }

    #access .sec02 .blue_txt_box .red_txt_box p {
        padding-left: 3rem;
    }
}


/* ==========================================================================
    資料ダウンロード
   ========================================================================== */
#download .floor_cont {
    display: flex;
}

#download .col2.ttl_col2_list .vertical {
    max-width: 350px;
    margin-right: auto;
    margin-left: auto;
}


/* ==========================================================================
    アカウント登録
   ========================================================================== */
.account_sepup .wrap {
    padding: 10% 5px;
}

#registinfo.account_sepup h3 {
    text-align: center;
    font-size: 1.4em;
    line-height: 2em;
    margin-bottom: 2em;
}

#registinfo.account_sepup .sec_ttl:before {
    margin: 10px auto;
    display: block;
}

#registinfo.account_sepup a.arrow_btn,
#registinfo.account_sepup a.arrow_btn[class*="plan_lec"],
#registinfo.account_sepup a.arrow_btn[class*="newcar_lec"] {
    width: 50%;
    height: 70px;
    text-align: center;
    font-size: 1.3em;
    display: flex;
    justify-content: center;
    margin: 30px auto;
    align-items: center;
}

#registinfo .sec01 .arrow_btn {}

.account_sepup #fixbtn_list {
    display: none !important;
}

@media screen and (max-width: 768px) {
    .account_sepup .c_wrap {
        padding: 0px 5px 20px;
    }

    .account_sepup .pdf-container iframe {
        height: 300px !important;
    }

    #registinfo a.arrow_btn,
    #registinfo a.arrow_btn[class*="plan_lec"],
    #registinfo a.arrow_btn[class*="newcar_lec"] {
        height: 40px;
    }

    #registinfo a.arrow_btn {
        height: inherit;
    }
}

@media screen and (max-width: 480px) {
    #registinfo.account_sepup h3 {
        font-size: 1em;
    }

    #registinfo a.arrow_btn,
    #registinfo a.arrow_btn[class*="plan_lec"],
    #registinfo a.arrow_btn[class*="newcar_lec"] {
        width: 100%;
        font-size: 1.3em;

    }

    #registinfo a.arrow_btn {
        padding: 10px;
        font-size: 1rem;
    }
}

/*--------------------------------------------------出展社セミナー */
/* 現地出展社セミナー実施スケジュールの企業名：黒色・太文字 */
#exhibitorsseminar .seminar_ttl {
    color: #005bac;
}

/*--------------------------------------------------JSAE会員ラウンジ レスポンシブ*/

@media screen and (max-width: 768px) {
    #members_lounge .col2.ttl_col2_list {
        display: block;
    }

    #members_lounge .col2 {
        width: 100%;
    }
}

/*---------------------------------------------JSAE企画展示 英語ページ */
.en #sp_exh .theme_txt h4 {
    font-size: 1.7em;
}

.en #sp_exh .theme_txt h4 span {
    font-size: 0.8em;
}

@media screen and (max-width: 1010px) {
    .en #sp_exh .theme_txt h4 {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 900px) {
    .en #sp_exh .theme_txt h4 {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 768px) {
    .en #sp_exh .theme_txt h4 span {
        display: block;
    }
}

/*---------------------------------------------JSAE企画講演 日本語 */
@media screen and (min-width:767px) {
    #plan_lec .sp.btn.disabled {
        display: none;
    }
}


/* ==========================================================================
    ランチョンセミナー
   ========================================================================== */
#luncheon dl.border_list dt.dt_wide {
    width: 8rem;
    line-height: 1.5;
    padding: 0 1em 1em 0;
    border-bottom: 1px solid #3d4a5b !important;
}

#luncheon dl.border_list dd.dt_wide {
    width: calc(100% - 8rem);
    display: flex;
    align-items: center;
    padding: 0 0 1em 0;
}

.under_page.en #luncheon .sec01 .supplement_txt {
    line-height: 1.8;
}

@media screen and (max-width: 600px) {
    #luncheon .col2_btn li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    #luncheon .col2_btn li:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 480px) {
    #luncheon .col2_btn {
        margin-bottom: 0;
    }
}



/* ==========================================================================
    実車両運転型VRシステム体験企画 注意事項追加
========================================================================== */
.trialride_attention_cont {
    border: 2px solid #e7004e;
    margin-top: 30px;
    padding: .5rem 1rem 1rem;
    background: #fffef0;
}

.trialride_attention_cont h4 {
    margin-bottom: .5rem;
    color: #e70a22;
    position: relative;
    font-size: 1rem;
}

.trialride_attention_cont h4:before {
    content: "\f071";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    margin-right: 0.5em;
}

.trialride_attention_cont ul {
    font-size: .8rem;
    line-height: 1.4;
    list-style-type: decimal;
}

.trialride_attention_cont ul.small_txt.txt_indent{
    margin-top:.5rem;
    font-size: .7rem!important;
}
.trialride_attention_cont ul li {
    text-indent: -.9rem;
    padding-left: .8rem;
    margin-bottom: .5rem;
}

.trialride_attention_cont ul li:last-of-type{
    margin-bottom:0;
}


@media screen and (max-width:480px){
    .trialride_attention_cont h4{
        font-size: 1.2rem;
    }
    .trialride_attention_cont ul li {
        font-size: .7rem;
        line-height: 1.5;
        margin-bottom: .4rem;
    }
    .trialride_attention_cont ul.small_txt.txt_indent li{
        margin-bottom: .1rem;
    }
}