.oldDesign .live-header {
    height: 300px;
    background-image: url(../bg-live.jpg);
    background-position: center;
    background-size: cover;
    -js-display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.oldDesign .live-header div h1,
.oldDesign .live-header div h2 {
    color: #fff;
    text-align: center;
}

.oldDesign .live-header div h2 {
    font-size: 20px;
    font-weight: bold;
}
.oldDesign .live-header div h1 {
    font-size: 40px;
    font-weight: bold;
}

.halfCols {
    padding-left: var(--grid-gutter);
    padding-right: var(--grid-gutter);
    padding-top: var(--section-spacing);
    padding-bottom: var(--section-spacing);
}
.halfCols .basic__inner h1 {font-size:4vw;}
.halfCols__inner {
    display: flex;
    gap: 40px;
}
.halfCols__inner .halfCols__column {
    width: 50%;
}
.halfCols__inner .halfCols__column figure img {
    display: block;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.listwrap {background:#eee;padding: var(--section-spacing);}
.listwrap h2 {text-align:center;margin-bottom:1em; }
.listarea {display:flex;flex-wrap:wrap;}
.listarea .inner {width:50%;padding:1rem;}
.listarea .inner a {color:#000;text-decoration:none;}
.listarea .box {position:relative;width:100%;height:100%;padding:5% 5% 7rem 5%;background:#fff;border-radius:1rem;}
.listarea .box .video {width: 100%; aspect-ratio: 16 / 9;}
.listarea .box .video iframe {width: 100%;height: 100%;}
.listarea .box img {width:100%;margin-bottom:1rem; }
.listarea .box h3 {margin-bottom:1rem;}
.listarea .box p {}
.listarea .box a.button {color:#fff;position:absolute;bottom:2%;left:3%;width:94%;}

.tabarea {padding:1rem;text-align:right;border-bottom:solid #ccc 1px; }
.tabarea h3 {padding-right:2rem;}
.tabarea h3:after {font-family: 'Font Awesome 5 Pro'; content: '　　\f107';}
.tabarea.on h3:after {content: '　　\f106';}
.tabarea .tabbox {width:100%;display:block;}
.tabarea .tablist {display:none;}
.tabarea a.tab {border-bottom:solid var(--colors-brand) 1px;color:var(--colors-brand);display:block;padding:1rem 2rem;}
.tabarea a.tab.on {background:var(--colors-brand);color:#fff;}
.tabarea a.tab:hover {background:var(--colors-brand-sub);color:#fff;}

.contents_head {padding-top: 0;}
.contents_head .seminarhead {text-align:center;padding-top:12vw;  }
.contents_head .seminarhead h2 {font-size:5rem;line-height:1.3em;color:var(--colors-brand);margin-bottom:0.5em; }
.contents_head .seminarhead h3 {font-size:2.4rem;line-height:1.3em;color:var(--colors-brand);margin-bottom:0.5em;}
.contents_head .seminarhead p {font-size:1.6rem;padding-bottom:3rem;}
.contents_head .seminarcta {text-align:center;padding-bottom:10vw;}
.contents_head .seminarcta a {display:inline-block;font-size:2.0rem;padding:0.5em 2em;color:#fff;}


.contents01 {background:var(--colors-brand);padding-top:0;padding-bottom:0;}
.contents01 .halfCols__inner {padding:3vw;}
.contents01 .halfCols__column {padding:2vw;}
.contents01 .seminarbody h3 {font-size:3rem;color:#fff;margin-bottom:0.5em;}
.contents01 .seminarbody p {color:#fff;}
.contents01 .seminarbody p a {text-decoration:underline;}

.contents01 .seminarlecturer {margin-bottom:5rem; }
.contents01 .seminarlecturer h3 {font-size:3rem;color:#fff;margin-bottom:0.5em;}
.contents01 .seminarlecturer h4 {color:#fff;}
.contents01 .seminarlecturer p {color:#fff;}
.contents01 .seminarlecturer .halfCols__inner {padding:0vw;}
.contents01 .seminarlecturer .column01 {width:20rem;padding:0;}
.contents01 .seminarlecturer .column02 {width:calc(100% - 20rem);padding:0;}
.contents01 .seminarlecturer figure {width:15rem;height:15rem;border-radius:50%;overflow:hidden;margin:0 auto;}
.contents01 .seminarlecturer figure img {width:100%;height:100%;object-fit:cover;}
.contents01 .seminartarget {background:#fff;border-radius:1rem;padding:2vw;}
.contents01 .seminartarget h3 {font-size:2.4rem;color:var(--colors-brand);margin-bottom:0.5em; }
.contents01 .seminartarget p {font-size:1.6rem;color:var(--colors-brand);}

.contents02 {padding-left: var(--grid-gutter);padding-right: var(--grid-gutter);padding-top: var(--section-spacing);padding-bottom: var(--section-spacing);}
.contents02 .seminardata {padding:0 5vw;}

.contents02 .seminardata table {border-collapse:collapse;width:100%;}
.contents02 .seminardata table th {border:solid #ccc 1px;padding:2rem 3rem;background:var(--colors-brand);color:#fff;vertical-align:middle;}
.contents02 .seminardata table td {border:solid #ccc 1px;padding:2rem 3rem;}
.contents02 .seminardata table td a {text-decoration:underline;}
.contents02 .seminardata table td a:hover {text-decoration:underline;color:var(--colors-brand);}

.contents03 {padding-left: var(--grid-gutter);padding-right: var(--grid-gutter);padding-top: var(--section-spacing);padding-bottom: var(--section-spacing);
background:#B8D6ED;}
.contents03 br.sp {display:none;}
.contents03 h2 {text-align:center;}
.contents03 p {text-align:center;}
.contents03 .copyarea {text-align:center;}
.contents03 .copyarea input {padding:1rem;width:20vw;}
.contents03 .formarea {width:55vw;margin:0 auto; }
.contents03 .formarea iframe {}


@media only screen and (max-width: 768px) {
    .listwrap {padding: var(--section-spacing) 0 0 0 ;}
    .listarea {display:block;}
    .listarea .inner {width:100%;}
    .listarea .inner a {}
    .listarea .box {padding:5%;}
    .listarea .box img {}
    .listarea .box h3 {}
    .listarea .box p {margin-bottom:2rem;}
    .listarea .box a.button {position:relative;bottom:auto;left:auto;width:100%;}


    .contents_head .seminarhead {padding:20vw 5vw 0vw 5vw; }
    .contents_head .seminarhead h2 {font-size:2.5rem;}
    .contents_head .seminarhead h3 {font-size:1.8rem;}
    .contents_head .seminarhead p {font-size:1.4rem;}
    .contents_head .seminarcta {padding-bottom:20vw;}

    .contents01 {padding-top:var(--section-spacing);padding-bottom:var(--section-spacing);}
    .contents01 .halfCols__inner {display:block;width:100%;padding:0; }
    .contents01 .seminarbody h3 {text-align:center;}
    .halfCols__inner .halfCols__column {width:100%;}
    .contents01 .seminarlecturer {padding-top:var(--section-spacing);}
    .contents01 .seminarlecturer h3 {text-align:center;}
    .contents01 .seminarlecturer .column01 {width:100%;}
    .contents01 .seminarlecturer .column02 {width:100%;padding-top:2rem; }
    .contents01 .seminartarget {padding:2rem;}
    .contents01 .seminartarget h3 {font-size:2rem;text-align:center;}
    .contents01 .seminartarget p {font-size:1.4rem;}
    .contents02 .seminardata table th {display:block;width:100%;border:none;}
    .contents02 .seminardata table td {display:block;width:100%;}
    .contents03 .formarea {width:100%;}
    .contents03 br.sp {display:block;}
}