.nav-menu>li.seminarbtn>a {
    color: #fff;
    border-radius: 50px;
    padding: 10px 25px !important;
    background-color: #C60C12;
    margin-top: 0;
    line-height: 2;
}

.nav-menu>li>a {
    font-weight: 600;
    font-size: 16px;
}

.nav-menu>li>a:hover {
    font-weight: 600;
}

header {
    max-height: 70px;
    background: #fff;
}

.navlogo {
    margin: 16px 10px 10px;
}


.seminarfv {
    background: url(../images/july_seminar/top_background_img.png);
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 0;
    background-size: cover;
    padding: 6em 0 6em;
}

.seminartxtbox {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.main {

    display: flex;
    flex-direction: column;
    padding: .4em;
    width: fit-content;
}

.main_up {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: .4em;
    background-color: #FDE010;
    padding: .6em 1em;
    width: fit-content;
}

.main_up img {
    width: 170px;
    height: auto;

}

.main_down {
    display: flex;
    flex-wrap: nowrap;


}

.main_down img {
    height: 66px;
}

.main_down_txt {
    display: flex;
    margin-top: 1em;
}

.main_down_txt img {
    max-height: 40px;
}

.seminardate {
    display: flex;
    margin-top: 1em;
    flex-direction: column;
}

.seminardate p {
    font-size: 18px;
}

.seminardate p+p {
    margin-top: .3em;
}

.seminardate p span.strong {
    font-size: 20px;
    font-weight: 800;
}

.seminardate p span.circlemoji {
    background-color: #000;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    padding: 0 4px 0 5px;
    margin: 0 12px 0 6px;
}

.seminardate p span.extrasetumei {
    background-color: #000;
    padding: .4em 1em;
    line-height: 1.4;
    color: #fff;
    font-size: 14px;
    margin: 0 4px;
}

.seminarbtnfv {
    display: flex;
    justify-content: center;
    align-content: center;
    margin: 1.6em 0 0;
}

.seminarbtnfv a {
    background-color: #C60C12;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    padding: .6em 3em;
    border-radius: 40px;
    transition: all 0.2s 0s ease;
    /*transitionの記述を追加*/
}

.seminarbtnfv a:hover {
    background-color: #000;
    color: #fff;
    transition: all 0.4s 0s ease;
    /*transitionの記述を追加*/
}

.seminar_top_img {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}









.seminar_logo_box {
    margin: 0px 5% 80px;
    border-radius: 20px;
    width: 90%;
}

.seminar_logo_box ul {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.seminar_logo_box ul li {
    display: flex;
    align-content: center;
    justify-content: center;
    width: 10%;
    max-height: 70px;
    padding: 6px;

}

.seminar_logo_box ul li img {
    width: 80%;
    height: auto;
    object-fit: contain;
}





.flex {
    display: flex;
}

.colrever {
    height: 1420px;
    overflow: hidden;
}

.seminar_expla {
    width: auto;
    height: 100%;

}

.seminar_expla p {
    font-size: 18px;
    line-height: 1.9;
    padding: 2em;


}

.seminar_pic {
    min-width: 15%;
    height: 100%;
    width: 15%;
}


.seminar_expla p strong {
    font-weight: 600;
    color: #C60C12;
    text-align: center;
    display: block;
    font-size: 160%;
    padding: 2em 0;
}

.blackborder {
    border: 6px solid black;
    height: 1420px;
    overflow: hidden;
}

.gaiyo_div1 {
    height: 54%;
}

.gaiyo_div2 {
    height: 16%;
}

.gaiyo_div3 {}

.seminar_pic div {
    overflow: hidden;
    height: 20%;
    border-top: 6px solid #000;
    border-left: 6px solid #000;
}

.seminar_pic.pattern2 div {
    overflow: hidden;
    height: 20%;
    border-top: 6px solid #000;
    border-right: 6px solid #000;
    border-left: none;
}

.seminar_pic div:last-child,
.seminar_pic.pattern2 div:last-child {
    border-bottom: 6px solid black;
}

.seminar_pic div img,
.seminar_pic.pattern2 div img {
    max-width: 100%;
    vertical-align: bottom;
    line-height: 0;
    min-height: 278px;
    width: auto;
    object-fit: cover;
}

.red_title {
    background-color: #D4494D;
    border-top: 6px solid black;
    border-bottom: 6px solid black;
    font-size: 28px !important;
    line-height: 1.6 !important;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

ul.kadai {
    list-style: disc;
    padding-left: 2em;
    width: 80%;
    margin: 5% 10%;

}

ul.kadai li {
    font-size: 1.2em;
    font-weight: 600;
    padding-bottom: 1em;
}





.seminarbtninpage {
    display: flex;
    justify-content: center;
    align-content: center;
    margin: 2em 0;
}

.seminarbtninpage a {
    background-color: #D4494D;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    padding: .6em 3em;
    border-radius: 40px;
    transition: all 0.2s 0s ease;
    /*transitionの記述を追加*/
}

.seminarbtninpage a:hover {
    color: #fff;
    background-color: #000;

    transition: all 0.4s 0s ease;
    /*transitionの記述を追加*/
}



.timetable,
.program,
.outline,
.mousikomi {
    width: 768px;
    margin: 0 auto;
}

.centering {
    justify-content: center;
}

table.timetable,
table.program,
table.outline,
table.mousikomi {
    border: solid 6px black;
    border-collapse: collapse;

}

table.timetable tr th,
table.timetable tr td,
table.program tr th,
table.outline tr th,
table.outline tr td,
table.mousikomi tr th {
    border: solid 6px black;
    position: relative;
    padding: 2em 2em 1em;
}

table.mousikomi tr td {
    padding: 1em;
}

table.program tr td {
    padding: 2em 1em;
}

table.timetable tr th,
table.program tr th,
table.outline tr th,
table.mousikomi tr th {
    background-color: #D4494D;
    font-size: 2.6em;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 1em 1em;
}

table.program tr td>div {
    position: relative;
}

table.timetable tr td p>span,
table.program tr td p.time>span,
table.outline tr td p.time>span {
    position: absolute;
    left: 0;
    top: 0;
    padding: .4em 1.4em .4em 1em;
    font-weight: 600;
}

table.timetable tr td p.time,
table.program tr td p.time {
    font-weight: 600;

}

table.timetable tr td p>span.op,
table.program tr td p.time>span.op,
table.outline tr td p.time>span.op {
    background-color: #D4494D;
    color: #fff;
}

table.outline tr td p.time>span.op {
    width: 160px;
    text-align: center;
}

table.outline tr td p.timetable_title {
    margin-top: 1em;
    font-weight: 600;

}

table.outline tr td p.timetable_title span {
    background-color: #000;
    color: #fff;
    font-size: 80%;
    padding: .2em .4em;
    margin-right: .4em;
}

table.outline tr td p.timetable_title span.kakutyu {
    display: inline-block;
    background-color: #fff;
    color: #000;
    font-weight: 500;
}

table.timetable tr td p>span.s1,
table.program tr td p.time>span.s1 {
    background-color: #0F9DDA;
    color: #fff;
}

table.program tr td>div.s1 {
    border: 6px solid #0F9DDA;
    padding: 0 1em 1em;
}

table.timetable tr td p>span.s2,
table.program tr td p.time>span.s2 {
    background-color: #FF7A59;
    color: #fff;
}

table.program tr td>div.s2 {
    border: 6px solid #FF7A59;
    padding: 0 1em 1em;
}

table.timetable tr td p>span.s3,
table.program tr td p.time>span.s3 {
    background-color: #000000;
    color: #fff;
}

table.program tr td>div.s3 {
    border: 6px solid #000000;
    padding: 0 1em 1em;
}

table.timetable tr td p>span.s4,
table.program tr td p.time>span.s4 {
    background-color: #FF1E00;
    color: #fff;
}

table.program tr td>div.s4 {
    border: 6px solid #FF1E00;
    padding: 0 1em 1em;
}

table.timetable tr td p>span.s5,
table.program tr td p.time>span.s5 {
    background-color: #1B293A;
    color: #fff;
}

table.program tr td>div.s5 {
    border: 6px solid #1B293A;
    padding: 0 1em 1em;
}

table.timetable tr td p>span.s6,
table.program tr td p.time>span.s6 {
    background-color: #BCDBE3;
    color: #172A88;
}

table.program tr td>div.s6 {
    border: 6px solid #BCDBE3;
    padding: 0 1em 1em;
}

table.timetable tr td p>span.s7,
table.program tr td p.time>span.s7 {
    background-color: #EBB944;
    color: #fff;
}

table.program tr td>div.s7 {
    border: 6px solid #EBB944;
    padding: 0 1em 1em;
}

table.timetable tr td p>span.s8,
table.program tr td p.time>span.s8 {
    background-color: #661515;
    color: #fff;
}

table.program tr td>div.s8 {
    border: 6px solid #661515;
    padding: 0 1em 1em;
}

table.timetable tr td p>span.s9,
table.program tr td p.time>span.s9 {
    background-color: #8766EE;
    color: #fff;
}

table.program tr td>div.s9 {
    border: 6px solid #8766EE;
    padding: 0 1em 1em;
}

table.timetable tr td p>span.s10,
table.program tr td p.time>span.s10 {
    background-color: #172A88;
    color: #fff;
}

table.program tr td>div.s10 {
    border: 6px solid #172A88;
    padding: 0 1em 1em;
}

table.timetable tr td p {
    display: block;
}

table.timetable tr td p.time {
    padding-left: 8em;
    margin-top: -1.6em;
}

table.program tr td p.time {
    padding-left: 9em;
    padding-top: .4em;
}

table.timetable tr td p.timetable_title {
    font-weight: 600;
    font-size: 130%;
    margin-top: .4em;
    line-height: 1.6;
}

table.timetable tr td p.timeable_comname {
    font-size: 90%;
}


table.program tr td p.timetable_title {
    font-size: 130%;
    font-weight: 600;
    margin-top: 1em;
}

table.program tr td p.timeable_comname {
    font-size: 90%;
    border-bottom: 1px solid #000;
    padding-bottom: 1em;
}

table.program tr td p.description {
    padding: 1em 0;
}


table.program tr td div.program_picbox {
    display: flex;
    margin-top: 1.6em;
}


table.program tr td div.program_picbox .program_img {
    width: 26%;
}

table.program tr td div.program_picbox .program_txt {
    width: 70%;
    margin-left: 4%;
}


table.program tr td div.program_picbox .program_txt .speakername {
    font-size: 105%;
    font-weight: 600;
    margin-bottom: 1.5em;
}



table.program tr td .logobox {
    border-top: 1px solid #000;
    margin-top: 1.5em;
}

table.program tr td .logobox .service,
table.program tr td .logobox .company {
    position: relative;
    padding-top: 1em;
    width: 50%;
}

table.program tr td .logobox .service p,
table.program tr td .logobox .company p {
    background-color: #000;
    color: #fff;
    padding: .2em 1em;
    font-size: .6em;
    font-weight: 600;
    width: fit-content;
    display: inline-block;

}

table.program tr td .logobox .service p+p {
    margin-left: .2em;
}


table.program tr td .logobox .service .program_logo_img,
table.program tr td .logobox .company .program_logo_img {
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 1em;
}

table.program tr td .logobox .service .program_logo_img img,
table.program tr td .logobox .company .program_logo_img img {
    width: auto;
    max-width: 50%;
    max-height: 60px;
}

.pb6rem {
    padding-bottom: 6rem;
}

.mt2rem {
    margin-top: 2rem;
}

.pri_desc {
    line-height: 1.8;
}

.pri_desc a {
    border-bottom: dashed 1px #ccc;
    color: #2fc0d3;
}

.formarea {
    margin-top: 2em;
    padding: 2em 1em;
    background-color: #eee;
    border-radius: 8px;
}

@media screen and (max-width: 768px) {
    .main_down img {
        height: 50px;
    }

    .seminar_logo_box ul li {
        width: 20%;
    }

    .seminar_expla p {
        padding: 1em;
    }

    .red_title {
        font-size: 26px !important;
    }

    .navigation-portrait .nav-menu>li:last-child {
        text-align: center;
    }

}

@media screen and (max-width: 425px) {
    .speaker_img {
        width: 96%;
        margin: 2% 2%;
    }

    .seminarfv {
        padding: 5em 0 2em;
    }

    .seminartxtbox {
        padding: 0 .5em;
    }

    .main_down {
        flex-wrap: wrap;
    }

    .main_down img {
        height: 40px;
    }

    .main_down_txt {
        flex-wrap: wrap;
    }

    .main_down_txt img {
        height: 34px;
    }

    .main_down_txt img+img {
        margin-top: .2em;
    }

    .seminar_top_img {
        margin-top: 1em;
    }

    .seminar_pic {
        display: none;
    }

    .seminar_expla {
        width: 96%;
        margin: 0 2%;
    }

    .red_title {
        font-size: 18px !important;
    }

    .seminar_expla p strong {
        font-size: 120%;
    }

    .seminar_expla p {
        font-size: 100%;
    }

    .colrever,
    .blackborder {
        height: auto;
    }

    .gaiyo_div1,
    .gaiyo_div2 {
        height: auto;
    }

    ul.kadai {
        width: 94%;
        padding-left: 1em;
        margin: 1em;
    }

    .timetable, .program, .outline, .mousikomi {
        width: 96%;
        margin: 0 2%;
    }

    table.timetable,
    table.program,
    table.outline,
    table.mousikomi {
        border: solid 3px black;

    }

    table.timetable tr th,
    table.timetable tr td,
    table.program tr th,
    table.outline tr th,
    table.outline tr td,
    table.mousikomi tr th {
        border: solid 3px black;
    }


    table.timetable tr td p.timetable_title,
    table.program tr td p.timetable_title,
    table.outline tr td p.timetable_title {
        font-size: 110%;
    }

    .program_picbox {
        flex-wrap: wrap;
        flex-direction: column;
    }

    table.program tr td div.program_picbox .program_img,
    table.program tr td div.program_picbox .program_txt {
        width: 100%;
        margin: 0;
    }

    table.program tr td {
        padding: 1em .4em;
    }


    table.program tr td div.program_picbox .program_img {
        display: flex;
        justify-content: center;
        align-content: center;
    }

    table.program tr td div.program_picbox .program_img img {
        width: 40%;
        margin-bottom: 1em;
    }

    table.program tr td .logobox .service .program_logo_img img,
    table.program tr td .logobox .company .program_logo_img img {
        max-width: 100%;
    }

    table.outline tr td {
        padding: 2em 1em;
    }

    table.outline tr td p.timetable_title span {
        display: block;
        width: fit-content;
    }



}